@bagelink/vue 0.0.280 → 0.0.284

package/dist/index.mjs

@@ -17176,7 +17176,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$G = { class: "full-nav" };
-const _hoisted_2$z = { class: "nav-scroll" };
+const _hoisted_2$x = { class: "nav-scroll" };
 const _hoisted_3$p = { class: "nav-links-wrapper" };
 const _hoisted_4$j = { class: "tooltip" };
 const _hoisted_5$g = { class: "bot-buttons-wrapper" };
@@ -17211,7 +17211,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           })
         ], 32),
         createElementVNode("div", _hoisted_1$G, [
-          createElementVNode("div", _hoisted_2$z, [
+          createElementVNode("div", _hoisted_2$x, [
             createElementVNode("div", _hoisted_3$p, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -17273,7 +17273,7 @@ const _hoisted_1$F = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$y = {
+const _hoisted_2$w = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -17363,7 +17363,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : (openBlock(), createElementBlock("div", _hoisted_2$w, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$C), {
               key: 0,
               icon: _ctx.icon
@@ -17385,7 +17385,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-7a7625e7"]]);
 const _hoisted_1$E = { class: "tool-bar" };
-const _hoisted_2$x = { class: "modal-footer mt-3" };
+const _hoisted_2$v = { class: "modal-footer mt-3" };
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
@@ -17440,7 +17440,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               }, null, 8, ["label"])) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "default"),
-            createElementVNode("footer", _hoisted_2$x, [
+            createElementVNode("footer", _hoisted_2$v, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
                 return openBlock(), createBlock(unref(Btn), mergeProps({
                   key: i2,
@@ -17567,7 +17567,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-dca6fe18"]]);
 const _hoisted_1$D = { class: "accordion-item" };
-const _hoisted_2$w = ["aria-expanded", "aria-controls"];
+const _hoisted_2$u = ["aria-expanded", "aria-controls"];
 const _hoisted_3$o = { class: "accordion-label" };
 const _hoisted_4$i = ["id", "aria-hidden"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
@@ -17607,7 +17607,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$C), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$w),
+        ], 8, _hoisted_2$u),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(open) ? (openBlock(), createElementBlock("div", {
@@ -17627,7 +17627,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-41718a1b"]]);
 const _hoisted_1$C = { class: "card list-view grid thin" };
-const _hoisted_2$v = { class: "list-header flex gap-3 align-items-top" };
+const _hoisted_2$t = { class: "list-header flex gap-3 align-items-top" };
 const _hoisted_3$n = {
   key: 0,
   class: "bagel-input search-wrap"
@@ -17651,7 +17651,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        createElementVNode("div", _hoisted_2$v, [
+        createElementVNode("div", _hoisted_2$t, [
           _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
             withDirectives(createElementVNode("input", {
               placeholder: _ctx.searchPlaceholder,
@@ -17679,7 +17679,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$B = { class: "txt16 no-margin ellipsis" };
-const _hoisted_2$u = { class: "txt14 no-margin txtgray ellipsis" };
+const _hoisted_2$s = { class: "txt14 no-margin txtgray ellipsis" };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
@@ -17708,7 +17708,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("p", _hoisted_2$u, [
+            createElementVNode("p", _hoisted_2$s, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -17720,7 +17720,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$A = { class: "card tabs-top" };
-const _hoisted_2$t = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_2$r = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$m = ["onClick"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "TabbedLayout",
@@ -17759,7 +17759,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1$A, [
           renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          createElementVNode("div", _hoisted_2$t, [
+          createElementVNode("div", _hoisted_2$r, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tabs, (tab) => {
               var _a2;
               return openBlock(), createElementBlock("div", {
@@ -17786,7 +17786,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-09fce741"]]);
 const _hoisted_1$z = { class: "comments-wrap" };
-const _hoisted_2$s = { class: "comment-list" };
+const _hoisted_2$q = { class: "comment-list" };
 const _hoisted_3$l = { class: "comment-top" };
 const _hoisted_4$g = { class: "comment-owner" };
 const _hoisted_5$e = { class: "comment-time" };
@@ -17837,7 +17837,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$z, [
-        createElementVNode("div", _hoisted_2$s, [
+        createElementVNode("div", _hoisted_2$q, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(comments), (comment) => {
             var _a2, _b, _c;
             return openBlock(), createElementBlock("div", {
@@ -17907,7 +17907,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 });
 const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c4b41dc0"]]);
 const _hoisted_1$y = { class: "page-top" };
-const _hoisted_2$r = { class: "top-title" };
+const _hoisted_2$p = { class: "top-title" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
@@ -17919,7 +17919,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$y, [
-        createElementVNode("h1", _hoisted_2$r, [
+        createElementVNode("h1", _hoisted_2$p, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -17928,7 +17928,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$x = { class: "table-list-wrap h-100" };
-const _hoisted_2$q = { class: "infinite-wrapper" };
+const _hoisted_2$o = { class: "infinite-wrapper" };
 const _hoisted_3$k = { class: "row first-row" };
 const _hoisted_4$f = ["onClick"];
 const _hoisted_5$d = { class: "flex" };
@@ -17969,7 +17969,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$x, [
-        createElementVNode("table", _hoisted_2$q, [
+        createElementVNode("table", _hoisted_2$o, [
           createElementVNode("thead", _hoisted_3$k, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
               return openBlock(), createElementBlock("th", {
@@ -18062,7 +18062,7 @@ const _hoisted_1$v = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$p = {
+const _hoisted_2$n = {
   key: 0,
   class: "data-row"
 };
@@ -18093,7 +18093,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
               createElementVNode("div", _hoisted_3$j, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
               createVNode(unref(_sfc_main$g), {
                 field,
@@ -18208,11 +18208,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = {
-  key: 0,
-  type: "hidden"
-};
-const _hoisted_2$o = ["onClick"];
+const _hoisted_1$t = ["onClick"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ComboBox",
   props: {
@@ -18226,9 +18222,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     let open = ref(false);
-    let selectedItem = ref();
     const searchInput = ref(null);
     const props2 = __props;
+    let selectedItem = ref();
     let search = ref("");
     const toggle = () => {
       open.value = !open.value;
@@ -18283,6 +18279,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       emit2("update:modelValue", selectedItem.value);
       open.value = false;
     };
+    watch(() => props2.modelValue, (value) => {
+      if (value !== selectedItem.value)
+        selectedItem.value = value;
+    }, { immediate: true });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(kt$1), {
         placement: "auto-start",
@@ -18302,7 +18302,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 placeholder: "Search",
                 icon: "search",
                 modelValue: unref(search),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(search) ? search.value = $event : search = $event)
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(search) ? search.value = $event : search = $event)
               }, null, 8, ["modelValue"])) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(filteredOptions.value, (option2, i2) => {
                 return openBlock(), createElementBlock("div", {
@@ -18318,7 +18318,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     key: 0,
                     icon: "check"
                   })) : createCommentVNode("", true)
-                ], 10, _hoisted_2$o);
+                ], 10, _hoisted_1$t);
               }), 128))
             ]),
             _: 2
@@ -18326,23 +18326,31 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         ]),
         default: withCtx(() => [
           createElementVNode("button", {
+            type: "button",
             class: "combobox-btn",
             onClick: toggle
           }, [
             createTextVNode(toDisplayString(valueToLabel(unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
             createVNode(unref(_sfc_main$C), normalizeProps(guardReactiveProps({ "icon": unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
           ]),
-          _ctx.required ? (openBlock(), createElementBlock("input", _hoisted_1$t)) : createCommentVNode("", true)
+          _ctx.required ? withDirectives((openBlock(), createElementBlock("input", {
+            key: 0,
+            style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedItem) ? selectedItem.value = $event : selectedItem = $event),
+            required: ""
+          }, null, 512)), [
+            [vModelText, unref(selectedItem)]
+          ]) : createCommentVNode("", true)
         ]),
         _: 1
       });
     };
   }
 });
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-32f19dd0"]]);
+const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ceeb5855"]]);
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-fe5af582"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$s = { class: "bar-chart" };
-const _hoisted_2$n = {
+const _hoisted_2$m = {
   key: 0,
   class: "group-wrap"
 };
@@ -18413,7 +18421,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             class: "graph-wrap",
             key: i2
           }, [
-            item.group ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
+            item.group ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
               createElementVNode("p", _hoisted_3$i, toDisplayString(item.group), 1),
               (openBlock(true), createElementBlock(Fragment$1, null, renderList((item == null ? void 0 : item.data) || [], (nested, i22) => {
                 return openBlock(), createElementBlock("div", {
@@ -18650,7 +18658,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-e8219826"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$q = ["title"];
-const _hoisted_2$m = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$l = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
   viewBox: "0 -960 960 960",
@@ -18659,7 +18667,7 @@ const _hoisted_2$m = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   /* @__PURE__ */ createElementVNode("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" })
 ], -1));
 const _hoisted_3$h = [
-  _hoisted_2$m
+  _hoisted_2$l
 ];
 const _hoisted_4$c = ["required", "id"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
@@ -27313,7 +27321,7 @@ Object.entries(Mo).forEach(([e, t]) => {
   e !== "default" && (Va[e] = t);
 });
 const _hoisted_1$p = ["title"];
-const _hoisted_2$l = { key: 0 };
+const _hoisted_2$k = { key: 0 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
@@ -27351,7 +27359,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$k, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createVNode(unref(Va), mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -27365,7 +27373,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$o = ["title"];
-const _hoisted_2$k = { key: 0 };
+const _hoisted_2$j = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
@@ -27390,7 +27398,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$k, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$j, [
           createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         createElementVNode("textarea", {
@@ -28395,7 +28403,7 @@ const _hoisted_1$n = {
   ref: "tags",
   class: "multiselect__tags"
 };
-const _hoisted_2$j = { class: "multiselect__tags-wrap" };
+const _hoisted_2$i = { class: "multiselect__tags-wrap" };
 const _hoisted_3$f = { class: "multiselect__spinner" };
 const _hoisted_4$b = { key: 0 };
 const _hoisted_5$a = { class: "multiselect__option" };
@@ -28443,7 +28451,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
         }, () => [
           withDirectives(createVNode(
             "div",
-            _hoisted_2$j,
+            _hoisted_2$i,
             [
               (openBlock(true), createBlock(
                 Fragment$1,
@@ -28709,8 +28717,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script$e.render = render$e;
 const Multiselect = script$e;
-const _hoisted_1$m = { class: "pb-1" };
-const _hoisted_2$i = ["for"];
+const _hoisted_1$m = ["for"];
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "SelectInput",
   props: {
@@ -28750,7 +28757,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     }
     watch(() => props2.options, updateOptionList, { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", null, [
         createElementVNode("label", {
           class: "txt-start",
           for: _ctx.id
@@ -28769,7 +28776,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => seletValue.value = $event),
             "close-on-select": true
           }, _ctx.extraProps), null, 16, ["id", "options", "required", "placeholder", "modelValue"])
-        ], 8, _hoisted_2$i)
+        ], 8, _hoisted_1$m)
       ]);
     };
   }