@bagelink/vue 1.2.45 → 1.2.48

package/dist/index.mjs

@@ -548,7 +548,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__ */ defineComponent({
@@ -671,7 +671,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               onClick: withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
             }, [
               createElementVNode("div", _hoisted_3$C, [
-                createElementVNode("div", _hoisted_4$p, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
+                createElementVNode("div", _hoisted_4$q, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 createElementVNode("div", _hoisted_5$o, [
                   createElementVNode("div", _hoisted_6$l, toDisplayString(event.title), 1),
                   createElementVNode("div", {
@@ -690,7 +690,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" };
@@ -843,7 +843,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             class: "time-slots dayGrid border-end relative",
             onMousedown: handleMouseDown
           }, [
-            createElementVNode("div", _hoisted_4$o, [
+            createElementVNode("div", _hoisted_4$p, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (slot) => {
                 return openBlock(), createElementBlock("div", {
                   key: slot.time,
@@ -902,7 +902,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,
@@ -1004,7 +1004,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                 "other-month": !day.isCurrentMonth
               }])
             }, [
-              createElementVNode("div", _hoisted_4$n, toDisplayString(unref(fmtDate)(day.date, { fmt: "DD" })), 1),
+              createElementVNode("div", _hoisted_4$o, toDisplayString(unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               createElementVNode("div", _hoisted_5$m, [
                 isMobile.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   day.events.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$j)) : createCommentVNode("", true)
@@ -1031,7 +1031,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" };
@@ -1367,7 +1367,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_6$i, toDisplayString(event.title), 1),
                       createElementVNode("div", _hoisted_7$e, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })) + " - " + toDisplayString(unref(formatDate)(event.end_time, { fmt: "HH:mm" })), 1)
                     ])
-                  ], 44, _hoisted_4$m);
+                  ], 44, _hoisted_4$n);
                 }), 128))
               ], 40, _hoisted_3$z);
             }), 128)),
@@ -1394,7 +1394,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__ */ defineComponent({
   __name: "Index",
   props: {
@@ -1493,7 +1493,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             createElementVNode("b", null, toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
             createTextVNode(" " + toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
-          createElementVNode("div", _hoisted_4$l, [
+          createElementVNode("div", _hoisted_4$m, [
             createVNode(unref(_sfc_main$W), {
               thin: "",
               value: currentView.value,
@@ -7914,7 +7914,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,
@@ -7966,7 +7966,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   )
                 ])
               ])
-            ], 42, _hoisted_4$k);
+            ], 42, _hoisted_4$l);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -9519,7 +9519,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" };
@@ -9655,7 +9655,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           class: { "pointer-events-none": showLoading.value }
         }), [
           createElementVNode("table", _hoisted_3$v, [
-            createElementVNode("thead", _hoisted_4$j, [
+            createElementVNode("thead", _hoisted_4$k, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$j, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -13617,7 +13617,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"
@@ -13803,7 +13803,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                 }, [
                   createElementVNode("span", null, toDisplayString(index2 + 1), 1),
                   props2.stepLabels && props2.stepLabels[index2] ? (openBlock(), createElementBlock("span", _hoisted_5$i, toDisplayString(props2.stepLabels[index2]), 1)) : createCommentVNode("", true)
-                ], 10, _hoisted_4$i);
+                ], 10, _hoisted_4$j);
               }), 128))
             ])
           ], true)
@@ -13887,7 +13887,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"
 };
@@ -13931,9 +13931,9 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     }, { deep: true });
     const primitiveSchema = 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 [];
     });
@@ -14013,7 +14013,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               icon: "error",
               color: "red"
             })) : createCommentVNode("", true)
-          ])) : !canRenderItems.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, _cache[0] || (_cache[0] = [
+          ])) : !canRenderItems.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, _cache[0] || (_cache[0] = [
             createElementVNode("p", { class: "opacity-7" }, " No schema available ", -1)
           ]))) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(internalData.value, (item, i2) => {
@@ -14152,7 +14152,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__ */ defineComponent({
@@ -14244,7 +14244,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             class: "relative block h-100",
             style: normalizeStyle({ height: `calc(${unref(elHeight)} - 2rem)` })
           }, [
-            createElementVNode("pre", _hoisted_4$g, [
+            createElementVNode("pre", _hoisted_4$h, [
               _cache[2] || (_cache[2] = createTextVNode("					")),
               createElementVNode("code", {
                 class: normalizeClass(["absolute inset-0", className.value]),
@@ -14861,7 +14861,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,
@@ -15101,7 +15101,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 icon: "chevron_left",
                 onClick: unref(previousMonth)
               }, null, 8, ["onClick"]),
-              createElementVNode("div", _hoisted_4$f, [
+              createElementVNode("div", _hoisted_4$g, [
                 createVNode(unref(Btn), {
                   flat: "",
                   thin: "",
@@ -15415,7 +15415,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 = {
@@ -15675,7 +15675,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["href", "download"]), [
                     [_directive_tooltip, "Download"]
                   ]),
-                  withDirectives((openBlock(), createElementBlock("p", _hoisted_4$e, [
+                  withDirectives((openBlock(), createElementBlock("p", _hoisted_4$f, [
                     createTextVNode(toDisplayString(file.name), 1)
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
@@ -15926,7 +15926,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"
 };
@@ -16088,7 +16088,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_4$d, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
+            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_4$e, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
             _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 2,
               class: "iconStart",
@@ -20785,7 +20785,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"
 };
@@ -21001,7 +21001,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                     placeholder: "Search",
                     icon: "search"
                   }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-                  createElementVNode("ul", _hoisted_4$c, [
+                  createElementVNode("ul", _hoisted_4$d, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(countries.value, (pb) => {
                       return openBlock(), createElementBlock("li", {
                         key: pb.iso2,
@@ -21060,7 +21060,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,
@@ -21138,7 +21138,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
-              }, null, 8, _hoisted_4$b)) : createCommentVNode("", true),
+              }, null, 8, _hoisted_4$c)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_5$b, [
                 opt.label ? (openBlock(), createElementBlock("p", _hoisted_6$9, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
                 opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_7$7, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
@@ -21163,7 +21163,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__ */ defineComponent({
   __name: "RadioPillsInput",
@@ -21223,7 +21223,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 value: getValue(option2),
                 checked: unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$a),
+              }, null, 40, _hoisted_4$b),
               createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
               }, toDisplayString(getLabel(option2)), 9, _hoisted_5$a)
@@ -21241,7 +21241,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" };
@@ -21323,7 +21323,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             disabled: _ctx.disabled,
             "aria-label": 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),
           unref(multiRange) ? (openBlock(), createElementBlock("input", {
             key: 0,
             value: validTo.value,
@@ -23368,7 +23368,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"
 };
@@ -23600,7 +23600,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
                 !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$e, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+                _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
                   createVNode(unref(Btn), {
                     flat: "",
                     thin: "",
@@ -26977,7 +26977,7 @@ const VueDraggableNext = 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__ */ defineComponent({
@@ -27049,7 +27049,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           createElementVNode("label", null, toDisplayString((_a = unref(fieldMeta)) == null ? void 0 : _a.label), 1)
         ]),
         createElementVNode("div", _hoisted_3$d, [
-          createElementVNode("div", _hoisted_4$7, [
+          createElementVNode("div", _hoisted_4$8, [
             (openBlock(true), createElementBlock(Fragment, null, renderList((_b = unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return openBlock(), createElementBlock("div", {
                 key: `${field.fieldname}header`,
@@ -27128,7 +27128,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"
@@ -27271,7 +27271,7 @@ const _sfc_main$v = /* @__PURE__ */ 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)), [
             [vModelText, unref(inputVal)]
           ]),
           _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$6, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
@@ -27341,7 +27341,7 @@ const _sfc_main$u = /* @__PURE__ */ 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;
@@ -27379,7 +27379,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 = {
@@ -27544,7 +27544,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 key: path_key,
                 class: "txt-gray txt-12 flex"
               }, [
-                createElementVNode("div", _hoisted_4$5, [
+                createElementVNode("div", _hoisted_4$6, [
                   withDirectives(createVNode(unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -32823,14 +32823,15 @@ const _sfc_main$i = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "ListItem",
@@ -32847,6 +32848,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     lead: {},
     iconEnd: {},
     target: {},
+    thin: { type: Boolean },
+    fullWidth: { type: Boolean },
     onClick: { type: Function }
   },
   setup(__props) {
@@ -32857,6 +32860,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (props2.onClick) return "button";
       return "div";
     });
+    const isClickable = computed(() => {
+      return props2.to || props2.href || props2.onClick;
+    });
     const bind3 = computed(() => {
       const obj = {};
       if (props2.to) obj.to = props2.to;
@@ -32870,8 +32876,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return obj;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(isComponent.value), mergeProps(bind3.value, {
-        class: "flex gap-05 list-item",
+      const _directive_ripple = resolveDirective("ripple");
+      return withDirectives((openBlock(), createBlock(resolveDynamicComponent(isComponent.value), 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: withCtx(() => [
@@ -32888,28 +32900,33 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             class: "color-primary",
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true),
-          createElementVNode("div", null, [
-            _ctx.lead ? (openBlock(), createElementBlock("p", _hoisted_1$e, [
+          createElementVNode("div", _hoisted_1$e, [
+            _ctx.lead ? (openBlock(), createElementBlock("p", _hoisted_2$9, [
               createTextVNode(toDisplayString(_ctx.lead) + " ", 1),
               renderSlot(_ctx.$slots, "lead")
             ])) : createCommentVNode("", true),
-            createElementVNode("p", _hoisted_2$9, [
+            createElementVNode("p", _hoisted_3$7, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_3$7, [
+            _ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$5, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
             ])) : createCommentVNode("", true)
           ]),
-          _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
-            key: 2,
-            icon: _ctx.iconEnd,
-            class: "transition-400"
-          }, null, 8, ["icon"])) : createCommentVNode("", true)
+          _cache[0] || (_cache[0] = createElementVNode("div", { class: "flex-grow-1" }, null, -1)),
+          renderSlot(_ctx.$slots, "action", {}, () => [
+            _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
+              key: 0,
+              icon: _ctx.iconEnd,
+              class: "transition-400"
+            }, null, 8, ["icon"])) : createCommentVNode("", true)
+          ])
         ]),
         _: 3
-      }, 16, ["onClick"]);
+      }, 16, ["class", "onClick"])), [
+        [_directive_ripple, isClickable.value]
+      ]);
     };
   }
 });
@@ -33157,7 +33174,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isVisible), "bg-lignt": false }]),
+        class: normalizeClass(["bg-dark-modal", { "is-side": _ctx.side, "is-active": unref(isVisible), "bg-lignt": false }]),
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [

package/dist/style.css

@@ -2367,18 +2367,18 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	height: 30px;
 }
 
-.bagel-input.bgl-toggle[data-v-ebe691ee]{
+.bagel-input.bgl-toggle[data-v-c5e45931]{
     display: unset !important;
 }
-.bagel-input.bgl-toggle[data-v-ebe691ee] *{
+.bagel-input.bgl-toggle[data-v-c5e45931] *{
   cursor: pointer !important;
 }
-.bagel-input.bgl-toggle input[data-v-ebe691ee]{
+.bagel-input.bgl-toggle input[data-v-c5e45931]{
     padding:  unset !important;
     min-width:  unset !important;
     margin: 0 !important;
 }
-.bgl-toggle input[data-v-ebe691ee] {
+.bgl-toggle input[data-v-c5e45931] {
     appearance: none;
     position: relative;
     display: inline-block;
@@ -2391,7 +2391,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
     transition: 0.25s linear all;
     outline: 1px solid var(--border-color);
 }
-.bgl-toggle input[data-v-ebe691ee]::before {
+.bgl-toggle input[data-v-c5e45931]::before {
   position: absolute;
   content: "";
   height: calc(var(--input-height) / 2 - 2px);
@@ -2404,7 +2404,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
   transition: 0.2s;
   box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
 }
-.bgl-toggle label[data-v-ebe691ee] {
+.bgl-toggle label[data-v-c5e45931] {
   padding-inline-start: 0.5rem;
   transition: var(--bgl-transition);
   cursor: pointer;
@@ -2413,30 +2413,30 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
   font-size: var(--input-font-size);
   vertical-align: middle;
 }
-.bgl-toggle label[data-v-ebe691ee]:hover {
+.bgl-toggle label[data-v-c5e45931]:hover {
   filter: brightness(90%);
 }
-.bgl-toggle label[data-v-ebe691ee]:active {
+.bgl-toggle label[data-v-c5e45931]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl-toggle input[data-v-ebe691ee]:focus-visible {
+.bgl-toggle input[data-v-c5e45931]:focus-visible {
     outline: -webkit-focus-ring-color auto 1px;
     outline-offset: 2px
 }
-.bgl-toggle input[data-v-ebe691ee]:focus {
+.bgl-toggle input[data-v-c5e45931]:focus {
     outline-color: transparent;
 }
-.bgl-toggle input[data-v-ebe691ee]:focus-visible {
+.bgl-toggle input[data-v-c5e45931]:focus-visible {
     outline: -webkit-focus-ring-color auto 1px;
     outline-offset: 2px
 }
-.bgl-toggle[data-v-ebe691ee] :checked{
+.bgl-toggle[data-v-c5e45931] :checked{
   background: var(--bgl-primary);
 }
-.bgl-toggle[data-v-ebe691ee] :checked::before{
+.bgl-toggle[data-v-c5e45931] :checked::before{
   margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
 }
-.bgl-toggle input:checked + label[data-v-ebe691ee] {
+.bgl-toggle input:checked + label[data-v-c5e45931] {
     color: var(--bgl-primary) !important;
 }
 .fileUploadWrap[data-v-d8f3ff01] {
@@ -2904,7 +2904,6 @@ button.list-item {
 	pointer-events: none;
 }
 .list-item {
-	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
 	min-height: -moz-fit-content;
 	min-height: fit-content;
@@ -2915,6 +2914,9 @@ button.list-item {
 	text-decoration: none;
 	position: relative;
 }
+.list-item > *{
+	margiin-bottom: 0;
+}
 .list-item::after {
 	content: '';
 	position: absolute;
@@ -2933,7 +2935,7 @@ button.list-item {
 }
 .list-item:hover,
 .list-item.router-link-active {
-	background-color: var(--bgl-primary-light);
+	background-color: var(--bgl-primary-tint);
 }
 .notClickable:hover{
 	background-color:unset;
@@ -3796,7 +3798,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .leaflet-marker-icon {
 	cursor: pointer;
 }
-.bg-dark {
+.bg-dark-modal {
     position: fixed;
     top: 0;
     right: 0;
@@ -3903,16 +3905,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: translateX(0%);
 }
 
-.bg-dark.is-active {
+.bg-dark-modal.is-active {
     opacity: 1;
     pointer-events: all;
 }
 
-body:has(.bg-dark.is-active) {
+body:has(.bg-dark-modal.is-active) {
     overflow: hidden;
 }
 
-.is-side.bg-dark.is-active {
+.is-side.bg-dark-modal.is-active {
     opacity: 1;
     align-items: stretch;
 }
@@ -16490,6 +16492,8 @@ select {
     color: var(--bgl-blue-light) !important;
 }.bg-bg {
     background: var(--bgl-bg) !important;
+}.bg-dark {
+    background: var(--bgl-dark-bg);
 }.color-bg {
     color: var(--bgl-bg) !important;
 }.bg-input {
@@ -17028,6 +17032,14 @@ select {
         background: var(--label-color) !important;
     }
 
+    .m_bg-bg {
+        background: var(--bgl-bg) !important;
+    }
+
+    .m_bg-dark {
+        background: var(--bgl-dark-bg);
+    }
+
     .m_bg-gray-light {
         background: var(--bgl-gray-light) !important;
     }