aptechka 0.33.0 → 0.33.1

package/lib/popover/PopoverButtonElement.d.ts

@@ -1,9 +1,11 @@
+import { CSSProperty } from '../css-property';
 import { PopoverElement } from './PopoverElement';
 
 export type PopoverButtonType = 'open' | 'close' | 'toggle';
 export declare class PopoverButtonElement extends HTMLElement {
     #private;
     constructor();
+    get type(): CSSProperty<PopoverButtonType>;
     get popoverElement(): PopoverElement | undefined;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;

package/lib/popover/index.cjs

@@ -1 +1 @@
-"use strict";var D=o=>{throw TypeError(o)};var $=(o,n,t)=>n.has(o)||D("Cannot "+t);var e=(o,n,t)=>($(o,n,"read from private field"),t?t.call(o):n.get(o)),s=(o,n,t)=>n.has(o)?D("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(o):n.set(o,t),i=(o,n,t,c)=>($(o,n,"write to private field"),c?c.call(o,t):n.set(o,t),t),C=(o,n,t)=>($(o,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../css-property/index.cjs"),G=require("../Store-CDb6RMce.cjs"),H=require("../events-KVanG9sR.cjs"),J=require("../function-MthRj-GJ.cjs"),K=require("../style-At6aDoqG.cjs"),U=require("../window-resizer/vanilla/index.cjs"),Q=require("../browser-CpzFX2xg.cjs");var b,a,_,d,v,p,g,m,f,y,u,W,w,I,T,B,L,S,q,k;const l=class l extends HTMLElement{constructor(){super(...arguments);s(this,u);s(this,b);s(this,a);s(this,_);s(this,d);s(this,v);s(this,p);s(this,g);s(this,m);s(this,f);s(this,y);s(this,w);s(this,T);s(this,L);s(this,S);s(this,q);s(this,k);i(this,b,-1),i(this,a,new G.Store(!1)),i(this,d,new P.CSSProperty(this,"--history",!1)),i(this,v,new P.CSSProperty(this,"--restore",!1)),i(this,p,new P.CSSProperty(this,"--dominance",0)),i(this,g,new P.CSSProperty(this,"--click-outside",!1)),i(this,m,new P.CSSProperty(this,"--escape",!1)),i(this,f,!1),this.open=t=>{if(e(this,a).current)return;i(this,y,t==null?void 0:t.trigger),e(this,a).current=!0,e(this,p).current&&(l.__opened=l.__opened.filter(h=>this.dominance.current>=h.dominance.current?(h.close(),!1):!0)),l.__opened.push(this),i(this,b,l.__opened.length-1),e(this,d).current&&e(this,f)&&history.pushState("","",e(this,u,W)),clearTimeout(e(this,_)),this.classList.remove("closing"),this.classList.add("triggered"),this.style.display="block",H.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,y)}});const c=()=>{addEventListener("click",e(this,w)),addEventListener("keydown",e(this,T)),e(this,k).call(this),this.style.opacity="1",this.classList.add("opened"),H.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,y)}})};t!=null&&t.skipTransition?c():setTimeout(c,10)},this.close=()=>{e(this,a).current&&(e(this,a).current=!1,l.__opened=l.__opened.filter(t=>t===this?!1:e(t,p).current<this.dominance.current?(t.close(),!1):!0),C(this,u,I).call(this),this.classList.remove("opened"),this.classList.add("closing"),this.style.opacity="0",H.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,w)),removeEventListener("keydown",e(this,T)),setTimeout(()=>{this.classList.remove("triggered"),this.classList.remove("closing"),this.style.display="none",H.dispatchEvent(this,"popoverClosed",{custom:!0})},K.getElementTransitionDurationMS(this)+10))},i(this,w,t=>{e(this,g).current&&C(this,u,B).call(this,()=>{var N;const c=t.composedPath();if(c.find(j=>j instanceof HTMLElement&&j.hasAttribute("data-popover-content")))return;const h=c[0],A=h instanceof HTMLElement&&(this.contains(h)||((N=this.shadowRoot)==null?void 0:N.contains(h))),E=h instanceof HTMLElement&&h.hasAttribute("data-outside");(!A||E)&&this.close()})}),i(this,T,t=>{e(this,m).current&&C(this,u,B).call(this,()=>{t.code==="Escape"&&this.close()})}),i(this,L,()=>{i(this,f,!1),e(this,a).current&&e(this,d).current&&!location.search.includes(this.id)?this.close():!e(this,a).current&&e(this,d).current&&location.search.includes(this.id)&&this.open(),i(this,f,!0)}),i(this,S,()=>{this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),e(this,q).call(this)}),i(this,q,J.debounce(()=>{e(this,k).call(this)},20)),i(this,k,()=>{this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px")})}get history(){return e(this,d)}get restore(){return e(this,v)}get dominance(){return e(this,p)}get clickOutside(){return e(this,g)}get escape(){return e(this,m)}get opened(){return e(this,a)}get lastTrigger(){return e(this,y)}connectedCallback(){e(this,d).observe(),e(this,v).observe(),e(this,p).observe(),e(this,g).observe(),e(this,m).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),this.classList.remove("closing"),this.classList.remove("closed"),this.classList.remove("triggered"),this.classList.remove("opened"),addEventListener("popstate",e(this,L)),setTimeout(()=>{e(this,v).current?e(this,L).call(this):(C(this,u,I).call(this),i(this,f,!0))},0),U.windowResizer.subscribe(e(this,S))}disconnectedCallback(){U.windowResizer.unsubscribe(e(this,S)),e(this,d).unobserve(),e(this,v).unobserve(),e(this,p).unobserve(),e(this,g).unobserve(),e(this,m).unobserve(),this.style.opacity="",this.style.display="",this.removeAttribute("popover-target"),l.__opened=l.__opened.filter(t=>t!==this),clearTimeout(e(this,_)),removeEventListener("popstate",e(this,L)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height")}};b=new WeakMap,a=new WeakMap,_=new WeakMap,d=new WeakMap,v=new WeakMap,p=new WeakMap,g=new WeakMap,m=new WeakMap,f=new WeakMap,y=new WeakMap,u=new WeakSet,W=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},w=new WeakMap,I=function(){if(e(this,d).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(null,"",t.href)}},T=new WeakMap,B=function(t){(l.__opened[e(this,b)-1]||l.__opened.length===1||l.__opened.filter(c=>c!==this).every(c=>e(this,p).current>c.dominance.current))&&t()},L=new WeakMap,S=new WeakMap,q=new WeakMap,k=new WeakMap,l.__opened=[];let z=l;customElements.get("e-popover")||customElements.define("e-popover",z);var r,x,M,O,R;class F extends HTMLElement{constructor(){super();s(this,r);s(this,x,()=>{this.classList.add("triggered")});s(this,M,()=>{this.classList.add("opened")});s(this,O,()=>{this.classList.remove("opened")});s(this,R,()=>{this.classList.remove("triggered")});Q.isBrowser&&(this.addEventListener("click",()=>{if(e(this,r)){const t=this.getAttribute("type")||"open";t==="open"||t==="toggle"&&!e(this,r).opened.current?e(this,r).open({trigger:this}):(t==="close"||t==="toggle"&&e(this,r).opened.current)&&e(this,r).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&t.currentTarget.click()}))}get popoverElement(){return e(this,r)}connectedCallback(){var c;this.hasAttribute("tabindex")||(this.tabIndex=0);const t=this.getAttribute("target");if(t){let h=null;if(t==="parent"){const A=this.closest("[popover-target]");if(A)h=A;else{const E=this.getRootNode();E instanceof ShadowRoot?h=E.host.closest("[popover-target]"):E instanceof HTMLElement&&(h=E.closest("[popover-target]"))}}else t==="sibling"?h=(c=this.parentElement)==null?void 0:c.querySelector("[popover-target]"):h=document.querySelector(`#${t}`)||this.getRootNode().querySelector(`#${t}`);h instanceof HTMLElement?(i(this,r,h),e(this,r).addEventListener("popoverTriggered",e(this,x)),e(this,r).addEventListener("popoverOpened",e(this,M)),e(this,r).addEventListener("popoverClosing",e(this,O)),e(this,r).addEventListener("popoverClosed",e(this,R))):console.warn(this,`target ${t} not found`)}}disconnectedCallback(){e(this,r)&&(e(this,r).removeEventListener("popoverTriggered",e(this,x)),e(this,r).removeEventListener("popoverOpened",e(this,M)),e(this,r).removeEventListener("popoverClosing",e(this,O)),e(this,r).removeEventListener("popoverClosed",e(this,R)))}}r=new WeakMap,x=new WeakMap,M=new WeakMap,O=new WeakMap,R=new WeakMap;customElements.get("e-popover-button")||customElements.define("e-popover-button",F);exports.PopoverButtonElement=F;exports.PopoverElement=z;
+"use strict";var U=o=>{throw TypeError(o)};var I=(o,h,t)=>h.has(o)||U("Cannot "+t);var e=(o,h,t)=>(I(o,h,"read from private field"),t?t.call(o):h.get(o)),s=(o,h,t)=>h.has(o)?U("Cannot add the same private member more than once"):h instanceof WeakSet?h.add(o):h.set(o,t),r=(o,h,t,c)=>(I(o,h,"write to private field"),c?c.call(o,t):h.set(o,t),t),P=(o,h,t)=>(I(o,h,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../css-property/index.cjs"),J=require("../Store-CDb6RMce.cjs"),z=require("../events-KVanG9sR.cjs"),K=require("../function-MthRj-GJ.cjs"),Q=require("../style-At6aDoqG.cjs"),W=require("../window-resizer/vanilla/index.cjs"),V=require("../browser-CpzFX2xg.cjs");var S,l,_,d,v,p,g,m,f,b,u,F,T,B,k,N,L,A,x,C;const a=class a extends HTMLElement{constructor(){super(...arguments);s(this,u);s(this,S);s(this,l);s(this,_);s(this,d);s(this,v);s(this,p);s(this,g);s(this,m);s(this,f);s(this,b);s(this,T);s(this,k);s(this,L);s(this,A);s(this,x);s(this,C);r(this,S,-1),r(this,l,new J.Store(!1)),r(this,d,new w.CSSProperty(this,"--history",!1)),r(this,v,new w.CSSProperty(this,"--restore",!1)),r(this,p,new w.CSSProperty(this,"--dominance",0)),r(this,g,new w.CSSProperty(this,"--click-outside",!1)),r(this,m,new w.CSSProperty(this,"--escape",!1)),r(this,f,!1),this.open=t=>{if(e(this,l).current)return;r(this,b,t==null?void 0:t.trigger),e(this,l).current=!0,e(this,p).current&&(a.__opened=a.__opened.filter(n=>this.dominance.current>=n.dominance.current?(n.close(),!1):!0)),a.__opened.push(this),r(this,S,a.__opened.length-1),e(this,d).current&&e(this,f)&&history.pushState("","",e(this,u,F)),clearTimeout(e(this,_)),this.classList.remove("closing"),this.classList.add("triggered"),this.style.display="block",z.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,b)}});const c=()=>{addEventListener("click",e(this,T)),addEventListener("keydown",e(this,k)),e(this,C).call(this),this.style.opacity="1",this.classList.add("opened"),z.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,b)}})};t!=null&&t.skipTransition?c():setTimeout(c,10)},this.close=()=>{e(this,l).current&&(e(this,l).current=!1,a.__opened=a.__opened.filter(t=>t===this?!1:e(t,p).current<this.dominance.current?(t.close(),!1):!0),P(this,u,B).call(this),this.classList.remove("opened"),this.classList.add("closing"),this.style.opacity="0",z.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,T)),removeEventListener("keydown",e(this,k)),setTimeout(()=>{this.classList.remove("triggered"),this.classList.remove("closing"),this.style.display="none",z.dispatchEvent(this,"popoverClosed",{custom:!0})},Q.getElementTransitionDurationMS(this)+10))},r(this,T,t=>{e(this,g).current&&P(this,u,N).call(this,()=>{var j;const c=t.composedPath();if(c.find(D=>D instanceof HTMLElement&&D.hasAttribute("data-popover-content")))return;const n=c[0],H=n instanceof HTMLElement&&(this.contains(n)||((j=this.shadowRoot)==null?void 0:j.contains(n))),E=n instanceof HTMLElement&&n.hasAttribute("data-outside");(!H||E)&&this.close()})}),r(this,k,t=>{e(this,m).current&&P(this,u,N).call(this,()=>{t.code==="Escape"&&this.close()})}),r(this,L,()=>{r(this,f,!1),e(this,l).current&&e(this,d).current&&!location.search.includes(this.id)?this.close():!e(this,l).current&&e(this,d).current&&location.search.includes(this.id)&&this.open(),r(this,f,!0)}),r(this,A,()=>{this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),e(this,x).call(this)}),r(this,x,K.debounce(()=>{e(this,C).call(this)},20)),r(this,C,()=>{this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px")})}get history(){return e(this,d)}get restore(){return e(this,v)}get dominance(){return e(this,p)}get clickOutside(){return e(this,g)}get escape(){return e(this,m)}get opened(){return e(this,l)}get lastTrigger(){return e(this,b)}connectedCallback(){e(this,d).observe(),e(this,v).observe(),e(this,p).observe(),e(this,g).observe(),e(this,m).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),this.classList.remove("closing"),this.classList.remove("closed"),this.classList.remove("triggered"),this.classList.remove("opened"),addEventListener("popstate",e(this,L)),setTimeout(()=>{e(this,v).current?e(this,L).call(this):(P(this,u,B).call(this),r(this,f,!0))},0),W.windowResizer.subscribe(e(this,A))}disconnectedCallback(){W.windowResizer.unsubscribe(e(this,A)),e(this,d).unobserve(),e(this,v).unobserve(),e(this,p).unobserve(),e(this,g).unobserve(),e(this,m).unobserve(),this.style.opacity="",this.style.display="",this.removeAttribute("popover-target"),a.__opened=a.__opened.filter(t=>t!==this),clearTimeout(e(this,_)),removeEventListener("popstate",e(this,L)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height")}};S=new WeakMap,l=new WeakMap,_=new WeakMap,d=new WeakMap,v=new WeakMap,p=new WeakMap,g=new WeakMap,m=new WeakMap,f=new WeakMap,b=new WeakMap,u=new WeakSet,F=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},T=new WeakMap,B=function(){if(e(this,d).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(null,"",t.href)}},k=new WeakMap,N=function(t){(a.__opened[e(this,S)-1]||a.__opened.length===1||a.__opened.filter(c=>c!==this).every(c=>e(this,p).current>c.dominance.current))&&t()},L=new WeakMap,A=new WeakMap,x=new WeakMap,C=new WeakMap,a.__opened=[];let $=a;customElements.get("e-popover")||customElements.define("e-popover",$);var i,y,q,M,O,R;class G extends HTMLElement{constructor(){super();s(this,i);s(this,y,new w.CSSProperty(this,"--type","open"));s(this,q,()=>{this.classList.add("triggered")});s(this,M,()=>{this.classList.add("opened"),this.setAttribute("aria-expanded","true")});s(this,O,()=>{this.classList.remove("opened")});s(this,R,()=>{this.classList.remove("triggered"),this.setAttribute("aria-expanded","false")});V.isBrowser&&(this.addEventListener("click",()=>{if(e(this,i)){const t=e(this,y).current;t==="open"||t==="toggle"&&!e(this,i).opened.current?e(this,i).open({trigger:this}):(t==="close"||t==="toggle"&&e(this,i).opened.current)&&e(this,i).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&t.currentTarget.click()}))}get type(){return e(this,y)}get popoverElement(){return e(this,i)}connectedCallback(){var c;e(this,y).subscribe(n=>{e(this,i)&&(n.current!=="close"?(this.setAttribute("aria-has-popup","true"),this.setAttribute("aria-expanded",e(this,i).opened.current?"true":"false"),this.setAttribute("aria-controls",e(this,i).id||"")):(this.removeAttribute("aria-has-popup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls")))}),this.hasAttribute("tabindex")||(this.tabIndex=0);const t=this.getAttribute("target");if(t){let n=null;if(t==="parent"){const H=this.closest("[popover-target]");if(H)n=H;else{const E=this.getRootNode();E instanceof ShadowRoot?n=E.host.closest("[popover-target]"):E instanceof HTMLElement&&(n=E.closest("[popover-target]"))}}else t==="sibling"?n=(c=this.parentElement)==null?void 0:c.querySelector("[popover-target]"):n=document.querySelector(`#${t}`)||this.getRootNode().querySelector(`#${t}`);n instanceof HTMLElement?(r(this,i,n),e(this,i).addEventListener("popoverTriggered",e(this,q)),e(this,i).addEventListener("popoverOpened",e(this,M)),e(this,i).addEventListener("popoverClosing",e(this,O)),e(this,i).addEventListener("popoverClosed",e(this,R))):console.warn(this,`target ${t} not found`)}e(this,y).observe()}disconnectedCallback(){e(this,y).unobserve(),this.removeAttribute("aria-has-popup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls"),e(this,i)&&(e(this,i).removeEventListener("popoverTriggered",e(this,q)),e(this,i).removeEventListener("popoverOpened",e(this,M)),e(this,i).removeEventListener("popoverClosing",e(this,O)),e(this,i).removeEventListener("popoverClosed",e(this,R)))}}i=new WeakMap,y=new WeakMap,q=new WeakMap,M=new WeakMap,O=new WeakMap,R=new WeakMap;customElements.get("e-popover-button")||customElements.define("e-popover-button",G);exports.PopoverButtonElement=G;exports.PopoverElement=$;

package/lib/popover/index.js

@@ -1,84 +1,84 @@
-var U = (o) => {
+var W = (o) => {
   throw TypeError(o);
 };
-var z = (o, n, t) => n.has(o) || U("Cannot " + t);
-var e = (o, n, t) => (z(o, n, "read from private field"), t ? t.call(o) : n.get(o)), s = (o, n, t) => n.has(o) ? U("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, t), i = (o, n, t, c) => (z(o, n, "write to private field"), c ? c.call(o, t) : n.set(o, t), t), C = (o, n, t) => (z(o, n, "access private method"), t);
-import { CSSProperty as _ } from "../css-property/index.js";
-import { S as F } from "../Store-OTdcl6SX.js";
-import { d as $ } from "../events-CsVF98U6.js";
-import { d as G } from "../function-C10DGppn.js";
-import { g as J } from "../style-j2TwriJ_.js";
-import { windowResizer as W } from "../window-resizer/vanilla/index.js";
-import { i as K } from "../browser-0zX67oeU.js";
-var E, a, P, d, g, p, v, m, f, L, u, j, T, q, w, N, y, k, x, S;
-const l = class l extends HTMLElement {
+var I = (o, h, t) => h.has(o) || W("Cannot " + t);
+var e = (o, h, t) => (I(o, h, "read from private field"), t ? t.call(o) : h.get(o)), s = (o, h, t) => h.has(o) ? W("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(o) : h.set(o, t), r = (o, h, t, a) => (I(o, h, "write to private field"), a ? a.call(o, t) : h.set(o, t), t), C = (o, h, t) => (I(o, h, "access private method"), t);
+import { CSSProperty as T } from "../css-property/index.js";
+import { S as G } from "../Store-OTdcl6SX.js";
+import { d as z } from "../events-CsVF98U6.js";
+import { d as J } from "../function-C10DGppn.js";
+import { g as K } from "../style-j2TwriJ_.js";
+import { windowResizer as j } from "../window-resizer/vanilla/index.js";
+import { i as Q } from "../browser-0zX67oeU.js";
+var w, l, _, d, v, p, m, g, f, y, u, F, k, N, A, B, L, S, P, x;
+const c = class c extends HTMLElement {
   constructor() {
     super(...arguments);
     s(this, u);
-    s(this, E);
-    s(this, a);
-    s(this, P);
+    s(this, w);
+    s(this, l);
+    s(this, _);
     s(this, d);
-    s(this, g);
-    s(this, p);
     s(this, v);
+    s(this, p);
     s(this, m);
+    s(this, g);
     s(this, f);
-    s(this, L);
-    s(this, T);
-    s(this, w);
     s(this, y);
     s(this, k);
-    s(this, x);
+    s(this, A);
+    s(this, L);
     s(this, S);
-    i(this, E, -1), i(this, a, new F(!1)), i(this, d, new _(this, "--history", !1)), i(this, g, new _(this, "--restore", !1)), i(this, p, new _(this, "--dominance", 0)), i(this, v, new _(this, "--click-outside", !1)), i(this, m, new _(this, "--escape", !1)), i(this, f, !1), this.open = (t) => {
-      if (e(this, a).current)
+    s(this, P);
+    s(this, x);
+    r(this, w, -1), r(this, l, new G(!1)), r(this, d, new T(this, "--history", !1)), r(this, v, new T(this, "--restore", !1)), r(this, p, new T(this, "--dominance", 0)), r(this, m, new T(this, "--click-outside", !1)), r(this, g, new T(this, "--escape", !1)), r(this, f, !1), this.open = (t) => {
+      if (e(this, l).current)
         return;
-      i(this, L, t == null ? void 0 : t.trigger), e(this, a).current = !0, e(this, p).current && (l.__opened = l.__opened.filter((h) => this.dominance.current >= h.dominance.current ? (h.close(), !1) : !0)), l.__opened.push(this), i(this, E, l.__opened.length - 1), e(this, d).current && e(this, f) && history.pushState("", "", e(this, u, j)), clearTimeout(e(this, P)), this.classList.remove("closing"), this.classList.add("triggered"), this.style.display = "block", $(this, "popoverTriggered", {
+      r(this, y, t == null ? void 0 : t.trigger), e(this, l).current = !0, e(this, p).current && (c.__opened = c.__opened.filter((n) => this.dominance.current >= n.dominance.current ? (n.close(), !1) : !0)), c.__opened.push(this), r(this, w, c.__opened.length - 1), e(this, d).current && e(this, f) && history.pushState("", "", e(this, u, F)), clearTimeout(e(this, _)), this.classList.remove("closing"), this.classList.add("triggered"), this.style.display = "block", z(this, "popoverTriggered", {
         custom: !0,
         detail: {
-          trigger: e(this, L)
+          trigger: e(this, y)
         }
       });
-      const c = () => {
-        addEventListener("click", e(this, T)), addEventListener("keydown", e(this, w)), e(this, S).call(this), this.style.opacity = "1", this.classList.add("opened"), $(this, "popoverOpened", {
+      const a = () => {
+        addEventListener("click", e(this, k)), addEventListener("keydown", e(this, A)), e(this, x).call(this), this.style.opacity = "1", this.classList.add("opened"), z(this, "popoverOpened", {
           custom: !0,
           detail: {
-            trigger: e(this, L)
+            trigger: e(this, y)
           }
         });
       };
-      t != null && t.skipTransition ? c() : setTimeout(c, 10);
+      t != null && t.skipTransition ? a() : setTimeout(a, 10);
     }, this.close = () => {
-      e(this, a).current && (e(this, a).current = !1, l.__opened = l.__opened.filter((t) => t === this ? !1 : e(t, p).current < this.dominance.current ? (t.close(), !1) : !0), C(this, u, q).call(this), this.classList.remove("opened"), this.classList.add("closing"), this.style.opacity = "0", $(this, "popoverClosing", {
+      e(this, l).current && (e(this, l).current = !1, c.__opened = c.__opened.filter((t) => t === this ? !1 : e(t, p).current < this.dominance.current ? (t.close(), !1) : !0), C(this, u, N).call(this), this.classList.remove("opened"), this.classList.add("closing"), this.style.opacity = "0", z(this, "popoverClosing", {
         custom: !0
-      }), removeEventListener("click", e(this, T)), removeEventListener("keydown", e(this, w)), setTimeout(() => {
-        this.classList.remove("triggered"), this.classList.remove("closing"), this.style.display = "none", $(this, "popoverClosed", {
+      }), removeEventListener("click", e(this, k)), removeEventListener("keydown", e(this, A)), setTimeout(() => {
+        this.classList.remove("triggered"), this.classList.remove("closing"), this.style.display = "none", z(this, "popoverClosed", {
           custom: !0
         });
-      }, J(this) + 10));
-    }, i(this, T, (t) => {
-      e(this, v).current && C(this, u, N).call(this, () => {
-        var B;
-        const c = t.composedPath();
-        if (c.find(
-          (D) => D instanceof HTMLElement && D.hasAttribute("data-popover-content")
+      }, K(this) + 10));
+    }, r(this, k, (t) => {
+      e(this, m).current && C(this, u, B).call(this, () => {
+        var D;
+        const a = t.composedPath();
+        if (a.find(
+          (U) => U instanceof HTMLElement && U.hasAttribute("data-popover-content")
         ))
           return;
-        const h = c[0], R = h instanceof HTMLElement && (this.contains(h) || ((B = this.shadowRoot) == null ? void 0 : B.contains(h))), b = h instanceof HTMLElement && h.hasAttribute("data-outside");
-        (!R || b) && this.close();
+        const n = a[0], $ = n instanceof HTMLElement && (this.contains(n) || ((D = this.shadowRoot) == null ? void 0 : D.contains(n))), E = n instanceof HTMLElement && n.hasAttribute("data-outside");
+        (!$ || E) && this.close();
       });
-    }), i(this, w, (t) => {
-      e(this, m).current && C(this, u, N).call(this, () => {
+    }), r(this, A, (t) => {
+      e(this, g).current && C(this, u, B).call(this, () => {
         t.code === "Escape" && this.close();
       });
-    }), i(this, y, () => {
-      i(this, f, !1), e(this, a).current && e(this, d).current && !location.search.includes(this.id) ? this.close() : !e(this, a).current && e(this, d).current && location.search.includes(this.id) && this.open(), i(this, f, !0);
-    }), i(this, k, () => {
-      this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), e(this, x).call(this);
-    }), i(this, x, G(() => {
-      e(this, S).call(this);
-    }, 20)), i(this, S, () => {
+    }), r(this, L, () => {
+      r(this, f, !1), e(this, l).current && e(this, d).current && !location.search.includes(this.id) ? this.close() : !e(this, l).current && e(this, d).current && location.search.includes(this.id) && this.open(), r(this, f, !0);
+    }), r(this, S, () => {
+      this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height"), e(this, P).call(this);
+    }), r(this, P, J(() => {
+      e(this, x).call(this);
+    }, 20)), r(this, x, () => {
       this.style.setProperty("--content-width", this.scrollWidth + "px"), this.style.setProperty("--content-height", this.scrollHeight + "px");
     });
   }
@@ -86,122 +86,132 @@ const l = class l extends HTMLElement {
     return e(this, d);
   }
   get restore() {
-    return e(this, g);
+    return e(this, v);
   }
   get dominance() {
     return e(this, p);
   }
   get clickOutside() {
-    return e(this, v);
+    return e(this, m);
   }
   get escape() {
-    return e(this, m);
+    return e(this, g);
   }
   get opened() {
-    return e(this, a);
+    return e(this, l);
   }
   get lastTrigger() {
-    return e(this, L);
+    return e(this, y);
   }
   connectedCallback() {
-    e(this, d).observe(), e(this, g).observe(), e(this, p).observe(), e(this, v).observe(), e(this, m).observe(), this.style.opacity = "0", this.style.display = "none", this.setAttribute("popover-target", ""), this.classList.remove("closing"), this.classList.remove("closed"), this.classList.remove("triggered"), this.classList.remove("opened"), addEventListener("popstate", e(this, y)), setTimeout(() => {
-      e(this, g).current ? e(this, y).call(this) : (C(this, u, q).call(this), i(this, f, !0));
-    }, 0), W.subscribe(e(this, k));
+    e(this, d).observe(), e(this, v).observe(), e(this, p).observe(), e(this, m).observe(), e(this, g).observe(), this.style.opacity = "0", this.style.display = "none", this.setAttribute("popover-target", ""), this.classList.remove("closing"), this.classList.remove("closed"), this.classList.remove("triggered"), this.classList.remove("opened"), addEventListener("popstate", e(this, L)), setTimeout(() => {
+      e(this, v).current ? e(this, L).call(this) : (C(this, u, N).call(this), r(this, f, !0));
+    }, 0), j.subscribe(e(this, S));
   }
   disconnectedCallback() {
-    W.unsubscribe(e(this, k)), e(this, d).unobserve(), e(this, g).unobserve(), e(this, p).unobserve(), e(this, v).unobserve(), e(this, m).unobserve(), this.style.opacity = "", this.style.display = "", this.removeAttribute("popover-target"), l.__opened = l.__opened.filter((t) => t !== this), clearTimeout(e(this, P)), removeEventListener("popstate", e(this, y)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height");
+    j.unsubscribe(e(this, S)), e(this, d).unobserve(), e(this, v).unobserve(), e(this, p).unobserve(), e(this, m).unobserve(), e(this, g).unobserve(), this.style.opacity = "", this.style.display = "", this.removeAttribute("popover-target"), c.__opened = c.__opened.filter((t) => t !== this), clearTimeout(e(this, _)), removeEventListener("popstate", e(this, L)), this.style.removeProperty("--content-width"), this.style.removeProperty("--content-height");
   }
 };
-E = new WeakMap(), a = new WeakMap(), P = new WeakMap(), d = new WeakMap(), g = new WeakMap(), p = new WeakMap(), v = new WeakMap(), m = new WeakMap(), f = new WeakMap(), L = new WeakMap(), u = new WeakSet(), j = function() {
+w = new WeakMap(), l = new WeakMap(), _ = new WeakMap(), d = new WeakMap(), v = new WeakMap(), p = new WeakMap(), m = new WeakMap(), g = new WeakMap(), f = new WeakMap(), y = new WeakMap(), u = new WeakSet(), F = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.id}`;
-}, T = new WeakMap(), q = function() {
+}, k = new WeakMap(), N = function() {
   if (e(this, d).current) {
     const t = new URL(location.href);
     t.searchParams.delete(this.id), history.replaceState(null, "", t.href);
   }
-}, w = new WeakMap(), N = function(t) {
-  (l.__opened[e(this, E) - 1] || l.__opened.length === 1 || l.__opened.filter((c) => c !== this).every((c) => e(this, p).current > c.dominance.current)) && t();
-}, y = new WeakMap(), k = new WeakMap(), x = new WeakMap(), S = new WeakMap(), l.__opened = [];
-let I = l;
-customElements.get("e-popover") || customElements.define("e-popover", I);
-var r, A, H, M, O;
-class Q extends HTMLElement {
+}, A = new WeakMap(), B = function(t) {
+  (c.__opened[e(this, w) - 1] || c.__opened.length === 1 || c.__opened.filter((a) => a !== this).every((a) => e(this, p).current > a.dominance.current)) && t();
+}, L = new WeakMap(), S = new WeakMap(), P = new WeakMap(), x = new WeakMap(), c.__opened = [];
+let q = c;
+customElements.get("e-popover") || customElements.define("e-popover", q);
+var i, b, H, M, O, R;
+class V extends HTMLElement {
   constructor() {
     super();
-    s(this, r);
-    s(this, A, () => {
-      this.classList.add("triggered");
-    });
+    s(this, i);
+    s(this, b, new T(this, "--type", "open"));
     s(this, H, () => {
-      this.classList.add("opened");
+      this.classList.add("triggered");
     });
     s(this, M, () => {
-      this.classList.remove("opened");
+      this.classList.add("opened"), this.setAttribute("aria-expanded", "true");
     });
     s(this, O, () => {
-      this.classList.remove("triggered");
+      this.classList.remove("opened");
+    });
+    s(this, R, () => {
+      this.classList.remove("triggered"), this.setAttribute("aria-expanded", "false");
     });
-    K && (this.addEventListener("click", () => {
-      if (e(this, r)) {
-        const t = this.getAttribute("type") || "open";
-        t === "open" || t === "toggle" && !e(this, r).opened.current ? e(this, r).open({ trigger: this }) : (t === "close" || t === "toggle" && e(this, r).opened.current) && e(this, r).close();
+    Q && (this.addEventListener("click", () => {
+      if (e(this, i)) {
+        const t = e(this, b).current;
+        t === "open" || t === "toggle" && !e(this, i).opened.current ? e(this, i).open({ trigger: this }) : (t === "close" || t === "toggle" && e(this, i).opened.current) && e(this, i).close();
       }
     }), this.addEventListener("keydown", (t) => {
       t.code === "Space" && t.currentTarget.click();
     }));
   }
+  get type() {
+    return e(this, b);
+  }
   get popoverElement() {
-    return e(this, r);
+    return e(this, i);
   }
   connectedCallback() {
-    var c;
-    this.hasAttribute("tabindex") || (this.tabIndex = 0);
+    var a;
+    e(this, b).subscribe((n) => {
+      e(this, i) && (n.current !== "close" ? (this.setAttribute("aria-has-popup", "true"), this.setAttribute(
+        "aria-expanded",
+        e(this, i).opened.current ? "true" : "false"
+      ), this.setAttribute("aria-controls", e(this, i).id || "")) : (this.removeAttribute("aria-has-popup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls")));
+    }), this.hasAttribute("tabindex") || (this.tabIndex = 0);
     const t = this.getAttribute("target");
     if (t) {
-      let h = null;
+      let n = null;
       if (t === "parent") {
-        const R = this.closest("[popover-target]");
-        if (R)
-          h = R;
+        const $ = this.closest("[popover-target]");
+        if ($)
+          n = $;
         else {
-          const b = this.getRootNode();
-          b instanceof ShadowRoot ? h = b.host.closest("[popover-target]") : b instanceof HTMLElement && (h = b.closest("[popover-target]"));
+          const E = this.getRootNode();
+          E instanceof ShadowRoot ? n = E.host.closest("[popover-target]") : E instanceof HTMLElement && (n = E.closest("[popover-target]"));
         }
-      } else t === "sibling" ? h = (c = this.parentElement) == null ? void 0 : c.querySelector("[popover-target]") : h = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
-      h instanceof HTMLElement ? (i(this, r, h), e(this, r).addEventListener(
+      } else t === "sibling" ? n = (a = this.parentElement) == null ? void 0 : a.querySelector("[popover-target]") : n = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
+      n instanceof HTMLElement ? (r(this, i, n), e(this, i).addEventListener(
         "popoverTriggered",
-        e(this, A)
-      ), e(this, r).addEventListener(
-        "popoverOpened",
         e(this, H)
-      ), e(this, r).addEventListener(
-        "popoverClosing",
+      ), e(this, i).addEventListener(
+        "popoverOpened",
         e(this, M)
-      ), e(this, r).addEventListener(
-        "popoverClosed",
+      ), e(this, i).addEventListener(
+        "popoverClosing",
         e(this, O)
+      ), e(this, i).addEventListener(
+        "popoverClosed",
+        e(this, R)
       )) : console.warn(this, `target ${t} not found`);
     }
+    e(this, b).observe();
   }
   disconnectedCallback() {
-    e(this, r) && (e(this, r).removeEventListener(
+    e(this, b).unobserve(), this.removeAttribute("aria-has-popup"), this.removeAttribute("aria-expanded"), this.removeAttribute("aria-controls"), e(this, i) && (e(this, i).removeEventListener(
       "popoverTriggered",
-      e(this, A)
-    ), e(this, r).removeEventListener(
-      "popoverOpened",
       e(this, H)
-    ), e(this, r).removeEventListener(
-      "popoverClosing",
+    ), e(this, i).removeEventListener(
+      "popoverOpened",
       e(this, M)
-    ), e(this, r).removeEventListener(
-      "popoverClosed",
+    ), e(this, i).removeEventListener(
+      "popoverClosing",
       e(this, O)
+    ), e(this, i).removeEventListener(
+      "popoverClosed",
+      e(this, R)
     ));
   }
 }
-r = new WeakMap(), A = new WeakMap(), H = new WeakMap(), M = new WeakMap(), O = new WeakMap();
-customElements.get("e-popover-button") || customElements.define("e-popover-button", Q);
+i = new WeakMap(), b = new WeakMap(), H = new WeakMap(), M = new WeakMap(), O = new WeakMap(), R = new WeakMap();
+customElements.get("e-popover-button") || customElements.define("e-popover-button", V);
 export {
-  Q as PopoverButtonElement,
-  I as PopoverElement
+  V as PopoverButtonElement,
+  q as PopoverElement
 };

package/package.json

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