aptechka 0.76.5 → 0.76.7

package/lib/popover/index.cjs

@@ -1 +1 @@
-"use strict";var ne=c=>{throw TypeError(c)};var te=(c,n,t)=>n.has(c)||ne("Cannot "+t);var e=(c,n,t)=>(te(c,n,"read from private field"),t?t.call(c):n.get(c)),r=(c,n,t)=>n.has(c)?ne("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(c):n.set(c,t),o=(c,n,t,s)=>(te(c,n,"write to private field"),s?s.call(c,t):n.set(c,t),t),p=(c,n,t)=>(te(c,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const pe=require("../element-linked-store/index.cjs"),y=require("../css-property/index.cjs"),re=require("../index-DekP7OZe.cjs"),M=require("../events-KVanG9sR.cjs"),de=require("../function-MthRj-GJ.cjs"),he=require("../style-At6aDoqG.cjs");require("construct-style-sheets-polyfill");const ce=require("../url-Dns-01WU.cjs"),le=require("../window-resizer/index.cjs"),Z=require("../Viewport-DB0qAZPJ.cjs");var d,w,N,ee;class fe{constructor(){r(this,d,new Map);r(this,w,[]);r(this,N,n=>{var s;const t=[...e(this,w)].reverse().find(i=>i.clickOutside.current);if(t){const i=n.composedPath();if(i.find(oe=>oe instanceof HTMLElement&&oe.hasAttribute("data-popover-content")))return;const l=i[0],f=l instanceof Node&&(t.contains(l)||((s=t.shadowRoot)==null?void 0:s.contains(l))),U=l instanceof HTMLElement&&l.hasAttribute("data-outside");(!f||U)&&t.close()}});r(this,ee,n=>{if(n.code==="Escape"){const t=[...e(this,w)].reverse().find(s=>s.escape.current);t&&t.close()}});document.documentElement.addEventListener("click",e(this,N)),addEventListener("keydown",e(this,ee))}get groups(){return e(this,d)}get stack(){return e(this,w)}add(n,t){if(t.closeRest.current)e(this,d).forEach(i=>{i.forEach(l=>{l.close()})});else if(t.closeRestInGroup.current){let i=e(this,d).get(n);i==null||i.forEach(l=>{l.close()})}let s=e(this,d).get(n);s!=null&&s.length||(s=[],e(this,d).set(n,s)),e(this,w).push(t),s.push(t)}remove(n,t){if(setTimeout(()=>{o(this,w,e(this,w).filter(s=>s!==t))}),t.closeRest.current){let s=[];e(this,d).forEach(i=>{i.forEach(l=>s.push(l))}),e(this,d).clear(),s.forEach(i=>i.close())}else if(t.closeRestInGroup.current){const s=e(this,d).get(n);e(this,d).delete(n),s==null||s.forEach(i=>{i.close()})}else{let s=e(this,d).get(n);s&&(s=s.filter(i=>i!==t),e(this,d).set(n,s))}}}d=new WeakMap,w=new WeakMap,N=new WeakMap,ee=new WeakMap;var v,B,H,x,W,m,C,T,R,q,b,$,V,P,E,O,a,z,G,u,ae,L,_,D,k,X,Y,F;const S=class S extends HTMLElement{constructor(){super();r(this,u);r(this,v);r(this,B);r(this,H);r(this,x);r(this,W);r(this,m);r(this,C);r(this,T);r(this,R);r(this,q);r(this,b);r(this,$);r(this,V);r(this,P);r(this,E);r(this,O);r(this,a);r(this,z);r(this,G);r(this,D);r(this,k);r(this,X);r(this,Y);r(this,F);this.urlValue="",o(this,v,!1),o(this,m,new y.CSSProperty(this,"--history",!1)),o(this,C,new y.CSSProperty(this,"--restore",!1)),o(this,T,new y.CSSProperty(this,"--dispatch-resize",!1)),o(this,R,new y.CSSProperty(this,"--close-rest",!1)),o(this,q,new y.CSSProperty(this,"--close-rest-in-group",!1)),o(this,b,new y.CSSProperty(this,"--group","")),o(this,$,new y.CSSProperty(this,"--click-outside",!1)),o(this,V,new y.CSSProperty(this,"--escape",!1)),o(this,P,new y.CSSProperty(this,"--check-viewport-bounds",!1)),o(this,E,!0),o(this,a,new pe.ElementLinkedStore(this,{triggered:!1,beforeopen:!1,opened:!1,closing:!1,transitionend:!1})),o(this,z,[]),o(this,G,[]),o(this,D,()=>{o(this,E,!1),e(this,v)&&e(this,m).current&&!location.search.includes(this.id)?this.close():!e(this,v)&&e(this,m).current&&location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)}),o(this,k,()=>{this.style.setProperty("--content-width","initial"),this.style.setProperty("--content-height","initial"),this.style.setProperty("--viewport-offset-x","0px"),this.style.setProperty("--viewport-offset-y","0px"),e(this,X).call(this)}),o(this,X,de.debounce(()=>{e(this,Y).call(this)},10)),o(this,Y,()=>{if(this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px"),e(this,P).current){const t=this.getBoundingClientRect();let s=0,i=0;t.right>Z.viewport.width?s=Z.viewport.width-t.right:t.left<0&&(s=t.left*-1),t.bottom>Z.viewport.height?i=Z.viewport.height-t.bottom:t.top<0&&(i=t.top*-1),this.style.setProperty("--viewport-offset-x",s+"px"),this.style.setProperty("--viewport-offset-y",i+"px")}}),o(this,F,()=>{this.close()}),e(this,b).subscribe(t=>{t.previous&&(S.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,a).subscribe(t=>{if(this.group.current){document.documentElement.classList.toggle(`${this.group.current}-closing`,t.current.closing);const s=S.stack.groups.get(this.group.current),i=s==null?void 0:s.find(l=>l.opened);document.documentElement.classList.toggle(`${this.group.current}-opened`,!!i)}})}get openClass(){return this.getAttribute("data-open-global-class")}get closingClass(){return this.getAttribute("data-closing-global-class")}get history(){return e(this,m)}get restore(){return e(this,C)}get dispatchResize(){return e(this,T)}get closeRest(){return e(this,R)}get closeRestInGroup(){return e(this,q)}get group(){return e(this,b)}get clickOutside(){return e(this,$)}get escape(){return e(this,V)}get opened(){return e(this,v)}get lastTrigger(){return e(this,O)}get idWithValue(){return`${this.id}${this.urlValue?"="+this.urlValue:""}`}updateUrlValue(t){this.urlValue=(t==null?void 0:t.toString())||"",e(this,v)&&ce.updateSearchParameter(this.id,t)}open(t){if(e(this,v))return;o(this,O,t==null?void 0:t.trigger),clearTimeout(e(this,B)),clearTimeout(e(this,H)),p(this,u,L).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),M.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,O)}}),e(this,m).current&&e(this,E)&&history.pushState(history.state,"",e(this,u,ae)),e(this,a).set("beforeopen",!0),o(this,v,!0);const s=()=>{S.stack.add(e(this,b).current,this),e(this,G).forEach(i=>{i.scroll({top:0,left:0,behavior:"instant"})}),p(this,u,L).call(this,!0,this.openClass),e(this,a).set("opened",!0),e(this,T).current?M.dispatchEvent(window,"resize",{custom:!0}):e(this,k).call(this),M.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,O)},bubbles:!0}),o(this,x,void 0),o(this,W,setTimeout(()=>{e(this,a).set("transitionend",!0),M.dispatchEvent(this,"popoverTransitionend")},he.getElementTransitionDurationMS(this)+10))};t!=null&&t.skipTransition?s():o(this,x,requestAnimationFrame(s))}close(){e(this,v)&&(o(this,v,!1),cancelAnimationFrame(e(this,x)),clearTimeout(e(this,W)),S.stack.remove(e(this,b).current,this),p(this,u,_).call(this),o(this,B,setTimeout(()=>{e(this,a).set("transitionend",!1),e(this,a).set("opened",!1),e(this,a).set("closing",!0),p(this,u,L).call(this,!1,this.openClass),p(this,u,L).call(this,!0,this.closingClass),M.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,H,setTimeout(()=>{e(this,a).set("triggered",!1),e(this,a).set("beforeopen",!1),e(this,a).set("closing",!1),p(this,u,L).call(this,!1,this.closingClass),M.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},he.getElementTransitionDurationMS(this)+10))},10)))}connectedCallback(){o(this,z,[...this.querySelectorAll(`[data-popover-close${this.id?`="${this.id}"`:""}]`)]),e(this,z).forEach(t=>{t.addEventListener("click",e(this,F))}),o(this,G,[...this.querySelectorAll(`[data-popover-reset-scroll${this.id?`="${this.id}"`:""}]`)]),e(this,m).observe(),e(this,C).observe(),e(this,T).observe(),e(this,R).observe(),e(this,q).observe(),e(this,b).observe(),e(this,$).observe(),e(this,V).observe(),e(this,P).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,D)),setTimeout(()=>{e(this,C).current?(o(this,E,!1),this.urlValue=ce.parseSearchParameters(location.search)[this.id],location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)):(p(this,u,_).call(this),o(this,E,!0))},0),e(this,P).subscribe(()=>{e(this,k).call(this)}),le.windowResizer.subscribe(e(this,k))}disconnectedCallback(){e(this,z).forEach(t=>{t.removeEventListener("click",e(this,F))}),S.stack.remove(e(this,b).current,this),le.windowResizer.unsubscribe(e(this,k)),e(this,m).close(),e(this,C).close(),e(this,T).close(),e(this,R).close(),e(this,q).close(),e(this,b).close(),e(this,$).close(),e(this,V).close(),e(this,P).close(),this.removeAttribute("role"),p(this,u,L).call(this,!1,this.openClass),p(this,u,L).call(this,!1,this.closingClass),clearTimeout(e(this,B)),clearTimeout(e(this,H)),clearTimeout(e(this,x)),clearTimeout(e(this,W)),removeEventListener("popstate",e(this,D)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),this.style.removeProperty("--viewport-offset-x"),this.style.removeProperty("--viewport-offset-y"),p(this,u,_).call(this)}};v=new WeakMap,B=new WeakMap,H=new WeakMap,x=new WeakMap,W=new WeakMap,m=new WeakMap,C=new WeakMap,T=new WeakMap,R=new WeakMap,q=new WeakMap,b=new WeakMap,$=new WeakMap,V=new WeakMap,P=new WeakMap,E=new WeakMap,O=new WeakMap,a=new WeakMap,z=new WeakMap,G=new WeakMap,u=new WeakSet,ae=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.idWithValue}`},L=function(t,s){s&&s.split(" ").map(i=>{document.documentElement.classList.toggle(i.trim(),t)})},_=function(){if(e(this,m).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(history.state,"",t.href)}},D=new WeakMap,k=new WeakMap,X=new WeakMap,Y=new WeakMap,F=new WeakMap,S.stack=new fe;let j=S;re.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",j);var h,g,A,se,I,J,K,Q,ie;class ue extends HTMLElement{constructor(){super();r(this,A);r(this,h);r(this,g,new y.CSSProperty(this,"--type","open"));r(this,I,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.add("triggered")});r(this,J,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.add("opened"),this.setAttribute("aria-expanded","true"))});r(this,K,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.remove("opened")});r(this,Q,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.remove("triggered"),this.setAttribute("aria-expanded","false"))});re.isBrowser&&(this.addEventListener("click",()=>{if(e(this,h)){const t=e(this,g).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"&&!this.hasAttribute("keydown-disabled")&&(t.preventDefault(),this.click())}))}get type(){return e(this,g)}get popoverElement(){return e(this,h)}changePopover(t){var s;if(p(this,A,se).call(this),t){let i=null;if(t==="parent"){const l=this.closest("[data-popover]");if(l)i=l;else{const f=this.getRootNode();f instanceof ShadowRoot?i=f.host.closest("[data-popover]"):f instanceof HTMLElement&&(i=f.closest("[data-popover]"))}}else if(t==="sibling")i=(s=this.parentElement)==null?void 0:s.querySelector("[data-popover]");else if(t==="ancestor-child"){const l=f=>{if(!f)return null;let U=f.querySelector("[data-popover]");return!U&&(f!=null&&f.parentElement)&&(U=l(f.parentElement)),U};i=l(this.parentElement)||null}else!t.startsWith(".")&&!t.startsWith("[")&&(t=`#${t}`),i=document.querySelector(t)||this.getRootNode().querySelector(t);i instanceof HTMLElement?(o(this,h,i),e(this,h).addEventListener("popoverTriggered",e(this,I)),e(this,h).addEventListener("popoverOpened",e(this,J)),e(this,h).addEventListener("popoverClosing",e(this,K)),e(this,h).addEventListener("popoverClosed",e(this,Q))):console.warn(this,`target ${t} not found`)}p(this,A,ie).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{p(this,A,ie).call(this,s.current)}),this.hasAttribute("tabindex")||(this.tabIndex=0),this.hasAttribute("role")||this.setAttribute("role","button");const t=this.getAttribute("target");t&&this.changePopover(t),this.isConnected&&e(this,g).observe()}disconnectedCallback(){e(this,g).unobserve(),this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls"),this.removeAttribute("role"),this.removeAttribute("tabindex"),p(this,A,se).call(this)}}h=new WeakMap,g=new WeakMap,A=new WeakSet,se=function(){e(this,h)&&(e(this,h).removeEventListener("popoverTriggered",e(this,I)),e(this,h).removeEventListener("popoverOpened",e(this,J)),e(this,h).removeEventListener("popoverClosing",e(this,K)),e(this,h).removeEventListener("popoverClosed",e(this,Q)))},I=new WeakMap,J=new WeakMap,K=new WeakMap,Q=new WeakMap,ie=function(t){e(this,h)instanceof j&&(t!=="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")))};re.isBrowser&&!customElements.get("e-popover-button")&&customElements.define("e-popover-button",ue);exports.PopoverButtonElement=ue;exports.PopoverElement=j;
+"use strict";var he=c=>{throw TypeError(c)};var se=(c,n,t)=>n.has(c)||he("Cannot "+t);var e=(c,n,t)=>(se(c,n,"read from private field"),t?t.call(c):n.get(c)),r=(c,n,t)=>n.has(c)?he("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(c):n.set(c,t),o=(c,n,t,s)=>(se(c,n,"write to private field"),s?s.call(c,t):n.set(c,t),t),p=(c,n,t)=>(se(c,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const fe=require("../element-linked-store/index.cjs"),y=require("../css-property/index.cjs"),oe=require("../index-DekP7OZe.cjs"),W=require("../events-KVanG9sR.cjs"),ge=require("../function-MthRj-GJ.cjs"),le=require("../style-At6aDoqG.cjs");require("construct-style-sheets-polyfill");const ce=require("../url-Dns-01WU.cjs"),ae=require("../window-resizer/index.cjs"),Z=require("../Viewport-DB0qAZPJ.cjs");var f,w,ee,te;class ve{constructor(){r(this,f,new Map);r(this,w,[]);r(this,ee,n=>{var s;const t=[...e(this,w)].reverse().find(i=>i.clickOutside.current);if(t){const i=n.composedPath();if(i.find(Q=>Q instanceof HTMLElement&&Q.hasAttribute("data-popover-content")))return;const l=i[0],d=l instanceof Node&&(t.contains(l)||((s=t.shadowRoot)==null?void 0:s.contains(l))),L=l instanceof HTMLElement&&l.hasAttribute("data-outside");(!d||L)&&t.close()}});r(this,te,n=>{if(n.code==="Escape"){const t=[...e(this,w)].reverse().find(s=>s.escape.current);t&&t.close()}});document.documentElement.addEventListener("click",e(this,ee)),addEventListener("keydown",e(this,te))}get groups(){return e(this,f)}get stack(){return e(this,w)}add(n,t){if(t.closeRest.current)e(this,f).forEach(i=>{i.forEach(l=>{l.close()})});else if(t.closeRestInGroup.current){let i=e(this,f).get(n);i==null||i.forEach(l=>{l.close()})}let s=e(this,f).get(n);s!=null&&s.length||(s=[],e(this,f).set(n,s)),e(this,w).push(t),s.push(t)}remove(n,t){if(setTimeout(()=>{o(this,w,e(this,w).filter(s=>s!==t))}),t.closeRest.current){let s=[];e(this,f).forEach(i=>{i.forEach(l=>s.push(l))}),e(this,f).clear(),s.forEach(i=>i.close())}else if(t.closeRestInGroup.current){const s=e(this,f).get(n);e(this,f).delete(n),s==null||s.forEach(i=>{i.close()})}else{let s=e(this,f).get(n);s&&(s=s.filter(i=>i!==t),e(this,f).set(n,s))}}}f=new WeakMap,w=new WeakMap,ee=new WeakMap,te=new WeakMap;var v,B,H,R,G,m,T,P,q,$,b,V,O,k,E,z,a,M,D,u,ue,S,_,F,A,I,X,U;const C=class C extends HTMLElement{constructor(){super();r(this,u);r(this,v);r(this,B);r(this,H);r(this,R);r(this,G);r(this,m);r(this,T);r(this,P);r(this,q);r(this,$);r(this,b);r(this,V);r(this,O);r(this,k);r(this,E);r(this,z);r(this,a);r(this,M);r(this,D);r(this,F);r(this,A);r(this,I);r(this,X);r(this,U);this.urlValue="",o(this,v,!1),o(this,m,new y.CSSProperty(this,"--history",!1)),o(this,T,new y.CSSProperty(this,"--restore",!1)),o(this,P,new y.CSSProperty(this,"--dispatch-resize",!1)),o(this,q,new y.CSSProperty(this,"--close-rest",!1)),o(this,$,new y.CSSProperty(this,"--close-rest-in-group",!1)),o(this,b,new y.CSSProperty(this,"--group","")),o(this,V,new y.CSSProperty(this,"--click-outside",!1)),o(this,O,new y.CSSProperty(this,"--escape",!1)),o(this,k,new y.CSSProperty(this,"--check-viewport-bounds",!1)),o(this,E,!0),o(this,a,new fe.ElementLinkedStore(this,{triggered:!1,beforeopen:!1,opened:!1,closing:!1,transitionend:!1})),o(this,M,[]),o(this,D,[]),o(this,F,()=>{o(this,E,!1),e(this,v)&&e(this,m).current&&!location.search.includes(this.id)?this.close():!e(this,v)&&e(this,m).current&&location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)}),o(this,A,()=>{this.style.setProperty("--content-width","initial"),this.style.setProperty("--content-height","initial"),this.style.setProperty("--viewport-offset-x","0px"),this.style.setProperty("--viewport-offset-y","0px"),e(this,I).call(this)}),o(this,I,ge.debounce(()=>{e(this,X).call(this)},10)),o(this,X,()=>{if(this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px"),e(this,k).current){const t=this.getBoundingClientRect();let s=0,i=0;t.right>Z.viewport.width?s=Z.viewport.width-t.right:t.left<0&&(s=t.left*-1),t.bottom>Z.viewport.height?i=Z.viewport.height-t.bottom:t.top<0&&(i=t.top*-1),this.style.setProperty("--viewport-offset-x",s+"px"),this.style.setProperty("--viewport-offset-y",i+"px")}}),o(this,U,()=>{this.close()}),e(this,b).subscribe(t=>{t.previous&&(C.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,a).subscribe(t=>{if(this.group.current){document.documentElement.classList.toggle(`${this.group.current}-closing`,t.current.closing);const s=C.stack.groups.get(this.group.current),i=s==null?void 0:s.find(l=>l.opened);document.documentElement.classList.toggle(`${this.group.current}-opened`,!!i)}})}get openClass(){return this.getAttribute("data-open-global-class")}get closingClass(){return this.getAttribute("data-closing-global-class")}get history(){return e(this,m)}get restore(){return e(this,T)}get dispatchResize(){return e(this,P)}get closeRest(){return e(this,q)}get closeRestInGroup(){return e(this,$)}get group(){return e(this,b)}get clickOutside(){return e(this,V)}get escape(){return e(this,O)}get opened(){return e(this,v)}get lastTrigger(){return e(this,z)}get idWithValue(){return`${this.id}${this.urlValue?"="+this.urlValue:""}`}updateUrlValue(t){this.urlValue=(t==null?void 0:t.toString())||"",e(this,v)&&ce.updateSearchParameter(this.id,t)}open(t){if(e(this,v))return;o(this,z,t==null?void 0:t.trigger),clearTimeout(e(this,B)),clearTimeout(e(this,H)),p(this,u,S).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),W.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,z)}}),e(this,m).current&&e(this,E)&&history.pushState(history.state,"",e(this,u,ue)),e(this,a).set("beforeopen",!0),o(this,v,!0);const s=()=>{C.stack.add(e(this,b).current,this),e(this,D).forEach(i=>{i.scroll({top:0,left:0,behavior:"instant"})}),p(this,u,S).call(this,!0,this.openClass),e(this,a).set("opened",!0),e(this,P).current?W.dispatchEvent(window,"resize",{custom:!0}):e(this,A).call(this),W.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,z)},bubbles:!0}),o(this,R,void 0),o(this,G,setTimeout(()=>{e(this,a).set("transitionend",!0),W.dispatchEvent(this,"popoverTransitionend")},le.getElementTransitionDurationMS(this)+10))};t!=null&&t.skipTransition?s():o(this,R,requestAnimationFrame(s))}close(){e(this,v)&&(o(this,v,!1),cancelAnimationFrame(e(this,R)),clearTimeout(e(this,G)),C.stack.remove(e(this,b).current,this),p(this,u,_).call(this),o(this,B,setTimeout(()=>{e(this,a).set("transitionend",!1),e(this,a).set("opened",!1),e(this,a).set("closing",!0),p(this,u,S).call(this,!1,this.openClass),p(this,u,S).call(this,!0,this.closingClass),W.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,H,setTimeout(()=>{e(this,a).set("triggered",!1),e(this,a).set("beforeopen",!1),e(this,a).set("closing",!1),p(this,u,S).call(this,!1,this.closingClass),W.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},le.getElementTransitionDurationMS(this)+10))},10)))}connectedCallback(){o(this,M,[...this.querySelectorAll(`[data-popover-close${this.id?`="${this.id}"`:""}]`)]),e(this,M).forEach(t=>{t.addEventListener("click",e(this,U))}),o(this,D,[...this.querySelectorAll(`[data-popover-reset-scroll${this.id?`="${this.id}"`:""}]`)]),e(this,m).observe(),e(this,T).observe(),e(this,P).observe(),e(this,q).observe(),e(this,$).observe(),e(this,b).observe(),e(this,V).observe(),e(this,O).observe(),e(this,k).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,F)),setTimeout(()=>{e(this,T).current?(o(this,E,!1),this.urlValue=ce.parseSearchParameters(location.search)[this.id],location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)):(p(this,u,_).call(this),o(this,E,!0))},0),e(this,k).subscribe(()=>{e(this,A).call(this)}),ae.windowResizer.subscribe(e(this,A))}disconnectedCallback(){e(this,M).forEach(t=>{t.removeEventListener("click",e(this,U))}),C.stack.remove(e(this,b).current,this),ae.windowResizer.unsubscribe(e(this,A)),e(this,m).close(),e(this,T).close(),e(this,P).close(),e(this,q).close(),e(this,$).close(),e(this,b).close(),e(this,V).close(),e(this,O).close(),e(this,k).close(),this.removeAttribute("role"),p(this,u,S).call(this,!1,this.openClass),p(this,u,S).call(this,!1,this.closingClass),clearTimeout(e(this,B)),clearTimeout(e(this,H)),clearTimeout(e(this,R)),clearTimeout(e(this,G)),removeEventListener("popstate",e(this,F)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),this.style.removeProperty("--viewport-offset-x"),this.style.removeProperty("--viewport-offset-y"),p(this,u,_).call(this)}};v=new WeakMap,B=new WeakMap,H=new WeakMap,R=new WeakMap,G=new WeakMap,m=new WeakMap,T=new WeakMap,P=new WeakMap,q=new WeakMap,$=new WeakMap,b=new WeakMap,V=new WeakMap,O=new WeakMap,k=new WeakMap,E=new WeakMap,z=new WeakMap,a=new WeakMap,M=new WeakMap,D=new WeakMap,u=new WeakSet,ue=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.idWithValue}`},S=function(t,s){s&&s.split(" ").map(i=>{document.documentElement.classList.toggle(i.trim(),t)})},_=function(){if(e(this,m).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(history.state,"",t.href)}},F=new WeakMap,A=new WeakMap,I=new WeakMap,X=new WeakMap,U=new WeakMap,C.stack=new ve;let j=C;oe.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",j);var h,g,x,ie,Y,J,K,N,re;class pe extends HTMLElement{constructor(){super();r(this,x);r(this,h);r(this,g,new y.CSSProperty(this,"--type","open"));r(this,Y,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.add("triggered")});r(this,J,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.add("opened"),this.setAttribute("aria-expanded","true"))});r(this,K,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.remove("opened")});r(this,N,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.remove("triggered"),this.setAttribute("aria-expanded","false"))});oe.isBrowser&&(this.addEventListener("click",()=>{if(e(this,h)){const t=e(this,g).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"&&!this.hasAttribute("keydown-disabled")&&(t.preventDefault(),this.click())}))}get type(){return e(this,g)}get popoverElement(){return e(this,h)}changePopover(t){var s;if(p(this,x,ie).call(this),t){let i=null;if(t==="parent"){const l=this.closest("[data-popover]");if(l)i=l;else{const d=this.getRootNode();d instanceof ShadowRoot?i=d.host.closest("[data-popover]"):d instanceof HTMLElement&&(i=d.closest("[data-popover]"))}}else if(t==="sibling")i=(s=this.parentElement)==null?void 0:s.querySelector("[data-popover]");else if(t==="ancestor-child"){const l=d=>{if(!d)return null;let L=d.querySelector("[data-popover]");return!L&&(d!=null&&d.parentElement)&&(L=l(d.parentElement)),L};i=l(this.parentElement)||null}else{let l=t;if(isNaN(parseInt(l))&&!t.startsWith(".")&&!t.startsWith("[")&&!t.startsWith("#")&&(l=`#${t}`),i=document.querySelector(l)||this.getRootNode().querySelector(l),!i){const L=[...document.querySelectorAll("[data-popover-ids]")].find(Q=>{var ne;return(ne=Q.getAttribute("data-popover-ids"))==null?void 0:ne.split(",").find(de=>de.trim()===t)});L&&(i=L)}}i instanceof HTMLElement?(o(this,h,i),e(this,h).addEventListener("popoverTriggered",e(this,Y)),e(this,h).addEventListener("popoverOpened",e(this,J)),e(this,h).addEventListener("popoverClosing",e(this,K)),e(this,h).addEventListener("popoverClosed",e(this,N))):console.warn(this,`target ${t} not found`)}p(this,x,re).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{p(this,x,re).call(this,s.current)}),this.hasAttribute("tabindex")||(this.tabIndex=0),this.hasAttribute("role")||this.setAttribute("role","button");const t=this.getAttribute("target");t&&this.changePopover(t),this.isConnected&&e(this,g).observe()}disconnectedCallback(){e(this,g).unobserve(),this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls"),this.removeAttribute("role"),this.removeAttribute("tabindex"),p(this,x,ie).call(this)}}h=new WeakMap,g=new WeakMap,x=new WeakSet,ie=function(){e(this,h)&&(e(this,h).removeEventListener("popoverTriggered",e(this,Y)),e(this,h).removeEventListener("popoverOpened",e(this,J)),e(this,h).removeEventListener("popoverClosing",e(this,K)),e(this,h).removeEventListener("popoverClosed",e(this,N)))},Y=new WeakMap,J=new WeakMap,K=new WeakMap,N=new WeakMap,re=function(t){e(this,h)instanceof j&&(t!=="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")))};oe.isBrowser&&!customElements.get("e-popover-button")&&customElements.define("e-popover-button",pe);exports.PopoverButtonElement=pe;exports.PopoverElement=j;

package/lib/popover/index.js

@@ -1,37 +1,37 @@
-var ht = (l) => {
-  throw TypeError(l);
+var nt = (c) => {
+  throw TypeError(c);
 };
-var et = (l, h, e) => h.has(l) || ht("Cannot " + e);
-var t = (l, h, e) => (et(l, h, "read from private field"), e ? e.call(l) : h.get(l)), r = (l, h, e) => h.has(l) ? ht("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(l) : h.set(l, e), o = (l, h, e, s) => (et(l, h, "write to private field"), s ? s.call(l, e) : h.set(l, e), e), p = (l, h, e) => (et(l, h, "access private method"), e);
-import { ElementLinkedStore as at } from "../element-linked-store/index.js";
+var st = (c, h, e) => h.has(c) || nt("Cannot " + e);
+var t = (c, h, e) => (st(c, h, "read from private field"), e ? e.call(c) : h.get(c)), r = (c, h, e) => h.has(c) ? nt("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(c) : h.set(c, e), o = (c, h, e, s) => (st(c, h, "write to private field"), s ? s.call(c, e) : h.set(c, e), e), p = (c, h, e) => (st(c, h, "access private method"), e);
+import { ElementLinkedStore as pt } from "../element-linked-store/index.js";
 import { CSSProperty as E } from "../css-property/index.js";
-import { i as rt } from "../index-Bv9zgfdb.js";
-import { d as q } from "../events-CsVF98U6.js";
-import { d as ut } from "../function-C10DGppn.js";
-import { g as nt } from "../style-j2TwriJ_.js";
+import { i as ot } from "../index-Bv9zgfdb.js";
+import { d as W } from "../events-CsVF98U6.js";
+import { d as dt } from "../function-C10DGppn.js";
+import { g as lt } from "../style-j2TwriJ_.js";
 import "construct-style-sheets-polyfill";
-import { u as pt, p as dt } from "../url-CBKXmNOi.js";
-import { windowResizer as lt } from "../window-resizer/index.js";
+import { u as ft, p as gt } from "../url-CBKXmNOi.js";
+import { windowResizer as ct } from "../window-resizer/index.js";
 import { v as Q } from "../Viewport-DA10iWAO.js";
-var d, w, _, tt;
-class ft {
+var f, w, tt, et;
+class mt {
   constructor() {
-    r(this, d, /* @__PURE__ */ new Map());
+    r(this, f, /* @__PURE__ */ new Map());
     r(this, w, []);
-    r(this, _, (h) => {
+    r(this, tt, (h) => {
       var s;
       const e = [...t(this, w)].reverse().find((i) => i.clickOutside.current);
       if (e) {
         const i = h.composedPath();
         if (i.find(
-          (ot) => ot instanceof HTMLElement && ot.hasAttribute("data-popover-content")
+          (N) => N instanceof HTMLElement && N.hasAttribute("data-popover-content")
         ))
           return;
-        const c = i[0], f = c instanceof Node && (e.contains(c) || ((s = e.shadowRoot) == null ? void 0 : s.contains(c))), U = c instanceof HTMLElement && c.hasAttribute("data-outside");
-        (!f || U) && e.close();
+        const l = i[0], d = l instanceof Node && (e.contains(l) || ((s = e.shadowRoot) == null ? void 0 : s.contains(l))), L = l instanceof HTMLElement && l.hasAttribute("data-outside");
+        (!d || L) && e.close();
       }
     });
-    r(this, tt, (h) => {
+    r(this, et, (h) => {
       if (h.code === "Escape") {
         const e = [...t(this, w)].reverse().find((s) => s.escape.current);
         e && e.close();
@@ -39,106 +39,106 @@ class ft {
     });
     document.documentElement.addEventListener(
       "click",
-      t(this, _)
-    ), addEventListener("keydown", t(this, tt));
+      t(this, tt)
+    ), addEventListener("keydown", t(this, et));
   }
   get groups() {
-    return t(this, d);
+    return t(this, f);
   }
   get stack() {
     return t(this, w);
   }
   add(h, e) {
     if (e.closeRest.current)
-      t(this, d).forEach((i) => {
-        i.forEach((c) => {
-          c.close();
+      t(this, f).forEach((i) => {
+        i.forEach((l) => {
+          l.close();
         });
       });
     else if (e.closeRestInGroup.current) {
-      let i = t(this, d).get(h);
-      i == null || i.forEach((c) => {
-        c.close();
+      let i = t(this, f).get(h);
+      i == null || i.forEach((l) => {
+        l.close();
       });
     }
-    let s = t(this, d).get(h);
-    s != null && s.length || (s = [], t(this, d).set(h, s)), t(this, w).push(e), s.push(e);
+    let s = t(this, f).get(h);
+    s != null && s.length || (s = [], t(this, f).set(h, s)), t(this, w).push(e), s.push(e);
   }
   remove(h, e) {
     if (setTimeout(() => {
       o(this, w, t(this, w).filter((s) => s !== e));
     }), e.closeRest.current) {
       let s = [];
-      t(this, d).forEach((i) => {
-        i.forEach((c) => s.push(c));
-      }), t(this, d).clear(), s.forEach((i) => i.close());
+      t(this, f).forEach((i) => {
+        i.forEach((l) => s.push(l));
+      }), t(this, f).clear(), s.forEach((i) => i.close());
     } else if (e.closeRestInGroup.current) {
-      const s = t(this, d).get(h);
-      t(this, d).delete(h), s == null || s.forEach((i) => {
+      const s = t(this, f).get(h);
+      t(this, f).delete(h), s == null || s.forEach((i) => {
         i.close();
       });
     } else {
-      let s = t(this, d).get(h);
-      s && (s = s.filter((i) => i !== e), t(this, d).set(h, s));
+      let s = t(this, f).get(h);
+      s && (s = s.filter((i) => i !== e), t(this, f).set(h, s));
     }
   }
 }
-d = new WeakMap(), w = new WeakMap(), _ = new WeakMap(), tt = new WeakMap();
-var m, H, W, S, G, v, k, A, R, $, b, V, O, C, y, z, a, M, B, u, ct, L, Z, F, P, X, Y, D;
-const T = class T extends HTMLElement {
+f = new WeakMap(), w = new WeakMap(), tt = new WeakMap(), et = new WeakMap();
+var m, H, G, R, B, v, A, C, $, V, b, O, q, P, y, z, a, M, F, u, at, T, Z, D, S, I, X, U;
+const k = class k extends HTMLElement {
   constructor() {
     super();
     r(this, u);
     r(this, m);
     r(this, H);
-    r(this, W);
-    r(this, S);
     r(this, G);
+    r(this, R);
+    r(this, B);
     r(this, v);
-    r(this, k);
     r(this, A);
-    r(this, R);
+    r(this, C);
     r(this, $);
-    r(this, b);
     r(this, V);
+    r(this, b);
     r(this, O);
-    r(this, C);
+    r(this, q);
+    r(this, P);
     r(this, y);
     r(this, z);
     r(this, a);
     r(this, M);
-    r(this, B);
     r(this, F);
-    r(this, P);
-    r(this, X);
-    r(this, Y);
     r(this, D);
-    this.urlValue = "", o(this, m, !1), o(this, v, new E(this, "--history", !1)), o(this, k, new E(this, "--restore", !1)), o(this, A, new E(this, "--dispatch-resize", !1)), o(this, R, new E(this, "--close-rest", !1)), o(this, $, new E(
+    r(this, S);
+    r(this, I);
+    r(this, X);
+    r(this, U);
+    this.urlValue = "", o(this, m, !1), o(this, v, new E(this, "--history", !1)), o(this, A, new E(this, "--restore", !1)), o(this, C, new E(this, "--dispatch-resize", !1)), o(this, $, new E(this, "--close-rest", !1)), o(this, V, new E(
       this,
       "--close-rest-in-group",
       !1
-    )), o(this, b, new E(this, "--group", "")), o(this, V, new E(this, "--click-outside", !1)), o(this, O, new E(this, "--escape", !1)), o(this, C, new E(this, "--check-viewport-bounds", !1)), o(this, y, !0), o(this, a, new at(this, {
+    )), o(this, b, new E(this, "--group", "")), o(this, O, new E(this, "--click-outside", !1)), o(this, q, new E(this, "--escape", !1)), o(this, P, new E(this, "--check-viewport-bounds", !1)), o(this, y, !0), o(this, a, new pt(this, {
       triggered: !1,
       beforeopen: !1,
       opened: !1,
       closing: !1,
       transitionend: !1
-    })), o(this, M, []), o(this, B, []), o(this, F, () => {
+    })), o(this, M, []), o(this, F, []), o(this, D, () => {
       o(this, y, !1), t(this, m) && t(this, v).current && !location.search.includes(this.id) ? this.close() : !t(this, m) && t(this, v).current && location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), o(this, y, !0);
-    }), o(this, P, () => {
-      this.style.setProperty("--content-width", "initial"), this.style.setProperty("--content-height", "initial"), this.style.setProperty("--viewport-offset-x", "0px"), this.style.setProperty("--viewport-offset-y", "0px"), t(this, X).call(this);
-    }), o(this, X, ut(() => {
-      t(this, Y).call(this);
-    }, 10)), o(this, Y, () => {
-      if (this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px"), t(this, C).current) {
+    }), o(this, S, () => {
+      this.style.setProperty("--content-width", "initial"), this.style.setProperty("--content-height", "initial"), this.style.setProperty("--viewport-offset-x", "0px"), this.style.setProperty("--viewport-offset-y", "0px"), t(this, I).call(this);
+    }), o(this, I, dt(() => {
+      t(this, X).call(this);
+    }, 10)), o(this, X, () => {
+      if (this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px"), t(this, P).current) {
         const e = this.getBoundingClientRect();
         let s = 0, i = 0;
         e.right > Q.width ? s = Q.width - e.right : e.left < 0 && (s = e.left * -1), e.bottom > Q.height ? i = Q.height - e.bottom : e.top < 0 && (i = e.top * -1), this.style.setProperty("--viewport-offset-x", s + "px"), this.style.setProperty("--viewport-offset-y", i + "px");
       }
-    }), o(this, D, () => {
+    }), o(this, U, () => {
       this.close();
     }), t(this, b).subscribe((e) => {
-      e.previous && (T.stack.remove(e.previous, this), e.current || (document.documentElement.classList.remove(
+      e.previous && (k.stack.remove(e.previous, this), e.current || (document.documentElement.classList.remove(
         `${this.group.previous}-closing`
       ), document.documentElement.classList.remove(
         `${this.group.previous}-opened`
@@ -149,7 +149,7 @@ const T = class T extends HTMLElement {
           `${this.group.current}-closing`,
           e.current.closing
         );
-        const s = T.stack.groups.get(this.group.current), i = s == null ? void 0 : s.find((c) => c.opened);
+        const s = k.stack.groups.get(this.group.current), i = s == null ? void 0 : s.find((l) => l.opened);
         document.documentElement.classList.toggle(
           `${this.group.current}-opened`,
           !!i
@@ -167,25 +167,25 @@ const T = class T extends HTMLElement {
     return t(this, v);
   }
   get restore() {
-    return t(this, k);
+    return t(this, A);
   }
   get dispatchResize() {
-    return t(this, A);
+    return t(this, C);
   }
   get closeRest() {
-    return t(this, R);
+    return t(this, $);
   }
   get closeRestInGroup() {
-    return t(this, $);
+    return t(this, V);
   }
   get group() {
     return t(this, b);
   }
   get clickOutside() {
-    return t(this, V);
+    return t(this, O);
   }
   get escape() {
-    return t(this, O);
+    return t(this, q);
   }
   get opened() {
     return t(this, m);
@@ -197,47 +197,47 @@ const T = class T extends HTMLElement {
     return `${this.id}${this.urlValue ? "=" + this.urlValue : ""}`;
   }
   updateUrlValue(e) {
-    this.urlValue = (e == null ? void 0 : e.toString()) || "", t(this, m) && pt(this.id, e);
+    this.urlValue = (e == null ? void 0 : e.toString()) || "", t(this, m) && ft(this.id, e);
   }
   open(e) {
     if (t(this, m))
       return;
-    o(this, z, e == null ? void 0 : e.trigger), clearTimeout(t(this, H)), clearTimeout(t(this, W)), p(this, u, L).call(this, !1, this.closingClass), t(this, a).set("closing", !1), t(this, a).set("triggered", !0), q(this, "popoverTriggered", {
+    o(this, z, e == null ? void 0 : e.trigger), clearTimeout(t(this, H)), clearTimeout(t(this, G)), p(this, u, T).call(this, !1, this.closingClass), t(this, a).set("closing", !1), t(this, a).set("triggered", !0), W(this, "popoverTriggered", {
       custom: !0,
       detail: {
         trigger: t(this, z)
       }
-    }), t(this, v).current && t(this, y) && history.pushState(history.state, "", t(this, u, ct)), t(this, a).set("beforeopen", !0), o(this, m, !0);
+    }), t(this, v).current && t(this, y) && history.pushState(history.state, "", t(this, u, at)), t(this, a).set("beforeopen", !0), o(this, m, !0);
     const s = () => {
-      T.stack.add(t(this, b).current, this), t(this, B).forEach((i) => {
+      k.stack.add(t(this, b).current, this), t(this, F).forEach((i) => {
         i.scroll({
           top: 0,
           left: 0,
           behavior: "instant"
         });
-      }), p(this, u, L).call(this, !0, this.openClass), t(this, a).set("opened", !0), t(this, A).current ? q(window, "resize", { custom: !0 }) : t(this, P).call(this), q(this, "popoverOpened", {
+      }), p(this, u, T).call(this, !0, this.openClass), t(this, a).set("opened", !0), t(this, C).current ? W(window, "resize", { custom: !0 }) : t(this, S).call(this), W(this, "popoverOpened", {
         custom: !0,
         detail: {
           trigger: t(this, z)
         },
         bubbles: !0
-      }), o(this, S, void 0), o(this, G, setTimeout(() => {
-        t(this, a).set("transitionend", !0), q(this, "popoverTransitionend");
-      }, nt(this) + 10));
+      }), o(this, R, void 0), o(this, B, setTimeout(() => {
+        t(this, a).set("transitionend", !0), W(this, "popoverTransitionend");
+      }, lt(this) + 10));
     };
-    e != null && e.skipTransition ? s() : o(this, S, requestAnimationFrame(s));
+    e != null && e.skipTransition ? s() : o(this, R, requestAnimationFrame(s));
   }
   close() {
-    t(this, m) && (o(this, m, !1), cancelAnimationFrame(t(this, S)), clearTimeout(t(this, G)), T.stack.remove(t(this, b).current, this), p(this, u, Z).call(this), o(this, H, setTimeout(() => {
-      t(this, a).set("transitionend", !1), t(this, a).set("opened", !1), t(this, a).set("closing", !0), p(this, u, L).call(this, !1, this.openClass), p(this, u, L).call(this, !0, this.closingClass), q(this, "popoverClosing", {
+    t(this, m) && (o(this, m, !1), cancelAnimationFrame(t(this, R)), clearTimeout(t(this, B)), k.stack.remove(t(this, b).current, this), p(this, u, Z).call(this), o(this, H, setTimeout(() => {
+      t(this, a).set("transitionend", !1), t(this, a).set("opened", !1), t(this, a).set("closing", !0), p(this, u, T).call(this, !1, this.openClass), p(this, u, T).call(this, !0, this.closingClass), W(this, "popoverClosing", {
         custom: !0,
         bubbles: !0
-      }), o(this, W, setTimeout(() => {
-        t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), p(this, u, L).call(this, !1, this.closingClass), q(this, "popoverClosed", {
+      }), o(this, G, setTimeout(() => {
+        t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), p(this, u, T).call(this, !1, this.closingClass), W(this, "popoverClosed", {
           custom: !0,
           bubbles: !0
         });
-      }, nt(this) + 10));
+      }, lt(this) + 10));
     }, 10)));
   }
   connectedCallback() {
@@ -246,26 +246,26 @@ const T = class T extends HTMLElement {
         `[data-popover-close${this.id ? `="${this.id}"` : ""}]`
       )
     ]), t(this, M).forEach((e) => {
-      e.addEventListener("click", t(this, D));
-    }), o(this, B, [
+      e.addEventListener("click", t(this, U));
+    }), o(this, F, [
       ...this.querySelectorAll(
         `[data-popover-reset-scroll${this.id ? `="${this.id}"` : ""}]`
       )
-    ]), t(this, v).observe(), t(this, k).observe(), t(this, A).observe(), t(this, R).observe(), t(this, $).observe(), t(this, b).observe(), t(this, V).observe(), t(this, O).observe(), t(this, C).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", t(this, F)), setTimeout(() => {
-      t(this, k).current ? (o(this, y, !1), this.urlValue = dt(location.search)[this.id], location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), o(this, y, !0)) : (p(this, u, Z).call(this), o(this, y, !0));
-    }, 0), t(this, C).subscribe(() => {
-      t(this, P).call(this);
-    }), lt.subscribe(t(this, P));
+    ]), t(this, v).observe(), t(this, A).observe(), t(this, C).observe(), t(this, $).observe(), t(this, V).observe(), t(this, b).observe(), t(this, O).observe(), t(this, q).observe(), t(this, P).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", t(this, D)), setTimeout(() => {
+      t(this, A).current ? (o(this, y, !1), this.urlValue = gt(location.search)[this.id], location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), o(this, y, !0)) : (p(this, u, Z).call(this), o(this, y, !0));
+    }, 0), t(this, P).subscribe(() => {
+      t(this, S).call(this);
+    }), ct.subscribe(t(this, S));
   }
   disconnectedCallback() {
     t(this, M).forEach((e) => {
-      e.removeEventListener("click", t(this, D));
-    }), T.stack.remove(t(this, b).current, this), lt.unsubscribe(t(this, P)), t(this, v).close(), t(this, k).close(), t(this, A).close(), t(this, R).close(), t(this, $).close(), t(this, b).close(), t(this, V).close(), t(this, O).close(), t(this, C).close(), this.removeAttribute("role"), p(this, u, L).call(this, !1, this.openClass), p(this, u, L).call(this, !1, this.closingClass), clearTimeout(t(this, H)), clearTimeout(t(this, W)), clearTimeout(t(this, S)), clearTimeout(t(this, G)), removeEventListener("popstate", t(this, F)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), this.style.removeProperty("--viewport-offset-x"), this.style.removeProperty("--viewport-offset-y"), p(this, u, Z).call(this);
+      e.removeEventListener("click", t(this, U));
+    }), k.stack.remove(t(this, b).current, this), ct.unsubscribe(t(this, S)), t(this, v).close(), t(this, A).close(), t(this, C).close(), t(this, $).close(), t(this, V).close(), t(this, b).close(), t(this, O).close(), t(this, q).close(), t(this, P).close(), this.removeAttribute("role"), p(this, u, T).call(this, !1, this.openClass), p(this, u, T).call(this, !1, this.closingClass), clearTimeout(t(this, H)), clearTimeout(t(this, G)), clearTimeout(t(this, R)), clearTimeout(t(this, B)), removeEventListener("popstate", t(this, D)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), this.style.removeProperty("--viewport-offset-x"), this.style.removeProperty("--viewport-offset-y"), p(this, u, Z).call(this);
   }
 };
-m = new WeakMap(), H = new WeakMap(), W = new WeakMap(), S = new WeakMap(), G = new WeakMap(), v = new WeakMap(), k = new WeakMap(), A = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), b = new WeakMap(), V = new WeakMap(), O = new WeakMap(), C = new WeakMap(), y = new WeakMap(), z = new WeakMap(), a = new WeakMap(), M = new WeakMap(), B = new WeakMap(), u = new WeakSet(), ct = function() {
+m = new WeakMap(), H = new WeakMap(), G = new WeakMap(), R = new WeakMap(), B = new WeakMap(), v = new WeakMap(), A = new WeakMap(), C = new WeakMap(), $ = new WeakMap(), V = new WeakMap(), b = new WeakMap(), O = new WeakMap(), q = new WeakMap(), P = new WeakMap(), y = new WeakMap(), z = new WeakMap(), a = new WeakMap(), M = new WeakMap(), F = new WeakMap(), u = new WeakSet(), at = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.idWithValue}`;
-}, L = function(e, s) {
+}, T = function(e, s) {
   s && s.split(" ").map((i) => {
     document.documentElement.classList.toggle(i.trim(), e);
   });
@@ -274,20 +274,20 @@ m = new WeakMap(), H = new WeakMap(), W = new WeakMap(), S = new WeakMap(), G =
     const e = new URL(location.href);
     e.searchParams.delete(this.id), history.replaceState(history.state, "", e.href);
   }
-}, F = new WeakMap(), P = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), D = new WeakMap(), T.stack = new ft();
-let N = T;
-rt && !customElements.get("e-popover") && customElements.define("e-popover", N);
-var n, g, x, st, j, I, J, K, it;
-class gt extends HTMLElement {
+}, D = new WeakMap(), S = new WeakMap(), I = new WeakMap(), X = new WeakMap(), U = new WeakMap(), k.stack = new mt();
+let _ = k;
+ot && !customElements.get("e-popover") && customElements.define("e-popover", _);
+var n, g, x, it, Y, j, J, K, rt;
+class vt extends HTMLElement {
   constructor() {
     super();
     r(this, x);
     r(this, n);
     r(this, g, new E(this, "--type", "open"));
-    r(this, j, (e) => {
+    r(this, Y, (e) => {
       e.target === t(this, n) && t(this, g).current !== "close" && this.classList.add("triggered");
     });
-    r(this, I, (e) => {
+    r(this, j, (e) => {
       e.target === t(this, n) && t(this, g).current !== "close" && (this.classList.add("opened"), this.setAttribute("aria-expanded", "true"));
     });
     r(this, J, (e) => {
@@ -296,7 +296,7 @@ class gt extends HTMLElement {
     r(this, K, (e) => {
       e.target === t(this, n) && t(this, g).current !== "close" && (this.classList.remove("triggered"), this.setAttribute("aria-expanded", "false"));
     });
-    rt && (this.addEventListener("click", () => {
+    ot && (this.addEventListener("click", () => {
       if (t(this, n)) {
         const e = t(this, g).current;
         e === "open" || e === "toggle" && !t(this, n).opened ? t(this, n).open({ trigger: this }) : (e === "close" || e === "toggle" && t(this, n).opened) && t(this, n).close();
@@ -313,34 +313,44 @@ class gt extends HTMLElement {
   }
   changePopover(e) {
     var s;
-    if (p(this, x, st).call(this), e) {
+    if (p(this, x, it).call(this), e) {
       let i = null;
       if (e === "parent") {
-        const c = this.closest("[data-popover]");
-        if (c)
-          i = c;
+        const l = this.closest("[data-popover]");
+        if (l)
+          i = l;
         else {
-          const f = this.getRootNode();
-          f instanceof ShadowRoot ? i = f.host.closest("[data-popover]") : f instanceof HTMLElement && (i = f.closest("[data-popover]"));
+          const d = this.getRootNode();
+          d instanceof ShadowRoot ? i = d.host.closest("[data-popover]") : d instanceof HTMLElement && (i = d.closest("[data-popover]"));
         }
       } else if (e === "sibling")
         i = (s = this.parentElement) == null ? void 0 : s.querySelector("[data-popover]");
       else if (e === "ancestor-child") {
-        const c = (f) => {
-          if (!f)
+        const l = (d) => {
+          if (!d)
             return null;
-          let U = f.querySelector("[data-popover]");
-          return !U && (f != null && f.parentElement) && (U = c(f.parentElement)), U;
+          let L = d.querySelector("[data-popover]");
+          return !L && (d != null && d.parentElement) && (L = l(d.parentElement)), L;
         };
-        i = c(this.parentElement) || null;
-      } else
-        !e.startsWith(".") && !e.startsWith("[") && (e = `#${e}`), i = document.querySelector(e) || this.getRootNode().querySelector(e);
+        i = l(this.parentElement) || null;
+      } else {
+        let l = e;
+        if (isNaN(parseInt(l)) && !e.startsWith(".") && !e.startsWith("[") && !e.startsWith("#") && (l = `#${e}`), i = document.querySelector(l) || this.getRootNode().querySelector(l), !i) {
+          const L = [...document.querySelectorAll("[data-popover-ids]")].find(
+            (N) => {
+              var ht;
+              return (ht = N.getAttribute("data-popover-ids")) == null ? void 0 : ht.split(",").find((ut) => ut.trim() === e);
+            }
+          );
+          L && (i = L);
+        }
+      }
       i instanceof HTMLElement ? (o(this, n, i), t(this, n).addEventListener(
         "popoverTriggered",
-        t(this, j)
+        t(this, Y)
       ), t(this, n).addEventListener(
         "popoverOpened",
-        t(this, I)
+        t(this, j)
       ), t(this, n).addEventListener(
         "popoverClosing",
         t(this, J)
@@ -349,26 +359,26 @@ class gt extends HTMLElement {
         t(this, K)
       )) : console.warn(this, `target ${e} not found`);
     }
-    p(this, x, it).call(this, t(this, g).current);
+    p(this, x, rt).call(this, t(this, g).current);
   }
   connectedCallback() {
     t(this, g).subscribe((s) => {
-      p(this, x, it).call(this, s.current);
+      p(this, x, rt).call(this, s.current);
     }), this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("role") || this.setAttribute("role", "button");
     const e = this.getAttribute("target");
     e && this.changePopover(e), this.isConnected && t(this, g).observe();
   }
   disconnectedCallback() {
-    t(this, g).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), this.removeAttribute("role"), this.removeAttribute("tabindex"), p(this, x, st).call(this);
+    t(this, g).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), this.removeAttribute("role"), this.removeAttribute("tabindex"), p(this, x, it).call(this);
   }
 }
-n = new WeakMap(), g = new WeakMap(), x = new WeakSet(), st = function() {
+n = new WeakMap(), g = new WeakMap(), x = new WeakSet(), it = function() {
   t(this, n) && (t(this, n).removeEventListener(
     "popoverTriggered",
-    t(this, j)
+    t(this, Y)
   ), t(this, n).removeEventListener(
     "popoverOpened",
-    t(this, I)
+    t(this, j)
   ), t(this, n).removeEventListener(
     "popoverClosing",
     t(this, J)
@@ -376,14 +386,14 @@ n = new WeakMap(), g = new WeakMap(), x = new WeakSet(), st = function() {
     "popoverClosed",
     t(this, K)
   ));
-}, j = new WeakMap(), I = new WeakMap(), J = new WeakMap(), K = new WeakMap(), it = function(e) {
-  t(this, n) instanceof N && (e !== "close" ? (this.setAttribute("aria-haspopup", "true"), this.setAttribute(
+}, Y = new WeakMap(), j = new WeakMap(), J = new WeakMap(), K = new WeakMap(), rt = function(e) {
+  t(this, n) instanceof _ && (e !== "close" ? (this.setAttribute("aria-haspopup", "true"), this.setAttribute(
     "aria-expanded",
     t(this, n).opened ? "true" : "false"
   ), this.setAttribute("aria-controls", t(this, n).id || "")) : (this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls")));
 };
-rt && !customElements.get("e-popover-button") && customElements.define("e-popover-button", gt);
+ot && !customElements.get("e-popover-button") && customElements.define("e-popover-button", vt);
 export {
-  gt as PopoverButtonElement,
-  N as PopoverElement
+  vt as PopoverButtonElement,
+  _ as PopoverElement
 };

package/package.json

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