@total_onion/onion-library 2.0.145 → 2.0.147

package/public/components/block-betterreviews-display-v3/betterreviews-display-v3.css

@@ -0,0 +1,96 @@
+.betterreviews-display-v3.loaded .better-reviews__criteria-stars {
+  animation: slide-reveal-right 1s 2s ease-out forwards;
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars {
+  --star-count: 5;
+  --star-size: 16px;
+  --better-reviews-star-width: calc( var(--star-count) * var(--star-size) + (var(--star-count) - 1) * 0px );
+  opacity: 0;
+  position: relative;
+  width: calc(5 * 16px + (5 - 1) * 0px);
+  width: var(--better-reviews-star-width);
+  height: 16px;
+  height: var(--star-size);
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+  -webkit-mask-repeat: repeat-x;
+  mask-repeat: repeat-x;
+  -webkit-mask-size: 16px auto;
+  mask-size: 16px auto;
+  -webkit-mask-size: var(--star-size) auto;
+  mask-size: var(--star-size) auto;
+  -webkit-mask-position: left 33%;
+  mask-position: left 33%;
+  background: transparent;
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background:
+    linear-gradient(
+      90deg,
+      #44271c 0%,
+      #dabb9c 32%,
+      #e5c29d 38%,
+      #ebc79f 45%,
+      #7a4a36 74%,
+      #89563e 81%,
+      #9d6749 92%,
+      #a56d4e 100%);
+  background-clip: content-box;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+  -webkit-mask-repeat: repeat-x;
+  mask-repeat: repeat-x;
+  -webkit-mask-size: var(--star-size) auto;
+  mask-size: var(--star-size) auto;
+  -webkit-mask-position: left 33%;
+  mask-position: left 33%;
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_05::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.911);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_10::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.8);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_15::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.702);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_20::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.6);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_25::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.5);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_30::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.4);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_35::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.298);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_40::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.2);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_45::before {
+  padding-right: calc(var(--better-reviews-star-width) * 0.1);
+}
+.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_50::before {
+  padding-right: 0;
+}
+@keyframes slide-reveal-right {
+  from {
+    clip-path: inset(0 100% 0 0);
+    opacity: 0;
+  }
+  25% {
+    opacity: 1;
+  }
+  100% {
+    clip-path: inset(0 0 0 0);
+    opacity: 1;
+  }
+}

package/public/components/block-betterreviews-display-v3/betterreviews-display-v3.js

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

package/public/components/block-block-interactions-v3/block-interactions-v3.css

@@ -0,0 +1,34 @@
+.block-interactions-v3__block-close-button {
+  cursor: pointer;
+  border: medium none currentcolor;
+  border: initial;
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+  background: initial;
+}
+.block-interactions-v3__popup-trigger {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  border: medium none currentcolor;
+  border: initial;
+  background-color: transparent;
+  background-color: initial;
+  display: flex;
+  cursor: pointer;
+}
+.block-interactions-v3 svg {
+  width: calc(30 / var(--design-reference) * var(--screen-width));
+  height: calc(30 / var(--design-reference) * var(--screen-width));
+}
+@media screen and (min-width: 768px) {
+  .block-interactions-v3 svg {
+    width: calc(30 / var(--design-reference) * var(--screen-width));
+    height: calc(30 / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .block-interactions-v3 svg {
+    width: calc(30 / var(--design-reference) * var(--screen-width));
+    height: calc(30 / var(--design-reference) * var(--screen-width));
+  }
+}

package/public/components/block-block-interactions-v3/block-interactions-v3.js

@@ -0,0 +1,44 @@
+export default function blockinteractionsv3Js(options = {}) {
+  try {
+    let setCookie = function(name, value, days) {
+      const expires = new Date(Date.now() + days * 864e5).toUTCString();
+      document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`;
+    }, getCookie = function(name) {
+      return document.cookie.split("; ").reduce((result, cookieString) => {
+        const [key, val] = cookieString.split("=");
+        return key === name ? decodeURIComponent(val) : result;
+      }, "");
+    };
+    const { block } = options;
+    const blockId = block.dataset.blockid;
+    const parentBlockId = block.dataset.parentblockid;
+    const blockCloseButtons = block.querySelectorAll(".block-interactions-v3__block-close-button");
+    if (!blockCloseButtons.length) {
+      return;
+    }
+    blockCloseButtons.forEach((button) => {
+      const shouldStoreCookie = button?.dataset?.storeCookie === "true";
+      const cookieKey = `blockClosed_${parentBlockId}`;
+      const wrappingSection = document.querySelector(`[data-blockid="${parentBlockId}"]`);
+      if (getCookie(cookieKey) === "true") {
+        wrappingSection.style.animation = "none";
+        wrappingSection.style.display = "none";
+        return;
+      }
+      button.addEventListener("click", (e) => {
+        console.log(e.currentTarget.dataset);
+        wrappingSection.style.animation = "none";
+        wrappingSection.offsetHeight;
+        wrappingSection.style.animation = `${e.currentTarget.dataset.animationname} ${e.currentTarget.dataset.animationduration}s forwards reverse`;
+        setTimeout(() => {
+          wrappingSection.style.display = "none";
+        }, e.currentTarget.dataset.animationduration * 1e3);
+        if (shouldStoreCookie) {
+          setCookie(cookieKey, "true", 7);
+        }
+      });
+    });
+  } catch (error) {
+    console.error("Error in blockinteractionsv3Js:", error);
+  }
+}