@dynamicforms/vuetify-inputs 0.5.12 → 0.6.0

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,41 +1,41 @@
-var et = Object.defineProperty, tt = Object.defineProperties;
-var nt = Object.getOwnPropertyDescriptors;
-var xe = Object.getOwnPropertySymbols;
-var ot = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable;
-var je = (e, t, n) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, x = (e, t) => {
+var tt = Object.defineProperty, nt = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
+var Se = Object.getOwnPropertySymbols;
+var at = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable;
+var Te = (e, t, n) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, S = (e, t) => {
   for (var n in t || (t = {}))
-    ot.call(t, n) && je(e, n, t[n]);
-  if (xe)
-    for (var n of xe(t))
-      lt.call(t, n) && je(e, n, t[n]);
+    at.call(t, n) && Te(e, n, t[n]);
+  if (Se)
+    for (var n of Se(t))
+      lt.call(t, n) && Te(e, n, t[n]);
   return e;
-}, F = (e, t) => tt(e, nt(t));
-var $e = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
-var ge = (e, t, n) => new Promise((l, a) => {
-  var r = (c) => {
+}, M = (e, t) => nt(e, ot(t));
+var $e = (e, t, n) => Te(e, typeof t != "symbol" ? t + "" : t, n);
+var ye = (e, t, n) => new Promise((a, l) => {
+  var r = (i) => {
     try {
-      i(n.next(c));
+      p(n.next(i));
     } catch (d) {
-      a(d);
+      l(d);
     }
-  }, m = (c) => {
+  }, s = (i) => {
     try {
-      i(n.throw(c));
+      p(n.throw(i));
     } catch (d) {
-      a(d);
+      l(d);
     }
-  }, i = (c) => c.done ? l(c.value) : Promise.resolve(c.value).then(r, m);
-  i((n = n.apply(e, t)).next());
+  }, p = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(r, s);
+  p((n = n.apply(e, t)).next());
 });
-import * as Se from "vue";
-import { defineComponent as M, mergeModels as Ee, useModel as at, ref as E, watch as ie, onMounted as ze, markRaw as rt, onBeforeUnmount as He, createBlock as D, openBlock as V, resolveDynamicComponent as ve, version as it, isRef as te, resolveComponent as S, createElementBlock as O, createCommentVNode as L, createTextVNode as st, Fragment as Ke, unref as o, toDisplayString as Be, inject as ut, computed as k, h as we, normalizeClass as Ie, createSlots as X, withCtx as b, createVNode as B, renderSlot as re, normalizeProps as Z, guardReactiveProps as J, createElementVNode as ne, renderList as ct, withModifiers as dt, mergeDefaults as G, mergeProps as U, normalizeStyle as Xe, toRefs as _e, withKeys as Ae, useCssVars as mt, nextTick as Ne } from "vue";
-import { debounce as pt, isString as ee, isEmpty as pe, isObjectLike as ft, isBoolean as Fe, clone as vt, toNumber as Le, isNaN as Me, isArray as Ue, castArray as Ge, first as qe, unionBy as ht } from "lodash-es";
-import { CachedIcon as he } from "vue-cached-icon";
-import Oe, { ValidationErrorRenderContent as bt, DisplayMode as H, Action as gt } from "@dynamicforms/vue-forms";
-import wt from "vue-markdown-render";
-import { useDisplay as yt } from "vuetify";
-import { format as ce, parse as kt } from "date-fns";
-import { AccessibilityHelp as Vt, Alignment as _t, AutoImage as jt, AutoLink as Ct, Autosave as Tt, BalloonToolbar as Bt, BlockQuote as It, Bold as Pt, CloudServices as Dt, Essentials as xt, GeneralHtmlSupport as $t, Heading as St, HorizontalLine as Et, ImageBlock as At, ImageCaption as Nt, ImageInline as Ft, ImageInsertViaUrl as Lt, ImageResize as Mt, ImageStyle as Ut, ImageToolbar as Ot, ImageUpload as Rt, Indent as Wt, IndentBlock as zt, Italic as Ht, Link as Kt, List as Xt, Autoformat as Gt, MediaEmbed as qt, Paragraph as Yt, PasteFromMarkdownExperimental as Qt, PasteFromOffice as Zt, SelectAll as Jt, Style as en, Table as tn, TableCellProperties as nn, TableColumnResize as on, TableProperties as ln, TableToolbar as an, Undo as rn, TextTransformation as sn, Base64UploadAdapter as un, ClassicEditor as cn } from "ckeditor5";
+import * as Ee from "vue";
+import { defineComponent as O, mergeModels as Ae, useModel as rt, ref as N, watch as ue, onMounted as He, markRaw as it, onBeforeUnmount as Ke, createBlock as x, openBlock as C, resolveDynamicComponent as be, version as st, isRef as ne, resolveComponent as A, createElementBlock as W, createCommentVNode as U, createTextVNode as ut, Fragment as Xe, unref as o, toDisplayString as Pe, inject as _e, computed as y, h as we, normalizeClass as re, createSlots as G, withCtx as g, createVNode as I, renderSlot as se, normalizeProps as J, guardReactiveProps as ee, createElementVNode as oe, renderList as ct, withModifiers as dt, mergeDefaults as q, mergeProps as R, normalizeStyle as Ge, toRefs as Ce, withKeys as Ne, useCssVars as mt, nextTick as Fe } from "vue";
+import { debounce as pt, isString as te, isEmpty as ve, isObjectLike as ft, isBoolean as Le, clone as vt, toNumber as Me, isNaN as Ue, isArray as Oe, castArray as qe, first as Ye, unionBy as ht } from "lodash-es";
+import { CachedIcon as ge } from "vue-cached-icon";
+import Re, { ValidationErrorRenderContent as bt, DisplayMode as K, Action as gt } from "@dynamicforms/vue-forms";
+import yt from "vue-markdown-render";
+import { useDisplay as wt } from "vuetify";
+import { format as me, parse as kt } from "date-fns";
+import { AccessibilityHelp as Vt, Alignment as jt, AutoImage as Ct, AutoLink as Tt, Autosave as _t, BalloonToolbar as Bt, BlockQuote as It, Bold as Pt, CloudServices as Dt, Essentials as xt, GeneralHtmlSupport as St, Heading as $t, HorizontalLine as Et, ImageBlock as At, ImageCaption as Nt, ImageInline as Ft, ImageInsertViaUrl as Lt, ImageResize as Mt, ImageStyle as Ut, ImageToolbar as Ot, ImageUpload as Rt, Indent as Wt, IndentBlock as zt, Italic as Ht, Link as Kt, List as Xt, Autoformat as Gt, MediaEmbed as qt, Paragraph as Yt, PasteFromMarkdownExperimental as Qt, PasteFromOffice as Zt, SelectAll as Jt, Style as en, Table as tn, TableCellProperties as nn, TableColumnResize as on, TableProperties as an, TableToolbar as ln, Undo as rn, TextTransformation as sn, Base64UploadAdapter as un, ClassicEditor as cn } from "ckeditor5";
 import { VAutocomplete as dn } from "vuetify/components/VAutocomplete";
 import { VBtn as mn } from "vuetify/components/VBtn";
 import { VCheckbox as pn } from "vuetify/components/VCheckbox";
@@ -44,20 +44,20 @@ import { VCombobox as vn } from "vuetify/components/VCombobox";
 import { VColorPicker as hn } from "vuetify/components/VColorPicker";
 import { VConfirmEdit as bn } from "vuetify/components/VConfirmEdit";
 import { VDatePicker as gn } from "vuetify/components/VDatePicker";
-import { VField as wn } from "vuetify/components/VField";
-import { VFileInput as yn } from "vuetify/components/VFileInput";
+import { VField as yn } from "vuetify/components/VField";
+import { VFileInput as wn } from "vuetify/components/VFileInput";
 import { VCol as kn, VRow as Vn } from "vuetify/components/VGrid";
-import { VIcon as _n } from "vuetify/components/VIcon";
-import { VImg as jn } from "vuetify/components/VImg";
-import { VInput as Cn } from "vuetify/components/VInput";
-import { VListItem as Tn } from "vuetify/components/VList";
+import { VIcon as jn } from "vuetify/components/VIcon";
+import { VImg as Cn } from "vuetify/components/VImg";
+import { VInput as Tn } from "vuetify/components/VInput";
+import { VListItem as _n } from "vuetify/components/VList";
 import { VMenu as Bn } from "vuetify/components/VMenu";
 import { VNumberInput as In } from "vuetify/components/VNumberInput";
 import { VProgressLinear as Pn } from "vuetify/components/VProgressLinear";
 import { VSelect as Dn } from "vuetify/components/VSelect";
 import { VSwitch as xn } from "vuetify/components/VSwitch";
-import { VTextarea as $n } from "vuetify/components/VTextarea";
-import { VTextField as Sn } from "vuetify/components/VTextField";
+import { VTextarea as Sn } from "vuetify/components/VTextarea";
+import { VTextField as $n } from "vuetify/components/VTextField";
 import { VTimePicker as En } from "vuetify/components/VTimePicker";
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
@@ -74,10 +74,10 @@ new Array(256).fill("").map((e, t) => ("0" + t.toString(16)).slice(-2));
  */
 function An(e, t) {
   const n = e.extraPlugins || [];
-  return F(x({}, e), {
+  return M(S({}, e), {
     extraPlugins: [
       ...n,
-      ...t.filter((l) => !n.includes(l))
+      ...t.filter((a) => !n.includes(a))
     ]
   });
 }
@@ -85,31 +85,31 @@ function An(e, 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 Ye(e) {
+function Qe(e) {
   return !!e && /^\d+\.\d+\.\d+/.test(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 Qe(e) {
+function Ze(e) {
   return e ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((t) => e.includes(t)) : !1;
 }
 function Nn(e) {
-  return Ye(e) || Qe(e);
+  return Qe(e) || Ze(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 Fn(e) {
-  if (!Ye(e))
+  if (!Qe(e))
     throw new Error(`Invalid semantic version: ${e || "<blank>"}.`);
-  const [t, n, l] = e.split(".");
+  const [t, n, a] = e.split(".");
   return {
     major: Number.parseInt(t, 10),
     minor: Number.parseInt(n, 10),
-    patch: Number.parseInt(l, 10)
+    patch: Number.parseInt(a, 10)
   };
 }
 /**
@@ -117,7 +117,7 @@ function Fn(e) {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 function Ln(e) {
-  if (Qe(e))
+  if (Ze(e))
     return 3;
   const { major: t } = Fn(e);
   switch (!0) {
@@ -152,7 +152,7 @@ function Un() {
  * @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 Ze(e, t) {
+function Je(e, t) {
   switch (t || (t = Un() || void 0), t) {
     case 1:
     case 2:
@@ -168,8 +168,8 @@ function Ze(e, t) {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 function On(e, t) {
-  return function(l) {
-    Ze(l.config.get("licenseKey")) || l.on("collectUsageData", (a, { setUsageData: r }) => {
+  return function(a) {
+    Je(a.config.get("licenseKey")) || a.on("collectUsageData", (l, { setUsageData: r }) => {
       r(`integration.${e}`, t);
     });
   };
@@ -182,7 +182,7 @@ const Rn = On(
   "vue",
   {
     version: "7.3.0",
-    frameworkVersion: it
+    frameworkVersion: st
   }
 );
 /**
@@ -190,7 +190,7 @@ const Rn = On(
  * For licensing, see LICENSE.md.
  */
 function Wn(e) {
-  return Ze(e.licenseKey) ? e : An(e, [
+  return Je(e.licenseKey) ? e : An(e, [
     /**
      * 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
@@ -199,10 +199,10 @@ function Wn(e) {
     Rn
   ]);
 }
-const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", zn = 300, Hn = /* @__PURE__ */ M({
+const Be = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", zn = 300, Hn = /* @__PURE__ */ O({
   name: "CKEditor",
   __name: "ckeditor",
-  props: /* @__PURE__ */ Ee({
+  props: /* @__PURE__ */ Ae({
     editor: {},
     config: { default: () => ({}) },
     tagName: { default: "div" },
@@ -212,51 +212,51 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", zn = 300, Hn =
     modelValue: { type: String, default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ee(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Ae(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const l = at(e, "modelValue"), a = e, r = n, m = E(), i = E(), c = E();
+    const a = rt(e, "modelValue"), l = e, r = n, s = N(), p = N(), i = N();
     t({
-      instance: i,
-      lastEditorData: c
-    }), ie(l, (s) => {
-      i.value && s !== c.value && i.value.data.set(s);
-    }), ie(() => a.disabled, (s) => {
-      s ? i.value.enableReadOnlyMode(Ce) : i.value.disableReadOnlyMode(Ce);
+      instance: p,
+      lastEditorData: i
+    }), ue(a, (m) => {
+      p.value && m !== i.value && p.value.data.set(m);
+    }), ue(() => l.disabled, (m) => {
+      m ? p.value.enableReadOnlyMode(Be) : p.value.disableReadOnlyMode(Be);
     });
     function d() {
-      const s = window.CKEDITOR_VERSION;
-      if (!s)
+      const m = window.CKEDITOR_VERSION;
+      if (!m)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [p] = s.split(".").map(Number);
-      p >= 42 || s.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [b] = m.split(".").map(Number);
+      b >= 42 || m.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function _(s) {
-      const p = pt((h) => {
-        if (a.disableTwoWayDataBinding)
+    function v(m) {
+      const b = pt((c) => {
+        if (l.disableTwoWayDataBinding)
           return;
-        const g = c.value = s.data.get();
-        r("update:modelValue", g, h, s), r("input", g, h, s);
+        const T = i.value = m.data.get();
+        r("update:modelValue", T, c, m), r("input", T, c, m);
       }, zn, { leading: !0 });
-      s.model.document.on("change:data", p), s.editing.view.document.on("focus", (h) => {
-        r("focus", h, s);
-      }), s.editing.view.document.on("blur", (h) => {
-        r("blur", h, s);
+      m.model.document.on("change:data", b), m.editing.view.document.on("focus", (c) => {
+        r("focus", c, m);
+      }), m.editing.view.document.on("blur", (c) => {
+        r("blur", c, m);
       });
     }
-    return d(), ze(() => {
-      const s = Wn(
-        Object.assign({}, a.config)
+    return d(), He(() => {
+      const m = Wn(
+        Object.assign({}, l.config)
       );
-      l.value && (s.initialData = l.value), a.editor.create(m.value, s).then((p) => {
-        i.value = rt(p), _(p), l.value !== s.initialData && p.data.set(l.value), a.disabled && p.enableReadOnlyMode(Ce), r("ready", p);
-      }).catch((p) => {
-        console.error(p);
+      a.value && (m.initialData = a.value), l.editor.create(s.value, m).then((b) => {
+        p.value = it(b), v(b), a.value !== m.initialData && b.data.set(a.value), l.disabled && b.enableReadOnlyMode(Be), r("ready", b);
+      }).catch((b) => {
+        console.error(b);
       });
-    }), He(() => {
-      i.value && (i.value.destroy(), i.value = void 0), r("destroy");
-    }), (s, p) => (V(), D(ve(s.tagName), {
+    }), Ke(() => {
+      p.value && (p.value.destroy(), p.value = void 0), r("destroy");
+    }), (m, b) => (C(), x(be(m.tagName), {
       ref_key: "element",
-      ref: m
+      ref: s
     }, null, 512));
   }
 });
@@ -265,7 +265,7 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", zn = 300, Hn =
  * For licensing, see LICENSE.md.
  */
 /* istanbul ignore if -- @preserve */
-if (!Se.version || !Se.version.startsWith("3."))
+if (!Ee.version || !Ee.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"
   );
@@ -573,18 +573,18 @@ function qn(e) {
   }
 }
 const Yn = (e, t, n) => {
-  let l = "", a = "present";
-  n != null && n.addSuffix && (n.comparison && n.comparison > 0 ? (a = "future", l = "čez ") : (a = "past", l = "pred "));
+  let a = "", l = "present";
+  n != null && n.addSuffix && (n.comparison && n.comparison > 0 ? (l = "future", a = "čez ") : (l = "past", a = "pred "));
   const r = Gn[e];
   if (typeof r == "string")
-    l += r;
+    a += r;
   else {
-    const m = qn(t);
-    Xn(r) ? l += r[m].replace("{{count}}", String(t)) : l += r[a][m].replace("{{count}}", String(t));
+    const s = qn(t);
+    Xn(r) ? a += r[s].replace("{{count}}", String(t)) : a += r[l][s].replace("{{count}}", String(t));
   }
-  return l;
+  return a;
 };
-function Te(e) {
+function Ie(e) {
   return (t = {}) => {
     const n = t.width ? String(t.width) : e.defaultWidth;
     return e.formats[n] || e.formats[e.defaultWidth];
@@ -606,15 +606,15 @@ const Qn = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, eo = {
-  date: Te({
+  date: Ie({
     formats: Qn,
     defaultWidth: "full"
   }),
-  time: Te({
+  time: Ie({
     formats: Zn,
     defaultWidth: "full"
   }),
-  dateTime: Te({
+  dateTime: Ie({
     formats: Jn,
     defaultWidth: "full"
   })
@@ -647,34 +647,34 @@ const Qn = {
     }
   },
   other: "P"
-}, no = (e, t, n, l) => {
-  const a = to[e];
-  return typeof a == "function" ? a(t) : a;
+}, no = (e, t, n, a) => {
+  const l = to[e];
+  return typeof l == "function" ? l(t) : l;
 };
-function de(e) {
+function pe(e) {
   return (t, n) => {
-    const l = n != null && n.context ? String(n.context) : "standalone";
-    let a;
-    if (l === "formatting" && e.formattingValues) {
-      const m = e.defaultFormattingWidth || e.defaultWidth, i = n != null && n.width ? String(n.width) : m;
-      a = e.formattingValues[i] || e.formattingValues[m];
+    const a = n != null && n.context ? String(n.context) : "standalone";
+    let l;
+    if (a === "formatting" && e.formattingValues) {
+      const s = e.defaultFormattingWidth || e.defaultWidth, p = n != null && n.width ? String(n.width) : s;
+      l = e.formattingValues[p] || e.formattingValues[s];
     } else {
-      const m = e.defaultWidth, i = n != null && n.width ? String(n.width) : e.defaultWidth;
-      a = e.values[i] || e.values[m];
+      const s = e.defaultWidth, p = n != null && n.width ? String(n.width) : e.defaultWidth;
+      l = e.values[p] || e.values[s];
     }
     const r = e.argumentCallback ? e.argumentCallback(t) : t;
-    return a[r];
+    return l[r];
   };
 }
 const oo = {
   narrow: ["pr. n. št.", "po n. št."],
   abbreviated: ["pr. n. št.", "po n. št."],
   wide: ["pred našim štetjem", "po našem štetju"]
-}, lo = {
+}, ao = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["1. čet.", "2. čet.", "3. čet.", "4. čet."],
   wide: ["1. četrtletje", "2. četrtletje", "3. četrtletje", "4. četrtletje"]
-}, ao = {
+}, lo = {
   narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: [
     "jan.",
@@ -781,46 +781,46 @@ const oo = {
   }
 }, uo = (e, t) => Number(e) + ".", co = {
   ordinalNumber: uo,
-  era: de({
+  era: pe({
     values: oo,
     defaultWidth: "wide"
   }),
-  quarter: de({
-    values: lo,
+  quarter: pe({
+    values: ao,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
-  month: de({
-    values: ao,
+  month: pe({
+    values: lo,
     defaultWidth: "wide"
   }),
-  day: de({
+  day: pe({
     values: ro,
     defaultWidth: "wide"
   }),
-  dayPeriod: de({
+  dayPeriod: pe({
     values: io,
     defaultWidth: "wide",
     formattingValues: so,
     defaultFormattingWidth: "wide"
   })
 };
-function me(e) {
+function fe(e) {
   return (t, n = {}) => {
-    const l = n.width, a = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], r = t.match(a);
+    const a = n.width, l = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], r = t.match(l);
     if (!r)
       return null;
-    const m = r[0], i = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(i) ? po(i, (s) => s.test(m)) : (
+    const s = r[0], p = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(p) ? po(p, (m) => m.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      mo(i, (s) => s.test(m))
+      mo(p, (m) => m.test(s))
     );
     let d;
-    d = e.valueCallback ? e.valueCallback(c) : c, d = n.valueCallback ? (
+    d = e.valueCallback ? e.valueCallback(i) : i, d = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       n.valueCallback(d)
     ) : d;
-    const _ = t.slice(m.length);
-    return { value: d, rest: _ };
+    const v = t.slice(s.length);
+    return { value: d, rest: v };
   };
 }
 function mo(e, t) {
@@ -835,14 +835,14 @@ function po(e, t) {
 }
 function fo(e) {
   return (t, n = {}) => {
-    const l = t.match(e.matchPattern);
-    if (!l) return null;
-    const a = l[0], r = t.match(e.parsePattern);
+    const a = t.match(e.matchPattern);
+    if (!a) return null;
+    const l = a[0], r = t.match(e.parsePattern);
     if (!r) return null;
-    let m = e.valueCallback ? e.valueCallback(r[0]) : r[0];
-    m = n.valueCallback ? n.valueCallback(m) : m;
-    const i = t.slice(a.length);
-    return { value: m, rest: i };
+    let s = e.valueCallback ? e.valueCallback(r[0]) : r[0];
+    s = n.valueCallback ? n.valueCallback(s) : s;
+    const p = t.slice(l.length);
+    return { value: s, rest: p };
   };
 }
 const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
@@ -850,11 +850,11 @@ const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
   wide: /^(pred Kristusom|pred na[sš]im [sš]tetjem|po Kristusu|po na[sš]em [sš]tetju|na[sš]ega [sš]tetja)/i
 }, go = {
   any: [/^pr/i, /^(po|na[sš]em)/i]
-}, wo = {
+}, yo = {
   narrow: /^[1234]/i,
   abbreviated: /^[1234]\.\s?[čc]et\.?/i,
   wide: /^[1234]\. [čc]etrtletje/i
-}, yo = {
+}, wo = {
   any: [/1/i, /2/i, /3/i, /4/i]
 }, ko = {
   narrow: /^[jfmasond]/i,
@@ -903,18 +903,18 @@ const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
     /^n/i,
     /^d/i
   ]
-}, _o = {
+}, jo = {
   narrow: /^[nptsčc]/i,
   short: /^(ned\.|pon\.|tor\.|sre\.|[cč]et\.|pet\.|sob\.)/i,
   abbreviated: /^(ned\.|pon\.|tor\.|sre\.|[cč]et\.|pet\.|sob\.)/i,
   wide: /^(nedelja|ponedeljek|torek|sreda|[cč]etrtek|petek|sobota)/i
-}, jo = {
+}, Co = {
   narrow: [/^n/i, /^p/i, /^t/i, /^s/i, /^[cč]/i, /^p/i, /^s/i],
   any: [/^n/i, /^po/i, /^t/i, /^sr/i, /^[cč]/i, /^pe/i, /^so/i]
-}, Co = {
+}, To = {
   narrow: /^(d|po?|z?v|n|z?j|24\.00|12\.00)/i,
   any: /^(dop\.|pop\.|o?poln(\.|o[cč]i?)|o?pold(\.|ne)|z?ve[cč](\.|er)|(po)?no[cč]i?|popold(ne|an)|jut(\.|ro)|zjut(\.|raj))/i
-}, To = {
+}, _o = {
   narrow: {
     am: /^d/i,
     pm: /^p/i,
@@ -941,35 +941,35 @@ const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
     parsePattern: ho,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: me({
+  era: fe({
     matchPatterns: bo,
     defaultMatchWidth: "wide",
     parsePatterns: go,
     defaultParseWidth: "any"
   }),
-  quarter: me({
-    matchPatterns: wo,
+  quarter: fe({
+    matchPatterns: yo,
     defaultMatchWidth: "wide",
-    parsePatterns: yo,
+    parsePatterns: wo,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: me({
+  month: fe({
     matchPatterns: ko,
     defaultMatchWidth: "wide",
     parsePatterns: Vo,
     defaultParseWidth: "wide"
   }),
-  day: me({
-    matchPatterns: _o,
+  day: fe({
+    matchPatterns: jo,
     defaultMatchWidth: "wide",
-    parsePatterns: jo,
+    parsePatterns: Co,
     defaultParseWidth: "any"
   }),
-  dayPeriod: me({
-    matchPatterns: Co,
+  dayPeriod: fe({
+    matchPatterns: To,
     defaultMatchWidth: "any",
-    parsePatterns: To,
+    parsePatterns: _o,
     defaultParseWidth: "any"
   })
 }, Io = {
@@ -984,11 +984,11 @@ const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
     firstWeekContainsDate: 1
   }
 }, Po = {
-  dateTimeLocale: E(Io),
+  dateTimeLocale: N(Io),
   setDateTimeLocale(e) {
-    te(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
+    ne(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
   }
-}, Do = { class: "label" }, xo = /* @__PURE__ */ M({
+}, Do = { class: "df-label" }, ae = /* @__PURE__ */ O({
   __name: "df-label",
   props: {
     data: {},
@@ -996,97 +996,104 @@ const vo = /^(\d+)\./i, ho = /\d+/i, bo = {
   },
   setup(e) {
     return (t, n) => {
-      const l = S("v-img");
-      return V(), O("div", Do, [
-        t.label.icon ? (V(), O(Ke, { key: 0 }, [
-          t.label.iconComponent === "v-icon" ? (V(), D(o(he), {
+      const a = A("v-img");
+      return C(), W("div", Do, [
+        t.label.icon ? (C(), W(Xe, { key: 0 }, [
+          t.label.iconComponent === "v-icon" ? (C(), x(o(ge), {
             key: 0,
             name: t.label.icon,
             size: "1.25em"
-          }, null, 8, ["name"])) : t.label.iconComponent === "v-img" ? (V(), D(l, {
+          }, null, 8, ["name"])) : t.label.iconComponent === "v-img" ? (C(), x(a, {
             key: 1,
             class: "icon",
             src: t.label.icon
-          }, null, 8, ["src"])) : (V(), D(ve(t.label.iconComponent), {
+          }, null, 8, ["src"])) : (C(), x(be(t.label.iconComponent), {
             key: 2,
             src: t.label.icon
           }, null, 8, ["src"]))
-        ], 64)) : L("", !0),
-        st(" " + Be(t.data ? t.data.label : t.label.text), 1)
+        ], 64)) : U("", !0),
+        ut(" " + Pe(t.data ? t.data.label : t.label.text), 1)
       ]);
     };
   }
-}), be = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, a] of t)
-    n[l] = a;
-  return n;
-}, oe = /* @__PURE__ */ be(xo, [["__scopeId", "data-v-6d63a202"]]), Je = Symbol("vuetifyInputsSettingsKey");
-class $o {
-  constructor(t, n, l = "v-icon") {
-    this.text = t, this.icon = n, this.iconComponent = l;
+}), et = Symbol("vuetifyInputsSettingsKey");
+class xo {
+  constructor(t, n, a = "v-icon") {
+    this.text = t, this.icon = n, this.iconComponent = a;
   }
 }
-const q = { enabled: void 0, clearable: !0 };
-function K(e, t) {
-  const n = ut(Je, {}), l = E(null), a = k({
+const Y = { enabled: void 0, clearable: !0 };
+function X(e, t) {
+  const n = _e(et, {}), a = N(null), l = y({
     get() {
-      return e.control ? e.control.value : e.modelValue === void 0 ? l.value : e.modelValue;
+      return e.control ? e.control.value : e.modelValue === void 0 ? a.value : e.modelValue;
     },
-    set(v) {
-      e.control && (e.control.value = v), e.modelValue === void 0 && (l.value = v), t("update:modelValue", v);
+    set(k) {
+      e.control && (e.control.value = k), e.modelValue === void 0 && (a.value = k), t("update:modelValue", k);
     }
   });
-  if (e.control && !(e.control instanceof Oe.FieldBase))
+  if (e.control && !(e.control instanceof Re.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const r = k({
+  const r = y({
     get() {
       return e.control.touched;
     },
-    set(v) {
-      e.control.touched = v;
+    set(k) {
+      e.control.touched = k;
+    }
+  }), s = e.control ? r : N(!1), p = y(() => e.control ? e.control.valid : !0), i = y(
+    () => e.control ? e.control.errors : (e.errors || []).map((k) => new bt(k))
+  ), d = y(() => s.value && i.value.length > 0 ? " " : void 0), v = y(() => e.control ? e.control.enabled : e.enabled !== !1), m = y(
+    () => e.control ? e.control.visibility : e.visibility || Re.DisplayMode.FULL
+  ), b = y(
+    () => te(e.label || "") ? new xo(e.label || "") : e.label
+  ), c = y(() => e.placeholder || ""), T = y(() => e.helpText || ""), _ = y(() => e.hint || ""), w = y(() => e.cssClass || ""), h = y(
+    () => {
+      var k, V, L;
+      return (L = (V = (k = e.density) != null ? k : _e("field-density")) != null ? V : n.defaultDensity) != null ? L : "default";
     }
-  }), m = e.control ? r : E(!1), i = k(() => e.control ? e.control.valid : !0), c = k(
-    () => e.control ? e.control.errors : (e.errors || []).map((v) => new bt(v))
-  ), d = k(() => m.value && c.value.length > 0 ? " " : void 0), _ = k(() => e.control ? e.control.enabled : e.enabled !== !1), s = k(
-    () => e.control ? e.control.visibility : e.visibility || Oe.DisplayMode.FULL
-  ), p = k(
-    () => ee(e.label || "") ? new $o(e.label || "") : e.label
-  ), h = k(() => e.placeholder || ""), g = k(() => e.helpText || ""), w = k(() => e.hint || ""), j = k(() => e.cssClass || "");
+  ), $ = y(() => h.value === "inline" ? "default" : h.value), F = y(
+    () => {
+      var k, V, L;
+      return (L = (V = (k = e.variant) != null ? k : _e("field-variant")) != null ? V : n.defaultVariant) != null ? L : "underlined";
+    }
+  );
   return {
-    value: a,
-    valid: i,
-    enabled: _,
-    errors: c,
-    visibility: s,
-    label: p,
-    touched: m,
-    vuetifyBindings: k(() => {
-      var v, A;
-      return x({
-        name: (v = e.control) == null ? void 0 : v.fieldName,
-        class: j.value,
-        density: "default",
-        variant: (A = n.defaultVariant) != null ? A : "underlined",
-        label: p.value.text,
+    value: l,
+    valid: p,
+    enabled: v,
+    errors: i,
+    visibility: m,
+    label: b,
+    touched: s,
+    density: h.value,
+    densityClass: y(() => `df-density-${h.value}`),
+    vuetifyBindings: y(() => {
+      var k;
+      return S({
+        name: (k = e.control) == null ? void 0 : k.fieldName,
+        class: w.value,
+        density: $.value,
+        variant: F.value,
+        label: b.value.text,
         messages: d.value,
         errorMessages: d.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !_.value,
-        disabled: !_.value,
-        placeholder: h.value,
-        "persistent-placeholder": !pe(h.value),
-        hint: w.value,
+        readonly: !v.value,
+        disabled: !v.value,
+        placeholder: c.value,
+        "persistent-placeholder": !ve(c.value),
+        hint: _.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
-        helpText: g.value
+        helpText: T.value
       }, e.passthroughAttrs || {});
     })
   };
 }
-const le = /* @__PURE__ */ M({
+const le = /* @__PURE__ */ O({
   __name: "messages-widget",
   props: {
     errors: {},
@@ -1096,31 +1103,31 @@ const le = /* @__PURE__ */ M({
   setup(e) {
     const t = e, n = () => {
       if (t.message !== " ") return we("span", { class: t.classes }, t.message);
-      const l = [];
-      return t.errors.forEach((a) => {
-        switch (a.componentName) {
+      const a = [];
+      return t.errors.forEach((l) => {
+        switch (l.componentName) {
           case "template":
-            l.push(we("div", { class: t.classes }, a.componentBody));
+            a.push(we("div", { class: t.classes }, l.componentBody));
             break;
           case "vue-markdown":
-            l.push(
-              we(wt, {
+            a.push(
+              we(yt, {
                 class: [t.classes, "df-messages-widget-markdown"],
-                source: a.componentBindings.source
+                source: l.componentBindings.source
               })
             );
             break;
           default:
-            l.push(
-              we(a.componentName, F(x({ class: t.classes }, a.componentBindings), { innerHTML: a.componentBody }))
+            a.push(
+              we(l.componentName, M(S({ class: t.classes }, l.componentBindings), { innerHTML: l.componentBody }))
             );
             break;
         }
-      }), l;
+      }), a;
     };
-    return (l, a) => (V(), D(n));
+    return (a, l) => (C(), x(n));
   }
-}), So = { class: "d-flex w-100 style-resetting" }, Eo = /* @__PURE__ */ M({
+}), So = { class: "d-flex w-100 df-style-resetting" }, De = /* @__PURE__ */ O({
   __name: "input-base",
   props: {
     control: {},
@@ -1135,168 +1142,172 @@ const le = /* @__PURE__ */ M({
     cssClass: {},
     clearable: { type: Boolean },
     passthroughAttrs: {},
+    density: {},
+    variant: {},
     loading: { type: Boolean }
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, value: m, touched: i, visibility: c, vuetifyBindings: d } = K(n, l), _ = k(() => !!(o(n.clearable) && o(m))), s = E(!1);
-    function p(h) {
-      s.value = h, h || (i.value = !0, l("blur"));
+    const n = e, a = t, { errors: l, label: r, value: s, touched: p, visibility: i, vuetifyBindings: d } = X(n, a), v = y(() => !!(o(n.clearable) && o(s))), m = N(!1);
+    function b(c) {
+      m.value = c, c || (p.value = !0, a("blur"));
     }
-    return (h, g) => {
-      const w = S("v-field"), j = S("v-input");
-      return o(c) !== o(H).SUPPRESS ? (V(), D(j, {
+    return (c, T) => {
+      const _ = A("v-field"), w = A("v-input");
+      return o(i) !== o(K).SUPPRESS ? (C(), x(w, {
         key: 0,
         name: o(d).name,
+        density: o(d).density,
         hint: o(d).hint,
         "persistent-hint": o(d).persistentHint,
         "hide-details": o(d).hideDetails,
         "error-messages": o(d).errorMessages,
-        class: Ie([
-          h.cssClass,
+        class: re([
+          c.cssClass,
           {
-            "d-none": o(c) === o(H).HIDDEN,
-            invisible: o(c) === o(H).INVISIBLE
+            "d-none": o(i) === o(K).HIDDEN,
+            invisible: o(i) === o(K).INVISIBLE
           }
         ])
-      }, X({
-        message: b(({ message: v }) => [
-          B(le, {
-            message: v,
-            errors: o(a)
+      }, G({
+        message: g(({ message: h }) => [
+          I(le, {
+            message: h,
+            errors: o(l)
           }, null, 8, ["message", "errors"])
         ]),
-        default: b(() => [
-          B(w, {
+        default: g(() => [
+          I(_, {
             variant: o(d).variant,
+            density: o(d).density,
             label: o(d).label,
             disabled: o(d).disabled,
-            clearable: _.value,
+            clearable: v.value,
             "persistent-clear": !0,
-            dirty: !!o(m),
-            active: s.value,
-            loading: h.loading,
-            "onClick:clear": g[0] || (g[0] = (v) => l("click:clear")),
-            "onUpdate:focused": g[1] || (g[1] = (v) => p(v))
-          }, X({
-            default: b((v) => [
-              ne("div", So, [
-                re(h.$slots, "default", Z(J(v)), void 0, !0)
+            dirty: !!o(s),
+            active: m.value,
+            loading: c.loading,
+            "onClick:clear": T[0] || (T[0] = (h) => a("click:clear")),
+            "onUpdate:focused": T[1] || (T[1] = (h) => b(h))
+          }, G({
+            default: g((h) => [
+              oe("div", So, [
+                se(c.$slots, "default", J(ee(h)))
               ])
             ]),
-            loader: b((v) => [
-              re(h.$slots, "loader", Z(J(v)), void 0, !0)
+            loader: g((h) => [
+              se(c.$slots, "loader", J(ee(h)))
             ]),
             _: 2
           }, [
             o(r).icon ? {
               name: "label",
-              fn: b((v) => [
-                B(oe, {
-                  data: v,
+              fn: g((h) => [
+                I(ae, {
+                  data: h,
                   label: o(r)
                 }, null, 8, ["data", "label"])
               ]),
               key: "0"
             } : void 0,
-            h.$slots["prepend-inner"] ? {
+            c.$slots["prepend-inner"] ? {
               name: "prepend-inner",
-              fn: b((v) => [
-                re(h.$slots, "prepend-inner", Z(J(v)), void 0, !0)
+              fn: g((h) => [
+                se(c.$slots, "prepend-inner", J(ee(h)))
               ]),
               key: "1"
             } : void 0
-          ]), 1032, ["variant", "label", "disabled", "clearable", "dirty", "active", "loading"])
+          ]), 1032, ["variant", "density", "label", "disabled", "clearable", "dirty", "active", "loading"])
         ]),
         _: 2
       }, [
-        h.$slots.prepend ? {
+        c.$slots.prepend ? {
           name: "prepend",
-          fn: b((v) => [
-            re(h.$slots, "prepend", Z(J(v)), void 0, !0)
+          fn: g((h) => [
+            se(c.$slots, "prepend", J(ee(h)))
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["name", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : L("", !0);
+      ]), 1032, ["name", "density", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : U("", !0);
     };
   }
-}), Pe = /* @__PURE__ */ be(Eo, [["__scopeId", "data-v-3689b7f9"]]), fe = {
+}), he = {
   Yes: "Yes",
   No: "No",
   Close: "Close"
 };
-function Wl(e) {
-  Object.keys(fe).forEach((t) => {
-    fe[t] = e(t);
+function Ea(e) {
+  Object.keys(he).forEach((t) => {
+    he[t] = e(t);
   });
 }
-var R = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(R || {});
-const Re = 0;
+var z = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(z || {});
+const We = 0;
 ((e) => {
-  function t(a) {
-    return a.toUpperCase() === "BUTTON" ? 0 : a.toUpperCase() === "TEXT" ? 1 : Re;
+  function t(l) {
+    return l.toUpperCase() === "BUTTON" ? 0 : l.toUpperCase() === "TEXT" ? 1 : We;
   }
   e.fromString = t;
-  function n(a) {
-    const r = typeof a == "number" ? a : e.fromString(a);
-    return Object.values(e).includes(r) ? r : Re;
+  function n(l) {
+    const r = typeof l == "number" ? l : e.fromString(l);
+    return Object.values(e).includes(r) ? r : We;
   }
   e.fromAny = n;
-  function l(a) {
-    const r = typeof a == "number" ? a : e.fromString(a);
+  function a(l) {
+    const r = typeof l == "number" ? l : e.fromString(l);
     return Object.values(e).includes(r);
   }
-  e.isDefined = l;
-})(R || (R = {}));
-Object.freeze(R);
-const We = ["xs", "sm", "md", "lg", "xl"];
-class Ao {
+  e.isDefined = a;
+})(z || (z = {}));
+Object.freeze(z);
+const ze = ["xs", "sm", "md", "lg", "xl"];
+class $o {
   constructor(t) {
     $e(this, "_value");
-    this._value = this.cleanBreakpoint(t, !0), t && We.forEach((n) => {
-      const l = this.cleanBreakpoint(t[n]);
-      l && (this._value[n] = l);
+    this._value = this.cleanBreakpoint(t, !0), t && ze.forEach((n) => {
+      const a = this.cleanBreakpoint(t[n]);
+      a && (this._value[n] = a);
     });
   }
   getOptionsForBreakpoint(t) {
-    const n = this.cleanBreakpoint(this._value), l = Object.keys(n);
-    for (const a of We) {
-      const r = this._value[a];
-      for (const m of l)
-        (r == null ? void 0 : r[m]) != null && (n[m] = r[m]);
-      if (a === t) break;
+    const n = this.cleanBreakpoint(this._value), a = Object.keys(n);
+    for (const l of ze) {
+      const r = this._value[l];
+      for (const s of a)
+        (r == null ? void 0 : r[s]) != null && (n[s] = r[s]);
+      if (l === t) break;
     }
     return n;
   }
 }
-function No(e) {
+function Eo(e) {
   return e.xlAndUp.value ? "xl" : e.lgAndUp.value ? "lg" : e.mdAndUp.value ? "md" : e.smAndUp.value ? "sm" : "xs";
 }
-function Fo() {
-  const e = yt();
-  return k(() => No(e));
+function Ao() {
+  const e = wt();
+  return y(() => Eo(e));
 }
-class Lo extends Ao {
+class No extends $o {
   cleanBreakpoint(t, n = !1) {
     if ((!t || !ft(t)) && !n) return null;
-    const l = {};
-    return n && (l.renderAs = R.BUTTON, l.showLabel = !0, l.showIcon = !0), t && (t.renderAs != null && (l.renderAs = R.fromAny(t.renderAs)), ee(t.label) && (l.label = t.label), ee(t.icon) && (l.icon = t.icon), Fe(t.showLabel) && (l.showLabel = t.showLabel), Fe(t.showIcon) && (l.showIcon = t.showIcon)), Object.keys(l).length ? l : null;
+    const a = {};
+    return n && (a.renderAs = z.BUTTON, a.showLabel = !0, a.showIcon = !0), t && (t.renderAs != null && (a.renderAs = z.fromAny(t.renderAs)), te(t.label) && (a.label = t.label), te(t.icon) && (a.icon = t.icon), Le(t.showLabel) && (a.showLabel = t.showLabel), Le(t.showIcon) && (a.showIcon = t.showIcon)), Object.keys(a).length ? a : null;
   }
 }
-class ke extends gt {
+class Ve extends gt {
   static create(t) {
     return super.create(t);
   }
   getBreakpointValue(t) {
-    return k(() => {
-      const l = new Lo(this.value).getOptionsForBreakpoint(t.value);
+    return y(() => {
+      const a = new No(this.value).getOptionsForBreakpoint(t.value);
       return {
-        name: l.name,
-        label: l.showLabel ? l.label : void 0,
-        icon: l.showIcon ? l.icon : void 0,
-        renderAs: l.renderAs,
-        showLabel: ee(l.label) && !pe(l.label) ? l.showLabel : !1,
-        showIcon: ee(l.icon) && !pe(l.icon) ? l.showIcon : !1
+        name: a.name,
+        label: a.showLabel ? a.label : void 0,
+        icon: a.showIcon ? a.icon : void 0,
+        renderAs: a.renderAs,
+        showLabel: te(a.label) && !ve(a.label) ? a.showLabel : !1,
+        showIcon: te(a.icon) && !ve(a.icon) ? a.showIcon : !1
       };
     });
   }
@@ -1307,67 +1318,67 @@ class ke extends gt {
     return this.value.showLabel ? this.value.label : void 0;
   }
   get showLabel() {
-    return ee(this.value.label) && !pe(this.value.label) ? this.value.showLabel : !1;
+    return te(this.value.label) && !ve(this.value.label) ? this.value.showLabel : !1;
   }
   get icon() {
     return this.value.showIcon ? this.value.icon : void 0;
   }
   get showIcon() {
-    return ee(this.value.icon) && !pe(this.value.icon) ? this.value.showIcon : !1;
+    return te(this.value.icon) && !ve(this.value.icon) ? this.value.showIcon : !1;
   }
   get renderAs() {
     return this.value.renderAs;
   }
   static closeAction(t) {
-    var l;
-    const n = F(x({}, t != null ? t : {}), {
+    var a;
+    const n = M(S({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "close",
-        label: fe.Close,
+        label: he.Close,
         icon: "close-outline",
-        renderAs: R.BUTTON,
+        renderAs: z.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return n.value = x(x({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ke.create(n);
+    return n.value = S(S({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), Ve.create(n);
   }
   static yesAction(t) {
-    var l;
-    const n = F(x({}, t != null ? t : {}), {
+    var a;
+    const n = M(S({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "yes",
-        label: fe.Yes,
+        label: he.Yes,
         icon: "thumbs-up-outline",
-        renderAs: R.BUTTON,
+        renderAs: z.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return n.value = x(x({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ke.create(n);
+    return n.value = S(S({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), Ve.create(n);
   }
   static noAction(t) {
-    var l;
-    const n = F(x({}, t != null ? t : {}), {
+    var a;
+    const n = M(S({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "no",
-        label: fe.No,
+        label: he.No,
         icon: "thumbs-down-outline",
-        renderAs: R.BUTTON,
+        renderAs: z.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return n.value = x(x({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ke.create(n);
+    return n.value = S(S({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), Ve.create(n);
   }
 }
-const Mo = {
+const Fo = {
   key: 1,
   style: { width: "0.5rem" }
-}, Uo = { key: 2 }, Oo = /* @__PURE__ */ M({
+}, Lo = { key: 2 }, Mo = /* @__PURE__ */ O({
   __name: "df-actions",
   props: {
     actions: {},
@@ -1375,43 +1386,43 @@ const Mo = {
     showAsGroup: { default: "no" }
   },
   setup(e) {
-    const t = e, n = Fo(), l = k(() => o(t.actions)), a = k(
-      () => l.value.map((r) => x({
+    const t = e, n = Ao(), a = y(() => o(t.actions)), l = y(
+      () => a.value.map((r) => S({
         action: r
       }, o(r.getBreakpointValue(n))))
     );
-    return (r, m) => {
-      const i = S("v-btn");
-      return l.value.length > 0 ? (V(), O("div", {
+    return (r, s) => {
+      const p = A("v-btn");
+      return a.value.length > 0 ? (C(), W("div", {
         key: 0,
-        class: Ie(["text-end", {
+        class: re(["text-end df-actions", {
           "button-group": r.showAsGroup === "grouped" || r.showAsGroup === "grouped-no-borders",
           "with-border": r.showAsGroup === "grouped"
         }])
       }, [
-        (V(!0), O(Ke, null, ct(a.value, (c, d) => (V(), D(i, {
+        (C(!0), W(Xe, null, ct(l.value, (i, d) => (C(), x(p, {
           key: d,
-          variant: c.renderAs === o(R).BUTTON ? "tonal" : "text",
+          variant: i.renderAs === o(z).BUTTON ? "tonal" : "text",
           elevation: 0,
           size: r.buttonSize,
-          onClick: dt((_) => c.action.execute(_), ["stop"])
+          onClick: dt((v) => i.action.execute(v), ["stop"])
         }, {
-          default: b(() => [
-            c.icon ? (V(), D(o(he), {
+          default: g(() => [
+            i.icon ? (C(), x(o(ge), {
               key: 0,
-              name: c.icon
-            }, null, 8, ["name"])) : L("", !0),
-            c.icon && c.label ? (V(), O("span", Mo)) : L("", !0),
-            c.label ? (V(), O("span", Uo, Be(c.label), 1)) : L("", !0)
+              name: i.icon
+            }, null, 8, ["name"])) : U("", !0),
+            i.icon && i.label ? (C(), W("span", Fo)) : U("", !0),
+            i.label ? (C(), W("span", Lo, Pe(i.label), 1)) : U("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "onClick"]))), 128))
-      ], 2)) : L("", !0);
+      ], 2)) : U("", !0);
     };
   }
-}), Ro = /* @__PURE__ */ be(Oo, [["__scopeId", "data-v-554a12b4"]]), Wo = /* @__PURE__ */ M({
+}), Uo = /* @__PURE__ */ O({
   __name: "df-checkbox",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1424,58 +1435,61 @@ const Mo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), { allowNull: !1 })),
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), d = k(() => n.allowNull && i.value == null), _ = k({
+    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, a), v = y(() => n.allowNull && i.value == null), m = y({
       get() {
         return i.value;
       },
       set() {
       }
     });
-    function s() {
-      const p = vt(i.value);
-      p === !0 ? i.value = n.allowNull ? null : !1 : i.value = p === !1;
+    function b() {
+      const c = vt(i.value);
+      c === !0 ? i.value = n.allowNull ? null : !1 : i.value = c === !1;
     }
-    return (p, h) => {
-      const g = S("v-checkbox");
-      return V(), D(g, U({
-        modelValue: _.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (w) => _.value = w)
-      }, o(c), {
+    return (c, T) => {
+      const _ = A("v-checkbox");
+      return C(), x(_, R({
+        modelValue: m.value,
+        "onUpdate:modelValue": T[0] || (T[0] = (w) => m.value = w)
+      }, o(d), {
         density: "compact",
-        indeterminate: d.value,
+        class: o(l),
+        indeterminate: v.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: s,
-        onBlur: h[1] || (h[1] = (w) => m.value = !0)
-      }), X({
-        message: b(({ message: w }) => [
-          B(o(le), {
+        onChange: b,
+        onBlur: T[1] || (T[1] = (w) => p.value = !0)
+      }), G({
+        message: g(({ message: w }) => [
+          I(o(le), {
             message: w,
-            errors: o(a)
+            errors: o(r)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        o(r).icon ? {
+        o(s).icon ? {
           name: "label",
-          fn: b((w) => [
-            B(o(oe), {
+          fn: g((w) => [
+            I(o(ae), {
               data: w,
-              label: o(r)
+              label: o(s)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue", "indeterminate"]);
+      ]), 1040, ["modelValue", "class", "indeterminate"]);
     };
   }
-}), zo = /* @__PURE__ */ M({
+}), Oo = /* @__PURE__ */ O({
   __name: "df-color",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1488,46 +1502,49 @@ const Mo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), { allowNull: !1 })),
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), d = E(!1), _ = k(() => [
-      (s) => n.control || !s && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(s) ? !0 : "Not a valid hex string."
+    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, a), v = N(!1), m = y(() => [
+      (b) => n.control || !b && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(b) ? !0 : "Not a valid hex string."
     ]);
-    return (s, p) => {
-      const h = S("v-color-picker"), g = S("v-menu"), w = S("v-text-field");
-      return V(), D(w, U({
+    return (b, c) => {
+      const T = A("v-color-picker"), _ = A("v-menu"), w = A("v-text-field");
+      return C(), x(w, R({
         modelValue: o(i),
-        "onUpdate:modelValue": p[2] || (p[2] = (j) => te(i) ? i.value = j : null)
-      }, o(c), {
-        clearable: s.allowNull,
+        "onUpdate:modelValue": c[2] || (c[2] = (h) => ne(i) ? i.value = h : null)
+      }, o(d), {
+        class: o(l),
+        clearable: b.allowNull,
         type: "text",
-        rules: _.value,
-        onBlur: p[3] || (p[3] = (j) => m.value = !0)
-      }), X({
-        message: b(({ message: j }) => [
-          B(o(le), {
-            message: j,
-            errors: o(a)
+        rules: m.value,
+        onBlur: c[3] || (c[3] = (h) => p.value = !0)
+      }), G({
+        message: g(({ message: h }) => [
+          I(o(le), {
+            message: h,
+            errors: o(r)
           }, null, 8, ["message", "errors"])
         ]),
-        "prepend-inner": b(() => [
-          ne("div", {
-            style: Xe([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
+        "prepend-inner": g(() => [
+          oe("div", {
+            style: Ge([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
           }, null, 4)
         ]),
-        default: b(() => [
-          B(g, {
-            modelValue: d.value,
-            "onUpdate:modelValue": p[1] || (p[1] = (j) => d.value = j),
+        default: g(() => [
+          I(_, {
+            modelValue: v.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (h) => v.value = h),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
-            default: b(() => [
-              B(h, {
+            default: g(() => [
+              I(T, {
                 modelValue: o(i),
-                "onUpdate:modelValue": p[0] || (p[0] = (j) => te(i) ? i.value = j : null),
+                "onUpdate:modelValue": c[0] || (c[0] = (h) => ne(i) ? i.value = h : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -1536,22 +1553,22 @@ const Mo = {
         ]),
         _: 2
       }, [
-        o(r).icon ? {
+        o(s).icon ? {
           name: "label",
-          fn: b((j) => [
-            B(o(oe), {
-              data: j,
-              label: o(r)
+          fn: g((h) => [
+            I(o(ae), {
+              data: h,
+              label: o(s)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue", "clearable", "rules"]);
+      ]), 1040, ["modelValue", "class", "clearable", "rules"]);
     };
   }
-}), Ho = { class: "d-flex w-100 pt-5 pl-2 pb-1" }, Ko = /* @__PURE__ */ M({
+}), Ro = /* @__PURE__ */ O({
   __name: "df-datetime",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     inputType: {},
     displayFormatDate: {},
     displayFormatTime: {},
@@ -1567,148 +1584,153 @@ const Mo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), {
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, a = k(() => {
+    const n = e, a = t, l = y(() => {
       var f;
       return (f = n.locale) != null ? f : o(Po.dateTimeLocale);
-    }), r = k(() => {
+    }), r = y(() => {
       var f, u;
-      return (u = (f = a.value.options) == null ? void 0 : f.weekStartsOn) != null ? u : 1;
-    }), { touched: m, value: i, vuetifyBindings: c } = K(n, l), { inputType: d, displayFormatDate: _, displayFormatTime: s } = _e(n), p = E(""), h = k({
+      return (u = (f = l.value.options) == null ? void 0 : f.weekStartsOn) != null ? u : 1;
+    }), { densityClass: s, touched: p, value: i, vuetifyBindings: d } = X(n, a), { inputType: v, displayFormatDate: m, displayFormatTime: b } = Ce(n), c = N(""), T = y({
       get() {
-        return o(p) === "date";
+        return o(c) === "date";
       },
       set(f) {
-        p.value = f ? "date" : "";
+        c.value = f ? "date" : "";
       }
-    }), g = k({
+    }), _ = y({
       get() {
-        return o(p) === "time";
+        return o(c) === "time";
       },
       set(f) {
-        p.value = f ? "time" : "";
+        c.value = f ? "time" : "";
       }
-    }), w = (f) => `${ce(f, "yyyy-MM-dd")}T${ce(f, "HH:mm")}:00`, j = E(null);
-    function v(f, u) {
+    }), w = (f) => `${me(f, "yyyy-MM-dd")}T${me(f, "HH:mm")}:00`, h = N(null);
+    function $(f, u) {
       if (f == null)
-        j.value = null;
+        h.value = null;
       else if (u === -1)
-        if (o(d) === "time")
-          j.value = w(/* @__PURE__ */ new Date()), v(`T${f}`, 1);
+        if (o(v) === "time")
+          h.value = w(/* @__PURE__ */ new Date()), $(`T${f}`, 1);
         else {
-          const $ = w(new Date(f));
-          v($, 0), v($, 1);
+          const E = w(new Date(f));
+          $(E, 0), $(E, 1);
         }
       else {
-        j.value == null && (j.value = w(/* @__PURE__ */ new Date()));
-        const $ = j.value.split(/[TZ]/g), z = f.split(/[TZ]/g);
-        $[u] = z[u], j.value = w(/* @__PURE__ */ new Date(`${$[0]}T${$[1].split(".")[0]}`)), o(d) === "date" ? i.value = $[0] : o(d) === "time" ? i.value = $[1] : i.value = o(j) + ce(/* @__PURE__ */ new Date(), "XXX");
+        h.value == null && (h.value = w(/* @__PURE__ */ new Date()));
+        const E = h.value.split(/[TZ]/g), H = f.split(/[TZ]/g);
+        E[u] = H[u], h.value = w(/* @__PURE__ */ new Date(`${E[0]}T${E[1].split(".")[0]}`)), o(v) === "date" ? i.value = E[0] : o(v) === "time" ? i.value = E[1] : i.value = o(h) + me(/* @__PURE__ */ new Date(), "XXX");
       }
     }
-    ie(i, (f) => v(f, -1), { immediate: !0 });
-    const A = k({
+    ue(i, (f) => $(f, -1), { immediate: !0 });
+    const F = y({
       get() {
-        const f = o(j);
+        const f = o(h);
         if (f == null) return null;
         const u = new Date(f);
         return Number.isNaN(u.getTime()) ? null : u;
       },
       set(f) {
-        v(w(f), 0);
+        $(w(f), 0);
       }
-    }), N = k({
+    }), k = y({
       get() {
-        const f = o(j);
+        const f = o(h);
         return f == null ? "" : f.split(/[TZ]/g)[1].split(".")[0];
       },
       set(f) {
-        v(`T${f}`, 1);
+        $(`T${f}`, 1);
       }
-    }), C = k({
+    }), V = y({
       get() {
-        const f = o(A);
-        return f == null ? "" : ce(f, o(_), { locale: a.value });
+        const f = o(F);
+        return f == null ? "" : me(f, o(m), { locale: l.value });
       },
       set(f) {
         try {
-          const u = kt(f, o(_), /* @__PURE__ */ new Date(), { locale: a.value });
-          v(w(u), 0);
+          const u = kt(f, o(m), /* @__PURE__ */ new Date(), { locale: l.value });
+          $(w(u), 0);
         } catch (u) {
           console.error(u);
         }
       }
-    }), W = k({
+    }), L = y({
       get() {
-        const f = o(A);
-        return f == null ? "" : ce(f, o(s), { locale: a.value });
+        const f = o(F);
+        return f == null ? "" : me(f, o(b), { locale: l.value });
       },
       set(f) {
         const u = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (u == null) return;
-        let $ = Le(u[1]);
-        const z = Le(u[2]);
-        Me($) || Me(z) || (u[3] && u[3].toLowerCase() === "pm" && $ < 13 && ($ += 12), v(`T${$.toString().padStart(2, "0")}:${z.toString().padStart(2, "0")}:00`, 1));
+        let E = Me(u[1]);
+        const H = Me(u[2]);
+        Ue(E) || Ue(H) || (u[3] && u[3].toLowerCase() === "pm" && E < 13 && (E += 12), $(`T${E.toString().padStart(2, "0")}:${H.toString().padStart(2, "0")}:00`, 1));
       }
     });
     return (f, u) => {
-      const $ = S("v-date-picker"), z = S("v-confirm-edit"), se = S("v-menu"), ue = S("v-text-field"), T = S("v-time-picker");
-      return V(), D(o(Pe), U(n, {
+      const E = A("v-date-picker"), H = A("v-confirm-edit"), ce = A("v-menu"), de = A("v-text-field"), B = A("v-time-picker");
+      return C(), x(o(De), R(n, {
+        class: o(s),
         clearable: f.clearable,
-        "onClick:clear": u[14] || (u[14] = (I) => i.value = null),
-        onBlur: u[15] || (u[15] = (I) => m.value = !0)
+        "onClick:clear": u[14] || (u[14] = (P) => i.value = null),
+        onBlur: u[15] || (u[15] = (P) => p.value = !0)
       }), {
-        default: b((I) => [
-          ne("div", Ho, [
-            ["date", "datetime"].includes(o(d)) ? (V(), D(ue, U({
+        default: g((P) => [
+          oe("div", {
+            class: re(["d-flex w-100 ml-4 df-input-wrapper", f.density])
+          }, [
+            ["date", "datetime"].includes(o(v)) ? (C(), x(de, R({
               key: 0,
-              modelValue: C.value,
-              "onUpdate:modelValue": u[4] || (u[4] = (y) => C.value = y),
+              modelValue: V.value,
+              "onUpdate:modelValue": u[4] || (u[4] = (j) => V.value = j),
               style: { "flex-grow": "4" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(c).readonly,
-              disabled: o(c).disabled,
-              name: `${o(c).name}-date`
+              readonly: o(d).readonly,
+              disabled: o(d).disabled,
+              name: `${o(d).name}-date`
             }, f.passthroughAttrs, {
-              onClick: u[5] || (u[5] = (y) => p.value = "date"),
-              onKeydown: u[6] || (u[6] = Ae((y) => p.value = "date", ["space"])),
-              onFocus: (y) => I.focus(),
-              onBlur: (y) => I.blur()
+              onClick: u[5] || (u[5] = (j) => c.value = "date"),
+              onKeydown: u[6] || (u[6] = Ne((j) => c.value = "date", ["space"])),
+              onFocus: (j) => P.focus(),
+              onBlur: (j) => P.blur()
             }), {
-              default: b(() => [
-                B(se, {
-                  modelValue: h.value,
-                  "onUpdate:modelValue": u[3] || (u[3] = (y) => h.value = y),
+              default: g(() => [
+                I(ce, {
+                  modelValue: T.value,
+                  "onUpdate:modelValue": u[3] || (u[3] = (j) => T.value = j),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
-                  default: b(() => [
-                    B(z, {
-                      modelValue: A.value,
-                      "onUpdate:modelValue": u[0] || (u[0] = (y) => A.value = y),
-                      onCancel: u[1] || (u[1] = (y) => p.value = ""),
-                      onSave: u[2] || (u[2] = (y) => p.value = "")
+                  default: g(() => [
+                    I(H, {
+                      modelValue: F.value,
+                      "onUpdate:modelValue": u[0] || (u[0] = (j) => F.value = j),
+                      onCancel: u[1] || (u[1] = (j) => c.value = ""),
+                      onSave: u[2] || (u[2] = (j) => c.value = "")
                     }, {
-                      default: b(({ model: y, actions: Y }) => [
-                        B($, {
-                          modelValue: y.value,
-                          "onUpdate:modelValue": (P) => y.value = P,
+                      default: g(({ model: j, actions: Q }) => [
+                        I(E, {
+                          modelValue: j.value,
+                          "onUpdate:modelValue": (D) => j.value = D,
                           "hide-header": !0,
                           "first-day-of-week": r.value,
                           "show-adjacent-months": !0,
                           "show-week": !0
                         }, {
-                          actions: b(() => [
-                            (V(), D(ve(Y)))
+                          actions: g(() => [
+                            (C(), x(be(Q)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue", "first-day-of-week"])
@@ -1720,48 +1742,48 @@ const Mo = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0),
-            ["time", "datetime"].includes(o(d)) ? (V(), D(ue, U({
+            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0),
+            ["time", "datetime"].includes(o(v)) ? (C(), x(de, R({
               key: 1,
-              modelValue: W.value,
-              "onUpdate:modelValue": u[11] || (u[11] = (y) => W.value = y),
+              modelValue: L.value,
+              "onUpdate:modelValue": u[11] || (u[11] = (j) => L.value = j),
               style: { "flex-grow": "3" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(c).readonly,
-              disabled: o(c).disabled,
-              name: `${o(c).name}-time`
+              readonly: o(d).readonly,
+              disabled: o(d).disabled,
+              name: `${o(d).name}-time`
             }, f.passthroughAttrs, {
-              onClick: u[12] || (u[12] = (y) => p.value = "time"),
-              onKeydown: u[13] || (u[13] = Ae((y) => p.value = "time", ["space"])),
-              onFocus: (y) => I.focus(),
-              onBlur: (y) => I.blur()
+              onClick: u[12] || (u[12] = (j) => c.value = "time"),
+              onKeydown: u[13] || (u[13] = Ne((j) => c.value = "time", ["space"])),
+              onFocus: (j) => P.focus(),
+              onBlur: (j) => P.blur()
             }), {
-              default: b(() => [
-                B(se, {
-                  modelValue: g.value,
-                  "onUpdate:modelValue": u[10] || (u[10] = (y) => g.value = y),
+              default: g(() => [
+                I(ce, {
+                  modelValue: _.value,
+                  "onUpdate:modelValue": u[10] || (u[10] = (j) => _.value = j),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
-                  default: b(() => [
-                    B(z, {
-                      modelValue: N.value,
-                      "onUpdate:modelValue": u[7] || (u[7] = (y) => N.value = y),
-                      onCancel: u[8] || (u[8] = (y) => p.value = ""),
-                      onSave: u[9] || (u[9] = (y) => p.value = "")
+                  default: g(() => [
+                    I(H, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": u[7] || (u[7] = (j) => k.value = j),
+                      onCancel: u[8] || (u[8] = (j) => c.value = ""),
+                      onSave: u[9] || (u[9] = (j) => c.value = "")
                     }, {
-                      default: b(({ model: y, actions: Y }) => [
-                        B(T, {
-                          modelValue: y.value,
-                          "onUpdate:modelValue": (P) => y.value = P,
+                      default: g(({ model: j, actions: Q }) => [
+                        I(B, {
+                          modelValue: j.value,
+                          "onUpdate:modelValue": (D) => j.value = D,
                           "hide-header": !0,
                           format: "24hr"
                         }, {
-                          actions: b(() => [
-                            (V(), D(ve(Y)))
+                          actions: g(() => [
+                            (C(), x(be(Q)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue"])
@@ -1773,19 +1795,16 @@ const Mo = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0)
-          ])
+            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0)
+          ], 2)
         ]),
         _: 1
-      }, 16, ["clearable"]);
+      }, 16, ["class", "clearable"]);
     };
   }
-}), Xo = {
-  class: "d-flex w-100 pt-5 pl-2 pb-1",
-  style: { position: "relative" }
-}, Go = /* @__PURE__ */ M({
+}), Wo = /* @__PURE__ */ O({
   __name: "df-file",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     comms: {},
     control: {},
     modelValue: {},
@@ -1798,90 +1817,95 @@ const Mo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, q),
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, Y),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { touched: a, value: r, vuetifyBindings: m } = K(n, l), i = E(null), c = E(null), d = E(0), _ = E(Math.round(Math.random() * 1e3)), s = E(), p = k(() => c.value && d.value < 100), h = k(() => !s.value && r.value ? n.modelValue : "");
-    function g() {
+    const n = e, a = t, { densityClass: l, touched: r, value: s, vuetifyBindings: p } = X(n, a), i = N(null), d = N(null), v = N(0), m = N(Math.round(Math.random() * 1e3)), b = N(), c = y(() => d.value && v.value < 100), T = y(() => !b.value && s.value ? n.modelValue : "");
+    function _() {
       i.value && window.clearInterval(i.value);
     }
     function w() {
-      g(), i.value = window.setInterval(() => {
-        r.value && n.comms.touch(r.value);
+      _(), i.value = window.setInterval(() => {
+        s.value && n.comms.touch(s.value);
       }, 60 * 1e3);
     }
-    He(() => g()), ie(r, (N) => {
-      N ? w() : g();
+    Ke(() => _()), ue(s, (k) => {
+      k ? w() : _();
     });
-    function j() {
-      return ge(this, null, function* () {
-        r.value && (yield n.comms.delete(r.value)), r.value = null, d.value = 0, _.value = Math.round(Math.random() * 1e3), c.value = null, s.value = null, g();
+    function h() {
+      return ye(this, null, function* () {
+        s.value && (yield n.comms.delete(s.value)), s.value = null, v.value = 0, m.value = Math.round(Math.random() * 1e3), d.value = null, b.value = null, _();
       });
     }
-    function v(N) {
-      return ge(this, null, function* () {
-        d.value = -1, c.value = N;
+    function $(k) {
+      return ye(this, null, function* () {
+        v.value = -1, d.value = k;
         try {
-          r.value = yield n.comms.upload(N, (C, W) => {
-            d.value = Math.round(C * 100 / W);
-          }), d.value = 100, w();
-        } catch (C) {
-          throw d.value = 0, c.value = null, _.value = Math.round(Math.random() * 1e3), s.value = null, C;
+          s.value = yield n.comms.upload(k, (V, L) => {
+            v.value = Math.round(V * 100 / L);
+          }), v.value = 100, w();
+        } catch (V) {
+          throw v.value = 0, d.value = null, m.value = Math.round(Math.random() * 1e3), b.value = null, V;
         }
       });
     }
-    function A(N) {
-      N && (Array.isArray(N) ? console.error("Uploading multiple files not supported right now") : v(N));
+    function F(k) {
+      k && (Array.isArray(k) ? console.error("Uploading multiple files not supported right now") : $(k));
     }
-    return (N, C) => {
-      const W = S("v-progress-linear"), f = S("v-file-input");
-      return V(), D(o(Pe), U(F(x({}, n), { loading: p.value }), {
+    return (k, V) => {
+      const L = A("v-progress-linear"), f = A("v-file-input");
+      return C(), x(o(De), R(M(S({}, n), { loading: c.value }), {
+        class: o(l),
         clearable: "",
-        "onClick:clear": j,
-        onBlur: C[1] || (C[1] = (u) => a.value = !0)
+        "onClick:clear": h,
+        onBlur: V[1] || (V[1] = (u) => r.value = !0)
       }), {
-        "prepend-inner": b(() => [
-          B(o(he), { name: "mdi-paperclip" })
+        "prepend-inner": g(() => [
+          I(o(ge), { name: "mdi-paperclip" })
         ]),
-        loader: b(() => [
-          c.value && d.value < 100 ? (V(), D(W, {
+        loader: g(() => [
+          d.value && v.value < 100 ? (C(), x(L, {
             key: 0,
-            "model-value": d.value,
-            indeterminate: d.value === -1
-          }, null, 8, ["model-value", "indeterminate"])) : L("", !0)
+            "model-value": v.value,
+            indeterminate: v.value === -1
+          }, null, 8, ["model-value", "indeterminate"])) : U("", !0)
         ]),
-        default: b((u) => [
-          ne("div", Xo, [
-            B(f, U({
-              modelValue: s.value,
-              "onUpdate:modelValue": C[0] || (C[0] = ($) => s.value = $),
-              label: h.value,
+        default: g((u) => [
+          oe("div", {
+            class: re(["d-flex w-100 position-relative df-input-wrapper", k.density])
+          }, [
+            I(f, R({
+              modelValue: b.value,
+              "onUpdate:modelValue": V[0] || (V[0] = (E) => b.value = E),
+              label: T.value,
               density: "compact",
               variant: "plain",
-              readonly: o(m).readonly,
-              disabled: o(m).disabled,
-              name: o(m).name,
+              readonly: o(p).readonly,
+              disabled: o(p).disabled,
+              name: o(p).name,
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: c.value && d.value < 100 ? "visibility: hidden" : "",
+              style: d.value && v.value < 100 ? "visibility: hidden" : "",
               clearable: !1
-            }, N.passthroughAttrs, {
+            }, k.passthroughAttrs, {
               "prepend-icon": "",
-              "onUpdate:modelValue": A,
-              onFocus: ($) => u.focus(),
-              onBlur: ($) => u.blur()
+              "onUpdate:modelValue": F,
+              onFocus: (E) => u.focus(),
+              onBlur: (E) => u.blur()
             }), null, 16, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
-          ])
+          ], 2)
         ]),
         _: 1
-      }, 16);
+      }, 16, ["class"]);
     };
   }
-}), qo = { class: "container" }, Yo = /* @__PURE__ */ M({
+}), zo = /* @__PURE__ */ O({
   __name: "df-input",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     inputType: {},
     precision: {},
     step: {},
@@ -1898,8 +1922,10 @@ const Mo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), {
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1908,69 +1934,71 @@ const Mo = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), { inputType: d, max: _, min: s, precision: p, step: h } = _e(n), g = k(() => d.value === "number"), w = k(
-      () => g.value ? { min: o(s), max: o(_), precision: o(p), step: o(h) } : {}
+    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, a), { inputType: v, max: m, min: b, precision: c, step: T } = Ce(n), _ = y(() => v.value === "number"), w = y(
+      () => _.value ? { min: o(b), max: o(m), precision: o(c), step: o(T) } : {}
     );
-    return (j, v) => {
-      const A = S("v-text-field"), N = S("v-number-input");
-      return V(), O("div", qo, [
-        g.value ? (V(), D(N, U({
+    return (h, $) => {
+      const F = A("v-text-field"), k = A("v-number-input");
+      return C(), W("div", {
+        class: re(["df-input-container", o(l)])
+      }, [
+        _.value ? (C(), x(k, R({
           key: 1,
           modelValue: o(i),
-          "onUpdate:modelValue": v[2] || (v[2] = (C) => te(i) ? i.value = C : null)
-        }, x(x({}, o(c)), w.value), {
+          "onUpdate:modelValue": $[2] || ($[2] = (V) => ne(i) ? i.value = V : null)
+        }, S(S({}, o(d)), w.value), {
           density: "compact",
           "control-variant": "stacked"
-        }), X({
-          message: b(({ message: C }) => [
-            B(o(le), {
-              message: C,
-              errors: o(a)
+        }), G({
+          message: g(({ message: V }) => [
+            I(o(le), {
+              message: V,
+              errors: o(r)
             }, null, 8, ["message", "errors"])
           ]),
           _: 2
         }, [
-          o(r).icon ? {
+          o(s).icon ? {
             name: "label",
-            fn: b((C) => [
-              B(o(oe), {
-                data: C,
-                label: o(r)
+            fn: g((V) => [
+              I(o(ae), {
+                data: V,
+                label: o(s)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["modelValue"])) : (V(), D(A, U({
+        ]), 1040, ["modelValue"])) : (C(), x(F, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": v[0] || (v[0] = (C) => te(i) ? i.value = C : null)
-        }, o(c), {
-          type: o(d),
-          onBlur: v[1] || (v[1] = (C) => m.value = !0)
-        }), X({
-          message: b(({ message: C }) => [
-            B(o(le), {
-              message: C,
-              errors: o(a)
+          "onUpdate:modelValue": $[0] || ($[0] = (V) => ne(i) ? i.value = V : null)
+        }, o(d), {
+          type: o(v),
+          onBlur: $[1] || ($[1] = (V) => p.value = !0)
+        }), G({
+          message: g(({ message: V }) => [
+            I(o(le), {
+              message: V,
+              errors: o(r)
             }, null, 8, ["message", "errors"])
           ]),
           _: 2
         }, [
-          o(r).icon ? {
+          o(s).icon ? {
             name: "label",
-            fn: b((C) => [
-              B(o(oe), {
-                data: C,
-                label: o(r)
+            fn: g((V) => [
+              I(o(ae), {
+                data: V,
+                label: o(s)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["modelValue", "type"]))
-      ]);
+      ], 2);
     };
   }
-}), Qo = /* @__PURE__ */ be(Yo, [["__scopeId", "data-v-3937c3c8"]]), Zo = { class: "editor-container" }, Jo = { class: "editor-container__editor" }, el = { ref: "editorElement" }, tl = /* @__PURE__ */ M({
+}), Ho = { class: "editor-container" }, Ko = { class: "editor-container__editor" }, Xo = { ref: "editorElement" }, Go = /* @__PURE__ */ O({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -1979,10 +2007,10 @@ const Mo = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    mt((s) => ({
-      "5f8a2e8c": s.minHeight
+    mt((m) => ({
+      "5f8a2e8c": m.minHeight
     }));
-    const l = n, a = E(!1), r = cn, d = {
+    const a = n, l = N(!1), r = cn, d = {
       toolbar: {
         items: [
           "undo",
@@ -2015,17 +2043,17 @@ const Mo = {
       },
       plugins: [
         Vt,
-        _t,
         jt,
         Ct,
         Tt,
+        _t,
         Bt,
         It,
         Pt,
         Dt,
         xt,
-        $t,
         St,
+        $t,
         Et,
         At,
         Nt,
@@ -2050,8 +2078,8 @@ const Mo = {
         tn,
         nn,
         on,
-        ln,
         an,
+        ln,
         rn,
         sn,
         un
@@ -2111,34 +2139,34 @@ const Mo = {
       },
       table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] }
     };
-    ze(() => {
-      a.value = !0;
+    He(() => {
+      l.value = !0;
     });
-    const _ = (s) => {
+    const v = (m) => {
     };
-    return t({ onEditorReady: _ }), (s, p) => {
-      const h = S("ckeditor");
-      return V(), O("div", Zo, [
-        ne("div", Jo, [
-          ne("div", el, [
-            a.value ? (V(), D(h, {
+    return t({ onEditorReady: v }), (m, b) => {
+      const c = A("ckeditor");
+      return C(), W("div", Ho, [
+        oe("div", Ko, [
+          oe("div", Xo, [
+            l.value ? (C(), x(c, {
               key: 0,
-              "model-value": s.modelValue,
+              "model-value": m.modelValue,
               editor: o(r),
               config: d,
-              disabled: s.disabled,
-              style: Xe(`min-height: ${s.minHeight}`),
-              onReady: _,
-              "onUpdate:modelValue": p[0] || (p[0] = (g) => l("update:modelValue", g))
-            }, null, 8, ["model-value", "editor", "disabled", "style"])) : L("", !0)
+              disabled: m.disabled,
+              style: Ge(`min-height: ${m.minHeight}`),
+              onReady: v,
+              "onUpdate:modelValue": b[0] || (b[0] = (T) => a("update:modelValue", T))
+            }, null, 8, ["model-value", "editor", "disabled", "style"])) : U("", !0)
           ], 512)
         ])
       ]);
     };
   }
-}), nl = /* @__PURE__ */ M({
+}), qo = /* @__PURE__ */ O({
   __name: "df-rtf-editor",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     minHeight: {},
     control: {},
     modelValue: {},
@@ -2151,64 +2179,68 @@ const Mo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), { minHeight: void 0 })),
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { value: a, vuetifyBindings: r } = K(n, l);
-    return (m, i) => (V(), D(o(Pe), U(n, { class: "ck-editor-custom" }), {
-      default: b((c) => [
-        B(tl, U({
+    const n = e, a = t, { densityClass: l, value: r, vuetifyBindings: s } = X(n, a);
+    return (p, i) => (C(), x(o(De), R(n, {
+      class: ["ck-editor-custom", o(l)]
+    }), {
+      default: g((d) => [
+        I(Go, R({
           ref: "$editor",
-          modelValue: o(a),
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => te(a) ? a.value = d : null),
-          class: { "mt-6": !!m.label },
-          "min-height": m.minHeight,
-          disabled: o(r).disabled,
+          modelValue: o(r),
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => ne(r) ? r.value = v : null),
+          class: { "mt-6": !!p.label },
+          "min-height": p.minHeight,
+          disabled: o(s).disabled,
           placeholder: "dfsjghdf"
-        }, m.passthroughAttrs, {
-          onFocusin: (d) => c.focus(),
-          onFocusout: (d) => c.blur()
+        }, p.passthroughAttrs, {
+          onFocusin: (v) => d.focus(),
+          onFocusout: (v) => d.blur()
         }), null, 16, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
-    }, 16));
+    }, 16, ["class"]));
   }
 });
-function ol(e) {
+function Yo(e) {
   return e.map((t) => ({ value: t.id, title: t.text, icon: t.icon }));
 }
-function Q(e, t) {
+function Z(e, t) {
   var n;
-  return e == null || Ue(e) && e.length === 0 ? null : t ? Ge(e) : Ue(e) ? (n = qe(e)) != null ? n : null : e;
+  return e == null || Oe(e) && e.length === 0 ? null : t ? qe(e) : Oe(e) ? (n = Ye(e)) != null ? n : null : e;
 }
-function Ve(e, t) {
+function je(e, t) {
   if (t == null) return [];
-  const n = Ge(t);
-  return e.filter((l) => n.some((a) => a === l.id));
+  const n = qe(t);
+  return e.filter((a) => n.some((l) => l === a.id));
 }
-function ye(e, t, n, l, a) {
-  var m;
-  const r = Q(e, n);
+function ke(e, t, n, a, l) {
+  var s;
+  const r = Z(e, n);
   if (r == null) {
     t.value = n ? [] : null;
     return;
   }
   if (n)
-    l ? t.value = r : t.value = Ve(a, r).map((i) => i.id);
-  else if (l)
+    a ? t.value = r : t.value = je(l, r).map((p) => p.id);
+  else if (a)
     t.value = r;
   else {
-    const i = qe(Ve(a, r));
-    t.value = (m = i == null ? void 0 : i.id) != null ? m : null;
+    const p = Ye(je(l, r));
+    t.value = (s = p == null ? void 0 : p.id) != null ? s : null;
   }
 }
-const ll = {
+const Qo = {
   key: 0,
   class: "me-1"
-}, al = /* @__PURE__ */ M({
+}, Zo = /* @__PURE__ */ O({
   __name: "df-select",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     choices: {},
     multiple: { type: Boolean },
     allowTags: { type: Boolean },
@@ -2225,8 +2257,10 @@ const ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), {
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -2235,184 +2269,192 @@ const ll = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, { choices: l, multiple: a, allowTags: r, allowNull: m, cssClass: i, visibility: c } = _e(n), d = t, { errors: _, label: s, touched: p, value: h, vuetifyBindings: g } = K(n, d), w = E(null), j = E(!1), v = E([]), A = k(() => o(j) ? o(v) : o(l) || []), N = E(!1), C = k(() => ol(A.value));
-    C.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
-    function W(T) {
-      d("update:modelValueDisplay", Ve(A.value, T));
+    const n = e, { choices: a, multiple: l, allowTags: r, allowNull: s, cssClass: p, visibility: i } = Ce(n), d = t, {
+      densityClass: v,
+      errors: m,
+      label: b,
+      touched: c,
+      value: T,
+      vuetifyBindings: _
+    } = X(n, d), w = N(null), h = N(!1), $ = N([]), F = y(() => o(h) ? o($) : o(a) || []), k = N(!1), V = y(() => Yo(F.value));
+    V.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
+    function L(B) {
+      d("update:modelValueDisplay", je(F.value, B));
     }
     let f = !1;
-    function u(T) {
-      f = !0, h.value = T, Ne(() => {
+    function u(B) {
+      f = !0, T.value = B, Fe(() => {
         f = !1;
       });
     }
-    ie(
+    ue(
       w,
-      (T) => {
-        g.value.readonly || Ne(() => {
-          const I = Q(T, a.value);
-          W(I), u(I);
+      (B) => {
+        _.value.readonly || Fe(() => {
+          const P = Z(B, l.value);
+          L(P), u(P);
         });
       },
       { deep: !0 }
-    ), ie(
-      h,
-      (T) => {
+    ), ue(
+      T,
+      (B) => {
         if (!f) {
-          const I = Q(T, a.value);
-          ye(I, w, a.value, !1, A.value);
+          const P = Z(B, l.value);
+          ke(P, w, l.value, !1, F.value);
         }
       },
       { deep: !0 }
     );
-    function $() {
-      if (g.value.readonly || r.value) return;
-      const T = Q(w.value, a.value);
-      ye(T, w, a.value, !1, A.value), u(T);
+    function E() {
+      if (_.value.readonly || r.value) return;
+      const B = Z(w.value, l.value);
+      ke(B, w, l.value, !1, F.value), u(B);
     }
-    function z(T) {
-      let I;
-      a.value && Array.isArray(w.value) ? I = Q(
-        w.value.filter((y) => y !== T),
-        a.value
-      ) : I = null, ye(I, w, a.value, !1, A.value), u(I);
+    function H(B) {
+      let P;
+      l.value && Array.isArray(w.value) ? P = Z(
+        w.value.filter((j) => j !== B),
+        l.value
+      ) : P = null, ke(P, w, l.value, !1, F.value), u(P);
     }
-    function se(T, I) {
-      return ge(this, null, function* () {
-        if (!(l.value || n.fetchChoices === void 0)) {
-          N.value = !0;
+    function ce(B, P) {
+      return ye(this, null, function* () {
+        if (!(a.value || n.fetchChoices === void 0)) {
+          k.value = !0;
           try {
-            const y = Ve(
-              A.value,
-              Q(w.value, a.value)
-            ), Y = yield n.fetchChoices(T, I);
-            v.value = ht([...y, ...Y], "id"), j.value = !0;
+            const j = je(
+              F.value,
+              Z(w.value, l.value)
+            ), Q = yield n.fetchChoices(B, P);
+            $.value = ht([...j, ...Q], "id"), h.value = !0;
           } finally {
-            N.value = !1;
+            k.value = !1;
           }
         }
       });
     }
-    function ue() {
-      let T = h.value;
-      !m.value && T == null && C.value.length && (T = C.value[0].value), T = Q(T, a.value), ye(T, w, a.value, r.value, A.value), W(T), u(T);
+    function de() {
+      let B = T.value;
+      !s.value && B == null && V.value.length && (B = V.value[0].value), B = Z(B, l.value), ke(B, w, l.value, r.value, F.value), L(B), u(B);
     }
-    return ue(), n.fetchChoices !== void 0 && se(void 0, h.value).then(() => {
-      ue();
-    }), (T, I) => {
-      const y = S("v-chip"), Y = S("v-list-item");
-      return o(c) !== o(H).SUPPRESS ? (V(), D(ve(o(r) ? "v-combobox" : "v-autocomplete"), U({
+    return de(), n.fetchChoices !== void 0 && ce(void 0, T.value).then(() => {
+      de();
+    }), (B, P) => {
+      const j = A("v-chip"), Q = A("v-list-item");
+      return o(i) !== o(K).SUPPRESS ? (C(), x(be(o(r) ? "v-combobox" : "v-autocomplete"), R({
         key: 0,
         modelValue: w.value,
-        "onUpdate:modelValue": I[0] || (I[0] = (P) => w.value = P),
+        "onUpdate:modelValue": P[0] || (P[0] = (D) => w.value = D),
         class: [
-          o(i),
+          o(p),
+          o(v),
           {
-            "d-none": o(c) === o(H).HIDDEN,
-            invisible: o(c) === o(H).INVISIBLE
+            "d-none": o(i) === o(K).HIDDEN,
+            invisible: o(i) === o(K).INVISIBLE
           }
         ],
-        items: C.value,
+        items: V.value,
         "return-object": !1
-      }, o(g), {
-        label: o(g).label,
+      }, o(_), {
+        label: o(_).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": o(m) || o(a) && w.value.length > 1,
-        clearable: o(m),
-        multiple: o(a),
-        loading: N.value,
+        "closable-chips": o(s) || o(l) && w.value.length > 1,
+        clearable: o(s),
+        multiple: o(l),
+        loading: k.value,
         "hide-selected": !1,
-        "aria-describedby": o(g).helpText ? `${o(g).name}-help` : null,
+        "aria-describedby": o(_).helpText ? `${o(_).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": I[1] || (I[1] = (P) => se(P, void 0)),
-        "onUpdate:modelValue": $,
-        "onClick:clear": I[2] || (I[2] = (P) => w.value = null),
-        onBlur: I[3] || (I[3] = (P) => p.value = !0)
-      }), X({
-        chip: b(({ item: P }) => [
-          (V(), D(y, {
-            key: P.value,
+        "onUpdate:search": P[1] || (P[1] = (D) => ce(D, void 0)),
+        "onUpdate:modelValue": E,
+        "onClick:clear": P[2] || (P[2] = (D) => w.value = null),
+        onBlur: P[3] || (P[3] = (D) => c.value = !0)
+      }), G({
+        chip: g(({ item: D }) => [
+          (C(), x(j, {
+            key: D.value,
             label: "",
             size: "small",
             class: "d-flex align-middle",
-            variant: o(a) ? "tonal" : "text",
-            closable: o(a),
-            "onClick:close": (ae) => z(P.value)
+            variant: o(l) ? "tonal" : "text",
+            closable: o(l),
+            "onClick:close": (ie) => H(D.value)
           }, {
-            prepend: b(() => {
-              var ae;
+            prepend: g(() => {
+              var ie;
               return [
-                (ae = P.raw) != null && ae.icon ? (V(), D(o(he), {
+                (ie = D.raw) != null && ie.icon ? (C(), x(o(ge), {
                   key: 0,
                   class: "me-1",
-                  name: P.raw.icon
-                }, null, 8, ["name"])) : L("", !0)
+                  name: D.raw.icon
+                }, null, 8, ["name"])) : U("", !0)
               ];
             }),
-            default: b(() => [
-              ne("span", {
-                class: Ie({ "text-body-1": !o(a) })
-              }, Be(P.title), 3)
+            default: g(() => [
+              oe("span", {
+                class: re({ "text-body-1": !o(l) })
+              }, Pe(D.title), 3)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        item: b(({ props: P, item: ae }) => [
-          B(Y, Z(J(P)), {
-            prepend: b(() => {
-              var De;
+        item: g(({ props: D, item: ie }) => [
+          I(Q, J(ee(D)), {
+            prepend: g(() => {
+              var xe;
               return [
-                (De = ae.raw) != null && De.icon ? (V(), O("span", ll, [
-                  B(o(he), {
+                (xe = ie.raw) != null && xe.icon ? (C(), W("span", Qo, [
+                  I(o(ge), {
                     class: "action-icon",
-                    name: ae.raw.icon
+                    name: ie.raw.icon
                   }, null, 8, ["name"])
-                ])) : L("", !0)
+                ])) : U("", !0)
               ];
             }),
             _: 2
           }, 1040)
         ]),
-        message: b(({ message: P }) => [
-          B(o(le), {
-            message: P,
-            errors: o(_)
+        message: g(({ message: D }) => [
+          I(o(le), {
+            message: D,
+            errors: o(m)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        o(s).icon ? {
+        o(b).icon ? {
           name: "label",
-          fn: b((P) => [
-            B(o(oe), {
-              data: P,
-              label: o(s)
+          fn: g((D) => [
+            I(o(ae), {
+              data: D,
+              label: o(b)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
         } : void 0,
-        T.$slots["append-inner"] ? {
+        B.$slots["append-inner"] ? {
           name: "append-inner",
-          fn: b((P) => [
-            re(T.$slots, "append-inner", Z(J(P)))
+          fn: g((D) => [
+            se(B.$slots, "append-inner", J(ee(D)))
           ]),
           key: "1"
         } : void 0,
-        T.$slots["prepend-inner"] ? {
+        B.$slots["prepend-inner"] ? {
           name: "prepend-inner",
-          fn: b((P) => [
-            re(T.$slots, "prepend-inner", Z(J(P)))
+          fn: g((D) => [
+            se(B.$slots, "prepend-inner", J(ee(D)))
           ]),
           key: "2"
         } : void 0
-      ]), 1040, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : L("", !0);
+      ]), 1040, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : U("", !0);
     };
   }
-}), rl = { class: "container" }, il = /* @__PURE__ */ M({
+}), Jo = /* @__PURE__ */ O({
   __name: "df-text-area",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     rows: {},
     maxRows: {},
     control: {},
@@ -2426,68 +2468,72 @@ const ll = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
-    passthroughAttrs: {}
-  }, F(x({}, q), {
+    passthroughAttrs: {},
+    density: {},
+    variant: {}
+  }, M(S({}, Y), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: m, value: i, vuetifyBindings: c } = K(n, l), { cssClass: d, visibility: _ } = _e(n);
-    return (s, p) => {
-      const h = S("v-textarea");
-      return V(), O("div", rl, [
-        o(_) !== o(H).SUPPRESS ? (V(), D(h, U({
+    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, a), { cssClass: v, visibility: m } = Ce(n);
+    return (b, c) => {
+      const T = A("v-textarea");
+      return C(), W("div", {
+        class: re(["df-textarea-container", o(l)])
+      }, [
+        o(m) !== o(K).SUPPRESS ? (C(), x(T, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": p[0] || (p[0] = (g) => te(i) ? i.value = g : null),
+          "onUpdate:modelValue": c[0] || (c[0] = (_) => ne(i) ? i.value = _ : null),
           class: [
-            o(d),
+            o(v),
             {
-              "d-none": o(_) === o(H).HIDDEN,
-              invisible: o(_) === o(H).INVISIBLE
+              "d-none": o(m) === o(K).HIDDEN,
+              invisible: o(m) === o(K).INVISIBLE
             }
           ],
-          rows: s.rows,
-          "auto-grow": (s.maxRows || 0) > 0,
-          "max-rows": s.maxRows
-        }, o(c), {
-          onBlur: p[1] || (p[1] = (g) => m.value = !0)
-        }), X({
-          message: b(({ message: g }) => [
-            B(o(le), {
-              message: g,
-              errors: o(a)
+          rows: b.rows,
+          "auto-grow": (b.maxRows || 0) > 0,
+          "max-rows": b.maxRows
+        }, o(d), {
+          onBlur: c[1] || (c[1] = (_) => p.value = !0)
+        }), G({
+          message: g(({ message: _ }) => [
+            I(o(le), {
+              message: _,
+              errors: o(r)
             }, null, 8, ["message", "errors"])
           ]),
           _: 2
         }, [
-          o(r).icon ? {
+          o(s).icon ? {
             name: "label",
-            fn: b((g) => [
-              B(o(oe), {
-                data: g,
-                label: o(r)
+            fn: g((_) => [
+              I(o(ae), {
+                data: _,
+                label: o(s)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["modelValue", "class", "rows", "auto-grow", "max-rows"])) : L("", !0)
-      ]);
+        ]), 1040, ["modelValue", "class", "rows", "auto-grow", "max-rows"])) : U("", !0)
+      ], 2);
     };
   }
-}), sl = /* @__PURE__ */ be(il, [["__scopeId", "data-v-d9284a00"]]), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DfActions: Ro,
-  DfCheckbox: Wo,
-  DfColor: zo,
-  DfDateTime: Ko,
-  DfFile: Go,
-  DfInput: Qo,
-  DfRtfEditor: nl,
-  DfSelect: al,
-  DfTextArea: sl
-}, Symbol.toStringTag, { value: "Module" })), cl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DfActions: Mo,
+  DfCheckbox: Uo,
+  DfColor: Oo,
+  DfDateTime: Ro,
+  DfFile: Wo,
+  DfInput: zo,
+  DfRtfEditor: qo,
+  DfSelect: Zo,
+  DfTextArea: Jo
+}, Symbol.toStringTag, { value: "Module" })), ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VAutocomplete: dn,
   VBtn: mn,
@@ -2498,60 +2544,60 @@ const ll = {
   VCombobox: vn,
   VConfirmEdit: bn,
   VDatePicker: gn,
-  VField: wn,
-  VFileInput: yn,
-  VIcon: _n,
-  VImg: jn,
-  VInput: Cn,
-  VListItem: Tn,
+  VField: yn,
+  VFileInput: wn,
+  VIcon: jn,
+  VImg: Cn,
+  VInput: Tn,
+  VListItem: _n,
   VMenu: Bn,
   VNumberInput: In,
   VProgressLinear: Pn,
   VRow: Vn,
   VSelect: Dn,
   VSwitch: xn,
-  VTextField: Sn,
-  VTextarea: $n,
+  VTextField: $n,
+  VTextarea: Sn,
   VTimePicker: En
-}, Symbol.toStringTag, { value: "Module" })), zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Hl = {
+}, Symbol.toStringTag, { value: "Module" })), Na = {
   install: (e, t) => {
-    var n, l;
-    e.use(Kn), e.provide(Je, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(ul).map(([a, r]) => e.component(a, r)), (l = t == null ? void 0 : t.registerVuetifyComponents) != null && l && Object.entries(cl).map(([a, r]) => e.component(a, r));
+    var n, a;
+    e.use(Kn), e.provide(et, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(ea).map(([l, r]) => e.component(l, r)), (a = t == null ? void 0 : t.registerVuetifyComponents) != null && a && Object.entries(ta).map(([l, r]) => e.component(l, r));
   }
 };
 export {
-  ke as Action,
-  R as ActionDisplayStyle,
+  Ve as Action,
+  z as ActionDisplayStyle,
   Po as DateTimeLocaleConfig,
-  Ro as DfActions,
-  Wo as DfCheckbox,
-  zo as DfColor,
-  Ko as DfDateTime,
-  Go as DfFile,
-  Qo as DfInput,
-  zl as DfInputComponentProps,
-  ul as DfInputComponents,
-  oe as DfLabel,
-  nl as DfRtfEditor,
-  al as DfSelect,
-  sl as DfTextArea,
-  Hl as DynamicFormsInputs,
-  Pe as InputBase,
-  $o as Label,
+  Mo as DfActions,
+  Uo as DfCheckbox,
+  Oo as DfColor,
+  Ro as DfDateTime,
+  Wo as DfFile,
+  zo as DfInput,
+  Aa as DfInputComponentProps,
+  ea as DfInputComponents,
+  ae as DfLabel,
+  qo as DfRtfEditor,
+  Zo as DfSelect,
+  Jo as DfTextArea,
+  Na as DynamicFormsInputs,
+  De as InputBase,
+  xo as Label,
   le as MessagesWidget,
-  Lo as ResponsiveActionRenderOptions,
-  Ao as ResponsiveRenderOptions,
-  cl as VuetifyComponents,
-  q as defaultBaseProps,
-  Re as defaultDisplayStyle,
-  No as getBreakpointName,
-  We as responsiveBreakpoints,
-  fe as translatableStrings,
-  Wl as translateStrings,
-  Fo as useBreakpoint,
-  K as useInputBase,
-  Je as vuetifyInputsSettingsKey
+  No as ResponsiveActionRenderOptions,
+  $o as ResponsiveRenderOptions,
+  ta as VuetifyComponents,
+  Y as defaultBaseProps,
+  We as defaultDisplayStyle,
+  Eo as getBreakpointName,
+  ze as responsiveBreakpoints,
+  he as translatableStrings,
+  Ea as translateStrings,
+  Ao as useBreakpoint,
+  X as useInputBase,
+  et as vuetifyInputsSettingsKey
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map