@dxtmisha/constructor 0.39.3 → 0.39.7

package/dist/arrow.js

@@ -1,9 +1,9 @@
-var A = Object.defineProperty;
-var B = (n, t, e) => t in n ? A(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var s = (n, t, e) => B(n, typeof t != "symbol" ? t + "" : t, e);
-import { ref as u, watch as c, computed as l, onMounted as S, nextTick as R, onUnmounted as N, h as d } from "vue";
-import { isFilled as I, isDomRuntime as p, isString as E, toNumber as P, EventRef as y, EventItem as C, DesignConstructorAbstract as k } from "@dxtmisha/functional";
-import { A as $ } from "./AriaStaticInclude-CFGewqpn.js";
+var I = Object.defineProperty;
+var A = (n, t, e) => t in n ? I(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var s = (n, t, e) => A(n, typeof t != "symbol" ? t + "" : t, e);
+import { ref as u, watch as c, computed as l, onMounted as B, nextTick as f, onUnmounted as S, h as d } from "vue";
+import { isFilled as w, isDomRuntime as p, isString as N, toNumber as E, EventRef as v, EventItem as P, DesignConstructorAbstract as C } from "@dxtmisha/functional";
+import { A as k } from "./AriaStaticInclude-CAURwJMb.js";
 import { A as Y } from "./ArrowInclude-CcpT637l.js";
 class H {
   /**
@@ -152,8 +152,8 @@ class L {
   initElement() {
     var e;
     const t = this.props.elementTarget;
-    if (this.props.position === "auto" && I(t) && p())
-      return E(t) ? (e = document.querySelector(t)) != null ? e : void 0 : t;
+    if (this.props.position === "auto" && w(t) && p())
+      return N(t) ? (e = document.querySelector(t)) != null ? e : void 0 : t;
   }
 }
 class M {
@@ -222,7 +222,7 @@ class M {
    * Получить ширину границы в виде числа.
    */
   getBorderRadius() {
-    return P(this.borderRadius.value);
+    return E(this.borderRadius.value);
   }
   /**
    * Get computed styles of the parent element.
@@ -338,24 +338,24 @@ class O {
     const t = this.elementItem.getRectBorder(), e = this.elementItem.getRectArrowLine();
     if (t && e) {
       const i = `M0,0 L0,${t.height} L${t.width},${t.height} L${t.width},0 Z`;
-      let r, h, a, m;
+      let r, a, h, m;
       switch (this.direction.value) {
         case o.TOP:
-          r = e.left - t.left, h = 0, a = r + e.width, m = e.height;
+          r = e.left - t.left, a = 0, h = r + e.width, m = e.height;
           break;
         case o.BOTTOM:
-          r = e.left - t.left, h = t.height - e.height, a = r + e.width, m = t.height;
+          r = e.left - t.left, a = t.height - e.height, h = r + e.width, m = t.height;
           break;
         case o.LEFT:
-          r = 0, h = e.top - t.top, a = e.width, m = h + e.height;
+          r = 0, a = e.top - t.top, h = e.width, m = a + e.height;
           break;
         case o.RIGHT:
-          r = t.width - e.width, h = e.top - t.top, a = t.width, m = h + e.height;
+          r = t.width - e.width, a = e.top - t.top, h = t.width, m = a + e.height;
           break;
         default:
           return;
       }
-      const g = `M${r},${h} L${a},${h} L${a},${m} L${r},${m} Z`;
+      const g = `M${r},${a} L${h},${a} L${h},${m} L${r},${m} Z`;
       return `path('${i} ${g}')`;
     }
   }
@@ -370,7 +370,7 @@ class W {
    * @param parent parent object / объект родителя
    * @param position position object / объект позиции
    */
-  constructor(t, e, i, r, h, a) {
+  constructor(t, e, i, r, a, h) {
     s(this, "eventItem");
     s(this, "eventTarget");
     s(this, "eventBody");
@@ -392,9 +392,9 @@ class W {
     s(this, "makeEvents", () => {
       this.elementTarget.is() ? this.initEvents().startEvents() : this.stopEvents();
     });
-    this.props = t, this.refs = e, this.element = i, this.elementTarget = r, this.parent = h, this.position = a, p() && (S(async () => {
-      await R(), c(this.elementTarget.element, this.makeEvents), c([...Object.values(this.refs)], this.update, { immediate: !0 });
-    }), N(() => {
+    this.props = t, this.refs = e, this.element = i, this.elementTarget = r, this.parent = a, this.position = h, p() && (B(async () => {
+      await f(), c(this.elementTarget.element, this.makeEvents), c([...Object.values(this.refs)], this.update, { immediate: !0 });
+    }), S(() => {
       this.stopEvents();
     }));
   }
@@ -422,7 +422,7 @@ class W {
    * Инициализировать события.
    */
   initEvents() {
-    return this.eventItem || (this.eventItem = new y(this.element, void 0, "resize", this.update)), this.eventTarget || (this.eventTarget = new y(this.elementTarget.element, void 0, "resize", this.update)), this.eventBody || (this.eventBody = new C(window, ["scroll", "resize"], this.update)), this;
+    return this.eventItem || (this.eventItem = new v(this.element, void 0, "resize", this.update)), this.eventTarget || (this.eventTarget = new v(this.elementTarget.element, void 0, "resize", this.update)), this.eventBody || (this.eventBody = new P(window, ["scroll", "resize"], this.update)), this;
   }
 }
 class x {
@@ -442,7 +442,7 @@ class x {
    * @param ArrowPositionConstructor class for working with the position of the arrow/ класс для работы с позицией стрелки
    * @param ArrowEventConstructor class for working with arrow events/ класс для работы с событиями стрелки
    */
-  constructor(t, e, i, r, h, a, m, g, v = H, f = L, w = M, b = O, T = W) {
+  constructor(t, e, i, r, a, h, m, g, b = H, T = L, y = M, $ = O, R = W) {
     s(this, "elementItem");
     s(this, "elementTarget");
     s(this, "parent");
@@ -450,7 +450,7 @@ class x {
     s(this, "event");
     /** Direction of the arrow/ Направление стрелки */
     s(this, "direction", l(() => {
-      if (I(this.props.position)) {
+      if (w(this.props.position)) {
         const t = this.position.direction.value;
         if (t)
           return t;
@@ -471,19 +471,19 @@ class x {
       };
       return this.parent.isBorder.value && this.position.clipPath.value && (t[`--${this.className}-sys-clipPath`] = this.position.clipPath.value), this.elementTarget.is() && this.position.shift.value && (t[`--${this.className}-sys-shift`] = this.position.shift.value), t;
     }));
-    this.props = t, this.refs = e, this.element = i, this.classDesign = r, this.className = h, this.components = a, this.slots = m, this.emits = g, this.ArrowElementConstructor = v, this.ArrowElementTargetConstructor = f, this.ArrowParentConstructor = w, this.ArrowPositionConstructor = b, this.ArrowEventConstructor = T, this.elementItem = new v(
+    this.props = t, this.refs = e, this.element = i, this.classDesign = r, this.className = a, this.components = h, this.slots = m, this.emits = g, this.elementItem = new b(
       this.element,
       this.className
-    ), this.elementTarget = new f(this.props), this.parent = new w(
+    ), this.elementTarget = new T(this.props), this.parent = new y(
       this.element,
       this.className,
       this.elementItem
-    ), this.position = new b(
+    ), this.position = new $(
       this.props,
       this.elementItem,
       this.elementTarget,
       this.parent
-    ), this.event = new T(
+    ), this.event = new R(
       this.props,
       this.refs,
       this.element,
@@ -497,7 +497,7 @@ const D = {
   // :default [!] System label / Системная метка
   position: "auto"
 };
-class G extends k {
+class G extends C {
   /**
    * Constructor
    * @param name class name/ название класса
@@ -505,7 +505,7 @@ class G extends k {
    * @param options list of additional parameters/ список дополнительных параметров
    * @param ItemConstructor arrow item class/ класс элемента стрелки
    */
-  constructor(e, i, r, h = x) {
+  constructor(e, i, r, a = x) {
     super(
       e,
       i,
@@ -531,7 +531,7 @@ class G extends k {
           return `0, ${i} ${e / 2}, 0 ${e}, ${i}`;
       }
     });
-    this.item = new h(
+    this.item = new a(
       this.props,
       this.refs,
       this.element,
@@ -541,7 +541,7 @@ class G extends k {
       this.slots,
       this.emits
     ), this.init(), c([this.classes], () => {
-      R().then(
+      f().then(
         () => requestAnimationFrame(() => {
           this.points.value = this.getRePoints();
         })
@@ -603,7 +603,7 @@ class G extends k {
       ref: this.element,
       class: (i = this.classes) == null ? void 0 : i.value.main,
       style: (r = this.styles) == null ? void 0 : r.value,
-      ...$.hidden()
+      ...k.hidden()
     }, e);
   }
   /**
@@ -651,8 +651,7 @@ class G extends k {
     return [
       d("div", {
         key: "border",
-        class: (e = this.classes) == null ? void 0 : e.value.border,
-        ...$.hidden()
+        class: (e = this.classes) == null ? void 0 : e.value.border
       })
     ];
   }

package/dist/badge.js

@@ -1,12 +1,12 @@
-var d = Object.defineProperty;
-var p = (e, t, s) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var r = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
-import { computed as h, h as g } from "vue";
-import { isFilled as c, DesignConstructorAbstract as b } from "@dxtmisha/functional";
-import { L as f } from "./LabelNumberInclude-DyifvMnr.js";
-import { I as v } from "./IconInclude-CLqwI29Q.js";
-import { A as u } from "./AriaStaticInclude-CFGewqpn.js";
-class I {
+var b = Object.defineProperty;
+var g = (i, t, s) => t in i ? b(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s;
+var e = (i, t, s) => g(i, typeof t != "symbol" ? t + "" : t, s);
+import { computed as l, h as f } from "vue";
+import { isFilled as c, DesignConstructorAbstract as v } from "@dxtmisha/functional";
+import { A as u } from "./AriaStaticInclude-CAURwJMb.js";
+import { L as I } from "./LabelNumberInclude-Cn0qDEgX.js";
+import { I as A } from "./IconInclude-CLqwI29Q.js";
+class C {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -17,16 +17,18 @@ class I {
    * @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 LabelNumberIncludeConstructor class for working with label/ класс для работы с меткой
+   * @param IconIncludeConstructor class for working with icon/ класс для работы с иконкой
    */
-  constructor(t, s, i, a, l, n, o, m) {
-    r(this, "label");
-    r(this, "icon");
+  constructor(t, s, r, n, a, o, h, m, d = I, p = A) {
+    e(this, "label");
+    e(this, "icon");
     /**
      * Computes if the badge should auto-hide when there is no dot, icon, or label.
      *
      * Вычисляет, должен ли бейдж автоматически скрываться, если нет точки, иконки и текста.
      */
-    r(this, "autoHide", h(
+    e(this, "autoHide", l(
       () => !this.props.dot && !c(this.icon.isIcon.value) && !c(this.label.is.value)
     ));
     /**
@@ -34,42 +36,46 @@ class I {
      *
      * Классы для управления видимостью бейджа.
      */
-    r(this, "classes", h(() => ({
+    e(this, "classes", l(() => ({
       [`${this.className}--hideAuto`]: this.autoHide.value
     })));
-    this.props = t, this.refs = s, this.element = i, this.classDesign = a, this.className = l, this.components = n, this.slots = o, this.emits = m, this.label = new f(
+    e(this, "aria", l(() => this.props.ariaLabel ? {
+      ...u.hidden()
+    } : {}));
+    this.props = t, this.refs = s, this.element = r, this.classDesign = n, this.className = a, this.components = o, this.slots = h, this.emits = m, this.label = new d(
       t,
-      l,
+      a,
       void 0,
-      o
-    ), this.icon = new v(
+      h
+    ), this.icon = new p(
       t,
-      l,
-      n
+      a,
+      o
     );
   }
 }
-const B = {
+const H = {
   // :default [!] System label / Системная метка
   overlap: "rectangular",
   vertical: "top",
   horizontal: "right"
 };
-class L extends b {
+class N extends v {
   /**
    * Constructor
    * @param name class name/ название класса
    * @param props properties/ свойства
    * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor class for working with the item/ класс для работы с элементом
    */
-  constructor(s, i, a) {
+  constructor(s, r, n, a = C) {
     super(
       s,
-      i,
-      a
+      r,
+      n
     );
-    r(this, "item");
-    this.item = new I(
+    e(this, "item");
+    this.item = new a(
       this.props,
       this.refs,
       this.element,
@@ -115,22 +121,21 @@ class L extends b {
    * Метод для рендеринга.
    */
   initRender() {
-    var i;
+    var r;
     const s = [];
     return this.props.dot || s.push(
-      ...this.item.label.render(),
+      ...this.item.label.render(void 0, this.item.aria.value),
       ...this.item.icon.renderIcon()
-    ), g("span", {
+    ), f("span", {
       ...this.getAttrs(),
       ref: this.element,
-      class: (i = this.classes) == null ? void 0 : i.value.main,
-      ...u.role("status"),
+      class: (r = this.classes) == null ? void 0 : r.value.main,
       ...u.label(this.props.ariaLabel)
     }, s);
   }
 }
 export {
-  I as Badge,
-  L as BadgeDesign,
-  B as defaultsBadge
+  C as Badge,
+  N as BadgeDesign,
+  H as defaultsBadge
 };

package/dist/bars.js

@@ -1,19 +1,19 @@
-var b = Object.defineProperty;
-var f = (o, i, t) => i in o ? b(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var s = (o, i, t) => f(o, typeof i != "symbol" ? i + "" : i, t);
-import { watch as B, ref as k, computed as r, reactive as d, h as p } from "vue";
-import { toBind as u, getBind as C, forEach as w, DesignConstructorAbstract as x } from "@dxtmisha/functional";
-import { A as m } from "./AriaStaticInclude-CFGewqpn.js";
-import { L as I } from "./LabelInclude-BtZrrbCf.js";
-import { D as g } from "./DescriptionInclude-DxWNon_J.js";
-import { E as S } from "./EventClickInclude-eDWqxK0d.js";
-import { M as L } from "./ModelInclude-BiYm_iCQ.js";
-import { T as A } from "./TextInclude-i1OBAFTG.js";
-import { S as D } from "./SkeletonInclude-BIUzAO2s.js";
-import { W as T } from "./WindowClassesInclude-B56usxgx.js";
-import { M as E } from "./MotionTransformClassesInclude-B23RIq0Q.js";
-import { B as U } from "./BarsInclude-IM3Gdslg.js";
-class M {
+var g = Object.defineProperty;
+var S = (a, i, t) => i in a ? g(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
+var s = (a, i, t) => S(a, typeof i != "symbol" ? i + "" : i, t);
+import { watch as A, ref as D, computed as o, reactive as d, h as p } from "vue";
+import { toBind as u, getBind as T, forEach as E, DesignConstructorAbstract as M } from "@dxtmisha/functional";
+import { A as m } from "./AriaStaticInclude-CAURwJMb.js";
+import { L as $ } from "./LabelInclude-D-mLvjK5.js";
+import { D as y } from "./DescriptionInclude-D4ane9aR.js";
+import { E as H } from "./EventClickInclude-WHJqxZ1b.js";
+import { M as P } from "./ModelInclude-BiYm_iCQ.js";
+import { T as W } from "./TextInclude--GERRCGj.js";
+import { W as N } from "./WindowClassesInclude-B56usxgx.js";
+import { M as O } from "./MotionTransformClassesInclude-B23RIq0Q.js";
+import { S as R } from "./SkeletonInclude-BIUzAO2s.js";
+import { B as nt } from "./BarsInclude-BOEoY-O4.js";
+class V {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -21,10 +21,14 @@ class M {
    */
   constructor(i, t) {
     /** Текущее состояние action‑режима / Current action mode state */
-    s(this, "action", k(!1));
-    /** Вычисляемый флаг активности action / Computed active flag */
-    s(this, "is", r(() => this.props.action || this.action.value));
-    this.props = i, this.refs = t, t.action && B(
+    s(this, "action", D(!1));
+    /**
+     * Checks if action mode is possible.
+     *
+     * Проверяет, возможен ли режим действий.
+     */
+    s(this, "isPossible", o(() => !!(this.props.actionLabel || this.props.actionDescription || this.props.actionBars)));
+    this.props = i, this.refs = t, t.action && A(
       t.action,
       (e) => {
         this.action.value = !!e;
@@ -49,7 +53,7 @@ class M {
     this.action.value && (this.action.value = !1);
   }
 }
-class y {
+class j {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -60,12 +64,24 @@ class y {
    * @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 BarsActionConstructor class for managing action mode/ класс для управления action-режимом
+   * @param LabelConstructor class for creating a label/ класс для создания метки
+   * @param DescriptionConstructor class for creating a description/ класс для создания описания
+   * @param EventConstructor class for creating an event/ класс для создания события
+   * @param WindowClassesConstructor helper class for Window CSS classes/ вспомогательный класс для CSS-классов Window
+   * @param MotionTransformClassesConstructor helper class for MotionTransform CSS classes/ вспомогательный класс для CSS-классов MotionTransform
+   * @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
+   * @param TextConstructor class for creating text/ класс для создания текста
+   * @param ModelConstructor class for working with models/ класс для работы с моделями
    */
-  constructor(i, t, e, n, a, v, c, h) {
+  constructor(i, t, e, n, r, v, c, h, b = V, B = $, f = y, k = H, C = N, w = O, I = R, x = W, L = P) {
     /** Управление action‑режимом */
     s(this, "action");
+    /** Label object/ Объект метки */
     s(this, "label");
+    /** Description object/ Объект описания */
     s(this, "description");
+    /** Event object/ Объект события */
     s(this, "event");
     /** Helper for Window CSS classes/ Вспомогательный класс для CSS‑классов Window */
     s(this, "windowClasses");
@@ -73,9 +89,10 @@ class y {
     s(this, "motionTransformClasses");
     /** Подключение скелетона для текста/описания */
     s(this, "skeleton");
+    /** Text object/ Объект текста */
     s(this, "text");
     /** Returns the button data/ Возвращает данные кнопки */
-    s(this, "backBinds", r(
+    s(this, "backBinds", o(
       () => {
         var i;
         return this.initItem(
@@ -101,24 +118,43 @@ class y {
       }
     ));
     /** Returns the list of control buttons/ Возвращает список кнопок управления */
-    s(this, "barsBinds", r(() => this.initList(this.props.bars)));
+    s(this, "barsBinds", o(() => this.initList(this.props.bars)));
     /**
      * Returns the list of active control buttons/
      * Возвращает список активных кнопок управления
      */
-    s(this, "actionBarsBinds", r(() => this.initList(this.props.actionBars, !0)));
+    s(this, "actionBarsBinds", o(() => this.initList(this.props.actionBars, !0)));
     /** Returns the button name/ Возвращает название кнопки */
-    s(this, "backLabel", r(() => {
+    s(this, "backLabel", o(() => {
       var i;
-      return this.action.is.value || (i = this.backBinds.value) == null ? void 0 : i.label;
+      return this.action.action.value || (i = this.backBinds.value) == null ? void 0 : i.label;
+    }));
+    /**
+     * Values for the class.
+     *
+     * Значения для класса.
+     */
+    s(this, "classes", o(() => ({
+      [`${this.className}--action`]: this.action.action.value
+    })));
+    /**
+     * Returns the value for the aria-live property.
+     *
+     * Возвращает значение для свойства aria-live.
+     */
+    s(this, "ariaLive", o(() => {
+      if (this.action.isPossible.value)
+        return "polite";
     }));
     /** Binds for label text/ Привязки для текста метки */
     s(this, "labelBinds", d({
-      label: r(() => this.action.is.value ? this.props.actionLabel : this.props.label)
+      label: o(() => this.action.action.value ? this.props.actionLabel : this.props.label),
+      labelId: o(() => this.props.labelId)
     }));
     /** Binds for description text/ Привязки для текста описания */
     s(this, "descriptionBinds", d({
-      description: r(() => this.action.is.value ? this.props.actionDescription : this.props.description)
+      description: o(() => this.action.action.value ? this.props.actionDescription : this.props.description),
+      descriptionId: o(() => this.props.descriptionId)
     }));
     /**
      * Click handler for the "back" button
@@ -128,18 +164,18 @@ class y {
     s(this, "onClickBack", (i, t) => {
       (t == null ? void 0 : t.value) === "back" && this.action.close(), this.event.onClick(i, t);
     });
-    this.props = i, this.refs = t, this.element = e, this.classDesign = n, this.className = a, this.components = v, this.slots = c, this.emits = h;
-    const l = new D(this.props, this.classDesign, ["classTextVariant"]);
-    this.action = new M(this.props, this.refs), this.label = new I(
+    this.props = i, this.refs = t, this.element = e, this.classDesign = n, this.className = r, this.components = v, this.slots = c, this.emits = h;
+    const l = new I(this.props, this.classDesign, ["classTextVariant"]);
+    this.action = new b(this.props, this.refs), this.label = new B(
       this.labelBinds,
-      a,
+      r,
       void 0,
       c,
       void 0,
       void 0,
       void 0,
       l
-    ), this.description = new g(this.descriptionBinds, a, c, l), this.event = new S(void 0, void 0, h), this.windowClasses = new T(n), this.motionTransformClasses = new E(n), this.skeleton = l, this.text = new A(this.props), new L("action", this.emits, this.action.action);
+    ), this.description = new f(this.descriptionBinds, r, c, l), this.event = new k(void 0, void 0, h), this.windowClasses = new C(n), this.motionTransformClasses = new w(n), this.skeleton = l, this.text = new x(this.props), new L("action", this.emits, this.action.action);
   }
   /**
    * Prepares all parameters for the button.
@@ -150,7 +186,7 @@ class y {
    * @param isAction is action button/ является ли кнопка действия
    */
   initItem(i, t, e = !1) {
-    var n, a;
+    var n, r;
     return {
       isSkeleton: this.props.isSkeleton,
       onClick: this.event.onClick,
@@ -158,8 +194,8 @@ class y {
         (n = this.props.buttonAttrs) != null ? n : {},
         i != null ? i : {}
       ),
-      key: `${e ? "action" : ""}Bar-${(a = i == null ? void 0 : i.value) != null ? a : t}`,
-      icon: C(i == null ? void 0 : i.icon, { animationShow: e }, "icon")
+      key: `${e ? "action" : ""}Bar-${(r = i == null ? void 0 : i.value) != null ? r : t}`,
+      icon: T(i == null ? void 0 : i.icon, { animationShow: e }, "icon")
     };
   }
   /**
@@ -171,21 +207,22 @@ class y {
    */
   initList(i, t = !1) {
     if (i)
-      return w(
+      return E(
         i,
         (e, n) => this.initItem(e, n, t)
       );
   }
 }
-const K = {};
-class N extends x {
+const tt = {};
+class it extends M {
   /**
    * Constructor
    * @param name class name/ название класса
    * @param props properties/ свойства
    * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor bars item class/ класс элемента bars
    */
-  constructor(t, e, n) {
+  constructor(t, e, n, r = j) {
     super(
       t,
       e,
@@ -197,13 +234,13 @@ class N extends x {
      *
      * Рендеринг кнопки закрытия.
      */
-    s(this, "renderBackButton", () => this.props.backHide && (!this.item.action.is.value || this.props.backActionHide) ? [] : [
+    s(this, "renderBackButton", () => this.props.backHide && (!this.item.action.action.value || this.props.backActionHide) ? [] : [
       this.components.renderOne(
         "button",
         {
+          ...this.item.backBinds.value,
           label: this.item.backLabel.value,
-          selected: this.item.action.is.value,
-          ...this.item.backBinds.value
+          selected: this.item.action.action.value
         }
       )
     ]);
@@ -234,7 +271,7 @@ class N extends x {
      */
     s(this, "renderBars", () => {
       const t = [];
-      return this.item.action.is.value || (t.push(...this.renderList(this.item.barsBinds.value)), this.initSlot("bars", t)), t;
+      return this.item.action.action.value || (t.push(...this.renderList(this.item.barsBinds.value)), this.initSlot("bars", t)), t;
     });
     /**
      * Rendering the control button.
@@ -243,7 +280,7 @@ class N extends x {
      */
     s(this, "renderActionBars", () => {
       const t = [];
-      return this.item.action.is.value && (t.push(...this.renderList(this.item.actionBarsBinds.value)), this.initSlot("actionBars", t)), t;
+      return this.item.action.action.value && (t.push(...this.renderList(this.item.actionBarsBinds.value)), this.initSlot("actionBars", t)), t;
     });
     /**
      * Rendering a list of buttons from the list.
@@ -257,7 +294,7 @@ class N extends x {
         (n) => this.components.renderAdd(e, "button", n)
       ), e;
     });
-    this.item = new y(
+    this.item = new r(
       this.props,
       this.refs,
       this.element,
@@ -274,10 +311,7 @@ class N extends x {
    * Инициализация всех необходимых свойств для работы.
    */
   initExpose() {
-    return {
-      ...this.item.label.expose,
-      ...this.item.description.expose
-    };
+    return {};
   }
   /**
    * Improvement of the obtained list of classes.
@@ -286,7 +320,7 @@ class N extends x {
    */
   initClasses() {
     return {
-      main: {},
+      main: this.item.classes.value,
       // :classes [!] System label / Системная метка
       context: this.getSubClass("context"),
       label: this.getSubClass("label"),
@@ -313,7 +347,7 @@ class N extends x {
       {
         ...this.getAttrs(),
         class: (t = this.classes) == null ? void 0 : t.value.main,
-        ...m.live(this.props.action ? "polite" : "off")
+        ...m.live(this.item.ariaLive.value)
       },
       [
         ...this.renderBackButton(),
@@ -325,8 +359,8 @@ class N extends x {
   }
 }
 export {
-  y as Bars,
-  N as BarsDesign,
-  U as BarsInclude,
-  K as defaultsBars
+  j as Bars,
+  it as BarsDesign,
+  nt as BarsInclude,
+  tt as defaultsBars
 };

package/dist/block.js

@@ -1,4 +1,4 @@
-import { B as t, a as s } from "./BlockDesign-D67yDT9N.js";
+import { B as t, a as s } from "./BlockDesign-CwRNJi0I.js";
 const a = {
   tag: "div",
   tagHeader: "h3"