@bagelink/vue 0.0.282 → 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$y = { 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$y, [
+          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$x = {
+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$x, [
+          _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$w = { 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$w, [
+            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$v = ["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$v),
+        ], 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$u = { 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$u, [
+        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$t = { 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$t, [
+            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$s = { 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$s, [
+          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$r = { 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$r, [
+        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$q = { 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$q, [
+        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$p = { 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$p, [
+        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$o = {
+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$o, [
+            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,
@@ -18222,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;
@@ -18279,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",
@@ -18343,10 +18347,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6c62bdf1"]]);
+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"
 };
@@ -18417,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", {
@@ -18654,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",
@@ -18663,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({
@@ -27317,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: {
@@ -27355,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,
@@ -27369,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",
@@ -27394,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", {
@@ -28399,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" };
@@ -28447,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,
@@ -28713,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: {
@@ -28754,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
@@ -28773,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)
       ]);
     };
   }

package/dist/style.css

@@ -897,40 +897,40 @@ th[data-v-2137a7a8] {
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.combobox[data-v-6c62bdf1] {
-	width: 100%;
+.combobox[data-v-ceeb5855] {
+  width: 100%;
 }
-.combobox-option[data-v-6c62bdf1] {
-	padding: 6px 12px;
-	cursor: pointer;
-	border-radius: 5px;
-	transition: all 0.2s;
-	display: flex;
-	justify-content: space-between;
-	width: 100%;
+.combobox-option[data-v-ceeb5855] {
+  padding: 6px 12px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: all 0.2s;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
 }
-.combobox-options[data-v-6c62bdf1] {
-	max-height: 300px;
-	overflow-y: auto;
+.combobox-options[data-v-ceeb5855] {
+  max-height: 300px;
+  overflow-y: auto;
 }
-.combobox-option[data-v-6c62bdf1]:hover {
-	background: var(--bgl-gray-20);
+.combobox-option[data-v-ceeb5855]:hover {
+  background: var(--bgl-gray-20);
 }
 
 .combobox-btn {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: var(--input-height);
-	border-radius: var(--input-border-radius);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: var(--input-height);
+  border-radius: var(--input-border-radius);
 }
 .v-popper__arrow-container {
-	display: none;
+  display: none;
 }
 .v-popper--theme-dropdown .v-popper__inner {
-	border: none;
-	background: transparent;
-	border-radius: var(--card-border-radius);
+  border: none;
+  background: transparent;
+  border-radius: var(--card-border-radius);
 }
 
 /* .group-wrap * {
@@ -1418,7 +1418,7 @@ fieldset[disabled] .multiselect {
   border-top: none;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
-  z-index: 50;
+  z-index: 150;
   -webkit-overflow-scrolling: touch;
 }
 .multiselect__content {
@@ -2272,9 +2272,6 @@ img.preview[data-v-1be8d7b1] {
 .columns-max-content {
     grid-auto-columns: max-content;
 }
-.w-100 {
-    width: 100%;
-}
 .col-gap-1 {
     column-gap: 1rem;
 }
@@ -2337,7 +2334,12 @@ img.preview[data-v-1be8d7b1] {
 .w550,
 .w600,
 .w650,
-.w700 {
+.w700,
+.w770,
+.w900,
+.w970,
+.w1030,
+.w1170 {
     margin-left: auto;
     margin-right: auto;
     width: 98%;
@@ -2369,6 +2371,21 @@ img.preview[data-v-1be8d7b1] {
 .w650 {
     max-width: 700px;
 }
+.w770 {
+    max-width: 770px;
+}
+.w900 {
+    max-width: 900px;
+}
+.w970 {
+    max-width: 970px;
+}
+.w1030 {
+    max-width: 1030px;
+}
+.w1170 {
+    max-width: 1170px;
+}
 .gap-1 {
     gap: 0.25rem;
 }