@dxtmisha/constructor 0.39.7 → 0.52.0

package/dist/FieldEventInclude-DLX__9aJ.js

@@ -0,0 +1,257 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./ModelInclude-D8LkrhPp.js";
+import { t as n } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { computed as r, ref as i } from "vue";
+import { toBinds as a } from "@dxtmisha/functional";
+//#region src/classes/Field/FieldPatternInclude.ts
+var o = {
+	email: "[\\S]+@[\\S]{2,}\\.[\\w]{2,}",
+	password: "[0-9a-zA-Z\\-!@#$%^&*]+"
+}, s = class {
+	constructor(t, n) {
+		e(this, "item", r(() => {
+			if (this.props.pattern) return this.props.pattern;
+			if (this.type) return o == null ? void 0 : o[this.type.item.value];
+		})), this.props = t, this.type = n;
+	}
+}, c = class {
+	constructor(t, n) {
+		e(this, "item", r(() => {
+			if (this.props.inputMode) return this.props.inputMode;
+			switch (this.type.item.value) {
+				case "number":
+				case "datetime":
+				case "date":
+				case "year-month":
+				case "time":
+				case "hour-minute": return "numeric";
+				case "number-format":
+				case "currency": return "decimal";
+				case "tel": return "tel";
+				case "email": return "email";
+				default: return;
+			}
+		})), e(this, "autocomplete", r(() => {
+			if (this.props.autocomplete) return this.props.autocomplete;
+			switch (this.type.item.value) {
+				case "search": return "off";
+				case "email": return "email";
+				case "password": return "new-password";
+				case "tel": return "tel";
+				case "url": return "url";
+			}
+		})), this.props = t, this.type = n;
+	}
+}, l = class {
+	constructor(t, n, i, a) {
+		e(this, "list", r(() => this.getData(this.getAttributes()))), e(this, "listForCheck", r(() => {
+			let e = this.list.value;
+			return this.props.min || this.props.max || this.props.step ? {
+				...e,
+				type: "number"
+			} : e;
+		})), e(this, "listForInput", r(() => this.getData(this.getInputAttributes()))), e(this, "listForCheckbox", r(() => ({
+			...this.getData(this.getInputAttributes()),
+			value: this.props.valueVariant
+		}))), this.props = t, this.type = n, this.pattern = i, this.inputMode = a;
+	}
+	getAttributes() {
+		return [
+			"type",
+			"name",
+			"required",
+			"multiple",
+			"step",
+			"min",
+			"max",
+			"minlength",
+			"maxlength",
+			"accept",
+			"pattern"
+		];
+	}
+	getInputAttributes() {
+		return [
+			...this.getAttributes(),
+			"list",
+			"placeholder",
+			"readonly",
+			"disabled",
+			"autofocus",
+			"tabindex",
+			"form",
+			"autocomplete",
+			"autocapitalize",
+			"inputMode",
+			"enterKeyHint",
+			"spellcheck",
+			"autocorrect"
+		];
+	}
+	getData(e) {
+		let t = {};
+		return e.forEach((e) => {
+			let n;
+			if (e in this.props) switch (e) {
+				case "type":
+					n = this.type ? this.type.item.value : this.props.type;
+					break;
+				case "pattern":
+					this.pattern && (n = this.pattern.item.value);
+					break;
+				case "inputMode":
+					this.inputMode && (n = this.inputMode.item.value);
+					break;
+				case "autocomplete":
+					this.inputMode && (n = this.inputMode.autocomplete.value);
+					break;
+				default: n = this.props[e];
+			}
+			n !== void 0 && (t[e] = n);
+		}), a(t, this.props.inputAttrs);
+	}
+}, u = class {
+	constructor(t) {
+		e(this, "item", i(!1)), (t.value || t.modelValue) && (this.item.value = !0);
+	}
+	is() {
+		return !!this.item.value;
+	}
+	set(e) {
+		this.item.value = e;
+	}
+	to() {
+		this.item.value || this.set(!0);
+	}
+}, d = class {
+	constructor(e) {
+		this.props = e;
+	}
+	get(e) {
+		let t = this.props.validationCode;
+		if (e && t && !e.valid) {
+			if (typeof t == "string") return t;
+			{
+				let n = this.getIndex(e);
+				if (n && n in t) return t[n];
+			}
+		}
+	}
+	getIndex(e) {
+		let t = Object.entries(e);
+		for (let [e, n] of t) if (e !== "valid" && n) return e;
+	}
+}, f = class {
+	constructor(t, a, o, s, c, l) {
+		e(this, "validation", i()), e(this, "input", r(() => new n(this.attributes.listForCheck.value, void 0, this.code))), e(this, "item", r(() => {
+			var e, t;
+			return this.checkGlobal() || ((e = this.checkItem()) == null ? (t = this.match) == null ? void 0 : t.check() : e) || this.getValidationItemNone();
+		})), e(this, "message", r(() => {
+			if (this.props.validationMessage) return this.props.validationMessage;
+			if (!this.change || this.change.is()) {
+				var e, t;
+				let n = this.item.value;
+				return (e = (t = n.validityMessage) == null ? n.validationMessage : t) == null ? "" : e;
+			}
+			return "";
+		})), e(this, "checkValidity", () => !this.isError()), this.props = t, this.attributes = a, this.value = o, this.change = s, this.code = c, this.match = l;
+	}
+	isError() {
+		var e;
+		return !((e = this.item.value) != null && e.status);
+	}
+	set(e) {
+		return "status" in e && "validationMessage" in e && "value" in e ? this.validation.value = e : "target" in e && (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) && Number(e.target.minLength) > -1 ? this.validation.value = this.input.value.checkByInput(e.target) : this.validation.value = void 0, this;
+	}
+	getValidationItemNone() {
+		return {
+			group: n.getGroupDefault(),
+			status: !0,
+			value: void 0
+		};
+	}
+	checkGlobal() {
+		var e;
+		return this.props.validationMessage ? {
+			group: n.getGroupDefault(),
+			status: !1,
+			validationMessage: this.props.validationMessage,
+			value: this.value.item.value
+		} : (e = this.validation.value) == null ? void 0 : e;
+	}
+	checkItem() {
+		let e = this.value.getToArray();
+		for (let t of e) {
+			let e = this.checkByInput(t);
+			if (!e.status) return e;
+		}
+	}
+	checkByInput(e) {
+		return this.input.value.check(e);
+	}
+}, p = class {
+	constructor(n, r, i, a, o) {
+		e(this, "model", void 0), e(this, "onBlur", () => {
+			this.change.to();
+		}), e(this, "onInput", (e, t) => {
+			if (this.isEnabled()) {
+				let r = t == null ? e : t;
+				if (this.change.is() || t) {
+					var n;
+					(n = this.validation) == null || n.set(r);
+				}
+				this.value.setByEvent(r), this.on(e);
+			}
+		}), e(this, "onChange", (e) => {
+			if (this.isEnabled()) {
+				if (e) {
+					var t;
+					(t = this.validation) == null || t.set(e);
+				}
+				this.change.to(), this.on(e, "change");
+			}
+		}), e(this, "onSelect", (e, t) => {
+			this.isEnabled() && (this.value.setByEvent(t == null ? e : t), this.onAndChange(e));
+		}), e(this, "onChecked", (e) => {
+			this.isEnabled() && (this.value.setByChecked(e), this.onAndChange(e));
+		}), e(this, "onRadio", (e) => {
+			this.isEnabled() && (this.value.setByRadio(e), this.onAndChange(e));
+		}), e(this, "onClear", (e) => {
+			this.isEnabled() && (this.value.clear(), this.onAndChange(e));
+		}), e(this, "onValue", (e) => {
+			this.isEnabled() && (this.value.set(e), this.onAndChange());
+		}), e(this, "on", (e, t = "input") => {
+			var n, r;
+			t === "input" && this.model.emit(this.value.itemByFull.value);
+			let i = {
+				...this.getValidation(t),
+				...this.getData()
+			};
+			return (n = this.emits) == null || n.call(this, t, e, i), (r = this.emits) == null || r.call(this, `${t}Lite`, i), this;
+		}), this.props = n, this.change = r, this.value = i, this.validation = a, this.emits = o, this.model = new t("value", this.emits, this.value.itemByFull);
+	}
+	isEnabled() {
+		return this.props.disabled !== !0 && this.props.readonly !== !0;
+	}
+	isValue(e) {
+		return !!(e && ["input", "change"].indexOf(e) >= 0);
+	}
+	getData() {
+		return {
+			value: this.value.itemByFull.value,
+			valueInput: this.value.item.value,
+			detail: this.props.detail
+		};
+	}
+	getValidation(e) {
+		return this.isValue(e) ? this.validation ? this.validation.item.value : {
+			group: "check",
+			value: this.value.item.value
+		} : {};
+	}
+	onAndChange(e) {
+		return this.on(e).onChange(e), this;
+	}
+};
+//#endregion
+export { l as a, u as i, f as n, c as o, d as r, s, p as t };

package/dist/FieldInclude-DCvNorOt.js

@@ -0,0 +1,87 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { eventStopPropagation as n, getRef as r, isEnter as i, toBind as a, toBinds as o } from "@dxtmisha/functional";
+//#region src/constructors/Field/FieldInclude.ts
+var s = class {
+	constructor(s, c, l, u, d, f, p, m, h, g, _) {
+		e(this, "binds", t(() => {
+			var e, t, n, i, a, s;
+			return o({
+				focus: this.props.focus,
+				selected: this.props.selected,
+				readonly: this.props.readonly,
+				disabled: this.props.disabled,
+				loading: this.props.loading,
+				forceShowMessage: this.props.forceShowMessage,
+				label: this.props.label,
+				prefix: this.props.prefix,
+				suffix: this.props.suffix,
+				caption: this.props.caption,
+				helperMessage: this.props.helperMessage,
+				required: this.props.required,
+				detail: this.props.detail,
+				cancel: this.props.cancel,
+				counterShow: this.props.counterShow,
+				icon: this.props.icon,
+				iconTurn: this.props.iconTurn,
+				iconHide: this.props.iconHide,
+				iconDir: this.props.iconDir,
+				iconPalette: this.props.iconPalette,
+				iconTrailing: this.props.iconTrailing,
+				iconTrailingTurnOnly: this.props.iconTrailingTurnOnly,
+				iconTrailingDirOnly: this.props.iconTrailingDirOnly,
+				iconTrailingPalette: this.props.iconTrailingPalette,
+				iconAttrs: this.props.iconAttrs,
+				align: this.props.align,
+				arrowCarousel: (e = (t = this.arrow) == null ? void 0 : t.isCarousel()) == null ? this.props.arrow === "carousel" : e,
+				arrowStepper: (n = (i = this.arrow) == null ? void 0 : i.isStepper()) == null ? this.props.arrow === "stepper" : n,
+				arrowAlign: (a = (s = this.arrow) == null ? void 0 : s.align()) == null ? this.props.arrowAlign : a,
+				isSkeleton: this.props.isSkeleton,
+				fieldLabelAttrs: this.props.fieldLabelAttrs,
+				fieldMessageAttrs: this.props.fieldMessageAttrs,
+				fieldCounterAttrs: this.props.fieldCounterAttrs,
+				onClick: this.on,
+				onKeydown: this.onKeydown
+			}, r(this.extra), this.props.fieldAttrs);
+		})), e(this, "valueBinds", t(() => {
+			var e, t;
+			return {
+				...this.binds.value,
+				isValue: this.value.is.value,
+				value: this.value.item.value,
+				cancelShow: this.value.boolean.value,
+				counter: this.value.length.value,
+				disabledPrevious: (e = this.arrow) == null ? void 0 : e.disabledPrevious.value,
+				disabledNext: (t = this.arrow) == null ? void 0 : t.disabledNext.value
+			};
+		})), e(this, "render", (e, t) => this.components ? this.components.render("field", a(this.valueBinds.value, t == null ? {} : t), e, this.index) : []), e(this, "on", (e, { type: t }) => {
+			var r, i;
+			if (e.target.closest("[data-element=\"scoreboard\"]") && ((r = (i = this.event) == null ? void 0 : i.isEnabled()) == null || r)) switch (t) {
+				case "icon":
+					var a;
+					(a = this.onIcon) == null || a.call(this), n(e);
+					break;
+				case "icon-trailing":
+					var o;
+					(o = this.onTrailing) == null || o.call(this), n(e);
+					break;
+				case "cancel":
+					var s;
+					(s = this.event) == null || s.onClear(e), n(e);
+					break;
+				case "next":
+					var c, l, u;
+					(c = this.onNext) == null || c.call(this), (l = this.arrow) == null || l.next(), (u = this.event) == null || u.on(e), n(e);
+					break;
+				case "previous":
+					var d, f, p;
+					(d = this.onPrevious) == null || d.call(this), (f = this.arrow) == null || f.previous(), (p = this.event) == null || p.on(e), n(e);
+					break;
+			}
+		}), e(this, "onKeydown", (e, t) => {
+			i(e) && (this.on(e, t == null ? {} : t), e.preventDefault());
+		}), this.props = s, this.value = c, this.components = l, this.event = u, this.arrow = d, this.onIcon = f, this.onTrailing = p, this.onNext = m, this.onPrevious = h, this.extra = g, this.index = _;
+	}
+};
+//#endregion
+export { s as t };

package/dist/FieldInputCheckInclude-czZ02ymY.js

@@ -0,0 +1,170 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, ref as n, watch as r } from "vue";
+import { anyToString as i, createElement as a, executeFunction as o, getRef as s, isArray as c, isFilled as l, isObject as u, isString as d, setValues as f, toArray as p, toNumber as m } from "@dxtmisha/functional";
+//#region src/classes/Field/FieldVisibilityInclude.ts
+var h = class {
+	constructor() {
+		e(this, "item", n(!1));
+	}
+	toggle() {
+		return this.item.value = !this.item.value, this;
+	}
+}, g = class {
+	constructor(n, r) {
+		e(this, "item", t(() => {
+			var e;
+			let t = this.props.type;
+			return t === "password" && (e = this.visibility) != null && e.item.value || t == null ? "text" : t;
+		})), this.props = n, this.visibility = r;
+	}
+	get() {
+		return this.item.value;
+	}
+}, _ = class {
+	constructor(e, t) {
+		this.props = e, this.element = t;
+	}
+	get() {
+		let e = this.element.value;
+		if (e) return "input" in e ? e.input : e;
+	}
+	getElement() {
+		return this.element;
+	}
+	findByName(e) {
+		var t;
+		if (e instanceof Element) return e;
+		let n = (t = this.get()) == null ? void 0 : t.form;
+		if (n) {
+			let t = n.querySelector(`[name="${e}"]`);
+			if (t) return t;
+		}
+		let r = document.querySelector(e);
+		if (r) return r;
+	}
+	clear() {
+		let e = this.element.value;
+		if (e && "clear" in e) {
+			var t;
+			(t = e.clear) == null || t.call(e);
+		}
+		return this;
+	}
+}, v = class {
+	constructor(a, o, s, d) {
+		e(this, "item", n()), e(this, "isFull", n(!0)), e(this, "hasEdit", n(!1)), e(this, "is", t(() => this.hasEdit.value || this.boolean.value || !!this.props.placeholder)), e(this, "isValue", t(() => this.hasEdit.value || this.boolean.value)), e(this, "itemByFull", t(() => this.isFull.value ? this.item.value : void 0)), e(this, "number", t(() => this.boolean.value ? m(this.string.value) : 0)), e(this, "string", t(() => i(this.item.value))), e(this, "boolean", t(() => l(this.item.value))), e(this, "length", t(() => {
+			var e;
+			let t = this.item.value;
+			return c(t) ? t.length : u(t) ? Object.keys(t).length : (e = this.string.value.length) == null ? 0 : e;
+		})), e(this, "update", () => {
+			(this.isEdit(this.props.value) || this.isEdit(this.props.modelValue)) && this.setToOriginal();
+		}), this.props = a, this.refs = o, this.element = s, this.original = d, this.item.value = this.getOriginal(), r([o.value, o.modelValue], this.update);
+	}
+	get() {
+		return this.item.value;
+	}
+	getToArray() {
+		return p(this.item.value);
+	}
+	set(e) {
+		if (this.isDifference(e)) {
+			var t;
+			this.item.value = f(this.item.value, e, {
+				multiple: this.props.multiple,
+				maxlength: m(this.props.maxlength)
+			});
+			let r = (t = this.element) == null ? void 0 : t.getElement();
+			if (r && r.value && "setValue" in r.value) {
+				var n;
+				(n = r.value) == null || n.setValue(this.item.value);
+			}
+		}
+		return this;
+	}
+	setByEvent(e) {
+		switch (typeof e) {
+			case "object":
+				e && ("value" in e && e.value !== void 0 ? this.set(e.value) : "target" in e && this.setByTarget(e.target), "hasEdit" in e && this.setHasEdit(e.hasEdit), "isFull" in e && this.setFull(e.isFull));
+				break;
+			default:
+				this.set(e);
+				break;
+		}
+		return this;
+	}
+	setByTarget(e) {
+		return this.set(this.isCheckbox(e) ? e.checked : e.value);
+	}
+	setByChecked(e) {
+		let t = e.target;
+		return this.set(t.checked);
+	}
+	setByRadio(e) {
+		let t = e.target, n = t.checked ? t.value : "";
+		return this.set(n);
+	}
+	setFull(e) {
+		this.isFull.value = e;
+	}
+	setHasEdit(e) {
+		this.hasEdit.value = e;
+	}
+	setToOriginal() {
+		return this.item.value = this.getOriginal(), this;
+	}
+	clear() {
+		var e;
+		return this.item.value = s(this.original), (e = this.element) == null || e.clear(), this.hasEdit.value = !1, this.isFull.value = !0, this;
+	}
+	isCheckbox(e) {
+		return e.type === "checkbox";
+	}
+	isDifference(e = this.getOriginal()) {
+		return this.string.value !== i(e);
+	}
+	getOriginal() {
+		return this.props.value || this.props.modelValue || s(this.original);
+	}
+	isEdit(e) {
+		return e !== void 0 && i(e) !== this.string.value;
+	}
+}, y = class t {
+	constructor(n, r = t.getGroupDefault(), i) {
+		e(this, "input", void 0), this.pattern = n, this.group = r, this.code = i, this.input = a(void 0, "input", this.getAttributes());
+	}
+	check(e) {
+		let t = this.input;
+		return t ? (t.type === "checkbox" || t.type === "radio" ? t.checked = !!e : t.value = i(e), this.checkByInput(t)) : {
+			group: this.group,
+			status: !0,
+			value: e
+		};
+	}
+	checkByInput(e) {
+		var t;
+		return {
+			group: this.group,
+			input: e,
+			status: e.checkValidity(),
+			validationMessage: e.validationMessage,
+			validity: e.validity,
+			validityMessage: (t = this.code) == null ? void 0 : t.get(e.validity),
+			required: e.required,
+			pattern: this.pattern,
+			value: e.value
+		};
+	}
+	getAttributes() {
+		let e = this.pattern;
+		if (l(e)) {
+			let t = o(e);
+			if (l(t)) return d(t) ? { pattern: t } : t;
+		}
+		return {};
+	}
+	static getGroupDefault() {
+		return "check";
+	}
+};
+//#endregion
+export { h as a, g as i, v as n, _ as r, y as t };

package/dist/FieldLabelInclude-BA5H3kib.js

@@ -0,0 +1,27 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./FieldCounterInclude-l1o0Bm7V.js";
+import { computed as n } from "vue";
+import { getElementId as r, getRef as i, isFilled as a, toBinds as o } from "@dxtmisha/functional";
+//#region src/constructors/FieldLabel/FieldLabelInclude.ts
+var s = class {
+	constructor(s, c, l, u, d, f, p, m) {
+		e(this, "labelId", r()), e(this, "counterId", r()), e(this, "fieldCounter", void 0), e(this, "is", n(() => {
+			var e;
+			return a(this.props.label) || !!((e = this.isCounter) != null && e.value);
+		})), e(this, "id", n(() => {
+			var e;
+			return (e = this.isCounter) != null && e.value && this.props.counterShow ? this.counterId : "";
+		})), e(this, "binds", n(() => {
+			var e;
+			return o(i(this.extra), (e = this.isCounter) != null && e.value ? this.fieldCounter.bindsIntermediary.value : {}, {
+				for: i(this.forId),
+				label: this.props.label,
+				required: this.props.required,
+				labelId: this.labelId,
+				counterId: this.counterId
+			}, this.props.fieldLabelAttrs);
+		})), e(this, "render", () => this.components && this.is.value ? this.components.render("fieldLabel", { ...o(this.binds.value, { class: `${this.className}__fieldLabel` }) }, this.slots, this.index) : []), this.props = s, this.className = c, this.components = l, this.slots = u, this.forId = d, this.isCounter = f, this.extra = p, this.index = m, this.fieldCounter = new t(this.props, this.className);
+	}
+};
+//#endregion
+export { s as t };

package/dist/FieldMatchInclude-CA716pa4.js

@@ -0,0 +1,100 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { computed as n } from "vue";
+import { anyToString as r, isObject as i, toNumber as a } from "@dxtmisha/functional";
+//#region src/classes/Field/FieldArrowInclude.ts
+var o = class {
+	constructor(t, r, i) {
+		e(this, "is", n(() => !!(this.props.arrow && this.props.arrow !== "none"))), e(this, "disabledPrevious", n(() => !this.isPrevious(this.value.number.value))), e(this, "disabledNext", n(() => !this.isNext(this.value.number.value))), e(this, "step", n(() => {
+			var e, t;
+			return a((e = (t = this.props.arrowStep) == null ? this.props.step : t) == null ? 1 : e);
+		})), e(this, "min", n(() => {
+			var e;
+			return (e = a(this.props.min)) == null ? void 0 : e;
+		})), e(this, "max", n(() => a(this.props.max) || void 0)), this.props = t, this.value = r, this.type = i;
+	}
+	isCarousel() {
+		return this.get() === "carousel";
+	}
+	isStepper() {
+		return this.get() === "stepper";
+	}
+	isPrevious(e) {
+		let t = this.min.value;
+		return t === void 0 || e > t;
+	}
+	isNext(e) {
+		let t = this.max.value;
+		return t === void 0 || e < t;
+	}
+	get() {
+		switch (this.props.arrow) {
+			case "auto":
+				var e, t;
+				if (((e = this.type) == null ? void 0 : e.get()) === "number" || ((t = this.type) == null ? void 0 : t.get()) === "number-format") return "stepper";
+				break;
+		}
+		return this.props.arrow;
+	}
+	align() {
+		return this.props.arrowAlign;
+	}
+	previous() {
+		let e = this.value.number.value - this.step.value;
+		return this.isPrevious(e) ? this.value.set(e.toString()) : this.toMin(), this;
+	}
+	next() {
+		let e = this.value.number.value + this.step.value;
+		return this.isNext(e) ? this.value.set(e.toString()) : this.toMax(), this;
+	}
+	toMin() {
+		if (!this.disabledPrevious.value) {
+			let e = this.min.value;
+			e !== void 0 && this.value.set(e.toString());
+		}
+		return this;
+	}
+	toMax() {
+		if (!this.disabledNext.value) {
+			let e = this.max.value;
+			e !== void 0 && this.value.set(e.toString());
+		}
+		return this;
+	}
+}, s = class {
+	constructor(e, t, n, r) {
+		this.props = e, this.element = t, this.value = n, this.text = r;
+	}
+	is() {
+		return !!this.props.match;
+	}
+	getSelectors() {
+		if (this.is()) return i(this.props.match) ? this.props.match.name : this.props.match;
+	}
+	getValidationMessage() {
+		if (this.is()) {
+			var e;
+			if (i(this.props.match) && (e = this.props.match) != null && e.validationMessage) return this.props.match.validationMessage;
+			if (this.text) {
+				var t;
+				return (t = this.text.entriesMatch.value) == null ? "" : t;
+			}
+		}
+		return "";
+	}
+	check() {
+		let e = this.getSelectors();
+		if (e) {
+			let n = this.element.findByName(e);
+			if (n && r(n.value) !== this.value.string.value) return {
+				group: t.getGroupDefault(),
+				status: !1,
+				input: this.element.get(),
+				validationMessage: this.getValidationMessage(),
+				value: this.value.item.value
+			};
+		}
+	}
+};
+//#endregion
+export { o as n, s as t };

package/dist/FieldMessageInclude-6cxMqgIx.js

@@ -0,0 +1,27 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./FieldCounterInclude-l1o0Bm7V.js";
+import { computed as n } from "vue";
+import { getElementId as r, getRef as i, isFilled as a, toBinds as o } from "@dxtmisha/functional";
+//#region src/constructors/FieldMessage/FieldMessageInclude.ts
+var s = class {
+	constructor(s, c, l, u, d, f, p) {
+		e(this, "helperId", r()), e(this, "validationId", r()), e(this, "counterId", r()), e(this, "fieldCounter", void 0), e(this, "isValidationMessage", n(() => a(this.validation.value))), e(this, "id", n(() => {
+			var e;
+			let t = [];
+			return this.props.helperMessage && t.push(this.helperId), this.props.validationMessage && t.push(this.validationId), (e = this.isCounter) != null && e.value && this.props.counterShow && t.push(this.counterId), t.join(" ");
+		})), e(this, "validation", n(() => a(this.props.validationMessage) ? this.props.validationMessage : i(this.validationMessage))), e(this, "binds", n(() => {
+			var e;
+			return o(i(this.extra), (e = this.isCounter) != null && e.value ? this.fieldCounter.bindsIntermediary.value : {}, {
+				disabled: this.props.disabled,
+				forceShow: this.props.forceShowMessage,
+				helperMessage: this.props.helperMessage,
+				validationMessage: this.validation.value,
+				helperId: this.helperId,
+				validationId: this.validationId,
+				counterId: this.counterId
+			}, this.props.fieldMessageAttrs);
+		})), e(this, "render", () => this.components ? this.components.render("fieldMessage", { ...o(this.binds.value, { class: `${this.className}__fieldMessage` }) }, void 0, this.index) : []), this.props = s, this.className = c, this.components = l, this.validationMessage = u, this.isCounter = d, this.extra = f, this.index = p, this.fieldCounter = new t(this.props, this.className);
+	}
+};
+//#endregion
+export { s as t };