aptechka 0.1.6 → 0.1.8

package/lib/modal/index.js

@@ -1,23 +1,23 @@
-import { define as m } from "../custom-element/index.js";
-import { e as w } from "../ElementConstructor-CoKM2CTK.js";
-import { C as d, aW as g, aw as f, az as _ } from "../htmlTags-BCNUG7oK.js";
-import { c as C } from "../createStylesheet-BON7aJYs.js";
-import { i as y } from "../browser-0zX67oeU.js";
-import { PopoverElement as k } from "../popover/index.js";
+import { define as g } from "../custom-element/index.js";
+import "../Store-JOKrNVEr.js";
+import { i as w } from "../browser-0zX67oeU.js";
+import { e as d, D as f, ay as u, aB as _ } from "../tags-8Y7LSTwg.js";
+import { c as y } from "../createStylesheet-ITfBHk7A.js";
+import { PopoverElement as C } from "../popover/index.js";
 import { aptechkaTheme as h } from "../theme/index.js";
-var x = Object.defineProperty, z = Object.getOwnPropertyDescriptor, P = (t, e, o, r) => {
-  for (var n = r > 1 ? void 0 : r ? z(e, o) : e, l = t.length - 1, c; l >= 0; l--)
+var k = Object.defineProperty, x = Object.getOwnPropertyDescriptor, z = (t, e, o, r) => {
+  for (var n = r > 1 ? void 0 : r ? x(e, o) : e, l = t.length - 1, c; l >= 0; l--)
     (c = t[l]) && (n = (r ? c(e, o, n) : c(n)) || n);
-  return r && n && x(e, o, n), n;
+  return r && n && k(e, o, n), n;
 }, b = (t, e, o) => {
   if (!e.has(t))
     throw TypeError("Cannot " + o);
-}, i = (t, e, o) => (b(t, e, "read from private field"), o ? o.call(t) : e.get(t)), u = (t, e, o) => {
+}, a = (t, e, o) => (b(t, e, "read from private field"), o ? o.call(t) : e.get(t)), p = (t, e, o) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, o);
-}, p = (t, e, o, r) => (b(t, e, "write to private field"), r ? r.call(t, o) : e.set(t, o), o), s, a;
-const S = C({
+}, v = (t, e, o, r) => (b(t, e, "write to private field"), r ? r.call(t, o) : e.set(t, o), o), s, i;
+const P = y({
   ":host": {
     position: "fixed",
     top: "0",
@@ -92,53 +92,47 @@ const S = C({
     transform: "rotate(45deg)"
   }
 });
-let v = class extends k {
+let m = class extends C {
   constructor() {
-    super(), u(this, s, null), u(this, a, null), y && (this.openShadow(S), w(this, {
-      shadowChildren: d({
+    super(), p(this, s, null), p(this, i, null), w && (this.openShadow(P), d(this, {
+      children: f({
         class: "inner",
-        attributes: {
-          outside: !0
-        },
-        children: d({
+        outside: !0,
+        children: f({
           class: "content",
           children: [
-            g("e-popover-button", {
-              attributes: {
-                type: "close",
-                target: this.id
-              },
+            d("e-popover-button", {
+              type: "close",
+              target: this.id,
               class: "close-button",
               children: [
-                f({
-                  attributes: {
-                    name: "close-button"
-                  },
+                u({
+                  name: "close-button",
                   children: _({ class: "close-button-default" })
                 })
               ]
             }),
-            f()
+            u()
           ]
         }),
-        ref: (t) => p(this, a, t)
+        ref: (t) => v(this, i, t)
       })
-    }), p(this, s, new ResizeObserver(() => {
-      i(this, a).scrollHeight > i(this, a).clientHeight ? this.classList.add("overflow") : this.classList.remove("overflow");
+    }), v(this, s, new ResizeObserver(() => {
+      a(this, i).scrollHeight > a(this, i).clientHeight ? this.classList.add("overflow") : this.classList.remove("overflow");
     })));
   }
   connectedCallback() {
-    super.connectedCallback(), i(this, s).observe(this);
+    super.connectedCallback(), a(this, s).observe(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), i(this, s).disconnect();
+    super.disconnectedCallback(), a(this, s).disconnect();
   }
 };
 s = /* @__PURE__ */ new WeakMap();
-a = /* @__PURE__ */ new WeakMap();
-v = P([
-  m("e-modal")
-], v);
+i = /* @__PURE__ */ new WeakMap();
+m = z([
+  g("e-modal")
+], m);
 export {
-  v as ModalElement
+  m as ModalElement
 };

package/lib/scroll/index.cjs

@@ -1 +1 @@
-"use strict";var Ct=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)};var h=(i,e,s)=>(Ct(i,e,"read from private field"),s?s.call(i):e.get(i)),$=(i,e,s)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,s)},O=(i,e,s,n)=>(Ct(i,e,"write to private field"),n?n.call(i,s):e.set(i,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Tt=require("../Store-D0_rDIsE.cjs"),Dt=require("../Derived-SjPdLJiZ.cjs"),At=require("../browser-CpzFX2xg.cjs"),V=require("../layout-8ryRAMGJ.cjs"),zt=require("../math-GDWEqu7y.cjs");require("../ticker/index.cjs");const Vt=require("../Damped-AHRBHNEQ.cjs"),x=require("../attribute/index.cjs"),Mt=require("../WheelControls-CfDeGCOU.cjs"),wt=require("../custom-element/index.cjs"),xt=require("../order/index.cjs"),pt=require("../window-resizer/index.cjs"),I=require("../scroll-entries/index.cjs"),Lt=require("../ElementConstructor-9f-12v7T.cjs"),B=require("../htmlTags-BSQys9wH.cjs"),Ot=require("../createStylesheet-uicRVW05.cjs"),It=require("../dom-qY2LdCVL.cjs");var Ht=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Bt=(i,e,s,n)=>{for(var r=n>1?void 0:n?Ft(e,s):e,d=i.length-1,w;d>=0;d--)(w=i[d])&&(r=(n?w(e,s,r):w(r))||r);return n&&r&&Ht(e,s,r),r},yt=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},t=(i,e,s)=>(yt(i,e,"read from private field"),s?s.call(i):e.get(i)),l=(i,e,s)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,s)},m=(i,e,s,n)=>(yt(i,e,"write to private field"),n?n.call(i,s):e.set(i,s),s),f=(i,e,s)=>(yt(i,e,"access private method"),s),a,M,T,q,D,X,y,Y,j,tt,u,dt,c,et,st,_,p,k,H,b,G,R,N,ft,F,U,mt,kt,bt,Wt,it,vt,rt,_t,P,gt,St,Rt,nt,ht,Et,S,g,L,W;class Gt{constructor(e,s){$(this,S,void 0);$(this,g,void 0);$(this,L,0);$(this,W,0);O(this,S,e),O(this,g,s),I.scrollEntries.register(h(this,S))}get size(){return h(this,L)}get position(){return h(this,W)}destroy(){I.scrollEntries.unregister(h(this,S)),h(this,S).style.transform=""}resize(){O(this,L,h(this,g).vertical?h(this,S).offsetHeight:h(this,S).offsetWidth),O(this,W,h(this,g).vertical?V.getCumulativeOffsetTop(h(this,S)):V.getCumulativeOffsetLeft(h(this,S))),O(this,W,h(this,W)-h(this,g).contentPosition)}transform(){let e=0;h(this,g).infiniteAttribute.current&&h(this,g).overscroll&&h(this,W)+h(this,L)<h(this,g).currentScrollValue&&(e=h(this,g).distance*-1),I.scrollEntries.update(h(this,S),h(this,g).axisAttibute.current,e);const s=h(this,g).viewportSize-h(this,L),n=zt.clamp(h(this,g).currentScrollValue+e,h(this,W)-h(this,g).viewportSize-s,h(this,W)+h(this,L)+s);h(this,g).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,g=new WeakMap,L=new WeakMap,W=new WeakMap;const Kt=Ot.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 wt.CustomElement{constructor(e){if(super(),l(this,N),l(this,F),l(this,mt),l(this,bt),l(this,it),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:s=>Math.max(0,s-1)})),l(this,q,new x.Attribute(this,"split",!1)),l(this,D,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,st,0),l(this,_,0),l(this,p,0),l(this,k,null),l(this,H,null),l(this,b,new Tt.Store(0)),l(this,G,0),l(this,R,0),l(this,P,()=>{const s=this.currentScrollValue/t(this,p);if(m(this,et,this.vertical?V.getCumulativeOffsetTop(this):V.getCumulativeOffsetLeft(this)),m(this,st,this.vertical?V.getCumulativeOffsetTop(t(this,u)):V.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,D).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(s*t(this,p),!0)}),l(this,gt,()=>{const s=this.currentScrollValue;if(m(this,G,Math.max(0,s-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, ${s*-1}px, 0px)`:t(this,u).style.transform=`translate3d(${s*-1}px, 0px, 0px)`;I.scrollEntries.update(this,t(this,M).current,s)}),l(this,nt,s=>{if(typeof s=="number")if(t(this,D).current){const n=Math.sign(s);t(this,c).length?this.shiftSections(n):t(this,a).shift(n*t(this,_))}else t(this,a).shift(s);else s==="min"?t(this,a).set(t(this,a).min.current):s==="max"&&t(this,a).set(t(this,a).delta)}),At.isBrowser){let s,n=e||this.getAttribute("name");n&&(s={name:n}),m(this,a,new Vt.Damped({damping:.01,min:0,order:xt.TICK_ORDER.SCROLL,passport:s})),this.openShadow(Kt),Lt.element(this,{attributes:{tabIndex:0},shadowChildren:[B.div({class:"static",children:[B.slot({attributes:{name:"static"}})]}),B.div({class:"content",children:[B.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,H,new Mt.KeyboardControls({element:this})),t(this,H).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,P).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,P).call(this)}),t(this,q).subscribe(({current:r})=>{this.isConnected&&(r?f(this,N,ft).call(this):f(this,F,U).call(this))}),t(this,D).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,F,U).call(this))}),t(this,y).subscribe(r=>{r.current?(this.isConnected&&(t(this,c).length||(t(this,q).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,it,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,q)}get sectionalAttibute(){return t(this,D)}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,st)}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,s="smooth"){if(!t(this,c).length)return;const n=t(this,b).current;f(this,St,Rt).call(this,e);const r=t(this,c)[n],d=t(this,c)[t(this,b).current];if(r&&d){let w=0;const Q=t(this,c).length-1;t(this,y).current?t(this,b).current===0&&n===Q?w=t(this,p)+t(this,_)-r.position:t(this,b).current===Q&&n===0?w=d.position-(t(this,p)+t(this,_)):w=d.position-r.position:w=d.position-r.position,t(this,a).shift(w,s==="instant")}}shiftSections(e,s="smooth"){t(this,c).length&&this.scrollToSection(t(this,b).current+e,s)}connectedCallback(){f(this,rt,_t).call(this)}disconnectedCallback(){f(this,it,vt).call(this)}};a=new WeakMap;M=new WeakMap;T=new WeakMap;q=new WeakMap;D=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;st=new WeakMap;_=new WeakMap;p=new WeakMap;k=new WeakMap;H=new WeakMap;b=new WeakMap;G=new WeakMap;R=new WeakMap;N=new WeakSet;ft=function(){f(this,F,U).call(this),t(this,dt).assignedElements().forEach(i=>{i instanceof HTMLElement&&t(this,c).push(new Gt(i,this))}),t(this,u).style.transform="",t(this,P).call(this)};F=new WeakSet;U=function(){t(this,c).forEach(i=>{i.destroy()}),m(this,c,[])};mt=new WeakSet;kt=function(){t(this,a).unsubscribe(t(this,gt)),t(this,a).unlistenAnimationFrame(),t(this,k).disconnect(),t(this,H).disconnect()};bt=new WeakSet;Wt=function(){t(this,a).subscribe(t(this,gt)),t(this,k).connect(),t(this,H).connect()};it=new WeakSet;vt=function(){pt.windowResizer.unsubscribe(t(this,P)),t(this,a).reset(),f(this,mt,kt).call(this),t(this,u).style.transform="",t(this,q).current&&f(this,F,U).call(this),I.scrollEntries.unregister(this)};rt=new WeakSet;_t=function(){t(this,q).current&&f(this,N,ft).call(this),I.scrollEntries.register(this),pt.windowResizer.subscribe(t(this,P),xt.RESIZE_ORDER.SCROLL),f(this,bt,Wt).call(this)};P=new WeakMap;gt=new WeakMap;St=new WeakSet;Rt=function(i){t(this,y).current?(t(this,b).current=i%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(i,0,t(this,c).length-1)};nt=new WeakMap;ht=new WeakSet;Et=function(i="current"){if(t(this,y).current&&t(this,c).length){const e=t(this,a)[i]%(t(this,p)+t(this,_));return e<0?t(this,p)+e+t(this,_):e}else return t(this,a)[i]};exports.ScrollElement=Bt([wt.define("e-scroll")],exports.ScrollElement);var J;class Zt extends wt.CustomElement{constructor(){super(...arguments);$(this,J,null)}get scrollElement(){return h(this,J)}connectedCallback(){const s=It.findParentElement(this,exports.ScrollElement);s instanceof exports.ScrollElement?O(this,J,s):console.error(this,"e-scroll not found")}}J=new WeakMap;var Nt=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,Jt=(i,e,s,n)=>{for(var r=n>1?void 0:n?Ut(e,s):e,d=i.length-1,w;d>=0;d--)(w=i[d])&&(r=(n?w(e,s,r):w(r))||r);return n&&r&&Nt(e,s,r),r},qt=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},o=(i,e,s)=>(qt(i,e,"read from private field"),s?s.call(i):e.get(i)),E=(i,e,s)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,s)},C=(i,e,s,n)=>(qt(i,e,"write to private field"),n?n.call(i,s):e.set(i,s),s),lt,v,A,z,K,Z,ot,at,ct,ut;const Qt=Ot.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 Zt{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 s=w=>{const Q=o(this,A)?w.x:w.y,Pt=this.scrollElement.distance/o(this,K),$t=(Q-d)*Pt;this.scrollElement.damped.set(r+$t)},n=()=>{removeEventListener("pointermove",s),removeEventListener("pointerup",n),removeEventListener("touchend",n)};addEventListener("pointermove",s),addEventListener("pointerup",n),addEventListener("touchend",n);const r=this.scrollElement.damped.target,d=o(this,A)?e.x:e.y}),At.isBrowser&&(this.openShadow(Qt),Lt.element(this,{shadowChildren:[B.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=Jt([wt.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-BwpMU9Gi.cjs"),x=require("../attribute/index.cjs"),Mt=require("../WheelControls-CfDeGCOU.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-pcim-Cws.cjs"),Lt=require("../createStylesheet-BsVHqHhr.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

@@ -2,32 +2,31 @@ var yt = (i, s, e) => {
   if (!s.has(i))
     throw TypeError("Cannot " + e);
 };
-var n = (i, s, e) => (yt(i, s, "read from private field"), e ? e.call(i) : s.get(i)), D = (i, s, e) => {
+var r = (i, s, e) => (yt(i, s, "read from private field"), e ? e.call(i) : s.get(i)), V = (i, s, e) => {
   if (s.has(i))
     throw TypeError("Cannot add the same private member more than once");
   s instanceof WeakSet ? s.add(i) : s.set(i, e);
-}, $ = (i, s, e, r) => (yt(i, s, "write to private field"), r ? r.call(i, e) : s.set(i, e), e);
+}, $ = (i, s, e, n) => (yt(i, s, "write to private field"), n ? n.call(i, e) : s.set(i, e), e);
 import { S as Ht } from "../Store-JOKrNVEr.js";
 import { D as Ft } from "../Derived-Bc88XJ8J.js";
 import { i as At } from "../browser-0zX67oeU.js";
 import { a as gt, g as wt } from "../layout-HoBT_Da2.js";
 import { c as zt } from "../math-BOBiC4TN.js";
 import "../ticker/index.js";
-import { D as Bt } from "../Damped-Csj-9_gH.js";
+import { D as Bt } from "../Damped-urvryQLo.js";
 import { Attribute as E } from "../attribute/index.js";
 import { W as Kt, K as Gt } from "../WheelControls-CX9WUbBC.js";
 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 } from "../ElementConstructor-CoKM2CTK.js";
-import { C as Mt, aw as bt } from "../htmlTags-BCNUG7oK.js";
-import { c as Vt } from "../createStylesheet-BON7aJYs.js";
+import { e as Ot, D as Mt, ay as bt } from "../tags-8Y7LSTwg.js";
+import { c as Dt } from "../createStylesheet-ITfBHk7A.js";
 import { f as Ut } from "../dom-BY7JhTx5.js";
-var Zt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (i, s, e, r) => {
-  for (var a = r > 1 ? void 0 : r ? qt(s, e) : s, g = i.length - 1, x; g >= 0; g--)
-    (x = i[g]) && (a = (r ? x(s, e, a) : x(a)) || a);
-  return r && a && Zt(s, e, a), a;
+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--)
+    (x = i[g]) && (a = (n ? x(s, e, a) : x(a)) || a);
+  return n && a && Zt(s, e, a), a;
 }, Et = (i, s, e) => {
   if (!s.has(i))
     throw TypeError("Cannot " + e);
@@ -35,44 +34,44 @@ var Zt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (i, s
   if (s.has(i))
     throw TypeError("Cannot add the same private member more than once");
   s instanceof WeakSet ? s.add(i) : s.set(i, e);
-}, d = (i, s, e, r) => (Et(i, s, "write to private field"), r ? r.call(i, e) : s.set(i, e), e), f = (i, s, e) => (Et(i, s, "access private method"), e), o, C, R, O, T, q, k, J, Q, X, u, ct, c, Y, j, v, p, W, H, m, B, P, N, ut, F, U, pt, kt, ft, Wt, tt, vt, et, _t, V, mt, xt, Dt, st, it, St, _, w, L, y;
+}, d = (i, s, e, n) => (Et(i, s, "write to private field"), n ? n.call(i, e) : s.set(i, e), e), f = (i, s, e) => (Et(i, s, "access private method"), e), o, C, R, O, T, q, k, J, Q, X, u, ct, c, Y, j, v, p, W, H, m, B, P, N, ut, F, U, pt, kt, ft, Wt, tt, vt, et, _t, D, mt, xt, Vt, st, it, St, _, w, L, y;
 class Qt {
   constructor(s, e) {
-    D(this, _, void 0);
-    D(this, w, void 0);
-    D(this, L, 0);
-    D(this, y, 0);
-    $(this, _, s), $(this, w, e), I.register(n(this, _));
+    V(this, _, void 0);
+    V(this, w, void 0);
+    V(this, L, 0);
+    V(this, y, 0);
+    $(this, _, s), $(this, w, e), I.register(r(this, _));
   }
   get size() {
-    return n(this, L);
+    return r(this, L);
   }
   get position() {
-    return n(this, y);
+    return r(this, y);
   }
   destroy() {
-    I.unregister(n(this, _)), n(this, _).style.transform = "";
+    I.unregister(r(this, _)), r(this, _).style.transform = "";
   }
   resize() {
-    $(this, L, n(this, w).vertical ? n(this, _).offsetHeight : n(this, _).offsetWidth), $(this, y, n(this, w).vertical ? gt(n(this, _)) : wt(n(this, _))), $(this, y, n(this, y) - n(this, w).contentPosition);
+    $(this, L, r(this, w).vertical ? r(this, _).offsetHeight : r(this, _).offsetWidth), $(this, y, r(this, w).vertical ? gt(r(this, _)) : wt(r(this, _))), $(this, y, r(this, y) - r(this, w).contentPosition);
   }
   transform() {
     let s = 0;
-    n(this, w).infiniteAttribute.current && n(this, w).overscroll && n(this, y) + n(this, L) < n(this, w).currentScrollValue && (s = n(this, w).distance * -1), I.update(
-      n(this, _),
-      n(this, w).axisAttibute.current,
+    r(this, w).infiniteAttribute.current && r(this, w).overscroll && r(this, y) + r(this, L) < r(this, w).currentScrollValue && (s = r(this, w).distance * -1), I.update(
+      r(this, _),
+      r(this, w).axisAttibute.current,
       s
     );
-    const e = n(this, w).viewportSize - n(this, L), r = zt(
-      n(this, w).currentScrollValue + s,
-      n(this, y) - n(this, w).viewportSize - e,
-      n(this, y) + n(this, L) + e
+    const e = r(this, w).viewportSize - r(this, L), n = zt(
+      r(this, w).currentScrollValue + s,
+      r(this, y) - r(this, w).viewportSize - e,
+      r(this, y) + r(this, L) + e
     );
-    n(this, w).vertical ? n(this, _).style.transform = `translate3d(0px, ${r * -1}px, 0px)` : n(this, _).style.transform = `translate3d(${r * -1}px, 0px, 0px)`;
+    r(this, w).vertical ? r(this, _).style.transform = `translate3d(0px, ${n * -1}px, 0px)` : r(this, _).style.transform = `translate3d(${n * -1}px, 0px, 0px)`;
   }
 }
 _ = new WeakMap(), w = new WeakMap(), L = new WeakMap(), y = new WeakMap();
-const Xt = Vt({
+const Xt = Dt({
   ":host": {
     position: "relative",
     width: "100%",
@@ -113,7 +112,7 @@ let dt = class extends Lt {
       this,
       "wheel-max-delta",
       !1
-    )), h(this, k, new E(this, "infinite", !1)), h(this, J, new E(this, "damping", 0.03)), h(this, Q, new E(this, "disabled", !1)), h(this, X, new E(this, "hibernated", !1)), h(this, u, null), h(this, ct, null), h(this, c, []), h(this, Y, 0), h(this, j, 0), h(this, v, 0), h(this, p, 0), h(this, W, null), h(this, H, null), h(this, m, new Ht(0)), h(this, B, 0), h(this, P, 0), h(this, V, () => {
+    )), h(this, k, new E(this, "infinite", !1)), h(this, J, new E(this, "damping", 0.03)), h(this, Q, new E(this, "disabled", !1)), h(this, X, new E(this, "hibernated", !1)), h(this, u, null), h(this, ct, null), h(this, c, []), h(this, Y, 0), h(this, j, 0), h(this, v, 0), h(this, p, 0), h(this, W, null), h(this, H, null), h(this, m, new Ht(0)), h(this, B, 0), h(this, P, 0), h(this, D, () => {
       const s = this.currentScrollValue / t(this, p);
       if (d(this, Y, this.vertical ? gt(this) : wt(this)), d(this, j, this.vertical ? gt(t(this, u)) : wt(t(this, u))), d(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, R).current) {
         d(this, p, t(this, v) * t(this, R).current);
@@ -128,7 +127,7 @@ let dt = class extends Lt {
       if (t(this, c).forEach((e) => {
         e.resize(), e.transform();
       }), t(this, k).current && t(this, c).length) {
-        const e = t(this, c)[t(this, c).length - 1], r = e.position + e.size - t(this, v), a = t(this, p) - r;
+        const e = t(this, c)[t(this, c).length - 1], n = e.position + e.size - t(this, v), a = t(this, p) - n;
         d(this, P, e.position + e.size + a);
       } else
         d(this, P, t(this, p));
@@ -141,9 +140,9 @@ let dt = class extends Lt {
       const s = this.currentScrollValue;
       if (d(this, B, Math.max(0, s - t(this, p))), t(this, c).length) {
         let e = 0;
-        for (let r = 0; r < t(this, c).length; r++) {
-          const a = t(this, c)[r];
-          a.transform(), this.targetScrollValue + this.viewportSize / 2 >= a.position && (e = r);
+        for (let n = 0; n < t(this, c).length; n++) {
+          const a = t(this, c)[n];
+          a.transform(), this.targetScrollValue + this.viewportSize / 2 >= a.position && (e = n);
         }
         t(this, m).current = e;
       } else
@@ -168,44 +167,42 @@ let dt = class extends Lt {
         order: Nt.SCROLL,
         passport: s
       })), this.openShadow(Xt), Ot(this, {
-        attributes: {
-          tabIndex: 0
-        },
-        shadowChildren: [
+        tabIndex: 0,
+        children: [
           Mt({
             class: "static",
-            children: [bt({ attributes: { name: "static" } })]
+            children: [bt({ name: "static" })]
           }),
           Mt({
             class: "content",
-            children: [bt({ ref: (r) => d(this, ct, r) })],
+            children: [bt({ ref: (n) => d(this, ct, n) })],
             style: {
               flexDirection: new Ft(
                 t(this, C),
-                (r) => r === "x" ? "row" : "column"
+                (n) => n === "x" ? "row" : "column"
               )
             },
-            ref: (r) => d(this, u, r)
+            ref: (n) => d(this, u, n)
           })
         ]
-      }), d(this, W, new Kt({ element: this })), t(this, W).changeEvent.subscribe(t(this, st)), d(this, H, new Gt({ element: this })), t(this, H).changeEvent.subscribe(t(this, st)), t(this, C).subscribe(({ current: r }) => {
-        t(this, u).style.flexDirection = r === "x" ? "row" : "column", t(this, W).axis = t(this, q).current ? "max" : r, this.isConnected && t(this, V).call(this);
-      }), t(this, q).subscribe((r) => {
-        t(this, W).axis = r.current ? "max" : t(this, C).current;
+      }), d(this, W, new Kt({ element: this })), t(this, W).changeEvent.subscribe(t(this, st)), d(this, H, new Gt({ element: this })), t(this, H).changeEvent.subscribe(t(this, st)), t(this, C).subscribe(({ current: n }) => {
+        t(this, u).style.flexDirection = n === "x" ? "row" : "column", t(this, W).axis = t(this, q).current ? "max" : n, this.isConnected && t(this, D).call(this);
+      }), t(this, q).subscribe((n) => {
+        t(this, W).axis = n.current ? "max" : t(this, C).current;
       }), t(this, R).subscribe(() => {
-        this.isConnected && t(this, V).call(this);
-      }), t(this, O).subscribe(({ current: r }) => {
-        this.isConnected && (r ? f(this, N, ut).call(this) : f(this, F, U).call(this));
-      }), t(this, T).subscribe((r) => {
-        t(this, m).current = 0, t(this, W).debounce = r.current, t(this, o).reset(), this.isConnected && (r.current && !r.previous ? f(this, N, ut).call(this) : !r.current && r.previous && f(this, F, U).call(this));
-      }), t(this, k).subscribe((r) => {
-        r.current ? (this.isConnected && (t(this, c).length || (t(this, O).current = !0)), t(this, c).length && (t(this, o).max.current = 1 / 0, t(this, o).min.current = -1 / 0)) : (d(this, B, 0), t(this, o).max.current = t(this, p), t(this, o).min.current = 0);
-      }), t(this, J).subscribe((r) => {
-        t(this, o).damping = r.current;
-      }), t(this, Q).subscribe((r) => {
-        r.current && !r.previous ? f(this, pt, kt).call(this) : !r.current && r.previous && f(this, ft, Wt).call(this);
-      }), t(this, X).subscribe((r) => {
-        r.current && !r.previous ? f(this, tt, vt).call(this) : !r.current && r.previous && f(this, et, _t).call(this);
+        this.isConnected && t(this, D).call(this);
+      }), t(this, O).subscribe(({ current: n }) => {
+        this.isConnected && (n ? f(this, N, ut).call(this) : f(this, F, U).call(this));
+      }), t(this, T).subscribe((n) => {
+        t(this, m).current = 0, t(this, W).debounce = n.current, t(this, o).reset(), this.isConnected && (n.current && !n.previous ? f(this, N, ut).call(this) : !n.current && n.previous && f(this, F, U).call(this));
+      }), t(this, k).subscribe((n) => {
+        n.current ? (this.isConnected && (t(this, c).length || (t(this, O).current = !0)), t(this, c).length && (t(this, o).max.current = 1 / 0, t(this, o).min.current = -1 / 0)) : (d(this, B, 0), t(this, o).max.current = t(this, p), t(this, o).min.current = 0);
+      }), t(this, J).subscribe((n) => {
+        t(this, o).damping = n.current;
+      }), t(this, Q).subscribe((n) => {
+        n.current && !n.previous ? f(this, pt, kt).call(this) : !n.current && n.previous && f(this, ft, Wt).call(this);
+      }), t(this, X).subscribe((n) => {
+        n.current && !n.previous ? f(this, tt, vt).call(this) : !n.current && n.previous && f(this, et, _t).call(this);
       });
     }
   }
@@ -283,12 +280,12 @@ let dt = class extends Lt {
     if (!t(this, c).length)
       return;
     const e = t(this, m).current;
-    f(this, xt, Dt).call(this, i);
-    const r = t(this, c)[e], a = t(this, c)[t(this, m).current];
-    if (r && a) {
+    f(this, xt, Vt).call(this, i);
+    const n = t(this, c)[e], a = t(this, c)[t(this, m).current];
+    if (n && a) {
       let g = 0;
       const x = t(this, c).length - 1;
-      t(this, k).current ? t(this, m).current === 0 && e === x ? g = t(this, p) + t(this, v) - r.position : t(this, m).current === x && e === 0 ? g = a.position - (t(this, p) + t(this, v)) : g = a.position - r.position : g = a.position - r.position, t(this, o).shift(g, s === "instant");
+      t(this, k).current ? t(this, m).current === 0 && e === x ? g = t(this, p) + t(this, v) - n.position : t(this, m).current === x && e === 0 ? g = a.position - (t(this, p) + t(this, v)) : g = a.position - n.position : g = a.position - n.position, t(this, o).shift(g, s === "instant");
     }
   }
   shiftSections(i, s = "smooth") {
@@ -327,7 +324,7 @@ N = /* @__PURE__ */ new WeakSet();
 ut = function() {
   f(this, F, U).call(this), t(this, ct).assignedElements().forEach((i) => {
     i instanceof HTMLElement && t(this, c).push(new Qt(i, this));
-  }), t(this, u).style.transform = "", t(this, V).call(this);
+  }), t(this, u).style.transform = "", t(this, D).call(this);
 };
 F = /* @__PURE__ */ new WeakSet();
 U = function() {
@@ -345,16 +342,16 @@ Wt = function() {
 };
 tt = /* @__PURE__ */ new WeakSet();
 vt = function() {
-  ot.unsubscribe(t(this, V)), t(this, o).reset(), f(this, pt, kt).call(this), t(this, u).style.transform = "", t(this, O).current && f(this, F, U).call(this), I.unregister(this);
+  ot.unsubscribe(t(this, D)), t(this, o).reset(), f(this, pt, kt).call(this), t(this, u).style.transform = "", t(this, O).current && f(this, F, U).call(this), I.unregister(this);
 };
 et = /* @__PURE__ */ new WeakSet();
 _t = function() {
-  t(this, O).current && f(this, N, ut).call(this), I.register(this), ot.subscribe(t(this, V), Pt.SCROLL), f(this, ft, Wt).call(this);
+  t(this, O).current && f(this, N, ut).call(this), I.register(this), ot.subscribe(t(this, D), Pt.SCROLL), f(this, ft, Wt).call(this);
 };
-V = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
 mt = /* @__PURE__ */ new WeakMap();
 xt = /* @__PURE__ */ new WeakSet();
-Dt = function(i) {
+Vt = function(i) {
   t(this, k).current ? (t(this, m).current = i % t(this, c).length, t(this, m).current = t(this, m).current < 0 ? t(this, c).length + t(this, m).current : t(this, m).current) : t(this, m).current = zt(i, 0, t(this, c).length - 1);
 };
 st = /* @__PURE__ */ new WeakMap();
@@ -373,10 +370,10 @@ var Z;
 class Yt extends Lt {
   constructor() {
     super(...arguments);
-    D(this, Z, null);
+    V(this, Z, null);
   }
   get scrollElement() {
-    return n(this, Z);
+    return r(this, Z);
   }
   connectedCallback() {
     const e = Ut(this, dt);
@@ -384,10 +381,10 @@ class Yt extends Lt {
   }
 }
 Z = new WeakMap();
-var jt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, ee = (i, s, e, r) => {
-  for (var a = r > 1 ? void 0 : r ? te(s, e) : s, g = i.length - 1, x; g >= 0; g--)
-    (x = i[g]) && (a = (r ? x(s, e, a) : x(a)) || a);
-  return r && a && jt(s, e, a), a;
+var jt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, ee = (i, s, e, n) => {
+  for (var a = n > 1 ? void 0 : n ? te(s, e) : s, g = i.length - 1, x; g >= 0; g--)
+    (x = i[g]) && (a = (n ? x(s, e, a) : x(a)) || a);
+  return n && a && jt(s, e, a), a;
 }, Rt = (i, s, e) => {
   if (!s.has(i))
     throw TypeError("Cannot " + e);
@@ -395,8 +392,8 @@ var jt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, ee = (i, s
   if (s.has(i))
     throw TypeError("Cannot add the same private member more than once");
   s instanceof WeakSet ? s.add(i) : s.set(i, e);
-}, M = (i, s, e, r) => (Rt(i, s, "write to private field"), r ? r.call(i, e) : s.set(i, e), e), rt, b, A, z, K, G, nt, ht, lt, at;
-const se = Vt({
+}, M = (i, s, e, n) => (Rt(i, s, "write to private field"), n ? n.call(i, e) : s.set(i, e), e), nt, b, A, z, K, G, rt, ht, lt, at;
+const se = Dt({
   ":host": {
     display: "inline-block",
     zIndex: "1",
@@ -427,7 +424,7 @@ const se = Vt({
 });
 let Ct = class extends Yt {
   constructor() {
-    super(), S(this, rt, null), S(this, b, null), S(this, A, !1), S(this, z, 0), S(this, K, 0), S(this, G, 0), S(this, nt, () => {
+    super(), S(this, nt, null), S(this, b, null), S(this, A, !1), S(this, z, 0), S(this, K, 0), S(this, G, 0), S(this, rt, () => {
       M(this, A, this.offsetWidth > this.offsetHeight);
       const i = l(this, A) ? this.offsetWidth : this.offsetHeight;
       M(this, z, i / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / i)), M(this, z, Math.max(l(this, z), 30)), l(this, A) ? (l(this, b).style.width = l(this, z) + "px", l(this, b).style.height = "100%") : (l(this, b).style.width = "100%", l(this, b).style.height = l(this, z) + "px"), M(this, K, i - l(this, z)), this.scrollElement.scrollSize || (this.style.display = "none");
@@ -438,14 +435,14 @@ let Ct = class extends Yt {
     }), S(this, at, (i) => {
       const s = (g) => {
         const x = l(this, A) ? g.x : g.y, Tt = this.scrollElement.distance / l(this, K), It = (x - a) * Tt;
-        this.scrollElement.damped.set(r + It);
+        this.scrollElement.damped.set(n + It);
       }, e = () => {
         removeEventListener("pointermove", s), removeEventListener("pointerup", e), removeEventListener("touchend", e);
       };
       addEventListener("pointermove", s), addEventListener("pointerup", e), addEventListener("touchend", e);
-      const r = this.scrollElement.damped.target, a = l(this, A) ? i.x : i.y;
+      const n = this.scrollElement.damped.target, a = l(this, A) ? i.x : i.y;
     }), At && (this.openShadow(se), Ot(this, {
-      shadowChildren: [bt({ ref: (i) => M(this, rt, i) })]
+      children: [bt({ ref: (i) => M(this, nt, i) })]
     }));
   }
   get thumbElement() {
@@ -453,20 +450,20 @@ let Ct = class extends Yt {
   }
   connectedCallback() {
     super.connectedCallback();
-    const i = l(this, rt).assignedElements()[0];
-    i instanceof HTMLElement ? M(this, b, i) : (M(this, b, document.createElement("div")), l(this, b).classList.add("default-thumb"), this.shadowRoot.appendChild(l(this, b))), l(this, b).addEventListener("pointerdown", l(this, at)), ot.subscribe(l(this, nt), Pt.SCROLL + 1), this.scrollElement.damped.subscribe(l(this, ht)), this.scrollElement.axisAttibute.subscribe(l(this, lt));
+    const i = l(this, nt).assignedElements()[0];
+    i instanceof HTMLElement ? M(this, b, i) : (M(this, b, document.createElement("div")), l(this, b).classList.add("default-thumb"), this.shadowRoot.appendChild(l(this, b))), l(this, b).addEventListener("pointerdown", l(this, at)), ot.subscribe(l(this, rt), Pt.SCROLL + 1), this.scrollElement.damped.subscribe(l(this, ht)), this.scrollElement.axisAttibute.subscribe(l(this, lt));
   }
   disconnectedCallback() {
-    l(this, b).removeEventListener("pointerdown", l(this, at)), ot.unsubscribe(l(this, nt)), this.scrollElement.damped.unsubscribe(l(this, ht)), this.scrollElement.axisAttibute.unsubscribe(l(this, lt));
+    l(this, b).removeEventListener("pointerdown", l(this, at)), ot.unsubscribe(l(this, rt)), this.scrollElement.damped.unsubscribe(l(this, ht)), this.scrollElement.axisAttibute.unsubscribe(l(this, lt));
   }
 };
-rt = /* @__PURE__ */ new WeakMap();
+nt = /* @__PURE__ */ new WeakMap();
 b = /* @__PURE__ */ new WeakMap();
 A = /* @__PURE__ */ new WeakMap();
 z = /* @__PURE__ */ new WeakMap();
 K = /* @__PURE__ */ new WeakMap();
 G = /* @__PURE__ */ new WeakMap();
-nt = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakMap();
 ht = /* @__PURE__ */ new WeakMap();
 lt = /* @__PURE__ */ new WeakMap();
 at = /* @__PURE__ */ new WeakMap();

package/lib/select/SelectElement.d.ts

@@ -20,6 +20,6 @@ declare global {
         'e-select': SelectElement;
     }
     interface HTMLElementEventMap {
-        'e-select-toggle': CustomEvent<SelectToggleDetail>;
+        selectToggle: CustomEvent<SelectToggleDetail>;
     }
 }

package/lib/select/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-i_Ki9M-w.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-Bt91QUTY.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.d.ts

@@ -1,4 +1,4 @@
 export { SelectElement } from './SelectElement';
+export { SelectUserElement } from './SelectUserElement';
 export { SelectOptionElement } from './SelectOptionElement';
 export { SelectHeadElement } from './SelectHeadElement';
-export { SelectUserElement } from './SelectUserElement';

package/lib/select/index.js

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

package/lib/store/Derived.d.ts

@@ -2,6 +2,6 @@ import { Store, StoreOptions } from './Store';
 export type DerivedCallback<StoreType, DerivedType> = (value: StoreType) => DerivedType;
 export declare class Derived<DerivedType, StoreType> extends Store<DerivedType> {
     #private;
-    constructor(store: Store<StoreType>, callback: DerivedCallback<StoreType, DerivedType>, parameters?: StoreOptions<DerivedType>);
+    constructor(store: Store<StoreType, any, any>, callback: DerivedCallback<StoreType, DerivedType>, parameters?: StoreOptions<DerivedType>);
     close(): void;
 }