@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/SkeletonInclude-BIUzAO2s.js

@@ -0,0 +1,105 @@
+var d = Object.defineProperty;
+var k = (i, s, t) => s in i ? d(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
+var e = (i, s, t) => k(i, typeof s != "symbol" ? s + "" : s, t);
+import { inject as c, provide as p, computed as o } from "vue";
+import "@dxtmisha/functional";
+const r = "skeleton-status";
+class n {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+   * @param element input element/ элемент ввода
+   * @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, t, a, l, h, u, _) {
+    e(this, "status");
+    /**
+     * Returns the list of available classes.
+     *
+     * Возвращает список доступных классов для текуший элемента.
+     */
+    e(this, "classes");
+    /**
+     * Checks if the loading mode is enabled.
+     *
+     * Проверяет, включен ли режим загрузки.
+     */
+    e(this, "isActive", o(() => {
+      var s;
+      return !!((s = this.status) != null && s.value || this.props.active);
+    }));
+    this.props = s, this.refs = t, this.element = a, this.className = l, this.components = h, this.slots = u, this.emits = _, this.status = c(r, void 0), this.classes = n.getClassesList(this.className), p(r, this.isActive);
+  }
+  /**
+   * Returns the list of available classes.
+   *
+   * Возвращает список доступных классов.
+   * @param className class name/ название класса
+   */
+  static getClassesList(s) {
+    return {
+      classText: `${s}__text`,
+      classTextVariant: `${s}__textVariant`,
+      classBackground: `${s}__background`,
+      classBackgroundAfter: `${s}__backgroundAfter`,
+      classBackgroundBefore: `${s}__backgroundBefore`,
+      classBackgroundVariant: `${s}__backgroundVariant`,
+      classBorder: `${s}__border`,
+      classBorderVariant: `${s}__borderVariant`,
+      classNone: `${s}__none`
+    };
+  }
+  /**
+   * Returns a list of available classes by design name.
+   *
+   * Возвращает список доступных классов по названию дизайна.
+   * @param design design name/ названия дизайна
+   */
+  static getClassesListByDesign(s) {
+    return this.getClassesList(`${s}-skeleton`);
+  }
+}
+class $ {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param classDesign design name/ название дизайна
+   * @param classesList list of available classes/ список доступных классов
+   */
+  constructor(s, t, a) {
+    /**
+     * Skeleton display states/ Состояния отображения Skeleton
+     */
+    e(this, "status", c(r, void 0));
+    /**
+     * A list of available classes for the Skeleton/ Список доступных классов для Skeleton
+     */
+    e(this, "classesSkeleton");
+    /**
+     * Indicates whether the Skeleton status is enabled/ Указывает, включён ли статус Skeleton
+     */
+    e(this, "isSkeleton", o(() => !!(this.status && this.status.value)));
+    /**
+     * Returns the available list for the skeleton/ Возвращает доступный список для скелетона
+     */
+    e(this, "classes", o(() => {
+      const s = {};
+      return this.classesList && this.props.isSkeleton && this.classesList.forEach((t) => {
+        s[this.classesSkeleton[t]] = !0;
+      }), s;
+    }));
+    /** Values for the skeleton/ Значения для скелетона */
+    e(this, "binds", o(() => ({
+      isSkeleton: this.props.isSkeleton
+    })));
+    this.props = s, this.classesList = a, this.classesSkeleton = n.getClassesListByDesign(t);
+  }
+}
+export {
+  $ as S,
+  n as a
+};

package/dist/SuffixInclude-C7JNYCJK.js

@@ -0,0 +1,97 @@
+var u = Object.defineProperty;
+var n = (r, s, i) => s in r ? u(r, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[s] = i;
+var o = (r, s, i) => n(r, typeof s != "symbol" ? s + "" : s, i);
+import { computed as p } from "vue";
+import { isFilled as l, render as h } from "@dxtmisha/functional";
+class d {
+  /**
+   * Constructor
+   * @param props input property/ входное свойство
+   * @param className class name/ название класса
+   * @param slots object for working with slots/ объект для работы со слотами
+   * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
+   */
+  constructor(s, i, t, e) {
+    /**
+     * Returns true if prefix is filled
+     *
+     * Возвращает true, если prefix заполнен
+     */
+    o(this, "is", p(() => {
+      var s;
+      return !!(this.props.prefix || (s = this.slots) != null && s.prefix);
+    }));
+    this.props = s, this.className = i, this.slots = t, this.skeleton = e;
+  }
+  /**
+   * Renders prefix element with content from props or slots.
+   *
+   * Отображает элемент prefix с содержимым из props или slots.
+   */
+  render() {
+    var i, t, e, f;
+    const s = [];
+    return l(this.props.prefix) && s.push(this.props.prefix), (i = this.slots) != null && i.prefix && s.push((e = (t = this.slots).prefix) == null ? void 0 : e.call(t, {})), s.length > 0 ? [
+      h(
+        "div",
+        {
+          class: {
+            [`${this.className}__prefix`]: !0,
+            ...(f = this.skeleton) == null ? void 0 : f.classes.value
+          },
+          "data-event-type": "prefix"
+        },
+        s,
+        "prefix"
+      )
+    ] : [];
+  }
+}
+class m {
+  /**
+   * Constructor
+   * @param props input property/ входное свойство
+   * @param className class name/ название класса
+   * @param slots object for working with slots/ объект для работы со слотами
+   * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
+   */
+  constructor(s, i, t, e) {
+    /**
+     * Returns true if suffix is filled
+     *
+     * Возвращает true, если suffix заполнен
+     */
+    o(this, "is", p(() => {
+      var s;
+      return !!(this.props.suffix || (s = this.slots) != null && s.suffix);
+    }));
+    this.props = s, this.className = i, this.slots = t, this.skeleton = e;
+  }
+  /**
+   * Renders suffix element with content from props or slots.
+   *
+   * Отображает элемент suffix с содержимым из props или slots.
+   */
+  render() {
+    var i, t, e, f;
+    const s = [];
+    return l(this.props.suffix) && s.push(this.props.suffix), (i = this.slots) != null && i.suffix && s.push((e = (t = this.slots).suffix) == null ? void 0 : e.call(t, {})), s.length > 0 ? [
+      h(
+        "div",
+        {
+          class: {
+            [`${this.className}__suffix`]: !0,
+            ...(f = this.skeleton) == null ? void 0 : f.classes.value
+          },
+          "data-event-type": "suffix"
+        },
+        s,
+        "suffix"
+      )
+    ] : [];
+  }
+}
+export {
+  d as P,
+  m as S
+};

package/dist/TabIndexInclude-d7A_R6KD.js

@@ -0,0 +1,167 @@
+var l = Object.defineProperty;
+var m = (s, t, e) => t in s ? l(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var o = (s, t, e) => m(s, typeof t != "symbol" ? t + "" : t, e);
+import { onUnmounted as h } from "vue";
+import { isDomRuntime as r, isFunction as f, getRef as u, EventItem as d } from "@dxtmisha/functional";
+class v {
+  /**
+   * Сonstructor
+   * @param element - Reference to the element/ Ссылка на элемент
+   */
+  constructor(t) {
+    /** Previously focused element/ Ранее сфокусированный элемент */
+    o(this, "oldElement");
+    /** Event item for focus events/ Элемент события для событий фокуса */
+    o(this, "event");
+    /**
+     * Event listener for keyboard events.
+     *
+     * Слушатель событий для событий клавиатуры.
+     * @param event Keyboard event/ Событие клавиатуры
+     */
+    o(this, "listenEvent", (t) => {
+      var n, i;
+      if (!this.isTab(t))
+        return;
+      const e = document.activeElement;
+      e && (this.isShift(t) ? e === this.findFirstElement() && ((n = this.findLastElement()) == null || n.focus(), t.preventDefault()) : e === this.findLastElement() && ((i = this.findFirstElement()) == null || i.focus(), t.preventDefault()));
+    });
+    this.element = t, h(() => {
+      this.stopEvent(), this.event = void 0;
+    });
+  }
+  /**
+   * Set focus to the element.
+   *
+   * Устанавливает фокус на элемент.
+   */
+  goTo() {
+    return this.isElement() && r() && (this.updateOldElement(), this.toFocus(), this.startEvent()), this;
+  }
+  /**
+   * Reset focus to the previously focused element.
+   *
+   * Сбрасывает фокус на ранее сфокусированный элемент.
+   */
+  reset() {
+    return this.oldElement && "focus" in this.oldElement && this.oldElement.focus(), this.stopEvent(), this;
+  }
+  /**
+   * Toggle focus based on status.
+   *
+   * Переключает фокус в зависимости от статуса.
+   * @param status Focus status/ Статус фокуса
+   */
+  toggle(t) {
+    return t ? this.goTo() : this.reset(), this;
+  }
+  /**
+   * Check if the element is defined.
+   *
+   * Проверяет, определен ли элемент.
+   */
+  isElement() {
+    return this.getElement() !== void 0;
+  }
+  /**
+   * Check if the event is a Tab key event.
+   *
+   * Проверяет, является ли событие событием клавиши Tab.
+   * @param event Keyboard event/ Событие клавиатуры
+   */
+  isTab(t) {
+    return t.key === "Tab" || t.code === "Tab" || t.keyCode === 9;
+  }
+  /**
+   * Check if the Shift key is pressed.
+   *
+   * Проверяет, нажата ли клавиша Shift.
+   * @param event Keyboard event/ Событие клавиатуры
+   */
+  isShift(t) {
+    return t.shiftKey;
+  }
+  /**
+   * Get the element.
+   *
+   * Получает элемент.
+   */
+  getElement() {
+    return f(this.element) ? this.element() : u(this.element);
+  }
+  /**
+   * Find the first focusable element.
+   *
+   * Находит первый фокусируемый элемент.
+   */
+  findFirstElement() {
+    var e;
+    const t = (e = this.getElement()) == null ? void 0 : e.querySelectorAll("*");
+    if (t) {
+      for (const n of t)
+        if ("tabIndex" in n && n.tabIndex >= 0)
+          return n;
+    }
+  }
+  /**
+   * Find the last focusable element.
+   *
+   * Находит последний фокусируемый элемент.
+   */
+  findLastElement() {
+    var e;
+    const t = (e = this.getElement()) == null ? void 0 : e.querySelectorAll("*");
+    if (t)
+      for (let n = t.length - 1; n >= 0; n--) {
+        const i = t[n];
+        if (i && "tabIndex" in i && i.tabIndex >= 0)
+          return i;
+      }
+  }
+  /**
+   * Set focus with temporary tab index modification.
+   *
+   * Устанавливает фокус с временным изменением табиндекса.
+   */
+  toFocus() {
+    const t = this.getElement();
+    return t && (t.setAttribute("tabindex", "-1"), t.focus(), requestAnimationFrame(() => {
+      t.removeAttribute("tabindex");
+    })), this;
+  }
+  /**
+   * Save the currently focused element.
+   *
+   * Сохраняет текущий сфокусированный элемент.
+   */
+  updateOldElement() {
+    r() && (this.oldElement = document.activeElement);
+  }
+  /**
+   * Start the event listener.
+   *
+   * Запускает слушатель событий.
+   */
+  startEvent() {
+    if (this.event) {
+      this.event.start();
+      return;
+    }
+    this.event = new d(
+      document.body,
+      "keydown",
+      this.listenEvent
+    ).start();
+  }
+  /**
+   * Stop the event listener.
+   *
+   * Останавливает слушатель событий.
+   */
+  stopEvent() {
+    this.event && this.event.stop();
+  }
+}
+export {
+  v as T
+};

package/dist/TextInclude-i1OBAFTG.js

@@ -0,0 +1,76 @@
+var a = Object.defineProperty;
+var h = (o, t, e) => t in o ? a(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => h(o, typeof t != "symbol" ? t + "" : t, e);
+import { shallowRef as c, computed as r } from "vue";
+import { executeFunction as p } from "@dxtmisha/functional";
+const s = class s {
+  /**
+   * Constructor
+   * @param props Component properties/ Свойства компонента
+   */
+  constructor(t) {
+    /** Close text/ Текст закрытия */
+    i(this, "close", r(
+      () => this.getText("close", this.props.textClose)
+    ));
+    /** Copied to the clipboard text/ Текст о копировании в буфер обмена */
+    i(this, "copiedClipboard", r(
+      () => this.getText("copiedClipboard", this.props.textCopiedClipboard)
+    ));
+    /** Entries match text/ Текст о несовпадении записей */
+    i(this, "entriesMatch", r(
+      () => this.getText("entriesMatch", this.props.textEntriesMatch)
+    ));
+    /** OK text/ Текст подтверждения */
+    i(this, "ok", r(
+      () => this.getText("ok", this.props.textOk)
+    ));
+    this.props = t;
+  }
+  /**
+   * Initialize global texts.
+   *
+   * Инициализация глобальных текстов.
+   * @param texts List of texts/ Список текстов
+   */
+  static initText(t) {
+    this.list.value = {
+      ...this.list.value,
+      ...t
+    };
+  }
+  /**
+   * Get text by index, with priority to local value.
+   *
+   * Получение текста по индексу с приоритетом локального значения.
+   * @param index Text index/ Индекс текста
+   * @param value Local text value/ Локальное значение текста
+   */
+  getText(t, e) {
+    return e ? p(e) : this.getGlobalText(t);
+  }
+  /**
+   * Get text from global list.
+   *
+   * Получение текста из глобального списка.
+   * @param index Text index/ Индекс текста
+   */
+  getGlobalText(t) {
+    var e;
+    if ((e = s.list.value) != null && e[t])
+      return p(s.list.value[t]);
+  }
+};
+/**
+ * Global list of texts for all components/ Глобальный список текстов для всех компонентов
+ */
+i(s, "list", c({
+  close: "Close",
+  copiedClipboard: "Copied to the clipboard",
+  entriesMatch: "Entries do not match",
+  ok: "OK"
+}));
+let l = s;
+export {
+  l as T
+};

package/dist/TooltipInclude--QRSE83v.js

@@ -0,0 +1,76 @@
+var l = Object.defineProperty;
+var h = (s, t, e) => t in s ? l(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var o = (s, t, e) => h(s, typeof t != "symbol" ? t + "" : t, e);
+import { ref as p, computed as m } from "vue";
+import { toBinds as a, getRef as c } from "@dxtmisha/functional";
+class f {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(t, e, i, r, n) {
+    o(this, "element", p());
+    /** Computed bindings for the tooltip/ Вычисляемые привязки для подсказки */
+    o(this, "binds", m(() => a(
+      c(this.extra),
+      this.props.tooltipAttrs,
+      {
+        ref: this.element,
+        class: `${this.className}__tooltip`
+      }
+    )));
+    /**
+     * Render the Tooltip component
+     *
+     * Рендер компонента подсказки
+     */
+    o(this, "render", (t) => this.components ? this.components.render(
+      "tooltip",
+      this.binds.value,
+      t,
+      this.index
+    ) : []);
+    this.props = t, this.className = e, this.components = i, this.extra = r, this.index = n;
+  }
+  /**
+   * Get the tooltip element.
+   *
+   * Получить элемент подсказки.
+   */
+  getElement() {
+    return this.element.value;
+  }
+  /**
+   * Open the tooltip.
+   *
+   * Открыть подсказку.
+   */
+  open() {
+    this.toggle(!0);
+  }
+  /**
+   * Close the tooltip.
+   *
+   * Закрыть подсказку.
+   */
+  close() {
+    this.toggle(!1);
+  }
+  /**
+   * Toggle the tooltip.
+   *
+   * Переключить подсказку.
+   * @param open open status/ статус открытия
+   */
+  toggle(t) {
+    var e;
+    (e = this.getElement()) == null || e.toggle(t);
+  }
+}
+export {
+  f as T
+};