aptechka 0.32.5 → 0.33.0

package/lib/popover/PopoverElement.d.ts

@@ -1,4 +1,4 @@
-import { Attribute } from '../attribute';
+import { CSSProperty } from '../css-property';
 import { Store } from '../store/vanilla';
 
 export interface PopoverEvents {
@@ -14,9 +14,11 @@ export interface PopoverEvents {
 export declare class PopoverElement extends HTMLElement {
     #private;
     private static __opened;
-    get history(): Attribute<false>;
-    get restore(): Attribute<false>;
-    get dominance(): Attribute<number>;
+    get history(): CSSProperty<false>;
+    get restore(): CSSProperty<false>;
+    get dominance(): CSSProperty<0>;
+    get clickOutside(): CSSProperty<false>;
+    get escape(): CSSProperty<false>;
     get opened(): Store<boolean>;
     get lastTrigger(): any;
     open: (options?: {

package/lib/popover/index.cjs

@@ -1 +1 @@
-"use strict";var N=o=>{throw TypeError(o)};var H=(o,n,t)=>n.has(o)||N("Cannot "+t);var e=(o,n,t)=>(H(o,n,"read from private field"),t?t.call(o):n.get(o)),s=(o,n,t)=>n.has(o)?N("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(o):n.set(o,t),i=(o,n,t,l)=>(H(o,n,"write to private field"),l?l.call(o,t):n.set(o,t),t),k=(o,n,t)=>(H(o,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../attribute/index.cjs"),W=require("../Store-CDb6RMce.cjs"),M=require("../events-KVanG9sR.cjs"),F=require("../function-MthRj-GJ.cjs"),G=require("../style-At6aDoqG.cjs"),j=require("../window-resizer/vanilla/index.cjs"),J=require("../browser-CpzFX2xg.cjs");var y,a,_,d,u,v,g,m,p,D,E,z,b,$,f,T,S,w;const c=class c extends HTMLElement{constructor(){super(...arguments);s(this,p);s(this,y);s(this,a);s(this,_);s(this,d);s(this,u);s(this,v);s(this,g);s(this,m);s(this,E);s(this,b);s(this,f);s(this,T);s(this,S);s(this,w);i(this,y,-1),i(this,a,new W.Store(!1)),i(this,d,new O.Attribute(this,"history",!1)),i(this,u,new O.Attribute(this,"restore",!1)),i(this,v,new O.Attribute(this,"dominance",0)),i(this,g,!1),this.open=t=>{if(e(this,a).current)return;i(this,m,t==null?void 0:t.trigger),e(this,a).current=!0,e(this,v).current&&(c.__opened=c.__opened.filter(h=>this.dominance.current>=h.dominance.current?(h.close(),!1):!0)),c.__opened.push(this),i(this,y,c.__opened.length-1),e(this,d).current&&e(this,g)&&history.pushState("","",e(this,p,D)),clearTimeout(e(this,_)),this.classList.remove("closing"),this.classList.add("triggered"),this.style.display="block",M.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,m)}});const l=()=>{addEventListener("click",e(this,E)),addEventListener("keydown",e(this,b)),e(this,w).call(this),this.style.opacity="1",this.classList.add("opened"),M.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,m)}})};t!=null&&t.skipTransition?l():setTimeout(l,10)},this.close=()=>{e(this,a).current&&(e(this,a).current=!1,c.__opened=c.__opened.filter(t=>t!==this),k(this,p,z).call(this),this.classList.remove("opened"),this.classList.add("closing"),this.style.opacity="0",M.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,E)),removeEventListener("keydown",e(this,b)),setTimeout(()=>{this.classList.remove("triggered"),this.classList.remove("closing"),this.style.display="none",M.dispatchEvent(this,"popoverClosed",{custom:!0})},G.getElementTransitionDurationMS(this)+10))},i(this,E,t=>{k(this,p,$).call(this,()=>{var I;const l=t.composedPath();if(l.find(B=>B instanceof HTMLElement&&B.hasAttribute("data-popover-content")))return;const h=l[0],x=h instanceof HTMLElement&&(this.contains(h)||((I=this.shadowRoot)==null?void 0:I.contains(h))),L=h instanceof HTMLElement&&h.hasAttribute("data-outside");(!x||L)&&this.close()})}),i(this,b,t=>{k(this,p,$).call(this,()=>{t.code==="Escape"&&this.close()})}),i(this,f,()=>{i(this,g,!1),e(this,a).current&&e(this,d).current&&!location.search.includes(this.id)?this.close():!e(this,a).current&&e(this,d).current&&location.search.includes(this.id)&&this.open(),i(this,g,!0)}),i(this,T,()=>{this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),e(this,S).call(this)}),i(this,S,F.debounce(()=>{e(this,w).call(this)},20)),i(this,w,()=>{this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px")})}get history(){return e(this,d)}get restore(){return e(this,u)}get dominance(){return e(this,v)}get opened(){return e(this,a)}get lastTrigger(){return e(this,m)}connectedCallback(){e(this,d).observe(),e(this,u).observe(),e(this,v).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),this.classList.remove("closing"),this.classList.remove("closed"),this.classList.remove("triggered"),this.classList.remove("opened"),addEventListener("popstate",e(this,f)),setTimeout(()=>{e(this,u).current?e(this,f).call(this):(k(this,p,z).call(this),i(this,g,!0))},0),j.windowResizer.subscribe(e(this,T))}disconnectedCallback(){j.windowResizer.unsubscribe(e(this,T)),e(this,d).unobserve(),e(this,u).unobserve(),e(this,v).unobserve(),this.style.opacity="",this.style.display="",this.removeAttribute("popover-target"),c.__opened=c.__opened.filter(t=>t!==this),clearTimeout(e(this,_)),removeEventListener("popstate",e(this,f)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height")}};y=new WeakMap,a=new WeakMap,_=new WeakMap,d=new WeakMap,u=new WeakMap,v=new WeakMap,g=new WeakMap,m=new WeakMap,p=new WeakSet,D=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},E=new WeakMap,z=function(){if(e(this,d).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(null,"",t.href)}},b=new WeakMap,$=function(t){(c.__opened[e(this,y)-1]||c.__opened.length===1)&&t()},f=new WeakMap,T=new WeakMap,S=new WeakMap,w=new WeakMap,c.__opened=[];let R=c;customElements.get("e-popover")||customElements.define("e-popover",R);var r,C,A,P,q;class U extends HTMLElement{constructor(){super();s(this,r);s(this,C,()=>{this.classList.add("triggered")});s(this,A,()=>{this.classList.add("opened")});s(this,P,()=>{this.classList.remove("opened")});s(this,q,()=>{this.classList.remove("triggered")});J.isBrowser&&(this.addEventListener("click",()=>{if(e(this,r)){const t=this.getAttribute("type")||"open";t==="open"||t==="toggle"&&!e(this,r).opened.current?e(this,r).open({trigger:this}):(t==="close"||t==="toggle"&&e(this,r).opened.current)&&e(this,r).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&t.currentTarget.click()}))}get popoverElement(){return e(this,r)}connectedCallback(){var l;this.hasAttribute("tabindex")||(this.tabIndex=0);const t=this.getAttribute("target");if(t){let h=null;if(t==="parent"){const x=this.closest("[popover-target]");if(x)h=x;else{const L=this.getRootNode();L instanceof ShadowRoot?h=L.host.closest("[popover-target]"):L instanceof HTMLElement&&(h=L.closest("[popover-target]"))}}else t==="sibling"?h=(l=this.parentElement)==null?void 0:l.querySelector("[popover-target]"):h=document.querySelector(`#${t}`)||this.getRootNode().querySelector(`#${t}`);h instanceof HTMLElement?(i(this,r,h),e(this,r).addEventListener("popoverTriggered",e(this,C)),e(this,r).addEventListener("popoverOpened",e(this,A)),e(this,r).addEventListener("popoverClosing",e(this,P)),e(this,r).addEventListener("popoverClosed",e(this,q))):console.warn(this,`target ${t} not found`)}}disconnectedCallback(){e(this,r)&&(e(this,r).removeEventListener("popoverTriggered",e(this,C)),e(this,r).removeEventListener("popoverOpened",e(this,A)),e(this,r).removeEventListener("popoverClosing",e(this,P)),e(this,r).removeEventListener("popoverClosed",e(this,q)))}}r=new WeakMap,C=new WeakMap,A=new WeakMap,P=new WeakMap,q=new WeakMap;customElements.get("e-popover-button")||customElements.define("e-popover-button",U);exports.PopoverButtonElement=U;exports.PopoverElement=R;
+"use strict";var D=o=>{throw TypeError(o)};var $=(o,n,t)=>n.has(o)||D("Cannot "+t);var e=(o,n,t)=>($(o,n,"read from private field"),t?t.call(o):n.get(o)),s=(o,n,t)=>n.has(o)?D("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(o):n.set(o,t),i=(o,n,t,c)=>($(o,n,"write to private field"),c?c.call(o,t):n.set(o,t),t),C=(o,n,t)=>($(o,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../css-property/index.cjs"),G=require("../Store-CDb6RMce.cjs"),H=require("../events-KVanG9sR.cjs"),J=require("../function-MthRj-GJ.cjs"),K=require("../style-At6aDoqG.cjs"),U=require("../window-resizer/vanilla/index.cjs"),Q=require("../browser-CpzFX2xg.cjs");var b,a,_,d,v,p,g,m,f,y,u,W,w,I,T,B,L,S,q,k;const l=class l extends HTMLElement{constructor(){super(...arguments);s(this,u);s(this,b);s(this,a);s(this,_);s(this,d);s(this,v);s(this,p);s(this,g);s(this,m);s(this,f);s(this,y);s(this,w);s(this,T);s(this,L);s(this,S);s(this,q);s(this,k);i(this,b,-1),i(this,a,new G.Store(!1)),i(this,d,new P.CSSProperty(this,"--history",!1)),i(this,v,new P.CSSProperty(this,"--restore",!1)),i(this,p,new P.CSSProperty(this,"--dominance",0)),i(this,g,new P.CSSProperty(this,"--click-outside",!1)),i(this,m,new P.CSSProperty(this,"--escape",!1)),i(this,f,!1),this.open=t=>{if(e(this,a).current)return;i(this,y,t==null?void 0:t.trigger),e(this,a).current=!0,e(this,p).current&&(l.__opened=l.__opened.filter(h=>this.dominance.current>=h.dominance.current?(h.close(),!1):!0)),l.__opened.push(this),i(this,b,l.__opened.length-1),e(this,d).current&&e(this,f)&&history.pushState("","",e(this,u,W)),clearTimeout(e(this,_)),this.classList.remove("closing"),this.classList.add("triggered"),this.style.display="block",H.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,y)}});const c=()=>{addEventListener("click",e(this,w)),addEventListener("keydown",e(this,T)),e(this,k).call(this),this.style.opacity="1",this.classList.add("opened"),H.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,y)}})};t!=null&&t.skipTransition?c():setTimeout(c,10)},this.close=()=>{e(this,a).current&&(e(this,a).current=!1,l.__opened=l.__opened.filter(t=>t===this?!1:e(t,p).current<this.dominance.current?(t.close(),!1):!0),C(this,u,I).call(this),this.classList.remove("opened"),this.classList.add("closing"),this.style.opacity="0",H.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,w)),removeEventListener("keydown",e(this,T)),setTimeout(()=>{this.classList.remove("triggered"),this.classList.remove("closing"),this.style.display="none",H.dispatchEvent(this,"popoverClosed",{custom:!0})},K.getElementTransitionDurationMS(this)+10))},i(this,w,t=>{e(this,g).current&&C(this,u,B).call(this,()=>{var N;const c=t.composedPath();if(c.find(j=>j instanceof HTMLElement&&j.hasAttribute("data-popover-content")))return;const h=c[0],A=h instanceof HTMLElement&&(this.contains(h)||((N=this.shadowRoot)==null?void 0:N.contains(h))),E=h instanceof HTMLElement&&h.hasAttribute("data-outside");(!A||E)&&this.close()})}),i(this,T,t=>{e(this,m).current&&C(this,u,B).call(this,()=>{t.code==="Escape"&&this.close()})}),i(this,L,()=>{i(this,f,!1),e(this,a).current&&e(this,d).current&&!location.search.includes(this.id)?this.close():!e(this,a).current&&e(this,d).current&&location.search.includes(this.id)&&this.open(),i(this,f,!0)}),i(this,S,()=>{this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),e(this,q).call(this)}),i(this,q,J.debounce(()=>{e(this,k).call(this)},20)),i(this,k,()=>{this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px")})}get history(){return e(this,d)}get restore(){return e(this,v)}get dominance(){return e(this,p)}get clickOutside(){return e(this,g)}get escape(){return e(this,m)}get opened(){return e(this,a)}get lastTrigger(){return e(this,y)}connectedCallback(){e(this,d).observe(),e(this,v).observe(),e(this,p).observe(),e(this,g).observe(),e(this,m).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),this.classList.remove("closing"),this.classList.remove("closed"),this.classList.remove("triggered"),this.classList.remove("opened"),addEventListener("popstate",e(this,L)),setTimeout(()=>{e(this,v).current?e(this,L).call(this):(C(this,u,I).call(this),i(this,f,!0))},0),U.windowResizer.subscribe(e(this,S))}disconnectedCallback(){U.windowResizer.unsubscribe(e(this,S)),e(this,d).unobserve(),e(this,v).unobserve(),e(this,p).unobserve(),e(this,g).unobserve(),e(this,m).unobserve(),this.style.opacity="",this.style.display="",this.removeAttribute("popover-target"),l.__opened=l.__opened.filter(t=>t!==this),clearTimeout(e(this,_)),removeEventListener("popstate",e(this,L)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height")}};b=new WeakMap,a=new WeakMap,_=new WeakMap,d=new WeakMap,v=new WeakMap,p=new WeakMap,g=new WeakMap,m=new WeakMap,f=new WeakMap,y=new WeakMap,u=new WeakSet,W=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},w=new WeakMap,I=function(){if(e(this,d).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(null,"",t.href)}},T=new WeakMap,B=function(t){(l.__opened[e(this,b)-1]||l.__opened.length===1||l.__opened.filter(c=>c!==this).every(c=>e(this,p).current>c.dominance.current))&&t()},L=new WeakMap,S=new WeakMap,q=new WeakMap,k=new WeakMap,l.__opened=[];let z=l;customElements.get("e-popover")||customElements.define("e-popover",z);var r,x,M,O,R;class F extends HTMLElement{constructor(){super();s(this,r);s(this,x,()=>{this.classList.add("triggered")});s(this,M,()=>{this.classList.add("opened")});s(this,O,()=>{this.classList.remove("opened")});s(this,R,()=>{this.classList.remove("triggered")});Q.isBrowser&&(this.addEventListener("click",()=>{if(e(this,r)){const t=this.getAttribute("type")||"open";t==="open"||t==="toggle"&&!e(this,r).opened.current?e(this,r).open({trigger:this}):(t==="close"||t==="toggle"&&e(this,r).opened.current)&&e(this,r).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&t.currentTarget.click()}))}get popoverElement(){return e(this,r)}connectedCallback(){var c;this.hasAttribute("tabindex")||(this.tabIndex=0);const t=this.getAttribute("target");if(t){let h=null;if(t==="parent"){const A=this.closest("[popover-target]");if(A)h=A;else{const E=this.getRootNode();E instanceof ShadowRoot?h=E.host.closest("[popover-target]"):E instanceof HTMLElement&&(h=E.closest("[popover-target]"))}}else t==="sibling"?h=(c=this.parentElement)==null?void 0:c.querySelector("[popover-target]"):h=document.querySelector(`#${t}`)||this.getRootNode().querySelector(`#${t}`);h instanceof HTMLElement?(i(this,r,h),e(this,r).addEventListener("popoverTriggered",e(this,x)),e(this,r).addEventListener("popoverOpened",e(this,M)),e(this,r).addEventListener("popoverClosing",e(this,O)),e(this,r).addEventListener("popoverClosed",e(this,R))):console.warn(this,`target ${t} not found`)}}disconnectedCallback(){e(this,r)&&(e(this,r).removeEventListener("popoverTriggered",e(this,x)),e(this,r).removeEventListener("popoverOpened",e(this,M)),e(this,r).removeEventListener("popoverClosing",e(this,O)),e(this,r).removeEventListener("popoverClosed",e(this,R)))}}r=new WeakMap,x=new WeakMap,M=new WeakMap,O=new WeakMap,R=new WeakMap;customElements.get("e-popover-button")||customElements.define("e-popover-button",F);exports.PopoverButtonElement=F;exports.PopoverElement=z;

package/lib/popover/index.js

@@ -1,82 +1,84 @@
-var B = (o) => {
+var U = (o) => {
   throw TypeError(o);
 };
-var R = (o, n, t) => n.has(o) || B("Cannot " + t);
-var e = (o, n, t) => (R(o, n, "read from private field"), t ? t.call(o) : n.get(o)), s = (o, n, t) => n.has(o) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, t), i = (o, n, t, l) => (R(o, n, "write to private field"), l ? l.call(o, t) : n.set(o, t), t), k = (o, n, t) => (R(o, n, "access private method"), t);
-import { Attribute as O } from "../attribute/index.js";
-import { S as W } from "../Store-OTdcl6SX.js";
-import { d as P } from "../events-CsVF98U6.js";
-import { d as j } from "../function-C10DGppn.js";
-import { g as F } from "../style-j2TwriJ_.js";
-import { windowResizer as D } from "../window-resizer/vanilla/index.js";
-import { i as G } from "../browser-0zX67oeU.js";
-var y, a, C, d, u, g, m, v, p, U, E, z, b, I, f, T, S, w;
-const c = class c extends HTMLElement {
+var z = (o, n, t) => n.has(o) || U("Cannot " + t);
+var e = (o, n, t) => (z(o, n, "read from private field"), t ? t.call(o) : n.get(o)), s = (o, n, t) => n.has(o) ? U("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, t), i = (o, n, t, c) => (z(o, n, "write to private field"), c ? c.call(o, t) : n.set(o, t), t), C = (o, n, t) => (z(o, n, "access private method"), t);
+import { CSSProperty as _ } from "../css-property/index.js";
+import { S as F } from "../Store-OTdcl6SX.js";
+import { d as $ } from "../events-CsVF98U6.js";
+import { d as G } from "../function-C10DGppn.js";
+import { g as J } from "../style-j2TwriJ_.js";
+import { windowResizer as W } from "../window-resizer/vanilla/index.js";
+import { i as K } from "../browser-0zX67oeU.js";
+var E, a, P, d, g, p, v, m, f, L, u, j, T, q, w, N, y, k, x, S;
+const l = class l extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, p);
-    s(this, y);
+    s(this, u);
+    s(this, E);
     s(this, a);
-    s(this, C);
+    s(this, P);
     s(this, d);
-    s(this, u);
     s(this, g);
-    s(this, m);
+    s(this, p);
     s(this, v);
-    s(this, E);
-    s(this, b);
+    s(this, m);
     s(this, f);
+    s(this, L);
     s(this, T);
-    s(this, S);
     s(this, w);
-    i(this, y, -1), i(this, a, new W(!1)), i(this, d, new O(this, "history", !1)), i(this, u, new O(this, "restore", !1)), i(this, g, new O(this, "dominance", 0)), i(this, m, !1), this.open = (t) => {
+    s(this, y);
+    s(this, k);
+    s(this, x);
+    s(this, S);
+    i(this, E, -1), i(this, a, new F(!1)), i(this, d, new _(this, "--history", !1)), i(this, g, new _(this, "--restore", !1)), i(this, p, new _(this, "--dominance", 0)), i(this, v, new _(this, "--click-outside", !1)), i(this, m, new _(this, "--escape", !1)), i(this, f, !1), this.open = (t) => {
       if (e(this, a).current)
         return;
-      i(this, v, t == null ? void 0 : t.trigger), e(this, a).current = !0, e(this, g).current && (c.__opened = c.__opened.filter((h) => this.dominance.current >= h.dominance.current ? (h.close(), !1) : !0)), c.__opened.push(this), i(this, y, c.__opened.length - 1), e(this, d).current && e(this, m) && history.pushState("", "", e(this, p, U)), clearTimeout(e(this, C)), this.classList.remove("closing"), this.classList.add("triggered"), this.style.display = "block", P(this, "popoverTriggered", {
+      i(this, L, t == null ? void 0 : t.trigger), e(this, a).current = !0, e(this, p).current && (l.__opened = l.__opened.filter((h) => this.dominance.current >= h.dominance.current ? (h.close(), !1) : !0)), l.__opened.push(this), i(this, E, l.__opened.length - 1), e(this, d).current && e(this, f) && history.pushState("", "", e(this, u, j)), clearTimeout(e(this, P)), this.classList.remove("closing"), this.classList.add("triggered"), this.style.display = "block", $(this, "popoverTriggered", {
         custom: !0,
         detail: {
-          trigger: e(this, v)
+          trigger: e(this, L)
         }
       });
-      const l = () => {
-        addEventListener("click", e(this, E)), addEventListener("keydown", e(this, b)), e(this, w).call(this), this.style.opacity = "1", this.classList.add("opened"), P(this, "popoverOpened", {
+      const c = () => {
+        addEventListener("click", e(this, T)), addEventListener("keydown", e(this, w)), e(this, S).call(this), this.style.opacity = "1", this.classList.add("opened"), $(this, "popoverOpened", {
           custom: !0,
           detail: {
-            trigger: e(this, v)
+            trigger: e(this, L)
           }
         });
       };
-      t != null && t.skipTransition ? l() : setTimeout(l, 10);
+      t != null && t.skipTransition ? c() : setTimeout(c, 10);
     }, this.close = () => {
-      e(this, a).current && (e(this, a).current = !1, c.__opened = c.__opened.filter((t) => t !== this), k(this, p, z).call(this), this.classList.remove("opened"), this.classList.add("closing"), this.style.opacity = "0", P(this, "popoverClosing", {
+      e(this, a).current && (e(this, a).current = !1, l.__opened = l.__opened.filter((t) => t === this ? !1 : e(t, p).current < this.dominance.current ? (t.close(), !1) : !0), C(this, u, q).call(this), this.classList.remove("opened"), this.classList.add("closing"), this.style.opacity = "0", $(this, "popoverClosing", {
         custom: !0
-      }), removeEventListener("click", e(this, E)), removeEventListener("keydown", e(this, b)), setTimeout(() => {
-        this.classList.remove("triggered"), this.classList.remove("closing"), this.style.display = "none", P(this, "popoverClosed", {
+      }), removeEventListener("click", e(this, T)), removeEventListener("keydown", e(this, w)), setTimeout(() => {
+        this.classList.remove("triggered"), this.classList.remove("closing"), this.style.display = "none", $(this, "popoverClosed", {
           custom: !0
         });
-      }, F(this) + 10));
-    }, i(this, E, (t) => {
-      k(this, p, I).call(this, () => {
-        var q;
-        const l = t.composedPath();
-        if (l.find(
-          (N) => N instanceof HTMLElement && N.hasAttribute("data-popover-content")
+      }, J(this) + 10));
+    }, i(this, T, (t) => {
+      e(this, v).current && C(this, u, N).call(this, () => {
+        var B;
+        const c = t.composedPath();
+        if (c.find(
+          (D) => D instanceof HTMLElement && D.hasAttribute("data-popover-content")
         ))
           return;
-        const h = l[0], M = h instanceof HTMLElement && (this.contains(h) || ((q = this.shadowRoot) == null ? void 0 : q.contains(h))), L = h instanceof HTMLElement && h.hasAttribute("data-outside");
-        (!M || L) && this.close();
+        const h = c[0], R = h instanceof HTMLElement && (this.contains(h) || ((B = this.shadowRoot) == null ? void 0 : B.contains(h))), b = h instanceof HTMLElement && h.hasAttribute("data-outside");
+        (!R || b) && this.close();
       });
-    }), i(this, b, (t) => {
-      k(this, p, I).call(this, () => {
+    }), i(this, w, (t) => {
+      e(this, m).current && C(this, u, N).call(this, () => {
         t.code === "Escape" && this.close();
       });
-    }), i(this, f, () => {
-      i(this, m, !1), e(this, a).current && e(this, d).current && !location.search.includes(this.id) ? this.close() : !e(this, a).current && e(this, d).current && location.search.includes(this.id) && this.open(), i(this, m, !0);
-    }), i(this, T, () => {
-      this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), e(this, S).call(this);
-    }), i(this, S, j(() => {
-      e(this, w).call(this);
-    }, 20)), i(this, w, () => {
+    }), i(this, y, () => {
+      i(this, f, !1), e(this, a).current && e(this, d).current && !location.search.includes(this.id) ? this.close() : !e(this, a).current && e(this, d).current && location.search.includes(this.id) && this.open(), i(this, f, !0);
+    }), i(this, k, () => {
+      this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), e(this, x).call(this);
+    }), i(this, x, G(() => {
+      e(this, S).call(this);
+    }, 20)), i(this, S, () => {
       this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px");
     });
   }
@@ -84,56 +86,62 @@ const c = class c extends HTMLElement {
     return e(this, d);
   }
   get restore() {
-    return e(this, u);
+    return e(this, g);
   }
   get dominance() {
-    return e(this, g);
+    return e(this, p);
+  }
+  get clickOutside() {
+    return e(this, v);
+  }
+  get escape() {
+    return e(this, m);
   }
   get opened() {
     return e(this, a);
   }
   get lastTrigger() {
-    return e(this, v);
+    return e(this, L);
   }
   connectedCallback() {
-    e(this, d).observe(), e(this, u).observe(), e(this, g).observe(), this.style.opacity = "0", this.style.display = "none", this.setAttribute("popover-target", ""), this.classList.remove("closing"), this.classList.remove("closed"), this.classList.remove("triggered"), this.classList.remove("opened"), addEventListener("popstate", e(this, f)), setTimeout(() => {
-      e(this, u).current ? e(this, f).call(this) : (k(this, p, z).call(this), i(this, m, !0));
-    }, 0), D.subscribe(e(this, T));
+    e(this, d).observe(), e(this, g).observe(), e(this, p).observe(), e(this, v).observe(), e(this, m).observe(), this.style.opacity = "0", this.style.display = "none", this.setAttribute("popover-target", ""), this.classList.remove("closing"), this.classList.remove("closed"), this.classList.remove("triggered"), this.classList.remove("opened"), addEventListener("popstate", e(this, y)), setTimeout(() => {
+      e(this, g).current ? e(this, y).call(this) : (C(this, u, q).call(this), i(this, f, !0));
+    }, 0), W.subscribe(e(this, k));
   }
   disconnectedCallback() {
-    D.unsubscribe(e(this, T)), e(this, d).unobserve(), e(this, u).unobserve(), e(this, g).unobserve(), this.style.opacity = "", this.style.display = "", this.removeAttribute("popover-target"), c.__opened = c.__opened.filter((t) => t !== this), clearTimeout(e(this, C)), removeEventListener("popstate", e(this, f)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height");
+    W.unsubscribe(e(this, k)), e(this, d).unobserve(), e(this, g).unobserve(), e(this, p).unobserve(), e(this, v).unobserve(), e(this, m).unobserve(), this.style.opacity = "", this.style.display = "", this.removeAttribute("popover-target"), l.__opened = l.__opened.filter((t) => t !== this), clearTimeout(e(this, P)), removeEventListener("popstate", e(this, y)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height");
   }
 };
-y = new WeakMap(), a = new WeakMap(), C = new WeakMap(), d = new WeakMap(), u = new WeakMap(), g = new WeakMap(), m = new WeakMap(), v = new WeakMap(), p = new WeakSet(), U = function() {
+E = new WeakMap(), a = new WeakMap(), P = new WeakMap(), d = new WeakMap(), g = new WeakMap(), p = new WeakMap(), v = new WeakMap(), m = new WeakMap(), f = new WeakMap(), L = new WeakMap(), u = new WeakSet(), j = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.id}`;
-}, E = new WeakMap(), z = function() {
+}, T = new WeakMap(), q = function() {
   if (e(this, d).current) {
     const t = new URL(location.href);
     t.searchParams.delete(this.id), history.replaceState(null, "", t.href);
   }
-}, b = new WeakMap(), I = function(t) {
-  (c.__opened[e(this, y) - 1] || c.__opened.length === 1) && t();
-}, f = new WeakMap(), T = new WeakMap(), S = new WeakMap(), w = new WeakMap(), c.__opened = [];
-let $ = c;
-customElements.get("e-popover") || customElements.define("e-popover", $);
-var r, _, A, x, H;
-class J extends HTMLElement {
+}, w = new WeakMap(), N = function(t) {
+  (l.__opened[e(this, E) - 1] || l.__opened.length === 1 || l.__opened.filter((c) => c !== this).every((c) => e(this, p).current > c.dominance.current)) && t();
+}, y = new WeakMap(), k = new WeakMap(), x = new WeakMap(), S = new WeakMap(), l.__opened = [];
+let I = l;
+customElements.get("e-popover") || customElements.define("e-popover", I);
+var r, A, H, M, O;
+class Q extends HTMLElement {
   constructor() {
     super();
     s(this, r);
-    s(this, _, () => {
+    s(this, A, () => {
       this.classList.add("triggered");
     });
-    s(this, A, () => {
+    s(this, H, () => {
       this.classList.add("opened");
     });
-    s(this, x, () => {
+    s(this, M, () => {
       this.classList.remove("opened");
     });
-    s(this, H, () => {
+    s(this, O, () => {
       this.classList.remove("triggered");
     });
-    G && (this.addEventListener("click", () => {
+    K && (this.addEventListener("click", () => {
       if (e(this, r)) {
         const t = this.getAttribute("type") || "open";
         t === "open" || t === "toggle" && !e(this, r).opened.current ? e(this, r).open({ trigger: this }) : (t === "close" || t === "toggle" && e(this, r).opened.current) && e(this, r).close();
@@ -146,54 +154,54 @@ class J extends HTMLElement {
     return e(this, r);
   }
   connectedCallback() {
-    var l;
+    var c;
     this.hasAttribute("tabindex") || (this.tabIndex = 0);
     const t = this.getAttribute("target");
     if (t) {
       let h = null;
       if (t === "parent") {
-        const M = this.closest("[popover-target]");
-        if (M)
-          h = M;
+        const R = this.closest("[popover-target]");
+        if (R)
+          h = R;
         else {
-          const L = this.getRootNode();
-          L instanceof ShadowRoot ? h = L.host.closest("[popover-target]") : L instanceof HTMLElement && (h = L.closest("[popover-target]"));
+          const b = this.getRootNode();
+          b instanceof ShadowRoot ? h = b.host.closest("[popover-target]") : b instanceof HTMLElement && (h = b.closest("[popover-target]"));
         }
-      } else t === "sibling" ? h = (l = this.parentElement) == null ? void 0 : l.querySelector("[popover-target]") : h = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
+      } else t === "sibling" ? h = (c = this.parentElement) == null ? void 0 : c.querySelector("[popover-target]") : h = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
       h instanceof HTMLElement ? (i(this, r, h), e(this, r).addEventListener(
         "popoverTriggered",
-        e(this, _)
+        e(this, A)
       ), e(this, r).addEventListener(
         "popoverOpened",
-        e(this, A)
+        e(this, H)
       ), e(this, r).addEventListener(
         "popoverClosing",
-        e(this, x)
+        e(this, M)
       ), e(this, r).addEventListener(
         "popoverClosed",
-        e(this, H)
+        e(this, O)
       )) : console.warn(this, `target ${t} not found`);
     }
   }
   disconnectedCallback() {
     e(this, r) && (e(this, r).removeEventListener(
       "popoverTriggered",
-      e(this, _)
+      e(this, A)
     ), e(this, r).removeEventListener(
       "popoverOpened",
-      e(this, A)
+      e(this, H)
     ), e(this, r).removeEventListener(
       "popoverClosing",
-      e(this, x)
+      e(this, M)
     ), e(this, r).removeEventListener(
       "popoverClosed",
-      e(this, H)
+      e(this, O)
     ));
   }
 }
-r = new WeakMap(), _ = new WeakMap(), A = new WeakMap(), x = new WeakMap(), H = new WeakMap();
-customElements.get("e-popover-button") || customElements.define("e-popover-button", J);
+r = new WeakMap(), A = new WeakMap(), H = new WeakMap(), M = new WeakMap(), O = new WeakMap();
+customElements.get("e-popover-button") || customElements.define("e-popover-button", Q);
 export {
-  J as PopoverButtonElement,
-  $ as PopoverElement
+  Q as PopoverButtonElement,
+  I as PopoverElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.32.5",
+  "version": "0.33.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"