aptechka 0.4.2 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/{Damped-B0eRyTcV.cjs → Damped-9h4qaGcS.cjs} +1 -1
- package/lib/{Damped-Do9H-LKf.js → Damped-HhitpTP_.js} +1 -1
- package/lib/{Derived-vGokdC4b.cjs → Derived-B-g8dYgh.cjs} +1 -1
- package/lib/{Derived-Dbjm-dob.js → Derived-kPJs5JC5.js} +1 -1
- package/lib/{SourceManager-noBYGNeX.js → SourceManager-4OHacQoQ.js} +1 -1
- package/lib/{SourceManager-CzcqsC3z.cjs → SourceManager-Bc68GDrb.cjs} +1 -1
- package/lib/Store-BQXXikps.js +156 -0
- package/lib/Store-C-1ruEIm.cjs +1 -0
- package/lib/{Viewport-CRLSlcoi.cjs → Viewport-DAjFJF5V.cjs} +1 -1
- package/lib/{Viewport-VSV_isot.js → Viewport-wlgZaIn7.js} +19 -21
- package/lib/WheelControls-0zNcnAB3.cjs +1 -0
- package/lib/WheelControls-BAyRKpRZ.js +97 -0
- package/lib/abstract-elements/index.cjs +1 -1
- package/lib/abstract-elements/index.js +3 -3
- package/lib/animation/index.cjs +1 -1
- package/lib/animation/index.js +2 -2
- package/lib/attribute/index.cjs +1 -1
- package/lib/attribute/index.js +1 -1
- package/lib/canvas/index.cjs +1 -1
- package/lib/canvas/index.js +3 -3
- package/lib/controls/Controls.d.ts +1 -2
- package/lib/controls/KeyboardControls.d.ts +3 -0
- package/lib/controls/index.cjs +1 -1
- package/lib/controls/index.d.ts +1 -1
- package/lib/controls/index.js +2 -2
- package/lib/{createStylesheet-CR-XQRVT.js → createStylesheet-DrkbCUJk.js} +1 -1
- package/lib/{createStylesheet-B4vLzvah.cjs → createStylesheet-u1ZQ2BI5.cjs} +1 -1
- package/lib/css-property/index.cjs +1 -0
- package/lib/css-property/index.d.ts +12 -0
- package/lib/css-property/index.js +54 -0
- package/lib/css-value-parser/index.cjs +1 -0
- package/lib/css-value-parser/index.d.ts +6 -0
- package/lib/css-value-parser/index.js +40 -0
- package/lib/dev/index.cjs +1 -0
- package/lib/dev/index.d.ts +1 -0
- package/lib/dev/index.js +14 -0
- package/lib/device/Viewport.d.ts +1 -1
- package/lib/device/index.cjs +1 -1
- package/lib/device/index.js +1 -1
- package/lib/element-constructor/index.cjs +1 -1
- package/lib/element-constructor/index.js +2 -2
- package/lib/en3/index.cjs +1 -1
- package/lib/en3/index.js +2 -2
- package/lib/image/index.cjs +1 -1
- package/lib/image/index.js +1 -1
- package/lib/{index-MKoD8NCT.cjs → index-CUE4tEUr.cjs} +1 -1
- package/lib/{index-D-FPaxdJ.js → index-DGji4duy.js} +3 -3
- package/lib/ladder/index.cjs +1 -1
- package/lib/ladder/index.js +1 -1
- package/lib/media/index.cjs +1 -1
- package/lib/media/index.js +1 -1
- package/lib/modal/index.cjs +1 -1
- package/lib/modal/index.js +8 -8
- package/lib/order/index.cjs +1 -1
- package/lib/order/index.d.ts +5 -4
- package/lib/order/index.js +2 -2
- package/lib/popover/index.cjs +1 -1
- package/lib/popover/index.js +1 -1
- package/lib/resized/index.cjs +1 -1
- package/lib/resized/index.js +1 -1
- package/lib/scroll/ScrollElement.d.ts +12 -10
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +178 -174
- package/lib/select/index.cjs +1 -1
- package/lib/select/index.js +1 -1
- package/lib/source/index.cjs +1 -1
- package/lib/source/index.js +2 -2
- package/lib/store/Store.d.ts +1 -0
- package/lib/store/index.cjs +1 -1
- package/lib/store/index.js +3 -3
- package/lib/studio/index.cjs +1 -1
- package/lib/studio/index.js +5 -5
- package/lib/{tags-D9nd9mMM.js → tags-CAxO5Rs3.js} +1 -1
- package/lib/{tags-D3-tO-m6.cjs → tags-Dz_Yisj_.cjs} +1 -1
- package/lib/theme/index.cjs +1 -1
- package/lib/theme/index.js +2 -2
- package/lib/video/index.cjs +1 -1
- package/lib/video/index.js +1 -1
- package/package.json +25 -1
- package/lib/Store-DdDuj5hz.js +0 -153
- package/lib/Store-Dis8QUAR.cjs +0 -1
- package/lib/WheelControls-BqO_fTyY.js +0 -92
- package/lib/WheelControls-fiz52vcl.cjs +0 -1
package/lib/scroll/index.cjs
CHANGED
|
@@ -1 +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)),H=(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)},$=(i,e,s,r)=>(Ct(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Tt=require("../Damped-B0eRyTcV.cjs"),Vt=require("../Store-Dis8QUAR.cjs"),Dt=require("../Derived-vGokdC4b.cjs"),zt=require("../browser-CpzFX2xg.cjs"),G=require("../layout-8ryRAMGJ.cjs"),Lt=require("../math-GDWEqu7y.cjs");require("../ticker/index.cjs");const k=require("../attribute/index.cjs"),At=require("../WheelControls-fiz52vcl.cjs"),vt=require("../custom-element/index.cjs"),yt=require("../order/index.cjs"),ft=require("../window-resizer/index.cjs"),K=require("../scroll-entries/index.cjs"),D=require("../tags-D3-tO-m6.cjs"),Pt=require("../createStylesheet-B4vLzvah.cjs"),It=require("../css-unit-parser/index.cjs"),Ht=require("../dom-JBOkFLTh.cjs");var Bt=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Ut=(i,e,s,r)=>{for(var n=r>1?void 0:r?Ft(e,s):e,p=i.length-1,d;p>=0;p--)(d=i[p])&&(n=(r?d(e,s,n):d(n))||n);return r&&n&&Bt(e,s,n),n},kt=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},t=(i,e,s)=>(kt(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)},b=(i,e,s,r)=>(kt(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s),g=(i,e,s)=>(kt(i,e,"access private method"),s),a,y,z,W,L,B,E,T,F,U,u,dt,c,st,it,_,f,R,M,Z,v,N,V,Y,bt,J,j,gt,Wt,mt,Mt,rt,_t,nt,St,I,wt,Et,Ot,ht,lt,xt,S,m,q,C;class Gt{constructor(e,s){H(this,S,void 0);H(this,m,void 0);H(this,q,0);H(this,C,0);$(this,S,e),$(this,m,s),K.scrollEntries.register(h(this,S))}get size(){return h(this,q)}get position(){return h(this,C)}destroy(){K.scrollEntries.unregister(h(this,S)),h(this,S).style.transform=""}resize(){$(this,q,h(this,m).vertical?h(this,S).offsetHeight:h(this,S).offsetWidth),$(this,C,h(this,m).vertical?G.getCumulativeOffsetTop(h(this,S)):G.getCumulativeOffsetLeft(h(this,S))),$(this,C,h(this,C)-h(this,m).contentPosition)}transform(){let e=0;const s=h(this,m).viewportSize-h(this,q);h(this,m).infiniteAttribute.current&&h(this,m).overscroll&&h(this,C)+h(this,q)<h(this,m).currentScrollValue&&(e=h(this,m).distance*-1-h(this,m).gap),K.scrollEntries.update(h(this,S),h(this,m).axisAttibute.current,e);const r=h(this,m).currentScrollValue+e,n=h(this,C)-h(this,m).viewportSize-s,p=h(this,C)+h(this,q)+s,d=Lt.clamp(r,n,p);h(this,m).vertical?h(this,S).style.transform=`translate3d(0px, ${d*-1}px, 0px)`:h(this,S).style.transform=`translate3d(${d*-1}px, 0px, 0px)`}}S=new WeakMap,m=new WeakMap,q=new WeakMap,C=new WeakMap;const Kt=Pt.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"absolute",top:"0",left:"0",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 vt.CustomElement{constructor(){super(),l(this,Y),l(this,J),l(this,gt),l(this,mt),l(this,rt),l(this,nt),l(this,Et),l(this,lt),l(this,a,null),l(this,y,new k.Attribute(this,"axis","y")),l(this,z,new k.Attribute(this,"pages",0,{validate:e=>Math.max(0,e-1)})),l(this,W,new k.Attribute(this,"split",!1)),l(this,L,new k.Attribute(this,"sectional",!1)),l(this,B,new k.Attribute(this,"wheel-max-delta",!1)),l(this,E,new k.Attribute(this,"infinite",!1)),l(this,T,new k.Attribute(this,"damping",.03)),l(this,F,new k.Attribute(this,"disabled",!1)),l(this,U,new k.Attribute(this,"hibernated",!1)),l(this,u,null),l(this,dt,null),l(this,c,[]),l(this,st,0),l(this,it,0),l(this,_,0),l(this,f,0),l(this,R,0),l(this,M,null),l(this,Z,null),l(this,v,new Vt.Store(0)),l(this,N,0),l(this,V,0),l(this,I,()=>{const e=this.currentScrollValue/t(this,f)||0;if(b(this,st,this.vertical?G.getCumulativeOffsetTop(this):G.getCumulativeOffsetLeft(this)),b(this,it,this.vertical?G.getCumulativeOffsetTop(t(this,u)):G.getCumulativeOffsetLeft(t(this,u))),b(this,_,this.vertical?this.offsetHeight:this.offsetWidth),t(this,z).current){b(this,f,t(this,_)*t(this,z).current);const s=t(this,f)+t(this,_);this.vertical?(t(this,u).style.width=s+"px",t(this,u).style.height="100%"):(t(this,u).style.height=s+"px",t(this,u).style.width="100%")}else this.vertical?(t(this,u).style.width="100%",t(this,u).style.height="max-content",b(this,f,t(this,u).offsetHeight-t(this,_))):(t(this,u).style.width="max-content",t(this,u).style.height="100%",b(this,f,t(this,u).offsetWidth-t(this,_)));if(b(this,R,It.cssUnitParser.parse(getComputedStyle(t(this,u)).gap)),!t(this,E).current){const s=getComputedStyle(this);b(this,f,t(this,f)+(this.vertical?parseFloat(s.paddingBlockStart)+parseFloat(s.paddingBlockEnd):parseFloat(s.paddingInlineStart)+parseFloat(s.paddingInlineEnd))),t(this,a).max=t(this,f)}if(t(this,c).forEach(s=>{s.resize(),s.transform()}),t(this,E).current&&t(this,c).length){const s=t(this,c)[t(this,c).length-1],r=s.position+s.size-t(this,_),n=t(this,f)-r;b(this,V,s.position+s.size+n)}else b(this,V,t(this,f));if(t(this,L).current&&t(this,c).length){const s=t(this,c)[t(this,v).current];t(this,a).set(s.position,!0)}else t(this,a).set(e*t(this,f),!0)}),l(this,wt,()=>{const e=this.currentScrollValue;if(b(this,N,Math.max(0,e-t(this,f))),t(this,c).length){let s=0;for(let r=0;r<t(this,c).length;r++){const n=t(this,c)[r];n.transform(),this.targetScrollValue+this.viewportSize/2>=n.position&&(s=r)}t(this,v).current=s}else this.vertical?t(this,u).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,u).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;K.scrollEntries.update(this,t(this,y).current,e)}),l(this,ht,e=>{if(typeof e=="number")if(t(this,L).current){const s=Math.sign(e);t(this,c).length?this.shiftSections(s):t(this,a).shift(s*t(this,_))}else t(this,a).shift(e);else e==="min"?t(this,a).set(t(this,a).min):e==="max"&&t(this,a).set(t(this,a).length)}),zt.isBrowser&&(b(this,a,new Tt.Damped(0,{damping:.01,min:0,order:yt.TICK_ORDER.SCROLL})),this.openShadow(Kt),D.element(this,{tabIndex:0,children:[D.div({class:"static",children:[D.slot({name:"static"})]}),D.div({class:"content",children:[D.slot({ref:e=>b(this,dt,e)})],style:{flexDirection:new Dt.Derived(t(this,y),e=>e==="x"?"row":"column")},ref:e=>b(this,u,e)})]}),b(this,M,new At.WheelControls({element:this})),t(this,M).changeEvent.subscribe(t(this,ht)),b(this,Z,new At.KeyboardControls({element:this})),t(this,Z).changeEvent.subscribe(t(this,ht)),t(this,y).subscribe(({current:e})=>{t(this,u).style.flexDirection=e==="x"?"row":"column",t(this,M).axis=t(this,B).current?"max":e,this.isConnected&&t(this,I).call(this)}),t(this,B).subscribe(e=>{t(this,M).axis=e.current?"max":t(this,y).current}),t(this,z).subscribe(()=>{this.isConnected&&t(this,I).call(this)}),t(this,W).subscribe(({current:e})=>{this.isConnected&&(e?g(this,Y,bt).call(this):g(this,J,j).call(this))}),t(this,L).subscribe(e=>{t(this,v).current=0,t(this,M).debounce=e.current,t(this,a).reset(),this.isConnected&&(e.current&&!e.previous?g(this,Y,bt).call(this):!e.current&&e.previous&&g(this,J,j).call(this))}),t(this,E).subscribe(e=>{e.current?(this.isConnected&&(t(this,c).length||(t(this,W).current=!0)),t(this,c).length&&(t(this,a).max=1/0,t(this,a).min=-1/0)):(b(this,N,0),t(this,a).max=t(this,f),t(this,a).min=0)}),t(this,T).subscribe(e=>{t(this,a).damping=e.current}),t(this,F).subscribe(e=>{e.current&&!e.previous?g(this,gt,Wt).call(this):!e.current&&e.previous&&g(this,mt,Mt).call(this)}),t(this,U).subscribe(e=>{e.current&&!e.previous?g(this,rt,_t).call(this):!e.current&&e.previous&&g(this,nt,St).call(this)}))}get dampingAttribute(){return t(this,T)}get axisAttibute(){return t(this,y)}get pagesAttibute(){return t(this,z)}get splitAttibute(){return t(this,W)}get sectionalAttibute(){return t(this,L)}get infiniteAttribute(){return t(this,E)}get dampingAttibute(){return t(this,T)}get disabledAttibute(){return t(this,F)}get hibernatedAttibute(){return t(this,U)}get currentScrollValue(){return g(this,lt,xt).call(this,"current")}get targetScrollValue(){return g(this,lt,xt).call(this,"target")}get contentElement(){return t(this,u)}get position(){return t(this,st)}get contentPosition(){return t(this,it)}get viewportSize(){return t(this,_)}get scrollSize(){return t(this,f)}get gap(){return t(this,R)}get counter(){return t(this,v)}get distance(){return t(this,V)}get overscroll(){return t(this,N)}get vertical(){return t(this,y).current==="y"}get currentProgress(){return this.currentScrollValue/t(this,V)||0}get targetProgress(){return this.targetScrollValue/t(this,V)||0}get speed(){return t(this,a).speed}get direction(){return t(this,a).direction}get isRunning(){return t(this,a).isRunning}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,s,r=0){const n=e-r,p=n+s+r*2;return this.currentProgress<n?0:this.currentProgress>p?1:(this.currentProgress-n)/(p-n)}curve(e,s,r=0){return Math.sin(this.range(e,s,r)*Math.PI)}visible(e,s,r=0){const n=e-r,p=n+s+r*2;return this.currentProgress>=n&&this.currentProgress<=p}scrollToSection(e,s="smooth"){if(!t(this,c).length)return;const r=t(this,v).current;g(this,Et,Ot).call(this,e);const n=t(this,c)[r],p=t(this,c)[t(this,v).current];if(n&&p){let d=0;const et=t(this,c).length-1;t(this,E).current?t(this,v).current===0&&r===et?d=t(this,f)+t(this,_)-n.position+t(this,R):t(this,v).current===et&&r===0?d=p.position-(t(this,f)+t(this,_)+t(this,R)):d=p.position-n.position:d=p.position-n.position,t(this,a).shift(d,s==="instant")}}shiftSections(e,s="smooth"){t(this,c).length&&this.scrollToSection(t(this,v).current+e,s)}setPosition(e,s="smooth"){t(this,a).set(e,s==="instant")}connectedCallback(){t(this,y).observe(),t(this,z).observe(),t(this,W).observe(),t(this,L).observe(),t(this,B).observe(),t(this,E).observe(),t(this,T).observe(),t(this,F).observe(),t(this,U).observe(),g(this,nt,St).call(this)}disconnectedCallback(){t(this,y).unobserve(),t(this,z).unobserve(),t(this,W).unobserve(),t(this,L).unobserve(),t(this,B).unobserve(),t(this,E).unobserve(),t(this,T).unobserve(),t(this,F).unobserve(),t(this,U).unobserve(),g(this,rt,_t).call(this)}};a=new WeakMap;y=new WeakMap;z=new WeakMap;W=new WeakMap;L=new WeakMap;B=new WeakMap;E=new WeakMap;T=new WeakMap;F=new WeakMap;U=new WeakMap;u=new WeakMap;dt=new WeakMap;c=new WeakMap;st=new WeakMap;it=new WeakMap;_=new WeakMap;f=new WeakMap;R=new WeakMap;M=new WeakMap;Z=new WeakMap;v=new WeakMap;N=new WeakMap;V=new WeakMap;Y=new WeakSet;bt=function(){g(this,J,j).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,I).call(this)};J=new WeakSet;j=function(){t(this,c).forEach(i=>{i.destroy()}),b(this,c,[])};gt=new WeakSet;Wt=function(){t(this,a).unsubscribe(t(this,wt)),t(this,a).stopAnimation(),t(this,M).disconnect(),t(this,Z).disconnect()};mt=new WeakSet;Mt=function(){t(this,a).subscribe(t(this,wt)),t(this,M).connect(),t(this,Z).connect()};rt=new WeakSet;_t=function(){ft.windowResizer.unsubscribe(t(this,I)),t(this,a).reset(),g(this,gt,Wt).call(this),t(this,u).style.transform="",t(this,W).current&&g(this,J,j).call(this),K.scrollEntries.unregister(this)};nt=new WeakSet;St=function(){t(this,W).current&&g(this,Y,bt).call(this),K.scrollEntries.register(this),ft.windowResizer.subscribe(t(this,I),yt.RESIZE_ORDER.SCROLL),g(this,mt,Mt).call(this)};I=new WeakMap;wt=new WeakMap;Et=new WeakSet;Ot=function(i){t(this,E).current?(t(this,v).current=i%t(this,c).length,t(this,v).current=t(this,v).current<0?t(this,c).length+t(this,v).current:t(this,v).current):t(this,v).current=Lt.clamp(i,0,t(this,c).length-1)};ht=new WeakMap;lt=new WeakSet;xt=function(i="current"){if(t(this,E).current&&t(this,c).length){const e=t(this,a)[i]%(t(this,f)+t(this,_)+t(this,R));return e<0?t(this,f)+e+t(this,_)+t(this,R):e}else return t(this,a)[i]};exports.ScrollElement=Ut([vt.define("e-scroll")],exports.ScrollElement);var tt;class Zt extends vt.CustomElement{constructor(){super(...arguments);H(this,tt,null)}get scrollElement(){return h(this,tt)}connectedCallback(){const s=Ht.findParentElement(this,exports.ScrollElement);s instanceof exports.ScrollElement?$(this,tt,s):console.error(this,"e-scroll not found")}}tt=new WeakMap;var Jt=Object.defineProperty,Nt=Object.getOwnPropertyDescriptor,Qt=(i,e,s,r)=>{for(var n=r>1?void 0:r?Nt(e,s):e,p=i.length-1,d;p>=0;p--)(d=i[p])&&(n=(r?d(e,s,n):d(n))||n);return r&&n&&Jt(e,s,n),n},Rt=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},o=(i,e,s)=>(Rt(i,e,"read from private field"),s?s.call(i):e.get(i)),x=(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)},A=(i,e,s,r)=>(Rt(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s),ot,w,P,O,Q,X,at,ct,ut,pt;const Xt=Pt.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(),x(this,ot,null),x(this,w,null),x(this,P,!1),x(this,O,0),x(this,Q,0),x(this,X,0),x(this,at,()=>{A(this,P,this.offsetWidth>this.offsetHeight);const e=o(this,P)?this.offsetWidth:this.offsetHeight;A(this,O,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),A(this,O,Math.max(o(this,O),30)),o(this,P)?(o(this,w).style.width=o(this,O)+"px",o(this,w).style.height="100%"):(o(this,w).style.width="100%",o(this,w).style.height=o(this,O)+"px"),A(this,Q,e-o(this,O)),this.scrollElement.scrollSize||(this.style.display="none")}),x(this,ct,()=>{A(this,X,this.scrollElement.currentProgress*o(this,Q)),o(this,P)?o(this,w).style.transform=`translate3d(${o(this,X)}px, 0px, 0px)`:o(this,w).style.transform=`translate3d(0px, ${o(this,X)}px, 0px)`}),x(this,ut,()=>{this.setAttribute("axis",this.scrollElement.axisAttibute.current)}),x(this,pt,e=>{const s=d=>{const et=o(this,P)?d.x:d.y,qt=this.scrollElement.distance/o(this,Q),$t=(et-p)*qt;this.scrollElement.setPosition(n+$t)},r=()=>{removeEventListener("pointermove",s),removeEventListener("pointerup",r),removeEventListener("touchend",r)};addEventListener("pointermove",s),addEventListener("pointerup",r),addEventListener("touchend",r);const n=this.scrollElement.targetScrollValue,p=o(this,P)?e.x:e.y}),zt.isBrowser&&(this.openShadow(Xt),D.element(this,{children:[D.slot({ref:e=>A(this,ot,e)})]}))}get thumbElement(){return o(this,w)}connectedCallback(){super.connectedCallback();const e=o(this,ot).assignedElements()[0];e instanceof HTMLElement?A(this,w,e):(A(this,w,document.createElement("div")),o(this,w).classList.add("default-thumb"),this.shadowRoot.appendChild(o(this,w))),o(this,w).addEventListener("pointerdown",o(this,pt)),ft.windowResizer.subscribe(o(this,at),yt.RESIZE_ORDER.SCROLL+1),this.scrollElement.onScroll(o(this,ct)),this.scrollElement.axisAttibute.subscribe(o(this,ut))}disconnectedCallback(){o(this,w).removeEventListener("pointerdown",o(this,pt)),ft.windowResizer.unsubscribe(o(this,at)),this.scrollElement.offScroll(o(this,ct)),this.scrollElement.axisAttibute.unsubscribe(o(this,ut))}};ot=new WeakMap;w=new WeakMap;P=new WeakMap;O=new WeakMap;Q=new WeakMap;X=new WeakMap;at=new WeakMap;ct=new WeakMap;ut=new WeakMap;pt=new WeakMap;exports.ScrollbarElement=Qt([vt.define("e-scrollbar")],exports.ScrollbarElement);
|
|
1
|
+
"use strict";var Mt=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)};var h=(i,e,s)=>(Mt(i,e,"read from private field"),s?s.call(i):e.get(i)),B=(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)},T=(i,e,s,r)=>(Mt(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Dt=require("../Damped-9h4qaGcS.cjs"),Vt=require("../Store-C-1ruEIm.cjs"),It=require("../Derived-B-g8dYgh.cjs"),Lt=require("../browser-CpzFX2xg.cjs"),K=require("../layout-8ryRAMGJ.cjs"),Ot=require("../math-GDWEqu7y.cjs");require("../ticker/index.cjs");const Pt=require("../WheelControls-0zNcnAB3.cjs"),wt=require("../custom-element/index.cjs"),Et=require("../order/index.cjs"),dt=require("../window-resizer/index.cjs"),Z=require("../scroll-entries/index.cjs"),V=require("../tags-Dz_Yisj_.cjs"),Rt=require("../createStylesheet-u1ZQ2BI5.cjs"),Ht=require("../css-unit-parser/index.cjs"),k=require("../css-property/index.cjs"),Bt=require("../dom-JBOkFLTh.cjs"),zt=require("../theme/index.cjs");var Ft=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,Gt=(i,e,s,r)=>{for(var n=r>1?void 0:r?Ut(e,s):e,p=i.length-1,f;p>=0;p--)(f=i[p])&&(n=(r?f(e,s,n):f(n))||n);return r&&n&&Ft(e,s,n),n},kt=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},t=(i,e,s)=>(kt(i,e,"read from private field"),s?s.call(i):e.get(i)),o=(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)},g=(i,e,s,r)=>(kt(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s),m=(i,e,s)=>(kt(i,e,"access private method"),s),a,y,z,C,L,F,x,$,U,G,u,ft,c,st,it,S,d,q,W,I,w,N,D,Y,gt,J,j,mt,Ct,vt,Wt,rt,St,nt,_t,H,bt,yt,qt,ht,ot,xt,_,v,A,M;class Kt{constructor(e,s){B(this,_,void 0);B(this,v,void 0);B(this,A,0);B(this,M,0);T(this,_,e),T(this,v,s),Z.scrollEntries.register(h(this,_))}get size(){return h(this,A)}get position(){return h(this,M)}destroy(){Z.scrollEntries.unregister(h(this,_)),h(this,_).style.transform=""}resize(){T(this,A,h(this,v).vertical?h(this,_).offsetHeight:h(this,_).offsetWidth),T(this,M,h(this,v).vertical?K.getCumulativeOffsetTop(h(this,_)):K.getCumulativeOffsetLeft(h(this,_))),T(this,M,h(this,M)-h(this,v).contentPosition)}transform(){let e=0;const s=h(this,v).viewportSize-h(this,A);h(this,v).infiniteProperty.current&&h(this,v).overscroll&&h(this,M)+h(this,A)<h(this,v).currentScrollValue&&(e=h(this,v).distance*-1-h(this,v).gap),Z.scrollEntries.update(h(this,_),h(this,v).axisAttibute.current,e);const r=h(this,v).currentScrollValue+e,n=h(this,M)-h(this,v).viewportSize-s,p=h(this,M)+h(this,A)+s,f=Ot.clamp(r,n,p);h(this,v).vertical?h(this,_).style.transform=`translate3d(0px, ${f*-1}px, 0px)`:h(this,_).style.transform=`translate3d(${f*-1}px, 0px, 0px)`}}_=new WeakMap,v=new WeakMap,A=new WeakMap,M=new WeakMap;const Zt=Rt.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"absolute",top:"0",left:"0",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(){super(),o(this,Y),o(this,J),o(this,mt),o(this,vt),o(this,rt),o(this,nt),o(this,yt),o(this,ot),o(this,a,null),o(this,y,new k.CSSProperty(this,"--axis","y")),o(this,z,new k.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)})),o(this,C,new k.CSSProperty(this,"--split",!1)),o(this,L,new k.CSSProperty(this,"--sectional",!1)),o(this,F,new k.CSSProperty(this,"--wheel-max-delta",!1)),o(this,x,new k.CSSProperty(this,"--infinite",!1)),o(this,$,new k.CSSProperty(this,"--damping",.03)),o(this,U,new k.CSSProperty(this,"--disabled",!1)),o(this,G,new k.CSSProperty(this,"--hibernated",!1)),o(this,u,null),o(this,ft,null),o(this,c,[]),o(this,st,0),o(this,it,0),o(this,S,0),o(this,d,0),o(this,q,0),o(this,W,null),o(this,I,null),o(this,w,new Vt.Store(0)),o(this,N,0),o(this,D,0),o(this,H,()=>{const e=this.currentScrollValue/t(this,d)||0;if(g(this,st,this.vertical?K.getCumulativeOffsetTop(this):K.getCumulativeOffsetLeft(this)),g(this,it,this.vertical?K.getCumulativeOffsetTop(t(this,u)):K.getCumulativeOffsetLeft(t(this,u))),g(this,S,this.vertical?this.offsetHeight:this.offsetWidth),t(this,z).current){g(this,d,t(this,S)*t(this,z).current);const s=t(this,d)+t(this,S);this.vertical?(t(this,u).style.width=s+"px",t(this,u).style.height="100%"):(t(this,u).style.height=s+"px",t(this,u).style.width="100%")}else this.vertical?(t(this,u).style.width="100%",t(this,u).style.height="max-content",g(this,d,t(this,u).offsetHeight-t(this,S))):(t(this,u).style.width="max-content",t(this,u).style.height="100%",g(this,d,t(this,u).offsetWidth-t(this,S)));if(g(this,q,Ht.cssUnitParser.parse(getComputedStyle(t(this,u)).gap)),!t(this,x).current){const s=getComputedStyle(this);g(this,d,t(this,d)+(this.vertical?parseFloat(s.paddingBlockStart)+parseFloat(s.paddingBlockEnd):parseFloat(s.paddingInlineStart)+parseFloat(s.paddingInlineEnd))),t(this,a).max=t(this,d)}if(t(this,c).forEach(s=>{s.resize(),s.transform()}),t(this,x).current&&t(this,c).length){const s=t(this,c)[t(this,c).length-1],r=s.position+s.size-t(this,S),n=t(this,d)-r;g(this,D,s.position+s.size+n)}else g(this,D,t(this,d));if(t(this,L).current&&t(this,c).length){const s=t(this,c)[t(this,w).current];t(this,a).set(s.position,!0)}else t(this,a).set(e*t(this,d),!0)}),o(this,bt,()=>{const e=this.currentScrollValue;if(g(this,N,Math.max(0,e-t(this,d))),t(this,c).length){let s=0;for(let r=0;r<t(this,c).length;r++){const n=t(this,c)[r];n.transform(),this.targetScrollValue+this.viewportSize/2>=n.position&&(s=r)}t(this,w).current=s}else this.vertical?t(this,u).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,u).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;Z.scrollEntries.update(this,t(this,y).current,e)}),o(this,ht,e=>{if(t(this,L).current){const s=Math.sign(e);t(this,c).length?this.shiftSections(s):t(this,a).shift(s*t(this,S))}else t(this,a).shift(e)}),Lt.isBrowser&&(g(this,a,new Dt.Damped(0,{damping:.01,min:0,order:Et.TICK_ORDER.SCROLL})),this.openShadow(Zt),V.element(this,{tabIndex:0,children:[V.div({class:"static",children:[V.slot({name:"static"})]}),V.div({class:"content",children:[V.slot({ref:e=>g(this,ft,e)})],style:{flexDirection:new It.Derived(t(this,y),e=>e==="x"?"row":"column")},ref:e=>g(this,u,e)})]}),g(this,W,new Pt.WheelControls({element:this})),t(this,W).changeEvent.subscribe(t(this,ht)),g(this,I,new Pt.KeyboardControls({element:this})),t(this,I).changeEvent.subscribe(t(this,ht)),t(this,y).subscribe(({current:e})=>{t(this,u).style.flexDirection=e==="x"?"row":"column",t(this,W).axis=t(this,F).current?"max":e,t(this,I).dimension=e==="x"?"width":"height",this.isConnected&&t(this,H).call(this)}),t(this,F).subscribe(e=>{t(this,W).axis=e.current?"max":t(this,y).current}),t(this,z).subscribe(()=>{this.isConnected&&t(this,H).call(this)}),t(this,C).subscribe(({current:e})=>{this.isConnected&&(e?m(this,Y,gt).call(this):m(this,J,j).call(this))}),t(this,L).subscribe(e=>{t(this,w).current=0,t(this,W).debounce=e.current,t(this,a).reset(),this.isConnected&&(e.current&&!e.previous?m(this,Y,gt).call(this):!e.current&&e.previous&&m(this,J,j).call(this))}),t(this,x).subscribe(e=>{e.current?(this.isConnected&&(t(this,c).length||(t(this,C).current=!0)),t(this,c).length&&(t(this,a).max=1/0,t(this,a).min=-1/0)):(g(this,N,0),t(this,a).max=t(this,d),t(this,a).min=0)}),t(this,$).subscribe(e=>{t(this,a).damping=e.current}),t(this,U).subscribe(e=>{e.current&&!e.previous?m(this,mt,Ct).call(this):!e.current&&e.previous&&m(this,vt,Wt).call(this)}),t(this,G).subscribe(e=>{e.current&&!e.previous?m(this,rt,St).call(this):!e.current&&e.previous&&m(this,nt,_t).call(this)}))}get dampingProperty(){return t(this,$)}get axisAttibute(){return t(this,y)}get pagesAttibute(){return t(this,z)}get splitAttibute(){return t(this,C)}get sectionalAttibute(){return t(this,L)}get infiniteProperty(){return t(this,x)}get dampingAttibute(){return t(this,$)}get disabledAttibute(){return t(this,U)}get hibernatedAttibute(){return t(this,G)}get currentScrollValue(){return m(this,ot,xt).call(this,"current")}get targetScrollValue(){return m(this,ot,xt).call(this,"target")}get contentElement(){return t(this,u)}get position(){return t(this,st)}get contentPosition(){return t(this,it)}get viewportSize(){return t(this,S)}get scrollSize(){return t(this,d)}get gap(){return t(this,q)}get counter(){return t(this,w)}get distance(){return t(this,D)}get overscroll(){return t(this,N)}get vertical(){return t(this,y).current==="y"}get currentProgress(){return this.currentScrollValue/t(this,D)||0}get targetProgress(){return this.targetScrollValue/t(this,D)||0}get speed(){return t(this,a).speed}get direction(){return t(this,a).direction}get isRunning(){return t(this,a).isRunning}get scrollWidth(){return t(this,y).current==="y"?0:t(this,a).length}get scrollHeight(){return t(this,y).current==="x"?0:t(this,a).length}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,s,r=0){const n=e-r,p=n+s+r*2;return this.currentProgress<n?0:this.currentProgress>p?1:(this.currentProgress-n)/(p-n)}curve(e,s,r=0){return Math.sin(this.range(e,s,r)*Math.PI)}visible(e,s,r=0){const n=e-r,p=n+s+r*2;return this.currentProgress>=n&&this.currentProgress<=p}scrollToSection(e,s="smooth"){if(!t(this,c).length)return;const r=t(this,w).current;m(this,yt,qt).call(this,e);const n=t(this,c)[r],p=t(this,c)[t(this,w).current];if(n&&p){let f=0;const et=t(this,c).length-1;t(this,x).current?t(this,w).current===0&&r===et?f=t(this,d)+t(this,S)-n.position+t(this,q):t(this,w).current===et&&r===0?f=p.position-(t(this,d)+t(this,S)+t(this,q)):f=p.position-n.position:f=p.position-n.position,t(this,a).shift(f,s==="instant")}}shiftSections(e,s="smooth"){t(this,c).length&&this.scrollToSection(t(this,w).current+e,s)}setPosition(e,s="smooth"){t(this,a).set(e,s==="instant")}connectedCallback(){t(this,y).observe(),t(this,z).observe(),t(this,C).observe(),t(this,L).observe(),t(this,F).observe(),t(this,x).observe(),t(this,$).observe(),t(this,U).observe(),t(this,G).observe(),m(this,nt,_t).call(this)}disconnectedCallback(){t(this,y).unobserve(),t(this,z).unobserve(),t(this,C).unobserve(),t(this,L).unobserve(),t(this,F).unobserve(),t(this,x).unobserve(),t(this,$).unobserve(),t(this,U).unobserve(),t(this,G).unobserve(),m(this,rt,St).call(this)}};a=new WeakMap;y=new WeakMap;z=new WeakMap;C=new WeakMap;L=new WeakMap;F=new WeakMap;x=new WeakMap;$=new WeakMap;U=new WeakMap;G=new WeakMap;u=new WeakMap;ft=new WeakMap;c=new WeakMap;st=new WeakMap;it=new WeakMap;S=new WeakMap;d=new WeakMap;q=new WeakMap;W=new WeakMap;I=new WeakMap;w=new WeakMap;N=new WeakMap;D=new WeakMap;Y=new WeakSet;gt=function(){m(this,J,j).call(this),t(this,ft).assignedElements().forEach(i=>{i instanceof HTMLElement&&t(this,c).push(new Kt(i,this))}),t(this,u).style.transform="",t(this,H).call(this)};J=new WeakSet;j=function(){t(this,c).forEach(i=>{i.destroy()}),g(this,c,[])};mt=new WeakSet;Ct=function(){t(this,a).unsubscribe(t(this,bt)),t(this,a).stopAnimation(),t(this,W).disconnect(),t(this,I).disconnect()};vt=new WeakSet;Wt=function(){t(this,a).subscribe(t(this,bt)),t(this,W).connect(),t(this,I).connect()};rt=new WeakSet;St=function(){dt.windowResizer.unsubscribe(t(this,H)),t(this,a).reset(),m(this,mt,Ct).call(this),t(this,u).style.transform="",t(this,C).current&&m(this,J,j).call(this),Z.scrollEntries.unregister(this)};nt=new WeakSet;_t=function(){t(this,C).current&&m(this,Y,gt).call(this),Z.scrollEntries.register(this),dt.windowResizer.subscribe(t(this,H),Et.RESIZE_ORDER.SCROLL),m(this,vt,Wt).call(this)};H=new WeakMap;bt=new WeakMap;yt=new WeakSet;qt=function(i){t(this,x).current?(t(this,w).current=i%t(this,c).length,t(this,w).current=t(this,w).current<0?t(this,c).length+t(this,w).current:t(this,w).current):t(this,w).current=Ot.clamp(i,0,t(this,c).length-1)};ht=new WeakMap;ot=new WeakSet;xt=function(i="current"){if(t(this,x).current&&t(this,c).length){const e=t(this,a)[i]%(t(this,d)+t(this,S)+t(this,q));return e<0?t(this,d)+e+t(this,S)+t(this,q):e}else return t(this,a)[i]};exports.ScrollElement=Gt([wt.define("e-scroll")],exports.ScrollElement);var tt;class Jt extends wt.CustomElement{constructor(){super(...arguments);B(this,tt,null)}get scrollElement(){return h(this,tt)}connectedCallback(){const s=Bt.findParentElement(this,exports.ScrollElement);s instanceof exports.ScrollElement?T(this,tt,s):console.error(this,"e-scroll not found")}}tt=new WeakMap;var Nt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,Xt=(i,e,s,r)=>{for(var n=r>1?void 0:r?Qt(e,s):e,p=i.length-1,f;p>=0;p--)(f=i[p])&&(n=(r?f(e,s,n):f(n))||n);return r&&n&&Nt(e,s,n),n},At=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},l=(i,e,s)=>(At(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)},P=(i,e,s,r)=>(At(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s),lt,b,O,R,Q,X,at,ct,ut,pt;const Yt=Rt.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:zt.aptechkaTheme.colorLight.var},':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:zt.aptechkaTheme.colorDark.var,borderRadius:"1vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}});exports.ScrollbarElement=class extends Jt{constructor(){super(),E(this,lt,null),E(this,b,null),E(this,O,!1),E(this,R,0),E(this,Q,0),E(this,X,0),E(this,at,()=>{P(this,O,this.offsetWidth>this.offsetHeight);const e=l(this,O)?this.offsetWidth:this.offsetHeight;P(this,R,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),P(this,R,Math.max(l(this,R),30)),l(this,O)?(l(this,b).style.width=l(this,R)+"px",l(this,b).style.height="100%"):(l(this,b).style.width="100%",l(this,b).style.height=l(this,R)+"px"),P(this,Q,e-l(this,R)),this.scrollElement.scrollSize||(this.style.display="none")}),E(this,ct,()=>{P(this,X,this.scrollElement.currentProgress*l(this,Q)),l(this,O)?l(this,b).style.transform=`translate3d(${l(this,X)}px, 0px, 0px)`:l(this,b).style.transform=`translate3d(0px, ${l(this,X)}px, 0px)`}),E(this,ut,()=>{this.setAttribute("axis",this.scrollElement.axisAttibute.current)}),E(this,pt,e=>{const s=f=>{const et=l(this,O)?f.x:f.y,Tt=this.scrollElement.distance/l(this,Q),$t=(et-p)*Tt;this.scrollElement.setPosition(n+$t)},r=()=>{removeEventListener("pointermove",s),removeEventListener("pointerup",r),removeEventListener("touchend",r)};addEventListener("pointermove",s),addEventListener("pointerup",r),addEventListener("touchend",r);const n=this.scrollElement.targetScrollValue,p=l(this,O)?e.x:e.y}),Lt.isBrowser&&(this.openShadow(Yt),V.element(this,{slot:"static",children:[V.slot({ref:e=>P(this,lt,e)})]}))}get thumbElement(){return l(this,b)}connectedCallback(){super.connectedCallback();const e=l(this,lt).assignedElements()[0];e instanceof HTMLElement?P(this,b,e):(P(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,pt)),dt.windowResizer.subscribe(l(this,at),Et.RESIZE_ORDER.SCROLL+1),this.scrollElement.onScroll(l(this,ct)),this.scrollElement.axisAttibute.subscribe(l(this,ut))}disconnectedCallback(){l(this,b).removeEventListener("pointerdown",l(this,pt)),dt.windowResizer.unsubscribe(l(this,at)),this.scrollElement.offScroll(l(this,ct)),this.scrollElement.axisAttibute.unsubscribe(l(this,ut))}};lt=new WeakMap;b=new WeakMap;O=new WeakMap;R=new WeakMap;Q=new WeakMap;X=new WeakMap;at=new WeakMap;ct=new WeakMap;ut=new WeakMap;pt=new WeakMap;exports.ScrollbarElement=Xt([wt.define("e-scrollbar")],exports.ScrollbarElement);
|