@dxtmisha/constructor 0.23.0 → 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/{src/constructors/MotionTransform/MotionTransformElement.ts → dist/MotionTransformClassesInclude-B23RIq0Q.js}

@@ -1,18 +1,10 @@
-import { computed, type Ref } from 'vue'
-import { getElementId } from '@dxtmisha/functional'
-
-import type { MotionTransformClassList, MotionTransformStyle } from './basicTypes'
-import type { MotionTransformProps } from './props'
-
-/**
- * Class for working with elements and classes.
- *
- * Класс для работы с элементами и классами.
- */
-export class MotionTransformElement {
-  readonly classes: MotionTransformClassList
-  readonly style: MotionTransformStyle
-
+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/ входные данные
@@ -20,201 +12,203 @@ export class MotionTransformElement {
    * @param elementContext substrate element/ элемент подложка
    * @param className class name/ название класса
    */
-  constructor(
-    protected readonly props: MotionTransformProps,
-    readonly element: Ref<HTMLDivElement | undefined>,
-    protected readonly elementContext: Ref<HTMLDivElement | undefined>,
-    protected readonly className: string
-  ) {
-    this.classes = MotionTransformElement.getClassesList(className)
-
-    this.style = {
+  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 element exists/ Проверяет, есть ли элемент */
-  readonly is = computed<boolean>(() => Boolean(this.element.value))
-
   /**
    * Checks if the click event is prohibited.
    *
    * Проверяет, запрещено ли событие клика.
    * @param target selected element/ выбранный элемент
    */
-  isClick(target: HTMLElement): boolean {
-    return Boolean(
-      target.closest<HTMLElement>(`.${this.classes.click}`)
-      || !target.closest<HTMLElement>(`.${this.classes.none}`)
-    )
+  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(target: HTMLElement): boolean {
-    return !target.closest<HTMLElement>(`.${this.classes.noneGlobal}`)
+  isClickGlobal(e) {
+    return !e.closest(`.${this.classes.noneGlobal}`);
   }
-
   /**
    * Checks if the window needs to be closed on click.
    *
    * Проверяет, нужно ли закрыть окно при клике.
    * @param target selected element/ выбранный элемент
    */
-  isClose(target: HTMLElement): boolean {
-    return Boolean(target.closest<HTMLElement>(`${this.getId()} .${this.classes.close}`))
+  isClose(e) {
+    return !!e.closest(`${this.getId()} .${this.classes.close}`);
   }
-
   /**
    * Checks if the element is outside the body.
    *
    * Проверяет, является ли элемент за предел тела.
    * @param target selected element/ выбранный элемент
    */
-  isOutside(target: HTMLElement): boolean {
-    return !target.closest(this.getId())
+  isOutside(e) {
+    return !e.closest(this.getId());
   }
-
   /**
    * Checks if the element needs to be ignored.
    *
    * Проверяет, нужно ли игнорировать элемент.
    * @param target selected element/ выбранный элемент
    */
-  isIgnore(target: HTMLElement): boolean {
-    return !(this.props.ignore && target.closest(getElementId(this.props.ignore, '')))
-      && !(this.props.ignoreSelector && target.closest(this.props.ignoreSelector))
+  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(): boolean {
-    return Boolean(
-      this.elementContext.value
-      && this.props.animationShow
-    )
+  isAnimation() {
+    return !!(this.elementContext.value && this.props.animationShow);
   }
-
   /**
    * Is window mode enabled.
    *
    * Включен ли режим окна.
    */
-  isWindow(): boolean {
-    return Boolean(
-      this.element.value
-      && getComputedStyle(this.element.value).content === '"--WINDOW--"'
-    )
+  isWindow() {
+    return !!(this.element.value && getComputedStyle(this.element.value).getPropertyValue(d) === '"--WINDOW--"');
   }
-
   /**
    * Checks whether the title needs to be left.
    *
    * Проверяет, надо ли оставить заголовок.
    */
-  isSection(): boolean {
-    return Boolean(this.props.section)
+  isSection() {
+    return !!this.props.section;
   }
-
   /**
    * Returns the main element.
    *
    * Возвращает главного элемента.
    */
-  getElement(): HTMLDivElement | undefined {
-    return this.element.value
+  getElement() {
+    return this.element.value;
   }
-
   /**
    * Returns the context element.
    *
    * Возвращает элемент контекста.
    */
-  getElementContext(): HTMLDivElement | undefined {
-    return this.elementContext.value
+  getElementContext() {
+    return this.elementContext.value;
   }
-
   /**
    * Returns the title element.
    *
    * Возвращает элемент заголовка.
    */
-  getElementHead(): HTMLDivElement | undefined {
-    return this.getElement()?.querySelector<HTMLDivElement>(`.${this.className}__head`) || undefined
+  getElementHead() {
+    var e;
+    return ((e = this.getElement()) == null ? void 0 : e.querySelector(`.${this.className}__head`)) || void 0;
   }
-
   /**
    * Returns the body element.
    *
    * Возвращает элемент тела.
    */
-  getElementBody(): HTMLDivElement | undefined {
-    return this.getElement()?.querySelector<HTMLDivElement>(`.${this.className}__body`) || undefined
+  getElementBody() {
+    var e;
+    return ((e = this.getElement()) == null ? void 0 : e.querySelector(`.${this.className}__body`)) || void 0;
   }
-
   /**
    * Returns the identifier.
    *
    * Возвращает идентификатор.
    */
-  getId(): string {
-    return `#${getElementId(this.element.value)}`
+  getId() {
+    return `#${o(this.element.value)}`;
   }
-
   /**
    * Returns the sizes of elements.
    *
    * Возвращает размеры элементов.
    */
-  getRect(): DOMRect | undefined {
-    return this.getElementContext()?.getBoundingClientRect()
+  getRect() {
+    var e;
+    return (e = this.getElementContext()) == null ? void 0 : e.getBoundingClientRect();
   }
-
   /**
    * Returns the list of available classes.
    *
    * Возвращает список доступных классов.
    * @param className class name/ название класса
    */
-  static getClassesList(className: string): MotionTransformClassList {
+  static getClassesList(e) {
     return {
-      show: `${className}--show`,
-      open: `${className}--open`,
-      window: `${className}--window`,
-
-      click: `${className}--click`,
-      close: `${className}--close`,
-      none: `${className}--none`,
-      noneGlobal: `${className}--noneGlobal`
-    }
-  }
-
+      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(design: string) {
-    return this.getClassesList(`${design}-motionTransform`)
+  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
+};