@dynamicforms/vuetify-inputs 0.6.5 → 0.7.0

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,64 +1,64 @@
-var nt = Object.defineProperty, ot = Object.defineProperties;
-var lt = Object.getOwnPropertyDescriptors;
+var tt = Object.defineProperty, nt = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
 var Ee = Object.getOwnPropertySymbols;
-var at = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable;
-var Ce = (e, t, n) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, S = (e, t) => {
+var at = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable;
+var je = (e, t, n) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, x = (e, t) => {
   for (var n in t || (t = {}))
-    at.call(t, n) && Ce(e, n, t[n]);
+    at.call(t, n) && je(e, n, t[n]);
   if (Ee)
     for (var n of Ee(t))
-      rt.call(t, n) && Ce(e, n, t[n]);
+      lt.call(t, n) && je(e, n, t[n]);
   return e;
-}, L = (e, t) => ot(e, lt(t));
-var $e = (e, t, n) => Ce(e, typeof t != "symbol" ? t + "" : t, n);
-var ge = (e, t, n) => new Promise((l, a) => {
+}, O = (e, t) => nt(e, ot(t));
+var $e = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
+var ge = (e, t, n) => new Promise((a, l) => {
   var r = (i) => {
     try {
-      p(n.next(i));
-    } catch (d) {
-      a(d);
+      m(n.next(i));
+    } catch (p) {
+      l(p);
     }
   }, s = (i) => {
     try {
-      p(n.throw(i));
-    } catch (d) {
-      a(d);
+      m(n.throw(i));
+    } catch (p) {
+      l(p);
     }
-  }, p = (i) => i.done ? l(i.value) : Promise.resolve(i.value).then(r, s);
-  p((n = n.apply(e, t)).next());
+  }, m = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(r, s);
+  m((n = n.apply(e, t)).next());
 });
 import * as Ae from "vue";
-import { defineComponent as O, mergeModels as Ne, useModel as it, ref as N, watch as se, onMounted as Ke, markRaw as st, onBeforeUnmount as Xe, createBlock as D, openBlock as V, resolveDynamicComponent as he, version as ut, isRef as ne, computed as w, resolveComponent as A, createElementBlock as W, normalizeClass as G, createCommentVNode as U, Fragment as Ie, unref as o, createTextVNode as ct, toDisplayString as De, inject as Te, h as we, createSlots as Pe, withCtx as g, createVNode as I, renderSlot as ie, normalizeProps as J, guardReactiveProps as ee, createElementVNode as oe, renderList as dt, withModifiers as mt, mergeDefaults as q, mergeProps as R, normalizeStyle as Ge, toRefs as je, withKeys as Fe, useCssVars as pt, nextTick as Me } from "vue";
-import { debounce as ft, isString as te, isEmpty as fe, isObjectLike as vt, isBoolean as Le, clone as ht, toNumber as Ue, isNaN as Oe, isArray as Re, castArray as qe, first as Ye, unionBy as bt } from "lodash-es";
+import { defineComponent as H, mergeModels as Ne, useModel as rt, ref as F, watch as ue, onMounted as Ke, markRaw as it, onBeforeUnmount as Xe, createBlock as D, openBlock as V, resolveDynamicComponent as he, version as st, isRef as ae, computed as b, unref as o, resolveComponent as N, createElementBlock as W, normalizeClass as Y, createCommentVNode as U, Fragment as Ie, createTextVNode as ut, toDisplayString as Pe, inject as Te, createSlots as De, withCtx as w, createVNode as B, renderSlot as se, normalizeProps as te, guardReactiveProps as ne, createElementVNode as le, renderList as ct, withModifiers as dt, mergeDefaults as Q, mergeProps as R, normalizeStyle as Ge, toRefs as Ce, withKeys as Fe, useCssVars as mt, nextTick as Me } from "vue";
+import { debounce as pt, isString as oe, isEmpty as ve, isObjectLike as ft, isBoolean as Le, clone as vt, toNumber as Ue, isNaN as He, isArray as Oe, castArray as qe, first as Ye, unionBy as ht } from "lodash-es";
 import { CachedIcon as be } from "vue-cached-icon";
-import We, { MdString as gt, ValidationErrorRenderContent as wt, DisplayMode as K, Action as yt } from "@dynamicforms/vue-forms";
-import Qe from "vue-markdown-render";
-import { useDisplay as kt } from "vuetify";
-import { format as de, parse as Vt } from "date-fns";
-import { AccessibilityHelp as jt, Alignment as Ct, AutoImage as Tt, AutoLink as _t, Autosave as Bt, BalloonToolbar as It, BlockQuote as Pt, Bold as Dt, CloudServices as xt, Essentials as St, GeneralHtmlSupport as Et, Heading as $t, HorizontalLine as At, ImageBlock as Nt, ImageCaption as Ft, ImageInline as Mt, ImageInsertViaUrl as Lt, ImageResize as Ut, ImageStyle as Ot, ImageToolbar as Rt, ImageUpload as Wt, Indent as zt, IndentBlock as Ht, Italic as Kt, Link as Xt, List as Gt, Autoformat as qt, MediaEmbed as Yt, Paragraph as Qt, PasteFromMarkdownExperimental as Zt, PasteFromOffice as Jt, SelectAll as en, Style as tn, Table as nn, TableCellProperties as on, TableColumnResize as ln, TableProperties as an, TableToolbar as rn, Undo as sn, TextTransformation as un, Base64UploadAdapter as cn, ClassicEditor as dn } from "ckeditor5";
-import { VAutocomplete as mn } from "vuetify/components/VAutocomplete";
-import { VBtn as pn } from "vuetify/components/VBtn";
-import { VCheckbox as fn } from "vuetify/components/VCheckbox";
-import { VChip as vn } from "vuetify/components/VChip";
-import { VCombobox as hn } from "vuetify/components/VCombobox";
-import { VColorPicker as bn } from "vuetify/components/VColorPicker";
-import { VConfirmEdit as gn } from "vuetify/components/VConfirmEdit";
-import { VDatePicker as wn } from "vuetify/components/VDatePicker";
-import { VField as yn } from "vuetify/components/VField";
-import { VFileInput as kn } from "vuetify/components/VFileInput";
-import { VCol as Vn, VRow as jn } from "vuetify/components/VGrid";
-import { VIcon as Cn } from "vuetify/components/VIcon";
-import { VImg as Tn } from "vuetify/components/VImg";
-import { VInput as _n } from "vuetify/components/VInput";
-import { VListItem as Bn } from "vuetify/components/VList";
-import { VMenu as In } from "vuetify/components/VMenu";
+import Re, { MessagesWidget as bt, MdString as gt, ValidationErrorRenderContent as wt, DisplayMode as X, Action as yt } from "@dynamicforms/vue-forms";
+import kt from "vue-markdown-render";
+import { useDisplay as Vt } from "vuetify";
+import { format as me, parse as Ct } from "date-fns";
+import { AccessibilityHelp as jt, Alignment as Tt, AutoImage as _t, AutoLink as Bt, Autosave as It, BalloonToolbar as Dt, BlockQuote as Pt, Bold as St, CloudServices as xt, Essentials as Et, GeneralHtmlSupport as $t, Heading as At, HorizontalLine as Nt, ImageBlock as Ft, ImageCaption as Mt, ImageInline as Lt, ImageInsertViaUrl as Ut, ImageResize as Ht, ImageStyle as Ot, ImageToolbar as Rt, ImageUpload as Wt, Indent as zt, IndentBlock as Kt, Italic as Xt, Link as Gt, List as qt, Autoformat as Yt, MediaEmbed as Qt, Paragraph as Zt, PasteFromMarkdownExperimental as Jt, PasteFromOffice as en, SelectAll as tn, Style as nn, Table as on, TableCellProperties as an, TableColumnResize as ln, TableProperties as rn, TableToolbar as sn, Undo as un, TextTransformation as cn, Base64UploadAdapter as dn, ClassicEditor as mn } from "ckeditor5";
+import { VAutocomplete as pn } from "vuetify/components/VAutocomplete";
+import { VBtn as fn } from "vuetify/components/VBtn";
+import { VCheckbox as vn } from "vuetify/components/VCheckbox";
+import { VChip as hn } from "vuetify/components/VChip";
+import { VCombobox as bn } from "vuetify/components/VCombobox";
+import { VColorPicker as gn } from "vuetify/components/VColorPicker";
+import { VConfirmEdit as wn } from "vuetify/components/VConfirmEdit";
+import { VDatePicker as yn } from "vuetify/components/VDatePicker";
+import { VField as kn } from "vuetify/components/VField";
+import { VFileInput as Vn } from "vuetify/components/VFileInput";
+import { VCol as Cn, VRow as jn } from "vuetify/components/VGrid";
+import { VIcon as Tn } from "vuetify/components/VIcon";
+import { VImg as _n } from "vuetify/components/VImg";
+import { VInput as Bn } from "vuetify/components/VInput";
+import { VListItem as In } from "vuetify/components/VList";
+import { VMenu as Dn } from "vuetify/components/VMenu";
 import { VNumberInput as Pn } from "vuetify/components/VNumberInput";
-import { VProgressLinear as Dn } from "vuetify/components/VProgressLinear";
+import { VProgressLinear as Sn } from "vuetify/components/VProgressLinear";
 import { VSelect as xn } from "vuetify/components/VSelect";
-import { VSwitch as Sn } from "vuetify/components/VSwitch";
-import { VTextarea as En } from "vuetify/components/VTextarea";
-import { VTextField as $n } from "vuetify/components/VTextField";
-import { VTimePicker as An } from "vuetify/components/VTimePicker";
+import { VSwitch as En } from "vuetify/components/VSwitch";
+import { VTextarea as $n } from "vuetify/components/VTextarea";
+import { VTextField as An } from "vuetify/components/VTextField";
+import { VTimePicker as Nn } from "vuetify/components/VTimePicker";
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -72,12 +72,12 @@ new Array(256).fill("").map((e, t) => ("0" + t.toString(16)).slice(-2));
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Nn(e, t) {
+function Fn(e, t) {
   const n = e.extraPlugins || [];
-  return L(S({}, e), {
+  return O(x({}, e), {
     extraPlugins: [
       ...n,
-      ...t.filter((l) => !n.includes(l))
+      ...t.filter((a) => !n.includes(a))
     ]
   });
 }
@@ -85,41 +85,41 @@ function Nn(e, t) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Ze(e) {
+function Qe(e) {
   return !!e && /^\d+\.\d+\.\d+/.test(e);
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Je(e) {
+function Ze(e) {
   return e ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((t) => e.includes(t)) : !1;
 }
-function Fn(e) {
-  return Ze(e) || Je(e);
+function Mn(e) {
+  return Qe(e) || Ze(e);
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Mn(e) {
-  if (!Ze(e))
+function Ln(e) {
+  if (!Qe(e))
     throw new Error(`Invalid semantic version: ${e || "<blank>"}.`);
-  const [t, n, l] = e.split(".");
+  const [t, n, a] = e.split(".");
   return {
     major: Number.parseInt(t, 10),
     minor: Number.parseInt(n, 10),
-    patch: Number.parseInt(l, 10)
+    patch: Number.parseInt(a, 10)
   };
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Ln(e) {
-  if (Je(e))
+function Un(e) {
+  if (Ze(e))
     return 3;
-  const { major: t } = Mn(e);
+  const { major: t } = Ln(e);
   switch (!0) {
     case t >= 44:
       return 3;
@@ -133,9 +133,9 @@ function Ln(e) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Un() {
+function Hn() {
   const { CKEDITOR_VERSION: e, CKEDITOR: t } = window;
-  return Fn(e) ? {
+  return Mn(e) ? {
     source: t ? "cdn" : "npm",
     version: e
   } : null;
@@ -145,14 +145,14 @@ function Un() {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 function On() {
-  const e = Un();
-  return e ? Ln(e.version) : null;
+  const e = Hn();
+  return e ? Un(e.version) : null;
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function et(e, t) {
+function Je(e, t) {
   switch (t || (t = On() || void 0), t) {
     case 1:
     case 2:
@@ -168,8 +168,8 @@ function et(e, t) {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 function Rn(e, t) {
-  return function(l) {
-    et(l.config.get("licenseKey")) || l.on("collectUsageData", (a, { setUsageData: r }) => {
+  return function(a) {
+    Je(a.config.get("licenseKey")) || a.on("collectUsageData", (l, { setUsageData: r }) => {
       r(`integration.${e}`, t);
     });
   };
@@ -182,7 +182,7 @@ const Wn = Rn(
   "vue",
   {
     version: "7.3.0",
-    frameworkVersion: ut
+    frameworkVersion: st
   }
 );
 /**
@@ -190,7 +190,7 @@ const Wn = Rn(
  * For licensing, see LICENSE.md.
  */
 function zn(e) {
-  return et(e.licenseKey) ? e : Nn(e, [
+  return Je(e.licenseKey) ? e : Fn(e, [
     /**
      * This part of the code is not executed in open-source implementations using a GPL key.
      * It only runs when a specific license key is provided. If you are uncertain whether
@@ -199,7 +199,7 @@ function zn(e) {
     Wn
   ]);
 }
-const _e = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Hn = 300, Kn = /* @__PURE__ */ O({
+const _e = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Kn = 300, Xn = /* @__PURE__ */ H({
   name: "CKEditor",
   __name: "ckeditor",
   props: /* @__PURE__ */ Ne({
@@ -214,47 +214,47 @@ const _e = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Hn = 300, Kn =
   }),
   emits: /* @__PURE__ */ Ne(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const l = it(e, "modelValue"), a = e, r = n, s = N(), p = N(), i = N();
+    const a = rt(e, "modelValue"), l = e, r = n, s = F(), m = F(), i = F();
     t({
-      instance: p,
+      instance: m,
       lastEditorData: i
-    }), se(l, (m) => {
-      p.value && m !== i.value && p.value.data.set(m);
-    }), se(() => a.disabled, (m) => {
-      m ? p.value.enableReadOnlyMode(_e) : p.value.disableReadOnlyMode(_e);
+    }), ue(a, (d) => {
+      m.value && d !== i.value && m.value.data.set(d);
+    }), ue(() => l.disabled, (d) => {
+      d ? m.value.enableReadOnlyMode(_e) : m.value.disableReadOnlyMode(_e);
     });
-    function d() {
-      const m = window.CKEDITOR_VERSION;
-      if (!m)
+    function p() {
+      const d = window.CKEDITOR_VERSION;
+      if (!d)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [b] = m.split(".").map(Number);
-      b >= 42 || m.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [y] = d.split(".").map(Number);
+      y >= 42 || d.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function v(m) {
-      const b = ft((c) => {
-        if (a.disableTwoWayDataBinding)
+    function h(d) {
+      const y = pt((c) => {
+        if (l.disableTwoWayDataBinding)
           return;
-        const T = i.value = m.data.get();
-        r("update:modelValue", T, c, m), r("input", T, c, m);
-      }, Hn, { leading: !0 });
-      m.model.document.on("change:data", b), m.editing.view.document.on("focus", (c) => {
-        r("focus", c, m);
-      }), m.editing.view.document.on("blur", (c) => {
-        r("blur", c, m);
+        const j = i.value = d.data.get();
+        r("update:modelValue", j, c, d), r("input", j, c, d);
+      }, Kn, { leading: !0 });
+      d.model.document.on("change:data", y), d.editing.view.document.on("focus", (c) => {
+        r("focus", c, d);
+      }), d.editing.view.document.on("blur", (c) => {
+        r("blur", c, d);
       });
     }
-    return d(), Ke(() => {
-      const m = zn(
-        Object.assign({}, a.config)
+    return p(), Ke(() => {
+      const d = zn(
+        Object.assign({}, l.config)
       );
-      l.value && (m.initialData = l.value), a.editor.create(s.value, m).then((b) => {
-        p.value = st(b), v(b), l.value !== m.initialData && b.data.set(l.value), a.disabled && b.enableReadOnlyMode(_e), r("ready", b);
-      }).catch((b) => {
-        console.error(b);
+      a.value && (d.initialData = a.value), l.editor.create(s.value, d).then((y) => {
+        m.value = it(y), h(y), a.value !== d.initialData && y.data.set(a.value), l.disabled && y.enableReadOnlyMode(_e), r("ready", y);
+      }).catch((y) => {
+        console.error(y);
       });
     }), Xe(() => {
-      p.value && (p.value.destroy(), p.value = void 0), r("destroy");
-    }), (m, b) => (V(), D(he(m.tagName), {
+      m.value && (m.value.destroy(), m.value = void 0), r("destroy");
+    }), (d, y) => (V(), D(he(d.tagName), {
       ref_key: "element",
       ref: s
     }, null, 512));
@@ -269,20 +269,20 @@ if (!Ae.version || !Ae.version.startsWith("3."))
   throw new Error(
     "The CKEditor plugin works only with Vue 3+. For more information, please refer to https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs-v3.html"
   );
-const Xn = {
+const Gn = {
   /**
    * Installs the plugin, registering the `<ckeditor>` component.
    *
    * @param app The application instance.
    */
   install(e) {
-    e.component("Ckeditor", Kn);
+    e.component("Ckeditor", Xn);
   }
 };
-function Gn(e) {
+function qn(e) {
   return e.one !== void 0;
 }
-const qn = {
+const Yn = {
   lessThanXSeconds: {
     present: {
       one: "manj kot {{count}} sekunda",
@@ -559,7 +559,7 @@ const qn = {
     }
   }
 };
-function Yn(e) {
+function Qn(e) {
   switch (e % 100) {
     case 1:
       return "one";
@@ -572,17 +572,17 @@ function Yn(e) {
       return "other";
   }
 }
-const Qn = (e, t, n) => {
-  let l = "", a = "present";
-  n != null && n.addSuffix && (n.comparison && n.comparison > 0 ? (a = "future", l = "čez ") : (a = "past", l = "pred "));
-  const r = qn[e];
+const Zn = (e, t, n) => {
+  let a = "", l = "present";
+  n != null && n.addSuffix && (n.comparison && n.comparison > 0 ? (l = "future", a = "čez ") : (l = "past", a = "pred "));
+  const r = Yn[e];
   if (typeof r == "string")
-    l += r;
+    a += r;
   else {
-    const s = Yn(t);
-    Gn(r) ? l += r[s].replace("{{count}}", String(t)) : l += r[a][s].replace("{{count}}", String(t));
+    const s = Qn(t);
+    qn(r) ? a += r[s].replace("{{count}}", String(t)) : a += r[l][s].replace("{{count}}", String(t));
   }
-  return l;
+  return a;
 };
 function Be(e) {
   return (t = {}) => {
@@ -590,35 +590,35 @@ function Be(e) {
     return e.formats[n] || e.formats[e.defaultWidth];
   };
 }
-const Zn = {
+const Jn = {
   full: "EEEE, dd. MMMM y",
   long: "dd. MMMM y",
   medium: "d. MMM y",
   short: "d. MM. yy"
-}, Jn = {
+}, eo = {
   full: "HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, eo = {
+}, to = {
   full: "{{date}} {{time}}",
   long: "{{date}} {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
-}, to = {
+}, no = {
   date: Be({
-    formats: Zn,
+    formats: Jn,
     defaultWidth: "full"
   }),
   time: Be({
-    formats: Jn,
+    formats: eo,
     defaultWidth: "full"
   }),
   dateTime: Be({
-    formats: eo,
+    formats: to,
     defaultWidth: "full"
   })
-}, no = {
+}, oo = {
   lastWeek: (e) => {
     switch (e.getDay()) {
       case 0:
@@ -647,34 +647,34 @@ const Zn = {
     }
   },
   other: "P"
-}, oo = (e, t, n, l) => {
-  const a = no[e];
-  return typeof a == "function" ? a(t) : a;
+}, ao = (e, t, n, a) => {
+  const l = oo[e];
+  return typeof l == "function" ? l(t) : l;
 };
-function me(e) {
+function pe(e) {
   return (t, n) => {
-    const l = n != null && n.context ? String(n.context) : "standalone";
-    let a;
-    if (l === "formatting" && e.formattingValues) {
-      const s = e.defaultFormattingWidth || e.defaultWidth, p = n != null && n.width ? String(n.width) : s;
-      a = e.formattingValues[p] || e.formattingValues[s];
+    const a = n != null && n.context ? String(n.context) : "standalone";
+    let l;
+    if (a === "formatting" && e.formattingValues) {
+      const s = e.defaultFormattingWidth || e.defaultWidth, m = n != null && n.width ? String(n.width) : s;
+      l = e.formattingValues[m] || e.formattingValues[s];
     } else {
-      const s = e.defaultWidth, p = n != null && n.width ? String(n.width) : e.defaultWidth;
-      a = e.values[p] || e.values[s];
+      const s = e.defaultWidth, m = n != null && n.width ? String(n.width) : e.defaultWidth;
+      l = e.values[m] || e.values[s];
     }
     const r = e.argumentCallback ? e.argumentCallback(t) : t;
-    return a[r];
+    return l[r];
   };
 }
 const lo = {
   narrow: ["pr. n. št.", "po n. št."],
   abbreviated: ["pr. n. št.", "po n. št."],
   wide: ["pred našim štetjem", "po našem štetju"]
-}, ao = {
+}, ro = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["1. čet.", "2. čet.", "3. čet.", "4. čet."],
   wide: ["1. četrtletje", "2. četrtletje", "3. četrtletje", "4. četrtletje"]
-}, ro = {
+}, io = {
   narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: [
     "jan.",
@@ -704,7 +704,7 @@ const lo = {
     "november",
     "december"
   ]
-}, io = {
+}, so = {
   narrow: ["n", "p", "t", "s", "č", "p", "s"],
   short: ["ned.", "pon.", "tor.", "sre.", "čet.", "pet.", "sob."],
   abbreviated: ["ned.", "pon.", "tor.", "sre.", "čet.", "pet.", "sob."],
@@ -717,7 +717,7 @@ const lo = {
     "petek",
     "sobota"
   ]
-}, so = {
+}, uo = {
   narrow: {
     am: "d",
     pm: "p",
@@ -748,7 +748,7 @@ const lo = {
     evening: "večer",
     night: "noč"
   }
-}, uo = {
+}, co = {
   narrow: {
     am: "d",
     pm: "p",
@@ -779,84 +779,84 @@ const lo = {
     evening: "zvečer",
     night: "ponoči"
   }
-}, co = (e, t) => Number(e) + ".", mo = {
-  ordinalNumber: co,
-  era: me({
+}, mo = (e, t) => Number(e) + ".", po = {
+  ordinalNumber: mo,
+  era: pe({
     values: lo,
     defaultWidth: "wide"
   }),
-  quarter: me({
-    values: ao,
+  quarter: pe({
+    values: ro,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
-  month: me({
-    values: ro,
-    defaultWidth: "wide"
-  }),
-  day: me({
+  month: pe({
     values: io,
     defaultWidth: "wide"
   }),
-  dayPeriod: me({
+  day: pe({
     values: so,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: pe({
+    values: uo,
     defaultWidth: "wide",
-    formattingValues: uo,
+    formattingValues: co,
     defaultFormattingWidth: "wide"
   })
 };
-function pe(e) {
+function fe(e) {
   return (t, n = {}) => {
-    const l = n.width, a = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], r = t.match(a);
+    const a = n.width, l = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], r = t.match(l);
     if (!r)
       return null;
-    const s = r[0], p = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(p) ? fo(p, (m) => m.test(s)) : (
+    const s = r[0], m = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(m) ? vo(m, (d) => d.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      po(p, (m) => m.test(s))
+      fo(m, (d) => d.test(s))
     );
-    let d;
-    d = e.valueCallback ? e.valueCallback(i) : i, d = n.valueCallback ? (
+    let p;
+    p = e.valueCallback ? e.valueCallback(i) : i, p = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      n.valueCallback(d)
-    ) : d;
-    const v = t.slice(s.length);
-    return { value: d, rest: v };
+      n.valueCallback(p)
+    ) : p;
+    const h = t.slice(s.length);
+    return { value: p, rest: h };
   };
 }
-function po(e, t) {
+function fo(e, t) {
   for (const n in e)
     if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
       return n;
 }
-function fo(e, t) {
+function vo(e, t) {
   for (let n = 0; n < e.length; n++)
     if (t(e[n]))
       return n;
 }
-function vo(e) {
+function ho(e) {
   return (t, n = {}) => {
-    const l = t.match(e.matchPattern);
-    if (!l) return null;
-    const a = l[0], r = t.match(e.parsePattern);
+    const a = t.match(e.matchPattern);
+    if (!a) return null;
+    const l = a[0], r = t.match(e.parsePattern);
     if (!r) return null;
     let s = e.valueCallback ? e.valueCallback(r[0]) : r[0];
     s = n.valueCallback ? n.valueCallback(s) : s;
-    const p = t.slice(a.length);
-    return { value: s, rest: p };
+    const m = t.slice(l.length);
+    return { value: s, rest: m };
   };
 }
-const ho = /^(\d+)\./i, bo = /\d+/i, go = {
+const bo = /^(\d+)\./i, go = /\d+/i, wo = {
   abbreviated: /^(pr\. n\. št\.|po n\. št\.)/i,
   wide: /^(pred Kristusom|pred na[sš]im [sš]tetjem|po Kristusu|po na[sš]em [sš]tetju|na[sš]ega [sš]tetja)/i
-}, wo = {
-  any: [/^pr/i, /^(po|na[sš]em)/i]
 }, yo = {
+  any: [/^pr/i, /^(po|na[sš]em)/i]
+}, ko = {
   narrow: /^[1234]/i,
   abbreviated: /^[1234]\.\s?[čc]et\.?/i,
   wide: /^[1234]\. [čc]etrtletje/i
-}, ko = {
-  any: [/1/i, /2/i, /3/i, /4/i]
 }, Vo = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, Co = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan\.|feb\.|mar\.|apr\.|maj|jun\.|jul\.|avg\.|sep\.|okt\.|nov\.|dec\.)/i,
   wide: /^(januar|februar|marec|april|maj|junij|julij|avgust|september|oktober|november|december)/i
@@ -903,18 +903,18 @@ const ho = /^(\d+)\./i, bo = /\d+/i, go = {
     /^n/i,
     /^d/i
   ]
-}, Co = {
+}, To = {
   narrow: /^[nptsčc]/i,
   short: /^(ned\.|pon\.|tor\.|sre\.|[cč]et\.|pet\.|sob\.)/i,
   abbreviated: /^(ned\.|pon\.|tor\.|sre\.|[cč]et\.|pet\.|sob\.)/i,
   wide: /^(nedelja|ponedeljek|torek|sreda|[cč]etrtek|petek|sobota)/i
-}, To = {
+}, _o = {
   narrow: [/^n/i, /^p/i, /^t/i, /^s/i, /^[cč]/i, /^p/i, /^s/i],
   any: [/^n/i, /^po/i, /^t/i, /^sr/i, /^[cč]/i, /^pe/i, /^so/i]
-}, _o = {
+}, Bo = {
   narrow: /^(d|po?|z?v|n|z?j|24\.00|12\.00)/i,
   any: /^(dop\.|pop\.|o?poln(\.|o[cč]i?)|o?pold(\.|ne)|z?ve[cč](\.|er)|(po)?no[cč]i?|popold(ne|an)|jut(\.|ro)|zjut(\.|raj))/i
-}, Bo = {
+}, Io = {
   narrow: {
     am: /^d/i,
     pm: /^p/i,
@@ -935,60 +935,75 @@ const ho = /^(\d+)\./i, bo = /\d+/i, go = {
     evening: /^z?ve/i,
     night: /(po)?no/i
   }
-}, Io = {
-  ordinalNumber: vo({
-    matchPattern: ho,
-    parsePattern: bo,
+}, Do = {
+  ordinalNumber: ho({
+    matchPattern: bo,
+    parsePattern: go,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: pe({
-    matchPatterns: go,
+  era: fe({
+    matchPatterns: wo,
     defaultMatchWidth: "wide",
-    parsePatterns: wo,
+    parsePatterns: yo,
     defaultParseWidth: "any"
   }),
-  quarter: pe({
-    matchPatterns: yo,
+  quarter: fe({
+    matchPatterns: ko,
     defaultMatchWidth: "wide",
-    parsePatterns: ko,
+    parsePatterns: Vo,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: pe({
-    matchPatterns: Vo,
+  month: fe({
+    matchPatterns: Co,
     defaultMatchWidth: "wide",
     parsePatterns: jo,
     defaultParseWidth: "wide"
   }),
-  day: pe({
-    matchPatterns: Co,
+  day: fe({
+    matchPatterns: To,
     defaultMatchWidth: "wide",
-    parsePatterns: To,
+    parsePatterns: _o,
     defaultParseWidth: "any"
   }),
-  dayPeriod: pe({
-    matchPatterns: _o,
+  dayPeriod: fe({
+    matchPatterns: Bo,
     defaultMatchWidth: "any",
-    parsePatterns: Bo,
+    parsePatterns: Io,
     defaultParseWidth: "any"
   })
 }, Po = {
   code: "sl",
-  formatDistance: Qn,
-  formatLong: to,
-  formatRelative: oo,
-  localize: mo,
-  match: Io,
+  formatDistance: Zn,
+  formatLong: no,
+  formatRelative: ao,
+  localize: po,
+  match: Do,
   options: {
     weekStartsOn: 1,
     firstWeekContainsDate: 1
   }
-}, Do = {
-  dateTimeLocale: N(Po),
+}, So = {
+  dateTimeLocale: F(Po),
   setDateTimeLocale(e) {
-    ne(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
+    ae(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
   }
-}, le = /* @__PURE__ */ O({
+}, q = /* @__PURE__ */ H({
+  __name: "df-input-hint",
+  props: {
+    errors: { default: "" },
+    message: { default: "" },
+    errorClasses: { default: "text-error" },
+    messageClasses: { default: "" }
+  },
+  setup(e) {
+    const t = e, n = b(() => t.errors ? typeof t.errors == "string" ? t.errors.trim().length > 0 : t.errors.length > 0 : !1), a = b(() => n.value ? t.errors : t.message), l = b(() => n.value ? t.errorClasses : t.messageClasses);
+    return (r, s) => (V(), D(o(bt), {
+      message: a.value,
+      classes: l.value
+    }, null, 8, ["message", "classes"]));
+  }
+}), re = /* @__PURE__ */ H({
   __name: "df-label",
   props: {
     data: {},
@@ -996,106 +1011,106 @@ const ho = /^(\d+)\./i, bo = /\d+/i, go = {
     allowWrap: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = w(() => t.data ? t.data.label : t.label.text);
-    return (l, a) => {
-      const r = A("v-img");
+    const t = e, n = b(() => t.data ? t.data.label : t.label.text);
+    return (a, l) => {
+      const r = N("v-img");
       return V(), W("div", {
-        class: G(["df-label", { "allow-wrap": l.allowWrap }])
+        class: Y(["df-label", { "allow-wrap": a.allowWrap }])
       }, [
-        l.label.icon ? (V(), W(Ie, { key: 0 }, [
-          l.label.iconComponent === "v-icon" ? (V(), D(o(be), {
+        a.label.icon ? (V(), W(Ie, { key: 0 }, [
+          a.label.iconComponent === "v-icon" ? (V(), D(o(be), {
             key: 0,
-            name: l.label.icon,
+            name: a.label.icon,
             size: "1.25em"
-          }, null, 8, ["name"])) : l.label.iconComponent === "v-img" ? (V(), D(r, {
+          }, null, 8, ["name"])) : a.label.iconComponent === "v-img" ? (V(), D(r, {
             key: 1,
             class: "icon",
-            src: l.label.icon
-          }, null, 8, ["src"])) : (V(), D(he(l.label.iconComponent), {
+            src: a.label.icon
+          }, null, 8, ["src"])) : (V(), D(he(a.label.iconComponent), {
             key: 2,
-            src: l.label.icon
+            src: a.label.icon
           }, null, 8, ["src"]))
         ], 64)) : U("", !0),
-        n.value instanceof o(gt) ? (V(), D(o(Qe), {
+        n.value instanceof o(gt) ? (V(), D(o(kt), {
           key: 1,
           class: "markdown",
           source: n.value.toString(),
           options: n.value.options,
           plugins: n.value.plugins
         }, null, 8, ["source", "options", "plugins"])) : (V(), W(Ie, { key: 2 }, [
-          ct(De(n.value), 1)
+          ut(Pe(n.value), 1)
         ], 64))
       ], 2);
     };
   }
-}), tt = Symbol("vuetifyInputsSettingsKey");
+}), et = Symbol("vuetifyInputsSettingsKey");
 class xo {
-  constructor(t, n, l = "v-icon") {
-    this.text = t, this.icon = n, this.iconComponent = l;
+  constructor(t, n, a = "v-icon") {
+    this.text = t, this.icon = n, this.iconComponent = a;
   }
 }
-const Y = { enabled: void 0, clearable: !0 };
-function X(e, t) {
-  const n = Te(tt, {}), l = N(null), a = w({
+const Z = { enabled: void 0, clearable: !0 };
+function G(e, t) {
+  const n = Te(et, {}), a = F(null), l = b({
     get() {
-      return e.control ? e.control.value : e.modelValue === void 0 ? l.value : e.modelValue;
+      return e.control ? e.control.value : e.modelValue === void 0 ? a.value : e.modelValue;
     },
-    set(k) {
-      e.control && (e.control.value = k), e.modelValue === void 0 && (l.value = k), t("update:modelValue", k);
+    set(v) {
+      e.control && (e.control.value = v), e.modelValue === void 0 && (a.value = v), t("update:modelValue", v);
     }
   });
-  if (e.control && !(e.control instanceof We.FieldBase))
+  if (e.control && !(e.control instanceof Re.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const r = w({
+  const r = b({
     get() {
       return e.control.touched;
     },
-    set(k) {
-      e.control.touched = k;
+    set(v) {
+      e.control.touched = v;
     }
-  }), s = e.control ? r : N(!1), p = w(() => e.control ? e.control.valid : !0), i = w(
-    () => e.control ? e.control.errors : (e.errors || []).map((k) => new wt(k))
-  ), d = w(() => s.value && i.value.length > 0 ? " " : void 0), v = w(() => e.control ? e.control.enabled : e.enabled !== !1), m = w(
-    () => e.control ? e.control.visibility : e.visibility || We.DisplayMode.FULL
-  ), b = w(
-    () => te(e.label || "") ? new xo(e.label || "") : e.label
-  ), c = w(() => e.placeholder || ""), T = w(() => e.helpText || ""), _ = w(() => e.hint || ""), y = w(() => e.cssClass || ""), h = w(
+  }), s = e.control ? r : F(!1), m = b(() => e.control ? e.control.valid : !0), i = b(
+    () => e.control ? e.control.errors : (e.errors || []).map((v) => new wt(v))
+  ), p = b(() => s.value && i.value.length > 0 ? " " : void 0), h = b(() => s.value ? i.value : void 0), d = b(() => e.control ? e.control.enabled : e.enabled !== !1), y = b(
+    () => e.control ? e.control.visibility : e.visibility || Re.DisplayMode.FULL
+  ), c = b(
+    () => oe(e.label || "") ? new xo(e.label || "") : e.label
+  ), j = b(() => e.placeholder || ""), T = b(() => e.helpText || ""), k = b(() => e.hint || ""), g = b(() => e.cssClass || ""), P = b(
     () => {
-      var k, j, M;
-      return (M = (j = (k = e.density) != null ? k : Te("field-density", null)) != null ? j : n.defaultDensity) != null ? M : "default";
+      var v, L, f;
+      return (f = (L = (v = e.density) != null ? v : Te("field-density", null)) != null ? L : n.defaultDensity) != null ? f : "default";
     }
-  ), E = w(() => h.value === "inline" ? "default" : h.value), F = w(
+  ), M = b(() => P.value === "inline" ? "default" : P.value), E = b(
     () => {
-      var k, j, M;
-      return (M = (j = (k = e.variant) != null ? k : Te("field-variant", null)) != null ? j : n.defaultVariant) != null ? M : "underlined";
+      var v, L, f;
+      return (f = (L = (v = e.variant) != null ? v : Te("field-variant", null)) != null ? L : n.defaultVariant) != null ? f : "underlined";
     }
   );
   return {
-    value: a,
-    valid: p,
-    enabled: v,
+    value: l,
+    valid: m,
+    enabled: d,
     errors: i,
-    visibility: m,
-    label: b,
+    showErrors: h,
+    visibility: y,
+    label: c,
     touched: s,
-    density: h.value,
-    densityClass: w(() => `df-density-${h.value}`),
-    vuetifyBindings: w(() => {
-      var k;
-      return S({
-        name: (k = e.control) == null ? void 0 : k.fieldName,
-        class: y.value,
-        density: E.value,
-        variant: F.value,
-        label: b.value.text,
-        messages: d.value,
-        errorMessages: d.value,
+    density: P.value,
+    densityClass: b(() => `df-density-${P.value}`),
+    vuetifyBindings: b(() => {
+      var v;
+      return x({
+        name: (v = e.control) == null ? void 0 : v.fieldName,
+        class: g.value,
+        density: M.value,
+        variant: E.value,
+        label: c.value.text,
+        errorMessages: p.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !v.value,
-        disabled: !v.value,
-        placeholder: c.value,
-        "persistent-placeholder": !fe(c.value),
-        hint: _.value,
+        readonly: !d.value,
+        disabled: !d.value,
+        placeholder: j.value,
+        "persistent-placeholder": !ve(j.value),
+        hint: k.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
@@ -1105,45 +1120,7 @@ function X(e, t) {
     })
   };
 }
-const ae = /* @__PURE__ */ O({
-  __name: "messages-widget",
-  props: {
-    errors: {},
-    message: {},
-    classes: { default: "text-error" }
-  },
-  setup(e) {
-    const t = e, n = () => {
-      if (t.message !== " ") return we("span", { class: t.classes }, t.message);
-      const l = [];
-      return t.errors.forEach((a) => {
-        switch (a.componentName) {
-          case "template":
-            l.push(we("div", { class: t.classes }, a.componentBody));
-            break;
-          case "vue-markdown": {
-            const r = a.componentBindings;
-            l.push(
-              we(Qe, {
-                class: [t.classes, "df-messages-widget-markdown"],
-                source: r.source,
-                options: r.options,
-                plugins: r.plugins
-              })
-            );
-            break;
-          }
-          default:
-            l.push(
-              we(a.componentName, L(S({ class: t.classes }, a.componentBindings), { innerHTML: a.componentBody }))
-            );
-            break;
-        }
-      }), l;
-    };
-    return (l, a) => (V(), D(n));
-  }
-}), So = { class: "d-flex w-100 df-style-resetting" }, xe = /* @__PURE__ */ O({
+const Eo = { class: "d-flex w-100 df-style-resetting" }, Se = /* @__PURE__ */ H({
   __name: "input-base",
   props: {
     control: {},
@@ -1164,68 +1141,68 @@ const ae = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { errors: a, label: r, value: s, touched: p, visibility: i, vuetifyBindings: d } = X(n, l), v = w(() => !!(o(n.clearable) && o(s))), m = N(!1);
-    function b(c) {
-      m.value = c, c || (p.value = !0, l("blur"));
+    const n = e, a = t, { label: l, showErrors: r, touched: s, value: m, visibility: i, vuetifyBindings: p } = G(n, a), h = b(() => !!(o(n.clearable) && o(m))), d = F(!1);
+    function y(c) {
+      d.value = c, c || (s.value = !0, a("blur"));
     }
-    return (c, T) => {
-      const _ = A("v-field"), y = A("v-input");
-      return o(i) !== o(K).SUPPRESS ? (V(), D(y, {
+    return (c, j) => {
+      const T = N("v-field"), k = N("v-input");
+      return o(i) !== o(X).SUPPRESS ? (V(), D(k, {
         key: 0,
-        name: o(d).name,
-        density: o(d).density,
-        hint: o(d).hint,
-        "persistent-hint": o(d).persistentHint,
-        "hide-details": o(d).hideDetails,
-        "error-messages": o(d).errorMessages,
-        class: G([
+        name: o(p).name,
+        density: o(p).density,
+        hint: o(p).hint,
+        "persistent-hint": o(p).persistentHint,
+        "hide-details": o(p).hideDetails,
+        "error-messages": o(p).errorMessages,
+        class: Y([
           c.cssClass,
           {
-            "d-none": o(i) === o(K).HIDDEN,
-            invisible: o(i) === o(K).INVISIBLE
+            "d-none": o(i) === o(X).HIDDEN,
+            invisible: o(i) === o(X).INVISIBLE
           }
         ])
-      }, Pe({
-        message: g(({ message: h }) => [
-          I(ae, {
-            message: h,
-            errors: o(a)
+      }, De({
+        message: w(({ message: g }) => [
+          B(q, {
+            message: g,
+            errors: o(r)
           }, null, 8, ["message", "errors"])
         ]),
-        default: g(() => [
-          I(_, {
-            variant: o(d).variant,
-            density: o(d).density,
-            label: o(d).label,
-            disabled: o(d).disabled,
-            clearable: v.value,
+        default: w(() => [
+          B(T, {
+            variant: o(p).variant,
+            density: o(p).density,
+            label: o(p).label,
+            disabled: o(p).disabled,
+            clearable: h.value,
             "persistent-clear": !0,
-            dirty: !!o(s),
-            active: m.value,
+            dirty: !!o(m),
+            active: d.value,
             loading: c.loading,
-            "onClick:clear": T[0] || (T[0] = (h) => l("click:clear")),
-            "onUpdate:focused": T[1] || (T[1] = (h) => b(h))
-          }, Pe({
-            label: g((h) => [
-              I(le, {
-                data: h,
-                label: o(r)
+            "onClick:clear": j[0] || (j[0] = (g) => a("click:clear")),
+            "onUpdate:focused": j[1] || (j[1] = (g) => y(g))
+          }, De({
+            label: w((g) => [
+              B(re, {
+                data: g,
+                label: o(l)
               }, null, 8, ["data", "label"])
             ]),
-            default: g((h) => [
-              oe("div", So, [
-                ie(c.$slots, "default", J(ee(h)))
+            default: w((g) => [
+              le("div", Eo, [
+                se(c.$slots, "default", te(ne(g)))
               ])
             ]),
-            loader: g((h) => [
-              ie(c.$slots, "loader", J(ee(h)))
+            loader: w((g) => [
+              se(c.$slots, "loader", te(ne(g)))
             ]),
             _: 2
           }, [
             c.$slots["prepend-inner"] ? {
               name: "prepend-inner",
-              fn: g((h) => [
-                ie(c.$slots, "prepend-inner", J(ee(h)))
+              fn: w((g) => [
+                se(c.$slots, "prepend-inner", te(ne(g)))
               ]),
               key: "0"
             } : void 0
@@ -1235,91 +1212,116 @@ const ae = /* @__PURE__ */ O({
       }, [
         c.$slots.prepend ? {
           name: "prepend",
-          fn: g((h) => [
-            ie(c.$slots, "prepend", J(ee(h)))
+          fn: w((g) => [
+            se(c.$slots, "prepend", te(ne(g)))
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["name", "density", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : U("", !0);
     };
   }
-}), ve = {
+}), $ = {
   Yes: "Yes",
   No: "No",
-  Close: "Close"
+  Close: "Close",
+  Paragraph: "Paragraph",
+  Heading1: "Heading 1",
+  Heading2: "Heading 2",
+  Heading3: "Heading 3",
+  Heading4: "Heading 4",
+  Heading5: "Heading 5",
+  Heading6: "Heading 6",
+  Downloadable: "Downloadable",
+  ArticleCategory: "Article category",
+  Title: "Title",
+  Subtitle: "Subtitle",
+  InfoBox: "Info box",
+  SideQuote: "Side quote",
+  Marker: "Marker",
+  Spoiler: "Spoiler",
+  CodeDark: "Code (dark)",
+  CodeBright: "Code (bright)"
 };
-function $l(e) {
-  Object.keys(ve).forEach((t) => {
-    ve[t] = e(t);
+function Aa(e) {
+  Object.keys($).forEach((t) => {
+    const n = e(t);
+    n != null && ($[t] = n);
   });
 }
+function Na(e, t) {
+  ke.language = e, ke.translations = t;
+}
+const ke = {
+  language: "en",
+  translations: void 0
+};
 var z = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(z || {});
-const ze = 0;
+const We = 0;
 ((e) => {
-  function t(a) {
-    return a.toUpperCase() === "BUTTON" ? 0 : a.toUpperCase() === "TEXT" ? 1 : ze;
+  function t(l) {
+    return l.toUpperCase() === "BUTTON" ? 0 : l.toUpperCase() === "TEXT" ? 1 : We;
   }
   e.fromString = t;
-  function n(a) {
-    const r = typeof a == "number" ? a : e.fromString(a);
-    return Object.values(e).includes(r) ? r : ze;
+  function n(l) {
+    const r = typeof l == "number" ? l : e.fromString(l);
+    return Object.values(e).includes(r) ? r : We;
   }
   e.fromAny = n;
-  function l(a) {
-    const r = typeof a == "number" ? a : e.fromString(a);
+  function a(l) {
+    const r = typeof l == "number" ? l : e.fromString(l);
     return Object.values(e).includes(r);
   }
-  e.isDefined = l;
+  e.isDefined = a;
 })(z || (z = {}));
 Object.freeze(z);
-const He = ["xs", "sm", "md", "lg", "xl"];
-class Eo {
+const ze = ["xs", "sm", "md", "lg", "xl"];
+class $o {
   constructor(t) {
     $e(this, "_value");
-    this._value = this.cleanBreakpoint(t, !0), t && He.forEach((n) => {
-      const l = this.cleanBreakpoint(t[n]);
-      l && (this._value[n] = l);
+    this._value = this.cleanBreakpoint(t, !0), t && ze.forEach((n) => {
+      const a = this.cleanBreakpoint(t[n]);
+      a && (this._value[n] = a);
     });
   }
   getOptionsForBreakpoint(t) {
-    const n = this.cleanBreakpoint(this._value), l = Object.keys(n);
-    for (const a of He) {
-      const r = this._value[a];
-      for (const s of l)
+    const n = this.cleanBreakpoint(this._value), a = Object.keys(n);
+    for (const l of ze) {
+      const r = this._value[l];
+      for (const s of a)
         (r == null ? void 0 : r[s]) != null && (n[s] = r[s]);
-      if (a === t) break;
+      if (l === t) break;
     }
     return n;
   }
 }
-function $o(e) {
+function Ao(e) {
   return e.xlAndUp.value ? "xl" : e.lgAndUp.value ? "lg" : e.mdAndUp.value ? "md" : e.smAndUp.value ? "sm" : "xs";
 }
-function Ao() {
-  const e = kt();
-  return w(() => $o(e));
+function No() {
+  const e = Vt();
+  return b(() => Ao(e));
 }
-class No extends Eo {
+class Fo extends $o {
   cleanBreakpoint(t, n = !1) {
-    if ((!t || !vt(t)) && !n) return null;
-    const l = {};
-    return n && (l.renderAs = z.BUTTON, l.showLabel = !0, l.showIcon = !0), t && (t.renderAs != null && (l.renderAs = z.fromAny(t.renderAs)), te(t.label) && (l.label = t.label), te(t.icon) && (l.icon = t.icon), Le(t.showLabel) && (l.showLabel = t.showLabel), Le(t.showIcon) && (l.showIcon = t.showIcon)), Object.keys(l).length ? l : null;
+    if ((!t || !ft(t)) && !n) return null;
+    const a = {};
+    return n && (a.renderAs = z.BUTTON, a.showLabel = !0, a.showIcon = !0), t && (t.renderAs != null && (a.renderAs = z.fromAny(t.renderAs)), oe(t.label) && (a.label = t.label), oe(t.icon) && (a.icon = t.icon), Le(t.showLabel) && (a.showLabel = t.showLabel), Le(t.showIcon) && (a.showIcon = t.showIcon)), Object.keys(a).length ? a : null;
   }
 }
-class ke extends yt {
+class ye extends yt {
   static create(t) {
     return super.create(t);
   }
   getBreakpointValue(t) {
-    return w(() => {
-      const l = new No(this.value).getOptionsForBreakpoint(t.value);
+    return b(() => {
+      const a = new Fo(this.value).getOptionsForBreakpoint(t.value);
       return {
-        name: l.name,
-        label: l.showLabel ? l.label : void 0,
-        icon: l.showIcon ? l.icon : void 0,
-        renderAs: l.renderAs,
-        showLabel: te(l.label) && !fe(l.label) ? l.showLabel : !1,
-        showIcon: te(l.icon) && !fe(l.icon) ? l.showIcon : !1
+        name: a.name,
+        label: a.showLabel ? a.label : void 0,
+        icon: a.showIcon ? a.icon : void 0,
+        renderAs: a.renderAs,
+        showLabel: oe(a.label) && !ve(a.label) ? a.showLabel : !1,
+        showIcon: oe(a.icon) && !ve(a.icon) ? a.showIcon : !1
       };
     });
   }
@@ -1330,67 +1332,67 @@ class ke extends yt {
     return this.value.showLabel ? this.value.label : void 0;
   }
   get showLabel() {
-    return te(this.value.label) && !fe(this.value.label) ? this.value.showLabel : !1;
+    return oe(this.value.label) && !ve(this.value.label) ? this.value.showLabel : !1;
   }
   get icon() {
     return this.value.showIcon ? this.value.icon : void 0;
   }
   get showIcon() {
-    return te(this.value.icon) && !fe(this.value.icon) ? this.value.showIcon : !1;
+    return oe(this.value.icon) && !ve(this.value.icon) ? this.value.showIcon : !1;
   }
   get renderAs() {
     return this.value.renderAs;
   }
   static closeAction(t) {
-    var l;
-    const n = L(S({}, t != null ? t : {}), {
+    var a;
+    const n = O(x({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "close",
-        label: ve.Close,
+        label: $.Close,
         icon: "close-outline",
         renderAs: z.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return n.value = S(S({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ke.create(n);
+    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ye.create(n);
   }
   static yesAction(t) {
-    var l;
-    const n = L(S({}, t != null ? t : {}), {
+    var a;
+    const n = O(x({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "yes",
-        label: ve.Yes,
+        label: $.Yes,
         icon: "thumbs-up-outline",
         renderAs: z.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return n.value = S(S({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ke.create(n);
+    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ye.create(n);
   }
   static noAction(t) {
-    var l;
-    const n = L(S({}, t != null ? t : {}), {
+    var a;
+    const n = O(x({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "no",
-        label: ve.No,
+        label: $.No,
         icon: "thumbs-down-outline",
         renderAs: z.BUTTON,
         showLabel: !0,
         showIcon: !0
       }
     });
-    return n.value = S(S({}, n.value), (l = t == null ? void 0 : t.value) != null ? l : {}), ke.create(n);
+    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ye.create(n);
   }
 }
-const Fo = {
+const Mo = {
   key: 1,
   style: { width: "0.5rem" }
-}, Mo = { key: 2 }, Lo = /* @__PURE__ */ O({
+}, Lo = { key: 2 }, Uo = /* @__PURE__ */ H({
   __name: "df-actions",
   props: {
     actions: {},
@@ -1398,43 +1400,43 @@ const Fo = {
     showAsGroup: { default: "no" }
   },
   setup(e) {
-    const t = e, n = Ao(), l = w(() => o(t.actions)), a = w(
-      () => l.value.map((r) => S({
+    const t = e, n = No(), a = b(() => o(t.actions)), l = b(
+      () => a.value.map((r) => x({
         action: r
       }, o(r.getBreakpointValue(n))))
     );
     return (r, s) => {
-      const p = A("v-btn");
-      return l.value.length > 0 ? (V(), W("div", {
+      const m = N("v-btn");
+      return a.value.length > 0 ? (V(), W("div", {
         key: 0,
-        class: G(["text-end df-actions", {
+        class: Y(["text-end df-actions", {
           "button-group": r.showAsGroup === "grouped" || r.showAsGroup === "grouped-no-borders",
           "with-border": r.showAsGroup === "grouped"
         }])
       }, [
-        (V(!0), W(Ie, null, dt(a.value, (i, d) => (V(), D(p, {
-          key: d,
+        (V(!0), W(Ie, null, ct(l.value, (i, p) => (V(), D(m, {
+          key: p,
           variant: i.renderAs === o(z).BUTTON ? "tonal" : "text",
           elevation: 0,
           size: r.buttonSize,
-          onClick: mt((v) => i.action.execute(v), ["stop"])
+          onClick: dt((h) => i.action.execute(h), ["stop"])
         }, {
-          default: g(() => [
+          default: w(() => [
             i.icon ? (V(), D(o(be), {
               key: 0,
               name: i.icon
             }, null, 8, ["name"])) : U("", !0),
-            i.icon && i.label ? (V(), W("span", Fo)) : U("", !0),
-            i.label ? (V(), W("span", Mo, De(i.label), 1)) : U("", !0)
+            i.icon && i.label ? (V(), W("span", Mo)) : U("", !0),
+            i.label ? (V(), W("span", Lo, Pe(i.label), 1)) : U("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "onClick"]))), 128))
       ], 2)) : U("", !0);
     };
   }
-}), Uo = /* @__PURE__ */ O({
+}), Ho = /* @__PURE__ */ H({
   __name: "df-checkbox",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1450,54 +1452,54 @@ const Fo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), { allowNull: !1 })),
+  }, O(x({}, Z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { densityClass: a, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, l), v = w(() => n.allowNull && i.value == null), m = w({
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), h = b(() => n.allowNull && i.value == null), d = b({
       get() {
         return i.value;
       },
       set() {
       }
     });
-    function b() {
-      const c = ht(i.value);
+    function y() {
+      const c = vt(i.value);
       c === !0 ? i.value = n.allowNull ? null : !1 : i.value = c === !1;
     }
-    return (c, T) => {
-      const _ = A("v-checkbox");
-      return V(), D(_, R({
-        modelValue: m.value,
-        "onUpdate:modelValue": T[0] || (T[0] = (y) => m.value = y)
-      }, o(d), {
+    return (c, j) => {
+      const T = N("v-checkbox");
+      return V(), D(T, R({
+        modelValue: d.value,
+        "onUpdate:modelValue": j[0] || (j[0] = (k) => d.value = k)
+      }, o(p), {
         density: "compact",
-        class: o(a),
-        indeterminate: v.value,
+        class: o(l),
+        indeterminate: h.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: b,
-        onBlur: T[1] || (T[1] = (y) => p.value = !0)
+        onChange: y,
+        onBlur: j[1] || (j[1] = (k) => m.value = !0)
       }), {
-        label: g((y) => [
-          I(o(le), {
+        label: w((k) => [
+          B(o(re), {
             "allow-wrap": !0,
-            data: y,
-            label: o(s)
+            data: k,
+            label: o(r)
           }, null, 8, ["data", "label"])
         ]),
-        message: g(({ message: y }) => [
-          I(o(ae), {
-            message: y,
-            errors: o(r)
+        message: w(({ message: k }) => [
+          B(o(q), {
+            message: k,
+            errors: o(s)
           }, null, 8, ["message", "errors"])
         ]),
         _: 1
       }, 16, ["modelValue", "class", "indeterminate"]);
     };
   }
-}), Oo = /* @__PURE__ */ O({
+}), Oo = /* @__PURE__ */ H({
   __name: "df-color",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1513,52 +1515,52 @@ const Fo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), { allowNull: !1 })),
+  }, O(x({}, Z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { densityClass: a, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, l), v = N(!1), m = w(() => [
-      (b) => n.control || !b && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(b) ? !0 : "Not a valid hex string."
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), h = F(!1), d = b(() => [
+      (y) => n.control || !y && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(y) ? !0 : "Not a valid hex string."
     ]);
-    return (b, c) => {
-      const T = A("v-color-picker"), _ = A("v-menu"), y = A("v-text-field");
-      return V(), D(y, R({
+    return (y, c) => {
+      const j = N("v-color-picker"), T = N("v-menu"), k = N("v-text-field");
+      return V(), D(k, R({
         modelValue: o(i),
-        "onUpdate:modelValue": c[2] || (c[2] = (h) => ne(i) ? i.value = h : null)
-      }, o(d), {
-        class: o(a),
-        clearable: b.allowNull,
+        "onUpdate:modelValue": c[2] || (c[2] = (g) => ae(i) ? i.value = g : null)
+      }, o(p), {
+        class: o(l),
+        clearable: y.allowNull,
         type: "text",
-        rules: m.value,
-        onBlur: c[3] || (c[3] = (h) => p.value = !0)
+        rules: d.value,
+        onBlur: c[3] || (c[3] = (g) => m.value = !0)
       }), {
-        label: g((h) => [
-          I(o(le), {
-            data: h,
-            label: o(s)
+        label: w((g) => [
+          B(o(re), {
+            data: g,
+            label: o(r)
           }, null, 8, ["data", "label"])
         ]),
-        message: g(({ message: h }) => [
-          I(o(ae), {
-            message: h,
-            errors: o(r)
+        message: w(({ message: g }) => [
+          B(o(q), {
+            message: g,
+            errors: o(s)
           }, null, 8, ["message", "errors"])
         ]),
-        "prepend-inner": g(() => [
-          oe("div", {
+        "prepend-inner": w(() => [
+          le("div", {
             style: Ge([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
           }, null, 4)
         ]),
-        default: g(() => [
-          I(_, {
-            modelValue: v.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (h) => v.value = h),
+        default: w(() => [
+          B(T, {
+            modelValue: h.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (g) => h.value = g),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
-            default: g(() => [
-              I(T, {
+            default: w(() => [
+              B(j, {
                 modelValue: o(i),
-                "onUpdate:modelValue": c[0] || (c[0] = (h) => ne(i) ? i.value = h : null),
+                "onUpdate:modelValue": c[0] || (c[0] = (g) => ae(i) ? i.value = g : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -1569,9 +1571,9 @@ const Fo = {
       }, 16, ["modelValue", "class", "clearable", "rules"]);
     };
   }
-}), Ro = /* @__PURE__ */ O({
+}), Ro = /* @__PURE__ */ H({
   __name: "df-datetime",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     inputType: {},
     displayFormatDate: {},
     displayFormatTime: {},
@@ -1590,150 +1592,150 @@ const Fo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), {
+  }, O(x({}, Z), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, a = w(() => {
+    const n = e, a = t, l = b(() => {
       var f;
-      return (f = n.locale) != null ? f : o(Do.dateTimeLocale);
-    }), r = w(() => {
+      return (f = n.locale) != null ? f : o(So.dateTimeLocale);
+    }), r = b(() => {
       var f, u;
-      return (u = (f = a.value.options) == null ? void 0 : f.weekStartsOn) != null ? u : 1;
-    }), { densityClass: s, touched: p, value: i, vuetifyBindings: d } = X(n, l), { inputType: v, displayFormatDate: m, displayFormatTime: b } = je(n), c = N(""), T = w({
+      return (u = (f = l.value.options) == null ? void 0 : f.weekStartsOn) != null ? u : 1;
+    }), { densityClass: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), { inputType: h, displayFormatDate: d, displayFormatTime: y } = Ce(n), c = F(""), j = b({
       get() {
         return o(c) === "date";
       },
       set(f) {
         c.value = f ? "date" : "";
       }
-    }), _ = w({
+    }), T = b({
       get() {
         return o(c) === "time";
       },
       set(f) {
         c.value = f ? "time" : "";
       }
-    }), y = (f) => `${de(f, "yyyy-MM-dd")}T${de(f, "HH:mm")}:00`, h = N(null);
-    function E(f, u) {
+    }), k = (f) => `${me(f, "yyyy-MM-dd")}T${me(f, "HH:mm")}:00`, g = F(null);
+    function P(f, u) {
       if (f == null)
-        h.value = null;
+        g.value = null;
       else if (u === -1)
-        if (o(v) === "time")
-          h.value = y(/* @__PURE__ */ new Date()), E(`T${f}`, 1);
+        if (o(h) === "time")
+          g.value = k(/* @__PURE__ */ new Date()), P(`T${f}`, 1);
         else {
-          const $ = y(new Date(f));
-          E($, 0), E($, 1);
+          const A = k(new Date(f));
+          P(A, 0), P(A, 1);
         }
       else {
-        h.value == null && (h.value = y(/* @__PURE__ */ new Date()));
-        const $ = h.value.split(/[TZ]/g), H = f.split(/[TZ]/g);
-        $[u] = H[u], h.value = y(/* @__PURE__ */ new Date(`${$[0]}T${$[1].split(".")[0]}`)), o(v) === "date" ? i.value = $[0] : o(v) === "time" ? i.value = $[1] : i.value = o(h) + de(/* @__PURE__ */ new Date(), "XXX");
+        g.value == null && (g.value = k(/* @__PURE__ */ new Date()));
+        const A = g.value.split(/[TZ]/g), K = f.split(/[TZ]/g);
+        A[u] = K[u], g.value = k(/* @__PURE__ */ new Date(`${A[0]}T${A[1].split(".")[0]}`)), o(h) === "date" ? i.value = A[0] : o(h) === "time" ? i.value = A[1] : i.value = o(g) + me(/* @__PURE__ */ new Date(), "XXX");
       }
     }
-    se(i, (f) => E(f, -1), { immediate: !0 });
-    const F = w({
+    ue(i, (f) => P(f, -1), { immediate: !0 });
+    const M = b({
       get() {
-        const f = o(h);
+        const f = o(g);
         if (f == null) return null;
         const u = new Date(f);
         return Number.isNaN(u.getTime()) ? null : u;
       },
       set(f) {
-        E(y(f), 0);
+        P(k(f), 0);
       }
-    }), k = w({
+    }), E = b({
       get() {
-        const f = o(h);
+        const f = o(g);
         return f == null ? "" : f.split(/[TZ]/g)[1].split(".")[0];
       },
       set(f) {
-        E(`T${f}`, 1);
+        P(`T${f}`, 1);
       }
-    }), j = w({
+    }), v = b({
       get() {
-        const f = o(F);
-        return f == null ? "" : de(f, o(m), { locale: a.value });
+        const f = o(M);
+        return f == null ? "" : me(f, o(d), { locale: l.value });
       },
       set(f) {
         try {
-          const u = Vt(f, o(m), /* @__PURE__ */ new Date(), { locale: a.value });
-          E(y(u), 0);
+          const u = Ct(f, o(d), /* @__PURE__ */ new Date(), { locale: l.value });
+          P(k(u), 0);
         } catch (u) {
           console.error(u);
         }
       }
-    }), M = w({
+    }), L = b({
       get() {
-        const f = o(F);
-        return f == null ? "" : de(f, o(b), { locale: a.value });
+        const f = o(M);
+        return f == null ? "" : me(f, o(y), { locale: l.value });
       },
       set(f) {
         const u = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (u == null) return;
-        let $ = Ue(u[1]);
-        const H = Ue(u[2]);
-        Oe($) || Oe(H) || (u[3] && u[3].toLowerCase() === "pm" && $ < 13 && ($ += 12), E(`T${$.toString().padStart(2, "0")}:${H.toString().padStart(2, "0")}:00`, 1));
+        let A = Ue(u[1]);
+        const K = Ue(u[2]);
+        He(A) || He(K) || (u[3] && u[3].toLowerCase() === "pm" && A < 13 && (A += 12), P(`T${A.toString().padStart(2, "0")}:${K.toString().padStart(2, "0")}:00`, 1));
       }
     });
     return (f, u) => {
-      const $ = A("v-date-picker"), H = A("v-confirm-edit"), ue = A("v-menu"), ce = A("v-text-field"), B = A("v-time-picker");
-      return V(), D(o(xe), R(n, {
+      const A = N("v-date-picker"), K = N("v-confirm-edit"), ce = N("v-menu"), de = N("v-text-field"), _ = N("v-time-picker");
+      return V(), D(o(Se), R(n, {
         class: o(s),
         clearable: f.clearable,
-        "onClick:clear": u[14] || (u[14] = (P) => i.value = null),
-        onBlur: u[15] || (u[15] = (P) => p.value = !0)
+        "onClick:clear": u[14] || (u[14] = (I) => i.value = null),
+        onBlur: u[15] || (u[15] = (I) => m.value = !0)
       }), {
-        default: g((P) => [
-          oe("div", {
-            class: G(["d-flex w-100 ml-4 df-input-wrapper", f.density])
+        default: w((I) => [
+          le("div", {
+            class: Y(["d-flex w-100 ml-4 df-input-wrapper", f.density])
           }, [
-            ["date", "datetime"].includes(o(v)) ? (V(), D(ce, R({
+            ["date", "datetime"].includes(o(h)) ? (V(), D(de, R({
               key: 0,
-              modelValue: j.value,
-              "onUpdate:modelValue": u[4] || (u[4] = (C) => j.value = C),
+              modelValue: v.value,
+              "onUpdate:modelValue": u[4] || (u[4] = (C) => v.value = C),
               style: { "flex-grow": "4" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: `${o(d).name}-date`
+              readonly: o(p).readonly,
+              disabled: o(p).disabled,
+              name: `${o(p).name}-date`
             }, f.passthroughAttrs, {
               onClick: u[5] || (u[5] = (C) => c.value = "date"),
               onKeydown: u[6] || (u[6] = Fe((C) => c.value = "date", ["space"])),
-              onFocus: (C) => P.focus(),
-              onBlur: (C) => P.blur()
+              onFocus: (C) => I.focus(),
+              onBlur: (C) => I.blur()
             }), {
-              default: g(() => [
-                I(ue, {
-                  modelValue: T.value,
-                  "onUpdate:modelValue": u[3] || (u[3] = (C) => T.value = C),
+              default: w(() => [
+                B(ce, {
+                  modelValue: j.value,
+                  "onUpdate:modelValue": u[3] || (u[3] = (C) => j.value = C),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
-                  default: g(() => [
-                    I(H, {
-                      modelValue: F.value,
-                      "onUpdate:modelValue": u[0] || (u[0] = (C) => F.value = C),
+                  default: w(() => [
+                    B(K, {
+                      modelValue: M.value,
+                      "onUpdate:modelValue": u[0] || (u[0] = (C) => M.value = C),
                       onCancel: u[1] || (u[1] = (C) => c.value = ""),
                       onSave: u[2] || (u[2] = (C) => c.value = "")
                     }, {
-                      default: g(({ model: C, actions: Q }) => [
-                        I($, {
+                      default: w(({ model: C, actions: J }) => [
+                        B(A, {
                           modelValue: C.value,
-                          "onUpdate:modelValue": (x) => C.value = x,
+                          "onUpdate:modelValue": (S) => C.value = S,
                           "hide-header": !0,
                           "first-day-of-week": r.value,
                           "show-adjacent-months": !0,
                           "show-week": !0
                         }, {
-                          actions: g(() => [
-                            (V(), D(he(Q)))
+                          actions: w(() => [
+                            (V(), D(he(J)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue", "first-day-of-week"])
@@ -1746,47 +1748,47 @@ const Fo = {
               ]),
               _: 1
             }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0),
-            ["time", "datetime"].includes(o(v)) ? (V(), D(ce, R({
+            ["time", "datetime"].includes(o(h)) ? (V(), D(de, R({
               key: 1,
-              modelValue: M.value,
-              "onUpdate:modelValue": u[11] || (u[11] = (C) => M.value = C),
+              modelValue: L.value,
+              "onUpdate:modelValue": u[11] || (u[11] = (C) => L.value = C),
               style: { "flex-grow": "3" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: `${o(d).name}-time`
+              readonly: o(p).readonly,
+              disabled: o(p).disabled,
+              name: `${o(p).name}-time`
             }, f.passthroughAttrs, {
               onClick: u[12] || (u[12] = (C) => c.value = "time"),
               onKeydown: u[13] || (u[13] = Fe((C) => c.value = "time", ["space"])),
-              onFocus: (C) => P.focus(),
-              onBlur: (C) => P.blur()
+              onFocus: (C) => I.focus(),
+              onBlur: (C) => I.blur()
             }), {
-              default: g(() => [
-                I(ue, {
-                  modelValue: _.value,
-                  "onUpdate:modelValue": u[10] || (u[10] = (C) => _.value = C),
+              default: w(() => [
+                B(ce, {
+                  modelValue: T.value,
+                  "onUpdate:modelValue": u[10] || (u[10] = (C) => T.value = C),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
-                  default: g(() => [
-                    I(H, {
-                      modelValue: k.value,
-                      "onUpdate:modelValue": u[7] || (u[7] = (C) => k.value = C),
+                  default: w(() => [
+                    B(K, {
+                      modelValue: E.value,
+                      "onUpdate:modelValue": u[7] || (u[7] = (C) => E.value = C),
                       onCancel: u[8] || (u[8] = (C) => c.value = ""),
                       onSave: u[9] || (u[9] = (C) => c.value = "")
                     }, {
-                      default: g(({ model: C, actions: Q }) => [
-                        I(B, {
+                      default: w(({ model: C, actions: J }) => [
+                        B(_, {
                           modelValue: C.value,
-                          "onUpdate:modelValue": (x) => C.value = x,
+                          "onUpdate:modelValue": (S) => C.value = S,
                           "hide-header": !0,
                           format: "24hr"
                         }, {
-                          actions: g(() => [
-                            (V(), D(he(Q)))
+                          actions: w(() => [
+                            (V(), D(he(J)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue"])
@@ -1805,9 +1807,9 @@ const Fo = {
       }, 16, ["class", "clearable"]);
     };
   }
-}), Wo = /* @__PURE__ */ O({
+}), Wo = /* @__PURE__ */ H({
   __name: "df-file",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     comms: {},
     control: {},
     modelValue: {},
@@ -1823,82 +1825,82 @@ const Fo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, Y),
+  }, Z),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { densityClass: a, touched: r, value: s, vuetifyBindings: p } = X(n, l), i = N(null), d = N(null), v = N(0), m = N(Math.round(Math.random() * 1e3)), b = N(), c = w(() => d.value && v.value < 100), T = w(() => !b.value && s.value ? n.modelValue : "");
-    function _() {
+    const n = e, a = t, { densityClass: l, touched: r, value: s, vuetifyBindings: m } = G(n, a), i = F(null), p = F(null), h = F(0), d = F(Math.round(Math.random() * 1e3)), y = F(), c = b(() => p.value && h.value < 100), j = b(() => !y.value && s.value ? n.modelValue : "");
+    function T() {
       i.value && window.clearInterval(i.value);
     }
-    function y() {
-      _(), i.value = window.setInterval(() => {
+    function k() {
+      T(), i.value = window.setInterval(() => {
         s.value && n.comms.touch(s.value);
       }, 60 * 1e3);
     }
-    Xe(() => _()), se(s, (k) => {
-      k ? y() : _();
+    Xe(() => T()), ue(s, (E) => {
+      E ? k() : T();
     });
-    function h() {
+    function g() {
       return ge(this, null, function* () {
-        s.value && (yield n.comms.delete(s.value)), s.value = null, v.value = 0, m.value = Math.round(Math.random() * 1e3), d.value = null, b.value = null, _();
+        s.value && (yield n.comms.delete(s.value)), s.value = null, h.value = 0, d.value = Math.round(Math.random() * 1e3), p.value = null, y.value = null, T();
       });
     }
-    function E(k) {
+    function P(E) {
       return ge(this, null, function* () {
-        v.value = -1, d.value = k;
+        h.value = -1, p.value = E;
         try {
-          s.value = yield n.comms.upload(k, (j, M) => {
-            v.value = Math.round(j * 100 / M);
-          }), v.value = 100, y();
-        } catch (j) {
-          throw v.value = 0, d.value = null, m.value = Math.round(Math.random() * 1e3), b.value = null, j;
+          s.value = yield n.comms.upload(E, (v, L) => {
+            h.value = Math.round(v * 100 / L);
+          }), h.value = 100, k();
+        } catch (v) {
+          throw h.value = 0, p.value = null, d.value = Math.round(Math.random() * 1e3), y.value = null, v;
         }
       });
     }
-    function F(k) {
-      k && (Array.isArray(k) ? console.error("Uploading multiple files not supported right now") : E(k));
+    function M(E) {
+      E && (Array.isArray(E) ? console.error("Uploading multiple files not supported right now") : P(E));
     }
-    return (k, j) => {
-      const M = A("v-progress-linear"), f = A("v-file-input");
-      return V(), D(o(xe), R(L(S({}, n), { loading: c.value }), {
-        class: o(a),
+    return (E, v) => {
+      const L = N("v-progress-linear"), f = N("v-file-input");
+      return V(), D(o(Se), R(O(x({}, n), { loading: c.value }), {
+        class: o(l),
         clearable: "",
-        "onClick:clear": h,
-        onBlur: j[1] || (j[1] = (u) => r.value = !0)
+        "onClick:clear": g,
+        onBlur: v[1] || (v[1] = (u) => r.value = !0)
       }), {
-        "prepend-inner": g(() => [
-          I(o(be), { name: "mdi-paperclip" })
+        "prepend-inner": w(() => [
+          B(o(be), { name: "mdi-paperclip" })
         ]),
-        loader: g(() => [
-          d.value && v.value < 100 ? (V(), D(M, {
+        loader: w(() => [
+          p.value && h.value < 100 ? (V(), D(L, {
             key: 0,
-            "model-value": v.value,
-            indeterminate: v.value === -1
+            "model-value": h.value,
+            indeterminate: h.value === -1
           }, null, 8, ["model-value", "indeterminate"])) : U("", !0)
         ]),
-        default: g((u) => [
-          oe("div", {
-            class: G(["d-flex w-100 position-relative df-input-wrapper", k.density])
+        default: w((u) => [
+          le("div", {
+            class: Y(["d-flex w-100 position-relative df-input-wrapper", E.density])
           }, [
-            I(f, R({
-              modelValue: b.value,
-              "onUpdate:modelValue": j[0] || (j[0] = ($) => b.value = $),
-              label: T.value,
+            B(f, R({
+              modelValue: y.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (A) => y.value = A),
+              label: j.value,
               density: "compact",
               variant: "plain",
-              readonly: o(p).readonly,
-              disabled: o(p).disabled,
-              name: o(p).name,
+              readonly: o(m).readonly,
+              disabled: o(m).disabled,
+              name: o(m).name,
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: d.value && v.value < 100 ? "visibility: hidden" : "",
+              style: p.value && h.value < 100 ? "visibility: hidden" : "",
               clearable: !1
-            }, k.passthroughAttrs, {
+            }, E.passthroughAttrs, {
               "prepend-icon": "",
-              "onUpdate:modelValue": F,
-              onFocus: ($) => u.focus(),
-              onBlur: ($) => u.blur()
+              "onUpdate:modelValue": M,
+              onFocus: (A) => u.focus(),
+              onBlur: (A) => u.blur()
             }), null, 16, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
           ], 2)
         ]),
@@ -1906,9 +1908,9 @@ const Fo = {
       }, 16, ["class"]);
     };
   }
-}), zo = /* @__PURE__ */ O({
+}), zo = /* @__PURE__ */ H({
   __name: "df-input",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     inputType: {},
     precision: {},
     step: {},
@@ -1928,7 +1930,7 @@ const Fo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), {
+  }, O(x({}, Z), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1937,53 +1939,53 @@ const Fo = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { densityClass: a, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, l), { inputType: v, max: m, min: b, precision: c, step: T } = je(n), _ = w(() => v.value === "number"), y = w(
-      () => _.value ? { min: o(b), max: o(m), precision: o(c), step: o(T) } : {}
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), { inputType: h, max: d, min: y, precision: c, step: j } = Ce(n), T = b(() => h.value === "number"), k = b(
+      () => T.value ? { min: o(y), max: o(d), precision: o(c), step: o(j) } : {}
     );
-    return (h, E) => {
-      const F = A("v-text-field"), k = A("v-number-input");
+    return (g, P) => {
+      const M = N("v-text-field"), E = N("v-number-input");
       return V(), W("div", {
-        class: G(["df-input-container", o(a)])
+        class: Y(["df-input-container", o(l)])
       }, [
-        _.value ? (V(), D(k, R({
+        T.value ? (V(), D(E, R({
           key: 1,
           modelValue: o(i),
-          "onUpdate:modelValue": E[2] || (E[2] = (j) => ne(i) ? i.value = j : null)
-        }, S(S({}, o(d)), y.value), {
+          "onUpdate:modelValue": P[2] || (P[2] = (v) => ae(i) ? i.value = v : null)
+        }, x(x({}, o(p)), k.value), {
           density: "compact",
           "control-variant": "stacked"
         }), {
-          label: g((j) => [
-            I(o(le), {
-              data: j,
-              label: o(s)
+          label: w((v) => [
+            B(o(re), {
+              data: v,
+              label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: g(({ message: j }) => [
-            I(o(ae), {
-              message: j,
-              errors: o(r)
+          message: w(({ message: v }) => [
+            B(o(q), {
+              message: v,
+              errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue"])) : (V(), D(F, R({
+        }, 16, ["modelValue"])) : (V(), D(M, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": E[0] || (E[0] = (j) => ne(i) ? i.value = j : null)
-        }, o(d), {
-          type: o(v),
-          onBlur: E[1] || (E[1] = (j) => p.value = !0)
+          "onUpdate:modelValue": P[0] || (P[0] = (v) => ae(i) ? i.value = v : null)
+        }, o(p), {
+          type: o(h),
+          onBlur: P[1] || (P[1] = (v) => m.value = !0)
         }), {
-          label: g((j) => [
-            I(o(le), {
-              data: j,
-              label: o(s)
+          label: w((v) => [
+            B(o(re), {
+              data: v,
+              label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: g(({ message: j }) => [
-            I(o(ae), {
-              message: j,
-              errors: o(r)
+          message: w(({ message: v }) => [
+            B(o(q), {
+              message: v,
+              errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
@@ -1991,7 +1993,7 @@ const Fo = {
       ], 2);
     };
   }
-}), Ho = { class: "editor-container" }, Ko = { class: "editor-container__editor" }, Xo = { ref: "editorElement" }, Go = /* @__PURE__ */ O({
+}), Ko = { class: "editor-container" }, Xo = { class: "editor-container__editor" }, Go = { ref: "editorElement" }, qo = /* @__PURE__ */ H({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -2000,95 +2002,96 @@ const Fo = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    pt((m) => ({
-      "5f8a2e8c": m.minHeight
+    mt((d) => ({
+      "32dcdf6e": d.minHeight
     }));
-    const l = n, a = N(!1), r = dn, d = {
-      toolbar: {
-        items: [
-          "undo",
-          "redo",
-          "|",
-          "selectAll",
-          "|",
-          "heading",
-          "style",
-          "|",
-          "bold",
-          "italic",
-          "|",
-          "horizontalLine",
-          "link",
-          "mediaEmbed",
-          "insertTable",
-          "blockQuote",
-          "|",
-          "alignment",
-          "|",
-          "bulletedList",
-          "numberedList",
-          "outdent",
-          "indent",
-          "|",
-          "accessibilityHelp"
-        ],
-        shouldNotGroupWhenFull: !1
-      },
-      plugins: [
-        jt,
-        Ct,
-        Tt,
-        _t,
-        Bt,
-        It,
-        Pt,
-        Dt,
-        xt,
-        St,
-        Et,
-        $t,
-        At,
-        Nt,
-        Ft,
-        Mt,
-        Lt,
-        Ut,
-        Ot,
-        Rt,
-        Wt,
-        zt,
-        Ht,
-        Kt,
-        Xt,
-        Gt,
-        qt,
-        Yt,
-        Qt,
-        Zt,
-        Jt,
-        en,
-        tn,
-        nn,
-        on,
-        ln,
-        an,
-        rn,
-        sn,
-        un,
-        cn
+    const a = n, l = F(!1), r = mn, s = {
+      items: [
+        "undo",
+        "redo",
+        "|",
+        "selectAll",
+        "|",
+        "heading",
+        "style",
+        "|",
+        "bold",
+        "italic",
+        "|",
+        "horizontalLine",
+        "link",
+        "mediaEmbed",
+        "insertTable",
+        "blockQuote",
+        "|",
+        "alignment",
+        "|",
+        "bulletedList",
+        "numberedList",
+        "outdent",
+        "indent",
+        "|",
+        "accessibilityHelp"
       ],
+      shouldNotGroupWhenFull: !1
+    }, m = [
+      jt,
+      Tt,
+      _t,
+      Bt,
+      It,
+      Dt,
+      Pt,
+      St,
+      xt,
+      Et,
+      $t,
+      At,
+      Nt,
+      Ft,
+      Mt,
+      Lt,
+      Ut,
+      Ht,
+      Ot,
+      Rt,
+      Wt,
+      zt,
+      Kt,
+      Xt,
+      Gt,
+      qt,
+      Yt,
+      Qt,
+      Zt,
+      Jt,
+      en,
+      tn,
+      nn,
+      on,
+      an,
+      ln,
+      rn,
+      sn,
+      un,
+      cn,
+      dn
+    ], i = {
+      options: [
+        { model: "paragraph", title: $.Paragraph, class: "ck-heading_paragraph" },
+        { model: "heading1", view: "h1", title: $.Heading1, class: "ck-heading_heading1" },
+        { model: "heading2", view: "h2", title: $.Heading2, class: "ck-heading_heading2" },
+        { model: "heading3", view: "h3", title: $.Heading3, class: "ck-heading_heading3" },
+        { model: "heading4", view: "h4", title: $.Heading4, class: "ck-heading_heading4" },
+        { model: "heading5", view: "h5", title: $.Heading5, class: "ck-heading_heading5" },
+        { model: "heading6", view: "h6", title: $.Heading6, class: "ck-heading_heading6" }
+      ]
+    }, p = {
+      language: ke.language,
+      toolbar: s,
+      plugins: m,
       balloonToolbar: ["bold", "italic", "|", "link", "|", "bulletedList", "numberedList"],
-      heading: {
-        options: [
-          { model: "paragraph", title: "Paragraph", class: "ck-heading_paragraph" },
-          { model: "heading1", view: "h1", title: "Heading 1", class: "ck-heading_heading1" },
-          { model: "heading2", view: "h2", title: "Heading 2", class: "ck-heading_heading2" },
-          { model: "heading3", view: "h3", title: "Heading 3", class: "ck-heading_heading3" },
-          { model: "heading4", view: "h4", title: "Heading 4", class: "ck-heading_heading4" },
-          { model: "heading5", view: "h5", title: "Heading 5", class: "ck-heading_heading5" },
-          { model: "heading6", view: "h6", title: "Heading 6", class: "ck-heading_heading6" }
-        ]
-      },
+      heading: i,
       htmlSupport: {
         allow: [{ name: /^.*$/, styles: !0, attributes: !0, classes: !0 }]
       },
@@ -2111,7 +2114,7 @@ const Fo = {
         decorators: {
           toggleDownloadable: {
             mode: "manual",
-            label: "Downloadable",
+            label: $.Downloadable,
             attributes: { download: "file" }
           }
         }
@@ -2119,47 +2122,48 @@ const Fo = {
       placeholder: "",
       style: {
         definitions: [
-          { name: "Article category", element: "h3", classes: ["category"] },
-          { name: "Title", element: "h2", classes: ["document-title"] },
-          { name: "Subtitle", element: "h3", classes: ["document-subtitle"] },
-          { name: "Info box", element: "p", classes: ["info-box"] },
-          { name: "Side quote", element: "blockquote", classes: ["side-quote"] },
-          { name: "Marker", element: "span", classes: ["marker"] },
-          { name: "Spoiler", element: "span", classes: ["spoiler"] },
-          { name: "Code (dark)", element: "pre", classes: ["fancy-code", "fancy-code-dark"] },
-          { name: "Code (bright)", element: "pre", classes: ["fancy-code", "fancy-code-bright"] }
+          { name: $.ArticleCategory, element: "h3", classes: ["category"] },
+          { name: $.Title, element: "h2", classes: ["document-title"] },
+          { name: $.Subtitle, element: "h3", classes: ["document-subtitle"] },
+          { name: $.InfoBox, element: "p", classes: ["info-box"] },
+          { name: $.SideQuote, element: "blockquote", classes: ["side-quote"] },
+          { name: $.Marker, element: "span", classes: ["marker"] },
+          { name: $.Spoiler, element: "span", classes: ["spoiler"] },
+          { name: $.CodeDark, element: "pre", classes: ["fancy-code", "fancy-code-dark"] },
+          { name: $.CodeBright, element: "pre", classes: ["fancy-code", "fancy-code-bright"] }
         ]
       },
-      table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] }
+      table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] },
+      translations: ke.translations
     };
     Ke(() => {
-      a.value = !0;
+      l.value = !0;
     });
-    const v = (m) => {
+    const h = (d) => {
     };
-    return t({ onEditorReady: v }), (m, b) => {
-      const c = A("ckeditor");
-      return V(), W("div", Ho, [
-        oe("div", Ko, [
-          oe("div", Xo, [
-            a.value ? (V(), D(c, {
+    return t({ onEditorReady: h }), (d, y) => {
+      const c = N("ckeditor");
+      return V(), W("div", Ko, [
+        le("div", Xo, [
+          le("div", Go, [
+            l.value ? (V(), D(c, {
               key: 0,
-              "model-value": m.modelValue,
+              "model-value": d.modelValue,
               editor: o(r),
-              config: d,
-              disabled: m.disabled,
-              style: Ge(`min-height: ${m.minHeight}`),
-              onReady: v,
-              "onUpdate:modelValue": b[0] || (b[0] = (T) => l("update:modelValue", T))
+              config: p,
+              disabled: d.disabled,
+              style: Ge(`min-height: ${d.minHeight}`),
+              onReady: h,
+              "onUpdate:modelValue": y[0] || (y[0] = (j) => a("update:modelValue", j))
             }, null, 8, ["model-value", "editor", "disabled", "style"])) : U("", !0)
           ], 512)
         ])
       ]);
     };
   }
-}), qo = /* @__PURE__ */ O({
+}), Yo = /* @__PURE__ */ H({
   __name: "df-rtf-editor",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     minHeight: {},
     control: {},
     modelValue: {},
@@ -2175,65 +2179,65 @@ const Fo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), { minHeight: void 0 })),
+  }, O(x({}, Z), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { densityClass: a, value: r, vuetifyBindings: s } = X(n, l);
-    return (p, i) => (V(), D(o(xe), R(n, {
-      class: ["ck-editor-custom", o(a)]
+    const n = e, a = t, { densityClass: l, value: r, vuetifyBindings: s } = G(n, a);
+    return (m, i) => (V(), D(o(Se), R(n, {
+      class: ["ck-editor-custom", o(l)]
     }), {
-      default: g((d) => [
-        I(Go, R({
+      default: w((p) => [
+        B(qo, R({
           ref: "$editor",
           modelValue: o(r),
-          "onUpdate:modelValue": i[0] || (i[0] = (v) => ne(r) ? r.value = v : null),
-          class: { "mt-6": !!p.label },
-          "min-height": p.minHeight,
+          "onUpdate:modelValue": i[0] || (i[0] = (h) => ae(r) ? r.value = h : null),
+          class: { "mt-6": !!m.label },
+          "min-height": m.minHeight,
           disabled: o(s).disabled,
           placeholder: "dfsjghdf"
-        }, p.passthroughAttrs, {
-          onFocusin: (v) => d.focus(),
-          onFocusout: (v) => d.blur()
+        }, m.passthroughAttrs, {
+          onFocusin: (h) => p.focus(),
+          onFocusout: (h) => p.blur()
         }), null, 16, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
     }, 16, ["class"]));
   }
 });
-function Yo(e) {
+function Qo(e) {
   return e.map((t) => ({ value: t.id, title: t.text, icon: t.icon }));
 }
-function Z(e, t) {
+function ee(e, t) {
   var n;
-  return e == null || Re(e) && e.length === 0 ? null : t ? qe(e) : Re(e) ? (n = Ye(e)) != null ? n : null : e;
+  return e == null || Oe(e) && e.length === 0 ? null : t ? qe(e) : Oe(e) ? (n = Ye(e)) != null ? n : null : e;
 }
 function Ve(e, t) {
   if (t == null) return [];
   const n = qe(t);
-  return e.filter((l) => n.some((a) => a === l.id));
+  return e.filter((a) => n.some((l) => l === a.id));
 }
-function ye(e, t, n, l, a) {
+function we(e, t, n, a, l) {
   var s;
-  const r = Z(e, n);
+  const r = ee(e, n);
   if (r == null) {
     t.value = n ? [] : null;
     return;
   }
   if (n)
-    l ? t.value = r : t.value = Ve(a, r).map((p) => p.id);
-  else if (l)
+    a ? t.value = r : t.value = Ve(l, r).map((m) => m.id);
+  else if (a)
     t.value = r;
   else {
-    const p = Ye(Ve(a, r));
-    t.value = (s = p == null ? void 0 : p.id) != null ? s : null;
+    const m = Ye(Ve(l, r));
+    t.value = (s = m == null ? void 0 : m.id) != null ? s : null;
   }
 }
-const Qo = {
+const Zo = {
   key: 0,
   class: "me-1"
-}, Zo = /* @__PURE__ */ O({
+}, Jo = /* @__PURE__ */ H({
   __name: "df-select",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     choices: {},
     multiple: { type: Boolean },
     allowTags: { type: Boolean },
@@ -2253,7 +2257,7 @@ const Qo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), {
+  }, O(x({}, Z), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -2262,153 +2266,153 @@ const Qo = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, { choices: l, multiple: a, allowTags: r, allowNull: s, cssClass: p, visibility: i } = je(n), d = t, {
-      densityClass: v,
-      errors: m,
-      label: b,
+    const n = e, { choices: a, multiple: l, allowTags: r, allowNull: s, cssClass: m, visibility: i } = Ce(n), p = t, {
+      densityClass: h,
+      label: d,
+      showErrors: y,
       touched: c,
-      value: T,
-      vuetifyBindings: _
-    } = X(n, d), y = N(null), h = N(!1), E = N([]), F = w(() => o(h) ? o(E) : o(l) || []), k = N(!1), j = w(() => Yo(F.value));
-    j.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
-    function M(B) {
-      d("update:modelValueDisplay", Ve(F.value, B));
+      value: j,
+      vuetifyBindings: T
+    } = G(n, p), k = F(null), g = F(!1), P = F([]), M = b(() => o(g) ? o(P) : o(a) || []), E = F(!1), v = b(() => Qo(M.value));
+    v.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
+    function L(_) {
+      p("update:modelValueDisplay", Ve(M.value, _));
     }
     let f = !1;
-    function u(B) {
-      f = !0, T.value = B, Me(() => {
+    function u(_) {
+      f = !0, j.value = _, Me(() => {
         f = !1;
       });
     }
-    se(
-      y,
-      (B) => {
-        _.value.readonly || Me(() => {
-          const P = Z(B, a.value);
-          M(P), u(P);
+    ue(
+      k,
+      (_) => {
+        T.value.readonly || Me(() => {
+          const I = ee(_, l.value);
+          L(I), u(I);
         });
       },
       { deep: !0 }
-    ), se(
-      T,
-      (B) => {
+    ), ue(
+      j,
+      (_) => {
         if (!f) {
-          const P = Z(B, a.value);
-          ye(P, y, a.value, !1, F.value);
+          const I = ee(_, l.value);
+          we(I, k, l.value, !1, M.value);
         }
       },
       { deep: !0 }
     );
-    function $() {
-      if (_.value.readonly || r.value) return;
-      const B = Z(y.value, a.value);
-      ye(B, y, a.value, !1, F.value), u(B);
+    function A() {
+      if (T.value.readonly || r.value) return;
+      const _ = ee(k.value, l.value);
+      we(_, k, l.value, !1, M.value), u(_);
     }
-    function H(B) {
-      let P;
-      a.value && Array.isArray(y.value) ? P = Z(
-        y.value.filter((C) => C !== B),
-        a.value
-      ) : P = null, ye(P, y, a.value, !1, F.value), u(P);
+    function K(_) {
+      let I;
+      l.value && Array.isArray(k.value) ? I = ee(
+        k.value.filter((C) => C !== _),
+        l.value
+      ) : I = null, we(I, k, l.value, !1, M.value), u(I);
     }
-    function ue(B, P) {
+    function ce(_, I) {
       return ge(this, null, function* () {
-        if (!(l.value || n.fetchChoices === void 0)) {
-          k.value = !0;
+        if (!(a.value || n.fetchChoices === void 0)) {
+          E.value = !0;
           try {
             const C = Ve(
-              F.value,
-              Z(y.value, a.value)
-            ), Q = yield n.fetchChoices(B, P);
-            E.value = bt([...C, ...Q], "id"), h.value = !0;
+              M.value,
+              ee(k.value, l.value)
+            ), J = yield n.fetchChoices(_, I);
+            P.value = ht([...C, ...J], "id"), g.value = !0;
           } finally {
-            k.value = !1;
+            E.value = !1;
           }
         }
       });
     }
-    function ce() {
-      let B = T.value;
-      !s.value && B == null && j.value.length && (B = j.value[0].value), B = Z(B, a.value), ye(B, y, a.value, r.value, F.value), M(B), u(B);
+    function de() {
+      let _ = j.value;
+      !s.value && _ == null && v.value.length && (_ = v.value[0].value), _ = ee(_, l.value), we(_, k, l.value, r.value, M.value), L(_), u(_);
     }
-    return ce(), n.fetchChoices !== void 0 && ue(void 0, T.value).then(() => {
-      ce();
-    }), (B, P) => {
-      const C = A("v-chip"), Q = A("v-list-item");
-      return o(i) !== o(K).SUPPRESS ? (V(), D(he(o(r) ? "v-combobox" : "v-autocomplete"), R({
+    return de(), n.fetchChoices !== void 0 && ce(void 0, j.value).then(() => {
+      de();
+    }), (_, I) => {
+      const C = N("v-chip"), J = N("v-list-item");
+      return o(i) !== o(X).SUPPRESS ? (V(), D(he(o(r) ? "v-combobox" : "v-autocomplete"), R({
         key: 0,
-        modelValue: y.value,
-        "onUpdate:modelValue": P[0] || (P[0] = (x) => y.value = x),
+        modelValue: k.value,
+        "onUpdate:modelValue": I[0] || (I[0] = (S) => k.value = S),
         class: [
-          o(p),
-          o(v),
+          o(m),
+          o(h),
           {
-            "d-none": o(i) === o(K).HIDDEN,
-            invisible: o(i) === o(K).INVISIBLE
+            "d-none": o(i) === o(X).HIDDEN,
+            invisible: o(i) === o(X).INVISIBLE
           }
         ],
-        items: j.value,
+        items: v.value,
         "return-object": !1
-      }, o(_), {
-        label: o(_).label,
+      }, o(T), {
+        label: o(T).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": o(s) || o(a) && y.value.length > 1,
+        "closable-chips": o(s) || o(l) && k.value.length > 1,
         clearable: o(s),
-        multiple: o(a),
-        loading: k.value,
+        multiple: o(l),
+        loading: E.value,
         "hide-selected": !1,
-        "aria-describedby": o(_).helpText ? `${o(_).name}-help` : null,
+        "aria-describedby": o(T).helpText ? `${o(T).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": P[1] || (P[1] = (x) => ue(x, void 0)),
-        "onUpdate:modelValue": $,
-        "onClick:clear": P[2] || (P[2] = (x) => y.value = null),
-        onBlur: P[3] || (P[3] = (x) => c.value = !0)
-      }), Pe({
-        chip: g(({ item: x }) => [
+        "onUpdate:search": I[1] || (I[1] = (S) => ce(S, void 0)),
+        "onUpdate:modelValue": A,
+        "onClick:clear": I[2] || (I[2] = (S) => k.value = null),
+        onBlur: I[3] || (I[3] = (S) => c.value = !0)
+      }), De({
+        chip: w(({ item: S }) => [
           (V(), D(C, {
-            key: x.value,
+            key: S.value,
             label: "",
             size: "small",
             class: "d-flex align-middle",
-            variant: o(a) ? "tonal" : "text",
-            closable: o(a),
-            "onClick:close": (re) => H(x.value)
+            variant: o(l) ? "tonal" : "text",
+            closable: o(l),
+            "onClick:close": (ie) => K(S.value)
           }, {
-            prepend: g(() => {
-              var re;
+            prepend: w(() => {
+              var ie;
               return [
-                (re = x.raw) != null && re.icon ? (V(), D(o(be), {
+                (ie = S.raw) != null && ie.icon ? (V(), D(o(be), {
                   key: 0,
                   class: "me-1",
-                  name: x.raw.icon
+                  name: S.raw.icon
                 }, null, 8, ["name"])) : U("", !0)
               ];
             }),
-            default: g(() => [
-              oe("span", {
-                class: G({ "text-body-1": !o(a) })
-              }, De(x.title), 3)
+            default: w(() => [
+              le("span", {
+                class: Y({ "text-body-1": !o(l) })
+              }, Pe(S.title), 3)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        label: g((x) => [
-          I(o(le), {
-            data: x,
-            label: o(b)
+        label: w((S) => [
+          B(o(re), {
+            data: S,
+            label: o(d)
           }, null, 8, ["data", "label"])
         ]),
-        item: g(({ props: x, item: re }) => [
-          I(Q, J(ee(x)), {
-            prepend: g(() => {
-              var Se;
+        item: w(({ props: S, item: ie }) => [
+          B(J, te(ne(S)), {
+            prepend: w(() => {
+              var xe;
               return [
-                (Se = re.raw) != null && Se.icon ? (V(), W("span", Qo, [
-                  I(o(be), {
+                (xe = ie.raw) != null && xe.icon ? (V(), W("span", Zo, [
+                  B(o(be), {
                     class: "action-icon",
-                    name: re.raw.icon
+                    name: ie.raw.icon
                   }, null, 8, ["name"])
                 ])) : U("", !0)
               ];
@@ -2416,34 +2420,34 @@ const Qo = {
             _: 2
           }, 1040)
         ]),
-        message: g(({ message: x }) => [
-          I(o(ae), {
-            message: x,
-            errors: o(m)
+        message: w(({ message: S }) => [
+          B(o(q), {
+            message: S,
+            errors: o(y)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        B.$slots["append-inner"] ? {
+        _.$slots["append-inner"] ? {
           name: "append-inner",
-          fn: g((x) => [
-            ie(B.$slots, "append-inner", J(ee(x)))
+          fn: w((S) => [
+            se(_.$slots, "append-inner", te(ne(S)))
           ]),
           key: "0"
         } : void 0,
-        B.$slots["prepend-inner"] ? {
+        _.$slots["prepend-inner"] ? {
           name: "prepend-inner",
-          fn: g((x) => [
-            ie(B.$slots, "prepend-inner", J(ee(x)))
+          fn: w((S) => [
+            se(_.$slots, "prepend-inner", te(ne(S)))
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : U("", !0);
     };
   }
-}), Jo = /* @__PURE__ */ O({
+}), ea = /* @__PURE__ */ H({
   __name: "df-text-area",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Q({
     rows: {},
     maxRows: {},
     control: {},
@@ -2460,45 +2464,45 @@ const Qo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, L(S({}, Y), {
+  }, O(x({}, Z), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, l = t, { densityClass: a, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = X(n, l), { cssClass: v, visibility: m } = je(n);
-    return (b, c) => {
-      const T = A("v-textarea");
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), { cssClass: h, visibility: d } = Ce(n);
+    return (y, c) => {
+      const j = N("v-textarea");
       return V(), W("div", {
-        class: G(["df-textarea-container", o(a)])
+        class: Y(["df-textarea-container", o(l)])
       }, [
-        o(m) !== o(K).SUPPRESS ? (V(), D(T, R({
+        o(d) !== o(X).SUPPRESS ? (V(), D(j, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": c[0] || (c[0] = (_) => ne(i) ? i.value = _ : null),
+          "onUpdate:modelValue": c[0] || (c[0] = (T) => ae(i) ? i.value = T : null),
           class: [
-            o(v),
+            o(h),
             {
-              "d-none": o(m) === o(K).HIDDEN,
-              invisible: o(m) === o(K).INVISIBLE
+              "d-none": o(d) === o(X).HIDDEN,
+              invisible: o(d) === o(X).INVISIBLE
             }
           ],
-          rows: b.rows,
-          "auto-grow": (b.maxRows || 0) > 0,
-          "max-rows": b.maxRows
-        }, o(d), {
-          onBlur: c[1] || (c[1] = (_) => p.value = !0)
+          rows: y.rows,
+          "auto-grow": (y.maxRows || 0) > 0,
+          "max-rows": y.maxRows
+        }, o(p), {
+          onBlur: c[1] || (c[1] = (T) => m.value = !0)
         }), {
-          label: g((_) => [
-            I(o(le), {
-              data: _,
-              label: o(s)
+          label: w((T) => [
+            B(o(re), {
+              data: T,
+              label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: g(({ message: _ }) => [
-            I(o(ae), {
-              message: _,
-              errors: o(r)
+          message: w(({ message: T }) => [
+            B(o(q), {
+              message: T,
+              errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
@@ -2506,82 +2510,86 @@ const Qo = {
       ], 2);
     };
   }
-}), el = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DfActions: Lo,
-  DfCheckbox: Uo,
+  DFInputHint: q,
+  DfActions: Uo,
+  DfCheckbox: Ho,
   DfColor: Oo,
   DfDateTime: Ro,
   DfFile: Wo,
   DfInput: zo,
-  DfRtfEditor: qo,
-  DfSelect: Zo,
-  DfTextArea: Jo
-}, Symbol.toStringTag, { value: "Module" })), tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DfRtfEditor: Yo,
+  DfSelect: Jo,
+  DfTextArea: ea
+}, Symbol.toStringTag, { value: "Module" })), na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VAutocomplete: mn,
-  VBtn: pn,
-  VCheckbox: fn,
-  VChip: vn,
-  VCol: Vn,
-  VColorPicker: bn,
-  VCombobox: hn,
-  VConfirmEdit: gn,
-  VDatePicker: wn,
-  VField: yn,
-  VFileInput: kn,
-  VIcon: Cn,
-  VImg: Tn,
-  VInput: _n,
-  VListItem: Bn,
-  VMenu: In,
+  VAutocomplete: pn,
+  VBtn: fn,
+  VCheckbox: vn,
+  VChip: hn,
+  VCol: Cn,
+  VColorPicker: gn,
+  VCombobox: bn,
+  VConfirmEdit: wn,
+  VDatePicker: yn,
+  VField: kn,
+  VFileInput: Vn,
+  VIcon: Tn,
+  VImg: _n,
+  VInput: Bn,
+  VListItem: In,
+  VMenu: Dn,
   VNumberInput: Pn,
-  VProgressLinear: Dn,
+  VProgressLinear: Sn,
   VRow: jn,
   VSelect: xn,
-  VSwitch: Sn,
-  VTextField: $n,
-  VTextarea: En,
-  VTimePicker: An
-}, Symbol.toStringTag, { value: "Module" })), Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  VSwitch: En,
+  VTextField: An,
+  VTextarea: $n,
+  VTimePicker: Nn
+}, Symbol.toStringTag, { value: "Module" })), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Nl = {
+}, Symbol.toStringTag, { value: "Module" })), Ma = {
   install: (e, t) => {
-    var n, l;
-    e.use(Xn), e.provide(tt, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(el).map(([a, r]) => e.component(a, r)), (l = t == null ? void 0 : t.registerVuetifyComponents) != null && l && Object.entries(tl).map(([a, r]) => e.component(a, r));
+    var n, a;
+    e.use(Gn), e.provide(et, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(ta).map(([l, r]) => e.component(l, r)), (a = t == null ? void 0 : t.registerVuetifyComponents) != null && a && Object.entries(na).map(([l, r]) => e.component(l, r));
   }
 };
 export {
-  ke as Action,
+  ye as Action,
   z as ActionDisplayStyle,
-  Do as DateTimeLocaleConfig,
-  Lo as DfActions,
-  Uo as DfCheckbox,
+  q as DFInputHint,
+  So as DateTimeLocaleConfig,
+  Uo as DfActions,
+  Ho as DfCheckbox,
   Oo as DfColor,
   Ro as DfDateTime,
   Wo as DfFile,
   zo as DfInput,
-  Al as DfInputComponentProps,
-  el as DfInputComponents,
-  le as DfLabel,
-  qo as DfRtfEditor,
-  Zo as DfSelect,
-  Jo as DfTextArea,
-  Nl as DynamicFormsInputs,
-  xe as InputBase,
+  Fa as DfInputComponentProps,
+  ta as DfInputComponents,
+  q as DfInputHint,
+  re as DfLabel,
+  Yo as DfRtfEditor,
+  Jo as DfSelect,
+  ea as DfTextArea,
+  Ma as DynamicFormsInputs,
+  Se as InputBase,
   xo as Label,
-  ae as MessagesWidget,
-  No as ResponsiveActionRenderOptions,
-  Eo as ResponsiveRenderOptions,
-  tl as VuetifyComponents,
-  Y as defaultBaseProps,
-  ze as defaultDisplayStyle,
-  $o as getBreakpointName,
-  He as responsiveBreakpoints,
-  ve as translatableStrings,
-  $l as translateStrings,
-  Ao as useBreakpoint,
-  X as useInputBase,
-  tt as vuetifyInputsSettingsKey
+  Fo as ResponsiveActionRenderOptions,
+  $o as ResponsiveRenderOptions,
+  na as VuetifyComponents,
+  ke as ckEditorLanguage,
+  Z as defaultBaseProps,
+  We as defaultDisplayStyle,
+  Ao as getBreakpointName,
+  ze as responsiveBreakpoints,
+  Na as setCkEditorLanguage,
+  $ as translatableStrings,
+  Aa as translateStrings,
+  No as useBreakpoint,
+  G as useInputBase,
+  et as vuetifyInputsSettingsKey
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map