Apply automatic changes

Signed-off-by: VF-WP GitHub Actions Bot <[email protected]>

vf-components/vf-componenet-rollup/package.variables.scss

@@ -3,5 +3,5 @@ $componentInfo: (
              version: "1.0.0-beta.4",
              location: "components/vf-componenet-rollup",
              vfCoreVersion: "2.2.39",
-             buildTimeStamp: "Fri, 13 Oct 2023 07:55:12 GMT"
+             buildTimeStamp: "Wed, 18 Oct 2023 10:54:40 GMT"
           );

vf-components/vfwp-admin/package.variables.scss

@@ -3,5 +3,5 @@ $componentInfo: (
              version: "0.0.1",
              location: "components/vfwp-admin",
              vfCoreVersion: "2.2.39",
-             buildTimeStamp: "Fri, 13 Oct 2023 07:55:12 GMT"
+             buildTimeStamp: "Wed, 18 Oct 2023 10:54:40 GMT"
           );

vf-components/vfwp-autocomplete/package.variables.scss

@@ -3,5 +3,5 @@ $componentInfo: (
              version: "0.0.1",
              location: "components/vfwp-autocomplete",
              vfCoreVersion: "2.2.39",
-             buildTimeStamp: "Fri, 13 Oct 2023 07:55:12 GMT"
+             buildTimeStamp: "Wed, 18 Oct 2023 10:54:40 GMT"
           );

vf-components/vfwp-gutenberg-blocks/package.variables.scss

@@ -3,5 +3,5 @@ $componentInfo: (
              version: "0.0.1",
              location: "components/vfwp-gutenberg-blocks",
              vfCoreVersion: "2.2.39",
-             buildTimeStamp: "Fri, 13 Oct 2023 07:55:12 GMT"
+             buildTimeStamp: "Wed, 18 Oct 2023 10:54:40 GMT"
           );

vf-components/vfwp-gutenberg-iframe/package.variables.scss

@@ -3,5 +3,5 @@ $componentInfo: (
              version: "0.0.1",
              location: "components/vfwp-gutenberg-iframe",
              vfCoreVersion: "2.2.39",
-             buildTimeStamp: "Fri, 13 Oct 2023 07:55:12 GMT"
+             buildTimeStamp: "Wed, 18 Oct 2023 10:54:40 GMT"
           );

wp-content/themes/vf-wp/assets/assets/vf-back-to-top/vf-back-to-top.css

@@ -0,0 +1,110 @@
+/* stylelint-disable */
+:root {
+  --vf-color--green: #18974c;
+  --vf-color--green--darkest: #0a5032;
+  --vf-color--green--dark: #007b53;
+  --vf-color--green--light: #6cc24a;
+  --vf-color--green--lightest: #d0debb;
+  --vf-color--grey: #707372;
+  --vf-color--grey--darkest: #373a36;
+  --vf-color--grey--dark: #54585a;
+  --vf-color--grey--light: #a8a99e;
+  --vf-color--grey--lightest: #d0d0ce;
+  --vf-color--red: #d41645;
+  --vf-color--red--dark: #a6093d;
+  --vf-color--red--light: #e58f9e;
+  --vf-color--blue: #3b6fb6;
+  --vf-color--blue--dark: #193f90;
+  --vf-color--blue--light: #8bb8e8;
+  --vf-color--purple: #734595;
+  --vf-color--purple--dark: #563d82;
+  --vf-color--purple--light: #cba3d8;
+  --vf-color--orange: #f49e17;
+  --vf-color--orange--dark: #b65417;
+  --vf-color--orange--light: #efc06e;
+  --vf-color--yellow: #f4c61f;
+  --vf-color--yellow--dark: #ffb81c;
+  --vf-color--yellow--light: #fdd757;
+  --vf-color--bright-green: #a1be1f;
+  --vf-color--bright-green--dark: #7fb428;
+  --vf-color--bright-green--light: #e2e868;
+}
+
+:root {
+  --vf-color__text--primary: #1a1c1a;
+  --vf-color__text--secondary: #373a36;
+  --vf-color__link: #3b6fb6;
+  --vf-color__link--hover: #193f90;
+  --vf-color__link--focus: #193f90;
+  --vf-color__link--visited: #563d82;
+}
+
+:root {
+  --vf-color__button__text--primary: #ffffff;
+  --vf-color__button__border--primary: #3b6fb6;
+  --vf-color__button__background--primary: #3b6fb6;
+  --vf-color__button__shadow--primary: #193f90;
+  --vf-color__button__text--secondary: #3b6fb6;
+  --vf-color__button__border--secondary: #3b6fb6;
+  --vf-color__button__background--secondary: #ffffff;
+  --vf-color__button__shadow--secondary: #193f90;
+  --vf-color__button__text--tertiary: #ffffff;
+  --vf-color__button__border--tertiary: #373a36;
+  --vf-color__button__background--tertiary: #373a36;
+  --vf-color__button__shadow--tertiary: #000000;
+}
+
+:root {
+  --vf-color__brand: #18974c;
+  --vf-color__brand--dark: #0a5032;
+}
+
+:root {
+  --vf-ui-color--black: #000000;
+  --vf-ui-color--grey: #d8d8d8;
+  --vf-ui-color--grey--light: #f3f3f3;
+  --vf-ui-color--yellow: #fffadc;
+  --vf-ui-color--red: #d32f2f;
+  --vf-ui-color--white: #ffffff;
+  --vf-ui-color--off-white: #fafafa;
+}
+
+:root {
+  --vf-color--neutral--0: #ffffff;
+  --vf-color--neutral--100: #f3f3f3;
+  --vf-color--neutral--200: #e4e4e4;
+  --vf-color--neutral--300: #d0d0ce;
+  --vf-color--neutral--400: #a9abaa;
+  --vf-color--neutral--500: #8d8f8e;
+  --vf-color--neutral--600: #707372;
+  --vf-color--neutral--700: #54585a;
+  --vf-color--neutral--800: #373a36;
+  --vf-color--neutral--900: #000000;
+}
+
+:root {
+  --vf-theme--primary: #3b6fb6;
+  --vf-theme--primary--dark: #193f90;
+  --vf-theme--secondary: #18974c;
+  --vf-theme--secondary--dark: #007b53;
+  --vf-theme--tertiary: #54585a;
+  --vf-theme--quaternary: #f4c61f;
+  --vf-theme--quinary: #d0d0ce;
+}
+
+/* stylelint-enable */
+/*!
+ * Component: @visual-framework/vf-back-to-top
+ * Version: 1.0.1
+ * Location: components/vf-core-components/vf-back-to-top
+ * Build time: Wed, 18 Oct 2023 10:54:01 GMT
+ */
+.vf-back-to-top {
+  display: inline;
+}
+
+.vf-back-top--floating {
+  position: fixed;
+  right: 5rem;
+  top: calc(100vh - 6rem);
+}

wp-content/themes/vf-wp/assets/assets/vf-back-to-top/vf-back-to-top.js

@@ -0,0 +1,59 @@
+// vf-back-to-top
+
+/**
+ * Function for JS scroll to top functionality
+ * That must be executed exactly once
+ * @example vfBackToTop()
+ */
+export function vfBackToTop() {
+
+  // add click handler on ALL of the "Back to top" links on page
+  const links = document.querySelectorAll("[data-vf-js-back-to-top]");
+  for (let link of links) {
+    link.addEventListener("click", (event) => {
+
+      // if target element has href defined, prevent it from navigating. Href is a non-js fallback
+      event.preventDefault();
+
+      // we get scroll target if from data param of element
+      const scrollToId = event.target.dataset.scrollToId;
+      // Get the element with given id or body if no id provided
+      const targetElement = scrollToId ? document.getElementById(scrollToId) : document.body;
+      // Scroll to the element
+      if (targetElement) {
+        targetElement.scrollIntoView({ behavior: "smooth" });
+      }
+    });
+  }
+
+  // On scrolling, show or hide "Back to top" link when scroll is past one full screen height
+  window.addEventListener("DOMContentLoaded", () => {
+
+    //only handle first floating element, ignore additional elements
+    const floatingElement = document.querySelector("[data-vf-js-back-to-top-floating]");
+
+    if (!floatingElement) {
+      //exit, no floating button element found
+      return;
+    }
+
+    //hide initially
+    setVisible(floatingElement, false);
+
+    // Add handler only if floating element present
+    if (floatingElement) {
+      window.addEventListener("scroll", function () {
+        // current scrollY value is past one full screen height?
+        const isScrollPastWindowHeight = window.scrollY >= window.innerHeight;
+
+        // toggle visibility
+        setVisible(floatingElement, isScrollPastWindowHeight);
+      });
+    }
+
+  });
+}
+
+function setVisible(element, isVisible){
+  element.style.visibility = isVisible ? "visible" : "hidden";
+}

wp-content/themes/vf-wp/assets/assets/vf-back-to-top/vf-back-to-top.precompiled.js

@@ -0,0 +1,115 @@
+/**
+ * Precompiled Nunjucks template: vf-back-to-top.njk
+ */
+(function() {(window.nunjucksPrecompiled = window.nunjucksPrecompiled || {})["vf-back-to-top"] = (function() {
+function root(env, context, frame, runtime, cb) {
+var lineno = 0;
+var colno = 0;
+var output = "";
+try {
+var parentTemplate = null;
+output += "\n";
+if(runtime.contextOrFrameLookup(context, frame, "context")) {
+var t_1;
+t_1 = runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "context")),"type");
+frame.set("type", t_1, true);
+if(frame.topLevel) {
+context.setVariable("type", t_1);
+}
+if(frame.topLevel) {
+context.addExport("type", t_1);
+}
+var t_2;
+t_2 = runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "context")),"text");
+frame.set("text", t_2, true);
+if(frame.topLevel) {
+context.setVariable("text", t_2);
+}
+if(frame.topLevel) {
+context.addExport("text", t_2);
+}
+var t_3;
+t_3 = runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "context")),"scrollToId");
+frame.set("scrollToId", t_3, true);
+if(frame.topLevel) {
+context.setVariable("scrollToId", t_3);
+}
+if(frame.topLevel) {
+context.addExport("scrollToId", t_3);
+}
+var t_4;
+t_4 = runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "context")),"example");
+frame.set("example", t_4, true);
+if(frame.topLevel) {
+context.setVariable("example", t_4);
+}
+if(frame.topLevel) {
+context.addExport("example", t_4);
+}
+;
+}
+output += "\n";
+if(!runtime.contextOrFrameLookup(context, frame, "text")) {
+var t_5;
+t_5 = "Back to top";
+frame.set("text", t_5, true);
+if(frame.topLevel) {
+context.setVariable("text", t_5);
+}
+if(frame.topLevel) {
+context.addExport("text", t_5);
+}
+;
+}
+output += "\n";
+(function(cb) {if(runtime.contextOrFrameLookup(context, frame, "example") == true) {
+output += "  <!-- this HTML is for example use only -->\n  <div class=\"\" style=\"position: relative;\" id=\"top\">\n";
+env.getExtension("render")["run"](context,"@vf-content", function(t_7,t_6) {
+if(t_7) { cb(t_7); return; }
+output += runtime.suppressValue(t_6, true && env.opts.autoescape);
+cb()});
+}
+else {
+cb()}
+})(function(t_8) {
+if(t_8) { cb(t_8); return; }output += "\n<div class=\"vf-back-to-top vf-back-top--";
+output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "type"), env.opts.autoescape);
+output += "\" data-vf-js-back-to-top ";
+if(runtime.contextOrFrameLookup(context, frame, "type") === "floating") {
+output += " data-vf-js-back-to-top-floating ";
+;
+}
+output += ">\n  <a ";
+if(runtime.contextOrFrameLookup(context, frame, "scrollToId")) {
+output += "href=\"";
+output += runtime.suppressValue("#" + runtime.contextOrFrameLookup(context, frame, "scrollToId"), env.opts.autoescape);
+output += "\" data-scroll-to-id=\"";
+output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "scrollToId"), env.opts.autoescape);
+output += "\" ";
+;
+}
+output += "class=\"vf-button vf-button--secondary vf-button--sm\" aria-label=\"";
+output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "text"), env.opts.autoescape);
+output += "\">\n    <svg class=\"vf-icon vf-icon--search-btn | vf-button__icon\" viewBox=\"0 0 140 140\" width=\"16\" height=\"16\">\n      <g transform=\"matrix(5.833333333333333,0,0,5.833333333333333,0,0)\">\n        <path d=\"M23.421,11.765,13.768.8A2.641,2.641,0,0,0,12,0a2.645,2.645,0,0,0-1.768.8L.579,11.765A1.413,1.413,0,1,0,2.7,13.632l7.45-8.466a.25.25,0,0,1,.437.166V22.587a1.413,1.413,0,1,0,2.826,0V5.332a.25.25,0,0,1,.438-.165L21.3,13.632a1.413,1.413,0,1,0,2.121-1.867Z\" fill=\"#3b6fb6\" stroke=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"0\"></path>\n      </g>\n    </svg>\n    ";
+output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "text"), env.opts.autoescape);
+output += "\n  </a>\n</div>\n\n";
+if(runtime.contextOrFrameLookup(context, frame, "example") == true) {
+output += "  <!-- this HTML is for example use only -->\n  </div>\n";
+;
+}
+if(parentTemplate) {
+parentTemplate.rootRenderFunc(env, context, frame, runtime, cb);
+} else {
+cb(null, output);
+}
+});
+} catch (e) {
+  cb(runtime.handleError(e, lineno, colno));
+}
+}
+return {
+root: root
+};
+
+})();
+})();

wp-content/themes/vf-wp/assets/assets/vf-flag/vf-flag.css

@@ -97,7 +97,7 @@
  * Component: @visual-framework/vf-flag
  * Version: 1.0.0-alpha.2
  * Location: components/vf-core-components/vf-flag
- * Build time: Fri, 13 Oct 2023 07:54:33 GMT
+ * Build time: Wed, 18 Oct 2023 10:54:01 GMT
  */
 .vf-flag {
   display: table;