@bagelink/vue 0.0.346 → 0.0.350

package/dist/components/Btn.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAqBA;AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2U9D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAuBA;AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiV9D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Carousel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAiBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkXA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA0BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwYA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/form/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AA2BA;AAIA,OAAO,wBAAwB,CAAC;AAOhC,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgYhG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AA6DA;AAIA,OAAO,wBAAwB,CAAC;AAKhC,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Z7C,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/form/inputs/index.d.ts

@@ -11,4 +11,5 @@ export { default as RadioPillsInput } from './RadioPillsInput.vue';
 export { default as FileUpload } from './FileUpload.vue';
 export { default as ToggleInput } from './ToggleInput.vue';
 export { default as RichText } from './RichText.vue';
+export { Dropdown } from 'floating-vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.cjs

@@ -5148,8 +5148,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "f1f27722": computedBackgroundColor.value,
-      "b7042aec": cumputedTextColor.value
+      "1c54b131": computedBackgroundColor.value,
+      "12e510cc": cumputedTextColor.value
     }));
     const slots = vue.useSlots();
     const props2 = __props;
@@ -5175,6 +5175,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     }
     const themes = {
       red: getThemeColors({ backgroundColor: "var(--bgl-red)" }),
+      white: getThemeColors({ backgroundColor: "var(--bgl-white)" }),
       black: getThemeColors({ backgroundColor: "var(--bgl-black)" }),
       green: getThemeColors({ backgroundColor: "var(--bgl-green)", color: "var(--bgl-white)" }),
       primary: getThemeColors({ backgroundColor: "var(--bgl-primary)", color: "var(--bgl-white)" }),
@@ -5232,7 +5233,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-0c8d9a95"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d09a83c5"]]);
 const _hoisted_1$C = { class: "tool-bar" };
 const _hoisted_2$t = { class: "modal-footer mt-3" };
 const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
@@ -6052,13 +6053,17 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       if (!bglSlider.value || index2 < 0 || index2 > bglSlider.value.children.length - 1)
         return;
       const slider = bglSlider.value;
-      const scrollX = slider.offsetWidth * index2;
+      const isRTL = getComputedStyle(bglSlider.value).direction === "rtl";
+      const scrollX = slider.offsetWidth * index2 * (isRTL ? -1 : 1);
       slider.scrollTo({ left: scrollX, behavior: "smooth" });
       activeSlideIndex.value = index2;
       evalHeight();
     };
     vue.watch(() => props2.index, goToSlide);
-    vue.watch(activeSlideIndex.value, (index2) => emit2("update:index", index2));
+    vue.watch(
+      () => activeSlideIndex.value,
+      (index2) => emit2("update:index", index2)
+    );
     const scrollEnd = () => {
       const slider = bglSlider.value;
       if (!slider || props2.items !== 1)
@@ -6142,7 +6147,12 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle({ height: vue.unref(yHeight) })
       }, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass([{ dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${__props.items}`]: true, allowScroll: __props.allowScroll }, "bgl-slider"]),
+          class: vue.normalizeClass([{
+            dragging: vue.unref(isDragging),
+            clicking: vue.unref(isPressed),
+            [`slides-${__props.items}`]: true,
+            allowScroll: __props.allowScroll
+          }, "bgl-slider"]),
           onScrollend: scrollEnd,
           onMousedown: startDragging,
           ref_key: "bglSlider",
@@ -6163,7 +6173,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-7e8d16cb"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-068aa914"]]);
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
@@ -15144,13 +15154,17 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       open.value = visible;
       if (!open.value)
         search.value = "";
-      else
-        setTimeout(() => {
-          var _a2, _b, _c;
-          return (_c = (_b = (_a2 = searchInput.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.querySelector("input")) == null ? void 0 : _c.focus();
-        }, 100);
+      else {
+        setTimeout(
+          () => {
+            var _a2, _b, _c;
+            return (_c = (_b = (_a2 = searchInput.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.querySelector("input")) == null ? void 0 : _c.focus();
+          },
+          100
+        );
+      }
     }
-    const selecteLabel = vue.computed(() => {
+    const selectedLabel = vue.computed(() => {
       if (selectedItems.value.length === 0)
         return props2.placeholder || "Select";
       if (selectedItems.value.length > 4) {
@@ -15174,38 +15188,32 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         return option2;
       return option2.value;
     };
-    const isSelected = (option2) => selectedItems.value.includes(getValue(option2));
+    const isSelected = (option2) => !!selectedItems.value.find((item) => getValue(option2) === getValue(item));
     const filteredOptions = vue.computed(() => props2.options.filter((option2) => {
       const searchTerm = new RegExp(search.value, "gi");
-      if (typeof option2 === "string")
-        return option2.match(searchTerm);
-      if (typeof option2 === "number")
-        return `${option2}`.match(searchTerm);
-      return option2.label.match(searchTerm);
+      return Boolean(option2) && (getLabel(option2).match(searchTerm) || getValue(option2).match(searchTerm));
     }));
     const select2 = (option2) => {
       var _a2;
-      const existingIndex = selectedItems.value.findIndex((item) => {
-        if (typeof item === "string" || typeof item === "number")
-          return item === option2;
-        return item.value === option2;
-      });
+      const existingIndex = selectedItems.value.findIndex((item) => getValue(item) === getValue(option2));
       if (existingIndex > -1)
         selectedItems.value.splice(existingIndex, 1);
       else if (props2.multiselect) {
-        selectedItems.value.push(getValue(option2));
+        selectedItems.value.push(option2);
       } else {
-        selectedItems.value.splice(0, selectedItems.value.length, getValue(option2));
-        (_a2 = dropdown.value) == null ? void 0 : _a2.hide();
+        selectedItems.value.splice(0, selectedItems.value.length, option2);
       }
+      if (!props2.multiselect)
+        (_a2 = dropdown.value) == null ? void 0 : _a2.hide();
       emitUpdate();
     };
     function emitUpdate() {
       if (props2.multiselect) {
-        emit2("update:modelValue", selectedItems.value);
+        emit2("update:modelValue", selectedItems.value.map(getValue));
       } else {
-        selectedItems.value.splice(1, selectedItems.value.length);
-        emit2("update:modelValue", selectedItems.value[0]);
+        selectedItems.value.splice(1, selectedItems.value.length - 1);
+        const [item] = selectedItems.value;
+        emit2("update:modelValue", item ? getValue(item) : null);
       }
     }
     function compareArrays(arr1, arr2) {
@@ -15228,6 +15236,19 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
+    vue.watch(() => props2.options, () => {
+      const original = JSON.stringify(selectedItems.value);
+      [...selectedItems.value].forEach((option2, i2) => {
+        const exists = props2.options.find((o2) => getValue(o2) === getValue(option2));
+        if (!exists)
+          selectedItems.value.splice(i2, 1);
+        else
+          selectedItems.value.splice(i2, 1, exists);
+      });
+      const newSelection = JSON.stringify(selectedItems.value);
+      if (original !== newSelection)
+        emitUpdate();
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
         onHide: _cache[3] || (_cache[3] = ($event) => updateOpen(false)),
@@ -15282,11 +15303,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true)),
               disabled: _ctx.disabled,
               type: "button",
-              class: "selectinput-btn"
+              class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItems.value.length === 0 }])
             }, [
-              vue.createTextVNode(vue.toDisplayString(selecteLabel.value) + " ", 1),
-              vue.createVNode(vue.unref(_sfc_main$H), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
-            ], 8, _hoisted_1$m),
+              vue.createElementVNode("p", null, vue.toDisplayString(selectedLabel.value), 1),
+              vue.createVNode(vue.unref(_sfc_main$H), vue.normalizeProps(vue.guardReactiveProps({ icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            ], 10, _hoisted_1$m),
             _ctx.required ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
               style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
@@ -15302,7 +15323,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-b6223039"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8235eff6"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -45903,6 +45924,7 @@ exports.ColorPicker = _sfc_main$d;
 exports.DataPreview = DataPreview;
 exports.DateInput = _sfc_main$j;
 exports.DatePicker = _sfc_main$c;
+exports.Dropdown = kt$1;
 exports.FileUpload = FileUpload;
 exports.Icon = _sfc_main$H;
 exports.JSONInput = JSONInput;

package/dist/index.mjs

@@ -5146,8 +5146,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "f1f27722": computedBackgroundColor.value,
-      "b7042aec": cumputedTextColor.value
+      "1c54b131": computedBackgroundColor.value,
+      "12e510cc": cumputedTextColor.value
     }));
     const slots = useSlots();
     const props2 = __props;
@@ -5173,6 +5173,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     }
     const themes = {
       red: getThemeColors({ backgroundColor: "var(--bgl-red)" }),
+      white: getThemeColors({ backgroundColor: "var(--bgl-white)" }),
       black: getThemeColors({ backgroundColor: "var(--bgl-black)" }),
       green: getThemeColors({ backgroundColor: "var(--bgl-green)", color: "var(--bgl-white)" }),
       primary: getThemeColors({ backgroundColor: "var(--bgl-primary)", color: "var(--bgl-white)" }),
@@ -5230,7 +5231,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-0c8d9a95"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d09a83c5"]]);
 const _hoisted_1$C = { class: "tool-bar" };
 const _hoisted_2$t = { class: "modal-footer mt-3" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
@@ -6050,13 +6051,17 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (!bglSlider.value || index2 < 0 || index2 > bglSlider.value.children.length - 1)
         return;
       const slider = bglSlider.value;
-      const scrollX = slider.offsetWidth * index2;
+      const isRTL = getComputedStyle(bglSlider.value).direction === "rtl";
+      const scrollX = slider.offsetWidth * index2 * (isRTL ? -1 : 1);
       slider.scrollTo({ left: scrollX, behavior: "smooth" });
       activeSlideIndex.value = index2;
       evalHeight();
     };
     watch(() => props2.index, goToSlide);
-    watch(activeSlideIndex.value, (index2) => emit2("update:index", index2));
+    watch(
+      () => activeSlideIndex.value,
+      (index2) => emit2("update:index", index2)
+    );
     const scrollEnd = () => {
       const slider = bglSlider.value;
       if (!slider || props2.items !== 1)
@@ -6140,7 +6145,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ height: unref(yHeight) })
       }, [
         createElementVNode("div", {
-          class: normalizeClass([{ dragging: unref(isDragging), clicking: unref(isPressed), [`slides-${__props.items}`]: true, allowScroll: __props.allowScroll }, "bgl-slider"]),
+          class: normalizeClass([{
+            dragging: unref(isDragging),
+            clicking: unref(isPressed),
+            [`slides-${__props.items}`]: true,
+            allowScroll: __props.allowScroll
+          }, "bgl-slider"]),
           onScrollend: scrollEnd,
           onMousedown: startDragging,
           ref_key: "bglSlider",
@@ -6161,7 +6171,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-7e8d16cb"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-068aa914"]]);
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
@@ -15142,13 +15152,17 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       open.value = visible;
       if (!open.value)
         search.value = "";
-      else
-        setTimeout(() => {
-          var _a2, _b, _c;
-          return (_c = (_b = (_a2 = searchInput.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.querySelector("input")) == null ? void 0 : _c.focus();
-        }, 100);
+      else {
+        setTimeout(
+          () => {
+            var _a2, _b, _c;
+            return (_c = (_b = (_a2 = searchInput.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.querySelector("input")) == null ? void 0 : _c.focus();
+          },
+          100
+        );
+      }
     }
-    const selecteLabel = computed(() => {
+    const selectedLabel = computed(() => {
       if (selectedItems.value.length === 0)
         return props2.placeholder || "Select";
       if (selectedItems.value.length > 4) {
@@ -15172,38 +15186,32 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         return option2;
       return option2.value;
     };
-    const isSelected = (option2) => selectedItems.value.includes(getValue(option2));
+    const isSelected = (option2) => !!selectedItems.value.find((item) => getValue(option2) === getValue(item));
     const filteredOptions = computed(() => props2.options.filter((option2) => {
       const searchTerm = new RegExp(search.value, "gi");
-      if (typeof option2 === "string")
-        return option2.match(searchTerm);
-      if (typeof option2 === "number")
-        return `${option2}`.match(searchTerm);
-      return option2.label.match(searchTerm);
+      return Boolean(option2) && (getLabel(option2).match(searchTerm) || getValue(option2).match(searchTerm));
     }));
     const select2 = (option2) => {
       var _a2;
-      const existingIndex = selectedItems.value.findIndex((item) => {
-        if (typeof item === "string" || typeof item === "number")
-          return item === option2;
-        return item.value === option2;
-      });
+      const existingIndex = selectedItems.value.findIndex((item) => getValue(item) === getValue(option2));
       if (existingIndex > -1)
         selectedItems.value.splice(existingIndex, 1);
       else if (props2.multiselect) {
-        selectedItems.value.push(getValue(option2));
+        selectedItems.value.push(option2);
       } else {
-        selectedItems.value.splice(0, selectedItems.value.length, getValue(option2));
-        (_a2 = dropdown.value) == null ? void 0 : _a2.hide();
+        selectedItems.value.splice(0, selectedItems.value.length, option2);
       }
+      if (!props2.multiselect)
+        (_a2 = dropdown.value) == null ? void 0 : _a2.hide();
       emitUpdate();
     };
     function emitUpdate() {
       if (props2.multiselect) {
-        emit2("update:modelValue", selectedItems.value);
+        emit2("update:modelValue", selectedItems.value.map(getValue));
       } else {
-        selectedItems.value.splice(1, selectedItems.value.length);
-        emit2("update:modelValue", selectedItems.value[0]);
+        selectedItems.value.splice(1, selectedItems.value.length - 1);
+        const [item] = selectedItems.value;
+        emit2("update:modelValue", item ? getValue(item) : null);
       }
     }
     function compareArrays(arr1, arr2) {
@@ -15226,6 +15234,19 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    watch(() => props2.options, () => {
+      const original = JSON.stringify(selectedItems.value);
+      [...selectedItems.value].forEach((option2, i2) => {
+        const exists = props2.options.find((o2) => getValue(o2) === getValue(option2));
+        if (!exists)
+          selectedItems.value.splice(i2, 1);
+        else
+          selectedItems.value.splice(i2, 1, exists);
+      });
+      const newSelection = JSON.stringify(selectedItems.value);
+      if (original !== newSelection)
+        emitUpdate();
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(kt$1), {
         onHide: _cache[3] || (_cache[3] = ($event) => updateOpen(false)),
@@ -15280,11 +15301,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true)),
               disabled: _ctx.disabled,
               type: "button",
-              class: "selectinput-btn"
+              class: normalizeClass(["selectinput-btn", { isEmpty: selectedItems.value.length === 0 }])
             }, [
-              createTextVNode(toDisplayString(selecteLabel.value) + " ", 1),
-              createVNode(unref(_sfc_main$H), normalizeProps(guardReactiveProps({ "icon": unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
-            ], 8, _hoisted_1$m),
+              createElementVNode("p", null, toDisplayString(selectedLabel.value), 1),
+              createVNode(unref(_sfc_main$H), normalizeProps(guardReactiveProps({ icon: unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            ], 10, _hoisted_1$m),
             _ctx.required ? withDirectives((openBlock(), createElementBlock("input", {
               key: 0,
               style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
@@ -15300,7 +15321,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-b6223039"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8235eff6"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -45902,6 +45923,7 @@ export {
   DataPreview,
   _sfc_main$j as DateInput,
   _sfc_main$c as DatePicker,
+  kt$1 as Dropdown,
   FileUpload,
   _sfc_main$H as Icon,
   JSONInput,