@dynamicforms/vuetify-inputs 0.11.7 → 0.13.0

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,89 +1,93 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, inject as d, isRef as f, mergeDefaults as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, toRaw as k, toRefs as A, unref as j, useCssVars as M, useId as ee, watch as N, watchEffect as te, withCtx as P, withKeys as F, withModifiers as I } from "vue";
-import L, { Action as R, DisplayMode as z, ExecuteAction as ne, MdString as re, MessagesWidget as B, ValidationErrorRenderContent as ie } from "@dynamicforms/vue-forms";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, getCurrentInstance as u, guardReactiveProps as d, h as f, inject as p, isRef as m, mergeDefaults as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, resolveComponent as D, resolveDynamicComponent as O, shallowRef as k, toDisplayString as A, toRaw as j, toRefs as M, toValue as N, unref as P, useCssVars as ee, useId as F, watch as I, watchEffect as L, withCtx as R, withKeys as z, withModifiers as B } from "vue";
 import { CachedIcon as V } from "vue-cached-icon";
 import H from "vue-markdown-render";
-import { castArray as U, clone as ae, first as oe, isArray as se, isBoolean as W, isEmpty as ce, isEqual as le, isNaN as ue, isObjectLike as de, isPlainObject as fe, isString as G, toNumber as K, unionBy as pe } from "lodash-es";
-import { createTranslatable as me } from "@dynamicforms/translatable";
-import { useDisplay as he } from "vuetify";
-import { format as ge, parse as _e } from "date-fns";
-import ve from "@tiptap/extension-image";
-import ye from "@tiptap/extension-placeholder";
-import { Table as be } from "@tiptap/extension-table";
-import xe from "@tiptap/extension-table-cell";
-import Se from "@tiptap/extension-table-header";
-import Ce from "@tiptap/extension-table-row";
-import we from "@tiptap/extension-text-align";
-import { NodeSelection as Te } from "@tiptap/pm/state";
-import Ee from "@tiptap/starter-kit";
-import { EditorContent as De, useEditor as Oe } from "@tiptap/vue-3";
-import { BubbleMenu as ke } from "@tiptap/vue-3/menus";
-import { Extension as Ae, Mark as je, Node as Me, mergeAttributes as Ne } from "@tiptap/core";
-import { Fragment as Pe, Slice as Fe } from "@tiptap/pm/model";
-import Ie from "@tiptap/extension-link";
-import { VAutocomplete as Le } from "vuetify/components/VAutocomplete";
-import { VBtn as Re } from "vuetify/components/VBtn";
-import { VCheckbox as ze } from "vuetify/components/VCheckbox";
-import { VChip as Be } from "vuetify/components/VChip";
-import { VCombobox as Ve } from "vuetify/components/VCombobox";
-import { VColorPicker as He } from "vuetify/components/VColorPicker";
-import { VConfirmEdit as Ue } from "vuetify/components/VConfirmEdit";
-import { VDatePicker as We } from "vuetify/components/VDatePicker";
-import { VField as Ge } from "vuetify/components/VField";
-import { VFileInput as Ke } from "vuetify/components/VFileInput";
-import { VCol as qe, VRow as Je } from "vuetify/components/VGrid";
-import { VIcon as Ye } from "vuetify/components/VIcon";
-import { VImg as Xe } from "vuetify/components/VImg";
-import { VInput as Ze } from "vuetify/components/VInput";
-import { VListItem as Qe } from "vuetify/components/VList";
-import { VMenu as $e } from "vuetify/components/VMenu";
-import { VNumberInput as et } from "vuetify/components/VNumberInput";
-import { VProgressLinear as tt } from "vuetify/components/VProgressLinear";
-import { VSelect as nt } from "vuetify/components/VSelect";
-import { VSwitch as rt } from "vuetify/components/VSwitch";
-import { VTextarea as it } from "vuetify/components/VTextarea";
-import { VTextField as at } from "vuetify/components/VTextField";
-import { VTimePicker as ot } from "vuetify/components/VTimePicker";
+import U, { Action as te, ExecuteAction as W, ValidationError as G } from "@dynamicforms/vue-forms";
+import { castArray as ne, clone as re, first as ie, isArray as ae, isBoolean as K, isEmpty as q, isEqual as oe, isNaN as se, isObjectLike as ce, isPlainObject as le, isString as J, toNumber as Y, unionBy as ue } from "lodash-es";
+import { createTranslatable as de } from "@dynamicforms/translatable";
+import { useDisplay as fe } from "vuetify";
+import { format as pe, parse as me, parseISO as he } from "date-fns";
+import ge from "@tiptap/extension-image";
+import _e from "@tiptap/extension-placeholder";
+import { Table as ve } from "@tiptap/extension-table";
+import ye from "@tiptap/extension-table-cell";
+import be from "@tiptap/extension-table-header";
+import xe from "@tiptap/extension-table-row";
+import Se from "@tiptap/extension-text-align";
+import { NodeSelection as Ce } from "@tiptap/pm/state";
+import we from "@tiptap/starter-kit";
+import { EditorContent as Te, useEditor as Ee } from "@tiptap/vue-3";
+import { BubbleMenu as De } from "@tiptap/vue-3/menus";
+import { Extension as Oe, Mark as ke, Node as Ae, mergeAttributes as je } from "@tiptap/core";
+import { Fragment as Me, Slice as Ne } from "@tiptap/pm/model";
+import Pe from "@tiptap/extension-link";
+import { VAutocomplete as Fe } from "vuetify/components/VAutocomplete";
+import { VBtn as Ie } from "vuetify/components/VBtn";
+import { VBtnGroup as Le } from "vuetify/components/VBtnGroup";
+import { VBtnToggle as Re } from "vuetify/components/VBtnToggle";
+import { VCard as ze, VCardActions as Be } from "vuetify/components/VCard";
+import { VCheckbox as Ve } from "vuetify/components/VCheckbox";
+import { VChip as He } from "vuetify/components/VChip";
+import { VCombobox as Ue } from "vuetify/components/VCombobox";
+import { VColorPicker as We } from "vuetify/components/VColorPicker";
+import { VConfirmEdit as Ge } from "vuetify/components/VConfirmEdit";
+import { VDatePicker as Ke } from "vuetify/components/VDatePicker";
+import { VDivider as qe } from "vuetify/components/VDivider";
+import { VField as Je } from "vuetify/components/VField";
+import { VFileInput as Ye } from "vuetify/components/VFileInput";
+import { VCol as Xe, VRow as Ze } from "vuetify/components/VGrid";
+import { VIcon as Qe } from "vuetify/components/VIcon";
+import { VImg as $e } from "vuetify/components/VImg";
+import { VInput as et } from "vuetify/components/VInput";
+import { VList as tt, VListItem as nt, VListItemTitle as rt } from "vuetify/components/VList";
+import { VMenu as it } from "vuetify/components/VMenu";
+import { VNumberInput as at } from "vuetify/components/VNumberInput";
+import { VProgressLinear as ot } from "vuetify/components/VProgressLinear";
+import { VSelect as st } from "vuetify/components/VSelect";
+import { VSwitch as ct } from "vuetify/components/VSwitch";
+import { VTextarea as lt } from "vuetify/components/VTextarea";
+import { VTextField as ut } from "vuetify/components/VTextField";
+import { VTimePicker as dt } from "vuetify/components/VTimePicker";
 //#region \0rolldown/runtime.js
-var st = Object.defineProperty, ct = (e, t) => {
+var ft = Object.defineProperty, pt = (e, t) => {
 	let n = {};
-	for (var r in e) st(n, r, {
+	for (var r in e) ft(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || st(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || ft(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/typeof.js
-function lt(e) {
+function mt(e) {
 	"@babel/helpers - typeof";
-	return lt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return mt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
 		return typeof e;
 	} : function(e) {
 		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-	}, lt(e);
+	}, mt(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPrimitive.js
-function ut(e, t) {
-	if (lt(e) != "object" || !e) return e;
+function ht(e, t) {
+	if (mt(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (lt(r) != "object") return r;
+		if (mt(r) != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
 	return (t === "string" ? String : Number)(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPropertyKey.js
-function dt(e) {
-	var t = ut(e, "string");
-	return lt(t) == "symbol" ? t : t + "";
+function gt(e) {
+	var t = ht(e, "string");
+	return mt(t) == "symbol" ? t : t + "";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/defineProperty.js
-function ft(e, t, n) {
-	return (t = dt(t)) in e ? Object.defineProperty(e, t, {
+function X(e, t, n) {
+	return (t = gt(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -92,7 +96,7 @@ function ft(e, t, n) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/objectSpread2.js
-function pt(e, t) {
+function _t(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -102,12 +106,12 @@ function pt(e, t) {
 	}
 	return n;
 }
-function q(e) {
+function Z(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? pt(Object(n), !0).forEach(function(t) {
-			ft(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : pt(Object(n)).forEach(function(t) {
+		t % 2 ? _t(Object(n), !0).forEach(function(t) {
+			X(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : _t(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
@@ -115,10 +119,10 @@ function q(e) {
 }
 //#endregion
 //#region node_modules/date-fns/locale/sl/_lib/formatDistance.js
-function mt(e) {
+function vt(e) {
 	return e.one !== void 0;
 }
-var ht = {
+var yt = {
 	lessThanXSeconds: {
 		present: {
 			one: "manj kot {{count}} sekunda",
@@ -393,7 +397,7 @@ var ht = {
 		}
 	}
 };
-function gt(e) {
+function bt(e) {
 	switch (e % 100) {
 		case 1: return "one";
 		case 2: return "two";
@@ -402,27 +406,27 @@ function gt(e) {
 		default: return "other";
 	}
 }
-var _t = (e, t, n) => {
+var xt = (e, t, n) => {
 	let r = "", i = "present";
 	n != null && n.addSuffix && (n.comparison && n.comparison > 0 ? (i = "future", r = "čez ") : (i = "past", r = "pred "));
-	let a = ht[e];
+	let a = yt[e];
 	if (typeof a == "string") r += a;
 	else {
-		let e = gt(t);
-		mt(a) ? r += a[e].replace("{{count}}", String(t)) : r += a[i][e].replace("{{count}}", String(t));
+		let e = bt(t);
+		vt(a) ? r += a[e].replace("{{count}}", String(t)) : r += a[i][e].replace("{{count}}", String(t));
 	}
 	return r;
 };
 //#endregion
 //#region node_modules/date-fns/locale/_lib/buildFormatLongFn.js
-function vt(e) {
+function St(e) {
 	return (t = {}) => {
 		let n = t.width ? String(t.width) : e.defaultWidth;
 		return e.formats[n] || e.formats[e.defaultWidth];
 	};
 }
-var yt = {
-	date: vt({
+var Ct = {
+	date: St({
 		formats: {
 			full: "EEEE, dd. MMMM y",
 			long: "dd. MMMM y",
@@ -431,7 +435,7 @@ var yt = {
 		},
 		defaultWidth: "full"
 	}),
-	time: vt({
+	time: St({
 		formats: {
 			full: "HH:mm:ss zzzz",
 			long: "HH:mm:ss z",
@@ -440,7 +444,7 @@ var yt = {
 		},
 		defaultWidth: "full"
 	}),
-	dateTime: vt({
+	dateTime: St({
 		formats: {
 			full: "{{date}} {{time}}",
 			long: "{{date}} {{time}}",
@@ -449,7 +453,7 @@ var yt = {
 		},
 		defaultWidth: "full"
 	})
-}, bt = {
+}, wt = {
 	lastWeek: (e) => {
 		switch (e.getDay()) {
 			case 0: return "'prejšnjo nedeljo ob' p";
@@ -470,13 +474,13 @@ var yt = {
 		}
 	},
 	other: "P"
-}, xt = (e, t, n, r) => {
-	let i = bt[e];
+}, Tt = (e, t, n, r) => {
+	let i = wt[e];
 	return typeof i == "function" ? i(t) : i;
 };
 //#endregion
 //#region node_modules/date-fns/locale/_lib/buildLocalizeFn.js
-function St(e) {
+function Et(e) {
 	return (t, n) => {
 		let r = n != null && n.context ? String(n.context) : "standalone", i;
 		if (r === "formatting" && e.formattingValues) {
@@ -490,9 +494,9 @@ function St(e) {
 		return i[a];
 	};
 }
-var Ct = {
+var Dt = {
 	ordinalNumber: (e, t) => Number(e) + ".",
-	era: St({
+	era: Et({
 		values: {
 			narrow: ["pr. n. št.", "po n. št."],
 			abbreviated: ["pr. n. št.", "po n. št."],
@@ -500,7 +504,7 @@ var Ct = {
 		},
 		defaultWidth: "wide"
 	}),
-	quarter: St({
+	quarter: Et({
 		values: {
 			narrow: [
 				"1",
@@ -524,7 +528,7 @@ var Ct = {
 		defaultWidth: "wide",
 		argumentCallback: (e) => e - 1
 	}),
-	month: St({
+	month: Et({
 		values: {
 			narrow: [
 				"j",
@@ -571,7 +575,7 @@ var Ct = {
 		},
 		defaultWidth: "wide"
 	}),
-	day: St({
+	day: Et({
 		values: {
 			narrow: [
 				"n",
@@ -612,7 +616,7 @@ var Ct = {
 		},
 		defaultWidth: "wide"
 	}),
-	dayPeriod: St({
+	dayPeriod: Et({
 		values: {
 			narrow: {
 				am: "d",
@@ -683,11 +687,11 @@ var Ct = {
 };
 //#endregion
 //#region node_modules/date-fns/locale/_lib/buildMatchFn.js
-function wt(e) {
+function Ot(e) {
 	return (t, n = {}) => {
 		let r = n.width, i = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], a = t.match(i);
 		if (!a) return null;
-		let o = a[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(s) ? Et(s, (e) => e.test(o)) : Tt(s, (e) => e.test(o)), l;
+		let o = a[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(s) ? At(s, (e) => e.test(o)) : kt(s, (e) => e.test(o)), l;
 		l = e.valueCallback ? e.valueCallback(c) : c, l = n.valueCallback ? n.valueCallback(l) : l;
 		let u = t.slice(o.length);
 		return {
@@ -696,15 +700,15 @@ function wt(e) {
 		};
 	};
 }
-function Tt(e, t) {
+function kt(e, t) {
 	for (let n in e) if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n])) return n;
 }
-function Et(e, t) {
+function At(e, t) {
 	for (let n = 0; n < e.length; n++) if (t(e[n])) return n;
 }
 //#endregion
 //#region node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
-function Dt(e) {
+function jt(e) {
 	return (t, n = {}) => {
 		let r = t.match(e.matchPattern);
 		if (!r) return null;
@@ -721,19 +725,19 @@ function Dt(e) {
 }
 //#endregion
 //#region node_modules/date-fns/locale/sl.js
-var Ot = {
+var Mt = {
 	code: "sl",
-	formatDistance: _t,
-	formatLong: yt,
-	formatRelative: xt,
-	localize: Ct,
+	formatDistance: xt,
+	formatLong: Ct,
+	formatRelative: Tt,
+	localize: Dt,
 	match: {
-		ordinalNumber: Dt({
+		ordinalNumber: jt({
 			matchPattern: /^(\d+)\./i,
 			parsePattern: /\d+/i,
 			valueCallback: (e) => parseInt(e, 10)
 		}),
-		era: wt({
+		era: Ot({
 			matchPatterns: {
 				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
@@ -742,7 +746,7 @@ var Ot = {
 			parsePatterns: { any: [/^pr/i, /^(po|na[sš]em)/i] },
 			defaultParseWidth: "any"
 		}),
-		quarter: wt({
+		quarter: Ot({
 			matchPatterns: {
 				narrow: /^[1234]/i,
 				abbreviated: /^[1234]\.\s?[čc]et\.?/i,
@@ -758,7 +762,7 @@ var Ot = {
 			defaultParseWidth: "any",
 			valueCallback: (e) => e + 1
 		}),
-		month: wt({
+		month: Ot({
 			matchPatterns: {
 				narrow: /^[jfmasond]/i,
 				abbreviated: /^(jan\.|feb\.|mar\.|apr\.|maj|jun\.|jul\.|avg\.|sep\.|okt\.|nov\.|dec\.)/i,
@@ -811,7 +815,7 @@ var Ot = {
 			},
 			defaultParseWidth: "wide"
 		}),
-		day: wt({
+		day: Ot({
 			matchPatterns: {
 				narrow: /^[nptsčc]/i,
 				short: /^(ned\.|pon\.|tor\.|sre\.|[cč]et\.|pet\.|sob\.)/i,
@@ -841,7 +845,7 @@ var Ot = {
 			},
 			defaultParseWidth: "any"
 		}),
-		dayPeriod: wt({
+		dayPeriod: Ot({
 			matchPatterns: {
 				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
@@ -876,31 +880,211 @@ var Ot = {
 		weekStartsOn: 1,
 		firstWeekContainsDate: 1
 	}
-}, kt = {
-	dateTimeLocale: S(Ot),
+}, Nt = {
+	dateTimeLocale: w(Mt),
 	setDateTimeLocale(e) {
-		f(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
+		m(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
 	}
-}, At = class extends Error {
+}, Pt = class extends Error {
 	constructor(e) {
-		super(e), ft(this, "errorText", void 0), this.errorText = e;
+		super(e), X(this, "errorText", void 0), this.errorText = e;
+	}
+}, Ft = class extends String {
+	constructor(e, t, n) {
+		super(e), X(this, "plugins", void 0), X(this, "options", void 0), this.plugins = n, this.options = t;
+	}
+}, It = class extends String {};
+function Lt(e) {
+	let t = P(e);
+	return typeof t == "object" && !!t && "componentName" in t;
+}
+function Rt(e) {
+	return typeof e == "string" || e instanceof String || Lt(e);
+}
+var zt = RegExp(`</?(?:${(/* @__PURE__ */ "address.article.aside.blockquote.br.dd.div.dl.dt.figcaption.figure.footer.h[1-6].header.hr.li.main.nav.ol.p.pre.section.table.td.th.tr.ul".split(".")).join("|")})\\b[^>]*>`, "gi"), Bt = "", Vt = {
+	"&lt;": "<",
+	"&gt;": ">",
+	"&quot;": "\"",
+	"&#39;": "'",
+	"&nbsp;": Bt,
+	"&amp;": "&"
+};
+function Ht(e) {
+	if (e instanceof It) {
+		let t = e.toString().replace(zt, " ").replace(/<[^>]*>/g, "").replace(/\s+/g, " ");
+		return Object.entries(Vt).reduce((e, [t, n]) => e.replaceAll(t, n), t);
+	}
+	return Lt(e) ? Wt(e).map(Ht).join("") : e.toString();
+}
+function Ut(e) {
+	return !(e instanceof It) && !Lt(e) ? e.toString() : Ht(e).replace(/\s+/g, " ").trim().replaceAll(Bt, " ");
+}
+function Wt(e) {
+	let { children: t } = e;
+	return t === void 0 ? [] : Array.isArray(t) ? t : [t];
+}
+function Gt(e) {
+	return typeof P(e) == "function";
+}
+var Kt = class {
+	constructor(e = "", n = "") {
+		X(this, "content", void 0), X(this, "classes", void 0), X(this, "kindRef", void 0), this.content = e, this.classes = n, this.kindRef = t(() => {
+			let e = this.resolvedText;
+			return e instanceof Ft ? "md" : e instanceof It ? "html" : Lt(e) ? "component" : "string";
+		});
+	}
+	get resolvedText() {
+		let e = P(this.content);
+		return Gt(e) ? e() : e;
+	}
+	get kind() {
+		return P(this.kindRef);
+	}
+	get componentName() {
+		switch (this.kind) {
+			case "md": return "vue-markdown";
+			case "html": return "html";
+			case "component": return this.resolvedText.componentName;
+			default: return "template";
+		}
+	}
+	get componentBindings() {
+		switch (this.kind) {
+			case "md": {
+				let e = this.resolvedText;
+				return {
+					source: e.toString(),
+					options: e.options,
+					plugins: e.plugins
+				};
+			}
+			case "component": {
+				let e = Z({}, this.resolvedText.componentProps);
+				return delete e.innerHTML, e;
+			}
+			default: return {};
+		}
+	}
+	get componentChildren() {
+		return this.kind === "component" ? Wt(this.resolvedText) : [];
+	}
+	get componentBody() {
+		switch (this.kind) {
+			case "md":
+			case "component": return "";
+			default: return this.resolvedText.toString();
+		}
+	}
+	get extraClasses() {
+		return this.classes;
+	}
+};
+//#endregion
+//#region src/helpers/error-text.ts
+function qt(e) {
+	var t;
+	return Rt(e) ? {
+		code: "",
+		params: {},
+		detail: Ut(e),
+		origin: "application"
+	} : {
+		code: typeof e.code == "string" ? e.code : "",
+		params: (t = e.params) == null ? {} : t,
+		detail: typeof e.detail == "string" ? e.detail : "",
+		origin: typeof e.origin == "string" && e.origin ? e.origin : "application"
+	};
+}
+function Jt(e, t) {
+	var n, r;
+	if (Rt(e)) return e;
+	let i = qt(e);
+	return i.code ? (n = (r = t.errorText) == null ? void 0 : r.call(t, i)) == null ? i.detail : n : i.detail;
+}
+//#endregion
+//#region src/helpers/settings.ts
+var Yt = Symbol("vuetifyInputsSettingsKey"), Xt = /* @__PURE__ */ l({
+	__name: "messages-widget",
+	props: {
+		message: {},
+		classes: {}
+	},
+	setup(e) {
+		let t = e, r = p(Yt, {}), i = /* @__PURE__ */ new Set(/* @__PURE__ */ "div.span.p.h1.h2.h3.h4.h5.h6.section.article.aside.nav.header.footer.main.figure.figcaption.blockquote.pre.code.em.strong.small.mark.del.ins.sub.sup.i.b.u.s.a.img.button.input.textarea.select.option.label.form.table.tr.td.th.thead.tbody.tfoot.ul.ol.li.dl.dt.dd".split("."));
+		function a(e) {
+			return e instanceof Kt ? e : new Kt(Jt(e, r));
+		}
+		function o(e, t, n) {
+			let r = () => n.map(s);
+			return i.has(e.toLowerCase()) ? f(e, t, r()) : f(D(e), t, n.length ? { default: r } : void 0);
+		}
+		function s(e) {
+			let t = new Kt(e);
+			switch (t.componentName) {
+				case "template": return t.componentBody;
+				case "html": return f("span", { innerHTML: t.componentBody });
+				case "vue-markdown": {
+					let { source: e, options: n, plugins: r } = t.componentBindings;
+					return f(H, {
+						class: "df-messages-widget-markdown",
+						source: e,
+						options: n,
+						plugins: r
+					});
+				}
+				default: return o(t.componentName, t.componentBindings, t.componentChildren);
+			}
+		}
+		let c = () => typeof t.message == "string" ? f("span", { class: t.classes }, t.message) : t.message.map((e) => {
+			let n = a(e), r = [t.classes, n.extraClasses];
+			switch (n.componentName) {
+				case "template": return f("div", { class: r }, n.componentBody);
+				case "html": return f("div", {
+					class: r,
+					innerHTML: n.componentBody
+				});
+				case "vue-markdown": {
+					let { source: e, options: t, plugins: i } = n.componentBindings;
+					return f(H, {
+						class: [...r, "df-messages-widget-markdown"],
+						source: e,
+						options: t,
+						plugins: i
+					});
+				}
+				default: return o(n.componentName, Z(Z({}, n.componentBindings), {}, { class: [r, n.componentBindings.class] }), n.componentChildren);
+			}
+		});
+		return (e, t) => (C(), n(c));
 	}
-}, J = /* @__PURE__ */ l({
+}), Q = /* @__PURE__ */ l({
 	__name: "df-input-hint",
 	props: {
 		errors: { default: "" },
-		message: { default: "" },
+		message: {
+			type: [
+				String,
+				Object,
+				Function,
+				Array
+			],
+			default: ""
+		},
 		errorClasses: { default: "text-error" },
 		messageClasses: { default: "" }
 	},
 	setup(e) {
-		let r = e, i = t(() => r.errors ? typeof r.errors == "string" ? r.errors.trim().length > 0 : r.errors.length > 0 : !1), a = t(() => i.value ? r.errors : r.message), o = t(() => i.value ? r.errorClasses : r.messageClasses);
-		return (e, t) => (x(), n(j(B), {
+		let r = e, i = t(() => r.errors ? typeof r.errors == "string" ? r.errors.trim().length > 0 : r.errors.length > 0 : !1), a = t(() => {
+			if (i.value) return r.errors;
+			let e = r.message;
+			return typeof e == "string" || Array.isArray(e) ? e : [new Kt(e)];
+		}), o = t(() => i.value ? r.errorClasses : r.messageClasses);
+		return (e, t) => (C(), n(Xt, {
 			message: a.value,
 			classes: o.value
 		}, null, 8, ["message", "classes"]));
 	}
-}), Y = /* @__PURE__ */ l({
+}), $ = /* @__PURE__ */ l({
 	__name: "df-label",
 	props: {
 		data: {},
@@ -908,131 +1092,164 @@ var Ot = {
 		allowWrap: { type: Boolean }
 	},
 	setup(a) {
-		let o = a, c = t(() => o.data ? o.data.label : o.label.text);
+		let o = a, c = t(() => {
+			var e;
+			return o.label.text || ((e = o.data) == null ? void 0 : e.label) || "";
+		}), l = t(() => new Kt(c.value));
 		return (t, o) => {
-			let l = T("v-img");
-			return x(), i("div", { class: g(["df-label", { "allow-wrap": a.allowWrap }]) }, [a.label.icon ? (x(), i(e, { key: 0 }, [a.label.iconComponent === "v-icon" ? (x(), n(j(V), {
+			let u = D("v-img");
+			return C(), i("div", { class: v(["df-label", { "allow-wrap": a.allowWrap }]) }, [a.label.icon ? (C(), i(e, { key: 0 }, [a.label.iconComponent === "v-icon" ? (C(), n(P(V), {
 				key: 0,
 				name: a.label.icon,
 				size: "1.25em"
-			}, null, 8, ["name"])) : a.label.iconComponent === "v-img" ? (x(), n(l, {
+			}, null, 8, ["name"])) : a.label.iconComponent === "v-img" ? (C(), n(u, {
 				key: 1,
 				class: "icon",
 				src: a.label.icon
-			}, null, 8, ["src"])) : (x(), n(E(a.label.iconComponent), {
+			}, null, 8, ["src"])) : (C(), n(O(a.label.iconComponent), {
 				key: 2,
 				src: a.label.icon
-			}, null, 8, ["src"]))], 64)) : r("", !0), c.value instanceof j(re) ? (x(), n(j(H), {
-				key: 1,
-				class: "markdown",
-				source: c.value.toString(),
-				options: c.value.options,
-				plugins: c.value.plugins
-			}, null, 8, [
-				"source",
-				"options",
-				"plugins"
-			])) : (x(), i(e, { key: 2 }, [s(O(c.value), 1)], 64))], 2);
+			}, null, 8, ["src"]))], 64)) : r("", !0), typeof c.value == "string" ? (C(), i(e, { key: 1 }, [s(A(c.value), 1)], 64)) : (C(), n(Xt, {
+				key: 2,
+				message: [l.value]
+			}, null, 8, ["message"]))], 2);
 		};
 	}
-}), jt = Symbol("vuetifyInputsSettingsKey"), Mt = class {
+});
+//#endregion
+//#region src/helpers/shown-errors.ts
+function Zt(e, t, n, r) {
+	let i = !t || t.effectiveAccess !== "disabled";
+	return e.filter((e) => {
+		let a = i && (e.origin === "server" || n);
+		return r.shownErrors ? r.shownErrors(e, t, a) : a;
+	});
+}
+function Qt(e) {
+	let n = p(Yt, {});
+	return t(() => {
+		let t = N(e);
+		return t ? Zt(t.errors, t, t.touched, n) : [];
+	});
+}
+//#endregion
+//#region src/helpers/input-base.ts
+var $t = class {
 	constructor(e, t, n = "v-icon") {
-		ft(this, "text", void 0), ft(this, "icon", void 0), ft(this, "iconComponent", void 0), this.text = e, this.icon = t, this.iconComponent = n;
+		X(this, "text", void 0), X(this, "icon", void 0), X(this, "iconComponent", void 0), this.text = e, this.icon = t, this.iconComponent = n;
 	}
-}, X = {
+}, en = {
 	enabled: void 0,
 	clearable: !0
 };
-function Z(e, n) {
-	let r = d(jt, {}), i = d("field-density", null), a = d("field-variant", null), o = S(null), s = D(null), c = t({
+function tn(e, n, r) {
+	let i = p(Yt, {}), a = p("field-density", null), o = p("field-variant", null), s = w(null), c = k(null), l = t({
 		get() {
-			return s.value ? s.value.value : e.control ? e.control.value : e.modelValue === void 0 ? o.value : e.modelValue;
+			return c.value ? c.value.value : e.control ? e.control.value : e.modelValue === void 0 ? s.value : e.modelValue;
 		},
 		set(t) {
 			try {
 				e.control && (e.control.value = t);
 			} finally {
-				e.control && !Object.is(k(e.control.value), k(t)) && (s.value = { value: t }, h(() => {
-					s.value = null;
+				e.control && !Object.is(j(e.control.value), j(t)) && (c.value = { value: t }, _(() => {
+					c.value = null;
 				}));
 			}
-			e.modelValue === void 0 && (o.value = t), n("update:modelValue", e.control ? e.control.value : t);
+			e.modelValue === void 0 && (s.value = t), n("update:modelValue", e.control ? e.control.value : t);
 		}
 	});
-	if (e.control && !(e.control instanceof L.FieldBase)) throw Error("control prop is not a vue-form control instance");
-	let l = t({
+	if (e.control && !(e.control instanceof U.FieldBase)) throw Error("control prop is not a vue-form control instance");
+	let u = t({
 		get() {
 			return e.control.touched;
 		},
 		set(t) {
 			e.control.touched = t;
 		}
-	}), u = e.control ? l : S(!1), f = t(() => !e.control || e.control.valid), p = t(() => e.control ? e.control.errors : (e.errors || []).map((e) => new ie(e))), m = t(() => u.value && p.value.length > 0 ? " " : void 0), g = t(() => u.value ? p.value : void 0), _ = t(() => e.control ? e.control.effectiveEnabled : e.enabled !== !1), v = t(() => e.control ? e.control.visibility : e.visibility == null ? L.DisplayMode.FULL : L.DisplayMode.fromAny(e.visibility)), y = t(() => v.value !== L.DisplayMode.SUPPRESS), b = t(() => ({
-		"d-none": v.value === L.DisplayMode.HIDDEN,
-		invisible: v.value === L.DisplayMode.INVISIBLE
-	})), x = t(() => {
-		var t, n;
-		return (t = (n = e.control) == null ? void 0 : n.extra) == null ? {} : t;
-	}), C = t(() => {
+	}), d = e.control ? u : w(!1), f = t(() => !e.control || e.control.valid), m = t(() => {
+		var t;
+		let n = /* @__PURE__ */ new Map();
+		return ((t = e.errors) == null ? [] : t).forEach((e) => {
+			let { code: t, params: r, detail: i, origin: a } = qt(e);
+			n.set(new G(t, r, i, a), e);
+		}), n;
+	}), h = t(() => {
 		var t;
-		let n = (t = e.label) == null ? x.value.label : t;
-		return G(n || "") ? new Mt(n || "") : n;
-	}), w = t(() => {
+		return e.control ? e.control.errors : [...m.value.keys(), ...(t = r == null ? void 0 : r()) == null ? [] : t];
+	}), g = t(() => Zt(h.value, e.control, d.value, i).map((e) => {
+		var t;
+		return (t = m.value.get(e)) == null ? e : t;
+	})), v = t(() => g.value.length > 0 ? " " : void 0), y = t(() => e.control ? e.control.effectiveEnabled : e.enabled !== !1), b = t(() => {
+		if (e.control) return e.control.visibility;
+		if (e.visibility == null) return U.defaultVisibility;
+		if (!U.isVisibility(e.visibility)) throw Error(`'${e.visibility}' is not a visibility: ${U.visibilityValues.join(", ")}`);
+		return e.visibility;
+	}), x = t(() => b.value !== "suppress"), S = t(() => ({
+		"d-none": b.value === "hidden",
+		invisible: b.value === "invisible"
+	})), C = t(() => {
 		var t, n;
-		return (t = (n = e.placeholder) == null ? x.value.placeholder : n) == null ? "" : t;
+		return (t = (n = e.control) == null ? void 0 : n.extra) == null ? {} : t;
 	}), T = t(() => {
-		var t, n;
-		return (t = (n = e.helpText) == null ? x.value.helpText : n) == null ? "" : t;
+		var t;
+		let n = (t = e.label) == null ? C.value.label : t;
+		return n instanceof $t ? n : new $t(n == null ? "" : n);
 	}), E = t(() => {
 		var t, n;
-		return (t = (n = e.hint) == null ? x.value.hint : n) == null ? "" : t;
+		return (t = (n = e.placeholder) == null ? C.value.placeholder : n) == null ? "" : t;
+	}), D = t(() => {
+		var t, n;
+		return (t = (n = e.helpText) == null ? C.value.helpText : n) == null ? "" : t;
 	}), O = t(() => {
 		var t, n;
-		return (t = (n = e.cssClass) == null ? x.value.cssClass : n) == null ? "" : t;
+		return (t = (n = e.hint) == null ? C.value.hint : n) == null ? "" : t;
 	}), A = t(() => {
-		var t, n, a, o;
-		return (t = (n = (a = (o = e.density) == null ? x.value.density : o) == null ? i : a) == null ? r.defaultDensity : n) == null ? "default" : t;
-	}), j = t(() => A.value === "inline" ? "default" : A.value), M = t(() => {
-		var t, n, i, o;
-		return (t = (n = (i = (o = e.variant) == null ? x.value.variant : o) == null ? a : i) == null ? r.defaultVariant : n) == null ? "underlined" : t;
+		var t, n;
+		return (t = (n = e.cssClass) == null ? C.value.cssClass : n) == null ? "" : t;
+	}), M = t(() => {
+		var t, n, r, o;
+		return (t = (n = (r = (o = e.density) == null ? C.value.density : o) == null ? a : r) == null ? i.defaultDensity : n) == null ? "default" : t;
+	}), N = t(() => M.value === "inline" ? "default" : M.value), P = t(() => {
+		var t, n, r, a;
+		return (t = (n = (r = (a = e.variant) == null ? C.value.variant : a) == null ? o : r) == null ? i.defaultVariant : n) == null ? "underlined" : t;
 	});
 	return {
-		value: c,
+		value: l,
 		valid: f,
-		enabled: _,
-		errors: p,
-		showErrors: g,
-		visibility: v,
-		isRendered: y,
-		visibilityClass: b,
-		label: C,
-		touched: u,
-		density: A,
-		densityClass: t(() => `df-density-${A.value}`),
+		enabled: y,
+		errors: h,
+		shownErrors: g,
+		visibility: b,
+		isRendered: x,
+		visibilityClass: S,
+		label: T,
+		touched: d,
+		density: M,
+		densityClass: t(() => `df-density-${M.value}`),
 		vuetifyBindings: t(() => {
 			var t;
-			return q({
+			return Z({
 				name: (t = e.control) == null ? void 0 : t.fieldName,
-				class: O.value,
-				density: j.value,
-				variant: M.value,
-				label: C.value.text,
-				errorMessages: m.value,
-				readonly: !_.value,
-				disabled: !_.value,
-				placeholder: w.value,
-				"persistent-placeholder": !ce(w.value),
-				hint: E.value,
+				class: A.value,
+				density: N.value,
+				variant: P.value,
+				label: Ut(T.value.text),
+				errorMessages: v.value,
+				readonly: !y.value,
+				disabled: !y.value,
+				placeholder: E.value,
+				"persistent-placeholder": !q(E.value),
+				hint: O.value,
 				persistentHint: !0,
 				hideDetails: "auto",
-				helpText: T.value
+				helpText: D.value
 			}, e.passthroughAttrs || {});
 		})
 	};
 }
 //#endregion
 //#region src/helpers/input-base.vue?vue&type=script&setup=true&lang.ts
-var Nt = { class: "d-flex w-100 df-style-resetting df-sub-field" }, Pt = /* @__PURE__ */ l({
+var nn = { class: "d-flex w-100 df-style-resetting df-sub-field" }, rn = /* @__PURE__ */ l({
 	__name: "input-base",
 	props: {
 		control: {},
@@ -1057,49 +1274,49 @@ var Nt = { class: "d-flex w-100 df-style-resetting df-sub-field" }, Pt = /* @__P
 		"blur"
 	],
 	setup(e, { emit: i }) {
-		let s = e, l = i, { isRendered: d, label: f, showErrors: p, touched: m, value: h, visibilityClass: v, vuetifyBindings: y } = Z(s, l), b = t(() => !!(j(s.clearable) && j(h))), C = S(!1);
-		function E(e) {
-			C.value = e, e || (m.value = !0, l("blur"));
+		let s = e, l = i, { isRendered: u, label: f, shownErrors: p, touched: m, value: h, visibilityClass: g, vuetifyBindings: _ } = tn(s, l), b = t(() => !!(P(s.clearable) && P(h))), x = w(!1);
+		function S(e) {
+			x.value = e, e || (m.value = !0, l("blur"));
 		}
 		return (t, i) => {
-			let s = T("v-field"), m = T("v-input");
-			return j(d) ? (x(), n(m, {
+			let s = D("v-field"), m = D("v-input");
+			return P(u) ? (C(), n(m, {
 				key: 0,
-				name: j(y).name,
-				density: j(y).density,
-				hint: j(y).hint,
-				"persistent-hint": j(y).persistentHint,
-				"hide-details": j(y).hideDetails,
-				"error-messages": j(y).errorMessages,
-				class: g([e.cssClass, j(v)])
+				name: P(_).name,
+				density: P(_).density,
+				hint: P(_).hint,
+				"persistent-hint": P(_).persistentHint,
+				"hide-details": P(_).hideDetails,
+				"error-messages": P(_).errorMessages,
+				class: v([e.cssClass, P(g)])
 			}, o({
-				message: P(({ message: e }) => [c(J, {
+				message: R(({ message: e }) => [c(Q, {
 					message: e,
-					errors: j(p)
+					errors: P(p)
 				}, null, 8, ["message", "errors"])]),
-				default: P(() => [c(s, {
-					variant: j(y).variant,
-					density: j(y).density,
-					label: j(y).label,
-					disabled: j(y).disabled,
+				default: R(() => [c(s, {
+					variant: P(_).variant,
+					density: P(_).density,
+					label: P(_).label,
+					disabled: P(_).disabled,
 					clearable: b.value,
 					"persistent-clear": !0,
-					dirty: !!j(h) || !!j(y).placeholder,
-					active: C.value,
+					dirty: !!P(h) || !!P(_).placeholder,
+					active: x.value,
 					loading: e.loading,
 					"onClick:clear": i[0] || (i[0] = (e) => l("click:clear")),
-					"onUpdate:focused": i[1] || (i[1] = (e) => E(e))
+					"onUpdate:focused": i[1] || (i[1] = (e) => S(e))
 				}, o({
-					label: P((e) => [c(Y, {
+					label: R((e) => [c($, {
 						data: e,
-						label: j(f)
+						label: P(f)
 					}, null, 8, ["data", "label"])]),
-					default: P((e) => [a("div", Nt, [w(t.$slots, "default", _(u(e)))])]),
-					loader: P((e) => [w(t.$slots, "loader", _(u(e)))]),
+					default: R((e) => [a("div", nn, [E(t.$slots, "default", y(d(e)))])]),
+					loader: R((e) => [E(t.$slots, "loader", y(d(e)))]),
 					_: 2
 				}, [t.$slots["prepend-inner"] ? {
 					name: "prepend-inner",
-					fn: P((e) => [w(t.$slots, "prepend-inner", _(u(e)))]),
+					fn: R((e) => [E(t.$slots, "prepend-inner", y(d(e)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"variant",
@@ -1114,7 +1331,7 @@ var Nt = { class: "d-flex w-100 df-style-resetting df-sub-field" }, Pt = /* @__P
 				_: 2
 			}, [t.$slots.prepend ? {
 				name: "prepend",
-				fn: P((e) => [w(t.$slots, "prepend", _(u(e)))]),
+				fn: R((e) => [E(t.$slots, "prepend", y(d(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"name",
@@ -1127,10 +1344,12 @@ var Nt = { class: "d-flex w-100 df-style-resetting df-sub-field" }, Pt = /* @__P
 			])) : r("", !0);
 		};
 	}
-}), { strings: Ft, translateStrings: It } = me({
+}), an = {
 	Yes: "Yes",
 	No: "No",
 	Close: "Close",
+	Cancel: "Cancel",
+	Ok: "OK",
 	Paragraph: "Paragraph",
 	Heading1: "Heading 1",
 	Heading2: "Heading 2",
@@ -1188,38 +1407,37 @@ var Nt = { class: "d-flex w-100 df-style-resetting df-sub-field" }, Pt = /* @__P
 	Style: "Style",
 	MediaEmbed: "Insert media",
 	MediaEmbedUrl: "Video URL",
-	MediaEmbedInsert: "Insert",
-	InvalidHexColor: "Not a valid hex string."
-}), Q = /* @__PURE__ */ function(e) {
-	return e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e;
-}(Q || {}), Lt = 0;
-(function(e) {
-	function t(e) {
-		return e.toUpperCase() === "BUTTON" ? 0 : +(e.toUpperCase() === "TEXT");
-	}
-	e.fromString = t;
-	function n(e) {
-		let t = typeof e == "number" ? e : Q.fromString(e);
-		return Object.values(Q).includes(t) ? t : 0;
-	}
-	e.fromAny = n;
-	function r(e) {
-		let t = typeof e == "number" ? e : Q.fromString(e);
-		return Object.values(Q).includes(t);
-	}
-	e.isDefined = r;
-})(Q || (Q = {})), Object.freeze(Q);
+	MediaEmbedInsert: "Insert"
+}, on = de(an), { translateStrings: sn } = on, cn = /* @__PURE__ */ new WeakMap();
+function ln(e) {
+	if (!(e != null && e.translate)) return on;
+	let t = cn.get(e);
+	return t || (t = de(an), t.translateStrings(e.translate, e.translateNamespace), cn.set(e, t)), t;
+}
+function un(e, t) {
+	return ln(u() ? p(Yt, {}) : void 0).translate(e, t);
+}
+function dn() {
+	let e = ln(p(Yt, {}));
+	return (t, n) => e.translate(t, n);
+}
+//#endregion
+//#region src/helpers/action/action-display-style.ts
+var fn = Object.freeze(["button", "text"]), pn = "button";
+function mn(e) {
+	return fn.includes(e);
+}
 //#endregion
 //#region src/helpers/action/responsive-render-options.ts
-var Rt = [
+var hn = [
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xl"
-], zt = class {
+], gn = class {
 	constructor(e) {
-		ft(this, "_value", void 0), this._value = this.cleanBreakpoint(e, !0), e && Rt.forEach((t) => {
+		X(this, "_value", void 0), this._value = this.cleanBreakpoint(e, !0), e && hn.forEach((t) => {
 			let n = this.cleanBreakpoint(e[t]);
 			n && (this._value[t] = n);
 		});
@@ -1227,43 +1445,51 @@ var Rt = [
 	getOptionsForBreakpoint(e) {
 		var t;
 		let n = (t = this.cleanBreakpoint(this._value)) == null ? {} : t;
-		for (let t of Rt) {
+		for (let t of hn) {
 			var r;
 			let i = (r = this._value[t]) == null ? {} : r;
 			for (let e of Object.keys(i)) {
 				let t = i[e];
-				t != null && (n[e] = fe(t) ? q(q({}, n[e]), t) : t);
+				t != null && (n[e] = le(t) ? Z(Z({}, n[e]), t) : t);
 			}
 			if (t === e) break;
 		}
 		return n;
 	}
 };
-function Bt(e) {
+function _n(e) {
 	return e.xlAndUp.value ? "xl" : e.lgAndUp.value ? "lg" : e.mdAndUp.value ? "md" : e.smAndUp.value ? "sm" : "xs";
 }
-function Vt() {
-	let e = he();
-	return t(() => Bt(e));
+function vn() {
+	let e = fe();
+	return t(() => _n(e));
 }
 //#endregion
 //#region src/helpers/action/action-render-options.ts
-var Ht = class extends zt {
+var yn = class extends gn {
 	cleanBreakpoint(e, t = !1) {
-		if ((!e || !de(e)) && !t) return null;
+		if ((!e || !ce(e)) && !t) return null;
 		let n = {};
-		return t && (n.renderAs = Q.BUTTON, n.showLabel = !0, n.showIcon = !0), e && (e.renderAs != null && (n.renderAs = Q.fromAny(e.renderAs)), G(e.label) && (n.label = e.label), G(e.icon) && (n.icon = e.icon), W(e.showLabel) && (n.showLabel = e.showLabel), W(e.showIcon) && (n.showIcon = e.showIcon), G(e.name) && (n.name = e.name), W(e.defaultConfirm) && (n.defaultConfirm = e.defaultConfirm), W(e.defaultReject) && (n.defaultReject = e.defaultReject), fe(e.passthroughAttrs) && (n.passthroughAttrs = q({}, e.passthroughAttrs))), Object.keys(n).length ? n : null;
+		if (t && (n.renderAs = pn, n.showLabel = !0, n.showIcon = !0), e) {
+			if (e.renderAs != null) {
+				if (!mn(e.renderAs)) throw Error(`'${e.renderAs}' is not an action display style: ${fn.join(", ")}`);
+				n.renderAs = e.renderAs;
+			}
+			let t = N(e.label);
+			J(t) && (n.label = t), J(e.icon) && (n.icon = e.icon), K(e.showLabel) && (n.showLabel = e.showLabel), K(e.showIcon) && (n.showIcon = e.showIcon), J(e.name) && (n.name = e.name), K(e.defaultConfirm) && (n.defaultConfirm = e.defaultConfirm), K(e.defaultReject) && (n.defaultReject = e.defaultReject), le(e.passthroughAttrs) && (n.passthroughAttrs = Z({}, e.passthroughAttrs));
+		}
+		return Object.keys(n).length ? n : null;
 	}
 };
-function Ut(e, t) {
-	let n = new Ht(e).getOptionsForBreakpoint(t);
+function bn(e, t) {
+	let n = new yn(e).getOptionsForBreakpoint(t), r = n.label;
 	return {
 		name: n.name,
-		label: n.showLabel ? n.label : void 0,
+		label: n.showLabel ? r : void 0,
 		icon: n.showIcon ? n.icon : void 0,
 		renderAs: n.renderAs,
-		showLabel: G(n.label) && !ce(n.label) ? n.showLabel : !1,
-		showIcon: G(n.icon) && !ce(n.icon) ? n.showIcon : !1,
+		showLabel: J(r) && !q(r) ? n.showLabel : !1,
+		showIcon: J(n.icon) && !q(n.icon) ? n.showIcon : !1,
 		defaultConfirm: n.defaultConfirm,
 		defaultReject: n.defaultReject,
 		passthroughAttrs: n.passthroughAttrs
@@ -1271,78 +1497,79 @@ function Ut(e, t) {
 }
 //#endregion
 //#region src/helpers/action/action.ts
-var Wt = class e extends R {
+var xn = class e extends te {
 	getBreakpointValue(e) {
-		return t(() => Ut(this.value, e.value));
+		return t(() => bn(this.value, e.value));
+	}
+	get label() {
+		return N(this.value.label);
+	}
+	set label(e) {
+		super.label = e;
 	}
 	get name() {
 		return this.value.name;
 	}
 	get renderedLabel() {
-		return this.value.showLabel ? this.value.label : void 0;
+		return this.value.showLabel ? N(this.value.label) : void 0;
 	}
 	get showLabel() {
-		return G(this.value.label) && !ce(this.value.label) ? this.value.showLabel : !1;
+		let e = N(this.value.label);
+		return J(e) && !q(e) ? this.value.showLabel : !1;
 	}
 	get renderedIcon() {
 		return this.value.showIcon ? this.value.icon : void 0;
 	}
 	get showIcon() {
-		return G(this.value.icon) && !ce(this.value.icon) ? this.value.showIcon : !1;
+		return J(this.value.icon) && !q(this.value.icon) ? this.value.showIcon : !1;
 	}
 	get renderAs() {
 		return this.value.renderAs;
 	}
-	get defaultConfirm() {
-		return this.value.defaultConfirm;
-	}
-	get defaultReject() {
-		return this.value.defaultReject;
-	}
 	get passthroughAttrs() {
 		return this.value.passthroughAttrs;
 	}
 	static closeAction(t) {
 		var n;
-		let r = q(q({}, t == null ? {} : t), {}, { value: {
+		let r = Z(Z({}, t == null ? {} : t), {}, { value: {
 			name: "close",
-			label: Ft.Close,
+			label: () => un("Close"),
 			icon: "ion-close-outline",
-			renderAs: Q.BUTTON,
+			renderAs: "button",
 			showLabel: !0,
 			showIcon: !0
 		} });
-		return r.value = q(q({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
+		return r.value = Z(Z({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
 	}
 	static yesAction(t) {
 		var n;
-		let r = q(q({}, t == null ? {} : t), {}, { value: {
+		let r = Z(Z({}, t == null ? {} : t), {}, { value: {
 			name: "yes",
-			label: Ft.Yes,
+			label: () => un("Yes"),
 			icon: "ion-thumbs-up-outline",
-			renderAs: Q.BUTTON,
+			renderAs: "button",
 			showLabel: !0,
 			showIcon: !0
 		} });
-		return r.value = q(q({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
+		return r.value = Z(Z({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
 	}
 	static noAction(t) {
 		var n;
-		let r = q(q({}, t == null ? {} : t), {}, { value: {
+		let r = Z(Z({}, t == null ? {} : t), {}, { value: {
 			name: "no",
-			label: Ft.No,
+			label: () => un("No"),
 			icon: "ion-thumbs-down-outline",
-			renderAs: Q.BUTTON,
+			renderAs: "button",
 			showLabel: !0,
 			showIcon: !0
 		} });
-		return r.value = q(q({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
+		return r.value = Z(Z({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
 	}
 };
 //#endregion
 //#region src/helpers/use-file-touch-keepalive.ts
-function Gt(e, t, n, r) {
-	let i = d(jt, {}), a = S(null);
+function Sn(e, t, n, r) {
+	let i = p(Yt, {}), a = w(null);
 	function o() {
 		a.value && window.clearInterval(a.value);
 	}
@@ -1352,24 +1579,24 @@ function Gt(e, t, n, r) {
 		let l = (s = (c = n()) == null ? i.defaultTouchInterval : c) == null ? 6e4 : s;
 		a.value = window.setInterval(() => {
 			e.value && t().touch(e.value).catch((e) => {
-				e instanceof At && r(e.errorText);
+				e instanceof Pt && r(e.errorText);
 			});
 		}, l);
 	}
-	return y(() => o()), N(e, (e) => e ? s() : o()), {
+	return x(() => o()), I(e, (e) => e ? s() : o()), {
 		setupTouchInterval: s,
 		clearTouchInterval: o
 	};
 }
-function Kt(e, t) {
-	e && (e.errors = [new ie(t)]);
+function Cn(e, t) {
+	e && (e.errors = [new G("file_gone", {}, t, "server")]);
 }
 //#endregion
 //#region src/df-actions.vue?vue&type=script&setup=true&lang.ts
-var qt = {
+var wn = {
 	key: 1,
 	style: { width: "0.5rem" }
-}, Jt = { key: 2 }, Yt = /* @__PURE__ */ l({
+}, Tn = { key: 2 }, En = /* @__PURE__ */ l({
 	__name: "df-actions",
 	props: {
 		actions: {},
@@ -1378,22 +1605,22 @@ var qt = {
 		showAsGroup: { default: "no" }
 	},
 	setup(a) {
-		let o = a, s = Vt(), c = t(() => j(o.actions).filter((e) => e.visibility !== z.SUPPRESS)), l = t(() => c.value.map((e) => q({ action: e }, Ut(e.value, s.value))));
+		let o = a, s = vn(), c = t(() => P(o.actions).filter((e) => e.visibility !== "suppress")), l = t(() => c.value.map((e) => Z({ action: e }, bn(e.value, s.value))));
 		function u(e) {
 			if (e.defaultConfirm) return "primary";
 			if (e.defaultReject) return "secondary";
 		}
 		return (t, o) => {
-			let s = T("v-btn");
-			return c.value.length > 0 ? (x(), i("div", {
+			let s = D("v-btn");
+			return c.value.length > 0 ? (C(), i("div", {
 				key: 0,
-				class: g(["text-end df-actions", {
+				class: v(["text-end df-actions", {
 					"button-group": a.showAsGroup === "grouped" || a.showAsGroup === "grouped-no-borders",
 					"with-border": a.showAsGroup === "grouped"
 				}])
-			}, [(x(!0), i(e, null, C(l.value, (e, t) => (x(), n(s, m({
+			}, [(C(!0), i(e, null, T(l.value, (e, t) => (C(), n(s, g({
 				key: t,
-				variant: e.renderAs === j(Q).BUTTON ? "tonal" : "text",
+				variant: e.renderAs === "button" ? "tonal" : "text",
 				color: u(e),
 				disabled: !e.action.effectiveEnabled || e.action.busy,
 				loading: e.action.busy,
@@ -1401,17 +1628,17 @@ var qt = {
 				size: a.buttonSize,
 				density: a.buttonDensity,
 				class: {
-					"d-none": e.action.visibility === j(z).HIDDEN,
-					invisible: e.action.visibility === j(z).INVISIBLE
+					"d-none": e.action.visibility === "hidden",
+					invisible: e.action.visibility === "invisible"
 				}
-			}, { ref_for: !0 }, e.passthroughAttrs, { onClick: I((t) => e.action.execute(t), ["stop"]) }), {
-				default: P(() => [
-					e.icon ? (x(), n(j(V), {
+			}, { ref_for: !0 }, e.passthroughAttrs, { onClick: B((t) => e.action.execute(t), ["stop"]) }), {
+				default: R(() => [
+					e.icon ? (C(), n(P(V), {
 						key: 0,
 						name: e.icon
 					}, null, 8, ["name"])) : r("", !0),
-					e.icon && e.label ? (x(), i("span", qt)) : r("", !0),
-					e.label ? (x(), i("span", Jt, O(e.label), 1)) : r("", !0)
+					e.icon && e.label ? (C(), i("span", wn)) : r("", !0),
+					e.label ? (C(), i("span", Tn, A(e.label), 1)) : r("", !0)
 				]),
 				_: 2
 			}, 1040, [
@@ -1426,9 +1653,9 @@ var qt = {
 			]))), 128))], 2)) : r("", !0);
 		};
 	}
-}), Xt = /* @__PURE__ */ l({
+}), Dn = /* @__PURE__ */ l({
 	__name: "df-checkbox",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		allowNull: { type: Boolean },
 		control: {},
 		modelValue: {},
@@ -1444,42 +1671,42 @@ var qt = {
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, { allowNull: !1 })),
+	}, Z(Z({}, en), {}, { allowNull: !1 })),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: i }) {
-		let a = e, { densityClass: o, isRendered: s, label: l, showErrors: u, touched: d, value: f, visibilityClass: p, vuetifyBindings: h } = Z(a, i), g = t(() => a.allowNull && f.value == null), _ = t({
+		let a = e, { densityClass: o, isRendered: s, label: l, shownErrors: u, touched: d, value: f, visibilityClass: p, vuetifyBindings: m } = tn(a, i), h = t(() => a.allowNull && f.value == null), _ = t({
 			get() {
 				return f.value;
 			},
 			set() {}
 		});
 		function v() {
-			let e = ae(f.value);
+			let e = re(f.value);
 			e === !0 ? f.value = a.allowNull ? null : !1 : f.value = e === !1;
 		}
 		return (e, t) => {
-			let i = T("v-checkbox");
-			return j(s) ? (x(), n(i, m({
+			let i = D("v-checkbox");
+			return P(s) ? (C(), n(i, g({
 				key: 0,
 				modelValue: _.value,
 				"onUpdate:modelValue": t[0] || (t[0] = (e) => _.value = e),
 				density: "compact",
-				class: [j(o), j(p)],
-				indeterminate: g.value,
+				class: [P(o), P(p)],
+				indeterminate: h.value,
 				"false-value": !1,
 				"true-value": !0
-			}, j(h), {
+			}, P(m), {
 				onChange: v,
 				onBlur: t[1] || (t[1] = (e) => d.value = !0)
 			}), {
-				label: P((e) => [c(j(Y), {
+				label: R((e) => [c(P($), {
 					"allow-wrap": !0,
 					data: e,
-					label: j(l)
+					label: P(l)
 				}, null, 8, ["data", "label"])]),
-				message: P(({ message: e }) => [c(j(J), {
+				message: R(({ message: e }) => [c(P(Q), {
 					message: e,
-					errors: j(u)
+					errors: P(u)
 				}, null, 8, ["message", "errors"])]),
 				_: 1
 			}, 16, [
@@ -1489,9 +1716,62 @@ var qt = {
 			])) : r("", !0);
 		};
 	}
-}), Zt = /* @__PURE__ */ l({
+});
+//#endregion
+//#region src/helpers/client-rendered.ts
+function On() {
+	if (typeof window > "u") return k(!1);
+	if (!fe().ssr) return k(!0);
+	let e = k(!1);
+	return S(() => {
+		e.value = !0;
+	}), e;
+}
+//#endregion
+//#region src/helpers/confirm-actions.vue
+var kn = /* @__PURE__ */ l({
+	__name: "confirm-actions",
+	props: {
+		save: { type: Function },
+		cancel: { type: Function },
+		isPristine: { type: Boolean }
+	},
+	setup(t) {
+		return (n, r) => {
+			let a = D("v-btn");
+			return C(), i(e, null, [c(a, {
+				variant: "text",
+				text: P(un)("Cancel"),
+				onClick: t.cancel
+			}, null, 8, ["text", "onClick"]), c(a, {
+				variant: "text",
+				disabled: t.isPristine,
+				text: P(un)("Ok"),
+				onClick: t.save
+			}, null, 8, [
+				"disabled",
+				"text",
+				"onClick"
+			])], 64);
+		};
+	}
+});
+function An() {
+	let e = -Infinity;
+	return {
+		viewChanged() {
+			e = Date.now();
+		},
+		saveOnDoubleClick(t, n, r) {
+			Date.now() - e < 600 || t.target instanceof Element && t.target.closest(n) && r();
+		}
+	};
+}
+//#endregion
+//#region src/df-color.vue?vue&type=script&setup=true&lang.ts
+var jn = ".v-color-picker-canvas", Mn = /* @__PURE__ */ l({
 	__name: "df-color",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		allowNull: { type: Boolean },
 		control: {},
 		modelValue: {},
@@ -1507,60 +1787,95 @@ var qt = {
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, { allowNull: !1 })),
+	}, Z(Z({}, en), {}, { allowNull: !1 })),
 	emits: ["update:modelValue", "click:clear"],
-	setup(e, { emit: i }) {
-		let o = e, { densityClass: s, isRendered: l, label: u, showErrors: d, touched: p, value: h, visibilityClass: g, vuetifyBindings: _ } = Z(o, i), y = S(!1), b = t(() => [(e) => o.control || !e && o.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(e) ? !0 : Ft.InvalidHexColor]);
+	setup(e, { emit: t }) {
+		let i = e, o = t, s = /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/;
+		function l() {
+			let e = _.value;
+			return !e && i.allowNull || s.test(e == null ? "" : e) ? [] : [new G("invalid_hex_color", {}, "Not a valid hex string.", "validator")];
+		}
+		let { densityClass: u, isRendered: d, label: f, shownErrors: p, touched: h, value: _, visibilityClass: v, vuetifyBindings: y } = tn(i, o, l), x = w(!1), S = On(), { saveOnDoubleClick: T } = An();
+		function E() {
+			x.value = !1, h.value = !0;
+		}
 		return (t, i) => {
-			let o = T("v-color-picker"), S = T("v-menu"), C = T("v-text-field");
-			return j(l) ? (x(), n(C, m({
+			let o = D("v-color-picker"), s = D("v-card-actions"), l = D("v-card"), w = D("v-confirm-edit"), O = D("v-menu"), k = D("v-text-field");
+			return P(d) ? (C(), n(k, g({
 				key: 0,
-				modelValue: j(h),
-				"onUpdate:modelValue": i[2] || (i[2] = (e) => f(h) ? h.value = e : null),
-				class: [j(s), j(g)],
+				modelValue: P(_),
+				"onUpdate:modelValue": i[3] || (i[3] = (e) => m(_) ? _.value = e : null),
+				class: [P(u), P(v)],
 				clearable: e.allowNull,
-				type: "text",
-				rules: b.value
-			}, j(_), { onBlur: i[3] || (i[3] = (e) => p.value = !0) }), {
-				label: P((e) => [c(j(Y), {
+				type: "text"
+			}, P(y), { onBlur: i[4] || (i[4] = (e) => h.value = !0) }), {
+				label: R((e) => [c(P($), {
 					data: e,
-					label: j(u)
+					label: P(f)
 				}, null, 8, ["data", "label"])]),
-				message: P(({ message: e }) => [c(j(J), {
+				message: R(({ message: e }) => [c(P(Q), {
 					message: e,
-					errors: j(d)
+					errors: P(p)
 				}, null, 8, ["message", "errors"])]),
-				"prepend-inner": P(() => [a("div", { style: v([{
+				"prepend-inner": R(() => [a("div", { style: b([{
 					width: "24px",
 					height: "24px",
 					"border-radius": "4px",
 					border: "1px solid #ccc"
-				}, { backgroundColor: j(h) }]) }, null, 4)]),
-				default: P(() => [c(S, {
-					modelValue: y.value,
-					"onUpdate:modelValue": i[1] || (i[1] = (e) => y.value = e),
+				}, { backgroundColor: P(_) }]) }, null, 4)]),
+				default: R(() => [P(S) ? (C(), n(O, {
+					key: 0,
+					modelValue: x.value,
+					"onUpdate:modelValue": i[2] || (i[2] = (e) => x.value = e),
 					"close-on-content-click": !1,
 					activator: "parent"
 				}, {
-					default: P(() => [c(o, {
-						modelValue: j(h),
-						"onUpdate:modelValue": i[0] || (i[0] = (e) => f(h) ? h.value = e : null),
-						mode: "hexa"
-					}, null, 8, ["modelValue"])]),
+					default: R(() => [c(w, {
+						modelValue: P(_),
+						"onUpdate:modelValue": i[0] || (i[0] = (e) => m(_) ? _.value = e : null),
+						"hide-actions": "",
+						onCancel: i[1] || (i[1] = (e) => x.value = !1),
+						onSave: E
+					}, {
+						default: R(({ model: e, save: t, cancel: n, isPristine: r }) => [c(l, null, {
+							default: R(() => [c(o, {
+								modelValue: e.value,
+								"onUpdate:modelValue": (t) => e.value = t,
+								mode: "hexa",
+								onDblclick: (e) => P(T)(e, jn, t)
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"onDblclick"
+							]), c(s, { class: "justify-end" }, {
+								default: R(() => [c(kn, {
+									save: t,
+									cancel: n,
+									"is-pristine": r
+								}, null, 8, [
+									"save",
+									"cancel",
+									"is-pristine"
+								])]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024)]),
+						_: 1
+					}, 8, ["modelValue"])]),
 					_: 1
-				}, 8, ["modelValue"])]),
+				}, 8, ["modelValue"])) : r("", !0)]),
 				_: 1
 			}, 16, [
 				"modelValue",
 				"class",
-				"clearable",
-				"rules"
+				"clearable"
 			])) : r("", !0);
 		};
 	}
-}), Qt = /* @__PURE__ */ l({
+}), Nn = /* @__PURE__ */ l({
 	__name: "df-datetime",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		inputType: {},
 		displayFormatDate: {},
 		displayFormatTime: {},
@@ -1579,156 +1894,182 @@ var qt = {
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, {
+	}, Z(Z({}, en), {}, {
 		inputType: "datetime",
 		displayFormatDate: "P",
 		displayFormatTime: "p"
 	})),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: i }) {
-		let o = e, s = i, l = t(() => {
-			var e;
-			return (e = o.locale) == null ? j(kt.dateTimeLocale) : e;
-		}), u = t(() => {
+		let o = e, s = i, l = p(Yt, {}), u = t(() => {
 			var e, t;
-			return (e = (t = l.value.options) == null ? void 0 : t.weekStartsOn) == null ? 1 : e;
-		}), { density: d, densityClass: f, touched: p, value: h, vuetifyBindings: _ } = Z(o, s), { inputType: v, displayFormatDate: y, displayFormatTime: b } = A(o), C = S(""), w = t({
+			return (e = (t = o.locale) == null ? P(l.dateTimeLocale) : t) == null ? P(Nt.dateTimeLocale) : e;
+		}), d = t(() => {
+			var e, t;
+			return (e = (t = u.value.options) == null ? void 0 : t.weekStartsOn) == null ? 1 : e;
+		}), { density: f, densityClass: m, touched: h, value: _, vuetifyBindings: y } = tn(o, s), { inputType: b, displayFormatDate: x, displayFormatTime: S } = M(o), T = w(""), E = On(), O = t({
 			get() {
-				return j(C) === "date";
+				return P(T) === "date";
 			},
 			set(e) {
-				C.value = e ? "date" : "";
+				T.value = e ? "date" : "";
 			}
-		}), D = t({
+		}), k = t({
 			get() {
-				return j(C) === "time";
+				return P(T) === "time";
 			},
 			set(e) {
-				C.value = e ? "time" : "";
+				T.value = e ? "time" : "";
 			}
-		}), O = (e) => `${ge(e, "yyyy-MM-dd")}T${ge(e, "HH:mm")}:00`, k = S(null);
-		function M(e, t) {
-			if (e == null) k.value = null;
-			else if (t === -1) {
-				if (j(v) === "time") k.value = O(/* @__PURE__ */ new Date()), M(`T${e}`, 1);
-				else {
-					let t = O(new Date(e));
-					M(t, 0), M(t, 1);
-				}
-			} else {
-				k.value == null && (k.value = O(/* @__PURE__ */ new Date()));
-				let n = k.value.split(/[TZ]/g);
-				n[t] = e.split(/[TZ]/g)[t], k.value = O(/* @__PURE__ */ new Date(`${n[0]}T${n[1].split(".")[0]}`)), j(v) === "date" ? h.value = n[0] : j(v) === "time" ? h.value = n[1] : h.value = j(k) + ge(/* @__PURE__ */ new Date(), "XXX");
+		});
+		function A() {
+			T.value = "", h.value = !0;
+		}
+		let { viewChanged: j, saveOnDoubleClick: N } = An();
+		function ee() {
+			_.value = null, h.value = !0;
+		}
+		let F = (e) => `${pe(e, "yyyy-MM-dd")}T${pe(e, "HH:mm")}:00`, L = w(null);
+		function B(e, t, n) {
+			let r = e.split(/[TZ]/g);
+			return r[n] = t.split(/[TZ]/g)[n], r;
+		}
+		let V = (e) => F(/* @__PURE__ */ new Date(`${e[0]}T${e[1].split(".")[0]}`));
+		function H(e, t) {
+			if (e == null) L.value = null;
+			else if (t === -1) P(b) === "time" ? L.value = V(B(F(/* @__PURE__ */ new Date()), `T${e}`, 1)) : L.value = F(he(e));
+			else {
+				var n;
+				let r = B((n = L.value) == null ? F(/* @__PURE__ */ new Date()) : n, e, t);
+				L.value = V(r), P(b) === "date" ? _.value = r[0] : P(b) === "time" ? _.value = r[1] : _.value = L.value + pe(new Date(L.value), "XXX");
 			}
 		}
-		N(h, (e) => M(e, -1), { immediate: !0 });
-		let ee = t({
+		I(_, (e) => H(e, -1), { immediate: !0 });
+		let U = t({
 			get() {
-				let e = j(k);
+				let e = P(L);
 				if (e == null) return null;
 				let t = new Date(e);
 				return Number.isNaN(t.getTime()) ? null : t;
 			},
 			set(e) {
-				M(O(e), 0);
+				H(F(e), 0);
 			}
 		}), te = t({
 			get() {
-				let e = j(k);
+				let e = P(L);
 				return e == null ? "" : e.split(/[TZ]/g)[1].split(".")[0];
 			},
 			set(e) {
-				M(`T${e}`, 1);
+				H(`T${e}`, 1);
 			}
-		}), I = t({
+		}), W = t({
 			get() {
-				let e = j(ee);
-				return e == null ? "" : ge(e, j(y), { locale: l.value });
+				let e = P(U);
+				return e == null ? "" : pe(e, P(x), { locale: u.value });
 			},
 			set(e) {
 				try {
-					let t = _e(e, j(y), /* @__PURE__ */ new Date(), { locale: l.value });
-					M(O(t), 0);
+					let t = me(e, P(x), /* @__PURE__ */ new Date(), { locale: u.value });
+					H(F(t), 0);
 				} catch (e) {
 					console.error(e);
 				}
 			}
-		}), L = t({
+		}), G = t({
 			get() {
-				let e = j(ee);
-				return e == null ? "" : ge(e, j(b), { locale: l.value });
+				let e = P(U);
+				return e == null ? "" : pe(e, P(S), { locale: u.value });
 			},
 			set(e) {
 				let t = e.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
 				if (t == null) return;
-				let n = K(t[1]), r = K(t[2]);
-				ue(n) || ue(r) || (t[3] && t[3].toLowerCase() === "pm" && n < 13 && (n += 12), M(`T${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}:00`, 1));
+				let n = Y(t[1]), r = Y(t[2]);
+				se(n) || se(r) || (t[3] && t[3].toLowerCase() === "pm" && n < 13 && (n += 12), H(`T${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}:00`, 1));
 			}
 		});
 		return (t, i) => {
-			let s = T("v-date-picker"), l = T("v-confirm-edit"), y = T("v-menu"), b = T("v-text-field"), S = T("v-time-picker");
-			return x(), n(j(Pt), m(o, {
-				class: j(f),
+			let s = D("v-date-picker"), l = D("v-confirm-edit"), u = D("v-menu"), p = D("v-text-field"), _ = D("v-time-picker");
+			return C(), n(P(rn), g(o, {
+				class: P(m),
 				clearable: e.clearable,
-				"onClick:clear": i[14] || (i[14] = (e) => h.value = null),
-				onBlur: i[15] || (i[15] = (e) => p.value = !0)
+				"onClick:clear": ee,
+				onBlur: i[12] || (i[12] = (e) => h.value = !0)
 			}), {
-				default: P((t) => [a("div", { class: g([
+				default: R((t) => [a("div", { class: v([
 					"d-flex",
 					"w-100",
-					["plain", "underlined"].includes(j(_).variant) ? void 0 : "ml-4",
+					["plain", "underlined"].includes(P(y).variant) ? void 0 : "ml-4",
 					"df-input-wrapper",
-					j(d)
-				]) }, [["date", "datetime"].includes(j(v)) ? (x(), n(b, m({
+					P(f)
+				]) }, [["date", "datetime"].includes(P(b)) ? (C(), n(p, g({
 					key: 0,
-					modelValue: I.value,
-					"onUpdate:modelValue": i[4] || (i[4] = (e) => I.value = e),
+					modelValue: W.value,
+					"onUpdate:modelValue": i[3] || (i[3] = (e) => W.value = e),
 					style: { "flex-grow": "4" },
 					density: "compact",
 					variant: "plain",
 					clearable: !1,
 					"hide-details": !0,
-					readonly: j(_).readonly,
-					disabled: j(_).disabled,
-					name: `${j(_).name}-date`,
-					placeholder: j(_).placeholder
+					readonly: P(y).readonly,
+					disabled: P(y).disabled,
+					name: `${P(y).name}-date`,
+					placeholder: P(y).placeholder
 				}, e.passthroughAttrs, {
-					onClick: i[5] || (i[5] = (e) => C.value = "date"),
-					onKeydown: i[6] || (i[6] = F((e) => C.value = "date", ["space"])),
+					onClick: i[4] || (i[4] = (e) => T.value = "date"),
+					onKeydown: i[5] || (i[5] = z((e) => T.value = "date", ["space"])),
 					onFocus: (e) => t.focus(),
 					onBlur: (e) => t.blur()
 				}), {
-					default: P(() => [c(y, {
-						modelValue: w.value,
-						"onUpdate:modelValue": i[3] || (i[3] = (e) => w.value = e),
+					default: R(() => [P(E) ? (C(), n(u, {
+						key: 0,
+						modelValue: O.value,
+						"onUpdate:modelValue": i[2] || (i[2] = (e) => O.value = e),
 						"close-on-content-click": !1,
 						activator: "parent"
 					}, {
-						default: P(() => [c(l, {
-							modelValue: ee.value,
-							"onUpdate:modelValue": i[0] || (i[0] = (e) => ee.value = e),
-							onCancel: i[1] || (i[1] = (e) => C.value = ""),
-							onSave: i[2] || (i[2] = (e) => C.value = "")
+						default: R(() => [c(l, {
+							modelValue: U.value,
+							"onUpdate:modelValue": i[0] || (i[0] = (e) => U.value = e),
+							"hide-actions": "",
+							onCancel: i[1] || (i[1] = (e) => T.value = ""),
+							onSave: A
 						}, {
-							default: P(({ model: e, actions: t }) => [c(s, {
+							default: R(({ model: e, save: t, cancel: n, isPristine: r }) => [c(s, {
 								modelValue: e.value,
 								"onUpdate:modelValue": (t) => e.value = t,
 								"hide-header": !0,
-								"first-day-of-week": u.value,
+								"first-day-of-week": d.value,
 								"show-adjacent-months": !0,
-								"show-week": !0
+								"show-week": !0,
+								"onUpdate:viewMode": P(j),
+								"onUpdate:month": P(j),
+								"onUpdate:year": P(j),
+								onDblclick: (e) => P(N)(e, ".v-date-picker-month__day", t)
 							}, {
-								actions: P(() => [(x(), n(E(t)))]),
+								actions: R(() => [c(kn, {
+									save: t,
+									cancel: n,
+									"is-pristine": r
+								}, null, 8, [
+									"save",
+									"cancel",
+									"is-pristine"
+								])]),
 								_: 2
 							}, 1032, [
 								"modelValue",
 								"onUpdate:modelValue",
-								"first-day-of-week"
+								"first-day-of-week",
+								"onUpdate:viewMode",
+								"onUpdate:month",
+								"onUpdate:year",
+								"onDblclick"
 							])]),
 							_: 1
 						}, 8, ["modelValue"])]),
 						_: 1
-					}, 8, ["modelValue"])]),
+					}, 8, ["modelValue"])) : r("", !0)]),
 					_: 1
 				}, 16, [
 					"modelValue",
@@ -1738,50 +2079,67 @@ var qt = {
 					"placeholder",
 					"onFocus",
 					"onBlur"
-				])) : r("", !0), ["time", "datetime"].includes(j(v)) ? (x(), n(b, m({
+				])) : r("", !0), ["time", "datetime"].includes(P(b)) ? (C(), n(p, g({
 					key: 1,
-					modelValue: L.value,
-					"onUpdate:modelValue": i[11] || (i[11] = (e) => L.value = e),
+					modelValue: G.value,
+					"onUpdate:modelValue": i[9] || (i[9] = (e) => G.value = e),
 					style: { "flex-grow": "3" },
 					density: "compact",
 					variant: "plain",
 					clearable: !1,
 					"hide-details": !0,
-					readonly: j(_).readonly,
-					disabled: j(_).disabled,
-					name: `${j(_).name}-time`,
-					placeholder: j(v) === "time" ? j(_).placeholder : void 0
+					readonly: P(y).readonly,
+					disabled: P(y).disabled,
+					name: `${P(y).name}-time`,
+					placeholder: P(b) === "time" ? P(y).placeholder : void 0
 				}, e.passthroughAttrs, {
-					onClick: i[12] || (i[12] = (e) => C.value = "time"),
-					onKeydown: i[13] || (i[13] = F((e) => C.value = "time", ["space"])),
+					onClick: i[10] || (i[10] = (e) => T.value = "time"),
+					onKeydown: i[11] || (i[11] = z((e) => T.value = "time", ["space"])),
 					onFocus: (e) => t.focus(),
 					onBlur: (e) => t.blur()
 				}), {
-					default: P(() => [c(y, {
-						modelValue: D.value,
-						"onUpdate:modelValue": i[10] || (i[10] = (e) => D.value = e),
+					default: R(() => [P(E) ? (C(), n(u, {
+						key: 0,
+						modelValue: k.value,
+						"onUpdate:modelValue": i[8] || (i[8] = (e) => k.value = e),
 						"close-on-content-click": !1,
 						activator: "parent"
 					}, {
-						default: P(() => [c(l, {
+						default: R(() => [c(l, {
 							modelValue: te.value,
-							"onUpdate:modelValue": i[7] || (i[7] = (e) => te.value = e),
-							onCancel: i[8] || (i[8] = (e) => C.value = ""),
-							onSave: i[9] || (i[9] = (e) => C.value = "")
+							"onUpdate:modelValue": i[6] || (i[6] = (e) => te.value = e),
+							"hide-actions": "",
+							onCancel: i[7] || (i[7] = (e) => T.value = ""),
+							onSave: A
 						}, {
-							default: P(({ model: e, actions: t }) => [c(S, {
+							default: R(({ model: e, save: t, cancel: n, isPristine: r }) => [c(_, {
 								modelValue: e.value,
 								"onUpdate:modelValue": (t) => e.value = t,
 								"hide-header": !0,
-								format: "24hr"
+								format: "24hr",
+								"onUpdate:viewMode": P(j),
+								onDblclick: (e) => P(N)(e, ".v-time-picker-clock", t)
 							}, {
-								actions: P(() => [(x(), n(E(t)))]),
+								actions: R(() => [c(kn, {
+									save: t,
+									cancel: n,
+									"is-pristine": r
+								}, null, 8, [
+									"save",
+									"cancel",
+									"is-pristine"
+								])]),
 								_: 2
-							}, 1032, ["modelValue", "onUpdate:modelValue"])]),
+							}, 1032, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"onUpdate:viewMode",
+								"onDblclick"
+							])]),
 							_: 1
 						}, 8, ["modelValue"])]),
 						_: 1
-					}, 8, ["modelValue"])]),
+					}, 8, ["modelValue"])) : r("", !0)]),
 					_: 1
 				}, 16, [
 					"modelValue",
@@ -1799,7 +2157,7 @@ var qt = {
 });
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/asyncToGenerator.js
-function $t(e, t, n, r, i, a, o) {
+function Pn(e, t, n, r, i, a, o) {
 	try {
 		var s = e[a](o), c = s.value;
 	} catch (e) {
@@ -1808,16 +2166,16 @@ function $t(e, t, n, r, i, a, o) {
 	}
 	s.done ? t(c) : Promise.resolve(c).then(r, i);
 }
-function en(e) {
+function Fn(e) {
 	return function() {
 		var t = this, n = arguments;
 		return new Promise(function(r, i) {
 			var a = e.apply(t, n);
 			function o(e) {
-				$t(a, r, i, o, s, "next", e);
+				Pn(a, r, i, o, s, "next", e);
 			}
 			function s(e) {
-				$t(a, r, i, o, s, "throw", e);
+				Pn(a, r, i, o, s, "throw", e);
 			}
 			o(void 0);
 		});
@@ -1825,9 +2183,9 @@ function en(e) {
 }
 //#endregion
 //#region src/df-file.vue?vue&type=script&setup=true&lang.ts
-var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
+var In = ["title", "aria-label"], Ln = /* @__PURE__ */ l({
 	__name: "df-file",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		comms: {},
 		touchInterval: {},
 		control: {},
@@ -1844,95 +2202,95 @@ var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, X),
+	}, en),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: i }) {
-		let s = e, { density: l, densityClass: u, touched: d, value: f, vuetifyBindings: p } = Z(s, i), h = Ft, _ = S(null), v = S(0), y = S(Math.round(Math.random() * 1e3)), b = S(), C = t(() => _.value && v.value < 100), w = t(() => !b.value && f.value ? f.value : ""), E = t(() => !b.value && !!f.value && !!s.comms.getDownloadUrl);
-		function D() {
-			return O.apply(this, arguments);
+		let s = e, { density: l, densityClass: u, touched: d, value: f, vuetifyBindings: p } = tn(s, i), m = un, h = w(null), _ = w(0), y = w(), b = t(() => h.value && _.value < 100), x = t(() => !y.value && f.value ? f.value : ""), S = t(() => !y.value && !!f.value && !!s.comms.getDownloadUrl);
+		function T() {
+			return E.apply(this, arguments);
 		}
-		function O() {
-			return O = en(function* () {
+		function E() {
+			return E = Fn(function* () {
 				if (!f.value || !s.comms.getDownloadUrl) return;
 				let e = yield s.comms.getDownloadUrl(f.value), t = document.createElement("a");
 				t.href = e, t.download = "", t.rel = "noopener", t.click();
-			}), O.apply(this, arguments);
+			}), E.apply(this, arguments);
 		}
-		function k() {
-			f.value = null, v.value = 0, y.value = Math.round(Math.random() * 1e3), _.value = null, b.value = null, ee();
+		function O() {
+			f.value = null, _.value = 0, h.value = null, y.value = null, j();
 		}
-		function A(e) {
-			k(), Kt(s.control, e);
+		function k(e) {
+			O(), Cn(s.control, e);
 		}
-		let { setupTouchInterval: M, clearTouchInterval: ee } = Gt(f, () => s.comms, () => s.touchInterval, A);
-		function N() {
-			return te.apply(this, arguments);
+		let { setupTouchInterval: A, clearTouchInterval: j } = Sn(f, () => s.comms, () => s.touchInterval, k);
+		function M() {
+			return N.apply(this, arguments);
 		}
-		function te() {
-			return te = en(function* () {
-				f.value && (yield s.comms.delete(f.value)), k();
-			}), te.apply(this, arguments);
+		function N() {
+			return N = Fn(function* () {
+				f.value && (yield s.comms.delete(f.value)), O(), d.value = !0;
+			}), N.apply(this, arguments);
 		}
-		function F(e) {
-			return L.apply(this, arguments);
+		function ee(e) {
+			return F.apply(this, arguments);
 		}
-		function L() {
-			return L = en(function* (e) {
-				v.value = -1, _.value = e;
+		function F() {
+			return F = Fn(function* (e) {
+				_.value = -1, h.value = e;
 				try {
 					f.value = yield s.comms.upload(e, (e, t) => {
-						v.value = Math.round(e * 100 / t);
-					}), v.value = 100, M();
+						_.value = Math.round(e * 100 / t);
+					}), _.value = 100, d.value = !0, A();
 				} catch (e) {
-					throw v.value = 0, _.value = null, y.value = Math.round(Math.random() * 1e3), b.value = null, e;
+					throw _.value = 0, h.value = null, y.value = null, e;
 				}
-			}), L.apply(this, arguments);
+			}), F.apply(this, arguments);
 		}
-		function R(e) {
-			e && (Array.isArray(e) ? console.error("Uploading multiple files not supported right now") : F(e));
+		function I(e) {
+			e && (Array.isArray(e) ? console.error("Uploading multiple files not supported right now") : ee(e));
 		}
 		return (t, i) => {
-			let f = T("v-progress-linear"), y = T("v-file-input");
-			return x(), n(j(Pt), m(q(q({}, s), {}, { loading: C.value }), {
-				class: j(u),
+			let f = D("v-progress-linear"), w = D("v-file-input");
+			return C(), n(P(rn), g(Z(Z({}, s), {}, { loading: b.value }), {
+				class: P(u),
 				clearable: "",
-				"onClick:clear": N,
+				"onClick:clear": M,
 				onBlur: i[1] || (i[1] = (e) => d.value = !0)
 			}), {
-				"prepend-inner": P(() => [c(j(V), { name: "mdi-paperclip" })]),
-				loader: P(() => [_.value && v.value < 100 ? (x(), n(f, {
+				"prepend-inner": R(() => [c(P(V), { name: "mdi-paperclip" })]),
+				loader: R(() => [h.value && _.value < 100 ? (C(), n(f, {
 					key: 0,
-					"model-value": v.value,
-					indeterminate: v.value === -1
+					"model-value": _.value,
+					indeterminate: _.value === -1
 				}, null, 8, ["model-value", "indeterminate"])) : r("", !0)]),
-				default: P((t) => [a("div", { class: g(["d-flex w-100 position-relative df-input-wrapper", j(l)]) }, [c(y, m({
-					modelValue: b.value,
-					"onUpdate:modelValue": i[0] || (i[0] = (e) => b.value = e),
-					label: w.value,
+				default: R((t) => [a("div", { class: v(["d-flex w-100 position-relative df-input-wrapper", P(l)]) }, [c(w, g({
+					modelValue: y.value,
+					"onUpdate:modelValue": i[0] || (i[0] = (e) => y.value = e),
+					label: x.value,
 					density: "compact",
 					variant: "plain",
-					readonly: j(p).readonly,
-					disabled: j(p).disabled,
-					name: j(p).name,
+					readonly: P(p).readonly,
+					disabled: P(p).disabled,
+					name: P(p).name,
 					"hide-details": !0,
 					"show-size": !0,
 					multiple: !1,
-					style: _.value && v.value < 100 ? "visibility: hidden" : "",
+					style: h.value && _.value < 100 ? "visibility: hidden" : "",
 					clearable: !1
 				}, e.passthroughAttrs, {
 					"prepend-icon": "",
-					"onUpdate:modelValue": R,
+					"onUpdate:modelValue": I,
 					onFocus: (e) => t.focus(),
 					onBlur: (e) => t.blur()
-				}), o({ _: 2 }, [E.value ? {
+				}), o({ _: 2 }, [S.value ? {
 					name: "append-inner",
-					fn: P(() => [a("button", {
+					fn: R(() => [a("button", {
 						type: "button",
 						class: "df-file-download-btn",
-						title: j(h).FileDownload,
-						"aria-label": j(h).FileDownload,
-						onClick: I(D, ["stop", "prevent"])
-					}, [c(j(V), { name: "mdi-download" })], 8, tn)]),
+						title: P(m)("FileDownload"),
+						"aria-label": P(m)("FileDownload"),
+						onClick: B(T, ["stop", "prevent"])
+					}, [c(P(V), { name: "mdi-download" })], 8, In)]),
 					key: "0"
 				} : void 0]), 1040, [
 					"modelValue",
@@ -1948,19 +2306,19 @@ var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
 			}, 16, ["class"]);
 		};
 	}
-}), rn = [
+}), Rn = [
 	"id",
 	"disabled",
 	"name",
 	"onFocus",
 	"onBlur"
-], an = ["for"], on = ["for"], sn = ["for", "title"], cn = [
+], zn = ["for"], Bn = ["for"], Vn = ["for", "title"], Hn = [
 	"href",
 	"title",
 	"aria-label"
-], ln = /* @__PURE__ */ l({
+], Un = /* @__PURE__ */ l({
 	__name: "df-image",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		comms: {},
 		touchInterval: {},
 		control: {},
@@ -1977,146 +2335,146 @@ var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, X),
+	}, en),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: o }) {
-		let s = e, { density: l, densityClass: u, touched: d, value: f, vuetifyBindings: p } = Z(s, o), h = Ft, _ = ee(), b = S(null), C = S(0), w = S(null), E = S(0), D = S(null), k = t(() => b.value && C.value < 100), A = t(() => !!(p.value.disabled || p.value.readonly)), M = t(() => E.value > 0), N = t(() => {
+		let s = e, { density: l, densityClass: u, touched: d, value: f, vuetifyBindings: p } = tn(s, o), m = un, h = F(), _ = w(null), y = w(0), S = w(null), T = w(0), E = w(null), O = t(() => _.value && y.value < 100), k = t(() => !!(p.value.disabled || p.value.readonly)), j = t(() => T.value > 0), M = t(() => {
 			var e;
-			return (e = w.value) == null ? f.value ? f.value : null : e;
-		}), te = t(() => !!f.value);
-		function F() {
-			w.value && (URL.revokeObjectURL(w.value), w.value = null);
+			return (e = S.value) == null ? f.value ? f.value : null : e;
+		}), N = t(() => !!f.value);
+		function ee() {
+			S.value && (URL.revokeObjectURL(S.value), S.value = null);
 		}
-		function L() {
-			f.value = null, C.value = 0, b.value = null, F(), ne();
+		function I() {
+			f.value = null, y.value = 0, _.value = null, ee(), H();
 		}
-		function R(e) {
-			L(), Kt(s.control, e);
+		function L(e) {
+			I(), Cn(s.control, e);
 		}
-		let { setupTouchInterval: z, clearTouchInterval: ne } = Gt(f, () => s.comms, () => s.touchInterval, R);
-		y(() => F());
-		function re() {
-			return B.apply(this, arguments);
+		let { setupTouchInterval: z, clearTouchInterval: H } = Sn(f, () => s.comms, () => s.touchInterval, L);
+		x(() => ee());
+		function U() {
+			return te.apply(this, arguments);
 		}
-		function B() {
-			return B = en(function* () {
-				f.value && (yield s.comms.delete(f.value)), L();
-			}), B.apply(this, arguments);
+		function te() {
+			return te = Fn(function* () {
+				f.value && (yield s.comms.delete(f.value)), I(), d.value = !0;
+			}), te.apply(this, arguments);
 		}
-		function ie(e) {
-			return H.apply(this, arguments);
+		function W(e) {
+			return G.apply(this, arguments);
 		}
-		function H() {
-			return H = en(function* (e) {
-				C.value = -1, b.value = e, F(), w.value = URL.createObjectURL(e);
+		function G() {
+			return G = Fn(function* (e) {
+				y.value = -1, _.value = e, ee(), S.value = URL.createObjectURL(e);
 				try {
 					f.value = yield s.comms.upload(e, (e, t) => {
-						C.value = Math.round(e * 100 / t);
-					}), C.value = 100, z();
+						y.value = Math.round(e * 100 / t);
+					}), y.value = 100, d.value = !0, z();
 				} catch (e) {
-					throw C.value = 0, b.value = null, F(), e;
+					throw y.value = 0, _.value = null, ee(), e;
 				}
-			}), H.apply(this, arguments);
+			}), G.apply(this, arguments);
 		}
-		function U(e) {
+		function ne(e) {
 			if (!e.type.startsWith("image/")) {
 				console.error("Only image files are supported");
 				return;
 			}
-			ie(e);
+			W(e);
 		}
-		function ae(e) {
+		function re(e) {
 			var t;
 			let n = e.target, r = (t = n.files) == null ? void 0 : t[0];
-			n.value = "", r && U(r);
+			n.value = "", r && ne(r);
 		}
-		function oe() {
-			A.value || (E.value += 1);
+		function ie() {
+			k.value || (T.value += 1);
 		}
-		function se() {
-			E.value = Math.max(0, E.value - 1);
+		function ae() {
+			T.value = Math.max(0, T.value - 1);
 		}
-		function W(e) {
+		function K(e) {
 			var t;
-			if (E.value = 0, A.value) return;
+			if (T.value = 0, k.value) return;
 			let n = (t = e.dataTransfer) == null || (t = t.files) == null ? void 0 : t[0];
-			n && U(n);
+			n && ne(n);
 		}
 		return (e, t) => {
-			let o = T("v-progress-linear"), y = T("v-img");
-			return x(), n(j(Pt), m(q(q({}, s), {}, { loading: k.value }), {
-				class: ["df-image-field", j(u)],
+			let o = D("v-progress-linear"), x = D("v-img");
+			return C(), n(P(rn), g(Z(Z({}, s), {}, { loading: O.value }), {
+				class: ["df-image-field", P(u)],
 				clearable: "",
-				"onClick:clear": re,
+				"onClick:clear": U,
 				onBlur: t[2] || (t[2] = (e) => d.value = !0)
 			}), {
-				"prepend-inner": P(() => [c(j(V), { name: "mdi-image" })]),
-				loader: P(() => [b.value && C.value < 100 ? (x(), n(o, {
+				"prepend-inner": R(() => [c(P(V), { name: "mdi-image" })]),
+				loader: R(() => [_.value && y.value < 100 ? (C(), n(o, {
 					key: 0,
-					"model-value": C.value,
-					indeterminate: C.value === -1
+					"model-value": y.value,
+					indeterminate: y.value === -1
 				}, null, 8, ["model-value", "indeterminate"])) : r("", !0)]),
-				default: P((e) => [a("div", {
-					class: g(["d-flex w-100 position-relative df-input-wrapper df-image-wrapper", [j(l), {
-						"df-image-dragging": M.value,
-						"df-image-disabled": A.value
+				default: R((e) => [a("div", {
+					class: v(["d-flex w-100 position-relative df-input-wrapper df-image-wrapper", [P(l), {
+						"df-image-dragging": j.value,
+						"df-image-disabled": k.value
 					}]]),
-					onDragenter: I(oe, ["prevent"]),
-					onDragover: t[0] || (t[0] = I(() => {}, ["prevent"])),
-					onDragleave: I(se, ["prevent"]),
-					onDrop: I(W, ["prevent"]),
-					onClick: t[1] || (t[1] = I(() => {}, ["stop"]))
+					onDragenter: B(ie, ["prevent"]),
+					onDragover: t[0] || (t[0] = B(() => {}, ["prevent"])),
+					onDragleave: B(ae, ["prevent"]),
+					onDrop: B(K, ["prevent"]),
+					onClick: t[1] || (t[1] = B(() => {}, ["stop"]))
 				}, [
 					a("input", {
-						id: j(_),
+						id: P(h),
 						ref_key: "fileInputRef",
-						ref: D,
+						ref: E,
 						type: "file",
 						accept: "image/*",
 						class: "df-image-native-input",
-						disabled: A.value,
-						name: j(p).name,
-						onChange: ae,
+						disabled: k.value,
+						name: P(p).name,
+						onChange: re,
 						onFocus: (t) => e.focus(),
 						onBlur: (t) => e.blur()
-					}, null, 40, rn),
-					N.value ? (x(), i("label", {
+					}, null, 40, Rn),
+					M.value ? (C(), i("label", {
 						key: 0,
-						for: j(_),
+						for: P(h),
 						class: "df-image-preview-label"
-					}, [c(y, {
-						src: N.value,
+					}, [c(x, {
+						src: M.value,
 						class: "df-image-preview",
-						style: v(b.value && C.value < 100 ? "visibility: hidden" : "")
-					}, null, 8, ["src", "style"])], 8, an)) : (x(), i("label", {
+						style: b(_.value && y.value < 100 ? "visibility: hidden" : "")
+					}, null, 8, ["src", "style"])], 8, zn)) : (C(), i("label", {
 						key: 1,
-						for: j(_),
+						for: P(h),
 						class: "df-image-placeholder"
-					}, [c(j(V), { name: "mdi-tray-arrow-up" }), a("span", null, O(j(h).ImageDropHint), 1)], 8, on)),
-					N.value && !A.value ? (x(), i("label", {
+					}, [c(P(V), { name: "mdi-tray-arrow-up" }), a("span", null, A(P(m)("ImageDropHint")), 1)], 8, Bn)),
+					M.value && !k.value ? (C(), i("label", {
 						key: 2,
-						for: j(_),
+						for: P(h),
 						class: "df-image-replace-btn",
-						title: j(h).ImageReplace
-					}, [c(j(V), { name: "mdi-pencil" })], 8, sn)) : r("", !0),
-					te.value ? (x(), i("a", {
+						title: P(m)("ImageReplace")
+					}, [c(P(V), { name: "mdi-pencil" })], 8, Vn)) : r("", !0),
+					N.value ? (C(), i("a", {
 						key: 3,
-						href: j(f),
+						href: P(f),
 						download: "",
 						target: "_blank",
 						rel: "noopener",
 						class: "df-image-download-btn",
-						title: j(h).ImageDownload,
-						"aria-label": j(h).ImageDownload
-					}, [c(j(V), { name: "mdi-download" })], 8, cn)) : r("", !0)
+						title: P(m)("ImageDownload"),
+						"aria-label": P(m)("ImageDownload")
+					}, [c(P(V), { name: "mdi-download" })], 8, Hn)) : r("", !0)
 				], 34)]),
 				_: 1
 			}, 16, ["class"]);
 		};
 	}
-}), un = /* @__PURE__ */ l({
+}), Wn = /* @__PURE__ */ l({
 	__name: "df-input",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		inputType: {},
 		precision: {},
 		step: {},
@@ -2136,7 +2494,7 @@ var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, {
+	}, Z(Z({}, en), {}, {
 		inputType: "text",
 		precision: null,
 		step: void 0,
@@ -2145,52 +2503,52 @@ var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
 	})),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: a }) {
-		let o = e, { densityClass: s, isRendered: l, label: u, showErrors: d, touched: p, value: h, visibilityClass: _, vuetifyBindings: v } = Z(o, a), { inputType: y, max: b, min: S, precision: C, step: w } = A(o), E = t(() => y.value === "number"), D = t(() => E.value ? {
-			min: j(S),
-			max: j(b),
-			precision: j(C),
-			step: j(w)
+		let o = e, { densityClass: s, isRendered: l, label: u, shownErrors: d, touched: f, value: p, visibilityClass: h, vuetifyBindings: _ } = tn(o, a), { inputType: y, max: b, min: x, precision: S, step: w } = M(o), T = t(() => y.value === "number"), E = t(() => T.value ? {
+			min: P(x),
+			max: P(b),
+			precision: P(S),
+			step: P(w)
 		} : {});
 		return (e, t) => {
-			let a = T("v-text-field"), o = T("v-number-input");
-			return j(l) ? (x(), i("div", {
+			let a = D("v-text-field"), o = D("v-number-input");
+			return P(l) ? (C(), i("div", {
 				key: 0,
-				class: g(["df-input-container", [j(s), j(_)]])
-			}, [E.value ? (x(), n(o, m({
+				class: v(["df-input-container", [P(s), P(h)]])
+			}, [T.value ? (C(), n(o, g({
 				key: 1,
-				modelValue: j(h),
-				"onUpdate:modelValue": t[2] || (t[2] = (e) => f(h) ? h.value = e : null),
+				modelValue: P(p),
+				"onUpdate:modelValue": t[2] || (t[2] = (e) => m(p) ? p.value = e : null),
 				density: "compact",
 				"control-variant": "stacked"
-			}, q(q({}, j(v)), D.value)), {
-				label: P((e) => [c(j(Y), {
+			}, Z(Z({}, P(_)), E.value), { onBlur: t[3] || (t[3] = (e) => f.value = !0) }), {
+				label: R((e) => [c(P($), {
 					data: e,
-					label: j(u)
+					label: P(u)
 				}, null, 8, ["data", "label"])]),
-				message: P(({ message: e }) => [c(j(J), {
+				message: R(({ message: e }) => [c(P(Q), {
 					message: e,
-					errors: j(d)
+					errors: P(d)
 				}, null, 8, ["message", "errors"])]),
 				_: 1
-			}, 16, ["modelValue"])) : (x(), n(a, m({
+			}, 16, ["modelValue"])) : (C(), n(a, g({
 				key: 0,
-				modelValue: j(h),
-				"onUpdate:modelValue": t[0] || (t[0] = (e) => f(h) ? h.value = e : null),
-				type: j(y)
-			}, j(v), { onBlur: t[1] || (t[1] = (e) => p.value = !0) }), {
-				label: P((e) => [c(j(Y), {
+				modelValue: P(p),
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => m(p) ? p.value = e : null),
+				type: P(y)
+			}, P(_), { onBlur: t[1] || (t[1] = (e) => f.value = !0) }), {
+				label: R((e) => [c(P($), {
 					data: e,
-					label: j(u)
+					label: P(u)
 				}, null, 8, ["data", "label"])]),
-				message: P(({ message: e }) => [c(j(J), {
+				message: R(({ message: e }) => [c(P(Q), {
 					message: e,
-					errors: j(d)
+					errors: P(d)
 				}, null, 8, ["message", "errors"])]),
 				_: 1
 			}, 16, ["modelValue", "type"]))], 2)) : r("", !0);
 		};
 	}
-}), dn = Ae.create({
+}), Gn = Oe.create({
 	name: "classAttribute",
 	addGlobalAttributes() {
 		return [{
@@ -2208,8 +2566,8 @@ var tn = ["title", "aria-label"], nn = /* @__PURE__ */ l({
 		}];
 	}
 });
-function fn(e, t) {
-	return je.create({
+function Kn(e, t) {
+	return ke.create({
 		name: e,
 		parseHTML() {
 			return [{ tag: `span.${t}` }];
@@ -2217,13 +2575,13 @@ function fn(e, t) {
 		renderHTML({ HTMLAttributes: e }) {
 			return [
 				"span",
-				Ne(e, { class: t }),
+				je(e, { class: t }),
 				0
 			];
 		}
 	});
 }
-var pn = fn("marker", "marker"), mn = fn("spoiler", "spoiler"), hn = [
+var qn = Kn("marker", "marker"), Jn = Kn("spoiler", "spoiler"), Yn = [
 	{
 		key: "ArticleCategory",
 		kind: "heading",
@@ -2273,67 +2631,67 @@ var pn = fn("marker", "marker"), mn = fn("spoiler", "spoiler"), hn = [
 		className: "fancy-code fancy-code-bright"
 	}
 ];
-function gn(e) {
+function Xn(e) {
 	let { state: t } = e, { $from: n } = t.selection;
 	return n.depth > 0 || t.doc.content.size === 0 ? n : t.doc.resolve(Math.min(1, t.doc.content.size));
 }
-function _n(e) {
-	return gn(e).parent;
+function Zn(e) {
+	return Xn(e).parent;
 }
-function vn(e, t) {
-	let n = gn(e);
+function Qn(e, t) {
+	let n = Xn(e);
 	for (let e = n.depth; e >= 0; --e) if (n.node(e).type.name === t) return n.node(e);
 	return null;
 }
-function yn(e, t) {
+function $n(e, t) {
 	switch (t.kind) {
 		case "heading": {
-			let n = _n(e);
+			let n = Zn(e);
 			return n.type.name === "heading" && n.attrs.level === t.level && n.attrs.class === t.className;
 		}
 		case "paragraph": {
-			let n = _n(e);
+			let n = Zn(e);
 			return n.type.name === "paragraph" && n.attrs.class === t.className;
 		}
 		case "codeBlock": {
-			let n = _n(e);
+			let n = Zn(e);
 			return n.type.name === "codeBlock" && n.attrs.class === t.className;
 		}
 		case "blockquote": {
-			let n = vn(e, "blockquote");
+			let n = Qn(e, "blockquote");
 			return !!n && n.attrs.class === t.className;
 		}
 		case "mark": return e.isActive(t.markName);
 		default: return !1;
 	}
 }
-function bn(e, t) {
+function er(e, t) {
 	let n = e.chain().focus(), { $from: r } = e.state.selection;
-	switch (t.kind !== "mark" && r.depth === 0 && e.state.doc.content.size > 0 && n.setTextSelection(gn(e).pos), t.kind) {
+	switch (t.kind !== "mark" && r.depth === 0 && e.state.doc.content.size > 0 && n.setTextSelection(Xn(e).pos), t.kind) {
 		case "heading":
-			yn(e, t) ? n.setParagraph().updateAttributes("paragraph", { class: null }).run() : n.setNode("heading", { level: t.level }).updateAttributes("heading", { class: t.className }).run();
+			$n(e, t) ? n.setParagraph().updateAttributes("paragraph", { class: null }).run() : n.setNode("heading", { level: t.level }).updateAttributes("heading", { class: t.className }).run();
 			break;
 		case "paragraph":
-			yn(e, t) ? n.setParagraph().updateAttributes("paragraph", { class: null }).run() : n.setParagraph().updateAttributes("paragraph", { class: t.className }).run();
+			$n(e, t) ? n.setParagraph().updateAttributes("paragraph", { class: null }).run() : n.setParagraph().updateAttributes("paragraph", { class: t.className }).run();
 			break;
 		case "blockquote":
-			yn(e, t) ? n.unsetBlockquote().run() : vn(e, "blockquote") ? n.updateAttributes("blockquote", { class: t.className }).run() : n.setBlockquote().updateAttributes("blockquote", { class: t.className }).run();
+			$n(e, t) ? n.unsetBlockquote().run() : Qn(e, "blockquote") ? n.updateAttributes("blockquote", { class: t.className }).run() : n.setBlockquote().updateAttributes("blockquote", { class: t.className }).run();
 			break;
 		case "codeBlock":
-			yn(e, t) ? n.toggleCodeBlock().updateAttributes("paragraph", { class: null }).run() : _n(e).type.name === "codeBlock" ? n.updateAttributes("codeBlock", { class: t.className }).run() : n.setCodeBlock().updateAttributes("codeBlock", { class: t.className }).run();
+			$n(e, t) ? n.toggleCodeBlock().updateAttributes("paragraph", { class: null }).run() : Zn(e).type.name === "codeBlock" ? n.updateAttributes("codeBlock", { class: t.className }).run() : n.setCodeBlock().updateAttributes("codeBlock", { class: t.className }).run();
 			break;
 		case "mark": n.toggleMark(t.markName).run();
 	}
 }
 //#endregion
 //#region src/helpers/rtf-editor/image-paste.ts
-function xn(e) {
+function tr(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = () => n(r.error), r.readAsDataURL(e);
 	});
 }
-function Sn(e) {
+function nr(e) {
 	if (!e) return [];
 	let t = [];
 	return Array.from(e.items || []).forEach((e) => {
@@ -2345,25 +2703,25 @@ function Sn(e) {
 		e.type.startsWith("image/") && t.push(e);
 	}), t;
 }
-function Cn(e) {
+function rr(e) {
 	let t = 0;
 	return e.forEach((e) => {
-		e.type.name === "image" ? t += 1 : e.content.size && (t += Cn(e.content));
+		e.type.name === "image" ? t += 1 : e.content.size && (t += rr(e.content));
 	}), t;
 }
-function wn(e, t, n) {
+function ir(e, t, n) {
 	let r = [];
 	return e.forEach((e) => {
-		e.type.name === "image" && n.index < t.length ? (r.push(e.type.create(q(q({}, e.attrs), {}, { src: t[n.index] }), e.content, e.marks)), n.index += 1) : e.content.size ? r.push(e.copy(wn(e.content, t, n))) : r.push(e);
-	}), Pe.fromArray(r);
+		e.type.name === "image" && n.index < t.length ? (r.push(e.type.create(Z(Z({}, e.attrs), {}, { src: t[n.index] }), e.content, e.marks)), n.index += 1) : e.content.size ? r.push(e.copy(ir(e.content, t, n))) : r.push(e);
+	}), Me.fromArray(r);
 }
-function Tn(e) {
+function ar(e) {
 	return (t, n, r) => {
-		let i = Sn(n.clipboardData);
-		return i.length !== 0 && (n.preventDefault(), Promise.all(i.map(xn)).then((n) => {
+		let i = nr(n.clipboardData);
+		return i.length !== 0 && (n.preventDefault(), Promise.all(i.map(tr)).then((n) => {
 			var i;
-			if (Cn(r.content) > 0) {
-				let e = wn(r.content, n, { index: 0 }), i = new Fe(e, r.openStart, r.openEnd);
+			if (rr(r.content) > 0) {
+				let e = ir(r.content, n, { index: 0 }), i = new Ne(e, r.openStart, r.openEnd);
 				t.dispatch(t.state.tr.replaceSelection(i).scrollIntoView());
 				return;
 			}
@@ -2376,11 +2734,11 @@ function Tn(e) {
 }
 //#endregion
 //#region src/helpers/rtf-editor/link-with-download.ts
-var En = Ie.extend({
+var or = Pe.extend({
 	name: "link",
 	addAttributes() {
 		var e;
-		return q(q({}, (e = this.parent) == null ? void 0 : e.call(this)), {}, { download: {
+		return Z(Z({}, (e = this.parent) == null ? void 0 : e.call(this)), {}, { download: {
 			default: null,
 			parseHTML: (e) => e.getAttribute("download"),
 			renderHTML: (e) => e.download ? { download: e.download } : {}
@@ -2389,7 +2747,7 @@ var En = Ie.extend({
 });
 //#endregion
 //#region src/helpers/rtf-editor/media-embed.ts
-function Dn(e) {
+function sr(e) {
 	let t;
 	try {
 		t = new URL(e);
@@ -2415,7 +2773,7 @@ function Dn(e) {
 	}
 	return null;
 }
-var On = Me.create({
+var cr = Ae.create({
 	name: "mediaEmbed",
 	group: "block",
 	atom: !0,
@@ -2427,7 +2785,7 @@ var On = Me.create({
 		return [{ tag: "iframe.media-embed" }];
 	},
 	renderHTML({ HTMLAttributes: e }) {
-		return ["iframe", Ne({
+		return ["iframe", je({
 			class: "media-embed",
 			frameborder: "0",
 			allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
@@ -2437,32 +2795,32 @@ var On = Me.create({
 });
 //#endregion
 //#region src/helpers/rtf-editor/use-editor-tick.ts
-function kn(e) {
-	let t = S(0), n, r = () => {
+function lr(e) {
+	let t = w(0), n, r = () => {
 		t.value += 1;
 	}, i = (e) => {
 		n == null || n.off("transaction", r), n == null || n.off("update", r), n = e, n == null || n.on("transaction", r), n == null || n.on("update", r);
 	};
-	return N(e, i, { immediate: !0 }), y(() => i(void 0)), t;
+	return I(e, i, { immediate: !0 }), x(() => i(void 0)), t;
 }
 //#endregion
 //#region src/helpers/rtf-editor/rtf-toolbar.vue?vue&type=script&setup=true&lang.ts
-var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2 mt-2" }, Mn = { class: "d-flex justify-space-between align-center ga-2 mt-2" }, Nn = { class: "d-flex justify-end mt-2" }, Pn = /* @__PURE__ */ l({
+var ur = { class: "rtf-toolbar-group" }, dr = { class: "d-flex justify-end ga-2 mt-2" }, fr = { class: "d-flex justify-space-between align-center ga-2 mt-2" }, pr = { class: "d-flex justify-end mt-2" }, mr = /* @__PURE__ */ l({
 	__name: "rtf-toolbar",
 	props: {
 		editor: { default: void 0 },
 		buttonSize: { default: "small" }
 	},
 	setup(o) {
-		let l = o, u = t(() => l.buttonSize), d = Ft, f = t(() => l.editor), p = kn(f), h = t(() => {
+		let l = o, u = t(() => l.buttonSize), d = un, f = t(() => l.editor), p = lr(f), m = t(() => {
 			var e;
 			return p.value, !!((e = l.editor) != null && e.isEditable);
-		}), _ = t(() => ({
+		}), h = t(() => ({
 			size: u.value,
 			density: "comfortable",
 			variant: "text",
-			disabled: !h.value
-		})), v = t(() => ({
+			disabled: !m.value
+		})), _ = t(() => ({
 			buttonSize: u.value,
 			buttonDensity: "comfortable"
 		})), y = t(() => {
@@ -2491,210 +2849,210 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 			if (y.value.alignRight) return "right";
 			if (y.value.alignJustify) return "justify";
 		});
-		function w(e) {
+		function x(e) {
 			var t;
 			typeof e == "string" && ((t = f.value) == null || t.chain().focus().setTextAlign(e).run());
 		}
-		let E = [];
-		function D(e, t, n, r, i) {
-			let a = new R({
+		let S = [];
+		function E(e, t, n, r, i) {
+			let a = new te({
 				value: {
 					icon: e,
-					renderAs: Q.TEXT,
+					renderAs: "text",
 					showIcon: !0,
 					showLabel: !1
 				},
-				actions: [new ne((e, n, r) => (t(), n(e, r)))]
+				actions: [new W((e, n, r) => (t(), n(e, r)))]
 			});
-			return E.push({
+			return S.push({
 				action: a,
 				title: n,
 				disabled: r,
 				active: i
 			}), a;
 		}
-		function k({ action: e, title: t, disabled: n, active: r }) {
+		function O({ action: e, title: t, disabled: n, active: r }) {
 			var i;
 			let a = {
 				title: t(),
 				icon: !0
 			};
-			r && (a.active = r()), le((i = e.value.passthroughAttrs) == null ? {} : i, a) || (e.value = q(q({}, e.value), {}, { passthroughAttrs: a }));
+			r && (a.active = r()), oe((i = e.value.passthroughAttrs) == null ? {} : i, a) || (e.value = Z(Z({}, e.value), {}, { passthroughAttrs: a }));
 			let o = !n();
-			e.enabled !== o && (e.enabled = o);
+			e.enabled !== o && (e.access = o ? "editable" : "disabled");
 		}
-		let A = [D("mdi-undo", () => {
+		let k = [E("mdi-undo", () => {
 			var e;
 			return (e = f.value) == null ? void 0 : e.chain().focus().undo().run();
-		}, () => d.Undo, () => !h.value || !y.value.canUndo), D("mdi-redo", () => {
+		}, () => d("Undo"), () => !m.value || !y.value.canUndo), E("mdi-redo", () => {
 			var e;
 			return (e = f.value) == null ? void 0 : e.chain().focus().redo().run();
-		}, () => d.Redo, () => !h.value || !y.value.canRedo)], M = [D("mdi-format-bold", () => {
+		}, () => d("Redo"), () => !m.value || !y.value.canRedo)], j = [E("mdi-format-bold", () => {
 			var e;
 			return (e = f.value) == null ? void 0 : e.chain().focus().toggleBold().run();
-		}, () => d.Bold, () => !h.value, () => y.value.bold), D("mdi-format-italic", () => {
+		}, () => d("Bold"), () => !m.value, () => y.value.bold), E("mdi-format-italic", () => {
 			var e;
 			return (e = f.value) == null ? void 0 : e.chain().focus().toggleItalic().run();
-		}, () => d.Italic, () => !h.value, () => y.value.italic)], ee = [
+		}, () => d("Italic"), () => !m.value, () => y.value.italic)], M = [
 			{
 				value: "left",
 				icon: "mdi-format-align-left",
-				title: () => d.AlignLeft
+				title: () => d("AlignLeft")
 			},
 			{
 				value: "center",
 				icon: "mdi-format-align-center",
-				title: () => d.AlignCenter
+				title: () => d("AlignCenter")
 			},
 			{
 				value: "right",
 				icon: "mdi-format-align-right",
-				title: () => d.AlignRight
+				title: () => d("AlignRight")
 			},
 			{
 				value: "justify",
 				icon: "mdi-format-align-justify",
-				title: () => d.AlignJustify
+				title: () => d("AlignJustify")
 			}
-		].map((e) => D(e.icon, () => w(e.value), e.title, () => !h.value, () => b.value === e.value)), N = [
-			D("mdi-format-list-bulleted", () => {
+		].map((e) => E(e.icon, () => x(e.value), e.title, () => !m.value, () => b.value === e.value)), N = [
+			E("mdi-format-list-bulleted", () => {
 				var e;
 				return (e = f.value) == null ? void 0 : e.chain().focus().toggleBulletList().run();
-			}, () => d.BulletedList, () => !h.value, () => y.value.bulletList),
-			D("mdi-format-list-numbered", () => {
+			}, () => d("BulletedList"), () => !m.value, () => y.value.bulletList),
+			E("mdi-format-list-numbered", () => {
 				var e;
 				return (e = f.value) == null ? void 0 : e.chain().focus().toggleOrderedList().run();
-			}, () => d.NumberedList, () => !h.value, () => y.value.orderedList),
-			D("mdi-format-indent-decrease", () => {
+			}, () => d("NumberedList"), () => !m.value, () => y.value.orderedList),
+			E("mdi-format-indent-decrease", () => {
 				var e;
 				return (e = f.value) == null ? void 0 : e.chain().focus().liftListItem("listItem").run();
-			}, () => d.Outdent, () => !h.value || !y.value.canLift),
-			D("mdi-format-indent-increase", () => {
+			}, () => d("Outdent"), () => !m.value || !y.value.canLift),
+			E("mdi-format-indent-increase", () => {
 				var e;
 				return (e = f.value) == null ? void 0 : e.chain().focus().sinkListItem("listItem").run();
-			}, () => d.Indent, () => !h.value || !y.value.canSink)
+			}, () => d("Indent"), () => !m.value || !y.value.canSink)
 		];
-		te(() => {
-			E.forEach(k);
+		L(() => {
+			S.forEach(O);
 		});
-		let I = t(() => [
+		let ee = t(() => [
 			{
 				level: 0,
-				label: d.Paragraph
+				label: d("Paragraph")
 			},
 			{
 				level: 1,
-				label: d.Heading1
+				label: d("Heading1")
 			},
 			{
 				level: 2,
-				label: d.Heading2
+				label: d("Heading2")
 			},
 			{
 				level: 3,
-				label: d.Heading3
+				label: d("Heading3")
 			},
 			{
 				level: 4,
-				label: d.Heading4
+				label: d("Heading4")
 			},
 			{
 				level: 5,
-				label: d.Heading5
+				label: d("Heading5")
 			},
 			{
 				level: 6,
-				label: d.Heading6
+				label: d("Heading6")
 			}
 		]);
-		function L(e) {
+		function F(e) {
 			var t, n;
 			return p.value, e === 0 ? !!((t = f.value) != null && t.isActive("paragraph")) : !!((n = f.value) != null && n.isActive("heading", { level: e }));
 		}
-		let z = t(() => {
+		let I = t(() => {
 			var e, t;
-			return (e = (t = I.value.find((e) => L(e.level))) == null ? void 0 : t.label) == null ? d.Paragraph : e;
+			return (e = (t = ee.value.find((e) => F(e.level))) == null ? void 0 : t.label) == null ? d("Paragraph") : e;
 		});
-		function re(e) {
+		function B(e) {
 			var t;
 			let n = (t = f.value) == null ? void 0 : t.chain().focus();
 			n && (e === 0 ? n.setParagraph().run() : n.toggleHeading({ level: e }).run());
 		}
-		let B = hn;
-		function ie(e) {
-			return p.value, !!f.value && yn(f.value, e);
+		let H = Yn;
+		function U(e) {
+			return p.value, !!f.value && $n(f.value, e);
 		}
-		let H = S(""), U = S(!1);
-		function ae() {
+		let G = w(""), ne = w(!1);
+		function re() {
 			var e, t, n;
 			let r = (e = (t = f.value) == null ? void 0 : t.getAttributes("link")) == null ? {} : e;
-			H.value = (n = r.href) == null ? "" : n, U.value = !!r.download;
+			G.value = (n = r.href) == null ? "" : n, ne.value = !!r.download;
 		}
-		function oe() {
+		function ie() {
 			var e;
-			H.value && ((e = f.value) == null || e.chain().focus().extendMarkRange("link").setLink({ href: H.value }).updateAttributes("link", { download: U.value ? "file" : null }).run());
+			G.value && ((e = f.value) == null || e.chain().focus().extendMarkRange("link").setLink({ href: G.value }).updateAttributes("link", { download: ne.value ? "file" : null }).run());
 		}
-		function se() {
+		function ae() {
 			var e;
 			(e = f.value) == null || e.chain().focus().unsetLink().run();
 		}
-		let W = S(""), ce = S();
-		function ue() {
+		let K = w(""), q = w();
+		function se() {
 			var e;
-			W.value && ((e = f.value) == null || e.chain().focus().setImage({ src: W.value }).run(), W.value = "");
+			K.value && ((e = f.value) == null || e.chain().focus().setImage({ src: K.value }).run(), K.value = "");
 		}
-		function de() {
+		function ce() {
 			var e;
-			(e = ce.value) == null || e.click();
+			(e = q.value) == null || e.click();
 		}
-		function fe(e) {
-			return G.apply(this, arguments);
+		function le(e) {
+			return J.apply(this, arguments);
 		}
-		function G() {
-			return G = en(function* (e) {
+		function J() {
+			return J = Fn(function* (e) {
 				var t, n;
 				let r = (t = e.target.files) == null ? void 0 : t[0];
 				if (!r) return;
-				let i = yield xn(r);
+				let i = yield tr(r);
 				(n = f.value) == null || n.chain().focus().setImage({ src: i }).run(), e.target.value = "";
-			}), G.apply(this, arguments);
+			}), J.apply(this, arguments);
 		}
-		let K = S("");
-		function pe() {
+		let Y = w("");
+		function ue() {
 			var e;
-			if (!K.value) return;
-			let t = Dn(K.value), n = (e = f.value) == null ? void 0 : e.chain().focus();
+			if (!Y.value) return;
+			let t = sr(Y.value), n = (e = f.value) == null ? void 0 : e.chain().focus();
 			n && (t ? n.insertContent({
 				type: "mediaEmbed",
 				attrs: { src: t }
 			}).run() : n.insertContent({
 				type: "text",
-				text: K.value,
+				text: Y.value,
 				marks: [{
 					type: "link",
-					attrs: { href: K.value }
+					attrs: { href: Y.value }
 				}]
-			}).run(), K.value = "");
+			}).run(), Y.value = "");
 		}
 		return (t, o) => {
-			let l = T("v-divider"), u = T("v-btn"), p = T("v-list-item-title"), b = T("v-list-item"), S = T("v-list"), w = T("v-menu"), E = T("v-text-field"), D = T("v-checkbox"), k = T("v-card");
-			return x(), i("div", { class: g(["rtf-toolbar", { "rtf-toolbar--disabled": !h.value }]) }, [
-				c(Yt, m({ actions: A }, v.value, { "show-as-group": "grouped-no-borders" }), null, 16),
+			let l = D("v-divider"), u = D("v-btn"), p = D("v-list-item-title"), b = D("v-list-item"), x = D("v-list"), S = D("v-menu"), w = D("v-text-field"), E = D("v-checkbox"), O = D("v-card");
+			return C(), i("div", { class: v(["rtf-toolbar", { "rtf-toolbar--disabled": !m.value }]) }, [
+				c(En, g({ actions: k }, _.value, { "show-as-group": "grouped-no-borders" }), null, 16),
 				c(l, {
 					vertical: "",
 					inset: "",
 					class: "mx-1"
 				}),
-				c(u, m(_.value, {
+				c(u, g(h.value, {
 					icon: "",
 					rounded: "sm",
-					title: j(d).SelectAll,
+					title: P(d)("SelectAll"),
 					onClick: o[0] || (o[0] = (e) => {
 						var t;
 						return (t = f.value) == null ? void 0 : t.chain().focus().selectAll().run();
 					})
 				}), {
-					default: P(() => [c(j(V), { name: "mdi-select-all" })]),
+					default: R(() => [c(P(V), { name: "mdi-select-all" })]),
 					_: 1
 				}, 16, ["title"]),
 				c(l, {
@@ -2702,19 +3060,19 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 					inset: "",
 					class: "mx-1"
 				}),
-				c(w, null, {
-					activator: P(({ props: e }) => [c(u, m(q(q({}, _.value), e), { "append-icon": "mdi-chevron-down" }), {
-						default: P(() => [s(O(z.value), 1)]),
+				c(S, null, {
+					activator: R(({ props: e }) => [c(u, g(Z(Z({}, h.value), e), { "append-icon": "mdi-chevron-down" }), {
+						default: R(() => [s(A(I.value), 1)]),
 						_: 1
 					}, 16)]),
-					default: P(() => [c(S, { density: "compact" }, {
-						default: P(() => [(x(!0), i(e, null, C(I.value, (e) => (x(), n(b, {
+					default: R(() => [c(x, { density: "compact" }, {
+						default: R(() => [(C(!0), i(e, null, T(ee.value, (e) => (C(), n(b, {
 							key: e.level,
-							active: L(e.level),
-							onClick: (t) => re(e.level)
+							active: F(e.level),
+							onClick: (t) => B(e.level)
 						}, {
-							default: P(() => [c(p, null, {
-								default: P(() => [s(O(e.label), 1)]),
+							default: R(() => [c(p, null, {
+								default: R(() => [s(A(e.label), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
@@ -2723,19 +3081,19 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 					})]),
 					_: 1
 				}),
-				c(w, null, {
-					activator: P(({ props: e }) => [c(u, m(q(q({}, _.value), e), { "append-icon": "mdi-chevron-down" }), {
-						default: P(() => [s(O(j(d).Style), 1)]),
+				c(S, null, {
+					activator: R(({ props: e }) => [c(u, g(Z(Z({}, h.value), e), { "append-icon": "mdi-chevron-down" }), {
+						default: R(() => [s(A(P(d)("Style")), 1)]),
 						_: 1
 					}, 16)]),
-					default: P(() => [c(S, { density: "compact" }, {
-						default: P(() => [(x(!0), i(e, null, C(j(B), (e) => (x(), n(b, {
+					default: R(() => [c(x, { density: "compact" }, {
+						default: R(() => [(C(!0), i(e, null, T(P(H), (e) => (C(), n(b, {
 							key: e.key,
-							active: ie(e),
-							onClick: (t) => f.value && j(bn)(f.value, e)
+							active: U(e),
+							onClick: (t) => f.value && P(er)(f.value, e)
 						}, {
-							default: P(() => [c(p, null, {
-								default: P(() => [s(O(j(d)[e.key]), 1)]),
+							default: R(() => [c(p, null, {
+								default: R(() => [s(A(P(d)(e.key)), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
@@ -2749,73 +3107,73 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 					inset: "",
 					class: "mx-1"
 				}),
-				c(Yt, m({ actions: M }, v.value, { "show-as-group": "grouped-no-borders" }), null, 16),
+				c(En, g({ actions: j }, _.value, { "show-as-group": "grouped-no-borders" }), null, 16),
 				c(l, {
 					vertical: "",
 					inset: "",
 					class: "mx-1"
 				}),
-				a("div", An, [
-					c(u, m(_.value, {
+				a("div", ur, [
+					c(u, g(h.value, {
 						icon: "",
-						title: j(d).HorizontalLine,
+						title: P(d)("HorizontalLine"),
 						onClick: o[1] || (o[1] = (e) => {
 							var t;
 							return (t = f.value) == null ? void 0 : t.chain().focus().setHorizontalRule().run();
 						})
 					}), {
-						default: P(() => [c(j(V), { name: "mdi-minus" })]),
+						default: R(() => [c(P(V), { name: "mdi-minus" })]),
 						_: 1
 					}, 16, ["title"]),
-					c(w, {
+					c(S, {
 						"close-on-content-click": !1,
-						"onUpdate:modelValue": o[4] || (o[4] = (e) => e && ae())
+						"onUpdate:modelValue": o[4] || (o[4] = (e) => e && re())
 					}, {
-						activator: P(({ props: e }) => [c(u, m(q(q({}, _.value), e), {
+						activator: R(({ props: e }) => [c(u, g(Z(Z({}, h.value), e), {
 							icon: "",
-							title: j(d).Link,
+							title: P(d)("Link"),
 							active: y.value.link
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-link-variant" })]),
+							default: R(() => [c(P(V), { name: "mdi-link-variant" })]),
 							_: 1
 						}, 16, ["title", "active"])]),
-						default: P(() => [c(k, {
+						default: R(() => [c(O, {
 							"min-width": "280",
 							class: "pa-3"
 						}, {
-							default: P(() => [
-								c(E, {
-									modelValue: H.value,
-									"onUpdate:modelValue": o[2] || (o[2] = (e) => H.value = e),
-									label: j(d).LinkUrl,
+							default: R(() => [
+								c(w, {
+									modelValue: G.value,
+									"onUpdate:modelValue": o[2] || (o[2] = (e) => G.value = e),
+									label: P(d)("LinkUrl"),
 									density: "compact",
 									"hide-details": "",
 									autofocus: "",
-									onKeydown: F(oe, ["enter"])
+									onKeydown: z(ie, ["enter"])
 								}, null, 8, ["modelValue", "label"]),
-								c(D, {
-									modelValue: U.value,
-									"onUpdate:modelValue": o[3] || (o[3] = (e) => U.value = e),
-									label: j(d).Downloadable,
+								c(E, {
+									modelValue: ne.value,
+									"onUpdate:modelValue": o[3] || (o[3] = (e) => ne.value = e),
+									label: P(d)("Downloadable"),
 									density: "compact",
 									"hide-details": "",
 									class: "mt-1"
 								}, null, 8, ["modelValue", "label"]),
-								a("div", jn, [y.value.link ? (x(), n(u, {
+								a("div", dr, [y.value.link ? (C(), n(u, {
 									key: 0,
 									size: "small",
 									variant: "text",
-									onClick: se
+									onClick: ae
 								}, {
-									default: P(() => [s(O(j(d).LinkRemove), 1)]),
+									default: R(() => [s(A(P(d)("LinkRemove")), 1)]),
 									_: 1
 								})) : r("", !0), c(u, {
 									size: "small",
 									color: "primary",
 									variant: "tonal",
-									onClick: oe
+									onClick: ie
 								}, {
-									default: P(() => [s(O(j(d).LinkApply), 1)]),
+									default: R(() => [s(A(P(d)("LinkApply")), 1)]),
 									_: 1
 								})])
 							]),
@@ -2823,41 +3181,41 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 						})]),
 						_: 1
 					}),
-					c(w, { "close-on-content-click": !1 }, {
-						activator: P(({ props: e }) => [c(u, m(q(q({}, _.value), e), {
+					c(S, { "close-on-content-click": !1 }, {
+						activator: R(({ props: e }) => [c(u, g(Z(Z({}, h.value), e), {
 							icon: "",
-							title: j(d).Image
+							title: P(d)("Image")
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-image-plus" })]),
+							default: R(() => [c(P(V), { name: "mdi-image-plus" })]),
 							_: 1
 						}, 16, ["title"])]),
-						default: P(() => [c(k, {
+						default: R(() => [c(O, {
 							"min-width": "280",
 							class: "pa-3"
 						}, {
-							default: P(() => [c(E, {
-								modelValue: W.value,
-								"onUpdate:modelValue": o[5] || (o[5] = (e) => W.value = e),
-								label: j(d).ImageUrl,
+							default: R(() => [c(w, {
+								modelValue: K.value,
+								"onUpdate:modelValue": o[5] || (o[5] = (e) => K.value = e),
+								label: P(d)("ImageUrl"),
 								density: "compact",
 								"hide-details": "",
 								autofocus: "",
-								onKeydown: F(ue, ["enter"])
-							}, null, 8, ["modelValue", "label"]), a("div", Mn, [c(u, {
+								onKeydown: z(se, ["enter"])
+							}, null, 8, ["modelValue", "label"]), a("div", fr, [c(u, {
 								size: "small",
 								variant: "text",
 								"prepend-icon": "mdi-upload",
-								onClick: de
+								onClick: ce
 							}, {
-								default: P(() => [s(O(j(d).ImageUpload), 1)]),
+								default: R(() => [s(A(P(d)("ImageUpload")), 1)]),
 								_: 1
 							}), c(u, {
 								size: "small",
 								color: "primary",
 								variant: "tonal",
-								onClick: ue
+								onClick: se
 							}, {
-								default: P(() => [s(O(j(d).ImageInsert), 1)]),
+								default: R(() => [s(A(P(d)("ImageInsert")), 1)]),
 								_: 1
 							})])]),
 							_: 1
@@ -2866,55 +3224,55 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 					}),
 					a("input", {
 						ref_key: "imageInput",
-						ref: ce,
+						ref: q,
 						type: "file",
 						accept: "image/*",
 						class: "d-none",
-						onChange: fe
+						onChange: le
 					}, null, 544),
-					c(w, { "close-on-content-click": !1 }, {
-						activator: P(({ props: e }) => [c(u, m(q(q({}, _.value), e), {
+					c(S, { "close-on-content-click": !1 }, {
+						activator: R(({ props: e }) => [c(u, g(Z(Z({}, h.value), e), {
 							icon: "",
-							title: j(d).MediaEmbed
+							title: P(d)("MediaEmbed")
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-video-plus" })]),
+							default: R(() => [c(P(V), { name: "mdi-video-plus" })]),
 							_: 1
 						}, 16, ["title"])]),
-						default: P(() => [c(k, {
+						default: R(() => [c(O, {
 							"min-width": "280",
 							class: "pa-3"
 						}, {
-							default: P(() => [c(E, {
-								modelValue: K.value,
-								"onUpdate:modelValue": o[6] || (o[6] = (e) => K.value = e),
-								label: j(d).MediaEmbedUrl,
+							default: R(() => [c(w, {
+								modelValue: Y.value,
+								"onUpdate:modelValue": o[6] || (o[6] = (e) => Y.value = e),
+								label: P(d)("MediaEmbedUrl"),
 								density: "compact",
 								"hide-details": "",
 								autofocus: "",
-								onKeydown: F(pe, ["enter"])
-							}, null, 8, ["modelValue", "label"]), a("div", Nn, [c(u, {
+								onKeydown: z(ue, ["enter"])
+							}, null, 8, ["modelValue", "label"]), a("div", pr, [c(u, {
 								size: "small",
 								color: "primary",
 								variant: "tonal",
-								onClick: pe
+								onClick: ue
 							}, {
-								default: P(() => [s(O(j(d).MediaEmbedInsert), 1)]),
+								default: R(() => [s(A(P(d)("MediaEmbedInsert")), 1)]),
 								_: 1
 							})])]),
 							_: 1
 						})]),
 						_: 1
 					}),
-					c(w, null, {
-						activator: P(({ props: e }) => [c(u, m(q(q({}, _.value), e), {
+					c(S, null, {
+						activator: R(({ props: e }) => [c(u, g(Z(Z({}, h.value), e), {
 							icon: "",
-							title: j(d).Table
+							title: P(d)("Table")
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-table" })]),
+							default: R(() => [c(P(V), { name: "mdi-table" })]),
 							_: 1
 						}, 16, ["title"])]),
-						default: P(() => [c(S, { density: "compact" }, {
-							default: P(() => [
+						default: R(() => [c(x, { density: "compact" }, {
+							default: R(() => [
 								c(b, { onClick: o[7] || (o[7] = (e) => {
 									var t;
 									return (t = f.value) == null ? void 0 : t.chain().focus().insertTable({
@@ -2923,9 +3281,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										withHeaderRow: !0
 									}).run();
 								}) }, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-plus" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableInsert), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-plus" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableInsert")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -2938,9 +3296,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().addRowBefore().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-row-plus-before" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableAddRowAbove), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-row-plus-before" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableAddRowAbove")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -2952,9 +3310,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().addRowAfter().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-row-plus-after" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableAddRowBelow), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-row-plus-after" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableAddRowBelow")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -2966,9 +3324,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().deleteRow().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-row-remove" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableDeleteRow), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-row-remove" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableDeleteRow")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -2981,9 +3339,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().addColumnBefore().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-column-plus-before" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableAddColumnBefore), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-column-plus-before" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableAddColumnBefore")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -2995,9 +3353,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().addColumnAfter().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-column-plus-after" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableAddColumnAfter), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-column-plus-after" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableAddColumnAfter")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -3009,9 +3367,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().deleteColumn().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-column-remove" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableDeleteColumn), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-column-remove" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableDeleteColumn")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -3024,9 +3382,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().toggleHeaderRow().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-row" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableToggleHeaderRow), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-row" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableToggleHeaderRow")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -3038,9 +3396,9 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 										return (t = f.value) == null ? void 0 : t.chain().focus().deleteTable().run();
 									})
 								}, {
-									prepend: P(() => [c(j(V), { name: "mdi-table-remove" })]),
-									default: P(() => [c(p, null, {
-										default: P(() => [s(O(j(d).TableDeleteTable), 1)]),
+									prepend: R(() => [c(P(V), { name: "mdi-table-remove" })]),
+									default: R(() => [c(p, null, {
+										default: R(() => [s(A(P(d)("TableDeleteTable")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -3050,16 +3408,16 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 						})]),
 						_: 1
 					}),
-					c(u, m(_.value, {
+					c(u, g(h.value, {
 						icon: "",
-						title: j(d).Blockquote,
+						title: P(d)("Blockquote"),
 						active: y.value.blockquote,
 						onClick: o[16] || (o[16] = (e) => {
 							var t;
 							return (t = f.value) == null ? void 0 : t.chain().focus().toggleBlockquote().run();
 						})
 					}), {
-						default: P(() => [c(j(V), { name: "mdi-format-quote-close" })]),
+						default: R(() => [c(P(V), { name: "mdi-format-quote-close" })]),
 						_: 1
 					}, 16, ["title", "active"])
 				]),
@@ -3068,18 +3426,18 @@ var An = { class: "rtf-toolbar-group" }, jn = { class: "d-flex justify-end ga-2
 					inset: "",
 					class: "mx-1"
 				}),
-				c(Yt, m({ actions: j(ee) }, v.value, { "show-as-group": "grouped-no-borders" }), null, 16, ["actions"]),
+				c(En, g({ actions: P(M) }, _.value, { "show-as-group": "grouped-no-borders" }), null, 16, ["actions"]),
 				c(l, {
 					vertical: "",
 					inset: "",
 					class: "mx-1"
 				}),
-				c(Yt, m({ actions: N }, v.value, { "show-as-group": "grouped-no-borders" }), null, 16)
+				c(En, g({ actions: N }, _.value, { "show-as-group": "grouped-no-borders" }), null, 16)
 			], 2);
 		};
 	}
-}), Fn = /^[a-z][a-z0-9]*:[a-z]/i, In = /mso-[a-z-]+\s*:[^;]+;?/gi, Ln = /^Mso/i, Rn = /background(?:-color)?\s*:[^;]+;?/gi;
-function zn(e) {
+}), hr = /^[a-z][a-z0-9]*:[a-z]/i, gr = /mso-[a-z-]+\s*:[^;]+;?/gi, _r = /^Mso/i, vr = /background(?:-color)?\s*:[^;]+;?/gi;
+function yr(e) {
 	let t = document.createTreeWalker(e, NodeFilter.SHOW_COMMENT), n = [];
 	for (let e = t.nextNode(); e; e = t.nextNode()) n.push(e);
 	n.forEach((e) => {
@@ -3087,42 +3445,45 @@ function zn(e) {
 		return (t = e.parentNode) == null ? void 0 : t.removeChild(e);
 	});
 }
-function Bn(e) {
+function br(e) {
 	let t = e.parentNode;
 	if (t) {
 		for (; e.firstChild;) t.insertBefore(e.firstChild, e);
 		t.removeChild(e);
 	}
 }
-function Vn(e) {
+function xr(e) {
 	let t = e.getAttribute("style");
 	if (t != null) {
-		let n = t.replace(In, "").replace(Rn, "").trim();
+		let n = t.replace(gr, "").replace(vr, "").trim();
 		n ? e.setAttribute("style", n) : e.removeAttribute("style");
 	}
 	let n = e.getAttribute("class");
 	if (n != null) {
-		let t = n.split(/\s+/).filter((e) => e && !Ln.test(e)).join(" ");
+		let t = n.split(/\s+/).filter((e) => e && !_r.test(e)).join(" ");
 		t ? e.setAttribute("class", t) : e.removeAttribute("class");
 	}
 	e.removeAttribute("lang"), e.removeAttribute("xml:lang"), e.removeAttribute("id"), e.removeAttribute("align"), e.removeAttribute("bgcolor");
 }
-function Hn(e) {
+function Sr(e) {
 	if (!e || typeof DOMParser > "u") return e;
 	let t = new DOMParser().parseFromString(e, "text/html").body;
-	return t ? (zn(t), t.querySelectorAll("xml, style, script, meta, link").forEach((e) => e.remove()), Array.from(t.querySelectorAll("*")).forEach((e) => {
-		if (Fn.test(e.tagName) || e.tagName === "FONT") {
-			Bn(e);
+	return t ? (yr(t), t.querySelectorAll("xml, style, script, meta, link").forEach((e) => e.remove()), Array.from(t.querySelectorAll("*")).forEach((e) => {
+		if (hr.test(e.tagName) || e.tagName === "FONT") {
+			br(e);
 			return;
 		}
-		Vn(e);
+		xr(e);
 	}), Array.from(t.querySelectorAll("span, div")).forEach((e) => {
-		e.attributes.length === 0 && Bn(e);
+		e.attributes.length === 0 && br(e);
 	}), t.innerHTML) : e;
 }
 //#endregion
 //#region src/helpers/rtf-editor/editor-core.vue?vue&type=script&setup=true&lang.ts
-var Un = { class: "editor-container" }, Wn = { class: "rtf-bubble-menu" }, Gn = /* @__PURE__ */ l({
+var Cr = { class: "editor-container" }, wr = {
+	key: 2,
+	class: "editor-container__editor"
+}, Tr = { class: "rtf-bubble-menu" }, Er = /* @__PURE__ */ l({
 	__name: "editor-core",
 	props: {
 		modelValue: { default: "" },
@@ -3136,29 +3497,36 @@ var Un = { class: "editor-container" }, Wn = { class: "rtf-bubble-menu" }, Gn =
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: o }) {
-		M((e) => ({
-			b8a5bbe0: e.fontFamily,
-			v21b01608: e.minHeight
+		ee((e) => ({
+			a2b42c4a: e.fontFamily,
+			v6b6187d1: e.minHeight
 		}));
-		let s = e, l = o, u = S(), d;
-		b(() => {
+		let s = e, l = o, u = w(null);
+		function d(e) {
+			u.value = e;
+		}
+		let f = On(), p = t(() => {
 			var e;
-			let t = (e = u.value) == null ? void 0 : e.$el, n = t == null ? void 0 : t.closest(".v-field");
-			!t || !n || (d = new ResizeObserver(([e]) => {
+			return Ut(new It((e = s.modelValue) == null ? "" : e));
+		}), m = dn(), h;
+		I(u, (e) => {
+			h == null || h.disconnect();
+			let t = e == null ? void 0 : e.$el, n = t == null ? void 0 : t.closest(".v-field");
+			!t || !n || (h = new ResizeObserver(([e]) => {
 				n.style.setProperty("--rtf-toolbar-height", `${e.contentRect.height}px`);
-			}), d.observe(t));
-		}), y(() => d == null ? void 0 : d.disconnect());
-		let f = Oe({
+			}), h.observe(t));
+		}, { flush: "post" }), x(() => h == null ? void 0 : h.disconnect());
+		let _ = Ee({
 			content: s.modelValue,
 			editable: !s.disabled,
 			extensions: [
-				Ee.configure({ link: !1 }),
-				En.configure({
+				we.configure({ link: !1 }),
+				or.configure({
 					openOnClick: !1,
 					autolink: !0,
 					defaultProtocol: "https"
 				}),
-				ve.configure({
+				ge.configure({
 					inline: !0,
 					allowBase64: !0,
 					resize: {
@@ -3177,119 +3545,120 @@ var Un = { class: "editor-container" }, Wn = { class: "rtf-bubble-menu" }, Gn =
 						minHeight: 24
 					}
 				}),
-				we.configure({ types: ["heading", "paragraph"] }),
-				be.configure({ resizable: !0 }),
-				Ce,
-				Se,
+				Se.configure({ types: ["heading", "paragraph"] }),
+				ve.configure({ resizable: !0 }),
 				xe,
-				ye.configure({ placeholder: "" }),
-				dn,
-				pn,
-				mn,
-				On
+				be,
+				ye,
+				_e.configure({ placeholder: "" }),
+				Gn,
+				qn,
+				Jn,
+				cr
 			],
 			editorProps: {
 				attributes: { class: "rtf-content" },
-				transformPastedHTML: (e) => Hn(e),
-				handlePaste: Tn(() => f.value)
+				transformPastedHTML: (e) => Sr(e),
+				handlePaste: ar(() => _.value)
 			},
 			onUpdate: ({ editor: e }) => {
 				l("update:modelValue", e.isEmpty ? "" : e.getHTML());
 			}
 		});
-		N(() => s.modelValue, (e) => {
-			let t = f.value;
+		I(() => s.modelValue, (e) => {
+			let t = _.value;
 			if (!t) return;
 			let n = e == null ? "" : e;
 			n !== t.getHTML() && t.commands.setContent(n, { emitUpdate: !1 });
-		}), N(() => s.disabled, (e) => {
+		}), I(() => s.disabled, (e) => {
 			var t;
-			return (t = f.value) == null ? void 0 : t.setEditable(!e);
-		}), N(f, (e) => e == null ? void 0 : e.setEditable(!s.disabled));
-		let p = {
+			return (t = _.value) == null ? void 0 : t.setEditable(!e, !1);
+		}), I(_, (e) => e == null ? void 0 : e.setEditable(!s.disabled, !1));
+		let v = {
 			icon: !0,
 			size: "small",
 			density: "comfortable",
 			variant: "text"
-		}, h = kn(f), g = t(() => {
+		}, y = lr(_), b = t(() => {
 			var e, t, n, r, i;
-			return h.value, {
-				bold: !!((e = f.value) != null && e.isActive("bold")),
-				italic: !!((t = f.value) != null && t.isActive("italic")),
-				link: !!((n = f.value) != null && n.isActive("link")),
-				bulletList: !!((r = f.value) != null && r.isActive("bulletList")),
-				orderedList: !!((i = f.value) != null && i.isActive("orderedList"))
+			return y.value, {
+				bold: !!((e = _.value) != null && e.isActive("bold")),
+				italic: !!((t = _.value) != null && t.isActive("italic")),
+				link: !!((n = _.value) != null && n.isActive("link")),
+				bulletList: !!((r = _.value) != null && r.isActive("bulletList")),
+				orderedList: !!((i = _.value) != null && i.isActive("orderedList"))
 			};
 		});
-		function _({ state: e }) {
-			return !e.selection.empty && !(e.selection instanceof Te);
+		function S({ state: e }) {
+			return !e.selection.empty && !(e.selection instanceof Ce);
 		}
-		function v(e) {
+		function T(e) {
 			var t;
-			(t = f.value) == null || t.chain().focus()[e]().run();
+			(t = _.value) == null || t.chain().focus()[e]().run();
 		}
-		function C() {
-			let e = f.value;
+		function E() {
+			let e = _.value;
 			if (!e) return;
 			if (e.isActive("link")) {
 				e.chain().focus().unsetLink().run();
 				return;
 			}
-			let t = window.prompt(Ft.LinkUrl);
+			let t = window.prompt(m("LinkUrl"));
 			t && e.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
 		}
 		return (t, o) => {
-			let s = T("v-btn");
-			return x(), i("div", Un, [
-				c(Pn, {
-					ref_key: "toolbarRef",
-					ref: u,
-					editor: j(f),
+			let s = D("v-btn");
+			return C(), i("div", Cr, [
+				P(f) ? (C(), n(mr, {
+					key: 0,
+					ref: d,
+					editor: P(_),
 					"button-size": e.toolbarButtonSize
-				}, null, 8, ["editor", "button-size"]),
-				c(j(De), {
+				}, null, 8, ["editor", "button-size"])) : r("", !0),
+				P(f) ? (C(), n(P(Te), {
+					key: 1,
 					class: "editor-container__editor",
-					editor: j(f)
-				}, null, 8, ["editor"]),
-				j(f) ? (x(), n(j(ke), {
-					key: 0,
-					editor: j(f),
-					"should-show": _
+					editor: P(_)
+				}, null, 8, ["editor"])) : (C(), i("div", wr, A(p.value), 1)),
+				P(_) ? (C(), n(P(De), {
+					key: 3,
+					editor: P(_),
+					"should-show": S
 				}, {
-					default: P(() => [a("div", Wn, [
-						c(s, m(p, {
-							active: g.value.bold,
-							onClick: o[0] || (o[0] = (e) => v("toggleBold"))
+					default: R(() => [a("div", Tr, [
+						c(s, g(v, {
+							active: b.value.bold,
+							onClick: o[0] || (o[0] = (e) => T("toggleBold"))
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-format-bold" })]),
+							default: R(() => [c(P(V), { name: "mdi-format-bold" })]),
 							_: 1
 						}, 16, ["active"]),
-						c(s, m(p, {
-							active: g.value.italic,
-							onClick: o[1] || (o[1] = (e) => v("toggleItalic"))
+						c(s, g(v, {
+							active: b.value.italic,
+							onClick: o[1] || (o[1] = (e) => T("toggleItalic"))
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-format-italic" })]),
+							default: R(() => [c(P(V), { name: "mdi-format-italic" })]),
 							_: 1
 						}, 16, ["active"]),
-						c(s, m(p, {
-							active: g.value.link,
-							onClick: C
+						c(s, g(v, {
+							active: b.value.link,
+							onClick: E
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-link-variant" })]),
+							default: R(() => [c(P(V), { name: "mdi-link-variant" })]),
 							_: 1
 						}, 16, ["active"]),
-						c(s, m(p, {
-							active: g.value.bulletList,
-							onClick: o[2] || (o[2] = (e) => v("toggleBulletList"))
+						c(s, g(v, {
+							active: b.value.bulletList,
+							onClick: o[2] || (o[2] = (e) => T("toggleBulletList"))
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-format-list-bulleted" })]),
+							default: R(() => [c(P(V), { name: "mdi-format-list-bulleted" })]),
 							_: 1
 						}, 16, ["active"]),
-						c(s, m(p, {
-							active: g.value.orderedList,
-							onClick: o[3] || (o[3] = (e) => v("toggleOrderedList"))
+						c(s, g(v, {
+							active: b.value.orderedList,
+							onClick: o[3] || (o[3] = (e) => T("toggleOrderedList"))
 						}), {
-							default: P(() => [c(j(V), { name: "mdi-format-list-numbered" })]),
+							default: R(() => [c(P(V), { name: "mdi-format-list-numbered" })]),
 							_: 1
 						}, 16, ["active"])
 					])]),
@@ -3298,9 +3667,9 @@ var Un = { class: "editor-container" }, Wn = { class: "rtf-bubble-menu" }, Gn =
 			]);
 		};
 	}
-}), Kn = /* @__PURE__ */ l({
+}), Dr = /* @__PURE__ */ l({
 	__name: "df-rtf-editor",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		minHeight: {},
 		toolbarButtonSize: {},
 		fontFamily: {},
@@ -3318,18 +3687,17 @@ var Un = { class: "editor-container" }, Wn = { class: "rtf-bubble-menu" }, Gn =
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, { minHeight: void 0 })),
+	}, Z(Z({}, en), {}, { minHeight: void 0 })),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: t }) {
-		let r = e, { densityClass: i, value: a, vuetifyBindings: o } = Z(r, t);
-		return (t, s) => (x(), n(j(Pt), m(r, { class: ["rtf-editor", j(i)] }), {
-			default: P((t) => [c(Gn, m({
-				ref: "$editor",
-				modelValue: j(a),
-				"onUpdate:modelValue": s[0] || (s[0] = (e) => f(a) ? a.value = e : null),
+		let r = e, { densityClass: i, value: a, vuetifyBindings: o } = tn(r, t);
+		return (t, s) => (C(), n(P(rn), g(r, { class: ["rtf-editor", P(i)] }), {
+			default: R((t) => [c(Er, g({
+				modelValue: P(a),
+				"onUpdate:modelValue": s[0] || (s[0] = (e) => m(a) ? a.value = e : null),
 				class: { "mt-6": !!e.label },
 				"min-height": e.minHeight,
-				disabled: j(o).disabled,
+				disabled: P(o).disabled,
 				"toolbar-button-size": e.toolbarButtonSize,
 				"font-family": e.fontFamily
 			}, e.passthroughAttrs, {
@@ -3351,48 +3719,48 @@ var Un = { class: "editor-container" }, Wn = { class: "rtf-bubble-menu" }, Gn =
 });
 //#endregion
 //#region src/helpers/df-select.helper.ts
-function qn(e) {
+function Or(e) {
 	return e.map((e) => ({
 		value: e.id,
 		title: e.text,
 		icon: e.icon
 	}));
 }
-function $(e, t) {
+function kr(e, t) {
 	var n;
-	return e == null || se(e) && e.length === 0 ? null : t ? U(e) : se(e) ? (n = oe(e)) == null ? null : n : e;
+	return e == null || ae(e) && e.length === 0 ? null : t ? ne(e) : ae(e) ? (n = ie(e)) == null ? null : n : e;
 }
-function Jn(e, t) {
+function Ar(e, t) {
 	if (t == null) return [];
-	let n = U(t);
+	let n = ne(t);
 	return e.filter((e) => n.some((t) => t === e.id));
 }
-function Yn(e, t, n, r, i) {
-	let a = $(e, n);
+function jr(e, t, n, r, i) {
+	let a = kr(e, n);
 	if (a == null) {
 		t.value = n ? [] : null;
 		return;
 	}
-	if (n) t.value = r ? a : Jn(i, a).map((e) => e.id);
+	if (n) t.value = r ? a : Ar(i, a).map((e) => e.id);
 	else if (r) t.value = a;
 	else {
 		var o;
-		let e = oe(Jn(i, a));
+		let e = ie(Ar(i, a));
 		t.value = (o = e == null ? void 0 : e.id) == null ? null : o;
 	}
 }
 //#endregion
 //#region src/df-select.vue?vue&type=script&setup=true&lang.ts
-var Xn = {
+var Mr = {
 	key: 0,
 	class: "me-1"
-}, Zn = /*#__PURE__*/ ((e, t) => {
+}, Nr = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 })(/* @__PURE__ */ l({
 	__name: "df-select",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		choices: {},
 		multiple: { type: Boolean },
 		allowTags: { type: Boolean },
@@ -3412,7 +3780,7 @@ var Xn = {
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, {
+	}, Z(Z({}, en), {}, {
 		choices: void 0,
 		multiple: !1,
 		allowTags: !1,
@@ -3426,202 +3794,232 @@ var Xn = {
 	],
 	setup(e, { emit: s }) {
 		var l;
-		let d = e, { choices: f, multiple: p, allowTags: v, allowNull: y, cssClass: b } = A(d), C = s, D = S(null), { densityClass: k, isRendered: M, label: ee, showErrors: te, touched: F, value: I, visibilityClass: L, vuetifyBindings: R } = Z(d, C), z = S(null), ne = S(!1), re = S([]), B = t(() => j(ne) ? j(re) : j(f) || []), ie = t(() => qn(B.value)), H = S(null), ae = S(0), oe = S(!1), se = S(0), W = S(0), ce = t(() => W.value > 0 || se.value > 0);
-		(l = f.value) != null && l.length && d.fetchChoices !== void 0 && console.warn("Both choices and fetchChoices are set. Only one of them should be set.");
-		function ue(e) {
-			C("update:modelValueDisplay", Jn(B.value, e));
-		}
-		let de = S(!1);
-		function fe(e) {
-			de.value = !0;
+		let u = e, { choices: f, multiple: p, allowTags: m, allowNull: h, cssClass: b } = M(u), x = s, S = w(null), { densityClass: T, isRendered: k, label: j, shownErrors: N, touched: ee, value: F, visibilityClass: L, vuetifyBindings: z } = tn(u, x), B = On(), H = w(null), U = w(!1), te = w([]), W = t(() => P(U) ? P(te) : P(f) || []), G = t(() => Or(W.value)), re = t(() => Ar(W.value, kr(F.value, p.value)).map((e) => e.text).join(", ")), ie = w(null), ae = w(0), K = w(!1), q = w(0), se = w(0), ce = t(() => se.value > 0 || q.value > 0);
+		(l = f.value) != null && l.length && u.fetchChoices !== void 0 && console.warn("Both choices and fetchChoices are set. Only one of them should be set.");
+		function le(e) {
+			x("update:modelValueDisplay", Ar(W.value, e));
+		}
+		let J = w(!1);
+		function Y(e) {
+			J.value = !0;
 			try {
-				I.value = e;
+				F.value = e;
 			} finally {
-				h(() => {
-					let t = $(I.value, p.value);
-					le(t, e) || Yn(t, z, p.value, v.value, B.value), de.value = !1;
+				_(() => {
+					let t = kr(F.value, p.value);
+					oe(t, e) || jr(t, H, p.value, m.value, W.value), J.value = !1;
 				});
 			}
 		}
-		function G(e) {
+		function de(e) {
 			if (!e) return 0;
 			let t = e.getBoundingClientRect(), n = window.getComputedStyle(e);
 			return t.width + parseFloat(n.marginLeft) + parseFloat(n.marginRight);
 		}
-		function K() {
-			if (p.value && y.value && z.value != null && z.value.length > 0 && D.value) {
+		function fe() {
+			if (p.value && h.value && H.value != null && H.value.length > 0 && S.value) {
 				var e;
-				let t = D.value.$el, n = (e = t.querySelector(".v-input__control")) == null ? void 0 : e.clientWidth, r = t.querySelector(".v-field__input"), i = r.querySelectorAll(".v-autocomplete__selection, .v-combobox__selection"), a = window.getComputedStyle(r), o = parseFloat(a.paddingLeft) + parseFloat(a.paddingRight);
+				let t = S.value.$el, n = (e = t.querySelector(".v-input__control")) == null ? void 0 : e.clientWidth, r = t.querySelector(".v-field__input"), i = r.querySelectorAll(".v-autocomplete__selection, .v-combobox__selection"), a = window.getComputedStyle(r), o = parseFloat(a.paddingLeft) + parseFloat(a.paddingRight);
 				i.forEach((e) => {
-					o += G(e);
+					o += de(e);
 				});
-				let s = G(t.querySelector(".v-field .v-field__clearable")), c = G(t.querySelector(".v-field .v-field__append-inner"));
-				oe.value = n - o - i.length * 2 - c < s;
-			} else oe.value = !1;
+				let s = de(t.querySelector(".v-field .v-field__clearable")), c = de(t.querySelector(".v-field .v-field__append-inner"));
+				K.value = n - o - i.length * 2 - c < s;
+			} else K.value = !1;
 		}
-		function me(e) {
+		function pe(e) {
 			let t = e.target;
 			t instanceof HTMLElement && t.closest(".v-chip__close") && (e.stopPropagation(), e.preventDefault());
 		}
-		N(z, (e) => {
-			R.value.readonly || se.value > 0 || h(() => {
-				let t = $(e, p.value);
-				ue(t), fe(t);
+		I(H, (e) => {
+			z.value.readonly || q.value > 0 || _(() => {
+				let t = kr(e, p.value);
+				le(t), Y(t);
 			});
-		}, { deep: !0 }), N(I, (e) => {
-			if (de.value) return;
-			let t = $(e, p.value), n = be(t);
-			Yn(t, z, p.value, !1, B.value), n == null || n.then(() => {
-				le($(I.value, p.value), t) && Yn(t, z, p.value, !1, B.value);
+		}, { deep: !0 }), I(F, (e) => {
+			if (J.value) return;
+			let t = kr(e, p.value), n = ye(t);
+			jr(t, H, p.value, !1, W.value), n == null || n.then(() => {
+				oe(kr(F.value, p.value), t) && jr(t, H, p.value, !1, W.value);
 			});
-		}, { deep: !0 }), N(de, () => {
-			de.value || K();
+		}, { deep: !0 }), I(J, () => {
+			J.value || fe();
 		});
-		function he() {
-			H.value != null && H.value.length > 0 && (H.value = null, ve());
+		function me() {
+			ie.value != null && ie.value.length > 0 && (ie.value = null, _e());
 		}
-		function ge() {
-			if (he(), R.value.readonly || v.value) return;
-			let e = $(z.value, p.value);
-			Yn(e, z, p.value, !1, B.value), fe(e);
+		function he() {
+			if (me(), z.value.readonly || m.value) return;
+			let e = kr(H.value, p.value);
+			jr(e, H, p.value, !1, W.value), Y(e);
 		}
-		function _e(e, t) {
-			if (e.stopPropagation(), R.value.readonly || v.value) {
-				v.value && (z.value = z.value.filter((e) => e !== t));
+		function ge(e, t) {
+			if (e.stopPropagation(), z.value.readonly || m.value) {
+				m.value && (H.value = H.value.filter((e) => e !== t));
 				return;
 			}
 			let n;
-			n = p.value && Array.isArray(z.value) ? $(z.value.filter((e) => e !== t), p.value) : null, Yn(n, z, p.value, !1, B.value), fe(n);
+			n = p.value && Array.isArray(H.value) ? kr(H.value.filter((e) => e !== t), p.value) : null, jr(n, H, p.value, !1, W.value), Y(n);
 		}
-		function ve(e, t) {
-			return ye.apply(this, arguments);
+		function _e(e, t) {
+			return ve.apply(this, arguments);
 		}
-		function ye() {
-			return ye = en(function* (e, t) {
-				if (R.value.readonly || (H.value = e, f.value || d.fetchChoices === void 0)) return;
+		function ve() {
+			return ve = Fn(function* (e, t) {
+				if (z.value.readonly || (ie.value = e, f.value || u.fetchChoices === void 0)) return;
 				let n = ++ae.value;
-				W.value++;
+				se.value++;
 				try {
-					let r = yield d.fetchChoices(e, t);
+					let r = yield u.fetchChoices(e, t);
 					if (n !== ae.value) return;
-					let i = Jn(B.value, $(I.value, p.value));
-					re.value = pe([...i, ...r], "id"), ne.value = !0;
+					let i = Ar(W.value, kr(F.value, p.value));
+					te.value = ue([...i, ...r], "id"), U.value = !0;
+				} catch (e) {
+					console.error(e);
 				} finally {
-					W.value--;
+					se.value--;
 				}
-			}), ye.apply(this, arguments);
+			}), ve.apply(this, arguments);
 		}
-		function be(e) {
-			let t = d.fetchChoices;
-			if (t === void 0 || v.value || e == null) return null;
-			let n = U(e).filter((e) => !B.value.some((t) => t.id === e));
-			return n.length ? (se.value++, en(function* () {
+		function ye(e) {
+			let t = u.fetchChoices;
+			if (t === void 0 || m.value || e == null) return null;
+			let n = ne(e).filter((e) => !W.value.some((t) => t.id === e));
+			return n.length ? (q.value++, Fn(function* () {
 				try {
 					let e = yield t(void 0, p.value ? n : n[0]);
-					re.value = pe([...B.value, ...e], "id"), ne.value = !0;
+					te.value = ue([...W.value, ...e], "id"), U.value = !0;
+				} catch (e) {
+					console.error(e);
 				} finally {
-					se.value--;
+					q.value--;
 				}
 			})()) : null;
 		}
-		function xe() {
-			let e = I.value;
-			!y.value && e == null && ie.value.length && (e = ie.value[0].value), e = $(e, p.value), Yn(e, z, p.value, v.value, B.value), !(se.value > 0) && (ue(e), fe(e));
+		function be() {
+			let e = z.value.readonly, t = F.value;
+			!e && !h.value && t == null && G.value.length && (t = G.value[0].value), t = kr(t, p.value), jr(t, H, p.value, m.value, W.value), !(q.value > 0) && (le(t), e || Y(t));
 		}
-		let Se = null;
-		if (d.fetchChoices !== void 0) {
+		let xe = typeof window < "u", Se = null;
+		if (u.fetchChoices !== void 0 && xe) {
 			var Ce;
-			Se = (Ce = be($(I.value, p.value))) == null ? ve(void 0, I.value) : Ce;
+			Se = (Ce = ye(kr(F.value, p.value))) == null ? _e(void 0, F.value) : Ce;
 		}
-		return xe(), Se == null || Se.then(() => {
-			xe();
+		return (xe || u.fetchChoices === void 0) && be(), Se == null || Se.then(() => {
+			be();
+		}), I(() => z.value.readonly, (e) => {
+			e || be();
 		}), (e, t) => {
-			let s = T("v-chip"), l = T("v-list-item");
-			return j(M) ? (x(), n(E(j(v) ? "v-combobox" : "v-autocomplete"), m({
+			var s, l;
+			let u = D("v-text-field"), f = D("v-chip"), _ = D("v-list-item");
+			return P(k) && !P(B) ? (C(), n(u, g({
 				key: 0,
+				class: [
+					P(b),
+					P(T),
+					P(L)
+				],
+				"model-value": re.value
+			}, P(z), { readonly: "" }), {
+				label: R((e) => [c(P($), {
+					data: e,
+					label: P(j)
+				}, null, 8, ["data", "label"])]),
+				message: R(({ message: e }) => [c(P(Q), {
+					message: e,
+					errors: P(N)
+				}, null, 8, ["message", "errors"])]),
+				_: 1
+			}, 16, ["class", "model-value"])) : P(k) ? (C(), n(O(P(m) ? "v-combobox" : "v-autocomplete"), g({
+				key: 1,
 				ref_key: "dfSelectRef",
-				ref: D,
-				modelValue: z.value,
-				"onUpdate:modelValue": t[0] || (t[0] = (e) => z.value = e),
+				ref: S,
+				modelValue: H.value,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => H.value = e),
 				class: [
-					j(b),
-					j(k),
-					j(L),
-					{ "df-select-multirow": oe.value }
+					P(b),
+					P(T),
+					P(L),
+					{
+						"df-select-multirow": K.value,
+						"df-select-single": !P(p)
+					}
 				],
-				items: ie.value,
+				style: { "--df-select-search-width": `${((s = (l = ie.value) == null ? void 0 : l.length) == null ? 0 : s) + 1}ch` },
+				items: G.value,
 				"return-object": !1,
 				chips: "",
 				"auto-select-first": !0,
-				"closable-chips": j(y) || j(p) && z.value.length > 1,
-				clearable: j(y),
-				multiple: j(p),
+				"closable-chips": P(h) || P(p) && H.value.length > 1,
+				clearable: P(h),
+				multiple: P(p),
 				loading: ce.value,
 				"hide-selected": !1,
-				"aria-describedby": j(R).helpText ? `${j(R).name}-help` : null,
+				"aria-describedby": P(z).helpText ? `${P(z).name}-help` : null,
 				"menu-props": { maxHeight: "400" },
-				search: H.value
-			}, j(R), {
-				"onUpdate:search": t[1] || (t[1] = (e) => ve(e, void 0)),
-				"onUpdate:modelValue": ge,
-				"onClick:clear": t[2] || (t[2] = (e) => z.value = null),
-				onBlur: t[3] || (t[3] = (e) => F.value = !0),
-				onMousedownCapture: t[4] || (t[4] = (e) => me(e))
+				search: ie.value
+			}, P(z), {
+				"onUpdate:search": t[1] || (t[1] = (e) => _e(e, void 0)),
+				"onUpdate:modelValue": he,
+				"onClick:clear": t[2] || (t[2] = (e) => H.value = null),
+				onBlur: t[3] || (t[3] = (e) => ee.value = !0),
+				onMousedownCapture: t[4] || (t[4] = (e) => pe(e))
 			}), o({
-				chip: P(({ item: e }) => [(x(), n(s, {
+				chip: R(({ item: e }) => [(C(), n(f, {
 					key: e.value,
 					label: "",
 					size: "small",
 					class: "d-flex align-middle",
-					variant: j(p) ? "tonal" : "text",
-					closable: j(p),
-					"onClick:close": (t) => _e(t, e.value)
+					variant: P(p) ? "tonal" : "text",
+					closable: P(p),
+					"onClick:close": (t) => ge(t, e.value)
 				}, {
-					prepend: P(() => {
+					prepend: R(() => {
 						var t;
-						return [(t = e.raw) != null && t.icon ? (x(), n(j(V), {
+						return [(t = e.raw) != null && t.icon ? (C(), n(P(V), {
 							key: 0,
 							class: "me-1",
 							name: e.raw.icon
 						}, null, 8, ["name"])) : r("", !0)];
 					}),
-					default: P(() => [a("span", { class: g({ "text-body-1": !j(p) }) }, O(e.title), 3)]),
+					default: R(() => [a("span", { class: v({ "text-body-1": !P(p) }) }, A(e.title), 3)]),
 					_: 2
 				}, 1032, [
 					"variant",
 					"closable",
 					"onClick:close"
 				]))]),
-				label: P((e) => [c(j(Y), {
+				label: R((e) => [c(P($), {
 					data: e,
-					label: j(ee)
+					label: P(j)
 				}, null, 8, ["data", "label"])]),
-				item: P(({ props: e, item: t }) => [c(l, _(u(e)), {
-					prepend: P(() => {
+				item: R(({ props: e, item: t }) => [c(_, y(d(e)), {
+					prepend: R(() => {
 						var e;
-						return [(e = t.raw) != null && e.icon ? (x(), i("span", Xn, [c(j(V), {
+						return [(e = t.raw) != null && e.icon ? (C(), i("span", Mr, [c(P(V), {
 							class: "action-icon",
 							name: t.raw.icon
 						}, null, 8, ["name"])])) : r("", !0)];
 					}),
 					_: 2
 				}, 1040)]),
-				message: P(({ message: e }) => [c(j(J), {
+				message: R(({ message: e }) => [c(P(Q), {
 					message: e,
-					errors: j(te)
+					errors: P(N)
 				}, null, 8, ["message", "errors"])]),
 				_: 2
 			}, [e.$slots["append-inner"] ? {
 				name: "append-inner",
-				fn: P((t) => [w(e.$slots, "append-inner", _(u(t)), void 0, !0)]),
+				fn: R((t) => [E(e.$slots, "append-inner", y(d(t)), void 0, !0)]),
 				key: "0"
 			} : void 0, e.$slots["prepend-inner"] ? {
 				name: "prepend-inner",
-				fn: P((t) => [w(e.$slots, "prepend-inner", _(u(t)), void 0, !0)]),
+				fn: R((t) => [E(e.$slots, "prepend-inner", y(d(t)), void 0, !0)]),
 				key: "1"
 			} : void 0]), 1040, [
 				"modelValue",
 				"class",
+				"style",
 				"items",
 				"closable-chips",
 				"clearable",
@@ -3632,9 +4030,9 @@ var Xn = {
 			])) : r("", !0);
 		};
 	}
-}), [["__scopeId", "data-v-ad3db4b8"]]), Qn = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-1c000b27"]]), Pr = /* @__PURE__ */ l({
 	__name: "df-text-area",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		rows: {},
 		maxRows: {},
 		control: {},
@@ -3651,33 +4049,33 @@ var Xn = {
 		passthroughAttrs: {},
 		density: {},
 		variant: {}
-	}, q(q({}, X), {}, {
+	}, Z(Z({}, en), {}, {
 		rows: void 0,
 		maxRows: void 0
 	})),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: t }) {
-		let n = e, { densityClass: a, isRendered: o, label: s, showErrors: l, touched: u, value: d, visibilityClass: p, vuetifyBindings: h } = Z(n, t), { cssClass: _ } = A(n);
+		let n = e, { densityClass: a, isRendered: o, label: s, shownErrors: l, touched: u, value: d, visibilityClass: f, vuetifyBindings: p } = tn(n, t), { cssClass: h } = M(n);
 		return (t, n) => {
-			let v = T("v-textarea");
-			return j(o) ? (x(), i("div", {
+			let _ = D("v-textarea");
+			return P(o) ? (C(), i("div", {
 				key: 0,
-				class: g(["df-textarea-container", [j(a), j(p)]])
-			}, [c(v, m({
-				modelValue: j(d),
-				"onUpdate:modelValue": n[0] || (n[0] = (e) => f(d) ? d.value = e : null),
-				class: j(_),
+				class: v(["df-textarea-container", [P(a), P(f)]])
+			}, [c(_, g({
+				modelValue: P(d),
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => m(d) ? d.value = e : null),
+				class: P(h),
 				rows: e.rows,
 				"auto-grow": (e.maxRows || 0) > 0,
 				"max-rows": e.maxRows
-			}, j(h), { onBlur: n[1] || (n[1] = (e) => u.value = !0) }), {
-				label: P((e) => [c(j(Y), {
+			}, P(p), { onBlur: n[1] || (n[1] = (e) => u.value = !0) }), {
+				label: R((e) => [c(P($), {
 					data: e,
-					label: j(s)
+					label: P(s)
 				}, null, 8, ["data", "label"])]),
-				message: P(({ message: e }) => [c(j(J), {
+				message: R(({ message: e }) => [c(P(Q), {
 					message: e,
-					errors: j(l)
+					errors: P(l)
 				}, null, 8, ["message", "errors"])]),
 				_: 1
 			}, 16, [
@@ -3689,62 +4087,69 @@ var Xn = {
 			])], 2)) : r("", !0);
 		};
 	}
-}), $n = /* @__PURE__ */ ct({
-	DfActions: () => Yt,
-	DfCheckbox: () => Xt,
-	DfColor: () => Zt,
-	DfDateTime: () => Qt,
-	DfFile: () => nn,
-	DfImage: () => ln,
-	DfInput: () => un,
-	DfInputHint: () => J,
-	DfLabel: () => Y,
-	DfRtfEditor: () => Kn,
-	DfSelect: () => Zn,
-	DfTextArea: () => Qn
-}), er = /* @__PURE__ */ ct({
-	VAutocomplete: () => Le,
-	VBtn: () => Re,
-	VCheckbox: () => ze,
-	VChip: () => Be,
-	VCol: () => qe,
-	VColorPicker: () => He,
-	VCombobox: () => Ve,
-	VConfirmEdit: () => Ue,
-	VDatePicker: () => We,
-	VField: () => Ge,
-	VFileInput: () => Ke,
-	VIcon: () => Ye,
-	VImg: () => Xe,
-	VInput: () => Ze,
-	VListItem: () => Qe,
-	VMenu: () => $e,
-	VNumberInput: () => et,
-	VProgressLinear: () => tt,
-	VRow: () => Je,
-	VSelect: () => nt,
-	VSwitch: () => rt,
-	VTextField: () => at,
-	VTextarea: () => it,
-	VTimePicker: () => ot
-}), tr = {
-	"df-actions": Yt,
-	"df-checkbox": Xt,
-	"df-color": Zt,
-	"df-date-time": Qt,
-	"df-file": nn,
-	"df-image": ln,
-	"df-input": un,
-	"df-input-hint": J,
-	"df-label": Y,
-	"df-rtf-editor": Kn,
-	"df-select": Zn,
-	"df-text-area": Qn
-}, nr = /* @__PURE__ */ ct({}), rr = { install: (e, t) => {
+}), Fr = /* @__PURE__ */ pt({
+	DfActions: () => En,
+	DfCheckbox: () => Dn,
+	DfColor: () => Mn,
+	DfDateTime: () => Nn,
+	DfFile: () => Ln,
+	DfImage: () => Un,
+	DfInput: () => Wn,
+	DfInputHint: () => Q,
+	DfLabel: () => $,
+	DfRtfEditor: () => Dr,
+	DfSelect: () => Nr,
+	DfTextArea: () => Pr
+}), Ir = /* @__PURE__ */ pt({
+	VAutocomplete: () => Fe,
+	VBtn: () => Ie,
+	VBtnGroup: () => Le,
+	VBtnToggle: () => Re,
+	VCard: () => ze,
+	VCardActions: () => Be,
+	VCheckbox: () => Ve,
+	VChip: () => He,
+	VCol: () => Xe,
+	VColorPicker: () => We,
+	VCombobox: () => Ue,
+	VConfirmEdit: () => Ge,
+	VDatePicker: () => Ke,
+	VDivider: () => qe,
+	VField: () => Je,
+	VFileInput: () => Ye,
+	VIcon: () => Qe,
+	VImg: () => $e,
+	VInput: () => et,
+	VList: () => tt,
+	VListItem: () => nt,
+	VListItemTitle: () => rt,
+	VMenu: () => it,
+	VNumberInput: () => at,
+	VProgressLinear: () => ot,
+	VRow: () => Ze,
+	VSelect: () => st,
+	VSwitch: () => ct,
+	VTextField: () => ut,
+	VTextarea: () => lt,
+	VTimePicker: () => dt
+}), Lr = {
+	"df-actions": En,
+	"df-checkbox": Dn,
+	"df-color": Mn,
+	"df-date-time": Nn,
+	"df-file": Ln,
+	"df-image": Un,
+	"df-input": Wn,
+	"df-input-hint": Q,
+	"df-label": $,
+	"df-rtf-editor": Dr,
+	"df-select": Nr,
+	"df-text-area": Pr
+}, Rr = /* @__PURE__ */ pt({}), zr = { install: (e, t) => {
 	var n, r;
-	e.provide(jt, t == null ? {} : t), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries($n).map(([t, n]) => e.component(t, n)), (r = t == null ? void 0 : t.registerVuetifyComponents) != null && r && Object.entries(er).map(([t, n]) => e.component(t, n));
+	e.provide(Yt, t == null ? {} : t), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(Fr).map(([t, n]) => e.component(t, n)), (r = t == null ? void 0 : t.registerVuetifyComponents) != null && r && Object.entries(Ir).map(([t, n]) => e.component(t, n));
 } };
 //#endregion
-export { Wt as Action, Q as ActionDisplayStyle, kt as DateTimeLocaleConfig, Yt as DfActions, Xt as DfCheckbox, Zt as DfColor, Qt as DfDateTime, nn as DfFile, ln as DfImage, un as DfInput, nr as DfInputComponentProps, $n as DfInputComponents, J as DfInputHint, Y as DfLabel, Kn as DfRtfEditor, Zn as DfSelect, Qn as DfTextArea, rr as DynamicFormsInputs, At as FileGoneError, Pt as InputBase, Mt as Label, Ht as ResponsiveActionRenderOptions, zt as ResponsiveRenderOptions, er as VuetifyComponents, X as defaultBaseProps, Lt as defaultDisplayStyle, tr as dfInputComponentsByTag, Bt as getBreakpointName, Ut as getRenderOptionsForBreakpoint, Rt as responsiveBreakpoints, Kt as setFileGoneError, Ft as translatableStrings, It as translateStrings, Vt as useBreakpoint, Gt as useFileTouchKeepAlive, Z as useInputBase, jt as vuetifyInputsSettingsKey };
+export { xn as Action, Nt as DateTimeLocaleConfig, En as DfActions, Dn as DfCheckbox, Mn as DfColor, Nn as DfDateTime, Ln as DfFile, Un as DfImage, Wn as DfInput, Rr as DfInputComponentProps, Fr as DfInputComponents, Q as DfInputHint, $ as DfLabel, Dr as DfRtfEditor, Nr as DfSelect, Pr as DfTextArea, zr as DynamicFormsInputs, Pt as FileGoneError, It as HtmlString, rn as InputBase, $t as Label, Ft as MdString, Xt as MessagesWidget, Kt as RenderableValue, yn as ResponsiveActionRenderOptions, gn as ResponsiveRenderOptions, Ir as VuetifyComponents, fn as actionDisplayStyles, en as defaultBaseProps, pn as defaultDisplayStyle, Lr as dfInputComponentsByTag, Jt as errorText, _n as getBreakpointName, bn as getRenderOptionsForBreakpoint, mn as isActionDisplayStyle, Gt as isCallableFunction, Rt as isRenderContent, Lt as isSimpleComponentDef, Ut as renderContentText, hn as responsiveBreakpoints, Zt as selectShownErrors, Cn as setFileGoneError, qt as toErrorDescription, un as translate, sn as translateStrings, vn as useBreakpoint, Sn as useFileTouchKeepAlive, tn as useInputBase, Qt as useShownErrors, dn as useTranslate, Yt as vuetifyInputsSettingsKey };
 
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map