aptechka 0.70.8 → 0.70.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/popover/index.cjs +1 -1
  2. package/lib/popover/index.js +78 -78
  3. package/lib/scroll/index.cjs +1 -1
  4. package/lib/scroll/index.js +117 -117
  5. package/package.json +1 -1
package/lib/popover/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";var oe=c=>{throw TypeError(c)};var ee=(c,n,t)=>n.has(c)||oe("Cannot "+t);var e=(c,n,t)=>(ee(c,n,"read from private field"),t?t.call(c):n.get(c)),r=(c,n,t)=>n.has(c)?oe("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(c):n.set(c,t),o=(c,n,t,s)=>(ee(c,n,"write to private field"),s?s.call(c,t):n.set(c,t),t),f=(c,n,t)=>(ee(c,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require("../element-linked-store/index.cjs"),E=require("../css-property/index.cjs"),ie=require("../index-DekP7OZe.cjs"),F=require("../events-KVanG9sR.cjs"),pe=require("../function-MthRj-GJ.cjs"),ne=require("../style-At6aDoqG.cjs");require("construct-style-sheets-polyfill");const he=require("../url-BT4fssbO.cjs"),ce=require("../window-resizer/index.cjs"),Q=require("../Viewport-DB0qAZPJ.cjs");var u,w,_,N;class de{constructor(){r(this,u,new Map);r(this,w,[]);r(this,_,n=>{var s;const t=[...e(this,w)].reverse().find(i=>i.clickOutside.current);if(t){const i=n.composedPath();if(i.find(re=>re instanceof HTMLElement&&re.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))),D=l instanceof HTMLElement&&l.hasAttribute("data-outside");(!d||D)&&t.close()}});r(this,N,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,_)),addEventListener("keydown",e(this,N))}get groups(){return e(this,u)}get stack(){return e(this,w)}add(n,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(n);i==null||i.forEach(l=>{l.close()})}let s=e(this,u).get(n);s!=null&&s.length||(s=[],e(this,u).set(n,s)),e(this,w).push(t),s.push(t)}remove(n,t){if(o(this,w,e(this,w).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(n);e(this,u).delete(n),s==null||s.forEach(i=>{i.close()})}else{let s=e(this,u).get(n);s&&(s=s.filter(i=>i!==t),e(this,u).set(n,s))}}}u=new WeakMap,w=new WeakMap,_=new WeakMap,N=new WeakMap;var v,M,z,C,B,m,S,k,A,b,x,R,P,y,q,a,$,H,p,le,O,Z,W,V,j,X,G;const L=class L extends HTMLElement{constructor(){super();r(this,p);r(this,v);r(this,M);r(this,z);r(this,C);r(this,B);r(this,m);r(this,S);r(this,k);r(this,A);r(this,b);r(this,x);r(this,R);r(this,P);r(this,y);r(this,q);r(this,a);r(this,$);r(this,H);r(this,W);r(this,V);r(this,j);r(this,X);r(this,G);this.urlValue="",o(this,v,!1),o(this,m,new E.CSSProperty(this,"--history",!1)),o(this,S,new E.CSSProperty(this,"--restore",!1)),o(this,k,new E.CSSProperty(this,"--close-rest",!1)),o(this,A,new E.CSSProperty(this,"--close-rest-in-group",!1)),o(this,b,new E.CSSProperty(this,"--group","")),o(this,x,new E.CSSProperty(this,"--click-outside",!1)),o(this,R,new E.CSSProperty(this,"--escape",!1)),o(this,P,new E.CSSProperty(this,"--check-viewport-bounds",!1)),o(this,y,!0),o(this,a,new ue.ElementLinkedStore(this,{triggered:!1,beforeopen:!1,opened:!1,closing:!1,transitionend:!1})),o(this,$,[]),o(this,H,[]),o(this,W,()=>{o(this,y,!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,y,!0)}),o(this,V,()=>{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,j).call(this)}),o(this,j,pe.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,P).current){const t=this.getBoundingClientRect();let s=0,i=0;t.right>Q.viewport.width?s=Q.viewport.width-t.right:t.left<0&&(s=t.left*-1),t.bottom>Q.viewport.height?i=Q.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,G,()=>{this.close()}),e(this,b).subscribe(t=>{t.previous&&(L.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=L.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,S)}get closeRest(){return e(this,k)}get closeRestInGroup(){return e(this,A)}get group(){return e(this,b)}get clickOutside(){return e(this,x)}get escape(){return e(this,R)}get opened(){return e(this,v)}get lastTrigger(){return e(this,q)}get idWithValue(){return`${this.id}${this.urlValue?"="+this.urlValue:""}`}updateUrlValue(t){this.urlValue=(t==null?void 0:t.toString())||"",e(this,v)&&he.updateSearchParameter(this.id,t)}open(t){if(e(this,v))return;o(this,q,t==null?void 0:t.trigger),clearTimeout(e(this,M)),clearTimeout(e(this,z)),f(this,p,O).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),F.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,q)}}),e(this,m).current&&e(this,y)&&history.pushState(history.state,"",e(this,p,le)),e(this,a).set("beforeopen",!0),o(this,v,!0);const s=()=>{L.stack.add(e(this,b).current,this),e(this,H).forEach(i=>{i.scroll({top:0,left:0,behavior:"instant"})}),f(this,p,O).call(this,!0,this.openClass),e(this,a).set("opened",!0),F.dispatchEvent(window,"resize"),F.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,q)},bubbles:!0}),o(this,C,void 0),o(this,B,setTimeout(()=>{e(this,a).set("transitionend",!0)},ne.getElementTransitionDurationMS(this)+10))};t!=null&&t.skipTransition?s():o(this,C,requestAnimationFrame(s))}close(){e(this,v)&&(o(this,v,!1),cancelAnimationFrame(e(this,C)),clearTimeout(e(this,B)),L.stack.remove(e(this,b).current,this),f(this,p,Z).call(this),f(this,p,O).call(this,!1,this.openClass),e(this,a).set("transitionend",!1),o(this,M,setTimeout(()=>{e(this,a).set("opened",!1),e(this,a).set("closing",!0),f(this,p,O).call(this,!0,this.closingClass),F.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,z,setTimeout(()=>{e(this,a).set("triggered",!1),e(this,a).set("beforeopen",!1),e(this,a).set("closing",!1),f(this,p,O).call(this,!1,this.closingClass),F.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},ne.getElementTransitionDurationMS(this)+10))},10)))}connectedCallback(){o(this,$,[...this.querySelectorAll(`[data-popover-close${this.id?`="${this.id}"`:""}]`)]),e(this,$).forEach(t=>{t.addEventListener("click",e(this,G))}),o(this,H,[...this.querySelectorAll(`[data-popover-reset-scroll${this.id?`="${this.id}"`:""}]`)]),e(this,m).observe(),e(this,S).observe(),e(this,k).observe(),e(this,A).observe(),e(this,b).observe(),e(this,x).observe(),e(this,R).observe(),e(this,P).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,W)),setTimeout(()=>{e(this,S).current?(o(this,y,!1),this.urlValue=he.parseSearchParameters(location.search)[this.id],location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,y,!0)):(f(this,p,Z).call(this),o(this,y,!0))},0),e(this,P).subscribe(()=>{e(this,V).call(this)}),ce.windowResizer.subscribe(e(this,V))}disconnectedCallback(){e(this,$).forEach(t=>{t.removeEventListener("click",e(this,G))}),L.stack.remove(e(this,b).current,this),ce.windowResizer.unsubscribe(e(this,V)),e(this,a).close(),e(this,m).close(),e(this,S).close(),e(this,k).close(),e(this,A).close(),e(this,b).close(),e(this,x).close(),e(this,R).close(),e(this,P).close(),this.removeAttribute("role"),clearTimeout(e(this,M)),clearTimeout(e(this,z)),clearTimeout(e(this,C)),clearTimeout(e(this,B)),removeEventListener("popstate",e(this,W)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),this.style.removeProperty("--viewport-offset-x"),this.style.removeProperty("--viewport-offset-y"),f(this,p,Z).call(this)}};v=new WeakMap,M=new WeakMap,z=new WeakMap,C=new WeakMap,B=new WeakMap,m=new WeakMap,S=new WeakMap,k=new WeakMap,A=new WeakMap,b=new WeakMap,x=new WeakMap,R=new WeakMap,P=new WeakMap,y=new WeakMap,q=new WeakMap,a=new WeakMap,$=new WeakMap,H=new WeakMap,p=new WeakSet,le=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.idWithValue}`},O=function(t,s){s&&s.split(" ").map(i=>{document.documentElement.classList.toggle(i.trim(),t)})},Z=function(){if(e(this,m).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(history.state,"",t.href)}},W=new WeakMap,V=new WeakMap,j=new WeakMap,X=new WeakMap,G=new WeakMap,L.stack=new de;let U=L;ie.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",U);var h,g,T,te,Y,I,J,K,se;class ae extends HTMLElement{constructor(){super();r(this,T);r(this,h);r(this,g,new E.CSSProperty(this,"--type","open"));r(this,Y,()=>{e(this,g).current!=="close"&&this.classList.add("triggered")});r(this,I,()=>{e(this,g).current!=="close"&&(this.classList.add("opened"),this.setAttribute("aria-expanded","true"))});r(this,J,()=>{e(this,g).current!=="close"&&this.classList.remove("opened")});r(this,K,()=>{e(this,g).current!=="close"&&(this.classList.remove("triggered"),this.setAttribute("aria-expanded","false"))});ie.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(f(this,T,te).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 D=d.querySelector("[data-popover]");return!D&&(d!=null&&d.parentElement)&&(D=l(d.parentElement)),D};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,Y)),e(this,h).addEventListener("popoverOpened",e(this,I)),e(this,h).addEventListener("popoverClosing",e(this,J)),e(this,h).addEventListener("popoverClosed",e(this,K))):console.warn(this,`target ${t} not found`)}f(this,T,se).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{f(this,T,se).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"),f(this,T,te).call(this)}}h=new WeakMap,g=new WeakMap,T=new WeakSet,te=function(){e(this,h)&&(e(this,h).removeEventListener("popoverTriggered",e(this,Y)),e(this,h).removeEventListener("popoverOpened",e(this,I)),e(this,h).removeEventListener("popoverClosing",e(this,J)),e(this,h).removeEventListener("popoverClosed",e(this,K)))},Y=new WeakMap,I=new WeakMap,J=new WeakMap,K=new WeakMap,se=function(t){e(this,h)instanceof U&&(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")))};ie.isBrowser&&!customElements.get("e-popover-button")&&customElements.define("e-popover-button",ae);exports.PopoverButtonElement=ae;exports.PopoverElement=U;
1
+ "use strict";var oe=l=>{throw TypeError(l)};var ee=(l,n,t)=>n.has(l)||oe("Cannot "+t);var e=(l,n,t)=>(ee(l,n,"read from private field"),t?t.call(l):n.get(l)),r=(l,n,t)=>n.has(l)?oe("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(l):n.set(l,t),o=(l,n,t,s)=>(ee(l,n,"write to private field"),s?s.call(l,t):n.set(l,t),t),p=(l,n,t)=>(ee(l,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require("../element-linked-store/index.cjs"),E=require("../css-property/index.cjs"),ie=require("../index-DekP7OZe.cjs"),F=require("../events-KVanG9sR.cjs"),pe=require("../function-MthRj-GJ.cjs"),ne=require("../style-At6aDoqG.cjs");require("construct-style-sheets-polyfill");const he=require("../url-BT4fssbO.cjs"),le=require("../window-resizer/index.cjs"),Q=require("../Viewport-DB0qAZPJ.cjs");var d,w,_,N;class de{constructor(){r(this,d,new Map);r(this,w,[]);r(this,_,n=>{var s;const t=[...e(this,w)].reverse().find(i=>i.clickOutside.current);if(t){const i=n.composedPath();if(i.find(re=>re instanceof HTMLElement&&re.hasAttribute("data-popover-content")))return;const c=i[0],f=c instanceof Node&&(t.contains(c)||((s=t.shadowRoot)==null?void 0:s.contains(c))),D=c instanceof HTMLElement&&c.hasAttribute("data-outside");(!f||D)&&t.close()}});r(this,N,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,_)),addEventListener("keydown",e(this,N))}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(c=>{c.close()})});else if(t.closeRestInGroup.current){let i=e(this,d).get(n);i==null||i.forEach(c=>{c.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(o(this,w,e(this,w).filter(s=>s!==t)),t.closeRest.current){let s=[];e(this,d).forEach(i=>{i.forEach(c=>s.push(c))}),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,_=new WeakMap,N=new WeakMap;var v,M,z,k,B,m,C,A,x,b,R,q,P,y,$,a,V,H,u,ce,L,Z,W,O,j,X,G;const S=class S extends HTMLElement{constructor(){super();r(this,u);r(this,v);r(this,M);r(this,z);r(this,k);r(this,B);r(this,m);r(this,C);r(this,A);r(this,x);r(this,b);r(this,R);r(this,q);r(this,P);r(this,y);r(this,$);r(this,a);r(this,V);r(this,H);r(this,W);r(this,O);r(this,j);r(this,X);r(this,G);this.urlValue="",o(this,v,!1),o(this,m,new E.CSSProperty(this,"--history",!1)),o(this,C,new E.CSSProperty(this,"--restore",!1)),o(this,A,new E.CSSProperty(this,"--close-rest",!1)),o(this,x,new E.CSSProperty(this,"--close-rest-in-group",!1)),o(this,b,new E.CSSProperty(this,"--group","")),o(this,R,new E.CSSProperty(this,"--click-outside",!1)),o(this,q,new E.CSSProperty(this,"--escape",!1)),o(this,P,new E.CSSProperty(this,"--check-viewport-bounds",!1)),o(this,y,!0),o(this,a,new ue.ElementLinkedStore(this,{triggered:!1,beforeopen:!1,opened:!1,closing:!1,transitionend:!1})),o(this,V,[]),o(this,H,[]),o(this,W,()=>{o(this,y,!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,y,!0)}),o(this,O,()=>{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,j).call(this)}),o(this,j,pe.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,P).current){const t=this.getBoundingClientRect();let s=0,i=0;t.right>Q.viewport.width?s=Q.viewport.width-t.right:t.left<0&&(s=t.left*-1),t.bottom>Q.viewport.height?i=Q.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,G,()=>{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(c=>c.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 closeRest(){return e(this,A)}get closeRestInGroup(){return e(this,x)}get group(){return e(this,b)}get clickOutside(){return e(this,R)}get escape(){return e(this,q)}get opened(){return e(this,v)}get lastTrigger(){return e(this,$)}get idWithValue(){return`${this.id}${this.urlValue?"="+this.urlValue:""}`}updateUrlValue(t){this.urlValue=(t==null?void 0:t.toString())||"",e(this,v)&&he.updateSearchParameter(this.id,t)}open(t){if(e(this,v))return;o(this,$,t==null?void 0:t.trigger),clearTimeout(e(this,M)),clearTimeout(e(this,z)),p(this,u,L).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),F.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,$)}}),e(this,m).current&&e(this,y)&&history.pushState(history.state,"",e(this,u,ce)),e(this,a).set("beforeopen",!0),o(this,v,!0);const s=()=>{S.stack.add(e(this,b).current,this),e(this,H).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),F.dispatchEvent(window,"resize"),F.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,$)},bubbles:!0}),o(this,k,void 0),o(this,B,setTimeout(()=>{e(this,a).set("transitionend",!0)},ne.getElementTransitionDurationMS(this)+10))};t!=null&&t.skipTransition?s():o(this,k,requestAnimationFrame(s))}close(){e(this,v)&&(o(this,v,!1),cancelAnimationFrame(e(this,k)),clearTimeout(e(this,B)),S.stack.remove(e(this,b).current,this),p(this,u,Z).call(this),p(this,u,L).call(this,!1,this.openClass),e(this,a).set("transitionend",!1),o(this,M,setTimeout(()=>{e(this,a).set("opened",!1),e(this,a).set("closing",!0),p(this,u,L).call(this,!0,this.closingClass),F.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,z,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),F.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},ne.getElementTransitionDurationMS(this)+10))},10)))}connectedCallback(){o(this,V,[...this.querySelectorAll(`[data-popover-close${this.id?`="${this.id}"`:""}]`)]),e(this,V).forEach(t=>{t.addEventListener("click",e(this,G))}),o(this,H,[...this.querySelectorAll(`[data-popover-reset-scroll${this.id?`="${this.id}"`:""}]`)]),e(this,m).observe(),e(this,C).observe(),e(this,A).observe(),e(this,x).observe(),e(this,b).observe(),e(this,R).observe(),e(this,q).observe(),e(this,P).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,W)),setTimeout(()=>{e(this,C).current?(o(this,y,!1),this.urlValue=he.parseSearchParameters(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),e(this,P).subscribe(()=>{e(this,O).call(this)}),le.windowResizer.subscribe(e(this,O))}disconnectedCallback(){e(this,V).forEach(t=>{t.removeEventListener("click",e(this,G))}),S.stack.remove(e(this,b).current,this),le.windowResizer.unsubscribe(e(this,O)),e(this,a).close(),e(this,m).close(),e(this,C).close(),e(this,A).close(),e(this,x).close(),e(this,b).close(),e(this,R).close(),e(this,q).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,M)),clearTimeout(e(this,z)),clearTimeout(e(this,k)),clearTimeout(e(this,B)),removeEventListener("popstate",e(this,W)),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)}};v=new WeakMap,M=new WeakMap,z=new WeakMap,k=new WeakMap,B=new WeakMap,m=new WeakMap,C=new WeakMap,A=new WeakMap,x=new WeakMap,b=new WeakMap,R=new WeakMap,q=new WeakMap,P=new WeakMap,y=new WeakMap,$=new WeakMap,a=new WeakMap,V=new WeakMap,H=new WeakMap,u=new WeakSet,ce=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)})},Z=function(){if(e(this,m).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(history.state,"",t.href)}},W=new WeakMap,O=new WeakMap,j=new WeakMap,X=new WeakMap,G=new WeakMap,S.stack=new de;let U=S;ie.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",U);var h,g,T,te,Y,I,J,K,se;class ae extends HTMLElement{constructor(){super();r(this,T);r(this,h);r(this,g,new E.CSSProperty(this,"--type","open"));r(this,Y,()=>{e(this,g).current!=="close"&&this.classList.add("triggered")});r(this,I,()=>{e(this,g).current!=="close"&&(this.classList.add("opened"),this.setAttribute("aria-expanded","true"))});r(this,J,()=>{e(this,g).current!=="close"&&this.classList.remove("opened")});r(this,K,()=>{e(this,g).current!=="close"&&(this.classList.remove("triggered"),this.setAttribute("aria-expanded","false"))});ie.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,T,te).call(this),t){let i=null;if(t==="parent"){const c=this.closest("[data-popover]");if(c)i=c;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 c=f=>{if(!f)return null;let D=f.querySelector("[data-popover]");return!D&&(f!=null&&f.parentElement)&&(D=c(f.parentElement)),D};i=c(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,Y)),e(this,h).addEventListener("popoverOpened",e(this,I)),e(this,h).addEventListener("popoverClosing",e(this,J)),e(this,h).addEventListener("popoverClosed",e(this,K))):console.warn(this,`target ${t} not found`)}p(this,T,se).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{p(this,T,se).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,T,te).call(this)}}h=new WeakMap,g=new WeakMap,T=new WeakSet,te=function(){e(this,h)&&(e(this,h).removeEventListener("popoverTriggered",e(this,Y)),e(this,h).removeEventListener("popoverOpened",e(this,I)),e(this,h).removeEventListener("popoverClosing",e(this,J)),e(this,h).removeEventListener("popoverClosed",e(this,K)))},Y=new WeakMap,I=new WeakMap,J=new WeakMap,K=new WeakMap,se=function(t){e(this,h)instanceof U&&(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")))};ie.isBrowser&&!customElements.get("e-popover-button")&&customElements.define("e-popover-button",ae);exports.PopoverButtonElement=ae;exports.PopoverElement=U;
package/lib/popover/index.js CHANGED
@@ -2,7 +2,7 @@ var ot = (l) => {
2
2
  throw TypeError(l);
3
3
  };
4
4
  var tt = (l, h, e) => h.has(l) || ot("Cannot " + e);
5
- var t = (l, h, e) => (tt(l, h, "read from private field"), e ? e.call(l) : h.get(l)), r = (l, h, e) => h.has(l) ? ot("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(l) : h.set(l, e), o = (l, h, e, s) => (tt(l, h, "write to private field"), s ? s.call(l, e) : h.set(l, e), e), f = (l, h, e) => (tt(l, h, "access private method"), e);
5
+ var t = (l, h, e) => (tt(l, h, "read from private field"), e ? e.call(l) : h.get(l)), r = (l, h, e) => h.has(l) ? ot("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(l) : h.set(l, e), o = (l, h, e, s) => (tt(l, h, "write to private field"), s ? s.call(l, e) : h.set(l, e), e), p = (l, h, e) => (tt(l, h, "access private method"), e);
6
6
  import { ElementLinkedStore as ct } from "../element-linked-store/index.js";
7
7
  import { CSSProperty as y } from "../css-property/index.js";
8
8
  import { i as it } from "../index-Bv9zgfdb.js";
@@ -13,10 +13,10 @@ import "construct-style-sheets-polyfill";
13
13
  import { u as ut, p as pt } from "../url-Cb0SFRMc.js";
14
14
  import { windowResizer as nt } from "../window-resizer/index.js";
15
15
  import { v as K } from "../Viewport-DA10iWAO.js";
16
- var u, w, N, _;
16
+ var d, w, N, _;
17
17
  class dt {
18
18
  constructor() {
19
- r(this, u, /* @__PURE__ */ new Map());
19
+ r(this, d, /* @__PURE__ */ new Map());
20
20
  r(this, w, []);
21
21
  r(this, N, (h) => {
22
22
  var s;
@@ -27,8 +27,8 @@ class dt {
27
27
  (rt) => rt instanceof HTMLElement && rt.hasAttribute("data-popover-content")
28
28
  ))
29
29
  return;
30
- const c = i[0], d = c instanceof Node && (e.contains(c) || ((s = e.shadowRoot) == null ? void 0 : s.contains(c))), F = c instanceof HTMLElement && c.hasAttribute("data-outside");
31
- (!d || F) && e.close();
30
+ const c = i[0], f = c instanceof Node && (e.contains(c) || ((s = e.shadowRoot) == null ? void 0 : s.contains(c))), F = c instanceof HTMLElement && c.hasAttribute("data-outside");
31
+ (!f || F) && e.close();
32
32
  }
33
33
  });
34
34
  r(this, _, (h) => {
@@ -43,91 +43,91 @@ class dt {
43
43
  ), addEventListener("keydown", t(this, _));
44
44
  }
45
45
  get groups() {
46
- return t(this, u);
46
+ return t(this, d);
47
47
  }
48
48
  get stack() {
49
49
  return t(this, w);
50
50
  }
51
51
  add(h, e) {
52
52
  if (e.closeRest.current)
53
- t(this, u).forEach((i) => {
53
+ t(this, d).forEach((i) => {
54
54
  i.forEach((c) => {
55
55
  c.close();
56
56
  });
57
57
  });
58
58
  else if (e.closeRestInGroup.current) {
59
- let i = t(this, u).get(h);
59
+ let i = t(this, d).get(h);
60
60
  i == null || i.forEach((c) => {
61
61
  c.close();
62
62
  });
63
63
  }
64
- let s = t(this, u).get(h);
65
- s != null && s.length || (s = [], t(this, u).set(h, s)), t(this, w).push(e), s.push(e);
64
+ let s = t(this, d).get(h);
65
+ s != null && s.length || (s = [], t(this, d).set(h, s)), t(this, w).push(e), s.push(e);
66
66
  }
67
67
  remove(h, e) {
68
68
  if (o(this, w, t(this, w).filter((s) => s !== e)), e.closeRest.current) {
69
69
  let s = [];
70
- t(this, u).forEach((i) => {
70
+ t(this, d).forEach((i) => {
71
71
  i.forEach((c) => s.push(c));
72
- }), t(this, u).clear(), s.forEach((i) => i.close());
72
+ }), t(this, d).clear(), s.forEach((i) => i.close());
73
73
  } else if (e.closeRestInGroup.current) {
74
- const s = t(this, u).get(h);
75
- t(this, u).delete(h), s == null || s.forEach((i) => {
74
+ const s = t(this, d).get(h);
75
+ t(this, d).delete(h), s == null || s.forEach((i) => {
76
76
  i.close();
77
77
  });
78
78
  } else {
79
- let s = t(this, u).get(h);
80
- s && (s = s.filter((i) => i !== e), t(this, u).set(h, s));
79
+ let s = t(this, d).get(h);
80
+ s && (s = s.filter((i) => i !== e), t(this, d).set(h, s));
81
81
  }
82
82
  }
83
83
  }
84
- u = new WeakMap(), w = new WeakMap(), N = new WeakMap(), _ = new WeakMap();
85
- var m, q, H, C, W, v, T, P, x, b, S, R, k, E, $, a, V, G, p, lt, M, Q, z, O, U, X, B;
86
- const L = class L extends HTMLElement {
84
+ d = new WeakMap(), w = new WeakMap(), N = new WeakMap(), _ = new WeakMap();
85
+ var m, q, H, P, W, v, k, x, S, b, R, $, A, E, V, a, O, G, u, lt, L, Q, z, M, U, X, B;
86
+ const T = class T extends HTMLElement {
87
87
  constructor() {
88
88
  super();
89
- r(this, p);
89
+ r(this, u);
90
90
  r(this, m);
91
91
  r(this, q);
92
92
  r(this, H);
93
- r(this, C);
93
+ r(this, P);
94
94
  r(this, W);
95
95
  r(this, v);
96
- r(this, T);
97
- r(this, P);
96
+ r(this, k);
98
97
  r(this, x);
99
- r(this, b);
100
98
  r(this, S);
99
+ r(this, b);
101
100
  r(this, R);
102
- r(this, k);
103
- r(this, E);
104
101
  r(this, $);
105
- r(this, a);
102
+ r(this, A);
103
+ r(this, E);
106
104
  r(this, V);
105
+ r(this, a);
106
+ r(this, O);
107
107
  r(this, G);
108
108
  r(this, z);
109
- r(this, O);
109
+ r(this, M);
110
110
  r(this, U);
111
111
  r(this, X);
112
112
  r(this, B);
113
- this.urlValue = "", o(this, m, !1), o(this, v, new y(this, "--history", !1)), o(this, T, new y(this, "--restore", !1)), o(this, P, new y(this, "--close-rest", !1)), o(this, x, new y(
113
+ this.urlValue = "", o(this, m, !1), o(this, v, new y(this, "--history", !1)), o(this, k, new y(this, "--restore", !1)), o(this, x, new y(this, "--close-rest", !1)), o(this, S, new y(
114
114
  this,
115
115
  "--close-rest-in-group",
116
116
  !1
117
- )), o(this, b, new y(this, "--group", "")), o(this, S, new y(this, "--click-outside", !1)), o(this, R, new y(this, "--escape", !1)), o(this, k, new y(this, "--check-viewport-bounds", !1)), o(this, E, !0), o(this, a, new ct(this, {
117
+ )), o(this, b, new y(this, "--group", "")), o(this, R, new y(this, "--click-outside", !1)), o(this, $, new y(this, "--escape", !1)), o(this, A, new y(this, "--check-viewport-bounds", !1)), o(this, E, !0), o(this, a, new ct(this, {
118
118
  triggered: !1,
119
119
  beforeopen: !1,
120
120
  opened: !1,
121
121
  closing: !1,
122
122
  transitionend: !1
123
- })), o(this, V, []), o(this, G, []), o(this, z, () => {
123
+ })), o(this, O, []), o(this, G, []), o(this, z, () => {
124
124
  o(this, E, !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, E, !0);
125
- }), o(this, O, () => {
125
+ }), o(this, M, () => {
126
126
  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, U).call(this);
127
127
  }), o(this, U, at(() => {
128
128
  t(this, X).call(this);
129
129
  }, 10)), o(this, X, () => {
130
- if (this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px"), t(this, k).current) {
130
+ if (this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px"), t(this, A).current) {
131
131
  const e = this.getBoundingClientRect();
132
132
  let s = 0, i = 0;
133
133
  e.right > K.width ? s = K.width - e.right : e.left < 0 && (s = e.left * -1), e.bottom > K.height ? i = K.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");
@@ -135,7 +135,7 @@ const L = class L extends HTMLElement {
135
135
  }), o(this, B, () => {
136
136
  this.close();
137
137
  }), t(this, b).subscribe((e) => {
138
- e.previous && (L.stack.remove(e.previous, this), e.current || (document.documentElement.classList.remove(
138
+ e.previous && (T.stack.remove(e.previous, this), e.current || (document.documentElement.classList.remove(
139
139
  `${this.group.previous}-closing`
140
140
  ), document.documentElement.classList.remove(
141
141
  `${this.group.previous}-opened`
@@ -146,7 +146,7 @@ const L = class L extends HTMLElement {
146
146
  `${this.group.current}-closing`,
147
147
  e.current.closing
148
148
  );
149
- const s = L.stack.groups.get(this.group.current), i = s == null ? void 0 : s.find((c) => c.opened);
149
+ const s = T.stack.groups.get(this.group.current), i = s == null ? void 0 : s.find((c) => c.opened);
150
150
  document.documentElement.classList.toggle(
151
151
  `${this.group.current}-opened`,
152
152
  !!i
@@ -164,28 +164,28 @@ const L = class L extends HTMLElement {
164
164
  return t(this, v);
165
165
  }
166
166
  get restore() {
167
- return t(this, T);
167
+ return t(this, k);
168
168
  }
169
169
  get closeRest() {
170
- return t(this, P);
170
+ return t(this, x);
171
171
  }
172
172
  get closeRestInGroup() {
173
- return t(this, x);
173
+ return t(this, S);
174
174
  }
175
175
  get group() {
176
176
  return t(this, b);
177
177
  }
178
178
  get clickOutside() {
179
- return t(this, S);
179
+ return t(this, R);
180
180
  }
181
181
  get escape() {
182
- return t(this, R);
182
+ return t(this, $);
183
183
  }
184
184
  get opened() {
185
185
  return t(this, m);
186
186
  }
187
187
  get lastTrigger() {
188
- return t(this, $);
188
+ return t(this, V);
189
189
  }
190
190
  get idWithValue() {
191
191
  return `${this.id}${this.urlValue ? "=" + this.urlValue : ""}`;
@@ -196,38 +196,38 @@ const L = class L extends HTMLElement {
196
196
  open(e) {
197
197
  if (t(this, m))
198
198
  return;
199
- o(this, $, e == null ? void 0 : e.trigger), clearTimeout(t(this, q)), clearTimeout(t(this, H)), f(this, p, M).call(this, !1, this.closingClass), t(this, a).set("closing", !1), t(this, a).set("triggered", !0), D(this, "popoverTriggered", {
199
+ o(this, V, e == null ? void 0 : e.trigger), clearTimeout(t(this, q)), clearTimeout(t(this, H)), p(this, u, L).call(this, !1, this.closingClass), t(this, a).set("closing", !1), t(this, a).set("triggered", !0), D(this, "popoverTriggered", {
200
200
  custom: !0,
201
201
  detail: {
202
- trigger: t(this, $)
202
+ trigger: t(this, V)
203
203
  }
204
- }), t(this, v).current && t(this, E) && history.pushState(history.state, "", t(this, p, lt)), t(this, a).set("beforeopen", !0), o(this, m, !0);
204
+ }), t(this, v).current && t(this, E) && history.pushState(history.state, "", t(this, u, lt)), t(this, a).set("beforeopen", !0), o(this, m, !0);
205
205
  const s = () => {
206
- L.stack.add(t(this, b).current, this), t(this, G).forEach((i) => {
206
+ T.stack.add(t(this, b).current, this), t(this, G).forEach((i) => {
207
207
  i.scroll({
208
208
  top: 0,
209
209
  left: 0,
210
210
  behavior: "instant"
211
211
  });
212
- }), f(this, p, M).call(this, !0, this.openClass), t(this, a).set("opened", !0), D(window, "resize"), D(this, "popoverOpened", {
212
+ }), p(this, u, L).call(this, !0, this.openClass), t(this, a).set("opened", !0), D(window, "resize"), D(this, "popoverOpened", {
213
213
  custom: !0,
214
214
  detail: {
215
- trigger: t(this, $)
215
+ trigger: t(this, V)
216
216
  },
217
217
  bubbles: !0
218
- }), o(this, C, void 0), o(this, W, setTimeout(() => {
218
+ }), o(this, P, void 0), o(this, W, setTimeout(() => {
219
219
  t(this, a).set("transitionend", !0);
220
220
  }, ht(this) + 10));
221
221
  };
222
- e != null && e.skipTransition ? s() : o(this, C, requestAnimationFrame(s));
222
+ e != null && e.skipTransition ? s() : o(this, P, requestAnimationFrame(s));
223
223
  }
224
224
  close() {
225
- t(this, m) && (o(this, m, !1), cancelAnimationFrame(t(this, C)), clearTimeout(t(this, W)), L.stack.remove(t(this, b).current, this), f(this, p, Q).call(this), f(this, p, M).call(this, !1, this.openClass), t(this, a).set("transitionend", !1), o(this, q, setTimeout(() => {
226
- t(this, a).set("opened", !1), t(this, a).set("closing", !0), f(this, p, M).call(this, !0, this.closingClass), D(this, "popoverClosing", {
225
+ t(this, m) && (o(this, m, !1), cancelAnimationFrame(t(this, P)), clearTimeout(t(this, W)), T.stack.remove(t(this, b).current, this), p(this, u, Q).call(this), p(this, u, L).call(this, !1, this.openClass), t(this, a).set("transitionend", !1), o(this, q, setTimeout(() => {
226
+ t(this, a).set("opened", !1), t(this, a).set("closing", !0), p(this, u, L).call(this, !0, this.closingClass), D(this, "popoverClosing", {
227
227
  custom: !0,
228
228
  bubbles: !0
229
229
  }), o(this, H, setTimeout(() => {
230
- t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), f(this, p, M).call(this, !1, this.closingClass), D(this, "popoverClosed", {
230
+ 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), D(this, "popoverClosed", {
231
231
  custom: !0,
232
232
  bubbles: !0
233
233
  });
@@ -235,31 +235,31 @@ const L = class L extends HTMLElement {
235
235
  }, 10)));
236
236
  }
237
237
  connectedCallback() {
238
- o(this, V, [
238
+ o(this, O, [
239
239
  ...this.querySelectorAll(
240
240
  `[data-popover-close${this.id ? `="${this.id}"` : ""}]`
241
241
  )
242
- ]), t(this, V).forEach((e) => {
242
+ ]), t(this, O).forEach((e) => {
243
243
  e.addEventListener("click", t(this, B));
244
244
  }), o(this, G, [
245
245
  ...this.querySelectorAll(
246
246
  `[data-popover-reset-scroll${this.id ? `="${this.id}"` : ""}]`
247
247
  )
248
- ]), t(this, v).observe(), t(this, T).observe(), t(this, P).observe(), t(this, x).observe(), t(this, b).observe(), t(this, S).observe(), t(this, R).observe(), t(this, k).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", t(this, z)), setTimeout(() => {
249
- t(this, T).current ? (o(this, E, !1), this.urlValue = pt(location.search)[this.id], location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), o(this, E, !0)) : (f(this, p, Q).call(this), o(this, E, !0));
250
- }, 0), t(this, k).subscribe(() => {
251
- t(this, O).call(this);
252
- }), nt.subscribe(t(this, O));
248
+ ]), t(this, v).observe(), t(this, k).observe(), t(this, x).observe(), t(this, S).observe(), t(this, b).observe(), t(this, R).observe(), t(this, $).observe(), t(this, A).observe(), this.setAttribute("role", "dialog"), addEventListener("popstate", t(this, z)), setTimeout(() => {
249
+ t(this, k).current ? (o(this, E, !1), this.urlValue = pt(location.search)[this.id], location.search.includes(this.id) && this.open({ trigger: this.idWithValue }), o(this, E, !0)) : (p(this, u, Q).call(this), o(this, E, !0));
250
+ }, 0), t(this, A).subscribe(() => {
251
+ t(this, M).call(this);
252
+ }), nt.subscribe(t(this, M));
253
253
  }
254
254
  disconnectedCallback() {
255
- t(this, V).forEach((e) => {
255
+ t(this, O).forEach((e) => {
256
256
  e.removeEventListener("click", t(this, B));
257
- }), L.stack.remove(t(this, b).current, this), nt.unsubscribe(t(this, O)), t(this, a).close(), t(this, v).close(), t(this, T).close(), t(this, P).close(), t(this, x).close(), t(this, b).close(), t(this, S).close(), t(this, R).close(), t(this, k).close(), this.removeAttribute("role"), clearTimeout(t(this, q)), clearTimeout(t(this, H)), clearTimeout(t(this, C)), clearTimeout(t(this, W)), removeEventListener("popstate", t(this, z)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), this.style.removeProperty("--viewport-offset-x"), this.style.removeProperty("--viewport-offset-y"), f(this, p, Q).call(this);
257
+ }), T.stack.remove(t(this, b).current, this), nt.unsubscribe(t(this, M)), t(this, a).close(), t(this, v).close(), t(this, k).close(), t(this, x).close(), t(this, S).close(), t(this, b).close(), t(this, R).close(), t(this, $).close(), t(this, A).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, q)), clearTimeout(t(this, H)), clearTimeout(t(this, P)), clearTimeout(t(this, W)), removeEventListener("popstate", t(this, z)), 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, Q).call(this);
258
258
  }
259
259
  };
260
- m = new WeakMap(), q = new WeakMap(), H = new WeakMap(), C = new WeakMap(), W = new WeakMap(), v = new WeakMap(), T = new WeakMap(), P = new WeakMap(), x = new WeakMap(), b = new WeakMap(), S = new WeakMap(), R = new WeakMap(), k = new WeakMap(), E = new WeakMap(), $ = new WeakMap(), a = new WeakMap(), V = new WeakMap(), G = new WeakMap(), p = new WeakSet(), lt = function() {
260
+ m = new WeakMap(), q = new WeakMap(), H = new WeakMap(), P = new WeakMap(), W = new WeakMap(), v = new WeakMap(), k = new WeakMap(), x = new WeakMap(), S = new WeakMap(), b = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), A = new WeakMap(), E = new WeakMap(), V = new WeakMap(), a = new WeakMap(), O = new WeakMap(), G = new WeakMap(), u = new WeakSet(), lt = function() {
261
261
  return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.idWithValue}`;
262
- }, M = function(e, s) {
262
+ }, L = function(e, s) {
263
263
  s && s.split(" ").map((i) => {
264
264
  document.documentElement.classList.toggle(i.trim(), e);
265
265
  });
@@ -268,14 +268,14 @@ m = new WeakMap(), q = new WeakMap(), H = new WeakMap(), C = new WeakMap(), W =
268
268
  const e = new URL(location.href);
269
269
  e.searchParams.delete(this.id), history.replaceState(history.state, "", e.href);
270
270
  }
271
- }, z = new WeakMap(), O = new WeakMap(), U = new WeakMap(), X = new WeakMap(), B = new WeakMap(), L.stack = new dt();
272
- let Z = L;
271
+ }, z = new WeakMap(), M = new WeakMap(), U = new WeakMap(), X = new WeakMap(), B = new WeakMap(), T.stack = new dt();
272
+ let Z = T;
273
273
  it && !customElements.get("e-popover") && customElements.define("e-popover", Z);
274
- var n, g, A, et, Y, j, I, J, st;
274
+ var n, g, C, et, Y, j, I, J, st;
275
275
  class ft extends HTMLElement {
276
276
  constructor() {
277
277
  super();
278
- r(this, A);
278
+ r(this, C);
279
279
  r(this, n);
280
280
  r(this, g, new y(this, "--type", "open"));
281
281
  r(this, Y, () => {
@@ -307,24 +307,24 @@ class ft extends HTMLElement {
307
307
  }
308
308
  changePopover(e) {
309
309
  var s;
310
- if (f(this, A, et).call(this), e) {
310
+ if (p(this, C, et).call(this), e) {
311
311
  let i = null;
312
312
  if (e === "parent") {
313
313
  const c = this.closest("[data-popover]");
314
314
  if (c)
315
315
  i = c;
316
316
  else {
317
- const d = this.getRootNode();
318
- d instanceof ShadowRoot ? i = d.host.closest("[data-popover]") : d instanceof HTMLElement && (i = d.closest("[data-popover]"));
317
+ const f = this.getRootNode();
318
+ f instanceof ShadowRoot ? i = f.host.closest("[data-popover]") : f instanceof HTMLElement && (i = f.closest("[data-popover]"));
319
319
  }
320
320
  } else if (e === "sibling")
321
321
  i = (s = this.parentElement) == null ? void 0 : s.querySelector("[data-popover]");
322
322
  else if (e === "ancestor-child") {
323
- const c = (d) => {
324
- if (!d)
323
+ const c = (f) => {
324
+ if (!f)
325
325
  return null;
326
- let F = d.querySelector("[data-popover]");
327
- return !F && (d != null && d.parentElement) && (F = c(d.parentElement)), F;
326
+ let F = f.querySelector("[data-popover]");
327
+ return !F && (f != null && f.parentElement) && (F = c(f.parentElement)), F;
328
328
  };
329
329
  i = c(this.parentElement) || null;
330
330
  } else
@@ -343,20 +343,20 @@ class ft extends HTMLElement {
343
343
  t(this, J)
344
344
  )) : console.warn(this, `target ${e} not found`);
345
345
  }
346
- f(this, A, st).call(this, t(this, g).current);
346
+ p(this, C, st).call(this, t(this, g).current);
347
347
  }
348
348
  connectedCallback() {
349
349
  t(this, g).subscribe((s) => {
350
- f(this, A, st).call(this, s.current);
350
+ p(this, C, st).call(this, s.current);
351
351
  }), this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("role") || this.setAttribute("role", "button");
352
352
  const e = this.getAttribute("target");
353
353
  e && this.changePopover(e), this.isConnected && t(this, g).observe();
354
354
  }
355
355
  disconnectedCallback() {
356
- t(this, g).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), this.removeAttribute("role"), this.removeAttribute("tabindex"), f(this, A, et).call(this);
356
+ t(this, g).unobserve(), this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), this.removeAttribute("role"), this.removeAttribute("tabindex"), p(this, C, et).call(this);
357
357
  }
358
358
  }
359
- n = new WeakMap(), g = new WeakMap(), A = new WeakSet(), et = function() {
359
+ n = new WeakMap(), g = new WeakMap(), C = new WeakSet(), et = function() {
360
360
  t(this, n) && (t(this, n).removeEventListener(
361
361
  "popoverTriggered",
362
362
  t(this, Y)