@dynamicforms/vuetify-inputs 0.5.5 → 0.5.6

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,17 +1,17 @@
 var tt = Object.defineProperty, nt = Object.defineProperties;
 var ot = Object.getOwnPropertyDescriptors;
-var xe = Object.getOwnPropertySymbols;
+var $e = Object.getOwnPropertySymbols;
 var lt = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable;
-var je = (e, t, n) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, x = (e, t) => {
+var je = (e, t, n) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, $ = (e, t) => {
   for (var n in t || (t = {}))
     lt.call(t, n) && je(e, n, t[n]);
-  if (xe)
-    for (var n of xe(t))
+  if ($e)
+    for (var n of $e(t))
       at.call(t, n) && je(e, n, t[n]);
   return e;
 }, O = (e, t) => nt(e, ot(t));
 var Se = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
-var we = (e, t, n) => new Promise((l, a) => {
+var ge = (e, t, n) => new Promise((l, a) => {
   var r = (c) => {
     try {
       i(n.next(c));
@@ -27,15 +27,15 @@ var we = (e, t, n) => new Promise((l, a) => {
   }, i = (c) => c.done ? l(c.value) : Promise.resolve(c.value).then(r, p);
   i((n = n.apply(e, t)).next());
 });
-import * as Ee from "vue";
-import { defineComponent as M, mergeModels as Ne, useModel as rt, ref as E, watch as ue, onMounted as He, markRaw as it, onBeforeUnmount as Ke, createBlock as P, openBlock as h, resolveDynamicComponent as ce, version as st, isRef as te, resolveComponent as $, createElementBlock as A, createCommentVNode as L, createTextVNode as Xe, Fragment as Ie, toDisplayString as se, inject as ut, computed as _, renderList as Ge, normalizeClass as ge, unref as o, mergeProps as H, withCtx as v, createSlots as q, createVNode as B, renderSlot as ie, normalizeProps as X, guardReactiveProps as G, createElementVNode as ne, withModifiers as ct, mergeDefaults as Y, normalizeStyle as Pe, toRefs as _e, withKeys as Fe, useCssVars as dt, nextTick as Ae } from "vue";
-import { debounce as mt, isString as ee, isEmpty as be, isObjectLike as pt, isBoolean as Le, clone as ft, toNumber as Me, isNaN as Ue, isArray as Oe, castArray as qe, first as Ye, unionBy as vt } from "lodash-es";
+import * as xe from "vue";
+import { defineComponent as M, mergeModels as Ae, useModel as rt, ref as A, watch as ue, onMounted as ze, markRaw as it, onBeforeUnmount as He, createBlock as P, openBlock as h, resolveDynamicComponent as ce, version as st, isRef as te, resolveComponent as S, createElementBlock as F, createCommentVNode as L, createTextVNode as Ke, Fragment as Ie, toDisplayString as se, inject as ut, computed as _, renderList as Xe, normalizeClass as Ve, unref as o, mergeProps as R, withCtx as v, createSlots as q, createVNode as B, renderSlot as ie, normalizeProps as X, guardReactiveProps as G, createElementVNode as ne, withModifiers as ct, mergeDefaults as Y, normalizeStyle as Ge, toRefs as _e, withKeys as Ee, useCssVars as dt, nextTick as Ne } from "vue";
+import { debounce as mt, isString as ee, isEmpty as be, isObjectLike as pt, isBoolean as Fe, clone as ft, toNumber as Le, isNaN as Me, isArray as Ue, castArray as qe, first as Ye, unionBy as vt } from "lodash-es";
 import Be from "vue-ionicon";
-import Re, { ValidationErrorRenderContent as bt, DisplayMode as z, Action as ht } from "@dynamicforms/vue-forms";
+import Oe, { ValidationErrorRenderContent as bt, DisplayMode as H, Action as ht } from "@dynamicforms/vue-forms";
 import gt from "vue-markdown-render";
 import { useDisplay as wt } from "vuetify";
 import { format as pe, parse as yt } from "date-fns";
-import { AccessibilityHelp as kt, Alignment as Vt, AutoImage as _t, AutoLink as jt, Autosave as Ct, BalloonToolbar as Tt, BlockQuote as Bt, Bold as It, CloudServices as Pt, Essentials as Dt, GeneralHtmlSupport as $t, Heading as xt, HorizontalLine as St, ImageBlock as Et, ImageCaption as Nt, ImageInline as Ft, ImageInsertViaUrl as At, ImageResize as Lt, ImageStyle as Mt, ImageToolbar as Ut, ImageUpload as Ot, Indent as Rt, IndentBlock as Wt, Italic as zt, Link as Ht, List as Kt, Autoformat as Xt, MediaEmbed as Gt, Paragraph as qt, PasteFromMarkdownExperimental as Yt, PasteFromOffice as Qt, SelectAll as Zt, Style as Jt, Table as en, TableCellProperties as tn, TableColumnResize as nn, TableProperties as on, TableToolbar as ln, Undo as an, TextTransformation as rn, Base64UploadAdapter as sn, ClassicEditor as un } from "ckeditor5";
+import { AccessibilityHelp as kt, Alignment as Vt, AutoImage as _t, AutoLink as jt, Autosave as Ct, BalloonToolbar as Tt, BlockQuote as Bt, Bold as It, CloudServices as Pt, Essentials as Dt, GeneralHtmlSupport as $t, Heading as St, HorizontalLine as xt, ImageBlock as At, ImageCaption as Et, ImageInline as Nt, ImageInsertViaUrl as Ft, ImageResize as Lt, ImageStyle as Mt, ImageToolbar as Ut, ImageUpload as Ot, Indent as Rt, IndentBlock as Wt, Italic as zt, Link as Ht, List as Kt, Autoformat as Xt, MediaEmbed as Gt, Paragraph as qt, PasteFromMarkdownExperimental as Yt, PasteFromOffice as Qt, SelectAll as Zt, Style as Jt, Table as en, TableCellProperties as tn, TableColumnResize as nn, TableProperties as on, TableToolbar as ln, Undo as an, TextTransformation as rn, Base64UploadAdapter as sn, ClassicEditor as un } from "ckeditor5";
 import { VAutocomplete as cn } from "vuetify/components/VAutocomplete";
 import { VBtn as dn } from "vuetify/components/VBtn";
 import { VCheckbox as mn } from "vuetify/components/VCheckbox";
@@ -57,8 +57,8 @@ import { VProgressLinear as In } from "vuetify/components/VProgressLinear";
 import { VSelect as Pn } from "vuetify/components/VSelect";
 import { VSwitch as Dn } from "vuetify/components/VSwitch";
 import { VTextarea as $n } from "vuetify/components/VTextarea";
-import { VTextField as xn } from "vuetify/components/VTextField";
-import { VTimePicker as Sn } from "vuetify/labs/VTimePicker";
+import { VTextField as Sn } from "vuetify/components/VTextField";
+import { VTimePicker as xn } from "vuetify/labs/VTimePicker";
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -72,9 +72,9 @@ new Array(256).fill("").map((e, t) => ("0" + t.toString(16)).slice(-2));
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function En(e, t) {
+function An(e, t) {
   const n = e.extraPlugins || [];
-  return O(x({}, e), {
+  return O($({}, e), {
     extraPlugins: [
       ...n,
       ...t.filter((l) => !n.includes(l))
@@ -95,14 +95,14 @@ function Qe(e) {
 function Ze(e) {
   return e ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((t) => e.includes(t)) : !1;
 }
-function Nn(e) {
+function En(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) {
+function Nn(e) {
   if (!Qe(e))
     throw new Error(`Invalid semantic version: ${e || "<blank>"}.`);
   const [t, n, l] = e.split(".");
@@ -116,10 +116,10 @@ function Fn(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 An(e) {
+function Fn(e) {
   if (Ze(e))
     return 3;
-  const { major: t } = Fn(e);
+  const { major: t } = Nn(e);
   switch (!0) {
     case t >= 44:
       return 3;
@@ -135,7 +135,7 @@ function An(e) {
  */
 function Ln() {
   const { CKEDITOR_VERSION: e, CKEDITOR: t } = window;
-  return Nn(e) ? {
+  return En(e) ? {
     source: t ? "cdn" : "npm",
     version: e
   } : null;
@@ -146,7 +146,7 @@ function Ln() {
  */
 function Mn() {
   const e = Ln();
-  return e ? An(e.version) : null;
+  return e ? Fn(e.version) : null;
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
@@ -190,7 +190,7 @@ const On = Un(
  * For licensing, see LICENSE.md.
  */
 function Rn(e) {
-  return Je(e.licenseKey) ? e : En(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
@@ -202,7 +202,7 @@ function Rn(e) {
 const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, zn = /* @__PURE__ */ M({
   name: "CKEditor",
   __name: "ckeditor",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ae({
     editor: {},
     config: { default: () => ({}) },
     tagName: { default: "div" },
@@ -212,9 +212,9 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, zn =
     modelValue: { type: String, default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ne(["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 = rt(e, "modelValue"), a = e, r = n, p = E(), i = E(), c = E();
+    const l = rt(e, "modelValue"), a = e, r = n, p = A(), i = A(), c = A();
     t({
       instance: i,
       lastEditorData: c
@@ -243,7 +243,7 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, zn =
         r("blur", b, s);
       });
     }
-    return u(), He(() => {
+    return u(), ze(() => {
       const s = Rn(
         Object.assign({}, a.config)
       );
@@ -252,7 +252,7 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, zn =
       }).catch((m) => {
         console.error(m);
       });
-    }), Ke(() => {
+    }), He(() => {
       i.value && (i.value.destroy(), i.value = void 0), r("destroy");
     }), (s, m) => (h(), P(ce(s.tagName), {
       ref_key: "element",
@@ -265,7 +265,7 @@ const Ce = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Wn = 300, zn =
  * For licensing, see LICENSE.md.
  */
 /* istanbul ignore if -- @preserve */
-if (!Ee.version || !Ee.version.startsWith("3."))
+if (!xe.version || !xe.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"
   );
@@ -981,7 +981,7 @@ const Zn = (e, t, n) => {
     firstWeekContainsDate: 1
   }
 }, Io = {
-  dateTimeLocale: E(Bo),
+  dateTimeLocale: A(Bo),
   setDateTimeLocale(e) {
     te(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
   }
@@ -993,9 +993,9 @@ const Zn = (e, t, n) => {
   },
   setup(e) {
     return (t, n) => {
-      const l = $("v-icon"), a = $("v-img");
-      return h(), A("div", Po, [
-        t.label.icon ? (h(), A(Ie, { key: 0 }, [
+      const l = S("v-icon"), a = S("v-img");
+      return h(), F("div", Po, [
+        t.label.icon ? (h(), F(Ie, { key: 0 }, [
           t.label.iconComponent === "v-icon" ? (h(), P(l, {
             key: 0,
             icon: t.label.icon,
@@ -1009,7 +1009,7 @@ const Zn = (e, t, n) => {
             src: t.label.icon
           }, null, 8, ["src"]))
         ], 64)) : L("", !0),
-        Xe(" " + se(t.data ? t.data.label : t.label.text), 1)
+        Ke(" " + se(t.data ? t.data.label : t.label.text), 1)
       ]);
     };
   }
@@ -1026,7 +1026,7 @@ class $o {
 }
 const Q = { enabled: void 0, clearable: !0 };
 function K(e, t) {
-  const n = ut(et, {}), l = E(null), a = _({
+  const n = ut(et, {}), l = A(null), a = _({
     get() {
       return e.control ? e.control.value : e.modelValue === void 0 ? l.value : e.modelValue;
     },
@@ -1034,12 +1034,12 @@ function K(e, t) {
       e.control && (e.control.value = k), e.modelValue === void 0 && (l.value = k), t("update:modelValue", k);
     }
   });
-  if (e.control && !(e.control instanceof Re.FieldBase))
+  if (e.control && !(e.control instanceof Oe.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const r = E(!1), p = _(() => e.control ? e.control.valid : !0), i = _(
+  const r = A(!1), p = _(() => e.control ? e.control.valid : !0), i = _(
     () => e.control ? e.control.errors : (e.errors || []).map((k) => new bt(k))
   ), c = _(() => r.value && i.value.length > 0 ? " " : void 0), u = _(() => e.control ? e.control.enabled : e.enabled !== !1), j = _(
-    () => e.control ? e.control.visibility : e.visibility || Re.DisplayMode.FULL
+    () => e.control ? e.control.visibility : e.visibility || Oe.DisplayMode.FULL
   ), s = _(
     () => ee(e.label || "") ? new $o(e.label || "") : e.label
   ), m = _(() => e.placeholder || ""), b = _(() => e.helpText || ""), g = _(() => e.hint || ""), w = _(() => e.cssClass || "");
@@ -1053,7 +1053,7 @@ function K(e, t) {
     touched: r,
     vuetifyBindings: _(() => {
       var k, y;
-      return {
+      return $({
         name: (k = e.control) == null ? void 0 : k.fieldName,
         class: w.value,
         density: "default",
@@ -1072,44 +1072,44 @@ function K(e, t) {
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
         helpText: b.value
-      };
+      }, e.passthroughAttrs || {});
     })
   };
 }
-const xo = {
+const So = {
   key: 0,
   class: "custom-error-display text-error"
-}, So = { key: 0 }, Eo = { key: 1 }, No = /* @__PURE__ */ M({
+}, xo = { key: 0 }, Ao = { key: 1 }, Eo = /* @__PURE__ */ M({
   __name: "messages-widget",
   props: {
     errors: {},
     message: {}
   },
   setup(e) {
-    return (t, n) => t.message === " " ? (h(), A("div", xo, [
-      (h(!0), A(Ie, null, Ge(t.errors, (l, a) => {
+    return (t, n) => t.message === " " ? (h(), F("div", So, [
+      (h(!0), F(Ie, null, Xe(t.errors, (l, a) => {
         var r;
-        return h(), A("div", {
+        return h(), F("div", {
           key: a,
-          class: ge({ "first-error": a === 0, "last-error": a === t.errors.length - 1 })
+          class: Ve({ "first-error": a === 0, "last-error": a === t.errors.length - 1 })
         }, [
-          l.componentName === "template" ? (h(), A("div", So, se(l.componentBody), 1)) : l.componentName === "vue-markdown" ? (h(), P(o(gt), {
+          l.componentName === "template" ? (h(), F("div", xo, se(l.componentBody), 1)) : l.componentName === "vue-markdown" ? (h(), P(o(gt), {
             key: 1,
             source: (r = l.componentBindings) == null ? void 0 : r.source
-          }, null, 8, ["source"])) : (h(), P(ce(l.componentName), H({
+          }, null, 8, ["source"])) : (h(), P(ce(l.componentName), R({
             key: 2,
             ref_for: !0
           }, l.componentBindings), {
             default: v(() => [
-              Xe(se(l.componentBody), 1)
+              Ke(se(l.componentBody), 1)
             ]),
             _: 2
           }, 1040))
         ], 2);
       }), 128))
-    ])) : (h(), A("span", Eo, se(t.message), 1));
+    ])) : (h(), F("span", Ao, se(t.message), 1));
   }
-}), le = /* @__PURE__ */ ae(No, [["__scopeId", "data-v-ff7a8b63"]]), Fo = { class: "d-flex w-100 style-resetting" }, Ao = /* @__PURE__ */ M({
+}), le = /* @__PURE__ */ ae(Eo, [["__scopeId", "data-v-ff7a8b63"]]), No = { class: "d-flex w-100 style-resetting" }, Fo = /* @__PURE__ */ M({
   __name: "input-base",
   props: {
     control: {},
@@ -1123,28 +1123,29 @@ const xo = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean },
+    passthroughAttrs: {},
     loading: { type: Boolean }
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, value: p, touched: i, visibility: c, vuetifyBindings: u } = K(n, l), j = _(() => !!(o(n.clearable) && o(p))), s = E(!1);
+    const n = e, l = t, { errors: a, label: r, value: p, touched: i, visibility: c, vuetifyBindings: u } = K(n, l), j = _(() => !!(o(n.clearable) && o(p))), s = A(!1);
     function m(b) {
       s.value = b, b || (i.value = !0, l("blur"));
     }
     return (b, g) => {
-      const w = $("v-field"), k = $("v-input");
-      return o(c) !== o(z).SUPPRESS ? (h(), P(k, {
+      const w = S("v-field"), k = S("v-input");
+      return o(c) !== o(H).SUPPRESS ? (h(), P(k, {
         key: 0,
         name: o(u).name,
         hint: o(u).hint,
         "persistent-hint": o(u).persistentHint,
         "hide-details": o(u).hideDetails,
         "error-messages": o(u).errorMessages,
-        class: ge([
+        class: Ve([
           b.cssClass,
           {
-            "d-none": o(c) === o(z).HIDDEN,
-            invisible: o(c) === o(z).INVISIBLE
+            "d-none": o(c) === o(H).HIDDEN,
+            invisible: o(c) === o(H).INVISIBLE
           }
         ])
       }, q({
@@ -1168,7 +1169,7 @@ const xo = {
             "onUpdate:focused": g[1] || (g[1] = (y) => m(y))
           }, q({
             default: v((y) => [
-              ne("div", Fo, [
+              ne("div", No, [
                 ie(b.$slots, "default", X(G(y)), void 0, !0)
               ])
             ]),
@@ -1208,7 +1209,7 @@ const xo = {
       ]), 1032, ["name", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : L("", !0);
     };
   }
-}), De = /* @__PURE__ */ ae(Ao, [["__scopeId", "data-v-7ba7207d"]]), he = {
+}), Pe = /* @__PURE__ */ ae(Fo, [["__scopeId", "data-v-7ba7207d"]]), he = {
   Yes: "Yes",
   No: "No",
   Close: "Close"
@@ -1218,16 +1219,16 @@ function Xl(e) {
     he[t] = e(t);
   });
 }
-var R = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(R || {});
-const We = 0;
+var W = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(W || {});
+const Re = 0;
 ((e) => {
   function t(a) {
-    return a.toUpperCase() === "BUTTON" ? 0 : a.toUpperCase() === "TEXT" ? 1 : We;
+    return a.toUpperCase() === "BUTTON" ? 0 : a.toUpperCase() === "TEXT" ? 1 : Re;
   }
   e.fromString = t;
   function n(a) {
     const r = typeof a == "number" ? a : e.fromString(a);
-    return Object.values(e).includes(r) ? r : We;
+    return Object.values(e).includes(r) ? r : Re;
   }
   e.fromAny = n;
   function l(a) {
@@ -1235,20 +1236,20 @@ const We = 0;
     return Object.values(e).includes(r);
   }
   e.isDefined = l;
-})(R || (R = {}));
-Object.freeze(R);
-const ze = ["xs", "sm", "md", "lg", "xl"];
+})(W || (W = {}));
+Object.freeze(W);
+const We = ["xs", "sm", "md", "lg", "xl"];
 class Lo {
   constructor(t) {
     Se(this, "_value");
-    this._value = this.cleanBreakpoint(t, !0), t && ze.forEach((n) => {
+    this._value = this.cleanBreakpoint(t, !0), t && We.forEach((n) => {
       const l = this.cleanBreakpoint(t[n]);
       l && (this._value[n] = l);
     });
   }
   getOptionsForBreakpoint(t) {
     const n = this.cleanBreakpoint(this._value), l = Object.keys(n);
-    for (const a of ze) {
+    for (const a of We) {
       const r = this._value[a];
       for (const p of l)
         (r == null ? void 0 : r[p]) != null && (n[p] = r[p]);
@@ -1269,10 +1270,10 @@ class Oo extends Lo {
   cleanBreakpoint(t, n = !1) {
     if ((!t || !pt(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), Le(t.showLabel) && (l.showLabel = t.showLabel), Le(t.showIcon) && (l.showIcon = t.showIcon)), Object.keys(l).length ? l : null;
+    return n && (l.renderAs = W.BUTTON, l.showLabel = !0, l.showIcon = !0), t && (t.renderAs != null && (l.renderAs = W.fromAny(t.renderAs)), ee(t.label) && (l.label = t.label), ee(t.icon) && (l.icon = t.icon), Fe(t.showLabel) && (l.showLabel = t.showLabel), Fe(t.showIcon) && (l.showIcon = t.showIcon)), Object.keys(l).length ? l : null;
   }
 }
-class ke extends ht {
+class ye extends ht {
   static create(t) {
     return super.create(t);
   }
@@ -1309,48 +1310,48 @@ class ke extends ht {
   }
   static closeAction(t) {
     var l;
-    const n = O(x({}, t != null ? t : {}), {
+    const n = O($({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "close",
         label: he.Close,
         icon: "close-outline",
-        renderAs: R.BUTTON,
+        renderAs: W.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 = $($({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ye.create(n);
   }
   static yesAction(t) {
     var l;
-    const n = O(x({}, t != null ? t : {}), {
+    const n = O($({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "yes",
         label: he.Yes,
         icon: "thumbs-up-outline",
-        renderAs: R.BUTTON,
+        renderAs: W.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 = $($({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ye.create(n);
   }
   static noAction(t) {
     var l;
-    const n = O(x({}, t != null ? t : {}), {
+    const n = O($({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "no",
         label: he.No,
         icon: "thumbs-down-outline",
-        renderAs: R.BUTTON,
+        renderAs: W.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 = $($({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ye.create(n);
   }
 }
 const Ro = {
@@ -1364,21 +1365,21 @@ const Ro = {
     showAsGroup: { default: "no" }
   },
   setup(e) {
-    const t = e, n = Uo(), l = _(() => o(t.actions)), a = _(() => l.value.map((r) => x({
+    const t = e, n = Uo(), l = _(() => o(t.actions)), a = _(() => l.value.map((r) => $({
       action: r
     }, o(r.getBreakpointValue(n)))));
     return (r, p) => {
-      const i = $("v-btn");
-      return l.value.length > 0 ? (h(), A("div", {
+      const i = S("v-btn");
+      return l.value.length > 0 ? (h(), F("div", {
         key: 0,
-        class: ge(["text-end", {
+        class: Ve(["text-end", {
           "button-group": r.showAsGroup === "grouped" || r.showAsGroup === "grouped-no-borders",
           "with-border": r.showAsGroup === "grouped"
         }])
       }, [
-        (h(!0), A(Ie, null, Ge(a.value, (c, u) => (h(), P(i, {
+        (h(!0), F(Ie, null, Xe(a.value, (c, u) => (h(), P(i, {
           key: u,
-          variant: c.renderAs === o(R).BUTTON ? "tonal" : "text",
+          variant: c.renderAs === o(W).BUTTON ? "tonal" : "text",
           elevation: 0,
           size: r.buttonSize,
           onClick: ct((j) => c.action.execute(j), ["stop"])
@@ -1389,8 +1390,8 @@ const Ro = {
               class: "action-icon",
               name: c.icon
             }, null, 8, ["name"])) : L("", !0),
-            c.icon && c.label ? (h(), A("span", Ro)) : L("", !0),
-            c.label ? (h(), A("span", Wo, se(c.label), 1)) : L("", !0)
+            c.icon && c.label ? (h(), F("span", Ro)) : L("", !0),
+            c.label ? (h(), F("span", Wo, se(c.label), 1)) : L("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "onClick"]))), 128))
@@ -1411,8 +1412,9 @@ const Ro = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), { allowNull: !1 })),
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
     const n = e, l = t, { errors: a, label: r, touched: p, value: i, vuetifyBindings: c } = K(n, l), u = _(() => n.allowNull && i.value == null), j = _({
@@ -1427,8 +1429,8 @@ const Ro = {
       m === !0 ? i.value = n.allowNull ? null : !1 : i.value = m === !1;
     }
     return (m, b) => {
-      const g = $("v-checkbox");
-      return h(), P(g, H({
+      const g = S("v-checkbox");
+      return h(), P(g, R({
         modelValue: j.value,
         "onUpdate:modelValue": b[0] || (b[0] = (w) => j.value = w)
       }, o(c), {
@@ -1474,16 +1476,17 @@ const Ro = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), { allowNull: !1 })),
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, touched: p, value: i, vuetifyBindings: c } = K(n, l), u = E(!1), j = _(() => [
+    const n = e, l = t, { errors: a, label: r, touched: p, value: i, vuetifyBindings: c } = K(n, l), u = A(!1), j = _(() => [
       (s) => n.control || !s && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(s) ? !0 : "Not a valid hex string."
     ]);
     return (s, m) => {
-      const b = $("v-color-picker"), g = $("v-menu"), w = $("v-text-field");
-      return h(), P(w, H({
+      const b = S("v-color-picker"), g = S("v-menu"), w = S("v-text-field");
+      return h(), P(w, R({
         modelValue: o(i),
         "onUpdate:modelValue": m[2] || (m[2] = (k) => te(i) ? i.value = k : null)
       }, o(c), {
@@ -1500,7 +1503,7 @@ const Ro = {
         ]),
         "prepend-inner": v(() => [
           ne("div", {
-            style: Pe([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
+            style: Ge([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
           }, null, 4)
         ]),
         default: v(() => [
@@ -1552,8 +1555,9 @@ const Ro = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), {
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
@@ -1566,7 +1570,7 @@ const Ro = {
     }), r = _(() => {
       var f, d;
       return (d = (f = a.value.options) == null ? void 0 : f.weekStartsOn) != null ? d : 1;
-    }), { touched: p, value: i, vuetifyBindings: c } = K(n, l), { inputType: u, displayFormatDate: j, displayFormatTime: s } = _e(n), m = E(""), b = _({
+    }), { touched: p, value: i, vuetifyBindings: c } = K(n, l), { inputType: u, displayFormatDate: j, displayFormatTime: s } = _e(n), m = A(""), b = _({
       get() {
         return o(m) === "date";
       },
@@ -1580,7 +1584,7 @@ const Ro = {
       set(f) {
         m.value = f ? "time" : "";
       }
-    }), w = (f) => `${pe(f, "yyyy-MM-dd")}T${pe(f, "HH:mm")}:00`, k = E(null);
+    }), w = (f) => `${pe(f, "yyyy-MM-dd")}T${pe(f, "HH:mm")}:00`, k = A(null);
     function y(f, d) {
       if (f == null)
         k.value = null;
@@ -1588,17 +1592,17 @@ const Ro = {
         if (o(u) === "time")
           k.value = w(/* @__PURE__ */ new Date()), y(`T${f}`, 1);
         else {
-          const S = w(new Date(f));
-          y(S, 0), y(S, 1);
+          const x = w(new Date(f));
+          y(x, 0), y(x, 1);
         }
       else {
         k.value == null && (k.value = w(/* @__PURE__ */ new Date()));
-        const S = k.value.split(/[TZ]/g), U = f.split(/[TZ]/g);
-        S[d] = U[d], k.value = w(/* @__PURE__ */ new Date(`${S[0]}T${S[1].split(".")[0]}`)), o(u) === "date" ? i.value = S[0] : o(u) === "time" ? i.value = S[1] : i.value = o(k) + pe(/* @__PURE__ */ new Date(), "XXX");
+        const x = k.value.split(/[TZ]/g), U = f.split(/[TZ]/g);
+        x[d] = U[d], k.value = w(/* @__PURE__ */ new Date(`${x[0]}T${x[1].split(".")[0]}`)), o(u) === "date" ? i.value = x[0] : o(u) === "time" ? i.value = x[1] : i.value = o(k) + pe(/* @__PURE__ */ new Date(), "XXX");
       }
     }
     ue(i, (f) => y(f, -1), { immediate: !0 });
-    const F = _({
+    const N = _({
       get() {
         const f = o(k);
         if (f == null) return null;
@@ -1608,7 +1612,7 @@ const Ro = {
       set(f) {
         y(w(f), 0);
       }
-    }), N = _({
+    }), E = _({
       get() {
         const f = o(k);
         return f == null ? "" : f.split(/[TZ]/g)[1].split(".")[0];
@@ -1618,7 +1622,7 @@ const Ro = {
       }
     }), T = _({
       get() {
-        const f = o(F);
+        const f = o(N);
         return f == null ? "" : pe(f, o(j), { locale: a.value });
       },
       set(f) {
@@ -1629,29 +1633,29 @@ const Ro = {
           console.error(d);
         }
       }
-    }), W = _({
+    }), z = _({
       get() {
-        const f = o(F);
+        const f = o(N);
         return f == null ? "" : pe(f, o(s), { locale: a.value });
       },
       set(f) {
         const d = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (d == null) return;
-        let S = Me(d[1]);
-        const U = Me(d[2]);
-        Ue(S) || Ue(U) || (d[3] && d[3].toLowerCase() === "pm" && S < 13 && (S += 12), y(`T${S.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}:00`, 1));
+        let x = Le(d[1]);
+        const U = Le(d[2]);
+        Me(x) || Me(U) || (d[3] && d[3].toLowerCase() === "pm" && x < 13 && (x += 12), y(`T${x.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}:00`, 1));
       }
     });
     return (f, d) => {
-      const S = $("v-date-picker"), U = $("v-confirm-edit"), de = $("v-menu"), me = $("v-text-field"), C = $("v-time-picker");
-      return h(), P(o(De), H(n, {
+      const x = S("v-date-picker"), U = S("v-confirm-edit"), de = S("v-menu"), me = S("v-text-field"), C = S("v-time-picker");
+      return h(), P(o(Pe), R(n, {
         clearable: f.clearable,
         "onClick:clear": d[14] || (d[14] = (I) => i.value = null),
         onBlur: d[15] || (d[15] = (I) => p.value = !0)
       }), {
         default: v((I) => [
           ne("div", Go, [
-            ["date", "datetime"].includes(o(u)) ? (h(), P(me, {
+            ["date", "datetime"].includes(o(u)) ? (h(), P(me, R({
               key: 0,
               modelValue: T.value,
               "onUpdate:modelValue": d[4] || (d[4] = (V) => T.value = V),
@@ -1662,12 +1666,13 @@ const Ro = {
               "hide-details": !0,
               readonly: o(c).readonly,
               disabled: o(c).disabled,
-              name: `${o(c).name}-date`,
+              name: `${o(c).name}-date`
+            }, f.passthroughAttrs, {
               onClick: d[5] || (d[5] = (V) => m.value = "date"),
-              onKeydown: d[6] || (d[6] = Fe((V) => m.value = "date", ["space"])),
+              onKeydown: d[6] || (d[6] = Ee((V) => m.value = "date", ["space"])),
               onFocus: (V) => I.focus(),
               onBlur: (V) => I.blur()
-            }, {
+            }), {
               default: v(() => [
                 B(de, {
                   modelValue: b.value,
@@ -1677,13 +1682,13 @@ const Ro = {
                 }, {
                   default: v(() => [
                     B(U, {
-                      modelValue: F.value,
-                      "onUpdate:modelValue": d[0] || (d[0] = (V) => F.value = V),
+                      modelValue: N.value,
+                      "onUpdate:modelValue": d[0] || (d[0] = (V) => N.value = V),
                       onCancel: d[1] || (d[1] = (V) => m.value = ""),
                       onSave: d[2] || (d[2] = (V) => m.value = "")
                     }, {
                       default: v(({ model: V, actions: Z }) => [
-                        B(S, {
+                        B(x, {
                           modelValue: V.value,
                           "onUpdate:modelValue": (D) => V.value = D,
                           "hide-header": !0,
@@ -1704,11 +1709,11 @@ const Ro = {
                 }, 8, ["modelValue"])
               ]),
               _: 2
-            }, 1032, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0),
-            ["time", "datetime"].includes(o(u)) ? (h(), P(me, {
+            }, 1040, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0),
+            ["time", "datetime"].includes(o(u)) ? (h(), P(me, R({
               key: 1,
-              modelValue: W.value,
-              "onUpdate:modelValue": d[11] || (d[11] = (V) => W.value = V),
+              modelValue: z.value,
+              "onUpdate:modelValue": d[11] || (d[11] = (V) => z.value = V),
               style: { "flex-grow": "3" },
               density: "compact",
               variant: "plain",
@@ -1716,12 +1721,13 @@ const Ro = {
               "hide-details": !0,
               readonly: o(c).readonly,
               disabled: o(c).disabled,
-              name: `${o(c).name}-time`,
+              name: `${o(c).name}-time`
+            }, f.passthroughAttrs, {
               onClick: d[12] || (d[12] = (V) => m.value = "time"),
-              onKeydown: d[13] || (d[13] = Fe((V) => m.value = "time", ["space"])),
+              onKeydown: d[13] || (d[13] = Ee((V) => m.value = "time", ["space"])),
               onFocus: (V) => I.focus(),
               onBlur: (V) => I.blur()
-            }, {
+            }), {
               default: v(() => [
                 B(de, {
                   modelValue: g.value,
@@ -1731,8 +1737,8 @@ const Ro = {
                 }, {
                   default: v(() => [
                     B(U, {
-                      modelValue: N.value,
-                      "onUpdate:modelValue": d[7] || (d[7] = (V) => N.value = V),
+                      modelValue: E.value,
+                      "onUpdate:modelValue": d[7] || (d[7] = (V) => E.value = V),
                       onCancel: d[8] || (d[8] = (V) => m.value = ""),
                       onSave: d[9] || (d[9] = (V) => m.value = "")
                     }, {
@@ -1756,7 +1762,7 @@ const Ro = {
                 }, 8, ["modelValue"])
               ]),
               _: 2
-            }, 1032, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0)
+            }, 1040, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : L("", !0)
           ])
         ]),
         _: 1
@@ -1780,11 +1786,12 @@ const Ro = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
   }, Q),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { touched: a, value: r, vuetifyBindings: p } = K(n, l), i = E(null), c = E(null), u = E(0), j = E(Math.round(Math.random() * 1e3)), s = E(), m = _(() => c.value && u.value < 100), b = _(() => !s.value && r.value ? n.modelValue : "");
+    const n = e, l = t, { touched: a, value: r, vuetifyBindings: p } = K(n, l), i = A(null), c = A(null), u = A(0), j = A(Math.round(Math.random() * 1e3)), s = A(), m = _(() => c.value && u.value < 100), b = _(() => !s.value && r.value ? n.modelValue : "");
     function g() {
       i.value && window.clearInterval(i.value);
     }
@@ -1793,22 +1800,22 @@ const Ro = {
         r.value && n.comms.touch(r.value);
       }, 60 * 1e3);
     }
-    Ke(() => g()), ue(r, (N) => {
-      N ? w() : g();
+    He(() => g()), ue(r, (E) => {
+      E ? w() : g();
     });
     function k() {
-      return we(this, null, function* () {
+      return ge(this, null, function* () {
         r.value && (yield n.comms.delete(r.value)), r.value = null, u.value = 0, j.value = Math.round(Math.random() * 1e3), c.value = null, s.value = null, g();
       });
     }
-    function y(N) {
-      return we(this, null, function* () {
-        u.value = -1, c.value = N;
+    function y(E) {
+      return ge(this, null, function* () {
+        u.value = -1, c.value = E;
         try {
           r.value = yield n.comms.upload(
-            N,
-            (T, W) => {
-              u.value = Math.round(T * 100 / W);
+            E,
+            (T, z) => {
+              u.value = Math.round(T * 100 / z);
             }
           ), u.value = 100, w();
         } catch (T) {
@@ -1816,18 +1823,18 @@ const Ro = {
         }
       });
     }
-    function F(N) {
-      N && (Array.isArray(N) ? console.error("Uploading multiple files not supported right now") : y(N));
+    function N(E) {
+      E && (Array.isArray(E) ? console.error("Uploading multiple files not supported right now") : y(E));
     }
-    return (N, T) => {
-      const W = $("v-icon"), f = $("v-progress-linear"), d = $("v-file-input");
-      return h(), P(o(De), H(O(x({}, n), { loading: m.value }), {
+    return (E, T) => {
+      const z = S("v-icon"), f = S("v-progress-linear"), d = S("v-file-input");
+      return h(), P(o(Pe), R(O($({}, n), { loading: m.value }), {
         clearable: "",
         "onClick:clear": k,
-        onBlur: T[1] || (T[1] = (S) => a.value = !0)
+        onBlur: T[1] || (T[1] = (x) => a.value = !0)
       }), {
         "prepend-inner": v(() => [
-          B(W, { icon: "$file" })
+          B(z, { icon: "$file" })
         ]),
         loader: v(() => [
           c.value && u.value < 100 ? (h(), P(f, {
@@ -1836,14 +1843,11 @@ const Ro = {
             indeterminate: u.value === -1
           }, null, 8, ["model-value", "indeterminate"])) : L("", !0)
         ]),
-        default: v((S) => [
+        default: v((x) => [
           ne("div", Yo, [
-            B(d, {
+            B(d, R({
               modelValue: s.value,
-              "onUpdate:modelValue": [
-                T[0] || (T[0] = (U) => s.value = U),
-                F
-              ],
+              "onUpdate:modelValue": T[0] || (T[0] = (U) => s.value = U),
               label: b.value,
               density: "compact",
               variant: "plain",
@@ -1853,12 +1857,14 @@ const Ro = {
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: Pe(c.value && u.value < 100 ? "visibility: hidden" : ""),
-              clearable: !1,
+              style: c.value && u.value < 100 ? "visibility: hidden" : "",
+              clearable: !1
+            }, E.passthroughAttrs, {
               "prepend-icon": "",
-              onFocus: (U) => S.focus(),
-              onBlur: (U) => S.blur()
-            }, null, 8, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
+              "onUpdate:modelValue": N,
+              onFocus: (U) => x.focus(),
+              onBlur: (U) => x.blur()
+            }), null, 16, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
           ])
         ]),
         _: 1
@@ -1883,8 +1889,9 @@ const Ro = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), {
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1895,13 +1902,13 @@ const Ro = {
   setup(e, { emit: t }) {
     const n = e, l = t, { errors: a, label: r, touched: p, value: i, vuetifyBindings: c } = K(n, l), { inputType: u, max: j, min: s, precision: m, step: b } = _e(n), g = _(() => u.value === "number"), w = _(() => g.value ? { min: o(s), max: o(j), precision: o(m), step: o(b) } : {});
     return (k, y) => {
-      const F = $("v-text-field"), N = $("v-number-input");
-      return h(), A("div", Zo, [
-        g.value ? (h(), P(N, H({
+      const N = S("v-text-field"), E = S("v-number-input");
+      return h(), F("div", Zo, [
+        g.value ? (h(), P(E, R({
           key: 1,
           modelValue: o(i),
           "onUpdate:modelValue": y[2] || (y[2] = (T) => te(i) ? i.value = T : null)
-        }, x(x({}, o(c)), w.value), {
+        }, $($({}, o(c)), w.value), {
           density: "compact",
           "control-variant": "stacked"
         }), q({
@@ -1923,7 +1930,7 @@ const Ro = {
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["modelValue"])) : (h(), P(F, H({
+        ]), 1040, ["modelValue"])) : (h(), P(N, R({
           key: 0,
           modelValue: o(i),
           "onUpdate:modelValue": y[0] || (y[0] = (T) => te(i) ? i.value = T : null)
@@ -1965,7 +1972,7 @@ const Ro = {
     dt((s) => ({
       "3d4d5a06": s.minHeight
     }));
-    const l = n, a = E(!1), r = un, u = {
+    const l = n, a = A(!1), r = un, u = {
       toolbar: {
         items: [
           "undo",
@@ -2008,12 +2015,12 @@ const Ro = {
         Pt,
         Dt,
         $t,
-        xt,
         St,
+        xt,
+        At,
         Et,
         Nt,
         Ft,
-        At,
         Lt,
         Mt,
         Ut,
@@ -2096,14 +2103,14 @@ const Ro = {
       },
       table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] }
     };
-    He(() => {
+    ze(() => {
       a.value = !0;
     });
     const j = (s) => {
     };
     return t({ onEditorReady: j }), (s, m) => {
-      const b = $("ckeditor");
-      return h(), A("div", tl, [
+      const b = S("ckeditor");
+      return h(), F("div", tl, [
         ne("div", nl, [
           ne("div", ol, [
             a.value ? (h(), P(b, {
@@ -2112,7 +2119,7 @@ const Ro = {
               editor: o(r),
               config: u,
               disabled: s.disabled,
-              style: Pe(`min-height: ${s.minHeight}`),
+              style: Ge(`min-height: ${s.minHeight}`),
               onReady: j,
               "onUpdate:modelValue": m[0] || (m[0] = (g) => l("update:modelValue", g))
             }, null, 8, ["model-value", "editor", "disabled", "style"])) : L("", !0)
@@ -2135,23 +2142,25 @@ const Ro = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), { minHeight: void 0 })),
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
     const n = e, l = t, { value: a, vuetifyBindings: r } = K(n, l);
-    return (p, i) => (h(), P(o(De), X(G(n)), {
+    return (p, i) => (h(), P(o(Pe), X(G(n)), {
       default: v((c) => [
-        B(ll, {
+        B(ll, R({
           ref: "$editor",
           modelValue: o(a),
           "onUpdate:modelValue": i[0] || (i[0] = (u) => te(a) ? a.value = u : null),
-          class: ge({ "mt-8": !!p.label }),
+          class: { "mt-8": !!p.label },
           "min-height": p.minHeight,
-          disabled: o(r).disabled,
+          disabled: o(r).disabled
+        }, p.passthroughAttrs, {
           onFocusin: (u) => c.focus(),
           onFocusout: (u) => c.blur()
-        }, null, 8, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
+        }), null, 16, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
     }, 16));
@@ -2162,14 +2171,14 @@ function rl(e) {
 }
 function J(e, t) {
   var n;
-  return e == null || Oe(e) && e.length === 0 ? null : t ? qe(e) : Oe(e) ? (n = Ye(e)) != null ? n : null : e;
+  return e == null || Ue(e) && e.length === 0 ? null : t ? qe(e) : Ue(e) ? (n = Ye(e)) != null ? n : null : e;
 }
-function Ve(e, t) {
+function ke(e, t) {
   if (t == null) return [];
   const n = qe(t);
   return e.filter((l) => n.some((a) => a === l.id));
 }
-function ye(e, t, n, l, a) {
+function we(e, t, n, l, a) {
   var p;
   const r = J(e, n);
   if (r == null) {
@@ -2177,11 +2186,11 @@ function ye(e, t, n, l, a) {
     return;
   }
   if (n)
-    l ? t.value = r : t.value = Ve(a, r).map((i) => i.id);
+    l ? t.value = r : t.value = ke(a, r).map((i) => i.id);
   else if (l)
     t.value = r;
   else {
-    const i = Ye(Ve(a, r));
+    const i = Ye(ke(a, r));
     t.value = (p = i == null ? void 0 : i.id) != null ? p : null;
   }
 }
@@ -2206,8 +2215,9 @@ const il = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), {
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -2216,66 +2226,66 @@ const il = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, { choices: l, multiple: a, allowTags: r, allowNull: p, cssClass: i, visibility: c } = _e(n), u = t, { errors: j, label: s, touched: m, value: b, vuetifyBindings: g } = K(n, u), w = E(null), k = E(!1), y = E([]), F = _(() => o(k) ? o(y) : o(l) || []), N = E(!1), T = _(() => rl(F.value));
-    function W(C) {
-      u("update:modelValueDisplay", Ve(F.value, C));
+    const n = e, { choices: l, multiple: a, allowTags: r, allowNull: p, cssClass: i, visibility: c } = _e(n), u = t, { errors: j, label: s, touched: m, value: b, vuetifyBindings: g } = K(n, u), w = A(null), k = A(!1), y = A([]), N = _(() => o(k) ? o(y) : o(l) || []), E = A(!1), T = _(() => rl(N.value));
+    function z(C) {
+      u("update:modelValueDisplay", ke(N.value, C));
     }
     let f = !1;
     function d(C) {
-      f = !0, b.value = C, Ae(() => {
+      f = !0, b.value = C, Ne(() => {
         f = !1;
       });
     }
     ue(w, (C) => {
-      g.value.readonly || Ae(() => {
+      g.value.readonly || Ne(() => {
         const I = J(C, a.value);
-        W(I), d(I);
+        z(I), d(I);
       });
     }, { deep: !0 }), ue(b, (C) => {
       if (!f) {
         const I = J(C, a.value);
-        ye(I, w, a.value, !1, F.value);
+        we(I, w, a.value, !1, N.value);
       }
     }, { deep: !0 });
-    function S() {
+    function x() {
       if (g.value.readonly || r.value) return;
       const C = J(w.value, a.value);
-      ye(C, w, a.value, !1, F.value), d(C);
+      we(C, w, a.value, !1, N.value), d(C);
     }
     function U(C) {
       let I;
-      a.value && Array.isArray(w.value) ? I = J(w.value.filter((V) => V !== C), a.value) : I = null, ye(I, w, a.value, !1, F.value), d(I);
+      a.value && Array.isArray(w.value) ? I = J(w.value.filter((V) => V !== C), a.value) : I = null, we(I, w, a.value, !1, N.value), d(I);
     }
     function de(C, I) {
-      return we(this, null, function* () {
+      return ge(this, null, function* () {
         if (!(l.value || n.fetchChoices === void 0)) {
-          N.value = !0;
+          E.value = !0;
           try {
-            const V = Ve(F.value, J(w.value, a.value)), Z = yield n.fetchChoices(C, I);
+            const V = ke(N.value, J(w.value, a.value)), Z = yield n.fetchChoices(C, I);
             y.value = vt([...V, ...Z], "id"), k.value = !0;
           } finally {
-            N.value = !1;
+            E.value = !1;
           }
         }
       });
     }
     function me() {
       let C = b.value;
-      !p.value && C == null && T.value.length && (C = T.value[0].value), C = J(C, a.value), ye(C, w, a.value, r.value, F.value), W(C), d(C);
+      !p.value && C == null && T.value.length && (C = T.value[0].value), C = J(C, a.value), we(C, w, a.value, r.value, N.value), z(C), d(C);
     }
     return me(), n.fetchChoices !== void 0 && de(void 0, b.value).then(() => {
       me();
     }), (C, I) => {
-      const V = $("v-chip"), Z = $("v-list-item");
-      return o(c) !== o(z).SUPPRESS ? (h(), P(ce(o(r) ? "v-combobox" : "v-autocomplete"), H({
+      const V = S("v-chip"), Z = S("v-list-item");
+      return o(c) !== o(H).SUPPRESS ? (h(), P(ce(o(r) ? "v-combobox" : "v-autocomplete"), R({
         key: 0,
         modelValue: w.value,
         "onUpdate:modelValue": I[0] || (I[0] = (D) => w.value = D),
         class: [
           o(i),
           {
-            "d-none": o(c) === o(z).HIDDEN,
-            invisible: o(c) === o(z).INVISIBLE
+            "d-none": o(c) === o(H).HIDDEN,
+            invisible: o(c) === o(H).INVISIBLE
           }
         ],
         items: T.value,
@@ -2287,13 +2297,13 @@ const il = {
         "closable-chips": o(p) || o(a) && w.value.length > 1,
         clearable: o(p),
         multiple: o(a),
-        loading: N.value,
+        loading: E.value,
         "hide-selected": !1,
         "aria-describedby": o(g).helpText ? `${o(g).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
         "onUpdate:search": I[1] || (I[1] = (D) => de(D, void 0)),
-        "onUpdate:modelValue": S,
+        "onUpdate:modelValue": x,
         "onClick:clear": I[2] || (I[2] = (D) => w.value = null),
         onBlur: I[3] || (I[3] = (D) => m.value = !0)
       }), q({
@@ -2319,7 +2329,7 @@ const il = {
             }),
             default: v(() => [
               ne("span", {
-                class: ge({ "text-body-1": !o(a) })
+                class: Ve({ "text-body-1": !o(a) })
               }, se(D.title), 3)
             ]),
             _: 2
@@ -2328,9 +2338,9 @@ const il = {
         item: v(({ props: D, item: re }) => [
           B(Z, X(G(D)), {
             prepend: v(() => {
-              var $e;
+              var De;
               return [
-                ($e = re.raw) != null && $e.icon ? (h(), A("span", il, [
+                (De = re.raw) != null && De.icon ? (h(), F("span", il, [
                   B(o(Be), {
                     class: "action-icon d-inline-block",
                     name: re.raw.icon
@@ -2391,8 +2401,9 @@ const il = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
-  }, O(x({}, Q), {
+    clearable: { type: Boolean },
+    passthroughAttrs: {}
+  }, O($({}, Q), {
     rows: void 0,
     maxRows: void 0
   })),
@@ -2400,17 +2411,17 @@ const il = {
   setup(e, { emit: t }) {
     const n = e, l = t, { errors: a, label: r, touched: p, value: i, vuetifyBindings: c } = K(n, l), { cssClass: u, visibility: j } = _e(n);
     return (s, m) => {
-      const b = $("v-textarea");
-      return h(), A("div", cl, [
-        o(j) !== o(z).SUPPRESS ? (h(), P(b, H({
+      const b = S("v-textarea");
+      return h(), F("div", cl, [
+        o(j) !== o(H).SUPPRESS ? (h(), P(b, R({
           key: 0,
           modelValue: o(i),
           "onUpdate:modelValue": m[0] || (m[0] = (g) => te(i) ? i.value = g : null),
           class: [
             o(u),
             {
-              "d-none": o(j) === o(z).HIDDEN,
-              invisible: o(j) === o(z).INVISIBLE
+              "d-none": o(j) === o(H).HIDDEN,
+              invisible: o(j) === o(H).INVISIBLE
             }
           ],
           rows: s.rows,
@@ -2475,9 +2486,9 @@ const il = {
   VRow: kn,
   VSelect: Pn,
   VSwitch: Dn,
-  VTextField: xn,
+  VTextField: Sn,
   VTextarea: $n,
-  VTimePicker: Sn
+  VTimePicker: xn
 }, Symbol.toStringTag, { value: "Module" })), Gl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), ql = {
@@ -2487,8 +2498,8 @@ const il = {
   }
 };
 export {
-  ke as Action,
-  R as ActionDisplayStyle,
+  ye as Action,
+  W as ActionDisplayStyle,
   Io as DateTimeLocaleConfig,
   Ho as DfActions,
   Ko as DfCheckbox,
@@ -2503,16 +2514,16 @@ export {
   ul as DfSelect,
   ml as DfTextArea,
   ql as DynamicFormsInputs,
-  De as InputBase,
+  Pe as InputBase,
   $o as Label,
   le as MessagesWidget,
   Oo as ResponsiveActionRenderOptions,
   Lo as ResponsiveRenderOptions,
   fl as VuetifyComponents,
   Q as defaultBaseProps,
-  We as defaultDisplayStyle,
+  Re as defaultDisplayStyle,
   Mo as getBreakpointName,
-  ze as responsiveBreakpoints,
+  We as responsiveBreakpoints,
   he as translatableStrings,
   Xl as translateStrings,
   Uo as useBreakpoint,