aptechka 0.28.2 → 0.29.0

package/lib/accordion/index.cjs

@@ -0,0 +1 @@
+"use strict";var M=s=>{throw TypeError(s)};var p=(s,i,t)=>i.has(s)||M("Cannot "+t);var e=(s,i,t)=>(p(s,i,"read from private field"),t?t.call(s):i.get(s)),h=(s,i,t)=>i.has(s)?M("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(s):i.set(s,t),c=(s,i,t,r)=>(p(s,i,"write to private field"),r?r.call(s,t):i.set(s,t),t),m=(s,i,t)=>(p(s,i,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../attribute/index.cjs"),q=require("../browser-CpzFX2xg.cjs"),H=require("../events-KVanG9sR.cjs"),R=require("../style-At6aDoqG.cjs");var d,n,f,l,E,u,o,N,w,L,A,b,k;class S{constructor(i,t){h(this,o);h(this,d,null);h(this,n,null);h(this,f,null);h(this,l,null);h(this,E);h(this,u,!1);h(this,L,()=>{e(this,u)?this.close():this.open()});h(this,A,()=>{e(this,u)&&(m(this,o,b).call(this,0,!0),m(this,o,b).call(this,e(this,o,w)))});t.firstElementChild instanceof HTMLElement&&t.lastElementChild instanceof HTMLElement?(c(this,d,i),c(this,n,t),c(this,f,t.firstElementChild),c(this,l,t.lastElementChild),e(this,l).style.overflow="hidden",e(this,d).axisAttribute.current==="y"?e(this,l).style.height="0px":e(this,l).style.width="0px",addEventListener("resize",e(this,A)),e(this,f).addEventListener("click",e(this,L)),e(this,n).hasAttribute("data-opened")&&this.open({skipTransition:!0})):i.removeItem(e(this,n))}get element(){return e(this,n)}destroy(){e(this,f)&&(e(this,n).classList.remove("opened","triggered"),e(this,f).style.cursor="",m(this,o,b).call(this,void 0),removeEventListener("resize",e(this,A)),e(this,f).removeEventListener("click",e(this,L)),clearTimeout(e(this,E)))}open(i){i!=null&&i.skipTransition&&m(this,o,k).call(this),e(this,d).multipleAttribute.current||e(this,d).closeAll({exclude:e(this,n)}),c(this,u,!0),clearTimeout(e(this,E)),e(this,n).classList.add("triggered"),m(this,o,b).call(this,e(this,o,w)),setTimeout(()=>{e(this,n).classList.add("opened")},0),H.dispatchEvent(this.element,"accordionItemToggle",{bubbles:!0,composed:!0,detail:{opened:e(this,u)}})}close(i){i!=null&&i.skipTransition&&m(this,o,k).call(this),c(this,u,!1),e(this,n).classList.remove("opened"),m(this,o,b).call(this,0),c(this,E,setTimeout(()=>{e(this,n).classList.remove("triggered")},R.getElementTransitionDurationMS(e(this,l)))),H.dispatchEvent(this.element,"accordionItemToggle",{bubbles:!0,composed:!0,detail:{opened:e(this,u)}})}}d=new WeakMap,n=new WeakMap,f=new WeakMap,l=new WeakMap,E=new WeakMap,u=new WeakMap,o=new WeakSet,N=function(){return e(this,n).parentElement||e(this,n).getRootNode()},w=function(){return e(this,d).axisAttribute.current==="x"?e(this,l).scrollWidth:e(this,l).scrollHeight},L=new WeakMap,A=new WeakMap,b=function(i,t=!1){t&&(e(this,l).style.transition="all 0s",setTimeout(()=>{e(this,l).style.transition=""}));const r=e(this,d).axisAttribute.current==="x"?"width":"height";i!=null?e(this,l).style[r]=`${i}px`:e(this,l).style[r]=""},k=function(){e(this,l).style.transition="all 0s",setTimeout(()=>{e(this,l).style.transition=""},50)};var v,g,a,T,x,I;class z extends HTMLElement{constructor(){super();h(this,x);h(this,v,new C.Attribute(this,"axis","y"));h(this,g,new C.Attribute(this,"multiple",!1));h(this,a,[]);h(this,T,null);q.isBrowser&&c(this,T,new MutationObserver(t=>{t.forEach(r=>{r.removedNodes.forEach(y=>{y instanceof HTMLElement&&this.removeItem(y)}),r.addedNodes.forEach(y=>{y instanceof HTMLElement&&this.createItem(y)})})}))}get axisAttribute(){return e(this,v)}get multipleAttribute(){return e(this,g)}createItem(t){e(this,a).find(r=>r.element===t)||e(this,a).push(new S(this,t))}removeItem(t){c(this,a,e(this,a).filter(r=>{if(r.element!==t)return!0;r.destroy()}))}closeAll(t){e(this,a).forEach(r=>{(t==null?void 0:t.exclude)!==r.element&&r.close(t)})}openAll(t){e(this,a).forEach(r=>{(t==null?void 0:t.exclude)!==r.element&&r.open(t)})}connectedCallback(){e(this,v).observe(),e(this,g).observe(),e(this,T).observe(e(this,x,I),{childList:!0}),c(this,a,[...e(this,x,I).children].map(t=>{if(t instanceof HTMLElement)return new S(this,t)}).filter(t=>!!t))}disconnectedCallback(){e(this,v).unobserve(),e(this,g).unobserve(),e(this,T).disconnect()}}v=new WeakMap,g=new WeakMap,a=new WeakMap,T=new WeakMap,x=new WeakSet,I=function(){return this.shadowRoot?this.shadowRoot:this};customElements.get("e-accordion")||customElements.define("e-accordion",z);exports.AccordionElement=z;

package/lib/accordion/index.d.ts

@@ -0,0 +1,31 @@
+import { Attribute } from '../attribute';
+import { Axes2D } from '../utils';
+
+export interface AccordionToggleOptions {
+    skipTransition?: boolean;
+    exclude?: HTMLElement;
+}
+export interface AccordionEvents {
+    accordionItemToggle: CustomEvent<{
+        opened: boolean;
+    }>;
+}
+export declare class AccordionElement extends HTMLElement {
+    #private;
+    constructor();
+    get axisAttribute(): Attribute<Axes2D>;
+    get multipleAttribute(): Attribute<false>;
+    createItem(element: HTMLElement): void;
+    removeItem(element: HTMLElement): void;
+    closeAll(options?: AccordionToggleOptions): void;
+    openAll(options?: AccordionToggleOptions): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-accordion': AccordionElement;
+    }
+    interface HTMLElementEventMap extends AccordionEvents {
+    }
+}

package/lib/accordion/index.js

@@ -0,0 +1,135 @@
+var M = (s) => {
+  throw TypeError(s);
+};
+var A = (s, i, t) => i.has(s) || M("Cannot " + t);
+var e = (s, i, t) => (A(s, i, "read from private field"), t ? t.call(s) : i.get(s)), l = (s, i, t) => i.has(s) ? M("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, t), a = (s, i, t, r) => (A(s, i, "write to private field"), r ? r.call(s, t) : i.set(s, t), t), m = (s, i, t) => (A(s, i, "access private method"), t);
+import { Attribute as C } from "../attribute/index.js";
+import { i as R } from "../browser-0zX67oeU.js";
+import { d as H } from "../events-CsVF98U6.js";
+import { g as S } from "../style-j2TwriJ_.js";
+var d, n, f, h, b, u, o, N, w, p, x, E, k;
+class z {
+  constructor(i, t) {
+    l(this, o);
+    l(this, d, null);
+    l(this, n, null);
+    l(this, f, null);
+    l(this, h, null);
+    l(this, b);
+    l(this, u, !1);
+    l(this, p, () => {
+      e(this, u) ? this.close() : this.open();
+    });
+    l(this, x, () => {
+      e(this, u) && (m(this, o, E).call(this, 0, !0), m(this, o, E).call(this, e(this, o, w)));
+    });
+    t.firstElementChild instanceof HTMLElement && t.lastElementChild instanceof HTMLElement ? (a(this, d, i), a(this, n, t), a(this, f, t.firstElementChild), a(this, h, t.lastElementChild), e(this, h).style.overflow = "hidden", e(this, d).axisAttribute.current === "y" ? e(this, h).style.height = "0px" : e(this, h).style.width = "0px", addEventListener("resize", e(this, x)), e(this, f).addEventListener("click", e(this, p)), e(this, n).hasAttribute("data-opened") && this.open({ skipTransition: !0 })) : i.removeItem(e(this, n));
+  }
+  get element() {
+    return e(this, n);
+  }
+  destroy() {
+    e(this, f) && (e(this, n).classList.remove("opened", "triggered"), e(this, f).style.cursor = "", m(this, o, E).call(this, void 0), removeEventListener("resize", e(this, x)), e(this, f).removeEventListener("click", e(this, p)), clearTimeout(e(this, b)));
+  }
+  open(i) {
+    i != null && i.skipTransition && m(this, o, k).call(this), e(this, d).multipleAttribute.current || e(this, d).closeAll({ exclude: e(this, n) }), a(this, u, !0), clearTimeout(e(this, b)), e(this, n).classList.add("triggered"), m(this, o, E).call(this, e(this, o, w)), setTimeout(() => {
+      e(this, n).classList.add("opened");
+    }, 0), H(this.element, "accordionItemToggle", {
+      bubbles: !0,
+      composed: !0,
+      detail: {
+        opened: e(this, u)
+      }
+    });
+  }
+  close(i) {
+    i != null && i.skipTransition && m(this, o, k).call(this), a(this, u, !1), e(this, n).classList.remove("opened"), m(this, o, E).call(this, 0), a(this, b, setTimeout(() => {
+      e(this, n).classList.remove("triggered");
+    }, S(e(this, h)))), H(this.element, "accordionItemToggle", {
+      bubbles: !0,
+      composed: !0,
+      detail: {
+        opened: e(this, u)
+      }
+    });
+  }
+}
+d = new WeakMap(), n = new WeakMap(), f = new WeakMap(), h = new WeakMap(), b = new WeakMap(), u = new WeakMap(), o = new WeakSet(), N = function() {
+  return e(this, n).parentElement || e(this, n).getRootNode();
+}, w = function() {
+  return e(this, d).axisAttribute.current === "x" ? e(this, h).scrollWidth : e(this, h).scrollHeight;
+}, p = new WeakMap(), x = new WeakMap(), E = function(i, t = !1) {
+  t && (e(this, h).style.transition = "all 0s", setTimeout(() => {
+    e(this, h).style.transition = "";
+  }));
+  const r = e(this, d).axisAttribute.current === "x" ? "width" : "height";
+  i != null ? e(this, h).style[r] = `${i}px` : e(this, h).style[r] = "";
+}, k = function() {
+  e(this, h).style.transition = "all 0s", setTimeout(() => {
+    e(this, h).style.transition = "";
+  }, 50);
+};
+var v, g, c, T, y, I;
+class O extends HTMLElement {
+  constructor() {
+    super();
+    l(this, y);
+    l(this, v, new C(this, "axis", "y"));
+    l(this, g, new C(this, "multiple", !1));
+    l(this, c, []);
+    l(this, T, null);
+    R && a(this, T, new MutationObserver((t) => {
+      t.forEach((r) => {
+        r.removedNodes.forEach((L) => {
+          L instanceof HTMLElement && this.removeItem(L);
+        }), r.addedNodes.forEach((L) => {
+          L instanceof HTMLElement && this.createItem(L);
+        });
+      });
+    }));
+  }
+  get axisAttribute() {
+    return e(this, v);
+  }
+  get multipleAttribute() {
+    return e(this, g);
+  }
+  createItem(t) {
+    e(this, c).find((r) => r.element === t) || e(this, c).push(new z(this, t));
+  }
+  removeItem(t) {
+    a(this, c, e(this, c).filter((r) => {
+      if (r.element !== t)
+        return !0;
+      r.destroy();
+    }));
+  }
+  closeAll(t) {
+    e(this, c).forEach((r) => {
+      (t == null ? void 0 : t.exclude) !== r.element && r.close(t);
+    });
+  }
+  openAll(t) {
+    e(this, c).forEach((r) => {
+      (t == null ? void 0 : t.exclude) !== r.element && r.open(t);
+    });
+  }
+  connectedCallback() {
+    e(this, v).observe(), e(this, g).observe(), e(this, T).observe(e(this, y, I), {
+      childList: !0
+    }), a(this, c, [...e(this, y, I).children].map((t) => {
+      if (t instanceof HTMLElement)
+        return new z(this, t);
+    }).filter((t) => !!t));
+  }
+  disconnectedCallback() {
+    e(this, v).unobserve(), e(this, g).unobserve(), e(this, T).disconnect();
+  }
+}
+v = new WeakMap(), g = new WeakMap(), c = new WeakMap(), T = new WeakMap(), y = new WeakSet(), I = function() {
+  return this.shadowRoot ? this.shadowRoot : this;
+};
+customElements.get("e-accordion") || customElements.define("e-accordion", O);
+export {
+  O as AccordionElement
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.28.2",
+  "version": "0.29.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -18,6 +18,11 @@
   ],
   "type": "module",
   "exports": {
+    "./accordion": {
+      "require": "./lib/accordion/index.cjs",
+      "default": "./lib/accordion/index.js",
+      "types": "./lib/accordion/index.d.ts"
+    },
     "./animation": {
       "require": "./lib/animation/index.cjs",
       "default": "./lib/animation/index.js",
@@ -226,6 +231,9 @@
   },
   "typesVersions": {
     "*": {
+      "accordion": [
+        "lib/accordion/index.d.ts"
+      ],
       "animation": [
         "lib/animation/index.d.ts"
       ],