@dynamicforms/vuetify-inputs 0.10.3 → 0.10.5

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,18 +1,18 @@
-var Pt = Object.defineProperty, Nt = Object.defineProperties;
-var Et = Object.getOwnPropertyDescriptors;
+var Pt = Object.defineProperty, Et = Object.defineProperties;
+var Ft = Object.getOwnPropertyDescriptors;
 var et = Object.getOwnPropertySymbols;
-var Ut = Object.prototype.hasOwnProperty, zt = Object.prototype.propertyIsEnumerable;
-var Oe = (t, n, e) => n in t ? Pt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, z = (t, n) => {
+var Nt = Object.prototype.hasOwnProperty, Ut = Object.prototype.propertyIsEnumerable;
+var qe = (t, n, e) => n in t ? Pt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, z = (t, n) => {
   for (var e in n || (n = {}))
-    Ut.call(n, e) && Oe(t, e, n[e]);
+    Nt.call(n, e) && qe(t, e, n[e]);
   if (et)
     for (var e of et(n))
-      zt.call(n, e) && Oe(t, e, n[e]);
+      Ut.call(n, e) && qe(t, e, n[e]);
   return t;
-}, ee = (t, n) => Nt(t, Et(n));
-var xe = (t, n, e) => Oe(t, typeof n != "symbol" ? n + "" : n, e);
-var ge = (t, n, e) => new Promise((a, r) => {
-  var u = (k) => {
+}, te = (t, n) => Et(t, Ft(n));
+var Ae = (t, n, e) => qe(t, typeof n != "symbol" ? n + "" : n, e);
+var he = (t, n, e) => new Promise((a, r) => {
+  var c = (k) => {
     try {
       h(e.next(k));
     } catch (f) {
@@ -24,14 +24,14 @@ var ge = (t, n, e) => new Promise((a, r) => {
     } catch (f) {
       r(f);
     }
-  }, h = (k) => k.done ? a(k.value) : Promise.resolve(k.value).then(u, d);
+  }, h = (k) => k.done ? a(k.value) : Promise.resolve(k.value).then(c, d);
   h((e = e.apply(t, n)).next());
 });
-import { ref as M, isRef as Ce, defineComponent as te, computed as x, openBlock as V, createBlock as F, unref as l, resolveComponent as R, createElementBlock as Z, normalizeClass as ue, Fragment as Se, resolveDynamicComponent as Ue, createCommentVNode as Y, createTextVNode as J, toDisplayString as G, inject as Pe, shallowRef as Ft, toRaw as tt, nextTick as Ke, createSlots as Ge, withCtx as s, createVNode as i, renderSlot as _e, normalizeProps as ye, guardReactiveProps as ke, createElementVNode as oe, onBeforeUnmount as Ye, watch as me, renderList as Xe, mergeProps as X, withModifiers as Te, mergeDefaults as pe, normalizeStyle as st, toRefs as Fe, withKeys as De, useId as Ht, useCssVars as Ot } from "vue";
-import Ae, { MessagesWidget as Wt, MdString as qt, ValidationErrorRenderContent as ut, Action as Kt, DisplayMode as We } from "@dynamicforms/vue-forms";
-import { CachedIcon as B } from "vue-cached-icon";
+import { ref as R, isRef as xe, defineComponent as ne, computed as C, openBlock as T, createBlock as H, unref as l, resolveComponent as P, createElementBlock as Q, normalizeClass as ue, Fragment as Se, resolveDynamicComponent as Ue, createCommentVNode as Y, createTextVNode as J, toDisplayString as G, inject as Ee, shallowRef as zt, toRaw as tt, nextTick as Xe, createSlots as ze, withCtx as s, createVNode as i, renderSlot as Te, normalizeProps as we, guardReactiveProps as Ce, createElementVNode as ae, onBeforeUnmount as Je, watch as me, renderList as Ye, mergeProps as X, withModifiers as ke, mergeDefaults as pe, normalizeStyle as st, toRefs as Oe, withKeys as $e, useId as Ht, useCssVars as Ot } from "vue";
+import _e, { MessagesWidget as Wt, MdString as qt, ValidationErrorRenderContent as ut, Action as Kt, DisplayMode as Ke } from "@dynamicforms/vue-forms";
+import { CachedIcon as j } from "vue-cached-icon";
 import Gt from "vue-markdown-render";
-import { isString as he, isEmpty as Me, isPlainObject as ct, isObjectLike as Xt, isBoolean as Re, clone as Yt, toNumber as nt, isNaN as lt, isArray as at, castArray as dt, first as mt, isEqual as Jt, unionBy as Qt } from "lodash-es";
+import { isString as ge, isEmpty as Me, isPlainObject as ct, isObjectLike as Xt, isBoolean as Pe, clone as Yt, toNumber as nt, isNaN as lt, isArray as at, castArray as dt, first as mt, isEqual as Jt, unionBy as Qt } from "lodash-es";
 import { useDisplay as Zt } from "vuetify";
 import { parse as en, format as je } from "date-fns";
 import tn from "@tiptap/extension-image";
@@ -53,23 +53,23 @@ import { VBtn as wn } from "vuetify/components/VBtn";
 import { VCheckbox as Cn } from "vuetify/components/VCheckbox";
 import { VChip as xn } from "vuetify/components/VChip";
 import { VCombobox as An } from "vuetify/components/VCombobox";
-import { VColorPicker as Tn } from "vuetify/components/VColorPicker";
-import { VConfirmEdit as _n } from "vuetify/components/VConfirmEdit";
+import { VColorPicker as _n } from "vuetify/components/VColorPicker";
+import { VConfirmEdit as Tn } from "vuetify/components/VConfirmEdit";
 import { VDatePicker as Vn } from "vuetify/components/VDatePicker";
 import { VField as jn } from "vuetify/components/VField";
 import { VFileInput as Bn } from "vuetify/components/VFileInput";
-import { VCol as Ln, VRow as In } from "vuetify/components/VGrid";
-import { VIcon as $n } from "vuetify/components/VIcon";
-import { VImg as Dn } from "vuetify/components/VImg";
+import { VCol as Dn, VRow as In } from "vuetify/components/VGrid";
+import { VIcon as Ln } from "vuetify/components/VIcon";
+import { VImg as $n } from "vuetify/components/VImg";
 import { VInput as Sn } from "vuetify/components/VInput";
 import { VListItem as Mn } from "vuetify/components/VList";
 import { VMenu as Rn } from "vuetify/components/VMenu";
 import { VNumberInput as Pn } from "vuetify/components/VNumberInput";
-import { VProgressLinear as Nn } from "vuetify/components/VProgressLinear";
-import { VSelect as En } from "vuetify/components/VSelect";
-import { VSwitch as Un } from "vuetify/components/VSwitch";
-import { VTextarea as zn } from "vuetify/components/VTextarea";
-import { VTextField as Fn } from "vuetify/components/VTextField";
+import { VProgressLinear as En } from "vuetify/components/VProgressLinear";
+import { VSelect as Fn } from "vuetify/components/VSelect";
+import { VSwitch as Nn } from "vuetify/components/VSwitch";
+import { VTextarea as Un } from "vuetify/components/VTextarea";
+import { VTextField as zn } from "vuetify/components/VTextField";
 import { VTimePicker as Hn } from "vuetify/components/VTimePicker";
 function On(t) {
   return t.one !== void 0;
@@ -367,16 +367,16 @@ function qn(t) {
 const Kn = (t, n, e) => {
   let a = "", r = "present";
   e != null && e.addSuffix && (e.comparison && e.comparison > 0 ? (r = "future", a = "čez ") : (r = "past", a = "pred "));
-  const u = Wn[t];
-  if (typeof u == "string")
-    a += u;
+  const c = Wn[t];
+  if (typeof c == "string")
+    a += c;
   else {
     const d = qn(n);
-    On(u) ? a += u[d].replace("{{count}}", String(n)) : a += u[r][d].replace("{{count}}", String(n));
+    On(c) ? a += c[d].replace("{{count}}", String(n)) : a += c[r][d].replace("{{count}}", String(n));
   }
   return a;
 };
-function qe(t) {
+function Ge(t) {
   return (n = {}) => {
     const e = n.width ? String(n.width) : t.defaultWidth;
     return t.formats[e] || t.formats[t.defaultWidth];
@@ -398,15 +398,15 @@ const Gn = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, Jn = {
-  date: qe({
+  date: Ge({
     formats: Gn,
     defaultWidth: "full"
   }),
-  time: qe({
+  time: Ge({
     formats: Xn,
     defaultWidth: "full"
   }),
-  dateTime: qe({
+  dateTime: Ge({
     formats: Yn,
     defaultWidth: "full"
   })
@@ -454,8 +454,8 @@ function Be(t) {
       const d = t.defaultWidth, h = e != null && e.width ? String(e.width) : t.defaultWidth;
       r = t.values[h] || t.values[d];
     }
-    const u = t.argumentCallback ? t.argumentCallback(n) : n;
-    return r[u];
+    const c = t.argumentCallback ? t.argumentCallback(n) : n;
+    return r[c];
   };
 }
 const el = {
@@ -597,14 +597,14 @@ const el = {
     defaultFormattingWidth: "wide"
   })
 };
-function Le(t) {
+function De(t) {
   return (n, e = {}) => {
-    const a = e.width, r = a && t.matchPatterns[a] || t.matchPatterns[t.defaultMatchWidth], u = n.match(r);
-    if (!u)
+    const a = e.width, r = a && t.matchPatterns[a] || t.matchPatterns[t.defaultMatchWidth], c = n.match(r);
+    if (!c)
       return null;
-    const d = u[0], h = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], k = Array.isArray(h) ? ul(h, (g) => g.test(d)) : (
+    const d = c[0], h = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], k = Array.isArray(h) ? ul(h, (b) => b.test(d)) : (
       // [TODO] -- I challenge you to fix the type
-      sl(h, (g) => g.test(d))
+      sl(h, (b) => b.test(d))
     );
     let f;
     f = t.valueCallback ? t.valueCallback(k) : k, f = e.valueCallback ? (
@@ -629,9 +629,9 @@ function cl(t) {
   return (n, e = {}) => {
     const a = n.match(t.matchPattern);
     if (!a) return null;
-    const r = a[0], u = n.match(t.parsePattern);
-    if (!u) return null;
-    let d = t.valueCallback ? t.valueCallback(u[0]) : u[0];
+    const r = a[0], c = n.match(t.parsePattern);
+    if (!c) return null;
+    let d = t.valueCallback ? t.valueCallback(c[0]) : c[0];
     d = e.valueCallback ? e.valueCallback(d) : d;
     const h = n.slice(r.length);
     return { value: d, rest: h };
@@ -733,32 +733,32 @@ const dl = /^(\d+)\./i, ml = /\d+/i, vl = {
     parsePattern: ml,
     valueCallback: (t) => parseInt(t, 10)
   }),
-  era: Le({
+  era: De({
     matchPatterns: vl,
     defaultMatchWidth: "wide",
     parsePatterns: fl,
     defaultParseWidth: "any"
   }),
-  quarter: Le({
+  quarter: De({
     matchPatterns: pl,
     defaultMatchWidth: "wide",
     parsePatterns: bl,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
-  month: Le({
+  month: De({
     matchPatterns: hl,
     defaultMatchWidth: "wide",
     parsePatterns: gl,
     defaultParseWidth: "wide"
   }),
-  day: Le({
+  day: De({
     matchPatterns: yl,
     defaultMatchWidth: "wide",
     parsePatterns: kl,
     defaultParseWidth: "any"
   }),
-  dayPeriod: Le({
+  dayPeriod: De({
     matchPatterns: wl,
     defaultMatchWidth: "any",
     parsePatterns: Cl,
@@ -775,20 +775,20 @@ const dl = /^(\d+)\./i, ml = /\d+/i, vl = {
     weekStartsOn: 1,
     firstWeekContainsDate: 1
   }
-}, Tl = {
-  dateTimeLocale: M(Al),
+}, _l = {
+  dateTimeLocale: R(Al),
   setDateTimeLocale(t) {
-    Ce(t) ? this.dateTimeLocale = t : this.dateTimeLocale.value = t;
+    xe(t) ? this.dateTimeLocale = t : this.dateTimeLocale.value = t;
   }
 };
-class _l extends Error {
+class Tl extends Error {
   constructor(e) {
     super(e);
-    xe(this, "errorText");
+    Ae(this, "errorText");
     this.errorText = e;
   }
 }
-const ve = /* @__PURE__ */ te({
+const ve = /* @__PURE__ */ ne({
   __name: "df-input-hint",
   props: {
     errors: { default: "" },
@@ -797,13 +797,13 @@ const ve = /* @__PURE__ */ te({
     messageClasses: { default: "" }
   },
   setup(t) {
-    const n = t, e = x(() => n.errors ? typeof n.errors == "string" ? n.errors.trim().length > 0 : n.errors.length > 0 : !1), a = x(() => e.value ? n.errors : n.message), r = x(() => e.value ? n.errorClasses : n.messageClasses);
-    return (u, d) => (V(), F(l(Wt), {
+    const n = t, e = C(() => n.errors ? typeof n.errors == "string" ? n.errors.trim().length > 0 : n.errors.length > 0 : !1), a = C(() => e.value ? n.errors : n.message), r = C(() => e.value ? n.errorClasses : n.messageClasses);
+    return (c, d) => (T(), H(l(Wt), {
       message: a.value,
       classes: r.value
     }, null, 8, ["message", "classes"]));
   }
-}), fe = /* @__PURE__ */ te({
+}), fe = /* @__PURE__ */ ne({
   __name: "df-label",
   props: {
     data: {},
@@ -811,146 +811,146 @@ const ve = /* @__PURE__ */ te({
     allowWrap: { type: Boolean }
   },
   setup(t) {
-    const n = t, e = x(() => n.data ? n.data.label : n.label.text);
+    const n = t, e = C(() => n.data ? n.data.label : n.label.text);
     return (a, r) => {
-      const u = R("v-img");
-      return V(), Z("div", {
+      const c = P("v-img");
+      return T(), Q("div", {
         class: ue(["df-label", { "allow-wrap": t.allowWrap }])
       }, [
-        t.label.icon ? (V(), Z(Se, { key: 0 }, [
-          t.label.iconComponent === "v-icon" ? (V(), F(l(B), {
+        t.label.icon ? (T(), Q(Se, { key: 0 }, [
+          t.label.iconComponent === "v-icon" ? (T(), H(l(j), {
             key: 0,
             name: t.label.icon,
             size: "1.25em"
-          }, null, 8, ["name"])) : t.label.iconComponent === "v-img" ? (V(), F(u, {
+          }, null, 8, ["name"])) : t.label.iconComponent === "v-img" ? (T(), H(c, {
             key: 1,
             class: "icon",
             src: t.label.icon
-          }, null, 8, ["src"])) : (V(), F(Ue(t.label.iconComponent), {
+          }, null, 8, ["src"])) : (T(), H(Ue(t.label.iconComponent), {
             key: 2,
             src: t.label.icon
           }, null, 8, ["src"]))
         ], 64)) : Y("", !0),
-        e.value instanceof l(qt) ? (V(), F(l(Gt), {
+        e.value instanceof l(qt) ? (T(), H(l(Gt), {
           key: 1,
           class: "markdown",
           source: e.value.toString(),
           options: e.value.options,
           plugins: e.value.plugins
-        }, null, 8, ["source", "options", "plugins"])) : (V(), Z(Se, { key: 2 }, [
+        }, null, 8, ["source", "options", "plugins"])) : (T(), Q(Se, { key: 2 }, [
           J(G(e.value), 1)
         ], 64))
       ], 2);
     };
   }
-}), Je = /* @__PURE__ */ Symbol("vuetifyInputsSettingsKey");
+}), Qe = /* @__PURE__ */ Symbol("vuetifyInputsSettingsKey");
 class Vl {
   constructor(n, e, a = "v-icon") {
-    xe(this, "text");
-    xe(this, "icon");
-    xe(this, "iconComponent");
+    Ae(this, "text");
+    Ae(this, "icon");
+    Ae(this, "iconComponent");
     this.text = n, this.icon = e, this.iconComponent = a;
   }
 }
 const be = { enabled: void 0, clearable: !0 };
 function ce(t, n) {
-  const e = Pe(Je, {}), a = Pe("field-density", null), r = Pe("field-variant", null), u = M(null), d = Ft(null), h = x({
+  const e = Ee(Qe, {}), a = Ee("field-density", null), r = Ee("field-variant", null), c = R(null), d = zt(null), h = C({
     get() {
-      return d.value ? d.value.value : t.control ? t.control.value : t.modelValue === void 0 ? u.value : t.modelValue;
+      return d.value ? d.value.value : t.control ? t.control.value : t.modelValue === void 0 ? c.value : t.modelValue;
     },
     set(m) {
       try {
         t.control && (t.control.value = m);
       } finally {
-        t.control && !Object.is(tt(t.control.value), tt(m)) && (d.value = { value: m }, Ke(() => {
+        t.control && !Object.is(tt(t.control.value), tt(m)) && (d.value = { value: m }, Xe(() => {
           d.value = null;
         }));
       }
-      t.modelValue === void 0 && (u.value = m), n("update:modelValue", t.control ? t.control.value : m);
+      t.modelValue === void 0 && (c.value = m), n("update:modelValue", t.control ? t.control.value : m);
     }
   });
-  if (t.control && !(t.control instanceof Ae.FieldBase))
+  if (t.control && !(t.control instanceof _e.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const k = x({
+  const k = C({
     get() {
       return t.control.touched;
     },
     set(m) {
       t.control.touched = m;
     }
-  }), f = t.control ? k : M(!1), v = x(() => t.control ? t.control.valid : !0), g = x(
+  }), f = t.control ? k : R(!1), v = C(() => t.control ? t.control.valid : !0), b = C(
     () => t.control ? t.control.errors : (t.errors || []).map((m) => new ut(m))
-  ), T = x(() => f.value && g.value.length > 0 ? " " : void 0), $ = x(() => f.value ? g.value : void 0), C = x(() => t.control ? t.control.effectiveEnabled : t.enabled !== !1), j = x(() => t.control ? t.control.visibility : t.visibility == null ? Ae.DisplayMode.FULL : Ae.DisplayMode.fromAny(t.visibility)), P = x(() => j.value !== Ae.DisplayMode.SUPPRESS), D = x(() => ({
-    "d-none": j.value === Ae.DisplayMode.HIDDEN,
-    invisible: j.value === Ae.DisplayMode.INVISIBLE
-  })), b = x(() => {
-    var m, _;
-    return (_ = (m = t.control) == null ? void 0 : m.extra) != null ? _ : {};
-  }), S = x(() => {
-    var _;
-    const m = (_ = t.label) != null ? _ : b.value.label;
-    return he(m || "") ? new Vl(m || "") : m;
-  }), H = x(() => {
-    var m, _;
-    return (_ = (m = t.placeholder) != null ? m : b.value.placeholder) != null ? _ : "";
-  }), K = x(() => {
-    var m, _;
-    return (_ = (m = t.helpText) != null ? m : b.value.helpText) != null ? _ : "";
-  }), W = x(() => {
-    var m, _;
-    return (_ = (m = t.hint) != null ? m : b.value.hint) != null ? _ : "";
-  }), L = x(() => {
-    var m, _;
-    return (_ = (m = t.cssClass) != null ? m : b.value.cssClass) != null ? _ : "";
-  }), w = x(
+  ), _ = C(() => f.value && b.value.length > 0 ? " " : void 0), B = C(() => f.value ? b.value : void 0), x = C(() => t.control ? t.control.effectiveEnabled : t.enabled !== !1), V = C(() => t.control ? t.control.visibility : t.visibility == null ? _e.DisplayMode.FULL : _e.DisplayMode.fromAny(t.visibility)), E = C(() => V.value !== _e.DisplayMode.SUPPRESS), L = C(() => ({
+    "d-none": V.value === _e.DisplayMode.HIDDEN,
+    invisible: V.value === _e.DisplayMode.INVISIBLE
+  })), g = C(() => {
+    var m, A;
+    return (A = (m = t.control) == null ? void 0 : m.extra) != null ? A : {};
+  }), $ = C(() => {
+    var A;
+    const m = (A = t.label) != null ? A : g.value.label;
+    return ge(m || "") ? new Vl(m || "") : m;
+  }), W = C(() => {
+    var m, A;
+    return (A = (m = t.placeholder) != null ? m : g.value.placeholder) != null ? A : "";
+  }), q = C(() => {
+    var m, A;
+    return (A = (m = t.helpText) != null ? m : g.value.helpText) != null ? A : "";
+  }), Z = C(() => {
+    var m, A;
+    return (A = (m = t.hint) != null ? m : g.value.hint) != null ? A : "";
+  }), M = C(() => {
+    var m, A;
+    return (A = (m = t.cssClass) != null ? m : g.value.cssClass) != null ? A : "";
+  }), w = C(
     () => {
-      var m, _, N, O;
-      return (O = (N = (_ = (m = t.density) != null ? m : b.value.density) != null ? _ : a) != null ? N : e.defaultDensity) != null ? O : "default";
+      var m, A, S, N;
+      return (N = (S = (A = (m = t.density) != null ? m : g.value.density) != null ? A : a) != null ? S : e.defaultDensity) != null ? N : "default";
     }
-  ), o = x(() => w.value === "inline" ? "default" : w.value), c = x(
+  ), o = C(() => w.value === "inline" ? "default" : w.value), u = C(
     () => {
-      var m, _, N, O;
-      return (O = (N = (_ = (m = t.variant) != null ? m : b.value.variant) != null ? _ : r) != null ? N : e.defaultVariant) != null ? O : "underlined";
+      var m, A, S, N;
+      return (N = (S = (A = (m = t.variant) != null ? m : g.value.variant) != null ? A : r) != null ? S : e.defaultVariant) != null ? N : "underlined";
     }
   );
   return {
     value: h,
     valid: v,
-    enabled: C,
-    errors: g,
-    showErrors: $,
-    visibility: j,
-    isRendered: P,
-    visibilityClass: D,
-    label: S,
+    enabled: x,
+    errors: b,
+    showErrors: B,
+    visibility: V,
+    isRendered: E,
+    visibilityClass: L,
+    label: $,
     touched: f,
     density: w,
-    densityClass: x(() => `df-density-${w.value}`),
-    vuetifyBindings: x(() => {
+    densityClass: C(() => `df-density-${w.value}`),
+    vuetifyBindings: C(() => {
       var m;
       return z({
         name: (m = t.control) == null ? void 0 : m.fieldName,
-        class: L.value,
+        class: M.value,
         density: o.value,
-        variant: c.value,
-        label: S.value.text,
-        errorMessages: T.value,
+        variant: u.value,
+        label: $.value.text,
+        errorMessages: _.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !C.value,
-        disabled: !C.value,
-        placeholder: H.value,
-        "persistent-placeholder": !Me(H.value),
-        hint: W.value,
+        readonly: !x.value,
+        disabled: !x.value,
+        placeholder: W.value,
+        "persistent-placeholder": !Me(W.value),
+        hint: Z.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
-        helpText: K.value
+        helpText: q.value
       }, t.passthroughAttrs || {});
     })
   };
 }
-const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, He = /* @__PURE__ */ te({
+const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, We = /* @__PURE__ */ ne({
   __name: "input-base",
   props: {
     control: {},
@@ -971,13 +971,13 @@ const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, He = /* @_
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { isRendered: r, label: u, showErrors: d, touched: h, value: k, visibilityClass: f, vuetifyBindings: v } = ce(e, a), g = x(() => !!(l(e.clearable) && l(k))), T = M(!1);
-    function $(C) {
-      T.value = C, C || (h.value = !0, a("blur"));
+    const e = t, a = n, { isRendered: r, label: c, showErrors: d, touched: h, value: k, visibilityClass: f, vuetifyBindings: v } = ce(e, a), b = C(() => !!(l(e.clearable) && l(k))), _ = R(!1);
+    function B(x) {
+      _.value = x, x || (h.value = !0, a("blur"));
     }
-    return (C, j) => {
-      const P = R("v-field"), D = R("v-input");
-      return l(r) ? (V(), F(D, {
+    return (x, V) => {
+      const E = P("v-field"), L = P("v-input");
+      return l(r) ? (T(), H(L, {
         key: 0,
         name: l(v).name,
         density: l(v).density,
@@ -986,47 +986,47 @@ const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, He = /* @_
         "hide-details": l(v).hideDetails,
         "error-messages": l(v).errorMessages,
         class: ue([t.cssClass, l(f)])
-      }, Ge({
-        message: s(({ message: b }) => [
+      }, ze({
+        message: s(({ message: g }) => [
           i(ve, {
-            message: b,
+            message: g,
             errors: l(d)
           }, null, 8, ["message", "errors"])
         ]),
         default: s(() => [
-          i(P, {
+          i(E, {
             variant: l(v).variant,
             density: l(v).density,
             label: l(v).label,
             disabled: l(v).disabled,
-            clearable: g.value,
+            clearable: b.value,
             "persistent-clear": !0,
             dirty: !!l(k) || !!l(v).placeholder,
-            active: T.value,
+            active: _.value,
             loading: t.loading,
-            "onClick:clear": j[0] || (j[0] = (b) => a("click:clear")),
-            "onUpdate:focused": j[1] || (j[1] = (b) => $(b))
-          }, Ge({
-            label: s((b) => [
+            "onClick:clear": V[0] || (V[0] = (g) => a("click:clear")),
+            "onUpdate:focused": V[1] || (V[1] = (g) => B(g))
+          }, ze({
+            label: s((g) => [
               i(fe, {
-                data: b,
-                label: l(u)
+                data: g,
+                label: l(c)
               }, null, 8, ["data", "label"])
             ]),
-            default: s((b) => [
-              oe("div", jl, [
-                _e(C.$slots, "default", ye(ke(b)))
+            default: s((g) => [
+              ae("div", jl, [
+                Te(x.$slots, "default", we(Ce(g)))
               ])
             ]),
-            loader: s((b) => [
-              _e(C.$slots, "loader", ye(ke(b)))
+            loader: s((g) => [
+              Te(x.$slots, "loader", we(Ce(g)))
             ]),
             _: 2
           }, [
-            C.$slots["prepend-inner"] ? {
+            x.$slots["prepend-inner"] ? {
               name: "prepend-inner",
-              fn: s((b) => [
-                _e(C.$slots, "prepend-inner", ye(ke(b)))
+              fn: s((g) => [
+                Te(x.$slots, "prepend-inner", we(Ce(g)))
               ]),
               key: "0"
             } : void 0
@@ -1034,17 +1034,17 @@ const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, He = /* @_
         ]),
         _: 2
       }, [
-        C.$slots.prepend ? {
+        x.$slots.prepend ? {
           name: "prepend",
-          fn: s((b) => [
-            _e(C.$slots, "prepend", ye(ke(b)))
+          fn: s((g) => [
+            Te(x.$slots, "prepend", we(Ce(g)))
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["name", "density", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : Y("", !0);
     };
   }
-}), we = {
+}), ye = {
   Yes: "Yes",
   No: "No",
   Close: "Close",
@@ -1090,6 +1090,8 @@ const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, He = /* @_
   ImageInsert: "Insert",
   ImageDropHint: "Drop image here or click to browse",
   ImageReplace: "Replace image",
+  ImageDownload: "Download image",
+  FileDownload: "Download file",
   Table: "Table",
   TableInsert: "Insert table",
   TableAddRowAbove: "Add row above",
@@ -1105,10 +1107,10 @@ const jl = { class: "d-flex w-100 df-style-resetting df-sub-field" }, He = /* @_
   MediaEmbedUrl: "Video URL",
   MediaEmbedInsert: "Insert"
 };
-function io(t) {
-  Object.keys(we).forEach((n) => {
+function so(t) {
+  Object.keys(ye).forEach((n) => {
     const e = t(n);
-    e != null && (we[n] = e);
+    e != null && (ye[n] = e);
   });
 }
 var se = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.TEXT = 1] = "TEXT", t))(se || {});
@@ -1119,13 +1121,13 @@ const ot = 0;
   }
   t.fromString = n;
   function e(r) {
-    const u = typeof r == "number" ? r : t.fromString(r);
-    return Object.values(t).includes(u) ? u : ot;
+    const c = typeof r == "number" ? r : t.fromString(r);
+    return Object.values(t).includes(c) ? c : ot;
   }
   t.fromAny = e;
   function a(r) {
-    const u = typeof r == "number" ? r : t.fromString(r);
-    return Object.values(t).includes(u);
+    const c = typeof r == "number" ? r : t.fromString(r);
+    return Object.values(t).includes(c);
   }
   t.isDefined = a;
 })(se || (se = {}));
@@ -1133,7 +1135,7 @@ Object.freeze(se);
 const it = ["xs", "sm", "md", "lg", "xl"];
 class Bl {
   constructor(n) {
-    xe(this, "_value");
+    Ae(this, "_value");
     this._value = this.cleanBreakpoint(n, !0), n && it.forEach((e) => {
       const a = this.cleanBreakpoint(n[e]);
       a && (this._value[e] = a);
@@ -1142,49 +1144,49 @@ class Bl {
   getOptionsForBreakpoint(n) {
     var a, r;
     const e = (a = this.cleanBreakpoint(this._value)) != null ? a : {};
-    for (const u of it) {
-      const d = (r = this._value[u]) != null ? r : {};
+    for (const c of it) {
+      const d = (r = this._value[c]) != null ? r : {};
       for (const h of Object.keys(d)) {
         const k = d[h];
         k != null && (ct(k) ? e[h] = z(z({}, e[h]), k) : e[h] = k);
       }
-      if (u === n) break;
+      if (c === n) break;
     }
     return e;
   }
 }
-function Ll(t) {
+function Dl(t) {
   return t.xlAndUp.value ? "xl" : t.lgAndUp.value ? "lg" : t.mdAndUp.value ? "md" : t.smAndUp.value ? "sm" : "xs";
 }
 function Il() {
   const t = Zt();
-  return x(() => Ll(t));
+  return C(() => Dl(t));
 }
-class $l extends Bl {
+class Ll extends Bl {
   cleanBreakpoint(n, e = !1) {
     if ((!n || !Xt(n)) && !e) return null;
     const a = {};
-    return e && (a.renderAs = se.BUTTON, a.showLabel = !0, a.showIcon = !0), n && (n.renderAs != null && (a.renderAs = se.fromAny(n.renderAs)), he(n.label) && (a.label = n.label), he(n.icon) && (a.icon = n.icon), Re(n.showLabel) && (a.showLabel = n.showLabel), Re(n.showIcon) && (a.showIcon = n.showIcon), he(n.name) && (a.name = n.name), Re(n.defaultConfirm) && (a.defaultConfirm = n.defaultConfirm), Re(n.defaultReject) && (a.defaultReject = n.defaultReject), ct(n.passthroughAttrs) && (a.passthroughAttrs = z({}, n.passthroughAttrs))), Object.keys(a).length ? a : null;
+    return e && (a.renderAs = se.BUTTON, a.showLabel = !0, a.showIcon = !0), n && (n.renderAs != null && (a.renderAs = se.fromAny(n.renderAs)), ge(n.label) && (a.label = n.label), ge(n.icon) && (a.icon = n.icon), Pe(n.showLabel) && (a.showLabel = n.showLabel), Pe(n.showIcon) && (a.showIcon = n.showIcon), ge(n.name) && (a.name = n.name), Pe(n.defaultConfirm) && (a.defaultConfirm = n.defaultConfirm), Pe(n.defaultReject) && (a.defaultReject = n.defaultReject), ct(n.passthroughAttrs) && (a.passthroughAttrs = z({}, n.passthroughAttrs))), Object.keys(a).length ? a : null;
   }
 }
 function ft(t, n) {
-  const a = new $l(t).getOptionsForBreakpoint(n);
+  const a = new Ll(t).getOptionsForBreakpoint(n);
   return {
     name: a.name,
     label: a.showLabel ? a.label : void 0,
     icon: a.showIcon ? a.icon : void 0,
     renderAs: a.renderAs,
-    showLabel: he(a.label) && !Me(a.label) ? a.showLabel : !1,
-    showIcon: he(a.icon) && !Me(a.icon) ? a.showIcon : !1,
+    showLabel: ge(a.label) && !Me(a.label) ? a.showLabel : !1,
+    showIcon: ge(a.icon) && !Me(a.icon) ? a.showIcon : !1,
     defaultConfirm: a.defaultConfirm,
     defaultReject: a.defaultReject,
     passthroughAttrs: a.passthroughAttrs
   };
 }
-class Ne extends Kt {
+class Fe extends Kt {
   /** @see getRenderOptionsForBreakpoint, which answers the same for the value of any `Action` */
   getBreakpointValue(n) {
-    return x(() => ft(this.value, n.value));
+    return C(() => ft(this.value, n.value));
   }
   /** @see ActionRenderOptions.name */
   get name() {
@@ -1199,7 +1201,7 @@ class Ne extends Kt {
   }
   /** @see ActionRenderOptions.showLabel */
   get showLabel() {
-    return he(this.value.label) && !Me(this.value.label) ? this.value.showLabel : !1;
+    return ge(this.value.label) && !Me(this.value.label) ? this.value.showLabel : !1;
   }
   /**
    * The icon as this action renders it: the name where {@link ActionRenderOptions.showIcon} states it is shown,
@@ -1210,7 +1212,7 @@ class Ne extends Kt {
   }
   /** @see ActionRenderOptions.showIcon */
   get showIcon() {
-    return he(this.value.icon) && !Me(this.value.icon) ? this.value.showIcon : !1;
+    return ge(this.value.icon) && !Me(this.value.icon) ? this.value.showIcon : !1;
   }
   /** @see ActionRenderOptions.renderAs */
   get renderAs() {
@@ -1230,74 +1232,74 @@ class Ne extends Kt {
   }
   static closeAction(n) {
     var a;
-    const e = ee(z({}, n != null ? n : {}), {
+    const e = te(z({}, n != null ? n : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "close",
-        label: we.Close,
+        label: ye.Close,
         icon: "ion-close-outline",
         renderAs: se.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return e.value = z(z({}, e.value), (a = n == null ? void 0 : n.value) != null ? a : {}), new Ne(e);
+    return e.value = z(z({}, e.value), (a = n == null ? void 0 : n.value) != null ? a : {}), new Fe(e);
   }
   static yesAction(n) {
     var a;
-    const e = ee(z({}, n != null ? n : {}), {
+    const e = te(z({}, n != null ? n : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "yes",
-        label: we.Yes,
+        label: ye.Yes,
         icon: "ion-thumbs-up-outline",
         renderAs: se.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return e.value = z(z({}, e.value), (a = n == null ? void 0 : n.value) != null ? a : {}), new Ne(e);
+    return e.value = z(z({}, e.value), (a = n == null ? void 0 : n.value) != null ? a : {}), new Fe(e);
   }
   static noAction(n) {
     var a;
-    const e = ee(z({}, n != null ? n : {}), {
+    const e = te(z({}, n != null ? n : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "no",
-        label: we.No,
+        label: ye.No,
         icon: "ion-thumbs-down-outline",
         renderAs: se.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return e.value = z(z({}, e.value), (a = n == null ? void 0 : n.value) != null ? a : {}), new Ne(e);
+    return e.value = z(z({}, e.value), (a = n == null ? void 0 : n.value) != null ? a : {}), new Fe(e);
   }
 }
 function pt(t, n, e, a) {
-  const r = Pe(Je, {}), u = M(null);
+  const r = Ee(Qe, {}), c = R(null);
   function d() {
-    u.value && window.clearInterval(u.value);
+    c.value && window.clearInterval(c.value);
   }
   function h() {
     var f, v;
     d();
     const k = (v = (f = e()) != null ? f : r.defaultTouchInterval) != null ? v : 6e4;
-    u.value = window.setInterval(() => {
-      t.value && n().touch(t.value).catch((g) => {
-        g instanceof _l && a(g.errorText);
+    c.value = window.setInterval(() => {
+      t.value && n().touch(t.value).catch((b) => {
+        b instanceof Tl && a(b.errorText);
       });
     }, k);
   }
-  return Ye(() => d()), me(t, (k) => k ? h() : d()), { setupTouchInterval: h, clearTouchInterval: d };
+  return Je(() => d()), me(t, (k) => k ? h() : d()), { setupTouchInterval: h, clearTouchInterval: d };
 }
 function bt(t, n) {
   t && (t.errors = [new ut(n)]);
 }
-const Dl = {
+const $l = {
   key: 1,
   style: { width: "0.5rem" }
-}, Sl = { key: 2 }, ht = /* @__PURE__ */ te({
+}, Sl = { key: 2 }, ht = /* @__PURE__ */ ne({
   __name: "df-actions",
   props: {
     actions: {},
@@ -1305,53 +1307,53 @@ const Dl = {
     showAsGroup: { default: "no" }
   },
   setup(t) {
-    const n = t, e = Il(), a = x(() => l(n.actions).filter((d) => d.visibility !== We.SUPPRESS)), r = x(
+    const n = t, e = Il(), a = C(() => l(n.actions).filter((d) => d.visibility !== Ke.SUPPRESS)), r = C(
       () => a.value.map((d) => z({
         action: d
       }, ft(d.value, e.value)))
     );
-    function u(d) {
+    function c(d) {
       if (d.defaultConfirm) return "primary";
       if (d.defaultReject) return "secondary";
     }
     return (d, h) => {
-      const k = R("v-btn");
-      return a.value.length > 0 ? (V(), Z("div", {
+      const k = P("v-btn");
+      return a.value.length > 0 ? (T(), Q("div", {
         key: 0,
         class: ue(["text-end df-actions", {
           "button-group": t.showAsGroup === "grouped" || t.showAsGroup === "grouped-no-borders",
           "with-border": t.showAsGroup === "grouped"
         }])
       }, [
-        (V(!0), Z(Se, null, Xe(r.value, (f, v) => (V(), F(k, X({
+        (T(!0), Q(Se, null, Ye(r.value, (f, v) => (T(), H(k, X({
           key: v,
           variant: f.renderAs === l(se).BUTTON ? "tonal" : "text",
-          color: u(f),
+          color: c(f),
           disabled: !f.action.effectiveEnabled || f.action.busy,
           loading: f.action.busy,
           elevation: 0,
           size: t.buttonSize,
           class: {
-            "d-none": f.action.visibility === l(We).HIDDEN,
-            invisible: f.action.visibility === l(We).INVISIBLE
+            "d-none": f.action.visibility === l(Ke).HIDDEN,
+            invisible: f.action.visibility === l(Ke).INVISIBLE
           }
         }, { ref_for: !0 }, f.passthroughAttrs, {
-          onClick: Te((g) => f.action.execute(g), ["stop"])
+          onClick: ke((b) => f.action.execute(b), ["stop"])
         }), {
           default: s(() => [
-            f.icon ? (V(), F(l(B), {
+            f.icon ? (T(), H(l(j), {
               key: 0,
               name: f.icon
             }, null, 8, ["name"])) : Y("", !0),
-            f.icon && f.label ? (V(), Z("span", Dl)) : Y("", !0),
-            f.label ? (V(), Z("span", Sl, G(f.label), 1)) : Y("", !0)
+            f.icon && f.label ? (T(), Q("span", $l)) : Y("", !0),
+            f.label ? (T(), Q("span", Sl, G(f.label), 1)) : Y("", !0)
           ]),
           _: 2
         }, 1040, ["variant", "color", "disabled", "loading", "size", "class", "onClick"]))), 128))
       ], 2)) : Y("", !0);
     };
   }
-}), gt = /* @__PURE__ */ te({
+}), gt = /* @__PURE__ */ ne({
   __name: "df-checkbox",
   props: /* @__PURE__ */ pe({
     allowNull: { type: Boolean },
@@ -1369,48 +1371,48 @@ const Dl = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), { allowNull: !1 })),
+  }, te(z({}, be), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { densityClass: r, isRendered: u, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: g } = ce(
+    const e = t, a = n, { densityClass: r, isRendered: c, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: b } = ce(
       e,
       a
-    ), T = x(() => e.allowNull && f.value == null), $ = x({
+    ), _ = C(() => e.allowNull && f.value == null), B = C({
       get() {
         return f.value;
       },
       set() {
       }
     });
-    function C() {
-      const j = Yt(f.value);
-      j === !0 ? f.value = e.allowNull ? null : !1 : f.value = j === !1;
+    function x() {
+      const V = Yt(f.value);
+      V === !0 ? f.value = e.allowNull ? null : !1 : f.value = V === !1;
     }
-    return (j, P) => {
-      const D = R("v-checkbox");
-      return l(u) ? (V(), F(D, X({
+    return (V, E) => {
+      const L = P("v-checkbox");
+      return l(c) ? (T(), H(L, X({
         key: 0,
-        modelValue: $.value,
-        "onUpdate:modelValue": P[0] || (P[0] = (b) => $.value = b),
+        modelValue: B.value,
+        "onUpdate:modelValue": E[0] || (E[0] = (g) => B.value = g),
         density: "compact",
         class: [l(r), l(v)],
-        indeterminate: T.value,
+        indeterminate: _.value,
         "false-value": !1,
         "true-value": !0
-      }, l(g), {
-        onChange: C,
-        onBlur: P[1] || (P[1] = (b) => k.value = !0)
+      }, l(b), {
+        onChange: x,
+        onBlur: E[1] || (E[1] = (g) => k.value = !0)
       }), {
-        label: s((b) => [
+        label: s((g) => [
           i(l(fe), {
             "allow-wrap": !0,
-            data: b,
+            data: g,
             label: l(d)
           }, null, 8, ["data", "label"])
         ]),
-        message: s(({ message: b }) => [
+        message: s(({ message: g }) => [
           i(l(ve), {
-            message: b,
+            message: g,
             errors: l(h)
           }, null, 8, ["message", "errors"])
         ]),
@@ -1418,7 +1420,7 @@ const Dl = {
       }, 16, ["modelValue", "class", "indeterminate"])) : Y("", !0);
     };
   }
-}), yt = /* @__PURE__ */ te({
+}), yt = /* @__PURE__ */ ne({
   __name: "df-color",
   props: /* @__PURE__ */ pe({
     allowNull: { type: Boolean },
@@ -1436,56 +1438,56 @@ const Dl = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), { allowNull: !1 })),
+  }, te(z({}, be), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { densityClass: r, isRendered: u, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: g } = ce(
+    const e = t, a = n, { densityClass: r, isRendered: c, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: b } = ce(
       e,
       a
-    ), T = M(!1), $ = x(() => [
-      (C) => e.control || !C && e.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(C) ? !0 : "Not a valid hex string."
+    ), _ = R(!1), B = C(() => [
+      (x) => e.control || !x && e.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(x) ? !0 : "Not a valid hex string."
     ]);
-    return (C, j) => {
-      const P = R("v-color-picker"), D = R("v-menu"), b = R("v-text-field");
-      return l(u) ? (V(), F(b, X({
+    return (x, V) => {
+      const E = P("v-color-picker"), L = P("v-menu"), g = P("v-text-field");
+      return l(c) ? (T(), H(g, X({
         key: 0,
         modelValue: l(f),
-        "onUpdate:modelValue": j[2] || (j[2] = (S) => Ce(f) ? f.value = S : null),
+        "onUpdate:modelValue": V[2] || (V[2] = ($) => xe(f) ? f.value = $ : null),
         class: [l(r), l(v)],
         clearable: t.allowNull,
         type: "text",
-        rules: $.value
-      }, l(g), {
-        onBlur: j[3] || (j[3] = (S) => k.value = !0)
+        rules: B.value
+      }, l(b), {
+        onBlur: V[3] || (V[3] = ($) => k.value = !0)
       }), {
-        label: s((S) => [
+        label: s(($) => [
           i(l(fe), {
-            data: S,
+            data: $,
             label: l(d)
           }, null, 8, ["data", "label"])
         ]),
-        message: s(({ message: S }) => [
+        message: s(({ message: $ }) => [
           i(l(ve), {
-            message: S,
+            message: $,
             errors: l(h)
           }, null, 8, ["message", "errors"])
         ]),
         "prepend-inner": s(() => [
-          oe("div", {
+          ae("div", {
             style: st([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: l(f) }])
           }, null, 4)
         ]),
         default: s(() => [
-          i(D, {
-            modelValue: T.value,
-            "onUpdate:modelValue": j[1] || (j[1] = (S) => T.value = S),
+          i(L, {
+            modelValue: _.value,
+            "onUpdate:modelValue": V[1] || (V[1] = ($) => _.value = $),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
             default: s(() => [
-              i(P, {
+              i(E, {
                 modelValue: l(f),
-                "onUpdate:modelValue": j[0] || (j[0] = (S) => Ce(f) ? f.value = S : null),
+                "onUpdate:modelValue": V[0] || (V[0] = ($) => xe(f) ? f.value = $ : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -1496,7 +1498,7 @@ const Dl = {
       }, 16, ["modelValue", "class", "clearable", "rules"])) : Y("", !0);
     };
   }
-}), kt = /* @__PURE__ */ te({
+}), kt = /* @__PURE__ */ ne({
   __name: "df-datetime",
   props: /* @__PURE__ */ pe({
     inputType: {},
@@ -1517,105 +1519,105 @@ const Dl = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), {
+  }, te(z({}, be), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, r = x(() => {
+    const e = t, a = n, r = C(() => {
       var w;
-      return (w = e.locale) != null ? w : l(Tl.dateTimeLocale);
-    }), u = x(() => {
+      return (w = e.locale) != null ? w : l(_l.dateTimeLocale);
+    }), c = C(() => {
       var w, o;
       return (o = (w = r.value.options) == null ? void 0 : w.weekStartsOn) != null ? o : 1;
-    }), { density: d, densityClass: h, touched: k, value: f, vuetifyBindings: v } = ce(e, a), { inputType: g, displayFormatDate: T, displayFormatTime: $ } = Fe(e), C = M(""), j = x({
+    }), { density: d, densityClass: h, touched: k, value: f, vuetifyBindings: v } = ce(e, a), { inputType: b, displayFormatDate: _, displayFormatTime: B } = Oe(e), x = R(""), V = C({
       get() {
-        return l(C) === "date";
+        return l(x) === "date";
       },
       set(w) {
-        C.value = w ? "date" : "";
+        x.value = w ? "date" : "";
       }
-    }), P = x({
+    }), E = C({
       get() {
-        return l(C) === "time";
+        return l(x) === "time";
       },
       set(w) {
-        C.value = w ? "time" : "";
+        x.value = w ? "time" : "";
       }
-    }), D = (w) => `${je(w, "yyyy-MM-dd")}T${je(w, "HH:mm")}:00`, b = M(null);
-    function S(w, o) {
+    }), L = (w) => `${je(w, "yyyy-MM-dd")}T${je(w, "HH:mm")}:00`, g = R(null);
+    function $(w, o) {
       if (w == null)
-        b.value = null;
+        g.value = null;
       else if (o === -1)
-        if (l(g) === "time")
-          b.value = D(/* @__PURE__ */ new Date()), S(`T${w}`, 1);
+        if (l(b) === "time")
+          g.value = L(/* @__PURE__ */ new Date()), $(`T${w}`, 1);
         else {
-          const c = D(new Date(w));
-          S(c, 0), S(c, 1);
+          const u = L(new Date(w));
+          $(u, 0), $(u, 1);
         }
       else {
-        b.value == null && (b.value = D(/* @__PURE__ */ new Date()));
-        const c = b.value.split(/[TZ]/g), m = w.split(/[TZ]/g);
-        c[o] = m[o], b.value = D(/* @__PURE__ */ new Date(`${c[0]}T${c[1].split(".")[0]}`)), l(g) === "date" ? f.value = c[0] : l(g) === "time" ? f.value = c[1] : f.value = l(b) + je(/* @__PURE__ */ new Date(), "XXX");
+        g.value == null && (g.value = L(/* @__PURE__ */ new Date()));
+        const u = g.value.split(/[TZ]/g), m = w.split(/[TZ]/g);
+        u[o] = m[o], g.value = L(/* @__PURE__ */ new Date(`${u[0]}T${u[1].split(".")[0]}`)), l(b) === "date" ? f.value = u[0] : l(b) === "time" ? f.value = u[1] : f.value = l(g) + je(/* @__PURE__ */ new Date(), "XXX");
       }
     }
-    me(f, (w) => S(w, -1), { immediate: !0 });
-    const H = x({
+    me(f, (w) => $(w, -1), { immediate: !0 });
+    const W = C({
       get() {
-        const w = l(b);
+        const w = l(g);
         if (w == null) return null;
         const o = new Date(w);
         return Number.isNaN(o.getTime()) ? null : o;
       },
       set(w) {
-        S(D(w), 0);
+        $(L(w), 0);
       }
-    }), K = x({
+    }), q = C({
       get() {
-        const w = l(b);
+        const w = l(g);
         return w == null ? "" : w.split(/[TZ]/g)[1].split(".")[0];
       },
       set(w) {
-        S(`T${w}`, 1);
+        $(`T${w}`, 1);
       }
-    }), W = x({
+    }), Z = C({
       get() {
-        const w = l(H);
-        return w == null ? "" : je(w, l(T), { locale: r.value });
+        const w = l(W);
+        return w == null ? "" : je(w, l(_), { locale: r.value });
       },
       set(w) {
         try {
-          const o = en(w, l(T), /* @__PURE__ */ new Date(), { locale: r.value });
-          S(D(o), 0);
+          const o = en(w, l(_), /* @__PURE__ */ new Date(), { locale: r.value });
+          $(L(o), 0);
         } catch (o) {
           console.error(o);
         }
       }
-    }), L = x({
+    }), M = C({
       get() {
-        const w = l(H);
-        return w == null ? "" : je(w, l($), { locale: r.value });
+        const w = l(W);
+        return w == null ? "" : je(w, l(B), { locale: r.value });
       },
       set(w) {
         const o = w.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (o == null) return;
-        let c = nt(o[1]);
+        let u = nt(o[1]);
         const m = nt(o[2]);
-        lt(c) || lt(m) || (o[3] && o[3].toLowerCase() === "pm" && c < 13 && (c += 12), S(`T${c.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}:00`, 1));
+        lt(u) || lt(m) || (o[3] && o[3].toLowerCase() === "pm" && u < 13 && (u += 12), $(`T${u.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}:00`, 1));
       }
     });
     return (w, o) => {
-      const c = R("v-date-picker"), m = R("v-confirm-edit"), _ = R("v-menu"), N = R("v-text-field"), O = R("v-time-picker");
-      return V(), F(l(He), X(e, {
+      const u = P("v-date-picker"), m = P("v-confirm-edit"), A = P("v-menu"), S = P("v-text-field"), N = P("v-time-picker");
+      return T(), H(l(We), X(e, {
         class: l(h),
         clearable: t.clearable,
-        "onClick:clear": o[14] || (o[14] = (ne) => f.value = null),
-        onBlur: o[15] || (o[15] = (ne) => k.value = !0)
+        "onClick:clear": o[14] || (o[14] = (le) => f.value = null),
+        onBlur: o[15] || (o[15] = (le) => k.value = !0)
       }), {
-        default: s((ne) => [
-          oe("div", {
+        default: s((le) => [
+          ae("div", {
             class: ue([
               "d-flex",
               "w-100",
@@ -1624,10 +1626,10 @@ const Dl = {
               l(d)
             ])
           }, [
-            ["date", "datetime"].includes(l(g)) ? (V(), F(N, X({
+            ["date", "datetime"].includes(l(b)) ? (T(), H(S, X({
               key: 0,
-              modelValue: W.value,
-              "onUpdate:modelValue": o[4] || (o[4] = (A) => W.value = A),
+              modelValue: Z.value,
+              "onUpdate:modelValue": o[4] || (o[4] = (D) => Z.value = D),
               style: { "flex-grow": "4" },
               density: "compact",
               variant: "plain",
@@ -1638,36 +1640,36 @@ const Dl = {
               name: `${l(v).name}-date`,
               placeholder: l(v).placeholder
             }, t.passthroughAttrs, {
-              onClick: o[5] || (o[5] = (A) => C.value = "date"),
-              onKeydown: o[6] || (o[6] = De((A) => C.value = "date", ["space"])),
-              onFocus: (A) => ne.focus(),
-              onBlur: (A) => ne.blur()
+              onClick: o[5] || (o[5] = (D) => x.value = "date"),
+              onKeydown: o[6] || (o[6] = $e((D) => x.value = "date", ["space"])),
+              onFocus: (D) => le.focus(),
+              onBlur: (D) => le.blur()
             }), {
               default: s(() => [
-                i(_, {
-                  modelValue: j.value,
-                  "onUpdate:modelValue": o[3] || (o[3] = (A) => j.value = A),
+                i(A, {
+                  modelValue: V.value,
+                  "onUpdate:modelValue": o[3] || (o[3] = (D) => V.value = D),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
                   default: s(() => [
                     i(m, {
-                      modelValue: H.value,
-                      "onUpdate:modelValue": o[0] || (o[0] = (A) => H.value = A),
-                      onCancel: o[1] || (o[1] = (A) => C.value = ""),
-                      onSave: o[2] || (o[2] = (A) => C.value = "")
+                      modelValue: W.value,
+                      "onUpdate:modelValue": o[0] || (o[0] = (D) => W.value = D),
+                      onCancel: o[1] || (o[1] = (D) => x.value = ""),
+                      onSave: o[2] || (o[2] = (D) => x.value = "")
                     }, {
-                      default: s(({ model: A, actions: q }) => [
-                        i(c, {
-                          modelValue: A.value,
-                          "onUpdate:modelValue": (Q) => A.value = Q,
+                      default: s(({ model: D, actions: O }) => [
+                        i(u, {
+                          modelValue: D.value,
+                          "onUpdate:modelValue": (K) => D.value = K,
                           "hide-header": !0,
-                          "first-day-of-week": u.value,
+                          "first-day-of-week": c.value,
                           "show-adjacent-months": !0,
                           "show-week": !0
                         }, {
                           actions: s(() => [
-                            (V(), F(Ue(q)))
+                            (T(), H(Ue(O)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue", "first-day-of-week"])
@@ -1680,10 +1682,10 @@ const Dl = {
               ]),
               _: 1
             }, 16, ["modelValue", "readonly", "disabled", "name", "placeholder", "onFocus", "onBlur"])) : Y("", !0),
-            ["time", "datetime"].includes(l(g)) ? (V(), F(N, X({
+            ["time", "datetime"].includes(l(b)) ? (T(), H(S, X({
               key: 1,
-              modelValue: L.value,
-              "onUpdate:modelValue": o[11] || (o[11] = (A) => L.value = A),
+              modelValue: M.value,
+              "onUpdate:modelValue": o[11] || (o[11] = (D) => M.value = D),
               style: { "flex-grow": "3" },
               density: "compact",
               variant: "plain",
@@ -1692,36 +1694,36 @@ const Dl = {
               readonly: l(v).readonly,
               disabled: l(v).disabled,
               name: `${l(v).name}-time`,
-              placeholder: l(g) === "time" ? l(v).placeholder : void 0
+              placeholder: l(b) === "time" ? l(v).placeholder : void 0
             }, t.passthroughAttrs, {
-              onClick: o[12] || (o[12] = (A) => C.value = "time"),
-              onKeydown: o[13] || (o[13] = De((A) => C.value = "time", ["space"])),
-              onFocus: (A) => ne.focus(),
-              onBlur: (A) => ne.blur()
+              onClick: o[12] || (o[12] = (D) => x.value = "time"),
+              onKeydown: o[13] || (o[13] = $e((D) => x.value = "time", ["space"])),
+              onFocus: (D) => le.focus(),
+              onBlur: (D) => le.blur()
             }), {
               default: s(() => [
-                i(_, {
-                  modelValue: P.value,
-                  "onUpdate:modelValue": o[10] || (o[10] = (A) => P.value = A),
+                i(A, {
+                  modelValue: E.value,
+                  "onUpdate:modelValue": o[10] || (o[10] = (D) => E.value = D),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
                   default: s(() => [
                     i(m, {
-                      modelValue: K.value,
-                      "onUpdate:modelValue": o[7] || (o[7] = (A) => K.value = A),
-                      onCancel: o[8] || (o[8] = (A) => C.value = ""),
-                      onSave: o[9] || (o[9] = (A) => C.value = "")
+                      modelValue: q.value,
+                      "onUpdate:modelValue": o[7] || (o[7] = (D) => q.value = D),
+                      onCancel: o[8] || (o[8] = (D) => x.value = ""),
+                      onSave: o[9] || (o[9] = (D) => x.value = "")
                     }, {
-                      default: s(({ model: A, actions: q }) => [
-                        i(O, {
-                          modelValue: A.value,
-                          "onUpdate:modelValue": (Q) => A.value = Q,
+                      default: s(({ model: D, actions: O }) => [
+                        i(N, {
+                          modelValue: D.value,
+                          "onUpdate:modelValue": (K) => D.value = K,
                           "hide-header": !0,
                           format: "24hr"
                         }, {
                           actions: s(() => [
-                            (V(), F(Ue(q)))
+                            (T(), H(Ue(O)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue"])
@@ -1740,7 +1742,7 @@ const Dl = {
       }, 16, ["class", "clearable"]);
     };
   }
-}), wt = /* @__PURE__ */ te({
+}), Ml = ["title", "aria-label"], wt = /* @__PURE__ */ ne({
   __name: "df-file",
   props: /* @__PURE__ */ pe({
     comms: {},
@@ -1762,65 +1764,72 @@ const Dl = {
   }, be),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { density: r, densityClass: u, touched: d, value: h, vuetifyBindings: k } = ce(e, a), f = M(null), v = M(0), g = M(Math.round(Math.random() * 1e3)), T = M(), $ = x(() => f.value && v.value < 100), C = x(() => !T.value && h.value ? e.modelValue : "");
-    function j() {
-      h.value = null, v.value = 0, g.value = Math.round(Math.random() * 1e3), f.value = null, T.value = null, b();
+    const e = t, a = n, { density: r, densityClass: c, touched: d, value: h, vuetifyBindings: k } = ce(e, a), f = ye, v = R(null), b = R(0), _ = R(Math.round(Math.random() * 1e3)), B = R(), x = C(() => v.value && b.value < 100), V = C(() => !B.value && h.value ? h.value : ""), E = C(() => !B.value && !!h.value && !!e.comms.getDownloadUrl);
+    function L() {
+      return he(this, null, function* () {
+        if (!h.value || !e.comms.getDownloadUrl) return;
+        const o = yield e.comms.getDownloadUrl(h.value), u = document.createElement("a");
+        u.href = o, u.download = "", u.rel = "noopener", u.click();
+      });
+    }
+    function g() {
+      h.value = null, b.value = 0, _.value = Math.round(Math.random() * 1e3), v.value = null, B.value = null, q();
     }
-    function P(W) {
-      j(), bt(e.control, W);
+    function $(o) {
+      g(), bt(e.control, o);
     }
-    const { setupTouchInterval: D, clearTouchInterval: b } = pt(
+    const { setupTouchInterval: W, clearTouchInterval: q } = pt(
       h,
       () => e.comms,
       () => e.touchInterval,
-      P
+      $
     );
-    function S() {
-      return ge(this, null, function* () {
-        h.value && (yield e.comms.delete(h.value)), j();
+    function Z() {
+      return he(this, null, function* () {
+        h.value && (yield e.comms.delete(h.value)), g();
       });
     }
-    function H(W) {
-      return ge(this, null, function* () {
-        v.value = -1, f.value = W;
+    function M(o) {
+      return he(this, null, function* () {
+        b.value = -1, v.value = o;
         try {
-          h.value = yield e.comms.upload(W, (L, w) => {
-            v.value = Math.round(L * 100 / w);
-          }), v.value = 100, D();
-        } catch (L) {
-          throw v.value = 0, f.value = null, g.value = Math.round(Math.random() * 1e3), T.value = null, L;
+          h.value = yield e.comms.upload(o, (u, m) => {
+            b.value = Math.round(u * 100 / m);
+          }), b.value = 100, W();
+        } catch (u) {
+          throw b.value = 0, v.value = null, _.value = Math.round(Math.random() * 1e3), B.value = null, u;
         }
       });
     }
-    function K(W) {
-      W && (Array.isArray(W) ? console.error("Uploading multiple files not supported right now") : H(W));
+    function w(o) {
+      o && (Array.isArray(o) ? console.error("Uploading multiple files not supported right now") : M(o));
     }
-    return (W, L) => {
-      const w = R("v-progress-linear"), o = R("v-file-input");
-      return V(), F(l(He), X(ee(z({}, e), { loading: $.value }), {
-        class: l(u),
+    return (o, u) => {
+      const m = P("v-progress-linear"), A = P("v-file-input");
+      return T(), H(l(We), X(te(z({}, e), { loading: x.value }), {
+        class: l(c),
         clearable: "",
-        "onClick:clear": S,
-        onBlur: L[1] || (L[1] = (c) => d.value = !0)
+        "onClick:clear": Z,
+        onBlur: u[1] || (u[1] = (S) => d.value = !0)
       }), {
         "prepend-inner": s(() => [
-          i(l(B), { name: "mdi-paperclip" })
+          i(l(j), { name: "mdi-paperclip" })
         ]),
         loader: s(() => [
-          f.value && v.value < 100 ? (V(), F(w, {
+          v.value && b.value < 100 ? (T(), H(m, {
             key: 0,
-            "model-value": v.value,
-            indeterminate: v.value === -1
+            "model-value": b.value,
+            indeterminate: b.value === -1
           }, null, 8, ["model-value", "indeterminate"])) : Y("", !0)
         ]),
-        default: s((c) => [
-          oe("div", {
+        default: s((S) => [
+          ae("div", {
             class: ue(["d-flex w-100 position-relative df-input-wrapper", l(r)])
           }, [
-            i(o, X({
-              modelValue: T.value,
-              "onUpdate:modelValue": L[0] || (L[0] = (m) => T.value = m),
-              label: C.value,
+            i(A, X({
+              modelValue: B.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (N) => B.value = N),
+              label: V.value,
               density: "compact",
               variant: "plain",
               readonly: l(k).readonly,
@@ -1829,21 +1838,37 @@ const Dl = {
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: f.value && v.value < 100 ? "visibility: hidden" : "",
+              style: v.value && b.value < 100 ? "visibility: hidden" : "",
               clearable: !1
             }, t.passthroughAttrs, {
               "prepend-icon": "",
-              "onUpdate:modelValue": K,
-              onFocus: (m) => c.focus(),
-              onBlur: (m) => c.blur()
-            }), null, 16, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
+              "onUpdate:modelValue": w,
+              onFocus: (N) => S.focus(),
+              onBlur: (N) => S.blur()
+            }), ze({ _: 2 }, [
+              E.value ? {
+                name: "append-inner",
+                fn: s(() => [
+                  ae("button", {
+                    type: "button",
+                    class: "df-file-download-btn",
+                    title: l(f).FileDownload,
+                    "aria-label": l(f).FileDownload,
+                    onClick: ke(L, ["stop", "prevent"])
+                  }, [
+                    i(l(j), { name: "mdi-download" })
+                  ], 8, Ml)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
           ], 2)
         ]),
         _: 1
       }, 16, ["class"]);
     };
   }
-}), Ml = ["id", "disabled", "name", "onFocus", "onBlur"], Rl = ["for"], Pl = ["for"], Nl = ["for", "title"], Ct = /* @__PURE__ */ te({
+}), Rl = ["id", "disabled", "name", "onFocus", "onBlur"], Pl = ["for"], El = ["for"], Fl = ["for", "title"], Nl = ["href", "title", "aria-label"], Ct = /* @__PURE__ */ ne({
   __name: "df-image",
   props: /* @__PURE__ */ pe({
     comms: {},
@@ -1865,133 +1890,146 @@ const Dl = {
   }, be),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { density: r, densityClass: u, touched: d, value: h, vuetifyBindings: k } = ce(e, a), f = we, v = Ht(), g = M(null), T = M(0), $ = M(null), C = M(0), j = M(null), P = x(() => g.value && T.value < 100), D = x(() => !!(k.value.disabled || k.value.readonly)), b = x(() => C.value > 0), S = x(() => {
-      var A;
-      return (A = $.value) != null ? A : h.value ? h.value : null;
-    });
-    function H() {
-      $.value && (URL.revokeObjectURL($.value), $.value = null);
+    const e = t, a = n, { density: r, densityClass: c, touched: d, value: h, vuetifyBindings: k } = ce(e, a), f = ye, v = Ht(), b = R(null), _ = R(0), B = R(null), x = R(0), V = R(null), E = C(() => b.value && _.value < 100), L = C(() => !!(k.value.disabled || k.value.readonly)), g = C(() => x.value > 0), $ = C(() => {
+      var O;
+      return (O = B.value) != null ? O : h.value ? h.value : null;
+    }), W = C(() => !!h.value);
+    function q() {
+      B.value && (URL.revokeObjectURL(B.value), B.value = null);
     }
-    function K() {
-      h.value = null, T.value = 0, g.value = null, H(), w();
+    function Z() {
+      h.value = null, _.value = 0, b.value = null, q(), o();
     }
-    function W(A) {
-      K(), bt(e.control, A);
+    function M(O) {
+      Z(), bt(e.control, O);
     }
-    const { setupTouchInterval: L, clearTouchInterval: w } = pt(
+    const { setupTouchInterval: w, clearTouchInterval: o } = pt(
       h,
       () => e.comms,
       () => e.touchInterval,
-      W
+      M
     );
-    Ye(() => H());
-    function o() {
-      return ge(this, null, function* () {
-        h.value && (yield e.comms.delete(h.value)), K();
+    Je(() => q());
+    function u() {
+      return he(this, null, function* () {
+        h.value && (yield e.comms.delete(h.value)), Z();
       });
     }
-    function c(A) {
-      return ge(this, null, function* () {
-        T.value = -1, g.value = A, H(), $.value = URL.createObjectURL(A);
+    function m(O) {
+      return he(this, null, function* () {
+        _.value = -1, b.value = O, q(), B.value = URL.createObjectURL(O);
         try {
-          h.value = yield e.comms.upload(A, (q, Q) => {
-            T.value = Math.round(q * 100 / Q);
-          }), T.value = 100, L();
-        } catch (q) {
-          throw T.value = 0, g.value = null, H(), q;
+          h.value = yield e.comms.upload(O, (K, ee) => {
+            _.value = Math.round(K * 100 / ee);
+          }), _.value = 100, w();
+        } catch (K) {
+          throw _.value = 0, b.value = null, q(), K;
         }
       });
     }
-    function m(A) {
-      if (!A.type.startsWith("image/")) {
+    function A(O) {
+      if (!O.type.startsWith("image/")) {
         console.error("Only image files are supported");
         return;
       }
-      c(A);
+      m(O);
     }
-    function _(A) {
-      var le;
-      const q = A.target, Q = (le = q.files) == null ? void 0 : le[0];
-      q.value = "", Q && m(Q);
+    function S(O) {
+      var y;
+      const K = O.target, ee = (y = K.files) == null ? void 0 : y[0];
+      K.value = "", ee && A(ee);
     }
     function N() {
-      D.value || (C.value += 1);
+      L.value || (x.value += 1);
     }
-    function O() {
-      C.value = Math.max(0, C.value - 1);
-    }
-    function ne(A) {
-      var Q, le;
-      if (C.value = 0, D.value) return;
-      const q = (le = (Q = A.dataTransfer) == null ? void 0 : Q.files) == null ? void 0 : le[0];
-      q && m(q);
-    }
-    return (A, q) => {
-      const Q = R("v-progress-linear"), le = R("v-img");
-      return V(), F(l(He), X(ee(z({}, e), { loading: P.value }), {
-        class: ["df-image-field", l(u)],
+    function le() {
+      x.value = Math.max(0, x.value - 1);
+    }
+    function D(O) {
+      var ee, y;
+      if (x.value = 0, L.value) return;
+      const K = (y = (ee = O.dataTransfer) == null ? void 0 : ee.files) == null ? void 0 : y[0];
+      K && A(K);
+    }
+    return (O, K) => {
+      const ee = P("v-progress-linear"), y = P("v-img");
+      return T(), H(l(We), X(te(z({}, e), { loading: E.value }), {
+        class: ["df-image-field", l(c)],
         clearable: "",
-        "onClick:clear": o,
-        onBlur: q[1] || (q[1] = (y) => d.value = !0)
+        "onClick:clear": u,
+        onBlur: K[2] || (K[2] = (p) => d.value = !0)
       }), {
         "prepend-inner": s(() => [
-          i(l(B), { name: "mdi-image" })
+          i(l(j), { name: "mdi-image" })
         ]),
         loader: s(() => [
-          g.value && T.value < 100 ? (V(), F(Q, {
+          b.value && _.value < 100 ? (T(), H(ee, {
             key: 0,
-            "model-value": T.value,
-            indeterminate: T.value === -1
+            "model-value": _.value,
+            indeterminate: _.value === -1
           }, null, 8, ["model-value", "indeterminate"])) : Y("", !0)
         ]),
-        default: s((y) => [
-          oe("div", {
-            class: ue(["d-flex w-100 position-relative df-input-wrapper df-image-wrapper", [l(r), { "df-image-dragging": b.value, "df-image-disabled": D.value }]]),
-            onDragenter: Te(N, ["prevent"]),
-            onDragover: Te(N, ["prevent"]),
-            onDragleave: Te(O, ["prevent"]),
-            onDrop: Te(ne, ["prevent"]),
-            onClick: q[0] || (q[0] = Te(() => {
+        default: s((p) => [
+          ae("div", {
+            class: ue(["d-flex w-100 position-relative df-input-wrapper df-image-wrapper", [l(r), { "df-image-dragging": g.value, "df-image-disabled": L.value }]]),
+            onDragenter: ke(N, ["prevent"]),
+            onDragover: K[0] || (K[0] = ke(() => {
+            }, ["prevent"])),
+            onDragleave: ke(le, ["prevent"]),
+            onDrop: ke(D, ["prevent"]),
+            onClick: K[1] || (K[1] = ke(() => {
             }, ["stop"]))
           }, [
-            oe("input", {
+            ae("input", {
               id: l(v),
               ref_key: "fileInputRef",
-              ref: j,
+              ref: V,
               type: "file",
               accept: "image/*",
               class: "df-image-native-input",
-              disabled: D.value,
+              disabled: L.value,
               name: l(k).name,
-              onChange: _,
-              onFocus: (p) => y.focus(),
-              onBlur: (p) => y.blur()
-            }, null, 40, Ml),
-            S.value ? (V(), Z("label", {
+              onChange: S,
+              onFocus: (Re) => p.focus(),
+              onBlur: (Re) => p.blur()
+            }, null, 40, Rl),
+            $.value ? (T(), Q("label", {
               key: 0,
               for: l(v),
               class: "df-image-preview-label"
             }, [
-              i(le, {
-                src: S.value,
+              i(y, {
+                src: $.value,
                 class: "df-image-preview",
-                style: st(g.value && T.value < 100 ? "visibility: hidden" : "")
+                style: st(b.value && _.value < 100 ? "visibility: hidden" : "")
               }, null, 8, ["src", "style"])
-            ], 8, Rl)) : (V(), Z("label", {
+            ], 8, Pl)) : (T(), Q("label", {
               key: 1,
               for: l(v),
               class: "df-image-placeholder"
             }, [
-              i(l(B), { name: "mdi-tray-arrow-up" }),
-              oe("span", null, G(l(f).ImageDropHint), 1)
-            ], 8, Pl)),
-            S.value && !D.value ? (V(), Z("label", {
+              i(l(j), { name: "mdi-tray-arrow-up" }),
+              ae("span", null, G(l(f).ImageDropHint), 1)
+            ], 8, El)),
+            $.value && !L.value ? (T(), Q("label", {
               key: 2,
               for: l(v),
               class: "df-image-replace-btn",
               title: l(f).ImageReplace
             }, [
-              i(l(B), { name: "mdi-pencil" })
+              i(l(j), { name: "mdi-pencil" })
+            ], 8, Fl)) : Y("", !0),
+            W.value ? (T(), Q("a", {
+              key: 3,
+              href: l(h),
+              download: "",
+              target: "_blank",
+              rel: "noopener",
+              class: "df-image-download-btn",
+              title: l(f).ImageDownload,
+              "aria-label": l(f).ImageDownload
+            }, [
+              i(l(j), { name: "mdi-download" })
             ], 8, Nl)) : Y("", !0)
           ], 34)
         ]),
@@ -1999,7 +2037,7 @@ const Dl = {
       }, 16, ["class"]);
     };
   }
-}), xt = /* @__PURE__ */ te({
+}), xt = /* @__PURE__ */ ne({
   __name: "df-input",
   props: /* @__PURE__ */ pe({
     inputType: {},
@@ -2021,7 +2059,7 @@ const Dl = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), {
+  }, te(z({}, be), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -2030,55 +2068,55 @@ const Dl = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { densityClass: r, isRendered: u, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: g } = ce(
+    const e = t, a = n, { densityClass: r, isRendered: c, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: b } = ce(
       e,
       a
-    ), { inputType: T, max: $, min: C, precision: j, step: P } = Fe(e), D = x(() => T.value === "number"), b = x(
-      () => D.value ? { min: l(C), max: l($), precision: l(j), step: l(P) } : {}
+    ), { inputType: _, max: B, min: x, precision: V, step: E } = Oe(e), L = C(() => _.value === "number"), g = C(
+      () => L.value ? { min: l(x), max: l(B), precision: l(V), step: l(E) } : {}
     );
-    return (S, H) => {
-      const K = R("v-text-field"), W = R("v-number-input");
-      return l(u) ? (V(), Z("div", {
+    return ($, W) => {
+      const q = P("v-text-field"), Z = P("v-number-input");
+      return l(c) ? (T(), Q("div", {
         key: 0,
         class: ue(["df-input-container", [l(r), l(v)]])
       }, [
-        D.value ? (V(), F(W, X({
+        L.value ? (T(), H(Z, X({
           key: 1,
           modelValue: l(f),
-          "onUpdate:modelValue": H[2] || (H[2] = (L) => Ce(f) ? f.value = L : null),
+          "onUpdate:modelValue": W[2] || (W[2] = (M) => xe(f) ? f.value = M : null),
           density: "compact",
           "control-variant": "stacked"
-        }, z(z({}, l(g)), b.value)), {
-          label: s((L) => [
+        }, z(z({}, l(b)), g.value)), {
+          label: s((M) => [
             i(l(fe), {
-              data: L,
+              data: M,
               label: l(d)
             }, null, 8, ["data", "label"])
           ]),
-          message: s(({ message: L }) => [
+          message: s(({ message: M }) => [
             i(l(ve), {
-              message: L,
+              message: M,
               errors: l(h)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue"])) : (V(), F(K, X({
+        }, 16, ["modelValue"])) : (T(), H(q, X({
           key: 0,
           modelValue: l(f),
-          "onUpdate:modelValue": H[0] || (H[0] = (L) => Ce(f) ? f.value = L : null),
-          type: l(T)
-        }, l(g), {
-          onBlur: H[1] || (H[1] = (L) => k.value = !0)
+          "onUpdate:modelValue": W[0] || (W[0] = (M) => xe(f) ? f.value = M : null),
+          type: l(_)
+        }, l(b), {
+          onBlur: W[1] || (W[1] = (M) => k.value = !0)
         }), {
-          label: s((L) => [
+          label: s((M) => [
             i(l(fe), {
-              data: L,
+              data: M,
               label: l(d)
             }, null, 8, ["data", "label"])
           ]),
-          message: s(({ message: L }) => [
+          message: s(({ message: M }) => [
             i(l(ve), {
-              message: L,
+              message: M,
               errors: l(h)
             }, null, 8, ["message", "errors"])
           ]),
@@ -2087,7 +2125,7 @@ const Dl = {
       ], 2)) : Y("", !0);
     };
   }
-}), El = fn.create({
+}), Ul = fn.create({
   name: "classAttribute",
   addGlobalAttributes() {
     return [
@@ -2115,7 +2153,7 @@ function At(t, n) {
     }
   });
 }
-const Ul = At("marker", "marker"), zl = At("spoiler", "spoiler"), Fl = [
+const zl = At("marker", "marker"), Hl = At("spoiler", "spoiler"), Ol = [
   { key: "ArticleCategory", kind: "heading", level: 3, className: "category" },
   { key: "Title", kind: "heading", level: 2, className: "document-title" },
   { key: "Subtitle", kind: "heading", level: 3, className: "document-subtitle" },
@@ -2126,35 +2164,35 @@ const Ul = At("marker", "marker"), zl = At("spoiler", "spoiler"), Fl = [
   { key: "CodeDark", kind: "codeBlock", className: "fancy-code fancy-code-dark" },
   { key: "CodeBright", kind: "codeBlock", className: "fancy-code fancy-code-bright" }
 ];
-function Qe(t) {
+function Ze(t) {
   const { state: n } = t, { $from: e } = n.selection;
   return e.depth > 0 || n.doc.content.size === 0 ? e : n.doc.resolve(Math.min(1, n.doc.content.size));
 }
-function Ee(t) {
-  return Qe(t).parent;
+function Ne(t) {
+  return Ze(t).parent;
 }
-function Tt(t, n) {
-  const e = Qe(t);
+function _t(t, n) {
+  const e = Ze(t);
   for (let a = e.depth; a >= 0; a -= 1)
     if (e.node(a).type.name === n) return e.node(a);
   return null;
 }
-function $e(t, n) {
+function Le(t, n) {
   switch (n.kind) {
     case "heading": {
-      const e = Ee(t);
+      const e = Ne(t);
       return e.type.name === "heading" && e.attrs.level === n.level && e.attrs.class === n.className;
     }
     case "paragraph": {
-      const e = Ee(t);
+      const e = Ne(t);
       return e.type.name === "paragraph" && e.attrs.class === n.className;
     }
     case "codeBlock": {
-      const e = Ee(t);
+      const e = Ne(t);
       return e.type.name === "codeBlock" && e.attrs.class === n.className;
     }
     case "blockquote": {
-      const e = Tt(t, "blockquote");
+      const e = _t(t, "blockquote");
       return !!e && e.attrs.class === n.className;
     }
     case "mark":
@@ -2163,33 +2201,33 @@ function $e(t, n) {
       return !1;
   }
 }
-function Hl(t, n) {
+function Wl(t, n) {
   const e = t.chain().focus(), { $from: a } = t.state.selection;
-  switch (n.kind !== "mark" && a.depth === 0 && t.state.doc.content.size > 0 && e.setTextSelection(Qe(t).pos), n.kind) {
+  switch (n.kind !== "mark" && a.depth === 0 && t.state.doc.content.size > 0 && e.setTextSelection(Ze(t).pos), n.kind) {
     case "heading":
-      $e(t, n) ? e.setParagraph().updateAttributes("paragraph", { class: null }).run() : e.setNode("heading", { level: n.level }).updateAttributes("heading", { class: n.className }).run();
+      Le(t, n) ? e.setParagraph().updateAttributes("paragraph", { class: null }).run() : e.setNode("heading", { level: n.level }).updateAttributes("heading", { class: n.className }).run();
       break;
     case "paragraph":
-      $e(t, n) ? e.setParagraph().updateAttributes("paragraph", { class: null }).run() : e.setParagraph().updateAttributes("paragraph", { class: n.className }).run();
+      Le(t, n) ? e.setParagraph().updateAttributes("paragraph", { class: null }).run() : e.setParagraph().updateAttributes("paragraph", { class: n.className }).run();
       break;
     case "blockquote":
-      $e(t, n) ? e.unsetBlockquote().run() : Tt(t, "blockquote") ? e.updateAttributes("blockquote", { class: n.className }).run() : e.setBlockquote().updateAttributes("blockquote", { class: n.className }).run();
+      Le(t, n) ? e.unsetBlockquote().run() : _t(t, "blockquote") ? e.updateAttributes("blockquote", { class: n.className }).run() : e.setBlockquote().updateAttributes("blockquote", { class: n.className }).run();
       break;
     case "codeBlock":
-      $e(t, n) ? e.toggleCodeBlock().updateAttributes("paragraph", { class: null }).run() : Ee(t).type.name === "codeBlock" ? e.updateAttributes("codeBlock", { class: n.className }).run() : e.setCodeBlock().updateAttributes("codeBlock", { class: n.className }).run();
+      Le(t, n) ? e.toggleCodeBlock().updateAttributes("paragraph", { class: null }).run() : Ne(t).type.name === "codeBlock" ? e.updateAttributes("codeBlock", { class: n.className }).run() : e.setCodeBlock().updateAttributes("codeBlock", { class: n.className }).run();
       break;
     case "mark":
       e.toggleMark(n.markName).run();
       break;
   }
 }
-function _t(t) {
+function Tt(t) {
   return new Promise((n, e) => {
     const a = new FileReader();
     a.onload = () => n(a.result), a.onerror = () => e(a.error), a.readAsDataURL(t);
   });
 }
-function Ol(t) {
+function ql(t) {
   if (!t) return [];
   const n = [];
   return Array.from(t.items || []).forEach((e) => {
@@ -2210,28 +2248,28 @@ function Vt(t) {
 function jt(t, n, e) {
   const a = [];
   return t.forEach((r) => {
-    r.type.name === "image" && e.index < n.length ? (a.push(r.type.create(ee(z({}, r.attrs), { src: n[e.index] }), r.content, r.marks)), e.index += 1) : r.content.size ? a.push(r.copy(jt(r.content, n, e))) : a.push(r);
+    r.type.name === "image" && e.index < n.length ? (a.push(r.type.create(te(z({}, r.attrs), { src: n[e.index] }), r.content, r.marks)), e.index += 1) : r.content.size ? a.push(r.copy(jt(r.content, n, e))) : a.push(r);
   }), gn.fromArray(a);
 }
-function Wl(t) {
+function Kl(t) {
   return (n, e, a) => {
-    const r = Ol(e.clipboardData);
-    return r.length === 0 ? !1 : (e.preventDefault(), Promise.all(r.map(_t)).then((u) => {
+    const r = ql(e.clipboardData);
+    return r.length === 0 ? !1 : (e.preventDefault(), Promise.all(r.map(Tt)).then((c) => {
       var d;
       if (Vt(a.content) > 0) {
-        const h = jt(a.content, u, { index: 0 }), k = new hn(h, a.openStart, a.openEnd);
+        const h = jt(a.content, c, { index: 0 }), k = new hn(h, a.openStart, a.openEnd);
         n.dispatch(n.state.tr.replaceSelection(k).scrollIntoView());
         return;
       }
-      (d = t()) == null || d.chain().focus().insertContent(u.map((h) => ({ type: "image", attrs: { src: h } }))).run();
+      (d = t()) == null || d.chain().focus().insertContent(c.map((h) => ({ type: "image", attrs: { src: h } }))).run();
     }), !0);
   };
 }
-const ql = yn.extend({
+const Gl = yn.extend({
   name: "link",
   addAttributes() {
     var t;
-    return ee(z({}, (t = this.parent) == null ? void 0 : t.call(this)), {
+    return te(z({}, (t = this.parent) == null ? void 0 : t.call(this)), {
       download: {
         default: null,
         parseHTML: (n) => n.getAttribute("download"),
@@ -2240,7 +2278,7 @@ const ql = yn.extend({
     });
   }
 });
-function Kl(t) {
+function Xl(t) {
   let n;
   try {
     n = new URL(t);
@@ -2253,8 +2291,8 @@ function Kl(t) {
     if (a) return `https://www.youtube.com/embed/${a}`;
     const r = n.pathname.match(/^\/embed\/([\w-]+)/);
     if (r) return `https://www.youtube.com/embed/${r[1]}`;
-    const u = n.pathname.match(/^\/shorts\/([\w-]+)/);
-    return u ? `https://www.youtube.com/embed/${u[1]}` : null;
+    const c = n.pathname.match(/^\/shorts\/([\w-]+)/);
+    return c ? `https://www.youtube.com/embed/${c[1]}` : null;
   }
   if (e === "youtu.be") {
     const a = n.pathname.slice(1);
@@ -2266,7 +2304,7 @@ function Kl(t) {
   }
   return null;
 }
-const Gl = bn.create({
+const Yl = bn.create({
   name: "mediaEmbed",
   group: "block",
   atom: !0,
@@ -2295,25 +2333,25 @@ const Gl = bn.create({
   }
 });
 function Bt(t) {
-  const n = M(0);
+  const n = R(0);
   let e;
   const a = () => {
     n.value += 1;
-  }, r = (u) => {
-    e == null || e.off("transaction", a), e = u, e == null || e.on("transaction", a);
+  }, r = (c) => {
+    e == null || e.off("transaction", a), e = c, e == null || e.on("transaction", a);
   };
-  return me(t, r, { immediate: !0 }), Ye(() => r(void 0)), n;
+  return me(t, r, { immediate: !0 }), Je(() => r(void 0)), n;
 }
-const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex justify-space-between align-center ga-2 mt-2" }, Jl = { class: "d-flex justify-end mt-2" }, Ql = /* @__PURE__ */ te({
+const Jl = { class: "d-flex justify-end ga-2 mt-2" }, Ql = { class: "d-flex justify-space-between align-center ga-2 mt-2" }, Zl = { class: "d-flex justify-end mt-2" }, ea = /* @__PURE__ */ ne({
   __name: "rtf-toolbar",
   props: {
     editor: {}
   },
   setup(t) {
-    const n = t, e = we, a = x(() => n.editor), r = Bt(a), u = x(() => {
+    const n = t, e = ye, a = C(() => n.editor), r = Bt(a), c = C(() => {
       var o;
       return !!((o = n.editor) != null && o.isEditable);
-    }), d = x(() => {
+    }), d = C(() => {
       r.value;
       const o = n.editor;
       return {
@@ -2343,81 +2381,81 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
       { level: 6, label: e.Heading6 }
     ];
     function k(o) {
-      var c, m;
-      return r.value, o === 0 ? !!((c = a.value) != null && c.isActive("paragraph")) : !!((m = a.value) != null && m.isActive("heading", { level: o }));
+      var u, m;
+      return r.value, o === 0 ? !!((u = a.value) != null && u.isActive("paragraph")) : !!((m = a.value) != null && m.isActive("heading", { level: o }));
     }
-    const f = x(
+    const f = C(
       () => {
-        var o, c;
-        return (c = (o = h.find((m) => k(m.level))) == null ? void 0 : o.label) != null ? c : e.Paragraph;
+        var o, u;
+        return (u = (o = h.find((m) => k(m.level))) == null ? void 0 : o.label) != null ? u : e.Paragraph;
       }
     );
     function v(o) {
       var m;
-      const c = (m = a.value) == null ? void 0 : m.chain().focus();
-      c && (o === 0 ? c.setParagraph().run() : c.toggleHeading({ level: o }).run());
+      const u = (m = a.value) == null ? void 0 : m.chain().focus();
+      u && (o === 0 ? u.setParagraph().run() : u.toggleHeading({ level: o }).run());
     }
-    const g = Fl;
-    function T(o) {
-      return r.value, !!a.value && $e(a.value, o);
+    const b = Ol;
+    function _(o) {
+      return r.value, !!a.value && Le(a.value, o);
     }
-    const $ = M(""), C = M(!1);
-    function j() {
-      var c, m, _;
-      const o = (m = (c = a.value) == null ? void 0 : c.getAttributes("link")) != null ? m : {};
-      $.value = (_ = o.href) != null ? _ : "", C.value = !!o.download;
+    const B = R(""), x = R(!1);
+    function V() {
+      var u, m, A;
+      const o = (m = (u = a.value) == null ? void 0 : u.getAttributes("link")) != null ? m : {};
+      B.value = (A = o.href) != null ? A : "", x.value = !!o.download;
     }
-    function P() {
+    function E() {
       var o;
-      $.value && ((o = a.value) == null || o.chain().focus().extendMarkRange("link").setLink({ href: $.value }).updateAttributes("link", { download: C.value ? "file" : null }).run());
+      B.value && ((o = a.value) == null || o.chain().focus().extendMarkRange("link").setLink({ href: B.value }).updateAttributes("link", { download: x.value ? "file" : null }).run());
     }
-    function D() {
+    function L() {
       var o;
       (o = a.value) == null || o.chain().focus().unsetLink().run();
     }
-    const b = M(""), S = M();
-    function H() {
+    const g = R(""), $ = R();
+    function W() {
       var o;
-      b.value && ((o = a.value) == null || o.chain().focus().setImage({ src: b.value }).run(), b.value = "");
+      g.value && ((o = a.value) == null || o.chain().focus().setImage({ src: g.value }).run(), g.value = "");
     }
-    function K() {
+    function q() {
       var o;
-      (o = S.value) == null || o.click();
-    }
-    function W(o) {
-      return ge(this, null, function* () {
-        var _, N;
-        const c = (_ = o.target.files) == null ? void 0 : _[0];
-        if (!c) return;
-        const m = yield _t(c);
-        (N = a.value) == null || N.chain().focus().setImage({ src: m }).run(), o.target.value = "";
+      (o = $.value) == null || o.click();
+    }
+    function Z(o) {
+      return he(this, null, function* () {
+        var A, S;
+        const u = (A = o.target.files) == null ? void 0 : A[0];
+        if (!u) return;
+        const m = yield Tt(u);
+        (S = a.value) == null || S.chain().focus().setImage({ src: m }).run(), o.target.value = "";
       });
     }
-    const L = M("");
+    const M = R("");
     function w() {
       var m;
-      if (!L.value) return;
-      const o = Kl(L.value), c = (m = a.value) == null ? void 0 : m.chain().focus();
-      c && (o ? c.insertContent({ type: "mediaEmbed", attrs: { src: o } }).run() : c.insertContent({ type: "text", text: L.value, marks: [{ type: "link", attrs: { href: L.value } }] }).run(), L.value = "");
-    }
-    return (o, c) => {
-      const m = R("v-btn"), _ = R("v-divider"), N = R("v-list-item-title"), O = R("v-list-item"), ne = R("v-list"), A = R("v-menu"), q = R("v-text-field"), Q = R("v-checkbox"), le = R("v-card");
-      return V(), Z("div", {
-        class: ue(["rtf-toolbar", { "rtf-toolbar--disabled": !u.value }])
+      if (!M.value) return;
+      const o = Xl(M.value), u = (m = a.value) == null ? void 0 : m.chain().focus();
+      u && (o ? u.insertContent({ type: "mediaEmbed", attrs: { src: o } }).run() : u.insertContent({ type: "text", text: M.value, marks: [{ type: "link", attrs: { href: M.value } }] }).run(), M.value = "");
+    }
+    return (o, u) => {
+      const m = P("v-btn"), A = P("v-divider"), S = P("v-list-item-title"), N = P("v-list-item"), le = P("v-list"), D = P("v-menu"), O = P("v-text-field"), K = P("v-checkbox"), ee = P("v-card");
+      return T(), Q("div", {
+        class: ue(["rtf-toolbar", { "rtf-toolbar--disabled": !c.value }])
       }, [
         i(m, {
           icon: "",
           size: "small",
           variant: "text",
           title: l(e).Undo,
-          disabled: !u.value || !d.value.canUndo,
-          onClick: c[0] || (c[0] = (y) => {
+          disabled: !c.value || !d.value.canUndo,
+          onClick: u[0] || (u[0] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().undo().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-undo" })
+            i(l(j), { name: "mdi-undo" })
           ]),
           _: 1
         }, 8, ["title", "disabled"]),
@@ -2426,18 +2464,18 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).Redo,
-          disabled: !u.value || !d.value.canRedo,
-          onClick: c[1] || (c[1] = (y) => {
+          disabled: !c.value || !d.value.canRedo,
+          onClick: u[1] || (u[1] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().redo().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-redo" })
+            i(l(j), { name: "mdi-redo" })
           ]),
           _: 1
         }, 8, ["title", "disabled"]),
-        i(_, {
+        i(A, {
           vertical: "",
           inset: "",
           class: "mx-1"
@@ -2447,28 +2485,28 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).SelectAll,
-          disabled: !u.value,
-          onClick: c[2] || (c[2] = (y) => {
+          disabled: !c.value,
+          onClick: u[2] || (u[2] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().selectAll().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-select-all" })
+            i(l(j), { name: "mdi-select-all" })
           ]),
           _: 1
         }, 8, ["title", "disabled"]),
-        i(_, {
+        i(A, {
           vertical: "",
           inset: "",
           class: "mx-1"
         }),
-        i(A, null, {
+        i(D, null, {
           activator: s(({ props: y }) => [
             i(m, X({
               size: "small",
               variant: "text",
-              disabled: !u.value
+              disabled: !c.value
             }, y, { "append-icon": "mdi-chevron-down" }), {
               default: s(() => [
                 J(G(f.value), 1)
@@ -2477,15 +2515,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
             }, 16, ["disabled"])
           ]),
           default: s(() => [
-            i(ne, { density: "compact" }, {
+            i(le, { density: "compact" }, {
               default: s(() => [
-                (V(), Z(Se, null, Xe(h, (y) => i(O, {
+                (T(), Q(Se, null, Ye(h, (y) => i(N, {
                   key: y.level,
                   active: k(y.level),
                   onClick: (p) => v(y.level)
                 }, {
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(y.label), 1)
                       ]),
@@ -2500,12 +2538,12 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           ]),
           _: 1
         }),
-        i(A, null, {
+        i(D, null, {
           activator: s(({ props: y }) => [
             i(m, X({
               size: "small",
               variant: "text",
-              disabled: !u.value
+              disabled: !c.value
             }, y, { "append-icon": "mdi-chevron-down" }), {
               default: s(() => [
                 J(G(l(e).Style), 1)
@@ -2514,15 +2552,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
             }, 16, ["disabled"])
           ]),
           default: s(() => [
-            i(ne, { density: "compact" }, {
+            i(le, { density: "compact" }, {
               default: s(() => [
-                (V(!0), Z(Se, null, Xe(l(g), (y) => (V(), F(O, {
+                (T(!0), Q(Se, null, Ye(l(b), (y) => (T(), H(N, {
                   key: y.key,
-                  active: T(y),
-                  onClick: (p) => a.value && l(Hl)(a.value, y)
+                  active: _(y),
+                  onClick: (p) => a.value && l(Wl)(a.value, y)
                 }, {
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e)[y.key]), 1)
                       ]),
@@ -2537,7 +2575,7 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           ]),
           _: 1
         }),
-        i(_, {
+        i(A, {
           vertical: "",
           inset: "",
           class: "mx-1"
@@ -2547,15 +2585,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).Bold,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.bold,
-          onClick: c[3] || (c[3] = (y) => {
+          onClick: u[3] || (u[3] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().toggleBold().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-bold" })
+            i(l(j), { name: "mdi-format-bold" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
@@ -2564,19 +2602,19 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).Italic,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.italic,
-          onClick: c[4] || (c[4] = (y) => {
+          onClick: u[4] || (u[4] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().toggleItalic().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-italic" })
+            i(l(j), { name: "mdi-format-italic" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
-        i(_, {
+        i(A, {
           vertical: "",
           inset: "",
           class: "mx-1"
@@ -2586,20 +2624,20 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).HorizontalLine,
-          disabled: !u.value,
-          onClick: c[5] || (c[5] = (y) => {
+          disabled: !c.value,
+          onClick: u[5] || (u[5] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().setHorizontalRule().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-minus" })
+            i(l(j), { name: "mdi-minus" })
           ]),
           _: 1
         }, 8, ["title", "disabled"]),
-        i(A, {
+        i(D, {
           "close-on-content-click": !1,
-          "onUpdate:modelValue": c[8] || (c[8] = (y) => y && j())
+          "onUpdate:modelValue": u[8] || (u[8] = (y) => y && V())
         }, {
           activator: s(({ props: y }) => [
             i(m, X({
@@ -2607,44 +2645,44 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
               size: "small",
               variant: "text",
               title: l(e).Link,
-              disabled: !u.value,
+              disabled: !c.value,
               active: d.value.link
             }, y), {
               default: s(() => [
-                i(l(B), { name: "mdi-link-variant" })
+                i(l(j), { name: "mdi-link-variant" })
               ]),
               _: 1
             }, 16, ["title", "disabled", "active"])
           ]),
           default: s(() => [
-            i(le, {
+            i(ee, {
               "min-width": "280",
               class: "pa-3"
             }, {
               default: s(() => [
-                i(q, {
-                  modelValue: $.value,
-                  "onUpdate:modelValue": c[6] || (c[6] = (y) => $.value = y),
+                i(O, {
+                  modelValue: B.value,
+                  "onUpdate:modelValue": u[6] || (u[6] = (y) => B.value = y),
                   label: l(e).LinkUrl,
                   density: "compact",
                   "hide-details": "",
                   autofocus: "",
-                  onKeydown: De(P, ["enter"])
+                  onKeydown: $e(E, ["enter"])
                 }, null, 8, ["modelValue", "label"]),
-                i(Q, {
-                  modelValue: C.value,
-                  "onUpdate:modelValue": c[7] || (c[7] = (y) => C.value = y),
+                i(K, {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": u[7] || (u[7] = (y) => x.value = y),
                   label: l(e).Downloadable,
                   density: "compact",
                   "hide-details": "",
                   class: "mt-1"
                 }, null, 8, ["modelValue", "label"]),
-                oe("div", Xl, [
-                  d.value.link ? (V(), F(m, {
+                ae("div", Jl, [
+                  d.value.link ? (T(), H(m, {
                     key: 0,
                     size: "small",
                     variant: "text",
-                    onClick: D
+                    onClick: L
                   }, {
                     default: s(() => [
                       J(G(l(e).LinkRemove), 1)
@@ -2655,7 +2693,7 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                     size: "small",
                     color: "primary",
                     variant: "tonal",
-                    onClick: P
+                    onClick: E
                   }, {
                     default: s(() => [
                       J(G(l(e).LinkApply), 1)
@@ -2669,42 +2707,42 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           ]),
           _: 1
         }),
-        i(A, { "close-on-content-click": !1 }, {
+        i(D, { "close-on-content-click": !1 }, {
           activator: s(({ props: y }) => [
             i(m, X({
               icon: "",
               size: "small",
               variant: "text",
               title: l(e).Image,
-              disabled: !u.value
+              disabled: !c.value
             }, y), {
               default: s(() => [
-                i(l(B), { name: "mdi-image-plus" })
+                i(l(j), { name: "mdi-image-plus" })
               ]),
               _: 1
             }, 16, ["title", "disabled"])
           ]),
           default: s(() => [
-            i(le, {
+            i(ee, {
               "min-width": "280",
               class: "pa-3"
             }, {
               default: s(() => [
-                i(q, {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": c[9] || (c[9] = (y) => b.value = y),
+                i(O, {
+                  modelValue: g.value,
+                  "onUpdate:modelValue": u[9] || (u[9] = (y) => g.value = y),
                   label: l(e).ImageUrl,
                   density: "compact",
                   "hide-details": "",
                   autofocus: "",
-                  onKeydown: De(H, ["enter"])
+                  onKeydown: $e(W, ["enter"])
                 }, null, 8, ["modelValue", "label"]),
-                oe("div", Yl, [
+                ae("div", Ql, [
                   i(m, {
                     size: "small",
                     variant: "text",
                     "prepend-icon": "mdi-upload",
-                    onClick: K
+                    onClick: q
                   }, {
                     default: s(() => [
                       J(G(l(e).ImageUpload), 1)
@@ -2715,7 +2753,7 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                     size: "small",
                     color: "primary",
                     variant: "tonal",
-                    onClick: H
+                    onClick: W
                   }, {
                     default: s(() => [
                       J(G(l(e).ImageInsert), 1)
@@ -2729,45 +2767,45 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           ]),
           _: 1
         }),
-        oe("input", {
+        ae("input", {
           ref_key: "imageInput",
-          ref: S,
+          ref: $,
           type: "file",
           accept: "image/*",
           class: "d-none",
-          onChange: W
+          onChange: Z
         }, null, 544),
-        i(A, { "close-on-content-click": !1 }, {
+        i(D, { "close-on-content-click": !1 }, {
           activator: s(({ props: y }) => [
             i(m, X({
               icon: "",
               size: "small",
               variant: "text",
               title: l(e).MediaEmbed,
-              disabled: !u.value
+              disabled: !c.value
             }, y), {
               default: s(() => [
-                i(l(B), { name: "mdi-video-plus" })
+                i(l(j), { name: "mdi-video-plus" })
               ]),
               _: 1
             }, 16, ["title", "disabled"])
           ]),
           default: s(() => [
-            i(le, {
+            i(ee, {
               "min-width": "280",
               class: "pa-3"
             }, {
               default: s(() => [
-                i(q, {
-                  modelValue: L.value,
-                  "onUpdate:modelValue": c[10] || (c[10] = (y) => L.value = y),
+                i(O, {
+                  modelValue: M.value,
+                  "onUpdate:modelValue": u[10] || (u[10] = (y) => M.value = y),
                   label: l(e).MediaEmbedUrl,
                   density: "compact",
                   "hide-details": "",
                   autofocus: "",
-                  onKeydown: De(w, ["enter"])
+                  onKeydown: $e(w, ["enter"])
                 }, null, 8, ["modelValue", "label"]),
-                oe("div", Jl, [
+                ae("div", Zl, [
                   i(m, {
                     size: "small",
                     color: "primary",
@@ -2786,35 +2824,35 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           ]),
           _: 1
         }),
-        i(A, null, {
+        i(D, null, {
           activator: s(({ props: y }) => [
             i(m, X({
               icon: "",
               size: "small",
               variant: "text",
               title: l(e).Table,
-              disabled: !u.value
+              disabled: !c.value
             }, y), {
               default: s(() => [
-                i(l(B), { name: "mdi-table" })
+                i(l(j), { name: "mdi-table" })
               ]),
               _: 1
             }, 16, ["title", "disabled"])
           ]),
           default: s(() => [
-            i(ne, { density: "compact" }, {
+            i(le, { density: "compact" }, {
               default: s(() => [
-                i(O, {
-                  onClick: c[11] || (c[11] = (y) => {
+                i(N, {
+                  onClick: u[11] || (u[11] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-plus" })
+                    i(l(j), { name: "mdi-table-plus" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableInsert), 1)
                       ]),
@@ -2823,19 +2861,19 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }),
-                i(_),
-                i(O, {
+                i(A),
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[12] || (c[12] = (y) => {
+                  onClick: u[12] || (u[12] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().addRowBefore().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-row-plus-before" })
+                    i(l(j), { name: "mdi-table-row-plus-before" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableAddRowAbove), 1)
                       ]),
@@ -2844,18 +2882,18 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(O, {
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[13] || (c[13] = (y) => {
+                  onClick: u[13] || (u[13] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().addRowAfter().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-row-plus-after" })
+                    i(l(j), { name: "mdi-table-row-plus-after" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableAddRowBelow), 1)
                       ]),
@@ -2864,18 +2902,18 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(O, {
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[14] || (c[14] = (y) => {
+                  onClick: u[14] || (u[14] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().deleteRow().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-row-remove" })
+                    i(l(j), { name: "mdi-table-row-remove" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableDeleteRow), 1)
                       ]),
@@ -2884,19 +2922,19 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(_),
-                i(O, {
+                i(A),
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[15] || (c[15] = (y) => {
+                  onClick: u[15] || (u[15] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().addColumnBefore().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-column-plus-before" })
+                    i(l(j), { name: "mdi-table-column-plus-before" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableAddColumnBefore), 1)
                       ]),
@@ -2905,18 +2943,18 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(O, {
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[16] || (c[16] = (y) => {
+                  onClick: u[16] || (u[16] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().addColumnAfter().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-column-plus-after" })
+                    i(l(j), { name: "mdi-table-column-plus-after" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableAddColumnAfter), 1)
                       ]),
@@ -2925,18 +2963,18 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(O, {
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[17] || (c[17] = (y) => {
+                  onClick: u[17] || (u[17] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().deleteColumn().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-column-remove" })
+                    i(l(j), { name: "mdi-table-column-remove" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableDeleteColumn), 1)
                       ]),
@@ -2945,19 +2983,19 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(_),
-                i(O, {
+                i(A),
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[18] || (c[18] = (y) => {
+                  onClick: u[18] || (u[18] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().toggleHeaderRow().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-row" })
+                    i(l(j), { name: "mdi-table-row" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableToggleHeaderRow), 1)
                       ]),
@@ -2966,18 +3004,18 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                i(O, {
+                i(N, {
                   disabled: !d.value.inTable,
-                  onClick: c[19] || (c[19] = (y) => {
+                  onClick: u[19] || (u[19] = (y) => {
                     var p;
                     return (p = a.value) == null ? void 0 : p.chain().focus().deleteTable().run();
                   })
                 }, {
                   prepend: s(() => [
-                    i(l(B), { name: "mdi-table-remove" })
+                    i(l(j), { name: "mdi-table-remove" })
                   ]),
                   default: s(() => [
-                    i(N, null, {
+                    i(S, null, {
                       default: s(() => [
                         J(G(l(e).TableDeleteTable), 1)
                       ]),
@@ -2997,19 +3035,19 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).Blockquote,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.blockquote,
-          onClick: c[20] || (c[20] = (y) => {
+          onClick: u[20] || (u[20] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().toggleBlockquote().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-quote-close" })
+            i(l(j), { name: "mdi-format-quote-close" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
-        i(_, {
+        i(A, {
           vertical: "",
           inset: "",
           class: "mx-1"
@@ -3019,15 +3057,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).AlignLeft,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.alignLeft,
-          onClick: c[21] || (c[21] = (y) => {
+          onClick: u[21] || (u[21] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().setTextAlign("left").run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-align-left" })
+            i(l(j), { name: "mdi-format-align-left" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
@@ -3036,15 +3074,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).AlignCenter,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.alignCenter,
-          onClick: c[22] || (c[22] = (y) => {
+          onClick: u[22] || (u[22] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().setTextAlign("center").run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-align-center" })
+            i(l(j), { name: "mdi-format-align-center" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
@@ -3053,15 +3091,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).AlignRight,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.alignRight,
-          onClick: c[23] || (c[23] = (y) => {
+          onClick: u[23] || (u[23] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().setTextAlign("right").run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-align-right" })
+            i(l(j), { name: "mdi-format-align-right" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
@@ -3070,19 +3108,19 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).AlignJustify,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.alignJustify,
-          onClick: c[24] || (c[24] = (y) => {
+          onClick: u[24] || (u[24] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().setTextAlign("justify").run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-align-justify" })
+            i(l(j), { name: "mdi-format-align-justify" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
-        i(_, {
+        i(A, {
           vertical: "",
           inset: "",
           class: "mx-1"
@@ -3092,15 +3130,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).BulletedList,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.bulletList,
-          onClick: c[25] || (c[25] = (y) => {
+          onClick: u[25] || (u[25] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().toggleBulletList().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-list-bulleted" })
+            i(l(j), { name: "mdi-format-list-bulleted" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
@@ -3109,15 +3147,15 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).NumberedList,
-          disabled: !u.value,
+          disabled: !c.value,
           active: d.value.orderedList,
-          onClick: c[26] || (c[26] = (y) => {
+          onClick: u[26] || (u[26] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().toggleOrderedList().run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-list-numbered" })
+            i(l(j), { name: "mdi-format-list-numbered" })
           ]),
           _: 1
         }, 8, ["title", "disabled", "active"]),
@@ -3126,14 +3164,14 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).Outdent,
-          disabled: !u.value || !d.value.canLift,
-          onClick: c[27] || (c[27] = (y) => {
+          disabled: !c.value || !d.value.canLift,
+          onClick: u[27] || (u[27] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().liftListItem("listItem").run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-indent-decrease" })
+            i(l(j), { name: "mdi-format-indent-decrease" })
           ]),
           _: 1
         }, 8, ["title", "disabled"]),
@@ -3142,22 +3180,22 @@ const Xl = { class: "d-flex justify-end ga-2 mt-2" }, Yl = { class: "d-flex just
           size: "small",
           variant: "text",
           title: l(e).Indent,
-          disabled: !u.value || !d.value.canSink,
-          onClick: c[28] || (c[28] = (y) => {
+          disabled: !c.value || !d.value.canSink,
+          onClick: u[28] || (u[28] = (y) => {
             var p;
             return (p = a.value) == null ? void 0 : p.chain().focus().sinkListItem("listItem").run();
           })
         }, {
           default: s(() => [
-            i(l(B), { name: "mdi-format-indent-increase" })
+            i(l(j), { name: "mdi-format-indent-increase" })
           ]),
           _: 1
         }, 8, ["title", "disabled"])
       ], 2);
     };
   }
-}), Zl = /^[a-z][a-z0-9]*:[a-z]/i, ea = /mso-[a-z-]+\s*:[^;]+;?/gi, ta = /^Mso/i, na = /background(?:-color)?\s*:[^;]+;?/gi;
-function la(t) {
+}), ta = /^[a-z][a-z0-9]*:[a-z]/i, na = /mso-[a-z-]+\s*:[^;]+;?/gi, la = /^Mso/i, aa = /background(?:-color)?\s*:[^;]+;?/gi;
+function oa(t) {
   const n = document.createTreeWalker(t, NodeFilter.SHOW_COMMENT), e = [];
   for (let a = n.nextNode(); a; a = n.nextNode()) e.push(a);
   e.forEach((a) => {
@@ -3172,33 +3210,33 @@ function rt(t) {
     n.removeChild(t);
   }
 }
-function aa(t) {
+function ia(t) {
   const n = t.getAttribute("style");
   if (n != null) {
-    const a = n.replace(ea, "").replace(na, "").trim();
+    const a = n.replace(na, "").replace(aa, "").trim();
     a ? t.setAttribute("style", a) : t.removeAttribute("style");
   }
   const e = t.getAttribute("class");
   if (e != null) {
-    const a = e.split(/\s+/).filter((r) => r && !ta.test(r)).join(" ");
+    const a = e.split(/\s+/).filter((r) => r && !la.test(r)).join(" ");
     a ? t.setAttribute("class", a) : t.removeAttribute("class");
   }
   t.removeAttribute("lang"), t.removeAttribute("xml:lang"), t.removeAttribute("id"), t.removeAttribute("align"), t.removeAttribute("bgcolor");
 }
-function oa(t) {
+function ra(t) {
   if (!t || typeof DOMParser == "undefined") return t;
   const e = new DOMParser().parseFromString(t, "text/html").body;
-  return e ? (la(e), e.querySelectorAll("xml, style, script, meta, link").forEach((a) => a.remove()), Array.from(e.querySelectorAll("*")).forEach((a) => {
-    if (Zl.test(a.tagName) || a.tagName === "FONT") {
+  return e ? (oa(e), e.querySelectorAll("xml, style, script, meta, link").forEach((a) => a.remove()), Array.from(e.querySelectorAll("*")).forEach((a) => {
+    if (ta.test(a.tagName) || a.tagName === "FONT") {
       rt(a);
       return;
     }
-    aa(a);
+    ia(a);
   }), Array.from(e.querySelectorAll("span, div")).forEach((a) => {
     a.attributes.length === 0 && rt(a);
   }), e.innerHTML) : t;
 }
-const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa = /* @__PURE__ */ te({
+const sa = { class: "editor-container" }, ua = { class: "rtf-bubble-menu" }, ca = /* @__PURE__ */ ne({
   __name: "editor-core",
   props: {
     modelValue: { default: "" },
@@ -3215,7 +3253,7 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
       editable: !e.disabled,
       extensions: [
         cn.configure({ link: !1 }),
-        ql.configure({ openOnClick: !1, autolink: !0, defaultProtocol: "https" }),
+        Gl.configure({ openOnClick: !1, autolink: !0, defaultProtocol: "https" }),
         tn.configure({
           inline: !0,
           allowBase64: !0,
@@ -3232,15 +3270,15 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
         on,
         an,
         nn.configure({ placeholder: "" }),
-        El,
         Ul,
         zl,
-        Gl
+        Hl,
+        Yl
       ],
       editorProps: {
         attributes: { class: "rtf-content" },
-        transformPastedHTML: (v) => oa(v),
-        handlePaste: Wl(() => r.value)
+        transformPastedHTML: (v) => ra(v),
+        handlePaste: Kl(() => r.value)
       },
       onUpdate: ({ editor: v }) => {
         a("update:modelValue", v.getHTML());
@@ -3249,34 +3287,34 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
     me(
       () => e.modelValue,
       (v) => {
-        const g = r.value;
-        if (!g) return;
-        const T = v != null ? v : "";
-        T !== g.getHTML() && g.commands.setContent(T, { emitUpdate: !1 });
+        const b = r.value;
+        if (!b) return;
+        const _ = v != null ? v : "";
+        _ !== b.getHTML() && b.commands.setContent(_, { emitUpdate: !1 });
       }
     ), me(
       () => e.disabled,
       (v) => {
-        var g;
-        return (g = r.value) == null ? void 0 : g.setEditable(!v);
+        var b;
+        return (b = r.value) == null ? void 0 : b.setEditable(!v);
       }
     ), me(r, (v) => v == null ? void 0 : v.setEditable(!e.disabled));
-    const u = Bt(r), d = x(() => {
-      var v, g, T, $, C;
-      return u.value, {
+    const c = Bt(r), d = C(() => {
+      var v, b, _, B, x;
+      return c.value, {
         bold: !!((v = r.value) != null && v.isActive("bold")),
-        italic: !!((g = r.value) != null && g.isActive("italic")),
-        link: !!((T = r.value) != null && T.isActive("link")),
-        bulletList: !!(($ = r.value) != null && $.isActive("bulletList")),
-        orderedList: !!((C = r.value) != null && C.isActive("orderedList"))
+        italic: !!((b = r.value) != null && b.isActive("italic")),
+        link: !!((_ = r.value) != null && _.isActive("link")),
+        bulletList: !!((B = r.value) != null && B.isActive("bulletList")),
+        orderedList: !!((x = r.value) != null && x.isActive("orderedList"))
       };
     });
     function h({ state: v }) {
       return !v.selection.empty && !(v.selection instanceof un);
     }
     function k(v) {
-      var g;
-      (g = r.value) == null || g.chain().focus()[v]().run();
+      var b;
+      (b = r.value) == null || b.chain().focus()[v]().run();
     }
     function f() {
       const v = r.value;
@@ -3285,49 +3323,49 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
         v.chain().focus().unsetLink().run();
         return;
       }
-      const g = window.prompt("URL");
-      g && v.chain().focus().extendMarkRange("link").setLink({ href: g }).run();
+      const b = window.prompt("URL");
+      b && v.chain().focus().extendMarkRange("link").setLink({ href: b }).run();
     }
-    return (v, g) => {
-      const T = R("v-btn");
-      return V(), Z("div", ia, [
-        i(Ql, { editor: l(r) }, null, 8, ["editor"]),
+    return (v, b) => {
+      const _ = P("v-btn");
+      return T(), Q("div", sa, [
+        i(ea, { editor: l(r) }, null, 8, ["editor"]),
         i(l(mn), {
           class: "editor-container__editor",
           editor: l(r)
         }, null, 8, ["editor"]),
-        l(r) ? (V(), F(l(vn), {
+        l(r) ? (T(), H(l(vn), {
           key: 0,
           editor: l(r),
           "should-show": h
         }, {
           default: s(() => [
-            oe("div", ra, [
-              i(T, {
+            ae("div", ua, [
+              i(_, {
                 icon: "",
                 size: "small",
                 variant: "text",
                 active: d.value.bold,
-                onClick: g[0] || (g[0] = ($) => k("toggleBold"))
+                onClick: b[0] || (b[0] = (B) => k("toggleBold"))
               }, {
                 default: s(() => [
-                  i(l(B), { name: "mdi-format-bold" })
+                  i(l(j), { name: "mdi-format-bold" })
                 ]),
                 _: 1
               }, 8, ["active"]),
-              i(T, {
+              i(_, {
                 icon: "",
                 size: "small",
                 variant: "text",
                 active: d.value.italic,
-                onClick: g[1] || (g[1] = ($) => k("toggleItalic"))
+                onClick: b[1] || (b[1] = (B) => k("toggleItalic"))
               }, {
                 default: s(() => [
-                  i(l(B), { name: "mdi-format-italic" })
+                  i(l(j), { name: "mdi-format-italic" })
                 ]),
                 _: 1
               }, 8, ["active"]),
-              i(T, {
+              i(_, {
                 icon: "",
                 size: "small",
                 variant: "text",
@@ -3335,31 +3373,31 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
                 onClick: f
               }, {
                 default: s(() => [
-                  i(l(B), { name: "mdi-link-variant" })
+                  i(l(j), { name: "mdi-link-variant" })
                 ]),
                 _: 1
               }, 8, ["active"]),
-              i(T, {
+              i(_, {
                 icon: "",
                 size: "small",
                 variant: "text",
                 active: d.value.bulletList,
-                onClick: g[2] || (g[2] = ($) => k("toggleBulletList"))
+                onClick: b[2] || (b[2] = (B) => k("toggleBulletList"))
               }, {
                 default: s(() => [
-                  i(l(B), { name: "mdi-format-list-bulleted" })
+                  i(l(j), { name: "mdi-format-list-bulleted" })
                 ]),
                 _: 1
               }, 8, ["active"]),
-              i(T, {
+              i(_, {
                 icon: "",
                 size: "small",
                 variant: "text",
                 active: d.value.orderedList,
-                onClick: g[3] || (g[3] = ($) => k("toggleOrderedList"))
+                onClick: b[3] || (b[3] = (B) => k("toggleOrderedList"))
               }, {
                 default: s(() => [
-                  i(l(B), { name: "mdi-format-list-numbered" })
+                  i(l(j), { name: "mdi-format-list-numbered" })
                 ]),
                 _: 1
               }, 8, ["active"])
@@ -3370,7 +3408,7 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
       ]);
     };
   }
-}), Lt = /* @__PURE__ */ te({
+}), Dt = /* @__PURE__ */ ne({
   __name: "df-rtf-editor",
   props: /* @__PURE__ */ pe({
     minHeight: {},
@@ -3388,18 +3426,18 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), { minHeight: void 0 })),
+  }, te(z({}, be), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { densityClass: r, value: u, vuetifyBindings: d } = ce(e, a);
-    return (h, k) => (V(), F(l(He), X(e, {
+    const e = t, a = n, { densityClass: r, value: c, vuetifyBindings: d } = ce(e, a);
+    return (h, k) => (T(), H(l(We), X(e, {
       class: ["rtf-editor", l(r)]
     }), {
       default: s((f) => [
-        i(sa, X({
+        i(ca, X({
           ref: "$editor",
-          modelValue: l(u),
-          "onUpdate:modelValue": k[0] || (k[0] = (v) => Ce(u) ? u.value = v : null),
+          modelValue: l(c),
+          "onUpdate:modelValue": k[0] || (k[0] = (v) => xe(c) ? c.value = v : null),
           class: { "mt-6": !!t.label },
           "min-height": t.minHeight,
           disabled: l(d).disabled
@@ -3412,38 +3450,38 @@ const ia = { class: "editor-container" }, ra = { class: "rtf-bubble-menu" }, sa
     }, 16, ["class"]));
   }
 });
-function ua(t) {
+function da(t) {
   return t.map((n) => ({ value: n.id, title: n.text, icon: n.icon }));
 }
 function de(t, n) {
   var e;
   return t == null || at(t) && t.length === 0 ? null : n ? dt(t) : at(t) ? (e = mt(t)) != null ? e : null : t;
 }
-function ze(t, n) {
+function He(t, n) {
   if (n == null) return [];
   const e = dt(n);
   return t.filter((a) => e.some((r) => r === a.id));
 }
 function Ie(t, n, e, a, r) {
   var d;
-  const u = de(t, e);
-  if (u == null) {
+  const c = de(t, e);
+  if (c == null) {
     n.value = e ? [] : null;
     return;
   }
   if (e)
-    a ? n.value = u : n.value = ze(r, u).map((h) => h.id);
+    a ? n.value = c : n.value = He(r, c).map((h) => h.id);
   else if (a)
-    n.value = u;
+    n.value = c;
   else {
-    const h = mt(ze(r, u));
+    const h = mt(He(r, c));
     n.value = (d = h == null ? void 0 : h.id) != null ? d : null;
   }
 }
-const ca = {
+const ma = {
   key: 0,
   class: "me-1"
-}, da = /* @__PURE__ */ te({
+}, va = /* @__PURE__ */ ne({
   __name: "df-select",
   props: /* @__PURE__ */ pe({
     choices: {},
@@ -3465,7 +3503,7 @@ const ca = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), {
+  }, te(z({}, be), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -3474,165 +3512,165 @@ const ca = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    var Ze;
-    const e = t, { choices: a, multiple: r, allowTags: u, allowNull: d, cssClass: h } = Fe(e), k = n, f = M(null), {
+    var Re;
+    const e = t, { choices: a, multiple: r, allowTags: c, allowNull: d, cssClass: h } = Oe(e), k = n, f = R(null), {
       densityClass: v,
-      isRendered: g,
-      label: T,
-      showErrors: $,
-      touched: C,
-      value: j,
-      visibilityClass: P,
-      vuetifyBindings: D
-    } = ce(e, k), b = M(null), S = M(!1), H = M([]), K = x(() => l(S) ? l(H) : l(a) || []), W = M(!1), L = x(() => ua(K.value)), w = M(null), o = M(0), c = M(!1);
-    (Ze = a.value) != null && Ze.length && e.fetchChoices !== void 0 && console.warn("Both choices and fetchChoices are set. Only one of them should be set.");
+      isRendered: b,
+      label: _,
+      showErrors: B,
+      touched: x,
+      value: V,
+      visibilityClass: E,
+      vuetifyBindings: L
+    } = ce(e, k), g = R(null), $ = R(!1), W = R([]), q = C(() => l($) ? l(W) : l(a) || []), Z = R(!1), M = C(() => da(q.value)), w = R(null), o = R(0), u = R(!1);
+    (Re = a.value) != null && Re.length && e.fetchChoices !== void 0 && console.warn("Both choices and fetchChoices are set. Only one of them should be set.");
     function m(I) {
-      k("update:modelValueDisplay", ze(K.value, I));
+      k("update:modelValueDisplay", He(q.value, I));
     }
-    const _ = M(!1);
-    function N(I) {
-      _.value = !0;
+    const A = R(!1);
+    function S(I) {
+      A.value = !0;
       try {
-        j.value = I;
+        V.value = I;
       } finally {
-        Jt(de(j.value, r.value), I) || Ie(
-          de(j.value, r.value),
-          b,
+        Jt(de(V.value, r.value), I) || Ie(
+          de(V.value, r.value),
+          g,
           r.value,
-          u.value,
-          K.value
-        ), Ke(() => {
-          _.value = !1;
+          c.value,
+          q.value
+        ), Xe(() => {
+          A.value = !1;
         });
       }
     }
-    function O(I) {
+    function N(I) {
       if (!I) return 0;
-      const E = I.getBoundingClientRect(), ae = window.getComputedStyle(I);
-      return E.width + parseFloat(ae.marginLeft) + parseFloat(ae.marginRight);
+      const F = I.getBoundingClientRect(), oe = window.getComputedStyle(I);
+      return F.width + parseFloat(oe.marginLeft) + parseFloat(oe.marginRight);
     }
-    function ne() {
+    function le() {
       var I;
-      if (r.value && d.value && b.value != null && b.value.length > 0 && f.value) {
-        const E = f.value.$el, ae = (I = E.querySelector(".v-input__control")) == null ? void 0 : I.clientWidth, ie = E.querySelector(".v-field__input"), U = ie.querySelectorAll(".v-autocomplete__selection, .v-combobox__selection"), re = window.getComputedStyle(ie);
+      if (r.value && d.value && g.value != null && g.value.length > 0 && f.value) {
+        const F = f.value.$el, oe = (I = F.querySelector(".v-input__control")) == null ? void 0 : I.clientWidth, ie = F.querySelector(".v-field__input"), U = ie.querySelectorAll(".v-autocomplete__selection, .v-combobox__selection"), re = window.getComputedStyle(ie);
         let Ve = parseFloat(re.paddingLeft) + parseFloat(re.paddingRight);
         U.forEach((Rt) => {
-          Ve += O(Rt);
+          Ve += N(Rt);
         });
-        const Dt = O(E.querySelector(".v-field .v-field__clearable")), St = O(E.querySelector(".v-field .v-field__append-inner")), Mt = 2;
-        c.value = ae - Ve - U.length * Mt - St < Dt;
+        const $t = N(F.querySelector(".v-field .v-field__clearable")), St = N(F.querySelector(".v-field .v-field__append-inner")), Mt = 2;
+        u.value = oe - Ve - U.length * Mt - St < $t;
       } else
-        c.value = !1;
+        u.value = !1;
     }
-    function A(I) {
-      const E = I.target;
-      E instanceof HTMLElement && E.closest(".v-chip__close") && (I.stopPropagation(), I.preventDefault());
+    function D(I) {
+      const F = I.target;
+      F instanceof HTMLElement && F.closest(".v-chip__close") && (I.stopPropagation(), I.preventDefault());
     }
     me(
-      b,
+      g,
       (I) => {
-        D.value.readonly || Ke(() => {
-          const E = de(I, r.value);
-          m(E), N(E);
+        L.value.readonly || Xe(() => {
+          const F = de(I, r.value);
+          m(F), S(F);
         });
       },
       { deep: !0 }
     ), me(
-      j,
+      V,
       (I) => {
-        if (!_.value) {
-          const E = de(I, r.value);
-          Ie(E, b, r.value, !1, K.value);
+        if (!A.value) {
+          const F = de(I, r.value);
+          Ie(F, g, r.value, !1, q.value);
         }
       },
       { deep: !0 }
-    ), me(_, () => {
-      _.value || ne();
+    ), me(A, () => {
+      A.value || le();
     });
-    function q() {
+    function O() {
       w.value != null && w.value.length > 0 && (w.value = null, y());
     }
-    function Q() {
-      if (q(), D.value.readonly || u.value) return;
-      const I = de(b.value, r.value);
-      Ie(I, b, r.value, !1, K.value), N(I);
+    function K() {
+      if (O(), L.value.readonly || c.value) return;
+      const I = de(g.value, r.value);
+      Ie(I, g, r.value, !1, q.value), S(I);
     }
-    function le(I, E) {
-      if (I.stopPropagation(), D.value.readonly || u.value) {
-        u.value && (b.value = b.value.filter((ie) => ie !== E));
+    function ee(I, F) {
+      if (I.stopPropagation(), L.value.readonly || c.value) {
+        c.value && (g.value = g.value.filter((ie) => ie !== F));
         return;
       }
-      let ae;
-      r.value && Array.isArray(b.value) ? ae = de(
-        b.value.filter((ie) => ie !== E),
+      let oe;
+      r.value && Array.isArray(g.value) ? oe = de(
+        g.value.filter((ie) => ie !== F),
         r.value
-      ) : ae = null, Ie(ae, b, r.value, !1, K.value), N(ae);
+      ) : oe = null, Ie(oe, g, r.value, !1, q.value), S(oe);
     }
-    function y(I, E) {
-      return ge(this, null, function* () {
-        if (D.value.readonly || (w.value = I, a.value || e.fetchChoices === void 0)) return;
-        const ae = ++o.value;
-        W.value = !0;
+    function y(I, F) {
+      return he(this, null, function* () {
+        if (L.value.readonly || (w.value = I, a.value || e.fetchChoices === void 0)) return;
+        const oe = ++o.value;
+        Z.value = !0;
         try {
-          const ie = ze(
-            K.value,
-            de(b.value, r.value)
-          ), U = yield e.fetchChoices(I, E);
-          if (ae !== o.value) return;
-          H.value = Qt([...ie, ...U], "id"), S.value = !0;
+          const ie = He(
+            q.value,
+            de(g.value, r.value)
+          ), U = yield e.fetchChoices(I, F);
+          if (oe !== o.value) return;
+          W.value = Qt([...ie, ...U], "id"), $.value = !0;
         } finally {
-          W.value = !1;
+          Z.value = !1;
         }
       });
     }
     function p() {
-      let I = j.value;
-      !d.value && I == null && L.value.length && (I = L.value[0].value), I = de(I, r.value), Ie(I, b, r.value, u.value, K.value), m(I), N(I);
+      let I = V.value;
+      !d.value && I == null && M.value.length && (I = M.value[0].value), I = de(I, r.value), Ie(I, g, r.value, c.value, q.value), m(I), S(I);
     }
-    return p(), e.fetchChoices !== void 0 && y(void 0, j.value).then(() => {
+    return p(), e.fetchChoices !== void 0 && y(void 0, V.value).then(() => {
       p();
-    }), (I, E) => {
-      const ae = R("v-chip"), ie = R("v-list-item");
-      return l(g) ? (V(), F(Ue(l(u) ? "v-combobox" : "v-autocomplete"), X({
+    }), (I, F) => {
+      const oe = P("v-chip"), ie = P("v-list-item");
+      return l(b) ? (T(), H(Ue(l(c) ? "v-combobox" : "v-autocomplete"), X({
         key: 0,
         ref_key: "dfSelectRef",
         ref: f,
-        modelValue: b.value,
-        "onUpdate:modelValue": E[0] || (E[0] = (U) => b.value = U),
-        class: [l(h), l(v), l(P), { "df-select-multirow": c.value }],
-        items: L.value,
+        modelValue: g.value,
+        "onUpdate:modelValue": F[0] || (F[0] = (U) => g.value = U),
+        class: [l(h), l(v), l(E), { "df-select-multirow": u.value }],
+        items: M.value,
         "return-object": !1,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": l(d) || l(r) && b.value.length > 1,
+        "closable-chips": l(d) || l(r) && g.value.length > 1,
         clearable: l(d),
         multiple: l(r),
-        loading: W.value,
+        loading: Z.value,
         "hide-selected": !1,
-        "aria-describedby": l(D).helpText ? `${l(D).name}-help` : null,
+        "aria-describedby": l(L).helpText ? `${l(L).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         search: w.value
-      }, l(D), {
-        "onUpdate:search": E[1] || (E[1] = (U) => y(U, void 0)),
-        "onUpdate:modelValue": Q,
-        "onClick:clear": E[2] || (E[2] = (U) => b.value = null),
-        onBlur: E[3] || (E[3] = (U) => C.value = !0),
-        onMousedownCapture: E[4] || (E[4] = (U) => A(U))
-      }), Ge({
+      }, l(L), {
+        "onUpdate:search": F[1] || (F[1] = (U) => y(U, void 0)),
+        "onUpdate:modelValue": K,
+        "onClick:clear": F[2] || (F[2] = (U) => g.value = null),
+        onBlur: F[3] || (F[3] = (U) => x.value = !0),
+        onMousedownCapture: F[4] || (F[4] = (U) => D(U))
+      }), ze({
         chip: s(({ item: U }) => [
-          (V(), F(ae, {
+          (T(), H(oe, {
             key: U.value,
             label: "",
             size: "small",
             class: "d-flex align-middle",
             variant: l(r) ? "tonal" : "text",
             closable: l(r),
-            "onClick:close": (re) => le(re, U.value)
+            "onClick:close": (re) => ee(re, U.value)
           }, {
             prepend: s(() => {
               var re;
               return [
-                (re = U.raw) != null && re.icon ? (V(), F(l(B), {
+                (re = U.raw) != null && re.icon ? (T(), H(l(j), {
                   key: 0,
                   class: "me-1",
                   name: U.raw.icon
@@ -3640,7 +3678,7 @@ const ca = {
               ];
             }),
             default: s(() => [
-              oe("span", {
+              ae("span", {
                 class: ue({ "text-body-1": !l(r) })
               }, G(U.title), 3)
             ]),
@@ -3650,16 +3688,16 @@ const ca = {
         label: s((U) => [
           i(l(fe), {
             data: U,
-            label: l(T)
+            label: l(_)
           }, null, 8, ["data", "label"])
         ]),
         item: s(({ props: U, item: re }) => [
-          i(ie, ye(ke(U)), {
+          i(ie, we(Ce(U)), {
             prepend: s(() => {
               var Ve;
               return [
-                (Ve = re.raw) != null && Ve.icon ? (V(), Z("span", ca, [
-                  i(l(B), {
+                (Ve = re.raw) != null && Ve.icon ? (T(), Q("span", ma, [
+                  i(l(j), {
                     class: "action-icon",
                     name: re.raw.icon
                   }, null, 8, ["name"])
@@ -3672,7 +3710,7 @@ const ca = {
         message: s(({ message: U }) => [
           i(l(ve), {
             message: U,
-            errors: l($)
+            errors: l(B)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
@@ -3680,26 +3718,26 @@ const ca = {
         I.$slots["append-inner"] ? {
           name: "append-inner",
           fn: s((U) => [
-            _e(I.$slots, "append-inner", ye(ke(U)), void 0, !0)
+            Te(I.$slots, "append-inner", we(Ce(U)), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         I.$slots["prepend-inner"] ? {
           name: "prepend-inner",
           fn: s((U) => [
-            _e(I.$slots, "prepend-inner", ye(ke(U)), void 0, !0)
+            Te(I.$slots, "prepend-inner", we(Ce(U)), void 0, !0)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["modelValue", "class", "items", "closable-chips", "clearable", "multiple", "loading", "aria-describedby", "search"])) : Y("", !0);
     };
   }
-}), ma = (t, n) => {
+}), fa = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [a, r] of n)
     e[a] = r;
   return e;
-}, It = /* @__PURE__ */ ma(da, [["__scopeId", "data-v-7e5aa3b6"]]), $t = /* @__PURE__ */ te({
+}, It = /* @__PURE__ */ fa(va, [["__scopeId", "data-v-7e5aa3b6"]]), Lt = /* @__PURE__ */ ne({
   __name: "df-text-area",
   props: /* @__PURE__ */ pe({
     rows: {},
@@ -3718,41 +3756,41 @@ const ca = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, ee(z({}, be), {
+  }, te(z({}, be), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: n }) {
-    const e = t, a = n, { densityClass: r, isRendered: u, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: g } = ce(
+    const e = t, a = n, { densityClass: r, isRendered: c, label: d, showErrors: h, touched: k, value: f, visibilityClass: v, vuetifyBindings: b } = ce(
       e,
       a
-    ), { cssClass: T } = Fe(e);
-    return ($, C) => {
-      const j = R("v-textarea");
-      return l(u) ? (V(), Z("div", {
+    ), { cssClass: _ } = Oe(e);
+    return (B, x) => {
+      const V = P("v-textarea");
+      return l(c) ? (T(), Q("div", {
         key: 0,
         class: ue(["df-textarea-container", [l(r), l(v)]])
       }, [
-        i(j, X({
+        i(V, X({
           modelValue: l(f),
-          "onUpdate:modelValue": C[0] || (C[0] = (P) => Ce(f) ? f.value = P : null),
-          class: l(T),
+          "onUpdate:modelValue": x[0] || (x[0] = (E) => xe(f) ? f.value = E : null),
+          class: l(_),
           rows: t.rows,
           "auto-grow": (t.maxRows || 0) > 0,
           "max-rows": t.maxRows
-        }, l(g), {
-          onBlur: C[1] || (C[1] = (P) => k.value = !0)
+        }, l(b), {
+          onBlur: x[1] || (x[1] = (E) => k.value = !0)
         }), {
-          label: s((P) => [
+          label: s((E) => [
             i(l(fe), {
-              data: P,
+              data: E,
               label: l(d)
             }, null, 8, ["data", "label"])
           ]),
-          message: s(({ message: P }) => [
+          message: s(({ message: E }) => [
             i(l(ve), {
-              message: P,
+              message: E,
               errors: l(h)
             }, null, 8, ["message", "errors"])
           ]),
@@ -3761,7 +3799,7 @@ const ca = {
       ], 2)) : Y("", !0);
     };
   }
-}), va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DfActions: ht,
   DfCheckbox: gt,
@@ -3772,36 +3810,36 @@ const ca = {
   DfInput: xt,
   DfInputHint: ve,
   DfLabel: fe,
-  DfRtfEditor: Lt,
+  DfRtfEditor: Dt,
   DfSelect: It,
-  DfTextArea: $t
-}, Symbol.toStringTag, { value: "Module" })), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DfTextArea: Lt
+}, Symbol.toStringTag, { value: "Module" })), ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VAutocomplete: kn,
   VBtn: wn,
   VCheckbox: Cn,
   VChip: xn,
-  VCol: Ln,
-  VColorPicker: Tn,
+  VCol: Dn,
+  VColorPicker: _n,
   VCombobox: An,
-  VConfirmEdit: _n,
+  VConfirmEdit: Tn,
   VDatePicker: Vn,
   VField: jn,
   VFileInput: Bn,
-  VIcon: $n,
-  VImg: Dn,
+  VIcon: Ln,
+  VImg: $n,
   VInput: Sn,
   VListItem: Mn,
   VMenu: Rn,
   VNumberInput: Pn,
-  VProgressLinear: Nn,
+  VProgressLinear: En,
   VRow: In,
-  VSelect: En,
-  VSwitch: Un,
-  VTextField: Fn,
-  VTextarea: zn,
+  VSelect: Fn,
+  VSwitch: Nn,
+  VTextField: zn,
+  VTextarea: Un,
   VTimePicker: Hn
-}, Symbol.toStringTag, { value: "Module" })), ro = {
+}, Symbol.toStringTag, { value: "Module" })), uo = {
   "df-actions": ht,
   "df-checkbox": gt,
   "df-color": yt,
@@ -3811,21 +3849,21 @@ const ca = {
   "df-input": xt,
   "df-input-hint": ve,
   "df-label": fe,
-  "df-rtf-editor": Lt,
+  "df-rtf-editor": Dt,
   "df-select": It,
-  "df-text-area": $t
-}, so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  "df-text-area": Lt
+}, co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), uo = {
+}, Symbol.toStringTag, { value: "Module" })), mo = {
   install: (t, n) => {
     var e, a;
-    t.provide(Je, n != null ? n : {}), (e = n == null ? void 0 : n.registerComponents) != null && e && Object.entries(va).map(([r, u]) => t.component(r, u)), (a = n == null ? void 0 : n.registerVuetifyComponents) != null && a && Object.entries(fa).map(([r, u]) => t.component(r, u));
+    t.provide(Qe, n != null ? n : {}), (e = n == null ? void 0 : n.registerComponents) != null && e && Object.entries(pa).map(([r, c]) => t.component(r, c)), (a = n == null ? void 0 : n.registerVuetifyComponents) != null && a && Object.entries(ba).map(([r, c]) => t.component(r, c));
   }
 };
 export {
-  Ne as Action,
+  Fe as Action,
   se as ActionDisplayStyle,
-  Tl as DateTimeLocaleConfig,
+  _l as DateTimeLocaleConfig,
   ht as DfActions,
   gt as DfCheckbox,
   yt as DfColor,
@@ -3833,32 +3871,32 @@ export {
   wt as DfFile,
   Ct as DfImage,
   xt as DfInput,
-  so as DfInputComponentProps,
-  va as DfInputComponents,
+  co as DfInputComponentProps,
+  pa as DfInputComponents,
   ve as DfInputHint,
   fe as DfLabel,
-  Lt as DfRtfEditor,
+  Dt as DfRtfEditor,
   It as DfSelect,
-  $t as DfTextArea,
-  uo as DynamicFormsInputs,
-  _l as FileGoneError,
-  He as InputBase,
+  Lt as DfTextArea,
+  mo as DynamicFormsInputs,
+  Tl as FileGoneError,
+  We as InputBase,
   Vl as Label,
-  $l as ResponsiveActionRenderOptions,
+  Ll as ResponsiveActionRenderOptions,
   Bl as ResponsiveRenderOptions,
-  fa as VuetifyComponents,
+  ba as VuetifyComponents,
   be as defaultBaseProps,
   ot as defaultDisplayStyle,
-  ro as dfInputComponentsByTag,
-  Ll as getBreakpointName,
+  uo as dfInputComponentsByTag,
+  Dl as getBreakpointName,
   ft as getRenderOptionsForBreakpoint,
   it as responsiveBreakpoints,
   bt as setFileGoneError,
-  we as translatableStrings,
-  io as translateStrings,
+  ye as translatableStrings,
+  so as translateStrings,
   Il as useBreakpoint,
   pt as useFileTouchKeepAlive,
   ce as useInputBase,
-  Je as vuetifyInputsSettingsKey
+  Qe as vuetifyInputsSettingsKey
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map