aptechka 0.57.3 → 0.57.4

package/lib/popover/index.cjs

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

package/lib/popover/index.js

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

package/package.json

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