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

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/SingleSlide.vue

@@ -0,0 +1,134 @@
+<script setup>
+const { attribute, slide, group } = defineProps({ "attribute": Object, "slide": Object, "group": Object });
+const SelecteValue = ref(0);
+const CustomScript = useCustomeScriptDynamic();
+const SelectedItem = attribute.values.find((i) => i.selected === true);
+if (SelectedItem) {
+  SelecteValue.value = SelectedItem.id;
+}
+const ChangeValue = ((value) => {
+  const aid = attribute.id;
+  const gid = group.id;
+  const vid = value;
+  CustomScript.SelectedOptions = { aid, gid, vid };
+  CustomScript.initprocess();
+  if (attribute.typeLabel == "swatch") {
+  }
+  if (attribute.typeLabel == "style") {
+  }
+});
+const checkInCart = ((sample) => {
+  let cartItems = useCartStore().cart.items;
+  if (cartItems) {
+    for (const key in cartItems) {
+      if (cartItems[key].slug === sample) {
+        return true;
+      }
+    }
+  }
+  return false;
+});
+const addToCartSample = (async (sample) => {
+  await useCartStore().addToCart(sample, 1);
+});
+const removeFromCart = async (sample) => {
+  let productId = "";
+  let cartItems = useCartStore().cart.items;
+  if (cartItems) {
+    for (const key in cartItems) {
+      if (cartItems[key].slug === sample.slug) {
+        productId = cartItems[key].rowId;
+      }
+    }
+  }
+  await useCartStore().removeFromCart(productId, sample);
+};
+const swatchimagesSrcset = ((swatchImage) => {
+  let swatchImage64 = swatchImage.replace(/.webp/gi, "64.webp");
+  let swatchImage150 = swatchImage.replace(/.webp/gi, "150.webp");
+  let swatchImage320 = swatchImage.replace(/.webp/gi, "320.webp");
+  let swatchImage640 = swatchImage.replace(/.webp/gi, "640.webp");
+  let swatchImage1024 = swatchImage.replace(/.webp/gi, "1024.webp");
+  return swatchImage150;
+});
+</script>
+
+<template>
+    <div class="value-item position-relative">
+        <input :data-label="attribute.title" class="position-absolute top-0 left-0 w-100 h-100" v-model="SelecteValue"
+            :required="attribute.required" @change="ChangeValue(slide.id)" :data-attributevalue="attribute.parent"
+            :data-child="slide.parent" :value="slide.id" :data-value="slide.id" type="radio"
+            :name="`attribute_id[${attribute.id}]`" :id="`attribute_${attribute.id}_value${slide.id}`" />
+        <label class="value-label border h-100" :for="`attribute_${attribute.id}_value${slide.id}`">
+            <div class="image-container">
+                <img loading="lazy" :src="swatchimagesSrcset(slide.swatch)" width="100%" />
+            </div>
+            <span class="slide-title">{{ slide.title }}</span>
+            <span v-if="attribute.offer_sample == true && slide.sampleproduct != ''" class="sample-button">
+                <div v-if="checkInCart(slide.sampleproduct) == false"
+                    @click="addToCartSample({ slug: slide.sampleproduct })" class="btn btn-sm">Add Sample</div>
+                <div v-else @click="removeFromCart({ slug: slide.sampleproduct })" class="btn btn-sm btn-primary">Remove
+                    Sample</div>
+            </span>
+        </label>
+    </div>
+</template>
+
+<style scoped>
+.value-item {
+  width: 100%;
+  height: 100%;
+}
+.value-item input {
+  opacity: 0;
+  z-index: -1;
+}
+.value-item input:checked ~ label {
+  border-color: var(--bs-secondary) !important;
+  border-width: 2px !important;
+}
+.value-item input:checked ~ label .slide-title {
+  font-weight: bold;
+}
+.value-item label {
+  border-width: 2px !important;
+  display: flex;
+  cursor: pointer;
+  text-align: center;
+  align-items: center;
+  flex-direction: column;
+  justify-content: flex-start;
+  background-color: #f5f7fb;
+  border-radius: 8px;
+  padding: 5px;
+}
+.value-item label .image-container {
+  position: relative;
+  min-height: 68px;
+  width: 100%;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #C8C8C8;
+  border-radius: 5px;
+}
+.value-item label .image-container img {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: fill;
+  object-position: top left;
+  position: relative;
+}
+.value-item label .slide-title {
+  padding: 5px 0;
+  font-weight: 500;
+  font-size: 14px;
+}
+.value-item label .sample-button {
+  padding: 5px 0;
+}
+.value-item label:hover {
+  box-shadow: rgb(238, 238, 238) 0px 0px 3px 3px;
+}
+</style>

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/SingleSlide.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>;
+    attribute?: Record<string, any> | undefined;
+    group?: Record<string, any> | undefined;
+    slide?: 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 attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+    readonly slide?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/SingleSlidemagnifier.d.vue.ts

@@ -0,0 +1,15 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $emit: typeof emit;
+    $props: Partial<typeof __VLS_props>;
+    attribute?: Record<string, any> | undefined;
+    group?: Record<string, any> | undefined;
+    slide?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const emit: (event: "popupOpen", ...args: any[]) => void;
+declare const __VLS_props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+    readonly slide?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/SingleSlidemagnifier.vue

@@ -0,0 +1,138 @@
+<script setup>
+import orderSample from "./orderSample/button.vue";
+const { attribute, slide, group } = defineProps({ "attribute": Object, "slide": Object, "group": Object });
+const CustomScript = useCustomeScriptDynamic();
+const emit = defineEmits(["popupOpen"]);
+const SelecteValue = ref(0);
+const SelectedItem = attribute.values.find((i) => i.selected === true);
+if (SelectedItem) {
+  SelecteValue.value = SelectedItem.id;
+}
+const ChangeValue = ((value) => {
+  const aid = attribute.id;
+  const gid = group.id;
+  const vid = value;
+  CustomScript.SelectedOptions = { aid, gid, vid };
+  CustomScript.initprocess();
+  if (attribute.typeLabel == "swatch") {
+  }
+  if (attribute.typeLabel == "style") {
+  }
+});
+const showColorLargeImage = ((index) => {
+  emit("popupOpen", index, slide.parent);
+});
+const swatchimagesSrcset = ((swatchImage) => {
+  let swatchImage64 = swatchImage.replace(/.webp/gi, "64.webp");
+  let swatchImage150 = swatchImage.replace(/.webp/gi, "150.webp");
+  let swatchImage320 = swatchImage.replace(/.webp/gi, "320.webp");
+  let swatchImage640 = swatchImage.replace(/.webp/gi, "640.webp");
+  let swatchImage1024 = swatchImage.replace(/.webp/gi, "1024.webp");
+  return swatchImage150;
+});
+</script>
+
+<template>
+ <div class="value-item position-relative">
+                    <input
+                        class="position-absolute top-0 left-0 w-100 h-100"
+                        :data-label="attribute.title" v-model="SelecteValue"
+                        @change="ChangeValue(slide.id)"
+                        :data-attributevalue="attribute.parent"
+                        :data-child="slide.parent"
+                        :required="attribute.required"
+                        :data-validation="attribute.validation_message"
+                        :value="slide.id"
+                        :data-value="slide.id"
+                        type="radio"
+                        :name="`attribute_id[${attribute.id}]`"
+                        :id="`attribute_${attribute.id}_value${slide.id}`"/>
+                    <label class="value-label border h-100" :for="`attribute_${attribute.id}_value${slide.id}`">
+                        <div class="image-container">
+                            <svg xmlns="http://www.w3.org/2000/svg" @click="showColorLargeImage(item.id, item.parent)" class="p-1 icon-for-large d-none d-md-block" width="25" height="25" viewBox="0 0 512 512"><path 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"/></svg>
+                            <img  loading="lazy" v-if="swatchimagesSrcset(slide.swatch)" :src="slide.swatch" width="100%"/>
+                            <div class="slide-iconcolor" v-else-if="slide.iconcolor" :style="`background-color:${slide.iconcolor}`"></div>                    
+                        </div>
+                        <span>{{ slide.title }}</span>
+                        <orderSample :attribute="attribute" :item="slide" :group="group"/>
+                    </label>
+                </div>
+</template>
+
+<style scoped>
+.slide-iconcolor {
+  height: 100%;
+}
+
+.modal-dialog {
+  opacity: 0;
+  transition-duration: 20000ms;
+}
+.modal-dialog .modal-content {
+  position: relative;
+}
+.modal-dialog .modal-content .btn-close {
+  background-color: var(--bs-white);
+  position: absolute;
+  right: -20px;
+  top: -20px;
+  z-index: 2;
+}
+
+.colorspopup {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 99999;
+  display: flex;
+  background-color: rgba(0, 0, 0, 0.5019607843);
+}
+.colorspopup.active .modal-dialog {
+  opacity: 1;
+}
+
+.colors-images {
+  position: relative;
+  padding: 10px;
+  background: #fff;
+  border-radius: 20px;
+}
+.colors-images .colors-image {
+  display: none;
+  border-radius: 20px;
+  overflow: hidden;
+}
+.colors-images .colors-image img {
+  border: 1px solid #ccc;
+  width: 450px;
+  height: 450px;
+}
+.colors-images .colors-image:first-child {
+  display: block;
+}
+
+.colorImagesNav {
+  position: absolute;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  height: 50px;
+  font-size: 38px;
+  line-height: 1;
+  top: calc(50% - 25px);
+}
+.colorImagesNav button {
+  background-color: #fff;
+  border: 0;
+  color: var(--iseek-primary);
+}
+.colorImagesNav button:hover {
+  background-color: var(--iseek-secondary);
+}
+</style>
+
+<style scoped>
+.value-item{height:100%;width:100%}.value-item input{opacity:0;z-index:-1}.value-item input:checked~label{border-color:var(--iseek-primary)!important;border-width:2px!important}.value-item label{align-items:center;border-width:2px!important;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:700;justify-content:flex-start;padding:5px;text-align:center}.value-item label .image-container{height:90px;overflow:hidden;position:relative;width:100%}.value-item label .image-container img{height:100%;left:0;-o-object-fit:fill;object-fit:fill;-o-object-position:top left;object-position:top left;position:relative;top:0;width:100%}.value-item label span{padding:5px 0}.value-item label:hover{box-shadow:0 0 3px 3px #eee}.value-item label .icon-for-large{align-items:center;background-color:#fff;display:flex;height:20px;justify-content:center;line-height:1;position:absolute;right:0;top:0;width:20px;z-index:1}
+</style>

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/SingleSlidemagnifier.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $emit: typeof emit;
+    $props: Partial<typeof __VLS_props>;
+    attribute?: Record<string, any> | undefined;
+    group?: Record<string, any> | undefined;
+    slide?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const emit: (event: "popupOpen", ...args: any[]) => void;
+declare const __VLS_props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+    readonly slide?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/button.d.vue.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    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 props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/button.vue

@@ -0,0 +1,149 @@
+<script setup>
+import { defineProps, ref, onMounted, nextTick, watch } from "vue";
+import contentPopup from "../PopupContent/Popup.vue";
+const CustomScript = useCustomeScriptDynamic();
+const props = defineProps({ "attribute": Object, "group": Object });
+const { script } = useSingleValue(props.attribute);
+const selectedOption = ref(null);
+const containerRef = ref(null);
+const getselectedOption = props.attribute.values.find((item) => item.selected === true);
+if (getselectedOption) {
+  selectedOption.value = getselectedOption.id;
+}
+const ChangeValue = ((value) => {
+  const aid = props.attribute.id;
+  const gid = props.group.id;
+  const vid = value;
+  CustomScript.SelectedOptions = { aid, gid, vid };
+  CustomScript.initprocess();
+  nextTick(() => {
+    hideDisabledColumns();
+  });
+});
+const hideDisabledColumns = () => {
+  if (!containerRef.value) return;
+  const cols = containerRef.value.querySelectorAll(".col-6");
+  cols.forEach((col) => {
+    const valueItem = col.querySelector(".value-item");
+    if (valueItem) {
+      const displayStyle = window.getComputedStyle(valueItem).display;
+      if (displayStyle === "none") {
+        col.classList.add("d-none");
+      } else {
+        col.classList.remove("d-none");
+      }
+    }
+  });
+};
+onMounted(() => {
+  nextTick(() => {
+    hideDisabledColumns();
+    const observer = new MutationObserver(() => {
+      hideDisabledColumns();
+    });
+    if (containerRef.value) {
+      observer.observe(containerRef.value, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        attributeFilter: ["style", "disabled"]
+      });
+    }
+  });
+});
+</script>
+
+<template>
+<div class="button-attribute-wrapper button-style-1 row">
+    <div class="col-md-4 px-0">
+        <label class="attribute-label">
+            {{ attribute.title }}
+            <span v-if="attribute.required" class="text-danger">*</span>
+            <contentPopup :attribute="attribute" />
+        </label>
+    </div>
+    <div class="col-md-8" ref="containerRef">
+        <div class="row g-2">
+            <div class="col-6" v-for="item in attribute.values" :key="item.id">
+                <div class="value-item position-relative h-100">
+                    <input 
+                        class="buttonInput position-absolute w-100 h-100"
+                        :data-label="attribute.title"
+                        :required="attribute.required"
+                        v-model="selectedOption"
+                        @change="ChangeValue(item.id)"
+                        :data-attributevalue="attribute.parent"
+                        :data-child="item.parent"
+                        :value="item.id"
+                        :data-value="item.id"
+                        type="radio"
+                        :name="`button_attribute_${attribute.id}`"
+                        :id="`button_attr_${attribute.id}_${item.id}`"
+                        :checked="selectedOption === item.id"
+                    />
+                    <label
+                        class="value-label d-flex align-items-center justify-content-start gap-1 px-3 py-2 rounded border"
+                        :for="`button_attr_${attribute.id}_${item.id}`">
+                        <div class="d-flex align-items-center justify-content-center">
+                            <img v-if="item.swatch && item.swatch != ''" 
+                                :src="item.swatch" 
+                                width="28" 
+                                height="28" 
+                                class="button-img object-fit-contain" />
+                            <div v-else-if="item.iconcolor && item.iconcolor != '#ffffff'"
+                                :style="{ backgroundColor: item.iconcolor }" 
+                                class="valueIcon">
+                            </div>
+                        </div>
+                        <span class="value-title text-center text-truncate">{{ item.title }}</span>
+                    </label>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</template>
+
+<style scoped>
+input {
+  z-index: -1;
+}
+
+.valueIcon {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.buttonInput {
+  z-index: -1;
+}
+.buttonInput:checked ~ .value-label {
+  border: 1px solid var(--bs-secondary) !important;
+  background-color: #F5F7FB;
+}
+.buttonInput:checked ~ .value-label img {
+  background-color: #fff !important;
+}
+.buttonInput:checked ~ .value-label .value-title {
+  font-weight: bold;
+}
+
+.value-label {
+  cursor: pointer;
+  white-space: nowrap;
+  font-size: 14px !important;
+  border: 1px solid #C8C8C8;
+  background-color: #F5F7FB;
+}
+.value-label .value-title {
+  font-weight: normal;
+}
+.value-label:hover {
+  border: 1px solid var(--bs-secondary) !important;
+}
+.value-label:hover img {
+  background-color: #fff;
+}
+</style>

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/button.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    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 props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/dropdown.d.vue.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    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 props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/dropdown.vue

@@ -0,0 +1,82 @@
+<script setup>
+import { defineProps, ref, defineAsyncComponent } from "vue";
+import contentPopup from "../PopupContent/Popup.vue";
+const CustomScript = useCustomeScriptDynamic();
+const props = defineProps({ "attribute": Object, "group": Object });
+const { script } = useSingleValue(props.attribute);
+const options = ref(props.attribute.values);
+const selectedOption = ref(options.value[0]);
+const isOpen = ref(false);
+const toggleDropdown = () => {
+  isOpen.value = !isOpen.value;
+};
+const selectOption = (option) => {
+  selectedOption.value = option;
+  isOpen.value = false;
+};
+const closeDropDown = () => {
+  isOpen.value = false;
+};
+const ChangeValue = ((value) => {
+  const aid = props.attribute.id;
+  const gid = props.group.id;
+  const vid = value;
+  CustomScript.SelectedOptions = { aid, gid, vid };
+  CustomScript.initprocess();
+});
+</script>
+
+<template>
+ <div class="dropdown-attribute-wrapper dropdown-style-1 row">
+    <div class="col-md-4">
+        <label class="attribute-label mt-lg-2">
+            {{ attribute.title }}
+            <span v-if="attribute.required" class="text-danger">*</span>
+            <contentPopup :attribute="attribute" />
+        </label>
+    </div>
+    <div class="col-md-8">
+        <div class="dropdown-select position-relative" @mouseleave="closeDropDown()">
+            <!-- Selected value display -->
+            <div class="selected position-relative rounded-2 ps-2" @click="toggleDropdown">
+                <input 
+                    class="dropdownInput position-absolute w-100 h-100"
+                    :value="selectedOption.id"
+                    :required="attribute.required"
+                    type="radio"
+                    :name="`dropdown_attribute_${attribute.id}`"
+                    :id="`dropdown_selected_${attribute.id}`"
+                    :checked="selectedOption.id === selectedOption.id"
+                />
+                <span class="selected-title">{{ selectedOption.title || 'Select Option' }}</span>
+            </div>
+            
+            <!-- Dropdown options -->
+            <ul v-show="isOpen" class="dropdown-options position-absolute list-unstyled">
+                <li 
+                    v-for="option in options" 
+                    :key="option.id"
+                    @click="selectOption(option), ChangeValue(option.id)"
+                    class="option-item position-relative"
+                    :class="{ 'is-selected': option.id === selectedOption.id }"
+                >
+                    <input 
+                        :data-label="attribute.title"
+                        :required="attribute.required"
+                        class="dropdownOptionInput position-absolute w-100 h-100"
+                        :data-attributevalue="attribute.parent"
+                        :data-child="option.parent"
+                        :value="option.id"
+                        :data-value="option.id"
+                        type="radio"
+                        :name="`dropdown_attribute_option_${attribute.id}`"
+                        :id="`dropdown_option_${attribute.id}_${option.id}`"
+                        :checked="option.id === selectedOption.id"
+                    />
+                    <span class="option-title">{{ option.title }}</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+</template>

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/dropdown.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    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 props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/Product/customProduct/AttributesComponents/Styles/dropdownWithIcon.d.vue.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    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 props: {
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};