aptechka 0.65.9 → 0.66.1

package/lib/billboard/index.cjs

@@ -1 +1 @@
-"use strict";var W=n=>{throw TypeError(n)};var Q=(n,l,e)=>l.has(n)||W("Cannot "+e);var t=(n,l,e)=>(Q(n,l,"read from private field"),e?e.call(n):l.get(n)),i=(n,l,e)=>l.has(n)?W("Cannot add the same private member more than once"):l instanceof WeakSet?l.add(n):l.set(n,e),c=(n,l,e,s)=>(Q(n,l,"write to private field"),s?s.call(n,e):l.set(n,e),e),d=(n,l,e)=>(Q(n,l,"access private method"),e);var F=(n,l,e)=>new Promise((s,r)=>{var o=v=>{try{x(e.next(v))}catch(z){r(z)}},f=v=>{try{x(e.throw(v))}catch(z){r(z)}},x=v=>v.done?s(v.value):Promise.resolve(v.value).then(o,f);x((e=e.apply(n,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../index-DekP7OZe.cjs"),et=require("../custom-elements-Dh4TWRDJ.cjs"),V=require("../dom-JBOkFLTh.cjs");require("construct-style-sheets-polyfill");const P=require("../css-property/index.cjs"),st=require("../events-KVanG9sR.cjs"),it=require("../gestures-C7gbKx11.cjs"),rt=require("../math-GDWEqu7y.cjs"),X=require("../number-ChAm68cm.cjs");var T,A,E,L,C,B,N,m,h,b,a,R,G,q,O,U,M,J,K;class j extends HTMLElement{constructor(){super(...arguments);i(this,a);i(this,T,new P.CSSProperty(this,"--resize",!0));i(this,A,new P.CSSProperty(this,"--loop",!0));i(this,E,new P.CSSProperty(this,"--autoplay",!1));i(this,L,new P.CSSProperty(this,"--swipe","x"));i(this,C);i(this,B,!1);i(this,N,[]);i(this,m,new Map);i(this,h,0);i(this,b,0);i(this,q,e=>{c(this,B,e.isIntersecting),t(this,B)?d(this,a,G).call(this):clearInterval(t(this,C))});i(this,O,()=>{clearInterval(t(this,C)),t(this,B)&&c(this,C,setInterval(t(this,J),this.autoplayDuration))});i(this,J,()=>{d(this,a,M).call(this,t(this,h)+1)});i(this,K,e=>{if(!t(this,L).current)return;let s=0;it.setupDrag(r=>{const o=e.x-r.x,f=e.y-r.y;t(this,L).current==="x"?Math.abs(o)>Math.abs(f)&&Math.abs(o)>10&&(s=Math.sign(o)):t(this,L).current==="y"&&Math.abs(f)>Math.abs(o)&&Math.abs(f)>10&&(s=Math.sign(f))},()=>{s&&this.shift(s)})})}get counter(){return t(this,h)}get loop(){return t(this,A)}get autoplay(){return t(this,E)}get autoplayDuration(){return parseFloat(t(this,E).current||"0")*1e3}get swipe(){return t(this,L)}get itemElements(){return t(this,N)}get groups(){return t(this,m)}get length(){return t(this,b)}addItem(e){d(this,a,R).call(this,e),d(this,a,M).call(this)}set(e){(!this.handleSet||this.handleSet(e))&&(d(this,a,M).call(this,e),d(this,a,G).call(this))}shift(e){this.set(t(this,h)+e)}connectedCallback(){[...this.querySelectorAll(`[data-billboard-item${this.id?`="${this.id}"`:""}]`)].forEach(s=>{d(this,a,R).call(this,s)}),t(this,m).forEach(s=>{var r;(r=s[0])==null||r.classList.add("current")}),t(this,E).subscribe(s=>{s.current?(I.intersector.subscribe(this,t(this,q)),d(this,a,G).call(this)):(c(this,B,!0),I.intersector.unsubscribe(t(this,q)),clearInterval(t(this,C)),d(this,a,M).call(this,0))}),t(this,E).observe(),t(this,L).observe(),t(this,A).observe(),t(this,T).observe(),d(this,a,M).call(this,0),this.addEventListener("pointerdown",t(this,K))}disconnectedCallback(){t(this,E).unobserve(),t(this,L).unobserve(),t(this,A).unobserve(),t(this,T).unobserve(),t(this,m).clear(),I.intersector.unsubscribe(t(this,q)),clearInterval(t(this,C))}}T=new WeakMap,A=new WeakMap,E=new WeakMap,L=new WeakMap,C=new WeakMap,B=new WeakMap,N=new WeakMap,m=new WeakMap,h=new WeakMap,b=new WeakMap,a=new WeakSet,R=function(e){t(this,N).push(e);const s=e.getAttribute("data-billboard-item-group")||"default";let r=t(this,m).get(s);r||(r=[],t(this,m).set(s,r)),r.push(e),c(this,b,0),t(this,m).forEach(o=>{o.length>t(this,b)&&c(this,b,o.length)})},G=function(){t(this,E).current!==!1&&t(this,O).call(this)},q=new WeakMap,O=new WeakMap,U=function(e,s){e.classList.remove("current","previous","next","previous-sibling","next-sibling"),s===t(this,h)?e.classList.add("current"):s<t(this,h)?e.classList.add("previous"):s>t(this,h)&&e.classList.add("next"),s===X.loopNumber(t(this,h)-1,this.length)?e.classList.add("previous-sibling"):s===(t(this,h)+1)%this.length&&e.classList.add("next-sibling")},M=function(){return F(this,arguments,function*(e=t(this,h)){const s=t(this,h);t(this,A).current?c(this,h,X.loopNumber(e,t(this,b))):c(this,h,rt.clamp(e,0,t(this,b)-1)),this.classList.remove("forward","backward","next-round","prev-round"),t(this,h)-s>=0?this.classList.add("forward"):t(this,h)-s<0&&this.classList.add("backward");let r=[];t(this,m).forEach(o=>{o.forEach((f,x)=>{const v=f.classList.contains("visited");x===t(this,h)&&!v?(f.classList.add("visited"),r.push(new Promise(z=>{setTimeout(()=>{d(this,a,U).call(this,f,x),z()},10)}))):d(this,a,U).call(this,f,x)})}),r.length&&(yield Promise.all(r)),this.classList.toggle("has-length",t(this,b)>1),this.classList.toggle("start",t(this,h)===0),this.classList.toggle("end",t(this,h)===t(this,b)-1),this.style.setProperty("--counter",t(this,h).toString()),this.style.setProperty("--sections",t(this,b).toString()),t(this,h)!==s&&(st.dispatchEvent(this,"billboardChange",{detail:{counter:t(this,h)}}),t(this,T).current&&setTimeout(()=>{window.dispatchEvent(new Event("resize"))},0)),setTimeout(()=>{this.classList.remove("next-round","prev-round")},10)})},J=new WeakMap,K=new WeakMap;customElements.get("e-billboard")||customElements.define("e-billboard",j);var p,D,g,_,H;class Y extends HTMLElement{constructor(){super(...arguments);i(this,p,null);i(this,D,null);i(this,g,[]);i(this,_,e=>{const s=e.currentTarget,r=t(this,g).findIndex(o=>o===s);r>=0&&t(this,p).set(r)});i(this,H,()=>{t(this,g).forEach((e,s)=>{s===t(this,p).counter?e.classList.add("current"):e.classList.remove("current")})})}get buttonElements(){return t(this,g)}connectedCallback(){return F(this,null,function*(){var e;if(yield et.whenDefined("e-billboard"),c(this,p,V.findParentElement(this,j)),t(this,p)&&this.isConnected){this.innerHTML="";const s=t(this,p).length;c(this,D,document.createElement("div"));for(let r=0;r<s;r++){const o=document.createElement("button");o.setAttribute("aria-label",`Go to item ${r+1}`),t(this,g).push(o),t(this,D).appendChild(o)}this.appendChild(t(this,D)),t(this,g).forEach(r=>{r.addEventListener("click",t(this,_))}),(e=t(this,p))==null||e.addEventListener("billboardChange",t(this,H)),t(this,H).call(this)}})}disconnectedCallback(){var e;t(this,g).forEach(s=>{s.removeEventListener("click",t(this,_))}),(e=t(this,p))==null||e.removeEventListener("billboardChange",t(this,H)),this.innerHTML="",c(this,g,[])}}p=new WeakMap,D=new WeakMap,g=new WeakMap,_=new WeakMap,H=new WeakMap;I.isBrowser&&!customElements.get("e-billboard-bullets")&&customElements.define("e-billboard-bullets",Y);var w,y,k;class Z extends HTMLElement{constructor(){super();i(this,w,new P.CSSProperty(this,"--index",0));i(this,y,null);i(this,k,()=>{var e;t(this,w).current===((e=t(this,y))==null?void 0:e.counter)?this.classList.add("current"):this.classList.remove("current")});this.addEventListener("click",e=>{t(this,y)&&(!this.handleClick||this.handleClick(e))&&t(this,y).set(t(this,w).current)}),this.addEventListener("keydown",e=>{e.code==="Space"&&!this.hasAttribute("keydown-disabled")&&(e.preventDefault(),this.click())})}connectedCallback(){var e;this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("role")||this.setAttribute("role","button"),c(this,y,V.findParentElement(this,j)),(e=t(this,y))==null||e.addEventListener("billboardChange",t(this,k)),customElements.whenDefined("e-billboard").then(()=>{this.isConnected&&t(this,k).call(this)}),t(this,w).subscribe(t(this,k)),t(this,w).observe()}disconnectedCallback(){var e;this.removeAttribute("tabindex"),this.removeAttribute("role"),t(this,w).unsubscribe(t(this,k)),t(this,w).unobserve(),(e=t(this,y))==null||e.removeEventListener("billboardChange",t(this,k))}}w=new WeakMap,y=new WeakMap,k=new WeakMap;I.isBrowser&&!customElements.get("e-billboard-set-button")&&customElements.define("e-billboard-set-button",Z);var S,u,$;class tt extends HTMLElement{constructor(){super();i(this,S,new P.CSSProperty(this,"--step",1));i(this,u,null);i(this,$,()=>{t(this,u)&&(!t(this,u).loop.current&&(t(this,u).counter===0&&t(this,S).current<=0||t(this,u).counter===t(this,u).length-1&&t(this,S).current>=0)?this.setAttribute("disabled",""):this.removeAttribute("disabled"))});this.addEventListener("click",e=>{t(this,u)&&(!this.handleClick||this.handleClick(e))&&t(this,u).shift(t(this,S).current)}),this.addEventListener("keydown",e=>{e.code==="Space"&&!this.hasAttribute("keydown-disabled")&&(e.preventDefault(),this.click())})}connectedCallback(){return F(this,null,function*(){var e;yield customElements.whenDefined("e-billboard"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("role")||this.setAttribute("role","button"),t(this,S).observe(),this.tabIndex=0,c(this,u,V.findParentElement(this,j)),(e=t(this,u))==null||e.addEventListener("billboardChange",t(this,$)),setTimeout(()=>{t(this,$).call(this)},0)})}disconnectedCallback(){var e;this.removeAttribute("tabindex"),this.removeAttribute("role"),t(this,S).unobserve(),(e=t(this,u))==null||e.removeEventListener("billboardChange",t(this,$))}}S=new WeakMap,u=new WeakMap,$=new WeakMap;I.isBrowser&&!customElements.get("e-billboard-step-button")&&customElements.define("e-billboard-step-button",tt);exports.BillboardBulletsElement=Y;exports.BillboardElement=j;exports.BillboardSetButtonElement=Z;exports.BillboardStepButtonElement=tt;
+"use strict";var W=n=>{throw TypeError(n)};var R=(n,l,e)=>l.has(n)||W("Cannot "+e);var t=(n,l,e)=>(R(n,l,"read from private field"),e?e.call(n):l.get(n)),i=(n,l,e)=>l.has(n)?W("Cannot add the same private member more than once"):l instanceof WeakSet?l.add(n):l.set(n,e),d=(n,l,e,s)=>(R(n,l,"write to private field"),s?s.call(n,e):l.set(n,e),e),c=(n,l,e)=>(R(n,l,"access private method"),e);var F=(n,l,e)=>new Promise((s,r)=>{var o=v=>{try{C(e.next(v))}catch(z){r(z)}},b=v=>{try{C(e.throw(v))}catch(z){r(z)}},C=v=>v.done?s(v.value):Promise.resolve(v.value).then(o,b);C((e=e.apply(n,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../index-DekP7OZe.cjs"),et=require("../custom-elements-Dh4TWRDJ.cjs"),V=require("../dom-JBOkFLTh.cjs");require("construct-style-sheets-polyfill");const P=require("../css-property/index.cjs"),st=require("../events-KVanG9sR.cjs"),it=require("../gestures-C7gbKx11.cjs"),rt=require("../math-GDWEqu7y.cjs"),X=require("../number-ChAm68cm.cjs");var T,A,E,L,k,B,N,p,h,f,a,U,G,q,J,O,M,K,Q;class j extends HTMLElement{constructor(){super(...arguments);i(this,a);i(this,T,new P.CSSProperty(this,"--resize",!0));i(this,A,new P.CSSProperty(this,"--loop",!0));i(this,E,new P.CSSProperty(this,"--autoplay",!1));i(this,L,new P.CSSProperty(this,"--swipe","x"));i(this,k);i(this,B,!1);i(this,N,[]);i(this,p,new Map);i(this,h,0);i(this,f,0);i(this,q,e=>{d(this,B,e.isIntersecting),t(this,B)?c(this,a,G).call(this):clearInterval(t(this,k))});i(this,J,()=>{clearInterval(t(this,k)),t(this,B)&&d(this,k,setInterval(t(this,K),this.autoplayDuration))});i(this,K,()=>{c(this,a,M).call(this,t(this,h)+1)});i(this,Q,e=>{if(!t(this,L).current)return;let s=0;it.setupDrag(r=>{const o=e.x-r.x,b=e.y-r.y;t(this,L).current==="x"?Math.abs(o)>Math.abs(b)&&Math.abs(o)>10&&(s=Math.sign(o)):t(this,L).current==="y"&&Math.abs(b)>Math.abs(o)&&Math.abs(b)>10&&(s=Math.sign(b))},()=>{s&&this.shift(s)})})}get counter(){return t(this,h)}get loop(){return t(this,A)}get autoplay(){return t(this,E)}get autoplayDuration(){return parseFloat(t(this,E).current||"0")*1e3}get swipe(){return t(this,L)}get itemElements(){return t(this,N)}get groups(){return t(this,p)}get length(){return t(this,f)}addItem(e){c(this,a,U).call(this,e),c(this,a,M).call(this)}set(e){(!this.handleSet||this.handleSet(e))&&(c(this,a,M).call(this,e),c(this,a,G).call(this))}shift(e){this.set(t(this,h)+e)}connectedCallback(){[...this.querySelectorAll(`[data-billboard-item${this.id?`="${this.id}"`:""}]`)].forEach(s=>{c(this,a,U).call(this,s)}),t(this,p).forEach(s=>{var r;(r=s[0])==null||r.classList.add("current")}),t(this,E).subscribe(s=>{s.current?(I.intersector.subscribe(this,t(this,q)),c(this,a,G).call(this)):(d(this,B,!0),I.intersector.unsubscribe(t(this,q)),clearInterval(t(this,k)),c(this,a,M).call(this,0))}),t(this,E).observe(),t(this,L).observe(),t(this,A).observe(),t(this,T).observe(),c(this,a,M).call(this,0),this.addEventListener("pointerdown",t(this,Q))}disconnectedCallback(){t(this,E).unobserve(),t(this,L).unobserve(),t(this,A).unobserve(),t(this,T).unobserve(),t(this,p).clear(),I.intersector.unsubscribe(t(this,q)),clearInterval(t(this,k))}}T=new WeakMap,A=new WeakMap,E=new WeakMap,L=new WeakMap,k=new WeakMap,B=new WeakMap,N=new WeakMap,p=new WeakMap,h=new WeakMap,f=new WeakMap,a=new WeakSet,U=function(e){t(this,N).push(e);const s=e.getAttribute("data-billboard-item-group")||"default";let r=t(this,p).get(s);r||(r=[],t(this,p).set(s,r)),r.push(e),d(this,f,0),t(this,p).forEach(o=>{o.length>t(this,f)&&d(this,f,o.length)})},G=function(){t(this,E).current!==!1&&t(this,J).call(this)},q=new WeakMap,J=new WeakMap,O=function(e,s){e.classList.remove("current","previous","next","previous-sibling","next-sibling"),s===t(this,h)?e.classList.add("current"):s<t(this,h)?e.classList.add("previous"):s>t(this,h)&&e.classList.add("next"),s===X.loopNumber(t(this,h)-1,this.length)?e.classList.add("previous-sibling"):s===(t(this,h)+1)%this.length&&e.classList.add("next-sibling")},M=function(){return F(this,arguments,function*(e=t(this,h)){const s=t(this,h);t(this,A).current?d(this,h,X.loopNumber(e,t(this,f))):d(this,h,rt.clamp(e,0,t(this,f)-1)),this.classList.remove("forward","backward","next-round","prev-round"),t(this,h)-s>=0?this.classList.add("forward"):t(this,h)-s<0&&this.classList.add("backward");let r=[];t(this,p).forEach(o=>{o.forEach((b,C)=>{if(this.hasAttribute("visited-class")){const v=b.classList.contains("visited");C===t(this,h)&&!v?(b.classList.add("visited"),r.push(new Promise(z=>{setTimeout(()=>{c(this,a,O).call(this,b,C),z()},10)}))):c(this,a,O).call(this,b,C)}else c(this,a,O).call(this,b,C)})}),r.length&&(yield Promise.all(r)),this.classList.toggle("has-length",t(this,f)>1),this.classList.toggle("start",t(this,h)===0),this.classList.toggle("end",t(this,h)===t(this,f)-1),this.style.setProperty("--counter",t(this,h).toString()),this.style.setProperty("--sections",t(this,f).toString()),t(this,h)!==s&&(st.dispatchEvent(this,"billboardChange",{detail:{counter:t(this,h)}}),t(this,T).current&&setTimeout(()=>{window.dispatchEvent(new Event("resize"))},0)),setTimeout(()=>{this.classList.remove("next-round","prev-round")},10)})},K=new WeakMap,Q=new WeakMap;customElements.get("e-billboard")||customElements.define("e-billboard",j);var m,D,g,_,H;class Y extends HTMLElement{constructor(){super(...arguments);i(this,m,null);i(this,D,null);i(this,g,[]);i(this,_,e=>{const s=e.currentTarget,r=t(this,g).findIndex(o=>o===s);r>=0&&t(this,m).set(r)});i(this,H,()=>{t(this,g).forEach((e,s)=>{s===t(this,m).counter?e.classList.add("current"):e.classList.remove("current")})})}get buttonElements(){return t(this,g)}connectedCallback(){return F(this,null,function*(){var e;if(yield et.whenDefined("e-billboard"),d(this,m,V.findParentElement(this,j)),t(this,m)&&this.isConnected){this.innerHTML="";const s=t(this,m).length;d(this,D,document.createElement("div"));for(let r=0;r<s;r++){const o=document.createElement("button");o.setAttribute("aria-label",`Go to item ${r+1}`),t(this,g).push(o),t(this,D).appendChild(o)}this.appendChild(t(this,D)),t(this,g).forEach(r=>{r.addEventListener("click",t(this,_))}),(e=t(this,m))==null||e.addEventListener("billboardChange",t(this,H)),t(this,H).call(this)}})}disconnectedCallback(){var e;t(this,g).forEach(s=>{s.removeEventListener("click",t(this,_))}),(e=t(this,m))==null||e.removeEventListener("billboardChange",t(this,H)),this.innerHTML="",d(this,g,[])}}m=new WeakMap,D=new WeakMap,g=new WeakMap,_=new WeakMap,H=new WeakMap;I.isBrowser&&!customElements.get("e-billboard-bullets")&&customElements.define("e-billboard-bullets",Y);var w,y,S;class Z extends HTMLElement{constructor(){super();i(this,w,new P.CSSProperty(this,"--index",0));i(this,y,null);i(this,S,()=>{var e;t(this,w).current===((e=t(this,y))==null?void 0:e.counter)?this.classList.add("current"):this.classList.remove("current")});this.addEventListener("click",e=>{t(this,y)&&(!this.handleClick||this.handleClick(e))&&t(this,y).set(t(this,w).current)}),this.addEventListener("keydown",e=>{e.code==="Space"&&!this.hasAttribute("keydown-disabled")&&(e.preventDefault(),this.click())})}connectedCallback(){var e;this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("role")||this.setAttribute("role","button"),d(this,y,V.findParentElement(this,j)),(e=t(this,y))==null||e.addEventListener("billboardChange",t(this,S)),customElements.whenDefined("e-billboard").then(()=>{this.isConnected&&t(this,S).call(this)}),t(this,w).subscribe(t(this,S)),t(this,w).observe()}disconnectedCallback(){var e;this.removeAttribute("tabindex"),this.removeAttribute("role"),t(this,w).unsubscribe(t(this,S)),t(this,w).unobserve(),(e=t(this,y))==null||e.removeEventListener("billboardChange",t(this,S))}}w=new WeakMap,y=new WeakMap,S=new WeakMap;I.isBrowser&&!customElements.get("e-billboard-set-button")&&customElements.define("e-billboard-set-button",Z);var x,u,$;class tt extends HTMLElement{constructor(){super();i(this,x,new P.CSSProperty(this,"--step",1));i(this,u,null);i(this,$,()=>{t(this,u)&&(!t(this,u).loop.current&&(t(this,u).counter===0&&t(this,x).current<=0||t(this,u).counter===t(this,u).length-1&&t(this,x).current>=0)?this.setAttribute("disabled",""):this.removeAttribute("disabled"))});this.addEventListener("click",e=>{t(this,u)&&(!this.handleClick||this.handleClick(e))&&t(this,u).shift(t(this,x).current)}),this.addEventListener("keydown",e=>{e.code==="Space"&&!this.hasAttribute("keydown-disabled")&&(e.preventDefault(),this.click())})}connectedCallback(){return F(this,null,function*(){var e;yield customElements.whenDefined("e-billboard"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute("role")||this.setAttribute("role","button"),t(this,x).observe(),this.tabIndex=0,d(this,u,V.findParentElement(this,j)),(e=t(this,u))==null||e.addEventListener("billboardChange",t(this,$)),setTimeout(()=>{t(this,$).call(this)},0)})}disconnectedCallback(){var e;this.removeAttribute("tabindex"),this.removeAttribute("role"),t(this,x).unobserve(),(e=t(this,u))==null||e.removeEventListener("billboardChange",t(this,$))}}x=new WeakMap,u=new WeakMap,$=new WeakMap;I.isBrowser&&!customElements.get("e-billboard-step-button")&&customElements.define("e-billboard-step-button",tt);exports.BillboardBulletsElement=Y;exports.BillboardElement=j;exports.BillboardSetButtonElement=Z;exports.BillboardStepButtonElement=tt;

package/lib/billboard/index.js

@@ -1,25 +1,25 @@
 var Y = (n) => {
   throw TypeError(n);
 };
-var Q = (n, l, e) => l.has(n) || Y("Cannot " + e);
-var t = (n, l, e) => (Q(n, l, "read from private field"), e ? e.call(n) : l.get(n)), i = (n, l, e) => l.has(n) ? Y("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(n) : l.set(n, e), c = (n, l, e, s) => (Q(n, l, "write to private field"), s ? s.call(n, e) : l.set(n, e), e), d = (n, l, e) => (Q(n, l, "access private method"), e);
+var R = (n, l, e) => l.has(n) || Y("Cannot " + e);
+var t = (n, l, e) => (R(n, l, "read from private field"), e ? e.call(n) : l.get(n)), i = (n, l, e) => l.has(n) ? Y("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(n) : l.set(n, e), d = (n, l, e, s) => (R(n, l, "write to private field"), s ? s.call(n, e) : l.set(n, e), e), c = (n, l, e) => (R(n, l, "access private method"), e);
 var F = (n, l, e) => new Promise((s, r) => {
-  var o = (v) => {
+  var o = (g) => {
     try {
-      A(e.next(v));
+      C(e.next(g));
     } catch ($) {
       r($);
     }
-  }, f = (v) => {
+  }, b = (g) => {
     try {
-      A(e.throw(v));
+      C(e.throw(g));
     } catch ($) {
       r($);
     }
-  }, A = (v) => v.done ? s(v.value) : Promise.resolve(v.value).then(o, f);
-  A((e = e.apply(n, l)).next());
+  }, C = (g) => g.done ? s(g.value) : Promise.resolve(g.value).then(o, b);
+  C((e = e.apply(n, l)).next());
 });
-import { a as R, i as W } from "../index-Bv9zgfdb.js";
+import { a as U, i as W } from "../index-Bv9zgfdb.js";
 import { w as _ } from "../custom-elements-DBnCK7Zx.js";
 import { b as X } from "../dom-CVWzyXPH.js";
 import "construct-style-sheets-polyfill";
@@ -28,8 +28,8 @@ import { d as tt } from "../events-CsVF98U6.js";
 import { s as et } from "../gestures-CcXV6fCp.js";
 import { c as st } from "../math-BOBiC4TN.js";
 import { l as Z } from "../number-CumqY64S.js";
-var D, M, E, L, C, I, N, m, h, b, a, U, G, B, j, V, S, J, K;
-class O extends HTMLElement {
+var D, M, E, L, x, I, N, m, h, f, a, V, G, B, J, j, S, K, O;
+class Q extends HTMLElement {
   constructor() {
     super(...arguments);
     i(this, a);
@@ -37,29 +37,29 @@ class O extends HTMLElement {
     i(this, M, new T(this, "--loop", !0));
     i(this, E, new T(this, "--autoplay", !1));
     i(this, L, new T(this, "--swipe", "x"));
-    i(this, C);
+    i(this, x);
     i(this, I, !1);
     i(this, N, []);
     i(this, m, /* @__PURE__ */ new Map());
     i(this, h, 0);
-    i(this, b, 0);
+    i(this, f, 0);
     i(this, B, (e) => {
-      c(this, I, e.isIntersecting), t(this, I) ? d(this, a, G).call(this) : clearInterval(t(this, C));
-    });
-    i(this, j, () => {
-      clearInterval(t(this, C)), t(this, I) && c(this, C, setInterval(t(this, J), this.autoplayDuration));
+      d(this, I, e.isIntersecting), t(this, I) ? c(this, a, G).call(this) : clearInterval(t(this, x));
     });
     i(this, J, () => {
-      d(this, a, S).call(this, t(this, h) + 1);
+      clearInterval(t(this, x)), t(this, I) && d(this, x, setInterval(t(this, K), this.autoplayDuration));
+    });
+    i(this, K, () => {
+      c(this, a, S).call(this, t(this, h) + 1);
     });
-    i(this, K, (e) => {
+    i(this, O, (e) => {
       if (!t(this, L).current)
         return;
       let s = 0;
       et(
         (r) => {
-          const o = e.x - r.x, f = e.y - r.y;
-          t(this, L).current === "x" ? Math.abs(o) > Math.abs(f) && Math.abs(o) > 10 && (s = Math.sign(o)) : t(this, L).current === "y" && Math.abs(f) > Math.abs(o) && Math.abs(f) > 10 && (s = Math.sign(f));
+          const o = e.x - r.x, b = e.y - r.y;
+          t(this, L).current === "x" ? Math.abs(o) > Math.abs(b) && Math.abs(o) > 10 && (s = Math.sign(o)) : t(this, L).current === "y" && Math.abs(b) > Math.abs(o) && Math.abs(b) > 10 && (s = Math.sign(b));
         },
         () => {
           s && this.shift(s);
@@ -89,13 +89,13 @@ class O extends HTMLElement {
     return t(this, m);
   }
   get length() {
-    return t(this, b);
+    return t(this, f);
   }
   addItem(e) {
-    d(this, a, U).call(this, e), d(this, a, S).call(this);
+    c(this, a, V).call(this, e), c(this, a, S).call(this);
   }
   set(e) {
-    (!this.handleSet || this.handleSet(e)) && (d(this, a, S).call(this, e), d(this, a, G).call(this));
+    (!this.handleSet || this.handleSet(e)) && (c(this, a, S).call(this, e), c(this, a, G).call(this));
   }
   shift(e) {
     this.set(t(this, h) + e);
@@ -106,28 +106,28 @@ class O extends HTMLElement {
         `[data-billboard-item${this.id ? `="${this.id}"` : ""}]`
       )
     ].forEach((s) => {
-      d(this, a, U).call(this, s);
+      c(this, a, V).call(this, s);
     }), t(this, m).forEach((s) => {
       var r;
       (r = s[0]) == null || r.classList.add("current");
     }), t(this, E).subscribe((s) => {
-      s.current ? (R.subscribe(this, t(this, B)), d(this, a, G).call(this)) : (c(this, I, !0), R.unsubscribe(t(this, B)), clearInterval(t(this, C)), d(this, a, S).call(this, 0));
-    }), t(this, E).observe(), t(this, L).observe(), t(this, M).observe(), t(this, D).observe(), d(this, a, S).call(this, 0), this.addEventListener("pointerdown", t(this, K));
+      s.current ? (U.subscribe(this, t(this, B)), c(this, a, G).call(this)) : (d(this, I, !0), U.unsubscribe(t(this, B)), clearInterval(t(this, x)), c(this, a, S).call(this, 0));
+    }), t(this, E).observe(), t(this, L).observe(), t(this, M).observe(), t(this, D).observe(), c(this, a, S).call(this, 0), this.addEventListener("pointerdown", t(this, O));
   }
   disconnectedCallback() {
-    t(this, E).unobserve(), t(this, L).unobserve(), t(this, M).unobserve(), t(this, D).unobserve(), t(this, m).clear(), R.unsubscribe(t(this, B)), clearInterval(t(this, C));
+    t(this, E).unobserve(), t(this, L).unobserve(), t(this, M).unobserve(), t(this, D).unobserve(), t(this, m).clear(), U.unsubscribe(t(this, B)), clearInterval(t(this, x));
   }
 }
-D = new WeakMap(), M = new WeakMap(), E = new WeakMap(), L = new WeakMap(), C = new WeakMap(), I = new WeakMap(), N = new WeakMap(), m = new WeakMap(), h = new WeakMap(), b = new WeakMap(), a = new WeakSet(), U = function(e) {
+D = new WeakMap(), M = new WeakMap(), E = new WeakMap(), L = new WeakMap(), x = new WeakMap(), I = new WeakMap(), N = new WeakMap(), m = new WeakMap(), h = new WeakMap(), f = new WeakMap(), a = new WeakSet(), V = function(e) {
   t(this, N).push(e);
   const s = e.getAttribute("data-billboard-item-group") || "default";
   let r = t(this, m).get(s);
-  r || (r = [], t(this, m).set(s, r)), r.push(e), c(this, b, 0), t(this, m).forEach((o) => {
-    o.length > t(this, b) && c(this, b, o.length);
+  r || (r = [], t(this, m).set(s, r)), r.push(e), d(this, f, 0), t(this, m).forEach((o) => {
+    o.length > t(this, f) && d(this, f, o.length);
   });
 }, G = function() {
-  t(this, E).current !== !1 && t(this, j).call(this);
-}, B = new WeakMap(), j = new WeakMap(), V = function(e, s) {
+  t(this, E).current !== !1 && t(this, J).call(this);
+}, B = new WeakMap(), J = new WeakMap(), j = function(e, s) {
   e.classList.remove(
     "current",
     "previous",
@@ -138,20 +138,23 @@ D = new WeakMap(), M = new WeakMap(), E = new WeakMap(), L = new WeakMap(), C =
 }, S = function() {
   return F(this, arguments, function* (e = t(this, h)) {
     const s = t(this, h);
-    t(this, M).current ? c(this, h, Z(e, t(this, b))) : c(this, h, st(e, 0, t(this, b) - 1)), this.classList.remove("forward", "backward", "next-round", "prev-round"), t(this, h) - s >= 0 ? this.classList.add("forward") : t(this, h) - s < 0 && this.classList.add("backward");
+    t(this, M).current ? d(this, h, Z(e, t(this, f))) : d(this, h, st(e, 0, t(this, f) - 1)), this.classList.remove("forward", "backward", "next-round", "prev-round"), t(this, h) - s >= 0 ? this.classList.add("forward") : t(this, h) - s < 0 && this.classList.add("backward");
     let r = [];
     t(this, m).forEach((o) => {
-      o.forEach((f, A) => {
-        const v = f.classList.contains("visited");
-        A === t(this, h) && !v ? (f.classList.add("visited"), r.push(
-          new Promise(($) => {
-            setTimeout(() => {
-              d(this, a, V).call(this, f, A), $();
-            }, 10);
-          })
-        )) : d(this, a, V).call(this, f, A);
+      o.forEach((b, C) => {
+        if (this.hasAttribute("visited-class")) {
+          const g = b.classList.contains("visited");
+          C === t(this, h) && !g ? (b.classList.add("visited"), r.push(
+            new Promise(($) => {
+              setTimeout(() => {
+                c(this, a, j).call(this, b, C), $();
+              }, 10);
+            })
+          )) : c(this, a, j).call(this, b, C);
+        } else
+          c(this, a, j).call(this, b, C);
       });
-    }), r.length && (yield Promise.all(r)), this.classList.toggle("has-length", t(this, b) > 1), this.classList.toggle("start", t(this, h) === 0), this.classList.toggle("end", t(this, h) === t(this, b) - 1), this.style.setProperty("--counter", t(this, h).toString()), this.style.setProperty("--sections", t(this, b).toString()), t(this, h) !== s && (tt(this, "billboardChange", {
+    }), r.length && (yield Promise.all(r)), this.classList.toggle("has-length", t(this, f) > 1), this.classList.toggle("start", t(this, h) === 0), this.classList.toggle("end", t(this, h) === t(this, f) - 1), this.style.setProperty("--counter", t(this, h).toString()), this.style.setProperty("--sections", t(this, f).toString()), t(this, h) !== s && (tt(this, "billboardChange", {
       detail: {
         counter: t(this, h)
       }
@@ -161,40 +164,40 @@ D = new WeakMap(), M = new WeakMap(), E = new WeakMap(), L = new WeakMap(), C =
       this.classList.remove("next-round", "prev-round");
     }, 10);
   });
-}, J = new WeakMap(), K = new WeakMap();
-customElements.get("e-billboard") || customElements.define("e-billboard", O);
-var p, H, g, q, P;
+}, K = new WeakMap(), O = new WeakMap();
+customElements.get("e-billboard") || customElements.define("e-billboard", Q);
+var p, H, v, q, P;
 class it extends HTMLElement {
   constructor() {
     super(...arguments);
     i(this, p, null);
     i(this, H, null);
-    i(this, g, []);
+    i(this, v, []);
     i(this, q, (e) => {
-      const s = e.currentTarget, r = t(this, g).findIndex((o) => o === s);
+      const s = e.currentTarget, r = t(this, v).findIndex((o) => o === s);
       r >= 0 && t(this, p).set(r);
     });
     i(this, P, () => {
-      t(this, g).forEach((e, s) => {
+      t(this, v).forEach((e, s) => {
         s === t(this, p).counter ? e.classList.add("current") : e.classList.remove("current");
       });
     });
   }
   get buttonElements() {
-    return t(this, g);
+    return t(this, v);
   }
   connectedCallback() {
     return F(this, null, function* () {
       var e;
-      if (yield _("e-billboard"), c(this, p, X(this, O)), t(this, p) && this.isConnected) {
+      if (yield _("e-billboard"), d(this, p, X(this, Q)), t(this, p) && this.isConnected) {
         this.innerHTML = "";
         const s = t(this, p).length;
-        c(this, H, document.createElement("div"));
+        d(this, H, document.createElement("div"));
         for (let r = 0; r < s; r++) {
           const o = document.createElement("button");
-          o.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, g).push(o), t(this, H).appendChild(o);
+          o.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, v).push(o), t(this, H).appendChild(o);
         }
-        this.appendChild(t(this, H)), t(this, g).forEach((r) => {
+        this.appendChild(t(this, H)), t(this, v).forEach((r) => {
           r.addEventListener("click", t(this, q));
         }), (e = t(this, p)) == null || e.addEventListener(
           "billboardChange",
@@ -205,23 +208,23 @@ class it extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    t(this, g).forEach((s) => {
+    t(this, v).forEach((s) => {
       s.removeEventListener("click", t(this, q));
     }), (e = t(this, p)) == null || e.removeEventListener(
       "billboardChange",
       t(this, P)
-    ), this.innerHTML = "", c(this, g, []);
+    ), this.innerHTML = "", d(this, v, []);
   }
 }
-p = new WeakMap(), H = new WeakMap(), g = new WeakMap(), q = new WeakMap(), P = new WeakMap();
+p = new WeakMap(), H = new WeakMap(), v = new WeakMap(), q = new WeakMap(), P = new WeakMap();
 W && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", it);
-var w, k, x;
+var w, k, y;
 class rt extends HTMLElement {
   constructor() {
     super();
     i(this, w, new T(this, "--index", 0));
     i(this, k, null);
-    i(this, x, () => {
+    i(this, y, () => {
       var e;
       t(this, w).current === ((e = t(this, k)) == null ? void 0 : e.counter) ? this.classList.add("current") : this.classList.remove("current");
     });
@@ -233,34 +236,34 @@ class rt extends HTMLElement {
   }
   connectedCallback() {
     var e;
-    this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), c(this, k, X(this, O)), (e = t(this, k)) == null || e.addEventListener(
+    this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), d(this, k, X(this, Q)), (e = t(this, k)) == null || e.addEventListener(
       "billboardChange",
-      t(this, x)
+      t(this, y)
     ), customElements.whenDefined("e-billboard").then(() => {
-      this.isConnected && t(this, x).call(this);
-    }), t(this, w).subscribe(t(this, x)), t(this, w).observe();
+      this.isConnected && t(this, y).call(this);
+    }), t(this, w).subscribe(t(this, y)), t(this, w).observe();
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, x)), t(this, w).unobserve(), (e = t(this, k)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, y)), t(this, w).unobserve(), (e = t(this, k)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, x)
+      t(this, y)
     );
   }
 }
-w = new WeakMap(), k = new WeakMap(), x = new WeakMap();
+w = new WeakMap(), k = new WeakMap(), y = new WeakMap();
 W && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", rt);
-var y, u, z;
+var A, u, z;
 class nt extends HTMLElement {
   constructor() {
     super();
-    i(this, y, new T(this, "--step", 1));
+    i(this, A, new T(this, "--step", 1));
     i(this, u, null);
     i(this, z, () => {
-      t(this, u) && (!t(this, u).loop.current && (t(this, u).counter === 0 && t(this, y).current <= 0 || t(this, u).counter === t(this, u).length - 1 && t(this, y).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
+      t(this, u) && (!t(this, u).loop.current && (t(this, u).counter === 0 && t(this, A).current <= 0 || t(this, u).counter === t(this, u).length - 1 && t(this, A).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
     });
     this.addEventListener("click", (e) => {
-      t(this, u) && (!this.handleClick || this.handleClick(e)) && t(this, u).shift(t(this, y).current);
+      t(this, u) && (!this.handleClick || this.handleClick(e)) && t(this, u).shift(t(this, A).current);
     }), this.addEventListener("keydown", (e) => {
       e.code === "Space" && !this.hasAttribute("keydown-disabled") && (e.preventDefault(), this.click());
     });
@@ -268,7 +271,7 @@ class nt extends HTMLElement {
   connectedCallback() {
     return F(this, null, function* () {
       var e;
-      yield customElements.whenDefined("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, y).observe(), this.tabIndex = 0, c(this, u, X(this, O)), (e = t(this, u)) == null || e.addEventListener(
+      yield customElements.whenDefined("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, A).observe(), this.tabIndex = 0, d(this, u, X(this, Q)), (e = t(this, u)) == null || e.addEventListener(
         "billboardChange",
         t(this, z)
       ), setTimeout(() => {
@@ -278,17 +281,17 @@ class nt extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, y).unobserve(), (e = t(this, u)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, A).unobserve(), (e = t(this, u)) == null || e.removeEventListener(
       "billboardChange",
       t(this, z)
     );
   }
 }
-y = new WeakMap(), u = new WeakMap(), z = new WeakMap();
+A = new WeakMap(), u = new WeakMap(), z = new WeakMap();
 W && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", nt);
 export {
   it as BillboardBulletsElement,
-  O as BillboardElement,
+  Q as BillboardElement,
   rt as BillboardSetButtonElement,
   nt as BillboardStepButtonElement
 };

package/lib/popover/PopoverElement.d.ts

@@ -14,6 +14,7 @@ export declare class PopoverElement extends HTMLElement {
     private static stack;
     urlValue: string;
     constructor();
+    get openClass(): string | null;
     get history(): CSSProperty<false>;
     get restore(): CSSProperty<false>;
     get closeRest(): CSSProperty<boolean>;

package/lib/popover/index.cjs

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

package/lib/popover/index.js

@@ -1,24 +1,24 @@
-var et = (a) => {
-  throw TypeError(a);
+var et = (c) => {
+  throw TypeError(c);
 };
-var K = (a, o, e) => o.has(a) || et("Cannot " + e);
-var t = (a, o, e) => (K(a, o, "read from private field"), e ? e.call(a) : o.get(a)), r = (a, o, e) => o.has(a) ? et("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(a) : o.set(a, e), h = (a, o, e, s) => (K(a, o, "write to private field"), s ? s.call(a, e) : o.set(a, e), e), y = (a, o, e) => (K(a, o, "access private method"), e);
+var Q = (c, o, e) => o.has(c) || et("Cannot " + e);
+var t = (c, o, e) => (Q(c, o, "read from private field"), e ? e.call(c) : o.get(c)), r = (c, o, e) => o.has(c) ? et("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(c) : o.set(c, e), h = (c, o, e, s) => (Q(c, o, "write to private field"), s ? s.call(c, e) : o.set(c, e), e), y = (c, o, e) => (Q(c, o, "access private method"), e);
 import { ElementLinkedStore as ot } from "../element-linked-store/index.js";
-import { CSSProperty as g } from "../css-property/index.js";
+import { CSSProperty as v } from "../css-property/index.js";
 import { i as _ } from "../index-Bv9zgfdb.js";
-import { d as X } from "../events-CsVF98U6.js";
+import { d as Y } from "../events-CsVF98U6.js";
 import { d as ht } from "../function-C10DGppn.js";
 import { g as st } from "../style-j2TwriJ_.js";
 import "construct-style-sheets-polyfill";
 import { u as nt, p as ct } from "../url-Cc-RVfii.js";
 import { windowResizer as it } from "../window-resizer/index.js";
-import { v as Y } from "../Viewport-DA10iWAO.js";
-var u, b, I, J;
-class at {
+import { v as j } from "../Viewport-DA10iWAO.js";
+var u, b, J, K;
+class lt {
   constructor() {
     r(this, u, /* @__PURE__ */ new Map());
     r(this, b, []);
-    r(this, I, (o) => {
+    r(this, J, (o) => {
       var s;
       const e = [...t(this, b)].reverse().find((i) => i.clickOutside.current);
       if (e) {
@@ -27,11 +27,11 @@ class at {
           (tt) => tt instanceof HTMLElement && tt.hasAttribute("data-popover-content")
         ))
           return;
-        const c = i[0], p = c instanceof Node && (e.contains(c) || ((s = e.shadowRoot) == null ? void 0 : s.contains(c))), G = c instanceof HTMLElement && c.hasAttribute("data-outside");
+        const l = i[0], p = l instanceof Node && (e.contains(l) || ((s = e.shadowRoot) == null ? void 0 : s.contains(l))), G = l instanceof HTMLElement && l.hasAttribute("data-outside");
         (!p || G) && e.close();
       }
     });
-    r(this, J, (o) => {
+    r(this, K, (o) => {
       if (o.code === "Escape") {
         const e = [...t(this, b)].reverse().find((s) => s.escape.current);
         e && e.close();
@@ -39,8 +39,8 @@ class at {
     });
     document.documentElement.addEventListener(
       "click",
-      t(this, I)
-    ), addEventListener("keydown", t(this, J));
+      t(this, J)
+    ), addEventListener("keydown", t(this, K));
   }
   get groups() {
     return t(this, u);
@@ -51,14 +51,14 @@ class at {
   add(o, e) {
     if (e.closeRest.current)
       t(this, u).forEach((i) => {
-        i.forEach((c) => {
-          c.close();
+        i.forEach((l) => {
+          l.close();
         });
       });
     else if (e.closeRestInGroup.current) {
       let i = t(this, u).get(o);
-      i == null || i.forEach((c) => {
-        c.close();
+      i == null || i.forEach((l) => {
+        l.close();
       });
     }
     let s = t(this, u).get(o);
@@ -68,7 +68,7 @@ class at {
     if (h(this, b, t(this, b).filter((s) => s !== e)), e.closeRest.current) {
       let s = [];
       t(this, u).forEach((i) => {
-        i.forEach((c) => s.push(c));
+        i.forEach((l) => s.push(l));
       }), t(this, u).clear(), s.forEach((i) => i.close());
     } else if (e.closeRestInGroup.current) {
       const s = t(this, u).get(o);
@@ -81,8 +81,8 @@ class at {
     }
   }
 }
-u = new WeakMap(), b = new WeakMap(), I = new WeakMap(), J = new WeakMap();
-var f, M, H, x, W, m, w, S, C, v, R, $, L, T, O, l, A, rt, j, V, k, q, z;
+u = new WeakMap(), b = new WeakMap(), J = new WeakMap(), K = new WeakMap();
+var f, M, H, C, W, m, w, x, S, g, R, $, L, T, O, a, A, rt, F, V, k, q, z;
 const E = class E extends HTMLElement {
   constructor() {
     super();
@@ -90,28 +90,28 @@ const E = class E extends HTMLElement {
     r(this, f);
     r(this, M);
     r(this, H);
-    r(this, x);
+    r(this, C);
     r(this, W);
     r(this, m);
     r(this, w);
+    r(this, x);
     r(this, S);
-    r(this, C);
-    r(this, v);
+    r(this, g);
     r(this, R);
     r(this, $);
     r(this, L);
     r(this, T);
     r(this, O);
-    r(this, l);
+    r(this, a);
     r(this, V);
     r(this, k);
     r(this, q);
     r(this, z);
-    this.urlValue = "", h(this, f, !1), h(this, m, new g(this, "--history", !1)), h(this, w, new g(this, "--restore", !1)), h(this, S, new g(this, "--close-rest", !1)), h(this, C, new g(
+    this.urlValue = "", h(this, f, !1), h(this, m, new v(this, "--history", !1)), h(this, w, new v(this, "--restore", !1)), h(this, x, new v(this, "--close-rest", !1)), h(this, S, new v(
       this,
       "--close-rest-in-group",
       !1
-    )), h(this, v, new g(this, "--group", "")), h(this, R, new g(this, "--click-outside", !1)), h(this, $, new g(this, "--escape", !1)), h(this, L, new g(this, "--check-viewport-bounds", !1)), h(this, T, !1), h(this, l, new ot(this, {
+    )), h(this, g, new v(this, "--group", "")), h(this, R, new v(this, "--click-outside", !1)), h(this, $, new v(this, "--escape", !1)), h(this, L, new v(this, "--check-viewport-bounds", !1)), h(this, T, !1), h(this, a, new ot(this, {
       opened: !1,
       closing: !1,
       triggered: !1,
@@ -126,21 +126,21 @@ const E = class E extends HTMLElement {
       if (this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px"), t(this, L).current) {
         const e = this.getBoundingClientRect();
         let s = 0, i = 0;
-        e.right > Y.width ? s = Y.width - e.right : e.left < 0 && (s = e.left * -1), e.bottom > Y.height ? i = Y.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");
+        e.right > j.width ? s = j.width - e.right : e.left < 0 && (s = e.left * -1), e.bottom > j.height ? i = j.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");
       }
-    }), t(this, v).subscribe((e) => {
+    }), t(this, g).subscribe((e) => {
       e.previous && (E.stack.remove(e.previous, this), e.current || (document.documentElement.classList.remove(
         `${this.group.previous}-closing`
       ), document.documentElement.classList.remove(
         `${this.group.previous}-opened`
       )));
-    }), t(this, l).subscribe((e) => {
+    }), t(this, a).subscribe((e) => {
       if (this.group.current) {
         document.documentElement.classList.toggle(
           `${this.group.current}-closing`,
           e.current.closing
         );
-        const s = E.stack.groups.get(this.group.current), i = s == null ? void 0 : s.find((c) => c.opened);
+        const s = E.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
@@ -148,6 +148,9 @@ const E = class E extends HTMLElement {
       }
     });
   }
+  get openClass() {
+    return this.getAttribute("data-open-global-class");
+  }
   get history() {
     return t(this, m);
   }
@@ -155,13 +158,13 @@ const E = class E extends HTMLElement {
     return t(this, w);
   }
   get closeRest() {
-    return t(this, S);
+    return t(this, x);
   }
   get closeRestInGroup() {
-    return t(this, C);
+    return t(this, S);
   }
   get group() {
-    return t(this, v);
+    return t(this, g);
   }
   get clickOutside() {
     return t(this, R);
@@ -184,77 +187,80 @@ const E = class E extends HTMLElement {
   open(e) {
     if (t(this, f))
       return;
-    h(this, O, e == null ? void 0 : e.trigger), clearTimeout(t(this, M)), clearTimeout(t(this, H)), this.hasAttribute("data-document-class") && this.getAttribute("data-document-class").split(" ").map((c) => {
-      document.documentElement.classList.add(c.trim());
-    }), t(this, l).set("closing", !1), t(this, l).set("triggered", !0), X(this, "popoverTriggered", {
+    h(this, O, e == null ? void 0 : e.trigger), clearTimeout(t(this, M)), clearTimeout(t(this, H)), this.openClass && this.openClass.split(" ").map((i) => {
+      document.documentElement.classList.add(i.trim());
+    }), t(this, a).set("closing", !1), t(this, a).set("triggered", !0), Y(this, "popoverTriggered", {
       custom: !0,
       detail: {
         trigger: t(this, O)
       }
     }), t(this, m).current && t(this, T) && history.pushState(history.state, "", t(this, A, rt)), h(this, f, !0);
     const s = () => {
-      E.stack.add(t(this, v).current, this), t(this, k).call(this), t(this, l).set("opened", !0), X(this, "popoverOpened", {
+      E.stack.add(t(this, g).current, this), t(this, k).call(this), t(this, a).set("opened", !0), Y(this, "popoverOpened", {
         custom: !0,
         detail: {
           trigger: t(this, O)
-        }
-      }), h(this, x, void 0), h(this, W, setTimeout(() => {
-        t(this, l).set("transitionend", !0);
+        },
+        bubbles: !0
+      }), h(this, C, void 0), h(this, W, setTimeout(() => {
+        t(this, a).set("transitionend", !0);
       }, st(this) + 10));
     };
-    e != null && e.skipTransition ? s() : h(this, x, setTimeout(s, 10));
+    e != null && e.skipTransition ? s() : h(this, C, setTimeout(s, 10));
   }
   close() {
-    t(this, f) && (clearTimeout(t(this, x)), clearTimeout(t(this, W)), E.stack.remove(t(this, v).current, this), h(this, f, !1), y(this, A, j).call(this), this.hasAttribute("data-document-class") && this.getAttribute("data-document-class").split(" ").map((s) => {
-      document.documentElement.classList.remove(s.trim());
-    }), t(this, l).set("transitionend", !1), h(this, M, setTimeout(() => {
-      t(this, l).set("opened", !1), t(this, l).set("closing", !0), X(this, "popoverClosing", {
-        custom: !0
+    t(this, f) && (clearTimeout(t(this, C)), clearTimeout(t(this, W)), E.stack.remove(t(this, g).current, this), h(this, f, !1), y(this, A, F).call(this), this.openClass && this.openClass.split(" ").map((e) => {
+      document.documentElement.classList.remove(e.trim());
+    }), t(this, a).set("transitionend", !1), h(this, M, setTimeout(() => {
+      t(this, a).set("opened", !1), t(this, a).set("closing", !0), Y(this, "popoverClosing", {
+        custom: !0,
+        bubbles: !0
       }), h(this, H, setTimeout(() => {
-        t(this, l).set("triggered", !1), t(this, l).set("closing", !1), X(this, "popoverClosed", {
-          custom: !0
+        t(this, a).set("triggered", !1), t(this, a).set("closing", !1), Y(this, "popoverClosed", {
+          custom: !0,
+          bubbles: !0
         });
       }, st(this) + 10));
     }, 10)));
   }
   connectedCallback() {
-    t(this, m).observe(), t(this, w).observe(), t(this, S).observe(), t(this, C).observe(), t(this, v).observe(), t(this, R).observe(), t(this, $).observe(), t(this, L).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", t(this, V)), setTimeout(() => {
-      t(this, w).current ? (this.urlValue = ct(location.search)[this.id], t(this, V).call(this)) : (y(this, A, j).call(this), h(this, T, !0));
+    t(this, m).observe(), t(this, w).observe(), t(this, x).observe(), t(this, S).observe(), t(this, g).observe(), t(this, R).observe(), t(this, $).observe(), t(this, L).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", t(this, V)), setTimeout(() => {
+      t(this, w).current ? (this.urlValue = ct(location.search)[this.id], t(this, V).call(this)) : (y(this, A, F).call(this), h(this, T, !0));
     }, 0), t(this, L).subscribe(() => {
       t(this, k).call(this);
     }), it.subscribe(t(this, k));
   }
   disconnectedCallback() {
-    E.stack.remove(t(this, v).current, this), it.unsubscribe(t(this, k)), t(this, l).close(), t(this, m).close(), t(this, w).close(), t(this, S).close(), t(this, C).close(), t(this, v).close(), t(this, R).close(), t(this, $).close(), t(this, L).close(), this.removeAttribute("role"), clearTimeout(t(this, M)), clearTimeout(t(this, H)), clearTimeout(t(this, x)), clearTimeout(t(this, W)), removeEventListener("popstate", t(this, V)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), this.style.removeProperty("--viewport-offset-x"), this.style.removeProperty("--viewport-offset-y"), y(this, A, j).call(this);
+    E.stack.remove(t(this, g).current, this), it.unsubscribe(t(this, k)), t(this, a).close(), t(this, m).close(), t(this, w).close(), t(this, x).close(), t(this, S).close(), t(this, g).close(), t(this, R).close(), t(this, $).close(), t(this, L).close(), this.removeAttribute("role"), clearTimeout(t(this, M)), clearTimeout(t(this, H)), clearTimeout(t(this, C)), clearTimeout(t(this, W)), removeEventListener("popstate", t(this, V)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), this.style.removeProperty("--viewport-offset-x"), this.style.removeProperty("--viewport-offset-y"), y(this, A, F).call(this);
   }
 };
-f = new WeakMap(), M = new WeakMap(), H = new WeakMap(), x = new WeakMap(), W = new WeakMap(), m = new WeakMap(), w = new WeakMap(), S = new WeakMap(), C = new WeakMap(), v = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), L = new WeakMap(), T = new WeakMap(), O = new WeakMap(), l = new WeakMap(), A = new WeakSet(), rt = function() {
+f = new WeakMap(), M = new WeakMap(), H = new WeakMap(), C = new WeakMap(), W = new WeakMap(), m = new WeakMap(), w = new WeakMap(), x = new WeakMap(), S = new WeakMap(), g = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), L = new WeakMap(), T = new WeakMap(), O = new WeakMap(), a = new WeakMap(), A = new WeakSet(), rt = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.idWithValue}`;
-}, j = function() {
+}, F = function() {
   if (t(this, m).current) {
     const e = new URL(location.href);
     e.searchParams.delete(this.id), history.replaceState(history.state, "", e.href);
   }
-}, V = new WeakMap(), k = new WeakMap(), q = new WeakMap(), z = new WeakMap(), E.stack = new at();
-let F = E;
-_ && !customElements.get("e-popover") && customElements.define("e-popover", F);
-var n, d, P, Q, B, N, D, U, Z;
-class lt extends HTMLElement {
+}, V = new WeakMap(), k = new WeakMap(), q = new WeakMap(), z = new WeakMap(), E.stack = new lt();
+let I = E;
+_ && !customElements.get("e-popover") && customElements.define("e-popover", I);
+var n, d, P, Z, B, D, U, X, N;
+class at extends HTMLElement {
   constructor() {
     super();
     r(this, P);
     r(this, n);
-    r(this, d, new g(this, "--type", "open"));
+    r(this, d, new v(this, "--type", "open"));
     r(this, B, () => {
       t(this, d).current !== "close" && this.classList.add("triggered");
     });
-    r(this, N, () => {
+    r(this, D, () => {
       t(this, d).current !== "close" && (this.classList.add("opened"), this.setAttribute("aria-expanded", "true"));
     });
-    r(this, D, () => {
+    r(this, U, () => {
       t(this, d).current !== "close" && this.classList.remove("opened");
     });
-    r(this, U, () => {
+    r(this, X, () => {
       t(this, d).current !== "close" && (this.classList.remove("triggered"), this.setAttribute("aria-expanded", "false"));
     });
     _ && (this.addEventListener("click", () => {
@@ -274,12 +280,12 @@ class lt extends HTMLElement {
   }
   changePopover(e) {
     var s;
-    if (y(this, P, Q).call(this), e) {
+    if (y(this, P, Z).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 p = this.getRootNode();
           p instanceof ShadowRoot ? i = p.host.closest("[data-popover]") : p instanceof HTMLElement && (i = p.closest("[data-popover]"));
@@ -287,13 +293,13 @@ class lt extends HTMLElement {
       } else if (e === "sibling")
         i = (s = this.parentElement) == null ? void 0 : s.querySelector("[data-popover]");
       else if (e === "ancestor-child") {
-        const c = (p) => {
+        const l = (p) => {
           if (!p)
             return null;
           let G = p.querySelector("[data-popover]");
-          return !G && (p != null && p.parentElement) && (G = c(p.parentElement)), G;
+          return !G && (p != null && p.parentElement) && (G = l(p.parentElement)), G;
         };
-        i = c(this.parentElement) || null;
+        i = l(this.parentElement) || null;
       } else
         !e.startsWith(".") && !e.startsWith("[") && (e = `#${e}`), i = document.querySelector(e) || this.getRootNode().querySelector(e);
       i instanceof HTMLElement ? (h(this, n, i), t(this, n).addEventListener(
@@ -301,50 +307,50 @@ class lt extends HTMLElement {
         t(this, B)
       ), t(this, n).addEventListener(
         "popoverOpened",
-        t(this, N)
+        t(this, D)
       ), t(this, n).addEventListener(
         "popoverClosing",
-        t(this, D)
+        t(this, U)
       ), t(this, n).addEventListener(
         "popoverClosed",
-        t(this, U)
+        t(this, X)
       )) : console.warn(this, `target ${e} not found`);
     }
-    y(this, P, Z).call(this, t(this, d).current);
+    y(this, P, N).call(this, t(this, d).current);
   }
   connectedCallback() {
     t(this, d).subscribe((s) => {
-      y(this, P, Z).call(this, s.current);
+      y(this, P, N).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, d).observe();
   }
   disconnectedCallback() {
-    t(this, d).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), this.removeAttribute("role"), this.removeAttribute("tabindex"), y(this, P, Q).call(this);
+    t(this, d).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), this.removeAttribute("role"), this.removeAttribute("tabindex"), y(this, P, Z).call(this);
   }
 }
-n = new WeakMap(), d = new WeakMap(), P = new WeakSet(), Q = function() {
+n = new WeakMap(), d = new WeakMap(), P = new WeakSet(), Z = function() {
   t(this, n) && (t(this, n).removeEventListener(
     "popoverTriggered",
     t(this, B)
   ), t(this, n).removeEventListener(
     "popoverOpened",
-    t(this, N)
+    t(this, D)
   ), t(this, n).removeEventListener(
     "popoverClosing",
-    t(this, D)
+    t(this, U)
   ), t(this, n).removeEventListener(
     "popoverClosed",
-    t(this, U)
+    t(this, X)
   ));
-}, B = new WeakMap(), N = new WeakMap(), D = new WeakMap(), U = new WeakMap(), Z = function(e) {
-  t(this, n) instanceof F && (e !== "close" ? (this.setAttribute("aria-haspopup", "true"), this.setAttribute(
+}, B = new WeakMap(), D = new WeakMap(), U = new WeakMap(), X = new WeakMap(), N = function(e) {
+  t(this, n) instanceof I && (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")));
 };
-_ && !customElements.get("e-popover-button") && customElements.define("e-popover-button", lt);
+_ && !customElements.get("e-popover-button") && customElements.define("e-popover-button", at);
 export {
-  lt as PopoverButtonElement,
-  F as PopoverElement
+  at as PopoverButtonElement,
+  I as PopoverElement
 };

package/package.json

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