@dynamicforms/vuetify-inputs 0.1.10 → 0.1.12

package/dist/dynamicforms-vuetify-inputs.js

@@ -28,7 +28,7 @@ var ne = (t, e, l) => new Promise((r, n) => {
   u((l = l.apply(t, e)).next());
 });
 import * as we from "vue";
-import { defineComponent as F, mergeModels as Ve, useModel as We, ref as S, watch as J, onMounted as Se, markRaw as Xe, onBeforeUnmount as Ne, createBlock as k, openBlock as h, resolveDynamicComponent as ee, version as qe, computed as _, createElementBlock as E, Fragment as $e, renderList as Ee, normalizeClass as re, toDisplayString as te, unref as o, mergeProps as R, withCtx as y, createTextVNode as be, resolveComponent as x, createCommentVNode as $, createVNode as A, createSlots as Ze, renderSlot as Ye, isRef as G, withModifiers as Qe, mergeDefaults as z, createElementVNode as le, normalizeStyle as he, toRefs as se, withKeys as ke, useCssVars as Je, normalizeProps as Ue, guardReactiveProps as Fe, nextTick as et } from "vue";
+import { defineComponent as F, mergeModels as Ve, useModel as We, ref as S, watch as J, onMounted as Se, markRaw as Xe, onBeforeUnmount as Ne, createBlock as V, openBlock as h, resolveDynamicComponent as ee, version as qe, computed as _, createElementBlock as E, Fragment as $e, renderList as Ee, normalizeClass as re, toDisplayString as te, unref as o, mergeProps as P, withCtx as y, createTextVNode as be, resolveComponent as x, createCommentVNode as $, createVNode as A, createSlots as Ze, renderSlot as Ye, isRef as G, withModifiers as Qe, mergeDefaults as z, createElementVNode as le, normalizeStyle as he, toRefs as se, withKeys as ke, useCssVars as Je, normalizeProps as Ue, guardReactiveProps as Fe, nextTick as et } from "vue";
 import { debounce as tt, isEmpty as lt, isObjectLike as ot, isString as pe, isBoolean as Te, clone as nt, toNumber as Ce, isNaN as Ie, isArray as Be, castArray as Le, first as Pe } from "lodash-es";
 import fe from "vue-ionicon";
 import { useDisplay as at } from "vuetify";
@@ -216,43 +216,43 @@ const de = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Al = 300, Dl =
     e({
       instance: u,
       lastEditorData: c
-    }), J(r, (i) => {
-      u.value && i !== c.value && u.value.data.set(i);
-    }), J(() => n.disabled, (i) => {
-      i ? u.value.enableReadOnlyMode(de) : u.value.disableReadOnlyMode(de);
+    }), J(r, (s) => {
+      u.value && s !== c.value && u.value.data.set(s);
+    }), J(() => n.disabled, (s) => {
+      s ? u.value.enableReadOnlyMode(de) : u.value.disableReadOnlyMode(de);
     });
     function v() {
-      const i = window.CKEDITOR_VERSION;
-      if (!i)
+      const s = window.CKEDITOR_VERSION;
+      if (!s)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [m] = i.split(".").map(Number);
-      m >= 42 || i.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [m] = s.split(".").map(Number);
+      m >= 42 || s.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function s(i) {
+    function i(s) {
       const m = tt((p) => {
         if (n.disableTwoWayDataBinding)
           return;
-        const g = c.value = i.data.get();
-        a("update:modelValue", g, p, i), a("input", g, p, i);
+        const g = c.value = s.data.get();
+        a("update:modelValue", g, p, s), a("input", g, p, s);
       }, Al, { leading: !0 });
-      i.model.document.on("change:data", m), i.editing.view.document.on("focus", (p) => {
-        a("focus", p, i);
-      }), i.editing.view.document.on("blur", (p) => {
-        a("blur", p, i);
+      s.model.document.on("change:data", m), s.editing.view.document.on("focus", (p) => {
+        a("focus", p, s);
+      }), s.editing.view.document.on("blur", (p) => {
+        a("blur", p, s);
       });
     }
     return v(), Se(() => {
-      const i = xl(
+      const s = xl(
         Object.assign({}, n.config)
       );
-      r.value && (i.initialData = r.value), n.editor.create(f.value, i).then((m) => {
-        u.value = Xe(m), s(m), r.value !== i.initialData && m.data.set(r.value), n.disabled && m.enableReadOnlyMode(de), a("ready", m);
+      r.value && (s.initialData = r.value), n.editor.create(f.value, s).then((m) => {
+        u.value = Xe(m), i(m), r.value !== s.initialData && m.data.set(r.value), n.disabled && m.enableReadOnlyMode(de), a("ready", m);
       }).catch((m) => {
         console.error(m);
       });
     }), Ne(() => {
       u.value && (u.value.destroy(), u.value = void 0), a("destroy");
-    }), (i, m) => (h(), k(ee(i.tagName), {
+    }), (s, m) => (h(), V(ee(s.tagName), {
       ref_key: "element",
       ref: f
     }, null, 512));
@@ -292,7 +292,7 @@ function j(t, e) {
     () => t.control ? t.control.errors : (t.errors || []).map((p) => new rt(p))
   ), a = _(() => n.value.length > 0 ? " " : void 0), f = _(() => t.control ? t.control.enabled : t.enabled !== !1), u = _(
     () => t.control ? t.control.visibility : t.visibility || xe.DisplayMode.FULL
-  ), c = _(() => t.label || ""), v = _(() => t.placeholder || ""), s = _(() => t.helpText || ""), i = _(() => t.hint || ""), m = _(() => t.cssClass || "");
+  ), c = _(() => t.label || ""), v = _(() => t.placeholder || ""), i = _(() => t.helpText || ""), s = _(() => t.hint || ""), m = _(() => t.cssClass || "");
   return {
     value: l,
     valid: r,
@@ -311,12 +311,12 @@ function j(t, e) {
         disabled: !f.value,
         placeholder: v.value,
         "persistent-placeholder": !lt(v.value),
-        hint: i.value,
+        hint: s.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
-        helpText: s.value
+        helpText: i.value
       };
     })
   };
@@ -334,10 +334,10 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
           key: n,
           class: re({ "first-error": n === 0, "last-error": n === e.errors.length - 1 })
         }, [
-          r.componentName === "template" ? (h(), E("div", $l, te(r.componentBody), 1)) : r.componentName === "vue-markdown" ? (h(), k(o(st), {
+          r.componentName === "template" ? (h(), E("div", $l, te(r.componentBody), 1)) : r.componentName === "vue-markdown" ? (h(), V(o(st), {
             key: 1,
             source: (a = r.componentBindings) == null ? void 0 : a.source
-          }, null, 8, ["source"])) : (h(), k(ee(r.componentName), R({
+          }, null, 8, ["source"])) : (h(), V(ee(r.componentName), P({
             key: 2,
             ref_for: !0
           }, r.componentBindings), {
@@ -376,8 +376,8 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
     const l = t, r = e, { errors: n, value: a, visibility: f, vuetifyBindings: u } = j(l, r), c = _(() => o(l.clearable) && o(a));
-    return (v, s) => {
-      const i = x("v-icon"), m = x("v-input");
+    return (v, i) => {
+      const s = x("v-icon"), m = x("v-input");
       return o(f) !== o(M).SUPPRESS ? (h(), E("div", {
         key: 0,
         class: re([
@@ -405,10 +405,10 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
           c.value ? {
             name: "append",
             fn: y(() => [
-              A(i, {
-                onClick: s[0] || (s[0] = (p) => r("click:clear"))
+              A(s, {
+                onClick: i[0] || (i[0] = (p) => r("click:clear"))
               }, {
-                default: y(() => s[1] || (s[1] = [
+                default: y(() => i[1] || (i[1] = [
                   be("mdi-close-circle")
                 ])),
                 _: 1
@@ -421,7 +421,7 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
     };
   }
 });
-var O = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.TEXT = 1] = "TEXT", t))(O || {});
+var R = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.TEXT = 1] = "TEXT", t))(R || {});
 const Ae = 0;
 ((t) => {
   function e(n) {
@@ -438,8 +438,8 @@ const Ae = 0;
     return Object.values(t).includes(a);
   }
   t.isDefined = r;
-})(O || (O = {}));
-Object.freeze(O);
+})(R || (R = {}));
+Object.freeze(R);
 const De = ["xl", "lg", "md", "sm", "xs"];
 class ie {
   constructor(e, l) {
@@ -455,7 +455,7 @@ class ie {
     var n, a, f;
     const l = {
       label: this._value.label,
-      renderAs: (n = this._value.renderAs) != null ? n : O.BUTTON,
+      renderAs: (n = this._value.renderAs) != null ? n : R.BUTTON,
       showLabel: (a = this._value.showLabel) != null ? a : !0,
       showIcon: (f = this._value.showIcon) != null ? f : !0
     }, r = [...De].reverse();
@@ -468,7 +468,7 @@ class ie {
   static cleanBreakpoint(e) {
     if (!e || !ot(e)) return null;
     const l = {};
-    return e.renderAs !== void 0 && (l.renderAs = O.fromAny(e.renderAs)), pe(e.label) && (l.label = e.label), Te(e.showLabel) && (l.showLabel = e.showLabel), Te(e.showIcon) && (l.showIcon = e.showIcon), Object.keys(l).length ? l : null;
+    return e.renderAs !== void 0 && (l.renderAs = R.fromAny(e.renderAs)), pe(e.label) && (l.label = e.label), Te(e.showLabel) && (l.showLabel = e.showLabel), Te(e.showIcon) && (l.showIcon = e.showIcon), Object.keys(l).length ? l : null;
   }
 }
 class ae {
@@ -516,7 +516,7 @@ class ae {
         label: "Close",
         // TODO: needs translation
         icon: "close-outline",
-        displayStyle: { renderAs: O.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(l)
     );
@@ -528,7 +528,7 @@ class ae {
         label: "Yes",
         // TODO: needs translation
         icon: "thumbs-up-outline",
-        displayStyle: { renderAs: O.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(l)
     );
@@ -540,7 +540,7 @@ class ae {
         label: "No",
         // TODO: needs translation
         icon: "thumbs-down-outline",
-        displayStyle: { renderAs: O.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(l)
     );
@@ -558,50 +558,50 @@ const Fl = {
   },
   setup(t) {
     const e = t, l = G(e.actions) ? e.actions : S(e.actions);
-    function r(s) {
-      return s.xlAndUp.value ? "xl" : s.lgAndUp.value ? "lg" : s.mdAndUp.value ? "md" : s.smAndUp.value ? "sm" : "xs";
+    function r(i) {
+      return i.xlAndUp.value ? "xl" : i.lgAndUp.value ? "lg" : i.mdAndUp.value ? "md" : i.smAndUp.value ? "sm" : "xs";
     }
     const n = at(), a = _(() => {
-      const s = {};
-      s["%breakpoint%"] = r(n);
-      for (const i of l.value)
-        s[i.name] = i.displayStyle.getOptionsForBreakpoint(r(n));
-      return s;
+      const i = {};
+      i["%breakpoint%"] = r(n);
+      for (const s of l.value)
+        i[s.name] = s.displayStyle.getOptionsForBreakpoint(r(n));
+      return i;
     });
-    function f(s) {
-      var i;
-      return (i = a.value[s.name].showIcon && s.iconAvailable) != null ? i : !0;
+    function f(i) {
+      var s;
+      return (s = a.value[i.name].showIcon && i.iconAvailable) != null ? s : !0;
     }
-    function u(s) {
-      return a.value[s.name].showLabel && s.labelAvailable ? !0 : !f(s);
+    function u(i) {
+      return a.value[i.name].showLabel && i.labelAvailable ? !0 : !f(i);
     }
-    function c(s) {
-      var i;
-      return (i = a.value[s.name].renderAs) != null ? i : O.BUTTON;
+    function c(i) {
+      var s;
+      return (s = a.value[i.name].renderAs) != null ? s : R.BUTTON;
     }
-    function v(s) {
-      var i;
-      return s.labelAvailable ? (i = s.formAction.label) != null ? i : "" : s.name;
+    function v(i) {
+      var s;
+      return i.labelAvailable ? (s = i.formAction.label) != null ? s : "" : i.name;
     }
-    return (s, i) => {
+    return (i, s) => {
       const m = x("v-btn");
       return o(l).length > 0 ? (h(), E("div", {
         key: 0,
         class: re(["text-end", {
-          "button-group": s.showAsGroup === "grouped" || s.showAsGroup === "grouped-no-borders",
-          "with-border": s.showAsGroup === "grouped"
+          "button-group": i.showAsGroup === "grouped" || i.showAsGroup === "grouped-no-borders",
+          "with-border": i.showAsGroup === "grouped"
         }])
       }, [
-        (h(!0), E($e, null, Ee(o(l), (p, g) => (h(), k(m, {
+        (h(!0), E($e, null, Ee(o(l), (p, g) => (h(), V(m, {
           key: g,
-          variant: c(p) === o(O).BUTTON ? "tonal" : "text",
+          variant: c(p) === o(R).BUTTON ? "tonal" : "text",
           elevation: 0,
           class: re(g !== -1 ? "" : "ms-3"),
-          size: s.buttonSize,
-          onClick: Qe((w) => p.formAction.execute(w), ["stop"])
+          size: i.buttonSize,
+          onClick: Qe((I) => p.formAction.execute(I), ["stop"])
         }, {
           default: y(() => [
-            f(p) ? (h(), k(o(fe), {
+            f(p) ? (h(), V(o(fe), {
               key: 0,
               class: "action-icon",
               name: p.formAction.icon
@@ -640,14 +640,14 @@ const Fl = {
       }
     });
     function v() {
-      const s = nt(a.value);
-      s === !0 ? a.value = l.allowNull ? null : !1 : a.value = s === !1;
+      const i = nt(a.value);
+      i === !0 ? a.value = l.allowNull ? null : !1 : a.value = i === !1;
     }
-    return (s, i) => {
+    return (i, s) => {
       const m = x("v-checkbox");
-      return h(), k(m, R({
+      return h(), V(m, P({
         modelValue: c.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (p) => c.value = p)
+        "onUpdate:modelValue": s[0] || (s[0] = (p) => c.value = p)
       }, o(f), {
         density: "compact",
         indeterminate: u.value,
@@ -681,26 +681,23 @@ const Fl = {
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
     const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), u = S(!1), c = _(() => [
-      (s) => !s && l.allowNull || /^#?([a-fA-F0-9]{6}[a-fA-F0-9]{0,2})$/.test(s) ? !0 : "Not a valid hex string."
+      (v) => !v && l.allowNull || /^#?([a-fA-F0-9]{6}[a-fA-F0-9]{0,2})$/.test(v) ? !0 : "Not a valid hex string."
     ]);
-    function v() {
-      u.value = !1;
-    }
-    return (s, i) => {
-      const m = x("v-text-field"), p = x("v-color-picker"), g = x("v-menu");
-      return h(), k(g, {
+    return (v, i) => {
+      const s = x("v-text-field"), m = x("v-color-picker"), p = x("v-menu");
+      return h(), V(p, {
         modelValue: u.value,
-        "onUpdate:modelValue": i[2] || (i[2] = (w) => u.value = w),
+        "onUpdate:modelValue": i[2] || (i[2] = (g) => u.value = g),
         location: "top start",
         origin: "bottom start",
         "close-on-content-click": !1
       }, {
-        activator: y(({ props: w }) => [
-          A(m, R({
+        activator: y(({ props: g }) => [
+          A(s, P({
             modelValue: o(a),
-            "onUpdate:modelValue": i[0] || (i[0] = (L) => G(a) ? a.value = L : null)
-          }, N(N({}, o(f)), w), {
-            clearable: s.allowNull,
+            "onUpdate:modelValue": i[0] || (i[0] = (I) => G(a) ? a.value = I : null)
+          }, N(N({}, o(f)), g), {
+            clearable: v.allowNull,
             type: "text",
             variant: "underlined",
             rules: c.value
@@ -717,12 +714,9 @@ const Fl = {
           }, 1040, ["modelValue", "clearable", "rules"])
         ]),
         default: y(() => [
-          A(p, {
+          A(m, {
             modelValue: o(a),
-            "onUpdate:modelValue": [
-              i[1] || (i[1] = (w) => G(a) ? a.value = w : null),
-              v
-            ],
+            "onUpdate:modelValue": i[1] || (i[1] = (g) => G(a) ? a.value = g : null),
             mode: "hexa"
           }, null, 8, ["modelValue"])
         ]),
@@ -754,28 +748,28 @@ const Fl = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), { inputType: f, displayFormatDate: u, displayFormatTime: c } = se(l), v = S(""), s = _({
+    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), { inputType: f, displayFormatDate: u, displayFormatTime: c } = se(l), v = S(""), i = _({
       get() {
         return o(v) !== "";
       },
       set(b) {
         b ? v.value = "date" : v.value = "";
       }
-    }), i = (b) => `${Y(b, "yyyy-MM-dd")}T${Y(b, "HH:mm")}:00`, m = S(null);
+    }), s = (b) => `${Y(b, "yyyy-MM-dd")}T${Y(b, "HH:mm")}:00`, m = S(null);
     function p(b, d) {
       if (b == null)
         m.value = null;
       else if (d === -1)
         if (o(f) === "time")
-          m.value = i(/* @__PURE__ */ new Date()), p(`T${b}`, 1);
+          m.value = s(/* @__PURE__ */ new Date()), p(`T${b}`, 1);
         else {
-          const T = i(new Date(b));
-          p(T, 0), p(T, 1);
+          const k = s(new Date(b));
+          p(k, 0), p(k, 1);
         }
       else {
-        m.value == null && (m.value = i(/* @__PURE__ */ new Date()));
-        const T = m.value.split(/[TZ]/g), P = b.split(/[TZ]/g);
-        T[d] = P[d], m.value = i(/* @__PURE__ */ new Date(`${T[0]}T${T[1].split(".")[0]}`)), o(f) === "date" ? n.value = T[0] : o(f) === "time" ? n.value = T[1] : n.value = o(m) + Y(/* @__PURE__ */ new Date(), "XXX");
+        m.value == null && (m.value = s(/* @__PURE__ */ new Date()));
+        const k = m.value.split(/[TZ]/g), L = b.split(/[TZ]/g);
+        k[d] = L[d], m.value = s(/* @__PURE__ */ new Date(`${k[0]}T${k[1].split(".")[0]}`)), o(f) === "date" ? n.value = k[0] : o(f) === "time" ? n.value = k[1] : n.value = o(m) + Y(/* @__PURE__ */ new Date(), "XXX");
       }
     }
     J(n, (b) => p(b, -1), { immediate: !0 });
@@ -787,9 +781,9 @@ const Fl = {
         return Number.isNaN(d.getTime()) ? null : d;
       },
       set(b) {
-        p(i(b), 0);
+        p(s(b), 0);
       }
-    }), w = _({
+    }), I = _({
       get() {
         const b = o(m);
         return b == null ? "" : b.split(/[TZ]/g)[1].split(".")[0];
@@ -797,7 +791,7 @@ const Fl = {
       set(b) {
         p(`T${b}`, 1);
       }
-    }), L = _({
+    }), O = _({
       get() {
         const b = o(g);
         return b == null ? "" : Y(b, o(u));
@@ -805,7 +799,7 @@ const Fl = {
       set(b) {
         try {
           const d = ut(b, o(u), /* @__PURE__ */ new Date());
-          p(i(d), 0);
+          p(s(d), 0);
         } catch (d) {
           console.error(d);
         }
@@ -818,31 +812,31 @@ const Fl = {
       set(b) {
         const d = b.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (d == null) return;
-        let T = Ce(d[1]);
-        const P = Ce(d[2]);
-        Ie(T) || Ie(P) || (d[3] && d[3].toLowerCase() === "pm" && T < 13 && (T += 12), p(`T${T.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}:00`, 1));
+        let k = Ce(d[1]);
+        const L = Ce(d[2]);
+        Ie(k) || Ie(L) || (d[3] && d[3].toLowerCase() === "pm" && k < 13 && (k += 12), p(`T${k.toString().padStart(2, "0")}:${L.toString().padStart(2, "0")}:00`, 1));
       }
     });
     return (b, d) => {
-      const T = x("v-text-field"), P = x("v-date-picker"), q = x("v-confirm-edit"), I = x("v-time-picker"), C = x("v-menu");
-      return h(), k(o(ge), R(l, {
+      const k = x("v-text-field"), L = x("v-date-picker"), q = x("v-confirm-edit"), C = x("v-time-picker"), T = x("v-menu");
+      return h(), V(o(ge), P(l, {
         clearable: "",
-        "onClick:clear": d[13] || (d[13] = (V) => n.value = null)
+        "onClick:clear": d[13] || (d[13] = (w) => n.value = null)
       }), {
         default: y(() => [
-          A(C, {
-            modelValue: s.value,
-            "onUpdate:modelValue": d[12] || (d[12] = (V) => s.value = V),
+          A(T, {
+            modelValue: i.value,
+            "onUpdate:modelValue": d[12] || (d[12] = (w) => i.value = w),
             location: "top start",
             origin: `bottom ${o(f) === "datetime" ? "center" : "start"}`,
             "close-on-content-click": !1
           }, {
-            activator: y(({ props: V }) => [
+            activator: y(({ props: w }) => [
               le("div", Ml, [
-                ["date", "datetime"].includes(o(f)) ? (h(), k(T, R({
+                ["date", "datetime"].includes(o(f)) ? (h(), V(k, P({
                   key: 0,
-                  modelValue: L.value,
-                  "onUpdate:modelValue": d[0] || (d[0] = (U) => L.value = U),
+                  modelValue: O.value,
+                  "onUpdate:modelValue": d[0] || (d[0] = (U) => O.value = U),
                   style: { "flex-grow": "4" },
                   density: "compact",
                   clearable: !1,
@@ -850,11 +844,11 @@ const Fl = {
                   readonly: o(a).readonly,
                   disabled: o(a).disabled,
                   name: `${o(a).name}-date`
-                }, V, {
+                }, w, {
                   onClick: d[1] || (d[1] = (U) => v.value = "date"),
                   onKeydown: d[2] || (d[2] = ke((U) => v.value = "date", ["space"]))
                 }), null, 16, ["modelValue", "readonly", "disabled", "name"])) : $("", !0),
-                ["time", "datetime"].includes(o(f)) ? (h(), k(T, R({
+                ["time", "datetime"].includes(o(f)) ? (h(), V(k, P({
                   key: 1,
                   modelValue: B.value,
                   "onUpdate:modelValue": d[3] || (d[3] = (U) => B.value = U),
@@ -865,53 +859,53 @@ const Fl = {
                   readonly: o(a).readonly,
                   disabled: o(a).disabled,
                   name: `${o(a).name}-time`
-                }, V, {
+                }, w, {
                   onClick: d[4] || (d[4] = (U) => v.value = "time"),
                   onKeydown: d[5] || (d[5] = ke((U) => v.value = "time", ["space"]))
                 }), null, 16, ["modelValue", "readonly", "disabled", "name"])) : $("", !0)
               ])
             ]),
             default: y(() => [
-              v.value === "date" ? (h(), k(q, {
+              v.value === "date" ? (h(), V(q, {
                 key: 0,
                 modelValue: g.value,
-                "onUpdate:modelValue": d[6] || (d[6] = (V) => g.value = V),
-                onCancel: d[7] || (d[7] = (V) => v.value = ""),
-                onSave: d[8] || (d[8] = (V) => v.value = "")
+                "onUpdate:modelValue": d[6] || (d[6] = (w) => g.value = w),
+                onCancel: d[7] || (d[7] = (w) => v.value = ""),
+                onSave: d[8] || (d[8] = (w) => v.value = "")
               }, {
-                default: y(({ model: V, actions: U }) => [
-                  A(P, {
-                    modelValue: V.value,
-                    "onUpdate:modelValue": (D) => V.value = D,
+                default: y(({ model: w, actions: U }) => [
+                  A(L, {
+                    modelValue: w.value,
+                    "onUpdate:modelValue": (D) => w.value = D,
                     "hide-header": !0,
                     "first-day-of-week": 1,
                     "show-adjacent-months": !0,
                     "show-week": !0
                   }, {
                     actions: y(() => [
-                      (h(), k(ee(U)))
+                      (h(), V(ee(U)))
                     ]),
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue"])
                 ]),
                 _: 1
               }, 8, ["modelValue"])) : $("", !0),
-              v.value === "time" ? (h(), k(q, {
+              v.value === "time" ? (h(), V(q, {
                 key: 1,
-                modelValue: w.value,
-                "onUpdate:modelValue": d[9] || (d[9] = (V) => w.value = V),
-                onCancel: d[10] || (d[10] = (V) => v.value = ""),
-                onSave: d[11] || (d[11] = (V) => v.value = "")
+                modelValue: I.value,
+                "onUpdate:modelValue": d[9] || (d[9] = (w) => I.value = w),
+                onCancel: d[10] || (d[10] = (w) => v.value = ""),
+                onSave: d[11] || (d[11] = (w) => v.value = "")
               }, {
-                default: y(({ model: V, actions: U }) => [
-                  A(I, {
-                    modelValue: V.value,
-                    "onUpdate:modelValue": (D) => V.value = D,
+                default: y(({ model: w, actions: U }) => [
+                  A(C, {
+                    modelValue: w.value,
+                    "onUpdate:modelValue": (D) => w.value = D,
                     "hide-header": !0,
                     format: "24hr"
                   }, {
                     actions: y(() => [
-                      (h(), k(ee(U)))
+                      (h(), V(ee(U)))
                     ]),
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue"])
@@ -944,7 +938,7 @@ const Fl = {
   }, K),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), f = S(null), u = S(null), c = S(0), v = S(Math.round(Math.random() * 1e3)), s = S(), i = _(() => !s.value && n.value ? l.modelValue : "");
+    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), f = S(null), u = S(null), c = S(0), v = S(Math.round(Math.random() * 1e3)), i = S(), s = _(() => !i.value && n.value ? l.modelValue : "");
     function m() {
       f.value && window.clearInterval(f.value);
     }
@@ -958,49 +952,49 @@ const Fl = {
     });
     function g() {
       return ne(this, null, function* () {
-        n.value && (yield l.comms.delete(n.value)), n.value = null, c.value = 0, v.value = Math.round(Math.random() * 1e3), u.value = null, s.value = null, m();
+        n.value && (yield l.comms.delete(n.value)), n.value = null, c.value = 0, v.value = Math.round(Math.random() * 1e3), u.value = null, i.value = null, m();
       });
     }
-    function w(B) {
+    function I(B) {
       return ne(this, null, function* () {
         c.value = -1, u.value = B, new FormData().append("file", B, B.name);
         try {
           n.value = yield l.comms.upload(
             B,
-            (d, T) => {
-              c.value = Math.round(d * 100 / T);
+            (d, k) => {
+              c.value = Math.round(d * 100 / k);
             }
           ), c.value = 100, p();
         } catch (d) {
-          throw c.value = 0, u.value = null, v.value = Math.round(Math.random() * 1e3), s.value = null, d;
+          throw c.value = 0, u.value = null, v.value = Math.round(Math.random() * 1e3), i.value = null, d;
         }
       });
     }
-    function L(B) {
-      B && (Array.isArray(B) ? console.error("Uploading multiple files not supported right now") : w(B));
+    function O(B) {
+      B && (Array.isArray(B) ? console.error("Uploading multiple files not supported right now") : I(B));
     }
     return (B, b) => {
-      const d = x("v-progress-linear"), T = x("v-file-input");
-      return h(), k(o(ge), R(l, {
+      const d = x("v-progress-linear"), k = x("v-file-input");
+      return h(), V(o(ge), P(l, {
         clearable: "",
         "onClick:clear": g
       }), {
         default: y(() => [
           le("div", zl, [
-            u.value && c.value < 100 ? (h(), k(d, {
+            u.value && c.value < 100 ? (h(), V(d, {
               key: 0,
               "model-value": c.value,
               indeterminate: c.value === -1,
               height: "10",
               style: { position: "absolute", top: "50%", transform: "translateY(-50%)", width: "100%" }
             }, null, 8, ["model-value", "indeterminate"])) : $("", !0),
-            A(T, {
-              modelValue: s.value,
+            A(k, {
+              modelValue: i.value,
               "onUpdate:modelValue": [
-                b[0] || (b[0] = (P) => s.value = P),
-                L
+                b[0] || (b[0] = (L) => i.value = L),
+                O
               ],
-              label: i.value,
+              label: s.value,
               readonly: o(a).readonly,
               disabled: o(a).disabled,
               name: o(a).name,
@@ -1044,14 +1038,14 @@ const Fl = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { inputType: u, max: c, min: v, precision: s, step: i } = se(l), m = _(() => u.value === "number"), p = _(() => m.value ? { min: v.value, max: c.value, precision: s.value, step: i.value } : {});
-    return (g, w) => {
-      const L = x("v-text-field"), B = x("v-number-input");
+    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { inputType: u, max: c, min: v, precision: i, step: s } = se(l), m = _(() => u.value === "number"), p = _(() => m.value ? { min: v.value, max: c.value, precision: i.value, step: s.value } : {});
+    return (g, I) => {
+      const O = x("v-text-field"), B = x("v-number-input");
       return h(), E("div", Gl, [
-        m.value ? (h(), k(B, R({
+        m.value ? (h(), V(B, P({
           key: 1,
           modelValue: o(a),
-          "onUpdate:modelValue": w[1] || (w[1] = (b) => G(a) ? a.value = b : null)
+          "onUpdate:modelValue": I[1] || (I[1] = (b) => G(a) ? a.value = b : null)
         }, N(N({}, o(f)), p.value), {
           density: "compact",
           "control-variant": "stacked",
@@ -1061,10 +1055,10 @@ const Fl = {
             A(o(W), { errors: o(n) }, null, 8, ["errors"])
           ]),
           _: 1
-        }, 16, ["modelValue"])) : (h(), k(L, R({
+        }, 16, ["modelValue"])) : (h(), V(O, P({
           key: 0,
           modelValue: o(a),
-          "onUpdate:modelValue": w[0] || (w[0] = (b) => G(a) ? a.value = b : null)
+          "onUpdate:modelValue": I[0] || (I[0] = (b) => G(a) ? a.value = b : null)
         }, o(f), {
           variant: "underlined",
           type: o(u)
@@ -1086,8 +1080,8 @@ const Fl = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: l }) {
-    Je((i) => ({
-      "3d4d5a06": i.minHeight
+    Je((s) => ({
+      "3d4d5a06": s.minHeight
     }));
     const r = l, n = S(!1), a = Yt, v = {
       toolbar: {
@@ -1223,21 +1217,21 @@ const Fl = {
     Se(() => {
       n.value = !0;
     });
-    const s = (i) => {
+    const i = (s) => {
     };
-    return e({ onEditorReady: s }), (i, m) => {
+    return e({ onEditorReady: i }), (s, m) => {
       const p = x("ckeditor");
       return h(), E("div", ql, [
         le("div", Zl, [
           le("div", Yl, [
-            n.value ? (h(), k(p, {
+            n.value ? (h(), V(p, {
               key: 0,
-              "model-value": i.modelValue,
+              "model-value": s.modelValue,
               editor: o(a),
               config: v,
-              disabled: i.disabled,
-              style: he(`min-height: ${i.minHeight}`),
-              onReady: s,
+              disabled: s.disabled,
+              style: he(`min-height: ${s.minHeight}`),
+              onReady: i,
               "onUpdate:modelValue": m[0] || (m[0] = (g) => r("update:modelValue", g))
             }, null, 8, ["model-value", "editor", "disabled", "style"])) : $("", !0)
           ], 512)
@@ -1264,7 +1258,7 @@ const Fl = {
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
     const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r);
-    return (f, u) => (h(), k(o(ge), Ue(Fe(l)), {
+    return (f, u) => (h(), V(o(ge), Ue(Fe(l)), {
       default: y(() => [
         A(Ql, {
           ref: "$editor",
@@ -1340,49 +1334,49 @@ const to = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, { choices: r } = l, { multiple: n, allowTags: a, allowNull: f, cssClass: u, visibility: c } = se(l), v = S(!1), s = e, { errors: i, value: m, vuetifyBindings: p } = j(l, s), g = S(null), w = S(r || []), L = S(!1), B = _(() => eo(w.value));
-    function b(I) {
-      s("update:modelValueDisplay", ve(w.value, I));
+    const l = t, { choices: r } = l, { multiple: n, allowTags: a, allowNull: f, cssClass: u, visibility: c } = se(l), v = S(!1), i = e, { errors: s, value: m, vuetifyBindings: p } = j(l, i), g = S(null), I = S(r || []), O = S(!1), B = _(() => eo(I.value));
+    function b(C) {
+      i("update:modelValueDisplay", ve(I.value, C));
     }
-    J(g, (I) => {
+    J(g, (C) => {
       p.value.readonly || et(() => {
-        const C = Q(I, n.value);
-        b(C), m.value = C;
+        const T = Q(C, n.value);
+        b(T), m.value = T;
       });
     }, { deep: !0 });
     function d() {
       if (p.value.readonly || a.value) return;
-      const I = Q(g.value, n.value);
-      me(I, g, n.value, !1, w.value), m.value = I;
+      const C = Q(g.value, n.value);
+      me(C, g, n.value, !1, I.value), m.value = C;
     }
-    function T(I) {
-      let C;
-      n.value && Array.isArray(g.value) ? C = Q(g.value.filter((V) => V !== I), n.value) : C = null, me(C, g, n.value, !1, w.value), m.value = C;
+    function k(C) {
+      let T;
+      n.value && Array.isArray(g.value) ? T = Q(g.value.filter((w) => w !== C), n.value) : T = null, me(T, g, n.value, !1, I.value), m.value = T;
     }
-    function P(I, C) {
+    function L(C, T) {
       return ne(this, null, function* () {
         if (!(r || l.fetchChoices === void 0)) {
-          L.value = !0;
+          O.value = !0;
           try {
-            w.value = yield l.fetchChoices(I, C);
+            I.value = yield l.fetchChoices(C, T);
           } finally {
-            L.value = !1;
+            O.value = !1;
           }
         }
       });
     }
     function q() {
-      let I = m.value;
-      !f.value && I == null && B.value.length && (I = B.value[0].value), I = Q(I, n.value), me(I, g, n.value, a.value, w.value), b(I), m.value = I;
+      let C = m.value;
+      !f.value && C == null && B.value.length && (C = B.value[0].value), C = Q(C, n.value), me(C, g, n.value, a.value, I.value), b(C), m.value = C;
     }
-    return q(), l.fetchChoices !== void 0 && P(void 0, m.value).then(() => {
+    return q(), l.fetchChoices !== void 0 && L(void 0, m.value).then(() => {
       q();
-    }), (I, C) => {
-      const V = x("v-chip"), U = x("v-list-item");
-      return o(c) !== o(M).SUPPRESS ? (h(), k(ee(o(a) ? "v-combobox" : "v-autocomplete"), R({
+    }), (C, T) => {
+      const w = x("v-chip"), U = x("v-list-item");
+      return o(c) !== o(M).SUPPRESS ? (h(), V(ee(o(a) ? "v-combobox" : "v-autocomplete"), P({
         key: 0,
         modelValue: g.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (D) => g.value = D),
+        "onUpdate:modelValue": T[0] || (T[0] = (D) => g.value = D),
         class: [
           o(u),
           {
@@ -1400,25 +1394,25 @@ const to = {
         "closable-chips": o(f) || o(n) && g.value.length > 1,
         clearable: o(f),
         multiple: o(n),
-        loading: L.value,
+        loading: O.value,
         "hide-selected": !1,
         "aria-describedby": o(p).helpText ? `${o(p).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": C[1] || (C[1] = (D) => P(D, void 0)),
+        "onUpdate:search": T[1] || (T[1] = (D) => L(D, void 0)),
         "onUpdate:modelValue": d,
-        "onClick:clear": C[2] || (C[2] = (D) => g.value.value = null),
-        onFocus: C[3] || (C[3] = (D) => v.value = !0),
-        onBlur: C[4] || (C[4] = (D) => v.value = !1)
+        "onClick:clear": T[2] || (T[2] = (D) => g.value.value = null),
+        onFocus: T[3] || (T[3] = (D) => v.value = !0),
+        onBlur: T[4] || (T[4] = (D) => v.value = !1)
       }), {
         chip: y(({ item: D }) => [
-          (h(), k(V, {
+          (h(), V(w, {
             key: D.value,
             label: "",
             size: "small",
             variant: o(n) ? "tonal" : "text",
             closable: o(n),
-            "onClick:close": (X) => T(D.value)
+            "onClick:close": (X) => k(D.value)
           }, {
             prepend: y(() => {
               var X;
@@ -1454,7 +1448,7 @@ const to = {
           }, 1040)
         ]),
         message: y(() => [
-          A(o(W), { errors: o(i) }, null, 8, ["errors"])
+          A(o(W), { errors: o(s) }, null, 8, ["errors"])
         ]),
         _: 1
       }, 16, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : $("", !0);
@@ -1483,13 +1477,13 @@ const to = {
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
     const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { cssClass: u, visibility: c } = se(l);
-    return (v, s) => {
-      const i = x("v-textarea");
+    return (v, i) => {
+      const s = x("v-textarea");
       return h(), E("div", ao, [
-        o(c) !== o(M).SUPPRESS ? (h(), k(i, R({
+        o(c) !== o(M).SUPPRESS ? (h(), V(s, P({
           key: 0,
           modelValue: o(a),
-          "onUpdate:modelValue": s[0] || (s[0] = (m) => G(a) ? a.value = m : null),
+          "onUpdate:modelValue": i[0] || (i[0] = (m) => G(a) ? a.value = m : null),
           class: [
             o(u),
             {
@@ -1553,7 +1547,7 @@ const to = {
 };
 export {
   ae as Action,
-  O as ActionDisplayStyle,
+  R as ActionDisplayStyle,
   Rl as DfActions,
   Ol as DfCheckbox,
   Hl as DfColor,