@dxtmisha/constructor 0.39.5 → 0.39.7

package/dist/anchor.js

@@ -1,25 +1,25 @@
 var b = Object.defineProperty;
-var y = (s, i, t) => i in s ? b(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var e = (s, i, t) => y(s, typeof i != "symbol" ? i + "" : i, t);
-import { computed as n, ref as A, onMounted as I, h as g } from "vue";
-import { goScrollSmooth as T, toNumber as k, writeClipboardData as w, DesignConstructorAbstract as x } from "@dxtmisha/functional";
-import { L as D } from "./LabelInclude-BtZrrbCf.js";
-import { T as H } from "./TextInclude-i1OBAFTG.js";
-import { T as S } from "./TooltipInclude--QRSE83v.js";
-import { g as L } from "./getClassTagAStatic-BnVYlXHI.js";
-import { A as $ } from "./AriaStaticInclude-CFGewqpn.js";
+var A = (s, e, t) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var i = (s, e, t) => A(s, typeof e != "symbol" ? e + "" : e, t);
+import { computed as n, ref as I, onMounted as T, h as l } from "vue";
+import { goScrollSmooth as k, toNumber as w, writeClipboardData as x, DesignConstructorAbstract as D } from "@dxtmisha/functional";
+import { L as H } from "./LabelInclude-D-mLvjK5.js";
+import { T as S } from "./TextInclude--GERRCGj.js";
+import { T as L } from "./TooltipInclude--QRSE83v.js";
+import { g as $ } from "./getClassTagAStatic-BnVYlXHI.js";
+import { A as a } from "./AriaStaticInclude-CAURwJMb.js";
 class B {
   /**
    * Constructor
    * @param props input data / входные данные
    */
-  constructor(i) {
+  constructor(e) {
     /** Computed href attribute/ Вычисляемый атрибут href */
-    e(this, "href", n(() => {
+    i(this, "href", n(() => {
       if (this.props.name)
         return `#${this.props.name}`;
     }));
-    this.props = i;
+    this.props = e;
   }
   /**
    * Check if href exists
@@ -53,8 +53,8 @@ class F {
    * @param element input element / элемент ввода
    * @param href href handler / обработчик ссылки
    */
-  constructor(i, t, r) {
-    this.props = i, this.element = t, this.href = r;
+  constructor(e, t, r) {
+    this.props = e, this.element = t, this.href = r;
   }
   /**
    * Scroll to element
@@ -62,14 +62,14 @@ class F {
    * Прокрутить к элементу
    */
   go() {
-    this.element.value && (T(
+    this.element.value && (k(
       this.element.value,
       {
         behavior: this.props.behavior,
         block: this.props.block,
         inline: this.props.inline
       },
-      k(this.props.shift)
+      w(this.props.shift)
     ), history.replaceState({}, "", this.href.get()));
   }
 }
@@ -81,19 +81,19 @@ class M {
    * @param href href handler / обработчик ссылки
    * @param to scroll handler / обработчик прокрутки
    */
-  constructor(i, t, r, o) {
-    e(this, "copy", A());
-    e(this, "timeout");
+  constructor(e, t, r, o) {
+    i(this, "copy", I());
+    i(this, "timeout");
     /**
      * On click handler
      *
      * Обработчик нажатия
      */
-    e(this, "onClick", (i) => {
+    i(this, "onClick", (e) => {
       var t;
-      i.preventDefault(), this.props.isCopy ? w(this.href.getLink()).then(() => this.toCopy()) : (t = this.to) == null || t.go();
+      e.preventDefault(), this.props.isCopy ? x(this.href.getLink()).then(() => this.toCopy()) : (t = this.to) == null || t.go();
     });
-    this.props = i, this.tooltip = t, this.href = r, this.to = o;
+    this.props = e, this.tooltip = t, this.href = r, this.to = o;
   }
   /**
    * Is copy state
@@ -109,10 +109,10 @@ class M {
    * Запустить состояние копирования
    */
   toCopy() {
-    var i;
+    var e;
     clearTimeout(this.timeout), this.copy.value = !0, this.tooltip.open(), this.timeout = setTimeout(() => {
       this.copy.value = !1, this.tooltip.close();
-    }, (i = this.props.delayHide) != null ? i : 1024);
+    }, (e = this.props.delayHide) != null ? e : 1024);
   }
 }
 class N {
@@ -121,19 +121,19 @@ class N {
    * @param props input data / входные данные
    * @param event event handler / обработчик событий
    */
-  constructor(i, t) {
+  constructor(e, t) {
     /** Icon to display/ Иконка для отображения */
-    e(this, "icon", n(() => {
+    i(this, "icon", n(() => {
       if (!this.props.hide)
         return this.props.isCopy ? this.props.iconTag : this.props.iconLink;
     }));
     /** Binds for the icon/ Привязки для иконки */
-    e(this, "binds", n(() => ({
+    i(this, "binds", n(() => ({
       icon: this.icon.value,
-      iconActive: this.props.iconContentCopy,
+      iconActive: this.props.isCopy ? this.props.iconContentCopy : void 0,
       active: this.event.isCopy()
     })));
-    this.props = i, this.event = t;
+    this.props = e, this.event = t;
   }
   /**
    * Check if the icon is set
@@ -163,50 +163,51 @@ class E {
    * @param TextIncludeConstructor class for working with text/ класс для работы с текстом
    * @param TooltipIncludeConstructor class for working with tooltip/ класс для работы с подсказкой
    */
-  constructor(i, t, r, o, h, v, p, C, l = B, a = F, c = M, u = N, m = D, d = H, f = S) {
-    e(this, "label");
-    e(this, "text");
-    e(this, "tooltip");
-    e(this, "href");
-    e(this, "to");
-    e(this, "event");
-    e(this, "icon");
+  constructor(e, t, r, o, h, c, p, u, m = B, d = F, f = M, v = N, g = H, C = S, y = L) {
+    i(this, "label");
+    i(this, "text");
+    i(this, "tooltip");
+    i(this, "href");
+    i(this, "to");
+    i(this, "event");
+    i(this, "icon");
     /** Is hide anchor/ Скрыть якорь */
-    e(this, "isHide", n(() => this.props.hide || !this.label.is.value && !this.props.isCopy));
+    i(this, "isHide", n(() => this.props.hide || !this.label.is.value && !this.props.isCopy));
     /**
      * Go if focus on anchor
      *
      * Перейти, если фокус на якоре
      */
-    e(this, "goIsFocus", () => {
+    i(this, "goIsFocus", () => {
       location.hash === this.href.get() && this.to.go();
     });
-    this.props = i, this.refs = t, this.element = r, this.classDesign = o, this.className = h, this.components = v, this.slots = p, this.emits = C, this.AnchorHrefConstructor = l, this.AnchorToConstructor = a, this.AnchorEventConstructor = c, this.AnchorIconConstructor = u, this.LabelIncludeConstructor = m, this.TextIncludeConstructor = d, this.TooltipIncludeConstructor = f, this.label = new m(i, h, void 0, p), this.text = new d(this.props), this.tooltip = new f(
+    this.props = e, this.refs = t, this.element = r, this.classDesign = o, this.className = h, this.components = c, this.slots = p, this.emits = u, this.label = new g(e, h, void 0, p), this.text = new C(this.props), this.tooltip = new y(
       this.props,
       this.className,
       this.components,
       n(() => ({
-        description: this.text.copiedClipboard.value
+        description: this.text.copiedClipboard.value,
+        interactive: !1
       }))
-    ), this.href = new l(this.props), this.to = new a(
+    ), this.href = new m(this.props), this.to = new d(
       this.props,
       this.element,
       this.href
-    ), this.event = new c(
+    ), this.event = new f(
       this.props,
       this.tooltip,
       this.href,
       this.to
-    ), this.icon = new u(this.props, this.event), I(() => {
+    ), this.icon = new v(this.props, this.event), T(() => {
       requestAnimationFrame(this.goIsFocus);
     });
   }
 }
-const K = {
+const O = {
   shift: 64,
   delayHide: 3072
 };
-class Q extends x {
+class Q extends D {
   /**
    * Constructor
    * @param name class name/ название класса
@@ -220,13 +221,13 @@ class Q extends x {
       r,
       o
     );
-    e(this, "item");
+    i(this, "item");
     /**
      * Rendering the tooltip.
      *
      * Рендеринг подсказки.
      */
-    e(this, "renderTooltip", () => this.item.tooltip.render(
+    i(this, "renderTooltip", () => this.item.tooltip.render(
       {
         control: (t) => this.renderItem(t)
       }
@@ -237,14 +238,14 @@ class Q extends x {
      * Рендеринг основного элемента.
      * @param props additional properties/ дополнительные свойства
      */
-    e(this, "renderItem", (t) => {
+    i(this, "renderItem", (t) => {
       var o;
       const r = [
         (o = this.classes) == null ? void 0 : o.value.main,
-        L(this.getDesign())
+        $(this.getDesign())
       ];
       return t && r.push(t.class), [
-        g("a", {
+        l("a", {
           ...this.getMainProps(),
           class: r
         }, this.renderChildren())
@@ -255,11 +256,12 @@ class Q extends x {
      *
      * Рендеринг скрытого элемента.
      */
-    e(this, "renderItemHide", () => [
-      g("a", {
+    i(this, "renderItemHide", () => [
+      l("a", {
         ...this.getAttrs(),
         key: "main-hide",
-        name: this.props.name
+        name: this.props.name,
+        ...a.hidden()
       })
     ]);
     /**
@@ -267,7 +269,7 @@ class Q extends x {
      *
      * Рендеринг иконки, если она задана.
      */
-    e(this, "renderIcon", () => this.item.icon.is() ? this.components.render(
+    i(this, "renderIcon", () => this.item.icon.is() ? this.components.render(
       "icon",
       this.item.icon.binds.value
     ) : []);
@@ -276,7 +278,7 @@ class Q extends x {
      *
      * Рендеринг дочерних элементов.
      */
-    e(this, "renderChildren", () => {
+    i(this, "renderChildren", () => {
       const t = [];
       return this.props.hide || t.push(
         ...this.renderIcon(),
@@ -345,14 +347,15 @@ class Q extends x {
       onClick: this.item.event.onClick,
       tabindex: 0
     };
-    return this.props.isCopy || Object.assign(t, {
+    return this.props.isCopy ? t : {
+      ...t,
       href: this.item.href.get(),
-      ...$.current("page")
-    }), t;
+      ...a.current("page")
+    };
   }
 }
 export {
   E as Anchor,
   Q as AnchorDesign,
-  K as defaultsAnchor
+  O as defaultsAnchor
 };

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
 };