@bagelink/vue 1.0.24 → 1.0.30

package/dist/index.mjs

@@ -19,7 +19,7 @@ const _sfc_main$1n = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "AccordionItem",
   props: {
@@ -83,7 +83,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(["accordion-icon", [_ctx.iconClass, { open: unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            createVNode(unref(Icon), { icon: computedIcon.value }, null, 8, ["icon"])
+            createVNode(unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "head", {}, () => [
             createElementVNode("span", _hoisted_2$S, toDisplayString(_ctx.label), 1)
@@ -92,7 +92,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             key: 1,
             class: normalizeClass(["accordion-icon", [_ctx.iconClass, { open: unref(isOpen) && _ctx.iconType === "expand_more" }]])
           }, [
-            createVNode(unref(Icon), { icon: computedIcon.value }, null, 8, ["icon"])
+            createVNode(unref(_sfc_main$s), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true)
         ], 8, _hoisted_1$1a),
         createVNode(Transition, { name: "expand" }, {
@@ -104,7 +104,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$H)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$I)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -250,7 +250,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             class: "h-100p",
             size: "15"
           })) : (openBlock(), createElementBlock("div", _hoisted_1$18, [
-            _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 0,
               icon: _ctx.icon,
               class: "transition-400"
@@ -259,7 +259,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             !unref(slots).default && _ctx.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.value), 1)
             ], 64)) : createCommentVNode("", true),
-            _ctx.iconEnd ? (openBlock(), createBlock(unref(Icon), {
+            _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 2,
               icon: _ctx.iconEnd,
               class: "transition-400"
@@ -297,7 +297,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        _ctx.icon !== "none" ? (openBlock(), createBlock(unref(Icon), {
+        _ctx.icon !== "none" ? (openBlock(), createBlock(unref(_sfc_main$s), {
           key: 0,
           class: "alert_icon",
           icon: _ctx.icon || _ctx.type,
@@ -359,13 +359,13 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true),
         createTextVNode(" " + toDisplayString(_ctx.text) + " ", 1),
-        _ctx.iconEnd ? (openBlock(), createBlock(unref(Icon), {
+        _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
           key: 1,
           class: "inline",
           icon: _ctx.iconEnd
@@ -377,7 +377,7 @@ const _sfc_main$1h = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -469,7 +469,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$G)
+          }, null, 8, _hoisted_3$H)
         ], 12, _hoisted_2$Q)) : createCommentVNode("", true)
       ], 2);
     };
@@ -739,7 +739,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"
 };
@@ -828,15 +828,15 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(handleClickOnEvent, ["prevent"])
       }, [
         createElementVNode("div", _hoisted_2$O, [
-          eventTime.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_3$F, [
-            createVNode(unref(Icon), {
+          eventTime.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_3$G, [
+            createVNode(unref(_sfc_main$s), {
               icon: icons.clock,
               size: 0.8
             }, null, 8, ["icon"]),
             createTextVNode(" " + toDisplayString(eventTime.value), 1)
           ])) : createCommentVNode("", true),
           __props.calendarEvent.location ? (openBlock(), createElementBlock("span", _hoisted_4$t, [
-            createVNode(unref(Icon), {
+            createVNode(unref(_sfc_main$s), {
               icon: icons.location,
               size: 1
             }, null, 8, ["icon"]),
@@ -846,7 +846,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         createElementVNode("div", null, [
           createElementVNode("div", _hoisted_5$p, toDisplayString(__props.calendarEvent.title), 1),
           __props.calendarEvent.with ? (openBlock(), createElementBlock("div", _hoisted_6$l, [
-            createVNode(unref(Icon), {
+            createVNode(unref(_sfc_main$s), {
               icon: icons.user
             }, null, 8, ["icon"]),
             createTextVNode(" " + toDisplayString(__props.calendarEvent.with), 1)
@@ -859,7 +859,7 @@ const _sfc_main$1e = /* @__PURE__ */ 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 = {
@@ -892,7 +892,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$12, [
         createElementVNode("header", _hoisted_2$N, [
-          createElementVNode("div", _hoisted_3$E, toDisplayString(__props.day.dayName.slice(0, 3)), 1),
+          createElementVNode("div", _hoisted_3$F, toDisplayString(__props.day.dayName.slice(0, 3)), 1),
           createElementVNode("div", _hoisted_4$s, toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
         createElementVNode("div", _hoisted_5$o, [
@@ -1597,7 +1597,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"
 };
@@ -1806,20 +1806,20 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (openBlock(), createElementBlock("div", _hoisted_1$11, [
           createElementVNode("div", _hoisted_2$M, [
-            isEditable.value ? (openBlock(), createElementBlock("span", _hoisted_3$D, [
-              createVNode(unref(Icon), {
+            isEditable.value ? (openBlock(), createElementBlock("span", _hoisted_3$E, [
+              createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-edit-icon",
                 icon: icons.edit,
                 onClick: editEvent
               }, null, 8, ["icon"]),
-              createVNode(unref(Icon), {
+              createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-trash-icon",
                 icon: icons.trash,
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : createCommentVNode("", true),
             createElementVNode("span", _hoisted_4$r, [
-              createVNode(unref(Icon), {
+              createVNode(unref(_sfc_main$s), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
                 onClick: closeFlyout
@@ -1836,25 +1836,25 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             calendarEvent.value.time ? (openBlock(), createElementBlock("div", _hoisted_7$f, toDisplayString(getEventTime.value), 1)) : createCommentVNode("", true),
             calendarEvent.value.location ? (openBlock(), createElementBlock("div", _hoisted_8$9, [
-              createVNode(unref(Icon), {
+              createVNode(unref(_sfc_main$s), {
                 icon: icons.location
               }, null, 8, ["icon"]),
               createTextVNode(" " + toDisplayString(calendarEvent.value.location), 1)
             ])) : createCommentVNode("", true),
             calendarEvent.value.with ? (openBlock(), createElementBlock("div", _hoisted_9$7, [
-              createVNode(unref(Icon), {
+              createVNode(unref(_sfc_main$s), {
                 icon: icons.user
               }, null, 8, ["icon"]),
               createTextVNode(" " + toDisplayString(calendarEvent.value.with), 1)
             ])) : createCommentVNode("", true),
             calendarEvent.value.topic ? (openBlock(), createElementBlock("div", _hoisted_10$7, [
-              createVNode(unref(Icon), {
+              createVNode(unref(_sfc_main$s), {
                 icon: icons.topic
               }, null, 8, ["icon"]),
               createTextVNode(" " + toDisplayString(calendarEvent.value.topic), 1)
             ])) : createCommentVNode("", true),
             calendarEvent.value.description ? (openBlock(), createElementBlock("div", _hoisted_11$6, [
-              createVNode(unref(Icon), {
+              createVNode(unref(_sfc_main$s), {
                 icon: icons.description
               }, null, 8, ["icon"]),
               createElementVNode("p", {
@@ -1876,7 +1876,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"
@@ -1986,7 +1986,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
           eventTimeStart.value && !__props.calendarEvent.originalEvent ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(eventTimeStart.value), 1)) : createCommentVNode("", true),
           createElementVNode("span", _hoisted_5$m, toDisplayString(__props.calendarEvent.title), 1)
-        ], 42, _hoisted_3$C))
+        ], 42, _hoisted_3$D))
       ], 64));
     };
   }
@@ -1994,7 +1994,7 @@ const _sfc_main$1b = /* @__PURE__ */ 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"
@@ -2102,7 +2102,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
               onClick: emitDayWasClicked
             }, toDisplayString(__props.day.dateTimeString.substring(8, 10).startsWith("0") ? __props.day.dateTimeString.substring(9, 10) : __props.day.dateTimeString.substring(8, 10)), 1)
           ]),
-          createElementVNode("div", _hoisted_3$B, [
+          createElementVNode("div", _hoisted_3$C, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.day.events, (calendarEvent, index2) => {
               return openBlock(), createElementBlock(Fragment, { key: index2 }, [
                 index2 < 3 ? (openBlock(), createBlock(Event, {
@@ -2148,7 +2148,7 @@ const _sfc_main$19 = /* @__PURE__ */ 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"
@@ -2267,7 +2267,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["config", "day", "time"]);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$A, [
+        createElementVNode("div", _hoisted_3$B, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(month.value, (week, weekIndex) => {
             return openBlock(), createElementBlock("div", {
               key: weekIndex,
@@ -2534,7 +2534,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"
@@ -2895,36 +2895,36 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
           })
         }, [
           createElementVNode("div", _hoisted_2$I, toDisplayString(event.value.title), 1),
-          createElementVNode("div", _hoisted_3$z, [
-            createVNode(unref(Icon), {
+          createElementVNode("div", _hoisted_3$A, [
+            createVNode(unref(_sfc_main$s), {
               icon: icons.value.clock,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(getEventTime.value), 1)
           ]),
           event.value.location ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
-            createVNode(unref(Icon), {
+            createVNode(unref(_sfc_main$s), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(event.value.location), 1)
           ])) : createCommentVNode("", true),
           event.value.with ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
-            createVNode(unref(Icon), {
+            createVNode(unref(_sfc_main$s), {
               icon: icons.value.user,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(event.value.with), 1)
           ])) : createCommentVNode("", true),
           event.value.topic ? (openBlock(), createElementBlock("div", _hoisted_6$i, [
-            createVNode(unref(Icon), {
+            createVNode(unref(_sfc_main$s), {
               icon: icons.value.topic,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             createElementVNode("span", null, toDisplayString(event.value.topic), 1)
           ])) : createCommentVNode("", true),
           event.value.description ? (openBlock(), createElementBlock("div", _hoisted_7$e, [
-            createVNode(unref(Icon), {
+            createVNode(unref(_sfc_main$s), {
               icon: icons.value.description,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
@@ -3227,7 +3227,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" };
@@ -3261,7 +3261,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
             }]),
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
-            createElementVNode("div", _hoisted_3$y, [
+            createElementVNode("div", _hoisted_3$z, [
               createElementVNode("div", _hoisted_4$m, toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
               createElementVNode("div", _hoisted_5$k, toDisplayString(getDaysDate(day)), 1)
             ]),
@@ -3287,7 +3287,7 @@ const _sfc_main$13 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Week",
   props: {
@@ -3553,7 +3553,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               "day-intervals": dayIntervals.value,
               "week-height": weekHeight.value
             }, null, 8, ["time", "day-intervals", "week-height"])),
-            createElementVNode("div", _hoisted_3$x, [
+            createElementVNode("div", _hoisted_3$y, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day, dayIndex) => {
                 return openBlock(), createBlock(Day, {
                   key: day.dateTimeString + mode.value + weekVersion.value,
@@ -3637,7 +3637,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"
 };
@@ -3829,7 +3829,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(Transition, { name: "loading" }, {
             default: withCtx(() => [
-              __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3$w)) : createCommentVNode("", true)
+              __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3$x)) : createCommentVNode("", true)
             ]),
             _: 1
           }),
@@ -3967,7 +3967,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;
@@ -4403,7 +4403,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
               key: i2,
               class: normalizeClass(["dot", { current: unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$v);
+            }, null, 10, _hoisted_3$w);
           }), 128))
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4$l, [
@@ -10258,7 +10258,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 = {
@@ -10276,7 +10276,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      createElementVNode("g", _hoisted_3$u, [
+      createElementVNode("g", _hoisted_3$v, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -10686,11 +10686,16 @@ const SRC_VALUE_COMPONENTS = /* @__PURE__ */ new Set(["img", "iframe"]);
 function useTableData(options) {
   const sortField = ref("");
   const sortDirection = ref("ASC");
-  const computedSchema = 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 = 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);
@@ -10718,7 +10723,8 @@ function useTableData(options) {
   const computedSortField = computed(() => sortField.value ? `_transformed_${sortField.value}` : "");
   const computedData = 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) => {
@@ -10766,7 +10772,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: {
     schema: { type: Function },
-    showFields: {},
+    columns: {},
     useServerSort: { type: Boolean },
     selectable: { type: Boolean },
     onLastItemVisible: { type: Function },
@@ -10783,7 +10789,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     } = useTableData({
       data: data2,
       schema: props2.schema,
-      showFields: props2.showFields,
+      columns: props2.columns,
       useServerSort: false
     });
     const firstItem = computed(() => computedData.value[0] || {});
@@ -10803,7 +10809,7 @@ const _sfc_main$Z = /* @__PURE__ */ 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 = ref();
   const computedSelectedItems = computed(() => options.selectedItems.value);
@@ -11437,7 +11443,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" };
@@ -11450,7 +11456,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     data: {},
     schema: { type: Function },
-    showFields: {},
+    columns: {},
     useServerSort: { type: Boolean },
     selectable: { type: Boolean },
     onLastItemVisible: { type: Function }
@@ -11467,7 +11473,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "40bb5b9a": unref(computedItemHeight)
+      "53d3340a": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11482,21 +11488,18 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       }
     );
     const data2 = computed(() => props2.data);
+    const schema = computed(() => props2.schema);
+    const columns = computed(() => props2.columns);
+    const useServerSort = 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,
@@ -11569,7 +11572,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
         ]))) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
           createElementVNode("table", _hoisted_2$A, [
-            createElementVNode("thead", _hoisted_3$t, [
+            createElementVNode("thead", _hoisted_3$u, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$j, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -11592,7 +11595,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                     }, [
-                      createVNode(unref(Icon), {
+                      createVNode(unref(_sfc_main$s), {
                         class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                         icon: "keyboard_arrow_up"
                       }, null, 8, ["class"])
@@ -11651,7 +11654,7 @@ const _sfc_main$Y = /* @__PURE__ */ 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 = ref(false);
   const dragElement = ref(null);
@@ -14754,6 +14757,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     flat: { type: Boolean },
     disabled: { type: Boolean },
     icon: {},
+    color: {},
     triggerClass: {},
     iconEnd: {},
     border: { type: Boolean },
@@ -14820,8 +14824,9 @@ const _sfc_main$W = /* @__PURE__ */ 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
@@ -15201,7 +15206,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,
@@ -15212,7 +15217,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));
@@ -15293,6 +15298,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     modelValue: { default: void 0 },
     schema: { default: void 0 },
     tag: { default: "form" },
+    class: { default: "" },
     onSubmit: {}
   },
   emits: ["update:modelValue"],
@@ -15396,6 +15402,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             key: 0,
             ref_key: "form",
             ref: form,
+            class: normalizeClass(props2.class),
             onSubmit: withModifiers(handleSubmit, ["prevent"])
           }, [
             resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
@@ -15409,10 +15416,11 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
               validateForm,
               formState: formState.value
             })
-          ], 544)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
+          ], 34)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
             return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
-              key: field.id
-            });
+              key: field.id,
+              class: normalizeClass(props2.class)
+            }, null, 8, ["class"]);
           }), 128))
         ], 64)) : createCommentVNode("", true),
         formState.value === "success" ? renderSlot(_ctx.$slots, "success", { key: 1 }) : createCommentVNode("", true),
@@ -15426,7 +15434,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__ */ defineComponent({
   __name: "FieldArray",
   props: {
@@ -15509,7 +15517,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
                 schema: _ctx.schema
               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"]),
-              createElementVNode("div", _hoisted_3$s, [
+              createElementVNode("div", _hoisted_3$t, [
                 props2.delete ? (openBlock(), createBlock(unref(Btn), {
                   key: 0,
                   icon: "delete",
@@ -15570,7 +15578,7 @@ const _sfc_main$R = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
@@ -15579,19 +15587,18 @@ const _sfc_main$Q = /* @__PURE__ */ 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 = computed(() => props2.id || Math.random().toString(36).slice(7));
+    const inputId = computed(() => __props.id || Math.random().toString(36).slice(7));
     const checked = useModel(__props, "modelValue");
     onMounted(() => {
-      if (checked.value === void 0) checked.value = props2.defaultValue;
+      if (checked.value === void 0) checked.value = __props.defaultValue;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -15612,18 +15619,18 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(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"
 };
@@ -15714,7 +15721,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$I, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$w, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
           createElementVNode("div", {
             class: "relative block h-100",
             style: normalizeStyle({ height: `calc(${unref(elHeight)} - 2rem)` })
@@ -15750,7 +15757,8 @@ const _sfc_main$P = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "ColorInput",
   props: {
@@ -15781,15 +15789,34 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("label", null, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          withDirectives(createElementVNode("input", 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), [
-            [vModelText, inputVal.value]
+          createElementVNode("div", _hoisted_2$v, [
+            withDirectives(createElementVNode("input", 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), [
+              [vModelText, inputVal.value]
+            ]),
+            withDirectives(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), [
+              [vModelText, inputVal.value]
+            ]),
+            createVNode(unref(Btn), {
+              class: 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);
@@ -15840,6 +15867,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     max: {},
     timezone: { default: "UTC" },
     mode: { default: "day" },
+    defaultValue: {},
     firstDayOfWeek: { default: WEEK_START_DAY.SUNDAY },
     locale: { default: "" },
     center: { type: Boolean }
@@ -15855,23 +15883,7 @@ const _sfc_main$N = /* @__PURE__ */ 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);
@@ -15892,7 +15904,6 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       };
       return {
         formatDisplayDate,
-        formatDate: formatDate2,
         parseUserInput
       };
     }
@@ -15918,13 +15929,14 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       };
     }
     function useDateState() {
-      const { formatDisplayDate, formatDate: formatDate2 } = useFormatting();
+      const { formatDisplayDate } = useFormatting();
       const formattedDisplayValue2 = computed(() => formatDisplayDate(props2.modelValue));
-      const formattedMin2 = computed(() => formatDate2(props2.min));
-      const formattedMax2 = computed(() => formatDate2(props2.max));
+      const formattedMin2 = computed(() => formatDate(props2.min, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
+      const formattedMax2 = computed(() => formatDate(props2.max, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
       const selectedDate2 = 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,
@@ -16129,14 +16141,14 @@ const _sfc_main$N = /* @__PURE__ */ 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());
@@ -16354,7 +16366,7 @@ const _sfc_main$N = /* @__PURE__ */ 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 = {
@@ -16416,32 +16428,12 @@ const _sfc_main$M = /* @__PURE__ */ 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 = computed(() => formatDisplayDate(props2.modelValue));
-    const formattedMin = computed(() => formatDate2(props2.min));
-    const formattedMax = computed(() => formatDate2(props2.max));
+    const formattedMin = computed(() => formatDate(props2.min, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
+    const formattedMax = computed(() => formatDate(props2.max, props2.enableTime ? "dd.mm.yy HH:MM" : "dd.mm.yy"));
     const selectedDate = computed(() => {
       if (!props2.modelValue) return null;
       return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
@@ -16751,7 +16743,7 @@ const _sfc_main$M = /* @__PURE__ */ 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,
@@ -17077,7 +17069,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
                   createElementVNode("div", _hoisted_5$e, [
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
                     }),
@@ -17128,7 +17120,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
+                  }, null, 8, ["src"])) : (openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -17158,7 +17150,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                       src: fileToUrl(fileQ.file),
                       alt: ""
                     }, null, 8, ["width", "src"])) : createCommentVNode("", true)
-                  ], 64)) : (openBlock(), createBlock(unref(Icon), {
+                  ], 64)) : (openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
@@ -17169,7 +17161,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_11$3, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       class: "success",
                       icon: "check"
                     })
@@ -17221,7 +17213,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["src"]), [
                       [_directive_lightbox, { src: file.url, download: true }]
                     ])
-                  ])) : withDirectives((openBlock(), createBlock(unref(Icon), {
+                  ])) : withDirectives((openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -17242,7 +17234,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
                     fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_15$1, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       class: "success",
                       icon: "check"
                     })
@@ -17266,7 +17258,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             browse
           }, () => [
             createElementVNode("p", _hoisted_16$1, [
-              createVNode(unref(Icon), { icon: "upload_2" }),
+              createVNode(unref(_sfc_main$s), { icon: "upload_2" }),
               createElementVNode("span", _hoisted_17$1, toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : createCommentVNode("", true)
@@ -17482,12 +17474,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               ]
             ]),
             _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_4$d, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
-            _ctx.iconStart ? (openBlock(), createBlock(unref(Icon), {
+            _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 2,
               class: "iconStart",
               icon: _ctx.iconStart
             }, null, 8, ["icon"])) : createCommentVNode("", true),
-            _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 3,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -17525,7 +17517,7 @@ const _sfc_main$I = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "OTP",
@@ -17669,9 +17661,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const password = useModel(__props, "modelValue");
     const showPwd = useModel(__props, "showPwd");
-    const toggleShowPwdIcon = computed(
-      () => showPwd.value ? "visibility_off" : "visibility"
-    );
+    const toggleShowPwdIcon = computed(() => showPwd.value ? "visibility_off" : "visibility");
     const inputType = computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$z, [
@@ -19728,6 +19718,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     hideLabel: { type: Boolean },
     defaultValue: {},
     clearable: { type: Boolean },
+    placement: { default: "bottom-start" },
     searchPlaceholder: {},
     onSearch: {}
   },
@@ -19893,7 +19884,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         ref: dropdown,
         shown: unref(open),
         "onUpdate:shown": _cache[9] || (_cache[9] = ($event) => isRef(open) ? open.value = $event : open = $event),
-        placement: "bottom-start",
+        placement: _ctx.placement,
         class: "bagel-input selectinput",
         "no-auto-focus": ""
       }, {
@@ -19927,7 +19918,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                   _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => navigate("up"), ["prevent"]), ["up"]))
                 ]
               }, [
-                _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+                _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -19944,7 +19935,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                     })
                   })
                 ])) : createCommentVNode("", true),
-                !_ctx.disabled ? (openBlock(), createBlock(unref(Icon), mergeProps({
+                !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$s), mergeProps({
                   key: 3,
                   thin: ""
                 }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
@@ -19992,12 +19983,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                     ]
                   }, [
                     _ctx.multiselect ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      isSelected(option2) ? (openBlock(), createBlock(unref(Icon), {
+                      isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$s), {
                         key: 0,
                         size: 1.1,
                         icon: "select_check_box"
                       })) : createCommentVNode("", true),
-                      !isSelected(option2) ? (openBlock(), createBlock(unref(Icon), {
+                      !isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$s), {
                         key: 1,
                         class: "opacity-3",
                         icon: "check_box_outline_blank",
@@ -20014,11 +20005,11 @@ const _sfc_main$z = /* @__PURE__ */ 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
@@ -23407,7 +23398,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                       class: "flex table-row"
                     }, [
                       createElementVNode("div", _hoisted_5$8, [
-                        createVNode(unref(Icon), { icon: "more_vert" })
+                        createVNode(unref(_sfc_main$s), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment, null, renderList((_a2 = unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
                         return openBlock(), createElementBlock("div", {
@@ -23424,7 +23415,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                         ], 2);
                       }), 128)),
                       createElementVNode("div", _hoisted_6$7, [
-                        createVNode(unref(Icon), {
+                        createVNode(unref(_sfc_main$s), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -28216,7 +28207,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             }, {
               trigger: withCtx(() => [
                 createElementVNode("span", _hoisted_2$f, [
-                  createVNode(unref(Icon), {
+                  createVNode(unref(_sfc_main$s), {
                     icon: open.value ? "collapse_all" : "expand_all"
                   }, null, 8, ["icon"]),
                   unref(computedDropDownOptions).showFlags && unref(activeCountryCode) ? (openBlock(), createBlock(unref(Flag), {
@@ -28243,7 +28234,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("li", {
                         key: pb.iso2 + isPreferred(pb),
                         role: "option",
-                        class: "flex gap-075",
+                        class: "flex gap-075 pointer hover",
                         tabindex: "-1",
                         "aria-selected": unref(activeCountryCode) === pb.iso2 && !isPreferred(pb),
                         onClick: ($event) => unref(chooseCountry)(pb.iso2),
@@ -28270,7 +28261,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               disabled: _ctx.disabled,
               type: "tel",
               autocomplete: _ctx.autocomplete,
-              class: "vti__input",
               pattern: unref(computedInputOptions).pattern,
               minlength: unref(computedInputOptions).minlength,
               maxlength: unref(computedInputOptions).maxlength,
@@ -28295,7 +28285,7 @@ const _sfc_main$w = /* @__PURE__ */ 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"];
@@ -28432,12 +28422,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             [vModelText, unref(inputVal)]
           ]),
           _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$6, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
-          _ctx.iconStart ? (openBlock(), createBlock(unref(Icon), {
+          _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$s), {
             key: 3,
             class: "iconStart",
             icon: _ctx.iconStart
           }, null, 8, ["icon"])) : createCommentVNode("", true),
-          _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+          _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
             key: 4,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -28726,7 +28716,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     download: path_key.split("/").pop()
                   }, null, 8, ["href", "download"]),
                   createElementVNode("div", _hoisted_5$5, [
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
                     }),
@@ -28769,7 +28759,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     key: 0,
                     pathKey: path_key,
                     class: "multi-preview"
-                  }, null, 8, ["pathKey"])) : (openBlock(), createBlock(unref(Icon), {
+                  }, null, 8, ["pathKey"])) : (openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 1,
                     icon: "description",
                     class: "multi-preview"
@@ -28796,7 +28786,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     class: "multi-preview",
                     src: fileToUrl(file.file),
                     alt: ""
-                  }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
+                  }, null, 8, ["src"])) : (openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 1,
                     icon: "description",
                     class: "multi-preview"
@@ -28807,7 +28797,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
                     file.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_11$2, toDisplayString(file.progress.toFixed(0)), 1)) : createCommentVNode("", true),
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       class: "success",
                       icon: "check_circle"
                     })
@@ -28855,7 +28845,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["pathKey"]), [
                       [_directive_lightbox, { src: unref(pathKeyToURL)(path_key), download: true }]
                     ])
-                  ])) : withDirectives((openBlock(), createBlock(unref(Icon), {
+                  ])) : withDirectives((openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -28876,7 +28866,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle([{ "--p": file.progress }, { "--b": "2px" }])
                   }, [
                     file.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(file.progress.toFixed(0)), 1)) : createCommentVNode("", true),
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       class: "success",
                       icon: "check_circle"
                     })
@@ -28900,7 +28890,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             browse
           }, () => [
             createElementVNode("p", _hoisted_16, [
-              createVNode(unref(Icon), { icon: "upload_2" }),
+              createVNode(unref(_sfc_main$s), { icon: "upload_2" }),
               createElementVNode("span", _hoisted_17, toDisplayString(_ctx.dropPlaceholder || "Drag and Drop files here or click to upload"), 1)
             ])
           ], true) : createCommentVNode("", true)
@@ -33366,7 +33356,6 @@ const _sfc_main$s = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "IframeVue",
@@ -33539,7 +33528,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           height: unref(normalizeDimension)(_ctx.height)
         })
       }, [
-        createVNode(unref(Icon), { name: "broken_image" })
+        createVNode(unref(_sfc_main$s), { name: "broken_image" })
       ], 4)) : (openBlock(), createBlock(unref(Skeleton), {
         key: 3,
         class: "img-web-kit",
@@ -33569,7 +33558,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               onClick: nav.onClick
             }, {
               default: withCtx(() => [
-                createVNode(unref(Icon), {
+                createVNode(unref(_sfc_main$s), {
                   icon: nav.icon,
                   size: 1.4,
                   class: "m-0 line-height-14"
@@ -33671,7 +33660,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 class: "nav-button px-075 me-auto w-100"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(Icon), {
+                  createVNode(unref(_sfc_main$s), {
                     icon: nav.icon,
                     size: 1.4
                   }, null, 8, ["icon"]),
@@ -33898,14 +33887,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const tabsWrap = ref(void 0);
     const tabs = 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) {
+      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;
@@ -33938,6 +33928,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       updateIndicator();
       window.addEventListener("resize", updateIndicator);
     });
+    watch(
+      () => tabs.value,
+      () => {
+        nextTick(() => {
+          updateIndicator();
+        });
+      },
+      { deep: true }
+    );
     onBeforeUnmount(() => {
       window.removeEventListener("resize", updateIndicator);
     });
@@ -33955,7 +33954,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               class: normalizeClass([{ active: isActive(tab) }, "bgl_tab relative z-1"]),
               onClick: ($event) => selectTab(tab)
             }, [
-              typeof tab !== "string" && tab.icon ? (openBlock(), createBlock(unref(Icon), {
+              typeof tab !== "string" && tab.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
                 key: 0,
                 icon: tab.icon
               }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -33967,7 +33966,7 @@ const _sfc_main$i = /* @__PURE__ */ 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__ */ defineComponent({
@@ -33997,7 +33996,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             src: _ctx.src,
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
-          _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+          _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
             key: 1,
             size: "1.2",
             class: "color-primary",
@@ -34204,7 +34203,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,
@@ -34552,7 +34551,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           onClick: toggleMenu,
           onKeypress: withKeys(toggleMenu, ["enter"])
         }, [
-          createVNode(unref(Icon), {
+          createVNode(unref(_sfc_main$s), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -34571,7 +34570,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   }
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(Icon), {
+                    createVNode(unref(_sfc_main$s), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     createElementVNode("div", _hoisted_4$4, toDisplayString(link.label), 1)
@@ -34593,7 +34592,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(Icon), {
+                  createVNode(unref(_sfc_main$s), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   createElementVNode("div", _hoisted_6$4, toDisplayString(link.label), 1)
@@ -34738,7 +34737,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }, _ctx.btn), null, 16)
             ])) : createCommentVNode("", true)
           ])),
-          _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
+          _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$s), {
             key: 2,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -34746,7 +34745,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           !unref(slots).default ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             createTextVNode(toDisplayString(_ctx.value || _ctx.modelValue), 1)
           ], 64)) : createCommentVNode("", true),
-          _ctx.iconEnd ? (openBlock(), createBlock(unref(Icon), {
+          _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
             key: 4,
             icon: _ctx.iconEnd
           }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -34888,7 +34887,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   createElementVNode("span", {
                     onClick: ($event) => col.sortable && _ctx.$emit("sortColumn", col.key)
                   }, toDisplayString(col.label || col.key), 9, _hoisted_3$2),
-                  _ctx.sortColumn === col.key ? (openBlock(), createBlock(unref(Icon), {
+                  _ctx.sortColumn === col.key ? (openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 0,
                     class: normalizeClass(["line-height-0 transition-400", { "rotate-180": _ctx.sortDirection === "desc" }]),
                     name: "keyboard_arrow_down"
@@ -35482,7 +35481,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     return openBlock(), createBlock(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"]);
@@ -35495,7 +35497,7 @@ const _sfc_main$5 = /* @__PURE__ */ 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"
@@ -35611,7 +35613,7 @@ const _sfc_main$5 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Title",
   props: {
@@ -36129,15 +36131,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);
@@ -36595,13 +36597,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           title: item == null ? void 0 : item.name,
                           class: "vw90"
                         }, null, 8, _hoisted_5)) : (openBlock(), createElementBlock("div", _hoisted_6, [
-                          createVNode(unref(Icon), {
+                          createVNode(unref(_sfc_main$s), {
                             class: "m-0 m_none",
                             icon: "draft",
                             size: 10,
                             weight: "12"
                           }),
-                          createVNode(unref(Icon), {
+                          createVNode(unref(_sfc_main$s), {
                             class: "m-0 none m_block m_-mb-1",
                             icon: "draft",
                             size: 4,
@@ -36640,7 +36642,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
-                      }, null, 8, ["src", "class", "onClick"])) : (openBlock(), createBlock(unref(Icon), {
+                      }, null, 8, ["src", "class", "onClick"])) : (openBlock(), createBlock(unref(_sfc_main$s), {
                         key: 1,
                         class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 ed flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
                         icon: "description",
@@ -37449,34 +37451,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 "";
   }
 }
@@ -37514,7 +37558,7 @@ export {
   Flag,
   IMAGE_FORMATS,
   IMAGE_FORMATS_REGEXP,
-  Icon,
+  _sfc_main$s as Icon,
   _sfc_main$r as IframeVue,
   Image$1 as Image,
   JSONInput,