@bagelink/vue 1.2.45 → 1.2.48

package/dist/index.cjs

@@ -550,7 +550,7 @@ const CalendarPopover = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId",
 const _hoisted_1$X = { class: "agenda-view" };
 const _hoisted_2$I = ["data-date", "onClick"];
 const _hoisted_3$C = { class: "event-content" };
-const _hoisted_4$p = { class: "event-time" };
+const _hoisted_4$q = { class: "event-time" };
 const _hoisted_5$o = { class: "event-details" };
 const _hoisted_6$l = { class: "event-title" };
 const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
@@ -673,7 +673,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
               onClick: vue.withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
             }, [
               vue.createElementVNode("div", _hoisted_3$C, [
-                vue.createElementVNode("div", _hoisted_4$p, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
+                vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 vue.createElementVNode("div", _hoisted_5$o, [
                   vue.createElementVNode("div", _hoisted_6$l, vue.toDisplayString(event.title), 1),
                   vue.createElementVNode("div", {
@@ -692,7 +692,7 @@ const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "dat
 const _hoisted_1$W = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$H = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
 const _hoisted_3$B = { class: "overflow h-100p pe-05" };
-const _hoisted_4$o = { class: "time-column" };
+const _hoisted_4$p = { class: "time-column" };
 const _hoisted_5$n = { class: "events-column" };
 const _hoisted_6$k = ["onClick"];
 const _hoisted_7$g = { class: "event-content" };
@@ -845,7 +845,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
             class: "time-slots dayGrid border-end relative",
             onMousedown: handleMouseDown
           }, [
-            vue.createElementVNode("div", _hoisted_4$o, [
+            vue.createElementVNode("div", _hoisted_4$p, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(timeSlots.value, (slot) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: slot.time,
@@ -904,7 +904,7 @@ const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v
 const _hoisted_1$V = { class: "month-view" };
 const _hoisted_2$G = { class: "month-header" };
 const _hoisted_3$A = { class: "month-grid" };
-const _hoisted_4$n = { class: "day-number" };
+const _hoisted_4$o = { class: "day-number" };
 const _hoisted_5$m = { class: "day-events" };
 const _hoisted_6$j = {
   key: 0,
@@ -1006,7 +1006,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
                 "other-month": !day.isCurrentMonth
               }])
             }, [
-              vue.createElementVNode("div", _hoisted_4$n, vue.toDisplayString(vue.unref(fmtDate)(day.date, { fmt: "DD" })), 1),
+              vue.createElementVNode("div", _hoisted_4$o, vue.toDisplayString(vue.unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               vue.createElementVNode("div", _hoisted_5$m, [
                 isMobile.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   day.events.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j)) : vue.createCommentVNode("", true)
@@ -1033,7 +1033,7 @@ const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data
 const _hoisted_1$U = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$F = { class: "overflow h-100p pe-05" };
 const _hoisted_3$z = ["onMousedown"];
-const _hoisted_4$m = ["onClick"];
+const _hoisted_4$n = ["onClick"];
 const _hoisted_5$l = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
 const _hoisted_6$i = { class: "white-space ellipsis-1" };
 const _hoisted_7$e = { class: "txt10 opacity-8" };
@@ -1369,7 +1369,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("div", _hoisted_6$i, vue.toDisplayString(event.title), 1),
                       vue.createElementVNode("div", _hoisted_7$e, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })) + " - " + vue.toDisplayString(vue.unref(formatDate)(event.end_time, { fmt: "HH:mm" })), 1)
                     ])
-                  ], 44, _hoisted_4$m);
+                  ], 44, _hoisted_4$n);
                 }), 128))
               ], 40, _hoisted_3$z);
             }), 128)),
@@ -1396,7 +1396,7 @@ const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-
 const _hoisted_1$T = { class: "calendar" };
 const _hoisted_2$E = { class: "flex m_block m_pb-1" };
 const _hoisted_3$y = { class: "txt-light my-0" };
-const _hoisted_4$l = { class: "ms-auto flex gap-025" };
+const _hoisted_4$m = { class: "ms-auto flex gap-025" };
 const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
@@ -1495,7 +1495,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("b", null, vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
             vue.createTextVNode(" " + vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_4$l, [
+          vue.createElementVNode("div", _hoisted_4$m, [
             vue.createVNode(vue.unref(_sfc_main$W), {
               thin: "",
               value: currentView.value,
@@ -7916,7 +7916,7 @@ const _hoisted_1$1$1 = {
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$w = { class: "layer-rectangles" };
-const _hoisted_4$k = ["transform", "onMouseover"];
+const _hoisted_4$l = ["transform", "onMouseover"];
 const _hoisted_5$k = ["width", "height"];
 const _hoisted_6$h = {
   x: 0 + 10,
@@ -7968,7 +7968,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   )
                 ])
               ])
-            ], 42, _hoisted_4$k);
+            ], 42, _hoisted_4$l);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -9521,7 +9521,7 @@ const _hoisted_2$A = {
   class: "flex-center h-300px txt-red"
 };
 const _hoisted_3$v = { class: "infinite-wrapper" };
-const _hoisted_4$j = { class: "row first-row" };
+const _hoisted_4$k = { class: "row first-row" };
 const _hoisted_5$j = { key: 0 };
 const _hoisted_6$g = ["onClick"];
 const _hoisted_7$c = { class: "flex" };
@@ -9657,7 +9657,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
           class: { "pointer-events-none": showLoading.value }
         }), [
           vue.createElementVNode("table", _hoisted_3$v, [
-            vue.createElementVNode("thead", _hoisted_4$j, [
+            vue.createElementVNode("thead", _hoisted_4$k, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$j, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -13619,7 +13619,7 @@ const _hoisted_2$y = {
   class: "bgl-step-progress"
 };
 const _hoisted_3$u = { class: "bgl-steps-indicator" };
-const _hoisted_4$i = ["onClick"];
+const _hoisted_4$j = ["onClick"];
 const _hoisted_5$i = {
   key: 0,
   class: "bgl-step-label"
@@ -13805,7 +13805,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(index2 + 1), 1),
                   props2.stepLabels && props2.stepLabels[index2] ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$i, vue.toDisplayString(props2.stepLabels[index2]), 1)) : vue.createCommentVNode("", true)
-                ], 10, _hoisted_4$i);
+                ], 10, _hoisted_4$j);
               }), 128))
             ])
           ], true)
@@ -13889,7 +13889,7 @@ const _hoisted_3$t = {
   key: 0,
   class: "flex-center h-300px"
 };
-const _hoisted_4$h = {
+const _hoisted_4$i = {
   key: 1,
   class: "py-1"
 };
@@ -13933,9 +13933,9 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     }, { deep: true });
     const primitiveSchema = vue.computed(() => {
       if (props2.type === "text") {
-        return [{ id: "value", type: "text", label: "" }];
+        return [{ id: "value", type: "text", label: "", $el: "text" }];
       } else if (props2.type === "number") {
-        return [{ id: "value", type: "number", label: "" }];
+        return [{ id: "value", type: "number", label: "", $el: "number" }];
       }
       return [];
     });
@@ -14015,7 +14015,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
               icon: "error",
               color: "red"
             })) : vue.createCommentVNode("", true)
-          ])) : !canRenderItems.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$h, _cache[0] || (_cache[0] = [
+          ])) : !canRenderItems.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, _cache[0] || (_cache[0] = [
             vue.createElementVNode("p", { class: "opacity-7" }, " No schema available ", -1)
           ]))) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(internalData.value, (item, i2) => {
@@ -14154,7 +14154,7 @@ const _hoisted_3$r = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
-const _hoisted_4$g = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
+const _hoisted_4$h = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
 const _hoisted_5$g = ["innerHTML"];
 const _hoisted_6$d = ["onKeydown"];
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
@@ -14246,7 +14246,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
           }, [
-            vue.createElementVNode("pre", _hoisted_4$g, [
+            vue.createElementVNode("pre", _hoisted_4$h, [
               _cache[2] || (_cache[2] = vue.createTextVNode("					")),
               vue.createElementVNode("code", {
                 class: vue.normalizeClass(["absolute inset-0", className.value]),
@@ -14863,7 +14863,7 @@ class Time {
 const _hoisted_1$F = { class: "ltr flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
 const _hoisted_2$t = { class: "calendar-section m_border-none pe-05 m_p-0" };
 const _hoisted_3$p = { class: "flex space-between pb-1" };
-const _hoisted_4$f = { class: "flex gap-05" };
+const _hoisted_4$g = { class: "flex gap-05" };
 const _hoisted_5$f = { class: "month-year" };
 const _hoisted_6$c = {
   key: 0,
@@ -15103,7 +15103,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                 icon: "chevron_left",
                 onClick: vue.unref(previousMonth)
               }, null, 8, ["onClick"]),
-              vue.createElementVNode("div", _hoisted_4$f, [
+              vue.createElementVNode("div", _hoisted_4$g, [
                 vue.createVNode(vue.unref(Btn), {
                   flat: "",
                   thin: "",
@@ -15417,7 +15417,7 @@ const _hoisted_2$r = {
   class: "pixel"
 };
 const _hoisted_3$n = { class: "m-05 flex opacity-7 z-99" };
-const _hoisted_4$e = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
+const _hoisted_4$f = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
 const _hoisted_5$e = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$b = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
 const _hoisted_7$9 = {
@@ -15677,7 +15677,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   }, null, 8, ["href", "download"]), [
                     [_directive_tooltip, "Download"]
                   ]),
-                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_4$e, [
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_4$f, [
                     vue.createTextVNode(vue.toDisplayString(file.name), 1)
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
@@ -15928,7 +15928,7 @@ const _hoisted_2$p = {
   class: "block"
 };
 const _hoisted_3$l = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
-const _hoisted_4$d = {
+const _hoisted_4$e = {
   key: 1,
   class: "opacity-7 light"
 };
@@ -16090,7 +16090,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$d, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
+            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$e, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
             _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
               key: 2,
               class: "iconStart",
@@ -20787,7 +20787,7 @@ function parsePhoneNumber() {
 const _hoisted_1$y = ["aria-expanded"];
 const _hoisted_2$n = { class: "flex gap-05 country-code-display" };
 const _hoisted_3$k = { class: "p-075 tel-countryp-dropdown" };
-const _hoisted_4$c = {
+const _hoisted_4$d = {
   class: "overflow-y p-0 max-h-300px",
   role: "listbox"
 };
@@ -21003,7 +21003,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                     placeholder: "Search",
                     icon: "search"
                   }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("ul", _hoisted_4$c, [
+                  vue.createElementVNode("ul", _hoisted_4$d, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(countries.value, (pb) => {
                       return vue.openBlock(), vue.createElementBlock("li", {
                         key: pb.iso2,
@@ -21062,7 +21062,7 @@ const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v
 const _hoisted_1$x = ["for"];
 const _hoisted_2$m = ["id", "disabled", "name", "value", "required"];
 const _hoisted_3$j = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
-const _hoisted_4$b = ["src", "alt"];
+const _hoisted_4$c = ["src", "alt"];
 const _hoisted_5$b = { class: "" };
 const _hoisted_6$9 = {
   key: 0,
@@ -21140,7 +21140,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
-              }, null, 8, _hoisted_4$b)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_4$c)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_5$b, [
                 opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$9, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
                 opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$7, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
@@ -21165,7 +21165,7 @@ const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data
 const _hoisted_1$w = { class: "bagel-input" };
 const _hoisted_2$l = { class: "pb-025" };
 const _hoisted_3$i = { class: "flex gap-05 flex-wrap" };
-const _hoisted_4$a = ["id", "name", "value", "checked"];
+const _hoisted_4$b = ["id", "name", "value", "checked"];
 const _hoisted_5$a = ["for"];
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
@@ -21225,7 +21225,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 value: getValue(option2),
                 checked: vue.unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$a),
+              }, null, 40, _hoisted_4$b),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
               }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$a)
@@ -21243,7 +21243,7 @@ const _hoisted_2$k = {
   class: "label"
 };
 const _hoisted_3$h = { class: "range-slider relative w-100" };
-const _hoisted_4$9 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
+const _hoisted_4$a = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
 const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
 const _hoisted_7$6 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
@@ -21325,7 +21325,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             disabled: _ctx.disabled,
             "aria-label": vue.unref(multiRange) ? "Minimum value" : "Value",
             onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
-          }, null, 40, _hoisted_4$9),
+          }, null, 40, _hoisted_4$a),
           vue.unref(multiRange) ? (vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
             value: validTo.value,
@@ -23370,7 +23370,7 @@ const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$h = ["disabled"];
 const _hoisted_3$e = { key: 1 };
-const _hoisted_4$8 = {
+const _hoisted_4$9 = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
@@ -23602,7 +23602,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
                 !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$e, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, [
                   vue.createVNode(vue.unref(Btn), {
                     flat: "",
                     thin: "",
@@ -26979,7 +26979,7 @@ const VueDraggableNext = vue.defineComponent({
 const _hoisted_1$p = ["title"];
 const _hoisted_2$f = { class: "bagel-input" };
 const _hoisted_3$d = { class: "table-side-scroll" };
-const _hoisted_4$7 = { class: "table-header" };
+const _hoisted_4$8 = { class: "table-header" };
 const _hoisted_5$7 = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
@@ -27051,7 +27051,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("label", null, vue.toDisplayString((_a = vue.unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
         vue.createElementVNode("div", _hoisted_3$d, [
-          vue.createElementVNode("div", _hoisted_4$7, [
+          vue.createElementVNode("div", _hoisted_4$8, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: `${field.fieldname}header`,
@@ -27130,7 +27130,7 @@ const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data
 const _hoisted_1$o = ["title"];
 const _hoisted_2$e = ["for"];
 const _hoisted_3$c = ["id", "name", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_4$6 = ["id", "name", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_4$7 = ["id", "name", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$6 = {
   key: 2,
   class: "opacity-7 light"
@@ -27273,7 +27273,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             onInput: updateInputVal,
             onFocusout: _cache[4] || (_cache[4] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-          }), null, 16, _hoisted_4$6)), [
+          }), null, 16, _hoisted_4$7)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$6, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
@@ -27343,7 +27343,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ebe691ee"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-c5e45931"]]);
 const files = {
   setBaseUrl: (baseUrl) => {
     if (!baseUrl) return;
@@ -27381,7 +27381,7 @@ const _hoisted_3$a = {
   required: "",
   class: "pixel"
 };
-const _hoisted_4$5 = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_4$6 = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_5$5 = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$5 = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
 const _hoisted_7$4 = {
@@ -27546,7 +27546,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 key: path_key,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("div", _hoisted_4$5, [
+                vue.createElementVNode("div", _hoisted_4$6, [
                   vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -32825,14 +32825,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6ece2018"]]);
-const _hoisted_1$e = {
+const _hoisted_1$e = { class: "txt-start" };
+const _hoisted_2$9 = {
   key: 0,
-  class: "txt10 no-margin txt-gray ellipsis txt-start"
+  class: "txt10 m-0 p-0 txt-gray ellipsis"
 };
-const _hoisted_2$9 = { class: "no-margin ellipsis line-height-14 pb-025 txt-start" };
-const _hoisted_3$7 = {
+const _hoisted_3$7 = { class: "m-0 p-0 ellipsis-1 line-height-14 pb-025" };
+const _hoisted_4$5 = {
   key: 1,
-  class: "txt12 no-margin txt-gray ellipsis"
+  class: "txt12 m-0 p-0 opacity-7 ellipsis-1"
 };
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
@@ -32849,6 +32850,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     lead: {},
     iconEnd: {},
     target: {},
+    thin: { type: Boolean },
+    fullWidth: { type: Boolean },
     onClick: { type: Function }
   },
   setup(__props) {
@@ -32859,6 +32862,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       if (props2.onClick) return "button";
       return "div";
     });
+    const isClickable = vue.computed(() => {
+      return props2.to || props2.href || props2.onClick;
+    });
     const bind3 = vue.computed(() => {
       const obj = {};
       if (props2.to) obj.to = props2.to;
@@ -32872,8 +32878,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       return obj;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(isComponent.value), vue.mergeProps(bind3.value, {
-        class: "flex gap-05 list-item",
+      const _directive_ripple = vue.resolveDirective("ripple");
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(isComponent.value), vue.mergeProps(bind3.value, {
+        class: ["flex gap-05 list-item", {
+          "py-1": !props2.thin,
+          "py-05": props2.thin,
+          "px-1": !props2.fullWidth,
+          "px-0": props2.fullWidth
+        }],
         onClick: _ctx.onClick
       }), {
         default: vue.withCtx(() => [
@@ -32890,28 +32902,33 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             class: "color-primary",
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", null, [
-            _ctx.lead ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$e, [
+          vue.createElementVNode("div", _hoisted_1$e, [
+            _ctx.lead ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$9, [
               vue.createTextVNode(vue.toDisplayString(_ctx.lead) + " ", 1),
               vue.renderSlot(_ctx.$slots, "lead")
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("p", _hoisted_2$9, [
+            vue.createElementVNode("p", _hoisted_3$7, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$7, [
+            _ctx.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$5, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])) : vue.createCommentVNode("", true)
           ]),
-          _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
-            key: 2,
-            icon: _ctx.iconEnd,
-            class: "transition-400"
-          }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
+          _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "flex-grow-1" }, null, -1)),
+          vue.renderSlot(_ctx.$slots, "action", {}, () => [
+            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+              key: 0,
+              icon: _ctx.iconEnd,
+              class: "transition-400"
+            }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
+          ])
         ]),
         _: 3
-      }, 16, ["onClick"]);
+      }, 16, ["class", "onClick"])), [
+        [_directive_ripple, isClickable.value]
+      ]);
     };
   }
 });
@@ -33159,7 +33176,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isVisible), "bg-lignt": false }]),
+        class: vue.normalizeClass(["bg-dark-modal", { "is-side": _ctx.side, "is-active": vue.unref(isVisible), "bg-lignt": false }]),
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [