@bagelink/vue 1.4.14 → 1.4.18

package/dist/index.cjs

@@ -32513,53 +32513,54 @@ const _hoisted_5$6 = {
   key: 0,
   class: "config-section flex gap-05 pb-2 m_flex-wrap"
 };
-const _hoisted_6$5 = { key: 1 };
-const _hoisted_7$4 = { class: "mapping-table" };
-const _hoisted_8$3 = { class: "field-label" };
-const _hoisted_9$3 = { class: "grid-span-2 input-size line-height-1 inline-block" };
-const _hoisted_10$2 = { key: 0 };
-const _hoisted_11$2 = { key: 2 };
-const _hoisted_12$2 = { key: 3 };
-const _hoisted_13$1 = {
+const _hoisted_6$5 = ["textContent"];
+const _hoisted_7$4 = { key: 1 };
+const _hoisted_8$3 = { class: "mapping-table" };
+const _hoisted_9$3 = { class: "field-label" };
+const _hoisted_10$2 = { class: "grid-span-2 input-size line-height-1 inline-block" };
+const _hoisted_11$2 = { key: 0 };
+const _hoisted_12$2 = { key: 2 };
+const _hoisted_13$1 = { key: 3 };
+const _hoisted_14$1 = {
   key: 0,
   class: "field-disabled-reason"
 };
-const _hoisted_14$1 = { key: 1 };
-const _hoisted_15 = { class: "fileColSelect" };
-const _hoisted_16 = { class: "default-value-container hideLabel" };
-const _hoisted_17 = { class: "flex gap-05 my-05" };
-const _hoisted_18 = {
+const _hoisted_15 = { key: 1 };
+const _hoisted_16 = { class: "fileColSelect" };
+const _hoisted_17 = { class: "default-value-container hideLabel" };
+const _hoisted_18 = { class: "flex gap-05 my-05" };
+const _hoisted_19 = {
   key: 0,
   class: "action-buttons"
 };
-const _hoisted_19 = {
+const _hoisted_20 = {
   key: 1,
   class: "action-buttons"
 };
-const _hoisted_20 = { key: 0 };
-const _hoisted_21 = { class: "flex space-between gap-1 mb-1 border-bottom pb-05 m_flex-wrap" };
-const _hoisted_22 = { class: "grid-span-2 input-size line-height-1" };
-const _hoisted_23 = { class: "grid-span-4 input-size line-height-1 ellipsis-1" };
-const _hoisted_24 = { class: "grid grid-wrap-7 gap-1 align-items-center m_gap-025 m_pb-1-5" };
-const _hoisted_25 = { class: "grid-span-2" };
-const _hoisted_26 = { class: "grid-span-4" };
-const _hoisted_27 = { class: "flex pt-05" };
-const _hoisted_28 = { key: 0 };
-const _hoisted_29 = { class: "pb-05" };
-const _hoisted_30 = {
+const _hoisted_21 = { key: 0 };
+const _hoisted_22 = { class: "flex space-between gap-1 mb-1 border-bottom pb-05 m_flex-wrap" };
+const _hoisted_23 = { class: "grid-span-2 input-size line-height-1" };
+const _hoisted_24 = { class: "grid-span-4 input-size line-height-1 ellipsis-1" };
+const _hoisted_25 = { class: "grid grid-wrap-7 gap-1 align-items-center m_gap-025 m_pb-1-5" };
+const _hoisted_26 = { class: "grid-span-2" };
+const _hoisted_27 = { class: "grid-span-4" };
+const _hoisted_28 = { class: "flex pt-05" };
+const _hoisted_29 = { key: 0 };
+const _hoisted_30 = { class: "pb-05" };
+const _hoisted_31 = {
   key: 0,
   class: "mb-05"
 };
-const _hoisted_31 = { key: 1 };
-const _hoisted_32 = { class: "mb-1" };
-const _hoisted_33 = { key: 0 };
-const _hoisted_34 = { class: "flex gap-1" };
-const _hoisted_35 = { class: "default-value-container" };
-const _hoisted_36 = { class: "action-buttons-cell" };
-const _hoisted_37 = { class: "flex pt-05" };
-const _hoisted_38 = { class: "mt-1" };
-const _hoisted_39 = { class: "flex gap-1 mt-1 space-between" };
-const _hoisted_40 = { key: 0 };
+const _hoisted_32 = { key: 1 };
+const _hoisted_33 = { class: "mb-1" };
+const _hoisted_34 = { key: 0 };
+const _hoisted_35 = { class: "flex gap-1" };
+const _hoisted_36 = { class: "default-value-container" };
+const _hoisted_37 = { class: "action-buttons-cell" };
+const _hoisted_38 = { class: "flex pt-05" };
+const _hoisted_39 = { class: "mt-1" };
+const _hoisted_40 = { class: "flex gap-1 mt-1 space-between" };
+const _hoisted_41 = { key: 0 };
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "ImportData",
   props: {
@@ -32596,33 +32597,33 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const sheetNames = vue.ref([]);
     const selectedSheet = vue.ref("");
     const hasHeaders = vue.ref(true);
-    const fieldMapping = vue.reactive({});
     const isLoading = vue.ref(false);
     const showPreviewModal = vue.ref(false);
     const previewData = vue.ref([]);
     const mappingComplete = vue.ref(false);
     const fileHeaders = vue.ref([]);
-    const defaultValues = vue.reactive({});
-    const transformations = vue.reactive({});
     const showTransformDialog = vue.ref(false);
     const selectedTransformField = vue.ref(null);
+    const showRelatedDialog = vue.ref(false);
+    const selectedRelationField = vue.ref(null);
+    const selectedSourceValue = vue.ref("");
+    const selectedTargetValue = vue.ref("");
+    const showRelatedTransformDialog = vue.ref(false);
+    const selectedRelatedTransformField = vue.ref(null);
+    const selectedRelatedSourceValue = vue.ref("");
+    const selectedRelatedTargetValue = vue.ref("");
+    const fieldMapping = vue.reactive({});
+    const defaultValues = vue.reactive({});
+    const transformations = vue.reactive({});
     const fieldDataTypes = vue.reactive({});
     const relatedFiles = vue.reactive({});
     const relatedFileData = vue.reactive({});
     const relatedFileMappings = vue.reactive({});
-    const showRelatedDialog = vue.ref(false);
-    const selectedRelationField = vue.ref(null);
     const relatedKeyField = vue.reactive({});
     const parentKeyField = vue.reactive({});
-    const selectedSourceValue = vue.ref("");
-    const selectedTargetValue = vue.ref("");
     const relatedFieldDataTypes = vue.reactive({});
     const relatedDefaultValues = vue.reactive({});
     const relatedTransformations = vue.reactive({});
-    const showRelatedTransformDialog = vue.ref(false);
-    const selectedRelatedTransformField = vue.ref(null);
-    const selectedRelatedSourceValue = vue.ref("");
-    const selectedRelatedTargetValue = vue.ref("");
     const formData = vue.ref({});
     const { renderField } = useSchemaField({
       mode: "form",
@@ -32774,9 +32775,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       });
       return allFields;
     }
-    const schemaFields = vue.computed(() => {
-      return getAllFields(props2.schema || []);
-    });
+    const schemaFields = vue.computed(() => getAllFields(vue.toValue(props2.schema) || []));
     function isFieldRequired(field) {
       if (field.isArrayField && field.parentField) {
         return false;
@@ -32926,9 +32925,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             value = defaultValues[field.id];
             useDefault = true;
           }
-          if (value === null) {
-            return;
-          }
+          if (value === null) return;
           if (!useDefault && transformations[field.id] && transformations[field.id].length > 0) {
             const transform = transformations[field.id].find(
               (t) => t.sourceValue == value || t.sourceValue === String(value)
@@ -33063,7 +33060,6 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         return {
           key: field.id,
           title: field.label,
-          // Special formatting for array child fields
           formatter: field.isArrayField ? formatArrayChildValue : void 0
         };
       });
@@ -33632,7 +33628,9 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                     size: "1.5",
                     weight: "300"
                   }),
-                  vue.createElementVNode("p", null, vue.toDisplayString(file.value.name), 1)
+                  vue.createElementVNode("p", {
+                    textContent: vue.toDisplayString(file.value.name)
+                  }, null, 8, _hoisted_6$5)
                 ]),
                 _: 1
               })), [
@@ -33653,9 +33651,9 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                 style: { "--bgl-accent-color": "var(--bgl-black)", "--bgl-primary": "var(--bgl-black)" }
               }, null, 8, ["modelValue"])
             ])) : vue.createCommentVNode("", true),
-            file.value && !isLoading.value && fileHeaders.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
+            file.value && !isLoading.value && fileHeaders.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
               _cache[36] || (_cache[36] = vue.createElementVNode("p", { class: "label pb-1 border-bottom mb-1" }, " Match each required field to a column from your file, set default values, or configure transformations ", -1)),
-              vue.createElementVNode("div", _hoisted_7$4, [
+              vue.createElementVNode("div", _hoisted_8$3, [
                 _cache[33] || (_cache[33] = vue.createElementVNode("div", { class: "grid grid-wrap-5 gap-1 bold pb-1 m_none" }, [
                   vue.createElementVNode("p", null, "Schema Field"),
                   vue.createElementVNode("p", null, "Column from File"),
@@ -33669,9 +33667,9 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                     class: vue.normalizeClass(["grid grid-wrap-5 gap-1 m_gap-025 m_pb-1-5", { "array-field-row": field.isArrayField || field.$el === "array" }])
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("div", _hoisted_8$3, [
-                        vue.createElementVNode("p", _hoisted_9$3, vue.toDisplayString(field.label), 1),
-                        field.isArrayField ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10$2, "↳")) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_9$3, [
+                        vue.createElementVNode("p", _hoisted_10$2, vue.toDisplayString(field.label), 1),
+                        field.isArrayField ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$2, "↳")) : vue.createCommentVNode("", true),
                         field.$el === "array" ? (vue.openBlock(), vue.createBlock(vue.unref(Pill), {
                           key: 1,
                           class: "txt10 ms-05",
@@ -33679,13 +33677,13 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                           thin: "",
                           value: "Array"
                         })) : vue.createCommentVNode("", true),
-                        isFieldRequired(field) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$2, "*")) : vue.createCommentVNode("", true),
-                        getFieldDescription(field).isConditional ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$2, "†")) : vue.createCommentVNode("", true)
+                        isFieldRequired(field) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$2, "*")) : vue.createCommentVNode("", true),
+                        getFieldDescription(field).isConditional ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13$1, "†")) : vue.createCommentVNode("", true)
                       ]),
-                      field.disabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, vue.toDisplayString(field.disabledReason), 1)) : vue.createCommentVNode("", true),
-                      getFieldDescription(field).isConditional ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, vue.toDisplayString(getFieldDescription(field).description), 1)) : vue.createCommentVNode("", true)
+                      field.disabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, vue.toDisplayString(field.disabledReason), 1)) : vue.createCommentVNode("", true),
+                      getFieldDescription(field).isConditional ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, vue.toDisplayString(getFieldDescription(field).description), 1)) : vue.createCommentVNode("", true)
                     ]),
-                    vue.createElementVNode("div", _hoisted_15, [
+                    vue.createElementVNode("div", _hoisted_16, [
                       vue.createVNode(vue.unref(SelectInput), {
                         modelValue: fieldMapping[field.id],
                         "onUpdate:modelValue": ($event) => fieldMapping[field.id] = $event,
@@ -33698,7 +33696,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "required", "disabled", "onChange"])
                     ]),
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("div", _hoisted_16, [
+                      vue.createElementVNode("div", _hoisted_17, [
                         vue.createTextVNode(vue.toDisplayString(initDefaultValue(field.id)) + " ", 1),
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(renderField)(getFieldWithDefaults(field)))))
                       ])
@@ -33712,7 +33710,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
                     ]),
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("div", _hoisted_17, [
+                      vue.createElementVNode("div", _hoisted_18, [
                         vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                           thin: "",
                           disabled: field.disabled,
@@ -33735,7 +33733,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                   ], 2);
                 }), 128))
               ]),
-              mappingComplete.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
+              mappingComplete.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
                 vue.createVNode(vue.unref(Btn), { onClick: showPreview }, {
                   default: vue.withCtx(() => _cache[34] || (_cache[34] = [
                     vue.createTextVNode(" Preview Data ")
@@ -33743,7 +33741,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                   _: 1,
                   __: [34]
                 })
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, _cache[35] || (_cache[35] = [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, _cache[35] || (_cache[35] = [
                 vue.createElementVNode("div", { class: "mapping-incomplete-message" }, " Please map the required fields to continue ", -1)
               ])))
             ])) : vue.createCommentVNode("", true)
@@ -33755,8 +33753,8 @@ ${unmatchedValues.length} values could not be automatically matched.`);
             width: "800"
           }, {
             default: vue.withCtx(() => [
-              selectedTransformField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
-                vue.createElementVNode("div", _hoisted_21, [
+              selectedTransformField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
+                vue.createElementVNode("div", _hoisted_22, [
                   vue.createElementVNode("p", null, [
                     _cache[37] || (_cache[37] = vue.createTextVNode("Create transformations for ")),
                     vue.createElementVNode("strong", null, vue.toDisplayString(selectedTransformField.value.label), 1)
@@ -33780,8 +33778,8 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                         key: index2,
                         class: "grid grid-wrap-7 gap-1 align-items-center m_gap-025 m_pb-1-5"
                       }, [
-                        vue.createElementVNode("p", _hoisted_22, vue.toDisplayString(transform.sourceValue), 1),
-                        vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(transform.targetValue), 1),
+                        vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(transform.sourceValue), 1),
+                        vue.createElementVNode("p", _hoisted_24, vue.toDisplayString(transform.targetValue), 1),
                         vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                           class: "mb-05",
                           thin: "",
@@ -33793,8 +33791,8 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                         ])
                       ]);
                     }), 128)),
-                    vue.createElementVNode("div", _hoisted_24, [
-                      vue.createElementVNode("div", _hoisted_25, [
+                    vue.createElementVNode("div", _hoisted_25, [
+                      vue.createElementVNode("div", _hoisted_26, [
                         fieldMapping[selectedTransformField.value.id] ? (vue.openBlock(), vue.createBlock(vue.unref(SelectInput), {
                           key: 0,
                           modelValue: selectedSourceValue.value,
@@ -33810,7 +33808,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                           placeholder: "Source value"
                         }, null, 8, ["modelValue"]))
                       ]),
-                      vue.createElementVNode("div", _hoisted_26, [
+                      vue.createElementVNode("div", _hoisted_27, [
                         selectedTransformField.value.options && selectedTransformField.value.options.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(SelectInput), {
                           key: 0,
                           modelValue: selectedTargetValue.value,
@@ -33838,7 +33836,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                     ])
                   ])
                 ]),
-                vue.createElementVNode("div", _hoisted_27, [
+                vue.createElementVNode("div", _hoisted_28, [
                   vue.createVNode(vue.unref(Btn), {
                     class: "ms-auto",
                     value: "Close",
@@ -33858,9 +33856,9 @@ ${unmatchedValues.length} values could not be automatically matched.`);
             default: vue.withCtx(() => {
               var _a;
               return [
-                selectedRelationField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28, [
-                  vue.createElementVNode("p", _hoisted_29, " Upload a file with related data for " + vue.toDisplayString(selectedRelationField.value.label), 1),
-                  !relatedFiles[selectedRelationField.value.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
+                selectedRelationField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29, [
+                  vue.createElementVNode("p", _hoisted_30, " Upload a file with related data for " + vue.toDisplayString(selectedRelationField.value.label), 1),
+                  !relatedFiles[selectedRelationField.value.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
                     vue.createVNode(vue.unref(DragOver), {
                       accept: ".csv,.xls,.xlsx",
                       browse: "",
@@ -33883,8 +33881,8 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                       ]),
                       _: 1
                     })
-                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
-                    vue.createElementVNode("div", _hoisted_32, [
+                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_32, [
+                    vue.createElementVNode("div", _hoisted_33, [
                       vue.createVNode(vue.unref(Pill), null, {
                         default: vue.withCtx(() => [
                           vue.createTextVNode(vue.toDisplayString(relatedFiles[selectedRelationField.value.id].name), 1)
@@ -33898,9 +33896,9 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                         onClick: _cache[12] || (_cache[12] = ($event) => relatedFiles[selectedRelationField.value.id] = null)
                       })
                     ]),
-                    relatedFileData[selectedRelationField.value.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33, [
+                    relatedFileData[selectedRelationField.value.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_34, [
                       _cache[44] || (_cache[44] = vue.createElementVNode("h4", null, "Configure Relationship", -1)),
-                      vue.createElementVNode("div", _hoisted_34, [
+                      vue.createElementVNode("div", _hoisted_35, [
                         vue.createVNode(vue.unref(SelectInput), {
                           modelValue: parentKeyField[selectedRelationField.value.id],
                           "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => parentKeyField[selectedRelationField.value.id] = $event),
@@ -33941,7 +33939,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
                               ]),
                               vue.createElementVNode("td", null, [
-                                vue.createElementVNode("div", _hoisted_35, [
+                                vue.createElementVNode("div", _hoisted_36, [
                                   vue.createTextVNode(vue.toDisplayString(initRelatedDefaultValue(selectedRelationField.value.id, schemaItem.id)) + " ", 1),
                                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(renderField)(getRelatedFieldWithDefaults(selectedRelationField.value.id, schemaItem)))))
                                 ])
@@ -33955,7 +33953,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
                               ]),
                               vue.createElementVNode("td", null, [
-                                vue.createElementVNode("div", _hoisted_36, [
+                                vue.createElementVNode("div", _hoisted_37, [
                                   vue.createVNode(vue.unref(Btn), {
                                     thin: "",
                                     icon: "transform",
@@ -33975,7 +33973,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                       ])
                     ])) : vue.createCommentVNode("", true)
                   ])),
-                  vue.createElementVNode("div", _hoisted_37, [
+                  vue.createElementVNode("div", _hoisted_38, [
                     vue.createVNode(vue.unref(Btn), {
                       class: "ms-auto",
                       value: "Close",
@@ -34004,8 +34002,8 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                 }, null, 8, ["modelValue", "column-config"])
               ]),
               vue.createElementVNode("div", null, [
-                vue.createElementVNode("p", _hoisted_38, " Showing all " + vue.toDisplayString(previewData.value.length) + " records. You can edit values directly. ", 1),
-                vue.createElementVNode("div", _hoisted_39, [
+                vue.createElementVNode("p", _hoisted_39, " Showing all " + vue.toDisplayString(previewData.value.length) + " records. You can edit values directly. ", 1),
+                vue.createElementVNode("div", _hoisted_40, [
                   vue.createVNode(vue.unref(Btn), {
                     flat: "",
                     thin: "",
@@ -34030,7 +34028,7 @@ ${unmatchedValues.length} values could not be automatically matched.`);
             default: vue.withCtx(() => {
               var _a, _b, _c;
               return [
-                selectedRelatedTransformField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_40, [
+                selectedRelatedTransformField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_41, [
                   vue.createElementVNode("p", null, [
                     _cache[46] || (_cache[46] = vue.createTextVNode("Create transformations for ")),
                     vue.createElementVNode("strong", null, vue.toDisplayString(selectedRelatedTransformField.value.field.label), 1),
@@ -34134,13 +34132,8 @@ ${unmatchedValues.length} values could not be automatically matched.`);
                   ]),
                   vue.createElementVNode("div", null, [
                     vue.createVNode(vue.unref(Btn), {
+                      value: "Close",
                       onClick: _cache[27] || (_cache[27] = ($event) => showRelatedTransformDialog.value = false)
-                    }, {
-                      default: vue.withCtx(() => _cache[48] || (_cache[48] = [
-                        vue.createTextVNode(" Close ")
-                      ])),
-                      _: 1,
-                      __: [48]
                     })
                   ])
                 ])) : vue.createCommentVNode("", true)
@@ -35711,6 +35704,7 @@ const _hoisted_2$3 = {
 };
 const _hoisted_3$3 = ["aria-label", "onClick"];
 const dragThreshold = 10;
+const MAX_EMPTY_REBUILD_ATTEMPTS = 3;
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "Slider",
   props: {
@@ -35745,6 +35739,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const { innerWidth } = useDevice();
     const transformProperty = vue.ref("transform");
     const pointerDown = vue.ref(false);
+    const isBuilding = vue.ref(false);
     const drag = vue.ref({
       startX: 0,
       endX: 0,
@@ -35757,6 +35752,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const linearAnimationFrame = vue.ref(null);
     const isHovering = vue.ref(false);
     const linearOffset = vue.ref(0);
+    const emptyRebuildAttempts = vue.ref(0);
     const perPage = vue.computed(() => {
       if (typeof props2.perPage === "number") {
         return props2.perPage;
@@ -35803,10 +35799,40 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       if (!innerElements.value.length) return 0;
       return config.value.loop ? innerElements.value.length : Math.ceil(innerElements.value.length - perPage.value + 1);
     });
-    vue.onMounted(() => init());
+    vue.ref(false);
+    const slotObserver = vue.ref(null);
+    const isMounted = vue.ref(false);
+    const slotContainer = vue.ref(null);
+    vue.onMounted(() => {
+      isMounted.value = true;
+      vue.nextTick(() => {
+        init();
+      });
+    });
     vue.onBeforeUnmount(() => {
+      isMounted.value = false;
       stopAutoplay();
       detachEvents();
+      if (slotObserver.value) {
+        slotObserver.value.disconnect();
+        slotObserver.value = null;
+      }
+      if (carouselRef.value) {
+        carouselRef.value.innerHTML = "";
+      }
+    });
+    vue.onUpdated(() => {
+      if (isMounted.value && !isBuilding.value && emptyRebuildAttempts.value < MAX_EMPTY_REBUILD_ATTEMPTS) {
+        if (slotContainer.value) {
+          const slotElements = Array.from(slotContainer.value.children);
+          if (slotElements.length !== innerElements.value.length || innerElements.value.length === 0) {
+            innerElements.value = slotElements.map((el) => el.cloneNode(true));
+            vue.nextTick(() => {
+              updateSlider();
+            });
+          }
+        }
+      }
     });
     vue.watch(() => props2, () => {
       resizeHandler();
@@ -35857,10 +35883,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     async function init() {
-      if (!carouselRef.value) return;
+      if (!carouselRef.value || !slotContainer.value || !isMounted.value) return;
       transformProperty.value = webkitOrNot();
       await sleep(10);
-      innerElements.value = Array.from(carouselRef.value.children);
+      innerElements.value = Array.from(slotContainer.value.children).map(
+        (el) => el.cloneNode(true)
+      );
       if (!innerElements.value.length) {
         console.warn("No carousel items found during initialization");
         return;
@@ -35870,7 +35898,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       carouselRef.value.style.overflow = "hidden";
       carouselRef.value.style.direction = config.value.rtl ? "rtl" : "ltr";
       attachEvents();
-      await vue.nextTick();
+      setupSlotObserver();
       buildSliderFrame();
       if (config.value.autoplay !== "disabled") {
         startAutoplay();
@@ -35878,79 +35906,152 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       config.value.onInit();
     }
     function buildSliderFrame() {
-      if (!carouselRef.value) return;
-      if (!innerElements.value.length) {
-        console.warn("No carousel items found");
-        return;
-      }
-      const widthItem = selectorWidth.value / perPage.value;
-      const itemsToBuild = config.value.loop ? innerElements.value.length + 2 * perPage.value : innerElements.value.length;
-      if (!sliderFrame.value) {
-        sliderFrame.value = document.createElement("div");
-      }
-      sliderFrame.value.style.width = `${widthItem * itemsToBuild}px`;
-      enableTransition();
-      if (config.value.draggable && carouselRef.value) {
-        carouselRef.value.style.cursor = "-webkit-grab";
-      }
-      const docFragment = document.createDocumentFragment();
-      if (config.value.loop && innerElements.value.length > 0) {
-        for (let i2 = innerElements.value.length - perPage.value; i2 < innerElements.value.length; i2++) {
-          if (i2 >= 0 && i2 < innerElements.value.length) {
-            const element = buildSliderFrameItem(innerElements.value[i2].cloneNode(true));
-            docFragment.appendChild(element);
+      if (!carouselRef.value || !isMounted.value) return;
+      isBuilding.value = true;
+      try {
+        if (!innerElements.value.length) {
+          console.warn("No carousel items found");
+          emptyRebuildAttempts.value++;
+          isBuilding.value = false;
+          return;
+        }
+        emptyRebuildAttempts.value = 0;
+        const originalCount = innerElements.value.length;
+        const widthItem = selectorWidth.value / perPage.value;
+        const itemsToBuild = config.value.loop ? originalCount + 2 * perPage.value : originalCount;
+        carouselRef.value.innerHTML = "";
+        if (!sliderFrame.value) {
+          sliderFrame.value = document.createElement("div");
+        } else {
+          while (sliderFrame.value.firstChild) {
+            sliderFrame.value.removeChild(sliderFrame.value.firstChild);
+          }
+        }
+        sliderFrame.value.style.width = `${widthItem * itemsToBuild}px`;
+        enableTransition();
+        if (config.value.draggable) {
+          carouselRef.value.style.cursor = "-webkit-grab";
+        }
+        const docFragment = document.createDocumentFragment();
+        if (config.value.loop && innerElements.value.length > 0) {
+          for (let i2 = originalCount - perPage.value; i2 < originalCount; i2++) {
+            if (i2 >= 0 && i2 < originalCount) {
+              const original = innerElements.value[i2];
+              const clone2 = original.cloneNode(true);
+              if (clone2 instanceof HTMLElement) {
+                clone2.setAttribute("data-clone", "before");
+                copyAttributesAndEvents(original, clone2);
+              }
+              const wrapped = buildSliderFrameItem(clone2);
+              docFragment.appendChild(wrapped);
+            }
+          }
+        }
+        for (let i2 = 0; i2 < originalCount; i2++) {
+          const element = innerElements.value[i2];
+          const wrapped = buildSliderFrameItem(element.cloneNode(true));
+          docFragment.appendChild(wrapped);
+        }
+        if (config.value.loop && innerElements.value.length > 0) {
+          for (let i2 = 0; i2 < perPage.value; i2++) {
+            if (i2 >= 0 && i2 < originalCount) {
+              const original = innerElements.value[i2];
+              const clone2 = original.cloneNode(true);
+              if (clone2 instanceof HTMLElement) {
+                clone2.setAttribute("data-clone", "after");
+                copyAttributesAndEvents(original, clone2);
+              }
+              const wrapped = buildSliderFrameItem(clone2);
+              docFragment.appendChild(wrapped);
+            }
           }
         }
+        sliderFrame.value.appendChild(docFragment);
+        carouselRef.value.appendChild(sliderFrame.value);
+        if (currentSlide.value >= innerElements.value.length) {
+          currentSlide.value = Math.max(0, innerElements.value.length - 1);
+        }
+        slideToCurrent();
+      } catch (error) {
+        console.error("Error building slider frame:", error);
+      } finally {
+        isBuilding.value = false;
       }
-      for (let i2 = 0; i2 < innerElements.value.length; i2++) {
-        const element = buildSliderFrameItem(innerElements.value[i2]);
-        docFragment.appendChild(element);
+    }
+    function copyAttributesAndEvents(original, clone2) {
+      if (!(original instanceof HTMLElement) || !(clone2 instanceof HTMLElement)) {
+        return;
       }
-      if (config.value.loop && innerElements.value.length > 0) {
-        for (let i2 = 0; i2 < perPage.value; i2++) {
-          if (i2 >= 0 && i2 < innerElements.value.length) {
-            const element = buildSliderFrameItem(innerElements.value[i2].cloneNode(true));
-            docFragment.appendChild(element);
-          }
+      const allAttrs = original.attributes;
+      for (let i2 = 0; i2 < allAttrs.length; i2++) {
+        const attr = allAttrs[i2];
+        if (attr.name !== "id") {
+          clone2.setAttribute(attr.name, attr.value);
         }
       }
-      if (sliderFrame.value) {
-        sliderFrame.value.innerHTML = "";
-        sliderFrame.value.appendChild(docFragment);
-        if (carouselRef.value) {
-          carouselRef.value.innerHTML = "";
-          carouselRef.value.appendChild(sliderFrame.value);
+      clone2.addEventListener("click", (e) => {
+        if (typeof original.click === "function") {
+          const clickEvent = new MouseEvent("click", {
+            bubbles: true,
+            cancelable: true,
+            view: window
+          });
+          original.dispatchEvent(clickEvent);
+          e.stopPropagation();
+        }
+      });
+      if (original.tagName === "A" && clone2.tagName === "A") {
+        const originalHref = original.getAttribute("href");
+        if (originalHref) {
+          clone2.addEventListener("click", (e) => {
+            e.preventDefault();
+            if (original.onclick) {
+              original.onclick(new MouseEvent("click"));
+            } else {
+              const targetBlank = original.getAttribute("target") === "_blank";
+              if (targetBlank) {
+                window.open(originalHref, "_blank");
+              } else {
+                window.location.href = originalHref;
+              }
+            }
+          });
         }
       }
-      slideToCurrent();
     }
     function buildSliderFrameItem(elm) {
       const elementContainer = document.createElement("div");
       elementContainer.style.cssFloat = config.value.rtl ? "right" : "left";
       elementContainer.style.float = config.value.rtl ? "right" : "left";
       elementContainer.style.padding = config.value.slideGap ? `${config.value.slideGap / 2}rem` : "0";
-      const percentage = config.value.loop ? 100 / (innerElements.value.length + perPage.value * 2) : 100 / innerElements.value.length;
+      const percentage = config.value.loop ? 100 / (innerElements.value.length + 2 * perPage.value) : 100 / innerElements.value.length;
       elementContainer.style.width = `${percentage}%`;
       elementContainer.appendChild(elm);
       return elementContainer;
     }
     function slideToCurrent(enableTransitionFlag) {
-      const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
-      const offset2 = (config.value.rtl ? 1 : -1) * currentSlideValue * (selectorWidth.value / perPage.value);
-      if (enableTransitionFlag && sliderFrame.value) {
-        requestAnimationFrame(() => {
+      try {
+        if (!isMounted.value || !innerElements.value.length || !sliderFrame.value) return;
+        const currentSlideValue = config.value.loop ? currentSlide.value + perPage.value : currentSlide.value;
+        const offset2 = (config.value.rtl ? 1 : -1) * currentSlideValue * (selectorWidth.value / perPage.value);
+        if (enableTransitionFlag && sliderFrame.value) {
           requestAnimationFrame(() => {
-            enableTransition();
-            if (sliderFrame.value) {
+            if (!isMounted.value || !sliderFrame.value) return;
+            requestAnimationFrame(() => {
+              if (!isMounted.value || !sliderFrame.value) return;
+              enableTransition();
               sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
-            }
+            });
           });
-        });
-      } else if (sliderFrame.value) {
-        sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
+        } else if (sliderFrame.value) {
+          sliderFrame.value.style[transformProperty.value] = `translate3d(${offset2}px, 0, 0)`;
+        }
+      } catch (error) {
+        console.error("Error in slideToCurrent:", error);
       }
     }
     function prev(howManySlides = 1) {
+      if (!isMounted.value || isBuilding.value || !innerElements.value.length) return;
       const beforeChange = currentSlide.value;
       if (config.value.loop) {
         const isNewIndexClone = currentSlide.value - howManySlides < 0;
@@ -35980,6 +36081,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function next(howManySlides = 1) {
+      if (!isMounted.value || isBuilding.value || !innerElements.value.length) return;
       const beforeChange = currentSlide.value;
       if (config.value.loop) {
         const isNewIndexClone = currentSlide.value + howManySlides > innerElements.value.length - perPage.value;
@@ -36032,6 +36134,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function updateAfterDrag() {
+      if (!isMounted.value) return;
       const movement = (config.value.rtl ? -1 : 1) * (drag.value.endX - drag.value.startX);
       const movementDistance = Math.abs(movement);
       const howManySliderToSlide = config.value.multipleDrag ? Math.ceil(movementDistance / (selectorWidth.value / perPage.value)) : 1;
@@ -36063,6 +36166,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       };
     }
     function touchstartHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       const target = e.target;
       const ignoreTags = ["TEXTAREA", "OPTION", "INPUT", "SELECT"].includes(target.nodeName);
       if (ignoreTags) {
@@ -36079,8 +36183,30 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       if (isLink || isImage) {
         drag.value.preventClick = false;
       }
+      if (config.value.autoplay === "linear" && sliderFrame.value) {
+        const currentTransform = getComputedStyle(sliderFrame.value)[transformProperty.value];
+        if (currentTransform && currentTransform !== "none") {
+          try {
+            const matrix2 = new DOMMatrix(currentTransform);
+            const currentX = matrix2.m41;
+            const itemWidth = selectorWidth.value / perPage.value;
+            if (config.value.loop) {
+              const totalPosition = Math.abs(currentX);
+              const slidePosition = Math.round(totalPosition / itemWidth) - perPage.value;
+              currentSlide.value = slidePosition >= 0 ? slidePosition % innerElements.value.length : (innerElements.value.length + slidePosition % innerElements.value.length) % innerElements.value.length;
+            } else {
+              const slidePosition = Math.round(Math.abs(currentX) / itemWidth);
+              currentSlide.value = Math.min(Math.max(slidePosition, 0), innerElements.value.length - perPage.value);
+            }
+          } catch (e22) {
+            console.error("Error parsing transform matrix:", e22);
+          }
+        }
+        stopAutoplay();
+      }
     }
     function touchendHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       e.stopPropagation();
       if (isDragging.value) {
         document.addEventListener("click", function preventClickAfterDrag(event) {
@@ -36097,11 +36223,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         updateAfterDrag();
       }
       clearDrag();
-      if (config.value.autoplay !== "disabled") {
+      if (config.value.autoplay !== "disabled" && !isHovering.value && isMounted.value) {
         startAutoplay();
       }
     }
     function touchmoveHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       e.stopPropagation();
       if (drag.value.letItGo === null) {
         drag.value.letItGo = Math.abs(drag.value.startY - e.touches[0].pageY) < Math.abs(drag.value.startX - e.touches[0].pageX);
@@ -36125,6 +36252,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function mousedownHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       const target = e.target;
       const ignoreTags = ["TEXTAREA", "OPTION", "INPUT", "SELECT"].includes(target.nodeName);
       if (ignoreTags) return;
@@ -36139,8 +36267,30 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       if (isLink || isImage) {
         drag.value.preventClick = false;
       }
+      if (config.value.autoplay === "linear" && sliderFrame.value) {
+        const currentTransform = getComputedStyle(sliderFrame.value)[transformProperty.value];
+        if (currentTransform && currentTransform !== "none") {
+          try {
+            const matrix2 = new DOMMatrix(currentTransform);
+            const currentX = matrix2.m41;
+            const itemWidth = selectorWidth.value / perPage.value;
+            if (config.value.loop) {
+              const totalPosition = Math.abs(currentX);
+              const slidePosition = Math.round(totalPosition / itemWidth) - perPage.value;
+              currentSlide.value = slidePosition >= 0 ? slidePosition % innerElements.value.length : (innerElements.value.length + slidePosition % innerElements.value.length) % innerElements.value.length;
+            } else {
+              const slidePosition = Math.round(Math.abs(currentX) / itemWidth);
+              currentSlide.value = Math.min(Math.max(slidePosition, 0), innerElements.value.length - perPage.value);
+            }
+          } catch (e22) {
+            console.error("Error parsing transform matrix:", e22);
+          }
+        }
+        stopAutoplay();
+      }
     }
     function mouseupHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       e.stopPropagation();
       if (isDragging.value) {
         document.addEventListener("click", function preventClickAfterDrag(event) {
@@ -36160,11 +36310,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         updateAfterDrag();
       }
       clearDrag();
-      if (config.value.autoplay !== "disabled" && !isHovering.value) {
+      if (config.value.autoplay !== "disabled" && !isHovering.value && isMounted.value) {
         startAutoplay();
       }
     }
     function mousemoveHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       e.preventDefault();
       if (pointerDown.value) {
         drag.value.endX = e.pageX;
@@ -36187,6 +36338,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function mouseleaveHandler(e) {
+      if (isBuilding.value || !isMounted.value) return;
       if (pointerDown.value) {
         pointerDown.value = false;
         if (carouselRef.value) {
@@ -36200,6 +36352,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function clickHandler2(e) {
+      if (isBuilding.value || !isMounted.value) return;
       if (drag.value.preventClick || isDragging.value) {
         e.preventDefault();
         e.stopPropagation();
@@ -36210,6 +36363,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     }
     function dragstartHandler(e) {
       var _a;
+      if (isBuilding.value || !isMounted.value) return;
       if (config.value.draggable) {
         const target = e.target;
         const isDraggableElement = target.tagName === "IMG" || target.tagName === "A" || ((_a = target.parentElement) == null ? void 0 : _a.tagName) === "A";
@@ -36266,10 +36420,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     async function startAutoplay() {
+      if (!isMounted.value) return;
       stopAutoplay();
       if (config.value.autoplay === "standard") {
         autoplayTimer.value = window.setInterval(() => {
-          if (!isHovering.value) {
+          if (isMounted.value && !isHovering.value && !isBuilding.value) {
             next();
           }
         }, config.value.autoplayInterval);
@@ -36288,9 +36443,15 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function startLinearAutoplay() {
-      linearOffset.value = 0;
+      if (!isMounted.value || !innerElements.value.length) return;
+      const itemWidth = selectorWidth.value / perPage.value;
+      linearOffset.value = currentSlide.value * itemWidth;
       let lastTimestamp = 0;
       const animate = (timestamp2) => {
+        if (!isMounted.value || !sliderFrame.value) {
+          stopAutoplay();
+          return;
+        }
         if (!lastTimestamp) lastTimestamp = timestamp2;
         const elapsed = timestamp2 - lastTimestamp;
         lastTimestamp = timestamp2;
@@ -36300,7 +36461,6 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         }
         const pixelsToMove = elapsed / 1e3 * config.value.autoplaySpeed;
         linearOffset.value += pixelsToMove;
-        const itemWidth = selectorWidth.value / perPage.value;
         const totalWidth = itemWidth * innerElements.value.length;
         if (linearOffset.value >= totalWidth) {
           if (config.value.loop) {
@@ -36308,22 +36468,29 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           } else {
             linearOffset.value = totalWidth - itemWidth;
             stopAutoplay();
-            return;
           }
         }
-        if (sliderFrame.value) {
+        if (sliderFrame.value && !isBuilding.value) {
           const direction = config.value.rtl ? 1 : -1;
           sliderFrame.value.style.transition = "none";
-          sliderFrame.value.style[transformProperty.value] = `translate3d(${direction * linearOffset.value}px, 0, 0)`;
+          let displayOffset = linearOffset.value;
+          if (config.value.loop) {
+            displayOffset = linearOffset.value + perPage.value * itemWidth;
+          }
+          sliderFrame.value.style[transformProperty.value] = `translate3d(${direction * displayOffset}px, 0, 0)`;
         }
         const newSlide = Math.floor(linearOffset.value / itemWidth) % innerElements.value.length;
         if (newSlide !== currentSlide.value) {
           currentSlide.value = newSlide;
           config.value.onChange();
         }
-        linearAnimationFrame.value = requestAnimationFrame(animate);
+        if (isMounted.value) {
+          linearAnimationFrame.value = requestAnimationFrame(animate);
+        }
       };
-      linearAnimationFrame.value = requestAnimationFrame(animate);
+      if (isMounted.value) {
+        linearAnimationFrame.value = requestAnimationFrame(animate);
+      }
     }
     function mouseenterHandler() {
       isHovering.value = true;
@@ -36339,6 +36506,91 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         startAutoplay();
       }
     }
+    function setupSlotObserver() {
+      if (!slotContainer.value || slotObserver.value) return;
+      slotObserver.value = new MutationObserver((mutations) => {
+        if (isBuilding.value || !isMounted.value || emptyRebuildAttempts.value >= MAX_EMPTY_REBUILD_ATTEMPTS) {
+          return;
+        }
+        let needsRebuild = false;
+        for (const mutation of mutations) {
+          if (mutation.type === "childList") {
+            needsRebuild = true;
+            break;
+          }
+        }
+        if (needsRebuild) {
+          vue.nextTick(() => {
+            if (isMounted.value && slotContainer.value) {
+              innerElements.value = Array.from(slotContainer.value.children).map(
+                (el) => el.cloneNode(true)
+              );
+              updateSlider();
+            }
+          });
+        }
+      });
+      slotObserver.value.observe(slotContainer.value, {
+        childList: true,
+        subtree: false,
+        attributes: false,
+        characterData: false
+      });
+    }
+    function updateSlider() {
+      if (!carouselRef.value || !slotContainer.value || isBuilding.value || !isMounted.value) return;
+      if (emptyRebuildAttempts.value >= MAX_EMPTY_REBUILD_ATTEMPTS) {
+        console.warn("Too many rebuild attempts with no items, stopping");
+        return;
+      }
+      try {
+        if (slotObserver.value) {
+          slotObserver.value.disconnect();
+        }
+        const slotElements = Array.from(slotContainer.value.children).map((el) => el.cloneNode(true));
+        if (slotElements.length > 0 || innerElements.value.length > 0 && emptyRebuildAttempts.value === 0) {
+          const previousCount = innerElements.value.length;
+          innerElements.value = slotElements;
+          if (currentSlide.value >= innerElements.value.length) {
+            currentSlide.value = Math.max(0, innerElements.value.length - 1);
+          }
+          const isInitialPopulation = previousCount === 0 && slotElements.length > 0;
+          const wasAutoplay = config.value.autoplay !== "disabled";
+          if (wasAutoplay) {
+            stopAutoplay();
+          }
+          buildSliderFrame();
+          if (wasAutoplay && !isHovering.value && innerElements.value.length > 0) {
+            setTimeout(() => {
+              startAutoplay();
+            }, 50);
+          }
+        }
+      } catch (error) {
+        console.error("Error updating slider:", error);
+      } finally {
+        if (slotObserver.value && slotContainer.value) {
+          slotObserver.value.observe(slotContainer.value, {
+            childList: true,
+            subtree: false,
+            attributes: false,
+            characterData: false
+          });
+        }
+      }
+    }
+    function resetSlider() {
+      emptyRebuildAttempts.value = 0;
+      if (slotContainer.value) {
+        const slotElements = Array.from(slotContainer.value.children).map((el) => el.cloneNode(true));
+        if (slotElements.length > 0) {
+          innerElements.value = slotElements;
+          vue.nextTick(() => {
+            buildSliderFrame();
+          });
+        }
+      }
+    }
     __expose({
       prev,
       next,
@@ -36350,17 +36602,25 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       destroy: destroy2,
       currentSlide,
       pauseAutoplay,
-      resumeAutoplay
+      resumeAutoplay,
+      updateSlider,
+      resetSlider
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
         vue.createElementVNode("div", {
-          ref_key: "carouselRef",
-          ref: carouselRef,
-          class: "carousel-container"
+          ref_key: "slotContainer",
+          ref: slotContainer,
+          class: "carousel-slot-container",
+          style: { "display": "none" }
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 512),
+        vue.createElementVNode("div", {
+          ref_key: "carouselRef",
+          ref: carouselRef,
+          class: "carousel-container"
+        }, null, 512),
         props2.dots && totalDots.value > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(totalDots.value, (i2) => {
             return vue.openBlock(), vue.createElementBlock("button", {
@@ -36376,7 +36636,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fee6ed49"]]);
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7225d57d"]]);
 const _hoisted_1$4 = { class: "stickyTop" };
 const _hoisted_2$2 = {
   key: 0,
@@ -38260,7 +38520,7 @@ const _hoisted_1 = {
   key: 0,
   class: "navigation flex space-between px-3 w-100 absolute m_px-1 m_none z-9"
 };
-const _hoisted_2 = { class: "flex start fixed top-1 w-100 space-between px-1" };
+const _hoisted_2 = { class: "flex start fixed top-1 w-100 space-between px-1 z-9" };
 const _hoisted_3 = {
   key: 0,
   class: "center"
@@ -39617,7 +39877,19 @@ function searchItems(params) {
     const relevance = calculateItemRelevance(item);
     return [item, relevance];
   });
-  return scoredItems.filter(([, score]) => score > 0).sort(([, scoreA], [, scoreB]) => scoreB - scoreA).map(([item]) => item);
+  const nonZeroItems = scoredItems.filter(([, score]) => score > 0);
+  let filteredItems = nonZeroItems;
+  if (nonZeroItems.length > 0) {
+    const maxScore = Math.max(...nonZeroItems.map(([, score]) => score));
+    if (maxScore > 5) {
+      const threshold = maxScore * 0.25;
+      filteredItems = nonZeroItems.filter(([, score]) => score >= threshold);
+    } else if (maxScore > 2) {
+      const threshold = maxScore * 0.15;
+      filteredItems = nonZeroItems.filter(([, score]) => score >= threshold);
+    }
+  }
+  return filteredItems.sort(([, scoreA], [, scoreB]) => scoreB - scoreA).map(([item]) => item);
 }
 function useSearch(params) {
   const { searchTerm, minChars = 2, serverSearch, debounceMs = 300 } = params;