aptechka 0.2.0 → 0.2.2

package/lib/scroll/index.cjs

@@ -1 +1 @@
-"use strict";var Ct=(s,e,i)=>{if(!e.has(s))throw TypeError("Cannot "+i)};var h=(s,e,i)=>(Ct(s,e,"read from private field"),i?i.call(s):e.get(s)),D=(s,e,i)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,i)},O=(s,e,i,n)=>(Ct(s,e,"write to private field"),n?n.call(s,i):e.set(s,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qt=require("../Store-D0_rDIsE.cjs"),Dt=require("../Derived-SjPdLJiZ.cjs"),At=require("../browser-CpzFX2xg.cjs"),I=require("../layout-8ryRAMGJ.cjs"),zt=require("../math-GDWEqu7y.cjs");require("../ticker/index.cjs");const Tt=require("../Damped-mdFs8WSd.cjs"),x=require("../attribute/index.cjs"),Mt=require("../WheelControls-Dc1xcVG6.cjs"),gt=require("../custom-element/index.cjs"),xt=require("../order/index.cjs"),pt=require("../window-resizer/index.cjs"),H=require("../scroll-entries/index.cjs"),P=require("../tags-DGIuh1Hi.cjs"),Lt=require("../createStylesheet-B5Nhxdpo.cjs"),Vt=require("../dom-qY2LdCVL.cjs");var It=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,Ft=(s,e,i,n)=>{for(var r=n>1?void 0:n?Ht(e,i):e,d=s.length-1,g;d>=0;d--)(g=s[d])&&(r=(n?g(e,i,r):g(r))||r);return n&&r&&It(e,i,r),r},yt=(s,e,i)=>{if(!e.has(s))throw TypeError("Cannot "+i)},t=(s,e,i)=>(yt(s,e,"read from private field"),i?i.call(s):e.get(s)),l=(s,e,i)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,i)},m=(s,e,i,n)=>(yt(s,e,"write to private field"),n?n.call(s,i):e.set(s,i),i),f=(s,e,i)=>(yt(s,e,"access private method"),i),a,M,T,$,V,X,y,Y,j,tt,u,dt,c,et,it,_,p,k,F,b,G,R,N,ft,B,U,mt,kt,bt,Wt,st,vt,rt,_t,q,wt,St,Ot,nt,ht,Et,S,w,L,W;class Bt{constructor(e,i){D(this,S,void 0);D(this,w,void 0);D(this,L,0);D(this,W,0);O(this,S,e),O(this,w,i),H.scrollEntries.register(h(this,S))}get size(){return h(this,L)}get position(){return h(this,W)}destroy(){H.scrollEntries.unregister(h(this,S)),h(this,S).style.transform=""}resize(){O(this,L,h(this,w).vertical?h(this,S).offsetHeight:h(this,S).offsetWidth),O(this,W,h(this,w).vertical?I.getCumulativeOffsetTop(h(this,S)):I.getCumulativeOffsetLeft(h(this,S))),O(this,W,h(this,W)-h(this,w).contentPosition)}transform(){let e=0;h(this,w).infiniteAttribute.current&&h(this,w).overscroll&&h(this,W)+h(this,L)<h(this,w).currentScrollValue&&(e=h(this,w).distance*-1),H.scrollEntries.update(h(this,S),h(this,w).axisAttibute.current,e);const i=h(this,w).viewportSize-h(this,L),n=zt.clamp(h(this,w).currentScrollValue+e,h(this,W)-h(this,w).viewportSize-i,h(this,W)+h(this,L)+i);h(this,w).vertical?h(this,S).style.transform=`translate3d(0px, ${n*-1}px, 0px)`:h(this,S).style.transform=`translate3d(${n*-1}px, 0px, 0px)`}}S=new WeakMap,w=new WeakMap,L=new WeakMap,W=new WeakMap;const Gt=Lt.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"absolute",top:"0",left:"0",zIndex:"1",width:"100%",height:"100%"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)"},':host([hibernated="true"]) .content':{display:"contents"},"::slotted(*)":{flexShrink:"0"}});exports.ScrollElement=class extends gt.CustomElement{constructor(e){if(super(),l(this,N),l(this,B),l(this,mt),l(this,bt),l(this,st),l(this,rt),l(this,St),l(this,ht),l(this,a,null),l(this,M,new x.Attribute(this,"axis","y")),l(this,T,new x.Attribute(this,"pages",0,{validate:i=>Math.max(0,i-1)})),l(this,$,new x.Attribute(this,"split",!1)),l(this,V,new x.Attribute(this,"sectional",!1)),l(this,X,new x.Attribute(this,"wheel-max-delta",!1)),l(this,y,new x.Attribute(this,"infinite",!1)),l(this,Y,new x.Attribute(this,"damping",.03)),l(this,j,new x.Attribute(this,"disabled",!1)),l(this,tt,new x.Attribute(this,"hibernated",!1)),l(this,u,null),l(this,dt,null),l(this,c,[]),l(this,et,0),l(this,it,0),l(this,_,0),l(this,p,0),l(this,k,null),l(this,F,null),l(this,b,new qt.Store(0)),l(this,G,0),l(this,R,0),l(this,q,()=>{const i=this.currentScrollValue/t(this,p);if(m(this,et,this.vertical?I.getCumulativeOffsetTop(this):I.getCumulativeOffsetLeft(this)),m(this,it,this.vertical?I.getCumulativeOffsetTop(t(this,u)):I.getCumulativeOffsetLeft(t(this,u))),m(this,_,this.vertical?this.offsetHeight:this.offsetWidth),t(this,T).current){m(this,p,t(this,_)*t(this,T).current);const n=t(this,p)+t(this,_);this.vertical?(t(this,u).style.width=n+"px",t(this,u).style.height="100%"):(t(this,u).style.height=n+"px",t(this,u).style.width="100%")}else this.vertical?(t(this,u).style.width="100%",t(this,u).style.height="max-content",m(this,p,t(this,u).offsetHeight-t(this,_))):(t(this,u).style.width="max-content",t(this,u).style.height="100%",m(this,p,t(this,u).offsetWidth-t(this,_)));if(!t(this,y).current){const n=getComputedStyle(this);m(this,p,t(this,p)+(this.vertical?parseFloat(n.paddingBlockStart)+parseFloat(n.paddingBlockEnd):parseFloat(n.paddingInlineStart)+parseFloat(n.paddingInlineEnd))),t(this,a).max.current=t(this,p)}if(t(this,c).forEach(n=>{n.resize(),n.transform()}),t(this,y).current&&t(this,c).length){const n=t(this,c)[t(this,c).length-1],r=n.position+n.size-t(this,_),d=t(this,p)-r;m(this,R,n.position+n.size+d)}else m(this,R,t(this,p));if(t(this,V).current&&t(this,c).length){const n=t(this,c)[t(this,b).current];t(this,a).set(n.position,!0)}else t(this,a).set(i*t(this,p),!0)}),l(this,wt,()=>{const i=this.currentScrollValue;if(m(this,G,Math.max(0,i-t(this,p))),t(this,c).length){let n=0;for(let r=0;r<t(this,c).length;r++){const d=t(this,c)[r];d.transform(),this.targetScrollValue+this.viewportSize/2>=d.position&&(n=r)}t(this,b).current=n}else this.vertical?t(this,u).style.transform=`translate3d(0px, ${i*-1}px, 0px)`:t(this,u).style.transform=`translate3d(${i*-1}px, 0px, 0px)`;H.scrollEntries.update(this,t(this,M).current,i)}),l(this,nt,i=>{if(typeof i=="number")if(t(this,V).current){const n=Math.sign(i);t(this,c).length?this.shiftSections(n):t(this,a).shift(n*t(this,_))}else t(this,a).shift(i);else i==="min"?t(this,a).set(t(this,a).min.current):i==="max"&&t(this,a).set(t(this,a).delta)}),At.isBrowser){let i,n=e||this.getAttribute("name");n&&(i={name:n}),m(this,a,new Tt.Damped({damping:.01,min:0,order:xt.TICK_ORDER.SCROLL,passport:i})),this.openShadow(Gt),P.element(this,{tabIndex:0,children:[P.div({class:"static",children:[P.slot({name:"static"})]}),P.div({class:"content",children:[P.slot({ref:r=>m(this,dt,r)})],style:{flexDirection:new Dt.Derived(t(this,M),r=>r==="x"?"row":"column")},ref:r=>m(this,u,r)})]}),m(this,k,new Mt.WheelControls({element:this})),t(this,k).changeEvent.subscribe(t(this,nt)),m(this,F,new Mt.KeyboardControls({element:this})),t(this,F).changeEvent.subscribe(t(this,nt)),t(this,M).subscribe(({current:r})=>{t(this,u).style.flexDirection=r==="x"?"row":"column",t(this,k).axis=t(this,X).current?"max":r,this.isConnected&&t(this,q).call(this)}),t(this,X).subscribe(r=>{t(this,k).axis=r.current?"max":t(this,M).current}),t(this,T).subscribe(()=>{this.isConnected&&t(this,q).call(this)}),t(this,$).subscribe(({current:r})=>{this.isConnected&&(r?f(this,N,ft).call(this):f(this,B,U).call(this))}),t(this,V).subscribe(r=>{t(this,b).current=0,t(this,k).debounce=r.current,t(this,a).reset(),this.isConnected&&(r.current&&!r.previous?f(this,N,ft).call(this):!r.current&&r.previous&&f(this,B,U).call(this))}),t(this,y).subscribe(r=>{r.current?(this.isConnected&&(t(this,c).length||(t(this,$).current=!0)),t(this,c).length&&(t(this,a).max.current=1/0,t(this,a).min.current=-1/0)):(m(this,G,0),t(this,a).max.current=t(this,p),t(this,a).min.current=0)}),t(this,Y).subscribe(r=>{t(this,a).damping=r.current}),t(this,j).subscribe(r=>{r.current&&!r.previous?f(this,mt,kt).call(this):!r.current&&r.previous&&f(this,bt,Wt).call(this)}),t(this,tt).subscribe(r=>{r.current&&!r.previous?f(this,st,vt).call(this):!r.current&&r.previous&&f(this,rt,_t).call(this)})}}get currentScrollValue(){return f(this,ht,Et).call(this,"current")}get targetScrollValue(){return f(this,ht,Et).call(this,"target")}get damped(){return t(this,a)}get dampedAttibute(){return t(this,a)}get axisAttibute(){return t(this,M)}get pagesAttibute(){return t(this,T)}get splitAttibute(){return t(this,$)}get sectionalAttibute(){return t(this,V)}get infiniteAttribute(){return t(this,y)}get dampingAttibute(){return t(this,Y)}get disabledAttibute(){return t(this,j)}get hibernatedAttibute(){return t(this,tt)}get contentElement(){return t(this,u)}get position(){return t(this,et)}get contentPosition(){return t(this,it)}get viewportSize(){return t(this,_)}get scrollSize(){return t(this,p)}get counter(){return t(this,b)}get distance(){return t(this,R)}get overscroll(){return t(this,G)}get vertical(){return t(this,M).current==="y"}get currentProgress(){return this.currentScrollValue/t(this,R)}get targetProgress(){return this.targetScrollValue/t(this,R)}scrollToSection(e,i="smooth"){if(!t(this,c).length)return;const n=t(this,b).current;f(this,St,Ot).call(this,e);const r=t(this,c)[n],d=t(this,c)[t(this,b).current];if(r&&d){let g=0;const Q=t(this,c).length-1;t(this,y).current?t(this,b).current===0&&n===Q?g=t(this,p)+t(this,_)-r.position:t(this,b).current===Q&&n===0?g=d.position-(t(this,p)+t(this,_)):g=d.position-r.position:g=d.position-r.position,t(this,a).shift(g,i==="instant")}}shiftSections(e,i="smooth"){t(this,c).length&&this.scrollToSection(t(this,b).current+e,i)}connectedCallback(){f(this,rt,_t).call(this)}disconnectedCallback(){f(this,st,vt).call(this)}};a=new WeakMap;M=new WeakMap;T=new WeakMap;$=new WeakMap;V=new WeakMap;X=new WeakMap;y=new WeakMap;Y=new WeakMap;j=new WeakMap;tt=new WeakMap;u=new WeakMap;dt=new WeakMap;c=new WeakMap;et=new WeakMap;it=new WeakMap;_=new WeakMap;p=new WeakMap;k=new WeakMap;F=new WeakMap;b=new WeakMap;G=new WeakMap;R=new WeakMap;N=new WeakSet;ft=function(){f(this,B,U).call(this),t(this,dt).assignedElements().forEach(s=>{s instanceof HTMLElement&&t(this,c).push(new Bt(s,this))}),t(this,u).style.transform="",t(this,q).call(this)};B=new WeakSet;U=function(){t(this,c).forEach(s=>{s.destroy()}),m(this,c,[])};mt=new WeakSet;kt=function(){t(this,a).unsubscribe(t(this,wt)),t(this,a).unlistenAnimationFrame(),t(this,k).disconnect(),t(this,F).disconnect()};bt=new WeakSet;Wt=function(){t(this,a).subscribe(t(this,wt)),t(this,k).connect(),t(this,F).connect()};st=new WeakSet;vt=function(){pt.windowResizer.unsubscribe(t(this,q)),t(this,a).reset(),f(this,mt,kt).call(this),t(this,u).style.transform="",t(this,$).current&&f(this,B,U).call(this),H.scrollEntries.unregister(this)};rt=new WeakSet;_t=function(){t(this,$).current&&f(this,N,ft).call(this),H.scrollEntries.register(this),pt.windowResizer.subscribe(t(this,q),xt.RESIZE_ORDER.SCROLL),f(this,bt,Wt).call(this)};q=new WeakMap;wt=new WeakMap;St=new WeakSet;Ot=function(s){t(this,y).current?(t(this,b).current=s%t(this,c).length,t(this,b).current=t(this,b).current<0?t(this,c).length+t(this,b).current:t(this,b).current):t(this,b).current=zt.clamp(s,0,t(this,c).length-1)};nt=new WeakMap;ht=new WeakSet;Et=function(s="current"){if(t(this,y).current&&t(this,c).length){const e=t(this,a)[s]%(t(this,p)+t(this,_));return e<0?t(this,p)+e+t(this,_):e}else return t(this,a)[s]};exports.ScrollElement=Ft([gt.define("e-scroll")],exports.ScrollElement);var J;class Kt extends gt.CustomElement{constructor(){super(...arguments);D(this,J,null)}get scrollElement(){return h(this,J)}connectedCallback(){const i=Vt.findParentElement(this,exports.ScrollElement);i instanceof exports.ScrollElement?O(this,J,i):console.error(this,"e-scroll not found")}}J=new WeakMap;var Zt=Object.defineProperty,Nt=Object.getOwnPropertyDescriptor,Ut=(s,e,i,n)=>{for(var r=n>1?void 0:n?Nt(e,i):e,d=s.length-1,g;d>=0;d--)(g=s[d])&&(r=(n?g(e,i,r):g(r))||r);return n&&r&&Zt(e,i,r),r},Rt=(s,e,i)=>{if(!e.has(s))throw TypeError("Cannot "+i)},o=(s,e,i)=>(Rt(s,e,"read from private field"),i?i.call(s):e.get(s)),E=(s,e,i)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,i)},C=(s,e,i,n)=>(Rt(s,e,"write to private field"),n?n.call(s,i):e.set(s,i),i),lt,v,A,z,K,Z,ot,at,ct,ut;const Jt=Lt.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#efefef"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"#181818",borderRadius:"1vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}});exports.ScrollbarElement=class extends Kt{constructor(){super(),E(this,lt,null),E(this,v,null),E(this,A,!1),E(this,z,0),E(this,K,0),E(this,Z,0),E(this,ot,()=>{C(this,A,this.offsetWidth>this.offsetHeight);const e=o(this,A)?this.offsetWidth:this.offsetHeight;C(this,z,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),C(this,z,Math.max(o(this,z),30)),o(this,A)?(o(this,v).style.width=o(this,z)+"px",o(this,v).style.height="100%"):(o(this,v).style.width="100%",o(this,v).style.height=o(this,z)+"px"),C(this,K,e-o(this,z)),this.scrollElement.scrollSize||(this.style.display="none")}),E(this,at,()=>{C(this,Z,this.scrollElement.currentProgress*o(this,K)),o(this,A)?o(this,v).style.transform=`translate3d(${o(this,Z)}px, 0px, 0px)`:o(this,v).style.transform=`translate3d(0px, ${o(this,Z)}px, 0px)`}),E(this,ct,()=>{this.setAttribute("axis",this.scrollElement.axisAttibute.current)}),E(this,ut,e=>{const i=g=>{const Q=o(this,A)?g.x:g.y,Pt=this.scrollElement.distance/o(this,K),$t=(Q-d)*Pt;this.scrollElement.damped.set(r+$t)},n=()=>{removeEventListener("pointermove",i),removeEventListener("pointerup",n),removeEventListener("touchend",n)};addEventListener("pointermove",i),addEventListener("pointerup",n),addEventListener("touchend",n);const r=this.scrollElement.damped.target,d=o(this,A)?e.x:e.y}),At.isBrowser&&(this.openShadow(Jt),P.element(this,{children:[P.slot({ref:e=>C(this,lt,e)})]}))}get thumbElement(){return o(this,v)}connectedCallback(){super.connectedCallback();const e=o(this,lt).assignedElements()[0];e instanceof HTMLElement?C(this,v,e):(C(this,v,document.createElement("div")),o(this,v).classList.add("default-thumb"),this.shadowRoot.appendChild(o(this,v))),o(this,v).addEventListener("pointerdown",o(this,ut)),pt.windowResizer.subscribe(o(this,ot),xt.RESIZE_ORDER.SCROLL+1),this.scrollElement.damped.subscribe(o(this,at)),this.scrollElement.axisAttibute.subscribe(o(this,ct))}disconnectedCallback(){o(this,v).removeEventListener("pointerdown",o(this,ut)),pt.windowResizer.unsubscribe(o(this,ot)),this.scrollElement.damped.unsubscribe(o(this,at)),this.scrollElement.axisAttibute.unsubscribe(o(this,ct))}};lt=new WeakMap;v=new WeakMap;A=new WeakMap;z=new WeakMap;K=new WeakMap;Z=new WeakMap;ot=new WeakMap;at=new WeakMap;ct=new WeakMap;ut=new WeakMap;exports.ScrollbarElement=Ut([gt.define("e-scrollbar")],exports.ScrollbarElement);
+"use strict";var Ct=(s,e,i)=>{if(!e.has(s))throw TypeError("Cannot "+i)};var h=(s,e,i)=>(Ct(s,e,"read from private field"),i?i.call(s):e.get(s)),D=(s,e,i)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,i)},O=(s,e,i,n)=>(Ct(s,e,"write to private field"),n?n.call(s,i):e.set(s,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qt=require("../Store-D0_rDIsE.cjs"),Dt=require("../Derived-SjPdLJiZ.cjs"),At=require("../browser-CpzFX2xg.cjs"),I=require("../layout-8ryRAMGJ.cjs"),zt=require("../math-GDWEqu7y.cjs");require("../ticker/index.cjs");const Tt=require("../Damped-mdFs8WSd.cjs"),x=require("../attribute/index.cjs"),Mt=require("../WheelControls-Dc1xcVG6.cjs"),gt=require("../custom-element/index.cjs"),xt=require("../order/index.cjs"),pt=require("../window-resizer/index.cjs"),H=require("../scroll-entries/index.cjs"),P=require("../tags-DX-eNxbA.cjs"),Lt=require("../createStylesheet-C0OnN0Br.cjs"),Vt=require("../dom-qY2LdCVL.cjs");var It=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,Ft=(s,e,i,n)=>{for(var r=n>1?void 0:n?Ht(e,i):e,d=s.length-1,g;d>=0;d--)(g=s[d])&&(r=(n?g(e,i,r):g(r))||r);return n&&r&&It(e,i,r),r},yt=(s,e,i)=>{if(!e.has(s))throw TypeError("Cannot "+i)},t=(s,e,i)=>(yt(s,e,"read from private field"),i?i.call(s):e.get(s)),l=(s,e,i)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,i)},m=(s,e,i,n)=>(yt(s,e,"write to private field"),n?n.call(s,i):e.set(s,i),i),f=(s,e,i)=>(yt(s,e,"access private method"),i),a,M,T,$,V,X,y,Y,j,tt,u,dt,c,et,it,_,p,k,F,b,G,R,N,ft,B,U,mt,kt,bt,Wt,st,vt,rt,_t,q,wt,St,Ot,nt,ht,Et,S,w,L,W;class Bt{constructor(e,i){D(this,S,void 0);D(this,w,void 0);D(this,L,0);D(this,W,0);O(this,S,e),O(this,w,i),H.scrollEntries.register(h(this,S))}get size(){return h(this,L)}get position(){return h(this,W)}destroy(){H.scrollEntries.unregister(h(this,S)),h(this,S).style.transform=""}resize(){O(this,L,h(this,w).vertical?h(this,S).offsetHeight:h(this,S).offsetWidth),O(this,W,h(this,w).vertical?I.getCumulativeOffsetTop(h(this,S)):I.getCumulativeOffsetLeft(h(this,S))),O(this,W,h(this,W)-h(this,w).contentPosition)}transform(){let e=0;h(this,w).infiniteAttribute.current&&h(this,w).overscroll&&h(this,W)+h(this,L)<h(this,w).currentScrollValue&&(e=h(this,w).distance*-1),H.scrollEntries.update(h(this,S),h(this,w).axisAttibute.current,e);const i=h(this,w).viewportSize-h(this,L),n=zt.clamp(h(this,w).currentScrollValue+e,h(this,W)-h(this,w).viewportSize-i,h(this,W)+h(this,L)+i);h(this,w).vertical?h(this,S).style.transform=`translate3d(0px, ${n*-1}px, 0px)`:h(this,S).style.transform=`translate3d(${n*-1}px, 0px, 0px)`}}S=new WeakMap,w=new WeakMap,L=new WeakMap,W=new WeakMap;const Gt=Lt.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"absolute",top:"0",left:"0",zIndex:"1",width:"100%",height:"100%"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)"},':host([hibernated="true"]) .content':{display:"contents"},"::slotted(*)":{flexShrink:"0"}});exports.ScrollElement=class extends gt.CustomElement{constructor(e){if(super(),l(this,N),l(this,B),l(this,mt),l(this,bt),l(this,st),l(this,rt),l(this,St),l(this,ht),l(this,a,null),l(this,M,new x.Attribute(this,"axis","y")),l(this,T,new x.Attribute(this,"pages",0,{validate:i=>Math.max(0,i-1)})),l(this,$,new x.Attribute(this,"split",!1)),l(this,V,new x.Attribute(this,"sectional",!1)),l(this,X,new x.Attribute(this,"wheel-max-delta",!1)),l(this,y,new x.Attribute(this,"infinite",!1)),l(this,Y,new x.Attribute(this,"damping",.03)),l(this,j,new x.Attribute(this,"disabled",!1)),l(this,tt,new x.Attribute(this,"hibernated",!1)),l(this,u,null),l(this,dt,null),l(this,c,[]),l(this,et,0),l(this,it,0),l(this,_,0),l(this,p,0),l(this,k,null),l(this,F,null),l(this,b,new qt.Store(0)),l(this,G,0),l(this,R,0),l(this,q,()=>{const i=this.currentScrollValue/t(this,p);if(m(this,et,this.vertical?I.getCumulativeOffsetTop(this):I.getCumulativeOffsetLeft(this)),m(this,it,this.vertical?I.getCumulativeOffsetTop(t(this,u)):I.getCumulativeOffsetLeft(t(this,u))),m(this,_,this.vertical?this.offsetHeight:this.offsetWidth),t(this,T).current){m(this,p,t(this,_)*t(this,T).current);const n=t(this,p)+t(this,_);this.vertical?(t(this,u).style.width=n+"px",t(this,u).style.height="100%"):(t(this,u).style.height=n+"px",t(this,u).style.width="100%")}else this.vertical?(t(this,u).style.width="100%",t(this,u).style.height="max-content",m(this,p,t(this,u).offsetHeight-t(this,_))):(t(this,u).style.width="max-content",t(this,u).style.height="100%",m(this,p,t(this,u).offsetWidth-t(this,_)));if(!t(this,y).current){const n=getComputedStyle(this);m(this,p,t(this,p)+(this.vertical?parseFloat(n.paddingBlockStart)+parseFloat(n.paddingBlockEnd):parseFloat(n.paddingInlineStart)+parseFloat(n.paddingInlineEnd))),t(this,a).max.current=t(this,p)}if(t(this,c).forEach(n=>{n.resize(),n.transform()}),t(this,y).current&&t(this,c).length){const n=t(this,c)[t(this,c).length-1],r=n.position+n.size-t(this,_),d=t(this,p)-r;m(this,R,n.position+n.size+d)}else m(this,R,t(this,p));if(t(this,V).current&&t(this,c).length){const n=t(this,c)[t(this,b).current];t(this,a).set(n.position,!0)}else t(this,a).set(i*t(this,p),!0)}),l(this,wt,()=>{const i=this.currentScrollValue;if(m(this,G,Math.max(0,i-t(this,p))),t(this,c).length){let n=0;for(let r=0;r<t(this,c).length;r++){const d=t(this,c)[r];d.transform(),this.targetScrollValue+this.viewportSize/2>=d.position&&(n=r)}t(this,b).current=n}else this.vertical?t(this,u).style.transform=`translate3d(0px, ${i*-1}px, 0px)`:t(this,u).style.transform=`translate3d(${i*-1}px, 0px, 0px)`;H.scrollEntries.update(this,t(this,M).current,i)}),l(this,nt,i=>{if(typeof i=="number")if(t(this,V).current){const n=Math.sign(i);t(this,c).length?this.shiftSections(n):t(this,a).shift(n*t(this,_))}else t(this,a).shift(i);else i==="min"?t(this,a).set(t(this,a).min.current):i==="max"&&t(this,a).set(t(this,a).delta)}),At.isBrowser){let i,n=e||this.getAttribute("name");n&&(i={name:n}),m(this,a,new Tt.Damped({damping:.01,min:0,order:xt.TICK_ORDER.SCROLL,passport:i})),this.openShadow(Gt),P.element(this,{tabIndex:0,children:[P.div({class:"static",children:[P.slot({name:"static"})]}),P.div({class:"content",children:[P.slot({ref:r=>m(this,dt,r)})],style:{flexDirection:new Dt.Derived(t(this,M),r=>r==="x"?"row":"column")},ref:r=>m(this,u,r)})]}),m(this,k,new Mt.WheelControls({element:this})),t(this,k).changeEvent.subscribe(t(this,nt)),m(this,F,new Mt.KeyboardControls({element:this})),t(this,F).changeEvent.subscribe(t(this,nt)),t(this,M).subscribe(({current:r})=>{t(this,u).style.flexDirection=r==="x"?"row":"column",t(this,k).axis=t(this,X).current?"max":r,this.isConnected&&t(this,q).call(this)}),t(this,X).subscribe(r=>{t(this,k).axis=r.current?"max":t(this,M).current}),t(this,T).subscribe(()=>{this.isConnected&&t(this,q).call(this)}),t(this,$).subscribe(({current:r})=>{this.isConnected&&(r?f(this,N,ft).call(this):f(this,B,U).call(this))}),t(this,V).subscribe(r=>{t(this,b).current=0,t(this,k).debounce=r.current,t(this,a).reset(),this.isConnected&&(r.current&&!r.previous?f(this,N,ft).call(this):!r.current&&r.previous&&f(this,B,U).call(this))}),t(this,y).subscribe(r=>{r.current?(this.isConnected&&(t(this,c).length||(t(this,$).current=!0)),t(this,c).length&&(t(this,a).max.current=1/0,t(this,a).min.current=-1/0)):(m(this,G,0),t(this,a).max.current=t(this,p),t(this,a).min.current=0)}),t(this,Y).subscribe(r=>{t(this,a).damping=r.current}),t(this,j).subscribe(r=>{r.current&&!r.previous?f(this,mt,kt).call(this):!r.current&&r.previous&&f(this,bt,Wt).call(this)}),t(this,tt).subscribe(r=>{r.current&&!r.previous?f(this,st,vt).call(this):!r.current&&r.previous&&f(this,rt,_t).call(this)})}}get currentScrollValue(){return f(this,ht,Et).call(this,"current")}get targetScrollValue(){return f(this,ht,Et).call(this,"target")}get damped(){return t(this,a)}get dampedAttibute(){return t(this,a)}get axisAttibute(){return t(this,M)}get pagesAttibute(){return t(this,T)}get splitAttibute(){return t(this,$)}get sectionalAttibute(){return t(this,V)}get infiniteAttribute(){return t(this,y)}get dampingAttibute(){return t(this,Y)}get disabledAttibute(){return t(this,j)}get hibernatedAttibute(){return t(this,tt)}get contentElement(){return t(this,u)}get position(){return t(this,et)}get contentPosition(){return t(this,it)}get viewportSize(){return t(this,_)}get scrollSize(){return t(this,p)}get counter(){return t(this,b)}get distance(){return t(this,R)}get overscroll(){return t(this,G)}get vertical(){return t(this,M).current==="y"}get currentProgress(){return this.currentScrollValue/t(this,R)}get targetProgress(){return this.targetScrollValue/t(this,R)}scrollToSection(e,i="smooth"){if(!t(this,c).length)return;const n=t(this,b).current;f(this,St,Ot).call(this,e);const r=t(this,c)[n],d=t(this,c)[t(this,b).current];if(r&&d){let g=0;const Q=t(this,c).length-1;t(this,y).current?t(this,b).current===0&&n===Q?g=t(this,p)+t(this,_)-r.position:t(this,b).current===Q&&n===0?g=d.position-(t(this,p)+t(this,_)):g=d.position-r.position:g=d.position-r.position,t(this,a).shift(g,i==="instant")}}shiftSections(e,i="smooth"){t(this,c).length&&this.scrollToSection(t(this,b).current+e,i)}connectedCallback(){f(this,rt,_t).call(this)}disconnectedCallback(){f(this,st,vt).call(this)}};a=new WeakMap;M=new WeakMap;T=new WeakMap;$=new WeakMap;V=new WeakMap;X=new WeakMap;y=new WeakMap;Y=new WeakMap;j=new WeakMap;tt=new WeakMap;u=new WeakMap;dt=new WeakMap;c=new WeakMap;et=new WeakMap;it=new WeakMap;_=new WeakMap;p=new WeakMap;k=new WeakMap;F=new WeakMap;b=new WeakMap;G=new WeakMap;R=new WeakMap;N=new WeakSet;ft=function(){f(this,B,U).call(this),t(this,dt).assignedElements().forEach(s=>{s instanceof HTMLElement&&t(this,c).push(new Bt(s,this))}),t(this,u).style.transform="",t(this,q).call(this)};B=new WeakSet;U=function(){t(this,c).forEach(s=>{s.destroy()}),m(this,c,[])};mt=new WeakSet;kt=function(){t(this,a).unsubscribe(t(this,wt)),t(this,a).unlistenAnimationFrame(),t(this,k).disconnect(),t(this,F).disconnect()};bt=new WeakSet;Wt=function(){t(this,a).subscribe(t(this,wt)),t(this,k).connect(),t(this,F).connect()};st=new WeakSet;vt=function(){pt.windowResizer.unsubscribe(t(this,q)),t(this,a).reset(),f(this,mt,kt).call(this),t(this,u).style.transform="",t(this,$).current&&f(this,B,U).call(this),H.scrollEntries.unregister(this)};rt=new WeakSet;_t=function(){t(this,$).current&&f(this,N,ft).call(this),H.scrollEntries.register(this),pt.windowResizer.subscribe(t(this,q),xt.RESIZE_ORDER.SCROLL),f(this,bt,Wt).call(this)};q=new WeakMap;wt=new WeakMap;St=new WeakSet;Ot=function(s){t(this,y).current?(t(this,b).current=s%t(this,c).length,t(this,b).current=t(this,b).current<0?t(this,c).length+t(this,b).current:t(this,b).current):t(this,b).current=zt.clamp(s,0,t(this,c).length-1)};nt=new WeakMap;ht=new WeakSet;Et=function(s="current"){if(t(this,y).current&&t(this,c).length){const e=t(this,a)[s]%(t(this,p)+t(this,_));return e<0?t(this,p)+e+t(this,_):e}else return t(this,a)[s]};exports.ScrollElement=Ft([gt.define("e-scroll")],exports.ScrollElement);var J;class Kt extends gt.CustomElement{constructor(){super(...arguments);D(this,J,null)}get scrollElement(){return h(this,J)}connectedCallback(){const i=Vt.findParentElement(this,exports.ScrollElement);i instanceof exports.ScrollElement?O(this,J,i):console.error(this,"e-scroll not found")}}J=new WeakMap;var Zt=Object.defineProperty,Nt=Object.getOwnPropertyDescriptor,Ut=(s,e,i,n)=>{for(var r=n>1?void 0:n?Nt(e,i):e,d=s.length-1,g;d>=0;d--)(g=s[d])&&(r=(n?g(e,i,r):g(r))||r);return n&&r&&Zt(e,i,r),r},Rt=(s,e,i)=>{if(!e.has(s))throw TypeError("Cannot "+i)},o=(s,e,i)=>(Rt(s,e,"read from private field"),i?i.call(s):e.get(s)),E=(s,e,i)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,i)},C=(s,e,i,n)=>(Rt(s,e,"write to private field"),n?n.call(s,i):e.set(s,i),i),lt,v,A,z,K,Z,ot,at,ct,ut;const Jt=Lt.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#efefef"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"#181818",borderRadius:"1vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}});exports.ScrollbarElement=class extends Kt{constructor(){super(),E(this,lt,null),E(this,v,null),E(this,A,!1),E(this,z,0),E(this,K,0),E(this,Z,0),E(this,ot,()=>{C(this,A,this.offsetWidth>this.offsetHeight);const e=o(this,A)?this.offsetWidth:this.offsetHeight;C(this,z,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),C(this,z,Math.max(o(this,z),30)),o(this,A)?(o(this,v).style.width=o(this,z)+"px",o(this,v).style.height="100%"):(o(this,v).style.width="100%",o(this,v).style.height=o(this,z)+"px"),C(this,K,e-o(this,z)),this.scrollElement.scrollSize||(this.style.display="none")}),E(this,at,()=>{C(this,Z,this.scrollElement.currentProgress*o(this,K)),o(this,A)?o(this,v).style.transform=`translate3d(${o(this,Z)}px, 0px, 0px)`:o(this,v).style.transform=`translate3d(0px, ${o(this,Z)}px, 0px)`}),E(this,ct,()=>{this.setAttribute("axis",this.scrollElement.axisAttibute.current)}),E(this,ut,e=>{const i=g=>{const Q=o(this,A)?g.x:g.y,Pt=this.scrollElement.distance/o(this,K),$t=(Q-d)*Pt;this.scrollElement.damped.set(r+$t)},n=()=>{removeEventListener("pointermove",i),removeEventListener("pointerup",n),removeEventListener("touchend",n)};addEventListener("pointermove",i),addEventListener("pointerup",n),addEventListener("touchend",n);const r=this.scrollElement.damped.target,d=o(this,A)?e.x:e.y}),At.isBrowser&&(this.openShadow(Jt),P.element(this,{children:[P.slot({ref:e=>C(this,lt,e)})]}))}get thumbElement(){return o(this,v)}connectedCallback(){super.connectedCallback();const e=o(this,lt).assignedElements()[0];e instanceof HTMLElement?C(this,v,e):(C(this,v,document.createElement("div")),o(this,v).classList.add("default-thumb"),this.shadowRoot.appendChild(o(this,v))),o(this,v).addEventListener("pointerdown",o(this,ut)),pt.windowResizer.subscribe(o(this,ot),xt.RESIZE_ORDER.SCROLL+1),this.scrollElement.damped.subscribe(o(this,at)),this.scrollElement.axisAttibute.subscribe(o(this,ct))}disconnectedCallback(){o(this,v).removeEventListener("pointerdown",o(this,ut)),pt.windowResizer.unsubscribe(o(this,ot)),this.scrollElement.damped.unsubscribe(o(this,at)),this.scrollElement.axisAttibute.unsubscribe(o(this,ct))}};lt=new WeakMap;v=new WeakMap;A=new WeakMap;z=new WeakMap;K=new WeakMap;Z=new WeakMap;ot=new WeakMap;at=new WeakMap;ct=new WeakMap;ut=new WeakMap;exports.ScrollbarElement=Ut([gt.define("e-scrollbar")],exports.ScrollbarElement);

package/lib/scroll/index.js

@@ -20,8 +20,8 @@ import { CustomElement as Lt, define as $t } from "../custom-element/index.js";
 import { TICK_ORDER as Nt, RESIZE_ORDER as Pt } from "../order/index.js";
 import { windowResizer as ot } from "../window-resizer/index.js";
 import { scrollEntries as I } from "../scroll-entries/index.js";
-import { e as Ot, D as Mt, ax as bt } from "../tags-D0k7-iVY.js";
-import { c as Dt } from "../createStylesheet-DpGvTRP3.js";
+import { e as Ot, D as Mt, ax as bt } from "../tags-C2jg1zYB.js";
+import { c as Dt } from "../createStylesheet-CD11E4C8.js";
 import { f as Ut } from "../dom-BY7JhTx5.js";
 var Zt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (i, s, e, n) => {
   for (var a = n > 1 ? void 0 : n ? qt(s, e) : s, g = i.length - 1, x; g >= 0; g--)

package/lib/select/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BNZNGmrW.cjs");Object.defineProperty(exports,"SelectElement",{enumerable:!0,get:()=>e.SelectElement});Object.defineProperty(exports,"SelectHeadElement",{enumerable:!0,get:()=>e.SelectHeadElement});Object.defineProperty(exports,"SelectOptionElement",{enumerable:!0,get:()=>e.SelectOptionElement});exports.SelectUserElement=e.SelectUserElement;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index--wI4MTuv.cjs");Object.defineProperty(exports,"SelectElement",{enumerable:!0,get:()=>e.SelectElement});Object.defineProperty(exports,"SelectHeadElement",{enumerable:!0,get:()=>e.SelectHeadElement});Object.defineProperty(exports,"SelectOptionElement",{enumerable:!0,get:()=>e.SelectOptionElement});exports.SelectUserElement=e.SelectUserElement;

package/lib/select/index.js

@@ -1,4 +1,4 @@
-import { S as l, d as a, c, b as m } from "../index-DMIfOO2r.js";
+import { S as l, d as a, c, b as m } from "../index-Dq6GRJ9W.js";
 export {
   l as SelectElement,
   a as SelectHeadElement,

package/lib/slicer/DecoderElement.d.ts

@@ -0,0 +1,10 @@
+import { SlicerElement } from './SlicerElement';
+export declare class DecoderElement extends SlicerElement {
+    constructor();
+    play(progress: number): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-decoder': DecoderElement;
+    }
+}

package/lib/slicer/Letter.d.ts

@@ -0,0 +1,11 @@
+export interface LetterParameters {
+    index: number;
+    text: string;
+    clone?: boolean;
+}
+export declare class Letter {
+    #private;
+    constructor(parameters: LetterParameters);
+    get index(): number;
+    get element(): HTMLSpanElement;
+}

package/lib/slicer/SlicerElement.d.ts

@@ -0,0 +1,21 @@
+import { Word } from './Word.js';
+import { Letter } from './Letter';
+import { CustomElement } from '../custom-element';
+export interface SlicerParameters {
+    wordConstructor?: typeof Word;
+    letterConstructor?: typeof Letter;
+}
+export declare class SlicerElement extends CustomElement {
+    #private;
+    constructor(parameters?: SlicerParameters);
+    get wordsArray(): Word[];
+    get lettersArray(): Letter[];
+    get originalText(): string;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-slicer': SlicerElement;
+    }
+}

package/lib/slicer/Word.d.ts

@@ -0,0 +1,16 @@
+import { Letter } from './Letter';
+export interface WordParameters {
+    index: number;
+    text: string;
+    letters?: boolean;
+    lettersAcc?: number;
+    letterConstructor?: typeof Letter;
+    clone?: boolean;
+}
+export declare class Word {
+    #private;
+    constructor(parameters: WordParameters);
+    get index(): number;
+    get element(): HTMLSpanElement;
+    get letters(): Letter[];
+}

package/lib/slicer/index.cjs

@@ -0,0 +1,11 @@
+"use strict";var L=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)};var i=(n,t,e)=>(L(n,t,"read from private field"),e?e.call(n):t.get(n)),p=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},d=(n,t,e,s)=>(L(n,t,"write to private field"),s?s.call(n,e):t.set(n,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../custom-element/index.cjs"),$=require("../string-vBu90jhV.cjs");var w,h,f;class T{constructor(t){p(this,w,void 0);p(this,h,void 0);p(this,f,void 0);d(this,w,t.index),d(this,h,document.createElement("span")),d(this,f,[]),t.letters&&t.letterConstructor&&t.lettersAcc!==void 0?(d(this,f,t.text.split("").map((e,s)=>new t.letterConstructor({index:t.lettersAcc+s,text:e,clone:t.clone}))),i(this,h).append(...i(this,f).map(e=>e.element))):t.clone?i(this,h).innerHTML=`
+          <span class="original">${t.text}</span>
+          <span class="clone" aria-hidden>${t.text}</span>
+        `:i(this,h).innerHTML=`
+          <span class="value">${t.text}</span>
+        `,i(this,h).classList.add("word")}get index(){return i(this,w)}get element(){return i(this,h)}get letters(){return i(this,f)}}w=new WeakMap,h=new WeakMap,f=new WeakMap;var C,a;class S{constructor(t){p(this,C,void 0);p(this,a,void 0);d(this,C,t.index),d(this,a,document.createElement("span")),i(this,a).classList.add("letter"),t.clone?i(this,a).innerHTML=`
+        <span class="original">${t.text}</span>
+        <span class="clone" aria-hidden>${t.text}</span>
+      `:i(this,a).innerHTML=`
+        <span class="value">${t.text}</span>
+      `}get index(){return i(this,C)}get element(){return i(this,a)}}C=new WeakMap,a=new WeakMap;var D=Object.defineProperty,O=Object.getOwnPropertyDescriptor,W=(n,t,e,s)=>{for(var r=s>1?void 0:s?O(t,e):t,l=n.length-1,u;l>=0;l--)(u=n[l])&&(r=(s?u(t,e,r):u(r))||r);return s&&r&&D(t,e,r),r},A=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)},o=(n,t,e)=>(A(n,t,"read from private field"),e?e.call(n):t.get(n)),_=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},y=(n,t,e,s)=>(A(n,t,"write to private field"),s?s.call(n,e):t.set(n,e),e),g,c,x,E,M;exports.SlicerElement=class extends P.CustomElement{constructor(t){super(),_(this,g,""),_(this,c,[]),_(this,x,[]),_(this,E,void 0),_(this,M,void 0),y(this,E,(t==null?void 0:t.wordConstructor)||T),y(this,M,(t==null?void 0:t.letterConstructor)||S)}get wordsArray(){return o(this,c)}get lettersArray(){return o(this,x)}get originalText(){return o(this,g)}connectedCallback(){var e;y(this,g,((e=this.textContent)==null?void 0:e.trim())||""),this.innerHTML="";let t=0;y(this,c,o(this,g).replace(/  +/g," ").split(" ").map((s,r)=>{const l=new(o(this,E))({index:r,text:s,letters:this.hasAttribute("letters"),lettersAcc:t,letterConstructor:o(this,M),clone:this.hasAttribute("clone")});return t+=l.letters.length,o(this,x).push(...l.letters),l})),this.hasAttribute("index")&&(o(this,c).forEach(s=>{s.element.style.setProperty("--word-index",s.index.toString())}),o(this,x).forEach(s=>{s.element.style.setProperty("--letter-index",s.index.toString())})),o(this,c).forEach((s,r)=>{if(this.appendChild(s.element),r!==o(this,c).length-1){const l=document.createElement("span");l.innerHTML="&nbsp;",this.appendChild(l)}}),this.style.setProperty("--words-length",o(this,c).length.toString()),this.style.setProperty("--letters-length",o(this,x).length.toString())}disconnectedCallback(){y(this,c,[]),this.textContent=o(this,g),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")}};g=new WeakMap;c=new WeakMap;x=new WeakMap;E=new WeakMap;M=new WeakMap;exports.SlicerElement=W([P.define("e-slicer")],exports.SlicerElement);var m=Object.defineProperty,H=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var r=s>1?void 0:s?H(t,e):t,l=n.length-1,u;l>=0;l--)(u=n[l])&&(r=(s?u(t,e,r):u(r))||r);return s&&r&&m(t,e,r),r},v;class q extends S{constructor(e){super(e);p(this,v,void 0);d(this,v,$.generateId(2+Math.floor(Math.random()*15),"abcdefghijklmnopqrstuvwxyz0123456789#!%$^&*+=?")+e.text),this.play(0)}play(e){const s=Math.floor(e*(i(this,v).length-1));this.element.textContent=i(this,v)[s]}}v=new WeakMap;exports.DecoderElement=class extends exports.SlicerElement{constructor(){super({letterConstructor:q})}play(t){this.lettersArray.forEach(e=>{e.play(t)})}};exports.DecoderElement=b([P.define("e-decoder")],exports.DecoderElement);exports.Letter=S;exports.Word=T;

package/lib/slicer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Word';
+export * from './Letter';
+export * from './SlicerElement';
+export * from './DecoderElement';

package/lib/slicer/index.js

@@ -0,0 +1,165 @@
+var A = (e, t, s) => {
+  if (!t.has(e))
+    throw TypeError("Cannot " + s);
+};
+var i = (e, t, s) => (A(e, t, "read from private field"), s ? s.call(e) : t.get(e)), u = (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);
+}, c = (e, t, s, n) => (A(e, t, "write to private field"), n ? n.call(e, s) : t.set(e, s), s);
+import { CustomElement as S, define as T } from "../custom-element/index.js";
+import { g as W } from "../string-3lAkpJJP.js";
+var y, h, f;
+class D {
+  constructor(t) {
+    u(this, y, void 0);
+    u(this, h, void 0);
+    u(this, f, void 0);
+    c(this, y, t.index), c(this, h, document.createElement("span")), c(this, f, []), t.letters && t.letterConstructor && t.lettersAcc !== void 0 ? (c(this, f, t.text.split("").map((s, n) => new t.letterConstructor({
+      index: t.lettersAcc + n,
+      text: s,
+      clone: t.clone
+    }))), i(this, h).append(...i(this, f).map((s) => s.element))) : t.clone ? i(this, h).innerHTML = `
+          <span class="original">${t.text}</span>
+          <span class="clone" aria-hidden>${t.text}</span>
+        ` : i(this, h).innerHTML = `
+          <span class="value">${t.text}</span>
+        `, i(this, h).classList.add("word");
+  }
+  get index() {
+    return i(this, y);
+  }
+  get element() {
+    return i(this, h);
+  }
+  get letters() {
+    return i(this, f);
+  }
+}
+y = new WeakMap(), h = new WeakMap(), f = new WeakMap();
+var C, a;
+class $ {
+  constructor(t) {
+    u(this, C, void 0);
+    u(this, a, void 0);
+    c(this, C, t.index), c(this, a, document.createElement("span")), i(this, a).classList.add("letter"), t.clone ? i(this, a).innerHTML = `
+        <span class="original">${t.text}</span>
+        <span class="clone" aria-hidden>${t.text}</span>
+      ` : i(this, a).innerHTML = `
+        <span class="value">${t.text}</span>
+      `;
+  }
+  get index() {
+    return i(this, C);
+  }
+  get element() {
+    return i(this, a);
+  }
+}
+C = new WeakMap(), a = new WeakMap();
+var H = Object.defineProperty, b = Object.getOwnPropertyDescriptor, m = (e, t, s, n) => {
+  for (var r = n > 1 ? void 0 : n ? b(t, s) : t, d = e.length - 1, p; d >= 0; d--)
+    (p = e[d]) && (r = (n ? p(t, s, r) : p(r)) || r);
+  return n && r && H(t, s, r), r;
+}, O = (e, t, s) => {
+  if (!t.has(e))
+    throw TypeError("Cannot " + s);
+}, l = (e, t, s) => (O(e, t, "read from private field"), s ? s.call(e) : t.get(e)), _ = (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);
+}, w = (e, t, s, n) => (O(e, t, "write to private field"), n ? n.call(e, s) : t.set(e, s), s), x, o, g, M, P;
+let E = class extends S {
+  constructor(e) {
+    super(), _(this, x, ""), _(this, o, []), _(this, g, []), _(this, M, void 0), _(this, P, void 0), w(this, M, (e == null ? void 0 : e.wordConstructor) || D), w(this, P, (e == null ? void 0 : e.letterConstructor) || $);
+  }
+  get wordsArray() {
+    return l(this, o);
+  }
+  get lettersArray() {
+    return l(this, g);
+  }
+  get originalText() {
+    return l(this, x);
+  }
+  connectedCallback() {
+    var t;
+    w(this, x, ((t = this.textContent) == null ? void 0 : t.trim()) || ""), this.innerHTML = "";
+    let e = 0;
+    w(this, o, l(this, x).replace(/  +/g, " ").split(" ").map((s, n) => {
+      const r = new (l(this, M))({
+        index: n,
+        text: s,
+        letters: this.hasAttribute("letters"),
+        lettersAcc: e,
+        letterConstructor: l(this, P),
+        clone: this.hasAttribute("clone")
+      });
+      return e += r.letters.length, l(this, g).push(...r.letters), r;
+    })), this.hasAttribute("index") && (l(this, o).forEach((s) => {
+      s.element.style.setProperty("--word-index", s.index.toString());
+    }), l(this, g).forEach((s) => {
+      s.element.style.setProperty(
+        "--letter-index",
+        s.index.toString()
+      );
+    })), l(this, o).forEach((s, n) => {
+      if (this.appendChild(s.element), n !== l(this, o).length - 1) {
+        const r = document.createElement("span");
+        r.innerHTML = "&nbsp;", this.appendChild(r);
+      }
+    }), this.style.setProperty("--words-length", l(this, o).length.toString()), this.style.setProperty("--letters-length", l(this, g).length.toString());
+  }
+  disconnectedCallback() {
+    w(this, o, []), this.textContent = l(this, x), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
+  }
+};
+x = /* @__PURE__ */ new WeakMap();
+o = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+P = /* @__PURE__ */ new WeakMap();
+E = m([
+  T("e-slicer")
+], E);
+var q = Object.defineProperty, z = Object.getOwnPropertyDescriptor, G = (e, t, s, n) => {
+  for (var r = n > 1 ? void 0 : n ? z(t, s) : t, d = e.length - 1, p; d >= 0; d--)
+    (p = e[d]) && (r = (n ? p(t, s, r) : p(r)) || r);
+  return n && r && q(t, s, r), r;
+}, v;
+class I extends $ {
+  constructor(s) {
+    super(s);
+    u(this, v, void 0);
+    c(this, v, W(
+      2 + Math.floor(Math.random() * 15),
+      "abcdefghijklmnopqrstuvwxyz0123456789#!%$^&*+=?"
+    ) + s.text), this.play(0);
+  }
+  play(s) {
+    const n = Math.floor(s * (i(this, v).length - 1));
+    this.element.textContent = i(this, v)[n];
+  }
+}
+v = new WeakMap();
+let L = class extends E {
+  constructor() {
+    super({
+      letterConstructor: I
+    });
+  }
+  play(e) {
+    this.lettersArray.forEach((t) => {
+      t.play(e);
+    });
+  }
+};
+L = G([
+  T("e-decoder")
+], L);
+export {
+  L as DecoderElement,
+  $ as Letter,
+  E as SlicerElement,
+  D as Word
+};

package/lib/store/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../Store-D0_rDIsE.cjs"),t=require("../../Derived-SjPdLJiZ.cjs"),r=require("../../Composed-Mdr4ZFbI.cjs"),o=require("../../useDisconnect-sA74z4IZ.cjs");function c(...s){const e=new n.Store(...s);return o.useDisconnect(()=>e.close()),e}function u(...s){const e=new t.Derived(...s);return o.useDisconnect(()=>e.close()),e}function i(...s){const e=new r.DerivedArray(...s);return o.useDisconnect(()=>e.close()),e}function d(...s){const e=new r.Composed(...s);return o.useDisconnect(()=>e.close()),e}function D(...s){const e=new r.Resource(...s);return o.useDisconnect(()=>e.close()),e}exports.useComposed=d;exports.useDerived=u;exports.useDerivedArray=i;exports.useResource=D;exports.useStore=c;

package/lib/{jsx/hooks/useStore.d.ts → store/hooks/index.d.ts}

@@ -1,4 +1,4 @@
-import { StoreManagerType, StoreEntry, Store, Derived, DerivedArray, Composed, Resource } from '../../store';
+import { StoreManagerType, StoreEntry, Store, Derived, DerivedArray, Composed, Resource } from '..';
 export declare function useStore<StoreType = unknown, StoreManager extends StoreManagerType = StoreManagerType, Entry extends StoreEntry<StoreType> = StoreEntry<StoreType>>(...parameters: ConstructorParameters<typeof Store<StoreType, StoreManager, Entry>>): Store<StoreType, StoreManager, StoreEntry<StoreType>>;
 export declare function useDerived<DerivedType, StoreType>(...parameters: ConstructorParameters<typeof Derived<DerivedType, StoreType>>): Derived<DerivedType, StoreType>;
 export declare function useDerivedArray<DerivedType, StoreType extends Array<any> = Array<any>>(...parameters: ConstructorParameters<typeof DerivedArray<DerivedType, StoreType>>): DerivedArray<DerivedType, StoreType>;

package/lib/store/hooks/index.js

@@ -0,0 +1,31 @@
+import { S as s } from "../../Store-JOKrNVEr.js";
+import { D as t } from "../../Derived-Bc88XJ8J.js";
+import { D as n, C as c, R as u } from "../../Composed-ClTo1f0b.js";
+import { u as r } from "../../useDisconnect-D5cBD1bq.js";
+function p(...o) {
+  const e = new s(...o);
+  return r(() => e.close()), e;
+}
+function D(...o) {
+  const e = new t(...o);
+  return r(() => e.close()), e;
+}
+function d(...o) {
+  const e = new n(...o);
+  return r(() => e.close()), e;
+}
+function l(...o) {
+  const e = new c(...o);
+  return r(() => e.close()), e;
+}
+function w(...o) {
+  const e = new u(...o);
+  return r(() => e.close()), e;
+}
+export {
+  l as useComposed,
+  D as useDerived,
+  d as useDerivedArray,
+  w as useResource,
+  p as useStore
+};

package/lib/store/index.cjs

@@ -1 +1 @@
-"use strict";var C=(t,r,e)=>{if(!r.has(t))throw TypeError("Cannot "+e)};var u=(t,r,e)=>(C(t,r,"read from private field"),e?e.call(t):r.get(t)),n=(t,r,e)=>{if(r.has(t))throw TypeError("Cannot add the same private member more than once");r instanceof WeakSet?r.add(t):r.set(t,e)},o=(t,r,e,s)=>(C(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var R=(t,r,e,s)=>({set _(c){o(t,r,c,e)},get _(){return u(t,r,s)}});var A=(t,r,e)=>new Promise((s,c)=>{var h=i=>{try{v(e.next(i))}catch(f){c(f)}},l=i=>{try{v(e.throw(i))}catch(f){c(f)}},v=i=>i.done?s(i.value):Promise.resolve(i.value).then(h,l);v((e=e.apply(t,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../Store-D0_rDIsE.cjs"),I=require("../Derived-SjPdLJiZ.cjs"),q=require("../function-MthRj-GJ.cjs");var b;class E extends d.Store{constructor(e,s,c){super(null,c);n(this,b,void 0);o(this,b,e.subscribe(h=>{const l=[];h.current.forEach((v,i)=>{var f;h.current[i]===((f=h.previous)==null?void 0:f[i])&&this.current[i]?l.push(this.current[i]):l.push(s(v,i))}),this.current=l}))}close(){super.close(),u(this,b).call(this)}}b=new WeakMap;var S,a,p;class D extends d.Store{constructor(e,s,c){super(e,c);n(this,S,void 0);n(this,a,void 0);n(this,p,0);o(this,a,new d.Store(!1)),o(this,S,s),c!=null&&c.manualControl||this.refetch()}get isPending(){return u(this,a)}refetch(){u(this,a).current=!0,o(this,p,u(this,p)+1);const e=u(this,p);u(this,S).call(this).then(s=>{e===u(this,p)&&(u(this,a).current=!1,this.current=s)})}}S=new WeakMap,a=new WeakMap,p=new WeakMap;var g,m,y;class P extends D{constructor(e,s,c=100){super(e,s,{manualControl:!0,skipSubscribeNotification:!0});n(this,g,void 0);n(this,m,void 0);n(this,y,0);o(this,m,c)}get step(){return u(this,y)}startAccumulating(){o(this,g,setInterval(()=>A(this,null,function*(){++R(this,y)._,this.refetch()}),u(this,m)))}stopAccumulating(){clearInterval(u(this,g))}close(){super.close(),this.stopAccumulating()}}g=new WeakMap,m=new WeakMap,y=new WeakMap;var x;class j extends d.Store{constructor(e,s,c){super(null,c);n(this,x,[]);const h=q.debounce(()=>{this.current=s()},0);e.forEach(l=>{u(this,x).push(l.subscribe(()=>{h()}))})}close(){super.close(),u(this,x).forEach(e=>e())}}x=new WeakMap;exports.Store=d.Store;exports.activeStores=d.activeStores;exports.storeRegistry=d.storeRegistry;exports.Derived=I.Derived;exports.Composed=j;exports.CumulativeResource=P;exports.DerivedArray=E;exports.Resource=D;
+"use strict";var g=(e,r,t)=>{if(!r.has(e))throw TypeError("Cannot "+t)};var u=(e,r,t)=>(g(e,r,"read from private field"),t?t.call(e):r.get(e)),l=(e,r,t)=>{if(r.has(e))throw TypeError("Cannot add the same private member more than once");r instanceof WeakSet?r.add(e):r.set(e,t)},v=(e,r,t,s)=>(g(e,r,"write to private field"),s?s.call(e,t):r.set(e,t),t);var S=(e,r,t,s)=>({set _(o){v(e,r,o,t)},get _(){return u(e,r,s)}});var y=(e,r,t)=>new Promise((s,o)=>{var R=i=>{try{p(t.next(i))}catch(m){o(m)}},C=i=>{try{p(t.throw(i))}catch(m){o(m)}},p=i=>i.done?s(i.value):Promise.resolve(i.value).then(R,C);p((t=t.apply(e,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../Store-D0_rDIsE.cjs"),A=require("../Derived-SjPdLJiZ.cjs"),d=require("../Composed-Mdr4ZFbI.cjs");var c,a,n;class D extends d.Resource{constructor(t,s,o=100){super(t,s,{manualControl:!0,skipSubscribeNotification:!0});l(this,c,void 0);l(this,a,void 0);l(this,n,0);v(this,a,o)}get step(){return u(this,n)}startAccumulating(){v(this,c,setInterval(()=>y(this,null,function*(){++S(this,n)._,this.refetch()}),u(this,a)))}stopAccumulating(){clearInterval(u(this,c))}close(){super.close(),this.stopAccumulating()}}c=new WeakMap,a=new WeakMap,n=new WeakMap;exports.Store=h.Store;exports.activeStores=h.activeStores;exports.storeRegistry=h.storeRegistry;exports.Derived=A.Derived;exports.Composed=d.Composed;exports.DerivedArray=d.DerivedArray;exports.Resource=d.Resource;exports.CumulativeResource=D;

package/lib/store/index.js

@@ -1,138 +1,75 @@
-var C = (e, t, s) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + s);
+var v = (t, s, e) => {
+  if (!s.has(t))
+    throw TypeError("Cannot " + e);
 };
-var u = (e, t, s) => (C(e, t, "read from private field"), s ? s.call(e) : t.get(e)), n = (e, t, s) => {
-  if (t.has(e))
+var i = (t, s, e) => (v(t, s, "read from private field"), e ? e.call(t) : s.get(t)), n = (t, s, e) => {
+  if (s.has(t))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, s);
-}, h = (e, t, s, r) => (C(e, t, "write to private field"), r ? r.call(e, s) : t.set(e, s), s);
-var S = (e, t, s, r) => ({
-  set _(c) {
-    h(e, t, c, s);
+  s instanceof WeakSet ? s.add(t) : s.set(t, e);
+}, p = (t, s, e, r) => (v(t, s, "write to private field"), r ? r.call(t, e) : s.set(t, e), e);
+var f = (t, s, e, r) => ({
+  set _(a) {
+    p(t, s, a, e);
   },
   get _() {
-    return u(e, t, r);
+    return i(t, s, r);
   }
 });
-var y = (e, t, s) => new Promise((r, c) => {
-  var o = (i) => {
+var d = (t, s, e) => new Promise((r, a) => {
+  var g = (o) => {
     try {
-      d(s.next(i));
-    } catch (f) {
-      c(f);
+      m(e.next(o));
+    } catch (h) {
+      a(h);
     }
-  }, a = (i) => {
+  }, x = (o) => {
     try {
-      d(s.throw(i));
-    } catch (f) {
-      c(f);
+      m(e.throw(o));
+    } catch (h) {
+      a(h);
     }
-  }, d = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(o, a);
-  d((s = s.apply(e, t)).next());
+  }, m = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(g, x);
+  m((e = e.apply(t, s)).next());
 });
-import { S as A } from "../Store-JOKrNVEr.js";
-import { a as B, s as F } from "../Store-JOKrNVEr.js";
-import { D as H } from "../Derived-Bc88XJ8J.js";
-import { d as D } from "../function-C10DGppn.js";
-var m;
-class w extends A {
-  constructor(s, r, c) {
-    super(null, c);
-    n(this, m, void 0);
-    h(this, m, s.subscribe((o) => {
-      const a = [];
-      o.current.forEach((d, i) => {
-        var f;
-        o.current[i] === ((f = o.previous) == null ? void 0 : f[i]) && this.current[i] ? a.push(this.current[i]) : a.push(r(d, i));
-      }), this.current = a;
-    }));
-  }
-  close() {
-    super.close(), u(this, m).call(this);
-  }
-}
-m = new WeakMap();
-var b, l, p;
-class E extends A {
-  constructor(s, r, c) {
-    super(s, c);
-    n(this, b, void 0);
-    n(this, l, void 0);
-    n(this, p, 0);
-    h(this, l, new A(!1)), h(this, b, r), c != null && c.manualControl || this.refetch();
-  }
-  get isPending() {
-    return u(this, l);
-  }
-  /**
-   * Calls fetcher again and sets isPending to true.
-   */
-  refetch() {
-    u(this, l).current = !0, h(this, p, u(this, p) + 1);
-    const s = u(this, p);
-    u(this, b).call(this).then((r) => {
-      s === u(this, p) && (u(this, l).current = !1, this.current = r);
-    });
-  }
-}
-b = new WeakMap(), l = new WeakMap(), p = new WeakMap();
-var v, x, g;
-class N extends E {
-  constructor(s, r, c = 100) {
-    super(s, r, {
+import { S as I, a as b, s as k } from "../Store-JOKrNVEr.js";
+import { D as j } from "../Derived-Bc88XJ8J.js";
+import { R as A } from "../Composed-ClTo1f0b.js";
+import { C as w, D as z } from "../Composed-ClTo1f0b.js";
+var c, u, l;
+class R extends A {
+  constructor(e, r, a = 100) {
+    super(e, r, {
       manualControl: !0,
       skipSubscribeNotification: !0
     });
-    n(this, v, void 0);
-    n(this, x, void 0);
-    n(this, g, 0);
-    h(this, x, c);
+    n(this, c, void 0);
+    n(this, u, void 0);
+    n(this, l, 0);
+    p(this, u, a);
   }
   get step() {
-    return u(this, g);
+    return i(this, l);
   }
   startAccumulating() {
-    h(this, v, setInterval(() => y(this, null, function* () {
-      ++S(this, g)._, this.refetch();
-    }), u(this, x)));
+    p(this, c, setInterval(() => d(this, null, function* () {
+      ++f(this, l)._, this.refetch();
+    }), i(this, u)));
   }
   stopAccumulating() {
-    clearInterval(u(this, v));
+    clearInterval(i(this, c));
   }
   close() {
     super.close(), this.stopAccumulating();
   }
 }
-v = new WeakMap(), x = new WeakMap(), g = new WeakMap();
-var I;
-class j extends A {
-  constructor(s, r, c) {
-    super(null, c);
-    n(this, I, []);
-    const o = D(() => {
-      this.current = r();
-    }, 0);
-    s.forEach((a) => {
-      u(this, I).push(
-        a.subscribe(() => {
-          o();
-        })
-      );
-    });
-  }
-  close() {
-    super.close(), u(this, I).forEach((s) => s());
-  }
-}
-I = new WeakMap();
+c = new WeakMap(), u = new WeakMap(), l = new WeakMap();
 export {
-  j as Composed,
-  N as CumulativeResource,
-  H as Derived,
-  w as DerivedArray,
-  E as Resource,
-  A as Store,
-  B as activeStores,
-  F as storeRegistry
+  w as Composed,
+  R as CumulativeResource,
+  j as Derived,
+  z as DerivedArray,
+  A as Resource,
+  I as Store,
+  b as activeStores,
+  k as storeRegistry
 };