@dxtmisha/constructor 0.39.3 → 0.39.7

package/dist/menu.js

@@ -1,21 +1,21 @@
-var c = Object.defineProperty;
-var d = (r, e, t) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var s = (r, e, t) => d(r, typeof e != "symbol" ? e + "" : e, t);
-import { ref as a, computed as l, watch as m, h as v } from "vue";
-import { isFunction as g, executePromise as f, Api as w, isFilled as b, isObject as x, ListDataRef as S, DesignConstructorAbstract as C, toBinds as y } from "@dxtmisha/functional";
-import { E as B } from "./EventClickInclude-eDWqxK0d.js";
-import { M as k } from "./ModelInclude-BiYm_iCQ.js";
-import { B as V } from "./BarsInclude-IM3Gdslg.js";
-import { W as M } from "./WindowInclude-Is5RhGxt.js";
-import { M as $ } from "./MenuInclude-DfGCfr_I.js";
-class q {
+var S = Object.defineProperty;
+var C = (r, e, t) => e in r ? S(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var s = (r, e, t) => C(r, typeof e != "symbol" ? e + "" : e, t);
+import { ref as h, computed as l, watch as y, h as B } from "vue";
+import { isFunction as k, executePromise as V, Api as M, isFilled as q, isObject as L, ListDataRef as A, DesignConstructorAbstract as D, toBinds as N } from "@dxtmisha/functional";
+import { E as T } from "./EventClickInclude-WHJqxZ1b.js";
+import { M as j } from "./ModelInclude-BiYm_iCQ.js";
+import { B as I } from "./BarsInclude-BOEoY-O4.js";
+import { W } from "./WindowInclude-BWm4-0Gh.js";
+import { M as tt } from "./MenuInclude-DfGCfr_I.js";
+class E {
   /**
    * Constructor
    * @param props input data/ входные данные
    */
   constructor(e) {
-    s(this, "progress", a(!1));
-    s(this, "buffer", a());
+    s(this, "progress", h(!1));
+    s(this, "buffer", h());
     /**
      * Returns current list data.
      *
@@ -57,7 +57,7 @@ class q {
    * Возвращает данные из AJAX или функции запроса.
    */
   async getAjax() {
-    return g(this.props.ajax) ? f(this.props.ajax) : await w.request({
+    return k(this.props.ajax) ? V(this.props.ajax) : await M.request({
       path: this.props.ajax,
       ...this.props.request
     });
@@ -71,13 +71,13 @@ class q {
     this.is() && (this.props.cache && this.buffer.value !== void 0 && e(this.buffer.value), this.progress.value = !0, e(await this.getAjax()), this.progress.value = !1);
   }
 }
-class L {
+class F {
   /**
    * Constructor
    * @param props input data/ входные данные
    */
   constructor(e) {
-    s(this, "item", a());
+    s(this, "item", h());
     /** Returns the search string/ Возвращает строку поиска */
     s(this, "value", l(() => this.props.highlight ? this.props.highlight : this.item.value));
     this.props = e;
@@ -107,19 +107,19 @@ class L {
    * @param value source value/ исходное значение
    */
   getValue(e) {
-    if (b(e))
+    if (q(e))
       return e.trim();
   }
 }
-class N {
+class O {
   /**
    * Constructor
    * @param props input data/ входные данные
    * @param request menu request handler/ обработчик запросов меню
    */
   constructor(e, t) {
-    s(this, "lite", a());
-    s(this, "control", a());
+    s(this, "lite", h());
+    s(this, "control", h());
     /**
      * Preparing data before opening the menu
      *
@@ -160,11 +160,13 @@ class N {
       preparation: this.preparation,
       opening: this.opening,
       closing: this.closing,
-      role: "menu"
+      role: "menu",
+      autoTabIndex: !1,
+      openOnArrowDown: !0
     };
   }
 }
-class j {
+class H {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -172,14 +174,14 @@ class j {
    * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
    */
   constructor(e, t, i) {
-    s(this, "value", a());
+    s(this, "value", h());
     /**
      * Computed selected value
      *
      * Вычисляемое выбранное значение
      */
     s(this, "selected", l(() => this.props.isSelectedByValue ? this.value.value : this.props.selected));
-    this.props = e, this.refs = t, this.emits = i, this.props.isSelectedByValue && (new k("selected", this.emits, this.value), t.selected && m(
+    this.props = e, this.refs = t, this.emits = i, this.props.isSelectedByValue && (new j("selected", this.emits, this.value), t.selected && y(
       t.selected,
       (o) => {
         this.value.value = o;
@@ -196,10 +198,10 @@ class j {
    */
   setValue(e, t = !1) {
     var i;
-    return this.props.isSelectedByValue && !x(e) && this.value.value !== e && (this.value.value = e, t && ((i = this.emits) == null || i.call(this, "updateValue", e))), this;
+    return this.props.isSelectedByValue && !L(e) && this.value.value !== e && (this.value.value = e, t && ((i = this.emits) == null || i.call(this, "updateValue", e))), this;
   }
 }
-class A {
+class R {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -244,7 +246,7 @@ class A {
     return t && this.value.setValue(t, !0), t;
   }
 }
-class D {
+class _ {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -255,8 +257,17 @@ class D {
    * @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 MenuRequestConstructor class for working with request/ класс для работы с запросом
+   * @param MenuSearchConstructor class for working with search/ класс для работы с поиском
+   * @param MenuValueConstructor class for working with value/ класс для работы со значением
+   * @param ListDataRefConstructor class for working with list data/ класс для работы с данными списка
+   * @param MenuGoConstructor class for working with navigation/ класс для работы с навигацией
+   * @param BarsIncludeConstructor class for working with bars/ класс для работы с барами
+   * @param MenuWindowConstructor class for working with menu window/ класс для работы с окном меню
+   * @param WindowIncludeConstructor class for working with window/ класс для работы с окном
+   * @param EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
    */
-  constructor(e, t, i, o, h, n, u, p) {
+  constructor(e, t, i, o, a, n, u, p, d = E, c = F, m = H, v = A, f = R, g = I, w = O, b = W, x = T) {
     /** Request handler for list data/ Обработчик запросов данных списка */
     s(this, "request");
     /** Search helper for menu filtering/ Вспомогательный класс поиска для фильтрации меню */
@@ -291,7 +302,7 @@ class D {
       onClick: this.onClick,
       onClose: this.window.expose.toClose,
       itemAttrs: this.props.itemAttrs,
-      control: !0
+      control: !this.props.embedded
     })));
     /**
      * Click handler.
@@ -314,7 +325,7 @@ class D {
       const t = e.target, i = t.closest("*[data-value]");
       i && !t.closest(`.${this.className}__list`) && ((o = this.emits) == null || o.call(this, "clickSlot", i.dataset.value));
     });
-    this.props = e, this.refs = t, this.element = i, this.classDesign = o, this.className = h, this.components = n, this.slots = u, this.emits = p, this.request = new q(this.props), this.search = new L(this.props), this.value = new j(this.props, this.refs, this.emits), this.data = new S(
+    this.props = e, this.refs = t, this.element = i, this.classDesign = o, this.className = a, this.components = n, this.slots = u, this.emits = p, this.request = new d(this.props), this.search = new c(this.props), this.value = new m(this.props, this.refs, this.emits), this.data = new v(
       this.request.item,
       void 0,
       void 0,
@@ -323,18 +334,18 @@ class D {
       this.value.selected,
       this.refs.keyValue,
       this.refs.keyLabel
-    ), this.go = new A(this.props, this.value, this.data), this.bars = new V(
+    ), this.go = new f(this.props, this.value, this.data), this.bars = new g(
       this.props,
       this.className,
       this.components,
       this.emits
-    ), this.menuWindow = new N(this.props, this.request), this.window = new M(
+    ), this.menuWindow = new w(this.props, this.request), this.window = new b(
       this.props,
       this.className,
       this.components,
       this.emits,
       this.menuWindow.getExtra()
-    ), this.event = new B(void 0, void 0, this.emits), this.slotData = {
+    ), this.event = new x(void 0, void 0, this.emits), this.slotData = {
       loading: this.request.progress,
       isSelected: this.data.isSelected,
       selectedList: this.data.selectedList,
@@ -354,23 +365,23 @@ class D {
     return this.slotData;
   }
 }
-const O = {
+const U = {
   liteThreshold: 40,
   barsHide: !0,
   barsBackHide: !0,
   tag: "a",
   step: 1,
-  autoClose: !0,
-  roleItem: "menuitem"
+  autoClose: !0
 };
-class _ extends C {
+class X extends D {
   /**
    * Constructor
    * @param name class name/ название класса
    * @param props properties/ свойства
    * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor class for working with the item/ класс для работы с элементом
    */
-  constructor(t, i, o) {
+  constructor(t, i, o, a = _) {
     super(
       t,
       i,
@@ -404,11 +415,11 @@ class _ extends C {
       var o;
       const i = this.item.request.item.value;
       if (i) {
-        const h = [];
-        return this.initSlot("contextTop", h, this.getBinds(t)), this.props.hideList || h.push(
+        const a = [];
+        return this.initSlot("contextTop", a, this.getBinds(t)), this.props.hideList || a.push(
           this.components.render(
             "list",
-            y(
+            N(
               {
                 ...this.item.binds.value,
                 class: (o = this.classes) == null ? void 0 : o.value.list,
@@ -416,20 +427,21 @@ class _ extends C {
                 highlight: this.item.search.value.value,
                 list: i,
                 lite: this.item.menuWindow.lite.value,
+                role: this.props.roleList,
                 roleItem: this.props.roleItem
               },
               this.props.listAttrs
             ),
             this.slots
           )
-        ), this.initSlot("contextBottom", h, this.getBinds(t)), v(
+        ), this.initSlot("contextBottom", a, this.getBinds(t)), B(
           "div",
           {
             ...this.getAttrs(),
             ref: this.element,
             onClick: this.item.onClickSlot
           },
-          h
+          a
         );
       }
     });
@@ -440,7 +452,7 @@ class _ extends C {
      * @param props data for the transferable property/ данные для передаваемого свойства
      */
     s(this, "renderFooter", (t) => this.initSlot("footer", void 0, this.getBinds(t)));
-    this.item = new D(
+    this.item = new a(
       this.props,
       this.refs,
       this.element,
@@ -498,7 +510,10 @@ class _ extends C {
         footer: this.renderFooter
       },
       {
-        class: (t = this.classes) == null ? void 0 : t.value.main
+        class: (t = this.classes) == null ? void 0 : t.value.main,
+        closeOnEsc: !1,
+        ariaHaspopup: "listbox",
+        embedded: this.props.embedded
       }
     );
   }
@@ -516,8 +531,8 @@ class _ extends C {
   }
 }
 export {
-  D as Menu,
-  _ as MenuDesign,
-  $ as MenuInclude,
-  O as defaultsMenu
+  _ as Menu,
+  X as MenuDesign,
+  tt as MenuInclude,
+  U as defaultsMenu
 };

package/dist/modal.js

@@ -1,12 +1,12 @@
 import { computed as l } from "vue";
 import "@dxtmisha/functional";
-import { M as m, a as d } from "./ModalDesignAbstract-CjDr5JaN.js";
+import { M as d, a as g } from "./ModalDesignAbstract-D4A_a_rC.js";
 const f = {
   barsBackHide: !0,
   // :default [!] System label / Системная метка
   imagePosition: "top"
 };
-class g extends m {
+class m extends d {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -18,12 +18,12 @@ class g extends m {
    * @param slots object for working with slots/ объект для работы со слотами
    * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
    */
-  constructor(t, s, e, i, a, o, h, n) {
+  constructor(t, s, i, e, a, o, h, n) {
     super(
       t,
       s,
-      e,
       i,
+      e,
       a,
       o,
       h,
@@ -35,12 +35,12 @@ class g extends m {
         imagePosition: t.imagePosition,
         closeButton: t.barsBackHide
       }))
-    ), this.props = t, this.refs = s, this.element = e, this.classDesign = i, this.className = a, this.components = o, this.slots = h, this.emits = n;
+    ), this.props = t, this.refs = s, this.element = i, this.classDesign = e, this.className = a, this.components = o, this.slots = h, this.emits = n;
   }
 }
-class M extends d {
-  initItem() {
-    return new g(
+class M extends g {
+  initItem(t) {
+    return new (t != null ? t : m)(
       this.props,
       this.refs,
       this.element,
@@ -68,7 +68,7 @@ class M extends d {
   }
 }
 export {
-  g as Modal,
+  m as Modal,
   M as ModalDesign,
   f as defaultsModal
 };