@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/HorizontalScrollInclude-BN6p9jjq.js

@@ -0,0 +1,30 @@
+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/HorizontalScroll/HorizontalScrollInclude.ts
+var a = class {
+	constructor(a, o, s, c, l) {
+		e(this, "element", n()), e(this, "elementHtml", t(() => {
+			var e;
+			return (e = this.element.value) == null ? void 0 : e.elementHtml;
+		})), e(this, "binds", t(() => i(r(this.extra), {
+			ref: this.element,
+			flush: this.props.horizontalScrollFlush,
+			align: this.props.horizontalScrollAlign
+		}, this.props.horizontalScrollAttrs))), e(this, "toSelected", () => {
+			var e, t;
+			(e = this.element.value) == null || (t = e.toSelected) == null || t.call(e);
+		}), e(this, "render", (e, t) => {
+			if (this.components) {
+				var n;
+				return this.components.render("horizontalScroll", {
+					...this.binds.value,
+					...r(t)
+				}, e, (n = this.index) == null ? "horizontalScroll" : n);
+			}
+			return [];
+		}), this.props = a, this.className = o, this.components = s, this.extra = c, this.index = l;
+	}
+};
+//#endregion
+export { a as t };

package/dist/IconInclude-BhzGfa3o.js

@@ -0,0 +1,44 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getBind as n, getRef as r, isFilled as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/Icon/IconLiteInclude.ts
+var o = class {
+	constructor(r, a, o, s) {
+		e(this, "isIcon", t(() => !!this.props.icon)), e(this, "iconBind", t(() => n(this.props.icon, {
+			...this.getExtra(),
+			...this.getClasses(),
+			...this.getEventType()
+		}, "icon"))), e(this, "renderIcon", () => this.components && i(this.props.icon) ? this.components.render("icon", this.iconBind.value) : []), this.props = r, this.className = a, this.components = o, this.extra = s;
+	}
+	getExtra() {
+		return r(this.extra);
+	}
+	getClasses(e, t = "icon") {
+		var n;
+		let r = [`${this.className}__${t}`], i = (n = this.getExtra()) == null ? void 0 : n.class;
+		return i && r.push(i), e && r.push(e), { class: r };
+	}
+	getEventType(e = "icon") {
+		return { "data-event-type": e };
+	}
+}, s = class extends o {
+	constructor(i, o, s, c, l, u, d = !1, f = !1) {
+		super(i, o, s, c), e(this, "iconBind", t(() => {
+			var e, t, i;
+			return n(this.props.icon, {
+				active: this.props.selected,
+				turn: (e = r(this.turn)) == null ? this.props.iconTurn : e,
+				hide: this.props.iconHide,
+				asPalette: this.props.iconPalette,
+				animationType: "type2",
+				dir: (t = r(this.dir)) == null ? this.props.iconDir : t,
+				start: this.start,
+				end: this.end,
+				...a(this.getExtra(), this.props.iconAttrs, this.getClasses((i = this.props.iconAttrs) == null ? void 0 : i.class)),
+				...this.getEventType()
+			}, "icon");
+		})), this.props = i, this.className = o, this.components = s, this.extra = c, this.turn = l, this.dir = u, this.start = d, this.end = f;
+	}
+};
+//#endregion
+export { o as n, s as t };

package/dist/IconTrailingInclude-BwoB_AQn.js

@@ -0,0 +1,23 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./IconInclude-BhzGfa3o.js";
+import { computed as n } from "vue";
+import { getBind as r, isFilled as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/Icon/IconTrailingInclude.ts
+var o = class extends t {
+	constructor(t, o, s, c) {
+		super(t, o, s, c, n(() => !!(!t.iconTrailing && !t.iconTrailingTurnOnly && t.iconTurn)), n(() => !!(!t.iconTrailing && !t.iconTrailingDirOnly && t.iconDir)), !0), e(this, "isIconTrailing", n(() => !!this.props.iconTrailing)), e(this, "hasAtLeastOneIcon", n(() => !!(this.props.iconTrailing || this.props.icon))), e(this, "trailingBind", n(() => {
+			var e;
+			return r(this.props.iconTrailing, {
+				turn: this.props.iconTurn,
+				asPalette: this.props.iconPalette,
+				dir: this.props.iconDir,
+				end: !0,
+				high: !0,
+				...a(this.getExtra(), this.props.iconAttrs, this.getClasses((e = this.props.iconAttrs) == null ? void 0 : e.class, "trailing")),
+				...this.getEventType("icon-trailing")
+			}, "icon");
+		})), e(this, "renderIconTrailing", () => this.components && i(this.props.iconTrailing) ? this.components.render("icon", this.trailingBind.value, void 0, "iconTrailing") : []), e(this, "render", () => [...this.renderIcon(), ...this.renderIconTrailing()]), this.props = t, this.className = o, this.components = s, this.extra = c;
+	}
+};
+//#endregion
+export { o as t };

package/dist/ImageInclude-CP-Q4R20.js

@@ -0,0 +1,18 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getBind as n, getRef as r } from "@dxtmisha/functional";
+//#region src/constructors/Image/ImageInclude.ts
+var i = class {
+	constructor(i, a, o, s) {
+		e(this, "isImage", t(() => !!this.props.image)), e(this, "bind", t(() => n(this.props.image, r(this.extra), "value"))), this.props = i, this.components = a, this.emits = o, this.extra = s;
+	}
+	render() {
+		return this.components && this.isImage.value ? this.components.render("image", this.bind.value) : [];
+	}
+	onLoad(e) {
+		var t;
+		(t = this.emits) == null || t.call(this, "load", e);
+	}
+};
+//#endregion
+export { i as t };

package/dist/LabelHighlightInclude-DC9qNAR-.js

@@ -0,0 +1,30 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./LabelInclude-DoZ7EUYO.js";
+import { computed as n } from "vue";
+import { getExp as r, isFilled as i } from "@dxtmisha/functional";
+//#region src/classes/LabelHighlightInclude.ts
+var a = class extends t {
+	constructor(t, a, o, s, c, l) {
+		super(t, a, o, s, c, n(() => this.getLabel()), void 0, l), e(this, "getLabel", () => {
+			let e = this.props;
+			if (e.highlight && e.highlight.length >= this.getLengthStart() && e.label) {
+				let t = `${this.className}__highlight`, n = e.label.toString(), a = r(e.highlight, "i");
+				if (n.match(a)) return n.replace(a, (e) => `<span class="${t}">${e}</span>`);
+				if (i(e.value) && e.value.toString().match(a)) return `<span class="${t}">${n}</span>`;
+			}
+		}), this.props = t, this.className = a, this.classesExtra = o, this.slots = s, this.elementsExtra = c, this.skeleton = l;
+	}
+	isHighlight() {
+		let e = this.props;
+		if (!e.highlight || e.highlight.length < this.getLengthStart()) return !0;
+		if (!(e.highlight && e.highlight.length >= this.getLengthStart() && e.label)) return !1;
+		let t = e.label.toString(), n = r(e.highlight, "i");
+		return !!(t.match(n) || i(e.value) && e.value.toString().match(n));
+	}
+	getLengthStart() {
+		var e;
+		return (e = this.props.highlightLengthStart) == null ? 2 : e;
+	}
+};
+//#endregion
+export { a as t };

package/dist/LabelInclude-DoZ7EUYO.js

@@ -0,0 +1,56 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getElementId as n, getRef as r, isFilled as i, render as a } from "@dxtmisha/functional";
+//#region src/classes/LabelInclude.ts
+var o = class {
+	constructor(r, i, a, o, s, c, l, u, d = "span") {
+		e(this, "is", t(() => {
+			var e;
+			return this.props.label || (e = this.labelReplacing) != null && e.value ? !0 : this.slots ? this.alternativeSlots ? "label" in this.slots : "default" in this.slots : !1;
+		})), e(this, "id", t(() => this.props.labelId || n())), this.props = r, this.className = i, this.classesExtra = a, this.slots = o, this.elementsExtra = s, this.labelReplacing = c, this.alternativeSlots = l, this.skeleton = u, this.tag = d;
+	}
+	render(e, t = {}) {
+		let n = [];
+		if (this.is.value) {
+			let i = [
+				...this.initLabel(),
+				...this.initLabelReplacing(),
+				...this.initSlot()
+			];
+			this.elementsExtra && i.push(...this.elementsExtra()), e && i.push(...e), i.length > 0 && n.push(a(r(this.tag), {
+				id: this.id.value,
+				class: this.getClassName(),
+				...t
+			}, i, "label"));
+		}
+		return n;
+	}
+	getClassName() {
+		let e = [`${this.className}__label`];
+		return this.classesExtra && e.push(this.classesExtra), this.skeleton && e.push(this.skeleton.classes.value), e;
+	}
+	initLabel() {
+		var e;
+		return !((e = this.labelReplacing) != null && e.value) && i(this.props.label) ? [this.props.label] : [];
+	}
+	initLabelReplacing() {
+		var e;
+		return i((e = this.labelReplacing) == null ? void 0 : e.value) ? [a("span", { innerHTML: this.labelReplacing.value }, void 0, "highlight")] : [];
+	}
+	initSlot() {
+		if (this.slots) {
+			if (this.alternativeSlots) {
+				if ("label" in this.slots) {
+					var e, t;
+					return [(e = (t = this.slots).label) == null ? void 0 : e.call(t, {})];
+				}
+			} else if ("default" in this.slots) {
+				var n, r;
+				return [(n = (r = this.slots).default) == null ? void 0 : n.call(r, {})];
+			}
+		}
+		return [];
+	}
+};
+//#endregion
+export { o as t };

package/dist/LabelNumberInclude-VVGMvwYq.js

@@ -0,0 +1,15 @@
+import { t as e } from "./LabelInclude-DoZ7EUYO.js";
+import { computed as t } from "vue";
+import { GeoRef as n, isNumber as r, toNumberByMax as i } from "@dxtmisha/functional";
+//#region src/classes/LabelNumberInclude.ts
+var a = class extends e {
+	constructor(e, n, r, i, a, o) {
+		super(e, n, r, i, a, t(() => this.getNumber()), void 0, o), this.props = e, this.className = n, this.classesExtra = r, this.slots = i, this.elementsExtra = a, this.skeleton = o;
+	}
+	getNumber() {
+		let e = this.props;
+		if (e.label && r(e.label)) return i(e.label, e.labelMax, e.formatting, n.getLanguage().value).toString();
+	}
+};
+//#endregion
+export { a as t };

package/dist/ListGroupOpen-C6J8d4SM.js

@@ -0,0 +1,12 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, ref as n } from "vue";
+//#region src/constructors/ListGroup/ListGroupOpen.ts
+var r = class {
+	constructor(r) {
+		e(this, "open", n(!1)), e(this, "is", t(() => this.open.value || !!this.props.open)), e(this, "onOpen", ({ open: e }) => {
+			this.open.value !== e && (this.open.value = e);
+		}), this.props = r;
+	}
+};
+//#endregion
+export { r as t };

package/dist/MaskInclude-DuE6XcDZ.js

@@ -0,0 +1,48 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, watch as n } from "vue";
+import { getBind as r, getRef as i, toBind as a } from "@dxtmisha/functional";
+//#region src/constructors/Mask/MaskInclude.ts
+var o = class {
+	constructor(o, s, c, l, u, d, f, p) {
+		e(this, "is", t(() => {
+			var e;
+			let t = (e = this.type) == null ? void 0 : e.get();
+			return this.props.maskNone !== !0 && !!(this.props.mask || t && [
+				"number",
+				"number-format",
+				"currency",
+				"datetime",
+				"date",
+				"year-month",
+				"time",
+				"hour-minute"
+			].indexOf(t) !== -1);
+		})), e(this, "bindsStatic", t(() => {
+			var e, t, n;
+			let o = a((e = i(this.extra)) == null ? {} : e, (t = this.props.maskAttrs) == null ? {} : t);
+			return {
+				name: this.props.name,
+				valueDefault: i(this.valueDefault),
+				currency: this.props.currency,
+				currencyHide: this.props.currencyHide,
+				fraction: this.props.fraction,
+				type: (n = this.type) == null ? void 0 : n.get(),
+				visible: this.props.maskVisible,
+				...r(this.props.mask, o, "mask")
+			};
+		})), e(this, "binds", t(() => {
+			var e;
+			return {
+				...this.bindsStatic.value,
+				value: (e = this.props.modelValue) == null ? this.props.value : e
+			};
+		})), e(this, "render", (e) => this.components ? this.components.render("mask", { ...a(e == null ? {} : e, this.binds.value) }, void 0, this.index) : []), this.props = o, this.className = s, this.value = c, this.valueDefault = l, this.components = u, this.type = d, this.extra = f, this.index = p, this.value && n(this.is, (e) => {
+			e || this.value.setFull(!0);
+		});
+	}
+	isActive() {
+		return this.is.value;
+	}
+};
+//#endregion
+export { o as t };

package/dist/MenuInclude-BT27rmFW.js

@@ -0,0 +1,48 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, ref as n } from "vue";
+import { getRef as r, toBind as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/Menu/MenuInclude.ts
+var o = class {
+	constructor(o, s, c, l, u) {
+		e(this, "element", n()), e(this, "is", t(() => !!(!this.props.disabled && this.components))), e(this, "isOpen", t(() => {
+			var e;
+			return !!((e = this.element.value) != null && e.open);
+		})), e(this, "binds", t(() => {
+			let e = a(r(this.extra), this.props.menuAttrs, { class: `${this.className}__menu` });
+			return {
+				disabled: this.props.disabled,
+				...e
+			};
+		})), e(this, "expose", {
+			open: t(() => {
+				var e;
+				return !!((e = this.element.value) != null && e.open);
+			}),
+			setOpen: async (e) => {
+				var t;
+				return (t = this.element.value) == null ? void 0 : t.setOpen(e);
+			},
+			toOpen: async () => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.toOpen();
+			},
+			toClose: async () => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.toClose();
+			},
+			toggle: async () => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.toggle();
+			},
+			menuElement: this.element
+		}), e(this, "render", (e, t) => this.components ? this.components.render("menu", {
+			ref: this.element,
+			...i(t == null ? {} : t, this.binds.value)
+		}, e, this.index) : []), this.props = o, this.className = s, this.components = c, this.extra = l, this.index = u;
+	}
+	getElement() {
+		return this.element.value;
+	}
+};
+//#endregion
+export { o as t };

package/dist/ModalDesignAbstract-BaVdtb1N.js

@@ -0,0 +1,63 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./ActionsInclude-BzyGXlK7.js";
+import { t as n } from "./WindowInclude-GF4aSfrJ.js";
+import { t as r } from "./BarsInclude-rBLacb0J.js";
+import { h as i } from "vue";
+import { DesignConstructorAbstract as a, getElementId as o, toBinds as s } from "@dxtmisha/functional";
+//#region src/constructors/Modal/ModalAbstract.ts
+var c = class {
+	constructor(i, a, s, c, l, u, d, f, p, m, h, g) {
+		e(this, "bars", void 0), e(this, "actions", void 0), e(this, "window", void 0), this.props = i, this.refs = a, this.element = s, this.classDesign = c, this.className = l, this.components = u, this.slots = d, this.emits = f, this.extraWindow = p, this.extraBars = m, this.extraActions = h;
+		let { WindowConstructor: _ = n, BarsConstructor: v = r, ActionsConstructor: y = t } = g == null ? {} : g, b = o(), x = o();
+		this.bars = new v(i, l, u, f, m, b, x), this.actions = new y(i, l, u, f, h), this.window = new _(i, l, u, f, p, b, x);
+	}
+}, l = {
+	barsBackHide: !0,
+	imagePosition: "top"
+}, u = class extends a {
+	constructor(t, n, r, a) {
+		super(t, n, r), e(this, "item", void 0), e(this, "renderControl", (e) => this.initSlot("control", void 0, e)), e(this, "renderTitle", (e) => {
+			let t = [];
+			if (this.item.bars.is.value && t.push(...this.item.bars.render()), this.slots && "title" in this.slots) {
+				var n;
+				t.push(i("div", { class: (n = this.classes) == null ? void 0 : n.value.title }, this.initSlot("title", void 0, e)));
+			}
+			return t;
+		}), e(this, "renderDefault", (e) => {
+			let t = [];
+			if (this.slots && "header" in this.slots) {
+				var n;
+				t.push(i("div", { class: (n = this.classes) == null ? void 0 : n.value.header }, this.initSlot("header", void 0, e)));
+			}
+			if (this.slots && "default" in this.slots) {
+				var r;
+				t.push(i("div", { class: (r = this.classes) == null ? void 0 : r.value.body }, this.initSlot("default", void 0, e)));
+			}
+			return t;
+		}), e(this, "renderFooter", (e) => {
+			let t = [];
+			if (this.item.actions.is.value && t.push(...this.item.actions.render()), this.slots && "footer" in this.slots) {
+				var n;
+				t.push(i("div", { class: (n = this.classes) == null ? void 0 : n.value.footer }, this.initSlot("footer", void 0, e)));
+			}
+			return t;
+		}), this.item = this.initItem(a), this.init();
+	}
+	initExpose() {
+		return { ...this.item.window.expose };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.window.render({
+			control: this.renderControl,
+			title: this.renderTitle,
+			default: this.renderDefault,
+			footer: this.renderFooter
+		}, s({ class: (e = this.classes) == null ? void 0 : e.value.main }, this.getAttrs()));
+	}
+};
+//#endregion
+export { l as n, c as r, u as t };

package/dist/ModelInclude-D8LkrhPp.js

@@ -0,0 +1,32 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { isReadonly as t, isRef as n, watch as r } from "vue";
+import { isFunction as i, toCamelCase as a, toCamelCaseFirst as o } from "@dxtmisha/functional";
+//#region src/classes/ModelInclude.ts
+var s = class {
+	constructor(t, n, i) {
+		e(this, "update", (e) => {
+			this.isValue() && (this.syncValue.value = e);
+		}), this.index = t, this.emits = n, this.syncValue = i, i && r(i, (e) => {
+			this.emit(e);
+		}, { immediate: !0 });
+	}
+	isValue() {
+		return n(this.syncValue) && !t(this.syncValue);
+	}
+	getBinds() {
+		if (this.isValue()) {
+			let e = o(this.index);
+			return {
+				[`model${e}`]: this.syncValue.value,
+				[`onUpdate:${a(this.index)}`]: this.update,
+				[`onUpdate:model${e}`]: this.update
+			};
+		}
+		return {};
+	}
+	emit(e) {
+		i(this.emits) && (this.emits(`update:${a(this.index)}`, e), this.emits(`update:model${o(this.index)}`, e));
+	}
+};
+//#endregion
+export { s as t };

package/dist/ModelValueInclude-CQDkIoal.js

@@ -0,0 +1,20 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./ModelInclude-D8LkrhPp.js";
+import { ref as n, watch as r } from "vue";
+//#region src/classes/ModelValueInclude.ts
+var i = class {
+	constructor(i, a, o, s, c) {
+		e(this, "value", n()), e(this, "onClick", (e, t) => {
+			var n, r;
+			t && "value" in t && !((n = this.readonly) != null && n.value) && (this.value.value = t.value), (r = this.event) == null || r.onClick(e, t);
+		}), this.index = i, this.emits = a, this.event = o, this.inputValue = s, this.readonly = c, new t(this.index, this.emits, this.value), r([this.inputValue], () => {
+			var e;
+			this.value.value = (e = this.inputValue) == null ? void 0 : e.value;
+		}, { immediate: !0 });
+	}
+	getValue() {
+		return this.value.value;
+	}
+};
+//#endregion
+export { i as t };

package/dist/MotionAxisInclude-DO4t3_lZ.js

@@ -0,0 +1,18 @@
+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/MotionAxis/MotionAxisInclude.ts
+var a = class {
+	constructor(a, o, s, c, l, u, d) {
+		e(this, "element", n()), e(this, "selectedItem", t(() => this.selected ? r(this.selected) : this.props.selected)), e(this, "binds", t(() => i(r(this.extra), { class: `${this.className}__motionAxis` }, this.props.motionAxisAttrs))), e(this, "render", (e, t) => this.components ? this.components.render("motionAxis", {
+			...i(t, this.binds.value, { selected: this.selectedItem.value }),
+			ref: this.element,
+			onMotionAxis: this.onMotionAxis
+		}, e, this.index) : []), e(this, "onMotionAxis", (e) => {
+			var t;
+			(t = this.emits) == null || t.call(this, "motionAxis", e);
+		}), this.props = a, this.className = o, this.components = s, this.emits = c, this.extra = l, this.selected = u, this.index = d;
+	}
+};
+//#endregion
+export { a as t };

package/dist/MotionTransformClassesInclude-BN-T4YKS.js

@@ -0,0 +1,91 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+import { getElementId as n } from "@dxtmisha/functional";
+//#region src/constructors/MotionTransform/basicTypes.ts
+var r = "--sys-type-body", i = class r {
+	constructor(i, a, o, s) {
+		e(this, "id", n()), e(this, "idControl", `${this.id}-control`), e(this, "idBody", `${this.id}-body`), e(this, "classes", void 0), e(this, "style", void 0), e(this, "is", t(() => !!this.element.value)), this.props = i, this.element = a, this.elementContext = o, this.className = s, this.classes = r.getClassesList(s), this.style = {
+			top: `--${this.className}-sys-top`,
+			left: `--${this.className}-sys-left`,
+			height: `--${this.className}-sys-height`,
+			scale: `--${this.className}-sys-scale`,
+			contextWidth: `--${this.className}-sys-context-width`,
+			contextHeight: `--${this.className}-sys-context-height`,
+			headWidth: `--${this.className}-sys-head-width`,
+			headHeight: `--${this.className}-sys-head-height`,
+			headScale: `--${this.className}-sys-head-scale`,
+			bodyHeight: `--${this.className}-sys-body-height`
+		};
+	}
+	isClick(e) {
+		return !!(e.closest(`.${this.classes.click}`) || !e.closest(`.${this.classes.none}`));
+	}
+	isClickGlobal(e) {
+		return !e.closest(`.${this.classes.noneGlobal}`);
+	}
+	isClose(e) {
+		return !!e.closest(`${this.getId()} .${this.classes.close}`);
+	}
+	isOutside(e) {
+		return !e.closest(this.getId());
+	}
+	isIgnore(e) {
+		return !(this.props.ignore && e.closest(n(this.props.ignore, ""))) && !(this.props.ignoreSelector && e.closest(this.props.ignoreSelector));
+	}
+	isAnimation() {
+		return !!(this.elementContext.value && this.props.animationShow);
+	}
+	isWindow() {
+		return !!(this.element.value && getComputedStyle(this.element.value).getPropertyValue("--sys-type-body") === "\"--WINDOW--\"");
+	}
+	isSection() {
+		return !!this.props.section;
+	}
+	getElement() {
+		return this.element.value;
+	}
+	getElementContext() {
+		return this.elementContext.value;
+	}
+	getElementHead() {
+		var e;
+		return ((e = this.getElement()) == null ? void 0 : e.querySelector(`.${this.className}__head`)) || void 0;
+	}
+	getElementBody() {
+		var e;
+		return ((e = this.getElement()) == null ? void 0 : e.querySelector(`.${this.className}__body`)) || void 0;
+	}
+	getId() {
+		return `#${n(this.element.value)}`;
+	}
+	getRect() {
+		var e;
+		return (e = this.getElementContext()) == null ? void 0 : e.getBoundingClientRect();
+	}
+	static getClassesList(e) {
+		return {
+			show: `${e}--show`,
+			open: `${e}--open`,
+			window: `${e}--window`,
+			click: `${e}--click`,
+			close: `${e}--close`,
+			none: `${e}--none`,
+			noneGlobal: `${e}--noneGlobal`
+		};
+	}
+	static getClassesListByDesign(e) {
+		return this.getClassesList(`${e}-motionTransform`);
+	}
+}, a = class {
+	constructor(e) {
+		this.design = e;
+	}
+	get() {
+		return i.getClassesListByDesign(this.design);
+	}
+	getObject() {
+		return { classesMotionTransform: this.get() };
+	}
+};
+//#endregion
+export { i as n, r, a as t };

package/dist/MotionTransformInclude-CFVVig1F.js

@@ -0,0 +1,52 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, ref as n } from "vue";
+import { getRef as r, toBind as i } from "@dxtmisha/functional";
+//#region src/constructors/MotionTransform/MotionTransformInclude.ts
+var a = class {
+	constructor(a, o, s, c, l, u) {
+		e(this, "element", n()), e(this, "binds", t(() => {
+			var e, t;
+			return {
+				...i((e = r(this.extra)) == null ? {} : e, (t = this.props.motionTransformAttrs) == null ? {} : t),
+				open: this.props.open,
+				clickOpen: this.props.clickOpen,
+				autoClose: this.props.autoClose
+			};
+		})), e(this, "expose", {
+			open: t(() => {
+				var e;
+				return !!((e = this.element.value) != null && e.open);
+			}),
+			isShow: t(() => {
+				var e;
+				return !!((e = this.element.value) != null && e.isShow);
+			}),
+			setOpen: async (e) => {
+				var t;
+				return (t = this.element.value) == null ? void 0 : t.setOpen(e);
+			},
+			toOpen: async () => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.toOpen();
+			},
+			toClose: async () => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.toClose();
+			},
+			toggle: async () => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.toggle();
+			},
+			motionTransformElement: this.element
+		}), e(this, "onTransform", (e, t) => {
+			var n, r;
+			(n = this.emits) == null || n.call(this, "transform", e, t), (r = this.emits) == null || r.call(this, "transformLite", t);
+		}), e(this, "render", (e, t) => this.components ? this.components.render("motionTransform", {
+			onTransform: this.onTransform,
+			...i(t == null ? {} : t, this.binds.value),
+			ref: this.element
+		}, e, this.index) : []), this.props = a, this.className = o, this.components = s, this.emits = c, this.extra = l, this.index = u;
+	}
+};
+//#endregion
+export { a as t };