@bagelink/vue 1.4.22 → 1.4.26

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,7 +1568,7 @@ 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"];
@@ -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
@@ -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,
@@ -9532,7 +9532,7 @@ const _hoisted_1$R = {
   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_3$x = { class: "row first-row" };
 const _hoisted_4$l = { key: 0 };
 const _hoisted_5$l = ["onClick"];
 const _hoisted_6$h = { class: "flex" };
@@ -9663,7 +9663,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           class: { "pointer-events-none": showLoading.value }
         }), [
           createElementVNode("table", _hoisted_2$E, [
-            createElementVNode("thead", _hoisted_3$y, [
+            createElementVNode("thead", _hoisted_3$x, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$l, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -13088,6 +13088,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
     }
   };
@@ -13718,7 +13719,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 +13902,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 +13997,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 +14099,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 +14186,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 +14231,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 +14295,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 +14370,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 +14393,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 +14432,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 +14976,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 +15232,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 +15364,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 +15486,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 +15554,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 +15829,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 +15879,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 +15911,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 +15922,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 +16071,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 +16308,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 +16383,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 +16414,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 +16462,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 +16492,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 +16562,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 +16725,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 +16779,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 +18417,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 +18427,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     modelValue: {},
     toolbarConfig: {},
     debug: { type: Boolean },
-    label: {}
+    label: {},
+    height: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -18444,6 +18445,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 +18565,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 +18579,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 +18588,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 +18635,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"];
@@ -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,