@dynamicforms/vuetify-inputs 0.1.15 → 0.1.16

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,61 +1,61 @@
-var Me = Object.defineProperty, je = Object.defineProperties;
+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 ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, N = (t, e) => {
+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) => {
   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]);
   return t;
-}, H = (t, e) => je(t, ze(e));
-var Z = (t, e, l) => ue(t, typeof e != "symbol" ? e + "" : e, l);
-var ne = (t, e, l) => new Promise((r, n) => {
-  var a = (c) => {
+}, M = (t, e) => je(t, ze(e));
+var Y = (t, e, l) => ue(t, typeof e != "symbol" ? e + "" : e, l);
+var oe = (t, e, l) => new Promise((i, o) => {
+  var a = (d) => {
     try {
-      u(l.next(c));
-    } catch (v) {
-      n(v);
+      u(l.next(d));
+    } catch (b) {
+      o(b);
     }
-  }, f = (c) => {
+  }, v = (d) => {
     try {
-      u(l.throw(c));
-    } catch (v) {
-      n(v);
+      u(l.throw(d));
+    } catch (b) {
+      o(b);
     }
-  }, u = (c) => c.done ? r(c.value) : Promise.resolve(c.value).then(a, f);
+  }, u = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(a, v);
   u((l = l.apply(t, e)).next());
 });
 import * as we from "vue";
-import { defineComponent as F, mergeModels as Ve, useModel as We, ref as S, watch as J, onMounted as Se, markRaw as Xe, onBeforeUnmount as Ne, createBlock as V, openBlock as h, resolveDynamicComponent as ee, version as qe, computed as _, createElementBlock as E, Fragment as $e, renderList as Ee, normalizeClass as re, toDisplayString as te, unref as o, mergeProps as P, withCtx as y, createTextVNode as be, resolveComponent as x, createCommentVNode as $, createVNode as A, createSlots as Ze, renderSlot as Ye, isRef as G, withModifiers as Qe, mergeDefaults as z, createElementVNode as le, normalizeStyle as he, toRefs as se, withKeys as ke, useCssVars as Je, normalizeProps as Ue, guardReactiveProps as Fe, nextTick as et } from "vue";
-import { debounce as tt, isEmpty as lt, isObjectLike as ot, isString as pe, isBoolean as Te, clone as nt, toNumber as Ce, isNaN as Ie, isArray as Be, castArray as Le, first as Pe } from "lodash-es";
+import { 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 xe, { ValidationErrorRenderContent as rt, DisplayMode as M, ExecuteAction as it, Action as ce } from "@dynamicforms/vue-forms";
-import st from "vue-markdown-render";
-import { format as Y, 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 ht, CloudServices as gt, 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 xt, ImageToolbar as At, ImageUpload as Dt, Indent as St, IndentBlock as Nt, Italic as $t, Link as Et, List as Ut, Autoformat as Ft, MediaEmbed as Lt, Paragraph as Pt, PasteFromMarkdownExperimental as Rt, PasteFromOffice as Ot, SelectAll as Ht, Style as Mt, 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 Ae, { ValidationErrorRenderContent as it, DisplayMode as H, ExecuteAction as st, Action as de } from "@dynamicforms/vue-forms";
+import rt from "vue-markdown-render";
+import { format as Q, parse as ut } from "date-fns";
+import { AccessibilityHelp as dt, Alignment as ct, 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 ol } from "vuetify/components/VColorPicker";
-import { VConfirmEdit as nl } from "vuetify/components/VConfirmEdit";
+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 rl } from "vuetify/components/VFileInput";
-import { VCol as il, VRow as sl } from "vuetify/components/VGrid";
+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 { VInput as dl } from "vuetify/components/VInput";
+import { VListItem as cl } 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 hl } from "vuetify/components/VTextarea";
-import { VTextField as gl } from "vuetify/components/VTextField";
+import { VTextarea as gl } from "vuetify/components/VTextarea";
+import { VTextField as hl } from "vuetify/components/VTextField";
 import { VTimePicker as yl } from "vuetify/labs/VTimePicker";
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
@@ -72,10 +72,10 @@ new Array(256).fill("").map((t, e) => ("0" + e.toString(16)).slice(-2));
  */
 function _l(t, e) {
   const l = t.extraPlugins || [];
-  return H(N({}, t), {
+  return M(N({}, t), {
     extraPlugins: [
       ...l,
-      ...e.filter((r) => !l.includes(r))
+      ...e.filter((i) => !l.includes(i))
     ]
   });
 }
@@ -103,11 +103,11 @@ function wl(t) {
 function Vl(t) {
   if (!Re(t))
     throw new Error(`Invalid semantic version: ${t || "<blank>"}.`);
-  const [e, l, r] = t.split(".");
+  const [e, l, i] = t.split(".");
   return {
     major: Number.parseInt(e, 10),
     minor: Number.parseInt(l, 10),
-    patch: Number.parseInt(r, 10)
+    patch: Number.parseInt(i, 10)
   };
 }
 /**
@@ -150,7 +150,7 @@ function Cl() {
  * @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 He(t, e) {
+function Me(t, e) {
   switch (e || (e = Cl() || void 0), e) {
     case 1:
     case 2:
@@ -166,8 +166,8 @@ function He(t, e) {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 function Il(t, e) {
-  return function(r) {
-    He(r.config.get("licenseKey")) || r.on("collectUsageData", (n, { setUsageData: a }) => {
+  return function(i) {
+    Me(i.config.get("licenseKey")) || i.on("collectUsageData", (o, { setUsageData: a }) => {
       a(`integration.${t}`, e);
     });
   };
@@ -187,8 +187,8 @@ const Bl = Il(
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md.
  */
-function xl(t) {
-  return He(t.licenseKey) ? t : _l(t, [
+function Al(t) {
+  return Me(t.licenseKey) ? t : _l(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
@@ -197,7 +197,7 @@ function xl(t) {
     Bl
   ]);
 }
-const de = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Al = 300, Dl = /* @__PURE__ */ F({
+const ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", xl = 300, Dl = /* @__PURE__ */ L({
   name: "CKEditor",
   __name: "ckeditor",
   props: /* @__PURE__ */ Ve({
@@ -212,49 +212,49 @@ const de = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Al = 300, Dl =
   }),
   emits: /* @__PURE__ */ Ve(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
   setup(t, { expose: e, emit: l }) {
-    const r = We(t, "modelValue"), n = t, a = l, f = S(), u = S(), c = S();
+    const i = We(t, "modelValue"), o = t, a = l, v = S(), u = S(), d = S();
     e({
       instance: u,
-      lastEditorData: c
-    }), J(r, (s) => {
-      u.value && s !== c.value && u.value.data.set(s);
-    }), J(() => n.disabled, (s) => {
-      s ? u.value.enableReadOnlyMode(de) : u.value.disableReadOnlyMode(de);
+      lastEditorData: d
+    }), ee(i, (r) => {
+      u.value && r !== d.value && u.value.data.set(r);
+    }), ee(() => o.disabled, (r) => {
+      r ? u.value.enableReadOnlyMode(ce) : u.value.disableReadOnlyMode(ce);
     });
-    function v() {
-      const s = window.CKEDITOR_VERSION;
-      if (!s)
+    function b() {
+      const r = window.CKEDITOR_VERSION;
+      if (!r)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [m] = s.split(".").map(Number);
-      m >= 42 || s.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      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.");
     }
-    function i(s) {
-      const m = tt((p) => {
-        if (n.disableTwoWayDataBinding)
+    function s(r) {
+      const m = tt((c) => {
+        if (o.disableTwoWayDataBinding)
           return;
-        const g = c.value = s.data.get();
-        a("update:modelValue", g, p, s), a("input", g, p, s);
-      }, Al, { leading: !0 });
-      s.model.document.on("change:data", m), s.editing.view.document.on("focus", (p) => {
-        a("focus", p, s);
-      }), s.editing.view.document.on("blur", (p) => {
-        a("blur", p, s);
+        const h = d.value = r.data.get();
+        a("update:modelValue", h, c, r), a("input", h, c, r);
+      }, xl, { leading: !0 });
+      r.model.document.on("change:data", m), r.editing.view.document.on("focus", (c) => {
+        a("focus", c, r);
+      }), r.editing.view.document.on("blur", (c) => {
+        a("blur", c, r);
       });
     }
-    return v(), Se(() => {
-      const s = xl(
-        Object.assign({}, n.config)
+    return b(), Se(() => {
+      const r = Al(
+        Object.assign({}, o.config)
       );
-      r.value && (s.initialData = r.value), n.editor.create(f.value, s).then((m) => {
-        u.value = Xe(m), i(m), r.value !== s.initialData && m.data.set(r.value), n.disabled && m.enableReadOnlyMode(de), a("ready", m);
+      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(ce), a("ready", m);
       }).catch((m) => {
         console.error(m);
       });
     }), Ne(() => {
       u.value && (u.value.destroy(), u.value = void 0), a("destroy");
-    }), (s, m) => (h(), V(ee(s.tagName), {
+    }), (r, m) => (g(), V(te(r.tagName), {
       ref_key: "element",
-      ref: f
+      ref: v
     }, null, 512));
   }
 });
@@ -282,83 +282,89 @@ function j(t, e) {
     get() {
       return t.control ? t.control.value : t.modelValue;
     },
-    set(p) {
-      t.control && (t.control.value = p), e("update:modelValue", p);
+    set(c) {
+      t.control && (t.control.value = c), e("update:modelValue", c);
     }
   });
-  if (t.control && !(t.control instanceof xe.FieldBase))
+  if (t.control && !(t.control instanceof Ae.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const r = _(() => t.control ? t.control.valid : !0), n = _(
-    () => t.control ? t.control.errors : (t.errors || []).map((p) => new rt(p))
-  ), a = _(() => n.value.length > 0 ? " " : void 0), f = _(() => t.control ? t.control.enabled : t.enabled !== !1), u = _(
-    () => t.control ? t.control.visibility : t.visibility || xe.DisplayMode.FULL
-  ), c = _(() => t.label || ""), v = _(() => t.placeholder || ""), i = _(() => t.helpText || ""), s = _(() => t.hint || ""), m = _(() => t.cssClass || "");
+  const i = _(() => t.control ? t.control.valid : !0), o = _(
+    () => t.control ? t.control.errors : (t.errors || []).map((c) => new it(c))
+  ), 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
+  ), d = _(() => t.label || ""), b = _(() => t.placeholder || ""), s = _(() => t.helpText || ""), r = _(() => t.hint || ""), m = _(() => t.cssClass || "");
   return {
     value: l,
-    valid: r,
-    enabled: f,
-    errors: n,
+    valid: i,
+    enabled: v,
+    errors: o,
     visibility: u,
     vuetifyBindings: _(() => {
-      var p;
+      var c;
       return {
-        name: (p = t.control) == null ? void 0 : p.fieldName,
+        name: (c = t.control) == null ? void 0 : c.fieldName,
         class: m.value,
-        label: c.value,
+        density: "default",
+        variant: "underlined",
+        label: d.value,
         messages: a.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !f.value,
-        disabled: !f.value,
-        placeholder: v.value,
-        "persistent-placeholder": !lt(v.value),
-        hint: s.value,
+        readonly: !v.value,
+        disabled: !v.value,
+        placeholder: b.value,
+        "persistent-placeholder": !lt(b.value),
+        hint: r.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
-        helpText: i.value
+        helpText: s.value
       };
     })
   };
 }
-const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /* @__PURE__ */ F({
-  __name: "errors-widget",
+const Nl = {
+  key: 0,
+  class: "custom-error-display text-error"
+}, $l = { key: 0 }, El = { key: 1 }, Ul = /* @__PURE__ */ L({
+  __name: "messages-widget",
   props: {
-    errors: {}
+    errors: {},
+    message: {}
   },
   setup(t) {
-    return (e, l) => (h(), E("div", Nl, [
-      (h(!0), E($e, null, Ee(e.errors, (r, n) => {
+    return (e, l) => e.message === " " ? (g(), $("div", Nl, [
+      (g(!0), $($e, null, Ee(e.errors, (i, o) => {
         var a;
-        return h(), E("div", {
-          key: n,
-          class: re({ "first-error": n === 0, "last-error": n === e.errors.length - 1 })
+        return g(), $("div", {
+          key: o,
+          class: ie({ "first-error": o === 0, "last-error": o === e.errors.length - 1 })
         }, [
-          r.componentName === "template" ? (h(), E("div", $l, te(r.componentBody), 1)) : r.componentName === "vue-markdown" ? (h(), V(o(st), {
+          i.componentName === "template" ? (g(), $("div", $l, q(i.componentBody), 1)) : i.componentName === "vue-markdown" ? (g(), V(n(rt), {
             key: 1,
-            source: (a = r.componentBindings) == null ? void 0 : a.source
-          }, null, 8, ["source"])) : (h(), V(ee(r.componentName), P({
+            source: (a = i.componentBindings) == null ? void 0 : a.source
+          }, null, 8, ["source"])) : (g(), V(te(i.componentName), P({
             key: 2,
             ref_for: !0
-          }, r.componentBindings), {
+          }, i.componentBindings), {
             default: y(() => [
-              be(te(r.componentBody), 1)
+              be(q(i.componentBody), 1)
             ]),
             _: 2
           }, 1040))
         ], 2);
       }), 128))
-    ]));
+    ])) : (g(), $("span", El, q(e.message), 1));
   }
-}), oe = (t, e) => {
+}), ne = (t, e) => {
   const l = t.__vccOpts || t;
-  for (const [r, n] of e)
-    l[r] = n;
+  for (const [i, o] of e)
+    l[i] = o;
   return l;
-}, W = /* @__PURE__ */ oe(El, [["__scopeId", "data-v-b274d086"]]), Ul = {
+}, W = /* @__PURE__ */ ne(Ul, [["__scopeId", "data-v-ff7a8b63"]]), Ll = {
   key: 0,
   for: "#following-v-input"
-}, ge = /* @__PURE__ */ F({
+}, he = /* @__PURE__ */ L({
   __name: "input-base",
   props: {
     control: {},
@@ -375,40 +381,43 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
   },
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, visibility: f, vuetifyBindings: u } = j(l, r), c = _(() => o(l.clearable) && o(a));
-    return (v, i) => {
-      const s = x("v-icon"), m = x("v-input");
-      return o(f) !== o(M).SUPPRESS ? (h(), E("div", {
+    const l = t, i = e, { errors: o, value: a, visibility: v, vuetifyBindings: u } = j(l, i), d = _(() => 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", {
         key: 0,
-        class: re([
-          v.cssClass,
+        class: ie([
+          b.cssClass,
           {
-            "d-none": o(f) === o(M).HIDDEN,
-            invisible: o(f) === o(M).INVISIBLE
+            "d-none": n(v) === n(H).HIDDEN,
+            invisible: n(v) === n(H).INVISIBLE
           }
         ])
       }, [
-        o(u).label ? (h(), E("label", Ul, te(o(u).label), 1)) : $("", !0),
-        A(m, {
-          hint: o(u).hint,
-          "persistent-hint": o(u).persistentHint,
-          "hide-details": o(u).hideDetails
+        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(() => [
-            A(W, { errors: o(n) }, null, 8, ["errors"])
+          message: y(({ message: c }) => [
+            x(W, {
+              message: c,
+              errors: n(o)
+            }, null, 8, ["message", "errors"])
           ]),
           default: y(() => [
-            Ye(v.$slots, "default")
+            Ye(b.$slots, "default")
           ]),
           _: 2
         }, [
-          c.value ? {
+          d.value ? {
             name: "append",
             fn: y(() => [
-              A(s, {
-                onClick: i[0] || (i[0] = (p) => r("click:clear"))
+              x(r, {
+                onClick: s[0] || (s[0] = (c) => i("click:clear"))
               }, {
-                default: y(() => i[1] || (i[1] = [
+                default: y(() => s[1] || (s[1] = [
                   be("mdi-close-circle")
                 ])),
                 _: 1
@@ -417,68 +426,68 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
             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 || {});
-const Ae = 0;
+const xe = 0;
 ((t) => {
-  function e(n) {
-    return n.toUpperCase() === "BUTTON" ? 0 : n.toUpperCase() === "TEXT" ? 1 : Ae;
+  function e(o) {
+    return o.toUpperCase() === "BUTTON" ? 0 : o.toUpperCase() === "TEXT" ? 1 : xe;
   }
   t.fromString = e;
-  function l(n) {
-    const a = typeof n == "number" ? n : t.fromString(n);
-    return Object.values(t).includes(a) ? a : Ae;
+  function l(o) {
+    const a = typeof o == "number" ? o : t.fromString(o);
+    return Object.values(t).includes(a) ? a : xe;
   }
   t.fromAny = l;
-  function r(n) {
-    const a = typeof n == "number" ? n : t.fromString(n);
+  function i(o) {
+    const a = typeof o == "number" ? o : t.fromString(o);
     return Object.values(t).includes(a);
   }
-  t.isDefined = r;
+  t.isDefined = i;
 })(R || (R = {}));
 Object.freeze(R);
 const De = ["xl", "lg", "md", "sm", "xs"];
-class ie {
+class se {
   constructor(e, l) {
-    Z(this, "_value");
+    Y(this, "_value");
     if (this._value = {}, !e) return;
-    let r = ie.cleanBreakpoint(e);
-    !(r != null && r.label) && l && (r ? r.label || (r.label = l) : r = { label: l }), r && (this._value = r), De.forEach((n) => {
-      const a = ie.cleanBreakpoint(e[n]);
-      a && (this._value[n] = a);
+    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);
     });
   }
   getOptionsForBreakpoint(e) {
-    var n, a, f;
+    var o, a, v;
     const l = {
       label: this._value.label,
-      renderAs: (n = this._value.renderAs) != null ? n : R.BUTTON,
+      renderAs: (o = this._value.renderAs) != null ? o : R.BUTTON,
       showLabel: (a = this._value.showLabel) != null ? a : !0,
-      showIcon: (f = this._value.showIcon) != null ? f : !0
-    }, r = [...De].reverse();
-    for (const u of r) {
-      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;
+      showIcon: (v = this._value.showIcon) != null ? v : !0
+    }, i = [...De].reverse();
+    for (const u of i) {
+      const d = this._value[u];
+      if (d && (d.label != null && (l.label = d.label), d.renderAs != null && (l.renderAs = d.renderAs), d.showIcon != null && (l.showIcon = d.showIcon), d.showLabel != null && (l.showLabel = d.showLabel)), u === e) break;
     }
     return l;
   }
   static cleanBreakpoint(e) {
-    if (!e || !ot(e)) return null;
+    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 ae {
   constructor(e, l) {
-    Z(this, "name");
-    Z(this, "displayStyle");
-    Z(this, "formAction");
+    Y(this, "name");
+    Y(this, "displayStyle");
+    Y(this, "formAction");
     if (e.name == null) throw new Error(`Action name must not be empty ${e}`);
-    const r = !pe(e.label) || e.label.length === 0 ? void 0 : e.label, n = !pe(e.icon) || e.icon.length === 0 ? void 0 : e.icon;
-    this.name = e.name, this.displayStyle = new ie(e.displayStyle, r), this.formAction = l, this.formAction.icon = n, this.formAction.label = r;
+    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;
   }
   get label() {
     var e;
@@ -499,11 +508,11 @@ class ae {
   }
   static makeFormAction(e) {
     let l;
-    if (e instanceof it)
-      l = ce.create().registerAction(e);
+    if (e instanceof st)
+      l = de.create().registerAction(e);
     else if (e === void 0)
-      l = ce.create();
-    else if (e instanceof ce)
+      l = de.create();
+    else if (e instanceof de)
       l = e;
     else
       throw new Error("actionOrExecuteHandler is not of any of supported types");
@@ -549,7 +558,7 @@ class ae {
 const Fl = {
   key: 1,
   style: { width: ".5rem" }
-}, Ll = { key: 2 }, Pl = /* @__PURE__ */ F({
+}, Pl = { key: 2 }, Rl = /* @__PURE__ */ L({
   __name: "df-actions",
   props: {
     actions: {},
@@ -558,63 +567,63 @@ const Fl = {
   },
   setup(t) {
     const e = t, l = G(e.actions) ? e.actions : S(e.actions);
-    function r(i) {
-      return i.xlAndUp.value ? "xl" : i.lgAndUp.value ? "lg" : i.mdAndUp.value ? "md" : i.smAndUp.value ? "sm" : "xs";
+    function i(s) {
+      return s.xlAndUp.value ? "xl" : s.lgAndUp.value ? "lg" : s.mdAndUp.value ? "md" : s.smAndUp.value ? "sm" : "xs";
     }
-    const n = at(), a = _(() => {
-      const i = {};
-      i["%breakpoint%"] = r(n);
-      for (const s of l.value)
-        i[s.name] = s.displayStyle.getOptionsForBreakpoint(r(n));
-      return i;
+    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;
     });
-    function f(i) {
-      var s;
-      return (s = a.value[i.name].showIcon && i.iconAvailable) != null ? s : !0;
+    function v(s) {
+      var r;
+      return (r = a.value[s.name].showIcon && s.iconAvailable) != null ? r : !0;
     }
-    function u(i) {
-      return a.value[i.name].showLabel && i.labelAvailable ? !0 : !f(i);
+    function u(s) {
+      return a.value[s.name].showLabel && s.labelAvailable ? !0 : !v(s);
     }
-    function c(i) {
-      var s;
-      return (s = a.value[i.name].renderAs) != null ? s : R.BUTTON;
+    function d(s) {
+      var r;
+      return (r = a.value[s.name].renderAs) != null ? r : R.BUTTON;
     }
-    function v(i) {
-      var s;
-      return i.labelAvailable ? (s = i.formAction.label) != null ? s : "" : i.name;
+    function b(s) {
+      var r;
+      return s.labelAvailable ? (r = s.formAction.label) != null ? r : "" : s.name;
     }
-    return (i, s) => {
-      const m = x("v-btn");
-      return o(l).length > 0 ? (h(), E("div", {
+    return (s, r) => {
+      const m = A("v-btn");
+      return n(l).length > 0 ? (g(), $("div", {
         key: 0,
-        class: re(["text-end", {
-          "button-group": i.showAsGroup === "grouped" || i.showAsGroup === "grouped-no-borders",
-          "with-border": i.showAsGroup === "grouped"
+        class: ie(["text-end", {
+          "button-group": s.showAsGroup === "grouped" || s.showAsGroup === "grouped-no-borders",
+          "with-border": s.showAsGroup === "grouped"
         }])
       }, [
-        (h(!0), E($e, null, Ee(o(l), (p, g) => (h(), V(m, {
-          key: g,
-          variant: c(p) === o(R).BUTTON ? "tonal" : "text",
+        (g(!0), $($e, null, Ee(n(l), (c, h) => (g(), V(m, {
+          key: h,
+          variant: d(c) === n(R).BUTTON ? "tonal" : "text",
           elevation: 0,
-          class: re(g !== -1 ? "" : "ms-3"),
-          size: i.buttonSize,
-          onClick: Qe((I) => p.formAction.execute(I), ["stop"])
+          class: ie(h !== -1 ? "" : "ms-3"),
+          size: s.buttonSize,
+          onClick: Qe((k) => c.formAction.execute(k), ["stop"])
         }, {
           default: y(() => [
-            f(p) ? (h(), V(o(fe), {
+            v(c) ? (g(), V(n(fe), {
               key: 0,
               class: "action-icon",
-              name: p.formAction.icon
-            }, null, 8, ["name"])) : $("", !0),
-            f(p) && u(p) ? (h(), E("span", Fl)) : $("", !0),
-            u(p) ? (h(), E("span", Ll, te(v(p)), 1)) : $("", !0)
+              name: c.formAction.icon
+            }, null, 8, ["name"])) : E("", !0),
+            v(c) && u(c) ? (g(), $("span", Fl)) : E("", !0),
+            u(c) ? (g(), $("span", Pl, q(b(c)), 1)) : E("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "class", "size", "onClick"]))), 128))
-      ], 2)) : $("", !0);
+      ], 2)) : E("", !0);
     };
   }
-}), Rl = /* @__PURE__ */ oe(Pl, [["__scopeId", "data-v-eb616f46"]]), Ol = /* @__PURE__ */ F({
+}), Ol = /* @__PURE__ */ ne(Rl, [["__scopeId", "data-v-eb616f46"]]), Ml = /* @__PURE__ */ L({
   __name: "df-checkbox",
   props: /* @__PURE__ */ z({
     allowNull: { type: Boolean },
@@ -629,40 +638,43 @@ const Fl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), { allowNull: !1 })),
+  }, M(N({}, K), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), u = _(() => l.allowNull && a.value == null), c = _({
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: v } = j(l, i), u = _(() => l.allowNull && a.value == null), d = _({
       get() {
         return a.value;
       },
       set() {
       }
     });
-    function v() {
-      const i = nt(a.value);
-      i === !0 ? a.value = l.allowNull ? null : !1 : a.value = i === !1;
+    function b() {
+      const s = ot(a.value);
+      s === !0 ? a.value = l.allowNull ? null : !1 : a.value = s === !1;
     }
-    return (i, s) => {
-      const m = x("v-checkbox");
-      return h(), V(m, P({
-        modelValue: c.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (p) => c.value = p)
-      }, o(f), {
+    return (s, r) => {
+      const m = A("v-checkbox");
+      return g(), V(m, P({
+        modelValue: d.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (c) => d.value = c)
+      }, n(v), {
         density: "compact",
         indeterminate: u.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: v
+        onChange: b
       }), {
-        message: y(() => [
-          A(o(W), { errors: o(n) }, null, 8, ["errors"])
+        message: y(({ message: c }) => [
+          x(n(W), {
+            message: c,
+            errors: n(o)
+          }, null, 8, ["message", "errors"])
         ]),
         _: 1
       }, 16, ["modelValue", "indeterminate"]);
     };
   }
-}), Hl = /* @__PURE__ */ F({
+}), Hl = /* @__PURE__ */ L({
   __name: "df-color",
   props: /* @__PURE__ */ z({
     allowNull: { type: Boolean },
@@ -677,46 +689,48 @@ const Fl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), { allowNull: !1 })),
+  }, M(N({}, K), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), u = S(!1), c = _(() => [
-      (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: v } = j(l, i), u = S(!1), d = _(() => [
+      (b) => !b && l.allowNull || /^#?([a-fA-F0-9]{6}[a-fA-F0-9]{0,2})$/.test(b) ? !0 : "Not a valid hex string."
     ]);
-    return (v, i) => {
-      const s = x("v-text-field"), m = x("v-color-picker"), p = x("v-menu");
-      return h(), V(p, {
+    return (b, s) => {
+      const r = A("v-text-field"), m = A("v-color-picker"), c = A("v-menu");
+      return g(), V(c, {
         modelValue: u.value,
-        "onUpdate:modelValue": i[2] || (i[2] = (g) => u.value = g),
+        "onUpdate:modelValue": s[2] || (s[2] = (h) => u.value = h),
         location: "top start",
         origin: "bottom start",
         "close-on-content-click": !1
       }, {
-        activator: y(({ props: g }) => [
-          A(s, P({
-            modelValue: o(a),
-            "onUpdate:modelValue": i[0] || (i[0] = (I) => G(a) ? a.value = I : null)
-          }, N(N({}, o(f)), g), {
-            clearable: v.allowNull,
+        activator: y(({ props: h }) => [
+          x(r, P({
+            modelValue: n(a),
+            "onUpdate:modelValue": s[0] || (s[0] = (k) => G(a) ? a.value = k : null)
+          }, N(N({}, n(v)), h), {
+            clearable: b.allowNull,
             type: "text",
-            variant: "underlined",
-            rules: c.value
+            rules: d.value
           }), {
-            message: y(() => [
-              A(o(W), { errors: o(n) }, null, 8, ["errors"])
+            message: y(({ message: k }) => [
+              x(n(W), {
+                message: k,
+                errors: n(o)
+              }, null, 8, ["message", "errors"])
             ]),
             "prepend-inner": y(() => [
               le("div", {
-                style: he([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(a) }])
+                style: ge([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: n(a) }])
               }, null, 4)
             ]),
             _: 2
           }, 1040, ["modelValue", "clearable", "rules"])
         ]),
         default: y(() => [
-          A(m, {
-            modelValue: o(a),
-            "onUpdate:modelValue": i[1] || (i[1] = (g) => G(a) ? a.value = g : null),
+          x(m, {
+            modelValue: n(a),
+            "onUpdate:modelValue": s[1] || (s[1] = (h) => G(a) ? a.value = h : null),
             mode: "hexa"
           }, null, 8, ["modelValue"])
         ]),
@@ -724,7 +738,7 @@ const Fl = {
       }, 8, ["modelValue"]);
     };
   }
-}), Ml = { class: "d-flex w-100" }, jl = /* @__PURE__ */ F({
+}), jl = { class: "d-flex w-100" }, zl = /* @__PURE__ */ L({
   __name: "df-datetime",
   props: /* @__PURE__ */ z({
     inputType: {},
@@ -741,177 +755,179 @@ const Fl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), {
+  }, M(N({}, K), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), { inputType: f, displayFormatDate: u, displayFormatTime: c } = se(l), v = S(""), i = _({
+    const l = t, i = e, { value: o, vuetifyBindings: a } = j(l, i), { inputType: v, displayFormatDate: u, displayFormatTime: d } = re(l), b = S(""), s = _({
       get() {
-        return o(v) !== "";
+        return n(b) !== "";
       },
-      set(b) {
-        b ? v.value = "date" : v.value = "";
+      set(f) {
+        f ? b.value = "date" : b.value = "";
       }
-    }), s = (b) => `${Y(b, "yyyy-MM-dd")}T${Y(b, "HH:mm")}:00`, m = S(null);
-    function p(b, d) {
-      if (b == null)
+    }), r = (f) => `${Q(f, "yyyy-MM-dd")}T${Q(f, "HH:mm")}:00`, m = S(null);
+    function c(f, p) {
+      if (f == null)
         m.value = null;
-      else if (d === -1)
-        if (o(f) === "time")
-          m.value = s(/* @__PURE__ */ new Date()), p(`T${b}`, 1);
+      else if (p === -1)
+        if (n(v) === "time")
+          m.value = r(/* @__PURE__ */ new Date()), c(`T${f}`, 1);
         else {
-          const k = s(new Date(b));
-          p(k, 0), p(k, 1);
+          const I = r(new Date(f));
+          c(I, 0), c(I, 1);
         }
       else {
-        m.value == null && (m.value = s(/* @__PURE__ */ new Date()));
-        const k = m.value.split(/[TZ]/g), L = b.split(/[TZ]/g);
-        k[d] = L[d], m.value = s(/* @__PURE__ */ new Date(`${k[0]}T${k[1].split(".")[0]}`)), o(f) === "date" ? n.value = k[0] : o(f) === "time" ? n.value = k[1] : n.value = o(m) + Y(/* @__PURE__ */ new Date(), "XXX");
+        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");
       }
     }
-    J(n, (b) => p(b, -1), { immediate: !0 });
-    const g = _({
+    ee(o, (f) => c(f, -1), { immediate: !0 });
+    const h = _({
       get() {
-        const b = o(m);
-        if (b == null) return null;
-        const d = new Date(b);
-        return Number.isNaN(d.getTime()) ? null : d;
+        const f = n(m);
+        if (f == null) return null;
+        const p = new Date(f);
+        return Number.isNaN(p.getTime()) ? null : p;
       },
-      set(b) {
-        p(s(b), 0);
+      set(f) {
+        c(r(f), 0);
       }
-    }), I = _({
+    }), k = _({
       get() {
-        const b = o(m);
-        return b == null ? "" : b.split(/[TZ]/g)[1].split(".")[0];
+        const f = n(m);
+        return f == null ? "" : f.split(/[TZ]/g)[1].split(".")[0];
       },
-      set(b) {
-        p(`T${b}`, 1);
+      set(f) {
+        c(`T${f}`, 1);
       }
     }), O = _({
       get() {
-        const b = o(g);
-        return b == null ? "" : Y(b, o(u));
+        const f = n(h);
+        return f == null ? "" : Q(f, n(u));
       },
-      set(b) {
+      set(f) {
         try {
-          const d = ut(b, o(u), /* @__PURE__ */ new Date());
-          p(s(d), 0);
-        } catch (d) {
-          console.error(d);
+          const p = ut(f, n(u), /* @__PURE__ */ new Date());
+          c(r(p), 0);
+        } catch (p) {
+          console.error(p);
         }
       }
-    }), B = _({
+    }), D = _({
       get() {
-        const b = o(g);
-        return b == null ? "" : Y(b, o(c));
+        const f = n(h);
+        return f == null ? "" : Q(f, n(d));
       },
-      set(b) {
-        const d = b.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
-        if (d == null) return;
-        let k = Ce(d[1]);
-        const L = Ce(d[2]);
-        Ie(k) || Ie(L) || (d[3] && d[3].toLowerCase() === "pm" && k < 13 && (k += 12), p(`T${k.toString().padStart(2, "0")}:${L.toString().padStart(2, "0")}:00`, 1));
+      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), c(`T${I.toString().padStart(2, "0")}:${F.toString().padStart(2, "0")}:00`, 1));
       }
     });
-    return (b, d) => {
-      const k = x("v-text-field"), L = x("v-date-picker"), q = x("v-confirm-edit"), C = x("v-time-picker"), T = x("v-menu");
-      return h(), V(o(ge), P(l, {
+    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, {
         clearable: "",
-        "onClick:clear": d[13] || (d[13] = (w) => n.value = null)
+        "onClick:clear": p[13] || (p[13] = (w) => o.value = null)
       }), {
         default: y(() => [
-          A(T, {
-            modelValue: i.value,
-            "onUpdate:modelValue": d[12] || (d[12] = (w) => i.value = w),
+          x(T, {
+            modelValue: s.value,
+            "onUpdate:modelValue": p[12] || (p[12] = (w) => s.value = w),
             location: "top start",
-            origin: `bottom ${o(f) === "datetime" ? "center" : "start"}`,
+            origin: `bottom ${n(v) === "datetime" ? "center" : "start"}`,
             "close-on-content-click": !1
           }, {
             activator: y(({ props: w }) => [
-              le("div", Ml, [
-                ["date", "datetime"].includes(o(f)) ? (h(), V(k, P({
+              le("div", jl, [
+                ["date", "datetime"].includes(n(v)) ? (g(), V(I, P({
                   key: 0,
                   modelValue: O.value,
-                  "onUpdate:modelValue": d[0] || (d[0] = (U) => O.value = U),
+                  "onUpdate:modelValue": p[0] || (p[0] = (U) => O.value = U),
                   style: { "flex-grow": "4" },
-                  density: "compact",
+                  density: n(a).density,
+                  variant: n(a).variant,
                   clearable: !1,
                   "hide-details": !0,
-                  readonly: o(a).readonly,
-                  disabled: o(a).disabled,
-                  name: `${o(a).name}-date`
+                  readonly: n(a).readonly,
+                  disabled: n(a).disabled,
+                  name: `${n(a).name}-date`
                 }, w, {
-                  onClick: d[1] || (d[1] = (U) => v.value = "date"),
-                  onKeydown: d[2] || (d[2] = ke((U) => v.value = "date", ["space"]))
-                }), null, 16, ["modelValue", "readonly", "disabled", "name"])) : $("", !0),
-                ["time", "datetime"].includes(o(f)) ? (h(), V(k, P({
+                  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({
                   key: 1,
-                  modelValue: B.value,
-                  "onUpdate:modelValue": d[3] || (d[3] = (U) => B.value = U),
+                  modelValue: D.value,
+                  "onUpdate:modelValue": p[3] || (p[3] = (U) => D.value = U),
                   style: { "flex-grow": "3" },
-                  density: "compact",
+                  density: n(a).density,
+                  variant: n(a).variant,
                   clearable: !1,
                   "hide-details": !0,
-                  readonly: o(a).readonly,
-                  disabled: o(a).disabled,
-                  name: `${o(a).name}-time`
+                  readonly: n(a).readonly,
+                  disabled: n(a).disabled,
+                  name: `${n(a).name}-time`
                 }, w, {
-                  onClick: d[4] || (d[4] = (U) => v.value = "time"),
-                  onKeydown: d[5] || (d[5] = ke((U) => v.value = "time", ["space"]))
-                }), null, 16, ["modelValue", "readonly", "disabled", "name"])) : $("", !0)
+                  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)
               ])
             ]),
             default: y(() => [
-              v.value === "date" ? (h(), V(q, {
+              b.value === "date" ? (g(), V(Z, {
                 key: 0,
-                modelValue: g.value,
-                "onUpdate:modelValue": d[6] || (d[6] = (w) => g.value = w),
-                onCancel: d[7] || (d[7] = (w) => v.value = ""),
-                onSave: d[8] || (d[8] = (w) => v.value = "")
+                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 = "")
               }, {
                 default: y(({ model: w, actions: U }) => [
-                  A(L, {
+                  x(F, {
                     modelValue: w.value,
-                    "onUpdate:modelValue": (D) => w.value = D,
+                    "onUpdate:modelValue": (B) => w.value = B,
                     "hide-header": !0,
                     "first-day-of-week": 1,
                     "show-adjacent-months": !0,
                     "show-week": !0
                   }, {
                     actions: y(() => [
-                      (h(), V(ee(U)))
+                      (g(), V(te(U)))
                     ]),
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue"])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : $("", !0),
-              v.value === "time" ? (h(), V(q, {
+              }, 8, ["modelValue"])) : E("", !0),
+              b.value === "time" ? (g(), V(Z, {
                 key: 1,
-                modelValue: I.value,
-                "onUpdate:modelValue": d[9] || (d[9] = (w) => I.value = w),
-                onCancel: d[10] || (d[10] = (w) => v.value = ""),
-                onSave: d[11] || (d[11] = (w) => v.value = "")
+                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 = "")
               }, {
                 default: y(({ model: w, actions: U }) => [
-                  A(C, {
+                  x(C, {
                     modelValue: w.value,
-                    "onUpdate:modelValue": (D) => w.value = D,
+                    "onUpdate:modelValue": (B) => w.value = B,
                     "hide-header": !0,
                     format: "24hr"
                   }, {
                     actions: y(() => [
-                      (h(), V(ee(U)))
+                      (g(), V(te(U)))
                     ]),
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue"])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])) : $("", !0)
+              }, 8, ["modelValue"])) : E("", !0)
             ]),
             _: 1
           }, 8, ["modelValue", "origin"])
@@ -920,7 +936,7 @@ const Fl = {
       }, 16);
     };
   }
-}), zl = { style: { position: "relative", width: "100%" } }, Kl = /* @__PURE__ */ F({
+}), Kl = { style: { position: "relative", width: "100%" } }, Gl = /* @__PURE__ */ L({
   __name: "df-file",
   props: /* @__PURE__ */ z({
     comms: {},
@@ -938,79 +954,81 @@ const Fl = {
   }, K),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), f = S(null), u = S(null), c = S(0), v = S(Math.round(Math.random() * 1e3)), i = S(), s = _(() => !i.value && n.value ? l.modelValue : "");
+    const l = t, i = e, { value: o, vuetifyBindings: a } = j(l, i), v = S(null), u = S(null), d = S(0), b = S(Math.round(Math.random() * 1e3)), s = S(), r = _(() => !s.value && o.value ? l.modelValue : "");
     function m() {
-      f.value && window.clearInterval(f.value);
+      v.value && window.clearInterval(v.value);
     }
-    function p() {
-      m(), f.value = window.setInterval(() => {
-        n.value && l.comms.touch(n.value);
+    function c() {
+      m(), v.value = window.setInterval(() => {
+        o.value && l.comms.touch(o.value);
       }, 60 * 1e3);
     }
-    Ne(() => m()), J(n, (B) => {
-      B ? p() : m();
+    Ne(() => m()), ee(o, (D) => {
+      D ? c() : m();
     });
-    function g() {
-      return ne(this, null, function* () {
-        n.value && (yield l.comms.delete(n.value)), n.value = null, c.value = 0, v.value = Math.round(Math.random() * 1e3), u.value = null, i.value = null, m();
+    function h() {
+      return oe(this, null, function* () {
+        o.value && (yield l.comms.delete(o.value)), o.value = null, d.value = 0, b.value = Math.round(Math.random() * 1e3), u.value = null, s.value = null, m();
       });
     }
-    function I(B) {
-      return ne(this, null, function* () {
-        c.value = -1, u.value = B, new FormData().append("file", B, B.name);
+    function k(D) {
+      return oe(this, null, function* () {
+        d.value = -1, u.value = D;
         try {
-          n.value = yield l.comms.upload(
-            B,
-            (d, k) => {
-              c.value = Math.round(d * 100 / k);
+          o.value = yield l.comms.upload(
+            D,
+            (f, p) => {
+              d.value = Math.round(f * 100 / p);
             }
-          ), c.value = 100, p();
-        } catch (d) {
-          throw c.value = 0, u.value = null, v.value = Math.round(Math.random() * 1e3), i.value = null, d;
+          ), d.value = 100, c();
+        } catch (f) {
+          throw d.value = 0, u.value = null, b.value = Math.round(Math.random() * 1e3), s.value = null, f;
         }
       });
     }
-    function O(B) {
-      B && (Array.isArray(B) ? console.error("Uploading multiple files not supported right now") : I(B));
+    function O(D) {
+      D && (Array.isArray(D) ? console.error("Uploading multiple files not supported right now") : k(D));
     }
-    return (B, b) => {
-      const d = x("v-progress-linear"), k = x("v-file-input");
-      return h(), V(o(ge), P(l, {
+    return (D, f) => {
+      const p = A("v-progress-linear"), I = A("v-file-input");
+      return g(), V(n(he), P(l, {
         clearable: "",
-        "onClick:clear": g
+        "onClick:clear": h
       }), {
         default: y(() => [
-          le("div", zl, [
-            u.value && c.value < 100 ? (h(), V(d, {
+          le("div", Kl, [
+            u.value && d.value < 100 ? (g(), V(p, {
               key: 0,
-              "model-value": c.value,
-              indeterminate: c.value === -1,
+              "model-value": d.value,
+              indeterminate: d.value === -1,
               height: "10",
               style: { position: "absolute", top: "50%", transform: "translateY(-50%)", width: "100%" }
-            }, null, 8, ["model-value", "indeterminate"])) : $("", !0),
-            A(k, {
-              modelValue: i.value,
+            }, null, 8, ["model-value", "indeterminate"])) : E("", !0),
+            x(I, {
+              modelValue: s.value,
               "onUpdate:modelValue": [
-                b[0] || (b[0] = (L) => i.value = L),
+                f[0] || (f[0] = (F) => s.value = F),
                 O
               ],
-              label: s.value,
-              readonly: o(a).readonly,
-              disabled: o(a).disabled,
-              name: o(a).name,
+              label: r.value,
+              density: n(a).density,
+              variant: n(a).variant,
+              readonly: n(a).readonly,
+              disabled: n(a).disabled,
+              name: n(a).name,
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: he(u.value && c.value < 100 ? "visibility: hidden" : ""),
+              style: ge(u.value && d.value < 100 ? "visibility: hidden" : ""),
               clearable: !1
-            }, null, 8, ["modelValue", "label", "readonly", "disabled", "name", "style"])
+            }, null, 8, ["modelValue", "label", "density", "variant", "readonly", "disabled", "name", "style"])
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Gl = { class: "container" }, Wl = /* @__PURE__ */ F({
+}), Wl = { class: "container" }, Xl = /* @__PURE__ */ L({
   __name: "df-input",
   props: /* @__PURE__ */ z({
     inputType: {},
@@ -1029,7 +1047,7 @@ const Fl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), {
+  }, M(N({}, K), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1038,40 +1056,39 @@ const Fl = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { inputType: u, max: c, min: v, precision: i, step: s } = se(l), m = _(() => u.value === "number"), p = _(() => m.value ? { min: o(v), max: o(c), precision: o(i), step: o(s) } : {});
-    return (g, I) => {
-      const O = x("v-text-field"), B = x("v-number-input");
-      return h(), E("div", Gl, [
-        m.value ? (h(), V(B, P({
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: v } = j(l, i), { inputType: u, max: d, min: b, precision: s, step: r } = re(l), m = _(() => u.value === "number"), c = _(() => m.value ? { min: n(b), max: n(d), 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({
           key: 1,
-          modelValue: o(a),
-          "onUpdate:modelValue": I[1] || (I[1] = (b) => G(a) ? a.value = b : null)
-        }, N(N({}, o(f)), p.value), {
-          density: "compact",
-          "control-variant": "stacked",
-          variant: "underlined"
-        }), {
-          message: y(() => [
-            A(o(W), { errors: o(n) }, null, 8, ["errors"])
+          modelValue: n(a),
+          "onUpdate:modelValue": k[1] || (k[1] = (f) => G(a) ? a.value = f : null)
+        }, N(N({}, n(v)), c.value), { "control-variant": "stacked" }), {
+          message: y(({ message: f }) => [
+            x(n(W), {
+              message: f,
+              errors: n(o)
+            }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue"])) : (h(), V(O, P({
+        }, 16, ["modelValue"])) : (g(), V(O, P({
           key: 0,
-          modelValue: o(a),
-          "onUpdate:modelValue": I[0] || (I[0] = (b) => G(a) ? a.value = b : null)
-        }, o(f), {
-          variant: "underlined",
-          type: o(u)
-        }), {
-          message: y(() => [
-            A(o(W), { errors: o(n) }, null, 8, ["errors"])
+          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), {
+              message: f,
+              errors: n(o)
+            }, null, 8, ["message", "errors"])
           ]),
           _: 1
         }, 16, ["modelValue", "type"]))
       ]);
     };
   }
-}), Xl = /* @__PURE__ */ oe(Wl, [["__scopeId", "data-v-e1917d98"]]), ql = { class: "editor-container" }, Zl = { class: "editor-container__editor" }, Yl = { ref: "editorElement" }, Ql = /* @__PURE__ */ F({
+}), ql = /* @__PURE__ */ ne(Xl, [["__scopeId", "data-v-11ea1dad"]]), Zl = { class: "editor-container" }, Yl = { class: "editor-container__editor" }, Ql = { ref: "editorElement" }, Jl = /* @__PURE__ */ L({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -1080,10 +1097,10 @@ const Fl = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: l }) {
-    Je((s) => ({
-      "3d4d5a06": s.minHeight
+    Je((r) => ({
+      "3d4d5a06": r.minHeight
     }));
-    const r = l, n = S(!1), a = Yt, v = {
+    const i = l, o = S(!1), a = Yt, b = {
       toolbar: {
         items: [
           "undo",
@@ -1115,15 +1132,15 @@ const Fl = {
         shouldNotGroupWhenFull: !1
       },
       plugins: [
-        ct,
         dt,
+        ct,
         mt,
         pt,
         ft,
         vt,
         bt,
-        ht,
         gt,
+        ht,
         yt,
         _t,
         wt,
@@ -1133,21 +1150,21 @@ const Fl = {
         Ct,
         It,
         Bt,
-        xt,
         At,
+        xt,
         Dt,
         St,
         Nt,
         $t,
         Et,
         Ut,
-        Ft,
         Lt,
+        Ft,
         Pt,
         Rt,
         Ot,
-        Ht,
         Mt,
+        Ht,
         jt,
         zt,
         Kt,
@@ -1215,31 +1232,31 @@ const Fl = {
       table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] }
     };
     Se(() => {
-      n.value = !0;
+      o.value = !0;
     });
-    const i = (s) => {
+    const s = (r) => {
     };
-    return e({ onEditorReady: i }), (s, m) => {
-      const p = x("ckeditor");
-      return h(), E("div", ql, [
-        le("div", Zl, [
-          le("div", Yl, [
-            n.value ? (h(), V(p, {
+    return e({ onEditorReady: s }), (r, m) => {
+      const c = A("ckeditor");
+      return g(), $("div", Zl, [
+        le("div", Yl, [
+          le("div", Ql, [
+            o.value ? (g(), V(c, {
               key: 0,
-              "model-value": s.modelValue,
-              editor: o(a),
-              config: v,
-              disabled: s.disabled,
-              style: he(`min-height: ${s.minHeight}`),
-              onReady: i,
-              "onUpdate:modelValue": m[0] || (m[0] = (g) => r("update:modelValue", g))
-            }, null, 8, ["model-value", "editor", "disabled", "style"])) : $("", !0)
+              "model-value": r.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)
           ], 512)
         ])
       ]);
     };
   }
-}), Jl = /* @__PURE__ */ F({
+}), en = /* @__PURE__ */ L({
   __name: "df-rtf-editor",
   props: /* @__PURE__ */ z({
     minHeight: {},
@@ -1254,59 +1271,59 @@ const Fl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), { minHeight: void 0 })),
+  }, M(N({}, K), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r);
-    return (f, u) => (h(), V(o(ge), Ue(Fe(l)), {
+    const l = t, i = e, { value: o, vuetifyBindings: a } = j(l, i);
+    return (v, u) => (g(), V(n(he), Ue(Le(l)), {
       default: y(() => [
-        A(Ql, {
+        x(Jl, {
           ref: "$editor",
-          modelValue: o(n),
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => G(n) ? n.value = c : null),
-          "min-height": f.minHeight,
-          disabled: o(a).disabled
+          modelValue: n(o),
+          "onUpdate:modelValue": u[0] || (u[0] = (d) => G(o) ? o.value = d : null),
+          "min-height": v.minHeight,
+          disabled: n(a).disabled
         }, null, 8, ["modelValue", "min-height", "disabled"])
       ]),
       _: 1
     }, 16));
   }
 });
-function eo(t) {
+function tn(t) {
   return t.map((e) => ({ value: e.id, title: e.text, icon: e.icon }));
 }
-function Q(t, e) {
+function J(t, e) {
   var l;
-  return t == null || Be(t) && t.length === 0 ? null : e ? Le(t) : Be(t) ? (l = Pe(t)) != null ? l : null : t;
+  return t == null || Be(t) && t.length === 0 ? null : e ? Fe(t) : Be(t) ? (l = Pe(t)) != null ? l : null : t;
 }
 function ve(t, e) {
   if (e == null) return [];
-  const l = Le(e);
-  return t.filter((r) => l.some((n) => n === r.id));
+  const l = Fe(e);
+  return t.filter((i) => l.some((o) => o === i.id));
 }
-function me(t, e, l, r, n) {
-  var f;
-  const a = Q(t, l);
+function me(t, e, l, i, o) {
+  var v;
+  const a = J(t, l);
   if (a == null) {
     e.value = l ? [] : null;
     return;
   }
   if (l)
-    r ? e.value = a : e.value = ve(n, a).map((u) => u.id);
-  else if (r)
+    i ? e.value = a : e.value = ve(o, a).map((u) => u.id);
+  else if (i)
     e.value = a;
   else {
-    const u = Pe(ve(n, a));
-    e.value = (f = u == null ? void 0 : u.id) != null ? f : null;
+    const u = Pe(ve(o, a));
+    e.value = (v = u == null ? void 0 : u.id) != null ? v : null;
   }
 }
-const to = {
+const ln = {
   key: 0,
   class: "me-1"
-}, lo = {
+}, nn = {
   key: 0,
   class: "me-1"
-}, oo = /* @__PURE__ */ F({
+}, on = /* @__PURE__ */ L({
   __name: "df-select",
   props: /* @__PURE__ */ z({
     choices: {},
@@ -1325,7 +1342,7 @@ const to = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), {
+  }, M(N({}, K), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -1334,127 +1351,129 @@ const to = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, { choices: r } = l, { multiple: n, allowTags: a, allowNull: f, cssClass: u, visibility: c } = se(l), v = S(!1), i = e, { errors: s, value: m, vuetifyBindings: p } = j(l, i), g = S(null), I = S(r || []), O = S(!1), B = _(() => eo(I.value));
-    function b(C) {
-      i("update:modelValueDisplay", ve(I.value, C));
+    const l = t, { choices: i } = l, { multiple: o, allowTags: a, allowNull: v, cssClass: u, visibility: d } = re(l), b = S(!1), s = e, { errors: r, value: m, vuetifyBindings: c } = 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));
     }
-    J(g, (C) => {
-      p.value.readonly || et(() => {
-        const T = Q(C, n.value);
-        b(T), m.value = T;
+    ee(h, (C) => {
+      c.value.readonly || et(() => {
+        const T = J(C, o.value);
+        f(T), m.value = T;
       });
     }, { deep: !0 });
-    function d() {
-      if (p.value.readonly || a.value) return;
-      const C = Q(g.value, n.value);
-      me(C, g, n.value, !1, I.value), m.value = C;
+    function p() {
+      if (c.value.readonly || a.value) return;
+      const C = J(h.value, o.value);
+      me(C, h, o.value, !1, k.value), m.value = C;
     }
-    function k(C) {
+    function I(C) {
       let T;
-      n.value && Array.isArray(g.value) ? T = Q(g.value.filter((w) => w !== C), n.value) : T = null, me(T, g, n.value, !1, I.value), m.value = T;
+      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 L(C, T) {
-      return ne(this, null, function* () {
-        if (!(r || l.fetchChoices === void 0)) {
+    function F(C, T) {
+      return oe(this, null, function* () {
+        if (!(i || l.fetchChoices === void 0)) {
           O.value = !0;
           try {
-            I.value = yield l.fetchChoices(C, T);
+            k.value = yield l.fetchChoices(C, T);
           } finally {
             O.value = !1;
           }
         }
       });
     }
-    function q() {
+    function Z() {
       let C = m.value;
-      !f.value && C == null && B.value.length && (C = B.value[0].value), C = Q(C, n.value), me(C, g, n.value, a.value, I.value), b(C), m.value = C;
+      !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;
     }
-    return q(), l.fetchChoices !== void 0 && L(void 0, m.value).then(() => {
-      q();
+    return Z(), l.fetchChoices !== void 0 && F(void 0, m.value).then(() => {
+      Z();
     }), (C, T) => {
-      const w = x("v-chip"), U = x("v-list-item");
-      return o(c) !== o(M).SUPPRESS ? (h(), V(ee(o(a) ? "v-combobox" : "v-autocomplete"), P({
+      const w = A("v-chip"), U = A("v-list-item");
+      return n(d) !== n(H).SUPPRESS ? (g(), V(te(n(a) ? "v-combobox" : "v-autocomplete"), P({
         key: 0,
-        modelValue: g.value,
-        "onUpdate:modelValue": T[0] || (T[0] = (D) => g.value = D),
+        modelValue: h.value,
+        "onUpdate:modelValue": T[0] || (T[0] = (B) => h.value = B),
         class: [
-          o(u),
+          n(u),
           {
-            "d-none": o(c) === o(M).HIDDEN,
-            invisible: o(c) === o(M).INVISIBLE
+            "d-none": n(d) === n(H).HIDDEN,
+            invisible: n(d) === n(H).INVISIBLE
           }
         ],
-        density: "compact",
-        items: B.value,
+        items: D.value,
         "return-object": !1
-      }, o(p), {
-        label: v.value ? "" : o(p).label,
+      }, n(c), {
+        label: b.value ? "" : n(c).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": o(f) || o(n) && g.value.length > 1,
-        clearable: o(f),
-        multiple: o(n),
+        "closable-chips": n(v) || n(o) && h.value.length > 1,
+        clearable: n(v),
+        multiple: n(o),
         loading: O.value,
         "hide-selected": !1,
-        "aria-describedby": o(p).helpText ? `${o(p).name}-help` : null,
+        "aria-describedby": n(c).helpText ? `${n(c).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": T[1] || (T[1] = (D) => L(D, void 0)),
-        "onUpdate:modelValue": d,
-        "onClick:clear": T[2] || (T[2] = (D) => g.value = null),
-        onFocus: T[3] || (T[3] = (D) => v.value = !0),
-        onBlur: T[4] || (T[4] = (D) => v.value = !1)
+        "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)
       }), {
-        chip: y(({ item: D }) => [
-          (h(), V(w, {
-            key: D.value,
+        chip: y(({ item: B }) => [
+          (g(), V(w, {
+            key: B.value,
             label: "",
             size: "small",
-            variant: o(n) ? "tonal" : "text",
-            closable: o(n),
-            "onClick:close": (X) => k(D.value)
+            variant: n(o) ? "tonal" : "text",
+            closable: n(o),
+            "onClick:close": (X) => I(B.value)
           }, {
             prepend: y(() => {
               var X;
               return [
-                (X = D.raw) != null && X.icon ? (h(), E("span", to, [
-                  A(o(fe), {
+                (X = B.raw) != null && X.icon ? (g(), $("span", ln, [
+                  x(n(fe), {
                     class: "action-icon d-inline-block",
-                    name: D.raw.icon
+                    name: B.raw.icon
                   }, null, 8, ["name"])
-                ])) : $("", !0)
+                ])) : E("", !0)
               ];
             }),
             default: y(() => [
-              be(" " + te(D.title), 1)
+              be(" " + q(B.title), 1)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        item: y(({ props: D, item: X }) => [
-          A(U, Ue(Fe(D)), {
+        item: y(({ props: B, item: X }) => [
+          x(U, Ue(Le(B)), {
             prepend: y(() => {
               var ye;
               return [
-                (ye = X.raw) != null && ye.icon ? (h(), E("span", lo, [
-                  A(o(fe), {
+                (ye = X.raw) != null && ye.icon ? (g(), $("span", nn, [
+                  x(n(fe), {
                     class: "action-icon d-inline-block",
                     name: X.raw.icon
                   }, null, 8, ["name"])
-                ])) : $("", !0)
+                ])) : E("", !0)
               ];
             }),
             _: 2
           }, 1040)
         ]),
-        message: y(() => [
-          A(o(W), { errors: o(s) }, null, 8, ["errors"])
+        message: y(({ message: B }) => [
+          x(n(W), {
+            message: B,
+            errors: n(r)
+          }, 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);
     };
   }
-}), no = /* @__PURE__ */ oe(oo, [["__scopeId", "data-v-a038c365"]]), ao = { class: "container" }, ro = /* @__PURE__ */ F({
+}), an = /* @__PURE__ */ ne(on, [["__scopeId", "data-v-75dcb518"]]), sn = { class: "container" }, rn = /* @__PURE__ */ L({
   __name: "df-text-area",
   props: /* @__PURE__ */ z({
     rows: {},
@@ -1470,99 +1489,101 @@ const to = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, H(N({}, K), {
+  }, M(N({}, K), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { cssClass: u, visibility: c } = se(l);
-    return (v, i) => {
-      const s = x("v-textarea");
-      return h(), E("div", ao, [
-        o(c) !== o(M).SUPPRESS ? (h(), V(s, P({
+    const l = t, i = e, { errors: o, value: a, vuetifyBindings: v } = j(l, i), { cssClass: u, visibility: d } = re(l);
+    return (b, s) => {
+      const r = A("v-textarea");
+      return g(), $("div", sn, [
+        n(d) !== n(H).SUPPRESS ? (g(), V(r, P({
           key: 0,
-          modelValue: o(a),
-          "onUpdate:modelValue": i[0] || (i[0] = (m) => G(a) ? a.value = m : null),
+          modelValue: n(a),
+          "onUpdate:modelValue": s[0] || (s[0] = (m) => G(a) ? a.value = m : null),
           class: [
-            o(u),
+            n(u),
             {
-              "d-none": o(c) === o(M).HIDDEN,
-              invisible: o(c) === o(M).INVISIBLE
+              "d-none": n(d) === n(H).HIDDEN,
+              invisible: n(d) === n(H).INVISIBLE
             }
           ],
-          variant: "underlined",
-          rows: v.rows,
-          "auto-grow": (v.maxRows || 0) > 0,
-          "max-rows": v.maxRows
-        }, o(f)), {
-          message: y(() => [
-            A(o(W), { errors: o(n) }, null, 8, ["errors"])
+          rows: b.rows,
+          "auto-grow": (b.maxRows || 0) > 0,
+          "max-rows": b.maxRows
+        }, n(v)), {
+          message: y(({ message: m }) => [
+            x(n(W), {
+              message: m,
+              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)
       ]);
     };
   }
-}), io = /* @__PURE__ */ oe(ro, [["__scopeId", "data-v-2dc106f6"]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), un = /* @__PURE__ */ ne(rn, [["__scopeId", "data-v-1a04c9b5"]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DfActions: Rl,
-  DfCheckbox: Ol,
+  DfActions: Ol,
+  DfCheckbox: Ml,
   DfColor: Hl,
-  DfDateTime: jl,
-  DfFile: Kl,
-  DfInput: Xl,
-  DfRtfEditor: Jl,
-  DfSelect: no,
-  DfTextArea: io
-}, Symbol.toStringTag, { value: "Module" })), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DfDateTime: zl,
+  DfFile: Gl,
+  DfInput: ql,
+  DfRtfEditor: en,
+  DfSelect: an,
+  DfTextArea: un
+}, Symbol.toStringTag, { value: "Module" })), cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VAutocomplete: Qt,
   VBtn: Jt,
   VCheckbox: el,
   VChip: tl,
-  VCol: il,
-  VColorPicker: ol,
+  VCol: sl,
+  VColorPicker: nl,
   VCombobox: ll,
-  VConfirmEdit: nl,
+  VConfirmEdit: ol,
   VDatePicker: al,
-  VFileInput: rl,
+  VFileInput: il,
   VIcon: ul,
-  VInput: cl,
-  VListItem: dl,
+  VInput: dl,
+  VListItem: cl,
   VMenu: ml,
   VNumberInput: pl,
   VProgressLinear: fl,
-  VRow: sl,
+  VRow: rl,
   VSelect: vl,
   VSwitch: bl,
-  VTextField: gl,
-  VTextarea: hl,
+  VTextField: hl,
+  VTextarea: gl,
   VTimePicker: yl
-}, Symbol.toStringTag, { value: "Module" })), Ho = {
+}, Symbol.toStringTag, { value: "Module" })), Hn = {
   install: (t, e) => {
-    var l, r;
-    t.use(Sl), (l = e == null ? void 0 : e.registerComponents) != null && l && Object.entries(so).map(([n, a]) => t.component(n, a)), (r = e == null ? void 0 : e.registerVuetifyComponents) != null && r && Object.entries(uo).map(([n, a]) => t.component(n, a));
+    var l, i;
+    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,
-  Rl as DfActions,
-  Ol as DfCheckbox,
+  Ol as DfActions,
+  Ml as DfCheckbox,
   Hl as DfColor,
-  jl as DfDateTime,
-  Kl as DfFile,
-  Xl as DfInput,
-  Jl as DfRtfEditor,
-  no as DfSelect,
-  io as DfTextArea,
-  Ho as DynamicFormsInputs,
-  W as ErrorsWidget,
-  ge as InputBase,
-  uo as VuetifyComponents,
+  zl as DfDateTime,
+  Gl as DfFile,
+  ql as DfInput,
+  en as DfRtfEditor,
+  an as DfSelect,
+  un as DfTextArea,
+  Hn as DynamicFormsInputs,
+  he as InputBase,
+  W as MessagesWidget,
+  cn as VuetifyComponents,
   K as defaultBaseProps,
-  Ae as defaultDisplayStyle,
+  xe as defaultDisplayStyle,
   j as useInputBase
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map