@bagelink/vue 0.0.789 → 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$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = reactive({
@@ -52,11 +52,11 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "accordion-item" };
+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$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -93,7 +93,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -133,9 +133,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-f87b579d"]]);
-const _hoisted_1$K = { class: "relative" };
-const _sfc_main$V = /* @__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$V = /* @__PURE__ */ defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$K, [
-        createVNode(unref(_sfc_main$L), {
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+        createVNode(unref(_sfc_main$M), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -193,7 +193,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 0,
   class: "loading"
 };
@@ -201,7 +201,7 @@ const _hoisted_2$v = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -295,7 +295,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : (openBlock(), createElementBlock("div", _hoisted_2$v, [
+          _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$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-047c9778"]]);
-const _hoisted_1$I = ["dismissable"];
+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$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -354,13 +354,13 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$I)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$J)) : createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$H = ["src", "alt"];
-const _sfc_main$S = /* @__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$S = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$H)) : (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$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$R = /* @__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$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-40a0b03a"]]);
-const _hoisted_1$G = ["src"];
+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$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -476,7 +476,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$G)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$H)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -490,12 +490,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8495afe2"]]);
-const _hoisted_1$F = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-8495afe2"]]);
+const _hoisted_1$G = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -523,7 +523,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$F, 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$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_2$s = { class: "Handlers" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -684,7 +684,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$E)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$s, [
@@ -705,7 +705,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__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;
 }
@@ -6646,13 +6646,13 @@ var script = defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "layer-hover-bar"
 };
 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$D, [
+  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,
@@ -6664,7 +6664,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render$e;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -6804,7 +6804,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "data"
 };
@@ -6825,7 +6825,7 @@ const _hoisted_9$3 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     showFields: {},
@@ -6861,7 +6861,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$3), {
           key: 0,
           label: _ctx.title
@@ -6874,7 +6874,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               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$J), {
+              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$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__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$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "Dropdown",
   props: {
     value: {},
@@ -9502,7 +9502,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -9532,8 +9532,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f99f1900"]]);
-const _sfc_main$J = /* @__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$J = /* @__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$D;
+      if (props2.field.$el === "date") return _sfc_main$E;
       return props2.field.$el ?? "div";
     });
     const formData = computed({
@@ -9633,7 +9633,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -9731,7 +9731,7 @@ const _sfc_main$I = /* @__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$J), {
+            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$I = /* @__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$J), {
+            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$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = { key: 0 };
-const _sfc_main$H = /* @__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$H = /* @__PURE__ */ defineComponent({
           mode: "out-in"
         }, {
           default: withCtx(() => [
-            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
-              createVNode(unref(_sfc_main$I), 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$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = { class: "primary-checkbox" };
-const _sfc_main$G = /* @__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$G = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$A, [
+      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$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-73f1d9ad"]]);
-const _hoisted_1$z = ["title"];
+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$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -9951,14 +9951,14 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$j)
-      ], 10, _hoisted_1$z);
+      ], 10, _hoisted_1$A);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-1b4d18c6"]]);
-const _hoisted_1$y = ["title"];
+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$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -10000,7 +10000,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             [vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$y)) : 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$x = ["title"];
+const _hoisted_1$y = ["title"];
 const _hoisted_2$n = { key: 0 };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -18503,11 +18503,11 @@ const _sfc_main$D = /* @__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$x);
+      ], 10, _hoisted_1$y);
     };
   }
 });
-const _hoisted_1$w = { class: "datetime-wrap" };
+const _hoisted_1$x = { class: "datetime-wrap" };
 const _hoisted_2$m = { class: "date-wrap" };
 const _hoisted_3$i = {
   key: 0,
@@ -18515,7 +18515,7 @@ const _hoisted_3$i = {
 };
 const _hoisted_4$d = ["id", "name", "value"];
 const _hoisted_5$b = ["for"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -18543,7 +18543,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createElementVNode("div", _hoisted_2$m, [
           createVNode(unref(Hn), mergeProps({
             modelValue: selectedDate.value,
@@ -18584,7 +18584,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "bagel-input" };
+const _hoisted_1$w = { class: "bagel-input" };
 const _hoisted_2$l = {
   key: 0,
   class: "bgl-multi-preview"
@@ -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$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: {
     label: {},
@@ -18757,7 +18757,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_lightbox = resolveDirective("lightbox");
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
           class: normalizeClass(["fileUploadWrap", {
@@ -18898,11 +18898,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-be593d04"]]);
-const _hoisted_1$u = ["title"];
+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$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -18934,11 +18934,117 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$g)
-      ], 10, _hoisted_1$u);
+      ], 10, _hoisted_1$v);
+    };
+  }
+});
+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 JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-1cbaeab2"]]);
+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",
@@ -43579,7 +43685,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$L), {
+      return openBlock(), createBlock(unref(_sfc_main$M), {
         ref_key: "dropdown",
         ref: dropdown,
         placement: "bottom-start",
@@ -43631,7 +43737,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$P), {
+          createVNode(unref(_sfc_main$Q), {
             class: "p-05",
             style: normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -52040,7 +52146,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (openBlock(), createBlock(unref(_sfc_main$L), {
+            !computedDropDownOptions.value.hide ? (openBlock(), createBlock(unref(_sfc_main$M), {
               key: 0,
               ref_key: "phoneDropdown",
               ref: phoneDropdown,
@@ -52274,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"];
@@ -52335,7 +52441,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$P), { 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) => {
@@ -52435,7 +52541,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           icon: "keyboard_arrow_right",
           onClick: toggleMenu
         }),
-        createVNode(unref(_sfc_main$P), { 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),
@@ -52942,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$P), {
+        createVNode(unref(_sfc_main$Q), {
           class: "modal",
           style: normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
@@ -53110,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$I), {
+          createVNode(unref(_sfc_main$J), {
             ref_key: "form",
             ref: form,
             modelValue: formData.value,
@@ -53960,7 +54066,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         row,
                         field
                       }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                        createVNode(unref(_sfc_main$J), {
+                        createVNode(unref(_sfc_main$K), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -55111,7 +55217,7 @@ function frmRow(...children2) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: markRaw(_sfc_main$I),
+      $el: markRaw(_sfc_main$J),
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -55119,7 +55225,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: markRaw(_sfc_main$I),
+    $el: markRaw(_sfc_main$J),
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -55721,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$X as Accordion,
+  _sfc_main$Y as Accordion,
   AccordionItem,
-  _sfc_main$V as AddressSearch,
+  _sfc_main$W as AddressSearch,
   Alert,
   Avatar,
   Badge,
-  _sfc_main$I as BagelForm,
+  _sfc_main$J as BagelForm,
   BagelVue,
-  _sfc_main$J as BglField,
-  _sfc_main$I as BglForm,
-  _sfc_main$H as BglMultiStepForm,
+  _sfc_main$K as BglField,
+  _sfc_main$J as BglForm,
+  _sfc_main$I as BglMultiStepForm,
   BglVideo,
   BottomMenu,
   Btn,
-  _sfc_main$P as Card,
+  _sfc_main$Q as Card,
   Carousel,
   CheckInput,
   Checkbox,
-  _sfc_main$E as ColorPicker,
+  _sfc_main$F as ColorPicker,
   DataPreview,
-  _sfc_main$D as DateInput,
-  _sfc_main$C as DatePicker,
-  _sfc_main$L as Dropdown,
+  _sfc_main$E as DateInput,
+  _sfc_main$D as DatePicker,
+  _sfc_main$M as Dropdown,
   $el as FileUpload,
   Flag,
   IMAGE_FORMATS,
@@ -55751,7 +55857,7 @@ export {
   _sfc_main$c as Icon,
   JSONInput,
   Layout,
-  _sfc_main$N as Lineart,
+  _sfc_main$O as Lineart,
   _sfc_main$f as ListItem,
   ListView,
   _sfc_main$d as MapEmbed,
@@ -55761,6 +55867,7 @@ export {
   ModalForm,
   ModalPlugin,
   NavBar,
+  OTP,
   _sfc_main$7 as PageTitle,
   _sfc_main$z as PasswordInput,
   Pill,