@dynamicforms/vuetify-inputs 0.5.9 → 0.5.11

package/dist/dynamicforms-vuetify-inputs.js

@@ -12,29 +12,30 @@ var je = (e, t, n) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writ
 }, F = (e, t) => tt(e, nt(t));
 var $e = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
 var ge = (e, t, n) => new Promise((l, a) => {
-  var r = (p) => {
+  var r = (c) => {
     try {
-      i(n.next(p));
-    } catch (s) {
-      a(s);
+      i(n.next(c));
+    } catch (d) {
+      a(d);
     }
-  }, d = (p) => {
+  }, m = (c) => {
     try {
-      i(n.throw(p));
-    } catch (s) {
-      a(s);
+      i(n.throw(c));
+    } catch (d) {
+      a(d);
     }
-  }, i = (p) => p.done ? l(p.value) : Promise.resolve(p.value).then(r, d);
+  }, i = (c) => c.done ? l(c.value) : Promise.resolve(c.value).then(r, m);
   i((n = n.apply(e, t)).next());
 });
 import * as Se from "vue";
-import { defineComponent as M, mergeModels as Ee, useModel as at, ref as E, watch as ie, onMounted as We, markRaw as rt, onBeforeUnmount as He, createBlock as P, openBlock as V, resolveDynamicComponent as he, version as it, isRef as te, resolveComponent as D, createElementBlock as R, createCommentVNode as L, createTextVNode as st, Fragment as Ke, toDisplayString as Be, inject as ut, computed as k, h as we, unref as o, normalizeClass as Ie, createSlots as q, withCtx as b, createVNode as B, renderSlot as re, normalizeProps as X, guardReactiveProps as G, createElementVNode as ne, renderList as ct, withModifiers as dt, mergeDefaults as Y, mergeProps as O, normalizeStyle as Xe, toRefs as _e, withKeys as Ae, useCssVars as mt, nextTick as Ne } from "vue";
-import { debounce as pt, isString as ee, isEmpty as fe, isObjectLike as ft, isBoolean as Fe, clone as vt, toNumber as Le, isNaN as Me, isArray as Ue, castArray as Ge, first as qe, unionBy as ht } from "lodash-es";
+import { defineComponent as M, mergeModels as Ee, useModel as at, ref as E, watch as ie, onMounted as ze, markRaw as rt, onBeforeUnmount as He, createBlock as D, openBlock as V, resolveDynamicComponent as ve, version as it, isRef as te, resolveComponent as S, createElementBlock as O, createCommentVNode as L, createTextVNode as st, Fragment as Ke, unref as o, toDisplayString as Be, inject as ut, computed as k, h as we, normalizeClass as Ie, createSlots as X, withCtx as b, createVNode as B, renderSlot as re, normalizeProps as Z, guardReactiveProps as J, createElementVNode as ne, renderList as ct, withModifiers as dt, mergeDefaults as G, mergeProps as U, normalizeStyle as Xe, toRefs as _e, withKeys as Ae, useCssVars as mt, nextTick as Ne } from "vue";
+import { debounce as pt, isString as ee, isEmpty as pe, isObjectLike as ft, isBoolean as Fe, clone as vt, toNumber as Le, isNaN as Me, isArray as Ue, castArray as Ge, first as qe, unionBy as ht } from "lodash-es";
+import { CachedIcon as he } from "vue-cached-icon";
 import Oe, { ValidationErrorRenderContent as bt, DisplayMode as H, Action as gt } from "@dynamicforms/vue-forms";
 import wt from "vue-markdown-render";
 import { useDisplay as yt } from "vuetify";
-import { format as de, parse as kt } from "date-fns";
-import { AccessibilityHelp as Vt, Alignment as _t, AutoImage as jt, AutoLink as Ct, Autosave as Tt, BalloonToolbar as Bt, BlockQuote as It, Bold as Pt, CloudServices as Dt, Essentials as xt, GeneralHtmlSupport as $t, Heading as St, HorizontalLine as Et, ImageBlock as At, ImageCaption as Nt, ImageInline as Ft, ImageInsertViaUrl as Lt, ImageResize as Mt, ImageStyle as Ut, ImageToolbar as Ot, ImageUpload as Rt, Indent as zt, IndentBlock as Wt, Italic as Ht, Link as Kt, List as Xt, Autoformat as Gt, MediaEmbed as qt, Paragraph as Yt, PasteFromMarkdownExperimental as Qt, PasteFromOffice as Zt, SelectAll as Jt, Style as en, Table as tn, TableCellProperties as nn, TableColumnResize as on, TableProperties as ln, TableToolbar as an, Undo as rn, TextTransformation as sn, Base64UploadAdapter as un, ClassicEditor as cn } from "ckeditor5";
+import { format as ce, parse as kt } from "date-fns";
+import { AccessibilityHelp as Vt, Alignment as _t, AutoImage as jt, AutoLink as Ct, Autosave as Tt, BalloonToolbar as Bt, BlockQuote as It, Bold as Pt, CloudServices as Dt, Essentials as xt, GeneralHtmlSupport as $t, Heading as St, HorizontalLine as Et, ImageBlock as At, ImageCaption as Nt, ImageInline as Ft, ImageInsertViaUrl as Lt, ImageResize as Mt, ImageStyle as Ut, ImageToolbar as Ot, ImageUpload as Rt, Indent as Wt, IndentBlock as zt, Italic as Ht, Link as Kt, List as Xt, Autoformat as Gt, MediaEmbed as qt, Paragraph as Yt, PasteFromMarkdownExperimental as Qt, PasteFromOffice as Zt, SelectAll as Jt, Style as en, Table as tn, TableCellProperties as nn, TableColumnResize as on, TableProperties as ln, TableToolbar as an, Undo as rn, TextTransformation as sn, Base64UploadAdapter as un, ClassicEditor as cn } from "ckeditor5";
 import { VAutocomplete as dn } from "vuetify/components/VAutocomplete";
 import { VBtn as mn } from "vuetify/components/VBtn";
 import { VCheckbox as pn } from "vuetify/components/VCheckbox";
@@ -188,7 +189,7 @@ const Rn = On(
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md.
  */
-function zn(e) {
+function Wn(e) {
   return Ze(e.licenseKey) ? e : An(e, [
     /**
      * This part of the code is not executed in open-source implementations using a GPL key.
@@ -198,7 +199,7 @@ function zn(e) {
     Rn
   ]);
 }
-const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, Hn = /* @__PURE__ */ M({
+const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", zn = 300, Hn = /* @__PURE__ */ M({
   name: "CKEditor",
   __name: "ckeditor",
   props: /* @__PURE__ */ Ee({
@@ -213,49 +214,49 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, Hn =
   }),
   emits: /* @__PURE__ */ Ee(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const l = at(e, "modelValue"), a = e, r = n, d = E(), i = E(), p = E();
+    const l = at(e, "modelValue"), a = e, r = n, m = E(), i = E(), c = E();
     t({
       instance: i,
-      lastEditorData: p
-    }), ie(l, (u) => {
-      i.value && u !== p.value && i.value.data.set(u);
-    }), ie(() => a.disabled, (u) => {
-      u ? i.value.enableReadOnlyMode(Ce) : i.value.disableReadOnlyMode(Ce);
+      lastEditorData: c
+    }), ie(l, (s) => {
+      i.value && s !== c.value && i.value.data.set(s);
+    }), ie(() => a.disabled, (s) => {
+      s ? i.value.enableReadOnlyMode(Ce) : i.value.disableReadOnlyMode(Ce);
     });
-    function s() {
-      const u = window.CKEDITOR_VERSION;
-      if (!u)
+    function d() {
+      const s = window.CKEDITOR_VERSION;
+      if (!s)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [m] = u.split(".").map(Number);
-      m >= 42 || u.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [p] = s.split(".").map(Number);
+      p >= 42 || s.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function _(u) {
-      const m = pt((h) => {
+    function _(s) {
+      const p = pt((h) => {
         if (a.disableTwoWayDataBinding)
           return;
-        const g = p.value = u.data.get();
-        r("update:modelValue", g, h, u), r("input", g, h, u);
-      }, Wn, { leading: !0 });
-      u.model.document.on("change:data", m), u.editing.view.document.on("focus", (h) => {
-        r("focus", h, u);
-      }), u.editing.view.document.on("blur", (h) => {
-        r("blur", h, u);
+        const g = c.value = s.data.get();
+        r("update:modelValue", g, h, s), r("input", g, h, s);
+      }, zn, { leading: !0 });
+      s.model.document.on("change:data", p), s.editing.view.document.on("focus", (h) => {
+        r("focus", h, s);
+      }), s.editing.view.document.on("blur", (h) => {
+        r("blur", h, s);
       });
     }
-    return s(), We(() => {
-      const u = zn(
+    return d(), ze(() => {
+      const s = Wn(
         Object.assign({}, a.config)
       );
-      l.value && (u.initialData = l.value), a.editor.create(d.value, u).then((m) => {
-        i.value = rt(m), _(m), l.value !== u.initialData && m.data.set(l.value), a.disabled && m.enableReadOnlyMode(Ce), r("ready", m);
-      }).catch((m) => {
-        console.error(m);
+      l.value && (s.initialData = l.value), a.editor.create(m.value, s).then((p) => {
+        i.value = rt(p), _(p), l.value !== s.initialData && p.data.set(l.value), a.disabled && p.enableReadOnlyMode(Ce), r("ready", p);
+      }).catch((p) => {
+        console.error(p);
       });
     }), He(() => {
       i.value && (i.value.destroy(), i.value = void 0), r("destroy");
-    }), (u, m) => (V(), P(he(u.tagName), {
+    }), (s, p) => (V(), D(ve(s.tagName), {
       ref_key: "element",
-      ref: d
+      ref: m
     }, null, 512));
   }
 });
@@ -278,71 +279,10 @@ const Kn = {
     e.component("Ckeditor", Hn);
   }
 };
-function Te(e) {
-  return (t = {}) => {
-    const n = t.width ? String(t.width) : e.defaultWidth;
-    return e.formats[n] || e.formats[e.defaultWidth];
-  };
-}
-function me(e) {
-  return (t, n) => {
-    const l = n != null && n.context ? String(n.context) : "standalone";
-    let a;
-    if (l === "formatting" && e.formattingValues) {
-      const d = e.defaultFormattingWidth || e.defaultWidth, i = n != null && n.width ? String(n.width) : d;
-      a = e.formattingValues[i] || e.formattingValues[d];
-    } else {
-      const d = e.defaultWidth, i = n != null && n.width ? String(n.width) : e.defaultWidth;
-      a = e.values[i] || e.values[d];
-    }
-    const r = e.argumentCallback ? e.argumentCallback(t) : t;
-    return a[r];
-  };
-}
-function pe(e) {
-  return (t, n = {}) => {
-    const l = n.width, a = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], r = t.match(a);
-    if (!r)
-      return null;
-    const d = r[0], i = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], p = Array.isArray(i) ? Gn(i, (u) => u.test(d)) : (
-      // [TODO] -- I challenge you to fix the type
-      Xn(i, (u) => u.test(d))
-    );
-    let s;
-    s = e.valueCallback ? e.valueCallback(p) : p, s = n.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      n.valueCallback(s)
-    ) : s;
-    const _ = t.slice(d.length);
-    return { value: s, rest: _ };
-  };
-}
-function Xn(e, t) {
-  for (const n in e)
-    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
-      return n;
-}
-function Gn(e, t) {
-  for (let n = 0; n < e.length; n++)
-    if (t(e[n]))
-      return n;
-}
-function qn(e) {
-  return (t, n = {}) => {
-    const l = t.match(e.matchPattern);
-    if (!l) return null;
-    const a = l[0], r = t.match(e.parsePattern);
-    if (!r) return null;
-    let d = e.valueCallback ? e.valueCallback(r[0]) : r[0];
-    d = n.valueCallback ? n.valueCallback(d) : d;
-    const i = t.slice(a.length);
-    return { value: d, rest: i };
-  };
-}
-function Yn(e) {
+function Xn(e) {
   return e.one !== void 0;
 }
-const Qn = {
+const Gn = {
   lessThanXSeconds: {
     present: {
       one: "manj kot {{count}} sekunda",
@@ -619,7 +559,7 @@ const Qn = {
     }
   }
 };
-function Zn(e) {
+function qn(e) {
   switch (e % 100) {
     case 1:
       return "one";
@@ -632,46 +572,53 @@ function Zn(e) {
       return "other";
   }
 }
-const Jn = (e, t, n) => {
+const Yn = (e, t, n) => {
   let l = "", a = "present";
   n != null && n.addSuffix && (n.comparison && n.comparison > 0 ? (a = "future", l = "čez ") : (a = "past", l = "pred "));
-  const r = Qn[e];
+  const r = Gn[e];
   if (typeof r == "string")
     l += r;
   else {
-    const d = Zn(t);
-    Yn(r) ? l += r[d].replace("{{count}}", String(t)) : l += r[a][d].replace("{{count}}", String(t));
+    const m = qn(t);
+    Xn(r) ? l += r[m].replace("{{count}}", String(t)) : l += r[a][m].replace("{{count}}", String(t));
   }
   return l;
-}, eo = {
+};
+function Te(e) {
+  return (t = {}) => {
+    const n = t.width ? String(t.width) : e.defaultWidth;
+    return e.formats[n] || e.formats[e.defaultWidth];
+  };
+}
+const Qn = {
   full: "EEEE, dd. MMMM y",
   long: "dd. MMMM y",
   medium: "d. MMM y",
   short: "d. MM. yy"
-}, to = {
+}, Zn = {
   full: "HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, no = {
+}, Jn = {
   full: "{{date}} {{time}}",
   long: "{{date}} {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
-}, oo = {
+}, eo = {
   date: Te({
-    formats: eo,
+    formats: Qn,
     defaultWidth: "full"
   }),
   time: Te({
-    formats: to,
+    formats: Zn,
     defaultWidth: "full"
   }),
   dateTime: Te({
-    formats: no,
+    formats: Jn,
     defaultWidth: "full"
   })
-}, lo = {
+}, to = {
   lastWeek: (e) => {
     switch (e.getDay()) {
       case 0:
@@ -700,18 +647,34 @@ const Jn = (e, t, n) => {
     }
   },
   other: "P"
-}, ao = (e, t, n, l) => {
-  const a = lo[e];
+}, no = (e, t, n, l) => {
+  const a = to[e];
   return typeof a == "function" ? a(t) : a;
-}, ro = {
+};
+function de(e) {
+  return (t, n) => {
+    const l = n != null && n.context ? String(n.context) : "standalone";
+    let a;
+    if (l === "formatting" && e.formattingValues) {
+      const m = e.defaultFormattingWidth || e.defaultWidth, i = n != null && n.width ? String(n.width) : m;
+      a = e.formattingValues[i] || e.formattingValues[m];
+    } else {
+      const m = e.defaultWidth, i = n != null && n.width ? String(n.width) : e.defaultWidth;
+      a = e.values[i] || e.values[m];
+    }
+    const r = e.argumentCallback ? e.argumentCallback(t) : t;
+    return a[r];
+  };
+}
+const oo = {
   narrow: ["pr. n. št.", "po n. št."],
   abbreviated: ["pr. n. št.", "po n. št."],
   wide: ["pred našim štetjem", "po našem štetju"]
-}, io = {
+}, lo = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["1. čet.", "2. čet.", "3. čet.", "4. čet."],
   wide: ["1. četrtletje", "2. četrtletje", "3. četrtletje", "4. četrtletje"]
-}, so = {
+}, ao = {
   narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: [
     "jan.",
@@ -741,7 +704,7 @@ const Jn = (e, t, n) => {
     "november",
     "december"
   ]
-}, uo = {
+}, ro = {
   narrow: ["n", "p", "t", "s", "č", "p", "s"],
   short: ["ned.", "pon.", "tor.", "sre.", "čet.", "pet.", "sob."],
   abbreviated: ["ned.", "pon.", "tor.", "sre.", "čet.", "pet.", "sob."],
@@ -754,7 +717,7 @@ const Jn = (e, t, n) => {
     "petek",
     "sobota"
   ]
-}, co = {
+}, io = {
   narrow: {
     am: "d",
     pm: "p",
@@ -785,7 +748,7 @@ const Jn = (e, t, n) => {
     evening: "večer",
     night: "noč"
   }
-}, mo = {
+}, so = {
   narrow: {
     am: "d",
     pm: "p",
@@ -816,32 +779,73 @@ const Jn = (e, t, n) => {
     evening: "zvečer",
     night: "ponoči"
   }
-}, po = (e, t) => Number(e) + ".", fo = {
-  ordinalNumber: po,
-  era: me({
-    values: ro,
+}, uo = (e, t) => Number(e) + ".", co = {
+  ordinalNumber: uo,
+  era: de({
+    values: oo,
     defaultWidth: "wide"
   }),
-  quarter: me({
-    values: io,
+  quarter: de({
+    values: lo,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
-  month: me({
-    values: so,
+  month: de({
+    values: ao,
     defaultWidth: "wide"
   }),
-  day: me({
-    values: uo,
+  day: de({
+    values: ro,
     defaultWidth: "wide"
   }),
-  dayPeriod: me({
-    values: co,
+  dayPeriod: de({
+    values: io,
     defaultWidth: "wide",
-    formattingValues: mo,
+    formattingValues: so,
     defaultFormattingWidth: "wide"
   })
-}, vo = /^(\d+)\./i, ho = /\d+/i, bo = {
+};
+function me(e) {
+  return (t, n = {}) => {
+    const l = n.width, a = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], r = t.match(a);
+    if (!r)
+      return null;
+    const m = r[0], i = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(i) ? po(i, (s) => s.test(m)) : (
+      // [TODO] -- I challenge you to fix the type
+      mo(i, (s) => s.test(m))
+    );
+    let d;
+    d = e.valueCallback ? e.valueCallback(c) : c, d = n.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      n.valueCallback(d)
+    ) : d;
+    const _ = t.slice(m.length);
+    return { value: d, rest: _ };
+  };
+}
+function mo(e, t) {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
+      return n;
+}
+function po(e, t) {
+  for (let n = 0; n < e.length; n++)
+    if (t(e[n]))
+      return n;
+}
+function fo(e) {
+  return (t, n = {}) => {
+    const l = t.match(e.matchPattern);
+    if (!l) return null;
+    const a = l[0], r = t.match(e.parsePattern);
+    if (!r) return null;
+    let m = e.valueCallback ? e.valueCallback(r[0]) : r[0];
+    m = n.valueCallback ? n.valueCallback(m) : m;
+    const i = t.slice(a.length);
+    return { value: m, rest: i };
+  };
+}
+const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
   abbreviated: /^(pr\. n\. št\.|po n\. št\.)/i,
   wide: /^(pred Kristusom|pred na[sš]im [sš]tetjem|po Kristusu|po na[sš]em [sš]tetju|na[sš]ega [sš]tetja)/i
 }, go = {
@@ -932,37 +936,37 @@ const Jn = (e, t, n) => {
     night: /(po)?no/i
   }
 }, Bo = {
-  ordinalNumber: qn({
+  ordinalNumber: fo({
     matchPattern: vo,
     parsePattern: ho,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: pe({
+  era: me({
     matchPatterns: bo,
     defaultMatchWidth: "wide",
     parsePatterns: go,
     defaultParseWidth: "any"
   }),
-  quarter: pe({
+  quarter: me({
     matchPatterns: wo,
     defaultMatchWidth: "wide",
     parsePatterns: yo,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: pe({
+  month: me({
     matchPatterns: ko,
     defaultMatchWidth: "wide",
     parsePatterns: Vo,
     defaultParseWidth: "wide"
   }),
-  day: pe({
+  day: me({
     matchPatterns: _o,
     defaultMatchWidth: "wide",
     parsePatterns: jo,
     defaultParseWidth: "any"
   }),
-  dayPeriod: pe({
+  dayPeriod: me({
     matchPatterns: Co,
     defaultMatchWidth: "any",
     parsePatterns: To,
@@ -970,10 +974,10 @@ const Jn = (e, t, n) => {
   })
 }, Io = {
   code: "sl",
-  formatDistance: Jn,
-  formatLong: oo,
-  formatRelative: ao,
-  localize: fo,
+  formatDistance: Yn,
+  formatLong: eo,
+  formatRelative: no,
+  localize: co,
   match: Bo,
   options: {
     weekStartsOn: 1,
@@ -992,18 +996,18 @@ const Jn = (e, t, n) => {
   },
   setup(e) {
     return (t, n) => {
-      const l = D("v-icon"), a = D("v-img");
-      return V(), R("div", Do, [
-        t.label.icon ? (V(), R(Ke, { key: 0 }, [
-          t.label.iconComponent === "v-icon" ? (V(), P(l, {
+      const l = S("v-img");
+      return V(), O("div", Do, [
+        t.label.icon ? (V(), O(Ke, { key: 0 }, [
+          t.label.iconComponent === "v-icon" ? (V(), D(o(he), {
             key: 0,
-            icon: t.label.icon,
+            name: t.label.icon,
             size: "1.25em"
-          }, null, 8, ["icon"])) : t.label.iconComponent === "v-img" ? (V(), P(a, {
+          }, null, 8, ["name"])) : t.label.iconComponent === "v-img" ? (V(), D(l, {
             key: 1,
             class: "icon",
             src: t.label.icon
-          }, null, 8, ["src"])) : (V(), P(he(t.label.iconComponent), {
+          }, null, 8, ["src"])) : (V(), D(ve(t.label.iconComponent), {
             key: 2,
             src: t.label.icon
           }, null, 8, ["src"]))
@@ -1017,13 +1021,13 @@ const Jn = (e, t, n) => {
   for (const [l, a] of t)
     n[l] = a;
   return n;
-}, oe = /* @__PURE__ */ be(xo, [["__scopeId", "data-v-0034f29f"]]), Je = Symbol("vuetifyInputsSettingsKey");
+}, oe = /* @__PURE__ */ be(xo, [["__scopeId", "data-v-6d63a202"]]), Je = Symbol("vuetifyInputsSettingsKey");
 class $o {
   constructor(t, n, l = "v-icon") {
     this.text = t, this.icon = n, this.iconComponent = l;
   }
 }
-const Q = { enabled: void 0, clearable: !0 };
+const q = { enabled: void 0, clearable: !0 };
 function K(e, t) {
   const n = ut(Je, {}), l = E(null), a = k({
     get() {
@@ -1042,21 +1046,21 @@ function K(e, t) {
     set(v) {
       e.control.touched = v;
     }
-  }), d = e.control ? r : E(!1), i = k(() => e.control ? e.control.valid : !0), p = k(
+  }), m = e.control ? r : E(!1), i = k(() => e.control ? e.control.valid : !0), c = k(
     () => e.control ? e.control.errors : (e.errors || []).map((v) => new bt(v))
-  ), s = k(() => d.value && p.value.length > 0 ? " " : void 0), _ = k(() => e.control ? e.control.enabled : e.enabled !== !1), u = k(
+  ), d = k(() => m.value && c.value.length > 0 ? " " : void 0), _ = k(() => e.control ? e.control.enabled : e.enabled !== !1), s = k(
     () => e.control ? e.control.visibility : e.visibility || Oe.DisplayMode.FULL
-  ), m = k(
+  ), p = k(
     () => ee(e.label || "") ? new $o(e.label || "") : e.label
   ), h = k(() => e.placeholder || ""), g = k(() => e.helpText || ""), w = k(() => e.hint || ""), j = k(() => e.cssClass || "");
   return {
     value: a,
     valid: i,
     enabled: _,
-    errors: p,
-    visibility: u,
-    label: m,
-    touched: d,
+    errors: c,
+    visibility: s,
+    label: p,
+    touched: m,
     vuetifyBindings: k(() => {
       var v, A;
       return x({
@@ -1064,14 +1068,14 @@ function K(e, t) {
         class: j.value,
         density: "default",
         variant: (A = n.defaultVariant) != null ? A : "underlined",
-        label: m.value.text,
-        messages: s.value,
-        errorMessages: s.value,
+        label: p.value.text,
+        messages: d.value,
+        errorMessages: d.value,
         // 'error-count': errors?.value.length || 0,
         readonly: !_.value,
         disabled: !_.value,
         placeholder: h.value,
-        "persistent-placeholder": !fe(h.value),
+        "persistent-placeholder": !pe(h.value),
         hint: w.value,
         persistentHint: !0,
         // we want persistent hint always
@@ -1099,10 +1103,12 @@ const le = /* @__PURE__ */ M({
             l.push(we("div", { class: t.classes }, a.componentBody));
             break;
           case "vue-markdown":
-            l.push(we(
-              wt,
-              { class: [t.classes, "df-messages-widget-markdown"], source: a.componentBindings.source }
-            ));
+            l.push(
+              we(wt, {
+                class: [t.classes, "df-messages-widget-markdown"],
+                source: a.componentBindings.source
+              })
+            );
             break;
           default:
             l.push(
@@ -1112,7 +1118,7 @@ const le = /* @__PURE__ */ M({
         }
       }), l;
     };
-    return (l, a) => (V(), P(n));
+    return (l, a) => (V(), D(n));
   }
 }), So = { class: "d-flex w-100 style-resetting" }, Eo = /* @__PURE__ */ M({
   __name: "input-base",
@@ -1133,27 +1139,27 @@ const le = /* @__PURE__ */ M({
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, value: d, touched: i, visibility: p, vuetifyBindings: s } = K(n, l), _ = k(() => !!(o(n.clearable) && o(d))), u = E(!1);
-    function m(h) {
-      u.value = h, h || (i.value = !0, l("blur"));
+    const n = e, l = t, { errors: a, label: r, value: m, touched: i, visibility: c, vuetifyBindings: d } = K(n, l), _ = k(() => !!(o(n.clearable) && o(m))), s = E(!1);
+    function p(h) {
+      s.value = h, h || (i.value = !0, l("blur"));
     }
     return (h, g) => {
-      const w = D("v-field"), j = D("v-input");
-      return o(p) !== o(H).SUPPRESS ? (V(), P(j, {
+      const w = S("v-field"), j = S("v-input");
+      return o(c) !== o(H).SUPPRESS ? (V(), D(j, {
         key: 0,
-        name: o(s).name,
-        hint: o(s).hint,
-        "persistent-hint": o(s).persistentHint,
-        "hide-details": o(s).hideDetails,
-        "error-messages": o(s).errorMessages,
+        name: o(d).name,
+        hint: o(d).hint,
+        "persistent-hint": o(d).persistentHint,
+        "hide-details": o(d).hideDetails,
+        "error-messages": o(d).errorMessages,
         class: Ie([
           h.cssClass,
           {
-            "d-none": o(p) === o(H).HIDDEN,
-            invisible: o(p) === o(H).INVISIBLE
+            "d-none": o(c) === o(H).HIDDEN,
+            invisible: o(c) === o(H).INVISIBLE
           }
         ])
-      }, q({
+      }, X({
         message: b(({ message: v }) => [
           B(le, {
             message: v,
@@ -1162,24 +1168,24 @@ const le = /* @__PURE__ */ M({
         ]),
         default: b(() => [
           B(w, {
-            variant: o(s).variant,
-            label: o(s).label,
-            disabled: o(s).disabled,
+            variant: o(d).variant,
+            label: o(d).label,
+            disabled: o(d).disabled,
             clearable: _.value,
             "persistent-clear": !0,
-            dirty: !!o(d),
-            active: u.value,
+            dirty: !!o(m),
+            active: s.value,
             loading: h.loading,
             "onClick:clear": g[0] || (g[0] = (v) => l("click:clear")),
-            "onUpdate:focused": g[1] || (g[1] = (v) => m(v))
-          }, q({
+            "onUpdate:focused": g[1] || (g[1] = (v) => p(v))
+          }, X({
             default: b((v) => [
               ne("div", So, [
-                re(h.$slots, "default", X(G(v)), void 0, !0)
+                re(h.$slots, "default", Z(J(v)), void 0, !0)
               ])
             ]),
             loader: b((v) => [
-              re(h.$slots, "loader", X(G(v)), void 0, !0)
+              re(h.$slots, "loader", Z(J(v)), void 0, !0)
             ]),
             _: 2
           }, [
@@ -1196,7 +1202,7 @@ const le = /* @__PURE__ */ M({
             h.$slots["prepend-inner"] ? {
               name: "prepend-inner",
               fn: b((v) => [
-                re(h.$slots, "prepend-inner", X(G(v)), void 0, !0)
+                re(h.$slots, "prepend-inner", Z(J(v)), void 0, !0)
               ]),
               key: "1"
             } : void 0
@@ -1207,24 +1213,24 @@ const le = /* @__PURE__ */ M({
         h.$slots.prepend ? {
           name: "prepend",
           fn: b((v) => [
-            re(h.$slots, "prepend", X(G(v)), void 0, !0)
+            re(h.$slots, "prepend", Z(J(v)), void 0, !0)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["name", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : L("", !0);
     };
   }
-}), Pe = /* @__PURE__ */ be(Eo, [["__scopeId", "data-v-7ba7207d"]]), ve = {
+}), Pe = /* @__PURE__ */ be(Eo, [["__scopeId", "data-v-3689b7f9"]]), fe = {
   Yes: "Yes",
   No: "No",
   Close: "Close"
 };
-function Rl(e) {
-  Object.keys(ve).forEach((t) => {
-    ve[t] = e(t);
+function Wl(e) {
+  Object.keys(fe).forEach((t) => {
+    fe[t] = e(t);
   });
 }
-var z = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(z || {});
+var R = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(R || {});
 const Re = 0;
 ((e) => {
   function t(a) {
@@ -1241,23 +1247,23 @@ const Re = 0;
     return Object.values(e).includes(r);
   }
   e.isDefined = l;
-})(z || (z = {}));
-Object.freeze(z);
-const ze = ["xs", "sm", "md", "lg", "xl"];
+})(R || (R = {}));
+Object.freeze(R);
+const We = ["xs", "sm", "md", "lg", "xl"];
 class Ao {
   constructor(t) {
     $e(this, "_value");
-    this._value = this.cleanBreakpoint(t, !0), t && ze.forEach((n) => {
+    this._value = this.cleanBreakpoint(t, !0), t && We.forEach((n) => {
       const l = this.cleanBreakpoint(t[n]);
       l && (this._value[n] = l);
     });
   }
   getOptionsForBreakpoint(t) {
     const n = this.cleanBreakpoint(this._value), l = Object.keys(n);
-    for (const a of ze) {
+    for (const a of We) {
       const r = this._value[a];
-      for (const d of l)
-        (r == null ? void 0 : r[d]) != null && (n[d] = r[d]);
+      for (const m of l)
+        (r == null ? void 0 : r[m]) != null && (n[m] = r[m]);
       if (a === t) break;
     }
     return n;
@@ -1271,11 +1277,10 @@ function Fo() {
   return k(() => No(e));
 }
 class Lo extends Ao {
-  // eslint-disable-next-line class-methods-use-this
   cleanBreakpoint(t, n = !1) {
     if ((!t || !ft(t)) && !n) return null;
     const l = {};
-    return n && (l.renderAs = z.BUTTON, l.showLabel = !0, l.showIcon = !0), t && (t.renderAs != null && (l.renderAs = z.fromAny(t.renderAs)), ee(t.label) && (l.label = t.label), ee(t.icon) && (l.icon = t.icon), Fe(t.showLabel) && (l.showLabel = t.showLabel), Fe(t.showIcon) && (l.showIcon = t.showIcon)), Object.keys(l).length ? l : null;
+    return n && (l.renderAs = R.BUTTON, l.showLabel = !0, l.showIcon = !0), t && (t.renderAs != null && (l.renderAs = R.fromAny(t.renderAs)), ee(t.label) && (l.label = t.label), ee(t.icon) && (l.icon = t.icon), Fe(t.showLabel) && (l.showLabel = t.showLabel), Fe(t.showIcon) && (l.showIcon = t.showIcon)), Object.keys(l).length ? l : null;
   }
 }
 class ke extends gt {
@@ -1290,8 +1295,8 @@ class ke extends gt {
         label: l.showLabel ? l.label : void 0,
         icon: l.showIcon ? l.icon : void 0,
         renderAs: l.renderAs,
-        showLabel: ee(l.label) && !fe(l.label) ? l.showLabel : !1,
-        showIcon: ee(l.icon) && !fe(l.icon) ? l.showIcon : !1
+        showLabel: ee(l.label) && !pe(l.label) ? l.showLabel : !1,
+        showIcon: ee(l.icon) && !pe(l.icon) ? l.showIcon : !1
       };
     });
   }
@@ -1302,13 +1307,13 @@ class ke extends gt {
     return this.value.showLabel ? this.value.label : void 0;
   }
   get showLabel() {
-    return ee(this.value.label) && !fe(this.value.label) ? this.value.showLabel : !1;
+    return ee(this.value.label) && !pe(this.value.label) ? this.value.showLabel : !1;
   }
   get icon() {
     return this.value.showIcon ? this.value.icon : void 0;
   }
   get showIcon() {
-    return ee(this.value.icon) && !fe(this.value.icon) ? this.value.showIcon : !1;
+    return ee(this.value.icon) && !pe(this.value.icon) ? this.value.showIcon : !1;
   }
   get renderAs() {
     return this.value.renderAs;
@@ -1319,9 +1324,9 @@ class ke extends gt {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "close",
-        label: ve.Close,
+        label: fe.Close,
         icon: "close-outline",
-        renderAs: z.BUTTON,
+        renderAs: R.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
@@ -1334,9 +1339,9 @@ class ke extends gt {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "yes",
-        label: ve.Yes,
+        label: fe.Yes,
         icon: "thumbs-up-outline",
-        renderAs: z.BUTTON,
+        renderAs: R.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
@@ -1349,9 +1354,9 @@ class ke extends gt {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "no",
-        label: ve.No,
+        label: fe.No,
         icon: "thumbs-down-outline",
-        renderAs: z.BUTTON,
+        renderAs: R.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
@@ -1361,7 +1366,7 @@ class ke extends gt {
 }
 const Mo = {
   key: 1,
-  style: { width: ".5rem" }
+  style: { width: "0.5rem" }
 }, Uo = { key: 2 }, Oo = /* @__PURE__ */ M({
   __name: "df-actions",
   props: {
@@ -1370,42 +1375,43 @@ const Mo = {
     showAsGroup: { default: "no" }
   },
   setup(e) {
-    const t = e, n = Fo(), l = k(() => o(t.actions)), a = k(() => l.value.map((r) => x({
-      action: r
-    }, o(r.getBreakpointValue(n)))));
-    return (r, d) => {
-      const i = D("v-icon"), p = D("v-btn");
-      return l.value.length > 0 ? (V(), R("div", {
+    const t = e, n = Fo(), l = k(() => o(t.actions)), a = k(
+      () => l.value.map((r) => x({
+        action: r
+      }, o(r.getBreakpointValue(n))))
+    );
+    return (r, m) => {
+      const i = S("v-btn");
+      return l.value.length > 0 ? (V(), O("div", {
         key: 0,
         class: Ie(["text-end", {
           "button-group": r.showAsGroup === "grouped" || r.showAsGroup === "grouped-no-borders",
           "with-border": r.showAsGroup === "grouped"
         }])
       }, [
-        (V(!0), R(Ke, null, ct(a.value, (s, _) => (V(), P(p, {
-          key: _,
-          variant: s.renderAs === o(z).BUTTON ? "tonal" : "text",
+        (V(!0), O(Ke, null, ct(a.value, (c, d) => (V(), D(i, {
+          key: d,
+          variant: c.renderAs === o(R).BUTTON ? "tonal" : "text",
           elevation: 0,
           size: r.buttonSize,
-          onClick: dt((u) => s.action.execute(u), ["stop"])
+          onClick: dt((_) => c.action.execute(_), ["stop"])
         }, {
           default: b(() => [
-            s.icon ? (V(), P(i, {
+            c.icon ? (V(), D(o(he), {
               key: 0,
-              size: "24",
-              icon: s.icon
-            }, null, 8, ["icon"])) : L("", !0),
-            s.icon && s.label ? (V(), R("span", Mo)) : L("", !0),
-            s.label ? (V(), R("span", Uo, Be(s.label), 1)) : L("", !0)
+              name: c.icon
+            }, null, 8, ["name"])) : L("", !0),
+            c.icon && c.label ? (V(), O("span", Mo)) : L("", !0),
+            c.label ? (V(), O("span", Uo, Be(c.label), 1)) : L("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "onClick"]))), 128))
       ], 2)) : L("", !0);
     };
   }
-}), Ro = /* @__PURE__ */ be(Oo, [["__scopeId", "data-v-3502f34e"]]), zo = /* @__PURE__ */ M({
+}), Ro = /* @__PURE__ */ be(Oo, [["__scopeId", "data-v-554a12b4"]]), Wo = /* @__PURE__ */ M({
   __name: "df-checkbox",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1419,33 +1425,33 @@ const Mo = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), { allowNull: !1 })),
+  }, F(x({}, q), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: d, value: i, vuetifyBindings: p } = K(n, l), s = k(() => n.allowNull && i.value == null), _ = k({
+    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), d = k(() => n.allowNull && i.value == null), _ = k({
       get() {
         return i.value;
       },
       set() {
       }
     });
-    function u() {
-      const m = vt(i.value);
-      m === !0 ? i.value = n.allowNull ? null : !1 : i.value = m === !1;
+    function s() {
+      const p = vt(i.value);
+      p === !0 ? i.value = n.allowNull ? null : !1 : i.value = p === !1;
     }
-    return (m, h) => {
-      const g = D("v-checkbox");
-      return V(), P(g, O({
+    return (p, h) => {
+      const g = S("v-checkbox");
+      return V(), D(g, U({
         modelValue: _.value,
         "onUpdate:modelValue": h[0] || (h[0] = (w) => _.value = w)
-      }, o(p), {
+      }, o(c), {
         density: "compact",
-        indeterminate: s.value,
+        indeterminate: d.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: u,
-        onBlur: h[1] || (h[1] = (w) => d.value = !0)
-      }), q({
+        onChange: s,
+        onBlur: h[1] || (h[1] = (w) => m.value = !0)
+      }), X({
         message: b(({ message: w }) => [
           B(o(le), {
             message: w,
@@ -1467,9 +1473,9 @@ const Mo = {
       ]), 1040, ["modelValue", "indeterminate"]);
     };
   }
-}), Wo = /* @__PURE__ */ M({
+}), zo = /* @__PURE__ */ M({
   __name: "df-color",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1483,23 +1489,23 @@ const Mo = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), { allowNull: !1 })),
+  }, F(x({}, q), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: d, value: i, vuetifyBindings: p } = K(n, l), s = E(!1), _ = k(() => [
-      (u) => n.control || !u && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(u) ? !0 : "Not a valid hex string."
+    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), d = E(!1), _ = k(() => [
+      (s) => n.control || !s && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(s) ? !0 : "Not a valid hex string."
     ]);
-    return (u, m) => {
-      const h = D("v-color-picker"), g = D("v-menu"), w = D("v-text-field");
-      return V(), P(w, O({
+    return (s, p) => {
+      const h = S("v-color-picker"), g = S("v-menu"), w = S("v-text-field");
+      return V(), D(w, U({
         modelValue: o(i),
-        "onUpdate:modelValue": m[2] || (m[2] = (j) => te(i) ? i.value = j : null)
-      }, o(p), {
-        clearable: u.allowNull,
+        "onUpdate:modelValue": p[2] || (p[2] = (j) => te(i) ? i.value = j : null)
+      }, o(c), {
+        clearable: s.allowNull,
         type: "text",
         rules: _.value,
-        onBlur: m[3] || (m[3] = (j) => d.value = !0)
-      }), q({
+        onBlur: p[3] || (p[3] = (j) => m.value = !0)
+      }), X({
         message: b(({ message: j }) => [
           B(o(le), {
             message: j,
@@ -1513,15 +1519,15 @@ const Mo = {
         ]),
         default: b(() => [
           B(g, {
-            modelValue: s.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (j) => s.value = j),
+            modelValue: d.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (j) => d.value = j),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
             default: b(() => [
               B(h, {
                 modelValue: o(i),
-                "onUpdate:modelValue": m[0] || (m[0] = (j) => te(i) ? i.value = j : null),
+                "onUpdate:modelValue": p[0] || (p[0] = (j) => te(i) ? i.value = j : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -1545,7 +1551,7 @@ const Mo = {
   }
 }), Ho = { class: "d-flex w-100 pt-5 pl-2 pb-1" }, Ko = /* @__PURE__ */ M({
   __name: "df-datetime",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     inputType: {},
     displayFormatDate: {},
     displayFormatTime: {},
@@ -1562,7 +1568,7 @@ const Mo = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), {
+  }, F(x({}, q), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
@@ -1573,28 +1579,28 @@ const Mo = {
       var f;
       return (f = n.locale) != null ? f : o(Po.dateTimeLocale);
     }), r = k(() => {
-      var f, c;
-      return (c = (f = a.value.options) == null ? void 0 : f.weekStartsOn) != null ? c : 1;
-    }), { touched: d, value: i, vuetifyBindings: p } = K(n, l), { inputType: s, displayFormatDate: _, displayFormatTime: u } = _e(n), m = E(""), h = k({
+      var f, u;
+      return (u = (f = a.value.options) == null ? void 0 : f.weekStartsOn) != null ? u : 1;
+    }), { touched: m, value: i, vuetifyBindings: c } = K(n, l), { inputType: d, displayFormatDate: _, displayFormatTime: s } = _e(n), p = E(""), h = k({
       get() {
-        return o(m) === "date";
+        return o(p) === "date";
       },
       set(f) {
-        m.value = f ? "date" : "";
+        p.value = f ? "date" : "";
       }
     }), g = k({
       get() {
-        return o(m) === "time";
+        return o(p) === "time";
       },
       set(f) {
-        m.value = f ? "time" : "";
+        p.value = f ? "time" : "";
       }
-    }), w = (f) => `${de(f, "yyyy-MM-dd")}T${de(f, "HH:mm")}:00`, j = E(null);
-    function v(f, c) {
+    }), w = (f) => `${ce(f, "yyyy-MM-dd")}T${ce(f, "HH:mm")}:00`, j = E(null);
+    function v(f, u) {
       if (f == null)
         j.value = null;
-      else if (c === -1)
-        if (o(s) === "time")
+      else if (u === -1)
+        if (o(d) === "time")
           j.value = w(/* @__PURE__ */ new Date()), v(`T${f}`, 1);
         else {
           const $ = w(new Date(f));
@@ -1602,8 +1608,8 @@ const Mo = {
         }
       else {
         j.value == null && (j.value = w(/* @__PURE__ */ new Date()));
-        const $ = j.value.split(/[TZ]/g), U = f.split(/[TZ]/g);
-        $[c] = U[c], j.value = w(/* @__PURE__ */ new Date(`${$[0]}T${$[1].split(".")[0]}`)), o(s) === "date" ? i.value = $[0] : o(s) === "time" ? i.value = $[1] : i.value = o(j) + de(/* @__PURE__ */ new Date(), "XXX");
+        const $ = j.value.split(/[TZ]/g), z = f.split(/[TZ]/g);
+        $[u] = z[u], j.value = w(/* @__PURE__ */ new Date(`${$[0]}T${$[1].split(".")[0]}`)), o(d) === "date" ? i.value = $[0] : o(d) === "time" ? i.value = $[1] : i.value = o(j) + ce(/* @__PURE__ */ new Date(), "XXX");
       }
     }
     ie(i, (f) => v(f, -1), { immediate: !0 });
@@ -1611,8 +1617,8 @@ const Mo = {
       get() {
         const f = o(j);
         if (f == null) return null;
-        const c = new Date(f);
-        return Number.isNaN(c.getTime()) ? null : c;
+        const u = new Date(f);
+        return Number.isNaN(u.getTime()) ? null : u;
       },
       set(f) {
         v(w(f), 0);
@@ -1625,84 +1631,84 @@ const Mo = {
       set(f) {
         v(`T${f}`, 1);
       }
-    }), T = k({
+    }), C = k({
       get() {
         const f = o(A);
-        return f == null ? "" : de(f, o(_), { locale: a.value });
+        return f == null ? "" : ce(f, o(_), { locale: a.value });
       },
       set(f) {
         try {
-          const c = kt(f, o(_), /* @__PURE__ */ new Date(), { locale: a.value });
-          v(w(c), 0);
-        } catch (c) {
-          console.error(c);
+          const u = kt(f, o(_), /* @__PURE__ */ new Date(), { locale: a.value });
+          v(w(u), 0);
+        } catch (u) {
+          console.error(u);
         }
       }
     }), W = k({
       get() {
         const f = o(A);
-        return f == null ? "" : de(f, o(u), { locale: a.value });
+        return f == null ? "" : ce(f, o(s), { locale: a.value });
       },
       set(f) {
-        const c = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
-        if (c == null) return;
-        let $ = Le(c[1]);
-        const U = Le(c[2]);
-        Me($) || Me(U) || (c[3] && c[3].toLowerCase() === "pm" && $ < 13 && ($ += 12), v(`T${$.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}:00`, 1));
+        const u = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
+        if (u == null) return;
+        let $ = Le(u[1]);
+        const z = Le(u[2]);
+        Me($) || Me(z) || (u[3] && u[3].toLowerCase() === "pm" && $ < 13 && ($ += 12), v(`T${$.toString().padStart(2, "0")}:${z.toString().padStart(2, "0")}:00`, 1));
       }
     });
-    return (f, c) => {
-      const $ = D("v-date-picker"), U = D("v-confirm-edit"), se = D("v-menu"), ue = D("v-text-field"), C = D("v-time-picker");
-      return V(), P(o(Pe), O(n, {
+    return (f, u) => {
+      const $ = S("v-date-picker"), z = S("v-confirm-edit"), se = S("v-menu"), ue = S("v-text-field"), T = S("v-time-picker");
+      return V(), D(o(Pe), U(n, {
         clearable: f.clearable,
-        "onClick:clear": c[14] || (c[14] = (I) => i.value = null),
-        onBlur: c[15] || (c[15] = (I) => d.value = !0)
+        "onClick:clear": u[14] || (u[14] = (I) => i.value = null),
+        onBlur: u[15] || (u[15] = (I) => m.value = !0)
       }), {
         default: b((I) => [
           ne("div", Ho, [
-            ["date", "datetime"].includes(o(s)) ? (V(), P(ue, O({
+            ["date", "datetime"].includes(o(d)) ? (V(), D(ue, U({
               key: 0,
-              modelValue: T.value,
-              "onUpdate:modelValue": c[4] || (c[4] = (y) => T.value = y),
+              modelValue: C.value,
+              "onUpdate:modelValue": u[4] || (u[4] = (y) => C.value = y),
               style: { "flex-grow": "4" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(p).readonly,
-              disabled: o(p).disabled,
-              name: `${o(p).name}-date`
+              readonly: o(c).readonly,
+              disabled: o(c).disabled,
+              name: `${o(c).name}-date`
             }, f.passthroughAttrs, {
-              onClick: c[5] || (c[5] = (y) => m.value = "date"),
-              onKeydown: c[6] || (c[6] = Ae((y) => m.value = "date", ["space"])),
+              onClick: u[5] || (u[5] = (y) => p.value = "date"),
+              onKeydown: u[6] || (u[6] = Ae((y) => p.value = "date", ["space"])),
               onFocus: (y) => I.focus(),
               onBlur: (y) => I.blur()
             }), {
               default: b(() => [
                 B(se, {
                   modelValue: h.value,
-                  "onUpdate:modelValue": c[3] || (c[3] = (y) => h.value = y),
+                  "onUpdate:modelValue": u[3] || (u[3] = (y) => h.value = y),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
                   default: b(() => [
-                    B(U, {
+                    B(z, {
                       modelValue: A.value,
-                      "onUpdate:modelValue": c[0] || (c[0] = (y) => A.value = y),
-                      onCancel: c[1] || (c[1] = (y) => m.value = ""),
-                      onSave: c[2] || (c[2] = (y) => m.value = "")
+                      "onUpdate:modelValue": u[0] || (u[0] = (y) => A.value = y),
+                      onCancel: u[1] || (u[1] = (y) => p.value = ""),
+                      onSave: u[2] || (u[2] = (y) => p.value = "")
                     }, {
-                      default: b(({ model: y, actions: Z }) => [
+                      default: b(({ model: y, actions: Y }) => [
                         B($, {
                           modelValue: y.value,
-                          "onUpdate:modelValue": (ce) => y.value = ce,
+                          "onUpdate:modelValue": (P) => y.value = P,
                           "hide-header": !0,
                           "first-day-of-week": r.value,
                           "show-adjacent-months": !0,
                           "show-week": !0
                         }, {
                           actions: b(() => [
-                            (V(), P(he(Z)))
+                            (V(), D(ve(Y)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue", "first-day-of-week"])
@@ -1713,49 +1719,49 @@ const Mo = {
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              _: 2
-            }, 1040, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0),
-            ["time", "datetime"].includes(o(s)) ? (V(), P(ue, O({
+              _: 1
+            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0),
+            ["time", "datetime"].includes(o(d)) ? (V(), D(ue, U({
               key: 1,
               modelValue: W.value,
-              "onUpdate:modelValue": c[11] || (c[11] = (y) => W.value = y),
+              "onUpdate:modelValue": u[11] || (u[11] = (y) => W.value = y),
               style: { "flex-grow": "3" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(p).readonly,
-              disabled: o(p).disabled,
-              name: `${o(p).name}-time`
+              readonly: o(c).readonly,
+              disabled: o(c).disabled,
+              name: `${o(c).name}-time`
             }, f.passthroughAttrs, {
-              onClick: c[12] || (c[12] = (y) => m.value = "time"),
-              onKeydown: c[13] || (c[13] = Ae((y) => m.value = "time", ["space"])),
+              onClick: u[12] || (u[12] = (y) => p.value = "time"),
+              onKeydown: u[13] || (u[13] = Ae((y) => p.value = "time", ["space"])),
               onFocus: (y) => I.focus(),
               onBlur: (y) => I.blur()
             }), {
               default: b(() => [
                 B(se, {
                   modelValue: g.value,
-                  "onUpdate:modelValue": c[10] || (c[10] = (y) => g.value = y),
+                  "onUpdate:modelValue": u[10] || (u[10] = (y) => g.value = y),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
                   default: b(() => [
-                    B(U, {
+                    B(z, {
                       modelValue: N.value,
-                      "onUpdate:modelValue": c[7] || (c[7] = (y) => N.value = y),
-                      onCancel: c[8] || (c[8] = (y) => m.value = ""),
-                      onSave: c[9] || (c[9] = (y) => m.value = "")
+                      "onUpdate:modelValue": u[7] || (u[7] = (y) => N.value = y),
+                      onCancel: u[8] || (u[8] = (y) => p.value = ""),
+                      onSave: u[9] || (u[9] = (y) => p.value = "")
                     }, {
-                      default: b(({ model: y, actions: Z }) => [
-                        B(C, {
+                      default: b(({ model: y, actions: Y }) => [
+                        B(T, {
                           modelValue: y.value,
-                          "onUpdate:modelValue": (ce) => y.value = ce,
+                          "onUpdate:modelValue": (P) => y.value = P,
                           "hide-header": !0,
                           format: "24hr"
                         }, {
                           actions: b(() => [
-                            (V(), P(he(Z)))
+                            (V(), D(ve(Y)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue"])
@@ -1766,8 +1772,8 @@ const Mo = {
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              _: 2
-            }, 1040, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0)
+              _: 1
+            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0)
           ])
         ]),
         _: 1
@@ -1779,7 +1785,7 @@ const Mo = {
   style: { position: "relative" }
 }, Go = /* @__PURE__ */ M({
   __name: "df-file",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     comms: {},
     control: {},
     modelValue: {},
@@ -1793,10 +1799,10 @@ const Mo = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, Q),
+  }, q),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { touched: a, value: r, vuetifyBindings: d } = K(n, l), i = E(null), p = E(null), s = E(0), _ = E(Math.round(Math.random() * 1e3)), u = E(), m = k(() => p.value && s.value < 100), h = k(() => !u.value && r.value ? n.modelValue : "");
+    const n = e, l = t, { touched: a, value: r, vuetifyBindings: m } = K(n, l), i = E(null), c = E(null), d = E(0), _ = E(Math.round(Math.random() * 1e3)), s = E(), p = k(() => c.value && d.value < 100), h = k(() => !s.value && r.value ? n.modelValue : "");
     function g() {
       i.value && window.clearInterval(i.value);
     }
@@ -1810,65 +1816,62 @@ const Mo = {
     });
     function j() {
       return ge(this, null, function* () {
-        r.value && (yield n.comms.delete(r.value)), r.value = null, s.value = 0, _.value = Math.round(Math.random() * 1e3), p.value = null, u.value = null, g();
+        r.value && (yield n.comms.delete(r.value)), r.value = null, d.value = 0, _.value = Math.round(Math.random() * 1e3), c.value = null, s.value = null, g();
       });
     }
     function v(N) {
       return ge(this, null, function* () {
-        s.value = -1, p.value = N;
+        d.value = -1, c.value = N;
         try {
-          r.value = yield n.comms.upload(
-            N,
-            (T, W) => {
-              s.value = Math.round(T * 100 / W);
-            }
-          ), s.value = 100, w();
-        } catch (T) {
-          throw s.value = 0, p.value = null, _.value = Math.round(Math.random() * 1e3), u.value = null, T;
+          r.value = yield n.comms.upload(N, (C, W) => {
+            d.value = Math.round(C * 100 / W);
+          }), d.value = 100, w();
+        } catch (C) {
+          throw d.value = 0, c.value = null, _.value = Math.round(Math.random() * 1e3), s.value = null, C;
         }
       });
     }
     function A(N) {
       N && (Array.isArray(N) ? console.error("Uploading multiple files not supported right now") : v(N));
     }
-    return (N, T) => {
-      const W = D("v-icon"), f = D("v-progress-linear"), c = D("v-file-input");
-      return V(), P(o(Pe), O(F(x({}, n), { loading: m.value }), {
+    return (N, C) => {
+      const W = S("v-progress-linear"), f = S("v-file-input");
+      return V(), D(o(Pe), U(F(x({}, n), { loading: p.value }), {
         clearable: "",
         "onClick:clear": j,
-        onBlur: T[1] || (T[1] = ($) => a.value = !0)
+        onBlur: C[1] || (C[1] = (u) => a.value = !0)
       }), {
         "prepend-inner": b(() => [
-          B(W, { icon: "$file" })
+          B(o(he), { name: "mdi-paperclip" })
         ]),
         loader: b(() => [
-          p.value && s.value < 100 ? (V(), P(f, {
+          c.value && d.value < 100 ? (V(), D(W, {
             key: 0,
-            "model-value": s.value,
-            indeterminate: s.value === -1
+            "model-value": d.value,
+            indeterminate: d.value === -1
           }, null, 8, ["model-value", "indeterminate"])) : L("", !0)
         ]),
-        default: b(($) => [
+        default: b((u) => [
           ne("div", Xo, [
-            B(c, O({
-              modelValue: u.value,
-              "onUpdate:modelValue": T[0] || (T[0] = (U) => u.value = U),
+            B(f, U({
+              modelValue: s.value,
+              "onUpdate:modelValue": C[0] || (C[0] = ($) => s.value = $),
               label: h.value,
               density: "compact",
               variant: "plain",
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: o(d).name,
+              readonly: o(m).readonly,
+              disabled: o(m).disabled,
+              name: o(m).name,
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: p.value && s.value < 100 ? "visibility: hidden" : "",
+              style: c.value && d.value < 100 ? "visibility: hidden" : "",
               clearable: !1
             }, N.passthroughAttrs, {
               "prepend-icon": "",
               "onUpdate:modelValue": A,
-              onFocus: (U) => $.focus(),
-              onBlur: (U) => $.blur()
+              onFocus: ($) => u.focus(),
+              onBlur: ($) => u.blur()
             }), null, 16, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
           ])
         ]),
@@ -1878,7 +1881,7 @@ const Mo = {
   }
 }), qo = { class: "container" }, Yo = /* @__PURE__ */ M({
   __name: "df-input",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     inputType: {},
     precision: {},
     step: {},
@@ -1896,7 +1899,7 @@ const Mo = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), {
+  }, F(x({}, q), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1905,21 +1908,23 @@ const Mo = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: d, value: i, vuetifyBindings: p } = K(n, l), { inputType: s, max: _, min: u, precision: m, step: h } = _e(n), g = k(() => s.value === "number"), w = k(() => g.value ? { min: o(u), max: o(_), precision: o(m), step: o(h) } : {});
+    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), { inputType: d, max: _, min: s, precision: p, step: h } = _e(n), g = k(() => d.value === "number"), w = k(
+      () => g.value ? { min: o(s), max: o(_), precision: o(p), step: o(h) } : {}
+    );
     return (j, v) => {
-      const A = D("v-text-field"), N = D("v-number-input");
-      return V(), R("div", qo, [
-        g.value ? (V(), P(N, O({
+      const A = S("v-text-field"), N = S("v-number-input");
+      return V(), O("div", qo, [
+        g.value ? (V(), D(N, U({
           key: 1,
           modelValue: o(i),
-          "onUpdate:modelValue": v[2] || (v[2] = (T) => te(i) ? i.value = T : null)
-        }, x(x({}, o(p)), w.value), {
+          "onUpdate:modelValue": v[2] || (v[2] = (C) => te(i) ? i.value = C : null)
+        }, x(x({}, o(c)), w.value), {
           density: "compact",
           "control-variant": "stacked"
-        }), q({
-          message: b(({ message: T }) => [
+        }), X({
+          message: b(({ message: C }) => [
             B(o(le), {
-              message: T,
+              message: C,
               errors: o(a)
             }, null, 8, ["message", "errors"])
           ]),
@@ -1927,25 +1932,25 @@ const Mo = {
         }, [
           o(r).icon ? {
             name: "label",
-            fn: b((T) => [
+            fn: b((C) => [
               B(o(oe), {
-                data: T,
+                data: C,
                 label: o(r)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["modelValue"])) : (V(), P(A, O({
+        ]), 1040, ["modelValue"])) : (V(), D(A, U({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": v[0] || (v[0] = (T) => te(i) ? i.value = T : null)
-        }, o(p), {
-          type: o(s),
-          onBlur: v[1] || (v[1] = (T) => d.value = !0)
-        }), q({
-          message: b(({ message: T }) => [
+          "onUpdate:modelValue": v[0] || (v[0] = (C) => te(i) ? i.value = C : null)
+        }, o(c), {
+          type: o(d),
+          onBlur: v[1] || (v[1] = (C) => m.value = !0)
+        }), X({
+          message: b(({ message: C }) => [
             B(o(le), {
-              message: T,
+              message: C,
               errors: o(a)
             }, null, 8, ["message", "errors"])
           ]),
@@ -1953,9 +1958,9 @@ const Mo = {
         }, [
           o(r).icon ? {
             name: "label",
-            fn: b((T) => [
+            fn: b((C) => [
               B(o(oe), {
-                data: T,
+                data: C,
                 label: o(r)
               }, null, 8, ["data", "label"])
             ]),
@@ -1965,7 +1970,7 @@ const Mo = {
       ]);
     };
   }
-}), Qo = /* @__PURE__ */ be(Yo, [["__scopeId", "data-v-a3a9a978"]]), Zo = { class: "editor-container" }, Jo = { class: "editor-container__editor" }, el = { ref: "editorElement" }, tl = /* @__PURE__ */ M({
+}), Qo = /* @__PURE__ */ be(Yo, [["__scopeId", "data-v-3937c3c8"]]), Zo = { class: "editor-container" }, Jo = { class: "editor-container__editor" }, el = { ref: "editorElement" }, tl = /* @__PURE__ */ M({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -1974,10 +1979,10 @@ const Mo = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    mt((u) => ({
-      "3d4d5a06": u.minHeight
+    mt((s) => ({
+      "5f8a2e8c": s.minHeight
     }));
-    const l = n, a = E(!1), r = cn, s = {
+    const l = n, a = E(!1), r = cn, d = {
       toolbar: {
         items: [
           "undo",
@@ -2030,8 +2035,8 @@ const Mo = {
         Ut,
         Ot,
         Rt,
-        zt,
         Wt,
+        zt,
         Ht,
         Kt,
         Xt,
@@ -2064,9 +2069,7 @@ const Mo = {
         ]
       },
       htmlSupport: {
-        allow: [
-          { name: /^.*$/, styles: !0, attributes: !0, classes: !0 }
-        ]
+        allow: [{ name: /^.*$/, styles: !0, attributes: !0, classes: !0 }]
       },
       image: {
         toolbar: [
@@ -2092,7 +2095,7 @@ const Mo = {
           }
         }
       },
-      placeholder: "Type or paste your content here!",
+      placeholder: "",
       style: {
         definitions: [
           { name: "Article category", element: "h3", classes: ["category"] },
@@ -2108,25 +2111,25 @@ const Mo = {
       },
       table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] }
     };
-    We(() => {
+    ze(() => {
       a.value = !0;
     });
-    const _ = (u) => {
+    const _ = (s) => {
     };
-    return t({ onEditorReady: _ }), (u, m) => {
-      const h = D("ckeditor");
-      return V(), R("div", Zo, [
+    return t({ onEditorReady: _ }), (s, p) => {
+      const h = S("ckeditor");
+      return V(), O("div", Zo, [
         ne("div", Jo, [
           ne("div", el, [
-            a.value ? (V(), P(h, {
+            a.value ? (V(), D(h, {
               key: 0,
-              "model-value": u.modelValue,
+              "model-value": s.modelValue,
               editor: o(r),
-              config: s,
-              disabled: u.disabled,
-              style: Xe(`min-height: ${u.minHeight}`),
+              config: d,
+              disabled: s.disabled,
+              style: Xe(`min-height: ${s.minHeight}`),
               onReady: _,
-              "onUpdate:modelValue": m[0] || (m[0] = (g) => l("update:modelValue", g))
+              "onUpdate:modelValue": p[0] || (p[0] = (g) => l("update:modelValue", g))
             }, null, 8, ["model-value", "editor", "disabled", "style"])) : L("", !0)
           ], 512)
         ])
@@ -2135,7 +2138,7 @@ const Mo = {
   }
 }), nl = /* @__PURE__ */ M({
   __name: "df-rtf-editor",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     minHeight: {},
     control: {},
     modelValue: {},
@@ -2149,22 +2152,23 @@ const Mo = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), { minHeight: void 0 })),
+  }, F(x({}, q), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
     const n = e, l = t, { value: a, vuetifyBindings: r } = K(n, l);
-    return (d, i) => (V(), P(o(Pe), X(G(n)), {
-      default: b((p) => [
-        B(tl, O({
+    return (m, i) => (V(), D(o(Pe), U(n, { class: "ck-editor-custom" }), {
+      default: b((c) => [
+        B(tl, U({
           ref: "$editor",
           modelValue: o(a),
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => te(a) ? a.value = s : null),
-          class: { "mt-8": !!d.label },
-          "min-height": d.minHeight,
-          disabled: o(r).disabled
-        }, d.passthroughAttrs, {
-          onFocusin: (s) => p.focus(),
-          onFocusout: (s) => p.blur()
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => te(a) ? a.value = d : null),
+          class: { "mt-6": !!m.label },
+          "min-height": m.minHeight,
+          disabled: o(r).disabled,
+          placeholder: "dfsjghdf"
+        }, m.passthroughAttrs, {
+          onFocusin: (d) => c.focus(),
+          onFocusout: (d) => c.blur()
         }), null, 16, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
@@ -2174,7 +2178,7 @@ const Mo = {
 function ol(e) {
   return e.map((t) => ({ value: t.id, title: t.text, icon: t.icon }));
 }
-function J(e, t) {
+function Q(e, t) {
   var n;
   return e == null || Ue(e) && e.length === 0 ? null : t ? Ge(e) : Ue(e) ? (n = qe(e)) != null ? n : null : e;
 }
@@ -2184,8 +2188,8 @@ function Ve(e, t) {
   return e.filter((l) => n.some((a) => a === l.id));
 }
 function ye(e, t, n, l, a) {
-  var d;
-  const r = J(e, n);
+  var m;
+  const r = Q(e, n);
   if (r == null) {
     t.value = n ? [] : null;
     return;
@@ -2196,7 +2200,7 @@ function ye(e, t, n, l, a) {
     t.value = r;
   else {
     const i = qe(Ve(a, r));
-    t.value = (d = i == null ? void 0 : i.id) != null ? d : null;
+    t.value = (m = i == null ? void 0 : i.id) != null ? m : null;
   }
 }
 const ll = {
@@ -2204,12 +2208,12 @@ const ll = {
   class: "me-1"
 }, al = /* @__PURE__ */ M({
   __name: "df-select",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     choices: {},
     multiple: { type: Boolean },
     allowTags: { type: Boolean },
     allowNull: { type: Boolean },
-    fetchChoices: {},
+    fetchChoices: { type: Function },
     control: {},
     modelValue: {},
     label: {},
@@ -2222,7 +2226,7 @@ const ll = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), {
+  }, F(x({}, q), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -2231,43 +2235,58 @@ const ll = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, { choices: l, multiple: a, allowTags: r, allowNull: d, cssClass: i, visibility: p } = _e(n), s = t, { errors: _, label: u, touched: m, value: h, vuetifyBindings: g } = K(n, s), w = E(null), j = E(!1), v = E([]), A = k(() => o(j) ? o(v) : o(l) || []), N = E(!1), T = k(() => ol(A.value));
-    function W(C) {
-      s("update:modelValueDisplay", Ve(A.value, C));
+    const n = e, { choices: l, multiple: a, allowTags: r, allowNull: m, cssClass: i, visibility: c } = _e(n), d = t, { errors: _, label: s, touched: p, value: h, vuetifyBindings: g } = K(n, d), w = E(null), j = E(!1), v = E([]), A = k(() => o(j) ? o(v) : o(l) || []), N = E(!1), C = k(() => ol(A.value));
+    C.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
+    function W(T) {
+      d("update:modelValueDisplay", Ve(A.value, T));
     }
     let f = !1;
-    function c(C) {
-      f = !0, h.value = C, Ne(() => {
+    function u(T) {
+      f = !0, h.value = T, Ne(() => {
         f = !1;
       });
     }
-    ie(w, (C) => {
-      g.value.readonly || Ne(() => {
-        const I = J(C, a.value);
-        W(I), c(I);
-      });
-    }, { deep: !0 }), ie(h, (C) => {
-      if (!f) {
-        const I = J(C, a.value);
-        ye(I, w, a.value, !1, A.value);
-      }
-    }, { deep: !0 });
+    ie(
+      w,
+      (T) => {
+        g.value.readonly || Ne(() => {
+          const I = Q(T, a.value);
+          W(I), u(I);
+        });
+      },
+      { deep: !0 }
+    ), ie(
+      h,
+      (T) => {
+        if (!f) {
+          const I = Q(T, a.value);
+          ye(I, w, a.value, !1, A.value);
+        }
+      },
+      { deep: !0 }
+    );
     function $() {
       if (g.value.readonly || r.value) return;
-      const C = J(w.value, a.value);
-      ye(C, w, a.value, !1, A.value), c(C);
+      const T = Q(w.value, a.value);
+      ye(T, w, a.value, !1, A.value), u(T);
     }
-    function U(C) {
+    function z(T) {
       let I;
-      a.value && Array.isArray(w.value) ? I = J(w.value.filter((y) => y !== C), a.value) : I = null, ye(I, w, a.value, !1, A.value), c(I);
+      a.value && Array.isArray(w.value) ? I = Q(
+        w.value.filter((y) => y !== T),
+        a.value
+      ) : I = null, ye(I, w, a.value, !1, A.value), u(I);
     }
-    function se(C, I) {
+    function se(T, I) {
       return ge(this, null, function* () {
         if (!(l.value || n.fetchChoices === void 0)) {
           N.value = !0;
           try {
-            const y = Ve(A.value, J(w.value, a.value)), Z = yield n.fetchChoices(C, I);
-            v.value = ht([...y, ...Z], "id"), j.value = !0;
+            const y = Ve(
+              A.value,
+              Q(w.value, a.value)
+            ), Y = yield n.fetchChoices(T, I);
+            v.value = ht([...y, ...Y], "id"), j.value = !0;
           } finally {
             N.value = !1;
           }
@@ -2275,117 +2294,116 @@ const ll = {
       });
     }
     function ue() {
-      let C = h.value;
-      !d.value && C == null && T.value.length && (C = T.value[0].value), C = J(C, a.value), ye(C, w, a.value, r.value, A.value), W(C), c(C);
+      let T = h.value;
+      !m.value && T == null && C.value.length && (T = C.value[0].value), T = Q(T, a.value), ye(T, w, a.value, r.value, A.value), W(T), u(T);
     }
     return ue(), n.fetchChoices !== void 0 && se(void 0, h.value).then(() => {
       ue();
-    }), (C, I) => {
-      const y = D("v-icon"), Z = D("v-chip"), ce = D("v-list-item");
-      return o(p) !== o(H).SUPPRESS ? (V(), P(he(o(r) ? "v-combobox" : "v-autocomplete"), O({
+    }), (T, I) => {
+      const y = S("v-chip"), Y = S("v-list-item");
+      return o(c) !== o(H).SUPPRESS ? (V(), D(ve(o(r) ? "v-combobox" : "v-autocomplete"), U({
         key: 0,
         modelValue: w.value,
-        "onUpdate:modelValue": I[0] || (I[0] = (S) => w.value = S),
+        "onUpdate:modelValue": I[0] || (I[0] = (P) => w.value = P),
         class: [
           o(i),
           {
-            "d-none": o(p) === o(H).HIDDEN,
-            invisible: o(p) === o(H).INVISIBLE
+            "d-none": o(c) === o(H).HIDDEN,
+            invisible: o(c) === o(H).INVISIBLE
           }
         ],
-        items: T.value,
+        items: C.value,
         "return-object": !1
       }, o(g), {
         label: o(g).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": o(d) || o(a) && w.value.length > 1,
-        clearable: o(d),
+        "closable-chips": o(m) || o(a) && w.value.length > 1,
+        clearable: o(m),
         multiple: o(a),
         loading: N.value,
         "hide-selected": !1,
         "aria-describedby": o(g).helpText ? `${o(g).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": I[1] || (I[1] = (S) => se(S, void 0)),
+        "onUpdate:search": I[1] || (I[1] = (P) => se(P, void 0)),
         "onUpdate:modelValue": $,
-        "onClick:clear": I[2] || (I[2] = (S) => w.value = null),
-        onBlur: I[3] || (I[3] = (S) => m.value = !0)
-      }), q({
-        chip: b(({ item: S }) => [
-          (V(), P(Z, {
-            key: S.value,
+        "onClick:clear": I[2] || (I[2] = (P) => w.value = null),
+        onBlur: I[3] || (I[3] = (P) => p.value = !0)
+      }), X({
+        chip: b(({ item: P }) => [
+          (V(), D(y, {
+            key: P.value,
             label: "",
             size: "small",
             class: "d-flex align-middle",
             variant: o(a) ? "tonal" : "text",
             closable: o(a),
-            "onClick:close": (ae) => U(S.value)
+            "onClick:close": (ae) => z(P.value)
           }, {
             prepend: b(() => {
               var ae;
               return [
-                (ae = S.raw) != null && ae.icon ? (V(), P(y, {
+                (ae = P.raw) != null && ae.icon ? (V(), D(o(he), {
                   key: 0,
-                  size: "24",
                   class: "me-1",
-                  icon: S.raw.icon
-                }, null, 8, ["icon"])) : L("", !0)
+                  name: P.raw.icon
+                }, null, 8, ["name"])) : L("", !0)
               ];
             }),
             default: b(() => [
               ne("span", {
                 class: Ie({ "text-body-1": !o(a) })
-              }, Be(S.title), 3)
+              }, Be(P.title), 3)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        item: b(({ props: S, item: ae }) => [
-          B(ce, X(G(S)), {
+        item: b(({ props: P, item: ae }) => [
+          B(Y, Z(J(P)), {
             prepend: b(() => {
               var De;
               return [
-                (De = ae.raw) != null && De.icon ? (V(), R("span", ll, [
-                  B(y, {
+                (De = ae.raw) != null && De.icon ? (V(), O("span", ll, [
+                  B(o(he), {
                     class: "action-icon",
-                    icon: ae.raw.icon
-                  }, null, 8, ["icon"])
+                    name: ae.raw.icon
+                  }, null, 8, ["name"])
                 ])) : L("", !0)
               ];
             }),
             _: 2
           }, 1040)
         ]),
-        message: b(({ message: S }) => [
+        message: b(({ message: P }) => [
           B(o(le), {
-            message: S,
+            message: P,
             errors: o(_)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        o(u).icon ? {
+        o(s).icon ? {
           name: "label",
-          fn: b((S) => [
+          fn: b((P) => [
             B(o(oe), {
-              data: S,
-              label: o(u)
+              data: P,
+              label: o(s)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
         } : void 0,
-        C.$slots["append-inner"] ? {
+        T.$slots["append-inner"] ? {
           name: "append-inner",
-          fn: b((S) => [
-            re(C.$slots, "append-inner", X(G(S)))
+          fn: b((P) => [
+            re(T.$slots, "append-inner", Z(J(P)))
           ]),
           key: "1"
         } : void 0,
-        C.$slots["prepend-inner"] ? {
+        T.$slots["prepend-inner"] ? {
           name: "prepend-inner",
-          fn: b((S) => [
-            re(C.$slots, "prepend-inner", X(G(S)))
+          fn: b((P) => [
+            re(T.$slots, "prepend-inner", Z(J(P)))
           ]),
           key: "2"
         } : void 0
@@ -2394,7 +2412,7 @@ const ll = {
   }
 }), rl = { class: "container" }, il = /* @__PURE__ */ M({
   __name: "df-text-area",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     rows: {},
     maxRows: {},
     control: {},
@@ -2409,33 +2427,33 @@ const ll = {
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {}
-  }, F(x({}, Q), {
+  }, F(x({}, q), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: d, value: i, vuetifyBindings: p } = K(n, l), { cssClass: s, visibility: _ } = _e(n);
-    return (u, m) => {
-      const h = D("v-textarea");
-      return V(), R("div", rl, [
-        o(_) !== o(H).SUPPRESS ? (V(), P(h, O({
+    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), { cssClass: d, visibility: _ } = _e(n);
+    return (s, p) => {
+      const h = S("v-textarea");
+      return V(), O("div", rl, [
+        o(_) !== o(H).SUPPRESS ? (V(), D(h, U({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": m[0] || (m[0] = (g) => te(i) ? i.value = g : null),
+          "onUpdate:modelValue": p[0] || (p[0] = (g) => te(i) ? i.value = g : null),
           class: [
-            o(s),
+            o(d),
             {
               "d-none": o(_) === o(H).HIDDEN,
               invisible: o(_) === o(H).INVISIBLE
             }
           ],
-          rows: u.rows,
-          "auto-grow": (u.maxRows || 0) > 0,
-          "max-rows": u.maxRows
-        }, o(p), {
-          onBlur: m[1] || (m[1] = (g) => d.value = !0)
-        }), q({
+          rows: s.rows,
+          "auto-grow": (s.maxRows || 0) > 0,
+          "max-rows": s.maxRows
+        }, o(c), {
+          onBlur: p[1] || (p[1] = (g) => m.value = !0)
+        }), X({
           message: b(({ message: g }) => [
             B(o(le), {
               message: g,
@@ -2458,11 +2476,11 @@ const ll = {
       ]);
     };
   }
-}), sl = /* @__PURE__ */ be(il, [["__scopeId", "data-v-b2f125f8"]]), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), sl = /* @__PURE__ */ be(il, [["__scopeId", "data-v-d9284a00"]]), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DfActions: Ro,
-  DfCheckbox: zo,
-  DfColor: Wo,
+  DfCheckbox: Wo,
+  DfColor: zo,
   DfDateTime: Ko,
   DfFile: Go,
   DfInput: Qo,
@@ -2497,7 +2515,7 @@ const ll = {
   VTimePicker: En
 }, Symbol.toStringTag, { value: "Module" })), zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Wl = {
+}, Symbol.toStringTag, { value: "Module" })), Hl = {
   install: (e, t) => {
     var n, l;
     e.use(Kn), e.provide(Je, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(ul).map(([a, r]) => e.component(a, r)), (l = t == null ? void 0 : t.registerVuetifyComponents) != null && l && Object.entries(cl).map(([a, r]) => e.component(a, r));
@@ -2505,11 +2523,11 @@ const ll = {
 };
 export {
   ke as Action,
-  z as ActionDisplayStyle,
+  R as ActionDisplayStyle,
   Po as DateTimeLocaleConfig,
   Ro as DfActions,
-  zo as DfCheckbox,
-  Wo as DfColor,
+  Wo as DfCheckbox,
+  zo as DfColor,
   Ko as DfDateTime,
   Go as DfFile,
   Qo as DfInput,
@@ -2519,19 +2537,19 @@ export {
   nl as DfRtfEditor,
   al as DfSelect,
   sl as DfTextArea,
-  Wl as DynamicFormsInputs,
+  Hl as DynamicFormsInputs,
   Pe as InputBase,
   $o as Label,
   le as MessagesWidget,
   Lo as ResponsiveActionRenderOptions,
   Ao as ResponsiveRenderOptions,
   cl as VuetifyComponents,
-  Q as defaultBaseProps,
+  q as defaultBaseProps,
   Re as defaultDisplayStyle,
   No as getBreakpointName,
-  ze as responsiveBreakpoints,
-  ve as translatableStrings,
-  Rl as translateStrings,
+  We as responsiveBreakpoints,
+  fe as translatableStrings,
+  Wl as translateStrings,
   Fo as useBreakpoint,
   K as useInputBase,
   Je as vuetifyInputsSettingsKey