aptechka 0.61.2 → 0.61.4

package/lib/billboard/BillboardElement.d.ts

@@ -1,3 +1,5 @@
+import { CSSProperty } from '../css-property';
+import { Axes2D } from '../utils';
 export interface BillboardEvents {
     billboardChange: CustomEvent<{
         counter: number;
@@ -7,6 +9,9 @@ export declare class BillboardElement extends HTMLElement {
     #private;
     handleSet: ((number: number) => boolean) | undefined;
     get counter(): number;
+    get loop(): CSSProperty<boolean>;
+    get autoplay(): CSSProperty<string | false>;
+    get swipe(): CSSProperty<false | Axes2D>;
     get itemElements(): HTMLElement[];
     addItem(element: HTMLElement): void;
     set(value: number): void;

package/lib/billboard/index.cjs

@@ -1 +1 @@
-"use strict";var J=i=>{throw TypeError(i)};var N=(i,r,e)=>r.has(i)||J("Cannot "+e);var t=(i,r,e)=>(N(i,r,"read from private field"),e?e.call(i):r.get(i)),n=(i,r,e)=>r.has(i)?J("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,e),a=(i,r,e,s)=>(N(i,r,"write to private field"),s?s.call(i,e):r.set(i,e),e),u=(i,r,e)=>(N(i,r,"access private method"),e);var K=(i,r,e)=>new Promise((s,l)=>{var c=C=>{try{z(e.next(C))}catch(F){l(F)}},S=C=>{try{z(e.throw(C))}catch(F){l(F)}},z=C=>C.done?s(C.value):Promise.resolve(C.value).then(c,S);z((e=e.apply(i,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../index-Cqw2NKev.cjs"),G=require("../dom-JBOkFLTh.cjs"),T=require("../css-property/index.cjs"),V=require("../events-KVanG9sR.cjs"),W=require("../gestures-C7gbKx11.cjs"),X=require("../math-GDWEqu7y.cjs"),Y=require("../number-DyefJ5a1.cjs");var w,p,v,L,x,d,o,h,O,A,y,_,D,$,j;class H extends HTMLElement{constructor(){super(...arguments);n(this,h);n(this,w,new T.CSSProperty(this,"--loop",!0));n(this,p,new T.CSSProperty(this,"--autoplay",!1));n(this,v,new T.CSSProperty(this,"--swipe","x"));n(this,L);n(this,x,!1);n(this,d,[]);n(this,o,0);n(this,y,e=>{a(this,x,e.isIntersecting),t(this,x)?u(this,h,A).call(this):clearInterval(t(this,L))});n(this,_,()=>{clearInterval(t(this,L)),t(this,x)&&a(this,L,setInterval(t(this,$),parseFloat(t(this,p).current||"0")*1e3))});n(this,$,()=>{u(this,h,D).call(this,t(this,o)+1)});n(this,j,e=>{if(!t(this,v).current)return;let s=0;W.setupDrag(l=>{const c=e.x-l.x,S=e.y-l.y;t(this,v).current==="x"?Math.abs(c)>Math.abs(S)&&Math.abs(c)>10&&(s=Math.sign(c)):t(this,v).current==="y"&&Math.abs(S)>Math.abs(c)&&Math.abs(S)>10&&(s=Math.sign(S))},()=>{s&&this.shift(s)})})}get counter(){return t(this,o)}get itemElements(){return t(this,d)}addItem(e){t(this,d).push(e),u(this,h,O).call(this)}set(e){(!this.handleSet||this.handleSet(e))&&(u(this,h,D).call(this,e),u(this,h,A).call(this))}shift(e){this.set(t(this,o)+e)}connectedCallback(){var e;a(this,d,[...this.querySelectorAll(`[data-billboard-item${this.id?`="${this.id}"`:""}]`)]),(e=t(this,d)[0])==null||e.classList.add("current"),u(this,h,O).call(this),t(this,p).subscribe(s=>{s.current?(k.intersector.subscribe(this,t(this,y)),u(this,h,A).call(this)):(a(this,x,!0),k.intersector.unsubscribe(t(this,y)),clearInterval(t(this,L)),u(this,h,D).call(this,0))}),t(this,p).observe(),t(this,v).observe(),t(this,w).observe(),this.addEventListener("pointerdown",t(this,j))}disconnectedCallback(){t(this,p).unobserve(),t(this,v).unobserve(),t(this,w).unobserve(),k.intersector.unsubscribe(t(this,y)),clearInterval(t(this,L))}}w=new WeakMap,p=new WeakMap,v=new WeakMap,L=new WeakMap,x=new WeakMap,d=new WeakMap,o=new WeakMap,h=new WeakSet,O=function(){t(this,d).length>1?this.classList.add("has-length"):this.classList.remove("has-length")},A=function(){t(this,p).current!==!1&&t(this,_).call(this)},y=new WeakMap,_=new WeakMap,D=function(e){t(this,w).current?a(this,o,Y.loopNumber(e,t(this,d).length)):a(this,o,X.clamp(e,0,t(this,d).length-1)),t(this,d).forEach((s,l)=>{s.classList.remove("current","previous","next"),l===t(this,o)?s.classList.add("current"):l<t(this,o)?s.classList.add("previous"):l>t(this,o)&&s.classList.add("next")}),V.dispatchEvent(this,"billboardChange",{detail:{counter:t(this,o)}}),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},0)},$=new WeakMap,j=new WeakMap;customElements.get("e-billboard")||customElements.define("e-billboard",H);var b,B,m,q,M;class Q extends HTMLElement{constructor(){super(...arguments);n(this,b,null);n(this,B,null);n(this,m,[]);n(this,q,e=>{const s=e.currentTarget,l=t(this,m).findIndex(c=>c===s);l>=0&&t(this,b).set(l)});n(this,M,()=>{t(this,m).forEach((e,s)=>{s===t(this,b).counter?e.classList.add("current"):e.classList.remove("current")})})}connectedCallback(){return K(this,null,function*(){var e;if(a(this,b,G.findParentElement(this,H)),t(this,b)&&(yield customElements.whenDefined("e-billboard"),this.isConnected)){this.innerHTML="";const s=t(this,b).itemElements.length;a(this,B,document.createElement("div"));for(let l=0;l<s;l++){const c=document.createElement("button");t(this,m).push(c),t(this,B).appendChild(c)}this.appendChild(t(this,B)),t(this,m).forEach(l=>{l.addEventListener("click",t(this,q))}),(e=t(this,b))==null||e.addEventListener("billboardChange",t(this,M)),t(this,M).call(this)}})}disconnectedCallback(){var e;t(this,m).forEach(s=>{s.removeEventListener("click",t(this,q))}),(e=t(this,b))==null||e.removeEventListener("billboardChange",t(this,M)),this.innerHTML="",a(this,m,[])}}b=new WeakMap,B=new WeakMap,m=new WeakMap,q=new WeakMap,M=new WeakMap;k.isBrowser&&!customElements.get("e-billboard-bullets")&&customElements.define("e-billboard-bullets",Q);var f,E,g;class R extends HTMLElement{constructor(){super();n(this,f,new T.CSSProperty(this,"--index",0));n(this,E,null);n(this,g,()=>{var e;t(this,f).current===((e=t(this,E))==null?void 0:e.counter)?this.classList.add("current"):this.classList.remove("current")});this.addEventListener("click",e=>{t(this,E)&&(!this.handleClick||this.handleClick(e))&&t(this,E).set(t(this,f).current)})}connectedCallback(){var e;this.tabIndex=0,a(this,E,G.findParentElement(this,H)),(e=t(this,E))==null||e.addEventListener("billboardChange",t(this,g)),customElements.whenDefined("e-billboard").then(()=>{this.isConnected&&t(this,g).call(this)}),t(this,f).subscribe(t(this,g)),t(this,f).observe()}disconnectedCallback(){var e;this.removeAttribute("tabindex"),t(this,f).unsubscribe(t(this,g)),t(this,f).unobserve(),(e=t(this,E))==null||e.removeEventListener("billboardChange",t(this,g))}}f=new WeakMap,E=new WeakMap,g=new WeakMap;k.isBrowser&&!customElements.get("e-billboard-set-button")&&customElements.define("e-billboard-set-button",R);var I,P;class U extends HTMLElement{constructor(){super();n(this,I,new T.CSSProperty(this,"--step",1));n(this,P,null);this.addEventListener("click",e=>{t(this,P)&&(!this.handleClick||this.handleClick(e))&&t(this,P).shift(t(this,I).current)})}connectedCallback(){this.tabIndex=0,a(this,P,G.findParentElement(this,H)),t(this,I).observe()}disconnectedCallback(){this.removeAttribute("tabindex"),t(this,I).unobserve()}}I=new WeakMap,P=new WeakMap;k.isBrowser&&!customElements.get("e-billboard-step-button")&&customElements.define("e-billboard-step-button",U);exports.BillboardBulletsElement=Q;exports.BillboardElement=H;exports.BillboardSetButtonElement=R;exports.BillboardStepButtonElement=U;
+"use strict";var K=n=>{throw TypeError(n)};var G=(n,r,e)=>r.has(n)||K("Cannot "+e);var t=(n,r,e)=>(G(n,r,"read from private field"),e?e.call(n):r.get(n)),i=(n,r,e)=>r.has(n)?K("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(n):r.set(n,e),c=(n,r,e,s)=>(G(n,r,"write to private field"),s?s.call(n,e):r.set(n,e),e),b=(n,r,e)=>(G(n,r,"access private method"),e);var Q=(n,r,e)=>new Promise((s,l)=>{var u=w=>{try{N(e.next(w))}catch(O){l(O)}},k=w=>{try{N(e.throw(w))}catch(O){l(O)}},N=w=>w.done?s(w.value):Promise.resolve(w.value).then(u,k);N((e=e.apply(n,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("../index-Cqw2NKev.cjs"),J=require("../dom-JBOkFLTh.cjs"),T=require("../css-property/index.cjs"),W=require("../events-KVanG9sR.cjs"),X=require("../gestures-C7gbKx11.cjs"),Y=require("../math-GDWEqu7y.cjs"),Z=require("../number-DyefJ5a1.cjs");var S,f,E,L,y,d,h,a,D,M,j,_,$,z,F;class H extends HTMLElement{constructor(){super(...arguments);i(this,a);i(this,S,new T.CSSProperty(this,"--loop",!0));i(this,f,new T.CSSProperty(this,"--autoplay",!1));i(this,E,new T.CSSProperty(this,"--swipe","x"));i(this,L);i(this,y,!1);i(this,d,[]);i(this,h,0);i(this,M,e=>{c(this,y,e.isIntersecting),t(this,y)?b(this,a,D).call(this):clearInterval(t(this,L))});i(this,j,()=>{clearInterval(t(this,L)),t(this,y)&&c(this,L,setInterval(t(this,z),parseFloat(t(this,f).current||"0")*1e3))});i(this,z,()=>{b(this,a,$).call(this,t(this,h)+1)});i(this,F,e=>{if(!t(this,E).current)return;let s=0;X.setupDrag(l=>{const u=e.x-l.x,k=e.y-l.y;t(this,E).current==="x"?Math.abs(u)>Math.abs(k)&&Math.abs(u)>10&&(s=Math.sign(u)):t(this,E).current==="y"&&Math.abs(k)>Math.abs(u)&&Math.abs(k)>10&&(s=Math.sign(k))},()=>{s&&this.shift(s)})})}get counter(){return t(this,h)}get loop(){return t(this,S)}get autoplay(){return t(this,f)}get swipe(){return t(this,E)}get itemElements(){return t(this,d)}addItem(e){t(this,d).push(e),b(this,a,_).call(this)}set(e){(!this.handleSet||this.handleSet(e))&&(b(this,a,$).call(this,e),b(this,a,D).call(this))}shift(e){this.set(t(this,h)+e)}connectedCallback(){var e;c(this,d,[...this.querySelectorAll(`[data-billboard-item${this.id?`="${this.id}"`:""}]`)]),(e=t(this,d)[0])==null||e.classList.add("current"),b(this,a,_).call(this),t(this,f).subscribe(s=>{s.current?(B.intersector.subscribe(this,t(this,M)),b(this,a,D).call(this)):(c(this,y,!0),B.intersector.unsubscribe(t(this,M)),clearInterval(t(this,L)),b(this,a,$).call(this,0))}),t(this,f).observe(),t(this,E).observe(),t(this,S).observe(),this.addEventListener("pointerdown",t(this,F))}disconnectedCallback(){t(this,f).unobserve(),t(this,E).unobserve(),t(this,S).unobserve(),B.intersector.unsubscribe(t(this,M)),clearInterval(t(this,L))}}S=new WeakMap,f=new WeakMap,E=new WeakMap,L=new WeakMap,y=new WeakMap,d=new WeakMap,h=new WeakMap,a=new WeakSet,D=function(){t(this,f).current!==!1&&t(this,j).call(this)},M=new WeakMap,j=new WeakMap,_=function(){this.classList.toggle("has-length",t(this,d).length>1),this.classList.toggle("start",t(this,h)===0),this.classList.toggle("end",t(this,h)===t(this,d).length-1)},$=function(e){t(this,S).current?c(this,h,Z.loopNumber(e,t(this,d).length)):c(this,h,Y.clamp(e,0,t(this,d).length-1)),t(this,d).forEach((s,l)=>{s.classList.remove("current","previous","next"),l===t(this,h)?s.classList.add("current"):l<t(this,h)?s.classList.add("previous"):l>t(this,h)&&s.classList.add("next")}),b(this,a,_).call(this),W.dispatchEvent(this,"billboardChange",{detail:{counter:t(this,h)}}),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},0)},z=new WeakMap,F=new WeakMap;customElements.get("e-billboard")||customElements.define("e-billboard",H);var m,I,p,q,P;class R extends HTMLElement{constructor(){super(...arguments);i(this,m,null);i(this,I,null);i(this,p,[]);i(this,q,e=>{const s=e.currentTarget,l=t(this,p).findIndex(u=>u===s);l>=0&&t(this,m).set(l)});i(this,P,()=>{t(this,p).forEach((e,s)=>{s===t(this,m).counter?e.classList.add("current"):e.classList.remove("current")})})}connectedCallback(){return Q(this,null,function*(){var e;if(c(this,m,J.findParentElement(this,H)),t(this,m)&&(yield customElements.whenDefined("e-billboard"),this.isConnected)){this.innerHTML="";const s=t(this,m).itemElements.length;c(this,I,document.createElement("div"));for(let l=0;l<s;l++){const u=document.createElement("button");t(this,p).push(u),t(this,I).appendChild(u)}this.appendChild(t(this,I)),t(this,p).forEach(l=>{l.addEventListener("click",t(this,q))}),(e=t(this,m))==null||e.addEventListener("billboardChange",t(this,P)),t(this,P).call(this)}})}disconnectedCallback(){var e;t(this,p).forEach(s=>{s.removeEventListener("click",t(this,q))}),(e=t(this,m))==null||e.removeEventListener("billboardChange",t(this,P)),this.innerHTML="",c(this,p,[])}}m=new WeakMap,I=new WeakMap,p=new WeakMap,q=new WeakMap,P=new WeakMap;B.isBrowser&&!customElements.get("e-billboard-bullets")&&customElements.define("e-billboard-bullets",R);var g,v,C;class U extends HTMLElement{constructor(){super();i(this,g,new T.CSSProperty(this,"--index",0));i(this,v,null);i(this,C,()=>{var e;t(this,g).current===((e=t(this,v))==null?void 0:e.counter)?this.classList.add("current"):this.classList.remove("current")});this.addEventListener("click",e=>{t(this,v)&&(!this.handleClick||this.handleClick(e))&&t(this,v).set(t(this,g).current)})}connectedCallback(){var e;this.tabIndex=0,c(this,v,J.findParentElement(this,H)),(e=t(this,v))==null||e.addEventListener("billboardChange",t(this,C)),customElements.whenDefined("e-billboard").then(()=>{this.isConnected&&t(this,C).call(this)}),t(this,g).subscribe(t(this,C)),t(this,g).observe()}disconnectedCallback(){var e;this.removeAttribute("tabindex"),t(this,g).unsubscribe(t(this,C)),t(this,g).unobserve(),(e=t(this,v))==null||e.removeEventListener("billboardChange",t(this,C))}}g=new WeakMap,v=new WeakMap,C=new WeakMap;B.isBrowser&&!customElements.get("e-billboard-set-button")&&customElements.define("e-billboard-set-button",U);var x,o,A;class V extends HTMLElement{constructor(){super();i(this,x,new T.CSSProperty(this,"--step",1));i(this,o,null);i(this,A,()=>{t(this,o)&&(!t(this,o).loop.current&&(t(this,o).counter===0&&t(this,x).current<=0||t(this,o).counter===t(this,o).itemElements.length-1&&t(this,x).current>=0)?this.setAttribute("disabled",""):this.removeAttribute("disabled"))});this.addEventListener("click",e=>{t(this,o)&&(!this.handleClick||this.handleClick(e))&&t(this,o).shift(t(this,x).current)})}connectedCallback(){var e;this.tabIndex=0,c(this,o,J.findParentElement(this,H)),(e=t(this,o))==null||e.addEventListener("billboardChange",t(this,A)),t(this,x).observe()}disconnectedCallback(){var e;this.removeAttribute("tabindex"),t(this,x).unobserve(),(e=t(this,o))==null||e.removeEventListener("billboardChange",t(this,A))}}x=new WeakMap,o=new WeakMap,A=new WeakMap;B.isBrowser&&!customElements.get("e-billboard-step-button")&&customElements.define("e-billboard-step-button",V);exports.BillboardBulletsElement=R;exports.BillboardElement=H;exports.BillboardSetButtonElement=U;exports.BillboardStepButtonElement=V;

package/lib/billboard/index.js

@@ -1,63 +1,63 @@
-var Q = (i) => {
-  throw TypeError(i);
+var R = (n) => {
+  throw TypeError(n);
 };
-var j = (i, h, e) => h.has(i) || Q("Cannot " + e);
-var t = (i, h, e) => (j(i, h, "read from private field"), e ? e.call(i) : h.get(i)), n = (i, h, e) => h.has(i) ? Q("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(i) : h.set(i, e), a = (i, h, e, s) => (j(i, h, "write to private field"), s ? s.call(i, e) : h.set(i, e), e), u = (i, h, e) => (j(i, h, "access private method"), e);
-var R = (i, h, e) => new Promise((s, r) => {
-  var o = (C) => {
+var J = (n, r, e) => r.has(n) || R("Cannot " + e);
+var t = (n, r, e) => (J(n, r, "read from private field"), e ? e.call(n) : r.get(n)), i = (n, r, e) => r.has(n) ? R("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(n) : r.set(n, e), c = (n, r, e, s) => (J(n, r, "write to private field"), s ? s.call(n, e) : r.set(n, e), e), u = (n, r, e) => (J(n, r, "access private method"), e);
+var U = (n, r, e) => new Promise((s, h) => {
+  var b = (k) => {
     try {
-      F(e.next(C));
-    } catch (N) {
-      r(N);
+      j(e.next(k));
+    } catch (G) {
+      h(G);
     }
-  }, k = (C) => {
+  }, I = (k) => {
     try {
-      F(e.throw(C));
-    } catch (N) {
-      r(N);
+      j(e.throw(k));
+    } catch (G) {
+      h(G);
     }
-  }, F = (C) => C.done ? s(C.value) : Promise.resolve(C.value).then(o, k);
-  F((e = e.apply(i, h)).next());
+  }, j = (k) => k.done ? s(k.value) : Promise.resolve(k.value).then(b, I);
+  j((e = e.apply(n, r)).next());
 });
-import { a as G, i as K } from "../index-euf5anj6.js";
-import { b as O } from "../dom-CVWzyXPH.js";
+import { a as K, i as O } from "../index-euf5anj6.js";
+import { b as Q } from "../dom-CVWzyXPH.js";
 import { CSSProperty as T } from "../css-property/index.js";
-import { d as U } from "../events-CsVF98U6.js";
-import { s as V } from "../gestures-CcXV6fCp.js";
-import { c as W } from "../math-BOBiC4TN.js";
-import { l as X } from "../number-CbdpfO3u.js";
-var w, E, v, L, x, d, c, l, J, A, M, P, D, $, q;
-class z extends HTMLElement {
+import { d as V } from "../events-CsVF98U6.js";
+import { s as W } from "../gestures-CcXV6fCp.js";
+import { c as X } from "../math-BOBiC4TN.js";
+import { l as Y } from "../number-CbdpfO3u.js";
+var w, f, p, L, M, d, l, a, D, y, q, P, $, z, F;
+class N extends HTMLElement {
   constructor() {
     super(...arguments);
-    n(this, l);
-    n(this, w, new T(this, "--loop", !0));
-    n(this, E, new T(this, "--autoplay", !1));
-    n(this, v, new T(this, "--swipe", "x"));
-    n(this, L);
-    n(this, x, !1);
-    n(this, d, []);
-    n(this, c, 0);
-    n(this, M, (e) => {
-      a(this, x, e.isIntersecting), t(this, x) ? u(this, l, A).call(this) : clearInterval(t(this, L));
+    i(this, a);
+    i(this, w, new T(this, "--loop", !0));
+    i(this, f, new T(this, "--autoplay", !1));
+    i(this, p, new T(this, "--swipe", "x"));
+    i(this, L);
+    i(this, M, !1);
+    i(this, d, []);
+    i(this, l, 0);
+    i(this, y, (e) => {
+      c(this, M, e.isIntersecting), t(this, M) ? u(this, a, D).call(this) : clearInterval(t(this, L));
     });
-    n(this, P, () => {
-      clearInterval(t(this, L)), t(this, x) && a(this, L, setInterval(
-        t(this, $),
-        parseFloat(t(this, E).current || "0") * 1e3
+    i(this, q, () => {
+      clearInterval(t(this, L)), t(this, M) && c(this, L, setInterval(
+        t(this, z),
+        parseFloat(t(this, f).current || "0") * 1e3
       ));
     });
-    n(this, $, () => {
-      u(this, l, D).call(this, t(this, c) + 1);
+    i(this, z, () => {
+      u(this, a, $).call(this, t(this, l) + 1);
     });
-    n(this, q, (e) => {
-      if (!t(this, v).current)
+    i(this, F, (e) => {
+      if (!t(this, p).current)
         return;
       let s = 0;
-      V(
-        (r) => {
-          const o = e.x - r.x, k = e.y - r.y;
-          t(this, v).current === "x" ? Math.abs(o) > Math.abs(k) && Math.abs(o) > 10 && (s = Math.sign(o)) : t(this, v).current === "y" && Math.abs(k) > Math.abs(o) && Math.abs(k) > 10 && (s = Math.sign(k));
+      W(
+        (h) => {
+          const b = e.x - h.x, I = e.y - h.y;
+          t(this, p).current === "x" ? Math.abs(b) > Math.abs(I) && Math.abs(b) > 10 && (s = Math.sign(b)) : t(this, p).current === "y" && Math.abs(I) > Math.abs(b) && Math.abs(I) > 10 && (s = Math.sign(I));
         },
         () => {
           s && this.shift(s);
@@ -66,154 +66,177 @@ class z extends HTMLElement {
     });
   }
   get counter() {
-    return t(this, c);
+    return t(this, l);
+  }
+  get loop() {
+    return t(this, w);
+  }
+  get autoplay() {
+    return t(this, f);
+  }
+  get swipe() {
+    return t(this, p);
   }
   get itemElements() {
     return t(this, d);
   }
   addItem(e) {
-    t(this, d).push(e), u(this, l, J).call(this);
+    t(this, d).push(e), u(this, a, P).call(this);
   }
   set(e) {
-    (!this.handleSet || this.handleSet(e)) && (u(this, l, D).call(this, e), u(this, l, A).call(this));
+    (!this.handleSet || this.handleSet(e)) && (u(this, a, $).call(this, e), u(this, a, D).call(this));
   }
   shift(e) {
-    this.set(t(this, c) + e);
+    this.set(t(this, l) + e);
   }
   connectedCallback() {
     var e;
-    a(this, d, [
+    c(this, d, [
       ...this.querySelectorAll(
         `[data-billboard-item${this.id ? `="${this.id}"` : ""}]`
       )
-    ]), (e = t(this, d)[0]) == null || e.classList.add("current"), u(this, l, J).call(this), t(this, E).subscribe((s) => {
-      s.current ? (G.subscribe(this, t(this, M)), u(this, l, A).call(this)) : (a(this, x, !0), G.unsubscribe(t(this, M)), clearInterval(t(this, L)), u(this, l, D).call(this, 0));
-    }), t(this, E).observe(), t(this, v).observe(), t(this, w).observe(), this.addEventListener("pointerdown", t(this, q));
+    ]), (e = t(this, d)[0]) == null || e.classList.add("current"), u(this, a, P).call(this), t(this, f).subscribe((s) => {
+      s.current ? (K.subscribe(this, t(this, y)), u(this, a, D).call(this)) : (c(this, M, !0), K.unsubscribe(t(this, y)), clearInterval(t(this, L)), u(this, a, $).call(this, 0));
+    }), t(this, f).observe(), t(this, p).observe(), t(this, w).observe(), this.addEventListener("pointerdown", t(this, F));
   }
   disconnectedCallback() {
-    t(this, E).unobserve(), t(this, v).unobserve(), t(this, w).unobserve(), G.unsubscribe(t(this, M)), clearInterval(t(this, L));
+    t(this, f).unobserve(), t(this, p).unobserve(), t(this, w).unobserve(), K.unsubscribe(t(this, y)), clearInterval(t(this, L));
   }
 }
-w = new WeakMap(), E = new WeakMap(), v = new WeakMap(), L = new WeakMap(), x = new WeakMap(), d = new WeakMap(), c = new WeakMap(), l = new WeakSet(), J = function() {
-  t(this, d).length > 1 ? this.classList.add("has-length") : this.classList.remove("has-length");
-}, A = function() {
-  t(this, E).current !== !1 && t(this, P).call(this);
-}, M = new WeakMap(), P = new WeakMap(), D = function(e) {
-  t(this, w).current ? a(this, c, X(e, t(this, d).length)) : a(this, c, W(e, 0, t(this, d).length - 1)), t(this, d).forEach((s, r) => {
-    s.classList.remove("current", "previous", "next"), r === t(this, c) ? s.classList.add("current") : r < t(this, c) ? s.classList.add("previous") : r > t(this, c) && s.classList.add("next");
-  }), U(this, "billboardChange", {
+w = new WeakMap(), f = new WeakMap(), p = new WeakMap(), L = new WeakMap(), M = new WeakMap(), d = new WeakMap(), l = new WeakMap(), a = new WeakSet(), D = function() {
+  t(this, f).current !== !1 && t(this, q).call(this);
+}, y = new WeakMap(), q = new WeakMap(), P = function() {
+  this.classList.toggle("has-length", t(this, d).length > 1), this.classList.toggle("start", t(this, l) === 0), this.classList.toggle(
+    "end",
+    t(this, l) === t(this, d).length - 1
+  );
+}, $ = function(e) {
+  t(this, w).current ? c(this, l, Y(e, t(this, d).length)) : c(this, l, X(e, 0, t(this, d).length - 1)), t(this, d).forEach((s, h) => {
+    s.classList.remove("current", "previous", "next"), h === t(this, l) ? s.classList.add("current") : h < t(this, l) ? s.classList.add("previous") : h > t(this, l) && s.classList.add("next");
+  }), u(this, a, P).call(this), V(this, "billboardChange", {
     detail: {
-      counter: t(this, c)
+      counter: t(this, l)
     }
   }), setTimeout(() => {
     window.dispatchEvent(new Event("resize"));
   }, 0);
-}, $ = new WeakMap(), q = new WeakMap();
-customElements.get("e-billboard") || customElements.define("e-billboard", z);
-var b, I, m, H, y;
-class Y extends HTMLElement {
+}, z = new WeakMap(), F = new WeakMap();
+customElements.get("e-billboard") || customElements.define("e-billboard", N);
+var m, B, E, A, S;
+class Z extends HTMLElement {
   constructor() {
     super(...arguments);
-    n(this, b, null);
-    n(this, I, null);
-    n(this, m, []);
-    n(this, H, (e) => {
-      const s = e.currentTarget, r = t(this, m).findIndex((o) => o === s);
-      r >= 0 && t(this, b).set(r);
+    i(this, m, null);
+    i(this, B, null);
+    i(this, E, []);
+    i(this, A, (e) => {
+      const s = e.currentTarget, h = t(this, E).findIndex((b) => b === s);
+      h >= 0 && t(this, m).set(h);
     });
-    n(this, y, () => {
-      t(this, m).forEach((e, s) => {
-        s === t(this, b).counter ? e.classList.add("current") : e.classList.remove("current");
+    i(this, S, () => {
+      t(this, E).forEach((e, s) => {
+        s === t(this, m).counter ? e.classList.add("current") : e.classList.remove("current");
       });
     });
   }
   connectedCallback() {
-    return R(this, null, function* () {
+    return U(this, null, function* () {
       var e;
-      if (a(this, b, O(this, z)), t(this, b) && (yield customElements.whenDefined("e-billboard"), this.isConnected)) {
+      if (c(this, m, Q(this, N)), t(this, m) && (yield customElements.whenDefined("e-billboard"), this.isConnected)) {
         this.innerHTML = "";
-        const s = t(this, b).itemElements.length;
-        a(this, I, document.createElement("div"));
-        for (let r = 0; r < s; r++) {
-          const o = document.createElement("button");
-          t(this, m).push(o), t(this, I).appendChild(o);
+        const s = t(this, m).itemElements.length;
+        c(this, B, document.createElement("div"));
+        for (let h = 0; h < s; h++) {
+          const b = document.createElement("button");
+          t(this, E).push(b), t(this, B).appendChild(b);
         }
-        this.appendChild(t(this, I)), t(this, m).forEach((r) => {
-          r.addEventListener("click", t(this, H));
-        }), (e = t(this, b)) == null || e.addEventListener(
+        this.appendChild(t(this, B)), t(this, E).forEach((h) => {
+          h.addEventListener("click", t(this, A));
+        }), (e = t(this, m)) == null || e.addEventListener(
           "billboardChange",
-          t(this, y)
-        ), t(this, y).call(this);
+          t(this, S)
+        ), t(this, S).call(this);
       }
     });
   }
   disconnectedCallback() {
     var e;
-    t(this, m).forEach((s) => {
-      s.removeEventListener("click", t(this, H));
-    }), (e = t(this, b)) == null || e.removeEventListener(
+    t(this, E).forEach((s) => {
+      s.removeEventListener("click", t(this, A));
+    }), (e = t(this, m)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, y)
-    ), this.innerHTML = "", a(this, m, []);
+      t(this, S)
+    ), this.innerHTML = "", c(this, E, []);
   }
 }
-b = new WeakMap(), I = new WeakMap(), m = new WeakMap(), H = new WeakMap(), y = new WeakMap();
-K && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", Y);
-var f, p, g;
-class Z extends HTMLElement {
+m = new WeakMap(), B = new WeakMap(), E = new WeakMap(), A = new WeakMap(), S = new WeakMap();
+O && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", Z);
+var v, g, C;
+class _ extends HTMLElement {
   constructor() {
     super();
-    n(this, f, new T(this, "--index", 0));
-    n(this, p, null);
-    n(this, g, () => {
+    i(this, v, new T(this, "--index", 0));
+    i(this, g, null);
+    i(this, C, () => {
       var e;
-      t(this, f).current === ((e = t(this, p)) == null ? void 0 : e.counter) ? this.classList.add("current") : this.classList.remove("current");
+      t(this, v).current === ((e = t(this, g)) == null ? void 0 : e.counter) ? this.classList.add("current") : this.classList.remove("current");
     });
     this.addEventListener("click", (e) => {
-      t(this, p) && (!this.handleClick || this.handleClick(e)) && t(this, p).set(t(this, f).current);
+      t(this, g) && (!this.handleClick || this.handleClick(e)) && t(this, g).set(t(this, v).current);
     });
   }
   connectedCallback() {
     var e;
-    this.tabIndex = 0, a(this, p, O(this, z)), (e = t(this, p)) == null || e.addEventListener(
+    this.tabIndex = 0, c(this, g, Q(this, N)), (e = t(this, g)) == null || e.addEventListener(
       "billboardChange",
-      t(this, g)
+      t(this, C)
     ), customElements.whenDefined("e-billboard").then(() => {
-      this.isConnected && t(this, g).call(this);
-    }), t(this, f).subscribe(t(this, g)), t(this, f).observe();
+      this.isConnected && t(this, C).call(this);
+    }), t(this, v).subscribe(t(this, C)), t(this, v).observe();
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), t(this, f).unsubscribe(t(this, g)), t(this, f).unobserve(), (e = t(this, p)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), t(this, v).unsubscribe(t(this, C)), t(this, v).unobserve(), (e = t(this, g)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, g)
+      t(this, C)
     );
   }
 }
-f = new WeakMap(), p = new WeakMap(), g = new WeakMap();
-K && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", Z);
-var B, S;
-class _ extends HTMLElement {
+v = new WeakMap(), g = new WeakMap(), C = new WeakMap();
+O && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", _);
+var x, o, H;
+class tt extends HTMLElement {
   constructor() {
     super();
-    n(this, B, new T(this, "--step", 1));
-    n(this, S, null);
+    i(this, x, new T(this, "--step", 1));
+    i(this, o, null);
+    i(this, H, () => {
+      t(this, o) && (!t(this, o).loop.current && (t(this, o).counter === 0 && t(this, x).current <= 0 || t(this, o).counter === t(this, o).itemElements.length - 1 && t(this, x).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
+    });
     this.addEventListener("click", (e) => {
-      t(this, S) && (!this.handleClick || this.handleClick(e)) && t(this, S).shift(t(this, B).current);
+      t(this, o) && (!this.handleClick || this.handleClick(e)) && t(this, o).shift(t(this, x).current);
     });
   }
   connectedCallback() {
-    this.tabIndex = 0, a(this, S, O(this, z)), t(this, B).observe();
+    var e;
+    this.tabIndex = 0, c(this, o, Q(this, N)), (e = t(this, o)) == null || e.addEventListener(
+      "billboardChange",
+      t(this, H)
+    ), t(this, x).observe();
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), t(this, B).unobserve();
+    var e;
+    this.removeAttribute("tabindex"), t(this, x).unobserve(), (e = t(this, o)) == null || e.removeEventListener(
+      "billboardChange",
+      t(this, H)
+    );
   }
 }
-B = new WeakMap(), S = new WeakMap();
-K && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", _);
+x = new WeakMap(), o = new WeakMap(), H = new WeakMap();
+O && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", tt);
 export {
-  Y as BillboardBulletsElement,
-  z as BillboardElement,
-  Z as BillboardSetButtonElement,
-  _ as BillboardStepButtonElement
+  Z as BillboardBulletsElement,
+  N as BillboardElement,
+  _ as BillboardSetButtonElement,
+  tt as BillboardStepButtonElement
 };

package/package.json

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