@bagelink/vue 0.0.280 → 0.0.282

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.vue.d.ts","sourceRoot":"","sources":["../../src/components/ComboBox.vue"],"names":[],"mappings":"AAyBA;AAGA,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;;aAmRrF,MAAM,EAAE;;;;;;;;;aAAR,MAAM,EAAE;;;;;;;;;AANnB,wBAcG;AACH,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"}
+{"version":3,"file":"ComboBox.vue.d.ts","sourceRoot":"","sources":["../../src/components/ComboBox.vue"],"names":[],"mappings":"AAwBA;AAGA,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;;aAkRtF,MAAM,EAAE;;;;;;;;;aAAR,MAAM,EAAE;;;;;;;;;AANlB,wBAcG;AACH,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"}

package/dist/index.cjs

@@ -17178,7 +17178,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$G = { class: "full-nav" };
-const _hoisted_2$z = { class: "nav-scroll" };
+const _hoisted_2$y = { 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" };
@@ -17213,7 +17213,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           })
         ], 32),
         vue.createElementVNode("div", _hoisted_1$G, [
-          vue.createElementVNode("div", _hoisted_2$z, [
+          vue.createElementVNode("div", _hoisted_2$y, [
             vue.createElementVNode("div", _hoisted_3$p, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -17275,7 +17275,7 @@ const _hoisted_1$F = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$y = {
+const _hoisted_2$x = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -17365,7 +17365,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
               key: 0,
               icon: _ctx.icon
@@ -17387,7 +17387,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.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$w = { class: "modal-footer mt-3" };
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
@@ -17442,7 +17442,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["label"])) : vue.createCommentVNode("", true)
             ]),
             vue.renderSlot(_ctx.$slots, "default"),
-            vue.createElementVNode("footer", _hoisted_2$x, [
+            vue.createElementVNode("footer", _hoisted_2$w, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                   key: i2,
@@ -17569,7 +17569,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.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$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$o = { class: "accordion-label" };
 const _hoisted_4$i = ["id", "aria-hidden"];
 const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
@@ -17609,7 +17609,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$C), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$w),
+        ], 8, _hoisted_2$v),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(open) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -17629,7 +17629,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.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$u = { class: "list-header flex gap-3 align-items-top" };
 const _hoisted_3$n = {
   key: 0,
   class: "bagel-input search-wrap"
@@ -17653,7 +17653,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
-        vue.createElementVNode("div", _hoisted_2$v, [
+        vue.createElementVNode("div", _hoisted_2$u, [
           _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n, [
             vue.withDirectives(vue.createElementVNode("input", {
               placeholder: _ctx.searchPlaceholder,
@@ -17681,7 +17681,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$B = { class: "txt16 no-margin ellipsis" };
-const _hoisted_2$u = { class: "txt14 no-margin txtgray ellipsis" };
+const _hoisted_2$t = { class: "txt14 no-margin txtgray ellipsis" };
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
@@ -17710,7 +17710,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$u, [
+            vue.createElementVNode("p", _hoisted_2$t, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -17722,7 +17722,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$A = { class: "card tabs-top" };
-const _hoisted_2$t = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_2$s = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$m = ["onClick"];
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
@@ -17761,7 +17761,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", _hoisted_1$A, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_2$t, [
+          vue.createElementVNode("div", _hoisted_2$s, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               var _a2;
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -17788,7 +17788,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.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$r = { class: "comment-list" };
 const _hoisted_3$l = { class: "comment-top" };
 const _hoisted_4$g = { class: "comment-owner" };
 const _hoisted_5$e = { class: "comment-time" };
@@ -17839,7 +17839,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
-        vue.createElementVNode("div", _hoisted_2$s, [
+        vue.createElementVNode("div", _hoisted_2$r, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(comments), (comment) => {
             var _a2, _b, _c;
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -17909,7 +17909,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.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$q = { class: "top-title" };
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
@@ -17921,7 +17921,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
-        vue.createElementVNode("h1", _hoisted_2$r, [
+        vue.createElementVNode("h1", _hoisted_2$q, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -17930,7 +17930,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$x = { class: "table-list-wrap h-100" };
-const _hoisted_2$q = { class: "infinite-wrapper" };
+const _hoisted_2$p = { class: "infinite-wrapper" };
 const _hoisted_3$k = { class: "row first-row" };
 const _hoisted_4$f = ["onClick"];
 const _hoisted_5$d = { class: "flex" };
@@ -17971,7 +17971,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
-        vue.createElementVNode("table", _hoisted_2$q, [
+        vue.createElementVNode("table", _hoisted_2$p, [
           vue.createElementVNode("thead", _hoisted_3$k, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
               return vue.openBlock(), vue.createElementBlock("th", {
@@ -18064,7 +18064,7 @@ const _hoisted_1$v = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$p = {
+const _hoisted_2$o = {
   key: 0,
   class: "data-row"
 };
@@ -18095,7 +18095,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
               vue.createElementVNode("div", _hoisted_3$j, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
               vue.createVNode(vue.unref(_sfc_main$g), {
                 field,
@@ -18210,11 +18210,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = {
-  key: 0,
-  type: "hidden"
-};
-const _hoisted_2$o = ["onClick"];
+const _hoisted_1$t = ["onClick"];
 const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "ComboBox",
   props: {
@@ -18304,7 +18300,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                 placeholder: "Search",
                 icon: "search",
                 modelValue: vue.unref(search),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(search) ? search.value = $event : search = $event)
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(search) ? search.value = $event : search = $event)
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option2, i2) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
@@ -18320,7 +18316,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                     key: 0,
                     icon: "check"
                   })) : vue.createCommentVNode("", true)
-                ], 10, _hoisted_2$o);
+                ], 10, _hoisted_1$t);
               }), 128))
             ]),
             _: 2
@@ -18328,20 +18324,28 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         ]),
         default: vue.withCtx(() => [
           vue.createElementVNode("button", {
+            type: "button",
             class: "combobox-btn",
             onClick: toggle
           }, [
             vue.createTextVNode(vue.toDisplayString(valueToLabel(vue.unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
             vue.createVNode(vue.unref(_sfc_main$C), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
           ]),
-          _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_1$t)) : vue.createCommentVNode("", true)
+          _ctx.required ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            key: 0,
+            style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedItem) ? selectedItem.value = $event : selectedItem = $event),
+            required: ""
+          }, null, 512)), [
+            [vue.vModelText, vue.unref(selectedItem)]
+          ]) : vue.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-6c62bdf1"]]);
 const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-fe5af582"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$s = { class: "bar-chart" };
 const _hoisted_2$n = {

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$y = { 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$y, [
             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$x = {
   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$x, [
             _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$w = { 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$w, [
               (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$v = ["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$v),
         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$u = { 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$u, [
           _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$t = { 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$t, [
               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$s = { 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$s, [
             (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$r = { 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$r, [
           (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$q = { 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$q, [
           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$p = { 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$p, [
           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$o = {
   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$o, [
               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: {
@@ -18302,7 +18298,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 +18314,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     key: 0,
                     icon: "check"
                   })) : createCommentVNode("", true)
-                ], 10, _hoisted_2$o);
+                ], 10, _hoisted_1$t);
               }), 128))
             ]),
             _: 2
@@ -18326,20 +18322,28 @@ 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-6c62bdf1"]]);
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-fe5af582"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$s = { class: "bar-chart" };
 const _hoisted_2$n = {