aptechka 0.70.13 → 0.70.15

package/lib/popover/PopoverElement.d.ts

@@ -8,6 +8,7 @@ export interface PopoverEvents {
     }>;
     popoverClosing: CustomEvent;
     popoverClosed: CustomEvent;
+    popoverTransitionend: CustomEvent;
 }
 export declare class PopoverElement extends HTMLElement {
     #private;

package/lib/popover/index.cjs

@@ -1 +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,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;
+"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"),M=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))),F=c instanceof HTMLElement&&c.hasAttribute("data-outside");(!f||F)&&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,z,B,k,H,m,C,A,x,b,R,q,T,y,$,a,V,W,u,ce,L,Z,G,O,j,X,D;const S=class S extends HTMLElement{constructor(){super();r(this,u);r(this,v);r(this,z);r(this,B);r(this,k);r(this,H);r(this,m);r(this,C);r(this,A);r(this,x);r(this,b);r(this,R);r(this,q);r(this,T);r(this,y);r(this,$);r(this,a);r(this,V);r(this,W);r(this,G);r(this,O);r(this,j);r(this,X);r(this,D);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,T,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,W,[]),o(this,G,()=>{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,T).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,D,()=>{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,z)),clearTimeout(e(this,B)),p(this,u,L).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),M.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,$)}}),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,W).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),M.dispatchEvent(window,"resize"),M.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,$)},bubbles:!0}),o(this,k,void 0),o(this,H,setTimeout(()=>{e(this,a).set("transitionend",!0),M.dispatchEvent(this,"popoverTransitionend")},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,H)),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,z,setTimeout(()=>{e(this,a).set("opened",!1),e(this,a).set("closing",!0),p(this,u,L).call(this,!0,this.closingClass),M.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,B,setTimeout(()=>{e(this,a).set("triggered",!1),e(this,a).set("beforeopen",!1),e(this,a).set("closing",!1),p(this,u,L).call(this,!1,this.closingClass),M.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},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,D))}),o(this,W,[...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,T).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,G)),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,T).subscribe(()=>{e(this,O).call(this)}),le.windowResizer.subscribe(e(this,O))}disconnectedCallback(){e(this,V).forEach(t=>{t.removeEventListener("click",e(this,D))}),S.stack.remove(e(this,b).current,this),le.windowResizer.unsubscribe(e(this,O)),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,T).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,z)),clearTimeout(e(this,B)),clearTimeout(e(this,k)),clearTimeout(e(this,H)),removeEventListener("popstate",e(this,G)),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,z=new WeakMap,B=new WeakMap,k=new WeakMap,H=new WeakMap,m=new WeakMap,C=new WeakMap,A=new WeakMap,x=new WeakMap,b=new WeakMap,R=new WeakMap,q=new WeakMap,T=new WeakMap,y=new WeakMap,$=new WeakMap,a=new WeakMap,V=new WeakMap,W=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)}},G=new WeakMap,O=new WeakMap,j=new WeakMap,X=new WeakMap,D=new WeakMap,S.stack=new de;let U=S;ie.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",U);var h,g,P,te,Y,I,J,K,se;class ae extends HTMLElement{constructor(){super();r(this,P);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,P,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 F=f.querySelector("[data-popover]");return!F&&(f!=null&&f.parentElement)&&(F=c(f.parentElement)),F};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,P,se).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{p(this,P,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,P,te).call(this)}}h=new WeakMap,g=new WeakMap,P=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

@@ -6,7 +6,7 @@ var t = (l, h, e) => (tt(l, h, "read from private field"), e ? e.call(l) : h.get
 import { ElementLinkedStore as ct } from "../element-linked-store/index.js";
 import { CSSProperty as y } from "../css-property/index.js";
 import { i as it } from "../index-Bv9zgfdb.js";
-import { d as D } from "../events-CsVF98U6.js";
+import { d as q } from "../events-CsVF98U6.js";
 import { d as at } from "../function-C10DGppn.js";
 import { g as ht } from "../style-j2TwriJ_.js";
 import "construct-style-sheets-polyfill";
@@ -27,8 +27,8 @@ class dt {
           (rt) => rt instanceof HTMLElement && rt.hasAttribute("data-popover-content")
         ))
           return;
-        const c = i[0], f = c instanceof Node && (e.contains(c) || ((s = e.shadowRoot) == null ? void 0 : s.contains(c))), F = c instanceof HTMLElement && c.hasAttribute("data-outside");
-        (!f || F) && e.close();
+        const c = i[0], f = c instanceof Node && (e.contains(c) || ((s = e.shadowRoot) == null ? void 0 : s.contains(c))), D = c instanceof HTMLElement && c.hasAttribute("data-outside");
+        (!f || D) && e.close();
       }
     });
     r(this, _, (h) => {
@@ -82,16 +82,16 @@ class dt {
   }
 }
 d = new WeakMap(), w = new WeakMap(), N = new WeakMap(), _ = new WeakMap();
-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;
+var m, H, W, P, G, v, k, x, S, b, R, $, A, E, V, a, O, z, u, lt, L, Q, B, M, U, X, F;
 const T = class T extends HTMLElement {
   constructor() {
     super();
     r(this, u);
     r(this, m);
-    r(this, q);
     r(this, H);
-    r(this, P);
     r(this, W);
+    r(this, P);
+    r(this, G);
     r(this, v);
     r(this, k);
     r(this, x);
@@ -104,12 +104,12 @@ const T = class T extends HTMLElement {
     r(this, V);
     r(this, a);
     r(this, O);
-    r(this, G);
     r(this, z);
+    r(this, B);
     r(this, M);
     r(this, U);
     r(this, X);
-    r(this, B);
+    r(this, F);
     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(
       this,
       "--close-rest-in-group",
@@ -120,7 +120,7 @@ const T = class T extends HTMLElement {
       opened: !1,
       closing: !1,
       transitionend: !1
-    })), o(this, O, []), o(this, G, []), o(this, z, () => {
+    })), o(this, O, []), o(this, z, []), o(this, B, () => {
       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);
     }), o(this, M, () => {
       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);
@@ -132,7 +132,7 @@ const T = class T extends HTMLElement {
         let s = 0, i = 0;
         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");
       }
-    }), o(this, B, () => {
+    }), o(this, F, () => {
       this.close();
     }), t(this, b).subscribe((e) => {
       e.previous && (T.stack.remove(e.previous, this), e.current || (document.documentElement.classList.remove(
@@ -196,38 +196,38 @@ const T = class T extends HTMLElement {
   open(e) {
     if (t(this, m))
       return;
-    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", {
+    o(this, V, e == null ? void 0 : e.trigger), clearTimeout(t(this, H)), clearTimeout(t(this, W)), p(this, u, L).call(this, !1, this.closingClass), t(this, a).set("closing", !1), t(this, a).set("triggered", !0), q(this, "popoverTriggered", {
       custom: !0,
       detail: {
         trigger: t(this, V)
       }
     }), 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);
     const s = () => {
-      T.stack.add(t(this, b).current, this), t(this, G).forEach((i) => {
+      T.stack.add(t(this, b).current, this), t(this, z).forEach((i) => {
         i.scroll({
           top: 0,
           left: 0,
           behavior: "instant"
         });
-      }), p(this, u, L).call(this, !0, this.openClass), t(this, a).set("opened", !0), D(window, "resize"), D(this, "popoverOpened", {
+      }), p(this, u, L).call(this, !0, this.openClass), t(this, a).set("opened", !0), q(window, "resize"), q(this, "popoverOpened", {
         custom: !0,
         detail: {
           trigger: t(this, V)
         },
         bubbles: !0
-      }), o(this, P, void 0), o(this, W, setTimeout(() => {
-        t(this, a).set("transitionend", !0);
+      }), o(this, P, void 0), o(this, G, setTimeout(() => {
+        t(this, a).set("transitionend", !0), q(this, "popoverTransitionend");
       }, ht(this) + 10));
     };
     e != null && e.skipTransition ? s() : o(this, P, requestAnimationFrame(s));
   }
   close() {
-    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(() => {
-      t(this, a).set("opened", !1), t(this, a).set("closing", !0), p(this, u, L).call(this, !0, this.closingClass), D(this, "popoverClosing", {
+    t(this, m) && (o(this, m, !1), cancelAnimationFrame(t(this, P)), clearTimeout(t(this, G)), 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, H, setTimeout(() => {
+      t(this, a).set("opened", !1), t(this, a).set("closing", !0), p(this, u, L).call(this, !0, this.closingClass), q(this, "popoverClosing", {
         custom: !0,
         bubbles: !0
-      }), o(this, H, setTimeout(() => {
-        t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), p(this, u, L).call(this, !1, this.closingClass), D(this, "popoverClosed", {
+      }), o(this, W, setTimeout(() => {
+        t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), p(this, u, L).call(this, !1, this.closingClass), q(this, "popoverClosed", {
           custom: !0,
           bubbles: !0
         });
@@ -240,12 +240,12 @@ const T = class T extends HTMLElement {
         `[data-popover-close${this.id ? `="${this.id}"` : ""}]`
       )
     ]), t(this, O).forEach((e) => {
-      e.addEventListener("click", t(this, B));
-    }), o(this, G, [
+      e.addEventListener("click", t(this, F));
+    }), o(this, z, [
       ...this.querySelectorAll(
         `[data-popover-reset-scroll${this.id ? `="${this.id}"` : ""}]`
       )
-    ]), 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(() => {
+    ]), 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, B)), setTimeout(() => {
       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));
     }, 0), t(this, A).subscribe(() => {
       t(this, M).call(this);
@@ -253,11 +253,11 @@ const T = class T extends HTMLElement {
   }
   disconnectedCallback() {
     t(this, O).forEach((e) => {
-      e.removeEventListener("click", t(this, B));
-    }), T.stack.remove(t(this, b).current, this), nt.unsubscribe(t(this, M)), 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);
+      e.removeEventListener("click", t(this, F));
+    }), T.stack.remove(t(this, b).current, this), nt.unsubscribe(t(this, M)), 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, H)), clearTimeout(t(this, W)), clearTimeout(t(this, P)), clearTimeout(t(this, G)), removeEventListener("popstate", t(this, B)), 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);
   }
 };
-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() {
+m = new WeakMap(), H = new WeakMap(), W = new WeakMap(), P = new WeakMap(), G = 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(), z = new WeakMap(), u = new WeakSet(), lt = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.idWithValue}`;
 }, L = function(e, s) {
   s && s.split(" ").map((i) => {
@@ -268,7 +268,7 @@ m = new WeakMap(), q = new WeakMap(), H = new WeakMap(), P = new WeakMap(), W =
     const e = new URL(location.href);
     e.searchParams.delete(this.id), history.replaceState(history.state, "", e.href);
   }
-}, z = new WeakMap(), M = new WeakMap(), U = new WeakMap(), X = new WeakMap(), B = new WeakMap(), T.stack = new dt();
+}, B = new WeakMap(), M = new WeakMap(), U = new WeakMap(), X = new WeakMap(), F = new WeakMap(), T.stack = new dt();
 let Z = T;
 it && !customElements.get("e-popover") && customElements.define("e-popover", Z);
 var n, g, C, et, Y, j, I, J, st;
@@ -323,8 +323,8 @@ class ft extends HTMLElement {
         const c = (f) => {
           if (!f)
             return null;
-          let F = f.querySelector("[data-popover]");
-          return !F && (f != null && f.parentElement) && (F = c(f.parentElement)), F;
+          let D = f.querySelector("[data-popover]");
+          return !D && (f != null && f.parentElement) && (D = c(f.parentElement)), D;
         };
         i = c(this.parentElement) || null;
       } else

package/lib/size-element/index.cjs

@@ -1 +1 @@
-"use strict";var m=e=>{throw TypeError(e)};var c=(e,s,t)=>s.has(e)||m("Cannot "+t);var r=(e,s,t)=>(c(e,s,"read from private field"),t?t.call(e):s.get(e)),o=(e,s,t)=>s.has(e)?m("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(e):s.set(e,t),l=(e,s,t,n)=>(c(e,s,"write to private field"),n?n.call(e,t):s.set(e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../element-resizer/index.cjs"),y=require("../index-DekP7OZe.cjs");require("construct-style-sheets-polyfill");var i,h;class u extends HTMLElement{constructor(){super(...arguments);o(this,i,this);o(this,h,()=>{r(this,i).style.removeProperty("--width"),r(this,i).style.removeProperty("--height"),setTimeout(()=>{const t=this.offsetWidth,n=this.offsetHeight;r(this,i).style.setProperty("--width",t+"px"),r(this,i).style.setProperty("--height",n+"px")},0)})}connectedCallback(){var n;const t=(n=this.getAttribute("target"))==null?void 0:n.trim();t&&(t==="parent"?l(this,i,this.parentElement||this):l(this,i,document.querySelector(t)||this)),d.elementResizer.subscribe(this,r(this,h))}disconnectedCallback(){d.elementResizer.unsubscribe(r(this,h)),r(this,i).style.removeProperty("--width"),r(this,i).style.removeProperty("--height")}}i=new WeakMap,h=new WeakMap;y.isBrowser&&!customElements.get("e-size-element")&&customElements.define("e-size-element",u);exports.SizeElement=u;
+"use strict";var f=t=>{throw TypeError(t)};var d=(t,i,e)=>i.has(t)||f("Cannot "+e);var h=(t,i,e)=>(d(t,i,"read from private field"),e?e.call(t):i.get(t)),m=(t,i,e)=>i.has(t)?f("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),u=(t,i,e,s)=>(d(t,i,"write to private field"),s?s.call(t,e):i.set(t,e),e),o=(t,i,e)=>(d(t,i,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../element-resizer/index.cjs"),y=require("../index-DekP7OZe.cjs");require("construct-style-sheets-polyfill");var r,n,l,c;class p extends HTMLElement{constructor(){super(...arguments);m(this,n);m(this,r,this);m(this,c,()=>{h(this,r).style.removeProperty("--width"),h(this,r).style.removeProperty("--height"),o(this,n,l).call(this,"width"),o(this,n,l).call(this,"height"),setTimeout(()=>{const e=this.offsetWidth,s=this.offsetHeight;o(this,n,l).call(this,"width",e+"px"),o(this,n,l).call(this,"height",s+"px")},0)})}connectedCallback(){var s;const e=(s=this.getAttribute("target"))==null?void 0:s.trim();e&&(e==="parent"?u(this,r,this.parentElement||this):u(this,r,document.querySelector(e)||this)),g.elementResizer.subscribe(this,h(this,c))}disconnectedCallback(){g.elementResizer.unsubscribe(h(this,c))}}r=new WeakMap,n=new WeakSet,l=function(e,s){const a=this.dataset.prefix||"";s?h(this,r).style.setProperty(`--${a}${e}`,s):h(this,r).style.removeProperty(`--${a}${e}`)},c=new WeakMap;y.isBrowser&&!customElements.get("e-size-element")&&customElements.define("e-size-element",p);exports.SizeElement=p;

package/lib/size-element/index.js

@@ -1,34 +1,38 @@
-var l = (e) => {
-  throw TypeError(e);
+var d = (t) => {
+  throw TypeError(t);
 };
-var c = (e, s, t) => s.has(e) || l("Cannot " + t);
-var r = (e, s, t) => (c(e, s, "read from private field"), t ? t.call(e) : s.get(e)), m = (e, s, t) => s.has(e) ? l("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), n = (e, s, t, h) => (c(e, s, "write to private field"), h ? h.call(e, t) : s.set(e, t), t);
-import { elementResizer as p } from "../element-resizer/index.js";
+var p = (t, s, e) => s.has(t) || d("Cannot " + e);
+var r = (t, s, e) => (p(t, s, "read from private field"), e ? e.call(t) : s.get(t)), c = (t, s, e) => s.has(t) ? d("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), f = (t, s, e, i) => (p(t, s, "write to private field"), i ? i.call(t, e) : s.set(t, e), e), n = (t, s, e) => (p(t, s, "access private method"), e);
+import { elementResizer as g } from "../element-resizer/index.js";
 import { i as y } from "../index-Bv9zgfdb.js";
 import "construct-style-sheets-polyfill";
-var i, o;
-class a extends HTMLElement {
+var h, o, m, l;
+class u extends HTMLElement {
   constructor() {
     super(...arguments);
-    m(this, i, this);
-    m(this, o, () => {
-      r(this, i).style.removeProperty("--width"), r(this, i).style.removeProperty("--height"), setTimeout(() => {
-        const t = this.offsetWidth, h = this.offsetHeight;
-        r(this, i).style.setProperty("--width", t + "px"), r(this, i).style.setProperty("--height", h + "px");
+    c(this, o);
+    c(this, h, this);
+    c(this, l, () => {
+      r(this, h).style.removeProperty("--width"), r(this, h).style.removeProperty("--height"), n(this, o, m).call(this, "width"), n(this, o, m).call(this, "height"), setTimeout(() => {
+        const e = this.offsetWidth, i = this.offsetHeight;
+        n(this, o, m).call(this, "width", e + "px"), n(this, o, m).call(this, "height", i + "px");
       }, 0);
     });
   }
   connectedCallback() {
-    var h;
-    const t = (h = this.getAttribute("target")) == null ? void 0 : h.trim();
-    t && (t === "parent" ? n(this, i, this.parentElement || this) : n(this, i, document.querySelector(t) || this)), p.subscribe(this, r(this, o));
+    var i;
+    const e = (i = this.getAttribute("target")) == null ? void 0 : i.trim();
+    e && (e === "parent" ? f(this, h, this.parentElement || this) : f(this, h, document.querySelector(e) || this)), g.subscribe(this, r(this, l));
   }
   disconnectedCallback() {
-    p.unsubscribe(r(this, o)), r(this, i).style.removeProperty("--width"), r(this, i).style.removeProperty("--height");
+    g.unsubscribe(r(this, l));
   }
 }
-i = new WeakMap(), o = new WeakMap();
-y && !customElements.get("e-size-element") && customElements.define("e-size-element", a);
+h = new WeakMap(), o = new WeakSet(), m = function(e, i) {
+  const a = this.dataset.prefix || "";
+  i ? r(this, h).style.setProperty(`--${a}${e}`, i) : r(this, h).style.removeProperty(`--${a}${e}`);
+}, l = new WeakMap();
+y && !customElements.get("e-size-element") && customElements.define("e-size-element", u);
 export {
-  a as SizeElement
+  u as SizeElement
 };

package/package.json

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