@bagelink/vue 1.4.22 → 1.4.28

package/dist/index.mjs

@@ -19,7 +19,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$14 = ["aria-expanded", "aria-controls"];
 const _hoisted_2$P = { class: "accordion-label" };
-const _hoisted_3$H = ["id", "aria-hidden"];
+const _hoisted_3$G = ["id", "aria-hidden"];
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
@@ -104,7 +104,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$H)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$G)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -1232,7 +1232,7 @@ function useVerticalVirtualList(options, list) {
 }
 const _hoisted_1$$ = ["src"];
 const _hoisted_2$N = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$G = ["src", "type"];
+const _hoisted_3$F = ["src", "type"];
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -1351,7 +1351,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$G)
+          }, null, 8, _hoisted_3$F)
         ], 12, _hoisted_2$N)) : createCommentVNode("", true)
       ], 2);
     };
@@ -1426,7 +1426,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
 const CalendarPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-6f51f6b3"]]);
 const _hoisted_1$_ = { class: "agenda-view" };
 const _hoisted_2$M = ["data-date", "onClick"];
-const _hoisted_3$F = { class: "event-content" };
+const _hoisted_3$E = { class: "event-content" };
 const _hoisted_4$r = { class: "event-time" };
 const _hoisted_5$q = { class: "event-details" };
 const _hoisted_6$m = { class: "event-title" };
@@ -1549,7 +1549,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
               "data-date": event.start_time,
               onClick: withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
             }, [
-              createElementVNode("div", _hoisted_3$F, [
+              createElementVNode("div", _hoisted_3$E, [
                 createElementVNode("div", _hoisted_4$r, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 createElementVNode("div", _hoisted_5$q, [
                   createElementVNode("div", _hoisted_6$m, toDisplayString(event.title), 1),
@@ -1568,14 +1568,14 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-1e2b483b"]]);
 const _hoisted_1$Z = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$L = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
-const _hoisted_3$E = { class: "overflow h-100p pe-05" };
+const _hoisted_3$D = { class: "overflow h-100p pe-05" };
 const _hoisted_4$q = { class: "time-column" };
 const _hoisted_5$p = { class: "events-column" };
 const _hoisted_6$l = ["onClick"];
 const _hoisted_7$h = { class: "event-content" };
 const _hoisted_8$b = { class: "white-space ellipsis-1" };
 const _hoisted_9$8 = { class: "event-time opacity-8" };
-const _hoisted_10$6 = { class: "color-primary txt-12 p-025" };
+const _hoisted_10$5 = { class: "color-primary txt-12 p-025" };
 const slotHeight$1 = 60;
 const slotDuration$1 = 60;
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
@@ -1717,7 +1717,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
           _cache[0] || (_cache[0] = createElementVNode("div", null, null, -1)),
           createElementVNode("div", null, toDisplayString(unref(formatDate)(_ctx.startDate)), 1)
         ]),
-        createElementVNode("div", _hoisted_3$E, [
+        createElementVNode("div", _hoisted_3$D, [
           createElementVNode("div", {
             class: "time-slots dayGrid border-end relative",
             onMousedown: handleMouseDown
@@ -1768,7 +1768,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
                 right: "10px"
               })
             }, [
-              createElementVNode("div", _hoisted_10$6, toDisplayString(dragState.value.startTime ? unref(formatDate)(dragState.value.startTime, { fmt: "HH:mm" }) : "") + " - " + toDisplayString(dragState.value.endTime ? unref(formatDate)(dragState.value.endTime, { fmt: "HH:mm" }) : ""), 1)
+              createElementVNode("div", _hoisted_10$5, toDisplayString(dragState.value.startTime ? unref(formatDate)(dragState.value.startTime, { fmt: "HH:mm" }) : "") + " - " + toDisplayString(dragState.value.endTime ? unref(formatDate)(dragState.value.endTime, { fmt: "HH:mm" }) : ""), 1)
             ], 4)) : createCommentVNode("", true)
           ], 32)
         ]),
@@ -1780,7 +1780,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-8b1a770f"]]);
 const _hoisted_1$Y = { class: "month-view" };
 const _hoisted_2$K = { class: "month-header" };
-const _hoisted_3$D = { class: "month-grid" };
+const _hoisted_3$C = { class: "month-grid" };
 const _hoisted_4$p = { class: "day-number" };
 const _hoisted_5$o = { class: "day-events" };
 const _hoisted_6$k = {
@@ -1873,7 +1873,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             }, toDisplayString(day), 1);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$D, [
+        createElementVNode("div", _hoisted_3$C, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(currentMonth.value, (day) => {
             return openBlock(), createElementBlock("div", {
               key: day.date.toISOString(),
@@ -1909,7 +1909,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-0b1117c4"]]);
 const _hoisted_1$X = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$J = { class: "overflow h-100p pe-05" };
-const _hoisted_3$C = ["onMousedown"];
+const _hoisted_3$B = ["onMousedown"];
 const _hoisted_4$o = ["onClick"];
 const _hoisted_5$n = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
 const _hoisted_6$j = { class: "white-space ellipsis-1" };
@@ -2248,7 +2248,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
                     ])
                   ], 44, _hoisted_4$o);
                 }), 128))
-              ], 40, _hoisted_3$C);
+              ], 40, _hoisted_3$B);
             }), 128)),
             dragState.value.isDragging && dragState.value.start && dragState.value.end ? (openBlock(), createElementBlock("div", {
               key: 1,
@@ -2272,7 +2272,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-2d5bca17"]]);
 const _hoisted_1$W = { class: "calendar" };
 const _hoisted_2$I = { class: "flex m_block m_pb-1" };
-const _hoisted_3$B = { class: "txt-light my-0" };
+const _hoisted_3$A = { class: "txt-light my-0" };
 const _hoisted_4$n = { class: "ms-auto flex gap-025" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "Index",
@@ -2368,7 +2368,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$W, [
         createElementVNode("div", _hoisted_2$I, [
-          createElementVNode("h3", _hoisted_3$B, [
+          createElementVNode("h3", _hoisted_3$A, [
             createElementVNode("b", null, toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
             createTextVNode(" " + toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
@@ -2493,7 +2493,7 @@ const _hoisted_2$H = {
   key: 0,
   class: "dots"
 };
-const _hoisted_3$A = ["onClick"];
+const _hoisted_3$z = ["onClick"];
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
 const _sfc_main$13 = /* @__PURE__ */ defineComponent({
@@ -2936,7 +2936,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               key: i2,
               class: normalizeClass(["dot", { current: unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$A);
+            }, null, 10, _hoisted_3$z);
           }), 128))
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -8799,7 +8799,7 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$z = { class: "layer-rectangles" };
+const _hoisted_3$y = { class: "layer-rectangles" };
 const _hoisted_4$m = ["transform", "onMouseover"];
 const _hoisted_5$m = ["width", "height"];
 const _hoisted_6$i = {
@@ -8817,7 +8817,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$z, [
+      createElementVNode("g", _hoisted_3$y, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -9527,19 +9527,15 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$R = {
-  key: 0,
-  class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
-};
-const _hoisted_2$E = { class: "infinite-wrapper" };
-const _hoisted_3$y = { class: "row first-row" };
-const _hoisted_4$l = { key: 0 };
-const _hoisted_5$l = ["onClick"];
-const _hoisted_6$h = { class: "flex" };
-const _hoisted_7$d = ["onClick"];
-const _hoisted_8$8 = { key: 0 };
-const _hoisted_9$6 = ["value"];
-const _hoisted_10$5 = { key: 1 };
+const _hoisted_1$R = { class: "infinite-wrapper" };
+const _hoisted_2$E = { class: "row first-row" };
+const _hoisted_3$x = { key: 0 };
+const _hoisted_4$l = ["onClick"];
+const _hoisted_5$l = { class: "flex" };
+const _hoisted_6$h = ["onClick"];
+const _hoisted_7$d = { key: 0 };
+const _hoisted_8$8 = ["value"];
+const _hoisted_9$6 = { key: 1 };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ mergeModels({
@@ -9560,7 +9556,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "25c2d418": unref(computedItemHeight)
+      "70bc72ee": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -9654,17 +9650,18 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const showLoading = computed(() => loading.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
-        class: { "loading-table": showLoading.value }
+        class: { overflowHiddenLoading: showLoading.value }
       }), [
-        showLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, _cache[4] || (_cache[4] = [
-          createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
-        ]))) : createCommentVNode("", true),
+        showLoading.value ? (openBlock(), createBlock(unref(Loading), {
+          key: 0,
+          class: "h100p"
+        })) : createCommentVNode("", true),
         createElementVNode("div", mergeProps(unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          createElementVNode("table", _hoisted_2$E, [
-            createElementVNode("thead", _hoisted_3$y, [
-              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$l, [
+          createElementVNode("table", _hoisted_1$R, [
+            createElementVNode("thead", _hoisted_2$E, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_3$x, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -9680,7 +9677,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                   class: "col",
                   onClick: ($event) => unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  createElementVNode("div", _hoisted_6$h, [
+                  createElementVNode("div", _hoisted_5$l, [
                     createTextVNode(toDisplayString(field.label || unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     createElementVNode("div", {
                       class: normalizeClass(["list-arrows", { sorted: unref(sortField) === (field == null ? void 0 : field.id) }])
@@ -9691,7 +9688,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$l);
+                ], 8, _hoisted_4$l);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -9701,7 +9698,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => unref(toggleSelectItem)(row)
                 }, [
-                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_8$8, [
+                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_7$d, [
                     createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = withModifiers(() => {
                       }, ["stop"]))
@@ -9710,7 +9707,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: (row == null ? void 0 : row.id) || ""
-                      }, null, 8, _hoisted_9$6), [
+                      }, null, 8, _hoisted_8$8), [
                         [vModelCheckbox, selectedItems.value]
                       ])
                     ])
@@ -9725,12 +9722,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$5, [
+                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_9$6, [
                         (openBlock(), createBlock(resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$d);
+                ], 10, _hoisted_6$h);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (openBlock(), createElementBlock("tr", {
                 key: 0,
@@ -9745,7 +9742,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-f795f660"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-6da6fbe2"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -13088,6 +13085,7 @@ function richText(id, label, options) {
     vIf: options == null ? void 0 : options.vIf,
     placeholder: options == null ? void 0 : options.placeholder,
     attrs: {
+      height: options == null ? void 0 : options.height,
       autocomplete: options == null ? void 0 : options.autocomplete
     }
   };
@@ -13298,12 +13296,13 @@ function findBglFieldById(id, _schema) {
   return void 0;
 }
 function arrField(id, label, schemaOrType, options) {
-  const attrs = { delete: true, add: true, ...options };
-  if (typeof schemaOrType === "string") {
-    attrs.type = schemaOrType;
-  } else {
-    attrs.schema = schemaOrType;
-  }
+  const arraySpecificAttrs = typeof schemaOrType === "string" ? { type: schemaOrType } : { schema: schemaOrType };
+  const attrs = {
+    delete: true,
+    add: true,
+    ...options,
+    ...arraySpecificAttrs
+  };
   return {
     label,
     id,
@@ -13320,6 +13319,7 @@ function useForm() {
     checkField,
     dateField,
     numField,
+    emailField,
     frmRow,
     uploadField,
     rangeField,
@@ -13718,7 +13718,7 @@ const _hoisted_2$C = {
   key: 0,
   class: "bgl-step-progress"
 };
-const _hoisted_3$x = { class: "bgl-steps-indicator" };
+const _hoisted_3$w = { class: "bgl-steps-indicator" };
 const _hoisted_4$k = ["onClick"];
 const _hoisted_5$k = {
   key: 0,
@@ -13901,7 +13901,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             allowStepNavigation: props2.allowStepNavigation,
             isStepValidated: isStepValidated.value
           })), () => [
-            createElementVNode("div", _hoisted_3$x, [
+            createElementVNode("div", _hoisted_3$w, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(numberOfSteps.value, (_2, index2) => {
                 return openBlock(), createElementBlock("div", {
                   key: index2,
@@ -13996,7 +13996,7 @@ const _hoisted_1$N = {
   class: "label mb-05"
 };
 const _hoisted_2$B = { class: "ps-025 border-start mb-05" };
-const _hoisted_3$w = {
+const _hoisted_3$v = {
   key: 0,
   class: "flex-center h-300px"
 };
@@ -14098,7 +14098,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.label ? (openBlock(), createElementBlock("p", _hoisted_1$N, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$B, [
-          schemaState.value !== "loaded" ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+          schemaState.value !== "loaded" ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
             schemaState.value === "loading" ? (openBlock(), createBlock(unref(Loading), { key: 0 })) : schemaState.value === "error" ? (openBlock(), createBlock(unref(_sfc_main$v), {
               key: 1,
               icon: "error",
@@ -14185,7 +14185,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$L = ["title"];
 const _hoisted_2$A = ["id", "disabled", "value", "required"];
-const _hoisted_3$v = ["for"];
+const _hoisted_3$u = ["for"];
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
@@ -14230,7 +14230,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$v)
+        ], 8, _hoisted_3$u)
       ], 10, _hoisted_1$L);
     };
   }
@@ -14294,7 +14294,7 @@ const _hoisted_1$K = {
   class: "label"
 };
 const _hoisted_2$z = { class: "editor-content-papa relative" };
-const _hoisted_3$u = {
+const _hoisted_3$t = {
   class: "code-display",
   wrap: ""
 };
@@ -14369,7 +14369,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           class: "code-editor-grandpa"
         }, [
           createElementVNode("div", _hoisted_2$z, [
-            createElementVNode("pre", _hoisted_3$u, [
+            createElementVNode("pre", _hoisted_3$t, [
               createElementVNode("code", { innerHTML: formattedCode.value }, null, 8, _hoisted_4$i)
             ]),
             !_ctx.readonly ? (openBlock(), createElementBlock("textarea", {
@@ -14392,7 +14392,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
 const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-de01e351"]]);
 const _hoisted_1$J = ["title"];
 const _hoisted_2$y = { class: "flex bg-input rounded px-025 colorInputPickWrap" };
-const _hoisted_3$t = ["id", "placeholder", "required"];
+const _hoisted_3$s = ["id", "placeholder", "required"];
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "ColorInput",
   props: {
@@ -14431,7 +14431,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
               type: "color",
               placeholder: _ctx.placeholder || _ctx.label,
               required: _ctx.required
-            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$t), [
+            }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$s), [
               [vModelText, inputVal.value]
             ]),
             withDirectives(createElementVNode("input", {
@@ -14975,7 +14975,7 @@ class Time {
 }
 const _hoisted_1$I = { class: "ltr flex gap-075 m_flex-wrap calendar-container justify-content-center h-100p" };
 const _hoisted_2$x = { class: "calendar-section m_border-none pe-05 m_p-0" };
-const _hoisted_3$s = { class: "flex space-between pb-1" };
+const _hoisted_3$r = { class: "flex space-between pb-1" };
 const _hoisted_4$h = { class: "flex gap-05" };
 const _hoisted_5$h = { class: "month-year" };
 const _hoisted_6$e = {
@@ -15231,7 +15231,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("div", _hoisted_2$x, [
-          createElementVNode("div", _hoisted_3$s, [
+          createElementVNode("div", _hoisted_3$r, [
             currentView.value === "days" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(Btn), {
                 flat: "",
@@ -15363,7 +15363,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
 const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-16646325"]]);
 const _hoisted_1$H = ["title"];
 const _hoisted_2$w = { key: 0 };
-const _hoisted_3$r = {
+const _hoisted_3$q = {
   key: 0,
   class: "required"
 };
@@ -15485,7 +15485,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$w, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$r, "*")) : createCommentVNode("", true)
+          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$q, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(unref(_sfc_main$Z), {
           shown: isOpen.value,
@@ -15553,7 +15553,7 @@ const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
 const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\])|(([a-z\-0-9]+\.)+[a-z]{2,}))$/i;
 const _hoisted_1$G = ["title"];
 const _hoisted_2$v = ["for"];
-const _hoisted_3$q = { class: "flex" };
+const _hoisted_3$p = { class: "flex" };
 const _hoisted_4$g = { key: 0 };
 const _hoisted_5$g = {
   key: 1,
@@ -15828,7 +15828,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         title: _ctx.title
       }, [
         createElementVNode("label", { for: _ctx.id }, [
-          createElementVNode("div", _hoisted_3$q, [
+          createElementVNode("div", _hoisted_3$p, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
             _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_4$g, "*")) : createCommentVNode("", true),
             _ctx.helptext ? (openBlock(), createElementBlock("span", _hoisted_5$g, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
@@ -15878,7 +15878,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
 const EmailInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-e3d13caa"]]);
 const _hoisted_1$F = ["title"];
 const _hoisted_2$u = { key: 0 };
-const _hoisted_3$p = ["value", "placeholder"];
+const _hoisted_3$o = ["value", "placeholder"];
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
@@ -15910,7 +15910,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$p)
+        }, null, 42, _hoisted_3$o)
       ], 10, _hoisted_1$F);
     };
   }
@@ -15921,7 +15921,7 @@ const _hoisted_2$t = {
   key: 0,
   class: "block"
 };
-const _hoisted_3$o = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
+const _hoisted_3$n = ["id", "placeholder", "disabled", "required", "readonly", "pattern", "onKeydown"];
 const _hoisted_4$f = {
   key: 1,
   class: "opacity-7 light"
@@ -16070,7 +16070,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 withKeys(withModifiers(increment, ["prevent"]), ["up"]),
                 withKeys(withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_3$o), [
+            }, null, 42, _hoisted_3$n), [
               [
                 vModelText,
                 unref(formattedValue),
@@ -16307,7 +16307,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$B = ["for"];
 const _hoisted_2$r = ["id", "disabled", "name", "value", "required"];
-const _hoisted_3$n = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_3$m = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$e = ["src", "alt"];
 const _hoisted_5$e = { class: "" };
 const _hoisted_6$c = {
@@ -16382,7 +16382,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             }, null, 40, _hoisted_2$r), [
               [vModelRadio, selectedOption.value]
             ]),
-            createElementVNode("div", _hoisted_3$n, [
+            createElementVNode("div", _hoisted_3$m, [
               opt.imgSrc ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -16413,7 +16413,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
 const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-adc49780"]]);
 const _hoisted_1$A = { class: "bagel-input" };
 const _hoisted_2$q = { class: "pb-025" };
-const _hoisted_3$m = { class: "flex gap-05 flex-wrap" };
+const _hoisted_3$l = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$d = ["id", "name", "value", "checked"];
 const _hoisted_5$d = ["for"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
@@ -16461,7 +16461,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("label", _hoisted_2$q, toDisplayString(_ctx.label), 1),
-        createElementVNode("div", _hoisted_3$m, [
+        createElementVNode("div", _hoisted_3$l, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -16491,7 +16491,7 @@ const _hoisted_2$p = {
   key: 0,
   class: "label"
 };
-const _hoisted_3$l = { class: "range-slider relative w-100" };
+const _hoisted_3$k = { class: "range-slider relative w-100" };
 const _hoisted_4$c = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
 const _hoisted_5$c = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$b = { class: "track absolute pointer-events-none overflow-hidden round" };
@@ -16561,7 +16561,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         dir: _ctx.rtl ? "rtl" : "ltr"
       }, [
         props2.label ? (openBlock(), createElementBlock("label", _hoisted_2$p, toDisplayString(props2.label), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$l, [
+        createElementVNode("div", _hoisted_3$k, [
           createElementVNode("input", {
             id: _ctx.id,
             value: validFrom.value,
@@ -16724,7 +16724,7 @@ const toolbarOptions = [
 ];
 const _hoisted_1$y = { class: "grid grid-wrap p-05" };
 const _hoisted_2$o = ["onMousemove", "onClick"];
-const _hoisted_3$k = { class: "txt-center txt-12 color-gray" };
+const _hoisted_3$j = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "gridBox",
@@ -16778,7 +16778,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 32);
         }), 128)),
-        createElementVNode("p", _hoisted_3$k, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
+        createElementVNode("p", _hoisted_3$j, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
@@ -18416,8 +18416,7 @@ function isNodeEmpty(node) {
   return brElements.length === 1 && node.childNodes.length <= 2;
 }
 const _hoisted_1$w = { class: "bagel-input" };
-const _hoisted_2$n = { class: "content-area radius-05" };
-const _hoisted_3$j = {
+const _hoisted_2$n = {
   key: 1,
   class: "flex"
 };
@@ -18427,7 +18426,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     modelValue: {},
     toolbarConfig: {},
     debug: { type: Boolean },
-    label: {}
+    label: {},
+    height: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -18444,6 +18444,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const commands = useCommands(editor.state, editor.state.debug);
     const debugMethods = computed(() => editor.state.debug);
     const hasRTL = computed(() => /[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/.test(props2.modelValue));
+    const editorHeight = computed(() => {
+      if (typeof props2.height === "number") {
+        return `${props2.height}px`;
+      } else if (typeof props2.height === "string") {
+        return props2.height;
+      }
+      return "240px";
+    });
     onUnmounted(() => {
       editor.cleanup();
     });
@@ -18556,7 +18564,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["editor-container", { "split-view": unref(editor).state.isSplitView }])
           }, [
-            createElementVNode("div", _hoisted_2$n, [
+            createElementVNode("div", {
+              class: "content-area radius-05",
+              style: normalizeStyle({ height: unref(editor).state.isFullscreen ? "calc(100vh - 4rem)" : editorHeight.value })
+            }, [
               createElementVNode("iframe", {
                 id: "rich-text-iframe",
                 ref_key: "iframe",
@@ -18567,7 +18578,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 sandbox: "allow-same-origin allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-scripts allow-top-navigation allow-top-navigation-by-user-activation",
                 onLoad: initEditor
               }, null, 544)
-            ]),
+            ], 4),
             unref(editor).state.isSplitView ? (openBlock(), createBlock(unref(CodeEditor), {
               key: 0,
               modelValue: unref(editor).state.content,
@@ -18576,10 +18587,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 _cache[1] || (_cache[1] = ($event) => unref(editor).updateState.content("html"))
               ],
               language: "html",
-              height: unref(editor).state.isFullscreen ? "calc(100vh - 4rem)" : "250px"
+              height: unref(editor).state.isFullscreen ? "calc(100vh - 4rem)" : editorHeight.value
             }, null, 8, ["modelValue", "height"])) : createCommentVNode("", true)
           ], 2),
-          _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
+          _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
             _cache[6] || (_cache[6] = createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
             createVNode(unref(Btn), {
               thin: "",
@@ -18623,7 +18634,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-175a13f1"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-8304a538"]]);
 const _hoisted_1$v = { key: 0 };
 const _hoisted_2$m = { class: "flex gap-05" };
 const _hoisted_3$i = ["disabled"];
@@ -32371,15 +32382,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     alt: {},
     width: {},
     height: {},
-    caption: {}
+    caption: {},
+    modelValue: {}
   },
   setup(__props) {
     const props2 = __props;
     let imageSrc = ref(void 0);
     let loadingError = ref(false);
     function getImageUrl() {
-      if (!props2.src && !props2.pathKey) return;
-      return pathKeyToURL(props2.src || props2.pathKey);
+      if (!props2.src && !props2.pathKey && !props2.modelValue) return;
+      return pathKeyToURL(props2.src || props2.pathKey || props2.modelValue);
     }
     async function getCachedImage(url) {
       if (!("caches" in window)) return void 0;
@@ -32437,7 +32449,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         imageSrc.value = void 0;
       }
     }
-    watch(() => [props2.src, props2.pathKey], loadImage, { immediate: true });
+    watch(() => [props2.src, props2.pathKey, props2.modelValue], loadImage, { immediate: true });
     return (_ctx, _cache) => {
       return _ctx.caption ? (openBlock(), createElementBlock("figcaption", _hoisted_1$n, [
         unref(imageSrc) ? (openBlock(), createElementBlock("img", mergeProps({
@@ -32478,7 +32490,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2f5e271c"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-eed047eb"]]);
 const _hoisted_1$m = ["textContent"];
 const _hoisted_2$e = {
   key: 0,
@@ -35549,8 +35561,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "0da076cc": computedBackgroundColor.value,
-      "ae6db216": cumputedTextColor.value
+      "80c2f0ae": computedBackgroundColor.value,
+      "0e0f2144": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -35626,7 +35638,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             style: { "font-size": "var(--pill-font-size)" }
           }, null, 8, ["icon"])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          !unref(slots).default ? (openBlock(), createElementBlock("p", _hoisted_6$3, toDisplayString(_ctx.value || _ctx.modelValue) + " " + toDisplayString(unref(slots).default ? unref(slots).default : _ctx.value || _ctx.modelValue) + " " + toDisplayString(_ctx.value || _ctx.modelValue), 1)) : createCommentVNode("", true),
+          !unref(slots).default ? (openBlock(), createElementBlock("p", _hoisted_6$3, toDisplayString(unref(slots).default ? unref(slots).default : _ctx.value || _ctx.modelValue), 1)) : createCommentVNode("", true),
           _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$v), {
             key: 4,
             icon: _ctx.iconEnd,
@@ -35647,7 +35659,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-91ae070e"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-56ad3910"]]);
 const _sfc_main$8 = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
@@ -35773,7 +35785,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       if (!innerElements.value.length) return 0;
       return config.value.loop ? innerElements.value.length : Math.ceil(innerElements.value.length - perPage.value + 1);
     });
-    ref(false);
     const slotObserver = ref(null);
     const isMounted = ref(false);
     const slotContainer = ref(null);
@@ -36523,12 +36534,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
         const slotElements = Array.from(slotContainer.value.children).map((el) => el.cloneNode(true));
         if (slotElements.length > 0 || innerElements.value.length > 0 && emptyRebuildAttempts.value === 0) {
-          const previousCount = innerElements.value.length;
           innerElements.value = slotElements;
           if (currentSlide.value >= innerElements.value.length) {
             currentSlide.value = Math.max(0, innerElements.value.length - 1);
           }
-          const isInitialPopulation = previousCount === 0 && slotElements.length > 0;
           const wasAutoplay = config.value.autoplay !== "disabled";
           if (wasAutoplay) {
             stopAutoplay();
@@ -36610,7 +36619,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7225d57d"]]);
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fa8183f4"]]);
 const _hoisted_1$4 = { class: "stickyTop" };
 const _hoisted_2$2 = {
   key: 0,
@@ -39699,14 +39708,26 @@ function formatDate(date2, opts = {}) {
   }
 }
 const fmtDate = formatDate;
+const htmlReplacers = {
+  "": /<[^>]*>?/g,
+  " ": /&nbsp;/g,
+  '"': /&quot;/g,
+  "'": /&apos;/g,
+  "&": /&amp;/g,
+  "<": /&lt;/g,
+  ">": /&gt;/g
+};
 function clearHtml(value) {
   if (!value) return "";
-  return value.replace(/<[^>]*>?/g, "").replace(/&nbsp;/g, " ").replace(/&quot;/g, '"').replace(/&apos;/g, `'`).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">");
+  return Object.entries(htmlReplacers).reduce(
+    (text, [replacement, regex2]) => text.replace(regex2, replacement),
+    value
+  );
 }
+const normalizeSearchChars = /[\p{N}\p{L}\s]/gu;
 function normalizeText(text) {
   var _a;
-  const searchChars = /[\p{N}\p{L}\s]/gu;
-  return ((_a = text.match(searchChars)) == null ? void 0 : _a.join("").toLowerCase()) ?? "";
+  return ((_a = text.match(normalizeSearchChars)) == null ? void 0 : _a.join("").toLowerCase()) ?? "";
 }
 function getValueByPath(obj, path) {
   const keys4 = path.split(".");
@@ -40006,18 +40027,27 @@ export {
   allCountries,
   appendScript,
   appendStyle,
+  arrField,
   BagelFormUtils as bagelFormUtils,
   bagelInjectionKey,
+  bglForm,
   bindAttrs,
+  checkField,
   classify,
   clearHtml,
+  colorField,
   copyText,
+  dateField,
   debounce,
   denullify,
   downloadFile,
+  emailField,
+  findBglFieldById,
   fmtDate,
   formatDate,
   formatString,
+  frmRow,
+  getBaseField,
   getDatePartsMap,
   getFallbackSchema,
   getNestedValue,
@@ -40031,13 +40061,21 @@ export {
   normalizeDimension,
   normalizeText,
   normalizeURL,
+  numField,
   pathKeyToURL,
   provideBagelFormState,
+  rangeField,
+  richText,
   searchItems,
+  selectField,
+  slctField,
   sleep,
   slugify,
+  telField,
   timeAgo,
   timeDelta,
+  txtField,
+  uploadField,
   useBagel,
   useBagelFormState,
   useBglSchema,