@bagelink/vue 1.0.24 → 1.0.30

package/dist/index.cjs

@@ -21,7 +21,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$1a = ["aria-expanded", "aria-controls"];
 const _hoisted_2$S = { class: "accordion-label" };
-const _hoisted_3$H = ["id", "aria-hidden"];
+const _hoisted_3$I = ["id", "aria-hidden"];
 const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
@@ -85,7 +85,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: vue.normalizeClass(["accordion-icon", [_ctx.iconClass, { open: vue.unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            vue.createVNode(vue.unref(Icon), { icon: computedIcon.value }, null, 8, ["icon"])
+            vue.createVNode(vue.unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
             vue.createElementVNode("span", _hoisted_2$S, vue.toDisplayString(_ctx.label), 1)
@@ -94,7 +94,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
             key: 1,
             class: vue.normalizeClass(["accordion-icon", [_ctx.iconClass, { open: vue.unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            vue.createVNode(vue.unref(Icon), { icon: computedIcon.value }, null, 8, ["icon"])
+            vue.createVNode(vue.unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_1$1a),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -106,7 +106,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$H)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$I)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -252,7 +252,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
             class: "h-100p",
             size: "15"
           })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
               key: 0,
               icon: _ctx.icon,
               class: "transition-400"
@@ -261,7 +261,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots).default && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+            _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
               key: 2,
               icon: _ctx.iconEnd,
               class: "transition-400"
@@ -299,7 +299,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+        _ctx.icon !== "none" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
@@ -361,13 +361,13 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.text) + " ", 1),
-        _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+        _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
           key: 1,
           class: "inline",
           icon: _ctx.iconEnd
@@ -379,7 +379,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-689f051f"]]);
 const _hoisted_1$15 = ["src"];
 const _hoisted_2$Q = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$G = ["src", "type"];
+const _hoisted_3$H = ["src", "type"];
 const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
@@ -471,7 +471,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$G)
+          }, null, 8, _hoisted_3$H)
         ], 12, _hoisted_2$Q)) : vue.createCommentVNode("", true)
       ], 2);
     };
@@ -741,7 +741,7 @@ const DATE_TIME_STRING_PATTERN = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
 const DATE_TIME_STRING_FULL_DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
 const _hoisted_1$13 = ["id"];
 const _hoisted_2$O = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
-const _hoisted_3$F = {
+const _hoisted_3$G = {
   key: 0,
   class: "agenda__event-time flex gap-025"
 };
@@ -830,15 +830,15 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(handleClickOnEvent, ["prevent"])
       }, [
         vue.createElementVNode("div", _hoisted_2$O, [
-          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$F, [
-            vue.createVNode(vue.unref(Icon), {
+          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$G, [
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.clock,
               size: 0.8
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
           ])) : vue.createCommentVNode("", true),
           __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$t, [
-            vue.createVNode(vue.unref(Icon), {
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.location,
               size: 1
             }, null, 8, ["icon"]),
@@ -848,7 +848,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", null, [
           vue.createElementVNode("div", _hoisted_5$p, vue.toDisplayString(__props.calendarEvent.title), 1),
           __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$l, [
-            vue.createVNode(vue.unref(Icon), {
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.user
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(__props.calendarEvent.with), 1)
@@ -861,7 +861,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
 const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-5740437b"]]);
 const _hoisted_1$12 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
 const _hoisted_2$N = { class: "m_sticky" };
-const _hoisted_3$E = { class: "agenda__header-day-name txt-center" };
+const _hoisted_3$F = { class: "agenda__header-day-name txt-center" };
 const _hoisted_4$s = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
 const _hoisted_5$o = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
 const _hoisted_6$k = {
@@ -894,7 +894,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
         vue.createElementVNode("header", _hoisted_2$N, [
-          vue.createElementVNode("div", _hoisted_3$E, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
+          vue.createElementVNode("div", _hoisted_3$F, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
           vue.createElementVNode("div", _hoisted_4$s, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
         vue.createElementVNode("div", _hoisted_5$o, [
@@ -1599,7 +1599,7 @@ const _hoisted_1$11 = {
   class: "event-flyout__relative-wrapper"
 };
 const _hoisted_2$M = { class: "event-flyout__menu" };
-const _hoisted_3$D = {
+const _hoisted_3$E = {
   key: 0,
   class: "event-flyout__menu-editable"
 };
@@ -1808,20 +1808,20 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
           vue.createElementVNode("div", _hoisted_2$M, [
-            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$D, [
-              vue.createVNode(vue.unref(Icon), {
+            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, [
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-edit-icon",
                 icon: icons.edit,
                 onClick: editEvent
               }, null, 8, ["icon"]),
-              vue.createVNode(vue.unref(Icon), {
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-trash-icon",
                 icon: icons.trash,
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("", true),
             vue.createElementVNode("span", _hoisted_4$r, [
-              vue.createVNode(vue.unref(Icon), {
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
                 onClick: closeFlyout
@@ -1838,25 +1838,25 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true),
             calendarEvent.value.time ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$f, vue.toDisplayString(getEventTime.value), 1)) : vue.createCommentVNode("", true),
             calendarEvent.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$9, [
-              vue.createVNode(vue.unref(Icon), {
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 icon: icons.location
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.location), 1)
             ])) : vue.createCommentVNode("", true),
             calendarEvent.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$7, [
-              vue.createVNode(vue.unref(Icon), {
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 icon: icons.user
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.with), 1)
             ])) : vue.createCommentVNode("", true),
             calendarEvent.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$7, [
-              vue.createVNode(vue.unref(Icon), {
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 icon: icons.topic
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.topic), 1)
             ])) : vue.createCommentVNode("", true),
             calendarEvent.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
-              vue.createVNode(vue.unref(Icon), {
+              vue.createVNode(vue.unref(_sfc_main$s), {
                 icon: icons.description
               }, null, 8, ["icon"]),
               vue.createElementVNode("p", {
@@ -1878,7 +1878,7 @@ const _hoisted_1$10 = {
   class: "calendar-month__event"
 };
 const _hoisted_2$L = ["id", "draggable"];
-const _hoisted_3$C = ["id", "draggable"];
+const _hoisted_3$D = ["id", "draggable"];
 const _hoisted_4$q = {
   key: 0,
   class: "calendar-month__event-time opacity-6 flex-shrink-0"
@@ -1988,7 +1988,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
           eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("span", _hoisted_5$m, vue.toDisplayString(__props.calendarEvent.title), 1)
-        ], 42, _hoisted_3$C))
+        ], 42, _hoisted_3$D))
       ], 64));
     };
   }
@@ -1996,7 +1996,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
 const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-3c4101df"]]);
 const _hoisted_1$$ = ["id"];
 const _hoisted_2$K = { class: "w-100p flex justify-content-end txt14 p-025 m_h-100p" };
-const _hoisted_3$B = { class: "calendar-month_events" };
+const _hoisted_3$C = { class: "calendar-month_events" };
 const _hoisted_4$p = {
   key: 1,
   class: "space-reserver"
@@ -2104,7 +2104,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
               onClick: emitDayWasClicked
             }, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10).startsWith("0") ? __props.day.dateTimeString.substring(9, 10) : __props.day.dateTimeString.substring(8, 10)), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_3$B, [
+          vue.createElementVNode("div", _hoisted_3$C, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.day.events, (calendarEvent, index2) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                 index2 < 3 ? (vue.openBlock(), vue.createBlock(Event, {
@@ -2150,7 +2150,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$Z = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
 const _hoisted_2$J = { class: "flex space-between" };
-const _hoisted_3$A = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
+const _hoisted_3$B = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
 const _hoisted_4$o = {
   key: 0,
   class: "calendar-month__day_events w-100p pt-1 m_pb-1"
@@ -2269,7 +2269,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["config", "day", "time"]);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$A, [
+        vue.createElementVNode("div", _hoisted_3$B, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.value, (week, weekIndex) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: weekIndex,
@@ -2536,7 +2536,7 @@ class EventChange {
 }
 const _hoisted_1$Y = ["data-ref"];
 const _hoisted_2$I = { class: "calendar-week__event-row is-title" };
-const _hoisted_3$z = { class: "calendar-week__event-row is-time flex" };
+const _hoisted_3$A = { class: "calendar-week__event-row is-time flex" };
 const _hoisted_4$n = {
   key: 0,
   class: "calendar-week__event-row is-location"
@@ -2897,36 +2897,36 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
           })
         }, [
           vue.createElementVNode("div", _hoisted_2$I, vue.toDisplayString(event.value.title), 1),
-          vue.createElementVNode("div", _hoisted_3$z, [
-            vue.createVNode(vue.unref(Icon), {
+          vue.createElementVNode("div", _hoisted_3$A, [
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.clock,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(getEventTime.value), 1)
           ]),
           event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
-            vue.createVNode(vue.unref(Icon), {
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.location), 1)
           ])) : vue.createCommentVNode("", true),
           event.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$l, [
-            vue.createVNode(vue.unref(Icon), {
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.user,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.with), 1)
           ])) : vue.createCommentVNode("", true),
           event.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$i, [
-            vue.createVNode(vue.unref(Icon), {
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.topic,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.topic), 1)
           ])) : vue.createCommentVNode("", true),
           event.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$e, [
-            vue.createVNode(vue.unref(Icon), {
+            vue.createVNode(vue.unref(_sfc_main$s), {
               icon: icons.value.description,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
@@ -3229,7 +3229,7 @@ const _hoisted_1$U = {
   style: { "margin-inline-end": "0.5em" }
 };
 const _hoisted_2$F = ["onClick"];
-const _hoisted_3$y = { class: "flex justify-content-center gap-025 txt12 pb-025" };
+const _hoisted_3$z = { class: "flex justify-content-center gap-025 txt12 pb-025" };
 const _hoisted_4$m = { class: "" };
 const _hoisted_5$k = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
 const _hoisted_6$h = { class: "week-timeline__events" };
@@ -3263,7 +3263,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
             }]),
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
-            vue.createElementVNode("div", _hoisted_3$y, [
+            vue.createElementVNode("div", _hoisted_3$z, [
               vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
               vue.createElementVNode("div", _hoisted_5$k, vue.toDisplayString(getDaysDate(day)), 1)
             ]),
@@ -3289,7 +3289,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
 const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-18ecf6c3"]]);
 const _hoisted_1$T = { class: "calendar-week__wrapper relative ps-3-5" };
 const _hoisted_2$E = { class: "calendar-week" };
-const _hoisted_3$x = { class: "calendar-week__events" };
+const _hoisted_3$y = { class: "calendar-week__events" };
 const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "Week",
   props: {
@@ -3555,7 +3555,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
               "day-intervals": dayIntervals.value,
               "week-height": weekHeight.value
             }, null, 8, ["time", "day-intervals", "week-height"])),
-            vue.createElementVNode("div", _hoisted_3$x, [
+            vue.createElementVNode("div", _hoisted_3$y, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(days.value, (day, dayIndex) => {
                 return vue.openBlock(), vue.createBlock(Day, {
                   key: day.dateTimeString + mode.value + weekVersion.value,
@@ -3639,7 +3639,7 @@ ${_Errors.SUFFIX}`);
 let Errors = _Errors;
 const _hoisted_1$S = { class: "calendar-root-wrapper txt16" };
 const _hoisted_2$D = ["data-lang"];
-const _hoisted_3$w = {
+const _hoisted_3$x = {
   key: 0,
   class: "top-bar-loader"
 };
@@ -3831,7 +3831,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.createVNode(vue.Transition, { name: "loading" }, {
             default: vue.withCtx(() => [
-              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w)) : vue.createCommentVNode("", true)
+              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x)) : vue.createCommentVNode("", true)
             ]),
             _: 1
           }),
@@ -3969,7 +3969,7 @@ const _hoisted_2$C = {
   key: 0,
   class: "dots"
 };
-const _hoisted_3$v = ["onClick"];
+const _hoisted_3$w = ["onClick"];
 const _hoisted_4$l = { class: "Handlers" };
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
@@ -4405,7 +4405,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
               key: i2,
               class: vue.normalizeClass(["dot", { current: vue.unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$v);
+            }, null, 10, _hoisted_3$w);
           }), 128))
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_4$l, [
@@ -10260,7 +10260,7 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$u = { class: "layer-rectangles" };
+const _hoisted_3$v = { class: "layer-rectangles" };
 const _hoisted_4$k = ["transform", "onMouseover"];
 const _hoisted_5$j = ["width", "height"];
 const _hoisted_6$g = {
@@ -10278,7 +10278,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      vue.createElementVNode("g", _hoisted_3$u, [
+      vue.createElementVNode("g", _hoisted_3$v, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -10688,11 +10688,16 @@ const SRC_VALUE_COMPONENTS = /* @__PURE__ */ new Set(["img", "iframe"]);
 function useTableData(options) {
   const sortField = vue.ref("");
   const sortDirection = vue.ref("ASC");
-  const computedSchema = vue.computed(() => useBglSchema({
-    schema: options.schema,
-    showFields: options.showFields,
-    data: options.data.value
-  }));
+  function getValue(value) {
+    return value.value !== void 0 ? value.value : value;
+  }
+  const computedSchema = vue.computed(() => {
+    return useBglSchema({
+      schema: getValue(options.schema),
+      columns: getValue(options.columns),
+      data: options.data.value
+    });
+  });
   function transform(rowData) {
     const transformed = { ...rowData };
     const schemaFields = computedSchema.value.filter((f2) => f2.id);
@@ -10720,7 +10725,8 @@ function useTableData(options) {
   const computedSortField = vue.computed(() => sortField.value ? `_transformed_${sortField.value}` : "");
   const computedData = vue.computed(() => {
     const currentData = options.data.value;
-    if (!sortField.value || options.useServerSort === true) {
+    const useServerSortValue = getValue(options.useServerSort);
+    if (!sortField.value || useServerSortValue === true) {
       return currentData.map(transform);
     }
     return currentData.map(transform).sort((a2, z2) => {
@@ -10768,7 +10774,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
     schema: { type: Function },
-    showFields: {},
+    columns: {},
     useServerSort: { type: Boolean },
     selectable: { type: Boolean },
     onLastItemVisible: { type: Function },
@@ -10785,7 +10791,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     } = useTableData({
       data: data2,
       schema: props2.schema,
-      showFields: props2.showFields,
+      columns: props2.columns,
       useServerSort: false
     });
     const firstItem = vue.computed(() => computedData.value[0] || {});
@@ -10805,7 +10811,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-74c7df87"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-88ed9d8d"]]);
 function useTableSelection(options) {
   const allSelectorEl = vue.ref();
   const computedSelectedItems = vue.computed(() => options.selectedItems.value);
@@ -11439,7 +11445,7 @@ const _hoisted_1$N = {
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
 const _hoisted_2$A = { class: "infinite-wrapper" };
-const _hoisted_3$t = { class: "row first-row" };
+const _hoisted_3$u = { class: "row first-row" };
 const _hoisted_4$j = { key: 0 };
 const _hoisted_5$i = ["onClick"];
 const _hoisted_6$f = { class: "flex" };
@@ -11452,7 +11458,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeModels({
     data: {},
     schema: { type: Function },
-    showFields: {},
+    columns: {},
     useServerSort: { type: Boolean },
     selectable: { type: Boolean },
     onLastItemVisible: { type: Function }
@@ -11469,7 +11475,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "40bb5b9a": vue.unref(computedItemHeight)
+      "53d3340a": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11484,21 +11490,18 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       }
     );
     const data2 = vue.computed(() => props2.data);
+    const schema = vue.computed(() => props2.schema);
+    const columns = vue.computed(() => props2.columns);
+    const useServerSort = vue.computed(() => props2.useServerSort);
     const {
       computedSchema,
       computedData,
       sortField,
       sortDirection,
       toggleSort
-    } = useTableData({
-      data: data2,
-      schema: props2.schema,
-      showFields: props2.showFields,
-      useServerSort: props2.useServerSort,
-      onSort: (field, direction) => {
-        emit2("orderBy", `${field} ${direction}`.trim());
-      }
-    });
+    } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
+      emit2("orderBy", `${field} ${direction}`.trim());
+    } });
     const {
       computedSelectedItems,
       isSelectable,
@@ -11571,7 +11574,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
         ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
           vue.createElementVNode("table", _hoisted_2$A, [
-            vue.createElementVNode("thead", _hoisted_3$t, [
+            vue.createElementVNode("thead", _hoisted_3$u, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$j, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -11594,7 +11597,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                     }, [
-                      vue.createVNode(vue.unref(Icon), {
+                      vue.createVNode(vue.unref(_sfc_main$s), {
                         class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
@@ -11653,7 +11656,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-89f6838b"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-c730b48b"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -14756,6 +14759,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     flat: { type: Boolean },
     disabled: { type: Boolean },
     icon: {},
+    color: {},
     triggerClass: {},
     iconEnd: {},
     border: { type: Boolean },
@@ -14822,8 +14826,9 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
               thin: _ctx.thin,
               flat: _ctx.flat,
               outline: _ctx.outline,
-              round: _ctx.round
-            }, null, 8, ["class", "iconEnd", "icon", "value", "thin", "flat", "outline", "round"])
+              round: _ctx.round,
+              color: _ctx.color
+            }, null, 8, ["class", "iconEnd", "icon", "value", "thin", "flat", "outline", "round", "color"])
           ])
         ]),
         _: 3
@@ -15203,7 +15208,7 @@ function denullify(itemData, fieldID) {
   return itemData ? itemData[fieldID] : void 0;
 }
 const isDate$1 = (dateToTest) => !Number.isNaN(Date.parse(dateToTest));
-function getFallbackSchema(data2, showFields) {
+function getFallbackSchema(data2, columns) {
   const keys4 = Array.from(new Set((data2 ?? []).flatMap(Object.keys)));
   const schema = keys4.map((id) => ({
     id,
@@ -15214,7 +15219,7 @@ function getFallbackSchema(data2, showFields) {
       return val;
     }
   }));
-  return showFields ? schema.filter((f2) => showFields.includes(f2.id) || !f2.id) : schema;
+  return columns ? schema.filter((f2) => columns.includes(f2.id) || !f2.id) : schema;
 }
 function sleep(ms = 100) {
   return new Promise((resolve) => setTimeout(resolve, ms));
@@ -15295,6 +15300,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     modelValue: { default: void 0 },
     schema: { default: void 0 },
     tag: { default: "form" },
+    class: { default: "" },
     onSubmit: {}
   },
   emits: ["update:modelValue"],
@@ -15398,6 +15404,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             ref_key: "form",
             ref: form,
+            class: vue.normalizeClass(props2.class),
             onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
           }, [
             resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
@@ -15411,10 +15418,11 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
               validateForm,
               formState: formState.value
             })
-          ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
+          ], 34)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
             return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
-              key: field.id
-            });
+              key: field.id,
+              class: vue.normalizeClass(props2.class)
+            }, null, 8, ["class"]);
           }), 128))
         ], 64)) : vue.createCommentVNode("", true),
         formState.value === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 1 }) : vue.createCommentVNode("", true),
@@ -15428,7 +15436,7 @@ const _hoisted_2$y = {
   key: 0,
   class: "ps-025 border-start mb-05"
 };
-const _hoisted_3$s = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
+const _hoisted_3$t = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
 const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
@@ -15511,7 +15519,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
                 schema: _ctx.schema
               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"]),
-              vue.createElementVNode("div", _hoisted_3$s, [
+              vue.createElementVNode("div", _hoisted_3$t, [
                 props2.delete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                   key: 0,
                   icon: "delete",
@@ -15572,7 +15580,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$J = ["title"];
 const _hoisted_2$x = ["id", "value", "required"];
-const _hoisted_3$r = ["for"];
+const _hoisted_3$s = ["for"];
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -15581,19 +15589,18 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     title: {},
     small: { type: Boolean },
     required: { type: Boolean },
-    defaultValue: { type: Boolean, default: false },
+    defaultValue: { default: false },
     value: {}
   }, {
-    "modelValue": { type: [Boolean, Array], ...{ default: void 0 } },
+    "modelValue": { default: void 0 },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
-    const props2 = __props;
-    const inputId = vue.computed(() => props2.id || Math.random().toString(36).slice(7));
+    const inputId = vue.computed(() => __props.id || Math.random().toString(36).slice(7));
     const checked = vue.useModel(__props, "modelValue");
     vue.onMounted(() => {
-      if (checked.value === void 0) checked.value = props2.defaultValue;
+      if (checked.value === void 0) checked.value = __props.defaultValue;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -15614,18 +15621,18 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$r)
+        ], 8, _hoisted_3$s)
       ], 10, _hoisted_1$J);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-03ed2982"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-0c86700b"]]);
 const _hoisted_1$I = { class: "mb-05" };
 const _hoisted_2$w = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$q = {
+const _hoisted_3$r = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
@@ -15716,7 +15723,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$w, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
+        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$r, [
           vue.createElementVNode("div", {
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
@@ -15752,7 +15759,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
 });
 const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-1fbc9b61"]]);
 const _hoisted_1$H = ["title"];
-const _hoisted_2$v = ["id", "placeholder", "required"];
+const _hoisted_2$v = { class: "flex bg-input rounded px-025 colorInputPickWrap" };
+const _hoisted_3$q = ["id", "placeholder", "required"];
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorInput",
   props: {
@@ -15783,15 +15791,34 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", null, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
-            id: _ctx.id,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
-            type: "color",
-            placeholder: _ctx.placeholder || _ctx.label,
-            class: { "no-edit": !_ctx.editMode },
-            required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$v), [
-            [vue.vModelText, inputVal.value]
+          vue.createElementVNode("div", _hoisted_2$v, [
+            vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+              id: _ctx.id,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+              class: ["border", { "no-edit": !_ctx.editMode, "opacity-1": !inputVal.value }],
+              type: "color",
+              placeholder: _ctx.placeholder || _ctx.label,
+              required: _ctx.required
+            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$q), [
+              [vue.vModelText, inputVal.value]
+            ]),
+            vue.withDirectives(vue.createElementVNode("input", {
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputVal.value = $event),
+              class: "flex-grow-4 border colorInputPick",
+              style: { "width": "50px" },
+              type: "text",
+              placeholder: "Enter color"
+            }, null, 512), [
+              [vue.vModelText, inputVal.value]
+            ]),
+            vue.createVNode(vue.unref(Btn), {
+              class: vue.normalizeClass({ "not-allowed opacity-3": !inputVal.value }),
+              round: "",
+              flat: "",
+              thin: "",
+              icon: "clear",
+              onClick: _cache[2] || (_cache[2] = ($event) => inputVal.value = "")
+            }, null, 8, ["class"])
           ])
         ])
       ], 10, _hoisted_1$H);
@@ -15842,6 +15869,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     max: {},
     timezone: { default: "UTC" },
     mode: { default: "day" },
+    defaultValue: {},
     firstDayOfWeek: { default: WEEK_START_DAY.SUNDAY },
     locale: { default: "" },
     center: { type: Boolean }
@@ -15857,23 +15885,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     function useFormatting() {
       const formatDisplayDate = (date2) => {
         if (!date2) return "";
-        const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
-        const options = {
-          year: "numeric",
-          month: "short",
-          day: "numeric",
-          ...props2.enableTime && {
-            hour: "2-digit",
-            minute: "2-digit"
-          },
-          timeZone: props2.timezone
-        };
-        return dateObj.toLocaleString(props2.locale || void 0, options);
-      };
-      const formatDate2 = (date2) => {
-        if (!date2) return "";
-        const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
-        return props2.enableTime ? dateObj.toISOString().slice(0, 16) : dateObj.toISOString().split("T")[0];
+        return formatDate(date2, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy");
       };
       const parseUserInput = (input) => {
         const date2 = new Date(input);
@@ -15894,7 +15906,6 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       };
       return {
         formatDisplayDate,
-        formatDate: formatDate2,
         parseUserInput
       };
     }
@@ -15920,13 +15931,14 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       };
     }
     function useDateState() {
-      const { formatDisplayDate, formatDate: formatDate2 } = useFormatting();
+      const { formatDisplayDate } = useFormatting();
       const formattedDisplayValue2 = vue.computed(() => formatDisplayDate(props2.modelValue));
-      const formattedMin2 = vue.computed(() => formatDate2(props2.min));
-      const formattedMax2 = vue.computed(() => formatDate2(props2.max));
+      const formattedMin2 = vue.computed(() => formatDate(props2.min, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
+      const formattedMax2 = vue.computed(() => formatDate(props2.max, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
       const selectedDate2 = vue.computed(() => {
-        if (!props2.modelValue) return null;
-        return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
+        const value = props2.modelValue || props2.defaultValue;
+        if (!value) return null;
+        return typeof value === "string" ? new Date(value) : value;
       });
       return {
         formattedDisplayValue: formattedDisplayValue2,
@@ -16131,14 +16143,14 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     function selectDate(date2) {
       var _a, _b;
       if (!date2 || !props2.editMode) return;
-      const tzOffset = (/* @__PURE__ */ new Date()).getTimezoneOffset();
-      const newDate = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
       if (props2.enableTime) {
+        const newDate = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
         const currentHours = ((_a = selectedDate.value) == null ? void 0 : _a.getHours()) ?? (/* @__PURE__ */ new Date()).getHours();
         const currentMinutes = ((_b = selectedDate.value) == null ? void 0 : _b.getMinutes()) ?? (/* @__PURE__ */ new Date()).getMinutes();
         newDate.setHours(currentHours);
         newDate.setMinutes(currentMinutes);
         if (props2.timezone === "UTC") {
+          const tzOffset = (/* @__PURE__ */ new Date()).getTimezoneOffset();
           newDate.setMinutes(newDate.getMinutes() + tzOffset);
         }
         emit2("update:modelValue", newDate.toISOString());
@@ -16356,7 +16368,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-c35156b6"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-ca4c1d9b"]]);
 const _hoisted_1$F = ["title"];
 const _hoisted_2$t = { key: 0 };
 const _hoisted_3$o = {
@@ -16418,32 +16430,12 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     const time = new Time(props2.firstDayOfWeek, props2.locale);
     function formatDisplayDate(date2) {
       if (!date2) return "";
-      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
-      if (props2.enableTime) {
-        return dateObj.toLocaleString(props2.locale || void 0, {
-          year: "numeric",
-          month: "short",
-          day: "numeric",
-          hour: "2-digit",
-          minute: "2-digit",
-          timeZone: props2.timezone
-        });
-      }
-      return dateObj.toLocaleString(props2.locale || void 0, {
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-        timeZone: props2.timezone
-      });
-    }
-    function formatDate2(date2) {
-      if (!date2) return "";
-      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
-      return props2.enableTime ? dateObj.toISOString().slice(0, 16) : dateObj.toISOString().split("T")[0];
+      console.log("date", date2);
+      return formatDate(date2, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy", props2.locale);
     }
     const formattedDisplayValue = vue.computed(() => formatDisplayDate(props2.modelValue));
-    const formattedMin = vue.computed(() => formatDate2(props2.min));
-    const formattedMax = vue.computed(() => formatDate2(props2.max));
+    const formattedMin = vue.computed(() => formatDate(props2.min, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
+    const formattedMax = vue.computed(() => formatDate(props2.max, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
     const selectedDate = vue.computed(() => {
       if (!props2.modelValue) return null;
       return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
@@ -16753,7 +16745,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-3d6519f4"]]);
+const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-2550becf"]]);
 const _hoisted_1$E = { class: "datetime-wrap" };
 const _hoisted_2$s = {
   key: 0,
@@ -17079,7 +17071,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
                   vue.createElementVNode("div", _hoisted_5$e, [
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
                     }),
@@ -17130,7 +17122,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -17160,7 +17152,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                       src: fileToUrl(fileQ.file),
                       alt: ""
                     }, null, 8, ["width", "src"])) : vue.createCommentVNode("", true)
-                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -17171,7 +17163,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$3, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       class: "success",
                       icon: "check"
                     })
@@ -17223,7 +17215,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     }, null, 8, ["src"]), [
                       [_directive_lightbox, { src: file.url, download: true }]
                     ])
-                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -17244,7 +17236,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       class: "success",
                       icon: "check"
                     })
@@ -17268,7 +17260,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_16$1, [
-              vue.createVNode(vue.unref(Icon), { icon: "upload_2" }),
+              vue.createVNode(vue.unref(_sfc_main$s), { icon: "upload_2" }),
               vue.createElementVNode("span", _hoisted_17$1, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : vue.createCommentVNode("", true)
@@ -17484,12 +17476,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               ]
             ]),
             _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$d, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
-            _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+            _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
               key: 2,
               class: "iconStart",
               icon: _ctx.iconStart
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
               key: 3,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -17527,7 +17519,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-77950bb7"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-af266bf2"]]);
 const _hoisted_1$A = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
@@ -17671,9 +17663,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     const props2 = __props;
     const password = vue.useModel(__props, "modelValue");
     const showPwd = vue.useModel(__props, "showPwd");
-    const toggleShowPwdIcon = vue.computed(
-      () => showPwd.value ? "visibility_off" : "visibility"
-    );
+    const toggleShowPwdIcon = vue.computed(() => showPwd.value ? "visibility_off" : "visibility");
     const inputType = vue.computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
@@ -19730,6 +19720,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     hideLabel: { type: Boolean },
     defaultValue: {},
     clearable: { type: Boolean },
+    placement: { default: "bottom-start" },
     searchPlaceholder: {},
     onSearch: {}
   },
@@ -19895,7 +19886,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         ref: dropdown,
         shown: vue.unref(open),
         "onUpdate:shown": _cache[9] || (_cache[9] = ($event) => vue.isRef(open) ? open.value = $event : open = $event),
-        placement: "bottom-start",
+        placement: _ctx.placement,
         class: "bagel-input selectinput",
         "no-auto-focus": ""
       }, {
@@ -19929,7 +19920,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => navigate("up"), ["prevent"]), ["up"]))
                 ]
               }, [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -19946,7 +19937,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     })
                   })
                 ])) : vue.createCommentVNode("", true),
-                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), vue.mergeProps({
+                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), vue.mergeProps({
                   key: 3,
                   thin: ""
                 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
@@ -19994,12 +19985,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     ]
                   }, [
                     _ctx.multiselect ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                         key: 0,
                         size: 1.1,
                         icon: "select_check_box"
                       })) : vue.createCommentVNode("", true),
-                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                         key: 1,
                         class: "opacity-3",
                         icon: "check_box_outline_blank",
@@ -20016,11 +20007,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           }, 8, ["style"])
         ]),
         _: 3
-      }, 8, ["shown"]);
+      }, 8, ["shown", "placement"]);
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-70535216"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-44384e8f"]]);
 /*!
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -23409,7 +23400,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                       class: "flex table-row"
                     }, [
                       vue.createElementVNode("div", _hoisted_5$8, [
-                        vue.createVNode(vue.unref(Icon), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$s), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -23426,7 +23417,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$7, [
-                        vue.createVNode(vue.unref(Icon), {
+                        vue.createVNode(vue.unref(_sfc_main$s), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -28218,7 +28209,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             }, {
               trigger: vue.withCtx(() => [
                 vue.createElementVNode("span", _hoisted_2$f, [
-                  vue.createVNode(vue.unref(Icon), {
+                  vue.createVNode(vue.unref(_sfc_main$s), {
                     icon: open.value ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
                   vue.unref(computedDropDownOptions).showFlags && vue.unref(activeCountryCode) ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
@@ -28245,7 +28236,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                       return vue.openBlock(), vue.createElementBlock("li", {
                         key: pb.iso2 + isPreferred(pb),
                         role: "option",
-                        class: "flex gap-075",
+                        class: "flex gap-075 pointer hover",
                         tabindex: "-1",
                         "aria-selected": vue.unref(activeCountryCode) === pb.iso2 && !isPreferred(pb),
                         onClick: ($event) => vue.unref(chooseCountry)(pb.iso2),
@@ -28272,7 +28263,6 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               disabled: _ctx.disabled,
               type: "tel",
               autocomplete: _ctx.autocomplete,
-              class: "vti__input",
               pattern: vue.unref(computedInputOptions).pattern,
               minlength: vue.unref(computedInputOptions).minlength,
               maxlength: vue.unref(computedInputOptions).maxlength,
@@ -28297,7 +28287,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a77caf64"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-133e2b3f"]]);
 const _hoisted_1$o = ["title"];
 const _hoisted_2$e = ["for"];
 const _hoisted_3$b = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
@@ -28434,12 +28424,12 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelText, vue.unref(inputVal)]
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$6, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
-          _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+          _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
             key: 3,
             class: "iconStart",
             icon: _ctx.iconStart
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
             key: 4,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -28728,7 +28718,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     download: path_key.split("/").pop()
                   }, null, 8, ["href", "download"]),
                   vue.createElementVNode("div", _hoisted_5$5, [
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
                     }),
@@ -28771,7 +28761,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     key: 0,
                     pathKey: path_key,
                     class: "multi-preview"
-                  }, null, 8, ["pathKey"])) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  }, null, 8, ["pathKey"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 1,
                     icon: "description",
                     class: "multi-preview"
@@ -28798,7 +28788,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     class: "multi-preview",
                     src: fileToUrl(file.file),
                     alt: ""
-                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 1,
                     icon: "description",
                     class: "multi-preview"
@@ -28809,7 +28799,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
                     file.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$2, vue.toDisplayString(file.progress.toFixed(0)), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       class: "success",
                       icon: "check_circle"
                     })
@@ -28857,7 +28847,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     }, null, 8, ["pathKey"]), [
                       [_directive_lightbox, { src: vue.unref(pathKeyToURL)(path_key), download: true }]
                     ])
-                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -28878,7 +28868,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
                     file.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(file.progress.toFixed(0)), 1)) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       class: "success",
                       icon: "check_circle"
                     })
@@ -28902,7 +28892,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             browse
           }, () => [
             vue.createElementVNode("p", _hoisted_16, [
-              vue.createVNode(vue.unref(Icon), { icon: "upload_2" }),
+              vue.createVNode(vue.unref(_sfc_main$s), { icon: "upload_2" }),
               vue.createElementVNode("span", _hoisted_17, vue.toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : vue.createCommentVNode("", true)
@@ -33368,7 +33358,6 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-b28cd148"]]);
 const _hoisted_1$l = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "IframeVue",
@@ -33541,7 +33530,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(normalizeDimension)(_ctx.height)
         })
       }, [
-        vue.createVNode(vue.unref(Icon), { name: "broken_image" })
+        vue.createVNode(vue.unref(_sfc_main$s), { name: "broken_image" })
       ], 4)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
         key: 3,
         class: "img-web-kit",
@@ -33571,7 +33560,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               onClick: nav.onClick
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(Icon), {
+                vue.createVNode(vue.unref(_sfc_main$s), {
                   icon: nav.icon,
                   size: 1.4,
                   class: "m-0 line-height-14"
@@ -33673,7 +33662,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 class: "nav-button px-075 me-auto w-100"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(Icon), {
+                  vue.createVNode(vue.unref(_sfc_main$s), {
                     icon: nav.icon,
                     size: 1.4
                   }, null, 8, ["icon"]),
@@ -33900,14 +33889,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     const tabsWrap = vue.ref(void 0);
     const tabs = vue.ref([]);
     function updateIndicator() {
-      const activeTab = tabs.value.find((tab) => tab.classList.contains("active"));
-      if (activeTab && tabsWrap.value) {
-        const { offsetLeft, offsetWidth } = activeTab;
-        tabsWrap.value.style.setProperty("--indicator-left", `${offsetLeft}px`);
-        if (tabsWrap.value) {
+      vue.nextTick(() => {
+        if (!tabsWrap.value) return;
+        const activeTab = tabs.value.find((tab) => tab.classList.contains("active"));
+        if (activeTab) {
+          const { offsetLeft, offsetWidth } = activeTab;
+          tabsWrap.value.style.setProperty("--indicator-left", `${offsetLeft}px`);
           tabsWrap.value.style.setProperty("--indicator-width", `${offsetWidth}px`);
         }
-      }
+      });
     }
     function selectTab(tab) {
       currentTab.value = typeof tab === "string" ? tab : tab.id;
@@ -33940,6 +33930,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       updateIndicator();
       window.addEventListener("resize", updateIndicator);
     });
+    vue.watch(
+      () => tabs.value,
+      () => {
+        vue.nextTick(() => {
+          updateIndicator();
+        });
+      },
+      { deep: true }
+    );
     vue.onBeforeUnmount(() => {
       window.removeEventListener("resize", updateIndicator);
     });
@@ -33957,7 +33956,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass([{ active: isActive(tab) }, "bgl_tab relative z-1"]),
               onClick: ($event) => selectTab(tab)
             }, [
-              typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+              typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                 key: 0,
                 icon: tab.icon
               }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -33969,7 +33968,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-e680c2a4"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6ece2018"]]);
 const _hoisted_1$e = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$9 = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
@@ -33999,7 +33998,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             src: _ctx.src,
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
             key: 1,
             size: "1.2",
             class: "color-primary",
@@ -34206,7 +34205,7 @@ const _hoisted_1$a = {
 };
 const _hoisted_2$7 = {
   key: 1,
-  class: "sticky bg-popup z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
+  class: "sticky z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
 const _hoisted_3$5 = {
   key: 2,
@@ -34554,7 +34553,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           onClick: toggleMenu,
           onKeypress: vue.withKeys(toggleMenu, ["enter"])
         }, [
-          vue.createVNode(vue.unref(Icon), {
+          vue.createVNode(vue.unref(_sfc_main$s), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -34573,7 +34572,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(Icon), {
+                    vue.createVNode(vue.unref(_sfc_main$s), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(link.label), 1)
@@ -34595,7 +34594,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(Icon), {
+                  vue.createVNode(vue.unref(_sfc_main$s), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$4, vue.toDisplayString(link.label), 1)
@@ -34740,7 +34739,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               }, _ctx.btn), null, 16)
             ])) : vue.createCommentVNode("", true)
           ])),
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
             key: 2,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -34748,7 +34747,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           !vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createTextVNode(vue.toDisplayString(_ctx.value || _ctx.modelValue), 1)
           ], 64)) : vue.createCommentVNode("", true),
-          _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+          _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
             key: 4,
             icon: _ctx.iconEnd
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -34890,7 +34889,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("span", {
                     onClick: ($event) => col.sortable && _ctx.$emit("sortColumn", col.key)
                   }, vue.toDisplayString(col.label || col.key), 9, _hoisted_3$2),
-                  _ctx.sortColumn === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                  _ctx.sortColumn === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 0,
                     class: vue.normalizeClass(["line-height-0 transition-400", { "rotate-180": _ctx.sortDirection === "desc" }]),
                     name: "keyboard_arrow_down"
@@ -35484,7 +35483,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                     return vue.openBlock(), vue.createBlock(vue.unref(CheckInput), {
                       key: col.key,
                       modelValue: visibleColumns.value,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visibleColumns.value = $event),
+                      "onUpdate:modelValue": [
+                        _cache[2] || (_cache[2] = ($event) => visibleColumns.value = $event),
+                        _cache[3] || (_cache[3] = (val) => void 0)
+                      ],
                       value: col.key,
                       label: col.label || col.key
                     }, null, 8, ["modelValue", "value", "label"]);
@@ -35497,7 +35499,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               ref_key: "searchInputRef",
               ref: searchInputRef,
               modelValue: search.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => search.value = $event),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => search.value = $event),
               icon: "search",
               placeholder: "Search",
               class: "m-0 max-w200px"
@@ -35613,7 +35615,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8e95a7a9"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-42b4475d"]]);
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
@@ -36131,15 +36133,15 @@ function useBagelFormState() {
   if (!state2) throw new Error("BagelFormState must be provided");
   return state2;
 }
-function useBglSchema({ schema, showFields, data: data2 } = {}) {
+function useBglSchema({ schema, columns, data: data2 } = {}) {
   let _schema = schema;
   if (typeof _schema === "function") {
     _schema = _schema();
   }
   if (_schema) {
-    return showFields && showFields.length > 0 ? _schema.filter((f2) => showFields.includes(f2.id)) : _schema;
+    return columns && columns.length > 0 ? _schema.filter((f2) => columns.includes(f2.id)) : _schema;
   }
-  return getFallbackSchema(data2, showFields);
+  return getFallbackSchema(data2, columns);
 }
 function localRef(key, initialValue) {
   const storedValue = localStorage.getItem(key);
@@ -36597,13 +36599,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           title: item == null ? void 0 : item.name,
                           class: "vw90"
                         }, null, 8, _hoisted_5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                          vue.createVNode(vue.unref(Icon), {
+                          vue.createVNode(vue.unref(_sfc_main$s), {
                             class: "m-0 m_none",
                             icon: "draft",
                             size: 10,
                             weight: "12"
                           }),
-                          vue.createVNode(vue.unref(Icon), {
+                          vue.createVNode(vue.unref(_sfc_main$s), {
                             class: "m-0 none m_block m_-mb-1",
                             icon: "draft",
                             size: 4,
@@ -36642,7 +36644,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 8, ["src", "class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
+                      }, null, 8, ["src", "class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                         key: 1,
                         class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 ed flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         icon: "description",
@@ -37451,34 +37453,76 @@ function timeAgo(date2, lang = "en") {
   }
   return selectedLang.justNow;
 }
-const formatMap = {
-  dd: { type: "day", format: "2-digit" },
-  ddd: { type: "weekday", format: "short" },
-  dddd: { type: "weekday", format: "long" },
-  mm: { type: "month", format: "2-digit" },
-  mmm: { type: "month", format: "short" },
-  mmmm: { type: "month", format: "long" },
-  yy: { type: "year", format: "2-digit" },
-  yyyy: { type: "year", format: "numeric" },
-  HH: { type: "hour", format: "2-digit" },
-  hh: { type: "hour", format: "2-digit" },
-  MM: { type: "minute", format: "2-digit" },
-  ss: { type: "second", format: "2-digit" },
-  ampm: { type: "dayPeriod", format: "short" }
-};
-function formatDate(date2, format2 = "dd.mm.yy") {
+function getBrowserNavigatorLocale() {
+  if (typeof navigator !== "object") return "en-US";
+  return navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;
+}
+function formatDate(date2, format2 = "dd.mm.yy", locale2) {
+  var _a;
   if (!date2) return "";
+  locale2 = locale2 || getBrowserNavigatorLocale();
   try {
-    const formatParts = format2.split(/[.\s:]/);
-    const formatObject = {};
-    for (const part of formatParts) {
-      const formatInfo = formatMap[part];
-      if (!formatInfo) continue;
-      formatObject[formatInfo.type] = formatInfo.format;
-    }
     const d2 = typeof date2 === "string" ? new Date(date2) : date2;
-    return d2.toLocaleDateString("he-IL", formatObject);
+    if (Number.isNaN(d2.getTime())) {
+      console.warn("Invalid date provided to formatDate:", date2);
+      return "";
+    }
+    const separator = ((_a = format2.match(/[^\w\s]/)) == null ? void 0 : _a[0]) || ".";
+    const formatParts = format2.split(/[^\w\s]/);
+    const datePartsMap = {
+      dd: String(d2.getDate()).padStart(2, "0"),
+      ddd: d2.toLocaleString(locale2, { weekday: "short" }),
+      dddd: d2.toLocaleString(locale2, { weekday: "long" }),
+      mm: String(d2.getMonth() + 1).padStart(2, "0"),
+      mmm: d2.toLocaleString(locale2, { month: "short" }),
+      mmmm: d2.toLocaleString(locale2, { month: "long" }),
+      yy: String(d2.getFullYear()).slice(-2),
+      yyyy: String(d2.getFullYear()),
+      HH: String(d2.getHours()).padStart(2, "0"),
+      MM: String(d2.getMinutes()).padStart(2, "0"),
+      ss: String(d2.getSeconds()).padStart(2, "0")
+    };
+    const formatter = new Intl.DateTimeFormat(locale2, {
+      weekday: "long",
+      month: "long",
+      day: "numeric",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: true
+    });
+    const formattedParts = formatter.formatToParts(d2);
+    const partsMap = {};
+    formattedParts.forEach((part) => {
+      if (part.type !== "literal") {
+        partsMap[part.type] = part.value;
+      }
+    });
+    if (partsMap.month) {
+      datePartsMap.mmm = partsMap.month.substring(0, 3);
+      datePartsMap.mmmm = partsMap.month;
+    }
+    if (partsMap.weekday) {
+      datePartsMap.ddd = partsMap.weekday.substring(0, 3);
+      datePartsMap.dddd = partsMap.weekday;
+    }
+    if (partsMap.dayPeriod) {
+      datePartsMap.ampm = partsMap.dayPeriod;
+    }
+    let formattedDate = "";
+    for (let i2 = 0; i2 < formatParts.length; i2++) {
+      const part = formatParts[i2];
+      if (datePartsMap[part]) {
+        formattedDate += datePartsMap[part];
+      }
+      if (i2 < formatParts.length - 1) {
+        formattedDate += separator;
+      }
+    }
+    return formattedDate;
   } catch (error) {
+    console.warn("Error formatting date", error);
     return "";
   }
 }
@@ -37515,7 +37559,7 @@ exports.FileUpload = FileUpload;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
-exports.Icon = Icon;
+exports.Icon = _sfc_main$s;
 exports.IframeVue = _sfc_main$r;
 exports.Image = Image$1;
 exports.JSONInput = JSONInput;