@bagelink/vue 0.0.1176 → 0.0.1180

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
-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);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
@@ -7008,7 +7008,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,
@@ -7045,7 +7045,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),
                 vue.renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
@@ -8151,7 +8151,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 };
@@ -8305,7 +8305,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$f);
+                ], 8, _hoisted_5$g);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -11568,23 +11568,24 @@ const _sfc_main$R = /* @__PURE__ */ vue.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 = vue.ref();
-    const formData = vue.ref(structuredClone(props2.modelValue ?? {}));
-    const initialFormData = vue.ref(structuredClone(props2.modelValue ?? {}));
+    const formData = vue.ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
+    const initialFormData = vue.ref(JSON.parse(JSON.stringify(props2.modelValue ?? {})));
     vue.onMounted(() => {
       if (props2.modelValue) {
-        initialFormData.value = structuredClone(props2.modelValue);
+        initialFormData.value = JSON.parse(JSON.stringify(props2.modelValue));
       }
     });
     vue.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 = vue.computed(() => {
@@ -11632,7 +11633,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("form", {
+      return props2.tag === "form" ? (vue.openBlock(), vue.createElementBlock("form", {
+        key: 0,
         ref_key: "form",
         ref: form,
         onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
@@ -11647,7 +11649,11 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           isDirty: isDirty.value,
           validateForm
         })
-      ], 544);
+      ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
+          key: field.id
+        });
+      }), 128));
     };
   }
 });
@@ -11858,7 +11864,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__ */ vue.defineComponent({
   __name: "Index",
@@ -11954,7 +11960,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("code", {
                 class: vue.normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$e),
+              }, null, 10, _hoisted_5$f),
               _cache[3] || (_cache[3] = vue.createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
@@ -13769,7 +13775,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;
@@ -13796,8 +13802,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;
@@ -13828,8 +13834,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) {
@@ -14007,8 +14013,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) => ({
@@ -14052,8 +14058,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",
@@ -14115,8 +14121,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",
@@ -14150,8 +14156,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") {
@@ -14168,8 +14174,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",
@@ -14237,8 +14243,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",
@@ -14306,7 +14312,7 @@ class StandAloneQuarterParser extends Parser {
 class MonthParser extends Parser {
   constructor() {
     super(...arguments);
-    __publicField2(this, "incompatibleTokens", [
+    __publicField(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -14321,7 +14327,7 @@ class MonthParser extends Parser {
       "t",
       "T"
     ]);
-    __publicField2(this, "priority", 110);
+    __publicField(this, "priority", 110);
   }
   parse(dateString, token, match2) {
     const valueCallback = (value) => value - 1;
@@ -14376,8 +14382,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",
@@ -14452,8 +14458,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",
@@ -14495,8 +14501,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",
@@ -14548,9 +14554,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",
@@ -14594,9 +14600,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",
@@ -14655,8 +14661,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) {
@@ -14698,8 +14704,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",
@@ -14771,8 +14777,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",
@@ -14850,8 +14856,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",
@@ -14953,8 +14959,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) {
@@ -14995,8 +15001,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) {
@@ -15037,8 +15043,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) {
@@ -15079,8 +15085,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) {
@@ -15110,8 +15116,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) {
@@ -15134,8 +15140,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) {
@@ -15163,8 +15169,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) {
@@ -15188,8 +15194,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) {
@@ -15212,8 +15218,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) {
@@ -15236,8 +15242,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));
@@ -15251,8 +15257,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) {
@@ -15289,8 +15295,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) {
@@ -15327,8 +15333,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);
@@ -15340,8 +15346,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);
@@ -20652,7 +20658,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" };
@@ -21011,7 +21017,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 class: "date-input",
                 onInput: handleInput,
                 onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true)
-              }, null, 40, _hoisted_5$d)
+              }, null, 40, _hoisted_5$e)
             ])
           ]),
           _: 1
@@ -21028,7 +21034,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__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
@@ -21090,7 +21096,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               ]),
               vue.createElementVNode("label", {
                 for: `${hr2}_${_ctx.id}`
-              }, vue.toDisplayString(hr2), 9, _hoisted_5$c)
+              }, vue.toDisplayString(hr2), 9, _hoisted_5$d)
             ], 64);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -21108,7 +21114,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,
@@ -21372,7 +21378,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
-                  vue.createElementVNode("div", _hoisted_5$b, [
+                  vue.createElementVNode("div", _hoisted_5$c, [
                     vue.createVNode(vue.unref(_sfc_main$q), {
                       icon: "draft",
                       size: 1.5
@@ -21613,9 +21619,10 @@ const _sfc_main$H = /* @__PURE__ */ vue.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"
 };
@@ -21688,7 +21695,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         }])
       }, [
         vue.createElementVNode("div", { for: _ctx.id }, [
-          vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$n, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["gap-025", { "column flex": _ctx.layout === "vertical", "flex": _ctx.layout === "horizontal" }])
           }, [
@@ -21722,7 +21729,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(vue.withModifiers(increment, ["prevent"]), ["up"]),
                 vue.withKeys(vue.withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_2$n), [
+            }, null, 42, _hoisted_3$i), [
               [
                 vue.vModelText,
                 vue.unref(formattedValue),
@@ -21736,7 +21743,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$i, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
+            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$b, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
             _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$q), {
               key: 2,
               class: "iconStart",
@@ -21754,7 +21761,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
               tabindex: "-1",
               onClick: decrement
             }, null, 8, ["class"])) : vue.createCommentVNode("", true),
-            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
+            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
               vue.createVNode(vue.unref(Btn), {
                 icon: "add",
                 flat: "",
@@ -21780,7 +21787,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "OTP",
@@ -38644,39 +38651,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();
     });
   }
@@ -39149,12 +39156,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
 });
@@ -39169,8 +39170,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;
   }
@@ -39180,8 +39180,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 {
@@ -39198,8 +39197,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}`
     );
@@ -39207,10 +39205,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
@@ -39227,9 +39223,9 @@ function responses(key) {
 }
 class BagelAuth {
   constructor(bagel) {
-    this.bagel = bagel;
     __publicField(this, "user");
     this.bagel = bagel;
+    this.bagel = bagel;
   }
   async validateUser() {
     try {
@@ -39331,12 +39327,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) => {
@@ -39391,8 +39385,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"