@bagelink/vue 0.0.787 → 0.0.791

package/dist/index.mjs

@@ -38,7 +38,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
     return txtField;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = reactive({
@@ -52,11 +52,11 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "accordion-item" };
-const _hoisted_2$v = ["aria-expanded", "aria-controls"];
-const _hoisted_3$l = { class: "accordion-label" };
-const _hoisted_4$f = ["id", "aria-hidden"];
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_1$M = { class: "accordion-item" };
+const _hoisted_2$w = ["aria-expanded", "aria-controls"];
+const _hoisted_3$m = { class: "accordion-label" };
+const _hoisted_4$g = ["id", "aria-hidden"];
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -93,7 +93,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$K, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -101,14 +101,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => toggle())
         }, [
           renderSlot(_ctx.$slots, "head", {}, () => [
-            createElementVNode("span", _hoisted_3$l, toDisplayString(_ctx.label), 1)
+            createElementVNode("span", _hoisted_3$m, toDisplayString(_ctx.label), 1)
           ], true),
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(isOpen) }])
           }, [
             createVNode(unref(_sfc_main$c), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$v),
+        ], 8, _hoisted_2$w),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -118,7 +118,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$f)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$g)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -133,9 +133,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-f87b579d"]]);
-const _hoisted_1$J = { class: "relative" };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-f87b579d"]]);
+const _hoisted_1$L = { class: "relative" };
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -157,8 +157,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
-        createVNode(unref(_sfc_main$K), {
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+        createVNode(unref(_sfc_main$M), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -193,15 +193,15 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$I = {
+const _hoisted_1$K = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$u = {
+const _hoisted_2$v = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -295,7 +295,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : (openBlock(), createElementBlock("div", _hoisted_2$u, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$K)) : (openBlock(), createElementBlock("div", _hoisted_2$v, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$c), {
               key: 0,
               icon: _ctx.icon
@@ -315,10 +315,10 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-047c9778"]]);
-const _hoisted_1$H = ["dismissable"];
-const _hoisted_2$t = { class: "m-0" };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-047c9778"]]);
+const _hoisted_1$J = ["dismissable"];
+const _hoisted_2$u = { class: "m-0" };
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -346,7 +346,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$t, toDisplayString(_ctx.message), 1),
+        createElementVNode("p", _hoisted_2$u, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -354,13 +354,13 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$H)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$J)) : createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$G = ["src", "alt"];
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-57141c32"]]);
+const _hoisted_1$I = ["src", "alt"];
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -378,7 +378,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$G)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$I)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString((_ctx.fallback || unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -386,8 +386,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -418,10 +418,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-40a0b03a"]]);
-const _hoisted_1$F = ["src"];
-const _hoisted_2$s = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-40a0b03a"]]);
+const _hoisted_1$H = ["src"];
+const _hoisted_2$t = ["src", "autoplay", "muted", "loop", "controls"];
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -476,7 +476,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$F)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$H)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -485,17 +485,17 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$s)) : createCommentVNode("", true)
+        }, null, 12, _hoisted_2$t)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-8495afe2"]]);
-const _hoisted_1$E = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-8495afe2"]]);
+const _hoisted_1$G = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -523,7 +523,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$E, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$G, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -531,12 +531,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$F = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$r = { class: "Handlers" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _hoisted_2$s = { class: "Handlers" };
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -684,10 +684,10 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$D)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        createElementVNode("div", _hoisted_2$r, [
+        createElementVNode("div", _hoisted_2$s, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -705,7 +705,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-1f9c6644"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-1f9c6644"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -6536,8 +6536,8 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$k = { class: "layer-rectangles" };
-const _hoisted_4$e = ["transform", "onMouseover"];
+const _hoisted_3$l = { class: "layer-rectangles" };
+const _hoisted_4$f = ["transform", "onMouseover"];
 const _hoisted_5$d = ["width", "height"];
 const _hoisted_6$a = {
   x: 0 + 10,
@@ -6554,7 +6554,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$k, [
+      createElementVNode("g", _hoisted_3$l, [
         (openBlock(true), createElementBlock(
           Fragment$1,
           null,
@@ -6589,7 +6589,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   )
                 ])
               ])
-            ], 42, _hoisted_4$e);
+            ], 42, _hoisted_4$f);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -6646,25 +6646,25 @@ var script = defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$E = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$q = ["x", "y", "width", "height"];
+const _hoisted_2$r = ["x", "y", "width", "height"];
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$C, [
+  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$E, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$q)
+    }), null, 16, _hoisted_2$r)
   ])) : createCommentVNode("v-if", true);
 }
 script.render = render$e;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -6804,16 +6804,16 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$D = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$p = {
+const _hoisted_2$q = {
   key: 0,
   class: "data-row m_py-05"
 };
-const _hoisted_3$j = { class: "key" };
-const _hoisted_4$d = { class: "m-0" };
+const _hoisted_3$k = { class: "key" };
+const _hoisted_4$e = { class: "m-0" };
 const _hoisted_5$c = { key: 1 };
 const _hoisted_6$9 = {
   key: 0,
@@ -6825,7 +6825,7 @@ const _hoisted_9$3 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     showFields: {},
@@ -6861,7 +6861,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$3), {
           key: 0,
           label: _ctx.title
@@ -6870,11 +6870,11 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
-              createElementVNode("div", _hoisted_3$j, [
-                createElementVNode("p", _hoisted_4$d, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+              createElementVNode("div", _hoisted_3$k, [
+                createElementVNode("p", _hoisted_4$e, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
-              createVNode(unref(_sfc_main$I), {
+              createVNode(unref(_sfc_main$K), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -6903,7 +6903,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-5f91f598"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-5f91f598"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -9445,7 +9445,7 @@ const Gt$1 = {
   install: Ct$1,
   options: h
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "Dropdown",
   props: {
     value: {},
@@ -9502,7 +9502,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -9532,8 +9532,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-f99f1900"]]);
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-f99f1900"]]);
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -9549,7 +9549,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
       if (props2.field.$el === "richtext") return _sfc_main$v;
-      if (props2.field.$el === "date") return _sfc_main$C;
+      if (props2.field.$el === "date") return _sfc_main$E;
       return props2.field.$el ?? "div";
     });
     const formData = computed({
@@ -9633,7 +9633,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -9731,7 +9731,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$I), {
+            return openBlock(), createBlock(unref(_sfc_main$K), {
               key: field.id || `${i2}p`,
               modelValue: unref(data2),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9755,7 +9755,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field, i2) => {
-            return openBlock(), createBlock(unref(_sfc_main$I), {
+            return openBlock(), createBlock(unref(_sfc_main$K), {
               key: field.id || `${i2}p`,
               modelValue: unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9774,8 +9774,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = { key: 0 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_1$C = { key: 0 };
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -9842,8 +9842,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           mode: "out-in"
         }, {
           default: withCtx(() => [
-            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
-              createVNode(unref(_sfc_main$H), mergeProps({
+            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+              createVNode(unref(_sfc_main$J), mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
                 modelValue: formData.value,
@@ -9882,8 +9882,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "primary-checkbox" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _hoisted_1$B = { class: "primary-checkbox" };
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -9893,7 +9893,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$z, [
+      return openBlock(), createElementBlock("label", _hoisted_1$B, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -9905,11 +9905,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-73f1d9ad"]]);
-const _hoisted_1$y = ["title"];
-const _hoisted_2$o = ["id", "value", "required"];
-const _hoisted_3$i = ["for"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-73f1d9ad"]]);
+const _hoisted_1$A = ["title"];
+const _hoisted_2$p = ["id", "value", "required"];
+const _hoisted_3$j = ["for"];
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -9943,22 +9943,22 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$o), [
+        }, null, 8, _hoisted_2$p), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("label", { for: inputId.value }, [
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$i)
-      ], 10, _hoisted_1$y);
+        ], 8, _hoisted_3$j)
+      ], 10, _hoisted_1$A);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1b4d18c6"]]);
-const _hoisted_1$x = ["title"];
-const _hoisted_2$n = ["id", "placeholder", "required"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1b4d18c6"]]);
+const _hoisted_1$z = ["title"];
+const _hoisted_2$o = ["id", "placeholder", "required"];
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -9996,11 +9996,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$n), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$o), [
             [vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$x)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$z)) : createCommentVNode("", true);
     };
   }
 });
@@ -18443,9 +18443,9 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$w = ["title"];
-const _hoisted_2$m = { key: 0 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$y = ["title"];
+const _hoisted_2$n = { key: 0 };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -18487,7 +18487,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$m, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$n, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createVNode(unref(Hn), mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -18503,19 +18503,19 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$w);
+      ], 10, _hoisted_1$y);
     };
   }
 });
-const _hoisted_1$v = { class: "datetime-wrap" };
-const _hoisted_2$l = { class: "date-wrap" };
-const _hoisted_3$h = {
+const _hoisted_1$x = { class: "datetime-wrap" };
+const _hoisted_2$m = { class: "date-wrap" };
+const _hoisted_3$i = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_4$c = ["id", "name", "value"];
+const _hoisted_4$d = ["id", "name", "value"];
 const _hoisted_5$b = ["for"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -18543,8 +18543,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+        createElementVNode("div", _hoisted_2$m, [
           createVNode(unref(Hn), mergeProps({
             modelValue: selectedDate.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
@@ -18562,7 +18562,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
-        _ctx.showTimeWrap ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
+        _ctx.showTimeWrap ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(hours), (hr2) => {
             return openBlock(), createElementBlock(Fragment$1, { key: hr2 }, [
               withDirectives(createElementVNode("input", {
@@ -18571,7 +18571,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr2
-              }, null, 8, _hoisted_4$c), [
+              }, null, 8, _hoisted_4$d), [
                 [vModelRadio, selectedHour.value]
               ]),
               createElementVNode("label", {
@@ -18584,13 +18584,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = { class: "bagel-input" };
-const _hoisted_2$k = {
+const _hoisted_1$w = { class: "bagel-input" };
+const _hoisted_2$l = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_3$g = ["src"];
-const _hoisted_4$b = { class: "m-0" };
+const _hoisted_3$h = ["src"];
+const _hoisted_4$c = { class: "m-0" };
 const _hoisted_5$a = ["width", "src"];
 const _hoisted_6$8 = { class: "no-margin multi-preview-txt" };
 const _hoisted_7$5 = {
@@ -18608,7 +18608,7 @@ const _hoisted_10$2 = {
 };
 const _hoisted_11$1 = ["src"];
 const _hoisted_12 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: {
     label: {},
@@ -18757,7 +18757,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_lightbox = resolveDirective("lightbox");
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
           class: normalizeClass(["fileUploadWrap", {
@@ -18775,7 +18775,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
+            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(storageFiles.value, (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.id,
@@ -18786,14 +18786,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_3$g)), [
+                  }, null, 8, _hoisted_3$h)), [
                     [_directive_lightbox]
                   ]) : (openBlock(), createBlock(unref(_sfc_main$c), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  createElementVNode("p", _hoisted_4$b, toDisplayString(file.name), 1),
+                  createElementVNode("p", _hoisted_4$c, toDisplayString(file.name), 1),
                   createVNode(unref(Btn), {
                     thin: "",
                     flat: "",
@@ -18898,11 +18898,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-be593d04"]]);
-const _hoisted_1$t = ["title"];
-const _hoisted_2$j = { key: 0 };
-const _hoisted_3$f = ["value", "placeholder"];
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-be593d04"]]);
+const _hoisted_1$v = ["title"];
+const _hoisted_2$k = { key: 0 };
+const _hoisted_3$g = ["value", "placeholder"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -18925,7 +18925,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$j, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$k, [
           createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         createElementVNode("textarea", {
@@ -18933,14 +18933,120 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$f)
-      ], 10, _hoisted_1$t);
+        }, null, 42, _hoisted_3$g)
+      ], 10, _hoisted_1$v);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$s = { class: "relative" };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$u = ["value", "autofocus", "onKeydown", "onPaste"];
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "OTP",
+  props: {
+    digitCount: {},
+    default: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    const digits = reactive([]);
+    const otpCont = ref();
+    function handlePaste2(event, index2) {
+      event.preventDefault();
+      const { clipboardData } = event;
+      const pastedText = clipboardData == null ? void 0 : clipboardData.getData("text").replace(/\D/g, "");
+      const pastedDigits = pastedText == null ? void 0 : pastedText.split("");
+      if (!pastedDigits) return;
+      for (let i2 = 0; i2 < pastedDigits.length; i2++) {
+        const digit = pastedDigits[i2];
+        if (index2 + i2 < digits.length) {
+          digits[index2 + i2] = digit;
+        }
+      }
+      emitUpdate();
+    }
+    function emitUpdate() {
+      if (isDigitsFull()) {
+        emit2("complete", digits.join(""));
+      } else {
+        emit2("update:modelValue", digits.join(""));
+      }
+    }
+    function handleKeyDown2(event, index2) {
+      var _a2;
+      const noPreventKeys = ["Tab", "ArrowRight", "ArrowLeft", "Control", "Shift", "Alt", "Meta"];
+      if (noPreventKeys.includes(event.key)) {
+        return;
+      }
+      if (event.key === "Backspace") {
+        digits[index2] = null;
+        if (index2 !== 0) {
+          const prevDigit = (_a2 = otpCont.value) == null ? void 0 : _a2.children[index2 - 1];
+          prevDigit.focus();
+        }
+        emitUpdate();
+        return;
+      }
+      const numberRegex = /^\d$/;
+      if (numberRegex.test(event.key)) {
+        digits[index2] = event.key;
+        if (index2 !== props2.digitCount - 1) {
+          setTimeout(() => {
+            var _a3;
+            const nextDigit = (_a3 = otpCont.value) == null ? void 0 : _a3.children[index2 + 1];
+            nextDigit.focus();
+          }, 10);
+        }
+        emitUpdate();
+      }
+    }
+    if (props2.default && props2.default.length === props2.digitCount) {
+      for (let i2 = 0; i2 < props2.digitCount; i2++) {
+        digits[i2] = props2.default.charAt(i2);
+      }
+    } else {
+      for (let i2 = 0; i2 < props2.digitCount; i2++) {
+        digits[i2] = null;
+      }
+    }
+    function isDigitsFull() {
+      for (const elem of digits) {
+        if (elem == null || elem == void 0) {
+          return false;
+        }
+      }
+      return true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "otpCont",
+        ref: otpCont,
+        class: "otp_wrap"
+      }, [
+        (openBlock(true), createElementBlock(Fragment$1, null, renderList(digits, (el, ind) => {
+          return openBlock(), createElementBlock("input", {
+            key: ind,
+            value: digits[ind] || "",
+            type: "number",
+            inputmode: "numeric",
+            class: "digit-box",
+            autofocus: ind === 0,
+            maxlength: "1",
+            pattern: "[0-9]*",
+            oninput: "this.value = this.value.slice(0, 1);",
+            onKeydown: ($event) => handleKeyDown2($event, ind),
+            onPaste: ($event) => handlePaste2($event, ind)
+          }, null, 40, _hoisted_1$u);
+        }), 128))
+      ], 512);
+    };
+  }
+});
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-539a9fdb"]]);
+const _hoisted_1$t = { class: "relative" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -18980,7 +19086,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     );
     const inputType = computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createVNode(unref(TextInput), mergeProps({
           modelValue: password.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
@@ -19000,10 +19106,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["for"];
-const _hoisted_2$i = ["id", "name", "value"];
-const _hoisted_3$e = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
-const _hoisted_4$a = ["src", "alt"];
+const _hoisted_1$s = ["for"];
+const _hoisted_2$j = ["id", "name", "value"];
+const _hoisted_3$f = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_4$b = ["src", "alt"];
 const _hoisted_5$9 = { class: "" };
 const _hoisted_6$7 = {
   key: 0,
@@ -19013,7 +19119,7 @@ const _hoisted_7$4 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ mergeModels({
     groupName: {},
@@ -19041,17 +19147,17 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               type: "radio",
               name: _ctx.groupName,
               value: opt.value
-            }, null, 8, _hoisted_2$i), [
+            }, null, 8, _hoisted_2$j), [
               [vModelRadio, selectedOption.value]
             ]),
-            createElementVNode("div", _hoisted_3$e, [
+            createElementVNode("div", _hoisted_3$f, [
               opt.imgSrc ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
-              }, null, 8, _hoisted_4$a)) : createCommentVNode("", true),
+              }, null, 8, _hoisted_4$b)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_5$9, [
                 opt.label ? (openBlock(), createElementBlock("p", _hoisted_6$7, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
                 opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_7$4, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
@@ -19066,19 +19172,19 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : createCommentVNode("", true)
-          ], 8, _hoisted_1$r);
+          ], 8, _hoisted_1$s);
         }), 128))
       ]);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-3e9e030f"]]);
-const _hoisted_1$q = { class: "bagel-input" };
-const _hoisted_2$h = { class: "pb-025" };
-const _hoisted_3$d = { class: "flex gap-05 flex-wrap" };
-const _hoisted_4$9 = ["id", "name", "value", "checked"];
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-3e9e030f"]]);
+const _hoisted_1$r = { class: "bagel-input" };
+const _hoisted_2$i = { class: "pb-025" };
+const _hoisted_3$e = { class: "flex gap-05 flex-wrap" };
+const _hoisted_4$a = ["id", "name", "value", "checked"];
 const _hoisted_5$8 = ["for"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -19119,9 +19225,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("label", _hoisted_2$h, toDisplayString(_ctx.label), 1),
-        createElementVNode("div", _hoisted_3$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+        createElementVNode("label", _hoisted_2$i, toDisplayString(_ctx.label), 1),
+        createElementVNode("div", _hoisted_3$e, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -19134,7 +19240,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 value: getValue(option2),
                 checked: unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$9),
+              }, null, 40, _hoisted_4$a),
               createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
               }, toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
@@ -19145,7 +19251,49 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f2912ed8"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-f2912ed8"]]);
+const _hoisted_1$q = { class: "flex gap-1 align-center range-slide" };
+const _hoisted_2$h = { key: 0 };
+const _hoisted_3$d = ["max", "min", "step"];
+const _hoisted_4$9 = { key: 1 };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "RangeInput",
+  props: /* @__PURE__ */ mergeModels({
+    min: {},
+    max: {},
+    step: {}
+  }, {
+    "modelValue": { default: 0 },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const val = useModel(__props, "modelValue");
+    const background = computed(() => {
+      const minVal = __props.min ?? 0;
+      const maxVal = __props.max ?? 100;
+      const percentage = (val.value - minVal) / (maxVal - minVal) * 100;
+      return `linear-gradient(to right, var(--bgl-primary) ${percentage}%, var(--input-bg) ${percentage}%)`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+        _ctx.min !== void 0 ? (openBlock(), createElementBlock("p", _hoisted_2$h, toDisplayString(_ctx.min), 1)) : createCommentVNode("", true),
+        withDirectives(createElementVNode("input", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
+          style: normalizeStyle({ background: background.value }),
+          max: _ctx.max,
+          min: _ctx.min,
+          step: _ctx.step,
+          type: "range"
+        }, null, 12, _hoisted_3$d), [
+          [vModelText, val.value]
+        ]),
+        _ctx.max !== void 0 ? (openBlock(), createElementBlock("p", _hoisted_4$9, toDisplayString(_ctx.max), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-d653c76a"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -43537,7 +43685,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$K), {
+      return openBlock(), createBlock(unref(_sfc_main$M), {
         ref_key: "dropdown",
         ref: dropdown,
         placement: "bottom-start",
@@ -43589,7 +43737,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$O), {
+          createVNode(unref(_sfc_main$Q), {
             class: "p-05",
             style: normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -51998,7 +52146,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (openBlock(), createBlock(unref(_sfc_main$K), {
+            !computedDropDownOptions.value.hide ? (openBlock(), createBlock(unref(_sfc_main$M), {
               key: 0,
               ref_key: "phoneDropdown",
               ref: phoneDropdown,
@@ -52232,7 +52380,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-739e3acb"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-194260fc"]]);
 const _hoisted_1$h = ["title"];
 const _hoisted_2$9 = ["id", "required"];
 const _hoisted_3$7 = ["for"];
@@ -52293,7 +52441,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$O), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return openBlock(), createBlock(unref(_sfc_main$Q), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.navLinks, (nav2, i2) => {
@@ -52393,7 +52541,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           icon: "keyboard_arrow_right",
           onClick: toggleMenu
         }),
-        createVNode(unref(_sfc_main$O), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
+        createVNode(unref(_sfc_main$Q), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: withCtx(() => [
             !unref(isOpen) || !unref(slots)["brand-open"] ? renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : createCommentVNode("", true),
             unref(isOpen) ? renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : createCommentVNode("", true),
@@ -52900,7 +53048,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [
-        createVNode(unref(_sfc_main$O), {
+        createVNode(unref(_sfc_main$Q), {
           class: "modal",
           style: normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
@@ -53068,7 +53216,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, createSlots({
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$H), {
+          createVNode(unref(_sfc_main$J), {
             ref_key: "form",
             ref: form,
             modelValue: formData.value,
@@ -53918,7 +54066,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         row,
                         field
                       }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                        createVNode(unref(_sfc_main$I), {
+                        createVNode(unref(_sfc_main$K), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -55069,7 +55217,7 @@ function frmRow(...children2) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: markRaw(_sfc_main$H),
+      $el: markRaw(_sfc_main$J),
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -55077,7 +55225,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: markRaw(_sfc_main$H),
+    $el: markRaw(_sfc_main$J),
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -55679,29 +55827,29 @@ const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
 export {
-  _sfc_main$W as Accordion,
+  _sfc_main$Y as Accordion,
   AccordionItem,
-  _sfc_main$U as AddressSearch,
+  _sfc_main$W as AddressSearch,
   Alert,
   Avatar,
   Badge,
-  _sfc_main$H as BagelForm,
+  _sfc_main$J as BagelForm,
   BagelVue,
-  _sfc_main$I as BglField,
-  _sfc_main$H as BglForm,
-  _sfc_main$G as BglMultiStepForm,
+  _sfc_main$K as BglField,
+  _sfc_main$J as BglForm,
+  _sfc_main$I as BglMultiStepForm,
   BglVideo,
   BottomMenu,
   Btn,
-  _sfc_main$O as Card,
+  _sfc_main$Q as Card,
   Carousel,
   CheckInput,
   Checkbox,
-  _sfc_main$D as ColorPicker,
+  _sfc_main$F as ColorPicker,
   DataPreview,
-  _sfc_main$C as DateInput,
-  _sfc_main$B as DatePicker,
-  _sfc_main$K as Dropdown,
+  _sfc_main$E as DateInput,
+  _sfc_main$D as DatePicker,
+  _sfc_main$M as Dropdown,
   $el as FileUpload,
   Flag,
   IMAGE_FORMATS,
@@ -55709,7 +55857,7 @@ export {
   _sfc_main$c as Icon,
   JSONInput,
   Layout,
-  _sfc_main$M as Lineart,
+  _sfc_main$O as Lineart,
   _sfc_main$f as ListItem,
   ListView,
   _sfc_main$d as MapEmbed,
@@ -55719,11 +55867,13 @@ export {
   ModalForm,
   ModalPlugin,
   NavBar,
+  OTP,
   _sfc_main$7 as PageTitle,
-  _sfc_main$y as PasswordInput,
+  _sfc_main$z as PasswordInput,
   Pill,
   RadioGroup,
   RadioPillsInput,
+  RangeInput,
   _sfc_main$v as RichText,
   index$1 as RichText2,
   RouterWrapper,