aptechka 0.49.2 → 0.50.1

package/lib/popover/PopoverElement.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperty } from '../css-property';
-import { Store } from '../store';
 export interface PopoverEvents {
     popoverTriggered: CustomEvent<{
         trigger: any;
@@ -12,24 +11,25 @@ export interface PopoverEvents {
 }
 export declare class PopoverElement extends HTMLElement {
     #private;
-    private static __openedElements;
-    private static __openedCounter;
+    private static stack;
     urlValue: string;
+    constructor();
     get history(): CSSProperty<false>;
     get restore(): CSSProperty<false>;
-    get dominance(): CSSProperty<number>;
+    get closeRest(): CSSProperty<boolean>;
+    get closeRestInGroup(): CSSProperty<boolean>;
     get group(): CSSProperty<"">;
     get clickOutside(): CSSProperty<false>;
     get escape(): CSSProperty<false>;
-    get opened(): Store<boolean>;
+    get opened(): boolean;
     get lastTrigger(): any;
     get idWithValue(): string;
     updateUrlValue(value?: string | number): void;
-    open: (options?: {
+    open(options?: {
         skipTransition?: boolean;
         trigger?: any;
-    }) => void;
-    close: () => void;
+    }): void;
+    close(): void;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;
 }

package/lib/popover/index.cjs

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

package/lib/popover/index.js

@@ -1,240 +1,308 @@
-var J = (h) => {
-  throw TypeError(h);
+var K = (c) => {
+  throw TypeError(c);
 };
-var q = (h, l, t) => l.has(h) || J("Cannot " + t);
-var e = (h, l, t) => (q(h, l, "read from private field"), t ? t.call(h) : l.get(h)), s = (h, l, t) => l.has(h) ? J("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(h) : l.set(h, t), i = (h, l, t, o) => (q(h, l, "write to private field"), o ? o.call(h, t) : l.set(h, t), t), v = (h, l, t) => (q(h, l, "access private method"), t);
-import { CSSProperty as T } from "../css-property/index.js";
-import { S as X } from "../Store-D2xCXENW.js";
-import { i as j } from "../index-euf5anj6.js";
-import { d as z } from "../events-CsVF98U6.js";
-import { d as Y } from "../function-C10DGppn.js";
-import { g as Z } from "../style-j2TwriJ_.js";
+var j = (c, r, t) => r.has(c) || K("Cannot " + t);
+var e = (c, r, t) => (j(c, r, "read from private field"), t ? t.call(c) : r.get(c)), o = (c, r, t) => r.has(c) ? K("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(c) : r.set(c, t), h = (c, r, t, s) => (j(c, r, "write to private field"), s ? s.call(c, t) : r.set(c, t), t), z = (c, r, t) => (j(c, r, "access private method"), t);
+import { ClassLinkedStatus as Z } from "../class-linked-status/index.js";
+import { CSSProperty as m } from "../css-property/index.js";
+import { i as F } from "../index-euf5anj6.js";
+import { d as W } from "../events-CsVF98U6.js";
+import { d as N } from "../function-C10DGppn.js";
+import { g as _ } from "../style-j2TwriJ_.js";
 import { u as ee, p as te } from "../url-CfcHdBT6.js";
-import { windowResizer as K } from "../window-resizer/index.js";
-var u, d, V, w, p, f, m, g, y, L, b, A, c, Q, B, k, N, C, D, S, x, O, P, U;
-const a = class a extends HTMLElement {
+import { windowResizer as Q } from "../window-resizer/index.js";
+var l, f, U, D;
+class se {
   constructor() {
-    super(...arguments);
-    s(this, c);
-    s(this, u);
-    s(this, d);
-    s(this, V);
-    s(this, w);
-    s(this, p);
-    s(this, f);
-    s(this, m);
-    s(this, g);
-    s(this, y);
-    s(this, L);
-    s(this, b);
-    s(this, A);
-    s(this, k);
-    s(this, C);
-    s(this, S);
-    s(this, x);
-    s(this, O);
-    s(this, P);
-    this.urlValue = "", i(this, u, -1), i(this, d, new X(!1)), i(this, p, new T(this, "--history", !1)), i(this, f, new T(this, "--restore", !1)), i(this, m, new T(this, "--dominance", 0)), i(this, g, new T(this, "--group", "")), i(this, y, new T(this, "--click-outside", !1)), i(this, L, new T(this, "--escape", !1)), i(this, b, !1), this.open = (t) => {
-      if (e(this, d).current)
-        return;
-      i(this, A, t == null ? void 0 : t.trigger), e(this, m).current && (a.__openedElements = a.__openedElements.filter(
-        (n) => n !== this && v(this, c, U).call(this, this, n) ? (n.close(), !1) : !0
-      )), a.__openedElements.push(this), i(this, u, ++a.__openedCounter), this.style.setProperty("--open-index", e(this, u).toString()), clearTimeout(e(this, V)), this.classList.remove("closing"), this.classList.add("triggered"), this.style.display = "block", z(this, "popoverTriggered", {
-        custom: !0,
-        detail: {
-          trigger: e(this, A)
-        }
-      }), e(this, p).current && e(this, b) && history.pushState(history.state, "", e(this, c, Q)), e(this, d).current = !0;
-      const o = () => {
-        addEventListener("click", e(this, k)), addEventListener("keydown", e(this, C)), e(this, P).call(this), this.style.opacity = "1", this.classList.add("opened"), z(this, "popoverOpened", {
-          custom: !0,
-          detail: {
-            trigger: e(this, A)
-          }
-        }), i(this, w, void 0), this.setAttribute("aria-hidden", "false");
-      };
-      t != null && t.skipTransition ? o() : i(this, w, setTimeout(o, 10));
-    }, this.close = () => {
-      e(this, d).current && (removeEventListener("click", e(this, k)), removeEventListener("keydown", e(this, C)), e(this, d).current = !1, a.__openedElements = a.__openedElements.filter(
-        (t) => t === this ? !1 : !e(t, w) && v(this, c, U).call(this, this, t) ? (t.close(), !1) : !0
-      ), v(this, c, N).call(this), this.classList.remove("opened"), this.classList.add("closing"), this.setAttribute("aria-hidden", "true"), this.style.opacity = "0", z(this, "popoverClosing", {
-        custom: !0
-      }), setTimeout(() => {
-        this.classList.remove("triggered"), this.classList.remove("closing"), this.style.display = "none", this.style.removeProperty("--open-index"), a.__openedCounter--, i(this, u, -1), z(this, "popoverClosed", {
-          custom: !0
-        });
-      }, Z(this) + 10));
-    }, i(this, k, (t) => {
-      !e(this, y).current || !e(this, c, B) || v(this, c, D).call(this, () => {
-        var F;
-        const o = t.composedPath();
-        if (o.find(
-          (G) => G instanceof HTMLElement && G.hasAttribute("data-popover-content")
+    o(this, l, /* @__PURE__ */ new Map());
+    o(this, f, []);
+    o(this, U, (r) => {
+      var s;
+      const t = [...e(this, f)].reverse().find((i) => i.clickOutside.current);
+      if (t) {
+        const i = r.composedPath();
+        if (i.find(
+          (J) => J instanceof HTMLElement && J.hasAttribute("data-popover-content")
         ))
           return;
-        const n = o[0], I = n instanceof Node && (this.contains(n) || ((F = this.shadowRoot) == null ? void 0 : F.contains(n))), _ = n instanceof HTMLElement && n.hasAttribute("data-outside");
-        (!I || _) && this.close();
+        const a = i[0], P = a instanceof Node && (t.contains(a) || ((s = t.shadowRoot) == null ? void 0 : s.contains(a))), Y = a instanceof HTMLElement && a.hasAttribute("data-outside");
+        (!P || Y) && t.close();
+      }
+    });
+    o(this, D, (r) => {
+      if (r.code === "Escape") {
+        const t = [...e(this, f)].reverse().find((s) => s.escape.current);
+        t && t.close();
+      }
+    });
+    addEventListener("click", e(this, U)), addEventListener("keydown", e(this, D));
+  }
+  get groups() {
+    return e(this, l);
+  }
+  get stack() {
+    return e(this, f);
+  }
+  add(r, t) {
+    if (t.closeRest.current)
+      e(this, l).forEach((i) => {
+        i.forEach((a) => {
+          a.close();
+        });
+      });
+    else if (t.closeRestInGroup.current) {
+      let i = e(this, l).get(r);
+      i == null || i.forEach((a) => {
+        a.close();
       });
-    }), i(this, C, (t) => {
-      !e(this, L).current || !e(this, c, B) || v(this, c, D).call(this, () => {
-        t.code === "Escape" && this.close();
+    }
+    let s = e(this, l).get(r);
+    s != null && s.length || (s = [], e(this, l).set(r, s)), e(this, f).push(t), s.push(t);
+  }
+  remove(r, t) {
+    if (h(this, f, e(this, f).filter((s) => s !== t)), t.closeRest.current) {
+      let s = [];
+      e(this, l).forEach((i) => {
+        i.forEach((a) => s.push(a));
+      }), e(this, l).clear(), s.forEach((i) => i.close());
+    } else if (t.closeRestInGroup.current) {
+      const s = e(this, l).get(r);
+      e(this, l).delete(r), s == null || s.forEach((i) => {
+        i.close();
       });
-    }), i(this, S, () => {
-      i(this, b, !1), e(this, d).current && e(this, p).current && !location.search.includes(this.id) ? this.close() : !e(this, d).current && e(this, p).current && location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), i(this, b, !0);
-    }), i(this, x, () => {
-      this.style.setProperty("--content-width", "initial"), this.style.setProperty("--content-height", "initial"), e(this, O).call(this);
-    }), i(this, O, Y(() => {
-      e(this, P).call(this);
-    }, 10)), i(this, P, () => {
+    } else {
+      let s = e(this, l).get(r);
+      s && (s = s.filter((i) => i !== t), e(this, l).set(r, s));
+    }
+  }
+}
+l = new WeakMap(), f = new WeakMap(), U = new WeakMap(), D = new WeakMap();
+var p, x, T, d, b, k, w, g, A, S, E, C, u, y, X, q, R, $, I, V;
+const v = class v extends HTMLElement {
+  constructor() {
+    super();
+    o(this, y);
+    o(this, p);
+    o(this, x);
+    o(this, T);
+    o(this, d);
+    o(this, b);
+    o(this, k);
+    o(this, w);
+    o(this, g);
+    o(this, A);
+    o(this, S);
+    o(this, E);
+    o(this, C);
+    o(this, u);
+    o(this, R);
+    o(this, $);
+    o(this, I);
+    o(this, V);
+    this.urlValue = "", h(this, p, !1), h(this, d, new m(this, "--history", !1)), h(this, b, new m(this, "--restore", !1)), h(this, k, new m(this, "--close-rest", !1)), h(this, w, new m(
+      this,
+      "--close-rest-in-group",
+      !1
+    )), h(this, g, new m(this, "--group", "")), h(this, A, new m(this, "--click-outside", !1)), h(this, S, new m(this, "--escape", !1)), h(this, E, !1), h(this, u, new Z(this, {
+      opened: !1,
+      closing: !1,
+      triggered: !1
+    })), h(this, R, () => {
+      h(this, E, !1), e(this, p) && e(this, d).current && !location.search.includes(this.id) ? this.close() : !e(this, p) && e(this, d).current && location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), h(this, E, !0);
+    }), h(this, $, () => {
+      this.style.setProperty("--content-width", "initial"), this.style.setProperty("--content-height", "initial"), e(this, I).call(this);
+    }), h(this, I, N(() => {
+      e(this, V).call(this);
+    }, 10)), h(this, V, () => {
       this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px");
+    }), e(this, g).subscribe((t) => {
+      t.previous && (v.stack.remove(t.previous, this), t.current || (document.documentElement.classList.remove(
+        `${this.group.previous}-closing`
+      ), document.documentElement.classList.remove(
+        `${this.group.previous}-opened`
+      )));
+    }), e(this, u).subscribe((t) => {
+      if (this.group.current) {
+        document.documentElement.classList.toggle(
+          `${this.group.current}-closing`,
+          t.current.closing
+        );
+        const s = v.stack.groups.get(this.group.current), i = s == null ? void 0 : s.find((a) => a.opened);
+        document.documentElement.classList.toggle(
+          `${this.group.current}-opened`,
+          !!i
+        );
+      }
     });
   }
   get history() {
-    return e(this, p);
+    return e(this, d);
   }
   get restore() {
-    return e(this, f);
+    return e(this, b);
+  }
+  get closeRest() {
+    return e(this, k);
   }
-  get dominance() {
-    return e(this, m);
+  get closeRestInGroup() {
+    return e(this, w);
   }
   get group() {
     return e(this, g);
   }
   get clickOutside() {
-    return e(this, y);
+    return e(this, A);
   }
   get escape() {
-    return e(this, L);
+    return e(this, S);
   }
   get opened() {
-    return e(this, d);
+    return e(this, p);
   }
   get lastTrigger() {
-    return e(this, A);
+    return e(this, C);
   }
   get idWithValue() {
     return `${this.id}${this.urlValue ? "=" + this.urlValue : ""}`;
   }
   updateUrlValue(t) {
-    this.urlValue = (t == null ? void 0 : t.toString()) || "", e(this, d).current && ee(this.id, t);
+    this.urlValue = (t == null ? void 0 : t.toString()) || "", e(this, p) && ee(this.id, t);
+  }
+  open(t) {
+    if (e(this, p))
+      return;
+    h(this, C, t == null ? void 0 : t.trigger), clearTimeout(e(this, x)), e(this, u).set("closing", !1), e(this, u).set("triggered", !0), W(this, "popoverTriggered", {
+      custom: !0,
+      detail: {
+        trigger: e(this, C)
+      }
+    }), e(this, d).current && e(this, E) && history.pushState(history.state, "", e(this, y, X)), h(this, p, !0);
+    const s = () => {
+      v.stack.add(e(this, g).current, this), e(this, V).call(this), e(this, u).set("opened", !0), W(this, "popoverOpened", {
+        custom: !0,
+        detail: {
+          trigger: e(this, C)
+        }
+      }), h(this, T, void 0);
+    };
+    t != null && t.skipTransition ? s() : h(this, T, setTimeout(s, 10));
+  }
+  close() {
+    e(this, p) && (clearTimeout(e(this, T)), v.stack.remove(e(this, g).current, this), h(this, p, !1), z(this, y, q).call(this), e(this, u).set("opened", !1), e(this, u).set("closing", !0), W(this, "popoverClosing", {
+      custom: !0
+    }), h(this, x, setTimeout(() => {
+      e(this, u).set("triggered", !1), e(this, u).set("closing", !1), W(this, "popoverClosed", {
+        custom: !0
+      });
+    }, _(this) + 10)));
   }
   connectedCallback() {
-    e(this, p).observe(), e(this, f).observe(), e(this, m).observe(), e(this, g).observe(), e(this, y).observe(), e(this, L).observe(), this.style.opacity = "0", this.style.display = "none", this.setAttribute("role", "dialog"), this.setAttribute("aria-hidden", "true"), this.classList.remove("closing"), this.classList.remove("closed"), this.classList.remove("triggered"), this.classList.remove("opened"), addEventListener("popstate", e(this, S)), setTimeout(() => {
-      e(this, f).current ? (this.urlValue = te(location.search)[this.id], e(this, S).call(this)) : (v(this, c, N).call(this), i(this, b, !0));
-    }, 0), K.subscribe(e(this, x));
+    e(this, d).observe(), e(this, b).observe(), e(this, k).observe(), e(this, w).observe(), e(this, g).observe(), e(this, A).observe(), e(this, S).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", e(this, R)), setTimeout(() => {
+      e(this, b).current ? (this.urlValue = te(location.search)[this.id], e(this, R).call(this)) : (z(this, y, q).call(this), h(this, E, !0));
+    }, 0), Q.subscribe(e(this, $));
   }
   disconnectedCallback() {
-    K.unsubscribe(e(this, x)), e(this, p).close(), e(this, f).close(), e(this, m).close(), e(this, g).close(), e(this, y).close(), e(this, L).close(), this.style.opacity = "", this.style.display = "", this.removeAttribute("role"), this.removeAttribute("aria-hidden"), a.__openedElements = a.__openedElements.filter(
-      (t) => t !== this
-    ), a.__openedCounter--, clearTimeout(e(this, V)), clearTimeout(e(this, w)), removeEventListener("popstate", e(this, S)), removeEventListener("click", e(this, k)), removeEventListener("keydown", e(this, C)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), v(this, c, N).call(this);
+    v.stack.remove(e(this, g).current, this), Q.unsubscribe(e(this, $)), e(this, u).close(), e(this, d).close(), e(this, b).close(), e(this, k).close(), e(this, w).close(), e(this, g).close(), e(this, A).close(), e(this, S).close(), this.removeAttribute("role"), clearTimeout(e(this, x)), clearTimeout(e(this, T)), removeEventListener("popstate", e(this, R)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), z(this, y, q).call(this);
   }
 };
-u = new WeakMap(), d = new WeakMap(), V = new WeakMap(), w = new WeakMap(), p = new WeakMap(), f = new WeakMap(), m = new WeakMap(), g = new WeakMap(), y = new WeakMap(), L = new WeakMap(), b = new WeakMap(), A = new WeakMap(), c = new WeakSet(), Q = function() {
+p = new WeakMap(), x = new WeakMap(), T = new WeakMap(), d = new WeakMap(), b = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g = new WeakMap(), A = new WeakMap(), S = new WeakMap(), E = new WeakMap(), C = new WeakMap(), u = new WeakMap(), y = new WeakSet(), X = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.idWithValue}`;
-}, B = function() {
-  return e(this, u) === a.__openedCounter;
-}, k = new WeakMap(), N = function() {
-  if (e(this, p).current) {
+}, q = function() {
+  if (e(this, d).current) {
     const t = new URL(location.href);
     t.searchParams.delete(this.id), history.replaceState(history.state, "", t.href);
   }
-}, C = new WeakMap(), D = function(t) {
-  (a.__openedElements[e(this, u) - 1] || a.__openedElements.length === 1 || a.__openedElements.filter((o) => o !== this).every((o) => e(this, m).current > o.dominance.current)) && t();
-}, S = new WeakMap(), x = new WeakMap(), O = new WeakMap(), P = new WeakMap(), U = function(t, o) {
-  if (e(t, g).current === e(o, g).current && t.dominance.current !== -1 && o.dominance.current !== -1 && t.dominance.current >= o.dominance.current)
-    return !0;
-}, a.__openedElements = [], a.__openedCounter = 0;
-let W = a;
-j && !customElements.get("e-popover") && customElements.define("e-popover", W);
-var r, E, $, H, M, R;
-class se extends HTMLElement {
+}, R = new WeakMap(), $ = new WeakMap(), I = new WeakMap(), V = new WeakMap(), v.stack = new se();
+let B = v;
+F && !customElements.get("e-popover") && customElements.define("e-popover", B);
+var n, L, M, O, H, G;
+class ie extends HTMLElement {
   constructor() {
     super();
-    s(this, r);
-    s(this, E, new T(this, "--type", "open"));
-    s(this, $, () => {
+    o(this, n);
+    o(this, L, new m(this, "--type", "open"));
+    o(this, M, () => {
       this.classList.add("triggered");
     });
-    s(this, H, () => {
+    o(this, O, () => {
       this.classList.add("opened"), this.setAttribute("aria-expanded", "true");
     });
-    s(this, M, () => {
+    o(this, H, () => {
       this.classList.remove("opened");
     });
-    s(this, R, () => {
+    o(this, G, () => {
       this.classList.remove("triggered"), this.setAttribute("aria-expanded", "false");
     });
-    j && (this.addEventListener("click", () => {
-      if (e(this, r)) {
-        const t = e(this, E).current;
-        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();
+    F && (this.addEventListener("click", () => {
+      if (e(this, n)) {
+        const t = e(this, L).current;
+        t === "open" || t === "toggle" && !e(this, n).opened ? e(this, n).open({ trigger: this }) : (t === "close" || t === "toggle" && e(this, n).opened) && e(this, n).close();
       }
     }), this.addEventListener("keydown", (t) => {
       t.code === "Space" && t.currentTarget.click();
     }));
   }
   get type() {
-    return e(this, E);
+    return e(this, L);
   }
   get popoverElement() {
-    return e(this, r);
+    return e(this, n);
   }
   connectedCallback() {
-    var o;
-    e(this, E).subscribe((n) => {
-      e(this, r) instanceof W && (n.current !== "close" ? (this.setAttribute("aria-haspopup", "true"), this.setAttribute(
+    var s;
+    e(this, L).subscribe((i) => {
+      e(this, n) instanceof B && (i.current !== "close" ? (this.setAttribute("aria-haspopup", "true"), this.setAttribute(
         "aria-expanded",
-        e(this, r).opened.current ? "true" : "false"
-      ), this.setAttribute("aria-controls", e(this, r).id || "")) : (this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls")));
+        e(this, n).opened ? "true" : "false"
+      ), this.setAttribute("aria-controls", e(this, n).id || "")) : (this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls")));
     }), this.hasAttribute("tabindex") || (this.tabIndex = 0);
     const t = this.getAttribute("target");
     if (t) {
-      let n = null;
+      let i = null;
       if (t === "parent") {
-        const I = this.closest("[popover-target]");
-        if (I)
-          n = I;
+        const a = this.closest("[popover-target]");
+        if (a)
+          i = a;
         else {
-          const _ = this.getRootNode();
-          _ instanceof ShadowRoot ? n = _.host.closest("[popover-target]") : _ instanceof HTMLElement && (n = _.closest("[popover-target]"));
+          const P = this.getRootNode();
+          P instanceof ShadowRoot ? i = P.host.closest("[popover-target]") : P instanceof HTMLElement && (i = P.closest("[popover-target]"));
         }
-      } else t === "sibling" ? n = (o = this.parentElement) == null ? void 0 : o.querySelector("[popover-target]") : n = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
-      n instanceof HTMLElement ? (i(this, r, n), e(this, r).addEventListener(
+      } else t === "sibling" ? i = (s = this.parentElement) == null ? void 0 : s.querySelector("[popover-target]") : i = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
+      i instanceof HTMLElement ? (h(this, n, i), e(this, n).addEventListener(
         "popoverTriggered",
-        e(this, $)
-      ), e(this, r).addEventListener(
+        e(this, M)
+      ), e(this, n).addEventListener(
         "popoverOpened",
-        e(this, H)
-      ), e(this, r).addEventListener(
+        e(this, O)
+      ), e(this, n).addEventListener(
         "popoverClosing",
-        e(this, M)
-      ), e(this, r).addEventListener(
+        e(this, H)
+      ), e(this, n).addEventListener(
         "popoverClosed",
-        e(this, R)
+        e(this, G)
       )) : console.warn(this, `target ${t} not found`);
     }
-    this.isConnected && e(this, E).observe();
+    this.isConnected && e(this, L).observe();
   }
   disconnectedCallback() {
-    e(this, E).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), e(this, r) && (e(this, r).removeEventListener(
+    e(this, L).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), e(this, n) && (e(this, n).removeEventListener(
       "popoverTriggered",
-      e(this, $)
-    ), e(this, r).removeEventListener(
+      e(this, M)
+    ), e(this, n).removeEventListener(
       "popoverOpened",
-      e(this, H)
-    ), e(this, r).removeEventListener(
+      e(this, O)
+    ), e(this, n).removeEventListener(
       "popoverClosing",
-      e(this, M)
-    ), e(this, r).removeEventListener(
+      e(this, H)
+    ), e(this, n).removeEventListener(
       "popoverClosed",
-      e(this, R)
+      e(this, G)
     ));
   }
 }
-r = new WeakMap(), E = new WeakMap(), $ = new WeakMap(), H = new WeakMap(), M = new WeakMap(), R = new WeakMap();
-j && !customElements.get("e-popover-button") && customElements.define("e-popover-button", se);
+n = new WeakMap(), L = new WeakMap(), M = new WeakMap(), O = new WeakMap(), H = new WeakMap(), G = new WeakMap();
+F && !customElements.get("e-popover-button") && customElements.define("e-popover-button", ie);
 export {
-  se as PopoverButtonElement,
-  W as PopoverElement
+  ie as PopoverButtonElement,
+  B as PopoverElement
 };

package/package.json

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