@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/TouchEventInclude-By_ChOIe.js

@@ -0,0 +1,84 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { ref as t } from "vue";
+import { executePromise as n } from "@dxtmisha/functional";
+//#region src/classes/TouchEventInclude.ts
+var r = 80, i = class {
+	constructor(n, r, i, a) {
+		e(this, "touche", t()), e(this, "toucheMove", t()), e(this, "mouse", t()), e(this, "mouseMove", t()), e(this, "onTouch", {
+			onTouchstart: (e) => {
+				var t, n, r, i, a;
+				this.touche.value = (t = e.targetTouches) == null ? void 0 : t[0], this.mouse.value = {
+					x: (n = (r = this.touche.value) == null ? void 0 : r.clientX) == null ? 0 : n,
+					y: (i = (a = this.touche.value) == null ? void 0 : a.clientY) == null ? 0 : i
+				}, this.update(e.target);
+			},
+			onTouchend: (e) => this.reset(e.target),
+			onTouchcancel: (e) => this.reset(e.target),
+			onTouchmove: (e) => {
+				var t, n, r, i, a;
+				this.toucheMove.value = (t = e.targetTouches) == null ? void 0 : t[0], this.mouseMove.value = {
+					x: (n = (r = this.toucheMove.value) == null ? void 0 : r.clientX) == null ? 0 : n,
+					y: (i = (a = this.toucheMove.value) == null ? void 0 : a.clientY) == null ? 0 : i
+				}, this.updateMove(e.target);
+			}
+		}), e(this, "onMouse", {
+			onMousedown: (e) => {
+				this.mouse.value = {
+					x: e.clientX,
+					y: e.clientY
+				}, this.update(e.target);
+			},
+			onMouseup: (e) => this.reset(e.target),
+			onMousemove: (e) => {
+				this.mouseMove.value = {
+					x: e.clientX,
+					y: e.clientY
+				}, this.updateMove(e.target);
+			}
+		}), this.start = n, this.move = r, this.end = i, this.element = a;
+	}
+	getElement(e) {
+		var t, n;
+		return (t = (n = this.element) == null ? void 0 : n.value) == null ? e.closest("[data-touch]") : t;
+	}
+	getTypeX(e) {
+		return e >= r ? "right" : e < -r ? "left" : "none";
+	}
+	getTypeY(e) {
+		return e >= r ? "bottom" : e < -r ? "top" : "none";
+	}
+	async callback(e) {
+		let t = this.mouse.value, r = this.mouseMove.value;
+		if (t && r) {
+			let i = r.x - t.x, a = r.y - t.y;
+			if (!e || await n(e(this.getTypeX(i), this.getTypeY(a), i, a, t, r, this.touche.value, this.toucheMove.value))) return {
+				x: i,
+				y: a
+			};
+		}
+	}
+	reset(e) {
+		let t = this.getElement(e);
+		this.callback(this.end).then((e) => {
+			t && (e ? this.resetData(t) : setTimeout(() => this.resetData(t), 400));
+		});
+	}
+	resetData(e) {
+		this.touche.value = void 0, this.toucheMove.value = void 0, this.mouse.value = void 0, this.mouseMove.value = void 0, e.style.removeProperty("--sys-touch-start-x"), e.style.removeProperty("--sys-touch-start-y"), e.style.removeProperty("--sys-touch-move-x"), e.style.removeProperty("--sys-touch-move-y");
+	}
+	update(e) {
+		let t = this.getElement(e), r = this.mouse.value;
+		if (t && r) {
+			var i;
+			t.style.setProperty("--sys-touch-start-x", `${r.x}px`), t.style.setProperty("--sys-touch-start-y", `${r.y}px`), n((i = this.start) == null ? void 0 : i.call(this, r, this.touche.value)).then();
+		}
+	}
+	updateMove(e) {
+		let t = this.getElement(e);
+		this.callback(this.move).then((e) => {
+			t && e && (t.style.setProperty("--sys-touch-move-x", `${e.x}px`), t.style.setProperty("--sys-touch-move-y", `${e.y}px`));
+		});
+	}
+};
+//#endregion
+export { i as t };

package/dist/WindowClassesInclude-zm-ITw5d.js

@@ -0,0 +1,89 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { domQuerySelector as t, getElementId as n } from "@dxtmisha/functional";
+//#region src/constructors/Window/basicTypes.ts
+var r = /* @__PURE__ */ function(e) {
+	return e.display = "display", e.preparation = "preparation", e.flash = "flash", e.open = "open", e.hide = "hide", e.close = "close", e;
+}({}), i = /* @__PURE__ */ function(e) {
+	return e.block = "block", e.blockChildren = "blockChildren", e.blockOther = "blockOther", e.close = "close", e.static = "static", e.controlStatic = "controlStatic", e.controlOpenOnly = "controlOpenOnly", e.controlActive = "controlActive", e.persistent = "persistent", e;
+}({}), a = "--sys-type-body", o = class a {
+	constructor(t) {
+		e(this, "id", `window--${n()}`), e(this, "controlId", `${this.id}-control`), e(this, "list", void 0), this.className = t, this.list = a.getClassesList(t, this.id);
+	}
+	isWindow(e) {
+		return !!(e && e.classList.contains(this.className));
+	}
+	isWindowTeleport(e) {
+		return !!(e && e.classList.contains(`${this.className}__teleport`));
+	}
+	isWindowOrTeleport(e) {
+		return this.isWindow(e) || this.isWindowTeleport(e);
+	}
+	getId() {
+		return this.id;
+	}
+	getControlId() {
+		return this.controlId;
+	}
+	getClassStatus(e) {
+		return `${this.className}[data-status="${e}"]`;
+	}
+	getSelectorControl() {
+		return `.${this.list.control}.${this.id}`;
+	}
+	findMain(e) {
+		var t;
+		return (t = e == null ? void 0 : e.closest(`.${this.className}`)) == null ? void 0 : t;
+	}
+	findControl() {
+		return t(`.${this.list.control}.${this.id}`);
+	}
+	findControlByElement(e) {
+		if (e) {
+			var n;
+			return t(`.${this.list.control}.${(n = e.dataset) == null ? void 0 : n.window}`);
+		}
+	}
+	findBody() {
+		return t(`.${this.className}.${this.id} .${this.className}__body`);
+	}
+	findBodyContext() {
+		return t(`.${this.className}.${this.id} .${this.className}__body__context`);
+	}
+	findBodyOther(e, n = r.open) {
+		if (n === r.open) {
+			let n = t(`.${this.className}:not(.${this.id})[data-status="${r.flash}"] .${this.className}__body ${e}`);
+			if (n) return n;
+		}
+		return t(`.${this.className}:not(.${this.id})[data-status="${n}"] .${this.className}__body ${e}`);
+	}
+	static getClassesList(e, t = "id") {
+		return {
+			block: `${e}--${i.block}`,
+			blockChildren: `${e}--${i.blockChildren}`,
+			blockOther: `${e}--${i.blockOther}`,
+			close: `${e}--${i.close}`,
+			static: `${e}--${i.static}`,
+			control: `${e}__control`,
+			controlId: `${e}__control window__control ${t}`,
+			controlStatic: `${e}--${i.controlStatic}`,
+			controlOpenOnly: `${e}--${i.controlOpenOnly}`,
+			controlActive: `${e}--${i.controlActive}`,
+			persistent: `${e}--${i.persistent}`
+		};
+	}
+	static getClassesListByDesign(e) {
+		return this.getClassesList(`${e}-window`);
+	}
+}, s = class {
+	constructor(e) {
+		this.design = e;
+	}
+	get() {
+		return o.getClassesListByDesign(this.design);
+	}
+	getObject() {
+		return { classesWindow: this.get() };
+	}
+};
+//#endregion
+export { a, r as i, o as n, i as r, s as t };

package/dist/WindowEsc-vBFI8pVr.js

@@ -0,0 +1,28 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { watch as t } from "vue";
+import { EventItem as n, executeFunction as r, getRef as i, isDomRuntime as a } from "@dxtmisha/functional";
+//#region src/constructors/Window/WindowEsc.ts
+var o = class {
+	constructor(n, a, o = !0) {
+		e(this, "event", void 0), e(this, "listener", (e) => {
+			this.isEsc(e) && (e.preventDefault(), e.stopPropagation(), this.on ? this.on() : this.open.value = !1, this.stop());
+		}), this.open = n, this.on = a, this.active = o, t(n, (e) => {
+			r(i(this.active)) && (e ? this.start() : this.stop());
+		});
+	}
+	start() {
+		var e;
+		return this.make(), (e = this.event) == null || e.start(), this;
+	}
+	stop() {
+		return this.event && (this.event.stop(), this.event = void 0), this;
+	}
+	isEsc(e) {
+		return e.key === "Escape" || e.key === "Esc" || e.code === "Escape" || e.code === "Esc" || e.keyCode === 27;
+	}
+	make() {
+		a() && !this.event && (this.event = new n(document.body, "keydown", this.listener));
+	}
+};
+//#endregion
+export { o as t };

package/dist/WindowInclude-GF4aSfrJ.js

@@ -0,0 +1,66 @@
+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/Window/WindowInclude.ts
+var o = class {
+	constructor(o, s, c, l, u, d, f, p) {
+		e(this, "element", n()), e(this, "binds", t(() => a(r(this.extra), {
+			class: `${this.className}__window`,
+			disabled: this.props.disabled,
+			autoClose: this.props.autoClose,
+			preparation: this.getPreparation,
+			opening: this.getOpening,
+			closing: this.getClosing,
+			ariaLabelledby: this.ariaLabelledby,
+			ariaDescribedby: this.ariaDescribedby
+		}, this.props.windowAttrs))), e(this, "expose", {
+			id: t(() => {
+				var e;
+				return String((e = this.element.value) == null ? void 0 : e.id);
+			}),
+			open: t(() => {
+				var e;
+				return !!((e = this.element.value) != null && e.open);
+			}),
+			control: t(() => {
+				var e;
+				return (e = this.element.value) == null ? void 0 : e.control;
+			}),
+			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();
+			},
+			windowElement: this.element
+		}), e(this, "render", (e, t) => this.components ? this.components.render("window", {
+			...i(t == null ? {} : t, this.binds.value),
+			ref: this.element,
+			onWindow: this.onWindow
+		}, e, this.index) : []), e(this, "getPreparation", () => {
+			var e, t, n, i, a;
+			return (e = (t = r(this.extra)) == null || (n = t.preparation) == null ? void 0 : n.call(t)) == null ? (i = this.props.windowAttrs) == null || (a = i.preparation) == null ? void 0 : a.call(i) : e;
+		}), e(this, "getOpening", () => {
+			var e, t, n, i, a, o;
+			return (e = (t = (n = r(this.extra)) == null || (i = n.opening) == null ? void 0 : i.call(n)) == null ? (a = this.props.windowAttrs) == null || (o = a.opening) == null ? void 0 : o.call(a) : t) == null ? !0 : e;
+		}), e(this, "getClosing", () => {
+			var e, t, n, i, a, o;
+			return (e = (t = (n = r(this.extra)) == null || (i = n.closing) == null ? void 0 : i.call(n)) == null ? (a = this.props.windowAttrs) == null || (o = a.closing) == null ? void 0 : o.call(a) : t) == null ? !0 : e;
+		}), e(this, "onWindow", (e) => {
+			var t;
+			(t = this.emits) == null || t.call(this, "window", e);
+		}), this.props = o, this.className = s, this.components = c, this.emits = l, this.extra = u, this.ariaLabelledby = d, this.ariaDescribedby = f, this.index = p;
+	}
+};
+//#endregion
+export { o as t };

package/dist/accordion.js

@@ -1,178 +1,77 @@
-var p = Object.defineProperty;
-var u = (r, s, i) => s in r ? p(r, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[s] = i;
-var o = (r, s, i) => u(r, typeof s != "symbol" ? s + "" : s, i);
-import { computed as v, ref as c, h as f } from "vue";
-import { DesignConstructorAbstract as b, toBinds as g } from "@dxtmisha/functional";
-import { E as y } from "./EventClickInclude-eDWqxK0d.js";
-import { M as S } from "./ModelInclude-BiYm_iCQ.js";
-import { M as A } from "./MotionTransformInclude-P_oRs3JZ.js";
-class C {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param classDesign design name/ название дизайна
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(s, i, n, e, l, t, m, a) {
-    o(this, "motionTransform");
-    o(this, "event");
-    o(this, "open", c(!1));
-    o(this, "model");
-    o(this, "elementHead", c());
-    this.props = s, this.refs = i, this.element = n, this.classDesign = e, this.className = l, this.components = t, this.slots = m, this.emits = a, this.motionTransform = new A(
-      this.props,
-      this.className,
-      this.components,
-      this.emits,
-      v(() => {
-        var d, h;
-        return {
-          section: !0,
-          adaptive: "planeAlways",
-          inDom: !0,
-          ariaLabelledby: (d = this.elementHead.value) == null ? void 0 : d.labelId,
-          ariaDescribedby: (h = this.elementHead.value) == null ? void 0 : h.descriptionId
-        };
-      })
-    ), this.event = new y(
-      void 0,
-      void 0,
-      a
-    ), this.model = new S("open", this.emits, this.open);
-  }
-}
-const x = {
-  clickOpen: !0,
-  autoClose: !0,
-  // :default [!] System label / Системная метка
-  divider: !0
-};
-class B extends b {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(i, n, e) {
-    super(
-      i,
-      n,
-      e
-    );
-    o(this, "item");
-    /**
-     * Generates data for the header.
-     *
-     * Генерирует данные для заголовка.
-     * @param open open status/ статус открытия
-     */
-    o(this, "renderHead", ({ isOpen: i, binds: n }) => {
-      var l;
-      const e = {};
-      return this.slots && ("label" in this.slots && (e.label = (t) => this.initSlot("label", void 0, t)), "description" in this.slots && (e.description = (t) => this.initSlot("description", void 0, t)), "caption" in this.slots && (e.caption = (t) => this.initSlot("caption", void 0, t)), "trailing" in this.slots && (e.trailing = (t) => this.initSlot("trailing", void 0, t)), "body" in this.slots && (e.body = (t) => this.initSlot("body", void 0, t))), this.components.renderOne(
-        "cell",
-        g(
-          {
-            ref: this.item.elementHead,
-            icon: this.props.icon,
-            iconTrailing: this.props.iconArrowDown,
-            iconTurn: i.value,
-            label: this.props.label,
-            description: this.props.description,
-            class: (l = this.classes) == null ? void 0 : l.value.head,
-            dynamic: !0,
-            onClick: this.item.event.onClick,
-            ...n
-          },
-          this.props.cellAttrs
-        ),
-        e
-      );
-    });
-    /**
-     * Generates data for the body.
-     *
-     * Генерирует данные для тела.
-     */
-    o(this, "renderBody", (i) => {
-      var n;
-      return f(
-        "div",
-        { class: (n = this.classes) == null ? void 0 : n.value.body },
-        this.initSlot("default", void 0, i)
-      );
-    });
-    this.item = new C(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    ), this.init();
-  }
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  initExpose() {
-    return {
-      ...this.item.motionTransform.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {},
-      // :classes [!] System label / Системная метка
-      head: this.getSubClass("head"),
-      body: this.getSubClass("body")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var i;
-    return this.item.motionTransform.render(
-      {
-        head: this.renderHead,
-        body: this.renderBody
-      },
-      {
-        ...this.getAttrs(),
-        class: (i = this.classes) == null ? void 0 : i.value.main,
-        "data-divider": this.props.divider ? "divider" : void 0,
-        ...this.item.model.getBinds()
-      }
-    );
-  }
-}
-export {
-  C as Accordion,
-  B as AccordionDesign,
-  x as defaultsAccordion
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./EventClickInclude-6I8kuFc9.js";
+import { t as n } from "./ModelInclude-D8LkrhPp.js";
+import { t as r } from "./MotionTransformInclude-CFVVig1F.js";
+import { computed as i, h as a, ref as o } from "vue";
+import { DesignConstructorAbstract as s, getElementId as c, toBinds as l } from "@dxtmisha/functional";
+//#region src/constructors/Accordion/Accordion.ts
+var u = class {
+	constructor(a, s, l, u, d, f, p, m, h) {
+		e(this, "motionTransform", void 0), e(this, "event", void 0), e(this, "open", o(!1)), e(this, "model", void 0), e(this, "elementHead", o()), e(this, "labelId", c()), e(this, "descriptionId", c()), e(this, "bindsCell", i(() => ({
+			ref: this.elementHead,
+			icon: this.props.icon,
+			iconTrailing: this.props.iconArrowDown,
+			label: this.props.label,
+			description: this.props.description,
+			dynamic: !0,
+			labelId: this.labelId,
+			descriptionId: this.descriptionId,
+			onClick: this.event.onClick,
+			onKeydown: this.event.onKeydown
+		}))), this.props = a, this.refs = s, this.element = l, this.classDesign = u, this.className = d, this.components = f, this.slots = p, this.emits = m;
+		let { EventClickIncludeConstructor: g = t, ModelIncludeConstructor: _ = n, MotionTransformIncludeConstructor: v = r } = h == null ? {} : h;
+		this.motionTransform = new v(this.props, this.className, this.components, this.emits, i(() => ({
+			section: !0,
+			adaptive: "planeAlways",
+			inDom: !0,
+			ariaLabelledby: this.labelId,
+			ariaDescribedby: this.descriptionId
+		}))), this.event = new g(void 0, void 0, m), this.model = new _("open", this.emits, this.open);
+	}
+}, d = {
+	clickOpen: !0,
+	autoClose: !0,
+	divider: !0
+}, f = class extends s {
+	constructor(t, n, r) {
+		super(t, n, r), e(this, "item", void 0), e(this, "renderHead", ({ isOpen: e, binds: t }) => {
+			var n;
+			let r = {};
+			return this.slots && ("label" in this.slots && (r.label = (e) => this.initSlot("label", void 0, e)), "description" in this.slots && (r.description = (e) => this.initSlot("description", void 0, e)), "caption" in this.slots && (r.caption = (e) => this.initSlot("caption", void 0, e)), "trailing" in this.slots && (r.trailing = (e) => this.initSlot("trailing", void 0, e)), "body" in this.slots && (r.body = (e) => this.initSlot("body", void 0, e))), this.components.renderOne("cell", l(this.item.bindsCell.value, t, this.props.cellAttrs, {
+				ref: this.item.elementHead,
+				iconTurn: e.value,
+				class: (n = this.classes) == null ? void 0 : n.value.head
+			}), r);
+		}), e(this, "renderBody", (e) => {
+			var t;
+			return a("div", { class: (t = this.classes) == null ? void 0 : t.value.body }, this.initSlot("default", void 0, e));
+		}), this.item = new u(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { ...this.item.motionTransform.expose };
+	}
+	initClasses() {
+		return {
+			main: {},
+			head: this.getSubClass("head"),
+			body: this.getSubClass("body")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.motionTransform.render({
+			head: this.renderHead,
+			body: this.renderBody
+		}, {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			"data-divider": this.props.divider ? "divider" : void 0,
+			...this.item.model.getBinds()
+		});
+	}
 };
+//#endregion
+export { u as Accordion, f as AccordionDesign, d as defaultsAccordion };