@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/ActionsInclude-H5ZWeXJj.js

@@ -0,0 +1,64 @@
+var h = Object.defineProperty;
+var p = (o, s, t) => s in o ? h(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var n = (o, s, t) => p(o, typeof s != "symbol" ? s + "" : s, t);
+import { computed as r } from "vue";
+import { toBinds as l, getRef as d } from "@dxtmisha/functional";
+class b {
+  /**
+   * 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(s, t, i, e, c, a) {
+    /**
+     * Checks whether actions should be displayed/
+     * Проверяет, нужно ли отображать действия
+     */
+    n(this, "is", r(() => !!(!this.props.actionsHide && (this.binds.value.list || this.binds.value.listSecondary))));
+    /** Computed bindings for the actions/ Вычисляемые привязки для действий */
+    n(this, "binds", r(() => {
+      var t, i;
+      const s = l(
+        d(this.extra),
+        this.props.actionsAttrs,
+        { class: `${this.className}__actions` }
+      );
+      return {
+        ...s,
+        list: (t = this.props.actionsList) != null ? t : s.list,
+        listSecondary: (i = this.props.actionsSecondary) != null ? i : s.listSecondary,
+        onClick: this.onClick
+      };
+    }));
+    /**
+     * Render the Actions component
+     *
+     * Рендер компонента действий
+     */
+    n(this, "render", () => this.components && this.is.value ? this.components.render(
+      "actions",
+      this.binds.value,
+      void 0,
+      this.index
+    ) : []);
+    /**
+     * Handles click events from Actions and emits related events/
+     * Обрабатывает клики по действиям и испускает связанные события
+     *
+     * @param event native mouse event/ native событие мыши
+     * @param value payload with { type, value, detail }/ данные события с { type, value, detail }
+     */
+    n(this, "onClick", (s, t) => {
+      var i, e;
+      (i = this.emits) == null || i.call(this, "actions", s, t), (e = this.emits) == null || e.call(this, "actionsLite", t);
+    });
+    this.props = s, this.className = t, this.components = i, this.emits = e, this.extra = c, this.index = a;
+  }
+}
+export {
+  b as A
+};

package/dist/AriaStaticInclude-CFGewqpn.js

@@ -0,0 +1,219 @@
+import { isString as e } from "@dxtmisha/functional";
+class n {
+  /**
+   * Get role by props.
+   *
+   * Получить роль по пропсам.
+   * @param role ARIA role type/ Тип ARIA роли
+   */
+  static role(a) {
+    return {
+      role: a
+    };
+  }
+  /**
+   * Get ARIA atomic attribute.
+   *
+   * Получить атрибут ARIA atomic.
+   * @param isAtomic is atomic/ является атомарным
+   */
+  static atomic(a) {
+    return {
+      "aria-atomic": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA checked attribute.
+   *
+   * Получить атрибут ARIA checked.
+   * @param isChecked is checked/ является отмеченным
+   */
+  static checked(a) {
+    return {
+      "aria-checked": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA current attribute.
+   *
+   * Получить атрибут ARIA current.
+   * @param value ARIA current attribute/ Атрибут ARIA current
+   */
+  static current(a) {
+    const t = e(a) ? a : this.isTrueOrFalse(a);
+    return this.isDataToData("aria-current", t);
+  }
+  /**
+   * Get ARIA busy attribute.
+   *
+   * Получить атрибут ARIA busy.
+   * @param isBusy is busy/ является занятым
+   */
+  static busy(a) {
+    return {
+      "aria-busy": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA describedby attribute.
+   *
+   * Получить атрибут ARIA describedby.
+   * @param id Element ID/ Идентификатор элемента
+   */
+  static describedby(a) {
+    return this.isDataToData("aria-describedby", a);
+  }
+  /**
+   * Get ARIA disabled attribute.
+   *
+   * Получить атрибут ARIA disabled.
+   * @param isDisabled is disabled/ является отключенным
+   */
+  static disabled(a = !0) {
+    return {
+      "aria-disabled": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA expanded attribute.
+   *
+   * Получить атрибут ARIA expanded.
+   * @param isExpanded is expanded/ является расширенным
+   */
+  static expanded(a) {
+    return {
+      "aria-expanded": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA haspopup attribute.
+   *
+   * Получить атрибут ARIA haspopup.
+   * @param haspopup ARIA haspopup attribute/ Атрибут ARIA haspopup
+   */
+  static haspopup(a) {
+    return this.isDataToData("aria-haspopup", a);
+  }
+  /**
+   * Get ARIA label.
+   *
+   * Получить ARIA label.
+   * @param label ARIA label/ ARIA метка
+   */
+  static label(a) {
+    return this.isDataToData("aria-label", a);
+  }
+  /**
+   * Get ARIA labelledby attribute.
+   *
+   * Получить атрибут ARIA labelledby.
+   * @param id Element ID/ Идентификатор элемента
+   */
+  static labelledby(a) {
+    return this.isDataToData("aria-labelledby", a);
+  }
+  /**
+   * Get ARIA invalid attribute.
+   *
+   * Получить атрибут ARIA invalid.
+   * @param isInvalid is invalid/ является недействительным
+   */
+  static invalid(a = !0) {
+    return {
+      "aria-invalid": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get control role.
+   *
+   * Получить роль управления.
+   * @param id Element ID/ Идентификатор элемента
+   * @param controls ARIA controls attribute/ Атрибут ARIA controls
+   * @param haspopup ARIA haspopup attribute/ Атрибут ARIA haspopup
+   * @param expanded ARIA expanded state/ Состояние ARIA expanded
+   */
+  static control(a, t, r, i) {
+    return {
+      id: a,
+      "aria-controls": t,
+      ...this.haspopup(r),
+      ...this.expanded(i)
+    };
+  }
+  /**
+   * Get ARIA hidden attribute.
+   *
+   * Получить атрибут ARIA hidden.
+   * @param isHidden is hidden/ является скрытым
+   */
+  static hidden(a = !0) {
+    return {
+      "aria-hidden": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA live attribute.
+   *
+   * Получить атрибут ARIA live.
+   * @param live ARIA live attribute/ Атрибут ARIA live
+   */
+  static live(a) {
+    return {
+      "aria-live": a
+    };
+  }
+  /**
+   * Get modal role.
+   *
+   * Получить модальную роль.
+   * @param isModal is modal/ является модальным
+   * @param ariaLabelledby ARIA labelledby attribute/ Атрибут ARIA labelledby
+   * @param ariaDescribedby ARIA describedby attribute/ Атрибут ARIA describedby
+   */
+  static modal(a = !0, t, r) {
+    return {
+      ...this.isDataToData("aria-modal", a),
+      ...this.labelledby(t),
+      ...this.describedby(r)
+    };
+  }
+  /**
+   * Returns ARIA value now, min and max.
+   *
+   * Возвращает ARIA value now, min и max.
+   * @param value Current value/ Текущее значение
+   * @param min Minimum value/ Минимальное значение
+   * @param max Maximum value/ Максимальное значение
+   */
+  static valueMinMax(a, t, r) {
+    return {
+      "aria-valuenow": a,
+      "aria-valuemin": t,
+      "aria-valuemax": r
+    };
+  }
+  /**
+   * Returns 'true' or 'false' based on the boolean value.
+   *
+   * Возвращает 'true' или 'false' в зависимости от булевого значения.
+   * @param value boolean value/ булевое значение
+   */
+  static isTrueOrFalse(a) {
+    return a ? "true" : "false";
+  }
+  /**
+   * Returns data as ARIA attribute.
+   *
+   * Возвращает данные в виде ARIA атрибута.
+   * @param name attribute name/ имя атрибута
+   * @param value attribute value/ значение атрибута
+   */
+  static isDataToData(a, t) {
+    return t ? {
+      [a]: t
+    } : {};
+  }
+}
+export {
+  n as A
+};

package/dist/ArrowInclude-CcpT637l.js

@@ -0,0 +1,47 @@
+var m = Object.defineProperty;
+var p = (s, t, e) => t in s ? m(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var r = (s, t, e) => p(s, typeof t != "symbol" ? t + "" : t, e);
+import { computed as i } from "vue";
+import { toBinds as c, getRef as l } from "@dxtmisha/functional";
+class x {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param elementTarget target element or selector/ целевой элемент или селектор
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(t, e, o, n, a, h) {
+    /**
+     * Checks whether arrow should be displayed/
+     * Проверяет, нужно ли отображать стрелку
+     */
+    r(this, "is", i(() => !!this.props.arrowShow));
+    /** Computed bindings for the arrow/ Вычисляемые привязки для стрелки */
+    r(this, "binds", i(() => c(
+      l(this.extra),
+      this.props.arrowAttrs,
+      {
+        class: `${this.className}__arrow`,
+        elementTarget: this.elementTarget
+      }
+    )));
+    /**
+     * Render the Arrow component
+     *
+     * Рендер компонента стрелки
+     */
+    r(this, "render", () => this.components && this.is.value ? this.components.render(
+      "arrow",
+      this.binds.value,
+      void 0,
+      this.index
+    ) : []);
+    this.props = t, this.className = e, this.components = o, this.elementTarget = n, this.extra = a, this.index = h;
+  }
+}
+export {
+  x as A
+};

package/dist/BarsInclude-IM3Gdslg.js

@@ -0,0 +1,69 @@
+var h = Object.defineProperty;
+var b = (i, s, t) => s in i ? h(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
+var r = (i, s, t) => b(i, typeof s != "symbol" ? s + "" : s, t);
+import { ref as c, computed as a } from "vue";
+import { toBinds as m, getRef as d } from "@dxtmisha/functional";
+class B {
+  /**
+   * 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(s, t, e, o, p, n) {
+    r(this, "element", c());
+    /**
+     * Checks whether bars should be displayed/
+     * Проверяет, нужно ли отображать панели
+     */
+    r(this, "is", a(() => !!(this.props.barsLabel || this.props.barsDescription || this.props.barsBackHide !== !0)));
+    /** Computed bindings for the bars/ Вычисляемые привязки для панелей */
+    r(this, "binds", a(() => ({
+      ...m(
+        d(this.extra),
+        this.props.barsAttrs,
+        { class: `${this.className}__bars` }
+      ),
+      label: this.props.barsLabel,
+      description: this.props.barsDescription,
+      backHide: this.props.barsBackHide,
+      bars: this.props.barsList
+    })));
+    /**
+     * Render the Bars component
+     *
+     * Рендер компонента панелей
+     */
+    r(this, "render", () => {
+      var s;
+      return this.components && !this.props.barsHide ? this.components.render(
+        "bars",
+        {
+          ref: this.element,
+          ...this.binds.value,
+          onClick: this.onClick
+        },
+        void 0,
+        (s = this.index) != null ? s : "bars"
+      ) : [];
+    });
+    /**
+     * Handles click events from Bars and emits related events/
+     * Обрабатывает клики по панелям и испускает связанные события
+     *
+     * @param event native mouse event/ native событие мыши
+     * @param value payload with { type, value, detail }/ данные события с { type, value, detail }
+     */
+    r(this, "onClick", (s, t) => {
+      var e, o, p;
+      (e = this.emits) == null || e.call(this, "bars", s, t), (o = this.emits) == null || o.call(this, "barsLite", t), t.type === "back" && ((p = this.emits) == null || p.call(this, "barsBack", t));
+    });
+    this.props = s, this.className = t, this.components = e, this.emits = o, this.extra = p, this.index = n;
+  }
+}
+export {
+  B
+};

package/dist/BlockDesign-D67yDT9N.js

@@ -0,0 +1,233 @@
+var g = Object.defineProperty;
+var v = (n, t, e) => t in n ? g(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var s = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
+import { computed as o, h as l } from "vue";
+import { DesignConstructorAbstract as f } from "@dxtmisha/functional";
+import { A as S } from "./AriaStaticInclude-CFGewqpn.js";
+import { L as y } from "./LabelInclude-BtZrrbCf.js";
+import { D as C } from "./DescriptionInclude-DxWNon_J.js";
+import { C as H } from "./CaptionInclude-AFVF4qyd.js";
+import { I } from "./IconInclude-CLqwI29Q.js";
+class k {
+  /**
+   * 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 LabelIncludeConstructor class for working with the label/ класс для работы с меткой
+   * @param DescriptionIncludeConstructor class for working with the description/ класс для работы с описанием
+   * @param CaptionIncludeConstructor class for working with the caption/ класс для работы с подписью
+   * @param IconIncludeConstructor class for working with the icon/ класс для работы с иконкой
+   */
+  constructor(t, e, i, a, r, d, h, b, c = y, u = C, p = H, m = I) {
+    /**
+     * Object for working with label/
+     * Объект для работы с меткой
+     */
+    s(this, "label");
+    /**
+     * Object for working with description/
+     * Объект для работы с описанием
+     */
+    s(this, "description");
+    /**
+     * Object for working with caption/
+     * Объект для работы с подписью
+     */
+    s(this, "caption");
+    /**
+     * Object for working with icon/
+     * Объект для работы с иконкой
+     */
+    s(this, "icon");
+    /**
+     * Checks if the headline exists/
+     * Проверяет, существует ли заголовок
+     */
+    s(this, "isHeadline", o(() => !!(this.props.headline || this.slots && "headline" in this.slots)));
+    /**
+     * Checks if the header exists/
+     * Проверяет, существует ли шапка
+     */
+    s(this, "isHeader", o(() => this.label.is.value || this.caption.is.value || this.description.is.value));
+    /**
+     * Tag name/
+     * Название тега
+     */
+    s(this, "tag", o(() => this.props.tag || "div"));
+    this.props = t, this.refs = e, this.element = i, this.classDesign = a, this.className = r, this.components = d, this.slots = h, this.emits = b, this.LabelIncludeConstructor = c, this.DescriptionIncludeConstructor = u, this.CaptionIncludeConstructor = p, this.IconIncludeConstructor = m, this.label = new c(
+      t,
+      r,
+      void 0,
+      h,
+      void 0,
+      void 0,
+      !0,
+      void 0,
+      o(() => this.props.tagHeader || "h3")
+    ), this.caption = new p(t, r, h), this.description = new u(t, r, h), this.icon = new m(t, r, d);
+  }
+}
+class R extends f {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor block item class/ класс элемента блока
+   */
+  constructor(e, i, a, r = k) {
+    super(
+      e,
+      i,
+      a
+    );
+    s(this, "item");
+    /**
+     * Headline rendering.
+     *
+     * Рендеринг заголовка.
+     */
+    s(this, "renderHeadline", () => {
+      var e;
+      if (this.item.isHeadline.value) {
+        const i = [];
+        return this.props.headline && i.push(this.props.headline), this.initSlot("headline", i), [
+          l("div", {
+            key: "headline",
+            class: (e = this.classes) == null ? void 0 : e.value.headline
+          }, i)
+        ];
+      }
+      return [];
+    });
+    /**
+     * Header rendering.
+     *
+     * Рендеринг заголовка.
+     */
+    s(this, "renderHeader", () => {
+      var e;
+      if (this.item.isHeader.value) {
+        const i = [
+          ...this.item.icon.renderIcon(),
+          ...this.item.label.render(),
+          ...this.item.caption.render(),
+          ...this.renderTrailing()
+        ];
+        return [
+          l("div", {
+            key: "header",
+            class: (e = this.classes) == null ? void 0 : e.value.header,
+            ...S.labelledby(this.item.label.idElement.value)
+          }, i)
+        ];
+      }
+      return [];
+    });
+    /**
+     * Trailing rendering.
+     *
+     * Рендеринг правого контента.
+     */
+    s(this, "renderTrailing", () => {
+      var i, a;
+      const e = [];
+      return (i = this.slots) != null && i.trailing && (e.push(l("div", {
+        key: "spacer",
+        class: (a = this.classes) == null ? void 0 : a.value.space
+      })), this.initSlot("trailing", e)), e;
+    });
+    /**
+     * Body rendering.
+     *
+     * Рендеринг тела.
+     */
+    s(this, "renderBody", () => {
+      var i;
+      const e = [
+        ...this.renderHeadline(),
+        ...this.renderHeader(),
+        ...this.item.description.render()
+      ];
+      return [
+        l("div", {
+          key: "body",
+          class: (i = this.classes) == null ? void 0 : i.value.body
+        }, e)
+      ];
+    });
+    this.item = new r(
+      this.props,
+      this.refs,
+      this.element,
+      this.getDesign(),
+      this.getName(),
+      this.components,
+      this.slots,
+      this.emits
+    ), this.init();
+  }
+  /**
+   * Initialization of all the necessary properties for work
+   *
+   * Инициализация всех необходимых свойств для работы.
+   */
+  initExpose() {
+    return {
+      ...this.item.label.expose,
+      ...this.item.description.expose
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: {},
+      // :classes [!] System label / Системная метка
+      headline: this.getSubClass("headline"),
+      header: this.getSubClass("header"),
+      label: this.getSubClass("label"),
+      description: this.getSubClass("description"),
+      caption: this.getSubClass("caption"),
+      icon: this.getSubClass("icon"),
+      space: this.getSubClass("space"),
+      body: this.getSubClass("body")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var i;
+    const e = [
+      ...this.renderBody()
+    ];
+    return this.initSlot("default", e), l(this.item.tag.value, {
+      ...this.getAttrs(),
+      class: (i = this.classes) == null ? void 0 : i.value.main
+    }, e);
+  }
+}
+export {
+  k as B,
+  R as a
+};