@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/ActionsInclude-BzyGXlK7.js

@@ -0,0 +1,23 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getRef as n, toBinds as r } from "@dxtmisha/functional";
+//#region src/constructors/Actions/ActionsInclude.ts
+var i = class {
+	constructor(i, a, o, s, c, l) {
+		e(this, "is", t(() => !!(!this.props.actionsHide && (this.binds.value.list || this.binds.value.listSecondary)))), e(this, "binds", t(() => {
+			var e, t;
+			let i = r(n(this.extra), this.props.actionsAttrs, { class: `${this.className}__actions` });
+			return {
+				...i,
+				list: (e = this.props.actionsList) == null ? i.list : e,
+				listSecondary: (t = this.props.actionsSecondary) == null ? i.listSecondary : t,
+				onClick: this.onClick
+			};
+		})), e(this, "render", () => this.components && this.is.value ? this.components.render("actions", this.binds.value, void 0, this.index) : []), e(this, "onClick", (e, t) => {
+			var n, r;
+			(n = this.emits) == null || n.call(this, "actions", e, t), (r = this.emits) == null || r.call(this, "actionsLite", t);
+		}), this.props = i, this.className = a, this.components = o, this.emits = s, this.extra = c, this.index = l;
+	}
+};
+//#endregion
+export { i as t };

package/dist/AriaStaticInclude-CS1hPGyK.js

@@ -0,0 +1,89 @@
+import { isString as e } from "@dxtmisha/functional";
+//#region src/classes/AriaStaticInclude.ts
+var t = class {
+	static role(e) {
+		return { role: e };
+	}
+	static atomic(e) {
+		return { "aria-atomic": this.isTrueOrFalse(e) };
+	}
+	static checked(e) {
+		return { "aria-checked": this.isTrueOrFalse(e) };
+	}
+	static controls(e) {
+		return this.isDataToData("aria-controls", e);
+	}
+	static current(t) {
+		let n = e(t) ? t : this.isTrueOrFalse(t);
+		return this.isDataToData("aria-current", n);
+	}
+	static busy(e) {
+		return { "aria-busy": this.isTrueOrFalse(e) };
+	}
+	static describedby(e) {
+		return this.isDataToData("aria-describedby", e);
+	}
+	static disabled(e = !0) {
+		return e ? { "aria-disabled": this.isTrueOrFalse(e) } : {};
+	}
+	static expanded(e) {
+		return { "aria-expanded": this.isTrueOrFalse(e) };
+	}
+	static haspopup(e) {
+		return this.isDataToData("aria-haspopup", e);
+	}
+	static label(e) {
+		return this.isDataToData("aria-label", e);
+	}
+	static labelledby(e) {
+		return this.isDataToData("aria-labelledby", e);
+	}
+	static invalid(e = !0) {
+		return e ? { "aria-invalid": this.isTrueOrFalse(e) } : {};
+	}
+	static control(e, t, n, r) {
+		return {
+			id: e,
+			...this.controls(t),
+			...this.haspopup(n),
+			...this.expanded(r)
+		};
+	}
+	static hidden(e = !0) {
+		return { "aria-hidden": this.isTrueOrFalse(e) };
+	}
+	static live(e) {
+		return this.isDataToData("aria-live", e);
+	}
+	static ariaModal(e = !0) {
+		return this.isDataToData("aria-modal", e);
+	}
+	static modal(e = !0, t, n) {
+		return {
+			...this.ariaModal(e),
+			...this.labelledby(t),
+			...this.describedby(n)
+		};
+	}
+	static multiselectable(e) {
+		return { "aria-multiselectable": this.isTrueOrFalse(e) };
+	}
+	static selected(e) {
+		return e === void 0 ? {} : { "aria-selected": this.isTrueOrFalse(e) };
+	}
+	static valueMinMax(e, t, n) {
+		return {
+			"aria-valuenow": e,
+			"aria-valuemin": t,
+			"aria-valuemax": n
+		};
+	}
+	static isTrueOrFalse(e) {
+		return e ? "true" : "false";
+	}
+	static isDataToData(e, t) {
+		return t ? { [e]: t } : {};
+	}
+};
+//#endregion
+export { t };

package/dist/ArrowInclude-BM_RP5vO.js

@@ -0,0 +1,14 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getRef as n, toBinds as r } from "@dxtmisha/functional";
+//#region src/constructors/Arrow/ArrowInclude.ts
+var i = class {
+	constructor(i, a, o, s, c, l) {
+		e(this, "is", t(() => !!this.props.arrowShow)), e(this, "binds", t(() => r(n(this.extra), this.props.arrowAttrs, {
+			class: `${this.className}__arrow`,
+			elementTarget: this.elementTarget
+		}))), e(this, "render", () => this.components && this.is.value ? this.components.render("arrow", this.binds.value, void 0, this.index) : []), this.props = i, this.className = a, this.components = o, this.elementTarget = s, this.extra = c, this.index = l;
+	}
+};
+//#endregion
+export { i as t };

package/dist/BadgeInclude-DISlNqBJ.js

@@ -0,0 +1,17 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getBind as n, getRef as r, toBind as i } from "@dxtmisha/functional";
+//#region src/constructors/Badge/BadgeInclude.ts
+var a = class {
+	constructor(a, o, s, c) {
+		e(this, "is", t(() => !!(this.props.badge || this.props.badgeDot))), e(this, "binds", t(() => {
+			var e;
+			return n(this.props.badgeDot ? {} : this.props.badge, {
+				dot: this.props.badgeDot,
+				...i((e = r(this.extra)) == null ? {} : e, { class: `${this.className}__badge` })
+			}, "label", !0);
+		})), e(this, "render", () => this.components && this.is.value ? this.components.render("badge", this.binds.value, void 0, "badge") : []), this.props = a, this.className = o, this.components = s, this.extra = c;
+	}
+};
+//#endregion
+export { a as t };

package/dist/BarsInclude-rBLacb0J.js

@@ -0,0 +1,35 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, ref as n } from "vue";
+import { getRef as r, toBinds as i } from "@dxtmisha/functional";
+//#region src/constructors/Bars/BarsInclude.ts
+var a = class {
+	constructor(a, o, s, c, l, u, d, f) {
+		e(this, "element", n()), e(this, "is", t(() => !!(this.props.barsLabel || this.props.barsDescription || this.props.barsBackHide !== !0))), e(this, "binds", t(() => ({
+			...i(r(this.extra), this.props.barsAttrs, { class: `${this.className}__bars` }),
+			labelId: this.labelId,
+			label: this.props.barsLabel,
+			descriptionId: this.descriptionId,
+			description: this.props.barsDescription,
+			backHide: this.props.barsBackHide,
+			bars: this.props.barsList
+		}))), e(this, "render", () => {
+			if (this.components && !this.props.barsHide) {
+				var e;
+				return this.components.render("bars", {
+					ref: this.element,
+					...this.binds.value,
+					onClick: this.onClick
+				}, void 0, (e = this.index) == null ? "bars" : e);
+			}
+			return [];
+		}), e(this, "onClick", (e, t) => {
+			var n, r;
+			if ((n = this.emits) == null || n.call(this, "bars", e, t), (r = this.emits) == null || r.call(this, "barsLite", t), t.type === "back") {
+				var i;
+				(i = this.emits) == null || i.call(this, "barsBack", t);
+			}
+		}), this.props = a, this.className = o, this.components = s, this.emits = c, this.extra = l, this.labelId = u, this.descriptionId = d, this.index = f;
+	}
+};
+//#endregion
+export { a as t };

package/dist/BlockDesign-DkbPo-Ey.js

@@ -0,0 +1,106 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./LabelInclude-DoZ7EUYO.js";
+import { t as r } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as i } from "./IconInclude-BhzGfa3o.js";
+import { t as a } from "./CaptionInclude-CunHUsec.js";
+import { computed as o, h as s } from "vue";
+import { DesignConstructorAbstract as c } from "@dxtmisha/functional";
+//#region src/constructors/Block/Block.ts
+var l = class {
+	constructor(e, s, c, l, u, d, f, p, m) {
+		t(this, "label", void 0), t(this, "description", void 0), t(this, "caption", void 0), t(this, "icon", void 0), t(this, "isHeadline", o(() => !!(this.props.headline || this.slots && "headline" in this.slots))), t(this, "isHeader", o(() => this.label.is.value || this.caption.is.value || this.description.is.value)), t(this, "tag", o(() => this.props.tag || "div")), this.props = e, this.refs = s, this.element = c, this.classDesign = l, this.className = u, this.components = d, this.slots = f, this.emits = p;
+		let { CaptionIncludeConstructor: h = a, DescriptionIncludeConstructor: g = r, IconIncludeConstructor: _ = i, LabelIncludeConstructor: v = n } = m == null ? {} : m;
+		this.label = new v(e, u, void 0, f, void 0, void 0, !0, void 0, o(() => this.props.tagHeader || "h3")), this.caption = new h(e, u, f), this.description = new g(e, u, f), this.icon = new _(e, u, d);
+	}
+}, u = {
+	tag: "div",
+	tagHeader: "h3"
+}, d = class extends c {
+	constructor(e, n, r, i = l) {
+		super(e, n, r), t(this, "item", void 0), t(this, "renderHeadline", () => {
+			if (this.item.isHeadline.value) {
+				var e;
+				let t = [];
+				return this.props.headline && t.push(this.props.headline), this.initSlot("headline", t), [s("div", {
+					key: "headline",
+					class: (e = this.classes) == null ? void 0 : e.value.headline
+				}, t)];
+			}
+			return [];
+		}), t(this, "renderHeader", () => {
+			if (this.item.isHeader.value) {
+				var e;
+				let t = [
+					...this.item.icon.renderIcon(),
+					...this.item.label.render(),
+					...this.item.caption.render(),
+					...this.renderTrailing()
+				];
+				return [s("div", {
+					key: "header",
+					class: (e = this.classes) == null ? void 0 : e.value.header
+				}, t)];
+			}
+			return [];
+		}), t(this, "renderTrailing", () => {
+			var e;
+			let t = [];
+			if ((e = this.slots) != null && e.trailing) {
+				var n;
+				t.push(s("div", {
+					key: "spacer",
+					class: (n = this.classes) == null ? void 0 : n.value.space
+				})), this.initSlot("trailing", t);
+			}
+			return t;
+		}), t(this, "renderBody", () => {
+			let e = [
+				...this.renderHeadline(),
+				...this.renderHeader(),
+				...this.item.description.render()
+			];
+			if (e.length > 0) {
+				var t;
+				return [s("div", {
+					key: "body",
+					class: (t = this.classes) == null ? void 0 : t.value.body
+				}, e)];
+			}
+			return [];
+		}), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: {},
+			headline: this.getSubClass("headline"),
+			header: this.getSubClass("header"),
+			label: this.getSubClass("label"),
+			description: this.getSubClass("description"),
+			caption: this.getSubClass("caption"),
+			icon: this.getSubClass("icon"),
+			space: this.getSubClass("space"),
+			body: this.getSubClass("body")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		let e = [...this.renderBody()];
+		return this.initSlot("default", e), s(this.item.tag.value, this.getProps(), e);
+	}
+	getProps() {
+		var t;
+		let n = {
+			...this.getAttrs(),
+			class: (t = this.classes) == null ? void 0 : t.value.main
+		};
+		return this.item.label.is.value && Object.assign(n, e.labelledby(this.item.label.id.value)), this.item.description.is.value && Object.assign(n, e.describedby(this.item.description.id.value)), n;
+	}
+};
+//#endregion
+export { u as n, l as r, d as t };

package/dist/ButtonDesign-DTihOCBe.js

@@ -0,0 +1,87 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./ProgressInclude-BnPBYwJg.js";
+import { t as r } from "./EnabledInclude-CkD_lxMY.js";
+import { t as i } from "./EventClickInclude-6I8kuFc9.js";
+import { t as a } from "./SkeletonInclude-D8on8xmw.js";
+import { t as o } from "./LabelInclude-DoZ7EUYO.js";
+import { t as s } from "./getClassTagAStatic-BPIEWyHY.js";
+import { t as c } from "./IconTrailingInclude-BwoB_AQn.js";
+import { t as l } from "./RippleInclude-BlC1h0Ya.js";
+import { computed as u, h as d } from "vue";
+import { DesignConstructorAbstract as f } from "@dxtmisha/functional";
+//#region src/constructors/Button/Button.ts
+var p = class {
+	constructor(d, f, p, m, h, g, _, v, y) {
+		t(this, "label", void 0), t(this, "enabled", void 0), t(this, "icon", void 0), t(this, "progress", void 0), t(this, "ripple", void 0), t(this, "skeleton", void 0), t(this, "event", void 0), t(this, "tag", u(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "button")), t(this, "classes", u(() => ({
+			[`${this.className}--icon`]: this.icon.isIcon.value,
+			[s(this.classDesign)]: !0,
+			...this.skeleton.classes.value
+		}))), t(this, "aria", u(() => {
+			let t = {
+				...this.progress.aria.value,
+				...e.label(this.props.ariaLabel)
+			};
+			return this.isTagNotButton() ? {
+				tabindex: "0",
+				...t,
+				...e.role("button"),
+				...e.disabled(this.progress.is.value || !this.enabled.isEnabled.value)
+			} : t;
+		})), t(this, "eventList", u(() => {
+			let e = {
+				...this.event.getHref(),
+				onClick: this.event.onClick
+			};
+			return this.isTagNotButton() && (e.onKeydown = this.event.onKeydown), e;
+		})), this.props = d, this.refs = f, this.element = p, this.classDesign = m, this.className = h, this.components = g, this.slots = _, this.emits = v;
+		let { EnabledConstructor: b = r, EventConstructor: x = i, IconConstructor: S = c, LabelConstructor: C = o, ProgressConstructor: w = n, RippleConstructor: T = l, SkeletonConstructor: E = a } = y == null ? {} : y, D = new w(d, h, g, {
+			circular: !0,
+			inverse: !0
+		});
+		this.label = new C(d, h, void 0, _), this.enabled = new b(d, D), this.icon = new S(d, h, g), this.progress = D, this.ripple = new T(h, g, this.enabled), this.skeleton = new E(d, m, ["classBackground"]), this.event = new x(d, this.enabled, v);
+	}
+	isTagNotButton() {
+		return !!(this.props.tag && ["a", "button"].indexOf(this.props.tag) === -1);
+	}
+}, m = {}, h = class extends f {
+	constructor(e, n, r, i = p) {
+		super(e, n, r), t(this, "item", void 0), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { ...this.item.event.expose };
+	}
+	initClasses() {
+		return {
+			main: this.item.classes.value,
+			label: this.getSubClass("label"),
+			icon: this.getSubClass("icon"),
+			trailing: this.getSubClass("trailing"),
+			loading: this.getSubClass("loading")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e, t;
+		return d(this.item.tag.value, {
+			...this.getAttrs(),
+			ref: this.element,
+			type: this.props.type,
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			style: (t = this.styles) == null ? void 0 : t.value,
+			"data-value": this.props.value,
+			disabled: this.item.enabled.isDisabledOrUndefined.value,
+			...this.item.eventList.value,
+			...this.item.aria.value
+		}, [
+			...this.item.progress.render(),
+			...this.item.label.render(),
+			...this.item.icon.render(),
+			...this.item.ripple.render()
+		]);
+	}
+};
+//#endregion
+export { m as n, p as r, h as t };

package/dist/ButtonInclude-Bq7DNI-R.js

@@ -0,0 +1,23 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getBind as n, getRef as r, toBinds as i } from "@dxtmisha/functional";
+//#region src/constructors/Button/ButtonInclude.ts
+var a = class {
+	constructor(a, o, s, c, l, u) {
+		e(this, "binds", t(() => {
+			var e;
+			return i((e = this.props) == null ? void 0 : e.buttonAttrs, n(r(this.label), r(this.extra), "label"));
+		})), e(this, "render", (e) => {
+			if (this.components && ("label" in this.binds.value || "icon" in this.binds.value || "iconTrailing" in this.binds.value)) {
+				var t;
+				return this.components.render("button", {
+					...this.binds.value,
+					...r(e)
+				}, void 0, (t = this.index) == null ? "button" : t);
+			}
+			return [];
+		}), this.label = a, this.className = o, this.components = s, this.props = c, this.extra = l, this.index = u;
+	}
+};
+//#endregion
+export { a as t };

package/dist/CaptionInclude-CunHUsec.js

@@ -0,0 +1,41 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { computed as n } from "vue";
+import { isFilled as r, render as i } from "@dxtmisha/functional";
+//#region src/classes/CaptionInclude.ts
+var a = class {
+	constructor(r, i, a, o) {
+		t(this, "is", n(() => {
+			var e;
+			return !!(this.props.caption || (e = this.slots) != null && e.caption);
+		})), t(this, "binds", n(() => {
+			var t;
+			let n = {
+				class: {
+					[`${this.className}__caption`]: !0,
+					...(t = this.skeleton) == null ? void 0 : t.classes.value
+				},
+				"data-event-type": "caption"
+			};
+			return this.props.captionDecorative ? {
+				...n,
+				...e.hidden()
+			} : {
+				...n,
+				...e.live("polite"),
+				...e.atomic(!0)
+			};
+		})), this.props = r, this.className = i, this.slots = a, this.skeleton = o;
+	}
+	render() {
+		var e;
+		let t = [];
+		if (r(this.props.caption) && t.push(this.props.caption), (e = this.slots) != null && e.caption) {
+			var n, a;
+			t.push((n = (a = this.slots).caption) == null ? void 0 : n.call(a, {}));
+		}
+		return t.length > 0 ? [i("div", this.binds.value, t, "caption")] : [];
+	}
+};
+//#endregion
+export { a as t };

package/dist/DescriptionInclude-B_Xf_j3l.js

@@ -0,0 +1,36 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getElementId as n, isFilled as r, render as i } from "@dxtmisha/functional";
+//#region src/classes/DescriptionInclude.ts
+var a = class {
+	constructor(r, i, a, o) {
+		e(this, "is", t(() => {
+			var e;
+			return !!(this.props.description || (e = this.slots) != null && e.description);
+		})), e(this, "id", t(() => {
+			var e;
+			return ((e = this.props) == null ? void 0 : e.descriptionId) || n();
+		})), this.props = r, this.className = i, this.slots = a, this.skeleton = o;
+	}
+	render() {
+		var e;
+		let t = [];
+		if (r(this.props.description) && t.push(this.props.description), (e = this.slots) != null && e.description) {
+			var n, a;
+			t.push((n = (a = this.slots).description) == null ? void 0 : n.call(a, {}));
+		}
+		if (t.length > 0) {
+			var o;
+			return [i("div", {
+				id: this.id.value,
+				class: {
+					[`${this.className}__description`]: !0,
+					...(o = this.skeleton) == null ? void 0 : o.classes.value
+				}
+			}, t, "description")];
+		}
+		return [];
+	}
+};
+//#endregion
+export { a as t };

package/dist/EnabledInclude-CkD_lxMY.js

@@ -0,0 +1,11 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { computed as n } from "vue";
+//#region src/classes/EnabledInclude.ts
+var r = class {
+	constructor(r, i) {
+		t(this, "isEnabled", n(() => !this.props.disabled && !this.props.readonly && (!this.progress || !this.progress.is.value) && !!(!("dynamic" in this.props) || this.props.dynamic))), t(this, "isReadonly", n(() => !!this.props.readonly)), t(this, "isDisabled", n(() => !!this.props.disabled)), t(this, "isDisabledOrUndefined", n(() => this.isDisabled.value || void 0)), t(this, "aria", n(() => e.disabled(!this.isEnabled.value))), this.props = r, this.progress = i;
+	}
+};
+//#endregion
+export { r as t };

package/dist/EventClickInclude-6I8kuFc9.js

@@ -0,0 +1,63 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { toRefs as t } from "vue";
+import { RouterItemRef as n, isEnter as r, isObjectNotArray as i } from "@dxtmisha/functional";
+//#region src/classes/EventClickInclude.ts
+var a = class {
+	constructor(n, i, a) {
+		e(this, "refs", void 0), e(this, "onClick", (e, t) => {
+			if (this.emits) if (t) this.emit(e, t);
+			else if (this.toRouter()) e.preventDefault();
+			else if (this.enabled) {
+				let t = this.getOptions(e);
+				(this.enabled.isEnabled.value || t.type === "icon-trailing" && !this.enabled.isDisabled.value) && this.emit(e, t);
+			} else this.emit(e, this.getOptions(e));
+		}), e(this, "onKeydown", (e, t) => {
+			r(e) && (this.onClick(e, t), e.preventDefault());
+		}), this.props = n, this.enabled = i, this.emits = a, this.refs = n ? t(n) : void 0;
+	}
+	get binds() {
+		return {
+			...this.getHref(),
+			onClick: this.onClick,
+			onKeydown: this.onKeydown
+		};
+	}
+	get expose() {
+		var e, t;
+		return {
+			value: (e = this.refs) == null ? void 0 : e.value,
+			detail: (t = this.refs) == null ? void 0 : t.detail
+		};
+	}
+	getHref() {
+		var e, t, r;
+		let a = (e = this.props) == null ? void 0 : e.to;
+		return (t = this.props) != null && t.to && i(a) && "name" in a ? n.rawToHref(a) : { href: (r = this.props) == null ? void 0 : r.href };
+	}
+	getOptions(e) {
+		var t, n;
+		return {
+			type: this.getTargetType(e),
+			value: (t = this.props) == null ? void 0 : t.value,
+			detail: (n = this.props) == null ? void 0 : n.detail
+		};
+	}
+	getTargetType(e) {
+		var t;
+		let n = (t = e.target) == null || (t = t.closest("[data-event-type]")) == null || (t = t.dataset) == null ? void 0 : t.eventType;
+		return n == null ? "click" : n;
+	}
+	toRouter() {
+		var e;
+		if ((e = this.props) != null && e.to) {
+			var t;
+			return n.push((t = this.props) == null ? void 0 : t.to), !0;
+		}
+		return !1;
+	}
+	emit(e, t) {
+		this.emits && (this.emits("click", e, t), this.emits("clickLite", t));
+	}
+};
+//#endregion
+export { a as t };

package/dist/FieldCounterInclude-l1o0Bm7V.js

@@ -0,0 +1,22 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getRef as n, isFilled as r, isNull as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/FieldCounter/FieldCounterInclude.ts
+var o = class {
+	constructor(o, s, c, l, u) {
+		e(this, "isCounter", t(() => !!(this.props.counterShow && (!i(this.props.counter) || r(this.props.maxlength))))), e(this, "binds", t(() => a(n(this.extra), {
+			id: this.props.counterId,
+			counter: this.props.counter,
+			maxlength: this.props.maxlength,
+			template: this.props.counterTemplate
+		}, this.props.fieldCounterAttrs))), e(this, "bindsIntermediary", t(() => ({
+			counter: this.props.counter,
+			counterShow: this.props.counterShow,
+			counterTemplate: this.props.counterTemplate,
+			maxlength: this.props.maxlength,
+			fieldCounterAttrs: this.props.fieldCounterAttrs
+		}))), e(this, "render", () => this.components && this.isCounter.value ? this.components.render("fieldCounter", { ...a(this.binds.value, { class: `${this.className}__fieldCounter` }) }, void 0, this.index) : []), this.props = o, this.className = s, this.components = c, this.extra = l, this.index = u;
+	}
+};
+//#endregion
+export { o as t };