@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/Plugin-cWn0HZcf.js

@@ -0,0 +1,205 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { isFilled as t } from "@dxtmisha/functional";
+import { toCamelCase as n, toKebabCase as r } from "@dxtmisha/functional-basic";
+//#region src/classes/Plugin/PluginTool.ts
+var i = class {
+	static isSrc(e) {
+		return !!(e.match(/\/src\//i) && !e.match(/\/node_modules\//i));
+	}
+	static isJs(e) {
+		return this.isSrc(e) && !!e.match(/\.ts|js|tsx/);
+	}
+	static isVue(e) {
+		return this.isSrc(e) && !!e.match(/\.vue$/);
+	}
+	static isCss(e) {
+		return this.isSrc(e) && !!e.match(/\.(css|sass|scss)/);
+	}
+	static isDev(e) {
+		return e === "development";
+	}
+}, a = class {
+	constructor(t, n) {
+		e(this, "newCode", void 0), this.id = t, this.code = n, this.newCode = n;
+	}
+	isVue() {
+		return i.isVue(this.id);
+	}
+	isScss() {
+		return i.isCss(this.id);
+	}
+	get() {
+		return this.newCode;
+	}
+	getId() {
+		return this.id;
+	}
+	getCode() {
+		return this.code;
+	}
+	has(e, t = "i") {
+		return typeof e == "string" ? this.code.includes(e) : new RegExp(e, t).test(this.code);
+	}
+	addAfterScript(e) {
+		let t = /(<script[^>]*\bsetup\b[^>]*>)/;
+		return this.code.match(t) ? this.newCode = this.newCode.replace(t, `$1${e}`) : this.newCode = `<script setup>\r\n${e}<\/script>${this.newCode}`, this;
+	}
+	addStart(e) {
+		return this.newCode = `${e}${this.newCode}`, this;
+	}
+	addStartIfNone(e, t) {
+		return this.has(t == null ? e : t) || this.addStart(e), this;
+	}
+	replace(e, t) {
+		return this.newCode = this.newCode.replace(e, t), this;
+	}
+}, o = /* @__PURE__ */ "flex-position.flex-dynamic.justify-content.inset.horizon.vertically.left.right.absolute.absolute-top.absolute-bottom.absolute-after.padding-x.padding-y.padding-left.padding-right.margin-x.margin-y.margin-left.margin-right.width.height.width-basis.height-basis.aspect-ratio.aspect-ratio-width.aspect-ratio-height.squared.circle.font-size.line-height.text-align.text-overflow.clamp.text-select-none.text-case.paragraph-spacing.palette.palette-var.palette-color.palette-stroke.palette-background.palette-fill.palette-gradient.palette-border.color.color-opacity.stroke.stroke-opacity.background-color.background-opacity.background-size.fill.fill-opacity.gradient.gradient-opacity.border-color.border-opacity.translate-x.translate-y.scale.rotate".split("."), s = class {
+	constructor(t, n, r, i, a) {
+		e(this, "styleModification", void 0), this.design = t, this.packageName = n, this.componentsReg = r, this.styleVarsReg = i, this.componentsList = a, this.styleModification = this.initStyleModification();
+	}
+	hasComponent(e) {
+		return !!e.match(new RegExp(this.componentsReg, "i"));
+	}
+	hasVars(e) {
+		return !!e.match(new RegExp(this.styleVarsReg, "i"));
+	}
+	getDesign() {
+		return this.design;
+	}
+	getPackageName() {
+		return this.packageName;
+	}
+	getComponents(e) {
+		let t = e.match(this.componentsReg), n = [];
+		return t && t.forEach((t) => {
+			let r = this.findComponent(t.trim());
+			r && !n.find((e) => e.name === r.name) && !e.match(`${this.getPackageName()}/${r.name}`) && n.push(r);
+		}), n;
+	}
+	getStyleVarsReg() {
+		return this.styleVarsReg;
+	}
+	getStyleModification() {
+		return this.styleModification;
+	}
+	findComponent(e) {
+		return this.componentsList.find((t) => t.name === e || !!e.match(new RegExp(t.reg, "i")));
+	}
+	initStyleModification() {
+		let e = {};
+		return o.forEach((t) => {
+			e[r(t)] = n(t);
+		}), e;
+	}
+}, c = class {
+	constructor(t, n) {
+		e(this, "code", void 0), this.packageName = t, this.code = n;
+	}
+	get() {
+		return this.code;
+	}
+	importStyle() {
+		return this.makeImport("style.css"), this;
+	}
+	makeImport(e) {
+		let t = `${this.packageName}/${e}`;
+		this.code.includes(t) || (this.code = `import '${t}';${this.code}`);
+	}
+}, l = class {
+	constructor(e, t) {
+		this.code = e, this.pluginData = t;
+	}
+	make() {
+		if (this.code.isVue() && this.pluginData.hasComponent(this.code.getCode())) {
+			let e = this.pluginData.getComponents(this.code.getCode());
+			if (e && e.length > 0) {
+				let t = e.map((e) => this.importComponent(e)).join("\r\n");
+				this.code.addAfterScript(t);
+			}
+		}
+	}
+	getPath(e) {
+		return `${this.pluginData.getPackageName()}/${e.name}`;
+	}
+	importComponent(e) {
+		return `import { ${e.name} } from'${this.getPath(e)}';`;
+	}
+}, u = class {
+	constructor(e, t) {
+		this.code = e, this.data = t;
+	}
+	make() {
+		return this.is() && this.importDesign().makeColors().makeVars().makeProperties(), this;
+	}
+	is() {
+		return this.code.isScss() && t(this.code.getCode()) && !this.code.has(this.getIgnoreComment());
+	}
+	getIgnoreComment() {
+		return `// ${this.data.getDesign()}-css-ignore`;
+	}
+	getPropertiesNone() {
+		return `(?![^\r\n]*// ${this.data.getDesign()}-mode-none)`;
+	}
+	getModificationRef() {
+		let e = this.data.getStyleModification();
+		return RegExp(`(?<=^\\s*)(${Object.keys(e).join("|")}):([^;\r\n]+)(;*)${this.getPropertiesNone()}`, "igm");
+	}
+	importDesign() {
+		let e = `${this.data.getPackageName()}/ui-properties`, t = `@use '${e}' as *;`;
+		return this.code.addStartIfNone(t, e), this;
+	}
+	makeColors() {
+		let e = RegExp(`(?<=var\\([^,]+), ?(#[0-9abcdf]{4,6}|rgba?\\([^)]+\\))${this.getPropertiesNone()}`, "ig");
+		return this.code.has(e) && this.code.replace(e, ""), this;
+	}
+	makeVars() {
+		let e = this.data.getStyleVarsReg();
+		return this.code.has(e) && this.code.replace(e, `${this.data.getDesign()}-$1`), this;
+	}
+	makeProperties() {
+		let e = this.data.getStyleModification(), t = this.getModificationRef();
+		return this.code.has(t, "im") && this.code.replace(t, (t, n, r, i) => {
+			let a = r.trim();
+			return `@include ${e == null ? void 0 : e[n.trim()]}(${a.match(/[()]/) ? `#{${a}}` : a})${i}`;
+		}), this;
+	}
+}, d = class {
+	constructor(t, n, r, i, a, o = "vite-plugin-design-ui", c = {}) {
+		e(this, "data", void 0), e(this, "first", !0), e(this, "mode", "production"), this.design = t, this.packageName = n, this.componentsReg = r, this.styleVarsReg = i, this.componentsList = a, this.name = o, this.options = c, this.data = new s(t, n, r, i, a);
+	}
+	init() {
+		var e;
+		return {
+			name: this.name,
+			enforce: "pre",
+			apply: (e, t) => (this.mode = t.mode, !0),
+			transform: (e, t) => this.transform(e, t),
+			...(e = this.options) == null ? void 0 : e.viteOptions
+		};
+	}
+	isComponents() {
+		var e, t;
+		return !!((e = (t = this.options) == null ? void 0 : t.component) == null || e);
+	}
+	isStyles() {
+		var e, t;
+		return !!((e = (t = this.options) == null ? void 0 : t.style) == null || e);
+	}
+	transform(e, t) {
+		this.first && i.isJs(t) && (e = this.initMain(e), this.first = !1);
+		let n = new a(t, e);
+		return this.makeComponents(n), this.initStyles(n), { code: n.get() };
+	}
+	initMain(e) {
+		let t = new c(this.packageName, e);
+		return t.importStyle(), t.get();
+	}
+	makeComponents(e) {
+		return this.isComponents() && new l(e, this.data).make(), this;
+	}
+	initStyles(e) {
+		return this.isStyles() && new u(e, this.data).make(), this;
+	}
+};
+//#endregion
+export { s as a, c as i, u as n, a as o, l as r, i as s, d as t };

package/dist/ProgressInclude-BnPBYwJg.js

@@ -0,0 +1,15 @@
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { computed as n } from "vue";
+import { getBind as r, getRef as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/Progress/ProgressInclude.ts
+var o = class {
+	constructor(o, s, c, l) {
+		t(this, "is", n(() => !!this.props.loading)), t(this, "aria", n(() => e.disabled(this.is.value))), t(this, "binds", n(() => {
+			let e = i(this.extra);
+			return r(this.props.loading, a(e, { class: `${this.className}__loading` }), "visible");
+		})), t(this, "render", () => this.components && this.props.loading ? this.components.render("progress", this.binds.value, void 0, "progress") : []), this.props = o, this.className = s, this.components = c, this.extra = l;
+	}
+};
+//#endregion
+export { o as t };

package/dist/RippleInclude-BlC1h0Ya.js

@@ -0,0 +1,10 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import "@dxtmisha/functional";
+//#region src/constructors/Ripple/RippleInclude.ts
+var t = class {
+	constructor(t, n, r) {
+		e(this, "render", () => this.components && this.components.is("ripple") && (!this.enabled || this.enabled.isEnabled.value) ? this.components.render("ripple", { class: `${this.className}__ripple` }) : []), this.className = t, this.components = n, this.enabled = r;
+	}
+};
+//#endregion
+export { t };

package/dist/ScrollToXInclude-yt1sAUrP.js

@@ -0,0 +1,15 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t } from "vue";
+//#region src/classes/ScrollToXInclude.ts
+var n = class {
+	constructor(n) {
+		e(this, "binds", t(() => ({ onWheelPassive: this.onScrollToX }))), e(this, "onScrollToX", (e) => {
+			this.element.value && e.deltaY !== 0 && this.isNotScrollSnap() && (e.preventDefault(), this.element.value.scrollLeft += Number(e.deltaY));
+		}), this.element = n;
+	}
+	isNotScrollSnap() {
+		return this.element.value ? getComputedStyle(this.element.value).scrollSnapType !== "x mandatory" : !0;
+	}
+};
+//#endregion
+export { n as t };

package/dist/ScrollbarInclude-B4_ZIqkW.js

@@ -0,0 +1,55 @@
+import { h as e } from "vue";
+import { toBind as t } from "@dxtmisha/functional";
+//#region src/constructors/Scrollbar/ScrollbarInclude.ts
+var n = class {
+	constructor(e, t, n, r) {
+		this.props = e, this.className = t, this.components = n, this.emits = r;
+	}
+	render(n, r, i) {
+		if (this.components) {
+			var a;
+			let e = this.components.renderOne("scrollbar", t({
+				tag: n,
+				class: `${this.className}__scrollbar`,
+				...r == null ? {} : r,
+				...this.getScrollbarEvents()
+			}, (a = this.props.scrollbarAttrs) == null ? {} : a), i);
+			if (e) return [e];
+		}
+		return [e(n, r, i)];
+	}
+	getScrollbarEvents() {
+		return {
+			onTop: (e) => {
+				var t;
+				return (t = this.emits) == null ? void 0 : t.call(this, "scrollbarTop", e);
+			},
+			onReachTop: () => {
+				var e;
+				return (e = this.emits) == null ? void 0 : e.call(this, "scrollbarReachTop");
+			},
+			onLeaveTop: () => {
+				var e;
+				return (e = this.emits) == null ? void 0 : e.call(this, "scrollbarLeaveTop");
+			},
+			onBottom: (e) => {
+				var t;
+				return (t = this.emits) == null ? void 0 : t.call(this, "scrollbarBottom", e);
+			},
+			onReachBottom: () => {
+				var e;
+				return (e = this.emits) == null ? void 0 : e.call(this, "scrollbarReachBottom");
+			},
+			onLeaveBottom: () => {
+				var e;
+				return (e = this.emits) == null ? void 0 : e.call(this, "scrollbarLeaveBottom");
+			},
+			onEdge: (e, t, n) => {
+				var r;
+				return (r = this.emits) == null ? void 0 : r.call(this, "scrollbarEdge", e, t, n);
+			}
+		};
+	}
+};
+//#endregion
+export { n as t };

package/dist/SkeletonInclude-D8on8xmw.js

@@ -0,0 +1,39 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, inject as n, provide as r } from "vue";
+import "@dxtmisha/functional";
+//#region src/constructors/Skeleton/const.ts
+var i = "skeleton-status", a = class a {
+	constructor(o, s, c, l, u, d, f) {
+		e(this, "status", void 0), e(this, "classes", void 0), e(this, "isActive", t(() => {
+			var e;
+			return !!((e = this.status) != null && e.value || this.props.active);
+		})), this.props = o, this.refs = s, this.element = c, this.className = l, this.components = u, this.slots = d, this.emits = f, this.status = n(i, void 0), this.classes = a.getClassesList(this.className), r(i, this.isActive);
+	}
+	static getClassesList(e) {
+		return {
+			classText: `${e}__text`,
+			classTextVariant: `${e}__textVariant`,
+			classBackground: `${e}__background`,
+			classBackgroundAfter: `${e}__backgroundAfter`,
+			classBackgroundBefore: `${e}__backgroundBefore`,
+			classBackgroundVariant: `${e}__backgroundVariant`,
+			classBorder: `${e}__border`,
+			classBorderVariant: `${e}__borderVariant`,
+			classNone: `${e}__none`
+		};
+	}
+	static getClassesListByDesign(e) {
+		return this.getClassesList(`${e}-skeleton`);
+	}
+}, o = class {
+	constructor(r, o, s) {
+		e(this, "status", n(i, void 0)), e(this, "classesSkeleton", void 0), e(this, "isSkeleton", t(() => !!(this.status && this.status.value))), e(this, "classes", t(() => {
+			let e = {};
+			return this.classesList && this.props.isSkeleton && this.classesList.forEach((t) => {
+				e[this.classesSkeleton[t]] = !0;
+			}), e;
+		})), e(this, "binds", t(() => ({ isSkeleton: this.props.isSkeleton }))), this.props = r, this.classesList = s, this.classesSkeleton = a.getClassesListByDesign(o);
+	}
+};
+//#endregion
+export { a as n, i as r, o as t };

package/dist/SuffixInclude-VNq8SwAI.js

@@ -0,0 +1,67 @@
+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/PrefixInclude.ts
+var a = class {
+	constructor(i, a, o, s) {
+		e(this, "is", t(() => {
+			var e;
+			return !!(this.props.prefix || (e = this.slots) != null && e.prefix);
+		})), e(this, "id", t(() => this.props.prefixId || n())), e(this, "describedby", t(() => {
+			var e;
+			return r(this.props.prefix) || (e = this.slots) != null && e.prefix ? this.id.value : "";
+		})), this.props = i, this.className = a, this.slots = o, this.skeleton = s;
+	}
+	render() {
+		var e;
+		let t = [];
+		if (r(this.props.prefix) && t.push(this.props.prefix), (e = this.slots) != null && e.prefix) {
+			var n, a;
+			t.push((n = (a = this.slots).prefix) == null ? void 0 : n.call(a, {}));
+		}
+		if (t.length > 0) {
+			var o;
+			return [i("div", {
+				id: this.id.value,
+				class: {
+					[`${this.className}__prefix`]: !0,
+					...(o = this.skeleton) == null ? void 0 : o.classes.value
+				},
+				"data-event-type": "prefix"
+			}, t, "prefix")];
+		}
+		return [];
+	}
+}, o = class {
+	constructor(i, a, o, s) {
+		e(this, "is", t(() => {
+			var e;
+			return !!(this.props.suffix || (e = this.slots) != null && e.suffix);
+		})), e(this, "id", t(() => this.props.suffixId || n())), e(this, "describedby", t(() => {
+			var e;
+			return r(this.props.suffix) || (e = this.slots) != null && e.suffix ? this.id.value : "";
+		})), this.props = i, this.className = a, this.slots = o, this.skeleton = s;
+	}
+	render() {
+		var e;
+		let t = [];
+		if (r(this.props.suffix) && t.push(this.props.suffix), (e = this.slots) != null && e.suffix) {
+			var n, a;
+			t.push((n = (a = this.slots).suffix) == null ? void 0 : n.call(a, {}));
+		}
+		if (t.length > 0) {
+			var o;
+			return [i("div", {
+				id: this.id.value,
+				class: {
+					[`${this.className}__suffix`]: !0,
+					...(o = this.skeleton) == null ? void 0 : o.classes.value
+				},
+				"data-event-type": "suffix"
+			}, t, "suffix")];
+		}
+		return [];
+	}
+};
+//#endregion
+export { a as n, o as t };

package/dist/TabIndexInclude-DLSfl7-6.js

@@ -0,0 +1,88 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { onUnmounted as t } from "vue";
+import { EventItem as n, getRef as r, isDomRuntime as i, isElementVisible as a, isFunction as o } from "@dxtmisha/functional";
+//#region src/classes/TabIndexInclude.ts
+var s = class {
+	constructor(n, r = () => !0, i = () => !0, a = () => !0) {
+		e(this, "oldElement", void 0), e(this, "event", void 0), e(this, "listenEvent", (e) => {
+			if (!this.isTab(e)) return;
+			let t = document.activeElement;
+			if (console.log("focusActive", t, this.findLastElement()), t) {
+				if (this.isShift(e)) {
+					if (t === this.findFirstElement()) {
+						var n;
+						(n = this.findLastElement()) == null || n.focus(), e.preventDefault();
+					}
+				} else if (t === this.findLastElement()) {
+					var r;
+					(r = this.findFirstElement()) == null || r.focus(), e.preventDefault();
+				}
+			}
+		}), this.element = n, this.active = r, this.activeOpen = i, this.activeClose = a, t(() => {
+			this.stopEvent(), this.event = void 0;
+		});
+	}
+	goTo() {
+		return this.isElement() && this.active() && this.activeOpen() && i() && (this.toFocus(), this.startEvent()), this;
+	}
+	reset() {
+		return this.active() && this.activeClose() && (this.oldElement && "focus" in this.oldElement && this.oldElement.focus(), this.stopEvent()), this;
+	}
+	toggle(e) {
+		return e ? this.goTo() : this.reset(), this;
+	}
+	updateOldElement() {
+		if (i()) {
+			var e;
+			let t = (e = document.activeElement) == null || (e = e.shadowRoot) == null ? void 0 : e.activeElement;
+			this.oldElement = t == null ? document.activeElement : t;
+		}
+	}
+	isElement() {
+		return this.getElement() !== void 0;
+	}
+	isTab(e) {
+		return e.key === "Tab" || e.code === "Tab" || e.keyCode === 9;
+	}
+	isShift(e) {
+		return e.shiftKey;
+	}
+	getElement() {
+		return o(this.element) ? this.element() : r(this.element);
+	}
+	findFirstElement() {
+		var e;
+		let t = (e = this.getElement()) == null ? void 0 : e.querySelectorAll("*");
+		if (t) {
+			for (let e of t) if ("tabIndex" in e && e.tabIndex >= 0 && a(e)) return e;
+		}
+	}
+	findLastElement() {
+		var e;
+		let t = (e = this.getElement()) == null ? void 0 : e.querySelectorAll("*");
+		if (t) for (let e = t.length - 1; e >= 0; e--) {
+			let n = t[e];
+			if (n && "tabIndex" in n && n.tabIndex >= 0 && a(n)) return n;
+		}
+	}
+	toFocus() {
+		let e = this.findFirstElement();
+		if (e) return e.focus(), this;
+		let t = this.getElement();
+		return t && (t.setAttribute("tabindex", "-1"), t.focus(), requestAnimationFrame(() => {
+			t.removeAttribute("tabindex");
+		})), this;
+	}
+	startEvent() {
+		if (this.event) {
+			this.event.start();
+			return;
+		}
+		this.event = new n(document.body, "keydown", this.listenEvent).start();
+	}
+	stopEvent() {
+		this.event && this.event.stop();
+	}
+};
+//#endregion
+export { s as t };

package/dist/TabsNavigationInclude-DU9Nb7hG.js

@@ -0,0 +1,17 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, ref as n } from "vue";
+import { getBind as r, getRef as i, toBinds as a } from "@dxtmisha/functional";
+//#region src/constructors/TabsNavigation/TabsNavigationInclude.ts
+var o = class {
+	constructor(o, s, c, l, u) {
+		e(this, "element", n()), e(this, "binds", t(() => a(i(this.extra), {
+			class: `${this.className}__tabsNavigation`,
+			itemAttrs: this.props.tabItemAttrs
+		}, r(this.props.tabs, "list"), this.props.tabsNavigationAttrs))), e(this, "ids", t(() => {
+			var e;
+			return (e = this.element.value) == null ? void 0 : e.ids;
+		})), e(this, "render", (e, t) => this.components ? this.components.render("tabsNavigation", a(t, this.binds.value, { ref: this.element }), e, this.index) : []), this.props = o, this.className = s, this.components = c, this.extra = l, this.index = u;
+	}
+};
+//#endregion
+export { o as t };

package/dist/TextInclude-OwyVCAbS.js

@@ -0,0 +1,90 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { computed as t, shallowRef as n } from "vue";
+import { executeFunction as r, toCamelCase as i } from "@dxtmisha/functional";
+//#region src/classes/TextInclude.ts
+var a = class n {
+	static initText(e) {
+		this.list.value = {
+			...this.list.value,
+			...e
+		};
+	}
+	constructor(t) {
+		e(this, "texts", {}), this.props = t;
+	}
+	get cancel() {
+		return this.get("textCancel");
+	}
+	get characterLimit() {
+		return this.get("textCharacterLimit");
+	}
+	get characterRemaining() {
+		return this.get("textCharacterRemaining");
+	}
+	get close() {
+		return this.get("textClose");
+	}
+	get copiedClipboard() {
+		return this.get("textCopiedClipboard");
+	}
+	get decrement() {
+		return this.get("textDecrement");
+	}
+	get entriesMatch() {
+		return this.get("textEntriesMatch");
+	}
+	get hide() {
+		return this.get("textHide");
+	}
+	get increment() {
+		return this.get("textIncrement");
+	}
+	get loading() {
+		return this.get("textLoading");
+	}
+	get next() {
+		return this.get("textNext");
+	}
+	get ok() {
+		return this.get("textOk");
+	}
+	get previous() {
+		return this.get("textPrevious");
+	}
+	get show() {
+		return this.get("textShow");
+	}
+	get(e) {
+		if (e in this.texts) return this.texts[e];
+		let n = i(String(e).replace("text", "")), r = t(() => {
+			var t;
+			return this.getText(n, (t = this.props) == null ? void 0 : t[e]);
+		});
+		return this.texts[e] = r;
+	}
+	getText(e, t) {
+		return t ? r(t) : this.getGlobalText(e);
+	}
+	getGlobalText(e) {
+		var t;
+		if ((t = n.list.value) != null && t[e]) return r(n.list.value[e]);
+	}
+};
+e(a, "list", n({
+	cancel: "Cancel",
+	characterLimit: "Character limit exceeded",
+	characterRemaining: "Remaining [left] characters",
+	close: "Close",
+	copiedClipboard: "Copied to the clipboard",
+	decrement: "Decrease",
+	entriesMatch: "Entries do not match",
+	hide: "Hide",
+	increment: "Increase",
+	loading: "Loading",
+	next: "Next",
+	ok: "OK",
+	previous: "Previous",
+	show: "Show"
+}));
+//#endregion
+export { a as t };

package/dist/TooltipInclude-3iLdbNcH.js

@@ -0,0 +1,27 @@
+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/Tooltip/TooltipInclude.ts
+var a = class {
+	constructor(a, o, s, c, l) {
+		e(this, "element", n()), e(this, "binds", t(() => i(r(this.extra), this.props.tooltipAttrs, {
+			ref: this.element,
+			class: `${this.className}__tooltip`
+		}))), e(this, "render", (e) => this.components ? this.components.render("tooltip", this.binds.value, e, this.index) : []), this.props = a, this.className = o, this.components = s, this.extra = c, this.index = l;
+	}
+	getElement() {
+		return this.element.value;
+	}
+	open() {
+		this.toggle(!0);
+	}
+	close() {
+		this.toggle(!1);
+	}
+	toggle(e) {
+		var t;
+		(t = this.getElement()) == null || t.toggle(e);
+	}
+};
+//#endregion
+export { a as t };