@dynamicforms/vuetify-inputs 0.1.17 → 0.2.1

package/dist/dynamicforms-vuetify-inputs.js

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