flowrix 1.0.1-beta.16 → 1.0.1-beta.160

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/drop-down.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { defineProps, ref, defineAsyncComponent } from "vue";
+const { attribute, group, product } = defineProps({ "attribute": Object, "group": Object, "product": Object });
+const { DesignComponent } = useAttributeTypeDynamic(attribute, group, product.template);
+</script>
+
+<template>
+      <div class="product-multi-val-attr-wrapper">
+      <component :is="DesignComponent" :group="group" :attribute="attribute" />
+      </div>
+</template>

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/drop-down.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    product?: Record<string, any> | undefined;
+    attribute?: Record<string, any> | undefined;
+    group?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly product?: Record<string, any> | undefined;
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-collection.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-collection.vue

@@ -0,0 +1,253 @@
+<script>
+
+</script>
+<template>
+    <div id="iid1mt" class="product-multi-collection-wrapper">
+        <div id="iwe1cq" class="button-attribute-wrapper button-style-1">
+            <div id="illvv8" class="row g-2">
+                <div id="iufmug" class="col-6 value-item position-relative"><input id="button_attr_1-2" type="radio"
+                        name="button_attribute" value="1" checked="checked"
+                        class="buttonInput position-absolute w-100 h-100"><label id="i3sgv6" for="button_attr_1"
+                        class="value-label"><img id="ir28b5" src="https://via.placeholder.com/28" width="28" height="28"
+                            class="button-img"><span id="i86e6n" class="value-title">Option 1</span></label></div>
+                <div id="ii6wh1" class="col-6 value-item position-relative"><input id="button_attr_2-2" type="radio"
+                        name="button_attribute" value="2" class="buttonInput position-absolute w-100 h-100"><label
+                        id="ialb7k" for="button_attr_2" class="value-label"><img id="ix56df"
+                            src="https://via.placeholder.com/28" width="28" height="28" class="button-img"><span
+                            id="ip763g" class="value-title">Option 2</span></label></div>
+                <div id="izz55m" class="col-6 value-item position-relative"><input id="button_attr_3-2" type="radio"
+                        name="button_attribute" value="3" class="buttonInput position-absolute w-100 h-100"><label
+                        id="ivp654" for="button_attr_3" class="value-label"><img id="i721wk"
+                            src="https://via.placeholder.com/28" width="28" height="28" class="button-img"><span
+                            id="ieeuqh" class="value-title">Option 3</span></label></div>
+                <div id="i79vri" class="col-6 value-item position-relative"><input id="button_attr_4-2" type="radio"
+                        name="button_attribute" value="4" class="buttonInput position-absolute w-100 h-100"><label
+                        id="ipmx1f" for="button_attr_4" class="value-label"><img id="igq5e6"
+                            src="https://via.placeholder.com/28" width="28" height="28" class="button-img"><span
+                            id="ixl58u" class="value-title">Option 4</span></label></div>
+            </div>
+        </div>
+        <div id="ifxmfp" class="product-radio-wrapper radio-style-1">
+            <div id="i0cv39" class="row g-2">
+                <div id="ioebpr" class="col-6 value-item position-relative"><input id="attribute_1-2" type="radio"
+                        name="product_attribute" value="1" checked="checked"
+                        class="buttonInput position-absolute w-100 h-100"><label id="i3v41n" for="attribute_1"
+                        class="value-label">
+                        <div id="ip23dj" class="radio-icon"><span id="iqdl6c" class="radio-outer"><span id="iz14fh"
+                                    class="radio-inner"></span></span></div>
+                        <span id="ipnaig" class="value-title">Option 1</span>
+                    </label></div>
+                <div id="it5192" class="col-6 value-item position-relative"><input id="attribute_2-2" type="radio"
+                        name="product_attribute" value="2" class="buttonInput position-absolute w-100 h-100"><label
+                        id="iwgwi6" for="attribute_2" class="value-label">
+                        <div id="iy4etq" class="radio-icon"><span id="ioh7v4" class="radio-outer"><span id="ikxwdi"
+                                    class="radio-inner"></span></span></div>
+                        <span id="it0xxm" class="value-title">Option 2</span>
+                    </label></div>
+                <div id="iccm2y" class="col-6 value-item position-relative"><input id="attribute_3-2" type="radio"
+                        name="product_attribute" value="3" class="buttonInput position-absolute w-100 h-100"><label
+                        id="i6nnhs" for="attribute_3" class="value-label">
+                        <div id="iz3ujj" class="radio-icon"><span id="ine0ml" class="radio-outer"><span id="iafjad"
+                                    class="radio-inner"></span></span></div>
+                        <span id="ic6yct" class="value-title">Option 3</span>
+                    </label></div>
+                <div id="i3730s" class="col-6 value-item position-relative"><input id="attribute_4-2" type="radio"
+                        name="product_attribute" value="4" class="buttonInput position-absolute w-100 h-100"><label
+                        id="iiiu5i" for="attribute_4" class="value-label">
+                        <div id="idjich" class="radio-icon"><span id="ihvklq" class="radio-outer"><span id="ilnzkj"
+                                    class="radio-inner"></span></span></div>
+                        <span id="ilra5t" class="value-title">Option 4</span>
+                    </label></div>
+            </div>
+        </div>
+        <div id="ifjw2i" class="dropdown-attribute-wrapper dropdown-style-1">
+            <div id="iwtfbz" class="dropdown-select position-relative"><input id="dropdown_selected-2" type="radio"
+                    name="dropdown_attribute" value="1" checked="checked"
+                    class="dropdownInput position-absolute w-100 h-100"><span id="i339h4" class="selected-title">Select
+                    Option</span></div>
+            <ul id="ipu0dt" class="dropdown-options position-absolute list-unstyled">
+                <li id="i7pplk" class="option-item position-relative is-selected"><input id="dropdown_option_1-2"
+                        type="radio" name="dropdown_attribute_option" value="1"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><span id="ijlkzd"
+                        class="option-title">Option 1</span></li>
+                <li id="i8aoqt" class="option-item position-relative"><input id="dropdown_option_2-2" type="radio"
+                        name="dropdown_attribute_option" value="2"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><span id="i5ifug"
+                        class="option-title">Option 2</span></li>
+                <li id="ilw5ix" class="option-item position-relative"><input id="dropdown_option_3-2" type="radio"
+                        name="dropdown_attribute_option" value="3"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><span id="iprbvo"
+                        class="option-title">Option 3</span></li>
+            </ul>
+        </div>
+        <div id="id5jxq" class="dropdown-icon-attribute-wrapper dropdown-style-1">
+            <div id="iyb1nz" class="dropdown-select position-relative"><input id="dropdown_icon_selected-2" type="radio"
+                    name="dropdown_icon_attribute" value="1" checked="checked"
+                    class="dropdownInput position-absolute w-100 h-100"><img id="idcux2"
+                    src="https://via.placeholder.com/32" class="selected-icon"><span id="i22h2c"
+                    class="selected-title">Select Option</span>
+            </div>
+            <ul id="iz2a84" class="dropdown-options position-absolute list-unstyled" style="display: none;">
+                <li id="iezb78" class="option-item position-relative is-selected"><input id="dropdown_icon_option_1-2"
+                        type="radio" name="dropdown_icon_attribute_option" value="1"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><img id="iyis1k"
+                        src="https://via.placeholder.com/32" class="option-icon"><span id="ic5abs"
+                        class="option-title">Option 1</span></li>
+                <li id="ira2pa" class="option-item position-relative"><input id="dropdown_icon_option_2-2" type="radio"
+                        name="dropdown_icon_attribute_option" value="2"
+                        class="dropdownOptionInput position-absolute w-100 h-100">
+                    <div id="ic4ksl" style="background-color: #ff6b6b" class="option-icon-color"></div><span id="iq5o5q"
+                        class="option-title">Option 2</span>
+                </li>
+                <li id="i8wy9v" class="option-item position-relative"><input id="dropdown_icon_option_3-2" type="radio"
+                        name="dropdown_icon_attribute_option" value="3"
+                        class="dropdownOptionInput position-absolute w-100 h-100">
+                    <div id="io58op" style="background-color: #4ecdc4" class="option-icon-color"></div><span id="ioop18"
+                        class="option-title">Option 3</span>
+                </li>
+            </ul>
+        </div>
+        <div id="i1c8ks" class="imagebox-attribute-wrapper imagebox-style-1">
+            <div id="i5tkgf" class="row g-2">
+                <div id="i2ny0k" class="col-4 value-item position-relative"><input id="imagebox_attr_1-2" type="radio"
+                        name="imagebox_attribute" value="1" checked="checked"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="i0c4tl" for="imagebox_attr_1"
+                        class="value-label"><img id="i9fh75" src="https://via.placeholder.com/100"
+                            class="imagebox-img"><span id="ix5cwp" class="value-title">Option 1</span></label></div>
+                <div id="icynxz" class="col-4 value-item position-relative"><input id="imagebox_attr_2-2" type="radio"
+                        name="imagebox_attribute" value="2" class="imageboxInput position-absolute w-100 h-100"><label
+                        id="iorp1o" for="imagebox_attr_2" class="value-label"><img id="i8o3vj"
+                            src="https://via.placeholder.com/100/ff6b6b" class="imagebox-img"><span id="iqic8w"
+                            class="value-title">Option 2</span></label></div>
+                <div id="i4bimx" class="col-4 value-item position-relative"><input id="imagebox_attr_3-2" type="radio"
+                        name="imagebox_attribute" value="3" class="imageboxInput position-absolute w-100 h-100"><label
+                        id="i8ot7l" for="imagebox_attr_3" class="value-label"><img id="i983rf"
+                            src="https://via.placeholder.com/100/4ecdc4" class="imagebox-img"><span id="i0j6or"
+                            class="value-title">Option 3</span></label></div>
+            </div>
+        </div>
+        <div id="iqh943" class="imagebox-magnifier-attribute-wrapper imagebox-style-1">
+            <div id="i0fjb2" class="row g-2">
+                <div id="igiwgi" class="col-4 value-item position-relative"><input id="imagebox_magnifier_attr_1-2"
+                        type="radio" name="imagebox_magnifier_attribute" value="1" checked="checked"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="i1hz8b"
+                        for="imagebox_magnifier_attr_1" class="value-label">
+                        <div id="ihg42x" class="image-container position-relative"><svg id="ihx56g"
+                                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 512 512"
+                                class="magnifier-icon position-absolute">
+                                <path id="i3zb66" fill="currentColor"
+                                    d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288">
+                                </path>
+                            </svg><img id="ipjleg" src="https://via.placeholder.com/100"
+                                data-large="https://via.placeholder.com/450" class="imagebox-img"></div><span
+                            id="izw3ps" class="value-title">Option 1</span>
+                    </label></div>
+                <div id="i7f4ml" class="col-4 value-item position-relative"><input id="imagebox_magnifier_attr_2-2"
+                        type="radio" name="imagebox_magnifier_attribute" value="2"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="i20lwl"
+                        for="imagebox_magnifier_attr_2" class="value-label">
+                        <div id="ihkese" class="image-container position-relative"><svg id="ifnbtl"
+                                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 512 512"
+                                class="magnifier-icon position-absolute">
+                                <path id="iisor3" fill="currentColor"
+                                    d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288">
+                                </path>
+                            </svg><img id="i8b15w" src="https://via.placeholder.com/100/ff6b6b"
+                                data-large="https://via.placeholder.com/450/ff6b6b" class="imagebox-img"></div><span
+                            id="i277qg" class="value-title">Option 2</span>
+                    </label></div>
+                <div id="i9v70l" class="col-4 value-item position-relative"><input id="imagebox_magnifier_attr_3-2"
+                        type="radio" name="imagebox_magnifier_attribute" value="3"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="ir8mdq"
+                        for="imagebox_magnifier_attr_3" class="value-label">
+                        <div id="i6hj3h" class="image-container position-relative"><svg id="i4i9sw"
+                                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 512 512"
+                                class="magnifier-icon position-absolute">
+                                <path id="i37bqr" fill="currentColor"
+                                    d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288">
+                                </path>
+                            </svg><img id="iu9i9g" src="https://via.placeholder.com/100/4ecdc4"
+                                data-large="https://via.placeholder.com/450/4ecdc4" class="imagebox-img"></div><span
+                            id="i7vnr9" class="value-title">Option 3</span>
+                    </label></div>
+            </div>
+            <div id="ifd0zm" class="magnifier-modal">
+                <div id="igh3uv" class="modal-overlay"></div>
+                <div id="ink85a" class="modal-content-wrapper"><button id="inc6mc" type="button" aria-label="Close"
+                        class="btn-close">×</button>
+                    <div id="im8oi5" class="modal-image-container"><img id="i0pjmg" alt="Large view"
+                            class="modal-image">
+                        <div id="im4r0f" class="image-title"></div>
+                    </div>
+                    <div id="ica8vj" class="modal-nav"><button id="iikdal" type="button"
+                            class="nav-btn prev-btn">‹</button><button id="irl4bg" type="button"
+                            class="nav-btn next-btn">›</button></div>
+                </div>
+            </div>
+        </div>
+        <div id="i30wy5" class="swatch-attribute-wrapper swatch-style-1">
+            <div id="iud2kl" class="row g-2">
+                <div id="impdkj" class="col-4 value-item position-relative"><input id="swatch_attr_1-2" type="radio"
+                        name="swatch_attribute" value="1" checked="checked"
+                        class="swatchInput position-absolute w-100 h-100"><label id="ikra2g" for="swatch_attr_1"
+                        class="value-label">
+                        <div id="iyfep5" class="image-container"><img id="il8dyp" src="https://via.placeholder.com/100"
+                                class="w-100 h-100 object-fit-contain"></div><span id="is2my6" class="value-title">Color
+                            1</span>
+                    </label></div>
+                <div id="ivcu1f" class="col-4 value-item position-relative"><input id="swatch_attr_2-2" type="radio"
+                        name="swatch_attribute" value="2" class="swatchInput position-absolute w-100 h-100"><label
+                        id="iod9kh" for="swatch_attr_2" class="value-label">
+                        <div id="ikofrf" class="image-container">
+                            <div id="i849m6" style="background-color: #ff6b6b" class="swatch-iconcolor"></div>
+                        </div><span id="i33pe2" class="value-title">Color 2</span>
+                    </label></div>
+                <div id="i85h8g" class="col-4 value-item position-relative"><input id="swatch_attr_3-2" type="radio"
+                        name="swatch_attribute" value="3" class="swatchInput position-absolute w-100 h-100"><label
+                        id="i3p0ly" for="swatch_attr_3" class="value-label">
+                        <div id="ih1sc5" class="image-container">
+                            <div id="inx128" style="background-color: #4ecdc4" class="swatch-iconcolor"></div>
+                        </div><span id="ivb05p" class="value-title">Color 3</span>
+                    </label></div>
+            </div>
+        </div>
+        <div id="icxvi2" class="slider-attribute-wrapper slides-4 slider-style-1">
+            <div id="itz8bi" class="slider-header d-flex justify-content-between align-items-center mb-3"><label
+                    id="iugxgu" class="attribute-label">Select Option</label>
+                <div id="i8dxz2" class="slider-nav-buttons d-flex gap-2"><button id="i7nwki" type="button"
+                        aria-label="Previous" class="nav-btn prev-btn disabled">‹</button><button id="igzbk1"
+                        type="button" aria-label="Next" class="nav-btn next-btn">›</button></div>
+            </div>
+            <div id="i7j2sa" class="slider-container">
+                <div id="ip7fjc" class="slider-track" style="transform: translateX(0px);">
+                    <div id="ikqdxw" class="slider-item" style="width: 360px;"><input id="slider_attr_1" type="radio"
+                            name="slider_attribute" value="1" checked="checked"
+                            class="sliderInput position-absolute"><label id="ir59a5" for="slider_attr_1"
+                            class="slide-label"><img id="ihps5l" src="https://via.placeholder.com/150"
+                                class="slide-img"><span id="itwwoj" class="slide-title">Option 1</span></label>
+                    </div>
+                    <div id="ikg87q" class="slider-item" style="width: 360px;"><input id="slider_attr_2" type="radio"
+                            name="slider_attribute" value="2" class="sliderInput position-absolute"><label id="i609h8"
+                            for="slider_attr_2" class="slide-label"><img id="iko0b8"
+                                src="https://via.placeholder.com/150/ff6b6b" class="slide-img"><span id="ih5xcj"
+                                class="slide-title">Option 2</span></label></div>
+                    <div id="ifqzje" class="slider-item" style="width: 360px;"><input id="slider_attr_3" type="radio"
+                            name="slider_attribute" value="3" class="sliderInput position-absolute"><label id="i58qso"
+                            for="slider_attr_3" class="slide-label"><img id="i09k0e"
+                                src="https://via.placeholder.com/150/4ecdc4" class="slide-img"><span id="i141q5"
+                                class="slide-title">Option 3</span></label></div>
+                    <div id="ix4akm" class="slider-item" style="width: 360px;"><input id="slider_attr_4" type="radio"
+                            name="slider_attribute" value="4" class="sliderInput position-absolute"><label id="ihnm4l"
+                            for="slider_attr_4" class="slide-label"><img id="ii09lk"
+                                src="https://via.placeholder.com/150/95e1d3" class="slide-img"><span id="i0x10o"
+                                class="slide-title">Option 4</span></label></div>
+                    <div id="i3yu2a" class="slider-item" style="width: 360px;"><input id="slider_attr_4-2" type="radio"
+                            name="slider_attribute" value="4" class="sliderInput position-absolute"><label id="i0tjsh"
+                            for="slider_attr_4" class="slide-label"><img id="ivov45"
+                                src="https://via.placeholder.com/150/95e1d3" class="slide-img"><span id="i7880u"
+                                class="slide-title">Option 5</span></label></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-collection.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-colors.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-colors.vue

@@ -0,0 +1,253 @@
+<script>
+
+</script>
+<template>
+    <div id="ip1b2s" class="product-attribute-multi-colors-wrapper">
+        <div id="irhgfq" class="button-attribute-wrapper button-style-1">
+            <div id="iiblyi" class="row g-2">
+                <div id="i036r5" class="col-6 value-item position-relative"><input id="button_attr_1-3" type="radio"
+                        name="button_attribute" value="1" checked="checked"
+                        class="buttonInput position-absolute w-100 h-100"><label id="iydrgq" for="button_attr_1"
+                        class="value-label"><img id="ie791s" src="https://via.placeholder.com/28" width="28" height="28"
+                            class="button-img"><span id="ifbfxk" class="value-title">Option 1</span></label></div>
+                <div id="itt0fc" class="col-6 value-item position-relative"><input id="button_attr_2-3" type="radio"
+                        name="button_attribute" value="2" class="buttonInput position-absolute w-100 h-100"><label
+                        id="i0biz4" for="button_attr_2" class="value-label"><img id="ilz3tp"
+                            src="https://via.placeholder.com/28" width="28" height="28" class="button-img"><span
+                            id="i6ix7j" class="value-title">Option 2</span></label></div>
+                <div id="i085oq" class="col-6 value-item position-relative"><input id="button_attr_3-3" type="radio"
+                        name="button_attribute" value="3" class="buttonInput position-absolute w-100 h-100"><label
+                        id="ine0xp" for="button_attr_3" class="value-label"><img id="in2rb8"
+                            src="https://via.placeholder.com/28" width="28" height="28" class="button-img"><span
+                            id="idk2en" class="value-title">Option 3</span></label></div>
+                <div id="ijtngx" class="col-6 value-item position-relative"><input id="button_attr_4-3" type="radio"
+                        name="button_attribute" value="4" class="buttonInput position-absolute w-100 h-100"><label
+                        id="iey98z" for="button_attr_4" class="value-label"><img id="i99qn1"
+                            src="https://via.placeholder.com/28" width="28" height="28" class="button-img"><span
+                            id="irubac" class="value-title">Option 4</span></label></div>
+            </div>
+        </div>
+        <div id="i2fmso" class="product-radio-wrapper radio-style-1">
+            <div id="imkz4u" class="row g-2">
+                <div id="ii97nt" class="col-6 value-item position-relative"><input id="attribute_1-3" type="radio"
+                        name="product_attribute" value="1" checked="checked"
+                        class="buttonInput position-absolute w-100 h-100"><label id="itrwsk" for="attribute_1"
+                        class="value-label">
+                        <div id="iofp7a" class="radio-icon"><span id="iwreri" class="radio-outer"><span id="isxjef"
+                                    class="radio-inner"></span></span></div>
+                        <span id="iuplzn" class="value-title">Option 1</span>
+                    </label></div>
+                <div id="io6cde" class="col-6 value-item position-relative"><input id="attribute_2-3" type="radio"
+                        name="product_attribute" value="2" class="buttonInput position-absolute w-100 h-100"><label
+                        id="inc36j" for="attribute_2" class="value-label">
+                        <div id="izgpbb" class="radio-icon"><span id="icd41r" class="radio-outer"><span id="iaw5mf"
+                                    class="radio-inner"></span></span></div>
+                        <span id="ij8bfl" class="value-title">Option 2</span>
+                    </label></div>
+                <div id="icip2r" class="col-6 value-item position-relative"><input id="attribute_3-3" type="radio"
+                        name="product_attribute" value="3" class="buttonInput position-absolute w-100 h-100"><label
+                        id="ijn9la" for="attribute_3" class="value-label">
+                        <div id="i2w387" class="radio-icon"><span id="inuqrz" class="radio-outer"><span id="iz8z3y"
+                                    class="radio-inner"></span></span></div>
+                        <span id="iebbql" class="value-title">Option 3</span>
+                    </label></div>
+                <div id="i9qwt1" class="col-6 value-item position-relative"><input id="attribute_4-3" type="radio"
+                        name="product_attribute" value="4" class="buttonInput position-absolute w-100 h-100"><label
+                        id="iyz8ql" for="attribute_4" class="value-label">
+                        <div id="iqbtrl" class="radio-icon"><span id="i1bphq" class="radio-outer"><span id="ijvprc"
+                                    class="radio-inner"></span></span></div>
+                        <span id="igc27f" class="value-title">Option 4</span>
+                    </label></div>
+            </div>
+        </div>
+        <div id="i9vram" class="dropdown-attribute-wrapper dropdown-style-1">
+            <div id="i4cokn" class="dropdown-select position-relative"><input id="dropdown_selected-3" type="radio"
+                    name="dropdown_attribute" value="1" checked="checked"
+                    class="dropdownInput position-absolute w-100 h-100"><span id="i00cue" class="selected-title">Select
+                    Option</span></div>
+            <ul id="igw5nt" class="dropdown-options position-absolute list-unstyled">
+                <li id="ir7x1o" class="option-item position-relative is-selected"><input id="dropdown_option_1-3"
+                        type="radio" name="dropdown_attribute_option" value="1"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><span id="i1xbjs"
+                        class="option-title">Option 1</span></li>
+                <li id="i6b2ak" class="option-item position-relative"><input id="dropdown_option_2-3" type="radio"
+                        name="dropdown_attribute_option" value="2"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><span id="itrx9x"
+                        class="option-title">Option 2</span></li>
+                <li id="ijckfb" class="option-item position-relative"><input id="dropdown_option_3-3" type="radio"
+                        name="dropdown_attribute_option" value="3"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><span id="iuxv0c"
+                        class="option-title">Option 3</span></li>
+            </ul>
+        </div>
+        <div id="ibd4er" class="dropdown-icon-attribute-wrapper dropdown-style-1">
+            <div id="iswoxm" class="dropdown-select position-relative"><input id="dropdown_icon_selected-3" type="radio"
+                    name="dropdown_icon_attribute" value="1" checked="checked"
+                    class="dropdownInput position-absolute w-100 h-100"><img id="imk3hf"
+                    src="https://via.placeholder.com/32" class="selected-icon"><span id="ixajke"
+                    class="selected-title">Select Option</span>
+            </div>
+            <ul id="i6u9zb" class="dropdown-options position-absolute list-unstyled">
+                <li id="igc61g" class="option-item position-relative is-selected"><input id="dropdown_icon_option_1-3"
+                        type="radio" name="dropdown_icon_attribute_option" value="1"
+                        class="dropdownOptionInput position-absolute w-100 h-100"><img id="i8drzv"
+                        src="https://via.placeholder.com/32" class="option-icon"><span id="ix6cu6"
+                        class="option-title">Option 1</span></li>
+                <li id="irkqw1" class="option-item position-relative"><input id="dropdown_icon_option_2-3" type="radio"
+                        name="dropdown_icon_attribute_option" value="2"
+                        class="dropdownOptionInput position-absolute w-100 h-100">
+                    <div id="i0i6oo" style="background-color: #ff6b6b" class="option-icon-color"></div><span id="i2kw6h"
+                        class="option-title">Option 2</span>
+                </li>
+                <li id="isjhfc" class="option-item position-relative"><input id="dropdown_icon_option_3-3" type="radio"
+                        name="dropdown_icon_attribute_option" value="3"
+                        class="dropdownOptionInput position-absolute w-100 h-100">
+                    <div id="i0vm0k" style="background-color: #4ecdc4" class="option-icon-color"></div><span id="isr5y9"
+                        class="option-title">Option 3</span>
+                </li>
+            </ul>
+        </div>
+        <div id="i2d87x" class="imagebox-attribute-wrapper imagebox-style-1">
+            <div id="imeu7y" class="row g-2">
+                <div id="ict6ve" class="col-4 value-item position-relative"><input id="imagebox_attr_1-3" type="radio"
+                        name="imagebox_attribute" value="1" checked="checked"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="ihk042" for="imagebox_attr_1"
+                        class="value-label"><img id="i9vdt1" src="https://via.placeholder.com/100"
+                            class="imagebox-img"><span id="ijassd" class="value-title">Option 1</span></label></div>
+                <div id="i6wnn2" class="col-4 value-item position-relative"><input id="imagebox_attr_2-3" type="radio"
+                        name="imagebox_attribute" value="2" class="imageboxInput position-absolute w-100 h-100"><label
+                        id="i1qghf" for="imagebox_attr_2" class="value-label"><img id="ihrqe9"
+                            src="https://via.placeholder.com/100/ff6b6b" class="imagebox-img"><span id="iih43o"
+                            class="value-title">Option 2</span></label></div>
+                <div id="iadeef" class="col-4 value-item position-relative"><input id="imagebox_attr_3-3" type="radio"
+                        name="imagebox_attribute" value="3" class="imageboxInput position-absolute w-100 h-100"><label
+                        id="i093cs" for="imagebox_attr_3" class="value-label"><img id="i5ikys"
+                            src="https://via.placeholder.com/100/4ecdc4" class="imagebox-img"><span id="im8no3"
+                            class="value-title">Option 3</span></label></div>
+            </div>
+        </div>
+        <div id="ia6dxv" class="imagebox-magnifier-attribute-wrapper imagebox-style-1">
+            <div id="iq439d" class="row g-2">
+                <div id="iszkfx" class="col-4 value-item position-relative"><input id="imagebox_magnifier_attr_1-3"
+                        type="radio" name="imagebox_magnifier_attribute" value="1" checked="checked"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="i1bl68"
+                        for="imagebox_magnifier_attr_1" class="value-label">
+                        <div id="ik5e9a" class="image-container position-relative"><svg id="iz189c"
+                                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 512 512"
+                                class="magnifier-icon position-absolute">
+                                <path id="ib8rwe" fill="currentColor"
+                                    d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288">
+                                </path>
+                            </svg><img id="ivhyq5" src="https://via.placeholder.com/100"
+                                data-large="https://via.placeholder.com/450" class="imagebox-img"></div><span
+                            id="ik9tcm" class="value-title">Option 1</span>
+                    </label></div>
+                <div id="ibyetf" class="col-4 value-item position-relative"><input id="imagebox_magnifier_attr_2-3"
+                        type="radio" name="imagebox_magnifier_attribute" value="2"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="ipc21m"
+                        for="imagebox_magnifier_attr_2" class="value-label">
+                        <div id="isdwg8" class="image-container position-relative"><svg id="izjn3i"
+                                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 512 512"
+                                class="magnifier-icon position-absolute">
+                                <path id="ib33r5" fill="currentColor"
+                                    d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288">
+                                </path>
+                            </svg><img id="indtyn" src="https://via.placeholder.com/100/ff6b6b"
+                                data-large="https://via.placeholder.com/450/ff6b6b" class="imagebox-img"></div><span
+                            id="i32lsg" class="value-title">Option 2</span>
+                    </label></div>
+                <div id="it4iph" class="col-4 value-item position-relative"><input id="imagebox_magnifier_attr_3-3"
+                        type="radio" name="imagebox_magnifier_attribute" value="3"
+                        class="imageboxInput position-absolute w-100 h-100"><label id="ir96yg"
+                        for="imagebox_magnifier_attr_3" class="value-label">
+                        <div id="itjqil" class="image-container position-relative"><svg id="i55gfa"
+                                xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 512 512"
+                                class="magnifier-icon position-absolute">
+                                <path id="ih80k8" fill="currentColor"
+                                    d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288">
+                                </path>
+                            </svg><img id="i47jy6" src="https://via.placeholder.com/100/4ecdc4"
+                                data-large="https://via.placeholder.com/450/4ecdc4" class="imagebox-img"></div><span
+                            id="iymawk" class="value-title">Option 3</span>
+                    </label></div>
+            </div>
+            <div id="ipq2ro" class="magnifier-modal">
+                <div id="is8kdj" class="modal-overlay"></div>
+                <div id="i812r7" class="modal-content-wrapper"><button id="ilvzml" type="button" aria-label="Close"
+                        class="btn-close">×</button>
+                    <div id="ieyln9" class="modal-image-container"><img id="id5kvw" alt="Large view"
+                            class="modal-image">
+                        <div id="i2fmk5" class="image-title"></div>
+                    </div>
+                    <div id="id6icv" class="modal-nav"><button id="idwpo8" type="button"
+                            class="nav-btn prev-btn">‹</button><button id="itmen2" type="button"
+                            class="nav-btn next-btn">›</button></div>
+                </div>
+            </div>
+        </div>
+        <div id="ikio9i" class="swatch-attribute-wrapper swatch-style-1">
+            <div id="iyftgr" class="row g-2">
+                <div id="inr35a" class="col-4 value-item position-relative"><input id="swatch_attr_1-3" type="radio"
+                        name="swatch_attribute" value="1" checked="checked"
+                        class="swatchInput position-absolute w-100 h-100"><label id="i8i6dg" for="swatch_attr_1"
+                        class="value-label">
+                        <div id="i2sfj8" class="image-container"><img id="ij92ho" src="https://via.placeholder.com/100"
+                                class="w-100 h-100 object-fit-contain"></div><span id="i5nh2r" class="value-title">Color
+                            1</span>
+                    </label></div>
+                <div id="isq9nf" class="col-4 value-item position-relative"><input id="swatch_attr_2-3" type="radio"
+                        name="swatch_attribute" value="2" class="swatchInput position-absolute w-100 h-100"><label
+                        id="isejet" for="swatch_attr_2" class="value-label">
+                        <div id="ii96re" class="image-container">
+                            <div id="i23j8j" style="background-color: #ff6b6b" class="swatch-iconcolor"></div>
+                        </div><span id="iraf4p" class="value-title">Color 2</span>
+                    </label></div>
+                <div id="iq4f83" class="col-4 value-item position-relative"><input id="swatch_attr_3-3" type="radio"
+                        name="swatch_attribute" value="3" class="swatchInput position-absolute w-100 h-100"><label
+                        id="iw6doj" for="swatch_attr_3" class="value-label">
+                        <div id="i539mw" class="image-container">
+                            <div id="ilfshq" style="background-color: #4ecdc4" class="swatch-iconcolor"></div>
+                        </div><span id="izq7dk" class="value-title">Color 3</span>
+                    </label></div>
+            </div>
+        </div>
+        <div id="i16vd3" class="slider-attribute-wrapper slides-4 slider-style-1">
+            <div id="inoqkz" class="slider-header d-flex justify-content-between align-items-center mb-3"><label
+                    id="i1f0t2" class="attribute-label">Select Option</label>
+                <div id="i1s42l" class="slider-nav-buttons d-flex gap-2"><button id="i6mxra" type="button"
+                        aria-label="Previous" class="nav-btn prev-btn disabled">‹</button><button id="i5ddhe"
+                        type="button" aria-label="Next" class="nav-btn next-btn">›</button></div>
+            </div>
+            <div id="i1tjxf" class="slider-container">
+                <div id="i8393z" class="slider-track" style="transform: translateX(0px);">
+                    <div id="iskju8" class="slider-item" style="width: 360px;"><input id="slider_attr_1-2" type="radio"
+                            name="slider_attribute" value="1" checked="checked"
+                            class="sliderInput position-absolute"><label id="idxb88" for="slider_attr_1"
+                            class="slide-label"><img id="ilmk3l" src="https://via.placeholder.com/150"
+                                class="slide-img"><span id="i91beh" class="slide-title">Option 1</span></label>
+                    </div>
+                    <div id="iqu0bh" class="slider-item" style="width: 360px;"><input id="slider_attr_2-2" type="radio"
+                            name="slider_attribute" value="2" class="sliderInput position-absolute"><label id="i2zgt3"
+                            for="slider_attr_2" class="slide-label"><img id="i42cqe"
+                                src="https://via.placeholder.com/150/ff6b6b" class="slide-img"><span id="igvn2x"
+                                class="slide-title">Option 2</span></label></div>
+                    <div id="ijm38g" class="slider-item" style="width: 360px;"><input id="slider_attr_3-2" type="radio"
+                            name="slider_attribute" value="3" class="sliderInput position-absolute"><label id="i995fi"
+                            for="slider_attr_3" class="slide-label"><img id="i9wr23"
+                                src="https://via.placeholder.com/150/4ecdc4" class="slide-img"><span id="ieixf2"
+                                class="slide-title">Option 3</span></label></div>
+                    <div id="i43oy7" class="slider-item" style="width: 360px;"><input id="slider_attr_4-3" type="radio"
+                            name="slider_attribute" value="4" class="sliderInput position-absolute"><label id="iywj4m"
+                            for="slider_attr_4" class="slide-label"><img id="i8fxuw"
+                                src="https://via.placeholder.com/150/95e1d3" class="slide-img"><span id="i67nxu"
+                                class="slide-title">Option 4</span></label></div>
+                    <div id="i188r7" class="slider-item" style="width: 360px;"><input id="slider_attr_4-4" type="radio"
+                            name="slider_attribute" value="4" class="sliderInput position-absolute"><label id="ik3c3n"
+                            for="slider_attr_4" class="slide-label"><img id="iujjlv"
+                                src="https://via.placeholder.com/150/95e1d3" class="slide-img"><span id="izn8si"
+                                class="slide-title">Option 5</span></label></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-colors.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Product/customProduct/AttributesComponents/AttributeType/multi-values.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;