@dxtmisha/constructor 0.39.3 → 0.39.7

package/dist/{AriaStaticInclude-CFGewqpn.js → AriaStaticInclude-CAURwJMb.js}

@@ -1,5 +1,5 @@
 import { isString as e } from "@dxtmisha/functional";
-class n {
+class l {
   /**
    * Get role by props.
    *
@@ -33,6 +33,15 @@ class n {
       "aria-checked": this.isTrueOrFalse(a)
     };
   }
+  /**
+   * Get ARIA controls attribute.
+   *
+   * Получить атрибут ARIA controls.
+   * @param controls ARIA controls attribute/ Атрибут ARIA controls
+   */
+  static controls(a) {
+    return this.isDataToData("aria-controls", a);
+  }
   /**
    * Get ARIA current attribute.
    *
@@ -70,9 +79,9 @@ class n {
    * @param isDisabled is disabled/ является отключенным
    */
   static disabled(a = !0) {
-    return {
+    return a ? {
       "aria-disabled": this.isTrueOrFalse(a)
-    };
+    } : {};
   }
   /**
    * Get ARIA expanded attribute.
@@ -135,7 +144,7 @@ class n {
   static control(a, t, r, i) {
     return {
       id: a,
-      "aria-controls": t,
+      ...this.controls(t),
       ...this.haspopup(r),
       ...this.expanded(i)
     };
@@ -158,9 +167,16 @@ class n {
    * @param live ARIA live attribute/ Атрибут ARIA live
    */
   static live(a) {
-    return {
-      "aria-live": a
-    };
+    return this.isDataToData("aria-live", a);
+  }
+  /**
+   * Get ARIA modal attribute.
+   *
+   * Получить атрибут ARIA modal.
+   * @param isModal is modal/ является модальным
+   */
+  static ariaModal(a = !0) {
+    return this.isDataToData("aria-modal", a);
   }
   /**
    * Get modal role.
@@ -172,11 +188,33 @@ class n {
    */
   static modal(a = !0, t, r) {
     return {
-      ...this.isDataToData("aria-modal", a),
+      ...this.ariaModal(a),
       ...this.labelledby(t),
       ...this.describedby(r)
     };
   }
+  /**
+   * Get ARIA multiselectable attribute.
+   *
+   * Получить атрибут ARIA multiselectable.
+   * @param isMultiselectable is multiselectable/ является множественным выбором
+   */
+  static multiselectable(a) {
+    return {
+      "aria-multiselectable": this.isTrueOrFalse(a)
+    };
+  }
+  /**
+   * Get ARIA selected attribute.
+   *
+   * Получить атрибут ARIA selected.
+   * @param isSelected is selected/ является выбранным
+   */
+  static selected(a) {
+    return {
+      "aria-selected": this.isTrueOrFalse(a)
+    };
+  }
   /**
    * Returns ARIA value now, min and max.
    *
@@ -215,5 +253,5 @@ class n {
   }
 }
 export {
-  n as A
+  l as A
 };

package/dist/{BarsInclude-IM3Gdslg.js → BarsInclude-BOEoY-O4.js}

@@ -1,20 +1,23 @@
-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 {
+var c = Object.defineProperty;
+var d = (t, s, i) => s in t ? c(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
+var r = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
+import { ref as l, computed as a } from "vue";
+import { toBinds as m, getRef as k } from "@dxtmisha/functional";
+class u {
   /**
    * 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 extra additional parameter or property name/ дополнительный параметр или имя
+   * @param labelId identifier for the label/ идентификатор для метки
+   * @param descriptionId identifier for the description/ идентификатор для описания
    * @param index index identifier/ идентификатор индекса
    */
-  constructor(s, t, e, o, p, n) {
-    r(this, "element", c());
+  constructor(s, i, e, o, p, n, h, b) {
+    /** Element reference/ Ссылка на элемент */
+    r(this, "element", l());
     /**
      * Checks whether bars should be displayed/
      * Проверяет, нужно ли отображать панели
@@ -23,11 +26,13 @@ class B {
     /** Computed bindings for the bars/ Вычисляемые привязки для панелей */
     r(this, "binds", a(() => ({
       ...m(
-        d(this.extra),
+        k(this.extra),
         this.props.barsAttrs,
         { class: `${this.className}__bars` }
       ),
+      labelId: this.labelId,
       label: this.props.barsLabel,
+      descriptionId: this.descriptionId,
       description: this.props.barsDescription,
       backHide: this.props.barsBackHide,
       bars: this.props.barsList
@@ -57,13 +62,13 @@ class B {
      * @param event native mouse event/ native событие мыши
      * @param value payload with { type, value, detail }/ данные события с { type, value, detail }
      */
-    r(this, "onClick", (s, t) => {
+    r(this, "onClick", (s, i) => {
       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));
+      (e = this.emits) == null || e.call(this, "bars", s, i), (o = this.emits) == null || o.call(this, "barsLite", i), i.type === "back" && ((p = this.emits) == null || p.call(this, "barsBack", i));
     });
-    this.props = s, this.className = t, this.components = e, this.emits = o, this.extra = p, this.index = n;
+    this.props = s, this.className = i, this.components = e, this.emits = o, this.extra = p, this.labelId = n, this.descriptionId = h, this.index = b;
   }
 }
 export {
-  B
+  u as B
 };

package/dist/{BlockDesign-D67yDT9N.js → BlockDesign-CwRNJi0I.js}

@@ -1,12 +1,12 @@
-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);
+var v = Object.defineProperty;
+var f = (r, s, e) => s in r ? v(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
+var t = (r, s, e) => f(r, typeof s != "symbol" ? s + "" : s, 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 { DesignConstructorAbstract as y } from "@dxtmisha/functional";
+import { A as c } from "./AriaStaticInclude-CAURwJMb.js";
+import { L as S } from "./LabelInclude-D-mLvjK5.js";
+import { D as C } from "./DescriptionInclude-D4ane9aR.js";
+import { C as H } from "./CaptionInclude-NzS6EYYj.js";
 import { I } from "./IconInclude-CLqwI29Q.js";
 class k {
   /**
@@ -24,45 +24,45 @@ class k {
    * @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) {
+  constructor(s, e, i, a, n, d, h, u, p = S, m = C, b = H, g = I) {
     /**
      * Object for working with label/
      * Объект для работы с меткой
      */
-    s(this, "label");
+    t(this, "label");
     /**
      * Object for working with description/
      * Объект для работы с описанием
      */
-    s(this, "description");
+    t(this, "description");
     /**
      * Object for working with caption/
      * Объект для работы с подписью
      */
-    s(this, "caption");
+    t(this, "caption");
     /**
      * Object for working with icon/
      * Объект для работы с иконкой
      */
-    s(this, "icon");
+    t(this, "icon");
     /**
      * Checks if the headline exists/
      * Проверяет, существует ли заголовок
      */
-    s(this, "isHeadline", o(() => !!(this.props.headline || this.slots && "headline" in this.slots)));
+    t(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));
+    t(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,
+    t(this, "tag", o(() => this.props.tag || "div"));
+    this.props = s, this.refs = e, this.element = i, this.classDesign = a, this.className = n, this.components = d, this.slots = h, this.emits = u, this.label = new p(
+      s,
+      n,
       void 0,
       h,
       void 0,
@@ -70,10 +70,10 @@ class k {
       !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);
+    ), this.caption = new b(s, n, h), this.description = new m(s, n, h), this.icon = new g(s, n, d);
   }
 }
-class R extends f {
+class P extends y {
   /**
    * Constructor
    * @param name class name/ название класса
@@ -81,19 +81,19 @@ class R extends f {
    * @param options list of additional parameters/ список дополнительных параметров
    * @param ItemConstructor block item class/ класс элемента блока
    */
-  constructor(e, i, a, r = k) {
+  constructor(e, i, a, n = k) {
     super(
       e,
       i,
       a
     );
-    s(this, "item");
+    t(this, "item");
     /**
      * Headline rendering.
      *
      * Рендеринг заголовка.
      */
-    s(this, "renderHeadline", () => {
+    t(this, "renderHeadline", () => {
       var e;
       if (this.item.isHeadline.value) {
         const i = [];
@@ -111,7 +111,7 @@ class R extends f {
      *
      * Рендеринг заголовка.
      */
-    s(this, "renderHeader", () => {
+    t(this, "renderHeader", () => {
       var e;
       if (this.item.isHeader.value) {
         const i = [
@@ -123,8 +123,7 @@ class R extends f {
         return [
           l("div", {
             key: "header",
-            class: (e = this.classes) == null ? void 0 : e.value.header,
-            ...S.labelledby(this.item.label.idElement.value)
+            class: (e = this.classes) == null ? void 0 : e.value.header
           }, i)
         ];
       }
@@ -135,7 +134,7 @@ class R extends f {
      *
      * Рендеринг правого контента.
      */
-    s(this, "renderTrailing", () => {
+    t(this, "renderTrailing", () => {
       var i, a;
       const e = [];
       return (i = this.slots) != null && i.trailing && (e.push(l("div", {
@@ -148,7 +147,7 @@ class R extends f {
      *
      * Рендеринг тела.
      */
-    s(this, "renderBody", () => {
+    t(this, "renderBody", () => {
       var i;
       const e = [
         ...this.renderHeadline(),
@@ -162,7 +161,7 @@ class R extends f {
         }, e)
       ];
     });
-    this.item = new r(
+    this.item = new n(
       this.props,
       this.refs,
       this.element,
@@ -179,10 +178,7 @@ class R extends f {
    * Инициализация всех необходимых свойств для работы.
    */
   initExpose() {
-    return {
-      ...this.item.label.expose,
-      ...this.item.description.expose
-    };
+    return {};
   }
   /**
    * Improvement of the obtained list of classes.
@@ -217,17 +213,32 @@ class R extends f {
    * Метод для рендеринга.
    */
   initRender() {
-    var i;
     const e = [
       ...this.renderBody()
     ];
-    return this.initSlot("default", e), l(this.item.tag.value, {
+    return this.initSlot("default", e), l(this.item.tag.value, this.getProps(), e);
+  }
+  /**
+   * Returns properties for the main element.
+   *
+   * Возвращает свойства для главного элемента.
+   */
+  getProps() {
+    var i;
+    const e = {
       ...this.getAttrs(),
       class: (i = this.classes) == null ? void 0 : i.value.main
-    }, e);
+    };
+    return this.item.label.is.value && Object.assign(
+      e,
+      c.labelledby(this.item.label.id.value)
+    ), this.item.description.is.value && Object.assign(
+      e,
+      c.describedby(this.item.description.id.value)
+    ), e;
   }
 }
 export {
   k as B,
-  R as a
+  P as a
 };

package/dist/ButtonDesign-DgZNw44L.js

@@ -0,0 +1,198 @@
+var w = Object.defineProperty;
+var C = (i, t, s) => t in i ? w(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s;
+var e = (i, t, s) => C(i, typeof t != "symbol" ? t + "" : t, s);
+import { computed as o, h as S } from "vue";
+import { DesignConstructorAbstract as k, RouterItemRef as B } from "@dxtmisha/functional";
+import { g as y } from "./getClassTagAStatic-BnVYlXHI.js";
+import { L as x } from "./LabelInclude-D-mLvjK5.js";
+import { E } from "./EnabledInclude-Dk-rP4jp.js";
+import { A as h } from "./AriaStaticInclude-CAURwJMb.js";
+import { E as T } from "./EventClickInclude-WHJqxZ1b.js";
+import { I as A } from "./IconTrailingInclude-CdsOcDxv.js";
+import { P as D } from "./ProgressInclude-9MfZWtGP.js";
+import { R as L } from "./RippleInclude-Du5yIzX_.js";
+import { S as R } from "./SkeletonInclude-BIUzAO2s.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 LabelConstructor class for creating a label/ класс для создания метки
+   * @param EnabledConstructor class for creating the enabled state/ класс для создания состояния активности
+   * @param IconConstructor class for creating an icon/ класс для создания иконки
+   * @param ProgressConstructor class for creating a progress indicator/ класс для создания индикатора прогресса
+   * @param RippleConstructor class for creating a ripple effect/ класс для создания эффекта волны
+   * @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
+   * @param EventConstructor class for creating an event/ класс для создания события
+   */
+  constructor(t, s, n, a, r, l, u, c, m = x, d = E, g = A, b = D, v = L, f = R, I = T) {
+    e(this, "label");
+    e(this, "enabled");
+    e(this, "icon");
+    e(this, "progress");
+    e(this, "ripple");
+    e(this, "skeleton");
+    e(this, "event");
+    /** tag name/ название тега */
+    e(this, "tag", o(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "button"));
+    /** values for the class/ значения для класса */
+    e(this, "classes", o(() => ({
+      [`${this.className}--icon`]: this.icon.isIcon.value,
+      [y(this.classDesign)]: !0,
+      ...this.skeleton.classes.value
+    })));
+    /**
+     * list of aria properties for the button component/
+     * список aria свойств для компонента Button
+     */
+    e(this, "aria", o(() => {
+      const t = {
+        ...this.progress.aria.value,
+        ...h.label(this.props.ariaLabel)
+      };
+      return this.isTagNotButton() ? {
+        tabindex: "0",
+        ...t,
+        ...h.role("button"),
+        ...h.disabled(this.progress.is.value || !this.enabled.isEnabled.value)
+      } : t;
+    }));
+    /**
+     * Events for the button component.
+     *
+     * События для компонента кнопки.
+     */
+    e(this, "eventList", o(() => {
+      const t = {
+        onClick: this.event.onClick
+      };
+      return this.isTagNotButton() && (t.onKeydown = this.event.onKeydown), t;
+    }));
+    this.props = t, this.refs = s, this.element = n, this.classDesign = a, this.className = r, this.components = l, this.slots = u, this.emits = c;
+    const p = new b(
+      t,
+      r,
+      l,
+      {
+        circular: !0,
+        inverse: !0
+      }
+    );
+    this.label = new m(t, r, void 0, u), this.enabled = new d(t, p), this.icon = new g(t, r, l), this.progress = p, this.ripple = new v(r, l, this.enabled), this.skeleton = new f(
+      t,
+      a,
+      ["classBackground"]
+    ), this.event = new I(
+      t,
+      this.enabled,
+      c
+    );
+  }
+  /**
+   * Checks if the tag is not a button or link.
+   *
+   * Проверяет, не является ли тег кнопкой или ссылкой.
+   */
+  isTagNotButton() {
+    return !!(this.props.tag && ["a", "button"].indexOf(this.props.tag) === -1);
+  }
+}
+class M extends k {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor button item class/ класс элемента кнопки
+   */
+  constructor(s, n, a, r = K) {
+    super(
+      s,
+      n,
+      a
+    );
+    e(this, "item");
+    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.event.expose
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: this.item.classes.value,
+      // :classes [!] System label / Системная метка
+      label: this.getSubClass("label"),
+      icon: this.getSubClass("icon"),
+      trailing: this.getSubClass("trailing"),
+      loading: this.getSubClass("loading")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var s, n;
+    return S(
+      this.item.tag.value,
+      {
+        ...this.getAttrs(),
+        ref: this.element,
+        type: this.props.type,
+        class: (s = this.classes) == null ? void 0 : s.value.main,
+        style: (n = this.styles) == null ? void 0 : n.value,
+        "data-value": this.props.value,
+        disabled: this.item.enabled.isDisabledOrUndefined.value,
+        ...B.rawToHref(this.props.to),
+        ...this.item.eventList.value,
+        ...this.item.aria.value
+      },
+      [
+        ...this.item.progress.render(),
+        ...this.item.label.render(),
+        ...this.item.icon.render(),
+        ...this.item.ripple.render()
+      ]
+    );
+  }
+}
+export {
+  K as B,
+  M as a
+};

package/dist/CaptionInclude-NzS6EYYj.js

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