@dynamicforms/vuetify-inputs 0.13.0 → 0.14.0

package/dist/dynamicforms-vuetify-inputs.js

@@ -3,8 +3,8 @@ import { CachedIcon as V } from "vue-cached-icon";
 import H from "vue-markdown-render";
 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 { useDisplay as de } from "vuetify";
+import { createTranslatable as fe } from "@dynamicforms/translatable";
 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";
@@ -1344,100 +1344,21 @@ var nn = { class: "d-flex w-100 df-style-resetting df-sub-field" }, rn = /* @__P
 			])) : r("", !0);
 		};
 	}
-}), an = {
-	Yes: "Yes",
-	No: "No",
-	Close: "Close",
-	Cancel: "Cancel",
-	Ok: "OK",
-	Paragraph: "Paragraph",
-	Heading1: "Heading 1",
-	Heading2: "Heading 2",
-	Heading3: "Heading 3",
-	Heading4: "Heading 4",
-	Heading5: "Heading 5",
-	Heading6: "Heading 6",
-	Downloadable: "Downloadable",
-	ArticleCategory: "Article category",
-	Title: "Title",
-	Subtitle: "Subtitle",
-	InfoBox: "Info box",
-	SideQuote: "Side quote",
-	Marker: "Marker",
-	Spoiler: "Spoiler",
-	CodeDark: "Code (dark)",
-	CodeBright: "Code (bright)",
-	Undo: "Undo",
-	Redo: "Redo",
-	SelectAll: "Select all",
-	Bold: "Bold",
-	Italic: "Italic",
-	HorizontalLine: "Horizontal line",
-	Blockquote: "Block quote",
-	BulletedList: "Bulleted list",
-	NumberedList: "Numbered list",
-	Outdent: "Decrease indent",
-	Indent: "Increase indent",
-	AlignLeft: "Align left",
-	AlignCenter: "Align center",
-	AlignRight: "Align right",
-	AlignJustify: "Justify",
-	Link: "Link",
-	LinkUrl: "URL",
-	LinkApply: "Apply",
-	LinkRemove: "Remove link",
-	Image: "Image",
-	ImageUrl: "Image URL",
-	ImageUpload: "Upload image",
-	ImageInsert: "Insert",
-	ImageDropHint: "Drop image here or click to browse",
-	ImageReplace: "Replace image",
-	ImageDownload: "Download image",
-	FileDownload: "Download file",
-	Table: "Table",
-	TableInsert: "Insert table",
-	TableAddRowAbove: "Add row above",
-	TableAddRowBelow: "Add row below",
-	TableDeleteRow: "Delete row",
-	TableAddColumnBefore: "Add column before",
-	TableAddColumnAfter: "Add column after",
-	TableDeleteColumn: "Delete column",
-	TableToggleHeaderRow: "Toggle header row",
-	TableDeleteTable: "Delete table",
-	Style: "Style",
-	MediaEmbed: "Insert media",
-	MediaEmbedUrl: "Video URL",
-	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);
+}), an = Object.freeze(["button", "text"]), on = "button";
+function sn(e) {
+	return an.includes(e);
 }
 //#endregion
 //#region src/helpers/action/responsive-render-options.ts
-var hn = [
+var cn = [
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xl"
-], gn = class {
+], ln = class {
 	constructor(e) {
-		X(this, "_value", void 0), this._value = this.cleanBreakpoint(e, !0), e && hn.forEach((t) => {
+		X(this, "_value", void 0), this._value = this.cleanBreakpoint(e, !0), e && cn.forEach((t) => {
 			let n = this.cleanBreakpoint(e[t]);
 			n && (this._value[t] = n);
 		});
@@ -1445,7 +1366,7 @@ var hn = [
 	getOptionsForBreakpoint(e) {
 		var t;
 		let n = (t = this.cleanBreakpoint(this._value)) == null ? {} : t;
-		for (let t of hn) {
+		for (let t of cn) {
 			var r;
 			let i = (r = this._value[t]) == null ? {} : r;
 			for (let e of Object.keys(i)) {
@@ -1457,22 +1378,22 @@ var hn = [
 		return n;
 	}
 };
-function _n(e) {
+function un(e) {
 	return e.xlAndUp.value ? "xl" : e.lgAndUp.value ? "lg" : e.mdAndUp.value ? "md" : e.smAndUp.value ? "sm" : "xs";
 }
-function vn() {
-	let e = fe();
-	return t(() => _n(e));
+function dn() {
+	let e = de();
+	return t(() => un(e));
 }
 //#endregion
 //#region src/helpers/action/action-render-options.ts
-var yn = class extends gn {
+var fn = class extends ln {
 	cleanBreakpoint(e, t = !1) {
 		if ((!e || !ce(e)) && !t) return null;
 		let n = {};
-		if (t && (n.renderAs = pn, n.showLabel = !0, n.showIcon = !0), e) {
+		if (t && (n.renderAs = on, 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(", ")}`);
+				if (!sn(e.renderAs)) throw Error(`'${e.renderAs}' is not an action display style: ${an.join(", ")}`);
 				n.renderAs = e.renderAs;
 			}
 			let t = N(e.label);
@@ -1481,8 +1402,8 @@ var yn = class extends gn {
 		return Object.keys(n).length ? n : null;
 	}
 };
-function bn(e, t) {
-	let n = new yn(e).getOptionsForBreakpoint(t), r = n.label;
+function pn(e, t) {
+	let n = new fn(e).getOptionsForBreakpoint(t), r = n.label;
 	return {
 		name: n.name,
 		label: n.showLabel ? r : void 0,
@@ -1497,9 +1418,9 @@ function bn(e, t) {
 }
 //#endregion
 //#region src/helpers/action/action.ts
-var xn = class e extends te {
+var mn = class extends te {
 	getBreakpointValue(e) {
-		return t(() => bn(this.value, e.value));
+		return t(() => pn(this.value, e.value));
 	}
 	get label() {
 		return N(this.value.label);
@@ -1529,43 +1450,80 @@ var xn = class e extends te {
 	get passthroughAttrs() {
 		return this.value.passthroughAttrs;
 	}
-	static closeAction(t) {
-		var n;
-		let r = Z(Z({}, t == null ? {} : t), {}, { value: {
-			name: "close",
-			label: () => un("Close"),
-			icon: "ion-close-outline",
-			renderAs: "button",
-			showLabel: !0,
-			showIcon: !0
-		} });
-		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 = Z(Z({}, t == null ? {} : t), {}, { value: {
-			name: "yes",
-			label: () => un("Yes"),
-			icon: "ion-thumbs-up-outline",
-			renderAs: "button",
-			showLabel: !0,
-			showIcon: !0
-		} });
-		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 = Z(Z({}, t == null ? {} : t), {}, { value: {
-			name: "no",
-			label: () => un("No"),
-			icon: "ion-thumbs-down-outline",
-			renderAs: "button",
-			showLabel: !0,
-			showIcon: !0
-		} });
-		return r.value = Z(Z({}, r.value), (n = t == null ? void 0 : t.value) == null ? {} : n), new e(r);
-	}
-};
+}, hn = {
+	Cancel: "Cancel",
+	Ok: "OK",
+	Paragraph: "Paragraph",
+	Heading1: "Heading 1",
+	Heading2: "Heading 2",
+	Heading3: "Heading 3",
+	Heading4: "Heading 4",
+	Heading5: "Heading 5",
+	Heading6: "Heading 6",
+	Downloadable: "Downloadable",
+	ArticleCategory: "Article category",
+	Title: "Title",
+	Subtitle: "Subtitle",
+	InfoBox: "Info box",
+	SideQuote: "Side quote",
+	Marker: "Marker",
+	Spoiler: "Spoiler",
+	CodeDark: "Code (dark)",
+	CodeBright: "Code (bright)",
+	Undo: "Undo",
+	Redo: "Redo",
+	SelectAll: "Select all",
+	Bold: "Bold",
+	Italic: "Italic",
+	HorizontalLine: "Horizontal line",
+	Blockquote: "Block quote",
+	BulletedList: "Bulleted list",
+	NumberedList: "Numbered list",
+	Outdent: "Decrease indent",
+	Indent: "Increase indent",
+	AlignLeft: "Align left",
+	AlignCenter: "Align center",
+	AlignRight: "Align right",
+	AlignJustify: "Justify",
+	Link: "Link",
+	LinkUrl: "URL",
+	LinkApply: "Apply",
+	LinkRemove: "Remove link",
+	Image: "Image",
+	ImageUrl: "Image URL",
+	ImageUpload: "Upload image",
+	ImageInsert: "Insert",
+	ImageDropHint: "Drop image here or click to browse",
+	ImageReplace: "Replace image",
+	ImageDownload: "Download image",
+	FileDownload: "Download file",
+	Table: "Table",
+	TableInsert: "Insert table",
+	TableAddRowAbove: "Add row above",
+	TableAddRowBelow: "Add row below",
+	TableDeleteRow: "Delete row",
+	TableAddColumnBefore: "Add column before",
+	TableAddColumnAfter: "Add column after",
+	TableDeleteColumn: "Delete column",
+	TableToggleHeaderRow: "Toggle header row",
+	TableDeleteTable: "Delete table",
+	Style: "Style",
+	MediaEmbed: "Insert media",
+	MediaEmbedUrl: "Video URL",
+	MediaEmbedInsert: "Insert"
+}, gn = fe(hn), { translateStrings: _n } = gn, vn = /* @__PURE__ */ new WeakMap();
+function yn(e) {
+	if (!(e != null && e.translate)) return gn;
+	let t = vn.get(e);
+	return t || (t = fe(hn), t.translateStrings(e.translate, e.translateNamespace), vn.set(e, t)), t;
+}
+function bn(e, t) {
+	return yn(u() ? p(Yt, {}) : void 0).translate(e, t);
+}
+function xn() {
+	let e = yn(p(Yt, {}));
+	return (t, n) => e.translate(t, n);
+}
 //#endregion
 //#region src/helpers/use-file-touch-keepalive.ts
 function Sn(e, t, n, r) {
@@ -1605,7 +1563,7 @@ var wn = {
 		showAsGroup: { default: "no" }
 	},
 	setup(a) {
-		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))));
+		let o = a, s = dn(), c = t(() => P(o.actions).filter((e) => e.visibility !== "suppress")), l = t(() => c.value.map((e) => Z({ action: e }, pn(e.value, s.value))));
 		function u(e) {
 			if (e.defaultConfirm) return "primary";
 			if (e.defaultReject) return "secondary";
@@ -1721,7 +1679,7 @@ var wn = {
 //#region src/helpers/client-rendered.ts
 function On() {
 	if (typeof window > "u") return k(!1);
-	if (!fe().ssr) return k(!0);
+	if (!de().ssr) return k(!0);
 	let e = k(!1);
 	return S(() => {
 		e.value = !0;
@@ -1741,12 +1699,12 @@ var kn = /* @__PURE__ */ l({
 			let a = D("v-btn");
 			return C(), i(e, null, [c(a, {
 				variant: "text",
-				text: P(un)("Cancel"),
+				text: P(bn)("Cancel"),
 				onClick: t.cancel
 			}, null, 8, ["text", "onClick"]), c(a, {
 				variant: "text",
 				disabled: t.isPristine,
-				text: P(un)("Ok"),
+				text: P(bn)("Ok"),
 				onClick: t.save
 			}, null, 8, [
 				"disabled",
@@ -2205,7 +2163,7 @@ var In = ["title", "aria-label"], Ln = /* @__PURE__ */ l({
 	}, en),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: i }) {
-		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);
+		let s = e, { density: l, densityClass: u, touched: d, value: f, vuetifyBindings: p } = tn(s, i), m = bn, 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);
 		}
@@ -2338,7 +2296,7 @@ var In = ["title", "aria-label"], Ln = /* @__PURE__ */ l({
 	}, en),
 	emits: ["update:modelValue", "click:clear"],
 	setup(e, { emit: o }) {
-		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(() => {
+		let s = e, { density: l, densityClass: u, touched: d, value: f, vuetifyBindings: p } = tn(s, o), m = bn, 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 = S.value) == null ? f.value ? f.value : null : e;
 		}), N = t(() => !!f.value);
@@ -2812,7 +2770,7 @@ var ur = { class: "rtf-toolbar-group" }, dr = { class: "d-flex justify-end ga-2
 		buttonSize: { default: "small" }
 	},
 	setup(o) {
-		let l = o, u = t(() => l.buttonSize), d = un, f = t(() => l.editor), p = lr(f), m = t(() => {
+		let l = o, u = t(() => l.buttonSize), d = bn, f = t(() => l.editor), p = lr(f), m = t(() => {
 			var e;
 			return p.value, !!((e = l.editor) != null && e.isEditable);
 		}), h = t(() => ({
@@ -3508,7 +3466,7 @@ var Cr = { class: "editor-container" }, wr = {
 		let f = On(), p = t(() => {
 			var e;
 			return Ut(new It((e = s.modelValue) == null ? "" : e));
-		}), m = dn(), h;
+		}), m = xn(), 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");
@@ -4150,6 +4108,6 @@ var Mr = {
 	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 { 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 };
+export { mn 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, fn as ResponsiveActionRenderOptions, ln as ResponsiveRenderOptions, Ir as VuetifyComponents, an as actionDisplayStyles, en as defaultBaseProps, on as defaultDisplayStyle, Lr as dfInputComponentsByTag, Jt as errorText, un as getBreakpointName, pn as getRenderOptionsForBreakpoint, sn as isActionDisplayStyle, Gt as isCallableFunction, Rt as isRenderContent, Lt as isSimpleComponentDef, Ut as renderContentText, cn as responsiveBreakpoints, Zt as selectShownErrors, Cn as setFileGoneError, qt as toErrorDescription, bn as translate, _n as translateStrings, dn as useBreakpoint, Sn as useFileTouchKeepAlive, tn as useInputBase, Qt as useShownErrors, xn as useTranslate, Yt as vuetifyInputsSettingsKey };
 
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map