@total_onion/onion-library 2.0.144 → 2.0.146

package/public/block-cocktail-recipe-v3/cocktail-recipe-v3.css

@@ -0,0 +1,317 @@
+@charset "UTF-8";
+.cocktail-recipe-v3 {
+  pointer-events: all;
+}
+.cocktail-recipe-v3__ingredients-container {
+  display: flex;
+  flex-direction: column;
+  gap: calc(20 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(50 / var(--design-reference) * var(--screen-width));
+}
+.cocktail-recipe-v3__ingredients-container .ingredients-title {
+  padding-top: calc(10 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
+  font-family: var(--primary-font-family);
+  font-size: calc(80 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 500;
+  text-transform: uppercase;
+  text-box-edge: cap alphabetic;
+  text-box-trim: trim-both;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__ingredients-container .ingredients-title {
+    font-size: calc(160 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  }
+}
+.cocktail-recipe-v3__servings {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: calc(15 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(15 / var(--design-reference) * var(--screen-width));
+  border-bottom: 1px solid rgba(250, 248, 236, 0.3019607843);
+}
+.cocktail-recipe-v3__servings .servings-title {
+  font-family: var(--secondary-font-family);
+  font-size: calc(26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 500;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper {
+  display: flex;
+  align-items: center;
+  gap: calc(15 / var(--design-reference) * var(--screen-width));
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .dec-btn-wrapper {
+  width: 40px;
+  height: 40px;
+  border: 1px solid #faf8ec;
+  overflow: hidden;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .dec-btn-wrapper .servings-dec-btn {
+  cursor: pointer;
+  background-color: #0054ff;
+  color: #faf8ec;
+  font-size: 28px;
+  padding-bottom: 4px;
+  width: 100%;
+  height: 100%;
+  border: medium none currentcolor;
+  border: initial;
+  transform: translateX(0);
+  transition: transform 0.3s ease;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .dec-btn-wrapper .servings-dec-btn::after {
+  content: "\2212";
+  color: #0054ff;
+  padding-top: 4px;
+  width: 38px;
+  height: 38px;
+  position: absolute;
+  top: 0;
+  right: -38px;
+  background-color: #faf8ec;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .dec-btn-wrapper:hover .servings-dec-btn {
+  transform: translateX(-100%);
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .dec-btn-wrapper.inactive {
+  opacity: 0.4;
+  pointer-events: none;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .servings-current {
+  font-family: var(--secondary-font-family);
+  font-size: calc(26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 500;
+  display: inline-block;
+  width: calc(60 / var(--design-reference) * var(--screen-width));
+  text-align: center;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__servings .servings-control-wrapper .servings-current {
+    font-size: calc(30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  }
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .inc-btn-wrapper {
+  cursor: pointer;
+  width: 40px;
+  height: 40px;
+  border: 1px solid #faf8ec;
+  overflow: hidden;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .inc-btn-wrapper .servings-inc-btn {
+  cursor: pointer;
+  color: #0054ff;
+  font-size: 30px;
+  background-color: #faf8ec;
+  width: 100%;
+  height: 100%;
+  border: medium none currentcolor;
+  border: initial;
+  transform: translateX(-100%);
+  transition: transform 0.3s ease;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .inc-btn-wrapper .servings-inc-btn::after {
+  content: "+";
+  padding-top: 2px;
+  color: #faf8ec;
+  width: 38px;
+  height: 38px;
+  position: absolute;
+  top: 0;
+  right: -38px;
+  background-color: #0054ff;
+}
+.cocktail-recipe-v3__servings .servings-control-wrapper .inc-btn-wrapper:hover .servings-inc-btn {
+  transform: translateX(0);
+}
+.cocktail-recipe-v3__unit-toggle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: calc(10 / var(--design-reference) * var(--screen-width));
+}
+.cocktail-recipe-v3__unit-toggle .unit-text {
+  font-family: var(--tertiary-font-family);
+  font-size: calc(18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 700;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__unit-toggle .unit-text {
+    font-size: calc(22 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  }
+}
+.cocktail-recipe-v3__unit-toggle .unit-toggle-wrapper {
+  display: flex;
+  align-items: center;
+  gap: calc(20 / var(--design-reference) * var(--screen-width));
+}
+.cocktail-recipe-v3__unit-toggle .unit-toggle-wrapper .checkbox-wrapper input[type=checkbox] {
+  display: none;
+  visibility: hidden;
+}
+.cocktail-recipe-v3__unit-toggle .unit-toggle-wrapper .checkbox-wrapper .block {
+  position: relative;
+  clear: both;
+  float: left;
+}
+.cocktail-recipe-v3__unit-toggle .unit-toggle-wrapper .checkbox-wrapper label {
+  width: 64px;
+  height: 36px;
+  box-sizing: border-box;
+  border: 1px solid;
+  float: left;
+  border-radius: 100px;
+  position: relative;
+  cursor: pointer;
+  transition: 0.3s ease;
+  color: #faf8ec;
+}
+.cocktail-recipe-v3__unit-toggle .unit-toggle-wrapper .checkbox-wrapper input[type=checkbox]:checked + label:before {
+  left: 31px;
+}
+.cocktail-recipe-v3__unit-toggle .unit-toggle-wrapper .checkbox-wrapper label:before {
+  transition: 0.3s ease;
+  content: "";
+  width: 28px;
+  height: 28px;
+  position: absolute;
+  background: #faf8ec;
+  left: 3px;
+  top: 3px;
+  box-sizing: border-box;
+  color: black;
+  border-radius: 50%;
+}
+.cocktail-recipe-v3 .ingredients-wrapper {
+  display: flex;
+  align-items: center;
+  gap: calc(15 / var(--design-reference) * var(--screen-width));
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3 .ingredients-wrapper {
+    gap: calc(30 / var(--design-reference) * var(--screen-width));
+  }
+}
+.cocktail-recipe-v3 .ingredients-wrapper .ingredient-image {
+  max-width: calc(50 / var(--design-reference) * var(--screen-width));
+  aspect-ratio: 1;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3 .ingredients-wrapper .ingredient-image {
+    max-width: calc(100 / var(--design-reference) * var(--screen-width));
+  }
+}
+.cocktail-recipe-v3 .ingredients-wrapper .ingredient-text {
+  font-size: calc(18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-family: var(--tertiary-font-family);
+  font-weight: 400;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3 .ingredients-wrapper .ingredient-text {
+    font-size: calc(22 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  }
+}
+.cocktail-recipe-v3__equipment-container {
+  display: flex;
+  flex-direction: column;
+  gap: calc(20 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(100 / var(--design-reference) * var(--screen-width));
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__equipment-container {
+    padding-bottom: calc(180 / var(--design-reference) * var(--screen-width));
+  }
+}
+.cocktail-recipe-v3__equipment-container .equipments-title {
+  font-family: var(--secondary-font-family);
+  font-size: calc(26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 500;
+  padding-top: calc(20 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(20 / var(--design-reference) * var(--screen-width));
+  border-bottom: 1px solid rgba(250, 248, 236, 0.3019607843);
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__equipment-container .equipments-title {
+    padding-top: calc(10 / var(--design-reference) * var(--screen-width));
+    padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
+  }
+}
+.cocktail-recipe-v3__equipment-container .equipments-wrapper {
+  display: flex;
+  align-items: center;
+  gap: calc(15 / var(--design-reference) * var(--screen-width));
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__equipment-container .equipments-wrapper {
+    gap: calc(30 / var(--design-reference) * var(--screen-width));
+  }
+}
+.cocktail-recipe-v3__equipment-container .equipments-wrapper .equipment-image {
+  max-width: calc(50 / var(--design-reference) * var(--screen-width));
+  aspect-ratio: 1;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__equipment-container .equipments-wrapper .equipment-image {
+    max-width: calc(100 / var(--design-reference) * var(--screen-width));
+  }
+}
+.cocktail-recipe-v3__equipment-container .equipments-wrapper .equipment-text {
+  font-family: var(--tertiary-font-family);
+  font-size: calc(18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 400;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__equipment-container .equipments-wrapper .equipment-text {
+    font-size: calc(22 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  }
+}
+.cocktail-recipe-v3__instructions-container .instructions-title {
+  font-family: var(--primary-font-family);
+  font-size: calc(70 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 500;
+  text-transform: uppercase;
+  padding-top: calc(10 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
+  text-box-edge: cap alphabetic;
+  text-box-trim: trim-both;
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__instructions-container .instructions-title {
+    padding-top: calc(40 / var(--design-reference) * var(--screen-width));
+    padding-bottom: calc(40 / var(--design-reference) * var(--screen-width));
+    font-size: calc(160 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  }
+}
+.cocktail-recipe-v3__instructions-container .instructions-wrapper {
+  display: flex;
+  align-items: flex-start;
+  gap: calc(20 / var(--design-reference) * var(--screen-width));
+  padding-top: calc(30 / var(--design-reference) * var(--screen-width));
+  padding-bottom: calc(30 / var(--design-reference) * var(--screen-width));
+  border-top: 1px solid rgba(250, 248, 236, 0.3019607843);
+}
+@media screen and (min-width: 768px) {
+  .cocktail-recipe-v3__instructions-container .instructions-wrapper {
+    align-items: center;
+  }
+}
+.cocktail-recipe-v3__instructions-container .instructions-wrapper .instructions-number {
+  font-family: var(--secondary-font-family);
+  font-size: calc(30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  padding-left: calc(10 / var(--design-reference) * var(--screen-width));
+  padding-right: calc(10 / var(--design-reference) * var(--screen-width));
+  font-weight: 500;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
+}
+.cocktail-recipe-v3__instructions-container .instructions-wrapper .instructions-text {
+  font-family: var(--tertiary-font-family);
+  font-size: calc(30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
+  font-weight: 300;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
+}

package/public/block-cocktail-recipe-v3/cocktail-recipe-v3.js

@@ -0,0 +1,93 @@
+export default function cocktailrecipev3Js(options = {}) {
+  try {
+    const { block } = options;
+    const valueEl = block.querySelector("[data-servings-value]");
+    const decBtn = block.querySelector("[data-servings-dec]");
+    const incBtn = block.querySelector("[data-servings-inc]");
+    const decWrapper = block.querySelector(".dec-btn-wrapper");
+    const amountEls = block.querySelectorAll("[data-ingredients]");
+    const unitToggle = document.querySelector("[data-unit-toggle]");
+    const checkbox = unitToggle?.querySelector("[data-unit-checkbox]");
+    amountEls.forEach((el) => {
+      if (!el.dataset.baseAmount) {
+        el.dataset.baseAmount = el.dataset.amount || "";
+      }
+      if (!el.dataset.baseUnit) {
+        el.dataset.baseUnit = el.dataset.unit || "";
+      }
+    });
+    let currentUnit = "ml";
+    const ML_TO_OZ = 0.033814;
+    const getServings = () => parseInt(valueEl.textContent, 10) || 1;
+    const setServings = (n) => {
+      valueEl.textContent = `${n}x`;
+      updateInactiveState(n);
+    };
+    const updateInactiveState = (value) => {
+      if (!decWrapper) return;
+      if (value <= 1) decWrapper.classList.add("inactive");
+      else decWrapper.classList.remove("inactive");
+    };
+    const formatNumber = (num, unit) => {
+      if (unit === "oz")
+        return (Math.round(num * 100) / 100).toFixed(2).replace(/\.?0+$/, "");
+      if (unit === "ml")
+        return (Math.round(num * 10) / 10).toString().replace(/\.0$/, "");
+      return (Math.round(num * 100) / 100).toString().replace(/\.?0+$/, "");
+    };
+    const convert = (value, fromUnit, toUnit) => {
+      if (isNaN(value)) return value;
+      if (fromUnit === toUnit) return value;
+      if (fromUnit === "ml" && toUnit === "oz") return value * ML_TO_OZ;
+      if (fromUnit === "oz" && toUnit === "ml") return value / ML_TO_OZ;
+      return value;
+    };
+    const renderIngredients = () => {
+      const servings = getServings();
+      amountEls.forEach((el) => {
+        const baseAmount = parseFloat(el.dataset.baseAmount);
+        const baseUnit = el.dataset.baseUnit || "";
+        const name = el.dataset.name || "";
+        if (isNaN(baseAmount)) {
+          el.textContent = name;
+          return;
+        }
+        let amount = baseAmount * servings;
+        let displayUnit = baseUnit;
+        if ((baseUnit === "ml" || baseUnit === "oz") && currentUnit !== baseUnit) {
+          amount = convert(amount, baseUnit, currentUnit);
+          displayUnit = currentUnit;
+        }
+        const numStr = formatNumber(amount, displayUnit);
+        const unitStr = displayUnit ? displayUnit : "";
+        el.textContent = `${numStr}${unitStr ? unitStr : ""}${unitStr ? " " : " "}${name}`.trim();
+      });
+    };
+    decBtn?.addEventListener("click", () => {
+      const cur = getServings();
+      if (cur > 1) {
+        setServings(cur - 1);
+        renderIngredients();
+      }
+    });
+    incBtn?.addEventListener("click", () => {
+      const cur = getServings();
+      if (cur < 99) {
+        setServings(cur + 1);
+        renderIngredients();
+      }
+    });
+    if (checkbox) {
+      checkbox.addEventListener("change", (e) => {
+        currentUnit = e.target.checked ? "oz" : "ml";
+        renderIngredients();
+      });
+    }
+    setServings(getServings() || 1);
+    currentUnit = "ml";
+    renderIngredients();
+    updateInactiveState(getServings());
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-cover-link-v3/cover-link-v3.js

@@ -0,0 +1,7 @@
+export default function coverlinkv3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-divider-v3/divider-v3.js

@@ -0,0 +1,7 @@
+export default function dividerv3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-featured-image-gallery-v3/featured-image-gallery-v3.js

@@ -0,0 +1,44 @@
+export default function featuredImagegalleryJs(options = {}) {
+  try {
+    const { block } = options;
+    const featuredImageContainer = block.querySelector(
+      `.featured-image-gallery-v3__featured-image-container`
+    );
+    const featuredImage = block.querySelector(
+      `.featured-image-gallery-v3__featured-image`
+    );
+    const thumbnailImages = block.querySelectorAll(
+      `.featured-image-gallery-v3__image-wrapper`
+    );
+    thumbnailImages.forEach((image) => {
+      image.addEventListener("click", function updateSrc() {
+        thumbnailImages.forEach((wrapper) => {
+          wrapper.classList.remove(
+            "featured-image-gallery-v3__image-wrapper--active"
+          );
+        });
+        image.classList.add(
+          "featured-image-gallery-v3__image-wrapper--active"
+        );
+        featuredImageContainer.classList.add("changing-image");
+        setTimeout(() => {
+          featuredImage.setAttribute(
+            "src",
+            this.querySelector("img").getAttribute("src")
+          );
+          featuredImage.setAttribute(
+            "alt",
+            this.querySelector("img").getAttribute("alt")
+          );
+          featuredImage.setAttribute(
+            "srcset",
+            this.querySelector("img").getAttribute("srcset")
+          );
+          featuredImageContainer.classList.remove("changing-image");
+        }, 800);
+      });
+    });
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-form-selection-v3/form-selection-v3.js

@@ -0,0 +1,61 @@
+export default function formselectionv3Js(options = {}) {
+  try {
+    let validateFormFields = function(block2) {
+      const inputs = block2.querySelectorAll(
+        ".cdb_form_field input, .cdb_form_field select, .cdb_form_gdpr_information input, .cdb_form_privacypolicy_information input"
+      );
+      inputs.forEach((input) => {
+        const wrapper = input.closest(".cdb_form_field, .cdb_form_gdpr_information, .cdb_form_privacypolicy_information");
+        if (!wrapper) return;
+        wrapper.classList.remove("invalid");
+        if (!input.hasAttribute("required")) return;
+        if (input.type === "checkbox") {
+          if (!input.checked) {
+            wrapper.classList.add("invalid");
+          }
+          input.addEventListener("change", () => {
+            if (input.checked) {
+              wrapper.classList.remove("invalid");
+            }
+          });
+        } else {
+          if (!input.value.trim()) {
+            wrapper.classList.add("invalid");
+          }
+          input.addEventListener("input", () => {
+            if (input.value.trim()) {
+              wrapper.classList.remove("invalid");
+            }
+          });
+        }
+      });
+    };
+    const { block } = options;
+    const formContainer = block.querySelector(".form-selection-v3__container-modal");
+    const openModal = block.querySelector(".form-selection-v3__modal-open");
+    const closeModal = block.querySelector(".form-selection-v3__modal-close");
+    if (formContainer && openModal) {
+      openModal.addEventListener("click", function(e) {
+        e.preventDefault();
+        document.documentElement.classList.add("lock-position");
+        formContainer.style.display = "flex";
+      });
+      closeModal.addEventListener("click", function(e) {
+        document.documentElement.classList.remove("lock-position");
+        e.preventDefault();
+        formContainer.style.display = "none";
+      });
+    } else {
+      return;
+    }
+    const submit = block.querySelector(
+      ".cdb-submit"
+    );
+    submit.classList.add("cmpl-cta-style-11", "cmpl-cta-animation-style-1");
+    submit.addEventListener("click", (e) => {
+      validateFormFields(block);
+    });
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-gradient-layer-v3/gradient-layer-v3.js

@@ -0,0 +1,7 @@
+export default function gradientlayerv3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-group-container-v3/group-container-v3.js

@@ -0,0 +1,7 @@
+export default function groupcontainerv3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-lottie-content-v3/lottie-content-v3.js

@@ -0,0 +1,25 @@
+import lottie from "lottie-web";
+export default function lottiecontentv3Js(block) {
+  const lottieElement = block.querySelector(".lottie-animations");
+  if (!lottieElement) {
+    return;
+  }
+  const lottieData = lottieElement.dataset;
+  const filePath = lottieData.lottiefile;
+  if (!filePath) {
+    return;
+  }
+  const loop = parseInt(lottieData.loop) ? true : false;
+  const autoplay = parseInt(lottieData.autoplay) ? true : false;
+  lottie.loadAnimation({
+    container: lottieElement,
+    renderer: "svg",
+    loop,
+    autoplay,
+    path: filePath,
+    rendererSettings: {
+      preserveAspectRatio: "xMidYMid slice",
+      progressiveLoad: true
+    }
+  });
+}

package/public/block-market-selector-v3/market-selector-v3.js

@@ -0,0 +1,7 @@
+export default function marketselectorv3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-modal-form-v3/modal-form-v3.js

@@ -0,0 +1,44 @@
+export default function modalformv3Js(options = {}) {
+  try {
+    let validateFormFields = function(block2) {
+      const inputs = block2.querySelectorAll(
+        ".cdb_form_field input, .cdb_form_field select, .cdb_form_gdpr_information input, .cdb_form_privacypolicy_information input"
+      );
+      inputs.forEach((input) => {
+        const wrapper = input.closest(".cdb_form_field, .cdb_form_gdpr_information, .cdb_form_privacypolicy_information");
+        if (!wrapper) return;
+        wrapper.classList.remove("invalid");
+        if (!input.hasAttribute("required")) return;
+        if (input.type === "checkbox") {
+          if (!input.checked) {
+            wrapper.classList.add("invalid");
+          }
+          input.addEventListener("change", () => {
+            if (input.checked) {
+              wrapper.classList.remove("invalid");
+            }
+          });
+        } else {
+          if (!input.value.trim()) {
+            wrapper.classList.add("invalid");
+          }
+          input.addEventListener("input", () => {
+            if (input.value.trim()) {
+              wrapper.classList.remove("invalid");
+            }
+          });
+        }
+      });
+    };
+    const { block } = options;
+    const submit = block.querySelector(
+      ".cdb-submit"
+    );
+    submit.classList.add("cmpl-cta-style-11", "cmpl-cta-animation-style-1");
+    submit.addEventListener("click", (e) => {
+      validateFormFields(block);
+    });
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-nav-menu-container-v3/nav-menu-container-v3.js

@@ -0,0 +1,7 @@
+export default function navmenucontainerv3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-post-info-v3/post-info-v3.js

@@ -0,0 +1,7 @@
+export default function postinfov3Js(options = {}) {
+  const { block } = options;
+  try {
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-post-type-filter-grid-v3/post-type-filter-grid-v3.css

@@ -1,6 +1,7 @@
 .post-type-filter-grid-v3 {
   z-index: 10;
   position: relative;
+  pointer-events: all;
   background-color: var(--block-background-colour);
 }
 .post-type-filter-grid-v3__main-container {

package/public/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js

@@ -0,0 +1,13 @@
+import { createApp } from "vue";
+import posttypefiltergridv2 from "@total_onion/onion-library/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.vue";
+export default function posttypefiltergridv2Js(options = {}) {
+  try {
+    const { block } = options;
+    const mountElement = block.children[0];
+    createApp(posttypefiltergridv2, { ...mountElement.dataset }).mount(
+      mountElement
+    );
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-product-info-v3/product-info-v3.js

@@ -0,0 +1,7 @@
+export default function productinfov3Js(options = {}) {
+  const { block } = options;
+  try {
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/block-responsive-table-v3/responsive-table-v3.js

@@ -0,0 +1,7 @@
+export default function responsivetableJs(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}