aptechka 0.4.19 → 0.4.20

package/lib/popover/PopoverButtonElement.d.ts

@@ -7,6 +7,7 @@ export declare class PopoverButtonElement extends CustomElement {
     constructor();
     get popoverElement(): PopoverElement | undefined;
     protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/lib/popover/PopoverElement.d.ts

@@ -17,4 +17,10 @@ declare global {
     interface HTMLElementTagNameMap {
         'e-popover': PopoverElement;
     }
+    interface HTMLElementEventMap {
+        popoverTriggered: CustomEvent;
+        popoverOpened: CustomEvent;
+        popoverClosing: CustomEvent;
+        popoverClosed: CustomEvent;
+    }
 }

package/lib/popover/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../attribute/index.cjs"),S=require("../custom-element/index.cjs"),A=require("../Store-BQGNOHlY.cjs"),b=require("../style-At6aDoqG.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const x=require("../browser-CpzFX2xg.cjs"),k=require("../tags-CueX-JLX.cjs"),B=require("../createStylesheet-C8aQQ4hd.cjs");var D=Object.defineProperty,I=Object.getOwnPropertyDescriptor,N=(t,e,s,i)=>{for(var n=i>1?void 0:i?I(e,s):e,c=t.length-1,p;c>=0;c--)(p=t[c])&&(n=(i?p(e,s,n):p(n))||n);return i&&n&&D(e,s,n),n},C=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},r=(t,e,s)=>(C(t,e,"read from private field"),s?s.call(t):e.get(t)),o=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},L=(t,e,s,i)=>(C(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s),$=(t,e,s)=>(C(t,e,"access private method"),s),P,a,E,h,u,_,M,O,v,m,w,y,g,W,f;exports.PopoverElement=class extends S.CustomElement{constructor(){super(...arguments),o(this,M),o(this,v),o(this,g),o(this,P,-1),o(this,a,new A.Store(!1)),o(this,E,void 0),o(this,h,new T.Attribute(this,"history",!1)),o(this,u,new T.Attribute(this,"single",!1)),o(this,_,!1),this.open=()=>{r(this,a).current||(r(this,a).current=!0,r(this,u).current&&(exports.PopoverElement.__opened.forEach(e=>e.close()),exports.PopoverElement.__opened=[]),exports.PopoverElement.__opened.push(this),L(this,P,exports.PopoverElement.__opened.length-1),r(this,h).current&&r(this,_)&&history.pushState("","",r(this,M,O)),clearTimeout(r(this,E)),this.classList.add("triggered"),this.style.display="block",setTimeout(()=>{addEventListener("click",r(this,w)),addEventListener("keydown",r(this,y)),this.style.opacity="1",this.classList.add("opened")}))},this.close=()=>{if(r(this,a).current){if(r(this,a).current=!1,exports.PopoverElement.__opened=exports.PopoverElement.__opened.filter(e=>e!==this),r(this,h).current){const e=new URL(location.href);e.searchParams.delete(r(this,v,m)),history.replaceState(null,"",e.href)}this.classList.remove("opened"),this.style.opacity="0",removeEventListener("click",r(this,w)),removeEventListener("keydown",r(this,y)),setTimeout(()=>{this.classList.remove("triggered"),this.style.display="none"},b.getElementTransitionDurationMS(this))}},o(this,w,e=>{$(this,g,W).call(this,()=>{const s=e.composedPath();(!s.find(i=>i===this)&&!s.find(i=>i instanceof HTMLElement&&i.closest("e-popover-button"))||s[0]instanceof HTMLElement&&s[0].hasAttribute("outside"))&&this.close()})}),o(this,y,e=>{$(this,g,W).call(this,()=>{e.code==="Escape"&&this.close()})}),o(this,f,()=>{L(this,_,!1),r(this,a).current&&r(this,h).current&&!location.search.includes(r(this,v,m))?this.close():!r(this,a).current&&r(this,h).current&&location.search.includes(r(this,v,m))&&this.open(),L(this,_,!0)})}get history(){return r(this,h)}get single(){return r(this,u)}get opened(){return r(this,a)}connectedCallback(){r(this,h).observe(),r(this,u).observe(),this.style.opacity="0",this.style.display="none",addEventListener("popstate",r(this,f)),setTimeout(()=>{r(this,f).call(this)},0)}disconnectedCallback(){r(this,h).unobserve(),r(this,u).unobserve(),clearTimeout(r(this,E)),removeEventListener("popstate",r(this,f))}};P=new WeakMap;a=new WeakMap;E=new WeakMap;h=new WeakMap;u=new WeakMap;_=new WeakMap;M=new WeakSet;O=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${r(this,v,m)}`};v=new WeakSet;m=function(){return`modal-${this.id}`};w=new WeakMap;y=new WeakMap;g=new WeakSet;W=function(t){(exports.PopoverElement.__opened[r(this,P)-1]||exports.PopoverElement.__opened.length===1)&&t()};f=new WeakMap;exports.PopoverElement.__opened=[];exports.PopoverElement=N([S.define("e-popover")],exports.PopoverElement);var G=Object.defineProperty,H=Object.getOwnPropertyDescriptor,R=(t,e,s,i)=>{for(var n=i>1?void 0:i?H(e,s):e,c=t.length-1,p;c>=0;c--)(p=t[c])&&(n=(i?p(e,s,n):p(n))||n);return i&&n&&G(e,s,n),n},q=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},d=(t,e,s)=>(q(t,e,"read from private field"),s?s.call(t):e.get(t)),U=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},z=(t,e,s,i)=>(q(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s),l;const F=B.createStylesheet({button:{all:"inherit"}});exports.PopoverButtonElement=class extends S.CustomElement{constructor(){super(),U(this,l,void 0),this.openShadow(F),x.isBrowser&&k.element(this,{children:[k.button({onClick:()=>{if(d(this,l)){const e=this.getAttribute("type")||"open";e==="open"||e==="toggle"&&!d(this,l).opened.current?d(this,l).open():(e==="close"||e==="toggle"&&d(this,l).opened.current)&&d(this,l).close()}},children:[k.slot()]})]})}get popoverElement(){return d(this,l)}connectedCallback(){const e=this.getAttribute("target");if(e){const s=document.querySelector(`#${e}`)||this.getRootNode().querySelector(`#${e}`);s?z(this,l,s):console.warn(this,`target ${e} not found`)}}};l=new WeakMap;exports.PopoverButtonElement=R([S.define("e-popover-button")],exports.PopoverButtonElement);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../attribute/index.cjs"),W=require("../custom-element/index.cjs"),I=require("../Store-BQGNOHlY.cjs"),N=require("../style-At6aDoqG.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const G=require("../browser-CpzFX2xg.cjs"),T=require("../tags-CueX-JLX.cjs"),H=require("../createStylesheet-C8aQQ4hd.cjs");var R=Object.defineProperty,U=Object.getOwnPropertyDescriptor,z=(t,e,s,n)=>{for(var a=n>1?void 0:n?U(e,s):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(a=(n?d(e,s,a):d(a))||a);return n&&a&&R(e,s,a),a},A=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},i=(t,e,s)=>(A(t,e,"read from private field"),s?s.call(t):e.get(t)),h=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},O=(t,e,s,n)=>(A(t,e,"write to private field"),n?n.call(t,s):e.set(t,s),s),x=(t,e,s)=>(A(t,e,"access private method"),s),M,p,g,l,v,f,$,B,u,m,w,y,L,q,E;exports.PopoverElement=class extends W.CustomElement{constructor(){super(...arguments),h(this,$),h(this,u),h(this,L),h(this,M,-1),h(this,p,new I.Store(!1)),h(this,g,void 0),h(this,l,new b.Attribute(this,"history",!1)),h(this,v,new b.Attribute(this,"single",!1)),h(this,f,!1),this.open=()=>{i(this,p).current||(i(this,p).current=!0,i(this,v).current&&(exports.PopoverElement.__opened.forEach(e=>e.close()),exports.PopoverElement.__opened=[]),exports.PopoverElement.__opened.push(this),O(this,M,exports.PopoverElement.__opened.length-1),i(this,l).current&&i(this,f)&&history.pushState("","",i(this,$,B)),clearTimeout(i(this,g)),this.classList.add("triggered"),this.style.display="block",this.dispatchEvent(new CustomEvent("popoverTriggered")),setTimeout(()=>{addEventListener("click",i(this,w)),addEventListener("keydown",i(this,y)),this.style.opacity="1",this.classList.add("opened"),this.dispatchEvent(new CustomEvent("popoverOpened"))}))},this.close=()=>{if(i(this,p).current){if(i(this,p).current=!1,exports.PopoverElement.__opened=exports.PopoverElement.__opened.filter(e=>e!==this),i(this,l).current){const e=new URL(location.href);e.searchParams.delete(i(this,u,m)),history.replaceState(null,"",e.href)}this.classList.remove("opened"),this.style.opacity="0",this.dispatchEvent(new CustomEvent("popoverClosing")),removeEventListener("click",i(this,w)),removeEventListener("keydown",i(this,y)),setTimeout(()=>{this.classList.remove("triggered"),this.style.display="none",this.dispatchEvent(new CustomEvent("popoverClosed"))},N.getElementTransitionDurationMS(this))}},h(this,w,e=>{x(this,L,q).call(this,()=>{const s=e.composedPath();(!s.find(n=>n===this)&&!s.find(n=>n instanceof HTMLElement&&n.closest("e-popover-button"))||s[0]instanceof HTMLElement&&s[0].hasAttribute("outside"))&&this.close()})}),h(this,y,e=>{x(this,L,q).call(this,()=>{e.code==="Escape"&&this.close()})}),h(this,E,()=>{O(this,f,!1),i(this,p).current&&i(this,l).current&&!location.search.includes(i(this,u,m))?this.close():!i(this,p).current&&i(this,l).current&&location.search.includes(i(this,u,m))&&this.open(),O(this,f,!0)})}get history(){return i(this,l)}get single(){return i(this,v)}get opened(){return i(this,p)}connectedCallback(){i(this,l).observe(),i(this,v).observe(),this.style.opacity="0",this.style.display="none",addEventListener("popstate",i(this,E)),setTimeout(()=>{i(this,E).call(this)},0)}disconnectedCallback(){i(this,l).unobserve(),i(this,v).unobserve(),clearTimeout(i(this,g)),removeEventListener("popstate",i(this,E))}};M=new WeakMap;p=new WeakMap;g=new WeakMap;l=new WeakMap;v=new WeakMap;f=new WeakMap;$=new WeakSet;B=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${i(this,u,m)}`};u=new WeakSet;m=function(){return`modal-${this.id}`};w=new WeakMap;y=new WeakMap;L=new WeakSet;q=function(t){(exports.PopoverElement.__opened[i(this,M)-1]||exports.PopoverElement.__opened.length===1)&&t()};E=new WeakMap;exports.PopoverElement.__opened=[];exports.PopoverElement=z([W.define("e-popover")],exports.PopoverElement);var F=Object.defineProperty,J=Object.getOwnPropertyDescriptor,K=(t,e,s,n)=>{for(var a=n>1?void 0:n?J(e,s):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(a=(n?d(e,s,a):d(a))||a);return n&&a&&F(e,s,a),a},D=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},r=(t,e,s)=>(D(t,e,"read from private field"),s?s.call(t):e.get(t)),_=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},Q=(t,e,s,n)=>(D(t,e,"write to private field"),n?n.call(t,s):e.set(t,s),s),o,P,C,k,S;const V=H.createStylesheet({button:{all:"inherit"}});exports.PopoverButtonElement=class extends W.CustomElement{constructor(){super(),_(this,o,void 0),_(this,P,()=>{this.classList.add("triggered")}),_(this,C,()=>{this.classList.add("opened")}),_(this,k,()=>{this.classList.remove("opened")}),_(this,S,()=>{this.classList.remove("triggered")}),this.openShadow(V),G.isBrowser&&T.element(this,{children:[T.button({onClick:()=>{if(r(this,o)){const e=this.getAttribute("type")||"open";e==="open"||e==="toggle"&&!r(this,o).opened.current?r(this,o).open():(e==="close"||e==="toggle"&&r(this,o).opened.current)&&r(this,o).close()}},children:[T.slot()]})]})}get popoverElement(){return r(this,o)}connectedCallback(){const e=this.getAttribute("target");if(e){const s=document.querySelector(`#${e}`)||this.getRootNode().querySelector(`#${e}`);s?(Q(this,o,s),r(this,o).addEventListener("popoverTriggered",r(this,P)),r(this,o).addEventListener("popoverOpened",r(this,C)),r(this,o).addEventListener("popoverClosing",r(this,k)),r(this,o).addEventListener("popoverClosed",r(this,S))):console.warn(this,`target ${e} not found`)}}disconnectedCallback(){r(this,o)&&(r(this,o).removeEventListener("popoverTriggered",r(this,P)),r(this,o).removeEventListener("popoverOpened",r(this,C)),r(this,o).removeEventListener("popoverClosing",r(this,k)),r(this,o).removeEventListener("popoverClosed",r(this,S)))}};o=new WeakMap;P=new WeakMap;C=new WeakMap;k=new WeakMap;S=new WeakMap;exports.PopoverButtonElement=K([W.define("e-popover-button")],exports.PopoverButtonElement);

package/lib/popover/index.js

@@ -1,146 +1,185 @@
-import { Attribute as C } from "../attribute/index.js";
-import { CustomElement as O, define as A } from "../custom-element/index.js";
-import { S as I } from "../Store-Cd-E5W1z.js";
-import { g as N } from "../style-j2TwriJ_.js";
+import { Attribute as D } from "../attribute/index.js";
+import { CustomElement as N, define as q } from "../custom-element/index.js";
+import { S as H } from "../Store-Cd-E5W1z.js";
+import { g as R } from "../style-j2TwriJ_.js";
 import "../path-data-polyfill-DgeDWYeI.js";
-import { i as q } from "../browser-0zX67oeU.js";
-import { e as B, p as G, ay as H } from "../tags-BoPv9fDr.js";
-import { c as R } from "../createStylesheet-KMRQhSa-.js";
-var U = Object.defineProperty, b = Object.getOwnPropertyDescriptor, z = (e, t, s, r) => {
-  for (var n = r > 1 ? void 0 : r ? b(t, s) : t, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (n = (r ? d(t, s, n) : d(n)) || n);
-  return r && n && U(t, s, n), n;
-}, $ = (e, t, s) => {
+import { i as b } from "../browser-0zX67oeU.js";
+import { e as U, p as z, ay as F } from "../tags-BoPv9fDr.js";
+import { c as J } from "../createStylesheet-KMRQhSa-.js";
+var K = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, V = (e, t, s, o) => {
+  for (var a = o > 1 ? void 0 : o ? Q(t, s) : t, d = e.length - 1, v; d >= 0; d--)
+    (v = e[d]) && (a = (o ? v(t, s, a) : v(a)) || a);
+  return o && a && K(t, s, a), a;
+}, A = (e, t, s) => {
   if (!t.has(e))
     throw TypeError("Cannot " + s);
-}, i = (e, t, s) => ($(e, t, "read from private field"), s ? s.call(e) : t.get(e)), o = (e, t, s) => {
+}, i = (e, t, s) => (A(e, t, "read from private field"), s ? s.call(e) : t.get(e)), h = (e, t, s) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, s);
-}, L = (e, t, s, r) => ($(e, t, "write to private field"), r ? r.call(e, s) : t.set(e, s), s), T = (e, t, s) => ($(e, t, "access private method"), s), S, h, y, c, f, v, W, D, _, w, g, E, k, M, m;
-let a = class extends O {
+}, O = (e, t, s, o) => (A(e, t, "write to private field"), o ? o.call(e, s) : t.set(e, s), s), x = (e, t, s) => (A(e, t, "access private method"), s), T, c, E, l, u, m, $, B, _, w, y, L, C, P, g;
+let p = class extends N {
   constructor() {
-    super(...arguments), o(this, W), o(this, _), o(this, k), o(this, S, -1), o(this, h, new I(!1)), o(this, y, void 0), o(this, c, new C(this, "history", !1)), o(this, f, new C(this, "single", !1)), o(this, v, !1), this.open = () => {
-      i(this, h).current || (i(this, h).current = !0, i(this, f).current && (a.__opened.forEach((e) => e.close()), a.__opened = []), a.__opened.push(this), L(this, S, a.__opened.length - 1), i(this, c).current && i(this, v) && history.pushState("", "", i(this, W, D)), clearTimeout(i(this, y)), this.classList.add("triggered"), this.style.display = "block", setTimeout(() => {
-        addEventListener("click", i(this, g)), addEventListener("keydown", i(this, E)), this.style.opacity = "1", this.classList.add("opened");
+    super(...arguments), h(this, $), h(this, _), h(this, C), h(this, T, -1), h(this, c, new H(!1)), h(this, E, void 0), h(this, l, new D(this, "history", !1)), h(this, u, new D(this, "single", !1)), h(this, m, !1), this.open = () => {
+      i(this, c).current || (i(this, c).current = !0, i(this, u).current && (p.__opened.forEach((e) => e.close()), p.__opened = []), p.__opened.push(this), O(this, T, p.__opened.length - 1), i(this, l).current && i(this, m) && history.pushState("", "", i(this, $, B)), clearTimeout(i(this, E)), this.classList.add("triggered"), this.style.display = "block", this.dispatchEvent(new CustomEvent("popoverTriggered")), setTimeout(() => {
+        addEventListener("click", i(this, y)), addEventListener("keydown", i(this, L)), this.style.opacity = "1", this.classList.add("opened"), this.dispatchEvent(new CustomEvent("popoverOpened"));
       }));
     }, this.close = () => {
-      if (i(this, h).current) {
-        if (i(this, h).current = !1, a.__opened = a.__opened.filter((e) => e !== this), i(this, c).current) {
+      if (i(this, c).current) {
+        if (i(this, c).current = !1, p.__opened = p.__opened.filter((e) => e !== this), i(this, l).current) {
           const e = new URL(location.href);
           e.searchParams.delete(i(this, _, w)), history.replaceState(null, "", e.href);
         }
-        this.classList.remove("opened"), this.style.opacity = "0", removeEventListener("click", i(this, g)), removeEventListener("keydown", i(this, E)), setTimeout(() => {
-          this.classList.remove("triggered"), this.style.display = "none";
-        }, N(this));
+        this.classList.remove("opened"), this.style.opacity = "0", this.dispatchEvent(new CustomEvent("popoverClosing")), removeEventListener("click", i(this, y)), removeEventListener("keydown", i(this, L)), setTimeout(() => {
+          this.classList.remove("triggered"), this.style.display = "none", this.dispatchEvent(new CustomEvent("popoverClosed"));
+        }, R(this));
       }
-    }, o(this, g, (e) => {
-      T(this, k, M).call(this, () => {
+    }, h(this, y, (e) => {
+      x(this, C, P).call(this, () => {
         const t = e.composedPath();
         (!t.find((s) => s === this) && !t.find(
           (s) => s instanceof HTMLElement && s.closest("e-popover-button")
         ) || t[0] instanceof HTMLElement && t[0].hasAttribute("outside")) && this.close();
       });
-    }), o(this, E, (e) => {
-      T(this, k, M).call(this, () => {
+    }), h(this, L, (e) => {
+      x(this, C, P).call(this, () => {
         e.code === "Escape" && this.close();
       });
-    }), o(this, m, () => {
-      L(this, v, !1), i(this, h).current && i(this, c).current && !location.search.includes(i(this, _, w)) ? this.close() : !i(this, h).current && i(this, c).current && location.search.includes(i(this, _, w)) && this.open(), L(this, v, !0);
+    }), h(this, g, () => {
+      O(this, m, !1), i(this, c).current && i(this, l).current && !location.search.includes(i(this, _, w)) ? this.close() : !i(this, c).current && i(this, l).current && location.search.includes(i(this, _, w)) && this.open(), O(this, m, !0);
     });
   }
   get history() {
-    return i(this, c);
+    return i(this, l);
   }
   get single() {
-    return i(this, f);
+    return i(this, u);
   }
   get opened() {
-    return i(this, h);
+    return i(this, c);
   }
   connectedCallback() {
-    i(this, c).observe(), i(this, f).observe(), this.style.opacity = "0", this.style.display = "none", addEventListener("popstate", i(this, m)), setTimeout(() => {
-      i(this, m).call(this);
+    i(this, l).observe(), i(this, u).observe(), this.style.opacity = "0", this.style.display = "none", addEventListener("popstate", i(this, g)), setTimeout(() => {
+      i(this, g).call(this);
     }, 0);
   }
   disconnectedCallback() {
-    i(this, c).unobserve(), i(this, f).unobserve(), clearTimeout(i(this, y)), removeEventListener("popstate", i(this, m));
+    i(this, l).unobserve(), i(this, u).unobserve(), clearTimeout(i(this, E)), removeEventListener("popstate", i(this, g));
   }
 };
-S = /* @__PURE__ */ new WeakMap();
-h = /* @__PURE__ */ new WeakMap();
-y = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
 c = /* @__PURE__ */ new WeakMap();
-f = /* @__PURE__ */ new WeakMap();
-v = /* @__PURE__ */ new WeakMap();
-W = /* @__PURE__ */ new WeakSet();
-D = function() {
+E = /* @__PURE__ */ new WeakMap();
+l = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+m = /* @__PURE__ */ new WeakMap();
+$ = /* @__PURE__ */ new WeakSet();
+B = function() {
   return `${location.pathname}${location.search ? location.search + "&" : "?"}${i(this, _, w)}`;
 };
 _ = /* @__PURE__ */ new WeakSet();
 w = function() {
   return `modal-${this.id}`;
 };
-g = /* @__PURE__ */ new WeakMap();
-E = /* @__PURE__ */ new WeakMap();
-k = /* @__PURE__ */ new WeakSet();
-M = function(e) {
-  (a.__opened[i(this, S) - 1] || a.__opened.length === 1) && e();
+y = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakSet();
+P = function(e) {
+  (p.__opened[i(this, T) - 1] || p.__opened.length === 1) && e();
 };
-m = /* @__PURE__ */ new WeakMap();
-a.__opened = [];
-a = z([
-  A("e-popover")
-], a);
-var F = Object.defineProperty, J = Object.getOwnPropertyDescriptor, K = (e, t, s, r) => {
-  for (var n = r > 1 ? void 0 : r ? J(t, s) : t, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (n = (r ? d(t, s, n) : d(n)) || n);
-  return r && n && F(t, s, n), n;
-}, x = (e, t, s) => {
+g = /* @__PURE__ */ new WeakMap();
+p.__opened = [];
+p = V([
+  q("e-popover")
+], p);
+var X = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, Z = (e, t, s, o) => {
+  for (var a = o > 1 ? void 0 : o ? Y(t, s) : t, d = e.length - 1, v; d >= 0; d--)
+    (v = e[d]) && (a = (o ? v(t, s, a) : v(a)) || a);
+  return o && a && X(t, s, a), a;
+}, G = (e, t, s) => {
   if (!t.has(e))
     throw TypeError("Cannot " + s);
-}, u = (e, t, s) => (x(e, t, "read from private field"), s ? s.call(e) : t.get(e)), Q = (e, t, s) => {
+}, r = (e, t, s) => (G(e, t, "read from private field"), s ? s.call(e) : t.get(e)), f = (e, t, s) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, s);
-}, V = (e, t, s, r) => (x(e, t, "write to private field"), r ? r.call(e, s) : t.set(e, s), s), l;
-const X = R({
+}, j = (e, t, s, o) => (G(e, t, "write to private field"), o ? o.call(e, s) : t.set(e, s), s), n, k, W, M, S;
+const ee = J({
   button: {
     all: "inherit"
   }
 });
-let P = class extends O {
+let I = class extends N {
   constructor() {
-    super(), Q(this, l, void 0), this.openShadow(X), q && B(this, {
+    super(), f(this, n, void 0), f(this, k, () => {
+      this.classList.add("triggered");
+    }), f(this, W, () => {
+      this.classList.add("opened");
+    }), f(this, M, () => {
+      this.classList.remove("opened");
+    }), f(this, S, () => {
+      this.classList.remove("triggered");
+    }), this.openShadow(ee), b && U(this, {
       children: [
-        G({
+        z({
           onClick: () => {
-            if (u(this, l)) {
+            if (r(this, n)) {
               const e = this.getAttribute("type") || "open";
-              e === "open" || e === "toggle" && !u(this, l).opened.current ? u(this, l).open() : (e === "close" || e === "toggle" && u(this, l).opened.current) && u(this, l).close();
+              e === "open" || e === "toggle" && !r(this, n).opened.current ? r(this, n).open() : (e === "close" || e === "toggle" && r(this, n).opened.current) && r(this, n).close();
             }
           },
-          children: [H()]
+          children: [F()]
         })
       ]
     });
   }
   get popoverElement() {
-    return u(this, l);
+    return r(this, n);
   }
   connectedCallback() {
     const e = this.getAttribute("target");
     if (e) {
       const t = document.querySelector(`#${e}`) || this.getRootNode().querySelector(`#${e}`);
-      t ? V(this, l, t) : console.warn(this, `target ${e} not found`);
+      t ? (j(this, n, t), r(this, n).addEventListener(
+        "popoverTriggered",
+        r(this, k)
+      ), r(this, n).addEventListener(
+        "popoverOpened",
+        r(this, W)
+      ), r(this, n).addEventListener(
+        "popoverClosing",
+        r(this, M)
+      ), r(this, n).addEventListener(
+        "popoverClosed",
+        r(this, S)
+      )) : console.warn(this, `target ${e} not found`);
     }
   }
+  disconnectedCallback() {
+    r(this, n) && (r(this, n).removeEventListener(
+      "popoverTriggered",
+      r(this, k)
+    ), r(this, n).removeEventListener(
+      "popoverOpened",
+      r(this, W)
+    ), r(this, n).removeEventListener(
+      "popoverClosing",
+      r(this, M)
+    ), r(this, n).removeEventListener(
+      "popoverClosed",
+      r(this, S)
+    ));
+  }
 };
-l = /* @__PURE__ */ new WeakMap();
-P = K([
-  A("e-popover-button")
-], P);
+n = /* @__PURE__ */ new WeakMap();
+k = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+I = Z([
+  q("e-popover-button")
+], I);
 export {
-  P as PopoverButtonElement,
-  a as PopoverElement
+  I as PopoverButtonElement,
+  p as PopoverElement
 };

package/package.json

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