@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/snackbarItem.js

@@ -0,0 +1,119 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./TextInclude-OwyVCAbS.js";
+import { t as r } from "./EventClickInclude-6I8kuFc9.js";
+import { t as i } from "./ActionsInclude-BzyGXlK7.js";
+import { t as a } from "./LabelInclude-DoZ7EUYO.js";
+import { t as o } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as s } from "./IconTrailingInclude-BwoB_AQn.js";
+import { t as c } from "./ButtonInclude-Bq7DNI-R.js";
+import { computed as l, h as u } from "vue";
+import { DesignConstructorAbstract as d } from "@dxtmisha/functional";
+//#region src/constructors/SnackbarItem/SnackbarItem.ts
+var f = class {
+	constructor(e, u, d, f, p, m, h, g, _) {
+		t(this, "label", void 0), t(this, "description", void 0), t(this, "event", void 0), t(this, "icon", void 0), t(this, "button", void 0), t(this, "actions", void 0), t(this, "text", void 0), t(this, "onClose", () => {
+			var e;
+			return (e = this.emits) == null ? void 0 : e.call(this, "close", this.props.value);
+		}), this.props = e, this.refs = u, this.element = d, this.classDesign = f, this.className = p, this.components = m, this.slots = h, this.emits = g;
+		let { ActionsConstructor: v = i, ButtonConstructor: y = c, DescriptionConstructor: b = o, EventConstructor: x = r, IconConstructor: S = s, LabelConstructor: C = a, TextConstructor: w = n } = _ == null ? {} : _;
+		this.label = new C(e, p, void 0, h), this.description = new b(e, p, h), this.event = new x(void 0, void 0, g), this.icon = new S(e, p, m), this.button = new y(l(() => this.props.button), p, m, void 0, { onClick: this.event.onClick }), this.actions = new v(e, p, m, g, { align: "left" }), this.text = new w(e);
+	}
+}, p = {
+	closeButton: !0,
+	role: "status"
+}, m = class extends d {
+	constructor(n, r, i, a = f) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderMain", () => {
+			var e, t;
+			return [u("div", {
+				key: "tool",
+				class: (e = this.classes) == null ? void 0 : e.value.tool
+			}, [
+				...this.item.icon.render(),
+				...this.renderContext(),
+				...this.item.button.render({ class: (t = this.classes) == null ? void 0 : t.value.button }),
+				...this.renderClose()
+			])];
+		}), t(this, "renderContext", () => {
+			var e;
+			return [u("div", {
+				key: "context",
+				class: (e = this.classes) == null ? void 0 : e.value.context
+			}, [
+				...this.item.label.render(),
+				...this.item.description.render(),
+				...this.renderBody()
+			])];
+		}), t(this, "renderBody", () => {
+			let e = [];
+			if (this.props.html) {
+				var t;
+				e.push(u("div", {
+					key: "body",
+					class: (t = this.classes) == null ? void 0 : t.value.body,
+					innerHTML: this.props.html
+				}));
+			}
+			if (this.slots && "body" in this.slots) {
+				var n;
+				e.push(u("div", {
+					key: "body-slot",
+					class: (n = this.classes) == null ? void 0 : n.value.body
+				}, this.initSlot("body")));
+			}
+			if (this.props.component) {
+				var r;
+				e.push(u("div", {
+					key: "body-component",
+					class: (r = this.classes) == null ? void 0 : r.value.body
+				}, u(this.props.component, this.props.componentProps)));
+			}
+			return e;
+		}), t(this, "renderClose", () => {
+			if (this.props.closeButton) {
+				var t;
+				return this.components.render("button", {
+					key: "button-close",
+					class: (t = this.classes) == null ? void 0 : t.value.close,
+					icon: this.props.iconClose,
+					onclick: this.item.onClose,
+					...e.label(this.item.text.close.value)
+				}, void 0, "button-close");
+			}
+			return [];
+		}), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: {},
+			tool: this.getSubClass("tool"),
+			icon: this.getSubClass("icon"),
+			trailing: this.getSubClass("trailing"),
+			context: this.getSubClass("context"),
+			label: this.getSubClass("label"),
+			description: this.getSubClass("description"),
+			body: this.getSubClass("body"),
+			button: this.getSubClass("button"),
+			close: this.getSubClass("close"),
+			actions: this.getSubClass("actions")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var t;
+		return u("div", {
+			...this.getAttrs(),
+			class: (t = this.classes) == null ? void 0 : t.value.main,
+			...e.role(this.props.role),
+			...e.atomic(!0)
+		}, [...this.renderMain(), ...this.item.actions.render()]);
+	}
+};
+//#endregion
+export { f as SnackbarItem, m as SnackbarItemDesign, p as defaultsSnackbarItem };

package/dist/tabItem.js

@@ -0,0 +1,64 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./EnabledInclude-CkD_lxMY.js";
+import { t as r } from "./EventClickInclude-6I8kuFc9.js";
+import { t as i } from "./SkeletonInclude-D8on8xmw.js";
+import { t as a } from "./LabelInclude-DoZ7EUYO.js";
+import { t as o } from "./IconTrailingInclude-BwoB_AQn.js";
+import { t as s } from "./BadgeInclude-DISlNqBJ.js";
+import { t as c } from "./RippleInclude-BlC1h0Ya.js";
+import { computed as l, h as u } from "vue";
+import { DesignConstructorAbstract as d } from "@dxtmisha/functional";
+//#region src/constructors/TabItem/TabItem.ts
+var f = class {
+	constructor(u, d, f, p, m, h, g, _, v) {
+		t(this, "icon", void 0), t(this, "label", void 0), t(this, "badge", void 0), t(this, "skeleton", void 0), t(this, "enabled", void 0), t(this, "ripple", void 0), t(this, "event", void 0), t(this, "tag", l(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "button")), t(this, "binds", l(() => {
+			var t;
+			return {
+				href: this.props.href,
+				"data-value": (t = this.props.index) == null ? this.props.value : t,
+				tabindex: -1,
+				...this.event.binds,
+				...e.role(this.props.role),
+				...e.selected(!!this.props.selected),
+				...e.disabled(!!this.props.disabled)
+			};
+		})), this.props = u, this.refs = d, this.element = f, this.classDesign = p, this.className = m, this.components = h, this.slots = g, this.emits = _;
+		let { BadgeIncludeConstructor: y = s, EnabledIncludeConstructor: b = n, EventClickIncludeConstructor: x = r, IconTrailingIncludeConstructor: S = o, LabelIncludeConstructor: C = a, RippleIncludeConstructor: w = c, SkeletonIncludeConstructor: T = i } = v == null ? {} : v;
+		this.skeleton = new T(this.props, this.classDesign, ["classTextVariant"]), this.enabled = new b(this.props), this.icon = new S(this.props, this.className, this.components), this.label = new C(this.props, this.className, void 0, this.slots, void 0, void 0, void 0, this.skeleton), this.badge = new y(this.props, this.className, this.components, { overlap: "static" }), this.ripple = new w(this.className, this.components, this.enabled), this.event = new x(this.props, this.enabled, this.emits);
+	}
+}, p = { role: "tab" }, m = class extends d {
+	constructor(e, n, r, i = f) {
+		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: {},
+			label: this.getSubClass("label"),
+			icon: this.getSubClass("icon"),
+			badge: this.getSubClass("badge")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		let t = [
+			...this.item.icon.render(),
+			...this.item.label.render(),
+			...this.item.badge.render(),
+			...this.item.ripple.render()
+		];
+		return u(this.item.tag.value, {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			...this.item.binds.value
+		}, t);
+	}
+};
+//#endregion
+export { f as TabItem, m as TabItemDesign, p as defaultsTabItem };

package/dist/tabs.js

@@ -0,0 +1,69 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./EventClickInclude-6I8kuFc9.js";
+import { t as r } from "./ModelInclude-D8LkrhPp.js";
+import { t as i } from "./MotionAxisInclude-DO4t3_lZ.js";
+import { t as a } from "./TabsNavigationInclude-DU9Nb7hG.js";
+import { computed as o, h as s, ref as c, watch as l } from "vue";
+import { DesignConstructorAbstract as u, isSelected as d } from "@dxtmisha/functional";
+//#region src/constructors/Tabs/TabsSelected.ts
+var f = class {
+	constructor(e, n) {
+		t(this, "item", c()), t(this, "set", (e) => {
+			this.item.value = e;
+		}), t(this, "update", () => {
+			this.is(this.props.selected) || this.set(this.props.selected);
+		}), this.props = e, this.refs = n, this.item.value = e.selected, l([this.refs.selected], this.update);
+	}
+	is(e) {
+		return d(e, this.item.value);
+	}
+}, p = class {
+	constructor(e, s, c, l, u, d, p, m, h) {
+		t(this, "event", void 0), t(this, "motionAxis", void 0), t(this, "tabsNavigation", void 0), t(this, "selected", void 0), this.props = e, this.refs = s, this.element = c, this.classDesign = l, this.className = u, this.components = d, this.slots = p, this.emits = m;
+		let { EventClickIncludeConstructor: g = n, ModelIncludeConstructor: _ = r, MotionAxisIncludeConstructor: v = i, TabsNavigationIncludeConstructor: y = a, TabsSelectedConstructor: b = f } = h == null ? {} : h;
+		this.selected = new b(this.props, this.refs), this.event = new g(void 0, void 0, this.emits), this.tabsNavigation = new y(this.props, this.className, this.components, o(() => ({
+			selected: this.selected.item.value,
+			onClick: this.event.onClick,
+			"onUpdate:selected": this.selected.set
+		}))), this.motionAxis = new v(this.props, this.className, this.components, this.emits, void 0, o(() => String(this.selected.item.value))), new _("selected", this.emits, this.selected.item);
+	}
+}, m = {}, h = class extends u {
+	constructor(n, r, i, a = p) {
+		super(n, r, i), t(this, "item", void 0), t(this, "slidesRender", () => {
+			if (this.slots) {
+				let n = {};
+				for (let r in this.slots) {
+					var t;
+					let i = (t = this.item.tabsNavigation.ids.value) == null ? void 0 : t[r];
+					n[r] = () => {
+						var t;
+						return s("div", {
+							class: (t = this.classes) == null ? void 0 : t.value.slide,
+							...e.role("tabpanel"),
+							...e.labelledby(i)
+						}, this.initSlot(r));
+					};
+				}
+				return n;
+			}
+		}), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: {},
+			slide: this.getSubClass("slide")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		return this.item.tabsNavigation.ids.value ? [...this.item.tabsNavigation.render(), ...this.item.motionAxis.render(this.slidesRender())] : this.item.tabsNavigation.render();
+	}
+};
+//#endregion
+export { p as Tabs, h as TabsDesign, f as TabsSelected, m as defaultsTabs };

package/dist/tabsNavigation.js

@@ -0,0 +1,212 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./EventClickInclude-6I8kuFc9.js";
+import { t as r } from "./ModelInclude-D8LkrhPp.js";
+import { t as i } from "./HorizontalScrollInclude-BN6p9jjq.js";
+import { t as a } from "./TabsNavigationInclude-DU9Nb7hG.js";
+import { computed as o, nextTick as s, onMounted as c, ref as l, toRef as u, watch as d } from "vue";
+import { DesignConstructorAbstract as f, EventItem as p, ListDataRef as m, getElementId as h, isDomRuntime as g, isSelected as _, toArray as v, toBinds as y } from "@dxtmisha/functional";
+//#region src/constructors/TabsNavigation/TabsNavigationSelected.ts
+var b = class {
+	constructor(e) {
+		t(this, "item", l()), t(this, "actualItem", l()), this.props = e, this.item.value = e.selected, this.actualItem.value = e.selected;
+	}
+	isSelected(e) {
+		return _(e, this.actualItem.value);
+	}
+	set(e) {
+		return this.item.value = e, this;
+	}
+	setActual(e) {
+		return this.actualItem.value = e, this;
+	}
+}, x = class {
+	constructor(e, n) {
+		t(this, "item", l()), this.element = e, this.selected = n;
+	}
+	get() {
+		if (this.item.value) return String(this.item.value);
+	}
+	apply() {
+		return this.selected.set(this.item.value), this;
+	}
+	set(e) {
+		var t;
+		return this.item.value = e, (t = this.getElement()) == null || t.focus(), this;
+	}
+	position() {
+		var e;
+		return this.item.value = (e = v(this.selected.actualItem.value)) == null ? void 0 : e[0], this;
+	}
+	reset() {
+		return this.item.value = void 0, this;
+	}
+	getElement() {
+		if (this.item.value) {
+			var e;
+			return ((e = this.element.value) == null ? void 0 : e.querySelector(`[data-value="${this.item.value}"]`)) || void 0;
+		}
+	}
+}, S = class {
+	constructor(e, n) {
+		t(this, "ids", o(() => {
+			let e = {};
+			return this.data.fullData.value.forEach((t) => {
+				e[t.value] = h();
+			}), e;
+		})), this.props = e, this.data = n;
+	}
+	getIdByValue(e) {
+		var t;
+		return (t = this.ids.value[e == null ? "" : e]) == null ? String(e) : t;
+	}
+}, C = class {
+	constructor(e, n, r, i, a, o) {
+		t(this, "go", async (e, t) => {
+			await s();
+			let n = this.getItem(e), r = this.getItem(t);
+			if (n && r) {
+				let e = `${this.classDesign}-${this.getItemClassName()}`, t = n.getBoundingClientRect(), i = r.getBoundingClientRect(), a = i.left - t.left, o = `${a}px ${a >= 0 ? "-" : "+"} var(--${e}-gap, 0px)`;
+				n.style.setProperty(`--${e}-sys-left`, o), n.style.setProperty(`--${e}-sys-width`, i.width + "px"), this.reset(n);
+			}
+			requestAnimationFrame(() => {
+				this.selected.setActual(e);
+			});
+		}), t(this, "reset", (e) => {
+			setTimeout(() => {
+				e.style.removeProperty(`--${this.className}-sys-left`), e.style.removeProperty(`--${this.className}-sys-width`);
+			}, 384);
+		}), this.props = e, this.refs = n, this.element = r, this.classDesign = i, this.className = a, this.selected = o, d(this.selected.item, (e, t) => this.go(e, t)), s().then(() => requestAnimationFrame(() => {
+			if (r.value) {
+				var e, t;
+				r.value.scrollLeft = (e = (t = this.getItem(this.selected.item.value)) == null ? void 0 : t.offsetLeft) == null ? 0 : e;
+			}
+		}));
+	}
+	getItemClassName() {
+		return "tabItem";
+	}
+	getItem(e) {
+		var t;
+		return ((t = this.element.value) == null ? void 0 : t.querySelector(`[data-value="${e == null ? "" : e}"]`)) || void 0;
+	}
+}, w = class {
+	constructor(e, n, r) {
+		t(this, "event", void 0), t(this, "onFocus", () => {
+			this.start();
+		}), t(this, "onBlur", () => {
+			this.stop();
+		}), t(this, "on", (e) => {
+			if (this.data.getLength()) switch (e.code || e.key || e.keyCode) {
+				case "ArrowLeft":
+				case "Left":
+				case 37:
+					e.preventDefault(), this.prev();
+					break;
+				case "ArrowRight":
+				case "Right":
+				case 39:
+					e.preventDefault(), this.next();
+					break;
+				case "Enter":
+				case 13:
+				case "Space":
+				case "Spacebar":
+				case " ":
+				case 32:
+					e.preventDefault(), this.selected.set(this.focus.item.value);
+					break;
+			}
+		}), this.selected = e, this.focus = n, this.data = r;
+	}
+	get binds() {
+		return {
+			onFocus: this.onFocus,
+			onBlur: this.onBlur
+		};
+	}
+	getFirstItem() {
+		var e;
+		return (e = this.data.getFirstItemByParent(void 0)) == null ? void 0 : e.index;
+	}
+	getFocus() {
+		return this.focus.get() || this.getFirstItem();
+	}
+	start() {
+		g() && (this.event || (this.event = new p(document.body, ["keydown"], this.on)), this.focus.position(), this.event.start());
+	}
+	stop() {
+		this.event && (this.event.stop(), this.event = void 0, this.focus.reset());
+	}
+	prev() {
+		let e = this.getFocus();
+		if (e) {
+			var t;
+			this.focus.set((t = this.data.getIndexPrev(e)) == null ? void 0 : t.index);
+		}
+		return this;
+	}
+	next() {
+		let e = this.getFocus();
+		if (e) {
+			var t;
+			this.focus.set((t = this.data.getIndexNext(e)) == null ? void 0 : t.index);
+		}
+		return this;
+	}
+}, T = class {
+	constructor(a, s, l, f, p, h, g, _, v) {
+		t(this, "scroll", void 0), t(this, "selected", void 0), t(this, "focus", void 0), t(this, "data", void 0), t(this, "ids", void 0), t(this, "indicator", void 0), t(this, "control", void 0), t(this, "event", void 0), t(this, "binds", o(() => ({
+			tabindex: 0,
+			...this.control.binds,
+			...e.role("tablist")
+		}))), t(this, "onClick", (e, t) => {
+			this.selected.set(t == null ? void 0 : t.value), this.event.onClick(e, t);
+		}), this.props = a, this.refs = s, this.element = l, this.classDesign = f, this.className = p, this.components = h, this.slots = g, this.emits = _;
+		let { EventClickIncludeConstructor: y = n, HorizontalScrollIncludeConstructor: T = i, ListDataRefConstructor: E = m, ModelIncludeConstructor: D = r, TabsNavigationControlConstructor: O = w, TabsNavigationIdsConstructor: k = S, TabsNavigationFocusConstructor: A = x, TabsNavigationIndicatorConstructor: j = C, TabsNavigationSelectedConstructor: M = b } = v == null ? {} : v;
+		this.scroll = new T(this.props, this.className, this.components), this.selected = new M(this.props), this.focus = new A(this.element, this.selected), this.data = new E(u(this.props, "list"), this.focus.item, void 0, void 0, void 0, this.selected.actualItem, this.refs.keyValue, this.refs.keyLabel), this.ids = new k(this.props, this.data), this.indicator = new j(this.props, this.refs, this.scroll.elementHtml, this.classDesign, this.className, this.selected), this.control = new O(this.selected, this.focus, this.data), this.event = new y(void 0, void 0, this.emits), new D("selected", this.emits, this.selected.item), this.initSelected(), c(() => {
+			d([s.selected], () => this.selected.set(a.selected), { immediate: !0 });
+		});
+	}
+	initSelected() {
+		this.props.selected || this.selected.set(this.control.getFirstItem());
+	}
+}, E = {
+	horizontalScrollFlush: !0,
+	horizontalScrollAlign: "left"
+}, D = class extends f {
+	constructor(e, n, r, i = T) {
+		super(e, n, r), t(this, "item", void 0), t(this, "renderList", (e) => {
+			let t = [];
+			return this.initSlot("leading", t), this.item.data.fullData.value.forEach((n) => t.push(this.renderItem(e, n))), this.initSlot("trailing", t), t;
+		}), t(this, "renderItem", (e, t) => {
+			let n = this.item.selected.isSelected(t.index);
+			return this.components.renderOne("tabItem", y({
+				tag: this.props.tag,
+				key: t.index
+			}, this.props.itemAttrs, t, e.binds, {
+				id: this.item.ids.getIdByValue(t.value),
+				onClick: this.item.onClick,
+				class: { [e.classItemSelected]: n }
+			}));
+		}), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { ids: this.item.ids.ids };
+	}
+	initClasses() {
+		return { main: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.scroll.render({ default: this.renderList }, {
+			...this.item.binds.value,
+			class: (e = this.classes) == null ? void 0 : e.value.main
+		});
+	}
+};
+//#endregion
+export { T as TabsNavigation, w as TabsNavigationControl, D as TabsNavigationDesign, x as TabsNavigationFocus, S as TabsNavigationIds, a as TabsNavigationInclude, C as TabsNavigationIndicator, b as TabsNavigationSelected, E as defaultsTabsNavigation };

package/dist/textarea.js

@@ -0,0 +1,58 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { n as t, r as n } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { a as r, i, n as a, r as o, t as s } from "./FieldEventInclude-DLX__9aJ.js";
+import { t as c } from "./FieldInclude-DCvNorOt.js";
+import { computed as l, h as u } from "vue";
+import { DesignConstructorAbstract as d, toBinds as f } from "@dxtmisha/functional";
+//#region src/constructors/Textarea/Textarea.ts
+var p = class {
+	constructor(u, d, p, m, h, g, _, v, y) {
+		e(this, "attributes", void 0), e(this, "elementItem", void 0), e(this, "change", void 0), e(this, "value", void 0), e(this, "code", void 0), e(this, "validation", void 0), e(this, "event", void 0), e(this, "field", void 0), e(this, "binds", l(() => ({
+			ref: this.element,
+			autosize: this.props.autosize,
+			value: this.value.item.value,
+			onBlur: this.event.onBlur,
+			onInput: this.event.onInput,
+			onChange: this.event.onChange
+		}))), e(this, "bindsInput", l(() => f(this.attributes.listForInput.value, this.props.textareaAttrs, {
+			cols: this.props.cols,
+			rows: this.props.rows,
+			fieldSizing: this.props.fieldSizing
+		}))), this.props = u, this.refs = d, this.element = p, this.classDesign = m, this.className = h, this.components = g, this.slots = _, this.emits = v;
+		let { FieldAttributesIncludeConstructor: b = r, FieldChangeIncludeConstructor: x = i, FieldCodeIncludeConstructor: S = o, FieldElementIncludeConstructor: C = n, FieldEventIncludeConstructor: w = s, FieldIncludeConstructor: T = c, FieldValidationIncludeConstructor: E = a, FieldValueIncludeConstructor: D = t } = y == null ? {} : y;
+		this.change = new x(this.props), this.attributes = new b(this.props), this.elementItem = new C(this.props, this.element), this.value = new D(this.props, this.refs, this.elementItem), this.code = new S(this.props), this.validation = new E(this.props, this.attributes, this.value, this.change, this.code), this.event = new w(this.props, this.change, this.value, this.validation, this.emits), this.field = new T(this.props, this.value, this.components, this.event, void 0, void 0, void 0, void 0, void 0, l(() => ({ maxlength: this.props.maxlength })));
+	}
+}, m = {
+	cancel: "none",
+	autosize: !0
+}, h = class extends d {
+	constructor(t, n, r, i = p) {
+		super(t, n, r), e(this, "item", void 0), e(this, "renderInput", (e) => {
+			let t = f(e.binds, this.item.binds.value, this.item.bindsInput.value);
+			return this.components.is("textareaAutosize") ? [this.components.renderOne("textareaAutosize", { inputAttrs: t })] : [u("textarea", t)];
+		}), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {
+			value: this.item.value.item,
+			checkValidity: this.item.validation.checkValidity,
+			validationMessage: this.item.validation.message
+		};
+	}
+	initClasses() {
+		return { main: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.field.render({ default: this.renderInput }, {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			validationMessage: this.item.validation.message.value
+		});
+	}
+};
+//#endregion
+export { p as Textarea, h as TextareaDesign, m as defaultsTextarea };