@bagelink/vue 0.0.1176 → 0.0.1180

package/dist/index.mjs

@@ -1,6 +1,6 @@
-var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, onMounted, onUnmounted, nextTick, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useCssVars, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, vModelRadio, TransitionGroup, vModelDynamic, onBeforeUnmount, markRaw } from "vue";
 import { RouterLink } from "vue-router";
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -7006,7 +7006,7 @@ const _hoisted_1$1$1 = {
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$r = { class: "layer-rectangles" };
 const _hoisted_4$h = ["transform", "onMouseover"];
-const _hoisted_5$g = ["width", "height"];
+const _hoisted_5$h = ["width", "height"];
 const _hoisted_6$d = {
   x: 0 + 10,
   y: 0 + 20,
@@ -7043,7 +7043,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$g),
+                }), null, 16, _hoisted_5$h),
                 renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
@@ -8149,7 +8149,7 @@ const _hoisted_1$L = {
 const _hoisted_2$y = { class: "infinite-wrapper" };
 const _hoisted_3$q = { class: "row first-row" };
 const _hoisted_4$g = { key: 0 };
-const _hoisted_5$f = ["onClick"];
+const _hoisted_5$g = ["onClick"];
 const _hoisted_6$c = { class: "flex" };
 const _hoisted_7$8 = ["onClick"];
 const _hoisted_8$5 = { key: 0 };
@@ -8303,7 +8303,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$f);
+                ], 8, _hoisted_5$g);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -11566,23 +11566,24 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BagelForm",
   props: {
     modelValue: { default: void 0 },
-    schema: { default: void 0 }
+    schema: { default: void 0 },
+    tag: { default: "form" }
   },
   emits: ["update:modelValue", "submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
     const form = ref();
-    const formData = ref(structuredClone(props2.modelValue ?? {}));
-    const initialFormData = ref(structuredClone(props2.modelValue ?? {}));
+    const formData = ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
+    const initialFormData = ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
     onMounted(() => {
       if (props2.modelValue) {
-        initialFormData.value = structuredClone(props2.modelValue);
+        initialFormData.value = JSON.parse(JSON.stringify(props2.modelValue));
       }
     });
     watch(() => props2.modelValue, (newValue) => {
       if (newValue !== void 0) {
-        formData.value = structuredClone(newValue);
+        formData.value = JSON.parse(JSON.stringify(newValue));
       }
     }, { immediate: true, deep: true });
     const resolvedSchema = computed(() => {
@@ -11630,7 +11631,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", {
+      return props2.tag === "form" ? (openBlock(), createElementBlock("form", {
+        key: 0,
         ref_key: "form",
         ref: form,
         onSubmit: withModifiers(handleSubmit, ["prevent"])
@@ -11645,7 +11647,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           isDirty: isDirty.value,
           validateForm
         })
-      ], 544);
+      ], 544)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
+        return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
+          key: field.id
+        });
+      }), 128));
     };
   }
 });
@@ -11856,7 +11862,7 @@ const _hoisted_3$n = {
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
 const _hoisted_4$f = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
-const _hoisted_5$e = ["innerHTML"];
+const _hoisted_5$f = ["innerHTML"];
 const _hoisted_6$b = ["onKeydown"];
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "Index",
@@ -11952,7 +11958,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               createElementVNode("code", {
                 class: normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$e),
+              }, null, 10, _hoisted_5$f),
               _cache[3] || (_cache[3] = createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("textarea", {
@@ -13767,7 +13773,7 @@ function transpose(fromDate, constructor) {
 const TIMEZONE_UNIT_PRIORITY = 10;
 class Setter {
   constructor() {
-    __publicField2(this, "subPriority", 0);
+    __publicField(this, "subPriority", 0);
   }
   validate(_utcDate, _options) {
     return true;
@@ -13794,8 +13800,8 @@ class ValueSetter extends Setter {
 class DateToSystemTimezoneSetter extends Setter {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", TIMEZONE_UNIT_PRIORITY);
-    __publicField2(this, "subPriority", -1);
+    __publicField(this, "priority", TIMEZONE_UNIT_PRIORITY);
+    __publicField(this, "subPriority", -1);
   }
   set(date2, flags) {
     if (flags.timestampIsSet) return date2;
@@ -13826,8 +13832,8 @@ class Parser {
 class EraParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 140);
-    __publicField2(this, "incompatibleTokens", ["R", "u", "t", "T"]);
+    __publicField(this, "priority", 140);
+    __publicField(this, "incompatibleTokens", ["R", "u", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -14005,8 +14011,8 @@ function isLeapYearIndex(year) {
 class YearParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 130);
-    __publicField2(this, "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]);
+    __publicField(this, "priority", 130);
+    __publicField(this, "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]);
   }
   parse(dateString, token, match2) {
     const valueCallback = (year) => ({
@@ -14050,8 +14056,8 @@ class YearParser extends Parser {
 class LocalWeekYearParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 130);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 130);
+    __publicField(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -14113,8 +14119,8 @@ class LocalWeekYearParser extends Parser {
 class ISOWeekYearParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 130);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 130);
+    __publicField(this, "incompatibleTokens", [
       "G",
       "y",
       "Y",
@@ -14148,8 +14154,8 @@ class ISOWeekYearParser extends Parser {
 class ExtendedYearParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 130);
-    __publicField2(this, "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]);
+    __publicField(this, "priority", 130);
+    __publicField(this, "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]);
   }
   parse(dateString, token) {
     if (token === "u") {
@@ -14166,8 +14172,8 @@ class ExtendedYearParser extends Parser {
 class QuarterParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 120);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 120);
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -14235,8 +14241,8 @@ class QuarterParser extends Parser {
 class StandAloneQuarterParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 120);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 120);
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "Q",
@@ -14304,7 +14310,7 @@ class StandAloneQuarterParser extends Parser {
 class MonthParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -14319,7 +14325,7 @@ class MonthParser extends Parser {
       "t",
       "T"
     ]);
-    __publicField2(this, "priority", 110);
+    __publicField(this, "priority", 110);
   }
   parse(dateString, token, match2) {
     const valueCallback = (value) => value - 1;
@@ -14374,8 +14380,8 @@ class MonthParser extends Parser {
 class StandAloneMonthParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 110);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 110);
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -14450,8 +14456,8 @@ function setWeek(date2, week, options) {
 class LocalWeekParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 100);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 100);
+    __publicField(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -14493,8 +14499,8 @@ function setISOWeek(date2, week) {
 class ISOWeekParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 100);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 100);
+    __publicField(this, "incompatibleTokens", [
       "y",
       "Y",
       "u",
@@ -14546,9 +14552,9 @@ const DAYS_IN_MONTH_LEAP_YEAR = [
 class DateParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 90);
-    __publicField2(this, "subPriority", 1);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 90);
+    __publicField(this, "subPriority", 1);
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -14592,9 +14598,9 @@ class DateParser extends Parser {
 class DayOfYearParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 90);
-    __publicField2(this, "subpriority", 1);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 90);
+    __publicField(this, "subpriority", 1);
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -14653,8 +14659,8 @@ function setDay(date2, day, options) {
 class DayParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 90);
-    __publicField2(this, "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]);
+    __publicField(this, "priority", 90);
+    __publicField(this, "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -14696,8 +14702,8 @@ class DayParser extends Parser {
 class LocalDayParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 90);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 90);
+    __publicField(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -14769,8 +14775,8 @@ class LocalDayParser extends Parser {
 class StandAloneLocalDayParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 90);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 90);
+    __publicField(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -14848,8 +14854,8 @@ function setISODay(date2, day) {
 class ISODayParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 90);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "priority", 90);
+    __publicField(this, "incompatibleTokens", [
       "y",
       "Y",
       "u",
@@ -14951,8 +14957,8 @@ class ISODayParser extends Parser {
 class AMPMParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 80);
-    __publicField2(this, "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]);
+    __publicField(this, "priority", 80);
+    __publicField(this, "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -14993,8 +14999,8 @@ class AMPMParser extends Parser {
 class AMPMMidnightParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 80);
-    __publicField2(this, "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]);
+    __publicField(this, "priority", 80);
+    __publicField(this, "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15035,8 +15041,8 @@ class AMPMMidnightParser extends Parser {
 class DayPeriodParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 80);
-    __publicField2(this, "incompatibleTokens", ["a", "b", "t", "T"]);
+    __publicField(this, "priority", 80);
+    __publicField(this, "incompatibleTokens", ["a", "b", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15077,8 +15083,8 @@ class DayPeriodParser extends Parser {
 class Hour1to12Parser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 70);
-    __publicField2(this, "incompatibleTokens", ["H", "K", "k", "t", "T"]);
+    __publicField(this, "priority", 70);
+    __publicField(this, "incompatibleTokens", ["H", "K", "k", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15108,8 +15114,8 @@ class Hour1to12Parser extends Parser {
 class Hour0to23Parser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 70);
-    __publicField2(this, "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]);
+    __publicField(this, "priority", 70);
+    __publicField(this, "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15132,8 +15138,8 @@ class Hour0to23Parser extends Parser {
 class Hour0To11Parser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 70);
-    __publicField2(this, "incompatibleTokens", ["h", "H", "k", "t", "T"]);
+    __publicField(this, "priority", 70);
+    __publicField(this, "incompatibleTokens", ["h", "H", "k", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15161,8 +15167,8 @@ class Hour0To11Parser extends Parser {
 class Hour1To24Parser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 70);
-    __publicField2(this, "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]);
+    __publicField(this, "priority", 70);
+    __publicField(this, "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15186,8 +15192,8 @@ class Hour1To24Parser extends Parser {
 class MinuteParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 60);
-    __publicField2(this, "incompatibleTokens", ["t", "T"]);
+    __publicField(this, "priority", 60);
+    __publicField(this, "incompatibleTokens", ["t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15210,8 +15216,8 @@ class MinuteParser extends Parser {
 class SecondParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 50);
-    __publicField2(this, "incompatibleTokens", ["t", "T"]);
+    __publicField(this, "priority", 50);
+    __publicField(this, "incompatibleTokens", ["t", "T"]);
   }
   parse(dateString, token, match2) {
     switch (token) {
@@ -15234,8 +15240,8 @@ class SecondParser extends Parser {
 class FractionOfSecondParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 30);
-    __publicField2(this, "incompatibleTokens", ["t", "T"]);
+    __publicField(this, "priority", 30);
+    __publicField(this, "incompatibleTokens", ["t", "T"]);
   }
   parse(dateString, token) {
     const valueCallback = (value) => Math.trunc(value * Math.pow(10, -token.length + 3));
@@ -15249,8 +15255,8 @@ class FractionOfSecondParser extends Parser {
 class ISOTimezoneWithZParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 10);
-    __publicField2(this, "incompatibleTokens", ["t", "T", "x"]);
+    __publicField(this, "priority", 10);
+    __publicField(this, "incompatibleTokens", ["t", "T", "x"]);
   }
   parse(dateString, token) {
     switch (token) {
@@ -15287,8 +15293,8 @@ class ISOTimezoneWithZParser extends Parser {
 class ISOTimezoneParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 10);
-    __publicField2(this, "incompatibleTokens", ["t", "T", "X"]);
+    __publicField(this, "priority", 10);
+    __publicField(this, "incompatibleTokens", ["t", "T", "X"]);
   }
   parse(dateString, token) {
     switch (token) {
@@ -15325,8 +15331,8 @@ class ISOTimezoneParser extends Parser {
 class TimestampSecondsParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 40);
-    __publicField2(this, "incompatibleTokens", "*");
+    __publicField(this, "priority", 40);
+    __publicField(this, "incompatibleTokens", "*");
   }
   parse(dateString) {
     return parseAnyDigitsSigned(dateString);
@@ -15338,8 +15344,8 @@ class TimestampSecondsParser extends Parser {
 class TimestampMillisecondsParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "priority", 20);
-    __publicField2(this, "incompatibleTokens", "*");
+    __publicField(this, "priority", 20);
+    __publicField(this, "incompatibleTokens", "*");
   }
   parse(dateString) {
     return parseAnyDigitsSigned(dateString);
@@ -20650,7 +20656,7 @@ const _hoisted_3$m = {
   class: "required"
 };
 const _hoisted_4$e = { class: "date-picker-container" };
-const _hoisted_5$d = ["type", "value", "min", "max", "required", "disabled"];
+const _hoisted_5$e = ["type", "value", "min", "max", "required", "disabled"];
 const _hoisted_6$a = { class: "flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
 const _hoisted_7$7 = { class: "calendar-section border-end m_border-none pe-05 m_p-0" };
 const _hoisted_8$4 = { class: "flex space-between pb-1" };
@@ -21009,7 +21015,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 class: "date-input",
                 onInput: handleInput,
                 onClick: _cache[0] || (_cache[0] = ($event) => isRef(isOpen) ? isOpen.value = true : isOpen = true)
-              }, null, 40, _hoisted_5$d)
+              }, null, 40, _hoisted_5$e)
             ])
           ]),
           _: 1
@@ -21026,7 +21032,7 @@ const _hoisted_3$l = {
   class: "time-wrap"
 };
 const _hoisted_4$d = ["id", "name", "value"];
-const _hoisted_5$c = ["for"];
+const _hoisted_5$d = ["for"];
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
@@ -21088,7 +21094,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("label", {
                 for: `${hr2}_${_ctx.id}`
-              }, toDisplayString(hr2), 9, _hoisted_5$c)
+              }, toDisplayString(hr2), 9, _hoisted_5$d)
             ], 64);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -21106,7 +21112,7 @@ const _hoisted_2$p = {
 };
 const _hoisted_3$k = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_4$c = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
-const _hoisted_5$b = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
+const _hoisted_5$c = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$9 = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
 const _hoisted_7$6 = {
   key: 1,
@@ -21370,7 +21376,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
-                  createElementVNode("div", _hoisted_5$b, [
+                  createElementVNode("div", _hoisted_5$c, [
                     createVNode(unref(_sfc_main$q), {
                       icon: "draft",
                       size: 1.5
@@ -21611,9 +21617,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1cbaeab2"]]);
 const _hoisted_1$z = ["for"];
-const _hoisted_2$n = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
-const _hoisted_3$i = { key: 1 };
-const _hoisted_4$b = {
+const _hoisted_2$n = { key: 0 };
+const _hoisted_3$i = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
+const _hoisted_4$b = { key: 1 };
+const _hoisted_5$b = {
   key: 5,
   class: "flex column spinner"
 };
@@ -21686,7 +21693,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         }])
       }, [
         createElementVNode("div", { for: _ctx.id }, [
-          createElementVNode("label", null, toDisplayString(_ctx.label), 1),
+          _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$n, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["gap-025", { "column flex": _ctx.layout === "vertical", "flex": _ctx.layout === "horizontal" }])
           }, [
@@ -21720,7 +21727,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 withKeys(withModifiers(increment, ["prevent"]), ["up"]),
                 withKeys(withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_2$n), [
+            }, null, 42, _hoisted_3$i), [
               [
                 vModelText,
                 unref(formattedValue),
@@ -21734,7 +21741,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_3$i, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
+            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_4$b, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
             _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$q), {
               key: 2,
               class: "iconStart",
@@ -21752,7 +21759,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               tabindex: "-1",
               onClick: decrement
             }, null, 8, ["class"])) : createCommentVNode("", true),
-            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
+            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
               createVNode(unref(Btn), {
                 icon: "add",
                 flat: "",
@@ -21778,7 +21785,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-eddf76f4"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-e3916f73"]]);
 const _hoisted_1$y = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "OTP",
@@ -38642,39 +38649,39 @@ function _sfc_render(_ctx, _cache) {
 const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
 class TapDetector {
   constructor() {
-    __publicField2(this, "singleTapCallbacks", []);
-    __publicField2(this, "doubleTapCallbacks", []);
-    __publicField2(this, "isTouchMode", false);
-    __publicField2(this, "lastTapTimestamp", 0);
-    __publicField2(this, "tappedCount", 0);
-    __publicField2(this, "touchMovedLength", 0);
-    __publicField2(this, "lastPointerX", 0);
-    __publicField2(this, "lastPointerY", 0);
-    __publicField2(this, "onTouchStart", (event) => {
+    __publicField(this, "singleTapCallbacks", []);
+    __publicField(this, "doubleTapCallbacks", []);
+    __publicField(this, "isTouchMode", false);
+    __publicField(this, "lastTapTimestamp", 0);
+    __publicField(this, "tappedCount", 0);
+    __publicField(this, "touchMovedLength", 0);
+    __publicField(this, "lastPointerX", 0);
+    __publicField(this, "lastPointerY", 0);
+    __publicField(this, "onTouchStart", (event) => {
       this.isTouchMode = true;
       if (event.touches.length === 1) {
         this.onPointerDown(event.touches[0].clientX, event.touches[0].clientY);
       }
     });
-    __publicField2(this, "onTouchMove", (event) => {
+    __publicField(this, "onTouchMove", (event) => {
       if (event.touches.length === 1) {
         this.onPointerMove(event.touches[0].clientX, event.touches[0].clientY);
       }
     });
-    __publicField2(this, "onTouchEnd", () => {
+    __publicField(this, "onTouchEnd", () => {
       if (this.isTouchMode) this.onPointerUp();
     });
-    __publicField2(this, "onMouseDown", (event) => {
+    __publicField(this, "onMouseDown", (event) => {
       if (!this.isTouchMode) {
         this.onPointerDown(event.clientX, event.clientY);
       }
     });
-    __publicField2(this, "onMouseMove", (event) => {
+    __publicField(this, "onMouseMove", (event) => {
       if (!this.isTouchMode && event.button === 0) {
         this.onPointerMove(event.clientX, event.clientY);
       }
     });
-    __publicField2(this, "onMouseUp", () => {
+    __publicField(this, "onMouseUp", () => {
       if (!this.isTouchMode) this.onPointerUp();
     });
   }
@@ -39147,12 +39154,6 @@ function localRef(key, initialValue) {
   return value;
 }
 const useLocalStorage = localRef;
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 const axios = axios$1.create({
   withCredentials: true
 });
@@ -39167,8 +39168,7 @@ class DataRequest {
     this.itemID = "";
   }
   async post(item) {
-    if (!this.data_table)
-      throw new Error("Data table not set");
+    if (!this.data_table) throw new Error("Data table not set");
     const { data: data2 } = await axios.post(`/data/${this.data_table}`, item);
     return data2;
   }
@@ -39178,8 +39178,7 @@ class DataRequest {
   }
   async get() {
     var _a2, _b;
-    if (!this.data_table)
-      throw new Error("Data table not set");
+    if (!this.data_table) throw new Error("Data table not set");
     const filterStr = Object.keys(this._filter).length > 0 ? `?filter={${Object.entries(this._filter).map(([k2, v2]) => `${k2}:${v2}`).join(",")}}` : "";
     const url = `/data/${this.data_table}${this.itemID ? `/${this.itemID}` : ""}${filterStr}`;
     try {
@@ -39196,8 +39195,7 @@ class DataRequest {
     return this;
   }
   async delete() {
-    if (!this.data_table)
-      throw new Error("Data table not set");
+    if (!this.data_table) throw new Error("Data table not set");
     const { data: data2 } = await axios.delete(
       `/data/${this.data_table}/${this.itemID}`
     );
@@ -39205,10 +39203,8 @@ class DataRequest {
   }
   async put(updatedItem) {
     const { data_table, itemID } = this;
-    if (!data_table)
-      throw new Error("Data table not set");
-    if (!itemID)
-      throw new Error("Item ID not set");
+    if (!data_table) throw new Error("Data table not set");
+    if (!itemID) throw new Error("Item ID not set");
     const { data: data2 } = await axios.put(
       `/data/${data_table}/${itemID}`,
       updatedItem
@@ -39225,9 +39221,9 @@ function responses(key) {
 }
 class BagelAuth {
   constructor(bagel) {
-    this.bagel = bagel;
     __publicField(this, "user");
     this.bagel = bagel;
+    this.bagel = bagel;
   }
   async validateUser() {
     try {
@@ -39329,12 +39325,10 @@ class Bagel {
   async get(endpoint, query) {
     this._setAuthorization();
     endpoint = this._endpointCleaner(endpoint);
-    if (/undefined|null/.test(endpoint))
-      throw new Error(`Invalid endpoint: ${endpoint}`);
+    if (/undefined|null/.test(endpoint)) throw new Error(`Invalid endpoint: ${endpoint}`);
     if (query) {
       const queryParams = Object.entries(query).filter(([_2, value]) => !!value).map(([key, value]) => `${key}=${value}`).join("&");
-      if (queryParams)
-        endpoint = `${endpoint}?${queryParams}`;
+      if (queryParams) endpoint = `${endpoint}?${queryParams}`;
     }
     const url = `/${endpoint}`;
     return axios.get(url).then(({ data: data2 }) => data2).catch((err) => {
@@ -39389,8 +39383,7 @@ class Bagel {
     const formData = new FormData();
     formData.append("file", file);
     let url = "/static_files/upload";
-    if (options == null ? void 0 : options.topic)
-      url = `/static_files/upload?topic=${options.topic}`;
+    if (options == null ? void 0 : options.topic) url = `/static_files/upload?topic=${options.topic}`;
     const { data: data2 } = await axios.post(url, formData, {
       headers: {
         "Content-Type": "multipart/form-data"