@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/ModalDesignAbstract-D4A_a_rC.js

@@ -1,179 +0,0 @@
-var b = Object.defineProperty;
-var p = (n, i, t) => i in n ? b(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var o = (n, i, t) => p(n, typeof i != "symbol" ? i + "" : i, t);
-import { h as d } from "vue";
-import { getElementId as v, DesignConstructorAbstract as I, toBinds as A } from "@dxtmisha/functional";
-import { B as S } from "./BarsInclude-BOEoY-O4.js";
-import { A as g } from "./ActionsInclude-H5ZWeXJj.js";
-import { W as D } from "./WindowInclude-BWm4-0Gh.js";
-class F {
-  /**
-   * 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, r, l, w, h, a, c, u) {
-    o(this, "bars");
-    o(this, "actions");
-    o(this, "window");
-    this.props = i, this.refs = t, this.element = s, this.classDesign = e, this.className = r, this.components = l, this.slots = w, this.emits = h, this.extraWindow = a, this.extraBars = c, this.extraActions = u;
-    const f = v(), m = v();
-    this.bars = new S(
-      i,
-      r,
-      l,
-      h,
-      c,
-      f,
-      m
-    ), this.actions = new g(
-      i,
-      r,
-      l,
-      h,
-      u
-    ), this.window = new D(
-      i,
-      r,
-      l,
-      h,
-      a,
-      f,
-      m
-    );
-  }
-}
-class T extends I {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor window item class/ класс элемента окна
-   */
-  constructor(t, s, e, r) {
-    super(
-      t,
-      s,
-      e
-    );
-    o(this, "item");
-    /**
-     * Generates data for control.<br>
-     * Генерирует данные для контроля.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    o(this, "renderControl", (t) => this.initSlot("control", void 0, t));
-    /**
-     * Generates data for the header.
-     *
-     * Генерирует данные для заголовка.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    o(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(
-        d(
-          "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/ данные для передаваемого свойства
-     */
-    o(this, "renderDefault", (t) => {
-      var e, r;
-      const s = [];
-      return this.slots && "header" in this.slots && s.push(
-        d(
-          "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(
-        d(
-          "div",
-          { class: (r = this.classes) == null ? void 0 : r.value.body },
-          this.initSlot("default", void 0, t)
-        )
-      ), s;
-    });
-    /**
-     * Generates data for the required part.
-     *
-     * Генерирует данные для нужной части.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    o(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(
-        d(
-          "div",
-          { class: (e = this.classes) == null ? void 0 : e.value.footer },
-          this.initSlot("footer", void 0, t)
-        )
-      ), s;
-    });
-    this.item = this.initItem(r), 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
-      },
-      A(
-        {
-          class: (t = this.classes) == null ? void 0 : t.value.main
-        },
-        this.getAttrs()
-      )
-    );
-  }
-}
-export {
-  F as M,
-  T as a
-};

package/dist/ModelInclude-BiYm_iCQ.js

@@ -1,73 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,214 +0,0 @@
-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

@@ -1,97 +0,0 @@
-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
-};