@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/ModalDesignAbstract-CjDr5JaN.js

@@ -0,0 +1,179 @@
+var b = Object.defineProperty;
+var w = (o, i, t) => i in o ? b(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var r = (o, i, t) => w(o, typeof i != "symbol" ? i + "" : i, t);
+import { computed as p, h as a } from "vue";
+import { getRef as A, DesignConstructorAbstract as D, toBinds as I } from "@dxtmisha/functional";
+import { B as S } from "./BarsInclude-IM3Gdslg.js";
+import { A as g } from "./ActionsInclude-H5ZWeXJj.js";
+import { W as x } from "./WindowInclude-Is5RhGxt.js";
+class T {
+  /**
+   * 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/ функция вызывается, когда срабатывает событие
+   * @param extraWindow additional parameters for WindowInclude/ дополнительные параметры для WindowInclude
+   * @param extraBars additional parameters for BarsInclude/ дополнительные параметры для BarsInclude
+   * @param extraActions additional parameters for ActionsInclude/ дополнительные параметры для ActionsInclude
+   */
+  constructor(i, t, s, e, n, l, v, h, d, c, u) {
+    r(this, "bars");
+    r(this, "actions");
+    r(this, "window");
+    this.props = i, this.refs = t, this.element = s, this.classDesign = e, this.className = n, this.components = l, this.slots = v, this.emits = h, this.extraWindow = d, this.extraBars = c, this.extraActions = u, this.bars = new S(
+      i,
+      n,
+      l,
+      h,
+      c
+    ), this.actions = new g(
+      i,
+      n,
+      l,
+      h,
+      u
+    ), this.window = new x(
+      i,
+      n,
+      l,
+      h,
+      p(() => {
+        var f, m;
+        return {
+          ...A(d),
+          ariaLabelledby: (f = this.bars.element.value) == null ? void 0 : f.labelId,
+          ariaDescribedby: (m = this.bars.element.value) == null ? void 0 : m.descriptionId
+        };
+      })
+    );
+  }
+}
+class W extends D {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(t, s, e) {
+    super(
+      t,
+      s,
+      e
+    );
+    r(this, "item");
+    /**
+     * Generates data for control.<br>
+     * Генерирует данные для контроля.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    r(this, "renderControl", (t) => this.initSlot("control", void 0, t));
+    /**
+     * Generates data for the header.
+     *
+     * Генерирует данные для заголовка.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    r(this, "renderTitle", (t) => {
+      var e;
+      const s = [];
+      return this.item.bars.is.value && s.push(...this.item.bars.render()), this.slots && "title" in this.slots && s.push(
+        a(
+          "div",
+          { class: (e = this.classes) == null ? void 0 : e.value.title },
+          this.initSlot("title", void 0, t)
+        )
+      ), s;
+    });
+    /**
+     * Generates bodies.
+     *
+     * Генерирует тела.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    r(this, "renderDefault", (t) => {
+      var e, n;
+      const s = [];
+      return this.slots && "header" in this.slots && s.push(
+        a(
+          "div",
+          { class: (e = this.classes) == null ? void 0 : e.value.header },
+          this.initSlot("header", void 0, t)
+        )
+      ), this.slots && "default" in this.slots && s.push(
+        a(
+          "div",
+          { class: (n = this.classes) == null ? void 0 : n.value.body },
+          this.initSlot("default", void 0, t)
+        )
+      ), s;
+    });
+    /**
+     * Generates data for the required part.
+     *
+     * Генерирует данные для нужной части.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    r(this, "renderFooter", (t) => {
+      var e;
+      const s = [];
+      return this.item.actions.is.value && s.push(...this.item.actions.render()), this.slots && "footer" in this.slots && s.push(
+        a(
+          "div",
+          { class: (e = this.classes) == null ? void 0 : e.value.footer },
+          this.initSlot("footer", void 0, t)
+        )
+      ), s;
+    });
+    this.item = this.initItem(), this.init();
+  }
+  /**
+   * Initialization of all the necessary properties for work
+   *
+   * Инициализация всех необходимых свойств для работы.
+   */
+  initExpose() {
+    return {
+      ...this.item.window.expose
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var t;
+    return this.item.window.render(
+      {
+        control: this.renderControl,
+        title: this.renderTitle,
+        default: this.renderDefault,
+        footer: this.renderFooter
+      },
+      I(
+        {
+          class: (t = this.classes) == null ? void 0 : t.value.main
+        },
+        this.getAttrs()
+      )
+    );
+  }
+}
+export {
+  T as M,
+  W as a
+};

package/dist/ModelInclude-BiYm_iCQ.js

@@ -0,0 +1,73 @@
+var u = Object.defineProperty;
+var m = (i, t, e) => t in i ? u(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var a = (i, t, e) => m(i, typeof t != "symbol" ? t + "" : t, e);
+import { watch as o, isRef as l, isReadonly as r } from "vue";
+import { toCamelCaseFirst as n, toCamelCase as d, isFunction as c } from "@dxtmisha/functional";
+class V {
+  /**
+   * Constructor
+   * @param index The index key for the model property/ Ключ индекса для свойства модели
+   * @param emits Function to emit events/ Функция для испускания событий
+   * @param syncValue Reactive value to synchronize/ Реактивное значение для синхронизации
+   */
+  constructor(t, e, s) {
+    /**
+     * Updates the synchronized value.
+     * Sets the value of the reactive reference if it's a mutable Ref.
+     *
+     * Обновляет синхронизированное значение.
+     * Устанавливает значение реактивной ссылки, если это изменяемый Ref.
+     * @param value The new value to set/ Новое значение для установки
+     */
+    a(this, "update", (t) => {
+      this.isValue() && (this.syncValue.value = t);
+    });
+    this.index = t, this.emits = e, this.syncValue = s, s && o(s, (h) => {
+      this.emit(h);
+    }, { immediate: !0 });
+  }
+  /**
+   * Type guard to check if syncValue is a mutable Ref.
+   * Returns true if syncValue is a reference and not readonly.
+   *
+   * Проверка типа, является ли syncValue изменяемым Ref.
+   * Возвращает true, если syncValue является ссылкой и не readonly.
+   * @returns Type predicate indicating syncValue is a mutable Ref/ Предикат типа, указывающий что syncValue - изменяемый Ref
+   */
+  isValue() {
+    return l(this.syncValue) && !r(this.syncValue);
+  }
+  /**
+   * Generates binding object for v-model integration.
+   * Creates properties for two-way data binding with model and update handlers.
+   *
+   * Генерирует объект привязок для интеграции v-model.
+   * Создает свойства для двусторонней привязки данных с обработчиками модели и обновления.
+   * @returns Object with model value and update handlers/ Объект со значением модели и обработчиками обновления
+   */
+  getBinds() {
+    if (this.isValue()) {
+      const t = n(this.index);
+      return {
+        [`model${t}`]: this.syncValue.value,
+        [`onUpdate:${d(this.index)}`]: this.update,
+        [`onUpdate:model${t}`]: this.update
+      };
+    }
+    return {};
+  }
+  /**
+   * Emits an event to update the model value.
+   * Triggers the corresponding update event with the new value.
+   *
+   * Испускает событие для обновления значения модели.
+   * Запускает соответствующее событие обновления с новым значением.
+   * @param value The new value to set/ Новое значение для установки
+   */
+  emit(t) {
+    c(this.emits) && (this.emits(`update:${d(this.index)}`, t), this.emits(`update:model${n(this.index)}`, t));
+  }
+}
+export {
+  V as M
+};

package/dist/ModelValueInclude-CJmm5go9.js

@@ -0,0 +1,48 @@
+var n = Object.defineProperty;
+var v = (i, e, t) => e in i ? n(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var a = (i, e, t) => v(i, typeof e != "symbol" ? e + "" : e, t);
+import { watch as r, ref as d } from "vue";
+import { M as c } from "./ModelInclude-BiYm_iCQ.js";
+class f {
+  /**
+   * Constructor
+   * @param index identifier/ идентификатор
+   * @param emits emits function/ функция эмитов
+   * @param event event click handler/ обработчик клика
+   * @param inputValue input value reference/ ссылка на входное значение
+   * @param readonly readonly flag/ флаг только для чтения
+   */
+  constructor(e, t, l, u, h) {
+    a(this, "value", d());
+    /**
+     * Click handler.
+     *
+     * Обработчик клика.
+     * @param event event object/ объект события
+     * @param options data object/ объект с данными
+     */
+    a(this, "onClick", (e, t) => {
+      var l, u;
+      t && "value" in t && !((l = this.readonly) != null && l.value) && (this.value.value = t.value), (u = this.event) == null || u.onClick(e, t);
+    });
+    this.index = e, this.emits = t, this.event = l, this.inputValue = u, this.readonly = h, new c(this.index, this.emits, this.value), r(
+      [this.inputValue],
+      () => {
+        var s;
+        this.value.value = (s = this.inputValue) == null ? void 0 : s.value;
+      },
+      { immediate: !0 }
+    );
+  }
+  /**
+   * Returns the current value.
+   *
+   * Возвращает текущее значение.
+   */
+  getValue() {
+    return this.value.value;
+  }
+}
+export {
+  f as M
+};

package/dist/MotionTransformClassesInclude-B23RIq0Q.js

@@ -0,0 +1,214 @@
+var r = Object.defineProperty;
+var a = (t, e, i) => e in t ? r(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var s = (t, e, i) => a(t, typeof e != "symbol" ? e + "" : e, i);
+import { computed as c } from "vue";
+import { getElementId as o } from "@dxtmisha/functional";
+const d = "--sys-type-body";
+class n {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param element window element/ элемент окна
+   * @param elementContext substrate element/ элемент подложка
+   * @param className class name/ название класса
+   */
+  constructor(e, i, h, l) {
+    s(this, "id", o());
+    s(this, "idControl", `${this.id}-control`);
+    s(this, "idBody", `${this.id}-body`);
+    s(this, "classes");
+    s(this, "style");
+    /** Checks if the element exists/ Проверяет, есть ли элемент */
+    s(this, "is", c(() => !!this.element.value));
+    this.props = e, this.element = i, this.elementContext = h, this.className = l, this.classes = n.getClassesList(l), 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`
+    };
+  }
+  /**
+   * Checks if the click event is prohibited.
+   *
+   * Проверяет, запрещено ли событие клика.
+   * @param target selected element/ выбранный элемент
+   */
+  isClick(e) {
+    return !!(e.closest(`.${this.classes.click}`) || !e.closest(`.${this.classes.none}`));
+  }
+  /**
+   * Checks if the click event is prohibited in the global area.
+   *
+   * Проверяет, запрещено ли событие клика в глобальной области.
+   * @param target selected element/ выбранный элемент
+   */
+  isClickGlobal(e) {
+    return !e.closest(`.${this.classes.noneGlobal}`);
+  }
+  /**
+   * Checks if the window needs to be closed on click.
+   *
+   * Проверяет, нужно ли закрыть окно при клике.
+   * @param target selected element/ выбранный элемент
+   */
+  isClose(e) {
+    return !!e.closest(`${this.getId()} .${this.classes.close}`);
+  }
+  /**
+   * Checks if the element is outside the body.
+   *
+   * Проверяет, является ли элемент за предел тела.
+   * @param target selected element/ выбранный элемент
+   */
+  isOutside(e) {
+    return !e.closest(this.getId());
+  }
+  /**
+   * Checks if the element needs to be ignored.
+   *
+   * Проверяет, нужно ли игнорировать элемент.
+   * @param target selected element/ выбранный элемент
+   */
+  isIgnore(e) {
+    return !(this.props.ignore && e.closest(o(this.props.ignore, ""))) && !(this.props.ignoreSelector && e.closest(this.props.ignoreSelector));
+  }
+  /**
+   * Is the animation for slide changes enabled.
+   *
+   * Включено ли анимация на изменения слайда.
+   */
+  isAnimation() {
+    return !!(this.elementContext.value && this.props.animationShow);
+  }
+  /**
+   * Is window mode enabled.
+   *
+   * Включен ли режим окна.
+   */
+  isWindow() {
+    return !!(this.element.value && getComputedStyle(this.element.value).getPropertyValue(d) === '"--WINDOW--"');
+  }
+  /**
+   * Checks whether the title needs to be left.
+   *
+   * Проверяет, надо ли оставить заголовок.
+   */
+  isSection() {
+    return !!this.props.section;
+  }
+  /**
+   * Returns the main element.
+   *
+   * Возвращает главного элемента.
+   */
+  getElement() {
+    return this.element.value;
+  }
+  /**
+   * Returns the context element.
+   *
+   * Возвращает элемент контекста.
+   */
+  getElementContext() {
+    return this.elementContext.value;
+  }
+  /**
+   * Returns the title element.
+   *
+   * Возвращает элемент заголовка.
+   */
+  getElementHead() {
+    var e;
+    return ((e = this.getElement()) == null ? void 0 : e.querySelector(`.${this.className}__head`)) || void 0;
+  }
+  /**
+   * Returns the body element.
+   *
+   * Возвращает элемент тела.
+   */
+  getElementBody() {
+    var e;
+    return ((e = this.getElement()) == null ? void 0 : e.querySelector(`.${this.className}__body`)) || void 0;
+  }
+  /**
+   * Returns the identifier.
+   *
+   * Возвращает идентификатор.
+   */
+  getId() {
+    return `#${o(this.element.value)}`;
+  }
+  /**
+   * Returns the sizes of elements.
+   *
+   * Возвращает размеры элементов.
+   */
+  getRect() {
+    var e;
+    return (e = this.getElementContext()) == null ? void 0 : e.getBoundingClientRect();
+  }
+  /**
+   * Returns the list of available classes.
+   *
+   * Возвращает список доступных классов.
+   * @param className class name/ название класса
+   */
+  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`
+    };
+  }
+  /**
+   * Returns a list of available classes by design name.
+   *
+   * Возвращает список доступных классов по названию дизайна.
+   * @param design design name/ названия дизайна
+   */
+  static getClassesListByDesign(e) {
+    return this.getClassesList(`${e}-motionTransform`);
+  }
+}
+class $ {
+  /**
+   * Constructor
+   * @param design design name/ название дизайна
+   */
+  constructor(e) {
+    this.design = e;
+  }
+  /**
+   * Returns list of MotionTransform classes for the specified design.
+   *
+   * Возвращает список классов MotionTransform для указанного дизайна.
+   */
+  get() {
+    return n.getClassesListByDesign(this.design);
+  }
+  /**
+   * Returns an object with MotionTransform classes under classesMotionTransform key.
+   *
+   * Возвращает объект с классами MotionTransform под ключом classesMotionTransform.
+   */
+  getObject() {
+    return {
+      classesMotionTransform: this.get()
+    };
+  }
+}
+export {
+  $ as M,
+  d as _,
+  n as a
+};

package/dist/MotionTransformInclude-P_oRs3JZ.js

@@ -0,0 +1,97 @@
+var h = Object.defineProperty;
+var a = (o, e, s) => e in o ? h(o, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[e] = s;
+var n = (o, e, s) => a(o, typeof e != "symbol" ? e + "" : e, s);
+import { ref as c, computed as r } from "vue";
+import { toBind as m, getRef as f } from "@dxtmisha/functional";
+class T {
+  /**
+   * 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, s, t, i, p, l) {
+    /** Reference to MotionTransform element expose/ Ссылка на expose элемента MotionTransform */
+    n(this, "element", c());
+    /** Computed bindings for MotionTransform/ Вычисляемые привязки для MotionTransform */
+    n(this, "binds", r(() => {
+      var s, t;
+      return {
+        ...m(
+          (s = f(this.extra)) != null ? s : {},
+          (t = this.props.motionTransformAttrs) != null ? t : {}
+        ),
+        open: this.props.open,
+        clickOpen: this.props.clickOpen,
+        autoClose: this.props.autoClose
+      };
+    }));
+    /**
+     * Expose helpers for MotionTransform state and actions/
+     * Вспомогательные методы expose для состояния и действий MotionTransform
+     */
+    n(this, "expose", {
+      open: r(() => {
+        var e;
+        return !!((e = this.element.value) != null && e.open);
+      }),
+      isShow: r(() => {
+        var e;
+        return !!((e = this.element.value) != null && e.isShow);
+      }),
+      setOpen: async (e) => {
+        var s;
+        return (s = this.element.value) == null ? void 0 : s.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
+    });
+    /**
+     * Emits 'transform' event upward/
+     * Поднимает событие 'transform' наверх
+     * @param event native event/ нативное событие
+     * @param options payload/ параметры события
+     */
+    n(this, "onTransform", (e, s) => {
+      var t, i;
+      (t = this.emits) == null || t.call(this, "transform", e, s), (i = this.emits) == null || i.call(this, "transformLite", s);
+    });
+    /**
+     * Render the MotionTransform component with slots/
+     * Рендер компонента MotionTransform со слотами
+     * @param slotsChildren slots passed to the component/ слоты, передаваемые компоненту
+     * @param attrs additional attributes/ дополнительные атрибуты
+     */
+    n(this, "render", (e, s) => this.components ? this.components.render(
+      "motionTransform",
+      {
+        onTransform: this.onTransform,
+        ...m(
+          s != null ? s : {},
+          this.binds.value
+        ),
+        ref: this.element
+      },
+      e,
+      this.index
+    ) : []);
+    this.props = e, this.className = s, this.components = t, this.emits = i, this.extra = p, this.index = l;
+  }
+}
+export {
+  T as M
+};

package/dist/ProgressInclude-UBipdctr.js

@@ -0,0 +1,56 @@
+var a = Object.defineProperty;
+var p = (i, s, r) => s in i ? a(i, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[s] = r;
+var t = (i, s, r) => p(i, typeof s != "symbol" ? s + "" : s, r);
+import { computed as o } from "vue";
+import { getRef as c, getBind as l } from "@dxtmisha/functional";
+import { A as d } from "./AriaStaticInclude-CFGewqpn.js";
+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/ дополнительный параметр или имя свойства
+   */
+  constructor(s, r, e, n) {
+    /**
+     * Checks if data is available for the Progress component/
+     * Проверяет, есть ли данные для компонента Progress
+     */
+    t(this, "is", o(() => !!this.props.loading));
+    /**
+     * list of aria properties for the progress component/
+     * список aria свойств для компонента Progress
+     */
+    t(this, "aria", o(
+      () => d.busy(this.is.value)
+    ));
+    /**
+     * list of properties for the progress component/ список свойств для компонента Progress
+     */
+    t(this, "binds", o(() => {
+      const s = c(this.extra);
+      return l(
+        this.props.loading,
+        {
+          ...s,
+          class: [s == null ? void 0 : s.class, `${this.className}__loading`]
+        },
+        "visible"
+      );
+    }));
+    /**
+     * Рендер компонента Progress
+     */
+    t(this, "render", () => this.components && this.props.loading ? this.components.render(
+      "progress",
+      this.binds.value,
+      void 0,
+      "progress"
+    ) : []);
+    this.props = s, this.className = r, this.components = e, this.extra = n;
+  }
+}
+export {
+  f as P
+};

package/dist/RippleInclude-Du5yIzX_.js

@@ -0,0 +1,21 @@
+var r = Object.defineProperty;
+var l = (s, e, t) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var n = (s, e, t) => l(s, typeof e != "symbol" ? e + "" : e, t);
+import "@dxtmisha/functional";
+class o {
+  constructor(e, t, i) {
+    /**
+     * Render Ripple
+     *
+     * Рендер Ripple
+     */
+    n(this, "render", () => this.components && this.components.is("ripple") && (!this.enabled || this.enabled.isEnabled.value) ? this.components.render(
+      "ripple",
+      { class: `${this.className}__ripple` }
+    ) : []);
+    this.className = e, this.components = t, this.enabled = i;
+  }
+}
+export {
+  o as R
+};