@bagelink/vue 0.0.1006 → 0.0.1010

package/dist/index.cjs

@@ -41,7 +41,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
     return txtField;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -55,10 +55,10 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["aria-expanded", "aria-controls"];
+const _hoisted_1$Q = ["aria-expanded", "aria-controls"];
 const _hoisted_2$v = { class: "accordion-label" };
 const _hoisted_3$p = ["id", "aria-hidden"];
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -132,7 +132,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$c), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$P),
+        ], 8, _hoisted_1$Q),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -157,9 +157,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-3a286d21"]]);
-const _hoisted_1$O = { class: "relative" };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-3a286d21"]]);
+const _hoisted_1$P = { class: "relative" };
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -181,8 +181,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
-        vue.createVNode(vue.unref(_sfc_main$R), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+        vue.createVNode(vue.unref(_sfc_main$S), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -217,11 +217,11 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -285,7 +285,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
           _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), {
             key: 0,
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
               key: 0,
               icon: _ctx.icon
@@ -307,10 +307,10 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-3c0720f5"]]);
-const _hoisted_1$M = ["dismissable"];
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-521354bb"]]);
+const _hoisted_1$N = ["dismissable"];
 const _hoisted_2$u = { class: "m-0" };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -346,13 +346,13 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$M)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$N)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$L = ["src", "alt"];
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-57141c32"]]);
+const _hoisted_1$M = ["src", "alt"];
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -370,7 +370,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$L)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$M)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString((_ctx.fallback || vue.unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -378,8 +378,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -408,11 +408,11 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-2f3caf93"]]);
-const _hoisted_1$K = ["src"];
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-2f3caf93"]]);
+const _hoisted_1$L = ["src"];
 const _hoisted_2$t = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$o = ["src", "type"];
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -489,7 +489,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$K)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$L)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -509,12 +509,12 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-006552f6"]]);
-const _hoisted_1$J = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-006552f6"]]);
+const _hoisted_1$K = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -543,7 +543,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$J, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$K, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -553,13 +553,13 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$I = ["dir"];
+const _hoisted_1$J = ["dir"];
 const _hoisted_2$s = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_3$n = { class: "Handlers" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: { type: Boolean, default: false },
@@ -744,11 +744,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$I);
+      ], 14, _hoisted_1$J);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-98e36ac5"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-98e36ac5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -6692,13 +6692,13 @@ var script = vue.defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   key: 0,
   class: "layer-hover-bar"
 };
 const _hoisted_2$r = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$H, [
+  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$I, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
@@ -6710,7 +6710,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -6850,7 +6850,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   key: 0,
   class: "data"
 };
@@ -6871,7 +6871,7 @@ const _hoisted_9$3 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     showFields: {},
@@ -6907,7 +6907,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     const computedSchema = vue.computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
           key: 0,
           label: _ctx.title
@@ -6920,7 +6920,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_3$l, [
                 vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
-              vue.createVNode(vue.unref(_sfc_main$O), {
+              vue.createVNode(vue.unref(_sfc_main$P), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -6949,7 +6949,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-6c27f163"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-6c27f163"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -9491,7 +9491,7 @@ const Gt$1 = {
   install: Ct$1,
   options: h
 };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "Dropdown",
   props: /* @__PURE__ */ vue.mergeModels({
     value: {},
@@ -9562,7 +9562,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -9592,7 +9592,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-f99f1900"]]);
 const state$1 = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state$1.has(group)) {
@@ -9606,8 +9606,8 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$F = ["onClick"];
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$G = ["onClick"];
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsNav",
   props: {
     title: {},
@@ -9631,7 +9631,9 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
       if (activeTab && tabsWrap.value) {
         const { offsetLeft, offsetWidth } = activeTab;
         tabsWrap.value.style.setProperty("--indicator-left", `${offsetLeft}px`);
-        tabsWrap.value.style.setProperty("--indicator-width", `${offsetWidth}px`);
+        if (tabsWrap.value) {
+          tabsWrap.value.style.setProperty("--indicator-width", `${offsetWidth}px`);
+        }
       }
     }
     function selectTab(tab) {
@@ -9672,7 +9674,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "tabsWrap",
         ref: tabsWrap,
-        class: vue.normalizeClass(["grid auto-flow-columns relative fit-content bgl_tabs_wrap", { "bgl_flat-tabs": _ctx.flat, "bgl_vertical-tabs": _ctx.vertical }])
+        class: vue.normalizeClass(["grid auto-flow-columns relative fit-content bgl_tabs_wrap overflow-hidden", { "bgl_flat-tabs": _ctx.flat, "bgl_vertical-tabs": _ctx.vertical }])
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props2.tabs, (tab, i2) => {
           return vue.openBlock(), vue.createElementBlock("button", {
@@ -9686,14 +9688,14 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
             vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
-          ], 10, _hoisted_1$F);
+          ], 10, _hoisted_1$G);
         }), 128))
       ], 2);
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-90649f98"]]);
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-dbce6d28"]]);
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -9710,6 +9712,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         customAttrs.value.multiline = true;
         return TextInput;
       }
+      if (props2.field.$el === "array") return FieldArray;
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
@@ -9827,7 +9830,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -9925,7 +9928,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9949,7 +9952,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9968,8 +9971,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = { key: 0 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$F = { key: 0 };
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ vue.mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -10036,8 +10039,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           mode: "out-in"
         }, {
           default: vue.withCtx(() => [
-            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
-              vue.createVNode(vue.unref(_sfc_main$N), vue.mergeProps({
+            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+              vue.createVNode(vue.unref(_sfc_main$O), vue.mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
                 modelValue: formData.value,
@@ -10076,6 +10079,107 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$E = { class: "label mb-05" };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  __name: "FieldArray",
+  props: {
+    el: { default: "div" },
+    id: {},
+    label: {},
+    placeholder: {},
+    children: {},
+    class: { type: [String, Number, Boolean, Object] },
+    attrs: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    helptext: {},
+    options: {},
+    defaultValue: {},
+    add: { type: Boolean, default: true },
+    delete: { type: Boolean, default: true },
+    schema: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    const data2 = vue.ref(props2.modelValue || []);
+    function emitValue() {
+      emit2("update:modelValue", data2.value);
+    }
+    function deleteItem(i2) {
+      data2.value.splice(i2, 1);
+      emitValue();
+    }
+    function addItem() {
+      data2.value.push({});
+      emitValue();
+    }
+    vue.computed(
+      () => ({
+        label: props2.label,
+        placeholder: props2.placeholder,
+        children: props2.children,
+        class: props2.class,
+        attrs: props2.attrs,
+        required: props2.required,
+        disabled: props2.disabled,
+        helptext: props2.helptext,
+        options: props2.options,
+        defaultValue: props2.defaultValue,
+        $el: props2.el
+      })
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("p", _hoisted_1$E, vue.toDisplayString(_ctx.label), 1),
+        vue.createElementVNode("div", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data2.value, (_2, i2) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+              key: i2,
+              outline: "",
+              thin: "",
+              class: "mb-05 itemBox bg-white transition"
+            }, {
+              default: vue.withCtx(() => [
+                _ctx.schema ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+                  key: 0,
+                  modelValue: data2.value[i2],
+                  "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
+                  schema: _ctx.schema
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true),
+                props2.delete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                  key: 1,
+                  icon: "delete",
+                  value: "Delete",
+                  class: "txt10 opacity-7 color-red",
+                  thin: "",
+                  flat: "",
+                  onClick: ($event) => deleteItem(i2)
+                }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128)),
+          _ctx.add ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+            key: 0,
+            icon: "add",
+            color: "gray",
+            class: "w-100",
+            onClick: addItem
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("p", null, "Add " + vue.toDisplayString(_ctx.label), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const FieldArray = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-e8cf25b3"]]);
 const _hoisted_1$D = { class: "primary-checkbox" };
 const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
@@ -19303,7 +19407,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
         _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$k)) : vue.createCommentVNode("", true),
-        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), {
+        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), {
           key: 1,
           outline: "",
           class: "flex p-05 gap-1",
@@ -20120,7 +20224,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.map(configToOption).filter(Boolean), (action, index2) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
               key: 0,
               placement: "bottom-start",
               thin: "",
@@ -20875,7 +20979,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-e274dd3b"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-7a98aefd"]]);
 const _hoisted_1$n = { class: "flex gap-05" };
 const _hoisted_2$e = ["disabled"];
 const _hoisted_3$b = { key: 1 };
@@ -21060,7 +21164,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
         ref_key: "dropdown",
         ref: dropdown,
         shown: vue.unref(open),
@@ -21139,7 +21243,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             height: "25px",
             class: "mx-1 my-1"
           })) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(_sfc_main$V), {
+          vue.createVNode(vue.unref(_sfc_main$W), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -29297,7 +29401,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               vue.withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
+            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$S), {
               key: 0,
               ref_key: "phoneDropdown",
               ref: phoneDropdown,
@@ -29662,7 +29766,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navLinks, (nav, i2) => {
@@ -29747,10 +29851,10 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     const emit2 = __emit;
     const slots = vue.useSlots();
     let isOpen = vue.ref(props2.open);
-    function toggleMenu() {
+    const toggleMenu = useDebounceFn(() => {
       isOpen.value = !isOpen.value;
       emit2("update:open", isOpen.value);
-    }
+    });
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -29761,9 +29865,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           color: "white",
           class: "mb-05 absolute toggleNav z-2 border",
           icon: "keyboard_arrow_right",
-          onClick: toggleMenu
-        }),
-        vue.createVNode(vue.unref(_sfc_main$V), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
+          onClick: vue.unref(toggleMenu)
+        }, null, 8, ["onClick"]),
+        vue.createVNode(vue.unref(_sfc_main$W), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: vue.withCtx(() => [
             !vue.unref(isOpen) || !vue.unref(slots)["brand-open"] ? vue.renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
             vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
@@ -29808,7 +29912,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-0cd6a0fb"]]);
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-ac02125e"]]);
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Skeleton",
   props: {
@@ -30287,7 +30391,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$V), {
+        vue.createVNode(vue.unref(_sfc_main$W), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -30302,8 +30406,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
                   flat: "",
                   icon: "close",
-                  onClick: closeModal,
-                  thin: ""
+                  thin: "",
+                  onClick: closeModal
                 }, null, 8, ["style"]),
                 _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
                   key: 0,
@@ -30400,7 +30504,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     width: {},
     dismissable: { type: Boolean },
     actions: {},
-    schema: { type: Function },
+    schema: {},
     onSubmit: { type: Function },
     onDelete: { type: Function },
     visible: { type: Boolean },
@@ -30464,7 +30568,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
+          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
             key: 0,
             ref_key: "form",
             ref: form,
@@ -30507,7 +30611,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6846fbe3"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3342a563"]]);
 const _hoisted_1$5 = { class: "full-nav" };
 const _hoisted_2$4 = { class: "nav-scroll" };
 const _hoisted_3$3 = { class: "nav-links-wrapper" };
@@ -31582,7 +31686,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                         row,
                         field
                       }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
-                        vue.createVNode(vue.unref(_sfc_main$O), {
+                        vue.createVNode(vue.unref(_sfc_main$P), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -32762,7 +32866,7 @@ function frmRow(...children2) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: vue.markRaw(_sfc_main$N),
+      $el: vue.markRaw(_sfc_main$O),
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -32770,7 +32874,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: vue.markRaw(_sfc_main$N),
+    $el: vue.markRaw(_sfc_main$O),
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -33471,6 +33575,7 @@ const translations = {
     minute: "minute",
     second: "second",
     ago: "ago",
+    in: "in",
     justNow: "Just now"
   },
   es: {
@@ -33482,6 +33587,7 @@ const translations = {
     minute: "minuto",
     second: "segundo",
     ago: "hace",
+    in: "en",
     justNow: "Justo ahora"
   },
   fr: {
@@ -33493,6 +33599,7 @@ const translations = {
     minute: "minute",
     second: "seconde",
     ago: "il y a",
+    in: "dans",
     justNow: "À l’instant"
   },
   he: {
@@ -33504,6 +33611,7 @@ const translations = {
     minute: "דקה",
     second: "שנייה",
     ago: "לפני",
+    in: "בעוד",
     justNow: "זה עתה"
   }
 };
@@ -33513,7 +33621,7 @@ function timeAgo(date2, lang = "en") {
   const now = /* @__PURE__ */ new Date();
   const nowNumber = now.getTime();
   const dateNumber = date2.getTime();
-  const seconds = Math.floor((nowNumber - dateNumber) / 1e3);
+  const seconds = Math.floor((dateNumber - nowNumber) / 1e3);
   const intervals = [
     { label: "year", seconds: 31536e3 },
     { label: "month", seconds: 2592e3 },
@@ -33525,30 +33633,35 @@ function timeAgo(date2, lang = "en") {
   ];
   const selectedLang = translations[lang];
   for (const interval of intervals) {
-    const count2 = Math.floor(seconds / interval.seconds);
+    const count2 = Math.floor(Math.abs(seconds) / interval.seconds);
     if (count2 >= 1) {
-      const suffix = lang === "he" ? "" : ` ${selectedLang.ago}`;
-      const prefix = lang === "he" ? "לפני " : "";
+      const suffix = seconds < 0 ? ` ${selectedLang.ago}` : "";
+      const prefix = "";
+      if (interval.label === "day" && seconds > 0) {
+        const hours = Math.floor(Math.abs(seconds) % 86400 / 3600);
+        const hourLabel = hours > 1 ? `${selectedLang.hour}s` : selectedLang.hour;
+        return `${prefix}${count2} ${selectedLang[interval.label]}${hours > 0 ? ` ${hours} ${hourLabel}` : ""}${suffix}`;
+      }
       return `${prefix}${count2} ${selectedLang[interval.label]}${suffix}`;
     }
   }
   return selectedLang.justNow;
 }
-exports.Accordion = _sfc_main$11;
+exports.Accordion = _sfc_main$12;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$$;
+exports.AddressSearch = _sfc_main$10;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$N;
+exports.BagelForm = _sfc_main$O;
 exports.BagelVue = BagelVue;
-exports.BglField = _sfc_main$O;
-exports.BglForm = _sfc_main$N;
-exports.BglMultiStepForm = _sfc_main$M;
+exports.BglField = _sfc_main$P;
+exports.BglForm = _sfc_main$O;
+exports.BglMultiStepForm = _sfc_main$N;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$V;
+exports.Card = _sfc_main$W;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
@@ -33557,7 +33670,8 @@ exports.ColorPicker = _sfc_main$I;
 exports.DataPreview = DataPreview;
 exports.DateInput = _sfc_main$H;
 exports.DatePicker = _sfc_main$G;
-exports.Dropdown = _sfc_main$R;
+exports.Dropdown = _sfc_main$S;
+exports.FieldArray = FieldArray;
 exports.FileUpload = FileUpload;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
@@ -33567,7 +33681,7 @@ exports.IframeVue = _sfc_main$o;
 exports.Image = Image$1;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
-exports.Lineart = _sfc_main$T;
+exports.Lineart = _sfc_main$U;
 exports.ListItem = _sfc_main$g;
 exports.ListView = ListView;
 exports.Loading = Loading;