@total_onion/onion-library 2.0.151 → 2.0.153

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js

@@ -63,6 +63,9 @@ export default function carouselmultilayoutv3Js(options = {}) {
 				Number(dataAttributes.centeractiveslideportrait) === 1;
 			const centerActiveSlideMobile =
 				Number(dataAttributes.centeractiveslidemobile) === 1;
+			const centerSlidesBounds = Number(dataAttributes.centerslidesbounds) === 1;
+			const centerSlidesBoundsPortrait = Number(dataAttributes.centerslidesboundsportrait) === 1;
+			const centerSlidesBoundsMobile = Number(dataAttributes.centerslidesboundsmobile) === 1;
 			const centerInsufficientSlidesDesktop =
 				Number(dataAttributes.centerinsufficientslidesdesktop) === 1;
 			const centerInsufficientSlidesPortrait =
@@ -162,6 +165,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
 					watchOverflow: true,
 					centeredSlides: centerActiveSlideMobile,
 					centerInsufficientSlides: centerInsufficientSlidesMobile,
+					centeredSlidesBounds: centerSlidesBoundsMobile,
 					freeMode: {
 						enabled: carouselEnableFreeMode,
 						sticky: carouselEnableFreeMode
@@ -176,7 +180,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
 							centeredSlides: centerActiveSlidePortrait,
 							centerInsufficientSlides:
 								centerInsufficientSlidesPortrait,
-
+							centeredSlidesBounds: centerSlidesBoundsPortrait,
 							slidesOffsetBefore: slidesOffsetTabletBefore,
 							slidesOffsetAfter: slidesOffsetTabletAfter,
 							loop: totalSlides > 1 ? loopSlidesPortrait : false
@@ -187,6 +191,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
 							centeredSlides: centerActiveSlide,
 							centerInsufficientSlides:
 								centerInsufficientSlidesDesktop,
+							centeredSlidesBounds: centerSlidesBounds,
 							slidesOffsetBefore: slidesOffsetDesktopBefore,
 							slidesOffsetAfter: slidesOffsetDesktopAfter,
 							loop: totalSlides > 1 ? loopSlides : false

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.twig

@@ -106,7 +106,7 @@
 	}
 </style>
 
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class=" {{ blockClassName }} lazy-fade {{block.id}} {{block.className}} {{classNameEntryPoint}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} " {{sectionDataAttributes}} data-mobileslidesoffsetbefore="{{carousel_slides_offset_before_mobile}}" data-mobileslidesoffsetafter="{{carousel_slides_offset_after_mobile}}" data-tabletslidesoffsetbefore="{{carousel_slides_offset_before_tablet}}" data-tabletslidesoffsetafter="{{carousel_slides_offset_after_tablet}}" data-desktopslidesoffsetbefore="{{carousel_slides_offset_before_desktop}}" data-desktopslidesoffsetafter="{{carousel_slides_offset_after_desktop}}" data-desktopfullspacebetweenslides="{{fields.space_between_slides_desktop_full}}" data-desktopspacebetweenslides="{{fields.carousel_space_between_slides_desktop}}" data-mobilespacebetweenslides="{{fields.carousel_space_between_slides_mobile}}" data-tabletspacebetweenslides="{{fields.carousel_space_between_slides_tablet}}" data-centeractiveslide="{{fields.carousel_center_active_slide}}" data-centeractiveslideportrait="{{fields.center_active_slide_portrait}}" data-centeractiveslidemobile="{{fields.center_active_slide_mobile}}" data-loopslides="{{fields.loop_slides}}" data-loopslidesportrait="{{fields.loop_slides_portrait}}" data-loopslidesmobile="{{fields.loop_slides_mobile}}" data-paginationstyle="{{carouselPaginationStyle}}" data-assetkey="{{ blockClassName }}">
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class=" {{ blockClassName }} lazy-fade {{block.id}} {{block.className}} {{classNameEntryPoint}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} " {{sectionDataAttributes}} data-mobileslidesoffsetbefore="{{carousel_slides_offset_before_mobile}}" data-mobileslidesoffsetafter="{{carousel_slides_offset_after_mobile}}" data-tabletslidesoffsetbefore="{{carousel_slides_offset_before_tablet}}" data-tabletslidesoffsetafter="{{carousel_slides_offset_after_tablet}}" data-desktopslidesoffsetbefore="{{carousel_slides_offset_before_desktop}}" data-desktopslidesoffsetafter="{{carousel_slides_offset_after_desktop}}" data-desktopfullspacebetweenslides="{{fields.space_between_slides_desktop_full}}" data-desktopspacebetweenslides="{{fields.carousel_space_between_slides_desktop}}" data-mobilespacebetweenslides="{{fields.carousel_space_between_slides_mobile}}" data-tabletspacebetweenslides="{{fields.carousel_space_between_slides_tablet}}" data-centeractiveslide="{{fields.carousel_center_active_slide}}" data-centeractiveslideportrait="{{fields.center_active_slide_portrait}}" data-centeractiveslidemobile="{{fields.center_active_slide_mobile}}" data-centerslidesbounds="{{fields.center_slides_bounds}}" data-centerslidesboundsportrait="{{fields.center_slides_bounds_portrait}}" data-centerslidesboundsmobile="{{fields.center_slides_bounds_mobile}}" data-loopslides="{{fields.loop_slides}}" data-loopslidesportrait="{{fields.loop_slides_portrait}}" data-loopslidesmobile="{{fields.loop_slides_mobile}}" data-paginationstyle="{{carouselPaginationStyle}}" data-assetkey="{{ blockClassName }}">
 
 	{% set arrowData = fields %}
 	<div class="{{ blockClassName }}__inner-container">

package/components/component-carousel-fields-v3/group_686fd30f4d873.json

@@ -2045,6 +2045,113 @@
             "multi_expand": 0,
             "endpoint": 1
         },
+        {
+            "key": "field_692469af80e87",
+            "label": "Center slides bounds",
+            "name": "",
+            "aria-label": "",
+            "type": "accordion",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "open": 0,
+            "multi_expand": 0,
+            "endpoint": 0
+        },
+        {
+            "key": "field_69246a1aea31c",
+            "label": "Center slides bounds",
+            "name": "center_slides_bounds",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "33",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "message": "",
+            "default_value": 0,
+            "allow_in_bindings": 1,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        },
+        {
+            "key": "field_69247afc6d826",
+            "label": "Center slides bounds portrait",
+            "name": "center_slides_bounds_portrait",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "33",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "message": "",
+            "default_value": 0,
+            "allow_in_bindings": 1,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        },
+        {
+            "key": "field_69247b056d827",
+            "label": "Center slides bounds mobile",
+            "name": "center_slides_bounds_mobile",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "33",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "message": "",
+            "default_value": 0,
+            "allow_in_bindings": 1,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        },
+        {
+            "key": "field_692469d380e88",
+            "label": "Center slides bounds end",
+            "name": "",
+            "aria-label": "",
+            "type": "accordion",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "open": 0,
+            "multi_expand": 0,
+            "endpoint": 1
+        },
         {
             "key": "field_686fd30f67d4b",
             "label": "Next and prev slides opacity",
@@ -2914,5 +3021,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1763050382
+    "modified": 1763998478
 }

package/esbuild.mjs

@@ -4,25 +4,36 @@ import assets from "./public/assetList.mjs";
 import postcss from "postcss";
 import autoprefixer from "autoprefixer";
 import postcssPresetEnv from "postcss-preset-env";
+// Simplified build: separate SCSS and JS passes to avoid key collisions and post-build renames.
 
-// Normalize entry points so anything under a leading "public/" doesn't
-// get mirrored as a nested "public/public" in the output. We do this by
-// using esbuild's object form of entryPoints to control the output paths.
-const entries = assets.reduce((acc, src) => {
-	// Remove a leading ./public/ (or public\\) from the output key only
-	// and trim any leading ./ so keys are clean relative paths.
-	let key = src.replace(/^[.\/\\]*public[\/\\]/, "").replace(/^[.\/\\]+/, "");
-	// If the source is an SCSS file, strip the .scss so esbuild doesn't output
-	// files like name.scss.css — it will append .css automatically for CSS entries.
-	key = key.replace(/\.scss$/i, "");
-	acc[key] = src;
+// Split sources.
+const scssSources = assets.filter((a) => a.endsWith(".scss"));
+const jsSources = assets.filter((a) => /\.(?:js|mjs)$/.test(a));
+
+// Helper: flatten leading ./, remove leading public/ or components/.
+function flattenPath(p) {
+	return p
+		.replace(/^\.\//, "")
+		.replace(/^public\//, "")
+		.replace(/^components\//, "");
+}
+
+// Create entry maps: drop extension so esbuild appends single correct one.
+const scssEntries = scssSources.reduce((acc, src) => {
+	acc[flattenPath(src).replace(/\.scss$/i, "")] = src;
+	return acc;
+}, {});
+const jsEntries = jsSources.reduce((acc, src) => {
+	acc[flattenPath(src).replace(/\.(?:js|mjs)$/i, "")] = src;
 	return acc;
 }, {});
 
+// SCSS build (outputs .css files)
 await esbuild.build({
+	entryPoints: scssEntries,
 	plugins: [
 		sassPlugin({
-			async transform(source, resolveDir) {
+			async transform(source) {
 				const { css } = await postcss([
 					autoprefixer,
 					postcssPresetEnv({ stage: 0 }),
@@ -31,7 +42,13 @@ await esbuild.build({
 			},
 		}),
 	],
-	entryPoints: entries,
 	bundle: false,
-	outdir: "./public/",
+	outdir: "./public",
+});
+
+// JS build (outputs .js files)
+await esbuild.build({
+	entryPoints: jsEntries,
+	bundle: false,
+	outdir: "./public",
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.151",
+	"version": "2.0.153",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {

package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.css

@@ -1,3 +1,748 @@
+:root {
+  --swiper-theme-color:#007aff;
+}
+:host {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  z-index: 1;
+}
+.swiper {
+  display: block;
+  list-style: none;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  z-index: 1;
+}
+.swiper-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  box-sizing: content-box;
+  box-sizing: initial;
+  display: flex;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+  transition-timing-function: ease;
+  transition-timing-function: initial;
+  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
+  width: 100%;
+  z-index: 1;
+}
+.swiper-android .swiper-slide,
+.swiper-ios .swiper-slide,
+.swiper-wrapper {
+  transform: translateZ(0);
+}
+.swiper-horizontal {
+  touch-action: pan-y;
+}
+.swiper-vertical {
+  touch-action: pan-x;
+}
+.swiper-slide {
+  display: block;
+  flex-shrink: 0;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+  width: 100%;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+.swiper-backface-hidden .swiper-slide {
+  backface-visibility: hidden;
+  transform: translateZ(0);
+}
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-wrapper {
+  transform-style: preserve-3d;
+}
+.swiper-3d {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-cube-shadow,
+.swiper-3d .swiper-slide {
+  transform-style: preserve-3d;
+}
+.swiper-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.swiper-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
+  scroll-snap-type: x mandatory;
+}
+.swiper-css-mode.swiper-vertical > .swiper-wrapper {
+  scroll-snap-type: y mandatory;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
+  scroll-snap-type: none;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: none;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
+  content: "";
+  flex-shrink: 0;
+  order: 9999;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: center center;
+  scroll-snap-stop: always;
+}
+.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
+  margin-left: var(--swiper-centered-offset-before);
+}
+.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
+  height: 100%;
+  min-height: 1px;
+  width: var(--swiper-centered-offset-after);
+}
+.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+  margin-top: var(--swiper-centered-offset-before);
+}
+.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
+  height: var(--swiper-centered-offset-after);
+  min-width: 1px;
+  width: 100%;
+}
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top {
+  height: 100%;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+  background: rgba(0, 0, 0, 0.1490196078);
+}
+.swiper-3d .swiper-slide-shadow-left {
+  background-image:
+    linear-gradient(
+      270deg,
+      rgba(0, 0, 0, 0.5019607843),
+      rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-right {
+  background-image:
+    linear-gradient(
+      90deg,
+      rgba(0, 0, 0, 0.5019607843),
+      rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-top {
+  background-image:
+    linear-gradient(
+      0deg,
+      rgba(0, 0, 0, 0.5019607843),
+      rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+  background-image:
+    linear-gradient(
+      180deg,
+      rgba(0, 0, 0, 0.5019607843),
+      rgba(0, 0, 0, 0));
+}
+.swiper-lazy-preloader {
+  border: 4px solid #007aff;
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top: 4px solid rgba(0, 0, 0, 0);
+  box-sizing: border-box;
+  height: 42px;
+  left: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  position: absolute;
+  top: 50%;
+  transform-origin: 50%;
+  width: 42px;
+  z-index: 10;
+}
+.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
+.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
+  animation: swiper-preloader-spin 1s linear infinite;
+}
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color:#fff;
+}
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color:#000;
+}
+@keyframes swiper-preloader-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+.swiper-virtual .swiper-slide {
+  -webkit-backface-visibility: hidden;
+  transform: translateZ(0);
+}
+.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
+  content: "";
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+}
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
+  height: 1px;
+  width: var(--swiper-virtual-size);
+}
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
+  height: var(--swiper-virtual-size);
+  width: 1px;
+}
+:root {
+  --swiper-navigation-size:44px;
+}
+.swiper-button-next,
+.swiper-button-prev {
+  align-items: center;
+  color: #007aff;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+  cursor: pointer;
+  display: flex;
+  height: 44px;
+  height: var(--swiper-navigation-size);
+  justify-content: center;
+  position: absolute;
+  width: 44px;
+  width: var(--swiper-navigation-size);
+  z-index: 10;
+}
+.swiper-button-disabled.swiper-button-next,
+.swiper-button-disabled.swiper-button-prev {
+  cursor: auto;
+  opacity: 0.35;
+  pointer-events: none;
+}
+.swiper-button-hidden.swiper-button-next,
+.swiper-button-hidden.swiper-button-prev {
+  cursor: auto;
+  opacity: 0;
+  pointer-events: none;
+}
+.swiper-navigation-disabled .swiper-button-next,
+.swiper-navigation-disabled .swiper-button-prev {
+  display: none !important;
+}
+.swiper-button-next svg,
+.swiper-button-prev svg {
+  height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+  transform-origin: center;
+  width: 100%;
+  fill: currentColor;
+  pointer-events: none;
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-button-next,
+.swiper-button-prev {
+  margin-top: calc(0px - 44px / 2);
+  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
+  top: 50%;
+  top: var(--swiper-navigation-top-offset, 50%);
+}
+.swiper-button-prev {
+  left: 4px;
+  left: var(--swiper-navigation-sides-offset, 4px);
+  right: auto;
+}
+.swiper-button-prev .swiper-navigation-icon {
+  transform: rotate(180deg);
+}
+.swiper-button-next {
+  left: auto;
+  right: 4px;
+  right: var(--swiper-navigation-sides-offset, 4px);
+}
+.swiper-horizontal .swiper-button-next,
+.swiper-horizontal .swiper-button-prev,
+.swiper-horizontal ~ .swiper-button-next,
+.swiper-horizontal ~ .swiper-button-prev {
+  margin-left: 0;
+  margin-top: calc(0px - 44px / 2);
+  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
+  top: 50%;
+  top: var(--swiper-navigation-top-offset, 50%);
+}
+.swiper-horizontal.swiper-rtl .swiper-button-next,
+.swiper-horizontal.swiper-rtl ~ .swiper-button-next,
+.swiper-horizontal ~ .swiper-button-prev,
+.swiper-horizontal .swiper-button-prev {
+  left: 4px;
+  left: var(--swiper-navigation-sides-offset, 4px);
+  right: auto;
+}
+.swiper-horizontal.swiper-rtl .swiper-button-prev,
+.swiper-horizontal.swiper-rtl ~ .swiper-button-prev,
+.swiper-horizontal ~ .swiper-button-next,
+.swiper-horizontal .swiper-button-next {
+  left: auto;
+  right: 4px;
+  right: var(--swiper-navigation-sides-offset, 4px);
+}
+.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,
+.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon,
+.swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,
+.swiper-horizontal .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon {
+  transform: rotate(180deg);
+}
+.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,
+.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
+  transform: rotate(0deg);
+}
+.swiper-vertical .swiper-button-next,
+.swiper-vertical .swiper-button-prev,
+.swiper-vertical ~ .swiper-button-next,
+.swiper-vertical ~ .swiper-button-prev {
+  left: 50%;
+  left: var(--swiper-navigation-top-offset, 50%);
+  margin-left: calc(0px - 44px / 2);
+  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
+  margin-top: 0;
+  right: auto;
+}
+.swiper-vertical .swiper-button-prev,
+.swiper-vertical ~ .swiper-button-prev {
+  bottom: auto;
+  top: 4px;
+  top: var(--swiper-navigation-sides-offset, 4px);
+}
+.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
+.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
+  transform: rotate(-90deg);
+}
+.swiper-vertical .swiper-button-next,
+.swiper-vertical ~ .swiper-button-next {
+  bottom: 4px;
+  bottom: var(--swiper-navigation-sides-offset, 4px);
+  top: auto;
+}
+.swiper-vertical .swiper-button-next .swiper-navigation-icon,
+.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
+  transform: rotate(90deg);
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transform: translateZ(0);
+  transition: opacity 0.3s;
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+.swiper-pagination.swiper-pagination-disabled,
+.swiper-pagination-disabled > .swiper-pagination {
+  display: none !important;
+}
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal,
+.swiper-pagination-custom,
+.swiper-pagination-fraction {
+  bottom: 8px;
+  bottom: var(--swiper-pagination-bottom, 8px);
+  left: 0;
+  top: auto;
+  top: var(--swiper-pagination-top, auto);
+  width: 100%;
+}
+.swiper-pagination-bullets-dynamic {
+  font-size: 0;
+  overflow: hidden;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  position: relative;
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  background: #000;
+  background: var(--swiper-pagination-bullet-inactive-color, #000);
+  border-radius: 50%;
+  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
+  display: inline-block;
+  height: 8px;
+  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
+  opacity: 0.2;
+  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+  width: 8px;
+  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
+}
+button.swiper-pagination-bullet {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  border: none;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+  display: none !important;
+}
+.swiper-pagination-bullet-active {
+  background: #007aff;
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  opacity: 1;
+  opacity: var(--swiper-pagination-bullet-opacity, 1);
+}
+.swiper-pagination-vertical.swiper-pagination-bullets,
+.swiper-vertical > .swiper-pagination-bullets {
+  left: auto;
+  left: var(--swiper-pagination-left, auto);
+  right: 8px;
+  right: var(--swiper-pagination-right, 8px);
+  top: 50%;
+  transform: translate3d(0, -50%, 0);
+}
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  display: block;
+  margin: 6px 0;
+  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+}
+.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets,
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  transition: transform 0.2s, top 0.2s;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+  transition: transform 0.2s, left 0.2s;
+}
+.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: transform 0.2s, right 0.2s;
+}
+.swiper-pagination-fraction {
+  color: inherit;
+  color: var(--swiper-pagination-fraction-color, inherit);
+}
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.2509803922);
+  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.2509803922));
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: #007aff;
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  transform: scale(0);
+  transform-origin: left top;
+  width: 100%;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  height: 4px;
+  height: var(--swiper-pagination-progressbar-size, 4px);
+  left: 0;
+  top: 0;
+  width: 100%;
+}
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-vertical > .swiper-pagination-progressbar {
+  height: 100%;
+  left: 0;
+  top: 0;
+  width: 4px;
+  width: var(--swiper-pagination-progressbar-size, 4px);
+}
+.swiper-pagination-lock {
+  display: none;
+}
+.swiper-scrollbar {
+  background: rgba(0, 0, 0, 0.1019607843);
+  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1019607843));
+  border-radius: 10px;
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  position: relative;
+  touch-action: none;
+}
+.swiper-scrollbar.swiper-scrollbar-disabled,
+.swiper-scrollbar-disabled > .swiper-scrollbar {
+  display: none !important;
+}
+.swiper-scrollbar.swiper-scrollbar-horizontal,
+.swiper-horizontal > .swiper-scrollbar {
+  bottom: 4px;
+  bottom: var(--swiper-scrollbar-bottom, 4px);
+  height: 4px;
+  height: var(--swiper-scrollbar-size, 4px);
+  left: 1%;
+  left: var(--swiper-scrollbar-sides-offset, 1%);
+  position: absolute;
+  top: auto;
+  top: var(--swiper-scrollbar-top, auto);
+  width: calc(100% - 1% * 2);
+  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
+  z-index: 50;
+}
+.swiper-scrollbar.swiper-scrollbar-vertical,
+.swiper-vertical > .swiper-scrollbar {
+  height: calc(100% - 1% * 2);
+  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
+  left: auto;
+  left: var(--swiper-scrollbar-left, auto);
+  position: absolute;
+  right: 4px;
+  right: var(--swiper-scrollbar-right, 4px);
+  top: 1%;
+  top: var(--swiper-scrollbar-sides-offset, 1%);
+  width: 4px;
+  width: var(--swiper-scrollbar-size, 4px);
+  z-index: 50;
+}
+.swiper-scrollbar-drag {
+  background: rgba(0, 0, 0, 0.5019607843);
+  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5019607843));
+  border-radius: 10px;
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  height: 100%;
+  left: 0;
+  position: relative;
+  top: 0;
+  width: 100%;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+}
+.swiper-zoom-container > canvas,
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg {
+  max-height: 100%;
+  max-width: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+  touch-action: none;
+}
+.swiper .swiper-notification {
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  z-index: -1000;
+}
+.swiper-free-mode > .swiper-wrapper {
+  margin: 0 auto;
+  transition-timing-function: ease-out;
+}
+.swiper-grid > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-grid-column > .swiper-wrapper {
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+.swiper-fade.swiper-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+.swiper-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+.swiper-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-fade .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper.swiper-cube {
+  overflow: visible;
+}
+.swiper-cube .swiper-slide {
+  backface-visibility: hidden;
+  height: 100%;
+  pointer-events: none;
+  transform-origin: 0 0;
+  visibility: hidden;
+  width: 100%;
+  z-index: 1;
+}
+.swiper-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-cube.swiper-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-prev {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-cube-shadow {
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  opacity: 0.6;
+  position: absolute;
+  width: 100%;
+  z-index: 0;
+}
+.swiper-cube .swiper-cube-shadow:before {
+  background: #000;
+  bottom: 0;
+  content: "";
+  filter: blur(50px);
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.swiper-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
+  backface-visibility: hidden;
+  z-index: 0;
+}
+.swiper.swiper-flip {
+  overflow: visible;
+}
+.swiper-flip .swiper-slide {
+  backface-visibility: hidden;
+  pointer-events: none;
+  z-index: 1;
+}
+.swiper-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
+  backface-visibility: hidden;
+  z-index: 0;
+}
+.swiper-creative .swiper-slide {
+  backface-visibility: hidden;
+  overflow: hidden;
+  transition-property:
+    transform,
+    opacity,
+    height;
+}
+.swiper.swiper-cards {
+  overflow: visible;
+}
+.swiper-cards .swiper-slide {
+  backface-visibility: hidden;
+  overflow: hidden;
+  transform-origin: center bottom;
+}
 .carousel-multi-layout-v3 {
   display: grid;
   grid-template: "main"/1fr;

package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js

@@ -157,11 +157,6 @@ export default function carouselmultilayoutv3Js(options = {}) {
           }
         }
       );
-      if (false) {
-        null.then((result) => {
-          result.default();
-        });
-      }
     });
   } catch (error) {
     console.error(error);

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

@@ -1,13 +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';
+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);
-	}
+  try {
+    const { block } = options;
+    const mountElement = block.children[0];
+    createApp(posttypefiltergridv2, { ...mountElement.dataset }).mount(
+      mountElement
+    );
+  } catch (error) {
+    console.error(error);
+  }
 }

package/public/block-raw-html-v3/raw-html-v3.js

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

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

@@ -0,0 +1,11 @@
+import videocontroller from "@total_onion/onion-videocontroller/onion-videocontroller.js";
+export default function videocontentv3Js(options = {}) {
+  try {
+    const { block } = options;
+    if (!document.body.classList.contains("wp-admin")) {
+      const videoController = new videocontroller(block);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+}

package/public/jsAssets.mjs

@@ -1,4 +1,4 @@
 
-const dynamicAssets = [{"assetKey":"video-content-v3.js"},{"assetKey":"sub-group-container-v3.js"},{"assetKey":"sticky-buy-cta-v3.js"},{"assetKey":"standard-content-v3.js"},{"assetKey":"spotify-embed-v3.js"},{"assetKey":"spacer-v3.js"},{"assetKey":"social-networks-v3.js"},{"assetKey":"smash-balloon-social-media-v3.js"},{"assetKey":"site-title-and-tagline-v3.js"},{"assetKey":"site-logo-container-v3.js"},{"assetKey":"site-copyright-notice-v3.js"},{"assetKey":"single-responsive-image-v3.js"},{"assetKey":"single-column-container-v3.js"},{"assetKey":"section-separator-v3.js"},{"assetKey":"scrolling-banner-v3.js"},{"assetKey":"responsive-table-v3.js"},{"assetKey":"raw-html-v3.js"},{"assetKey":"product-info-v3.js"},{"assetKey":"post-type-filter-grid-v3.js"},{"assetKey":"post-info-v3.js"},{"assetKey":"nav-menu-container-v3.js"},{"assetKey":"modal-form-v3.js"},{"assetKey":"market-selector-v3.js"},{"assetKey":"lottie-content-v3.js"},{"assetKey":"group-container-v3.js"},{"assetKey":"gradient-layer-v3.js"},{"assetKey":"form-selection-v3.js"},{"assetKey":"featured-image-gallery-v3.js"},{"assetKey":"divider-v3.js"},{"assetKey":"cover-link-v3.js"},{"assetKey":"cocktail-recipe-v3.js"},{"assetKey":"carousel-multi-layout-v3.js"},{"assetKey":"block-interactions-v3.js"},{"assetKey":"betterreviews-display-v3.js"},{"assetKey":"back-to-top-button-v3.js"},{"assetKey":"accordion-v3.js"},{"assetKey":"accent-image-v3.js"}];
+const dynamicAssets = [{"assetKey":"video-content-v3"},{"assetKey":"sub-group-container-v3"},{"assetKey":"sticky-buy-cta-v3"},{"assetKey":"standard-content-v3"},{"assetKey":"spotify-embed-v3"},{"assetKey":"spacer-v3"},{"assetKey":"social-networks-v3"},{"assetKey":"smash-balloon-social-media-v3"},{"assetKey":"site-title-and-tagline-v3"},{"assetKey":"site-logo-container-v3"},{"assetKey":"site-copyright-notice-v3"},{"assetKey":"single-responsive-image-v3"},{"assetKey":"single-column-container-v3"},{"assetKey":"section-separator-v3"},{"assetKey":"scrolling-banner-v3"},{"assetKey":"responsive-table-v3"},{"assetKey":"raw-html-v3"},{"assetKey":"product-info-v3"},{"assetKey":"post-type-filter-grid-v3"},{"assetKey":"post-info-v3"},{"assetKey":"nav-menu-container-v3"},{"assetKey":"modal-form-v3"},{"assetKey":"market-selector-v3"},{"assetKey":"lottie-content-v3"},{"assetKey":"group-container-v3"},{"assetKey":"gradient-layer-v3"},{"assetKey":"form-selection-v3"},{"assetKey":"featured-image-gallery-v3"},{"assetKey":"divider-v3"},{"assetKey":"cover-link-v3"},{"assetKey":"cocktail-recipe-v3"},{"assetKey":"carousel-multi-layout-v3"},{"assetKey":"block-interactions-v3"},{"assetKey":"betterreviews-display-v3"},{"assetKey":"back-to-top-button-v3"},{"assetKey":"accordion-v3"},{"assetKey":"accent-image-v3"}];
 const api = {dynamicAssets};
 export default api;