@dxtmisha/constructor 0.39.3 → 0.39.7

package/dist/window.js

@@ -1,17 +1,17 @@
-var k = Object.defineProperty;
-var W = (h, t, e) => t in h ? k(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var i = (h, t, e) => W(h, typeof t != "symbol" ? t + "" : t, e);
-import { h as p, computed as m, ref as v, watch as f, onMounted as I, onUnmounted as T, Teleport as O } from "vue";
-import { toBind as H, getBind as E, getRef as A, executePromise as y, getElement as x, isDomRuntime as b, EventItem as B, setRef as $, frame as P, getMouseClientX as D, getMouseClientY as N, DesignConstructorAbstract as R } from "@dxtmisha/functional";
-import { A as w } from "./AriaStaticInclude-CFGewqpn.js";
-import { M as L } from "./ModelInclude-BiYm_iCQ.js";
-import { T as Y } from "./TabIndexInclude-d7A_R6KD.js";
-import { T as F } from "./TextInclude-i1OBAFTG.js";
-import { a as c, _ as C, b as X } from "./WindowClassesInclude-B56usxgx.js";
-import { W as xt } from "./WindowClassesInclude-B56usxgx.js";
-import { W as _ } from "./WindowEsc-Dp9AvJt7.js";
-import { W as Mt } from "./WindowInclude-Is5RhGxt.js";
-class q {
+var V = Object.defineProperty;
+var G = (h, t, e) => t in h ? V(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var i = (h, t, e) => G(h, typeof t != "symbol" ? t + "" : t, e);
+import { h as p, computed as m, ref as v, watch as f, onMounted as K, onUnmounted as j, Teleport as Z } from "vue";
+import { toBind as z, getBind as J, getRef as Q, executePromise as y, getElement as k, isDomRuntime as B, EventItem as I, setRef as tt, frame as et, isEnter as st, getMouseClientX as it, getMouseClientY as nt, DesignConstructorAbstract as ot } from "@dxtmisha/functional";
+import { A as w } from "./AriaStaticInclude-CAURwJMb.js";
+import { M as rt } from "./ModelInclude-BiYm_iCQ.js";
+import { T as ht } from "./TabIndexInclude-xcSFV8yP.js";
+import { T as at } from "./TextInclude--GERRCGj.js";
+import { a as c, _ as b, b as lt } from "./WindowClassesInclude-B56usxgx.js";
+import { W as _t } from "./WindowClassesInclude-B56usxgx.js";
+import { W as ct } from "./WindowEsc-DTwn4Vsz.js";
+import { W as Ut } from "./WindowInclude-BWm4-0Gh.js";
+class dt {
   /**
    * Constructor
    * @param props input parameter/ входной параметр
@@ -31,7 +31,7 @@ class q {
     if (this.components) {
       const o = this.components.renderOne(
         "scrollbar",
-        H(
+        z(
           {
             tag: t,
             class: `${this.className}__scrollbar`,
@@ -84,7 +84,7 @@ class q {
     };
   }
 }
-class U {
+class ut {
   /**
    * Constructor for working with images.
    *
@@ -102,7 +102,7 @@ class U {
     /**
      * Возвращает данные для передачи компоненту/ Returns data to pass to the component
      */
-    i(this, "bind", m(() => E(this.props.image, A(this.extra), "value")));
+    i(this, "bind", m(() => J(this.props.image, Q(this.extra), "value")));
     this.props = t, this.components = e, this.emits = s, this.extra = n;
   }
   render() {
@@ -114,7 +114,7 @@ class U {
   }
 }
 const g = -1;
-class V {
+class pt {
   constructor(t) {
     i(this, "x", g);
     i(this, "y", g);
@@ -202,7 +202,7 @@ class V {
     return this;
   }
 }
-class G {
+class gt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -269,7 +269,7 @@ class G {
     return this.props.closing ? await y(this.props.closing) : !1;
   }
 }
-class j {
+class mt {
   /**
    * Constructor
    * @param classes an object for working with classes and searching for elements/ объект для работы с классами и поиском элементов
@@ -337,7 +337,7 @@ class j {
     return this.classes.findBodyContext();
   }
 }
-class Z {
+class ft {
   /**
    * Constructor
    * @param element an object of the class for working with elements/ объект класса для работы с элементами
@@ -432,7 +432,7 @@ class Z {
     }
   }
 }
-class z {
+class yt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -480,7 +480,7 @@ class z {
     (t = this.element.getMain()) == null || t.removeEventListener("animationend", this.onTransitionend);
   }
 }
-class K {
+class wt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -525,7 +525,7 @@ class K {
     return this.control = ((e = t == null ? void 0 : t.closest(`.${this.classes.list.control}`)) == null ? void 0 : e.dataset.window) === this.classes.getId(), this;
   }
 }
-class J {
+class vt {
   /**
    * Constructor
    * @param classes an object for working with classes and searching for elements/ объект для работы с классами и поиском элементов
@@ -693,7 +693,7 @@ class J {
     return o < this.padding ? "0px" : t + s >= this.innerHeight - this.padding ? `${n}px` : `${o}px`;
   }
 }
-class Q {
+class bt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -763,22 +763,22 @@ class Q {
     var e, s, n;
     const t = this.element.getBodyContext();
     if (this.isOver() && this.props.overElement && t && t.scrollHeight > t.offsetHeight) {
-      const o = (e = x(this.props.overElement)) == null ? void 0 : e.getBoundingClientRect(), r = (s = this.element.getBody()) == null ? void 0 : s.getBoundingClientRect(), a = t == null ? void 0 : t.getBoundingClientRect(), l = (n = this.element.getControl()) == null ? void 0 : n.getBoundingClientRect();
+      const o = (e = k(this.props.overElement)) == null ? void 0 : e.getBoundingClientRect(), r = (s = this.element.getBody()) == null ? void 0 : s.getBoundingClientRect(), a = t == null ? void 0 : t.getBoundingClientRect(), l = (n = this.element.getControl()) == null ? void 0 : n.getBoundingClientRect();
       if (t && o && r && a) {
-        const u = o.height / 2, d = o.top - a.top;
+        const d = o.height / 2, u = o.top - a.top;
         if (l && this.coordinates.getMaxHeight() === r.height) {
-          if (l.top + u < r.top) {
-            t.scrollTop += d;
+          if (l.top + d < r.top) {
+            t.scrollTop += u;
             return;
           }
-          if (l.bottom - u > r.bottom) {
-            t.scrollTop += d - a.height + o.height;
+          if (l.bottom - d > r.bottom) {
+            t.scrollTop += u - a.height + o.height;
             return;
           }
-          t.scrollTop += d - (l.top - a.top) - l.height / 2 + u;
+          t.scrollTop += u - (l.top - a.top) - l.height / 2 + d;
           return;
         }
-        t.scrollTop += d - a.height / 2 + u;
+        t.scrollTop += u - a.height / 2 + d;
       }
     }
   }
@@ -788,7 +788,7 @@ class Q {
    * Обновляет статус отображения скролла у элемента.
    */
   updateBody() {
-    if (b()) {
+    if (B()) {
       const t = document.body, e = t.offsetHeight > window.innerHeight ? "scroll" : "none";
       t.dataset.scroll !== e && (t.dataset.scroll = e);
     }
@@ -823,10 +823,10 @@ class Q {
     var o, r;
     const s = (e - t) / 2;
     if (this.props.overElement) {
-      const a = (o = x(this.props.overElement)) == null ? void 0 : o.getBoundingClientRect(), l = (r = this.element.getBody()) == null ? void 0 : r.getBoundingClientRect();
+      const a = (o = k(this.props.overElement)) == null ? void 0 : o.getBoundingClientRect(), l = (r = this.element.getBody()) == null ? void 0 : r.getBoundingClientRect();
       if (a && l) {
-        const u = a.top - l.top, d = a.height / 2;
-        return e - u - d - s;
+        const d = a.top - l.top, u = a.height / 2;
+        return e - d - u - s;
       }
     }
     const n = this.coordinates.getHeight() / 2;
@@ -913,7 +913,7 @@ class Q {
     return t < r ? r : t + n <= o - r ? t : o - n - r;
   }
 }
-class tt {
+class Ct {
   /**
    * Constructor
    * @param client object for working with mouse pointer coordinates/ объект для работы с координатами указателя мыши
@@ -950,7 +950,7 @@ class tt {
     const t = this.element.getMain();
     if (this.client.update(), !this.client.is())
       this.x = 0, this.y = 0;
-    else if (t && getComputedStyle(t).getPropertyValue(C) !== '"--MENU--"') {
+    else if (t && getComputedStyle(t).getPropertyValue(b).includes("--MENU--")) {
       const e = this.element.getBodyRect();
       e && (this.x = this.client.getShiftX(e.left), this.y = this.client.getShiftY(e.top));
     } else
@@ -966,7 +966,7 @@ class tt {
     return this.x = null, this.y = null, this;
   }
 }
-class et {
+class xt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -982,7 +982,7 @@ class et {
      * Вызываемая функция при срабатывании события.
      */
     i(this, "listener", () => {
-      $(this.item, this.isStatic());
+      tt(this.item, this.isStatic());
     });
     /**
      * Performs status check and activates events when turned on.
@@ -1008,7 +1008,7 @@ class et {
    * Стартует событие слежения за статусами.
    */
   start() {
-    this.event || (this.event = new B(window, ["resize"], this.listener)), this.event.start();
+    this.event || (this.event = new I(window, ["resize"], this.listener)), this.event.start();
   }
   /**
    * Restores the data to its previous state.
@@ -1025,10 +1025,10 @@ class et {
    */
   isStatic() {
     const t = this.element.getMain();
-    return !!(t && getComputedStyle(t).getPropertyValue(C) === '"--STATIC--"');
+    return !!(t && getComputedStyle(t).getPropertyValue(b).includes("--STATIC--"));
   }
 }
-class st {
+class Bt {
   /**
    * Constructor
    * @param classes an object for working with classes and searching for elements/ объект для работы с классами и поиском элементов
@@ -1063,7 +1063,7 @@ class st {
     };
   }
 }
-class it {
+class Mt {
   /**
    * Constructor
    * @param element an object of the class for working with elements/ объект класса для работы с элементами
@@ -1098,7 +1098,7 @@ class it {
     }
   }
 }
-class nt {
+class kt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -1114,7 +1114,7 @@ class nt {
    * @param emit the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
    * @param styles an object for working with the styles of an element/ объект для работы со стилями элемента
    */
-  constructor(t, e, s, n, o, r, a, l, u, d, M, S) {
+  constructor(t, e, s, n, o, r, a, l, d, u, C, x) {
     i(this, "item", v(!1));
     i(this, "first", v(!1));
     i(this, "clicks", 0);
@@ -1158,15 +1158,15 @@ class nt {
         this.status.update(), await this.hook.preparation(), await this.watchPosition(), this.styles.updateType(!0), requestAnimationFrame(async () => {
           this.position.updateScroll(), this.status.toPreparation(), requestAnimationFrame(async () => {
             this.flash.isClose() ? this.status.toFlash() : this.status.toOpen(), requestAnimationFrame(() => {
-              this.hook.opening(), this.resetClicks(), this.tabIndex.goTo();
+              this.hook.opening(), this.resetClicks(), this.props.embedded || this.tabIndex.goTo();
             }), this.emit.on(this.item.value);
           });
         });
       })) : (this.client.reset(), this.flash.isOpen() ? this.toClose() : requestAnimationFrame(() => {
         this.status.toHide(), this.resetClicks();
-      }), this.tabIndex.reset()));
+      })));
     });
-    this.props = t, this.client = e, this.hook = s, this.element = n, this.tabIndex = o, this.status = r, this.flash = a, this.coordinates = l, this.position = u, this.origin = d, this.emit = M, this.styles = S;
+    this.props = t, this.client = e, this.hook = s, this.element = n, this.tabIndex = o, this.status = r, this.flash = a, this.coordinates = l, this.position = d, this.origin = u, this.emit = C, this.styles = x;
   }
   /**
    * Checks if the window is open.
@@ -1214,7 +1214,7 @@ class nt {
    * Метод обновляет текущее положение.
    */
   async watchPosition() {
-    this.item.value && this.element.isMain() ? (this.position.update(), this.position.updateBody(), this.origin.update(), this.styles.update(), this.watchCoordinates()) : this.reset();
+    this.item.value && this.element.isMain() ? (this.position.update(), this.position.updateBody(), this.styles.update(), this.origin.update(), this.styles.update(), this.watchCoordinates()) : this.reset();
   }
   /**
    * Changes values and triggers events.
@@ -1231,11 +1231,11 @@ class nt {
    * Изменение расположения окна меню.
    */
   watchCoordinates() {
-    return P(
+    return et(
       () => {
         const t = this.element.getMain();
         if (t) {
-          const e = getComputedStyle(t).getPropertyValue(C) === '"--MENU--"';
+          const e = getComputedStyle(t).getPropertyValue(b).includes("--MENU--");
           e && this.position.update() && this.styles.update(), this.styles.updateType(e);
         }
       },
@@ -1249,11 +1249,11 @@ class nt {
    */
   toClose() {
     setTimeout(async () => {
-      await this.setOpen(!1), await this.hook.closing(), this.resetClicks(), this.emit.on(this.item.value);
+      await this.setOpen(!1), await this.hook.closing(), this.resetClicks(), this.tabIndex.reset(), this.emit.on(this.item.value);
     }, 48), this.status.toClose();
   }
 }
-class ot {
+class It {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -1275,7 +1275,7 @@ class ot {
    * @param target the selected window/ выбранное окно
    */
   async update(t) {
-    if (!this.open.isClicks() && (this.target = t, this.focus = this.getFocus(), !!b() && this.isTargetInBody() && !this.staticMode.item.value))
+    if (!this.open.isClicks() && (this.target = t, this.focus = this.getFocus(), !!B() && this.isTargetInBody() && !this.staticMode.item.value))
       if (this.open.pressed(), this.open.item.value) {
         if (this.isOpenOnly() || this.isBlockOther())
           return;
@@ -1411,8 +1411,8 @@ class ot {
    */
   isMenu(t = this.element.getMain()) {
     if (t) {
-      const s = getComputedStyle(t).getPropertyValue(C);
-      return s === '"--MENU--"' || s === '"--MENU-WINDOW--"';
+      const s = getComputedStyle(t).getPropertyValue(b);
+      return s.includes("--MENU--") || s.includes("--MENU-WINDOW--");
     }
     return !1;
   }
@@ -1425,17 +1425,18 @@ class ot {
     return !!this.getTarget().closest(`.${this.classes.list.controlOpenOnly}`);
   }
 }
-class rt {
+class St {
   /**
    * Constructor
    * @param props input data/ входные данные
+   * @param tabIndex class object for working with tab indices/ объект класса для работы с табуляцией
    * @param status object for working with statuses/ объект для работы со статусами
    * @param client object for working with mouse pointer coordinates/ объект для работы с координатами указателя мыши
    * @param flash class object for working with fast window opening/ объект класса для работы с быстрым открытием окна
    * @param open the class object for working with the status of closing or opening the window/ объект класса для работы со статусом закрытия или открытия окна
    * @param verification an object for working with the check for changing the status of opening or closing/ объект для работы с проверкой изменения статуса открытия или закрытия
    */
-  constructor(t, e, s, n, o, r) {
+  constructor(t, e, s, n, o, r, a) {
     i(this, "event");
     /**
      * Events of pressing a control element.
@@ -1446,6 +1447,15 @@ class rt {
     i(this, "onClick", async (t) => {
       this.props.contextmenu || await this.on(t);
     });
+    /**
+     * Events of pressing a key.
+     *
+     * События нажатия на клавишу.
+     * @param event event object/ объект события
+     */
+    i(this, "onKeydown", async (t) => {
+      (st(t) || this.isArrowDown(t)) && (t.preventDefault(), await this.onClick(t));
+    });
     /**
      * Events of pressing the right mouse button on a control element.
      *
@@ -1470,7 +1480,7 @@ class rt {
     i(this, "onGlobal", async (t) => {
       (!t || t.type === "click" && (!this.props.contextmenu || this.open.item.value) || t.type === "contextmenu" && this.props.contextmenu) && (this.open.item.value ? (this.flash.setControl(t == null ? void 0 : t.target), await this.verification.update(t == null ? void 0 : t.target)) : this.event.stop());
     });
-    this.props = t, this.status = e, this.client = s, this.flash = n, this.open = o, this.verification = r, this.event = new B(
+    this.props = t, this.tabIndex = e, this.status = s, this.client = n, this.flash = o, this.open = r, this.verification = a, this.event = new I(
       "body",
       ["click", "contextmenu"],
       this.onGlobal
@@ -1488,7 +1498,7 @@ class rt {
    * Стартует прослушивание глобальных событий.
    */
   start() {
-    return this.event.start(), this;
+    return this.props.embedded || this.event.start(), this;
   }
   /**
    * Stop the global event.
@@ -1506,6 +1516,15 @@ class rt {
   toggle() {
     return this.open.item.value && this.status.isOpen() ? this.start() : this.stop(), this;
   }
+  /**
+   * Checks if the down arrow key is pressed.
+   *
+   * Проверяет, нажата ли стрелка вниз.
+   * @param event event object/ объект события
+   */
+  isArrowDown(t) {
+    return !!(this.props.openOnArrowDown && (t.code === "ArrowDown" || t.key === "ArrowDown" || t.key === "Down" || t.keyCode === 40));
+  }
   /**
    * Event activation.
    *
@@ -1513,24 +1532,26 @@ class rt {
    * @param event event object/ объект события
    */
   async on(t) {
-    this.client.set(
-      D(t),
-      N(t)
+    this.tabIndex.updateOldElement(), this.client.set(
+      it(t),
+      nt(t)
     ), await this.verification.update(t.target);
   }
 }
-class ht {
+class Wt {
   /**
    * Constructor
+   * @param props input data / входные данные
    * @param classes an object for working with class names / объект для работы с названиями классов
+   * @param staticMode class object for working with static status / объект класса для работы со статическим статусом
    * @param open an object for working with the open state of the window / объект для работы с состоянием открытия окна
    */
-  constructor(t, e) {
+  constructor(t, e, s, n) {
     i(this, "elements", []);
-    this.classes = t, this.open = e, f(
+    this.props = t, this.classes = e, this.staticMode = s, this.open = n, f(
       this.open.item,
-      (s) => {
-        s ? this.toHidden() : this.toShow();
+      (o) => {
+        this.props.embedded || this.staticMode.item.value || (o ? this.toHidden() : this.toShow());
       },
       {
         immediate: !0
@@ -1555,7 +1576,7 @@ class ht {
    * Находит все элементы вне окна, которые нужно скрыть.
    */
   findElements() {
-    if (b()) {
+    if (B()) {
       const t = this.classes.getId();
       return document.querySelectorAll(
         `body > *:not([data-window-teleport="${t}"]):not(.${t}):not(script):not(style)`
@@ -1589,7 +1610,7 @@ class ht {
     }), this.elements = [];
   }
 }
-class at {
+class Tt {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -1600,8 +1621,31 @@ class at {
    * @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/ функция вызывается, когда срабатывает событие
-   */
-  constructor(t, e, s, n, o, r, a, l) {
+   * @param WindowClassesConstructor class for working with window classes/ класс для работы с классами окна
+   * @param WindowClientConstructor class for working with window client/ класс для работы с клиентом окна
+   * @param WindowCoordinatesConstructor class for working with coordinates/ класс для работы с координатами
+   * @param WindowElementConstructor class for working with window elements/ класс для работы с элементами окна
+   * @param WindowEmitConstructor class for working with emits/ класс для работы с событиями
+   * @param WindowEscConstructor class for working with escape key/ класс для работы с клавишей Escape
+   * @param WindowEventConstructor class for working with events/ класс для работы с событиями
+   * @param WindowFlashConstructor class for working with flash animation/ класс для работы с анимацией вспышки
+   * @param WindowHiddenConstructor class for working with hidden elements/ класс для работы со скрытыми элементами
+   * @param WindowHookConstructor class for working with window hooks/ класс для работы с хуками окна
+   * @param WindowOpenConstructor class for working with open state/ класс для работы с состоянием открытия
+   * @param WindowOriginConstructor class for working with origin/ класс для работы с точкой начала
+   * @param WindowPersistentConstructor class for working with persistent state/ класс для работы с постоянным состоянием
+   * @param WindowPositionConstructor class for working with position/ класс для работы с позицией
+   * @param WindowStaticConstructor class for working with static mode/ класс для работы со статическим режимом
+   * @param WindowStatusConstructor class for working with window status/ класс для работы со статусом окна
+   * @param WindowStylesConstructor class for working with styles/ класс для работы со стилями
+   * @param WindowVerificationConstructor class for working with verification/ класс для работы с проверкой
+   * @param ImageConstructor class for working with image/ класс для работы с изображением
+   * @param ModelConstructor class for working with model/ класс для работы с моделью
+   * @param ScrollbarConstructor class for working with scrollbar/ класс для работы со скроллбаром
+   * @param TabIndexConstructor class for working with tab index/ класс для работы с индексом табуляции
+   * @param TextConstructor class for working with text/ класс для работы с текстом
+   */
+  constructor(t, e, s, n, o, r, a, l, d = lt, u = pt, C = vt, x = mt, S = Bt, W = ct, T = St, O = wt, E = Wt, H = gt, A = kt, D = Ct, $ = yt, N = bt, P = xt, R = ft, L = Mt, Y = It, F = ut, X = rt, _ = dt, q = ht, U = at) {
     /** Client instance for window management/ Экземпляр клиента для управления окном */
     i(this, "client");
     /** Hook instance for window events/ Экземпляр хука для событий окна */
@@ -1650,14 +1694,16 @@ class at {
       class: this.classes.list.controlId,
       open: this.open.item,
       onclick: this.event.onClick,
+      onKeydown: this.event.onKeydown,
       oncontextmenu: this.event.onContextmenu,
       binds: {
         class: this.classes.list.controlId,
         onclick: this.event.onClick,
+        onKeydown: this.event.onKeydown,
         oncontextmenu: this.event.onContextmenu,
         ...w.control(
           this.classes.getControlId(),
-          this.classes.getId(),
+          this.open.inDom.value ? this.classes.getId() : void 0,
           this.props.ariaHaspopup,
           this.open.item.value
         )
@@ -1670,7 +1716,8 @@ class at {
      */
     i(this, "classesList", m(() => ({
       [this.classes.getId()]: !0,
-      [`${this.className}--staticMode`]: this.staticMode.item.value
+      [`${this.className}--staticMode`]: this.staticMode.item.value,
+      [`${this.className}--embedded`]: !!this.props.embedded
     })));
     /**
      * Restores the data to its previous state.
@@ -1680,15 +1727,17 @@ class at {
     i(this, "stop", () => {
       this.event.stop(), this.staticMode.stop();
     });
-    this.props = t, this.refs = e, this.classDesign = n, this.className = o, this.components = r, this.slots = a, this.emits = l, this.hook = new G(t), this.classes = new X(o), this.element = new j(this.classes, s), this.client = new V(this.element), this.tabIndex = new Y(
-      () => this.element.getBody()
-    ), this.status = new Z(this.element), this.persistent = new z(t, this.classes, this.element), this.flash = new K(t, this.classes), this.coordinates = new J(this.classes, this.element), this.position = new Q(t, this.client, this.element, this.coordinates), this.origin = new tt(this.client, this.element, this.position), this.staticMode = new et(t, e, this.element), this.emit = new st(this.classes, this.element, l), this.styles = new it(
+    this.props = t, this.refs = e, this.classDesign = n, this.className = o, this.components = r, this.slots = a, this.emits = l, this.hook = new H(t), this.classes = new d(o), this.element = new x(this.classes, s), this.client = new u(this.element), this.tabIndex = new q(
+      () => this.element.getBody(),
+      void 0,
+      () => !!this.props.autoTabIndex
+    ), this.status = new R(this.element), this.persistent = new $(t, this.classes, this.element), this.flash = new O(t, this.classes), this.coordinates = new C(this.classes, this.element), this.position = new N(t, this.client, this.element, this.coordinates), this.origin = new D(this.client, this.element, this.position), this.staticMode = new P(t, e, this.element), this.emit = new S(this.classes, this.element, l), this.styles = new L(
       this.element,
       this.coordinates,
       this.position,
       this.origin,
       o
-    ), this.open = new nt(
+    ), this.open = new A(
       t,
       this.client,
       this.hook,
@@ -1701,59 +1750,71 @@ class at {
       this.origin,
       this.emit,
       this.styles
-    ), this.verification = new ot(
+    ), this.verification = new Y(
       t,
       this.persistent,
       this.classes,
       this.element,
       this.staticMode,
       this.open
-    ), this.event = new rt(
+    ), this.event = new T(
       t,
+      this.tabIndex,
       this.status,
       this.client,
       this.flash,
       this.open,
       this.verification
-    ), this.scrollbar = new q(
+    ), this.scrollbar = new _(
       t,
       o,
       r,
       l
-    ), this.image = new U(
+    ), this.image = new F(
       t,
       r,
       l
-    ), this.esc = new _(
+    ), this.esc = new W(
       this.open.item,
       () => this.open.close(),
-      () => !this.props.persistent
-    ), this.text = new F(this.props), this.hidden = new ht(this.classes, this.open), new L("open", this.emits, this.open.item), I(() => {
+      () => {
+        var M;
+        return !this.props.persistent && ((M = this.props.closeOnEsc) != null ? M : !0);
+      }
+    ), this.text = new U(this.props), this.hidden = new E(
+      this.props,
+      this.classes,
+      this.staticMode,
+      this.open
+    ), new X("open", this.emits, this.open.item), K(() => {
       f([e.open], () => this.open.set(t.open), { immediate: !0 });
-    }), T(this.stop);
+    }), j(this.stop);
   }
   /** Checks if the role is a menu/ Проверяет, является ли роль меню */
   isMenu() {
     return this.props.role === "menu" || this.props.role === "menuitemcheckbox" || this.props.role === "menuitemradio";
   }
 }
-const wt = {
+const Lt = {
   indent: 4,
   ariaHaspopup: "dialog",
   role: "dialog",
+  autoTabIndex: !0,
+  closeOnEsc: !0,
   // :default [!] System label / Системная метка
   axis: "y",
   imagePosition: "top",
   overscroll: !0
 };
-class vt extends R {
+class Yt extends ot {
   /**
    * Constructor
    * @param name class name/ название класса
    * @param props properties/ свойства
    * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor window item class/ класс элемента окна
    */
-  constructor(e, s, n) {
+  constructor(e, s, n, o = Tt) {
     super(
       e,
       s,
@@ -1869,23 +1930,26 @@ class vt extends R {
      * Свойства для главного элемента.
      */
     i(this, "propsMain", m(() => {
-      var e, s;
-      return {
+      var s, n;
+      const e = {
         key: "main",
         ref: this.element,
-        class: (e = this.classes) == null ? void 0 : e.value.main,
-        style: (s = this.styles) == null ? void 0 : s.value,
+        class: (s = this.classes) == null ? void 0 : s.value.main,
+        style: (n = this.styles) == null ? void 0 : n.value,
         "data-window": this.item.classes.getId(),
-        onTransitionend: this.item.event.onTransition,
+        onTransitionend: this.item.event.onTransition
+      };
+      return this.item.staticMode.isStaticMod() ? e : {
+        ...e,
         ...w.role(this.props.role),
         ...w.modal(
-          !this.item.isMenu(),
+          !0,
           this.props.ariaLabelledby,
           this.props.ariaDescribedby
         )
       };
     }));
-    this.item = new at(
+    this.item = new o(
       this.props,
       this.refs,
       this.element,
@@ -1946,9 +2010,9 @@ class vt extends R {
   initRender() {
     var s;
     const e = [];
-    return this.initSlot("control", e, this.item.slotData.value), this.item.open.inDom.value && (this.item.staticMode.item.value ? e.push(this.renderMain()) : e.push(
+    return this.initSlot("control", e, this.item.slotData.value), this.item.open.inDom.value && (this.item.staticMode.item.value || this.props.embedded ? e.push(this.renderMain()) : e.push(
       p(
-        O,
+        Z,
         {
           key: "teleport",
           to: "body"
@@ -1966,9 +2030,9 @@ class vt extends R {
   }
 }
 export {
-  at as Window,
-  xt as WindowClassesInclude,
-  vt as WindowDesign,
-  Mt as WindowInclude,
-  wt as defaultsWindow
+  Tt as Window,
+  _t as WindowClassesInclude,
+  Yt as WindowDesign,
+  Ut as WindowInclude,
+  Lt as defaultsWindow
 };