@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/TouchEventInclude-DctYCjt8.js

@@ -0,0 +1,186 @@
+var v = Object.defineProperty;
+var n = (r, e, t) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var h = (r, e, t) => n(r, typeof e != "symbol" ? e + "" : e, t);
+import { ref as a } from "vue";
+import { executePromise as l } from "@dxtmisha/functional";
+const c = 80;
+class M {
+  /**
+   * Constructor
+   * @param start callback on touch/mouse start/ колбэк при начале касания/клика
+   * @param move callback on touch/mouse move/ колбэк при движении
+   * @param end callback on touch/mouse end/ колбэк при завершении
+   * @param element optional element reference/ необязательная ссылка на элемент
+   */
+  constructor(e, t, o, s) {
+    /**
+     * Current touch point
+     *
+     * Текущая точка касания
+     */
+    h(this, "touche", a());
+    /**
+     * Touchpoint during move
+     *
+     * Точка касания во время движения
+     */
+    h(this, "toucheMove", a());
+    /**
+     * Current mouse position
+     *
+     * Текущая позиция мыши
+     */
+    h(this, "mouse", a());
+    /**
+     * Mouse position during move
+     *
+     * Позиция мыши во время движения
+     */
+    h(this, "mouseMove", a());
+    /**
+     * Touch event handlers
+     *
+     * Обработчики событий касания
+     */
+    h(this, "onTouch", {
+      onTouchstart: (e) => {
+        var t, o, s, u, i;
+        this.touche.value = (t = e.targetTouches) == null ? void 0 : t[0], this.mouse.value = {
+          x: (s = (o = this.touche.value) == null ? void 0 : o.clientX) != null ? s : 0,
+          y: (i = (u = this.touche.value) == null ? void 0 : u.clientY) != null ? i : 0
+        }, this.update(e.target);
+      },
+      onTouchend: (e) => this.reset(e.target),
+      onTouchcancel: (e) => this.reset(e.target),
+      onTouchmove: (e) => {
+        var t, o, s, u, i;
+        this.toucheMove.value = (t = e.targetTouches) == null ? void 0 : t[0], this.mouseMove.value = {
+          x: (s = (o = this.toucheMove.value) == null ? void 0 : o.clientX) != null ? s : 0,
+          y: (i = (u = this.toucheMove.value) == null ? void 0 : u.clientY) != null ? i : 0
+        }, this.updateMove(e.target);
+      }
+    });
+    /**
+     * Mouse event handlers
+     *
+     * Обработчики событий мыши
+     */
+    h(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 = e, this.move = t, this.end = o, this.element = s;
+  }
+  /**
+   * Gets the target element for touch events.
+   *
+   * Получает целевой элемент для событий касания.
+   * @param target event target element/ целевой элемент события
+   */
+  getElement(e) {
+    var t, o;
+    return (o = (t = this.element) == null ? void 0 : t.value) != null ? o : e.closest("[data-touch]");
+  }
+  /**
+   * Determines horizontal direction type from client X coordinate.
+   *
+   * Определяет тип горизонтального направления из координаты X.
+   * @param clientX horizontal coordinate/ горизонтальная координата
+   */
+  getTypeX(e) {
+    return e >= c ? "right" : e < -c ? "left" : "none";
+  }
+  /**
+   * Determines vertical direction type from client Y coordinate.
+   *
+   * Определяет тип вертикального направления из координаты Y.
+   * @param clientY vertical coordinate/ вертикальная координата
+   */
+  getTypeY(e) {
+    return e >= c ? "bottom" : e < -c ? "top" : "none";
+  }
+  /**
+   * Executes callback with calculated movement data.
+   *
+   * Выполняет колбэк с рассчитанными данными движения.
+   * @param callback callback function/ функция обратного вызова
+   */
+  async callback(e) {
+    const t = this.mouse.value, o = this.mouseMove.value;
+    if (t && o) {
+      const s = o.x - t.x, u = o.y - t.y;
+      if (!e || await l(e(
+        this.getTypeX(s),
+        this.getTypeY(u),
+        s,
+        u,
+        t,
+        o,
+        this.touche.value,
+        this.toucheMove.value
+      )))
+        return {
+          x: s,
+          y: u
+        };
+    }
+  }
+  /**
+   * Resets touch/mouse state and CSS properties after interaction ends.
+   *
+   * Сбрасывает состояние касания/мыши и CSS свойства после завершения взаимодействия.
+   * @param target selected item/ выбранный элемент
+   */
+  reset(e) {
+    const t = this.getElement(e);
+    this.callback(this.end).then((o) => {
+      t && (o ? this.resetData(t) : setTimeout(() => this.resetData(t), 400));
+    });
+  }
+  /**
+   * Resets all touch/mouse state and removes CSS custom properties.
+   *
+   * Сбрасывает все состояния касания/мыши и удаляет CSS кастомные свойства.
+   * @param elementValue target element/ целевой элемент
+   */
+  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");
+  }
+  /**
+   * Updates initial touch/mouse position and sets CSS custom properties.
+   *
+   * Обновляет начальную позицию касания/мыши и устанавливает CSS кастомные свойства.
+   * @param target selected item/ выбранный элемент
+   */
+  update(e) {
+    var s;
+    const t = this.getElement(e), o = this.mouse.value;
+    t && o && (t.style.setProperty("--sys-touch-start-x", `${o.x}px`), t.style.setProperty("--sys-touch-start-y", `${o.y}px`), l((s = this.start) == null ? void 0 : s.call(this, o, this.touche.value)).then());
+  }
+  /**
+   * Updates touch/mouse position during movement and sets CSS custom properties.
+   *
+   * Обновляет позицию касания/мыши во время движения и устанавливает CSS кастомные свойства.
+   * @param target selected item/ выбранный элемент
+   */
+  updateMove(e) {
+    const t = this.getElement(e);
+    this.callback(this.move).then((o) => {
+      t && o && (t.style.setProperty("--sys-touch-move-x", `${o.x}px`), t.style.setProperty("--sys-touch-move-y", `${o.y}px`));
+    });
+  }
+}
+export {
+  M as T
+};

package/dist/WindowClassesInclude-B56usxgx.js

@@ -0,0 +1,213 @@
+var $ = Object.defineProperty;
+var d = (s, t, i) => t in s ? $(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
+var n = (s, t, i) => d(s, typeof t != "symbol" ? t + "" : t, i);
+import { getElementId as h, domQuerySelector as e } from "@dxtmisha/functional";
+var r = /* @__PURE__ */ ((s) => (s.display = "display", s.preparation = "preparation", s.flash = "flash", s.open = "open", s.hide = "hide", s.close = "close", s))(r || {}), o = /* @__PURE__ */ ((s) => (s.block = "block", s.blockChildren = "blockChildren", s.blockOther = "blockOther", s.close = "close", s.static = "static", s.controlStatic = "controlStatic", s.controlOpenOnly = "controlOpenOnly", s.controlActive = "controlActive", s.persistent = "persistent", s))(o || {});
+const _ = "--sys-type-body";
+class l {
+  /**
+   * Constructor
+   * @param className class name/ название класса
+   */
+  constructor(t) {
+    /**
+     * Identification of the current window. Used to search for the current component and its control.
+     *
+     * Идентификация текущего окна. Используется для поиска текущего компонента и его контроля.
+     */
+    n(this, "id", `window--${h()}`);
+    n(this, "controlId", `${this.id}-control`);
+    n(this, "list");
+    this.className = t, this.list = l.getClassesList(t, this.id);
+  }
+  /**
+   * Checks if the selected element is a window.
+   *
+   * Проверяет, является ли выбранный элемент окном.
+   * @param target selected item/ выбранный элемент
+   */
+  isWindow(t) {
+    return !!(t && t.classList.contains(this.className));
+  }
+  /**
+   * Checks if the selected element is a window teleport.
+   *
+   * Проверяет, является ли выбранный элемент телепортом окна.
+   * @param target selected item/ выбранный элемент
+   */
+  isWindowTeleport(t) {
+    return !!(t && t.classList.contains(`${this.className}__teleport`));
+  }
+  /**
+   * Checks if the selected element is a window or a window teleport.
+   *
+   * Проверяет, является ли выбранный элемент окном или телепортом окна.
+   * @param target selected item/ выбранный элемент
+   */
+  isWindowOrTeleport(t) {
+    return this.isWindow(t) || this.isWindowTeleport(t);
+  }
+  /**
+   * Returns the identifier of the current window.
+   *
+   * Возвращает идентификатор текущего окна.
+   */
+  getId() {
+    return this.id;
+  }
+  /**
+   * Returns the identifier of the control of the current window.
+   *
+   * Возвращает идентификатор контроля текущего окна.
+   */
+  getControlId() {
+    return this.controlId;
+  }
+  /**
+   * Returns the full name of the class for the status.
+   *
+   * Возвращает полное название класса для статуса.
+   * @param status названия статуса
+   */
+  getClassStatus(t) {
+    return `${this.className}[data-status="${t}"]`;
+  }
+  /**
+   * Returns the class selector for control.
+   *
+   * Возвращает селектор класса для управления.
+   */
+  getSelectorControl() {
+    return `.${this.list.control}.${this.id}`;
+  }
+  /**
+   * Search and return the window element at the selected item.
+   *
+   * Поиск и возврат элемента окна у выбранного элемента.
+   * @param target selected item/ выбранный элемент
+   */
+  findMain(t) {
+    var i;
+    return (i = t == null ? void 0 : t.closest(`.${this.className}`)) != null ? i : void 0;
+  }
+  /**
+   * Search and return of the control element of the current component.
+   *
+   * Поиск и возврат элемента управления текущего компонента.
+   */
+  findControl() {
+    return e(`.${this.list.control}.${this.id}`);
+  }
+  /**
+   * Find the control at the selected window.
+   *
+   * Найди элемент управления у выбранного окна.
+   * @param element window element/ элемент окна
+   */
+  findControlByElement(t) {
+    var i;
+    if (t)
+      return e(`.${this.list.control}.${(i = t.dataset) == null ? void 0 : i.window}`);
+  }
+  /**
+   * Search and return of the window body element for the current component.
+   *
+   * Поиск и возврат элемента тела окна для текущего компонента.
+   */
+  findBody() {
+    return e(`.${this.className}.${this.id} .${this.className}__body`);
+  }
+  /**
+   * Search and return of the context body element of the window for the current component.
+   *
+   * Поиск и возврат элемента контекста тела окна для текущего компонента.
+   */
+  findBodyContext() {
+    return e(`.${this.className}.${this.id} .${this.className}__body__context`);
+  }
+  /**
+   * Search and return of the window body element for other components (not current)
+   * with additional selectors.
+   *
+   * Поиск и возврат элемента тела окна для других компонентов (не текущего)
+   * с дополнительными селекторами.
+   * @param selectors additional CSS selectors/ дополнительные CSS селекторы
+   * @param status status of the window/ статус окна
+   */
+  findBodyOther(t, i = r.open) {
+    if (i === r.open) {
+      const c = e(
+        `.${this.className}:not(.${this.id})[data-status="${r.flash}"] .${this.className}__body ${t}`
+      );
+      if (c)
+        return c;
+    }
+    return e(
+      `.${this.className}:not(.${this.id})[data-status="${i}"] .${this.className}__body ${t}`
+    );
+  }
+  /**
+   * Returns the list of available classes.
+   *
+   * Возвращает список доступных классов.
+   * @param className class name/ название класса
+   * @param id identification of the current window/ идентификация текущего окна
+   */
+  static getClassesList(t, i = "id") {
+    return {
+      block: `${t}--${o.block}`,
+      blockChildren: `${t}--${o.blockChildren}`,
+      blockOther: `${t}--${o.blockOther}`,
+      close: `${t}--${o.close}`,
+      static: `${t}--${o.static}`,
+      control: `${t}__control`,
+      controlId: `${t}__control window__control ${i}`,
+      controlStatic: `${t}--${o.controlStatic}`,
+      controlOpenOnly: `${t}--${o.controlOpenOnly}`,
+      controlActive: `${t}--${o.controlActive}`,
+      persistent: `${t}--${o.persistent}`
+    };
+  }
+  /**
+   * Returns a list of available classes by design name.
+   *
+   * Возвращает список доступных классов по названию дизайна.
+   * @param design design name/ названия дизайна
+   */
+  static getClassesListByDesign(t) {
+    return this.getClassesList(`${t}-window`);
+  }
+}
+class y {
+  /**
+   * Constructor
+   * @param design design name/ название дизайна
+   */
+  constructor(t) {
+    this.design = t;
+  }
+  /**
+   * Returns list of window classes for the specified design.
+   *
+   * Возвращает список классов окна для указанного дизайна.
+   */
+  get() {
+    return l.getClassesListByDesign(this.design);
+  }
+  /**
+   * Returns an object with window classes under classesWindow key.
+   *
+   * Возвращает объект с классами окна под ключом classesWindow.
+   */
+  getObject() {
+    return {
+      classesWindow: this.get()
+    };
+  }
+}
+export {
+  y as W,
+  _,
+  r as a,
+  l as b
+};

package/dist/WindowEsc-Dp9AvJt7.js

@@ -0,0 +1,72 @@
+var n = Object.defineProperty;
+var r = (s, t, e) => t in s ? n(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => r(s, typeof t != "symbol" ? t + "" : t, e);
+import { watch as c } from "vue";
+import { executeFunction as a, getRef as p, isDomRuntime as f, EventItem as u } from "@dxtmisha/functional";
+class E {
+  /**
+   * Constructor
+   * @param open Reference to the open state/ Ссылка на состояние открытия
+   * @param on Optional callback function when Escape is pressed/ Необязательная функция обратного вызова при нажатии Escape
+   * @param active Reference to the active state/ Ссылка на состояние активности
+   */
+  constructor(t, e, o = !0) {
+    /** Event handler instance/ Экземпляр обработчика событий */
+    i(this, "event");
+    /**
+     * Event listener for keyboard events.
+     *
+     * Обработчик событий клавиатуры.
+     */
+    i(this, "listener", (t) => {
+      this.isEsc(t) && (t.preventDefault(), t.stopPropagation(), this.on ? this.on() : this.open.value = !1, this.stop());
+    });
+    this.open = t, this.on = e, this.active = o, c(
+      t,
+      (h) => {
+        a(p(this.active)) && (h ? this.start() : this.stop());
+      }
+    );
+  }
+  /**
+   * Start listening for Escape key press.
+   *
+   * Начать прослушивание нажатия клавиши Escape.
+   */
+  start() {
+    var t;
+    return this.make(), (t = this.event) == null || t.start(), this;
+  }
+  /**
+   * Stop listening for Escape key press.
+   *
+   * Остановить прослушивание нажатия клавиши Escape.
+   */
+  stop() {
+    return this.event && (this.event.stop(), this.event = void 0), this;
+  }
+  /**
+   * Check if the pressed key is Escape.
+   *
+   * Проверяет, является ли нажатая клавиша Escape.
+   * @param event Keyboard event/ Событие клавиатуры
+   */
+  isEsc(t) {
+    return t.key === "Escape" || t.key === "Esc" || t.code === "Escape" || t.code === "Esc" || t.keyCode === 27;
+  }
+  /**
+   * Create and initialize the event handler.
+   *
+   * Создать и инициализировать обработчик событий.
+   */
+  make() {
+    f() && !this.event && (this.event = new u(
+      document.body,
+      "keydown",
+      this.listener
+    ));
+  }
+}
+export {
+  E as W
+};

package/dist/WindowInclude-Is5RhGxt.js

@@ -0,0 +1,117 @@
+var d = Object.defineProperty;
+var g = (p, e, t) => e in p ? d(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
+var o = (p, e, t) => g(p, typeof e != "symbol" ? e + "" : e, t);
+import { ref as m, computed as l } from "vue";
+import { toBind as h, getRef as a } from "@dxtmisha/functional";
+class v {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(e, t, n, i, s, r) {
+    /** Reference to window element expose/ Ссылка на expose элемента окна */
+    o(this, "element", m());
+    /** Computed bindings for the window/ Вычисляемые привязки для окна */
+    o(this, "binds", l(() => {
+      var t, n;
+      return {
+        ...h(
+          (t = a(this.extra)) != null ? t : {},
+          (n = this.props.windowAttrs) != null ? n : {}
+        ),
+        disabled: this.props.disabled,
+        autoClose: this.props.autoClose,
+        preparation: this.getPreparation,
+        opening: this.getOpening,
+        closing: this.getClosing
+      };
+    }));
+    /**
+     * Expose helpers for window state and actions/
+     * Вспомогательные методы expose для состояния и действий окна
+     */
+    o(this, "expose", {
+      id: l(() => {
+        var e;
+        return String((e = this.element.value) == null ? void 0 : e.id);
+      }),
+      open: l(() => {
+        var e;
+        return !!((e = this.element.value) != null && e.open.value);
+      }),
+      control: l(() => {
+        var e;
+        return (e = this.element.value) == null ? void 0 : e.control.value;
+      }),
+      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
+    });
+    /**
+     * Render the Window component with slots/
+     * Рендер компонента Window со слотами
+     * @param slotsChildren slots passed to the window/ слоты, передаваемые окну
+     * @param attrs additional attributes/ дополнительные атрибуты
+     */
+    o(this, "render", (e, t) => this.components ? this.components.render(
+      "window",
+      {
+        ...h(
+          t != null ? t : {},
+          this.binds.value
+        ),
+        ref: this.element,
+        onWindow: this.onWindow
+      },
+      e,
+      this.index
+    ) : []);
+    /** Returns preparation result/ Возвращает результат preparation */
+    o(this, "getPreparation", () => {
+      var e, t, n, i, s;
+      return (s = (t = (e = a(this.extra)) == null ? void 0 : e.preparation) == null ? void 0 : t.call(e)) != null ? s : (i = (n = this.props.windowAttrs) == null ? void 0 : n.preparation) == null ? void 0 : i.call(n);
+    });
+    /** Returns opening result/ Возвращает результат opening */
+    o(this, "getOpening", () => {
+      var e, t, n, i, s, r;
+      return (r = (s = (t = (e = a(this.extra)) == null ? void 0 : e.opening) == null ? void 0 : t.call(e)) != null ? s : (i = (n = this.props.windowAttrs) == null ? void 0 : n.opening) == null ? void 0 : i.call(n)) != null ? r : !0;
+    });
+    /** Returns closing result/ Возвращает результат closing */
+    o(this, "getClosing", () => {
+      var e, t, n, i, s, r;
+      return (r = (s = (t = (e = a(this.extra)) == null ? void 0 : e.closing) == null ? void 0 : t.call(e)) != null ? s : (i = (n = this.props.windowAttrs) == null ? void 0 : n.closing) == null ? void 0 : i.call(n)) != null ? r : !0;
+    });
+    /**
+     * Emits 'window' event upward/
+     * Поднимает событие 'window' наверх
+     * @param options event payload/ параметры события
+     */
+    o(this, "onWindow", (e) => {
+      var t;
+      (t = this.emits) == null || t.call(this, "window", e);
+    });
+    this.props = e, this.className = t, this.components = n, this.emits = i, this.extra = s, this.index = r;
+  }
+}
+export {
+  v as W
+};