@dynamicforms/vuetify-inputs 0.2.2 → 0.2.4

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,62 +1,62 @@
-var Oe = Object.defineProperty, Me = Object.defineProperties;
-var He = Object.getOwnPropertyDescriptors;
+var Me = Object.defineProperty, He = Object.defineProperties;
+var je = Object.getOwnPropertyDescriptors;
 var ge = Object.getOwnPropertySymbols;
-var je = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable;
-var se = (t, e, l) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, D = (t, e) => {
+var ze = Object.prototype.hasOwnProperty, Ke = Object.prototype.propertyIsEnumerable;
+var re = (t, e, l) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, N = (t, e) => {
   for (var l in e || (e = {}))
-    je.call(e, l) && se(t, l, e[l]);
+    ze.call(e, l) && re(t, l, e[l]);
   if (ge)
     for (var l of ge(e))
-      ze.call(e, l) && se(t, l, e[l]);
+      Ke.call(e, l) && re(t, l, e[l]);
   return t;
-}, M = (t, e) => Me(t, He(e));
-var Y = (t, e, l) => se(t, typeof e != "symbol" ? e + "" : e, l);
+}, R = (t, e) => He(t, je(e));
+var Y = (t, e, l) => re(t, typeof e != "symbol" ? e + "" : e, l);
 var oe = (t, e, l) => new Promise((i, o) => {
-  var a = (b) => {
+  var a = (v) => {
     try {
-      c(l.next(b));
-    } catch (v) {
-      o(v);
+      c(l.next(v));
+    } catch (s) {
+      o(s);
     }
-  }, p = (b) => {
+  }, f = (v) => {
     try {
-      c(l.throw(b));
-    } catch (v) {
-      o(v);
+      c(l.throw(v));
+    } catch (s) {
+      o(s);
     }
-  }, c = (b) => b.done ? i(b.value) : Promise.resolve(b.value).then(a, p);
+  }, c = (v) => v.done ? i(v.value) : Promise.resolve(v.value).then(a, f);
   c((l = l.apply(t, e)).next());
 });
 import * as he from "vue";
-import { defineComponent as U, mergeModels as ye, useModel as Ke, ref as N, watch as ee, onMounted as xe, markRaw as Ge, onBeforeUnmount as Ae, createBlock as w, openBlock as g, resolveDynamicComponent as te, version as We, computed as V, createElementBlock as E, Fragment as Se, renderList as De, normalizeClass as le, toDisplayString as X, unref as n, mergeProps as L, withCtx as h, createTextVNode as Ne, resolveComponent as I, createCommentVNode as $, createVNode as A, createSlots as Xe, renderSlot as qe, isRef as G, withModifiers as Ze, mergeDefaults as z, createElementVNode as q, normalizeStyle as fe, toRefs as ie, withKeys as _e, useCssVars as Ye, normalizeProps as $e, guardReactiveProps as Ee, nextTick as Qe } from "vue";
-import { debounce as Je, isEmpty as et, isObjectLike as tt, isString as de, isBoolean as Ve, clone as lt, toNumber as we, isNaN as ke, isArray as Te, castArray as Ue, first as Fe } from "lodash-es";
-import me from "vue-ionicon";
-import { useDisplay as nt } from "vuetify";
-import Ce, { ValidationErrorRenderContent as ot, DisplayMode as H, ExecuteAction as at, Action as re } from "@dynamicforms/vue-forms";
-import it from "vue-markdown-render";
-import { format as Q, parse as st } from "date-fns";
-import { AccessibilityHelp as rt, Alignment as ut, AutoImage as ct, AutoLink as dt, Autosave as mt, BalloonToolbar as pt, BlockQuote as ft, Bold as vt, CloudServices as bt, Essentials as gt, GeneralHtmlSupport as ht, Heading as yt, HorizontalLine as _t, ImageBlock as Vt, ImageCaption as wt, ImageInline as kt, ImageInsertViaUrl as Tt, ImageResize as Ct, ImageStyle as It, ImageToolbar as Bt, ImageUpload as xt, Indent as At, IndentBlock as St, Italic as Dt, Link as Nt, List as $t, Autoformat as Et, MediaEmbed as Ut, Paragraph as Ft, PasteFromMarkdownExperimental as Lt, PasteFromOffice as Rt, SelectAll as Pt, Style as Ot, Table as Mt, TableCellProperties as Ht, TableColumnResize as jt, TableProperties as zt, TableToolbar as Kt, Undo as Gt, TextTransformation as Wt, Base64UploadAdapter as Xt, ClassicEditor as qt } from "ckeditor5";
-import { VAutocomplete as Zt } from "vuetify/components/VAutocomplete";
-import { VBtn as Yt } from "vuetify/components/VBtn";
-import { VCheckbox as Qt } from "vuetify/components/VCheckbox";
-import { VChip as Jt } from "vuetify/components/VChip";
-import { VCombobox as el } from "vuetify/components/VCombobox";
-import { VColorPicker as tl } from "vuetify/components/VColorPicker";
-import { VConfirmEdit as ll } from "vuetify/components/VConfirmEdit";
-import { VDatePicker as nl } from "vuetify/components/VDatePicker";
-import { VFileInput as ol } from "vuetify/components/VFileInput";
-import { VCol as al, VRow as il } from "vuetify/components/VGrid";
-import { VIcon as sl } from "vuetify/components/VIcon";
-import { VInput as rl } from "vuetify/components/VInput";
-import { VListItem as ul } from "vuetify/components/VList";
+import { defineComponent as U, mergeModels as ye, useModel as Ge, ref as S, watch as ee, onMounted as Ae, markRaw as We, onBeforeUnmount as Se, createBlock as k, openBlock as h, resolveDynamicComponent as te, version as Xe, computed as w, createElementBlock as $, Fragment as De, renderList as Ne, normalizeClass as le, toDisplayString as q, unref as n, mergeProps as M, withCtx as _, createTextVNode as $e, resolveComponent as I, createCommentVNode as E, createVNode as T, createSlots as qe, renderSlot as Ze, isRef as K, withModifiers as Ye, mergeDefaults as j, createElementVNode as Z, normalizeStyle as ve, toRefs as ie, withKeys as _e, useCssVars as Qe, normalizeProps as Ee, guardReactiveProps as Ue, nextTick as Je } from "vue";
+import { debounce as et, isEmpty as tt, isObjectLike as lt, isString as me, isBoolean as Ve, clone as nt, toNumber as we, isNaN as ke, isArray as Te, castArray as Fe, first as Le } from "lodash-es";
+import pe from "vue-ionicon";
+import { useDisplay as ot } from "vuetify";
+import Ce, { ValidationErrorRenderContent as at, DisplayMode as O, ExecuteAction as it, Action as ue } from "@dynamicforms/vue-forms";
+import st from "vue-markdown-render";
+import { format as Q, parse as rt } from "date-fns";
+import { AccessibilityHelp as ut, Alignment as dt, AutoImage as ct, AutoLink as mt, Autosave as pt, BalloonToolbar as ft, BlockQuote as vt, Bold as bt, CloudServices as gt, Essentials as ht, GeneralHtmlSupport as yt, Heading as _t, HorizontalLine as Vt, ImageBlock as wt, ImageCaption as kt, ImageInline as Tt, ImageInsertViaUrl as Ct, ImageResize as It, ImageStyle as Bt, ImageToolbar as xt, ImageUpload as At, Indent as St, IndentBlock as Dt, Italic as Nt, Link as $t, List as Et, Autoformat as Ut, MediaEmbed as Ft, Paragraph as Lt, PasteFromMarkdownExperimental as Pt, PasteFromOffice as Rt, SelectAll as Ot, Style as Mt, Table as Ht, TableCellProperties as jt, TableColumnResize as zt, TableProperties as Kt, TableToolbar as Gt, Undo as Wt, TextTransformation as Xt, Base64UploadAdapter as qt, ClassicEditor as Zt } from "ckeditor5";
+import { VAutocomplete as Yt } from "vuetify/components/VAutocomplete";
+import { VBtn as Qt } from "vuetify/components/VBtn";
+import { VCheckbox as Jt } from "vuetify/components/VCheckbox";
+import { VChip as el } from "vuetify/components/VChip";
+import { VCombobox as tl } from "vuetify/components/VCombobox";
+import { VColorPicker as ll } from "vuetify/components/VColorPicker";
+import { VConfirmEdit as nl } from "vuetify/components/VConfirmEdit";
+import { VDatePicker as ol } from "vuetify/components/VDatePicker";
+import { VFileInput as al } from "vuetify/components/VFileInput";
+import { VCol as il, VRow as sl } from "vuetify/components/VGrid";
+import { VIcon as rl } from "vuetify/components/VIcon";
+import { VInput as ul } from "vuetify/components/VInput";
+import { VListItem as dl } from "vuetify/components/VList";
 import { VMenu as cl } from "vuetify/components/VMenu";
-import { VNumberInput as dl } from "vuetify/components/VNumberInput";
-import { VProgressLinear as ml } from "vuetify/components/VProgressLinear";
-import { VSelect as pl } from "vuetify/components/VSelect";
-import { VSwitch as fl } from "vuetify/components/VSwitch";
-import { VTextarea as vl } from "vuetify/components/VTextarea";
-import { VTextField as bl } from "vuetify/components/VTextField";
-import { VTimePicker as gl } from "vuetify/labs/VTimePicker";
+import { VNumberInput as ml } from "vuetify/components/VNumberInput";
+import { VProgressLinear as pl } from "vuetify/components/VProgressLinear";
+import { VSelect as fl } from "vuetify/components/VSelect";
+import { VSwitch as vl } from "vuetify/components/VSwitch";
+import { VTextarea as bl } from "vuetify/components/VTextarea";
+import { VTextField as gl } from "vuetify/components/VTextField";
+import { VTimePicker as hl } from "vuetify/labs/VTimePicker";
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -70,9 +70,9 @@ new Array(256).fill("").map((t, e) => ("0" + e.toString(16)).slice(-2));
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function hl(t, e) {
+function yl(t, e) {
   const l = t.extraPlugins || [];
-  return M(D({}, t), {
+  return R(N({}, t), {
     extraPlugins: [
       ...l,
       ...e.filter((i) => !l.includes(i))
@@ -83,7 +83,7 @@ function hl(t, e) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Le(t) {
+function Pe(t) {
   return !!t && /^\d+\.\d+\.\d+/.test(t);
 }
 /**
@@ -93,15 +93,15 @@ function Le(t) {
 function Re(t) {
   return t ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((e) => t.includes(e)) : !1;
 }
-function yl(t) {
-  return Le(t) || Re(t);
+function _l(t) {
+  return Pe(t) || Re(t);
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function _l(t) {
-  if (!Le(t))
+function Vl(t) {
+  if (!Pe(t))
     throw new Error(`Invalid semantic version: ${t || "<blank>"}.`);
   const [e, l, i] = t.split(".");
   return {
@@ -114,10 +114,10 @@ function _l(t) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Vl(t) {
+function wl(t) {
   if (Re(t))
     return 3;
-  const { major: e } = _l(t);
+  const { major: e } = Vl(t);
   switch (!0) {
     case e >= 44:
       return 3;
@@ -131,9 +131,9 @@ function Vl(t) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function wl() {
+function kl() {
   const { CKEDITOR_VERSION: t, CKEDITOR: e } = window;
-  return yl(t) ? {
+  return _l(t) ? {
     source: e ? "cdn" : "npm",
     version: t
   } : null;
@@ -142,16 +142,16 @@ function wl() {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function kl() {
-  const t = wl();
-  return t ? Vl(t.version) : null;
+function Tl() {
+  const t = kl();
+  return t ? wl(t.version) : null;
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Pe(t, e) {
-  switch (e || (e = kl() || void 0), e) {
+function Oe(t, e) {
+  switch (e || (e = Tl() || void 0), e) {
     case 1:
     case 2:
       return t === void 0;
@@ -165,9 +165,9 @@ function Pe(t, e) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Tl(t, e) {
+function Cl(t, e) {
   return function(i) {
-    Pe(i.config.get("licenseKey")) || i.on("collectUsageData", (o, { setUsageData: a }) => {
+    Oe(i.config.get("licenseKey")) || i.on("collectUsageData", (o, { setUsageData: a }) => {
       a(`integration.${t}`, e);
     });
   };
@@ -176,28 +176,28 @@ function Tl(t, e) {
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md.
  */
-const Cl = Tl(
+const Il = Cl(
   "vue",
   {
     version: "7.3.0",
-    frameworkVersion: We
+    frameworkVersion: Xe
   }
 );
 /**
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md.
  */
-function Il(t) {
-  return Pe(t.licenseKey) ? t : hl(t, [
+function Bl(t) {
+  return Oe(t.licenseKey) ? t : yl(t, [
     /**
      * This part of the code is not executed in open-source implementations using a GPL key.
      * It only runs when a specific license key is provided. If you are uncertain whether
      * this applies to your installation, please contact our support team.
      */
-    Cl
+    Il
   ]);
 }
-const ue = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Bl = 300, xl = /* @__PURE__ */ U({
+const de = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", xl = 300, Al = /* @__PURE__ */ U({
   name: "CKEditor",
   __name: "ckeditor",
   props: /* @__PURE__ */ ye({
@@ -212,49 +212,49 @@ const ue = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Bl = 300, xl =
   }),
   emits: /* @__PURE__ */ ye(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
   setup(t, { expose: e, emit: l }) {
-    const i = Ke(t, "modelValue"), o = t, a = l, p = N(), c = N(), b = N();
+    const i = Ge(t, "modelValue"), o = t, a = l, f = S(), c = S(), v = S();
     e({
       instance: c,
-      lastEditorData: b
-    }), ee(i, (s) => {
-      c.value && s !== b.value && c.value.data.set(s);
-    }), ee(() => o.disabled, (s) => {
-      s ? c.value.enableReadOnlyMode(ue) : c.value.disableReadOnlyMode(ue);
+      lastEditorData: v
+    }), ee(i, (u) => {
+      c.value && u !== v.value && c.value.data.set(u);
+    }), ee(() => o.disabled, (u) => {
+      u ? c.value.enableReadOnlyMode(de) : c.value.disableReadOnlyMode(de);
     });
-    function v() {
-      const s = window.CKEDITOR_VERSION;
-      if (!s)
+    function s() {
+      const u = window.CKEDITOR_VERSION;
+      if (!u)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [d] = s.split(".").map(Number);
-      d >= 42 || s.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [r] = u.split(".").map(Number);
+      r >= 42 || u.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function r(s) {
-      const d = Je((u) => {
+    function p(u) {
+      const r = et((d) => {
         if (o.disableTwoWayDataBinding)
           return;
-        const y = b.value = s.data.get();
-        a("update:modelValue", y, u, s), a("input", y, u, s);
-      }, Bl, { leading: !0 });
-      s.model.document.on("change:data", d), s.editing.view.document.on("focus", (u) => {
-        a("focus", u, s);
-      }), s.editing.view.document.on("blur", (u) => {
-        a("blur", u, s);
+        const y = v.value = u.data.get();
+        a("update:modelValue", y, d, u), a("input", y, d, u);
+      }, xl, { leading: !0 });
+      u.model.document.on("change:data", r), u.editing.view.document.on("focus", (d) => {
+        a("focus", d, u);
+      }), u.editing.view.document.on("blur", (d) => {
+        a("blur", d, u);
       });
     }
-    return v(), xe(() => {
-      const s = Il(
+    return s(), Ae(() => {
+      const u = Bl(
         Object.assign({}, o.config)
       );
-      i.value && (s.initialData = i.value), o.editor.create(p.value, s).then((d) => {
-        c.value = Ge(d), r(d), i.value !== s.initialData && d.data.set(i.value), o.disabled && d.enableReadOnlyMode(ue), a("ready", d);
-      }).catch((d) => {
-        console.error(d);
+      i.value && (u.initialData = i.value), o.editor.create(f.value, u).then((r) => {
+        c.value = We(r), p(r), i.value !== u.initialData && r.data.set(i.value), o.disabled && r.enableReadOnlyMode(de), a("ready", r);
+      }).catch((r) => {
+        console.error(r);
       });
-    }), Ae(() => {
+    }), Se(() => {
       c.value && (c.value.destroy(), c.value = void 0), a("destroy");
-    }), (s, d) => (g(), w(te(s.tagName), {
+    }), (u, r) => (h(), k(te(u.tagName), {
       ref_key: "element",
-      ref: p
+      ref: f
     }, null, 512));
   }
 });
@@ -267,104 +267,104 @@ if (!he.version || !he.version.startsWith("3."))
   throw new Error(
     "The CKEditor plugin works only with Vue 3+. For more information, please refer to https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs-v3.html"
   );
-const Al = {
+const Sl = {
   /**
    * Installs the plugin, registering the `<ckeditor>` component.
    *
    * @param app The application instance.
    */
   install(t) {
-    t.component("Ckeditor", xl);
+    t.component("Ckeditor", Al);
   }
-}, K = { enabled: void 0 };
-function j(t, e) {
-  const l = V({
+}, z = { enabled: void 0 };
+function H(t, e) {
+  const l = w({
     get() {
       return t.control ? t.control.value : t.modelValue;
     },
-    set(u) {
-      t.control && (t.control.value = u), e("update:modelValue", u);
+    set(d) {
+      t.control && (t.control.value = d), e("update:modelValue", d);
     }
   });
   if (t.control && !(t.control instanceof Ce.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const i = V(() => t.control ? t.control.valid : !0), o = V(
-    () => t.control ? t.control.errors : (t.errors || []).map((u) => new ot(u))
-  ), a = V(() => o.value.length > 0 ? " " : void 0), p = V(() => t.control ? t.control.enabled : t.enabled !== !1), c = V(
+  const i = w(() => t.control ? t.control.valid : !0), o = w(
+    () => t.control ? t.control.errors : (t.errors || []).map((d) => new at(d))
+  ), a = w(() => o.value.length > 0 ? " " : void 0), f = w(() => t.control ? t.control.enabled : t.enabled !== !1), c = w(
     () => t.control ? t.control.visibility : t.visibility || Ce.DisplayMode.FULL
-  ), b = V(() => t.label || ""), v = V(() => t.placeholder || ""), r = V(() => t.helpText || ""), s = V(() => t.hint || ""), d = V(() => t.cssClass || "");
+  ), v = w(() => t.label || ""), s = w(() => t.placeholder || ""), p = w(() => t.helpText || ""), u = w(() => t.hint || ""), r = w(() => t.cssClass || "");
   return {
     value: l,
     valid: i,
-    enabled: p,
+    enabled: f,
     errors: o,
     visibility: c,
-    vuetifyBindings: V(() => {
-      var u;
+    vuetifyBindings: w(() => {
+      var d;
       return {
-        name: (u = t.control) == null ? void 0 : u.fieldName,
-        class: d.value,
+        name: (d = t.control) == null ? void 0 : d.fieldName,
+        class: r.value,
         density: "default",
         variant: "underlined",
-        label: b.value,
+        label: v.value,
         messages: a.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !p.value,
-        disabled: !p.value,
-        placeholder: v.value,
-        "persistent-placeholder": !et(v.value),
-        hint: s.value,
+        readonly: !f.value,
+        disabled: !f.value,
+        placeholder: s.value,
+        "persistent-placeholder": !tt(s.value),
+        hint: u.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
-        helpText: r.value
+        helpText: p.value
       };
     })
   };
 }
-const Sl = {
+const Dl = {
   key: 0,
   class: "custom-error-display text-error"
-}, Dl = { key: 0 }, Nl = { key: 1 }, $l = /* @__PURE__ */ U({
+}, Nl = { key: 0 }, $l = { key: 1 }, El = /* @__PURE__ */ U({
   __name: "messages-widget",
   props: {
     errors: {},
     message: {}
   },
   setup(t) {
-    return (e, l) => e.message === " " ? (g(), E("div", Sl, [
-      (g(!0), E(Se, null, De(e.errors, (i, o) => {
+    return (e, l) => e.message === " " ? (h(), $("div", Dl, [
+      (h(!0), $(De, null, Ne(e.errors, (i, o) => {
         var a;
-        return g(), E("div", {
+        return h(), $("div", {
           key: o,
           class: le({ "first-error": o === 0, "last-error": o === e.errors.length - 1 })
         }, [
-          i.componentName === "template" ? (g(), E("div", Dl, X(i.componentBody), 1)) : i.componentName === "vue-markdown" ? (g(), w(n(it), {
+          i.componentName === "template" ? (h(), $("div", Nl, q(i.componentBody), 1)) : i.componentName === "vue-markdown" ? (h(), k(n(st), {
             key: 1,
             source: (a = i.componentBindings) == null ? void 0 : a.source
-          }, null, 8, ["source"])) : (g(), w(te(i.componentName), L({
+          }, null, 8, ["source"])) : (h(), k(te(i.componentName), M({
             key: 2,
             ref_for: !0
           }, i.componentBindings), {
-            default: h(() => [
-              Ne(X(i.componentBody), 1)
+            default: _(() => [
+              $e(q(i.componentBody), 1)
             ]),
             _: 2
           }, 1040))
         ], 2);
       }), 128))
-    ])) : (g(), E("span", Nl, X(e.message), 1));
+    ])) : (h(), $("span", $l, q(e.message), 1));
   }
 }), ne = (t, e) => {
   const l = t.__vccOpts || t;
   for (const [i, o] of e)
     l[i] = o;
   return l;
-}, W = /* @__PURE__ */ ne($l, [["__scopeId", "data-v-ff7a8b63"]]), El = {
+}, G = /* @__PURE__ */ ne(El, [["__scopeId", "data-v-ff7a8b63"]]), Ul = {
   key: 0,
   for: "#following-v-input"
-}, ve = /* @__PURE__ */ U({
+}, be = /* @__PURE__ */ U({
   __name: "input-base",
   props: {
     control: {},
@@ -381,44 +381,44 @@ const Sl = {
   },
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { errors: o, value: a, visibility: p, vuetifyBindings: c } = j(l, i), b = V(() => n(l.clearable) && n(a));
-    return (v, r) => {
-      const s = I("v-icon"), d = I("v-input");
-      return n(p) !== n(H).SUPPRESS ? (g(), E("div", {
+    const l = t, i = e, { errors: o, value: a, visibility: f, vuetifyBindings: c } = H(l, i), v = w(() => n(l.clearable) && n(a));
+    return (s, p) => {
+      const u = I("v-icon"), r = I("v-input");
+      return n(f) !== n(O).SUPPRESS ? (h(), $("div", {
         key: 0,
         class: le([
-          v.cssClass,
+          s.cssClass,
           {
-            "d-none": n(p) === n(H).HIDDEN,
-            invisible: n(p) === n(H).INVISIBLE
+            "d-none": n(f) === n(O).HIDDEN,
+            invisible: n(f) === n(O).INVISIBLE
           }
         ])
       }, [
-        n(c).label ? (g(), E("label", El, X(n(c).label), 1)) : $("", !0),
-        A(d, {
+        n(c).label ? (h(), $("label", Ul, q(n(c).label), 1)) : E("", !0),
+        T(r, {
           hint: n(c).hint,
           "persistent-hint": n(c).persistentHint,
           "hide-details": n(c).hideDetails
-        }, Xe({
-          message: h(({ message: u }) => [
-            A(W, {
-              message: u,
+        }, qe({
+          message: _(({ message: d }) => [
+            T(G, {
+              message: d,
               errors: n(o)
             }, null, 8, ["message", "errors"])
           ]),
-          default: h(() => [
-            qe(v.$slots, "default")
+          default: _(() => [
+            Ze(s.$slots, "default")
           ]),
           _: 2
         }, [
-          b.value ? {
+          v.value ? {
             name: "append",
-            fn: h(() => [
-              A(s, {
-                onClick: r[0] || (r[0] = (u) => i("click:clear"))
+            fn: _(() => [
+              T(u, {
+                onClick: p[0] || (p[0] = (d) => i("click:clear"))
               }, {
-                default: h(() => r[1] || (r[1] = [
-                  Ne("mdi-close-circle")
+                default: _(() => p[1] || (p[1] = [
+                  $e("mdi-close-circle")
                 ])),
                 _: 1
               })
@@ -426,11 +426,11 @@ const Sl = {
             key: "0"
           } : void 0
         ]), 1032, ["hint", "persistent-hint", "hide-details"])
-      ], 2)) : $("", !0);
+      ], 2)) : E("", !0);
     };
   }
 });
-var R = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.TEXT = 1] = "TEXT", t))(R || {});
+var F = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.TEXT = 1] = "TEXT", t))(F || {});
 const Ie = 0;
 ((t) => {
   function e(o) {
@@ -447,10 +447,10 @@ const Ie = 0;
     return Object.values(t).includes(a);
   }
   t.isDefined = i;
-})(R || (R = {}));
-Object.freeze(R);
+})(F || (F = {}));
+Object.freeze(F);
 const Be = ["xs", "sm", "md", "lg", "xl"];
-class Ul {
+class Fl {
   constructor(e) {
     Y(this, "_value");
     this._value = this.cleanBreakpoint(e, !0), e && Be.forEach((l) => {
@@ -462,29 +462,32 @@ class Ul {
     const l = this.cleanBreakpoint(this._value), i = Object.keys(l);
     for (const o of Be) {
       const a = this._value[o];
-      for (const p of i)
-        (a == null ? void 0 : a[p]) != null && (l[p] = a[p]);
+      for (const f of i)
+        (a == null ? void 0 : a[f]) != null && (l[f] = a[f]);
       if (o === e) break;
     }
     return l;
   }
 }
-class Fl extends Ul {
+class Ll extends Fl {
   // eslint-disable-next-line class-methods-use-this
   cleanBreakpoint(e, l = !1) {
-    if ((!e || !tt(e)) && !l) return null;
+    if ((!e || !lt(e)) && !l) return null;
     const i = {};
-    return l && (i.renderAs = R.BUTTON, i.showLabel = !0, i.showIcon = !0), e && (e.renderAs != null && (i.renderAs = R.fromAny(e.renderAs)), de(e.label) && (i.label = e.label), Ve(e.showLabel) && (i.showLabel = e.showLabel), Ve(e.showIcon) && (i.showIcon = e.showIcon)), Object.keys(i).length ? i : null;
+    return l && (i.renderAs = F.BUTTON, i.showLabel = !0, i.showIcon = !0), e && (e.renderAs != null && (i.renderAs = F.fromAny(e.renderAs)), me(e.label) && (i.label = e.label), Ve(e.showLabel) && (i.showLabel = e.showLabel), Ve(e.showIcon) && (i.showIcon = e.showIcon)), Object.keys(i).length ? i : null;
   }
 }
+function xe(t) {
+  return t.xlAndUp.value ? "xl" : t.lgAndUp.value ? "lg" : t.mdAndUp.value ? "md" : t.smAndUp.value ? "sm" : "xs";
+}
 class ae {
   constructor(e, l) {
     Y(this, "name");
     Y(this, "displayStyle");
     Y(this, "formAction");
     if (e.name == null) throw new Error(`Action name must not be empty ${e}`);
-    const i = !de(e.label) || e.label.length === 0 ? void 0 : e.label, o = !de(e.icon) || e.icon.length === 0 ? void 0 : e.icon;
-    this.name = e.name, this.displayStyle = new Fl(D({ label: i }, e.displayStyle)), this.formAction = l, this.formAction.icon = o, this.formAction.label = i;
+    const i = !me(e.label) || e.label.length === 0 ? void 0 : e.label, o = !me(e.icon) || e.icon.length === 0 ? void 0 : e.icon;
+    this.name = e.name, this.displayStyle = new Ll(N({ label: i }, e.displayStyle)), this.formAction = l, this.formAction.icon = o, this.formAction.label = i;
   }
   get label() {
     var e;
@@ -505,11 +508,11 @@ class ae {
   }
   static makeFormAction(e) {
     let l;
-    if (e instanceof at)
-      l = re.create().registerAction(e);
+    if (e instanceof it)
+      l = ue.create().registerAction(e);
     else if (e === void 0)
-      l = re.create();
-    else if (e instanceof re)
+      l = ue.create();
+    else if (e instanceof ue)
       l = e;
     else
       throw new Error("actionOrExecuteHandler is not of any of supported types");
@@ -517,45 +520,45 @@ class ae {
   }
   static closeAction(e, l) {
     return new ae(
-      D({
+      N({
         name: "close",
         label: "Close",
         // TODO: needs translation
         icon: "close-outline",
-        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: F.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(l)
     );
   }
   static yesAction(e, l) {
     return new ae(
-      D({
+      N({
         name: "yes",
         label: "Yes",
         // TODO: needs translation
         icon: "thumbs-up-outline",
-        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: F.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(l)
     );
   }
   static noAction(e, l) {
     return new ae(
-      D({
+      N({
         name: "no",
         label: "No",
         // TODO: needs translation
         icon: "thumbs-down-outline",
-        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: F.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(l)
     );
   }
 }
-const Ll = {
+const Pl = {
   key: 1,
   style: { width: ".5rem" }
-}, Rl = { key: 2 }, Pl = /* @__PURE__ */ U({
+}, Rl = { key: 2 }, Ol = /* @__PURE__ */ U({
   __name: "df-actions",
   props: {
     actions: {},
@@ -563,66 +566,62 @@ const Ll = {
     showAsGroup: { default: "no" }
   },
   setup(t) {
-    const e = t, l = G(e.actions) ? e.actions : N(e.actions);
-    function i(r) {
-      return r.xlAndUp.value ? "xl" : r.lgAndUp.value ? "lg" : r.mdAndUp.value ? "md" : r.smAndUp.value ? "sm" : "xs";
-    }
-    const o = nt(), a = V(() => {
-      const r = {};
-      r["%breakpoint%"] = i(o);
-      for (const s of l.value)
-        r[s.name] = s.displayStyle.getOptionsForBreakpoint(i(o));
-      return r;
+    const e = t, l = K(e.actions) ? e.actions : S(e.actions), i = ot(), o = w(() => {
+      const s = {};
+      s["%breakpoint%"] = xe(i);
+      for (const p of l.value)
+        s[p.name] = p.displayStyle.getOptionsForBreakpoint(xe(i));
+      return s;
     });
-    function p(r) {
-      var s;
-      return (s = a.value[r.name].showIcon && r.iconAvailable) != null ? s : !0;
+    function a(s) {
+      var p;
+      return (p = o.value[s.name].showIcon && s.iconAvailable) != null ? p : !0;
     }
-    function c(r) {
-      return a.value[r.name].showLabel && r.labelAvailable ? !0 : !p(r);
+    function f(s) {
+      return o.value[s.name].showLabel && s.labelAvailable ? !0 : !a(s);
     }
-    function b(r) {
-      var s;
-      return (s = a.value[r.name].renderAs) != null ? s : R.BUTTON;
+    function c(s) {
+      var p;
+      return (p = o.value[s.name].renderAs) != null ? p : F.BUTTON;
     }
-    function v(r) {
-      var s;
-      return r.labelAvailable ? (s = r.formAction.label) != null ? s : "" : r.name;
+    function v(s) {
+      var p;
+      return s.labelAvailable ? (p = s.formAction.label) != null ? p : "" : s.name;
     }
-    return (r, s) => {
-      const d = I("v-btn");
-      return n(l).length > 0 ? (g(), E("div", {
+    return (s, p) => {
+      const u = I("v-btn");
+      return n(l).length > 0 ? (h(), $("div", {
         key: 0,
         class: le(["text-end", {
-          "button-group": r.showAsGroup === "grouped" || r.showAsGroup === "grouped-no-borders",
-          "with-border": r.showAsGroup === "grouped"
+          "button-group": s.showAsGroup === "grouped" || s.showAsGroup === "grouped-no-borders",
+          "with-border": s.showAsGroup === "grouped"
         }])
       }, [
-        (g(!0), E(Se, null, De(n(l), (u, y) => (g(), w(d, {
-          key: y,
-          variant: b(u) === n(R).BUTTON ? "tonal" : "text",
+        (h(!0), $(De, null, Ne(n(l), (r, d) => (h(), k(u, {
+          key: d,
+          variant: c(r) === n(F).BUTTON ? "tonal" : "text",
           elevation: 0,
-          class: le(y !== -1 ? "" : "ms-3"),
-          size: r.buttonSize,
-          onClick: Ze((B) => u.formAction.execute(B), ["stop"])
+          class: le(d !== -1 ? "" : "ms-3"),
+          size: s.buttonSize,
+          onClick: Ye((y) => r.formAction.execute(y), ["stop"])
         }, {
-          default: h(() => [
-            p(u) ? (g(), w(n(me), {
+          default: _(() => [
+            a(r) ? (h(), k(n(pe), {
               key: 0,
               class: "action-icon",
-              name: u.formAction.icon
-            }, null, 8, ["name"])) : $("", !0),
-            p(u) && c(u) ? (g(), E("span", Ll)) : $("", !0),
-            c(u) ? (g(), E("span", Rl, X(v(u)), 1)) : $("", !0)
+              name: r.formAction.icon
+            }, null, 8, ["name"])) : E("", !0),
+            a(r) && f(r) ? (h(), $("span", Pl)) : E("", !0),
+            f(r) ? (h(), $("span", Rl, q(v(r)), 1)) : E("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "class", "size", "onClick"]))), 128))
-      ], 2)) : $("", !0);
+      ], 2)) : E("", !0);
     };
   }
-}), Ol = /* @__PURE__ */ ne(Pl, [["__scopeId", "data-v-6710d13a"]]), Ml = /* @__PURE__ */ U({
+}), Ml = /* @__PURE__ */ ne(Ol, [["__scopeId", "data-v-d7ba6fac"]]), Hl = /* @__PURE__ */ U({
   __name: "df-checkbox",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -635,35 +634,35 @@ const Ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), { allowNull: !1 })),
+  }, R(N({}, z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { errors: o, value: a, vuetifyBindings: p } = j(l, i), c = V(() => l.allowNull && a.value == null), b = V({
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: f } = H(l, i), c = w(() => l.allowNull && a.value == null), v = w({
       get() {
         return a.value;
       },
       set() {
       }
     });
-    function v() {
-      const r = lt(a.value);
-      r === !0 ? a.value = l.allowNull ? null : !1 : a.value = r === !1;
+    function s() {
+      const p = nt(a.value);
+      p === !0 ? a.value = l.allowNull ? null : !1 : a.value = p === !1;
     }
-    return (r, s) => {
-      const d = I("v-checkbox");
-      return g(), w(d, L({
-        modelValue: b.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (u) => b.value = u)
-      }, n(p), {
+    return (p, u) => {
+      const r = I("v-checkbox");
+      return h(), k(r, M({
+        modelValue: v.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => v.value = d)
+      }, n(f), {
         density: "compact",
         indeterminate: c.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: v
+        onChange: s
       }), {
-        message: h(({ message: u }) => [
-          A(n(W), {
-            message: u,
+        message: _(({ message: d }) => [
+          T(n(G), {
+            message: d,
             errors: n(o)
           }, null, 8, ["message", "errors"])
         ]),
@@ -671,9 +670,9 @@ const Ll = {
       }, 16, ["modelValue", "indeterminate"]);
     };
   }
-}), Hl = /* @__PURE__ */ U({
+}), jl = /* @__PURE__ */ U({
   __name: "df-color",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -686,58 +685,57 @@ const Ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), { allowNull: !1 })),
+  }, R(N({}, z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { errors: o, value: a, vuetifyBindings: p } = j(l, i), c = N(!1), b = V(() => [
-      (v) => !v && l.allowNull || /^#?([a-fA-F0-9]{6}[a-fA-F0-9]{0,2})$/.test(v) ? !0 : "Not a valid hex string."
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: f } = H(l, i), c = S(!1), v = w(() => [
+      (s) => l.control || !s && l.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 (v, r) => {
-      const s = I("v-text-field"), d = I("v-color-picker"), u = I("v-menu");
-      return g(), w(u, {
-        modelValue: c.value,
-        "onUpdate:modelValue": r[2] || (r[2] = (y) => c.value = y),
-        location: "top start",
-        origin: "bottom start",
-        "close-on-content-click": !1
-      }, {
-        activator: h(({ props: y }) => [
-          A(s, L({
-            modelValue: n(a),
-            "onUpdate:modelValue": r[0] || (r[0] = (B) => G(a) ? a.value = B : null)
-          }, D(D({}, n(p)), y), {
-            clearable: v.allowNull,
-            type: "text",
-            rules: b.value
-          }), {
-            message: h(({ message: B }) => [
-              A(n(W), {
-                message: B,
-                errors: n(o)
-              }, null, 8, ["message", "errors"])
-            ]),
-            "prepend-inner": h(() => [
-              q("div", {
-                style: fe([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: n(a) }])
-              }, null, 4)
-            ]),
-            _: 2
-          }, 1040, ["modelValue", "clearable", "rules"])
+    return (s, p) => {
+      const u = I("v-color-picker"), r = I("v-menu"), d = I("v-text-field");
+      return h(), k(d, M({
+        modelValue: n(a),
+        "onUpdate:modelValue": p[2] || (p[2] = (y) => K(a) ? a.value = y : null)
+      }, n(f), {
+        clearable: s.allowNull,
+        type: "text",
+        rules: v.value
+      }), {
+        message: _(({ message: y }) => [
+          T(n(G), {
+            message: y,
+            errors: n(o)
+          }, null, 8, ["message", "errors"])
         ]),
-        default: h(() => [
-          A(d, {
-            modelValue: n(a),
-            "onUpdate:modelValue": r[1] || (r[1] = (y) => G(a) ? a.value = y : null),
-            mode: "hexa"
-          }, null, 8, ["modelValue"])
+        "prepend-inner": _(() => [
+          Z("div", {
+            style: ve([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: n(a) }])
+          }, null, 4)
+        ]),
+        default: _(() => [
+          T(r, {
+            modelValue: c.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (y) => c.value = y),
+            "close-on-content-click": !1,
+            activator: "parent"
+          }, {
+            default: _(() => [
+              T(u, {
+                modelValue: n(a),
+                "onUpdate:modelValue": p[0] || (p[0] = (y) => K(a) ? a.value = y : null),
+                mode: "hexa"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
         ]),
         _: 1
-      }, 8, ["modelValue"]);
+      }, 16, ["modelValue", "clearable", "rules"]);
     };
   }
-}), jl = { class: "d-flex w-100" }, zl = /* @__PURE__ */ U({
+}), zl = { class: "d-flex w-100" }, Kl = /* @__PURE__ */ U({
   __name: "df-datetime",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     inputType: {},
     displayFormatDate: {},
     displayFormatTime: {},
@@ -752,190 +750,208 @@ const Ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), {
+  }, R(N({}, z), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { value: o, vuetifyBindings: a } = j(l, i), { inputType: p, displayFormatDate: c, displayFormatTime: b } = ie(l), v = N(""), r = V({
+    const l = t, i = e, { value: o, vuetifyBindings: a } = H(l, i), { inputType: f, displayFormatDate: c, displayFormatTime: v } = ie(l), s = S(""), p = w({
+      get() {
+        return n(s) === "date";
+      },
+      set(g) {
+        s.value = g ? "date" : "";
+      }
+    }), u = w({
       get() {
-        return n(v) !== "";
+        return n(s) === "time";
       },
-      set(f) {
-        f ? v.value = "date" : v.value = "";
+      set(g) {
+        s.value = g ? "time" : "";
       }
-    }), s = (f) => `${Q(f, "yyyy-MM-dd")}T${Q(f, "HH:mm")}:00`, d = N(null);
-    function u(f, m) {
-      if (f == null)
+    }), r = (g) => `${Q(g, "yyyy-MM-dd")}T${Q(g, "HH:mm")}:00`, d = S(null);
+    function y(g, m) {
+      if (g == null)
         d.value = null;
       else if (m === -1)
-        if (n(p) === "time")
-          d.value = s(/* @__PURE__ */ new Date()), u(`T${f}`, 1);
+        if (n(f) === "time")
+          d.value = r(/* @__PURE__ */ new Date()), y(`T${g}`, 1);
         else {
-          const T = s(new Date(f));
-          u(T, 0), u(T, 1);
+          const C = r(new Date(g));
+          y(C, 0), y(C, 1);
         }
       else {
-        d.value == null && (d.value = s(/* @__PURE__ */ new Date()));
-        const T = d.value.split(/[TZ]/g), F = f.split(/[TZ]/g);
-        T[m] = F[m], d.value = s(/* @__PURE__ */ new Date(`${T[0]}T${T[1].split(".")[0]}`)), n(p) === "date" ? o.value = T[0] : n(p) === "time" ? o.value = T[1] : o.value = n(d) + Q(/* @__PURE__ */ new Date(), "XXX");
+        d.value == null && (d.value = r(/* @__PURE__ */ new Date()));
+        const C = d.value.split(/[TZ]/g), V = g.split(/[TZ]/g);
+        C[m] = V[m], d.value = r(/* @__PURE__ */ new Date(`${C[0]}T${C[1].split(".")[0]}`)), n(f) === "date" ? o.value = C[0] : n(f) === "time" ? o.value = C[1] : o.value = n(d) + Q(/* @__PURE__ */ new Date(), "XXX");
       }
     }
-    ee(o, (f) => u(f, -1), { immediate: !0 });
-    const y = V({
+    ee(o, (g) => y(g, -1), { immediate: !0 });
+    const D = w({
       get() {
-        const f = n(d);
-        if (f == null) return null;
-        const m = new Date(f);
+        const g = n(d);
+        if (g == null) return null;
+        const m = new Date(g);
         return Number.isNaN(m.getTime()) ? null : m;
       },
-      set(f) {
-        u(s(f), 0);
+      set(g) {
+        y(r(g), 0);
       }
-    }), B = V({
+    }), L = w({
       get() {
-        const f = n(d);
-        return f == null ? "" : f.split(/[TZ]/g)[1].split(".")[0];
+        const g = n(d);
+        return g == null ? "" : g.split(/[TZ]/g)[1].split(".")[0];
       },
-      set(f) {
-        u(`T${f}`, 1);
+      set(g) {
+        y(`T${g}`, 1);
       }
-    }), P = V({
+    }), A = w({
       get() {
-        const f = n(y);
-        return f == null ? "" : Q(f, n(c));
+        const g = n(D);
+        return g == null ? "" : Q(g, n(c));
       },
-      set(f) {
+      set(g) {
         try {
-          const m = st(f, n(c), /* @__PURE__ */ new Date());
-          u(s(m), 0);
+          const m = rt(g, n(c), /* @__PURE__ */ new Date());
+          y(r(m), 0);
         } catch (m) {
           console.error(m);
         }
       }
-    }), S = V({
+    }), B = w({
       get() {
-        const f = n(y);
-        return f == null ? "" : Q(f, n(b));
+        const g = n(D);
+        return g == null ? "" : Q(g, n(v));
       },
-      set(f) {
-        const m = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
+      set(g) {
+        const m = g.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (m == null) return;
-        let T = we(m[1]);
-        const F = we(m[2]);
-        ke(T) || ke(F) || (m[3] && m[3].toLowerCase() === "pm" && T < 13 && (T += 12), u(`T${T.toString().padStart(2, "0")}:${F.toString().padStart(2, "0")}:00`, 1));
+        let C = we(m[1]);
+        const V = we(m[2]);
+        ke(C) || ke(V) || (m[3] && m[3].toLowerCase() === "pm" && C < 13 && (C += 12), y(`T${C.toString().padStart(2, "0")}:${V.toString().padStart(2, "0")}:00`, 1));
       }
     });
-    return (f, m) => {
-      const T = I("v-text-field"), F = I("v-date-picker"), k = I("v-confirm-edit"), x = I("v-time-picker"), Z = I("v-menu");
-      return g(), w(n(ve), L(l, {
+    return (g, m) => {
+      const C = I("v-date-picker"), V = I("v-confirm-edit"), x = I("v-menu"), W = I("v-text-field"), se = I("v-time-picker");
+      return h(), k(n(be), M(l, {
         clearable: "",
-        "onClick:clear": m[13] || (m[13] = (C) => o.value = null)
+        "onClick:clear": m[14] || (m[14] = (b) => o.value = null)
       }), {
-        default: h(() => [
-          A(Z, {
-            modelValue: r.value,
-            "onUpdate:modelValue": m[12] || (m[12] = (C) => r.value = C),
-            location: "top start",
-            origin: `bottom ${n(p) === "datetime" ? "center" : "start"}`,
-            "close-on-content-click": !1
-          }, {
-            activator: h(({ props: C }) => [
-              q("div", jl, [
-                ["date", "datetime"].includes(n(p)) ? (g(), w(T, L({
-                  key: 0,
-                  modelValue: P.value,
-                  "onUpdate:modelValue": m[0] || (m[0] = (_) => P.value = _),
-                  style: { "flex-grow": "4" },
-                  density: n(a).density,
-                  variant: n(a).variant,
-                  clearable: !1,
-                  "hide-details": !0,
-                  readonly: n(a).readonly,
-                  disabled: n(a).disabled,
-                  name: `${n(a).name}-date`
-                }, C, {
-                  onClick: m[1] || (m[1] = (_) => v.value = "date"),
-                  onKeydown: m[2] || (m[2] = _e((_) => v.value = "date", ["space"]))
-                }), null, 16, ["modelValue", "density", "variant", "readonly", "disabled", "name"])) : $("", !0),
-                ["time", "datetime"].includes(n(p)) ? (g(), w(T, L({
-                  key: 1,
-                  modelValue: S.value,
-                  "onUpdate:modelValue": m[3] || (m[3] = (_) => S.value = _),
-                  style: { "flex-grow": "3" },
-                  density: n(a).density,
-                  variant: n(a).variant,
-                  clearable: !1,
-                  "hide-details": !0,
-                  readonly: n(a).readonly,
-                  disabled: n(a).disabled,
-                  name: `${n(a).name}-time`
-                }, C, {
-                  onClick: m[4] || (m[4] = (_) => v.value = "time"),
-                  onKeydown: m[5] || (m[5] = _e((_) => v.value = "time", ["space"]))
-                }), null, 16, ["modelValue", "density", "variant", "readonly", "disabled", "name"])) : $("", !0)
-              ])
-            ]),
-            default: h(() => [
-              v.value === "date" ? (g(), w(k, {
-                key: 0,
-                modelValue: y.value,
-                "onUpdate:modelValue": m[6] || (m[6] = (C) => y.value = C),
-                onCancel: m[7] || (m[7] = (C) => v.value = ""),
-                onSave: m[8] || (m[8] = (C) => v.value = "")
-              }, {
-                default: h(({ model: C, actions: _ }) => [
-                  A(F, {
-                    modelValue: C.value,
-                    "onUpdate:modelValue": (O) => C.value = O,
-                    "hide-header": !0,
-                    "first-day-of-week": 1,
-                    "show-adjacent-months": !0,
-                    "show-week": !0
-                  }, {
-                    actions: h(() => [
-                      (g(), w(te(_)))
-                    ]),
-                    _: 2
-                  }, 1032, ["modelValue", "onUpdate:modelValue"])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])) : $("", !0),
-              v.value === "time" ? (g(), w(k, {
-                key: 1,
-                modelValue: B.value,
-                "onUpdate:modelValue": m[9] || (m[9] = (C) => B.value = C),
-                onCancel: m[10] || (m[10] = (C) => v.value = ""),
-                onSave: m[11] || (m[11] = (C) => v.value = "")
-              }, {
-                default: h(({ model: C, actions: _ }) => [
-                  A(x, {
-                    modelValue: C.value,
-                    "onUpdate:modelValue": (O) => C.value = O,
-                    "hide-header": !0,
-                    format: "24hr"
-                  }, {
-                    actions: h(() => [
-                      (g(), w(te(_)))
-                    ]),
-                    _: 2
-                  }, 1032, ["modelValue", "onUpdate:modelValue"])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])) : $("", !0)
-            ]),
-            _: 1
-          }, 8, ["modelValue", "origin"])
+        default: _(() => [
+          Z("div", zl, [
+            ["date", "datetime"].includes(n(f)) ? (h(), k(W, {
+              key: 0,
+              modelValue: A.value,
+              "onUpdate:modelValue": m[4] || (m[4] = (b) => A.value = b),
+              style: { "flex-grow": "4" },
+              density: n(a).density,
+              variant: n(a).variant,
+              clearable: !1,
+              "hide-details": !0,
+              readonly: n(a).readonly,
+              disabled: n(a).disabled,
+              name: `${n(a).name}-date`,
+              onClick: m[5] || (m[5] = (b) => s.value = "date"),
+              onKeydown: m[6] || (m[6] = _e((b) => s.value = "date", ["space"]))
+            }, {
+              default: _(() => [
+                T(x, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": m[3] || (m[3] = (b) => p.value = b),
+                  "close-on-content-click": !1,
+                  activator: "parent"
+                }, {
+                  default: _(() => [
+                    T(V, {
+                      modelValue: D.value,
+                      "onUpdate:modelValue": m[0] || (m[0] = (b) => D.value = b),
+                      onCancel: m[1] || (m[1] = (b) => s.value = ""),
+                      onSave: m[2] || (m[2] = (b) => s.value = "")
+                    }, {
+                      default: _(({ model: b, actions: P }) => [
+                        T(C, {
+                          modelValue: b.value,
+                          "onUpdate:modelValue": (X) => b.value = X,
+                          "hide-header": !0,
+                          "first-day-of-week": 1,
+                          "show-adjacent-months": !0,
+                          "show-week": !0
+                        }, {
+                          actions: _(() => [
+                            (h(), k(te(P)))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "density", "variant", "readonly", "disabled", "name"])) : E("", !0),
+            ["time", "datetime"].includes(n(f)) ? (h(), k(W, {
+              key: 1,
+              modelValue: B.value,
+              "onUpdate:modelValue": m[11] || (m[11] = (b) => B.value = b),
+              style: { "flex-grow": "3" },
+              density: n(a).density,
+              variant: n(a).variant,
+              clearable: !1,
+              "hide-details": !0,
+              readonly: n(a).readonly,
+              disabled: n(a).disabled,
+              name: `${n(a).name}-time`,
+              onClick: m[12] || (m[12] = (b) => s.value = "time"),
+              onKeydown: m[13] || (m[13] = _e((b) => s.value = "time", ["space"]))
+            }, {
+              default: _(() => [
+                T(x, {
+                  modelValue: u.value,
+                  "onUpdate:modelValue": m[10] || (m[10] = (b) => u.value = b),
+                  "close-on-content-click": !1,
+                  activator: "parent"
+                }, {
+                  default: _(() => [
+                    T(V, {
+                      modelValue: L.value,
+                      "onUpdate:modelValue": m[7] || (m[7] = (b) => L.value = b),
+                      onCancel: m[8] || (m[8] = (b) => s.value = ""),
+                      onSave: m[9] || (m[9] = (b) => s.value = "")
+                    }, {
+                      default: _(({ model: b, actions: P }) => [
+                        T(se, {
+                          modelValue: b.value,
+                          "onUpdate:modelValue": (X) => b.value = X,
+                          "hide-header": !0,
+                          format: "24hr"
+                        }, {
+                          actions: _(() => [
+                            (h(), k(te(P)))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "density", "variant", "readonly", "disabled", "name"])) : E("", !0)
+          ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Kl = { style: { position: "relative", width: "100%" } }, Gl = /* @__PURE__ */ U({
+}), Gl = { style: { position: "relative", width: "100%" } }, Wl = /* @__PURE__ */ U({
   __name: "df-file",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     comms: {},
     control: {},
     modelValue: {},
@@ -948,66 +964,66 @@ const Ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, K),
+  }, z),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { value: o, vuetifyBindings: a } = j(l, i), p = N(null), c = N(null), b = N(0), v = N(Math.round(Math.random() * 1e3)), r = N(), s = V(() => !r.value && o.value ? l.modelValue : "");
-    function d() {
-      p.value && window.clearInterval(p.value);
+    const l = t, i = e, { value: o, vuetifyBindings: a } = H(l, i), f = S(null), c = S(null), v = S(0), s = S(Math.round(Math.random() * 1e3)), p = S(), u = w(() => !p.value && o.value ? l.modelValue : "");
+    function r() {
+      f.value && window.clearInterval(f.value);
     }
-    function u() {
-      d(), p.value = window.setInterval(() => {
+    function d() {
+      r(), f.value = window.setInterval(() => {
         o.value && l.comms.touch(o.value);
       }, 60 * 1e3);
     }
-    Ae(() => d()), ee(o, (S) => {
-      S ? u() : d();
+    Se(() => r()), ee(o, (A) => {
+      A ? d() : r();
     });
     function y() {
       return oe(this, null, function* () {
-        o.value && (yield l.comms.delete(o.value)), o.value = null, b.value = 0, v.value = Math.round(Math.random() * 1e3), c.value = null, r.value = null, d();
+        o.value && (yield l.comms.delete(o.value)), o.value = null, v.value = 0, s.value = Math.round(Math.random() * 1e3), c.value = null, p.value = null, r();
       });
     }
-    function B(S) {
+    function D(A) {
       return oe(this, null, function* () {
-        b.value = -1, c.value = S;
+        v.value = -1, c.value = A;
         try {
           o.value = yield l.comms.upload(
-            S,
-            (f, m) => {
-              b.value = Math.round(f * 100 / m);
+            A,
+            (B, g) => {
+              v.value = Math.round(B * 100 / g);
             }
-          ), b.value = 100, u();
-        } catch (f) {
-          throw b.value = 0, c.value = null, v.value = Math.round(Math.random() * 1e3), r.value = null, f;
+          ), v.value = 100, d();
+        } catch (B) {
+          throw v.value = 0, c.value = null, s.value = Math.round(Math.random() * 1e3), p.value = null, B;
         }
       });
     }
-    function P(S) {
-      S && (Array.isArray(S) ? console.error("Uploading multiple files not supported right now") : B(S));
+    function L(A) {
+      A && (Array.isArray(A) ? console.error("Uploading multiple files not supported right now") : D(A));
     }
-    return (S, f) => {
-      const m = I("v-progress-linear"), T = I("v-file-input");
-      return g(), w(n(ve), L(l, {
+    return (A, B) => {
+      const g = I("v-progress-linear"), m = I("v-file-input");
+      return h(), k(n(be), M(l, {
         clearable: "",
         "onClick:clear": y
       }), {
-        default: h(() => [
-          q("div", Kl, [
-            c.value && b.value < 100 ? (g(), w(m, {
+        default: _(() => [
+          Z("div", Gl, [
+            c.value && v.value < 100 ? (h(), k(g, {
               key: 0,
-              "model-value": b.value,
-              indeterminate: b.value === -1,
+              "model-value": v.value,
+              indeterminate: v.value === -1,
               height: "10",
               style: { position: "absolute", top: "50%", transform: "translateY(-50%)", width: "100%" }
-            }, null, 8, ["model-value", "indeterminate"])) : $("", !0),
-            A(T, {
-              modelValue: r.value,
+            }, null, 8, ["model-value", "indeterminate"])) : E("", !0),
+            T(m, {
+              modelValue: p.value,
               "onUpdate:modelValue": [
-                f[0] || (f[0] = (F) => r.value = F),
-                P
+                B[0] || (B[0] = (C) => p.value = C),
+                L
               ],
-              label: s.value,
+              label: u.value,
               density: n(a).density,
               variant: n(a).variant,
               readonly: n(a).readonly,
@@ -1016,7 +1032,7 @@ const Ll = {
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: fe(c.value && b.value < 100 ? "visibility: hidden" : ""),
+              style: ve(c.value && v.value < 100 ? "visibility: hidden" : ""),
               clearable: !1
             }, null, 8, ["modelValue", "label", "density", "variant", "readonly", "disabled", "name", "style"])
           ])
@@ -1025,9 +1041,9 @@ const Ll = {
       }, 16);
     };
   }
-}), Wl = { class: "container" }, Xl = /* @__PURE__ */ U({
+}), Xl = { class: "container" }, ql = /* @__PURE__ */ U({
   __name: "df-input",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     inputType: {},
     precision: {},
     step: {},
@@ -1044,7 +1060,7 @@ const Ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), {
+  }, R(N({}, z), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1053,33 +1069,33 @@ const Ll = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { errors: o, value: a, vuetifyBindings: p } = j(l, i), { inputType: c, max: b, min: v, precision: r, step: s } = ie(l), d = V(() => c.value === "number"), u = V(() => d.value ? { min: n(v), max: n(b), precision: n(r), step: n(s) } : {});
-    return (y, B) => {
-      const P = I("v-text-field"), S = I("v-number-input");
-      return g(), E("div", Wl, [
-        d.value ? (g(), w(S, L({
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: f } = H(l, i), { inputType: c, max: v, min: s, precision: p, step: u } = ie(l), r = w(() => c.value === "number"), d = w(() => r.value ? { min: n(s), max: n(v), precision: n(p), step: n(u) } : {});
+    return (y, D) => {
+      const L = I("v-text-field"), A = I("v-number-input");
+      return h(), $("div", Xl, [
+        r.value ? (h(), k(A, M({
           key: 1,
           modelValue: n(a),
-          "onUpdate:modelValue": B[1] || (B[1] = (f) => G(a) ? a.value = f : null)
-        }, D(D({}, n(p)), u.value), {
+          "onUpdate:modelValue": D[1] || (D[1] = (B) => K(a) ? a.value = B : null)
+        }, N(N({}, n(f)), d.value), {
           density: "compact",
           "control-variant": "stacked"
         }), {
-          message: h(({ message: f }) => [
-            A(n(W), {
-              message: f,
+          message: _(({ message: B }) => [
+            T(n(G), {
+              message: B,
               errors: n(o)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue"])) : (g(), w(P, L({
+        }, 16, ["modelValue"])) : (h(), k(L, M({
           key: 0,
           modelValue: n(a),
-          "onUpdate:modelValue": B[0] || (B[0] = (f) => G(a) ? a.value = f : null)
-        }, n(p), { type: n(c) }), {
-          message: h(({ message: f }) => [
-            A(n(W), {
-              message: f,
+          "onUpdate:modelValue": D[0] || (D[0] = (B) => K(a) ? a.value = B : null)
+        }, n(f), { type: n(c) }), {
+          message: _(({ message: B }) => [
+            T(n(G), {
+              message: B,
               errors: n(o)
             }, null, 8, ["message", "errors"])
           ]),
@@ -1088,7 +1104,7 @@ const Ll = {
       ]);
     };
   }
-}), ql = /* @__PURE__ */ ne(Xl, [["__scopeId", "data-v-aa68213c"]]), Zl = { class: "editor-container" }, Yl = { class: "editor-container__editor" }, Ql = { ref: "editorElement" }, Jl = /* @__PURE__ */ U({
+}), Zl = /* @__PURE__ */ ne(ql, [["__scopeId", "data-v-aa68213c"]]), Yl = { class: "editor-container" }, Ql = { class: "editor-container__editor" }, Jl = { ref: "editorElement" }, en = /* @__PURE__ */ U({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -1097,10 +1113,10 @@ const Ll = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: l }) {
-    Ye((s) => ({
-      "3d4d5a06": s.minHeight
+    Qe((u) => ({
+      "3d4d5a06": u.minHeight
     }));
-    const i = l, o = N(!1), a = qt, v = {
+    const i = l, o = S(!1), a = Zt, s = {
       toolbar: {
         items: [
           "undo",
@@ -1132,10 +1148,9 @@ const Ll = {
         shouldNotGroupWhenFull: !1
       },
       plugins: [
-        rt,
         ut,
-        ct,
         dt,
+        ct,
         mt,
         pt,
         ft,
@@ -1162,8 +1177,8 @@ const Ll = {
         Ut,
         Ft,
         Lt,
-        Rt,
         Pt,
+        Rt,
         Ot,
         Mt,
         Ht,
@@ -1172,7 +1187,8 @@ const Ll = {
         Kt,
         Gt,
         Wt,
-        Xt
+        Xt,
+        qt
       ],
       balloonToolbar: ["bold", "italic", "|", "link", "|", "bulletedList", "numberedList"],
       heading: {
@@ -1231,34 +1247,34 @@ const Ll = {
       },
       table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] }
     };
-    xe(() => {
+    Ae(() => {
       o.value = !0;
     });
-    const r = (s) => {
+    const p = (u) => {
     };
-    return e({ onEditorReady: r }), (s, d) => {
-      const u = I("ckeditor");
-      return g(), E("div", Zl, [
-        q("div", Yl, [
-          q("div", Ql, [
-            o.value ? (g(), w(u, {
+    return e({ onEditorReady: p }), (u, r) => {
+      const d = I("ckeditor");
+      return h(), $("div", Yl, [
+        Z("div", Ql, [
+          Z("div", Jl, [
+            o.value ? (h(), k(d, {
               key: 0,
-              "model-value": s.modelValue,
+              "model-value": u.modelValue,
               editor: n(a),
-              config: v,
-              disabled: s.disabled,
-              style: fe(`min-height: ${s.minHeight}`),
-              onReady: r,
-              "onUpdate:modelValue": d[0] || (d[0] = (y) => i("update:modelValue", y))
-            }, null, 8, ["model-value", "editor", "disabled", "style"])) : $("", !0)
+              config: s,
+              disabled: u.disabled,
+              style: ve(`min-height: ${u.minHeight}`),
+              onReady: p,
+              "onUpdate:modelValue": r[0] || (r[0] = (y) => i("update:modelValue", y))
+            }, null, 8, ["model-value", "editor", "disabled", "style"])) : E("", !0)
           ], 512)
         ])
       ]);
     };
   }
-}), en = /* @__PURE__ */ U({
+}), tn = /* @__PURE__ */ U({
   __name: "df-rtf-editor",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     minHeight: {},
     control: {},
     modelValue: {},
@@ -1271,17 +1287,17 @@ const Ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), { minHeight: void 0 })),
+  }, R(N({}, z), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { value: o, vuetifyBindings: a } = j(l, i);
-    return (p, c) => (g(), w(n(ve), $e(Ee(l)), {
-      default: h(() => [
-        A(Jl, {
+    const l = t, i = e, { value: o, vuetifyBindings: a } = H(l, i);
+    return (f, c) => (h(), k(n(be), Ee(Ue(l)), {
+      default: _(() => [
+        T(en, {
           ref: "$editor",
           modelValue: n(o),
-          "onUpdate:modelValue": c[0] || (c[0] = (b) => G(o) ? o.value = b : null),
-          "min-height": p.minHeight,
+          "onUpdate:modelValue": c[0] || (c[0] = (v) => K(o) ? o.value = v : null),
+          "min-height": f.minHeight,
           disabled: n(a).disabled
         }, null, 8, ["modelValue", "min-height", "disabled"])
       ]),
@@ -1289,40 +1305,40 @@ const Ll = {
     }, 16));
   }
 });
-function tn(t) {
+function ln(t) {
   return t.map((e) => ({ value: e.id, title: e.text, icon: e.icon }));
 }
 function J(t, e) {
   var l;
-  return t == null || Te(t) && t.length === 0 ? null : e ? Ue(t) : Te(t) ? (l = Fe(t)) != null ? l : null : t;
+  return t == null || Te(t) && t.length === 0 ? null : e ? Fe(t) : Te(t) ? (l = Le(t)) != null ? l : null : t;
 }
-function pe(t, e) {
+function fe(t, e) {
   if (e == null) return [];
-  const l = Ue(e);
+  const l = Fe(e);
   return t.filter((i) => l.some((o) => o === i.id));
 }
 function ce(t, e, l, i, o) {
-  var p;
+  var f;
   const a = J(t, l);
   if (a == null) {
     e.value = l ? [] : null;
     return;
   }
   if (l)
-    i ? e.value = a : e.value = pe(o, a).map((c) => c.id);
+    i ? e.value = a : e.value = fe(o, a).map((c) => c.id);
   else if (i)
     e.value = a;
   else {
-    const c = Fe(pe(o, a));
-    e.value = (p = c == null ? void 0 : c.id) != null ? p : null;
+    const c = Le(fe(o, a));
+    e.value = (f = c == null ? void 0 : c.id) != null ? f : null;
   }
 }
-const ln = {
+const nn = {
   key: 0,
   class: "me-1"
-}, nn = /* @__PURE__ */ U({
+}, on = /* @__PURE__ */ U({
   __name: "df-select",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     choices: {},
     multiple: { type: Boolean },
     allowTags: { type: Boolean },
@@ -1339,7 +1355,7 @@ const ln = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), {
+  }, R(N({}, z), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -1348,131 +1364,131 @@ const ln = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, { choices: i } = l, { multiple: o, allowTags: a, allowNull: p, cssClass: c, visibility: b } = ie(l), v = e, { errors: r, value: s, vuetifyBindings: d } = j(l, v), u = N(null), y = N(i || []), B = N(!1), P = V(() => tn(y.value));
-    function S(k) {
-      v("update:modelValueDisplay", pe(y.value, k));
+    const l = t, { choices: i } = l, { multiple: o, allowTags: a, allowNull: f, cssClass: c, visibility: v } = ie(l), s = e, { errors: p, value: u, vuetifyBindings: r } = H(l, s), d = S(null), y = S(i || []), D = S(!1), L = w(() => ln(y.value));
+    function A(V) {
+      s("update:modelValueDisplay", fe(y.value, V));
     }
-    ee(u, (k) => {
-      d.value.readonly || Qe(() => {
-        const x = J(k, o.value);
-        S(x), s.value = x;
+    ee(d, (V) => {
+      r.value.readonly || Je(() => {
+        const x = J(V, o.value);
+        A(x), u.value = x;
       });
     }, { deep: !0 });
-    function f() {
-      if (d.value.readonly || a.value) return;
-      const k = J(u.value, o.value);
-      ce(k, u, o.value, !1, y.value), s.value = k;
+    function B() {
+      if (r.value.readonly || a.value) return;
+      const V = J(d.value, o.value);
+      ce(V, d, o.value, !1, y.value), u.value = V;
     }
-    function m(k) {
+    function g(V) {
       let x;
-      o.value && Array.isArray(u.value) ? x = J(u.value.filter((Z) => Z !== k), o.value) : x = null, ce(x, u, o.value, !1, y.value), s.value = x;
+      o.value && Array.isArray(d.value) ? x = J(d.value.filter((W) => W !== V), o.value) : x = null, ce(x, d, o.value, !1, y.value), u.value = x;
     }
-    function T(k, x) {
+    function m(V, x) {
       return oe(this, null, function* () {
         if (!(i || l.fetchChoices === void 0)) {
-          B.value = !0;
+          D.value = !0;
           try {
-            y.value = yield l.fetchChoices(k, x);
+            y.value = yield l.fetchChoices(V, x);
           } finally {
-            B.value = !1;
+            D.value = !1;
           }
         }
       });
     }
-    function F() {
-      let k = s.value;
-      !p.value && k == null && P.value.length && (k = P.value[0].value), k = J(k, o.value), ce(k, u, o.value, a.value, y.value), S(k), s.value = k;
+    function C() {
+      let V = u.value;
+      !f.value && V == null && L.value.length && (V = L.value[0].value), V = J(V, o.value), ce(V, d, o.value, a.value, y.value), A(V), u.value = V;
     }
-    return F(), l.fetchChoices !== void 0 && T(void 0, s.value).then(() => {
-      F();
-    }), (k, x) => {
-      const Z = I("v-chip"), C = I("v-list-item");
-      return n(b) !== n(H).SUPPRESS ? (g(), w(te(n(a) ? "v-combobox" : "v-autocomplete"), L({
+    return C(), l.fetchChoices !== void 0 && m(void 0, u.value).then(() => {
+      C();
+    }), (V, x) => {
+      const W = I("v-chip"), se = I("v-list-item");
+      return n(v) !== n(O).SUPPRESS ? (h(), k(te(n(a) ? "v-combobox" : "v-autocomplete"), M({
         key: 0,
-        modelValue: u.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (_) => u.value = _),
+        modelValue: d.value,
+        "onUpdate:modelValue": x[0] || (x[0] = (b) => d.value = b),
         class: [
           n(c),
           {
-            "d-none": n(b) === n(H).HIDDEN,
-            invisible: n(b) === n(H).INVISIBLE
+            "d-none": n(v) === n(O).HIDDEN,
+            invisible: n(v) === n(O).INVISIBLE
           }
         ],
-        items: P.value,
+        items: L.value,
         "return-object": !1
-      }, n(d), {
-        label: n(d).label,
+      }, n(r), {
+        label: n(r).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": n(p) || n(o) && u.value.length > 1,
-        clearable: n(p),
+        "closable-chips": n(f) || n(o) && d.value.length > 1,
+        clearable: n(f),
         multiple: n(o),
-        loading: B.value,
+        loading: D.value,
         "hide-selected": !1,
-        "aria-describedby": n(d).helpText ? `${n(d).name}-help` : null,
+        "aria-describedby": n(r).helpText ? `${n(r).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": x[1] || (x[1] = (_) => T(_, void 0)),
-        "onUpdate:modelValue": f,
-        "onClick:clear": x[2] || (x[2] = (_) => u.value = null)
+        "onUpdate:search": x[1] || (x[1] = (b) => m(b, void 0)),
+        "onUpdate:modelValue": B,
+        "onClick:clear": x[2] || (x[2] = (b) => d.value = null)
       }), {
-        chip: h(({ item: _ }) => [
-          (g(), w(Z, {
-            key: _.value,
+        chip: _(({ item: b }) => [
+          (h(), k(W, {
+            key: b.value,
             label: "",
             size: "small",
             class: "d-flex align-middle",
             variant: n(o) ? "tonal" : "text",
             closable: n(o),
-            "onClick:close": (O) => m(_.value)
+            "onClick:close": (P) => g(b.value)
           }, {
-            prepend: h(() => {
-              var O;
+            prepend: _(() => {
+              var P;
               return [
-                (O = _.raw) != null && O.icon ? (g(), w(n(me), {
+                (P = b.raw) != null && P.icon ? (h(), k(n(pe), {
                   key: 0,
                   class: "me-1 action-icon d-inline-block",
-                  name: _.raw.icon
-                }, null, 8, ["name"])) : $("", !0)
+                  name: b.raw.icon
+                }, null, 8, ["name"])) : E("", !0)
               ];
             }),
-            default: h(() => [
-              q("span", {
+            default: _(() => [
+              Z("span", {
                 class: le({ "text-body-1": !n(o) })
-              }, X(_.title), 3)
+              }, q(b.title), 3)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        item: h(({ props: _, item: O }) => [
-          A(C, $e(Ee(_)), {
-            prepend: h(() => {
-              var be;
+        item: _(({ props: b, item: P }) => [
+          T(se, Ee(Ue(b)), {
+            prepend: _(() => {
+              var X;
               return [
-                (be = O.raw) != null && be.icon ? (g(), E("span", ln, [
-                  A(n(me), {
+                (X = P.raw) != null && X.icon ? (h(), $("span", nn, [
+                  T(n(pe), {
                     class: "action-icon d-inline-block",
-                    name: O.raw.icon
+                    name: P.raw.icon
                   }, null, 8, ["name"])
-                ])) : $("", !0)
+                ])) : E("", !0)
               ];
             }),
             _: 2
           }, 1040)
         ]),
-        message: h(({ message: _ }) => [
-          A(n(W), {
-            message: _,
-            errors: n(r)
+        message: _(({ message: b }) => [
+          T(n(G), {
+            message: b,
+            errors: n(p)
           }, null, 8, ["message", "errors"])
         ]),
         _: 1
-      }, 16, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : $("", !0);
+      }, 16, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : E("", !0);
     };
   }
-}), on = /* @__PURE__ */ ne(nn, [["__scopeId", "data-v-efe3f250"]]), an = { class: "container" }, sn = /* @__PURE__ */ U({
+}), an = /* @__PURE__ */ ne(on, [["__scopeId", "data-v-efe3f250"]]), sn = { class: "container" }, rn = /* @__PURE__ */ U({
   __name: "df-text-area",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     rows: {},
     maxRows: {},
     control: {},
@@ -1486,104 +1502,105 @@ const ln = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(D({}, K), {
+  }, R(N({}, z), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, i = e, { errors: o, value: a, vuetifyBindings: p } = j(l, i), { cssClass: c, visibility: b } = ie(l);
-    return (v, r) => {
-      const s = I("v-textarea");
-      return g(), E("div", an, [
-        n(b) !== n(H).SUPPRESS ? (g(), w(s, L({
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: f } = H(l, i), { cssClass: c, visibility: v } = ie(l);
+    return (s, p) => {
+      const u = I("v-textarea");
+      return h(), $("div", sn, [
+        n(v) !== n(O).SUPPRESS ? (h(), k(u, M({
           key: 0,
           modelValue: n(a),
-          "onUpdate:modelValue": r[0] || (r[0] = (d) => G(a) ? a.value = d : null),
+          "onUpdate:modelValue": p[0] || (p[0] = (r) => K(a) ? a.value = r : null),
           class: [
             n(c),
             {
-              "d-none": n(b) === n(H).HIDDEN,
-              invisible: n(b) === n(H).INVISIBLE
+              "d-none": n(v) === n(O).HIDDEN,
+              invisible: n(v) === n(O).INVISIBLE
             }
           ],
-          rows: v.rows,
-          "auto-grow": (v.maxRows || 0) > 0,
-          "max-rows": v.maxRows
-        }, n(p)), {
-          message: h(({ message: d }) => [
-            A(n(W), {
-              message: d,
+          rows: s.rows,
+          "auto-grow": (s.maxRows || 0) > 0,
+          "max-rows": s.maxRows
+        }, n(f)), {
+          message: _(({ message: r }) => [
+            T(n(G), {
+              message: r,
               errors: n(o)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue", "class", "rows", "auto-grow", "max-rows"])) : $("", !0)
+        }, 16, ["modelValue", "class", "rows", "auto-grow", "max-rows"])) : E("", !0)
       ]);
     };
   }
-}), rn = /* @__PURE__ */ ne(sn, [["__scopeId", "data-v-1a04c9b5"]]), un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), un = /* @__PURE__ */ ne(rn, [["__scopeId", "data-v-1a04c9b5"]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DfActions: Ol,
-  DfCheckbox: Ml,
-  DfColor: Hl,
-  DfDateTime: zl,
-  DfFile: Gl,
-  DfInput: ql,
-  DfRtfEditor: en,
-  DfSelect: on,
-  DfTextArea: rn
+  DfActions: Ml,
+  DfCheckbox: Hl,
+  DfColor: jl,
+  DfDateTime: Kl,
+  DfFile: Wl,
+  DfInput: Zl,
+  DfRtfEditor: tn,
+  DfSelect: an,
+  DfTextArea: un
 }, Symbol.toStringTag, { value: "Module" })), cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VAutocomplete: Zt,
-  VBtn: Yt,
-  VCheckbox: Qt,
-  VChip: Jt,
-  VCol: al,
-  VColorPicker: tl,
-  VCombobox: el,
-  VConfirmEdit: ll,
-  VDatePicker: nl,
-  VFileInput: ol,
-  VIcon: sl,
-  VInput: rl,
-  VListItem: ul,
+  VAutocomplete: Yt,
+  VBtn: Qt,
+  VCheckbox: Jt,
+  VChip: el,
+  VCol: il,
+  VColorPicker: ll,
+  VCombobox: tl,
+  VConfirmEdit: nl,
+  VDatePicker: ol,
+  VFileInput: al,
+  VIcon: rl,
+  VInput: ul,
+  VListItem: dl,
   VMenu: cl,
-  VNumberInput: dl,
-  VProgressLinear: ml,
-  VRow: il,
-  VSelect: pl,
-  VSwitch: fl,
-  VTextField: bl,
-  VTextarea: vl,
-  VTimePicker: gl
-}, Symbol.toStringTag, { value: "Module" })), Mn = {
+  VNumberInput: ml,
+  VProgressLinear: pl,
+  VRow: sl,
+  VSelect: fl,
+  VSwitch: vl,
+  VTextField: gl,
+  VTextarea: bl,
+  VTimePicker: hl
+}, Symbol.toStringTag, { value: "Module" })), Hn = {
   install: (t, e) => {
     var l, i;
-    t.use(Al), (l = e == null ? void 0 : e.registerComponents) != null && l && Object.entries(un).map(([o, a]) => t.component(o, a)), (i = e == null ? void 0 : e.registerVuetifyComponents) != null && i && Object.entries(cn).map(([o, a]) => t.component(o, a));
+    t.use(Sl), (l = e == null ? void 0 : e.registerComponents) != null && l && Object.entries(dn).map(([o, a]) => t.component(o, a)), (i = e == null ? void 0 : e.registerVuetifyComponents) != null && i && Object.entries(cn).map(([o, a]) => t.component(o, a));
   }
 };
 export {
   ae as Action,
-  R as ActionDisplayStyle,
-  Ol as DfActions,
-  Ml as DfCheckbox,
-  Hl as DfColor,
-  zl as DfDateTime,
-  Gl as DfFile,
-  ql as DfInput,
-  en as DfRtfEditor,
-  on as DfSelect,
-  rn as DfTextArea,
-  Mn as DynamicFormsInputs,
-  ve as InputBase,
-  W as MessagesWidget,
-  Fl as ResponsiveLabelRenderOptions,
-  Ul as ResponsiveRenderOptions,
+  F as ActionDisplayStyle,
+  Ml as DfActions,
+  Hl as DfCheckbox,
+  jl as DfColor,
+  Kl as DfDateTime,
+  Wl as DfFile,
+  Zl as DfInput,
+  tn as DfRtfEditor,
+  an as DfSelect,
+  un as DfTextArea,
+  Hn as DynamicFormsInputs,
+  be as InputBase,
+  G as MessagesWidget,
+  Ll as ResponsiveLabelRenderOptions,
+  Fl as ResponsiveRenderOptions,
   cn as VuetifyComponents,
-  K as defaultBaseProps,
+  z as defaultBaseProps,
   Ie as defaultDisplayStyle,
+  xe as getBreakpointName,
   Be as responsiveBreakpoints,
-  j as useInputBase
+  H as useInputBase
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map