aptechka 0.4.28 → 0.4.30
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/layout-box/index.cjs +1 -1
- package/lib/layout-box/index.js +24 -24
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +140 -139
- package/package.json +1 -1
package/lib/layout-box/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var $=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)};var t=(i,e,s)=>($(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)},n=(i,e,s,r)=>($(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s);var q=(i,e,s)=>($(i,e,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ut=require("../css-unit-parser/index.cjs"),F=require("../ladder/index.cjs"),N=require("../order/index.cjs"),G=require("../scroll-entries/index.cjs"),Q=require("../ticker/index.cjs"),j=require("../browser-CpzFX2xg.cjs"),tt=require("../dom-JBOkFLTh.cjs"),O=require("../layout-8ryRAMGJ.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const et=require("../element-resizer/index.cjs"),st=require("../window-resizer/index.cjs");function it(i){const e=Math.sqrt(i.m11*i.m11+i.m12*i.m12+i.m13*i.m13),s=Math.sqrt(i.m21*i.m21+i.m22*i.m22+i.m23*i.m23),r=Math.sqrt(i.m31*i.m31+i.m32*i.m32+i.m33*i.m33),
|
|
1
|
+
"use strict";var $=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)};var t=(i,e,s)=>($(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)},n=(i,e,s,r)=>($(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s);var q=(i,e,s)=>($(i,e,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ut=require("../css-unit-parser/index.cjs"),F=require("../ladder/index.cjs"),N=require("../order/index.cjs"),G=require("../scroll-entries/index.cjs"),Q=require("../ticker/index.cjs"),j=require("../browser-CpzFX2xg.cjs"),tt=require("../dom-JBOkFLTh.cjs"),O=require("../layout-8ryRAMGJ.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const et=require("../element-resizer/index.cjs"),st=require("../window-resizer/index.cjs");function it(i){const e=Math.sqrt(i.m11*i.m11+i.m12*i.m12+i.m13*i.m13),s=Math.sqrt(i.m21*i.m21+i.m22*i.m22+i.m23*i.m23),r=Math.sqrt(i.m31*i.m31+i.m32*i.m32+i.m33*i.m33),H=Math.atan2(i.m32,i.m33),Z=Math.atan2(-i.m31,Math.sqrt(i.m32*i.m32+i.m33*i.m33)),K=Math.atan2(i.m21,i.m11),u=i.m41,C=i.m42*-1,R=i.m43;return{scaleX:e,scaleY:s,scaleZ:r,rotationX:H,rotationY:Z,rotationZ:K,translationX:u,translationY:C,translationZ:R}}var c,f,p,M,B,L,x,w,A,y,_,P,S,d,v,T,X,W,z,g,m,a,l,o,b,k,J,V,ht,D,nt,I,rt,E,U,Y;class St{constructor(e,s){h(this,k);h(this,V);h(this,D);h(this,I);h(this,c,null);h(this,f,null);h(this,p,[]);h(this,M,"auto");h(this,B,"top");h(this,L,!1);h(this,x,!0);h(this,w,!0);h(this,A,!0);h(this,y,0);h(this,_,0);h(this,P,0);h(this,S,0);h(this,d,0);h(this,v,0);h(this,T,0);h(this,X,0);h(this,W,0);h(this,z,{x:0,y:0,z:0});h(this,g,{x:0,y:0,z:0});h(this,m,{x:1,y:1,z:1});h(this,a,new F.Ladder({x:0,y:0,z:0}));h(this,l,new F.Ladder({x:0,y:0,z:0}));h(this,o,new F.Ladder({x:0,y:0,z:0}));h(this,b,new Map);h(this,E,()=>{j.isBrowser&&q(this,D,nt).call(this)});h(this,U,()=>{q(this,I,rt).call(this),q(this,k,J).call(this)});h(this,Y,()=>{const e=G.scrollEntries.getAll(this.element);t(this,b).forEach((s,r)=>{e.includes(r)||(this.deleteScrollStep(s),t(this,b).delete(r))}),e.forEach(s=>{if(!t(this,b).has(s)){const r=()=>s;t(this,b).set(s,r),this.setScrollStep(r)}})});j.isBrowser&&(n(this,c,tt.getElement(e)||document.body),n(this,f,tt.getElement(s==null?void 0:s.containerElement)||document.body),n(this,M,(s==null?void 0:s.scrollAxis)||"auto"),n(this,B,(s==null?void 0:s.frontSide)||"top"),n(this,L,(s==null?void 0:s.cartesian)||!1),n(this,x,(s==null?void 0:s.sizeStep)!==void 0?s.sizeStep:!0),n(this,w,(s==null?void 0:s.positionStep)!==void 0?s.positionStep:!0),n(this,A,(s==null?void 0:s.transformStep)!==void 0?s.transformStep:!0),t(this,o).setStep("_size","+",{x:1,y:1,z:1}),t(this,l).setStep("_position","+",{x:0,y:0,z:0}),t(this,o).setStep("_scale","*",{x:1,y:1,z:1}),t(this,l).setStep("_translation","+",{x:0,y:0,z:0}),t(this,a).setStep("_rotation","+",{x:0,y:0,z:0}),G.scrollEntries.notifier.subscribe(t(this,Y)),t(this,Y).call(this),Q.ticker.subscribe(t(this,U),{order:N.TICK_ORDER.LAYOUT_BOX,culling:s!=null&&s.culling?this.element:void 0}),et.elementResizer.subscribe(this.element,t(this,E)),st.windowResizer.subscribe(t(this,E),N.RESIZE_ORDER.LAYOUT_BOX))}get element(){return t(this,c)}get containerElement(){return t(this,f)}get position(){return t(this,l).current}get rotation(){return t(this,a).current}get scale(){return t(this,o).current}get left(){return t(this,d)}get top(){return t(this,S)}get front(){return t(this,v)}get width(){return t(this,y)}get height(){return t(this,_)}get depth(){return t(this,P)}bindObject(e){e.position&&t(this,l).bind(e.position),e.rotation&&t(this,a).bind(e.rotation),e.scale&&t(this,o).bind(e.scale)}unbindObject(e){e.position&&t(this,l).unbind(e.position),e.rotation&&t(this,a).unbind(e.rotation),e.scale&&t(this,o).unbind(e.scale)}setScrollStep(e){return t(this,p).includes(e)||t(this,p).push(e),()=>this.deleteScrollStep(e)}deleteScrollStep(e){n(this,p,t(this,p).filter(s=>s!==e))}destroy(){Q.ticker.unsubscribe(t(this,U)),et.elementResizer.unsubscribe(t(this,E)),st.windowResizer.unsubscribe(t(this,E)),G.scrollEntries.notifier.unsubscribe(t(this,Y)),t(this,b).clear(),t(this,l).close(),t(this,a).close(),t(this,o).close()}setPositionStep(...e){t(this,l).setStep(...e)}getPositionStep(...e){return t(this,l).getStepValue(...e)}setRotationStep(...e){t(this,a).setStep(...e)}getRotationStep(...e){return t(this,a).getStepValue(...e)}setScaleStep(...e){t(this,o).setStep(...e)}getScaleStep(...e){return t(this,o).getStepValue(...e)}deletePositionStep(...e){t(this,l).deleteStep(...e)}deleteRotationStep(...e){t(this,a).deleteStep(...e)}deleteScaleStep(...e){t(this,o).deleteStep(...e)}}c=new WeakMap,f=new WeakMap,p=new WeakMap,M=new WeakMap,B=new WeakMap,L=new WeakMap,x=new WeakMap,w=new WeakMap,A=new WeakMap,y=new WeakMap,_=new WeakMap,P=new WeakMap,S=new WeakMap,d=new WeakMap,v=new WeakMap,T=new WeakMap,X=new WeakMap,W=new WeakMap,z=new WeakMap,g=new WeakMap,m=new WeakMap,a=new WeakMap,l=new WeakMap,o=new WeakMap,b=new WeakMap,k=new WeakSet,J=function(){t(this,o).calculate(),t(this,l).calculate(),t(this,a).calculate()},V=new WeakSet,ht=function(){t(this,o).setStep("_size","+",{x:t(this,x)?t(this,y):1,y:t(this,x)?t(this,_):1,z:t(this,x)?t(this,P):1});const e=t(this,w)?t(this,T):0,s=t(this,w)?t(this,X):0,r=t(this,w)?t(this,W):0;t(this,l).setStep("_position","+",{x:e,y:s,z:r}),t(this,A)?(t(this,o).setStep("_scale","*",{x:t(this,m).x,y:t(this,m).y,z:t(this,m).z}),t(this,l).setStep("_translation","+",{x:t(this,z).x,y:t(this,z).y,z:t(this,z).z}),t(this,a).setStep("_rotation","+",{x:t(this,g).x,y:t(this,g).y,z:t(this,g).z})):(t(this,o).setStep("_scale","*",{x:1,y:1,z:1}),t(this,l).setStep("_translation","+",{x:0,y:0,z:0}),t(this,a).setStep("_rotation","+",{x:0,y:0,z:0}))},D=new WeakSet,nt=function(){const e=getComputedStyle(t(this,c));n(this,y,Math.max(t(this,c).clientWidth,1)),n(this,_,Math.max(t(this,c).clientHeight,1)),n(this,P,Math.max(ut.cssUnitParser.parse(e.getPropertyValue("--depth")||"0px"),1));const s=O.getCumulativeOffsetLeft(t(this,f)),r=O.getCumulativeOffsetTop(t(this,f)),H=t(this,f).clientWidth,Z=t(this,f).clientHeight;if(n(this,d,O.getCumulativeOffsetLeft(t(this,c))-s),n(this,S,O.getCumulativeOffsetTop(t(this,c))-r),t(this,M)==="z"){const C=t(this,d)/H,R=t(this,S)/Z;n(this,d,(C-Math.floor(C))*H),n(this,S,(R-Math.floor(R))*Z),t(this,B)==="left"?n(this,v,O.getCumulativeOffsetLeft(t(this,c))-s-t(this,d)):n(this,v,O.getCumulativeOffsetTop(t(this,c))-r-t(this,S))}if(n(this,d,t(this,d)+t(this,c).clientLeft),n(this,S,t(this,S)+t(this,c).clientTop),t(this,L)){const C=Math.round(H/2),R=Math.round(Z/2),lt=t(this,y)?Math.round(t(this,y)/2):0,ot=t(this,_)?Math.round(t(this,_)/2):0,ct=t(this,d)-C+lt,at=(t(this,S)-R+ot)*-1;n(this,T,ct),n(this,X,at)}else n(this,T,t(this,d)),n(this,X,t(this,S));n(this,W,t(this,v)*-1);const K=new WebKitCSSMatrix(e.transform),u=it(K);t(this,z).x=u.translationX,t(this,z).y=u.translationY,t(this,z).z=u.translationZ,t(this,m).x=u.scaleX,t(this,m).y=u.scaleY,t(this,m).z=u.scaleZ,t(this,g).x=u.rotationX,t(this,g).y=u.rotationY,t(this,g).z=u.rotationZ,q(this,V,ht).call(this),q(this,k,J).call(this)},I=new WeakSet,rt=function(){for(let e=0;e<t(this,p).length;e++){const s=t(this,p)[e]();let r=s.axis;t(this,M)!=="auto"&&(r=t(this,M)),t(this,l).setStep(`_scroll_${e}`,"+",{[r]:s.value*(r==="x"?-1:t(this,L)?1:-1)})}},E=new WeakMap,U=new WeakMap,Y=new WeakMap;exports.LayoutBox=St;exports.decomposeCSSMatrix=it;
|
package/lib/layout-box/index.js
CHANGED
|
@@ -26,7 +26,7 @@ function dt(i) {
|
|
|
26
26
|
i.m21 * i.m21 + i.m22 * i.m22 + i.m23 * i.m23
|
|
27
27
|
), r = Math.sqrt(
|
|
28
28
|
i.m31 * i.m31 + i.m32 * i.m32 + i.m33 * i.m33
|
|
29
|
-
),
|
|
29
|
+
), T = Math.atan2(i.m32, i.m33), Z = Math.atan2(
|
|
30
30
|
-i.m31,
|
|
31
31
|
Math.sqrt(i.m32 * i.m32 + i.m33 * i.m33)
|
|
32
32
|
), I = Math.atan2(i.m21, i.m11), u = i.m41, R = i.m42 * -1, C = i.m43;
|
|
@@ -34,18 +34,18 @@ function dt(i) {
|
|
|
34
34
|
scaleX: s,
|
|
35
35
|
scaleY: e,
|
|
36
36
|
scaleZ: r,
|
|
37
|
-
rotationX:
|
|
38
|
-
rotationY:
|
|
37
|
+
rotationX: T,
|
|
38
|
+
rotationY: Z,
|
|
39
39
|
rotationZ: I,
|
|
40
40
|
translationX: u,
|
|
41
41
|
translationY: R,
|
|
42
42
|
translationZ: C
|
|
43
43
|
};
|
|
44
44
|
}
|
|
45
|
-
var a, f, p, _,
|
|
45
|
+
var a, f, p, _, A, P, x, E, W, y, M, L, S, d, v, X, Y, q, m, z, g, c, l, o, b, B, N, D, it, U, ht, k, nt, w, V, H;
|
|
46
46
|
class wt {
|
|
47
47
|
constructor(s, e) {
|
|
48
|
-
h(this,
|
|
48
|
+
h(this, B);
|
|
49
49
|
h(this, D);
|
|
50
50
|
h(this, U);
|
|
51
51
|
h(this, k);
|
|
@@ -53,11 +53,11 @@ class wt {
|
|
|
53
53
|
h(this, f, null);
|
|
54
54
|
h(this, p, []);
|
|
55
55
|
h(this, _, "auto");
|
|
56
|
-
h(this,
|
|
56
|
+
h(this, A, "top");
|
|
57
57
|
h(this, P, !1);
|
|
58
58
|
h(this, x, !0);
|
|
59
59
|
h(this, E, !0);
|
|
60
|
-
h(this,
|
|
60
|
+
h(this, W, !0);
|
|
61
61
|
h(this, y, 0);
|
|
62
62
|
h(this, M, 0);
|
|
63
63
|
h(this, L, 0);
|
|
@@ -66,7 +66,7 @@ class wt {
|
|
|
66
66
|
h(this, v, 0);
|
|
67
67
|
h(this, X, 0);
|
|
68
68
|
h(this, Y, 0);
|
|
69
|
-
h(this,
|
|
69
|
+
h(this, q, 0);
|
|
70
70
|
h(this, m, { x: 0, y: 0, z: 0 });
|
|
71
71
|
h(this, z, { x: 0, y: 0, z: 0 });
|
|
72
72
|
h(this, g, { x: 1, y: 1, z: 1 });
|
|
@@ -77,10 +77,10 @@ class wt {
|
|
|
77
77
|
h(this, w, () => {
|
|
78
78
|
j && O(this, U, ht).call(this);
|
|
79
79
|
});
|
|
80
|
-
h(this, B, () => {
|
|
81
|
-
O(this, k, nt).call(this), O(this, q, N).call(this);
|
|
82
|
-
});
|
|
83
80
|
h(this, V, () => {
|
|
81
|
+
O(this, k, nt).call(this), O(this, B, N).call(this);
|
|
82
|
+
});
|
|
83
|
+
h(this, H, () => {
|
|
84
84
|
const s = F.getAll(this.element);
|
|
85
85
|
t(this, b).forEach((e, r) => {
|
|
86
86
|
s.includes(r) || (this.deleteScrollStep(e), t(this, b).delete(r));
|
|
@@ -91,7 +91,7 @@ class wt {
|
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
93
|
});
|
|
94
|
-
j && (n(this, a, tt(s) || document.body), n(this, f, tt(e == null ? void 0 : e.containerElement) || document.body), n(this, _, (e == null ? void 0 : e.scrollAxis) || "auto"), n(this,
|
|
94
|
+
j && (n(this, a, tt(s) || document.body), n(this, f, tt(e == null ? void 0 : e.containerElement) || document.body), n(this, _, (e == null ? void 0 : e.scrollAxis) || "auto"), n(this, A, (e == null ? void 0 : e.frontSide) || "top"), n(this, P, (e == null ? void 0 : e.cartesian) || !1), n(this, x, (e == null ? void 0 : e.sizeStep) !== void 0 ? e.sizeStep : !0), n(this, E, (e == null ? void 0 : e.positionStep) !== void 0 ? e.positionStep : !0), n(this, W, (e == null ? void 0 : e.transformStep) !== void 0 ? e.transformStep : !0), t(this, o).setStep("_size", "+", {
|
|
95
95
|
x: 1,
|
|
96
96
|
y: 1,
|
|
97
97
|
z: 1
|
|
@@ -111,7 +111,7 @@ class wt {
|
|
|
111
111
|
x: 0,
|
|
112
112
|
y: 0,
|
|
113
113
|
z: 0
|
|
114
|
-
}), F.notifier.subscribe(t(this,
|
|
114
|
+
}), F.notifier.subscribe(t(this, H)), t(this, H).call(this), Q.subscribe(t(this, V), {
|
|
115
115
|
order: ut.LAYOUT_BOX,
|
|
116
116
|
culling: e != null && e.culling ? this.element : void 0
|
|
117
117
|
}), st.subscribe(this.element, t(this, w)), et.subscribe(t(this, w), St.LAYOUT_BOX));
|
|
@@ -164,7 +164,7 @@ class wt {
|
|
|
164
164
|
));
|
|
165
165
|
}
|
|
166
166
|
destroy() {
|
|
167
|
-
Q.unsubscribe(t(this,
|
|
167
|
+
Q.unsubscribe(t(this, V)), st.unsubscribe(t(this, w)), et.unsubscribe(t(this, w)), F.notifier.unsubscribe(t(this, H)), t(this, b).clear(), t(this, l).close(), t(this, c).close(), t(this, o).close();
|
|
168
168
|
}
|
|
169
169
|
setPositionStep(...s) {
|
|
170
170
|
t(this, l).setStep(...s);
|
|
@@ -194,7 +194,7 @@ class wt {
|
|
|
194
194
|
t(this, o).deleteStep(...s);
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
-
a = new WeakMap(), f = new WeakMap(), p = new WeakMap(), _ = new WeakMap(),
|
|
197
|
+
a = new WeakMap(), f = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), A = new WeakMap(), P = new WeakMap(), x = new WeakMap(), E = new WeakMap(), W = new WeakMap(), y = new WeakMap(), M = new WeakMap(), L = new WeakMap(), S = new WeakMap(), d = new WeakMap(), v = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), q = new WeakMap(), m = new WeakMap(), z = new WeakMap(), g = new WeakMap(), c = new WeakMap(), l = new WeakMap(), o = new WeakMap(), b = new WeakMap(), B = new WeakSet(), N = function() {
|
|
198
198
|
t(this, o).calculate(), t(this, l).calculate(), t(this, c).calculate();
|
|
199
199
|
}, D = new WeakSet(), it = function() {
|
|
200
200
|
t(this, o).setStep("_size", "+", {
|
|
@@ -202,12 +202,12 @@ a = new WeakMap(), f = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), Z =
|
|
|
202
202
|
y: t(this, x) ? t(this, M) : 1,
|
|
203
203
|
z: t(this, x) ? t(this, L) : 1
|
|
204
204
|
});
|
|
205
|
-
const s = t(this, E) ? t(this, X) : 0, e = t(this, E) ? t(this, Y) : 0, r = t(this, E) ? t(this,
|
|
205
|
+
const s = t(this, E) ? t(this, X) : 0, e = t(this, E) ? t(this, Y) : 0, r = t(this, E) ? t(this, q) : 0;
|
|
206
206
|
t(this, l).setStep("_position", "+", {
|
|
207
207
|
x: s,
|
|
208
208
|
y: e,
|
|
209
209
|
z: r
|
|
210
|
-
}), t(this,
|
|
210
|
+
}), t(this, W) ? (t(this, o).setStep("_scale", "*", {
|
|
211
211
|
x: t(this, g).x,
|
|
212
212
|
y: t(this, g).y,
|
|
213
213
|
z: t(this, g).z
|
|
@@ -238,19 +238,19 @@ a = new WeakMap(), f = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), Z =
|
|
|
238
238
|
ct.parse(s.getPropertyValue("--depth") || "0px"),
|
|
239
239
|
1
|
|
240
240
|
));
|
|
241
|
-
const e = G(t(this, f)), r = J(t(this, f)),
|
|
241
|
+
const e = G(t(this, f)), r = J(t(this, f)), T = t(this, f).clientWidth, Z = t(this, f).clientHeight;
|
|
242
242
|
if (n(this, d, G(t(this, a)) - e), n(this, S, J(t(this, a)) - r), t(this, _) === "z") {
|
|
243
|
-
const R = t(this, d) /
|
|
244
|
-
n(this, d, (R - Math.floor(R)) *
|
|
243
|
+
const R = t(this, d) / T, C = t(this, S) / Z;
|
|
244
|
+
n(this, d, (R - Math.floor(R)) * T), n(this, S, (C - Math.floor(C)) * Z), t(this, A) === "left" ? n(this, v, G(t(this, a)) - e - t(this, d)) : n(this, v, J(t(this, a)) - r - t(this, S));
|
|
245
245
|
}
|
|
246
246
|
if (n(this, d, t(this, d) + t(this, a).clientLeft), n(this, S, t(this, S) + t(this, a).clientTop), t(this, P)) {
|
|
247
|
-
const R = Math.round(
|
|
247
|
+
const R = Math.round(T / 2), C = Math.round(Z / 2), rt = t(this, y) ? Math.round(t(this, y) / 2) : 0, lt = t(this, M) ? Math.round(t(this, M) / 2) : 0, ot = t(this, d) - R + rt, at = (t(this, S) - C + lt) * -1;
|
|
248
248
|
n(this, X, ot), n(this, Y, at);
|
|
249
249
|
} else
|
|
250
250
|
n(this, X, t(this, d)), n(this, Y, t(this, S));
|
|
251
|
-
n(this,
|
|
251
|
+
n(this, q, t(this, v) * -1);
|
|
252
252
|
const I = new WebKitCSSMatrix(s.transform), u = dt(I);
|
|
253
|
-
t(this, m).x = u.translationX, t(this, m).y = u.translationY, t(this, m).z = u.translationZ, t(this, g).x = u.scaleX, t(this, g).y = u.scaleY, t(this, g).z = u.scaleZ, t(this, z).x = u.rotationX, t(this, z).y = u.rotationY, t(this, z).z = u.rotationZ, O(this, D, it).call(this), O(this,
|
|
253
|
+
t(this, m).x = u.translationX, t(this, m).y = u.translationY, t(this, m).z = u.translationZ, t(this, g).x = u.scaleX, t(this, g).y = u.scaleY, t(this, g).z = u.scaleZ, t(this, z).x = u.rotationX, t(this, z).y = u.rotationY, t(this, z).z = u.rotationZ, O(this, D, it).call(this), O(this, B, N).call(this);
|
|
254
254
|
}, k = new WeakSet(), nt = function() {
|
|
255
255
|
for (let s = 0; s < t(this, p).length; s++) {
|
|
256
256
|
const e = t(this, p)[s]();
|
|
@@ -259,7 +259,7 @@ a = new WeakMap(), f = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), Z =
|
|
|
259
259
|
[r]: e.value * (r === "x" ? -1 : t(this, P) ? 1 : -1)
|
|
260
260
|
});
|
|
261
261
|
}
|
|
262
|
-
}, w = new WeakMap(),
|
|
262
|
+
}, w = new WeakMap(), V = new WeakMap(), H = new WeakMap();
|
|
263
263
|
export {
|
|
264
264
|
wt as LayoutBox,
|
|
265
265
|
dt as decomposeCSSMatrix
|
package/lib/scroll/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var fs=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)};var o=(r,e,i)=>(fs(r,e,"read from private field"),i?i.call(r):e.get(r)),z=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},D=(r,e,i,n)=>(fs(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ds=require("../Damped-B0G_t-pw.cjs"),rs=require("../browser-CpzFX2xg.cjs"),wt=require("../layout-8ryRAMGJ.cjs"),Xt=require("../math-GDWEqu7y.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const _t=require("../Store-BQGNOHlY.cjs"),Fs=require("../Derived-BZtlW0bB.cjs");require("../ticker/index.cjs");const _e=require("../controls/index.cjs"),bt=require("../custom-element/index.cjs"),Ie=require("../order/index.cjs"),se=require("../window-resizer/index.cjs"),Rt=require("../scroll-entries/index.cjs"),I=require("../tags-CueX-JLX.cjs"),ns=require("../createStylesheet-C8aQQ4hd.cjs"),Ss=require("../css-unit-parser/index.cjs"),p=require("../css-property/index.cjs"),Rs=require("../Viewport-_WllZTJ0.cjs"),Ts=require("../gestures-DHLrn6Q8.cjs"),ds=require("../theme/index.cjs"),vs=require("../element-resizer/index.cjs"),qs=require("../dom-JBOkFLTh.cjs"),ws=require("../function-MthRj-GJ.cjs");var Bs=Object.defineProperty,As=Object.getOwnPropertyDescriptor,Is=(r,e,i,n)=>{for(var h=n>1?void 0:n?As(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&Bs(e,i,h),h},hs=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},t=(r,e,i)=>(hs(r,e,"read from private field"),i?i.call(r):e.get(r)),l=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},b=(r,e,i,n)=>(hs(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),C=(r,e,i)=>(hs(r,e,"access private method"),i),d,F,it,Q,rt,yt,Pt,Z,T,qt,Bt,At,It,ne,at,Ht,he,Gt,Ut,m,Te,u,ye,Pe,M,_,B,X,Ot,pt,O,E,oe,Et,ie,re,Yt,ve,$t,jt,qe,os,Be,as,Ee,Ue,ke,Ne,st,He,Ze,bs,ae,We,Me,Ke,ge,Ae,Je,Cs,w,P,Ft,tt,gt;class Hs{constructor(e,i){z(this,w,void 0);z(this,P,void 0);z(this,Ft,0);z(this,tt,0);z(this,gt,null);D(this,w,e),D(this,P,i),Rt.scrollEntries.register(o(this,w))}get size(){return o(this,Ft)}get position(){return o(this,tt)}destroy(){Rt.scrollEntries.unregister(o(this,w)),o(this,w).style.transform="",this.mark(null)}setSize(e){e?(o(this,w).style.setProperty("--size",e+"px"),o(this,P).axisCSSProperty.current==="x"?(o(this,w).style.width=e+"px",o(this,w).style.height=""):(o(this,w).style.height=e+"px",o(this,w).style.width="")):(o(this,w).style.width="",o(this,w).style.height="",o(this,w).style.removeProperty("--size"))}resize(){D(this,Ft,o(this,P).vertical?o(this,w).offsetHeight:o(this,w).offsetWidth),D(this,tt,o(this,P).vertical?wt.getCumulativeOffsetTop(o(this,w)):wt.getCumulativeOffsetLeft(o(this,w))),D(this,tt,o(this,tt)-o(this,P).contentPosition)}transform(){let e=0;const i=o(this,P).viewportSize*o(this,P).sectionDistanceScaleCSSProperty.current;o(this,P).infiniteCSSProperty.current&&o(this,P).overscroll&&o(this,tt)+o(this,Ft)<o(this,P).currentScrollValue&&(e=o(this,P).distance*-1-o(this,P).gap),Rt.scrollEntries.update(o(this,w),o(this,P).axisCSSProperty.current,e);const n=o(this,P).currentScrollValue+e,h=o(this,tt)-o(this,P).viewportSize-i,c=o(this,tt)+o(this,Ft)+i,f=Xt.clamp(n,h,c);o(this,P).vertical?o(this,w).style.transform=`translate3d(0px, ${f*-1}px, 0px)`:o(this,w).style.transform=`translate3d(${f*-1}px, 0px, 0px)`}mark(e){o(this,gt)!==e&&(o(this,gt)&&o(this,w).classList.remove(o(this,gt)),e&&o(this,w).classList.add(e),D(this,gt,e),o(this,w).dispatchEvent(new CustomEvent("sectionsChange",{composed:!0,detail:{mark:o(this,gt)}})))}}w=new WeakMap,P=new WeakMap,Ft=new WeakMap,tt=new WeakMap,gt=new WeakMap;const Gs=ns.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-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 bt.CustomElement{constructor(){super(),l(this,Yt),l(this,$t),l(this,qe),l(this,Be),l(this,Ee),l(this,ke),l(this,Ze),l(this,Me),l(this,ge),l(this,Je),l(this,d,null),l(this,F,new p.CSSProperty(this,"--axis","y")),l(this,it,new p.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)})),l(this,Q,new p.CSSProperty(this,"--split",!1)),l(this,rt,new p.CSSProperty(this,"--sectional",!1)),l(this,yt,new p.CSSProperty(this,"--auto-size",!1)),l(this,Pt,new p.CSSProperty(this,"--wheel-max-delta",!1)),l(this,Z,new p.CSSProperty(this,"--sections-in-view",1)),l(this,T,new p.CSSProperty(this,"--infinite",!1)),l(this,qt,new p.CSSProperty(this,"--damping",20)),l(this,Bt,new p.CSSProperty(this,"--mass",0)),l(this,At,new p.CSSProperty(this,"--stiffness",0)),l(this,It,new p.CSSProperty(this,"--mouse-drag",!1)),l(this,ne,new p.CSSProperty(this,"--section-distance-scale",.5)),l(this,at,new p.CSSProperty(this,"--autoplay",0)),l(this,Ht,new p.CSSProperty(this,"--autoplay-pause-duration",0)),l(this,he,new p.CSSProperty(this,"--autoplay-user-direction",!1)),l(this,Gt,new p.CSSProperty(this,"--disabled",!1)),l(this,Ut,new p.CSSProperty(this,"--hibernated",!1)),l(this,m,null),l(this,Te,null),l(this,u,[]),l(this,ye,0),l(this,Pe,0),l(this,M,0),l(this,_,0),l(this,B,0),l(this,X,null),l(this,Ot,null),l(this,pt,null),l(this,O,null),l(this,E,new _t.Store(0)),l(this,oe,0),l(this,Et,0),l(this,ie,!0),l(this,re,!0),l(this,st,()=>{t(this,d).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,_)||0,i=t(this,E).current;if(b(this,ye,this.vertical?wt.getCumulativeOffsetTop(this):wt.getCumulativeOffsetLeft(this)),b(this,Pe,this.vertical?wt.getCumulativeOffsetTop(t(this,m)):wt.getCumulativeOffsetLeft(t(this,m))),b(this,M,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?b(this,B,Ss.cssUnitParser.parse(getComputedStyle(t(this,m)).rowGap)):b(this,B,Ss.cssUnitParser.parse(getComputedStyle(t(this,m)).columnGap)),t(this,yt).current&&t(this,u).length){const n=t(this,Z).current,h=(t(this,M)-t(this,B)*(n-1))/n;t(this,u).forEach(c=>{c.setSize(h)})}else t(this,u).forEach(n=>{n.setSize()});if(t(this,u).forEach(n=>{n.resize()}),t(this,it).current){b(this,_,t(this,M)*t(this,it).current);const n=t(this,_)+t(this,M);this.vertical?(t(this,m).style.width=n+"px",t(this,m).style.height="100%"):(t(this,m).style.height=n+"px",t(this,m).style.width="100%")}else this.vertical?(t(this,m).style.width="100%",t(this,m).style.height="max-content",b(this,_,t(this,m).offsetHeight-t(this,M))):(t(this,m).style.width="max-content",t(this,m).style.height="100%",b(this,_,t(this,m).offsetWidth-t(this,M)));if(!t(this,T).current){const n=getComputedStyle(this),h=this.vertical?parseFloat(n.paddingBlockStart)+parseFloat(n.paddingBlockEnd):parseFloat(n.paddingInlineStart)+parseFloat(n.paddingInlineEnd);b(this,_,t(this,_)+h),t(this,d).max=t(this,_)}if(t(this,T).current&&t(this,u).length){const n=t(this,u)[t(this,u).length-1],h=n.position+n.size-t(this,M),c=t(this,_)-h;b(this,Et,n.position+n.size+c)}else b(this,Et,t(this,_));if(t(this,rt).current&&t(this,u).length){const n=t(this,u)[i];t(this,d).set(n.position,!0)}else t(this,d).set(e*t(this,_),!0)}),l(this,He,()=>{const e=this.currentScrollValue;if(b(this,oe,Math.max(0,e-t(this,_))),t(this,u).length){let i=0;for(let n=0;n<t(this,u).length;n++){const h=t(this,u)[n];h.transform(),this.targetScrollValue+h.size/2>=h.position&&(i=n)}t(this,E).current=i}else this.vertical?t(this,m).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,m).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;Rt.scrollEntries.update(this,t(this,F).current,e)}),l(this,ae,(e,i)=>{t(this,O).pauseAndContinue(t(this,Ht).current),t(this,he).current&&(t(this,O).direction=Math.sign(i)||1),t(this,We).call(this,e,i)}),l(this,We,(e,i)=>{if(!(e==="drag"&&!Rs.device.isMobile&&!t(this,It).current))if(t(this,rt).current){const n=Math.sign(i);t(this,u).length?this.shiftSections(n):t(this,d).shift(n*t(this,M))}else t(this,d).shift(i)}),rs.isBrowser&&(b(this,d,new Ds.Damped(0,{damping:.01,min:0,order:Ie.TICK_ORDER.SCROLL})),this.openShadow(Gs),I.element(this,{tabIndex:0,children:[I.div({class:"static",children:[I.slot({name:"static"})]}),I.div({class:"content",children:[I.slot({ref:e=>b(this,Te,e)})],style:{flexDirection:new Fs.Derived(t(this,F),e=>e==="x"?"row":"column")},ref:e=>b(this,m,e)})]}),b(this,X,new _e.WheelControls({element:t(this,m)})),t(this,X).changeEvent.subscribe(t(this,ae)),b(this,Ot,new _e.KeyboardControls({element:t(this,m)})),t(this,Ot).changeEvent.subscribe(t(this,ae)),b(this,pt,new _e.DragControls({element:t(this,m)})),t(this,pt).changeEvent.subscribe(t(this,ae)),b(this,O,new _e.AutoplayControls),t(this,O).changeEvent.subscribe(t(this,We)),t(this,F).subscribe(({current:e})=>{t(this,m).style.flexDirection=e==="x"?"row":"column",t(this,X).axis=t(this,Pt).current?"max":e,t(this,Ot).dimension=e==="x"?"width":"height",t(this,pt).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),this.isConnected&&t(this,st).call(this)}),t(this,Pt).subscribe(e=>{t(this,X).axis=e.current?"max":t(this,F).current}),t(this,it).subscribe(()=>{this.isConnected&&t(this,st).call(this)}),t(this,Q).subscribe(({current:e})=>{this.isConnected&&(e?C(this,Yt,ve).call(this):C(this,$t,jt).call(this))}),t(this,rt).subscribe(e=>{t(this,X).debounce=e.current,t(this,pt).swipe=e.current,t(this,O).interval=e.current,this.isConnected&&(e.current&&!e.previous&&!t(this,u).length?C(this,Yt,ve).call(this):!e.current&&e.previous&&t(this,u).length&&C(this,$t,jt).call(this))}),t(this,yt).subscribe(e=>{this.isConnected&&(t(this,st).call(this),e.current&&!e.previous&&!t(this,u).length?C(this,Yt,ve).call(this):!e.current&&e.previous&&t(this,u).length&&C(this,$t,jt).call(this))}),t(this,Z).subscribe(e=>{this.isConnected&&(t(this,st).call(this),C(this,ge,Ae).call(this))}),t(this,T).subscribe(e=>{e.current?(this.isConnected&&(t(this,u).length||(t(this,Q).current=!0)),t(this,u).length&&(t(this,d).max=1/0,t(this,d).min=-1/0)):(b(this,oe,0),t(this,d).max=t(this,_),t(this,d).min=0)}),t(this,qt).subscribe(e=>{t(this,d).damping=e.current}),t(this,Bt).subscribe(e=>{t(this,d).mass=e.current}),t(this,At).subscribe(e=>{t(this,d).stiffness=e.current}),t(this,Gt).subscribe(e=>{e.current&&!e.previous?C(this,qe,os).call(this):!e.current&&e.previous&&C(this,Be,as).call(this)}),t(this,Ut).subscribe(e=>{e.current&&!e.previous?C(this,Ee,Ue).call(this):!e.current&&e.previous&&C(this,ke,Ne).call(this)}),t(this,at).subscribe(e=>{t(this,O).speed=e.current,e.current&&!e.previous?t(this,O).connect():!e.current&&e.previous&&t(this,O).disconnect()}),t(this,he).subscribe(e=>{e.current||(t(this,O).direction=1)}),t(this,d).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,E).subscribe(e=>{t(this,u).length&&C(this,ge,Ae).call(this)}))}get axisCSSProperty(){return t(this,F)}get pagesCSSProperty(){return t(this,it)}get splitCSSProperty(){return t(this,Q)}get sectionalCSSProperty(){return t(this,rt)}get autoSizeCSSProperty(){return t(this,yt)}get wheelMaxDeltaCSSProperty(){return t(this,Pt)}get sectionsInViewCSSProperty(){return t(this,Z)}get infiniteCSSProperty(){return t(this,T)}get dampingCSSProperty(){return t(this,qt)}get massCSSProperty(){return t(this,Bt)}get stiffnessCSSProperty(){return t(this,At)}get mouseDragCSSProperty(){return t(this,It)}get sectionDistanceScaleCSSProperty(){return t(this,ne)}get autoplayCSSProperty(){return t(this,at)}get autoplayPauseDurationCSSProperty(){return t(this,Ht)}get autoplayUserDirectionCSSProperty(){return t(this,he)}get disabledCSSProperty(){return t(this,Gt)}get hibernatedCSSProperty(){return t(this,Ut)}get currentScrollValue(){return C(this,Me,Ke).call(this,"current")}get targetScrollValue(){return C(this,Me,Ke).call(this,"target")}get contentElement(){return t(this,m)}get sections(){return t(this,u)}get position(){return t(this,ye)}get contentPosition(){return t(this,Pe)}get viewportSize(){return t(this,M)}get scrollSize(){return t(this,_)}get gap(){return t(this,B)}get counter(){return t(this,E)}get limit(){return t(this,u).length-t(this,Z).current}get distance(){return t(this,Et)}get infiniteDistance(){return t(this,T).current?t(this,Et)+t(this,B):t(this,Et)}get overscroll(){return t(this,oe)}get vertical(){return t(this,F).current==="y"}get currentProgress(){return this.currentScrollValue/this.infiniteDistance||0}get targetProgress(){return this.targetScrollValue/this.infiniteDistance||0}get speed(){return t(this,d).speed}get direction(){return t(this,d).direction}get isRunning(){return t(this,d).isRunning}get scrollWidth(){return t(this,F).current==="y"?0:t(this,d).length}get scrollHeight(){return t(this,F).current==="x"?0:t(this,d).length}onScroll(...e){return t(this,d).subscribe(...e)}offScroll(...e){t(this,d).unsubscribe(...e)}range(e,i,n=0){const h=e-n,c=h+i+n*2;return this.currentProgress<h?0:this.currentProgress>c?1:(this.currentProgress-h)/(c-h)}curve(e,i,n=0){return Math.sin(this.range(e,i,n)*Math.PI)}visible(e,i,n=0){const h=e-n,c=h+i+n*2;return this.currentProgress>=h&&this.currentProgress<=c}scrollToSection(e,i="smooth"){if(!t(this,u).length)return;const n=t(this,E).current;C(this,Ze,bs).call(this,e);const h=t(this,u)[n],c=t(this,u)[t(this,E).current];if(h&&c){let f=0;const Ce=C(this,Je,Cs).call(this),$s=Ce?this.targetScrollValue-Ce.position:0;t(this,T).current?t(this,E).current===0&&n===t(this,u).length-1?f=t(this,_)+t(this,M)-h.position+t(this,B):t(this,E).current===t(this,u).length-1&&n===0?f=c.position-(t(this,_)+t(this,M)+t(this,B)):f=c.position-h.position:f=c.position-h.position,t(this,d).shift(f-$s,i==="instant")}}shiftSections(e,i="smooth"){t(this,u).length&&this.scrollToSection(t(this,E).current+e,i)}setPosition(e,i="smooth"){t(this,d).set(e,i==="instant")}connectedCallback(){t(this,F).observe(),t(this,it).observe(),t(this,Q).observe(),t(this,rt).observe(),t(this,yt).observe(),t(this,Pt).observe(),t(this,Z).observe(),t(this,T).observe(),t(this,qt).observe(),t(this,Bt).observe(),t(this,At).observe(),t(this,It).observe(),t(this,ne).observe(),t(this,at).observe(),t(this,at).observe(),t(this,Ht).observe(),t(this,Gt).observe(),t(this,Ut).observe(),C(this,ke,Ne).call(this)}disconnectedCallback(){t(this,F).unobserve(),t(this,it).unobserve(),t(this,Q).unobserve(),t(this,rt).unobserve(),t(this,yt).unobserve(),t(this,Pt).unobserve(),t(this,Z).unobserve(),t(this,T).unobserve(),t(this,qt).unobserve(),t(this,Bt).unobserve(),t(this,At).unobserve(),t(this,It).unobserve(),t(this,ne).unobserve(),t(this,at).unobserve(),t(this,Ht).unobserve(),t(this,Gt).unobserve(),t(this,Ut).unobserve(),C(this,Ee,Ue).call(this)}};d=new WeakMap;F=new WeakMap;it=new WeakMap;Q=new WeakMap;rt=new WeakMap;yt=new WeakMap;Pt=new WeakMap;Z=new WeakMap;T=new WeakMap;qt=new WeakMap;Bt=new WeakMap;At=new WeakMap;It=new WeakMap;ne=new WeakMap;at=new WeakMap;Ht=new WeakMap;he=new WeakMap;Gt=new WeakMap;Ut=new WeakMap;m=new WeakMap;Te=new WeakMap;u=new WeakMap;ye=new WeakMap;Pe=new WeakMap;M=new WeakMap;_=new WeakMap;B=new WeakMap;X=new WeakMap;Ot=new WeakMap;pt=new WeakMap;O=new WeakMap;E=new WeakMap;oe=new WeakMap;Et=new WeakMap;ie=new WeakMap;re=new WeakMap;Yt=new WeakSet;ve=function(){C(this,$t,jt).call(this),t(this,Te).assignedElements().forEach(r=>{r instanceof HTMLElement&&t(this,u).push(new Hs(r,this))}),t(this,m).style.transform="",this.dispatchEvent(new CustomEvent("sectionsChange",{composed:!0})),t(this,st).call(this),C(this,ge,Ae).call(this)};$t=new WeakSet;jt=function(){t(this,u).forEach(r=>{r.destroy()}),b(this,u,[]),t(this,E).current=0,t(this,d).reset(),this.dispatchEvent(new CustomEvent("sectionsChange",{composed:!0}))};qe=new WeakSet;os=function(){t(this,ie)||(b(this,ie,!0),t(this,d).unsubscribe(t(this,He)),t(this,d).unlistenAnimationFrame(),t(this,X).disconnect(),t(this,Ot).disconnect(),t(this,pt).disconnect(),t(this,O).disconnect())};Be=new WeakSet;as=function(){t(this,ie)&&(b(this,ie,!1),t(this,d).subscribe(t(this,He)),t(this,X).connect(),t(this,Ot).connect(),t(this,pt).connect(),t(this,at).current&&t(this,O).connect())};Ee=new WeakSet;Ue=function(){t(this,re)||(b(this,re,!0),se.windowResizer.unsubscribe(t(this,st)),t(this,d).reset(),C(this,qe,os).call(this),t(this,m).style.transform="",t(this,Q).current&&C(this,$t,jt).call(this),Rt.scrollEntries.unregister(this))};ke=new WeakSet;Ne=function(){t(this,re)&&(b(this,re,!1),t(this,Q).current&&C(this,Yt,ve).call(this),Rt.scrollEntries.register(this),se.windowResizer.subscribe(t(this,st),Ie.RESIZE_ORDER.SCROLL),C(this,Be,as).call(this))};st=new WeakMap;He=new WeakMap;Ze=new WeakSet;bs=function(r){t(this,T).current?(t(this,E).current=r%t(this,u).length,t(this,E).current=t(this,E).current<0?t(this,u).length+t(this,E).current:t(this,E).current):t(this,E).current=Xt.clamp(r,0,this.limit)};ae=new WeakMap;We=new WeakMap;Me=new WeakSet;Ke=function(r="current"){if(t(this,T).current&&t(this,u).length){const e=t(this,d)[r]%(t(this,_)+t(this,M)+t(this,B));return e<0?t(this,_)+e+t(this,M)+t(this,B):e}else return t(this,d)[r]};ge=new WeakSet;Ae=function(){if(t(this,u).length){const r=t(this,E).current;r===0?this.classList.add("start"):this.classList.remove("start"),r===this.limit?this.classList.add("end"):this.classList.remove("end"),t(this,u).forEach((e,i)=>{const n=r-this.limit-1,h=r+t(this,Z).current,c=this.sections.length-h;i>=r&&i<h||i<=n?e.mark("current"):i>=h&&i<h+c/2||i<=n+t(this,Z).current?e.mark("next"):e.mark("previous")})}};Je=new WeakSet;Cs=function(){let r=null,e=1/0;for(let i=0;i<t(this,u).length;i++){const n=Math.abs(t(this,u)[i].position-this.targetScrollValue);n<e&&(e=n,r=i)}return r!==null?t(this,u)[r]:null};exports.ScrollElement=Is([bt.define("e-scroll")],exports.ScrollElement);var me;class Ge extends bt.CustomElement{constructor(){super(...arguments);z(this,me,null)}get scrollElement(){return o(this,me)}connectedCallback(){const i=qs.findParentElement(this,exports.ScrollElement);i instanceof exports.ScrollElement?D(this,me,i):console.error(this,"e-scroll not found")}}me=new WeakMap;var Us=Object.defineProperty,Ns=Object.getOwnPropertyDescriptor,Zs=(r,e,i,n)=>{for(var h=n>1?void 0:n?Ns(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&Us(e,i,h),h},_s=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},S=(r,e,i)=>(_s(r,e,"read from private field"),i?i.call(r):e.get(r)),N=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},Ct=(r,e,i,n)=>(_s(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),le,R,nt,ht,ce,ue,Nt,xe,Le,Ve;const Ks=ns.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:ds.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:ds.aptechkaTheme.colorDark.var,borderRadius:"1vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}});exports.ScrollbarElement=class extends Ge{constructor(){super(),N(this,le,null),N(this,R,null),N(this,nt,!1),N(this,ht,0),N(this,ce,0),N(this,ue,0),N(this,Nt,()=>{Ct(this,nt,this.offsetWidth>this.offsetHeight);const e=S(this,nt)?this.offsetWidth:this.offsetHeight;Ct(this,ht,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),Ct(this,ht,Math.max(S(this,ht),30)),S(this,nt)?(S(this,R).style.width=S(this,ht)+"px",S(this,R).style.height="100%"):(S(this,R).style.width="100%",S(this,R).style.height=S(this,ht)+"px"),Ct(this,ce,e-S(this,ht)),this.scrollElement.scrollSize||(this.style.display="none")}),N(this,xe,()=>{Ct(this,ue,this.scrollElement.currentProgress*S(this,ce)),S(this,nt)?S(this,R).style.transform=`translate3d(${S(this,ue)}px, 0px, 0px)`:S(this,R).style.transform=`translate3d(0px, ${S(this,ue)}px, 0px)`}),N(this,Le,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)}),N(this,Ve,e=>{document.documentElement.classList.add("grabbing"),Ts.setupDrag(h=>{const c=S(this,nt)?h.x:h.y,f=this.scrollElement.distance/S(this,ce),Ce=(c-n)*f;this.scrollElement.setPosition(i+Ce)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.targetScrollValue,n=S(this,nt)?e.x:e.y}),rs.isBrowser&&(this.openShadow(Ks),I.element(this,{slot:"static","drag-dead-zone":"",children:[I.slot({ref:e=>Ct(this,le,e),children:I.div({class:"default-thumb"})})]}))}get thumbElement(){return S(this,R)}connectedCallback(){super.connectedCallback();const e=S(this,le).assignedElements()[0]||S(this,le).firstElementChild;Ct(this,R,e),S(this,R).addEventListener("pointerdown",S(this,Ve)),se.windowResizer.subscribe(S(this,Nt),Ie.RESIZE_ORDER.SCROLL+1),vs.elementResizer.subscribe(this,S(this,Nt)),this.scrollElement.onScroll(S(this,xe)),this.scrollElement.axisCSSProperty.subscribe(S(this,Le))}disconnectedCallback(){S(this,R).removeEventListener("pointerdown",S(this,Ve)),se.windowResizer.unsubscribe(S(this,Nt)),vs.elementResizer.unsubscribe(S(this,Nt)),this.scrollElement.offScroll(S(this,xe)),this.scrollElement.axisCSSProperty.unsubscribe(S(this,Le))}};le=new WeakMap;R=new WeakMap;nt=new WeakMap;ht=new WeakMap;ce=new WeakMap;ue=new WeakMap;Nt=new WeakMap;xe=new WeakMap;Le=new WeakMap;Ve=new WeakMap;exports.ScrollbarElement=Zs([bt.define("e-scrollbar")],exports.ScrollbarElement);const Js=ns.createStylesheet({button:{all:"inherit"}});class ys extends Ge{constructor(){super(),this.openShadow(Js),rs.isBrowser&&I.element(this,{children:[I.button({onClick:()=>{this.handleClick()},children:[I.slot()]})]})}}var Qs=Object.defineProperty,Xs=Object.getOwnPropertyDescriptor,Ys=(r,e,i,n)=>{for(var h=n>1?void 0:n?Xs(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&Qs(e,i,h),h};exports.ScrollSetButtonElement=class extends ys{handleClick(){const e=this.getAttribute("index"),i=this.getAttribute("behaviour");this.scrollElement.scrollToSection(parseInt(e||"0"),i)}};exports.ScrollSetButtonElement=Ys([bt.define("e-scroll-set-button")],exports.ScrollSetButtonElement);var js=Object.defineProperty,ti=Object.getOwnPropertyDescriptor,ei=(r,e,i,n)=>{for(var h=n>1?void 0:n?ti(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&js(e,i,h),h};exports.ScrollStepButtonElement=class extends ys{handleClick(){const e=this.getAttribute("step"),i=this.getAttribute("behaviour");this.scrollElement.shiftSections(parseInt(e||"1"),i)}};exports.ScrollStepButtonElement=ei([bt.define("e-scroll-step-button")],exports.ScrollStepButtonElement);var si=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ri=(r,e,i,n)=>{for(var h=n>1?void 0:n?ii(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&si(e,i,h),h},Ps=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},Tt=(r,e,i)=>(Ps(r,e,"read from private field"),i?i.call(r):e.get(r)),gs=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},ms=(r,e,i,n)=>(Ps(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),kt,pe,et,mt,te,we,be,ee;class ni{constructor(e,i,n){z(this,et,void 0);z(this,mt,void 0);z(this,te,void 0);z(this,we,void 0);z(this,be,()=>{o(this,mt).scrollToSection(o(this,te),o(this,we))});z(this,ee,()=>{o(this,et).classList.toggle("current",o(this,mt).counter.current===o(this,te))});D(this,et,document.createElement("button")),D(this,mt,e),D(this,we,n),D(this,te,i),o(this,et).addEventListener("click",o(this,be)),o(this,mt).counter.subscribe(o(this,ee)),o(this,ee).call(this)}get element(){return o(this,et)}destroy(){o(this,et).removeEventListener("click",o(this,be)),o(this,mt).counter.unsubscribe(o(this,ee)),o(this,et).remove()}}et=new WeakMap,mt=new WeakMap,te=new WeakMap,we=new WeakMap,be=new WeakMap,ee=new WeakMap;exports.ScrollBulletButtonsElement=class extends Ge{constructor(){super(...arguments),gs(this,kt,[]),gs(this,pe,ws.debounce(()=>{Tt(this,kt).forEach(e=>e.destroy()),ms(this,kt,[]);for(let e=0;e<this.scrollElement.sections.length;e++){const i=new ni(this.scrollElement,e,this.getAttribute("behaviour")||"smooth");this.appendChild(i.element),Tt(this,kt).push(i)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",Tt(this,pe)),Tt(this,pe).call(this)}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",Tt(this,pe)),Tt(this,kt).forEach(e=>e.destroy()),ms(this,kt,[])}};kt=new WeakMap;pe=new WeakMap;exports.ScrollBulletButtonsElement=ri([bt.define("e-scroll-bullet-buttons")],exports.ScrollBulletButtonsElement);var hi=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,ai=(r,e,i,n)=>{for(var h=n>1?void 0:n?oi(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&hi(e,i,h),h},ls=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},s=(r,e,i)=>(ls(r,e,"read from private field"),i?i.call(r):e.get(r)),a=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},v=(r,e,i,n)=>(ls(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),y=(r,e,i)=>(ls(r,e,"access private method"),i),Zt,Wt,Mt,xt,Lt,$,H,G,U,zt,L,ft,St,lt,ct,ut,Kt,fe,x,J,K,dt,vt,Y,ze,g,Jt,Qt,Oe,A,j,V,W,q,Se,Dt,k,$e,Qe,cs,Es,Xe,ks,Ye,Ws,je,Ms,ts,xs,es,Ls,ss,Vs,De,de,ot,Vt,us,zs,ps,Os,Fe,is,Re;exports.ScrollSegmentElement=class extends Ge{constructor(){super(...arguments),a(this,$e),a(this,cs),a(this,Xe),a(this,Ye),a(this,je),a(this,ts),a(this,es),a(this,ss),a(this,ot),a(this,us),a(this,ps),a(this,Fe),a(this,Zt,new p.CSSProperty(this,"--target","")),a(this,Wt,new p.CSSProperty(this,"--disabled",!1)),a(this,Mt,new p.CSSProperty(this,"--distance-offset",0)),a(this,xt,new p.CSSProperty(this,"--start-offset",0)),a(this,Lt,new p.CSSProperty(this,"--capture-once",!1)),a(this,$,new p.CSSProperty(this,"--captured","")),a(this,H,new p.CSSProperty(this,"--released","")),a(this,G,new p.CSSProperty(this,"--captured-from-start","")),a(this,U,new p.CSSProperty(this,"--captured-from-finish","")),a(this,zt,new p.CSSProperty(this,"--released-from-start","")),a(this,L,new p.CSSProperty(this,"--released-from-finish","")),a(this,ft,new p.CSSProperty(this,"--passed-var","")),a(this,St,new p.CSSProperty(this,"--progress-var","")),a(this,lt,new p.CSSProperty(this,"--distance-var","")),a(this,ct,new p.CSSProperty(this,"--start-var","")),a(this,ut,new p.CSSProperty(this,"--finish-var","")),a(this,Kt,new p.CSSProperty(this,"--smoothstep",!1)),a(this,fe,new p.CSSProperty(this,"--smootherstep",!1)),a(this,x,new _t.Store(!1)),a(this,J,new _t.Store(!1)),a(this,K,new _t.Store(!1)),a(this,dt,new _t.Store(!1)),a(this,vt,new _t.Store(!1)),a(this,Y,new _t.Store(!1)),a(this,ze,[]),a(this,g,this),a(this,Jt,0),a(this,Qt,0),a(this,Oe,0),a(this,A,0),a(this,j,0),a(this,V,0),a(this,W,0),a(this,q,0),a(this,Se,!1),a(this,Dt,!1),a(this,k,!0),a(this,De,()=>{s(this,k)||(this.resize(),s(this,de).call(this))}),a(this,de,()=>{!s(this,k)&&s(this,Se)&&this.tick()}),a(this,Re,ws.debounce(()=>{const e=Rt.scrollEntries.getAll(this).reverse();let i=0;e.forEach((n,h)=>{n.element===this.scrollElement&&(i=h)}),v(this,ze,e.slice(i+1))},0))}get distanceOffsetCSSProperty(){return s(this,Mt)}get startOffsetCSSProperty(){return s(this,xt)}get captureOnceCSSProperty(){return s(this,Lt)}get capturedCSSProperty(){return s(this,$)}get releasedCSSProperty(){return s(this,H)}get capturedFromStartCSSProperty(){return s(this,G)}get capturedFromFinishCSSProperty(){return s(this,U)}get releasedFromStartCSSProperty(){return s(this,zt)}get releasedFromFinishCSSProperty(){return s(this,L)}get passedVarCSSProperty(){return s(this,ft)}get progressVarCSSProperty(){return s(this,St)}get distanceVarCSSProperty(){return s(this,lt)}get startVarCSSProperty(){return s(this,ct)}get finishVarCSSProperty(){return s(this,ut)}get smoothstepCSSProperty(){return s(this,Kt)}get smootherstepCSSProperty(){return s(this,fe)}get disabledCSSProperty(){return s(this,Wt)}get targetCSSProperty(){return s(this,Zt)}get isCaptured(){return s(this,x)}get isReleased(){return s(this,J)}get isCapturedFromStart(){return s(this,K)}get isReleasedFromStart(){return s(this,dt)}get isCapturedFromFinish(){return s(this,vt)}get isReleasedFromFinish(){return s(this,Y)}get directionPosition(){return s(this,Jt)}get directionSize(){return s(this,Qt)}get passed(){return s(this,A)}get progress(){return s(this,j)}get start(){return s(this,V)}get finish(){return s(this,q)}get distance(){return s(this,W)}get isCapturedOnce(){return s(this,Dt)}get isDisabled(){return s(this,k)}resize(){v(this,Qt,this.scrollElement.vertical?this.offsetHeight:this.offsetWidth),v(this,Jt,this.scrollElement.vertical?wt.getCumulativeOffsetTop(this,this.scrollElement):wt.getCumulativeOffsetLeft(this,this.scrollElement)),v(this,V,this.getStart()),v(this,W,this.getDistance()),v(this,V,s(this,V)+s(this,xt).current),v(this,W,s(this,W)+s(this,Mt).current),v(this,q,s(this,V)+s(this,W)),this.scrollElement.currentScrollValue>s(this,q)&&!s(this,x).current&&!s(this,J).current&&(s(this,x).current=!0),this.setVar(s(this,ct).current,s(this,V)),this.setVar(s(this,ut).current,s(this,q)),this.setVar(s(this,lt).current,s(this,W)),v(this,Se,!0)}tick(){let e=this.scrollElement.currentScrollValue;s(this,ze).forEach(n=>{e+=n.value}),v(this,A,this.updateValue(e-s(this,V),0,s(this,W))||0),v(this,j,s(this,A)/s(this,W)||0);const i=Math.round(e);s(this,x).current&&(i>s(this,V)?s(this,K).current||y(this,je,Ms).call(this):s(this,K).current&&!s(this,dt).current&&y(this,es,Ls).call(this),i<s(this,q)?s(this,Y).current&&!s(this,vt).current&&y(this,ts,xs).call(this):s(this,K).current&&!s(this,Y).current&&y(this,ss,Vs).call(this)),i>s(this,V)&&i<s(this,q)?(y(this,$e,Qe).call(this),s(this,x).current||y(this,Xe,ks).call(this)):s(this,x).current&&(v(this,A,Xt.step(s(this,W)/2,s(this,A),0,s(this,W))),v(this,j,s(this,A)/s(this,W)),y(this,$e,Qe).call(this),y(this,Ye,Ws).call(this)),s(this,Dt)&&s(this,Lt).current&&(s(this,$).current&&s(this,g).classList.add(s(this,$).current),v(this,k,!0))}disable(){this.style.cssText="",v(this,Jt,0),v(this,Qt,0),v(this,A,0),v(this,j,0),v(this,V,0),v(this,W,0),v(this,q,0),v(this,Se,!1),s(this,x).current=!1,s(this,J).current=!1,s(this,K).current=!1,s(this,dt).current=!1,s(this,vt).current=!1,s(this,Y).current=!1,v(this,Dt,!1),v(this,k,!0),y(this,Fe,is).call(this)}enable(){v(this,k,!1)}connectedCallback(){super.connectedCallback(),s(this,Zt).observe(),s(this,Wt).observe(),s(this,Mt).observe(),s(this,xt).observe(),s(this,Lt).observe(),s(this,$).observe(),s(this,H).observe(),s(this,G).observe(),s(this,U).observe(),s(this,zt).observe(),s(this,L).observe(),s(this,ft).observe(),s(this,St).observe(),s(this,lt).observe(),s(this,ct).observe(),s(this,ut).observe(),s(this,Kt).observe(),s(this,fe).observe();let e=!1;this.scrollElement.addEventListener("sectionsChange",s(this,Re)),s(this,Re).call(this),s(this,Wt).current||this.enable(),s(this,Zt).subscribe(i=>{i.previous&&y(this,Fe,is).call(this),i.current?i.current==="parent"?v(this,g,this.parentElement||this):v(this,g,document.querySelector(i.current)||this):v(this,g,this)}),s(this,Wt).subscribe(i=>{i.current&&!i.previous?this.disable():!i.current&&i.previous&&(this.resize(),this.enable())}),s(this,xt).subscribe(()=>{e&&!s(this,k)&&this.resize()}),s(this,Mt).subscribe(()=>{e&&!s(this,k)&&this.resize()}),s(this,$).subscribe(i=>{y(this,ot,Vt).call(this,i)}),s(this,G).subscribe(i=>{y(this,ot,Vt).call(this,i)}),s(this,U).subscribe(i=>{y(this,ot,Vt).call(this,i)}),s(this,H).subscribe(i=>{y(this,ot,Vt).call(this,i)}),s(this,zt).subscribe(i=>{y(this,ot,Vt).call(this,i)}),s(this,L).subscribe(i=>{y(this,ot,Vt).call(this,i)}),s(this,Lt).subscribe(i=>{s(this,k)||!i.current&&i.previous&&(this.resize(),this.enable())}),s(this,ft).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,this.passed))}),s(this,St).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,j)))}),s(this,ct).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,V)))}),s(this,ut).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,q)))}),s(this,lt).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,W)))}),se.windowResizer.subscribe(s(this,De),Ie.RESIZE_ORDER.SEGMENT),this.scrollElement.onScroll(s(this,de)),e=!0}disconnectedCallback(){se.windowResizer.unsubscribe(s(this,De)),this.scrollElement.offScroll(s(this,de)),s(this,Zt).close(),s(this,Wt).close(),s(this,Mt).close(),s(this,xt).close(),s(this,Lt).close(),s(this,$).close(),s(this,H).close(),s(this,G).close(),s(this,U).close(),s(this,zt).close(),s(this,L).close(),s(this,ft).close(),s(this,St).close(),s(this,lt).close(),s(this,ct).close(),s(this,ut).close(),s(this,Kt).close(),s(this,fe).close(),s(this,x).close(),s(this,J).close(),s(this,K).close(),s(this,dt).close(),s(this,vt).close(),s(this,Y).close(),this.disable()}removeVar(e){e&&s(this,g).style.removeProperty(`--${e}`)}setVar(e,i){e&&s(this,g).style.setProperty(`--${e}`,i.toString())}updateValue(e,i=0,n=1){return this.smootherstepCSSProperty.current?Xt.smootherstep(e,i,n)*n:s(this,Kt).current?Xt.smoothstep(e,i,n)*n:Xt.clamp(e,i,n)}getDistance(){return s(this,Qt)+s(this,Oe)}getStart(){return s(this,Jt)-s(this,Oe)}};Zt=new WeakMap;Wt=new WeakMap;Mt=new WeakMap;xt=new WeakMap;Lt=new WeakMap;$=new WeakMap;H=new WeakMap;G=new WeakMap;U=new WeakMap;zt=new WeakMap;L=new WeakMap;ft=new WeakMap;St=new WeakMap;lt=new WeakMap;ct=new WeakMap;ut=new WeakMap;Kt=new WeakMap;fe=new WeakMap;x=new WeakMap;J=new WeakMap;K=new WeakMap;dt=new WeakMap;vt=new WeakMap;Y=new WeakMap;ze=new WeakMap;g=new WeakMap;Jt=new WeakMap;Qt=new WeakMap;Oe=new WeakMap;A=new WeakMap;j=new WeakMap;V=new WeakMap;W=new WeakMap;q=new WeakMap;Se=new WeakMap;Dt=new WeakMap;k=new WeakMap;$e=new WeakSet;Qe=function(){y(this,cs,Es).call(this),this.setVar(s(this,ft).current,s(this,A)),this.setVar(s(this,St).current,s(this,j))};cs=new WeakSet;Es=function(){this.dispatchEvent(new CustomEvent("segmentPass",{detail:{distance:s(this,W),start:s(this,V),finish:s(this,q),passed:s(this,A),progress:s(this,j)}}))};Xe=new WeakSet;ks=function(){s(this,x).current=!0,s(this,J).current=!1,v(this,Dt,!0),s(this,H).current&&s(this,g).classList.remove(s(this,H).current),s(this,L).current&&s(this,g).classList.remove(s(this,L).current),s(this,L).current&&s(this,g).classList.remove(s(this,L).current),s(this,$).current&&s(this,g).classList.add(s(this,$).current)};Ye=new WeakSet;Ws=function(){s(this,J).current=!0,s(this,x).current=!1,v(this,Dt,!0),s(this,$).current&&s(this,g).classList.remove(s(this,$).current),s(this,G).current&&s(this,g).classList.remove(s(this,G).current),s(this,U).current&&s(this,g).classList.remove(s(this,U).current),s(this,H).current&&s(this,g).classList.add(s(this,H).current)};je=new WeakSet;Ms=function(){s(this,x).current=!0,s(this,K).current=!0,s(this,dt).current=!1,s(this,G).current&&s(this,g).classList.add(s(this,G).current)};ts=new WeakSet;xs=function(){s(this,x).current=!0,s(this,vt).current=!0,s(this,Y).current=!1,s(this,U).current&&s(this,g).classList.add(s(this,U).current)};es=new WeakSet;Ls=function(){s(this,J).current=!0,s(this,dt).current=!0,s(this,K).current=!1,s(this,L).current&&s(this,g).classList.add(s(this,L).current)};ss=new WeakSet;Vs=function(){s(this,J).current=!0,s(this,Y).current=!0,s(this,vt).current=!1,s(this,L).current&&s(this,g).classList.add(s(this,L).current)};De=new WeakMap;de=new WeakMap;ot=new WeakSet;Vt=function(r){if(s(this,k)){r.previous&&s(this,g).classList.remove(r.previous),r.current&&s(this,g).classList.remove(r.current);return}r.current&&s(this,x).current?(r.previous&&s(this,g).classList.remove(r.previous),s(this,g).classList.add(r.current)):!r.current&&r.previous&&s(this,g).classList.remove(r.previous)};us=new WeakSet;zs=function(...r){r.forEach(e=>{e&&s(this,g).classList.remove(e)})};ps=new WeakSet;Os=function(...r){r.forEach(e=>{e&&s(this,g).style.removeProperty(`--${e}`)})};Fe=new WeakSet;is=function(){y(this,us,zs).call(this,s(this,$).current,s(this,G).current,s(this,U).current,s(this,H).current,s(this,zt).current,s(this,L).current),y(this,ps,Os).call(this,s(this,ft).current,s(this,St).current,s(this,lt).current,s(this,ct).current,s(this,ut).current)};Re=new WeakMap;exports.ScrollSegmentElement=ai([bt.define("e-scroll-segment")],exports.ScrollSegmentElement);
|
|
1
|
+
"use strict";var fs=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)};var o=(r,e,i)=>(fs(r,e,"read from private field"),i?i.call(r):e.get(r)),z=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},D=(r,e,i,n)=>(fs(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ds=require("../Damped-B0G_t-pw.cjs"),rs=require("../browser-CpzFX2xg.cjs"),wt=require("../layout-8ryRAMGJ.cjs"),Yt=require("../math-GDWEqu7y.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const _t=require("../Store-BQGNOHlY.cjs"),Fs=require("../Derived-BZtlW0bB.cjs");require("../ticker/index.cjs");const _e=require("../controls/index.cjs"),bt=require("../custom-element/index.cjs"),Ie=require("../order/index.cjs"),ie=require("../window-resizer/index.cjs"),Tt=require("../scroll-entries/index.cjs"),I=require("../tags-CueX-JLX.cjs"),ns=require("../createStylesheet-C8aQQ4hd.cjs"),Ss=require("../css-unit-parser/index.cjs"),p=require("../css-property/index.cjs"),Rs=require("../Viewport-_WllZTJ0.cjs"),Ts=require("../gestures-DHLrn6Q8.cjs"),ds=require("../theme/index.cjs"),vs=require("../element-resizer/index.cjs"),qs=require("../dom-JBOkFLTh.cjs"),ws=require("../function-MthRj-GJ.cjs");var Bs=Object.defineProperty,As=Object.getOwnPropertyDescriptor,Is=(r,e,i,n)=>{for(var h=n>1?void 0:n?As(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&Bs(e,i,h),h},hs=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},t=(r,e,i)=>(hs(r,e,"read from private field"),i?i.call(r):e.get(r)),l=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},b=(r,e,i,n)=>(hs(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),C=(r,e,i)=>(hs(r,e,"access private method"),i),d,F,it,Q,rt,yt,Pt,Z,T,Bt,At,It,Ht,he,at,Gt,Et,Ut,Nt,m,Te,u,ye,Pe,M,_,B,X,$t,pt,O,E,oe,kt,re,ne,jt,ve,Dt,te,qe,os,Be,as,Ee,Ue,ke,Ne,st,He,Ze,bs,ae,We,Me,Ke,ge,Ae,Je,Cs,w,P,Rt,tt,gt;class Hs{constructor(e,i){z(this,w,void 0);z(this,P,void 0);z(this,Rt,0);z(this,tt,0);z(this,gt,null);D(this,w,e),D(this,P,i),Tt.scrollEntries.register(o(this,w))}get size(){return o(this,Rt)}get position(){return o(this,tt)}destroy(){Tt.scrollEntries.unregister(o(this,w)),o(this,w).style.transform="",this.mark(null)}setSize(e){e?(o(this,w).style.setProperty("--size",e+"px"),o(this,P).axisCSSProperty.current==="x"?(o(this,w).style.width=e+"px",o(this,w).style.height=""):(o(this,w).style.height=e+"px",o(this,w).style.width="")):(o(this,w).style.width="",o(this,w).style.height="",o(this,w).style.removeProperty("--size"))}resize(){D(this,Rt,o(this,P).vertical?o(this,w).offsetHeight:o(this,w).offsetWidth),D(this,tt,o(this,P).vertical?wt.getCumulativeOffsetTop(o(this,w)):wt.getCumulativeOffsetLeft(o(this,w))),D(this,tt,o(this,tt)-o(this,P).contentPosition)}transform(){let e=0;const i=o(this,P).viewportSize*o(this,P).sectionDistanceScaleCSSProperty.current;o(this,P).infiniteCSSProperty.current&&o(this,P).overscroll&&o(this,tt)+o(this,Rt)<o(this,P).currentScrollValue&&(e=o(this,P).distance*-1-o(this,P).gap),Tt.scrollEntries.update(o(this,w),o(this,P).axisCSSProperty.current,e);const n=o(this,P).currentScrollValue+e,h=o(this,tt)-o(this,P).viewportSize-i,c=o(this,tt)+o(this,Rt)+i,f=Yt.clamp(n,h,c);o(this,P).vertical?o(this,w).style.transform=`translate3d(0px, ${f*-1}px, 0px)`:o(this,w).style.transform=`translate3d(${f*-1}px, 0px, 0px)`}mark(e){o(this,gt)!==e&&(o(this,gt)&&o(this,w).classList.remove(o(this,gt)),e&&o(this,w).classList.add(e),D(this,gt,e),o(this,w).dispatchEvent(new CustomEvent("sectionsChange",{composed:!0,detail:{mark:o(this,gt)}})))}}w=new WeakMap,P=new WeakMap,Rt=new WeakMap,tt=new WeakMap,gt=new WeakMap;const Gs=ns.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},':host([hibernated="true"]) .content':{display:"contents"},"::slotted(*)":{flexShrink:"0"}});exports.ScrollElement=class extends bt.CustomElement{constructor(){super(),l(this,jt),l(this,Dt),l(this,qe),l(this,Be),l(this,Ee),l(this,ke),l(this,Ze),l(this,Me),l(this,ge),l(this,Je),l(this,d,null),l(this,F,new p.CSSProperty(this,"--axis","y")),l(this,it,new p.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)})),l(this,Q,new p.CSSProperty(this,"--split",!1)),l(this,rt,new p.CSSProperty(this,"--sectional",!1)),l(this,yt,new p.CSSProperty(this,"--auto-size",!1)),l(this,Pt,new p.CSSProperty(this,"--wheel-max-delta",!1)),l(this,Z,new p.CSSProperty(this,"--sections-in-view",1)),l(this,T,new p.CSSProperty(this,"--infinite",!1)),l(this,Bt,new p.CSSProperty(this,"--damping",20)),l(this,At,new p.CSSProperty(this,"--mass",0)),l(this,It,new p.CSSProperty(this,"--stiffness",0)),l(this,Ht,new p.CSSProperty(this,"--mouse-drag",!1)),l(this,he,new p.CSSProperty(this,"--section-distance-scale",.5)),l(this,at,new p.CSSProperty(this,"--autoplay",0)),l(this,Gt,new p.CSSProperty(this,"--autoplay-pause-duration",0)),l(this,Et,new p.CSSProperty(this,"--autoplay-user-direction",!1)),l(this,Ut,new p.CSSProperty(this,"--disabled",!1)),l(this,Nt,new p.CSSProperty(this,"--hibernated",!1)),l(this,m,null),l(this,Te,null),l(this,u,[]),l(this,ye,0),l(this,Pe,0),l(this,M,0),l(this,_,0),l(this,B,0),l(this,X,null),l(this,$t,null),l(this,pt,null),l(this,O,null),l(this,E,new _t.Store(0)),l(this,oe,0),l(this,kt,0),l(this,re,!0),l(this,ne,!0),l(this,st,()=>{t(this,d).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,_)||0,i=t(this,E).current;if(b(this,ye,this.vertical?wt.getCumulativeOffsetTop(this):wt.getCumulativeOffsetLeft(this)),b(this,Pe,this.vertical?wt.getCumulativeOffsetTop(t(this,m)):wt.getCumulativeOffsetLeft(t(this,m))),b(this,M,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?b(this,B,Ss.cssUnitParser.parse(getComputedStyle(t(this,m)).rowGap)):b(this,B,Ss.cssUnitParser.parse(getComputedStyle(t(this,m)).columnGap)),t(this,yt).current&&t(this,u).length){const n=t(this,Z).current,h=(t(this,M)-t(this,B)*(n-1))/n;t(this,u).forEach(c=>{c.setSize(h)})}else t(this,u).forEach(n=>{n.setSize()});if(t(this,u).forEach(n=>{n.resize()}),t(this,it).current){b(this,_,t(this,M)*t(this,it).current);const n=t(this,_)+t(this,M);this.vertical?(t(this,m).style.width=n+"px",t(this,m).style.height="100%"):(t(this,m).style.height=n+"px",t(this,m).style.width="100%")}else this.vertical?(t(this,m).style.width="100%",t(this,m).style.height="max-content",b(this,_,t(this,m).offsetHeight-t(this,M))):(t(this,m).style.width="max-content",t(this,m).style.height="100%",b(this,_,t(this,m).offsetWidth-t(this,M)));if(!t(this,T).current){const n=getComputedStyle(this),h=this.vertical?parseFloat(n.paddingBlockStart)+parseFloat(n.paddingBlockEnd):parseFloat(n.paddingInlineStart)+parseFloat(n.paddingInlineEnd);b(this,_,t(this,_)+h),t(this,d).max=t(this,_)}if(t(this,T).current&&t(this,u).length){const n=t(this,u)[t(this,u).length-1],h=n.position+n.size-t(this,M),c=t(this,_)-h;b(this,kt,n.position+n.size+c)}else b(this,kt,t(this,_));if(t(this,rt).current&&t(this,u).length){const n=t(this,u)[i];t(this,d).set(n.position,!0)}else t(this,d).set(e*t(this,_),!0)}),l(this,He,()=>{const e=this.currentScrollValue;if(b(this,oe,Math.max(0,e-t(this,_))),t(this,u).length){let i=0;for(let n=0;n<t(this,u).length;n++){const h=t(this,u)[n];h.transform(),this.targetScrollValue+h.size/2>=h.position&&(i=n)}t(this,E).current=i}else this.vertical?t(this,m).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,m).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;Tt.scrollEntries.update(this,t(this,F).current,e)}),l(this,ae,(e,i)=>{t(this,O).pauseAndContinue(t(this,Gt).current),t(this,Et).current&&(t(this,O).direction=Math.sign(i)||1),t(this,We).call(this,e,i)}),l(this,We,(e,i)=>{if(!(e==="drag"&&!Rs.device.isMobile&&!t(this,Ht).current))if(t(this,rt).current){const n=Math.sign(i);t(this,u).length?this.shiftSections(n):t(this,d).shift(n*t(this,M))}else t(this,d).shift(i)}),rs.isBrowser&&(b(this,d,new Ds.Damped(0,{damping:.01,min:0,order:Ie.TICK_ORDER.SCROLL})),this.openShadow(Gs),I.element(this,{tabIndex:0,children:[I.div({class:"static",children:[I.slot({name:"static"})]}),I.div({class:"content",children:[I.slot({ref:e=>b(this,Te,e)})],style:{flexDirection:new Fs.Derived(t(this,F),e=>e==="x"?"row":"column")},ref:e=>b(this,m,e)})]}),b(this,X,new _e.WheelControls({element:t(this,m)})),t(this,X).changeEvent.subscribe(t(this,ae)),b(this,$t,new _e.KeyboardControls({element:t(this,m)})),t(this,$t).changeEvent.subscribe(t(this,ae)),b(this,pt,new _e.DragControls({element:t(this,m)})),t(this,pt).changeEvent.subscribe(t(this,ae)),b(this,O,new _e.AutoplayControls),t(this,O).changeEvent.subscribe(t(this,We)),t(this,F).subscribe(({current:e})=>{t(this,m).style.flexDirection=e==="x"?"row":"column",t(this,X).axis=t(this,Pt).current?"max":e,t(this,$t).dimension=e==="x"?"width":"height",t(this,pt).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),this.isConnected&&t(this,st).call(this)}),t(this,Pt).subscribe(e=>{t(this,X).axis=e.current?"max":t(this,F).current}),t(this,it).subscribe(()=>{this.isConnected&&t(this,st).call(this)}),t(this,Q).subscribe(({current:e})=>{this.isConnected&&(e?C(this,jt,ve).call(this):C(this,Dt,te).call(this))}),t(this,rt).subscribe(e=>{t(this,X).debounce=e.current,t(this,pt).swipe=e.current,t(this,O).interval=e.current,this.isConnected&&(e.current&&!e.previous&&!t(this,u).length?C(this,jt,ve).call(this):!e.current&&e.previous&&t(this,u).length&&C(this,Dt,te).call(this))}),t(this,yt).subscribe(e=>{this.isConnected&&(t(this,st).call(this),e.current&&!e.previous&&!t(this,u).length?C(this,jt,ve).call(this):!e.current&&e.previous&&t(this,u).length&&C(this,Dt,te).call(this))}),t(this,Z).subscribe(e=>{this.isConnected&&(t(this,st).call(this),C(this,ge,Ae).call(this))}),t(this,T).subscribe(e=>{e.current?(this.isConnected&&(t(this,u).length||(t(this,Q).current=!0)),t(this,u).length&&(t(this,d).max=1/0,t(this,d).min=-1/0)):(b(this,oe,0),t(this,d).max=t(this,_),t(this,d).min=0)}),t(this,Bt).subscribe(e=>{t(this,d).damping=e.current}),t(this,At).subscribe(e=>{t(this,d).mass=e.current}),t(this,It).subscribe(e=>{t(this,d).stiffness=e.current}),t(this,Ut).subscribe(e=>{e.current&&!e.previous?C(this,qe,os).call(this):!e.current&&e.previous&&C(this,Be,as).call(this)}),t(this,Nt).subscribe(e=>{e.current&&!e.previous?C(this,Ee,Ue).call(this):!e.current&&e.previous&&C(this,ke,Ne).call(this)}),t(this,at).subscribe(e=>{t(this,O).speed=e.current,e.current&&!e.previous?t(this,O).connect():!e.current&&e.previous&&t(this,O).disconnect()}),t(this,Et).subscribe(e=>{e.current||(t(this,O).direction=1)}),t(this,d).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,E).subscribe(e=>{t(this,u).length&&C(this,ge,Ae).call(this)}))}get axisCSSProperty(){return t(this,F)}get pagesCSSProperty(){return t(this,it)}get splitCSSProperty(){return t(this,Q)}get sectionalCSSProperty(){return t(this,rt)}get autoSizeCSSProperty(){return t(this,yt)}get wheelMaxDeltaCSSProperty(){return t(this,Pt)}get sectionsInViewCSSProperty(){return t(this,Z)}get infiniteCSSProperty(){return t(this,T)}get dampingCSSProperty(){return t(this,Bt)}get massCSSProperty(){return t(this,At)}get stiffnessCSSProperty(){return t(this,It)}get mouseDragCSSProperty(){return t(this,Ht)}get sectionDistanceScaleCSSProperty(){return t(this,he)}get autoplayCSSProperty(){return t(this,at)}get autoplayPauseDurationCSSProperty(){return t(this,Gt)}get autoplayUserDirectionCSSProperty(){return t(this,Et)}get disabledCSSProperty(){return t(this,Ut)}get hibernatedCSSProperty(){return t(this,Nt)}get currentScrollValue(){return C(this,Me,Ke).call(this,"current")}get targetScrollValue(){return C(this,Me,Ke).call(this,"target")}get contentElement(){return t(this,m)}get sections(){return t(this,u)}get position(){return t(this,ye)}get contentPosition(){return t(this,Pe)}get viewportSize(){return t(this,M)}get scrollSize(){return t(this,_)}get gap(){return t(this,B)}get counter(){return t(this,E)}get limit(){return t(this,u).length-t(this,Z).current}get distance(){return t(this,kt)}get infiniteDistance(){return t(this,T).current?t(this,kt)+t(this,B):t(this,kt)}get overscroll(){return t(this,oe)}get vertical(){return t(this,F).current==="y"}get currentProgress(){return this.currentScrollValue/this.infiniteDistance||0}get targetProgress(){return this.targetScrollValue/this.infiniteDistance||0}get speed(){return t(this,d).speed}get direction(){return t(this,d).direction}get isRunning(){return t(this,d).isRunning}get scrollWidth(){return t(this,F).current==="y"?0:t(this,d).length}get scrollHeight(){return t(this,F).current==="x"?0:t(this,d).length}onScroll(...e){return t(this,d).subscribe(...e)}offScroll(...e){t(this,d).unsubscribe(...e)}range(e,i,n=0){const h=e-n,c=h+i+n*2;return this.currentProgress<h?0:this.currentProgress>c?1:(this.currentProgress-h)/(c-h)}curve(e,i,n=0){return Math.sin(this.range(e,i,n)*Math.PI)}visible(e,i,n=0){const h=e-n,c=h+i+n*2;return this.currentProgress>=h&&this.currentProgress<=c}scrollToSection(e,i="smooth"){if(!t(this,u).length)return;const n=t(this,E).current;C(this,Ze,bs).call(this,e);const h=t(this,u)[n],c=t(this,u)[t(this,E).current];if(h&&c){let f=0;const Ce=C(this,Je,Cs).call(this),$s=Ce?this.targetScrollValue-Ce.position:0;t(this,T).current?t(this,E).current===0&&n===t(this,u).length-1?f=t(this,_)+t(this,M)-h.position+t(this,B):t(this,E).current===t(this,u).length-1&&n===0?f=c.position-(t(this,_)+t(this,M)+t(this,B)):f=c.position-h.position:f=c.position-h.position,t(this,d).shift(f-$s,i==="instant")}}shiftSections(e,i="smooth"){t(this,u).length&&this.scrollToSection(t(this,E).current+e,i)}setPosition(e,i="smooth"){t(this,d).set(e,i==="instant")}connectedCallback(){t(this,F).observe(),t(this,it).observe(),t(this,Q).observe(),t(this,rt).observe(),t(this,yt).observe(),t(this,Pt).observe(),t(this,Z).observe(),t(this,T).observe(),t(this,Bt).observe(),t(this,At).observe(),t(this,It).observe(),t(this,Ht).observe(),t(this,he).observe(),t(this,at).observe(),t(this,at).observe(),t(this,Gt).observe(),t(this,Et).observe(),t(this,Ut).observe(),t(this,Nt).observe(),C(this,ke,Ne).call(this)}disconnectedCallback(){t(this,F).unobserve(),t(this,it).unobserve(),t(this,Q).unobserve(),t(this,rt).unobserve(),t(this,yt).unobserve(),t(this,Pt).unobserve(),t(this,Z).unobserve(),t(this,T).unobserve(),t(this,Bt).unobserve(),t(this,At).unobserve(),t(this,It).unobserve(),t(this,Ht).unobserve(),t(this,he).unobserve(),t(this,at).unobserve(),t(this,Gt).unobserve(),t(this,Et).unobserve(),t(this,Ut).unobserve(),t(this,Nt).unobserve(),C(this,Ee,Ue).call(this)}};d=new WeakMap;F=new WeakMap;it=new WeakMap;Q=new WeakMap;rt=new WeakMap;yt=new WeakMap;Pt=new WeakMap;Z=new WeakMap;T=new WeakMap;Bt=new WeakMap;At=new WeakMap;It=new WeakMap;Ht=new WeakMap;he=new WeakMap;at=new WeakMap;Gt=new WeakMap;Et=new WeakMap;Ut=new WeakMap;Nt=new WeakMap;m=new WeakMap;Te=new WeakMap;u=new WeakMap;ye=new WeakMap;Pe=new WeakMap;M=new WeakMap;_=new WeakMap;B=new WeakMap;X=new WeakMap;$t=new WeakMap;pt=new WeakMap;O=new WeakMap;E=new WeakMap;oe=new WeakMap;kt=new WeakMap;re=new WeakMap;ne=new WeakMap;jt=new WeakSet;ve=function(){C(this,Dt,te).call(this),t(this,Te).assignedElements().forEach(r=>{r instanceof HTMLElement&&t(this,u).push(new Hs(r,this))}),t(this,m).style.transform="",this.dispatchEvent(new CustomEvent("sectionsChange",{composed:!0})),t(this,st).call(this),C(this,ge,Ae).call(this)};Dt=new WeakSet;te=function(){t(this,u).forEach(r=>{r.destroy()}),b(this,u,[]),t(this,E).current=0,t(this,d).reset(),this.dispatchEvent(new CustomEvent("sectionsChange",{composed:!0}))};qe=new WeakSet;os=function(){t(this,re)||(b(this,re,!0),t(this,d).unsubscribe(t(this,He)),t(this,d).unlistenAnimationFrame(),t(this,X).disconnect(),t(this,$t).disconnect(),t(this,pt).disconnect(),t(this,O).disconnect())};Be=new WeakSet;as=function(){t(this,re)&&(b(this,re,!1),t(this,d).subscribe(t(this,He)),t(this,X).connect(),t(this,$t).connect(),t(this,pt).connect(),t(this,at).current&&t(this,O).connect())};Ee=new WeakSet;Ue=function(){t(this,ne)||(b(this,ne,!0),ie.windowResizer.unsubscribe(t(this,st)),t(this,d).reset(),C(this,qe,os).call(this),t(this,m).style.transform="",t(this,Q).current&&C(this,Dt,te).call(this),Tt.scrollEntries.unregister(this))};ke=new WeakSet;Ne=function(){t(this,ne)&&(b(this,ne,!1),t(this,Q).current&&C(this,jt,ve).call(this),Tt.scrollEntries.register(this),ie.windowResizer.subscribe(t(this,st),Ie.RESIZE_ORDER.SCROLL),C(this,Be,as).call(this))};st=new WeakMap;He=new WeakMap;Ze=new WeakSet;bs=function(r){t(this,T).current?(t(this,E).current=r%t(this,u).length,t(this,E).current=t(this,E).current<0?t(this,u).length+t(this,E).current:t(this,E).current):t(this,E).current=Yt.clamp(r,0,this.limit)};ae=new WeakMap;We=new WeakMap;Me=new WeakSet;Ke=function(r="current"){if(t(this,T).current&&t(this,u).length){const e=t(this,d)[r]%(t(this,_)+t(this,M)+t(this,B));return e<0?t(this,_)+e+t(this,M)+t(this,B):e}else return t(this,d)[r]};ge=new WeakSet;Ae=function(){if(t(this,u).length){const r=t(this,E).current;r===0?this.classList.add("start"):this.classList.remove("start"),r===this.limit?this.classList.add("end"):this.classList.remove("end"),t(this,u).forEach((e,i)=>{const n=r-this.limit-1,h=r+t(this,Z).current,c=this.sections.length-h;i>=r&&i<h||i<=n?e.mark("current"):i>=h&&i<h+c/2||i<=n+t(this,Z).current?e.mark("next"):e.mark("previous")})}};Je=new WeakSet;Cs=function(){let r=null,e=1/0;for(let i=0;i<t(this,u).length;i++){const n=Math.abs(t(this,u)[i].position-this.targetScrollValue);n<e&&(e=n,r=i)}return r!==null?t(this,u)[r]:null};exports.ScrollElement=Is([bt.define("e-scroll")],exports.ScrollElement);var me;class Ge extends bt.CustomElement{constructor(){super(...arguments);z(this,me,null)}get scrollElement(){return o(this,me)}connectedCallback(){const i=qs.findParentElement(this,exports.ScrollElement);i instanceof exports.ScrollElement?D(this,me,i):console.error(this,"e-scroll not found")}}me=new WeakMap;var Us=Object.defineProperty,Ns=Object.getOwnPropertyDescriptor,Zs=(r,e,i,n)=>{for(var h=n>1?void 0:n?Ns(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&Us(e,i,h),h},_s=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},S=(r,e,i)=>(_s(r,e,"read from private field"),i?i.call(r):e.get(r)),N=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},Ct=(r,e,i,n)=>(_s(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),le,R,nt,ht,ce,ue,Zt,xe,Le,Ve;const Ks=ns.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:ds.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:ds.aptechkaTheme.colorDark.var,borderRadius:"1vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}});exports.ScrollbarElement=class extends Ge{constructor(){super(),N(this,le,null),N(this,R,null),N(this,nt,!1),N(this,ht,0),N(this,ce,0),N(this,ue,0),N(this,Zt,()=>{Ct(this,nt,this.offsetWidth>this.offsetHeight);const e=S(this,nt)?this.offsetWidth:this.offsetHeight;Ct(this,ht,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),Ct(this,ht,Math.max(S(this,ht),30)),S(this,nt)?(S(this,R).style.width=S(this,ht)+"px",S(this,R).style.height="100%"):(S(this,R).style.width="100%",S(this,R).style.height=S(this,ht)+"px"),Ct(this,ce,e-S(this,ht)),this.scrollElement.scrollSize||(this.style.display="none")}),N(this,xe,()=>{Ct(this,ue,this.scrollElement.currentProgress*S(this,ce)),S(this,nt)?S(this,R).style.transform=`translate3d(${S(this,ue)}px, 0px, 0px)`:S(this,R).style.transform=`translate3d(0px, ${S(this,ue)}px, 0px)`}),N(this,Le,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)}),N(this,Ve,e=>{document.documentElement.classList.add("grabbing"),Ts.setupDrag(h=>{const c=S(this,nt)?h.x:h.y,f=this.scrollElement.distance/S(this,ce),Ce=(c-n)*f;this.scrollElement.setPosition(i+Ce)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.targetScrollValue,n=S(this,nt)?e.x:e.y}),rs.isBrowser&&(this.openShadow(Ks),I.element(this,{slot:"static","drag-dead-zone":"",children:[I.slot({ref:e=>Ct(this,le,e),children:I.div({class:"default-thumb"})})]}))}get thumbElement(){return S(this,R)}connectedCallback(){super.connectedCallback();const e=S(this,le).assignedElements()[0]||S(this,le).firstElementChild;Ct(this,R,e),S(this,R).addEventListener("pointerdown",S(this,Ve)),ie.windowResizer.subscribe(S(this,Zt),Ie.RESIZE_ORDER.SCROLL+1),vs.elementResizer.subscribe(this,S(this,Zt)),this.scrollElement.onScroll(S(this,xe)),this.scrollElement.axisCSSProperty.subscribe(S(this,Le))}disconnectedCallback(){S(this,R).removeEventListener("pointerdown",S(this,Ve)),ie.windowResizer.unsubscribe(S(this,Zt)),vs.elementResizer.unsubscribe(S(this,Zt)),this.scrollElement.offScroll(S(this,xe)),this.scrollElement.axisCSSProperty.unsubscribe(S(this,Le))}};le=new WeakMap;R=new WeakMap;nt=new WeakMap;ht=new WeakMap;ce=new WeakMap;ue=new WeakMap;Zt=new WeakMap;xe=new WeakMap;Le=new WeakMap;Ve=new WeakMap;exports.ScrollbarElement=Zs([bt.define("e-scrollbar")],exports.ScrollbarElement);const Js=ns.createStylesheet({button:{all:"inherit"}});class ys extends Ge{constructor(){super(),this.openShadow(Js),rs.isBrowser&&I.element(this,{children:[I.button({onClick:()=>{this.handleClick()},children:[I.slot()]})]})}}var Qs=Object.defineProperty,Xs=Object.getOwnPropertyDescriptor,Ys=(r,e,i,n)=>{for(var h=n>1?void 0:n?Xs(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&Qs(e,i,h),h};exports.ScrollSetButtonElement=class extends ys{handleClick(){const e=this.getAttribute("index"),i=this.getAttribute("behaviour");this.scrollElement.scrollToSection(parseInt(e||"0"),i)}};exports.ScrollSetButtonElement=Ys([bt.define("e-scroll-set-button")],exports.ScrollSetButtonElement);var js=Object.defineProperty,ti=Object.getOwnPropertyDescriptor,ei=(r,e,i,n)=>{for(var h=n>1?void 0:n?ti(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&js(e,i,h),h};exports.ScrollStepButtonElement=class extends ys{handleClick(){const e=this.getAttribute("step"),i=this.getAttribute("behaviour");this.scrollElement.shiftSections(parseInt(e||"1"),i)}};exports.ScrollStepButtonElement=ei([bt.define("e-scroll-step-button")],exports.ScrollStepButtonElement);var si=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ri=(r,e,i,n)=>{for(var h=n>1?void 0:n?ii(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&si(e,i,h),h},Ps=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},qt=(r,e,i)=>(Ps(r,e,"read from private field"),i?i.call(r):e.get(r)),gs=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},ms=(r,e,i,n)=>(Ps(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),Wt,pe,et,mt,ee,we,be,se;class ni{constructor(e,i,n){z(this,et,void 0);z(this,mt,void 0);z(this,ee,void 0);z(this,we,void 0);z(this,be,()=>{o(this,mt).scrollToSection(o(this,ee),o(this,we))});z(this,se,()=>{o(this,et).classList.toggle("current",o(this,mt).counter.current===o(this,ee))});D(this,et,document.createElement("button")),D(this,mt,e),D(this,we,n),D(this,ee,i),o(this,et).addEventListener("click",o(this,be)),o(this,mt).counter.subscribe(o(this,se)),o(this,se).call(this)}get element(){return o(this,et)}destroy(){o(this,et).removeEventListener("click",o(this,be)),o(this,mt).counter.unsubscribe(o(this,se)),o(this,et).remove()}}et=new WeakMap,mt=new WeakMap,ee=new WeakMap,we=new WeakMap,be=new WeakMap,se=new WeakMap;exports.ScrollBulletButtonsElement=class extends Ge{constructor(){super(...arguments),gs(this,Wt,[]),gs(this,pe,ws.debounce(()=>{qt(this,Wt).forEach(e=>e.destroy()),ms(this,Wt,[]);for(let e=0;e<this.scrollElement.sections.length;e++){const i=new ni(this.scrollElement,e,this.getAttribute("behaviour")||"smooth");this.appendChild(i.element),qt(this,Wt).push(i)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",qt(this,pe)),qt(this,pe).call(this)}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",qt(this,pe)),qt(this,Wt).forEach(e=>e.destroy()),ms(this,Wt,[])}};Wt=new WeakMap;pe=new WeakMap;exports.ScrollBulletButtonsElement=ri([bt.define("e-scroll-bullet-buttons")],exports.ScrollBulletButtonsElement);var hi=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,ai=(r,e,i,n)=>{for(var h=n>1?void 0:n?oi(e,i):e,c=r.length-1,f;c>=0;c--)(f=r[c])&&(h=(n?f(e,i,h):f(h))||h);return n&&h&&hi(e,i,h),h},ls=(r,e,i)=>{if(!e.has(r))throw TypeError("Cannot "+i)},s=(r,e,i)=>(ls(r,e,"read from private field"),i?i.call(r):e.get(r)),a=(r,e,i)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,i)},v=(r,e,i,n)=>(ls(r,e,"write to private field"),n?n.call(r,i):e.set(r,i),i),y=(r,e,i)=>(ls(r,e,"access private method"),i),Kt,Mt,xt,Lt,Vt,$,H,G,U,Ot,L,ft,St,lt,ct,ut,Jt,fe,x,J,K,dt,vt,Y,ze,g,Qt,Xt,Oe,A,j,V,W,q,Se,Ft,k,$e,Qe,cs,Es,Xe,ks,Ye,Ws,je,Ms,ts,xs,es,Ls,ss,Vs,De,de,ot,zt,us,zs,ps,Os,Fe,is,Re;exports.ScrollSegmentElement=class extends Ge{constructor(){super(...arguments),a(this,$e),a(this,cs),a(this,Xe),a(this,Ye),a(this,je),a(this,ts),a(this,es),a(this,ss),a(this,ot),a(this,us),a(this,ps),a(this,Fe),a(this,Kt,new p.CSSProperty(this,"--target","")),a(this,Mt,new p.CSSProperty(this,"--disabled",!1)),a(this,xt,new p.CSSProperty(this,"--distance-offset",0)),a(this,Lt,new p.CSSProperty(this,"--start-offset",0)),a(this,Vt,new p.CSSProperty(this,"--capture-once",!1)),a(this,$,new p.CSSProperty(this,"--captured","")),a(this,H,new p.CSSProperty(this,"--released","")),a(this,G,new p.CSSProperty(this,"--captured-from-start","")),a(this,U,new p.CSSProperty(this,"--captured-from-finish","")),a(this,Ot,new p.CSSProperty(this,"--released-from-start","")),a(this,L,new p.CSSProperty(this,"--released-from-finish","")),a(this,ft,new p.CSSProperty(this,"--passed-var","")),a(this,St,new p.CSSProperty(this,"--progress-var","")),a(this,lt,new p.CSSProperty(this,"--distance-var","")),a(this,ct,new p.CSSProperty(this,"--start-var","")),a(this,ut,new p.CSSProperty(this,"--finish-var","")),a(this,Jt,new p.CSSProperty(this,"--smoothstep",!1)),a(this,fe,new p.CSSProperty(this,"--smootherstep",!1)),a(this,x,new _t.Store(!1)),a(this,J,new _t.Store(!1)),a(this,K,new _t.Store(!1)),a(this,dt,new _t.Store(!1)),a(this,vt,new _t.Store(!1)),a(this,Y,new _t.Store(!1)),a(this,ze,[]),a(this,g,this),a(this,Qt,0),a(this,Xt,0),a(this,Oe,0),a(this,A,0),a(this,j,0),a(this,V,0),a(this,W,0),a(this,q,0),a(this,Se,!1),a(this,Ft,!1),a(this,k,!0),a(this,De,()=>{s(this,k)||(this.resize(),s(this,de).call(this))}),a(this,de,()=>{!s(this,k)&&s(this,Se)&&this.tick()}),a(this,Re,ws.debounce(()=>{const e=Tt.scrollEntries.getAll(this).reverse();let i=0;e.forEach((n,h)=>{n.element===this.scrollElement&&(i=h)}),v(this,ze,e.slice(i+1))},0))}get distanceOffsetCSSProperty(){return s(this,xt)}get startOffsetCSSProperty(){return s(this,Lt)}get captureOnceCSSProperty(){return s(this,Vt)}get capturedCSSProperty(){return s(this,$)}get releasedCSSProperty(){return s(this,H)}get capturedFromStartCSSProperty(){return s(this,G)}get capturedFromFinishCSSProperty(){return s(this,U)}get releasedFromStartCSSProperty(){return s(this,Ot)}get releasedFromFinishCSSProperty(){return s(this,L)}get passedVarCSSProperty(){return s(this,ft)}get progressVarCSSProperty(){return s(this,St)}get distanceVarCSSProperty(){return s(this,lt)}get startVarCSSProperty(){return s(this,ct)}get finishVarCSSProperty(){return s(this,ut)}get smoothstepCSSProperty(){return s(this,Jt)}get smootherstepCSSProperty(){return s(this,fe)}get disabledCSSProperty(){return s(this,Mt)}get targetCSSProperty(){return s(this,Kt)}get isCaptured(){return s(this,x)}get isReleased(){return s(this,J)}get isCapturedFromStart(){return s(this,K)}get isReleasedFromStart(){return s(this,dt)}get isCapturedFromFinish(){return s(this,vt)}get isReleasedFromFinish(){return s(this,Y)}get directionPosition(){return s(this,Qt)}get directionSize(){return s(this,Xt)}get passed(){return s(this,A)}get progress(){return s(this,j)}get start(){return s(this,V)}get finish(){return s(this,q)}get distance(){return s(this,W)}get isCapturedOnce(){return s(this,Ft)}get isDisabled(){return s(this,k)}resize(){v(this,Xt,this.scrollElement.vertical?this.offsetHeight:this.offsetWidth),v(this,Qt,this.scrollElement.vertical?wt.getCumulativeOffsetTop(this,this.scrollElement):wt.getCumulativeOffsetLeft(this,this.scrollElement)),v(this,V,this.getStart()),v(this,W,this.getDistance()),v(this,V,s(this,V)+s(this,Lt).current),v(this,W,s(this,W)+s(this,xt).current),v(this,q,s(this,V)+s(this,W)),this.scrollElement.currentScrollValue>s(this,q)&&!s(this,x).current&&!s(this,J).current&&(s(this,x).current=!0),this.setVar(s(this,ct).current,s(this,V)),this.setVar(s(this,ut).current,s(this,q)),this.setVar(s(this,lt).current,s(this,W)),v(this,Se,!0)}tick(){let e=this.scrollElement.currentScrollValue;s(this,ze).forEach(n=>{e+=n.value}),v(this,A,this.updateValue(e-s(this,V),0,s(this,W))||0),v(this,j,s(this,A)/s(this,W)||0);const i=Math.round(e);s(this,x).current&&(i>s(this,V)?s(this,K).current||y(this,je,Ms).call(this):s(this,K).current&&!s(this,dt).current&&y(this,es,Ls).call(this),i<s(this,q)?s(this,Y).current&&!s(this,vt).current&&y(this,ts,xs).call(this):s(this,K).current&&!s(this,Y).current&&y(this,ss,Vs).call(this)),i>s(this,V)&&i<s(this,q)?(y(this,$e,Qe).call(this),s(this,x).current||y(this,Xe,ks).call(this)):s(this,x).current&&(v(this,A,Yt.step(s(this,W)/2,s(this,A),0,s(this,W))),v(this,j,s(this,A)/s(this,W)),y(this,$e,Qe).call(this),y(this,Ye,Ws).call(this)),s(this,Ft)&&s(this,Vt).current&&(s(this,$).current&&s(this,g).classList.add(s(this,$).current),v(this,k,!0))}disable(){this.style.cssText="",v(this,Qt,0),v(this,Xt,0),v(this,A,0),v(this,j,0),v(this,V,0),v(this,W,0),v(this,q,0),v(this,Se,!1),s(this,x).current=!1,s(this,J).current=!1,s(this,K).current=!1,s(this,dt).current=!1,s(this,vt).current=!1,s(this,Y).current=!1,v(this,Ft,!1),v(this,k,!0),y(this,Fe,is).call(this)}enable(){v(this,k,!1)}connectedCallback(){super.connectedCallback(),s(this,Kt).observe(),s(this,Mt).observe(),s(this,xt).observe(),s(this,Lt).observe(),s(this,Vt).observe(),s(this,$).observe(),s(this,H).observe(),s(this,G).observe(),s(this,U).observe(),s(this,Ot).observe(),s(this,L).observe(),s(this,ft).observe(),s(this,St).observe(),s(this,lt).observe(),s(this,ct).observe(),s(this,ut).observe(),s(this,Jt).observe(),s(this,fe).observe();let e=!1;this.scrollElement.addEventListener("sectionsChange",s(this,Re)),s(this,Re).call(this),s(this,Mt).current||this.enable(),s(this,Kt).subscribe(i=>{i.previous&&y(this,Fe,is).call(this),i.current?i.current==="parent"?v(this,g,this.parentElement||this):v(this,g,document.querySelector(i.current)||this):v(this,g,this)}),s(this,Mt).subscribe(i=>{i.current&&!i.previous?this.disable():!i.current&&i.previous&&(this.resize(),this.enable())}),s(this,Lt).subscribe(()=>{e&&!s(this,k)&&this.resize()}),s(this,xt).subscribe(()=>{e&&!s(this,k)&&this.resize()}),s(this,$).subscribe(i=>{y(this,ot,zt).call(this,i)}),s(this,G).subscribe(i=>{y(this,ot,zt).call(this,i)}),s(this,U).subscribe(i=>{y(this,ot,zt).call(this,i)}),s(this,H).subscribe(i=>{y(this,ot,zt).call(this,i)}),s(this,Ot).subscribe(i=>{y(this,ot,zt).call(this,i)}),s(this,L).subscribe(i=>{y(this,ot,zt).call(this,i)}),s(this,Vt).subscribe(i=>{s(this,k)||!i.current&&i.previous&&(this.resize(),this.enable())}),s(this,ft).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,this.passed))}),s(this,St).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,j)))}),s(this,ct).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,V)))}),s(this,ut).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,q)))}),s(this,lt).subscribe(i=>{s(this,k)||(this.removeVar(i.previous),this.setVar(i.current,s(this,W)))}),ie.windowResizer.subscribe(s(this,De),Ie.RESIZE_ORDER.SEGMENT),this.scrollElement.onScroll(s(this,de)),e=!0}disconnectedCallback(){ie.windowResizer.unsubscribe(s(this,De)),this.scrollElement.offScroll(s(this,de)),s(this,Kt).close(),s(this,Mt).close(),s(this,xt).close(),s(this,Lt).close(),s(this,Vt).close(),s(this,$).close(),s(this,H).close(),s(this,G).close(),s(this,U).close(),s(this,Ot).close(),s(this,L).close(),s(this,ft).close(),s(this,St).close(),s(this,lt).close(),s(this,ct).close(),s(this,ut).close(),s(this,Jt).close(),s(this,fe).close(),s(this,x).close(),s(this,J).close(),s(this,K).close(),s(this,dt).close(),s(this,vt).close(),s(this,Y).close(),this.disable()}removeVar(e){e&&s(this,g).style.removeProperty(`--${e}`)}setVar(e,i){e&&s(this,g).style.setProperty(`--${e}`,i.toString())}updateValue(e,i=0,n=1){return this.smootherstepCSSProperty.current?Yt.smootherstep(e,i,n)*n:s(this,Jt).current?Yt.smoothstep(e,i,n)*n:Yt.clamp(e,i,n)}getDistance(){return s(this,Xt)+s(this,Oe)}getStart(){return s(this,Qt)-s(this,Oe)}};Kt=new WeakMap;Mt=new WeakMap;xt=new WeakMap;Lt=new WeakMap;Vt=new WeakMap;$=new WeakMap;H=new WeakMap;G=new WeakMap;U=new WeakMap;Ot=new WeakMap;L=new WeakMap;ft=new WeakMap;St=new WeakMap;lt=new WeakMap;ct=new WeakMap;ut=new WeakMap;Jt=new WeakMap;fe=new WeakMap;x=new WeakMap;J=new WeakMap;K=new WeakMap;dt=new WeakMap;vt=new WeakMap;Y=new WeakMap;ze=new WeakMap;g=new WeakMap;Qt=new WeakMap;Xt=new WeakMap;Oe=new WeakMap;A=new WeakMap;j=new WeakMap;V=new WeakMap;W=new WeakMap;q=new WeakMap;Se=new WeakMap;Ft=new WeakMap;k=new WeakMap;$e=new WeakSet;Qe=function(){y(this,cs,Es).call(this),this.setVar(s(this,ft).current,s(this,A)),this.setVar(s(this,St).current,s(this,j))};cs=new WeakSet;Es=function(){this.dispatchEvent(new CustomEvent("segmentPass",{detail:{distance:s(this,W),start:s(this,V),finish:s(this,q),passed:s(this,A),progress:s(this,j)}}))};Xe=new WeakSet;ks=function(){s(this,x).current=!0,s(this,J).current=!1,v(this,Ft,!0),s(this,H).current&&s(this,g).classList.remove(s(this,H).current),s(this,L).current&&s(this,g).classList.remove(s(this,L).current),s(this,L).current&&s(this,g).classList.remove(s(this,L).current),s(this,$).current&&s(this,g).classList.add(s(this,$).current)};Ye=new WeakSet;Ws=function(){s(this,J).current=!0,s(this,x).current=!1,v(this,Ft,!0),s(this,$).current&&s(this,g).classList.remove(s(this,$).current),s(this,G).current&&s(this,g).classList.remove(s(this,G).current),s(this,U).current&&s(this,g).classList.remove(s(this,U).current),s(this,H).current&&s(this,g).classList.add(s(this,H).current)};je=new WeakSet;Ms=function(){s(this,x).current=!0,s(this,K).current=!0,s(this,dt).current=!1,s(this,G).current&&s(this,g).classList.add(s(this,G).current)};ts=new WeakSet;xs=function(){s(this,x).current=!0,s(this,vt).current=!0,s(this,Y).current=!1,s(this,U).current&&s(this,g).classList.add(s(this,U).current)};es=new WeakSet;Ls=function(){s(this,J).current=!0,s(this,dt).current=!0,s(this,K).current=!1,s(this,L).current&&s(this,g).classList.add(s(this,L).current)};ss=new WeakSet;Vs=function(){s(this,J).current=!0,s(this,Y).current=!0,s(this,vt).current=!1,s(this,L).current&&s(this,g).classList.add(s(this,L).current)};De=new WeakMap;de=new WeakMap;ot=new WeakSet;zt=function(r){if(s(this,k)){r.previous&&s(this,g).classList.remove(r.previous),r.current&&s(this,g).classList.remove(r.current);return}r.current&&s(this,x).current?(r.previous&&s(this,g).classList.remove(r.previous),s(this,g).classList.add(r.current)):!r.current&&r.previous&&s(this,g).classList.remove(r.previous)};us=new WeakSet;zs=function(...r){r.forEach(e=>{e&&s(this,g).classList.remove(e)})};ps=new WeakSet;Os=function(...r){r.forEach(e=>{e&&s(this,g).style.removeProperty(`--${e}`)})};Fe=new WeakSet;is=function(){y(this,us,zs).call(this,s(this,$).current,s(this,G).current,s(this,U).current,s(this,H).current,s(this,Ot).current,s(this,L).current),y(this,ps,Os).call(this,s(this,ft).current,s(this,St).current,s(this,lt).current,s(this,ct).current,s(this,ut).current)};Re=new WeakMap;exports.ScrollSegmentElement=ai([bt.define("e-scroll-segment")],exports.ScrollSegmentElement);
|
package/lib/scroll/index.js
CHANGED
|
@@ -16,10 +16,10 @@ import { S as wt } from "../Store-Cd-E5W1z.js";
|
|
|
16
16
|
import { D as qs } from "../Derived-DH-ouLBq.js";
|
|
17
17
|
import "../ticker/index.js";
|
|
18
18
|
import { WheelControls as Zs, KeyboardControls as Js, DragControls as Qs, AutoplayControls as Xs } from "../controls/index.js";
|
|
19
|
-
import { CustomElement as Ws, define as
|
|
19
|
+
import { CustomElement as Ws, define as se } from "../custom-element/index.js";
|
|
20
20
|
import { TICK_ORDER as Ys, RESIZE_ORDER as hs } from "../order/index.js";
|
|
21
|
-
import { windowResizer as
|
|
22
|
-
import { scrollEntries as
|
|
21
|
+
import { windowResizer as jt } from "../window-resizer/index.js";
|
|
22
|
+
import { scrollEntries as Ft } from "../scroll-entries/index.js";
|
|
23
23
|
import { e as ns, D as Ge, ay as Fe, p as js } from "../tags-BoPv9fDr.js";
|
|
24
24
|
import { c as as } from "../createStylesheet-KMRQhSa-.js";
|
|
25
25
|
import { cssUnitParser as vs } from "../css-unit-parser/index.js";
|
|
@@ -41,40 +41,40 @@ var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, hi = (e, i
|
|
|
41
41
|
if (i.has(e))
|
|
42
42
|
throw TypeError("Cannot add the same private member more than once");
|
|
43
43
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
44
|
-
}, b = (e, i, r, h) => (os(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), _ = (e, i, r) => (os(e, i, "access private method"), r), d, O, st, J, it, bt, _t, K, R,
|
|
44
|
+
}, b = (e, i, r, h) => (os(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), _ = (e, i, r) => (os(e, i, "access private method"), r), d, O, st, J, it, bt, _t, K, R, At, Rt, Tt, It, ie, at, Bt, Ct, Ht, Gt, g, Oe, c, ge, we, E, C, I, Q, Vt, ut, $, P, re, yt, te, ee, Jt, fe, zt, Qt, Ae, ls, Re, cs, be, Ne, _e, Ue, et, Be, Ke, Es, he, Ce, ye, qe, de, Te, Ze, xs, w, k, Dt, j, vt;
|
|
45
45
|
class ni {
|
|
46
46
|
constructor(i, r) {
|
|
47
47
|
z(this, w, void 0);
|
|
48
48
|
z(this, k, void 0);
|
|
49
|
-
z(this,
|
|
49
|
+
z(this, Dt, 0);
|
|
50
50
|
z(this, j, 0);
|
|
51
51
|
z(this, vt, null);
|
|
52
|
-
F(this, w, i), F(this, k, r),
|
|
52
|
+
F(this, w, i), F(this, k, r), Ft.register(a(this, w));
|
|
53
53
|
}
|
|
54
54
|
get size() {
|
|
55
|
-
return a(this,
|
|
55
|
+
return a(this, Dt);
|
|
56
56
|
}
|
|
57
57
|
get position() {
|
|
58
58
|
return a(this, j);
|
|
59
59
|
}
|
|
60
60
|
destroy() {
|
|
61
|
-
|
|
61
|
+
Ft.unregister(a(this, w)), a(this, w).style.transform = "", this.mark(null);
|
|
62
62
|
}
|
|
63
63
|
setSize(i) {
|
|
64
64
|
i ? (a(this, w).style.setProperty("--size", i + "px"), a(this, k).axisCSSProperty.current === "x" ? (a(this, w).style.width = i + "px", a(this, w).style.height = "") : (a(this, w).style.height = i + "px", a(this, w).style.width = "")) : (a(this, w).style.width = "", a(this, w).style.height = "", a(this, w).style.removeProperty("--size"));
|
|
65
65
|
}
|
|
66
66
|
resize() {
|
|
67
|
-
F(this,
|
|
67
|
+
F(this, Dt, a(this, k).vertical ? a(this, w).offsetHeight : a(this, w).offsetWidth), F(this, j, a(this, k).vertical ? $e(a(this, w)) : De(a(this, w))), F(this, j, a(this, j) - a(this, k).contentPosition);
|
|
68
68
|
}
|
|
69
69
|
transform() {
|
|
70
70
|
let i = 0;
|
|
71
71
|
const r = a(this, k).viewportSize * a(this, k).sectionDistanceScaleCSSProperty.current;
|
|
72
|
-
a(this, k).infiniteCSSProperty.current && a(this, k).overscroll && a(this, j) + a(this,
|
|
72
|
+
a(this, k).infiniteCSSProperty.current && a(this, k).overscroll && a(this, j) + a(this, Dt) < a(this, k).currentScrollValue && (i = a(this, k).distance * -1 - a(this, k).gap), Ft.update(
|
|
73
73
|
a(this, w),
|
|
74
74
|
a(this, k).axisCSSProperty.current,
|
|
75
75
|
i
|
|
76
76
|
);
|
|
77
|
-
const h = a(this, k).currentScrollValue + i, n = a(this, j) - a(this, k).viewportSize - r, p = a(this, j) + a(this,
|
|
77
|
+
const h = a(this, k).currentScrollValue + i, n = a(this, j) - a(this, k).viewportSize - r, p = a(this, j) + a(this, Dt) + r, S = rs(h, n, p);
|
|
78
78
|
a(this, k).vertical ? a(this, w).style.transform = `translate3d(0px, ${S * -1}px, 0px)` : a(this, w).style.transform = `translate3d(${S * -1}px, 0px, 0px)`;
|
|
79
79
|
}
|
|
80
80
|
mark(i) {
|
|
@@ -88,7 +88,7 @@ class ni {
|
|
|
88
88
|
));
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
w = new WeakMap(), k = new WeakMap(),
|
|
91
|
+
w = new WeakMap(), k = new WeakMap(), Dt = new WeakMap(), j = new WeakMap(), vt = new WeakMap();
|
|
92
92
|
const ai = as({
|
|
93
93
|
":host": {
|
|
94
94
|
position: "relative",
|
|
@@ -112,7 +112,8 @@ const ai = as({
|
|
|
112
112
|
display: "flex",
|
|
113
113
|
width: "100%",
|
|
114
114
|
height: "100%",
|
|
115
|
-
gap: "var(--gap, 0px)"
|
|
115
|
+
gap: "var(--gap, 0px)",
|
|
116
|
+
willChange: "var(--will-change, transform)"
|
|
116
117
|
},
|
|
117
118
|
':host([hibernated="true"]) .content': {
|
|
118
119
|
display: "contents"
|
|
@@ -123,7 +124,7 @@ const ai = as({
|
|
|
123
124
|
});
|
|
124
125
|
let Ie = class extends Ws {
|
|
125
126
|
constructor() {
|
|
126
|
-
super(), l(this,
|
|
127
|
+
super(), l(this, Jt), l(this, zt), l(this, Ae), l(this, Re), l(this, be), l(this, _e), l(this, Ke), l(this, ye), l(this, de), l(this, Ze), l(this, d, null), l(this, O, new u(this, "--axis", "y")), l(this, st, new u(this, "--pages", 0, {
|
|
127
128
|
validate: (e) => Math.max(0, e - 1)
|
|
128
129
|
})), l(this, J, new u(this, "--split", !1)), l(this, it, new u(this, "--sectional", !1)), l(this, bt, new u(this, "--auto-size", !1)), l(this, _t, new u(
|
|
129
130
|
this,
|
|
@@ -133,19 +134,19 @@ let Ie = class extends Ws {
|
|
|
133
134
|
this,
|
|
134
135
|
"--sections-in-view",
|
|
135
136
|
1
|
|
136
|
-
)), l(this, R, new u(this, "--infinite", !1)), l(this,
|
|
137
|
+
)), l(this, R, new u(this, "--infinite", !1)), l(this, At, new u(this, "--damping", 20)), l(this, Rt, new u(this, "--mass", 0)), l(this, Tt, new u(this, "--stiffness", 0)), l(this, It, new u(this, "--mouse-drag", !1)), l(this, ie, new u(
|
|
137
138
|
this,
|
|
138
139
|
"--section-distance-scale",
|
|
139
140
|
0.5
|
|
140
|
-
)), l(this, at, new u(this, "--autoplay", 0)), l(this,
|
|
141
|
+
)), l(this, at, new u(this, "--autoplay", 0)), l(this, Bt, new u(
|
|
141
142
|
this,
|
|
142
143
|
"--autoplay-pause-duration",
|
|
143
144
|
0
|
|
144
|
-
)), l(this,
|
|
145
|
+
)), l(this, Ct, new u(
|
|
145
146
|
this,
|
|
146
147
|
"--autoplay-user-direction",
|
|
147
148
|
!1
|
|
148
|
-
)), l(this,
|
|
149
|
+
)), l(this, Ht, new u(this, "--disabled", !1)), l(this, Gt, new u(this, "--hibernated", !1)), l(this, g, null), l(this, Oe, null), l(this, c, []), l(this, ge, 0), l(this, we, 0), l(this, E, 0), l(this, C, 0), l(this, I, 0), l(this, Q, null), l(this, Vt, null), l(this, ut, null), l(this, $, null), l(this, P, new wt(0)), l(this, re, 0), l(this, yt, 0), l(this, te, !0), l(this, ee, !0), l(this, et, () => {
|
|
149
150
|
t(this, d).unlistenAnimationFrame();
|
|
150
151
|
const e = this.currentScrollValue / t(this, C) || 0, i = t(this, P).current;
|
|
151
152
|
if (b(this, ge, this.vertical ? $e(this) : De(this)), b(this, we, this.vertical ? $e(t(this, g)) : De(t(this, g))), b(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? b(this, I, vs.parse(
|
|
@@ -175,9 +176,9 @@ let Ie = class extends Ws {
|
|
|
175
176
|
}
|
|
176
177
|
if (t(this, R).current && t(this, c).length) {
|
|
177
178
|
const r = t(this, c)[t(this, c).length - 1], h = r.position + r.size - t(this, E), n = t(this, C) - h;
|
|
178
|
-
b(this,
|
|
179
|
+
b(this, yt, r.position + r.size + n);
|
|
179
180
|
} else
|
|
180
|
-
b(this,
|
|
181
|
+
b(this, yt, t(this, C));
|
|
181
182
|
if (t(this, it).current && t(this, c).length) {
|
|
182
183
|
const r = t(this, c)[i];
|
|
183
184
|
t(this, d).set(r.position, !0);
|
|
@@ -194,17 +195,17 @@ let Ie = class extends Ws {
|
|
|
194
195
|
t(this, P).current = i;
|
|
195
196
|
} else
|
|
196
197
|
this.vertical ? t(this, g).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, g).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
197
|
-
|
|
198
|
+
Ft.update(
|
|
198
199
|
this,
|
|
199
200
|
t(this, O).current,
|
|
200
201
|
e
|
|
201
202
|
);
|
|
202
203
|
}), l(this, he, (e, i) => {
|
|
203
204
|
t(this, $).pauseAndContinue(
|
|
204
|
-
t(this,
|
|
205
|
-
), t(this,
|
|
205
|
+
t(this, Bt).current
|
|
206
|
+
), t(this, Ct).current && (t(this, $).direction = Math.sign(i) || 1), t(this, Ce).call(this, e, i);
|
|
206
207
|
}), l(this, Ce, (e, i) => {
|
|
207
|
-
if (!(e === "drag" && !ti.isMobile && !t(this,
|
|
208
|
+
if (!(e === "drag" && !ti.isMobile && !t(this, It).current))
|
|
208
209
|
if (t(this, it).current) {
|
|
209
210
|
const r = Math.sign(i);
|
|
210
211
|
t(this, c).length ? this.shiftSections(r) : t(this, d).shift(r * t(this, E));
|
|
@@ -235,39 +236,39 @@ let Ie = class extends Ws {
|
|
|
235
236
|
]
|
|
236
237
|
}), b(this, Q, new Zs({ element: t(this, g) })), t(this, Q).changeEvent.subscribe(
|
|
237
238
|
t(this, he)
|
|
238
|
-
), b(this,
|
|
239
|
+
), b(this, Vt, new Js({
|
|
239
240
|
element: t(this, g)
|
|
240
|
-
})), t(this,
|
|
241
|
+
})), t(this, Vt).changeEvent.subscribe(
|
|
241
242
|
t(this, he)
|
|
242
243
|
), b(this, ut, new Qs({ element: t(this, g) })), t(this, ut).changeEvent.subscribe(t(this, he)), b(this, $, new Xs()), t(this, $).changeEvent.subscribe(t(this, Ce)), t(this, O).subscribe(({ current: e }) => {
|
|
243
|
-
t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, Q).axis = t(this, _t).current ? "max" : e, t(this,
|
|
244
|
+
t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, Q).axis = t(this, _t).current ? "max" : e, t(this, Vt).dimension = e === "x" ? "width" : "height", t(this, ut).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, et).call(this);
|
|
244
245
|
}), t(this, _t).subscribe((e) => {
|
|
245
246
|
t(this, Q).axis = e.current ? "max" : t(this, O).current;
|
|
246
247
|
}), t(this, st).subscribe(() => {
|
|
247
248
|
this.isConnected && t(this, et).call(this);
|
|
248
249
|
}), t(this, J).subscribe(({ current: e }) => {
|
|
249
|
-
this.isConnected && (e ? _(this,
|
|
250
|
+
this.isConnected && (e ? _(this, Jt, fe).call(this) : _(this, zt, Qt).call(this));
|
|
250
251
|
}), t(this, it).subscribe((e) => {
|
|
251
|
-
t(this, Q).debounce = e.current, t(this, ut).swipe = e.current, t(this, $).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, c).length ? _(this,
|
|
252
|
+
t(this, Q).debounce = e.current, t(this, ut).swipe = e.current, t(this, $).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, c).length ? _(this, Jt, fe).call(this) : !e.current && e.previous && t(this, c).length && _(this, zt, Qt).call(this));
|
|
252
253
|
}), t(this, bt).subscribe((e) => {
|
|
253
|
-
this.isConnected && (t(this, et).call(this), e.current && !e.previous && !t(this, c).length ? _(this,
|
|
254
|
+
this.isConnected && (t(this, et).call(this), e.current && !e.previous && !t(this, c).length ? _(this, Jt, fe).call(this) : !e.current && e.previous && t(this, c).length && _(this, zt, Qt).call(this));
|
|
254
255
|
}), t(this, K).subscribe((e) => {
|
|
255
256
|
this.isConnected && (t(this, et).call(this), _(this, de, Te).call(this));
|
|
256
257
|
}), t(this, R).subscribe((e) => {
|
|
257
258
|
e.current ? (this.isConnected && (t(this, c).length || (t(this, J).current = !0)), t(this, c).length && (t(this, d).max = 1 / 0, t(this, d).min = -1 / 0)) : (b(this, re, 0), t(this, d).max = t(this, C), t(this, d).min = 0);
|
|
258
|
-
}), t(this, Ot).subscribe((e) => {
|
|
259
|
-
t(this, d).damping = e.current;
|
|
260
259
|
}), t(this, At).subscribe((e) => {
|
|
261
|
-
t(this, d).
|
|
260
|
+
t(this, d).damping = e.current;
|
|
262
261
|
}), t(this, Rt).subscribe((e) => {
|
|
262
|
+
t(this, d).mass = e.current;
|
|
263
|
+
}), t(this, Tt).subscribe((e) => {
|
|
263
264
|
t(this, d).stiffness = e.current;
|
|
264
|
-
}), t(this, Bt).subscribe((e) => {
|
|
265
|
-
e.current && !e.previous ? _(this, Ae, ls).call(this) : !e.current && e.previous && _(this, Re, cs).call(this);
|
|
266
265
|
}), t(this, Ht).subscribe((e) => {
|
|
266
|
+
e.current && !e.previous ? _(this, Ae, ls).call(this) : !e.current && e.previous && _(this, Re, cs).call(this);
|
|
267
|
+
}), t(this, Gt).subscribe((e) => {
|
|
267
268
|
e.current && !e.previous ? _(this, be, Ne).call(this) : !e.current && e.previous && _(this, _e, Ue).call(this);
|
|
268
269
|
}), t(this, at).subscribe((e) => {
|
|
269
270
|
t(this, $).speed = e.current, e.current && !e.previous ? t(this, $).connect() : !e.current && e.previous && t(this, $).disconnect();
|
|
270
|
-
}), t(this,
|
|
271
|
+
}), t(this, Ct).subscribe((e) => {
|
|
271
272
|
e.current || (t(this, $).direction = 1);
|
|
272
273
|
}), t(this, d).isRunning.subscribe((e) => {
|
|
273
274
|
this.classList.toggle("active", e.current);
|
|
@@ -300,34 +301,34 @@ let Ie = class extends Ws {
|
|
|
300
301
|
return t(this, R);
|
|
301
302
|
}
|
|
302
303
|
get dampingCSSProperty() {
|
|
303
|
-
return t(this,
|
|
304
|
+
return t(this, At);
|
|
304
305
|
}
|
|
305
306
|
get massCSSProperty() {
|
|
306
|
-
return t(this,
|
|
307
|
+
return t(this, Rt);
|
|
307
308
|
}
|
|
308
309
|
get stiffnessCSSProperty() {
|
|
309
|
-
return t(this,
|
|
310
|
+
return t(this, Tt);
|
|
310
311
|
}
|
|
311
312
|
get mouseDragCSSProperty() {
|
|
312
|
-
return t(this,
|
|
313
|
+
return t(this, It);
|
|
313
314
|
}
|
|
314
315
|
get sectionDistanceScaleCSSProperty() {
|
|
315
|
-
return t(this,
|
|
316
|
+
return t(this, ie);
|
|
316
317
|
}
|
|
317
318
|
get autoplayCSSProperty() {
|
|
318
319
|
return t(this, at);
|
|
319
320
|
}
|
|
320
321
|
get autoplayPauseDurationCSSProperty() {
|
|
321
|
-
return t(this,
|
|
322
|
+
return t(this, Bt);
|
|
322
323
|
}
|
|
323
324
|
get autoplayUserDirectionCSSProperty() {
|
|
324
|
-
return t(this,
|
|
325
|
+
return t(this, Ct);
|
|
325
326
|
}
|
|
326
327
|
get disabledCSSProperty() {
|
|
327
|
-
return t(this,
|
|
328
|
+
return t(this, Ht);
|
|
328
329
|
}
|
|
329
330
|
get hibernatedCSSProperty() {
|
|
330
|
-
return t(this,
|
|
331
|
+
return t(this, Gt);
|
|
331
332
|
}
|
|
332
333
|
get currentScrollValue() {
|
|
333
334
|
return _(this, ye, qe).call(this, "current");
|
|
@@ -363,10 +364,10 @@ let Ie = class extends Ws {
|
|
|
363
364
|
return t(this, c).length - t(this, K).current;
|
|
364
365
|
}
|
|
365
366
|
get distance() {
|
|
366
|
-
return t(this,
|
|
367
|
+
return t(this, yt);
|
|
367
368
|
}
|
|
368
369
|
get infiniteDistance() {
|
|
369
|
-
return t(this, R).current ? t(this,
|
|
370
|
+
return t(this, R).current ? t(this, yt) + t(this, I) : t(this, yt);
|
|
370
371
|
}
|
|
371
372
|
get overscroll() {
|
|
372
373
|
return t(this, re);
|
|
@@ -435,10 +436,10 @@ let Ie = class extends Ws {
|
|
|
435
436
|
t(this, d).set(e, i === "instant");
|
|
436
437
|
}
|
|
437
438
|
connectedCallback() {
|
|
438
|
-
t(this, O).observe(), t(this, st).observe(), t(this, J).observe(), t(this, it).observe(), t(this, bt).observe(), t(this, _t).observe(), t(this, K).observe(), t(this, R).observe(), t(this,
|
|
439
|
+
t(this, O).observe(), t(this, st).observe(), t(this, J).observe(), t(this, it).observe(), t(this, bt).observe(), t(this, _t).observe(), t(this, K).observe(), t(this, R).observe(), t(this, At).observe(), t(this, Rt).observe(), t(this, Tt).observe(), t(this, It).observe(), t(this, ie).observe(), t(this, at).observe(), t(this, at).observe(), t(this, Bt).observe(), t(this, Ct).observe(), t(this, Ht).observe(), t(this, Gt).observe(), _(this, _e, Ue).call(this);
|
|
439
440
|
}
|
|
440
441
|
disconnectedCallback() {
|
|
441
|
-
t(this, O).unobserve(), t(this, st).unobserve(), t(this, J).unobserve(), t(this, it).unobserve(), t(this, bt).unobserve(), t(this, _t).unobserve(), t(this, K).unobserve(), t(this, R).unobserve(), t(this,
|
|
442
|
+
t(this, O).unobserve(), t(this, st).unobserve(), t(this, J).unobserve(), t(this, it).unobserve(), t(this, bt).unobserve(), t(this, _t).unobserve(), t(this, K).unobserve(), t(this, R).unobserve(), t(this, At).unobserve(), t(this, Rt).unobserve(), t(this, Tt).unobserve(), t(this, It).unobserve(), t(this, ie).unobserve(), t(this, at).unobserve(), t(this, Bt).unobserve(), t(this, Ct).unobserve(), t(this, Ht).unobserve(), t(this, Gt).unobserve(), _(this, be, Ne).call(this);
|
|
442
443
|
}
|
|
443
444
|
};
|
|
444
445
|
d = /* @__PURE__ */ new WeakMap();
|
|
@@ -450,16 +451,16 @@ bt = /* @__PURE__ */ new WeakMap();
|
|
|
450
451
|
_t = /* @__PURE__ */ new WeakMap();
|
|
451
452
|
K = /* @__PURE__ */ new WeakMap();
|
|
452
453
|
R = /* @__PURE__ */ new WeakMap();
|
|
453
|
-
Ot = /* @__PURE__ */ new WeakMap();
|
|
454
454
|
At = /* @__PURE__ */ new WeakMap();
|
|
455
455
|
Rt = /* @__PURE__ */ new WeakMap();
|
|
456
456
|
Tt = /* @__PURE__ */ new WeakMap();
|
|
457
|
-
se = /* @__PURE__ */ new WeakMap();
|
|
458
|
-
at = /* @__PURE__ */ new WeakMap();
|
|
459
457
|
It = /* @__PURE__ */ new WeakMap();
|
|
460
458
|
ie = /* @__PURE__ */ new WeakMap();
|
|
459
|
+
at = /* @__PURE__ */ new WeakMap();
|
|
461
460
|
Bt = /* @__PURE__ */ new WeakMap();
|
|
461
|
+
Ct = /* @__PURE__ */ new WeakMap();
|
|
462
462
|
Ht = /* @__PURE__ */ new WeakMap();
|
|
463
|
+
Gt = /* @__PURE__ */ new WeakMap();
|
|
463
464
|
g = /* @__PURE__ */ new WeakMap();
|
|
464
465
|
Oe = /* @__PURE__ */ new WeakMap();
|
|
465
466
|
c = /* @__PURE__ */ new WeakMap();
|
|
@@ -469,17 +470,17 @@ E = /* @__PURE__ */ new WeakMap();
|
|
|
469
470
|
C = /* @__PURE__ */ new WeakMap();
|
|
470
471
|
I = /* @__PURE__ */ new WeakMap();
|
|
471
472
|
Q = /* @__PURE__ */ new WeakMap();
|
|
472
|
-
|
|
473
|
+
Vt = /* @__PURE__ */ new WeakMap();
|
|
473
474
|
ut = /* @__PURE__ */ new WeakMap();
|
|
474
475
|
$ = /* @__PURE__ */ new WeakMap();
|
|
475
476
|
P = /* @__PURE__ */ new WeakMap();
|
|
476
477
|
re = /* @__PURE__ */ new WeakMap();
|
|
477
|
-
|
|
478
|
-
jt = /* @__PURE__ */ new WeakMap();
|
|
478
|
+
yt = /* @__PURE__ */ new WeakMap();
|
|
479
479
|
te = /* @__PURE__ */ new WeakMap();
|
|
480
|
-
|
|
480
|
+
ee = /* @__PURE__ */ new WeakMap();
|
|
481
|
+
Jt = /* @__PURE__ */ new WeakSet();
|
|
481
482
|
fe = function() {
|
|
482
|
-
_(this,
|
|
483
|
+
_(this, zt, Qt).call(this), t(this, Oe).assignedElements().forEach((e) => {
|
|
483
484
|
e instanceof HTMLElement && t(this, c).push(new ni(e, this));
|
|
484
485
|
}), t(this, g).style.transform = "", this.dispatchEvent(
|
|
485
486
|
new CustomEvent("sectionsChange", {
|
|
@@ -487,8 +488,8 @@ fe = function() {
|
|
|
487
488
|
})
|
|
488
489
|
), t(this, et).call(this), _(this, de, Te).call(this);
|
|
489
490
|
};
|
|
490
|
-
|
|
491
|
-
|
|
491
|
+
zt = /* @__PURE__ */ new WeakSet();
|
|
492
|
+
Qt = function() {
|
|
492
493
|
t(this, c).forEach((e) => {
|
|
493
494
|
e.destroy();
|
|
494
495
|
}), b(this, c, []), t(this, P).current = 0, t(this, d).reset(), this.dispatchEvent(
|
|
@@ -499,19 +500,19 @@ Jt = function() {
|
|
|
499
500
|
};
|
|
500
501
|
Ae = /* @__PURE__ */ new WeakSet();
|
|
501
502
|
ls = function() {
|
|
502
|
-
t(this,
|
|
503
|
+
t(this, te) || (b(this, te, !0), t(this, d).unsubscribe(t(this, Be)), t(this, d).unlistenAnimationFrame(), t(this, Q).disconnect(), t(this, Vt).disconnect(), t(this, ut).disconnect(), t(this, $).disconnect());
|
|
503
504
|
};
|
|
504
505
|
Re = /* @__PURE__ */ new WeakSet();
|
|
505
506
|
cs = function() {
|
|
506
|
-
t(this,
|
|
507
|
+
t(this, te) && (b(this, te, !1), t(this, d).subscribe(t(this, Be)), t(this, Q).connect(), t(this, Vt).connect(), t(this, ut).connect(), t(this, at).current && t(this, $).connect());
|
|
507
508
|
};
|
|
508
509
|
be = /* @__PURE__ */ new WeakSet();
|
|
509
510
|
Ne = function() {
|
|
510
|
-
t(this,
|
|
511
|
+
t(this, ee) || (b(this, ee, !0), jt.unsubscribe(t(this, et)), t(this, d).reset(), _(this, Ae, ls).call(this), t(this, g).style.transform = "", t(this, J).current && _(this, zt, Qt).call(this), Ft.unregister(this));
|
|
511
512
|
};
|
|
512
513
|
_e = /* @__PURE__ */ new WeakSet();
|
|
513
514
|
Ue = function() {
|
|
514
|
-
t(this,
|
|
515
|
+
t(this, ee) && (b(this, ee, !1), t(this, J).current && _(this, Jt, fe).call(this), Ft.register(this), jt.subscribe(t(this, et), hs.SCROLL), _(this, Re, cs).call(this));
|
|
515
516
|
};
|
|
516
517
|
et = /* @__PURE__ */ new WeakMap();
|
|
517
518
|
Be = /* @__PURE__ */ new WeakMap();
|
|
@@ -549,7 +550,7 @@ xs = function() {
|
|
|
549
550
|
return e !== null ? t(this, c)[e] : null;
|
|
550
551
|
};
|
|
551
552
|
Ie = hi([
|
|
552
|
-
|
|
553
|
+
se("e-scroll")
|
|
553
554
|
], Ie);
|
|
554
555
|
var Se;
|
|
555
556
|
class He extends Ws {
|
|
@@ -577,7 +578,7 @@ var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ci = (e, i
|
|
|
577
578
|
if (i.has(e))
|
|
578
579
|
throw TypeError("Cannot add the same private member more than once");
|
|
579
580
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
580
|
-
}, gt = (e, i, r, h) => (Ls(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), ne, A, rt, ht, ae, oe,
|
|
581
|
+
}, gt = (e, i, r, h) => (Ls(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), ne, A, rt, ht, ae, oe, Nt, ke, Pe, We;
|
|
581
582
|
const ui = as({
|
|
582
583
|
":host": {
|
|
583
584
|
display: "inline-block",
|
|
@@ -609,7 +610,7 @@ const ui = as({
|
|
|
609
610
|
});
|
|
610
611
|
let ws = class extends He {
|
|
611
612
|
constructor() {
|
|
612
|
-
super(), U(this, ne, null), U(this, A, null), U(this, rt, !1), U(this, ht, 0), U(this, ae, 0), U(this, oe, 0), U(this,
|
|
613
|
+
super(), U(this, ne, null), U(this, A, null), U(this, rt, !1), U(this, ht, 0), U(this, ae, 0), U(this, oe, 0), U(this, Nt, () => {
|
|
613
614
|
gt(this, rt, this.offsetWidth > this.offsetHeight);
|
|
614
615
|
const e = f(this, rt) ? this.offsetWidth : this.offsetHeight;
|
|
615
616
|
gt(this, ht, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), gt(this, ht, Math.max(f(this, ht), 30)), f(this, rt) ? (f(this, A).style.width = f(this, ht) + "px", f(this, A).style.height = "100%") : (f(this, A).style.width = "100%", f(this, A).style.height = f(this, ht) + "px"), gt(this, ae, e - f(this, ht)), this.scrollElement.scrollSize || (this.style.display = "none");
|
|
@@ -645,10 +646,10 @@ let ws = class extends He {
|
|
|
645
646
|
connectedCallback() {
|
|
646
647
|
super.connectedCallback();
|
|
647
648
|
const e = f(this, ne).assignedElements()[0] || f(this, ne).firstElementChild;
|
|
648
|
-
gt(this, A, e), f(this, A).addEventListener("pointerdown", f(this, We)),
|
|
649
|
+
gt(this, A, e), f(this, A).addEventListener("pointerdown", f(this, We)), jt.subscribe(f(this, Nt), hs.SCROLL + 1), gs.subscribe(this, f(this, Nt)), this.scrollElement.onScroll(f(this, ke)), this.scrollElement.axisCSSProperty.subscribe(f(this, Pe));
|
|
649
650
|
}
|
|
650
651
|
disconnectedCallback() {
|
|
651
|
-
f(this, A).removeEventListener("pointerdown", f(this, We)),
|
|
652
|
+
f(this, A).removeEventListener("pointerdown", f(this, We)), jt.unsubscribe(f(this, Nt)), gs.unsubscribe(f(this, Nt)), this.scrollElement.offScroll(f(this, ke)), this.scrollElement.axisCSSProperty.unsubscribe(f(this, Pe));
|
|
652
653
|
}
|
|
653
654
|
};
|
|
654
655
|
ne = /* @__PURE__ */ new WeakMap();
|
|
@@ -657,12 +658,12 @@ rt = /* @__PURE__ */ new WeakMap();
|
|
|
657
658
|
ht = /* @__PURE__ */ new WeakMap();
|
|
658
659
|
ae = /* @__PURE__ */ new WeakMap();
|
|
659
660
|
oe = /* @__PURE__ */ new WeakMap();
|
|
660
|
-
|
|
661
|
+
Nt = /* @__PURE__ */ new WeakMap();
|
|
661
662
|
ke = /* @__PURE__ */ new WeakMap();
|
|
662
663
|
Pe = /* @__PURE__ */ new WeakMap();
|
|
663
664
|
We = /* @__PURE__ */ new WeakMap();
|
|
664
665
|
ws = ci([
|
|
665
|
-
|
|
666
|
+
se("e-scrollbar")
|
|
666
667
|
], ws);
|
|
667
668
|
const pi = as({
|
|
668
669
|
button: {
|
|
@@ -695,7 +696,7 @@ let bs = class extends Vs {
|
|
|
695
696
|
}
|
|
696
697
|
};
|
|
697
698
|
bs = Si([
|
|
698
|
-
|
|
699
|
+
se("e-scroll-set-button")
|
|
699
700
|
], bs);
|
|
700
701
|
var vi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, gi = (e, i, r, h) => {
|
|
701
702
|
for (var n = h > 1 ? void 0 : h ? mi(i, r) : i, p = e.length - 1, S; p >= 0; p--)
|
|
@@ -709,7 +710,7 @@ let _s = class extends Vs {
|
|
|
709
710
|
}
|
|
710
711
|
};
|
|
711
712
|
_s = gi([
|
|
712
|
-
|
|
713
|
+
se("e-scroll-step-button")
|
|
713
714
|
], _s);
|
|
714
715
|
var wi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, _i = (e, i, r, h) => {
|
|
715
716
|
for (var n = h > 1 ? void 0 : h ? bi(i, r) : i, p = e.length - 1, S; p >= 0; p--)
|
|
@@ -718,67 +719,67 @@ var wi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, _i = (e, i
|
|
|
718
719
|
}, zs = (e, i, r) => {
|
|
719
720
|
if (!i.has(e))
|
|
720
721
|
throw TypeError("Cannot " + r);
|
|
721
|
-
},
|
|
722
|
+
}, Ot = (e, i, r) => (zs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), Cs = (e, i, r) => {
|
|
722
723
|
if (i.has(e))
|
|
723
724
|
throw TypeError("Cannot add the same private member more than once");
|
|
724
725
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
725
|
-
}, ys = (e, i, r, h) => (zs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r),
|
|
726
|
+
}, ys = (e, i, r, h) => (zs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), kt, le, tt, mt, Xt, ve, me, Yt;
|
|
726
727
|
class Ci {
|
|
727
728
|
constructor(i, r, h) {
|
|
728
729
|
z(this, tt, void 0);
|
|
729
730
|
z(this, mt, void 0);
|
|
730
|
-
z(this,
|
|
731
|
+
z(this, Xt, void 0);
|
|
731
732
|
z(this, ve, void 0);
|
|
732
733
|
z(this, me, () => {
|
|
733
|
-
a(this, mt).scrollToSection(a(this,
|
|
734
|
+
a(this, mt).scrollToSection(a(this, Xt), a(this, ve));
|
|
734
735
|
});
|
|
735
|
-
z(this,
|
|
736
|
+
z(this, Yt, () => {
|
|
736
737
|
a(this, tt).classList.toggle(
|
|
737
738
|
"current",
|
|
738
|
-
a(this, mt).counter.current === a(this,
|
|
739
|
+
a(this, mt).counter.current === a(this, Xt)
|
|
739
740
|
);
|
|
740
741
|
});
|
|
741
|
-
F(this, tt, document.createElement("button")), F(this, mt, i), F(this, ve, h), F(this,
|
|
742
|
+
F(this, tt, document.createElement("button")), F(this, mt, i), F(this, ve, h), F(this, Xt, r), a(this, tt).addEventListener("click", a(this, me)), a(this, mt).counter.subscribe(a(this, Yt)), a(this, Yt).call(this);
|
|
742
743
|
}
|
|
743
744
|
get element() {
|
|
744
745
|
return a(this, tt);
|
|
745
746
|
}
|
|
746
747
|
destroy() {
|
|
747
|
-
a(this, tt).removeEventListener("click", a(this, me)), a(this, mt).counter.unsubscribe(a(this,
|
|
748
|
+
a(this, tt).removeEventListener("click", a(this, me)), a(this, mt).counter.unsubscribe(a(this, Yt)), a(this, tt).remove();
|
|
748
749
|
}
|
|
749
750
|
}
|
|
750
|
-
tt = new WeakMap(), mt = new WeakMap(),
|
|
751
|
+
tt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), ve = new WeakMap(), me = new WeakMap(), Yt = new WeakMap();
|
|
751
752
|
let ks = class extends He {
|
|
752
753
|
constructor() {
|
|
753
|
-
super(...arguments), Cs(this,
|
|
754
|
-
|
|
754
|
+
super(...arguments), Cs(this, kt, []), Cs(this, le, Ms(() => {
|
|
755
|
+
Ot(this, kt).forEach((e) => e.destroy()), ys(this, kt, []);
|
|
755
756
|
for (let e = 0; e < this.scrollElement.sections.length; e++) {
|
|
756
757
|
const i = new Ci(
|
|
757
758
|
this.scrollElement,
|
|
758
759
|
e,
|
|
759
760
|
this.getAttribute("behaviour") || "smooth"
|
|
760
761
|
);
|
|
761
|
-
this.appendChild(i.element),
|
|
762
|
+
this.appendChild(i.element), Ot(this, kt).push(i);
|
|
762
763
|
}
|
|
763
764
|
}, 0));
|
|
764
765
|
}
|
|
765
766
|
connectedCallback() {
|
|
766
767
|
super.connectedCallback(), this.scrollElement.addEventListener(
|
|
767
768
|
"sectionsChange",
|
|
768
|
-
|
|
769
|
-
),
|
|
769
|
+
Ot(this, le)
|
|
770
|
+
), Ot(this, le).call(this);
|
|
770
771
|
}
|
|
771
772
|
disconnectedCallback() {
|
|
772
773
|
this.scrollElement.removeEventListener(
|
|
773
774
|
"sectionsChange",
|
|
774
|
-
|
|
775
|
-
),
|
|
775
|
+
Ot(this, le)
|
|
776
|
+
), Ot(this, kt).forEach((e) => e.destroy()), ys(this, kt, []);
|
|
776
777
|
}
|
|
777
778
|
};
|
|
778
|
-
|
|
779
|
+
kt = /* @__PURE__ */ new WeakMap();
|
|
779
780
|
le = /* @__PURE__ */ new WeakMap();
|
|
780
781
|
ks = _i([
|
|
781
|
-
|
|
782
|
+
se("e-scroll-bullet-buttons")
|
|
782
783
|
], ks);
|
|
783
784
|
var yi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Pi = (e, i, r, h) => {
|
|
784
785
|
for (var n = h > 1 ? void 0 : h ? ki(i, r) : i, p = e.length - 1, S; p >= 0; p--)
|
|
@@ -791,14 +792,14 @@ var yi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Pi = (e, i
|
|
|
791
792
|
if (i.has(e))
|
|
792
793
|
throw TypeError("Cannot add the same private member more than once");
|
|
793
794
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
794
|
-
}, v = (e, i, r, h) => (us(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), y = (e, i, r) => (us(e, i, "access private method"), r),
|
|
795
|
+
}, v = (e, i, r, h) => (us(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), y = (e, i, r) => (us(e, i, "access private method"), r), Ut, Pt, Wt, Mt, Et, D, H, G, N, Lt, L, pt, ft, ot, lt, ct, Kt, ce, x, Z, q, dt, St, X, Me, m, qt, Zt, Ee, B, Y, V, M, T, ue, $t, W, xe, Je, ps, $s, Qe, Ds, Xe, Fs, Ye, Os, je, As, ts, Rs, es, Ts, Le, pe, nt, xt, fs, Is, ds, Bs, Ve, ss, ze;
|
|
795
796
|
let Ps = class extends He {
|
|
796
797
|
constructor() {
|
|
797
|
-
super(...arguments), o(this, xe), o(this, ps), o(this, Qe), o(this, Xe), o(this, Ye), o(this, je), o(this, ts), o(this, es), o(this, nt), o(this, fs), o(this, ds), o(this, Ve), o(this,
|
|
798
|
+
super(...arguments), o(this, xe), o(this, ps), o(this, Qe), o(this, Xe), o(this, Ye), o(this, je), o(this, ts), o(this, es), o(this, nt), o(this, fs), o(this, ds), o(this, Ve), o(this, Ut, new u(this, "--target", "")), o(this, Pt, new u(this, "--disabled", !1)), o(this, Wt, new u(
|
|
798
799
|
this,
|
|
799
800
|
"--distance-offset",
|
|
800
801
|
0
|
|
801
|
-
)), o(this,
|
|
802
|
+
)), o(this, Mt, new u(this, "--start-offset", 0)), o(this, Et, new u(
|
|
802
803
|
this,
|
|
803
804
|
"--capture-once",
|
|
804
805
|
!1
|
|
@@ -810,7 +811,7 @@ let Ps = class extends He {
|
|
|
810
811
|
this,
|
|
811
812
|
"--captured-from-finish",
|
|
812
813
|
""
|
|
813
|
-
)), o(this,
|
|
814
|
+
)), o(this, Lt, new u(
|
|
814
815
|
this,
|
|
815
816
|
"--released-from-start",
|
|
816
817
|
""
|
|
@@ -818,16 +819,16 @@ let Ps = class extends He {
|
|
|
818
819
|
this,
|
|
819
820
|
"--released-from-finish",
|
|
820
821
|
""
|
|
821
|
-
)), o(this, pt, new u(this, "--passed-var", "")), o(this, ft, new u(this, "--progress-var", "")), o(this, ot, new u(this, "--distance-var", "")), o(this, lt, new u(this, "--start-var", "")), o(this, ct, new u(this, "--finish-var", "")), o(this,
|
|
822
|
+
)), o(this, pt, new u(this, "--passed-var", "")), o(this, ft, new u(this, "--progress-var", "")), o(this, ot, new u(this, "--distance-var", "")), o(this, lt, new u(this, "--start-var", "")), o(this, ct, new u(this, "--finish-var", "")), o(this, Kt, new u(this, "--smoothstep", !1)), o(this, ce, new u(
|
|
822
823
|
this,
|
|
823
824
|
"--smootherstep",
|
|
824
825
|
!1
|
|
825
|
-
)), o(this, x, new wt(!1)), o(this, Z, new wt(!1)), o(this, q, new wt(!1)), o(this, dt, new wt(!1)), o(this, St, new wt(!1)), o(this, X, new wt(!1)), o(this, Me, []), o(this, m, this), o(this,
|
|
826
|
+
)), o(this, x, new wt(!1)), o(this, Z, new wt(!1)), o(this, q, new wt(!1)), o(this, dt, new wt(!1)), o(this, St, new wt(!1)), o(this, X, new wt(!1)), o(this, Me, []), o(this, m, this), o(this, qt, 0), o(this, Zt, 0), o(this, Ee, 0), o(this, B, 0), o(this, Y, 0), o(this, V, 0), o(this, M, 0), o(this, T, 0), o(this, ue, !1), o(this, $t, !1), o(this, W, !0), o(this, Le, () => {
|
|
826
827
|
s(this, W) || (this.resize(), s(this, pe).call(this));
|
|
827
828
|
}), o(this, pe, () => {
|
|
828
829
|
!s(this, W) && s(this, ue) && this.tick();
|
|
829
830
|
}), o(this, ze, Ms(() => {
|
|
830
|
-
const e =
|
|
831
|
+
const e = Ft.getAll(this).reverse();
|
|
831
832
|
let i = 0;
|
|
832
833
|
e.forEach((r, h) => {
|
|
833
834
|
r.element === this.scrollElement && (i = h);
|
|
@@ -835,13 +836,13 @@ let Ps = class extends He {
|
|
|
835
836
|
}, 0));
|
|
836
837
|
}
|
|
837
838
|
get distanceOffsetCSSProperty() {
|
|
838
|
-
return s(this,
|
|
839
|
+
return s(this, Wt);
|
|
839
840
|
}
|
|
840
841
|
get startOffsetCSSProperty() {
|
|
841
|
-
return s(this,
|
|
842
|
+
return s(this, Mt);
|
|
842
843
|
}
|
|
843
844
|
get captureOnceCSSProperty() {
|
|
844
|
-
return s(this,
|
|
845
|
+
return s(this, Et);
|
|
845
846
|
}
|
|
846
847
|
get capturedCSSProperty() {
|
|
847
848
|
return s(this, D);
|
|
@@ -856,7 +857,7 @@ let Ps = class extends He {
|
|
|
856
857
|
return s(this, N);
|
|
857
858
|
}
|
|
858
859
|
get releasedFromStartCSSProperty() {
|
|
859
|
-
return s(this,
|
|
860
|
+
return s(this, Lt);
|
|
860
861
|
}
|
|
861
862
|
get releasedFromFinishCSSProperty() {
|
|
862
863
|
return s(this, L);
|
|
@@ -877,16 +878,16 @@ let Ps = class extends He {
|
|
|
877
878
|
return s(this, ct);
|
|
878
879
|
}
|
|
879
880
|
get smoothstepCSSProperty() {
|
|
880
|
-
return s(this,
|
|
881
|
+
return s(this, Kt);
|
|
881
882
|
}
|
|
882
883
|
get smootherstepCSSProperty() {
|
|
883
884
|
return s(this, ce);
|
|
884
885
|
}
|
|
885
886
|
get disabledCSSProperty() {
|
|
886
|
-
return s(this,
|
|
887
|
+
return s(this, Pt);
|
|
887
888
|
}
|
|
888
889
|
get targetCSSProperty() {
|
|
889
|
-
return s(this,
|
|
890
|
+
return s(this, Ut);
|
|
890
891
|
}
|
|
891
892
|
get isCaptured() {
|
|
892
893
|
return s(this, x);
|
|
@@ -907,10 +908,10 @@ let Ps = class extends He {
|
|
|
907
908
|
return s(this, X);
|
|
908
909
|
}
|
|
909
910
|
get directionPosition() {
|
|
910
|
-
return s(this,
|
|
911
|
+
return s(this, qt);
|
|
911
912
|
}
|
|
912
913
|
get directionSize() {
|
|
913
|
-
return s(this,
|
|
914
|
+
return s(this, Zt);
|
|
914
915
|
}
|
|
915
916
|
get passed() {
|
|
916
917
|
return s(this, B);
|
|
@@ -928,13 +929,13 @@ let Ps = class extends He {
|
|
|
928
929
|
return s(this, M);
|
|
929
930
|
}
|
|
930
931
|
get isCapturedOnce() {
|
|
931
|
-
return s(this,
|
|
932
|
+
return s(this, $t);
|
|
932
933
|
}
|
|
933
934
|
get isDisabled() {
|
|
934
935
|
return s(this, W);
|
|
935
936
|
}
|
|
936
937
|
resize() {
|
|
937
|
-
v(this,
|
|
938
|
+
v(this, Zt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), v(this, qt, this.scrollElement.vertical ? $e(this, this.scrollElement) : De(this, this.scrollElement)), v(this, V, this.getStart()), v(this, M, this.getDistance()), v(this, V, s(this, V) + s(this, Mt).current), v(this, M, s(this, M) + s(this, Wt).current), v(this, T, s(this, V) + s(this, M)), this.scrollElement.currentScrollValue > s(this, T) && !s(this, x).current && !s(this, Z).current && (s(this, x).current = !0), this.setVar(s(this, lt).current, s(this, V)), this.setVar(s(this, ct).current, s(this, T)), this.setVar(s(this, ot).current, s(this, M)), v(this, ue, !0);
|
|
938
939
|
}
|
|
939
940
|
tick() {
|
|
940
941
|
let e = this.scrollElement.currentScrollValue;
|
|
@@ -942,41 +943,41 @@ let Ps = class extends He {
|
|
|
942
943
|
e += r.value;
|
|
943
944
|
}), v(this, B, this.updateValue(e - s(this, V), 0, s(this, M)) || 0), v(this, Y, s(this, B) / s(this, M) || 0);
|
|
944
945
|
const i = Math.round(e);
|
|
945
|
-
s(this, x).current && (i > s(this, V) ? s(this, q).current || y(this, Ye, Os).call(this) : s(this, q).current && !s(this, dt).current && y(this, ts, Rs).call(this), i < s(this, T) ? s(this, X).current && !s(this, St).current && y(this, je, As).call(this) : s(this, q).current && !s(this, X).current && y(this, es, Ts).call(this)), i > s(this, V) && i < s(this, T) ? (y(this, xe, Je).call(this), s(this, x).current || y(this, Qe, Ds).call(this)) : s(this, x).current && (v(this, B, Ns(s(this, M) / 2, s(this, B), 0, s(this, M))), v(this, Y, s(this, B) / s(this, M)), y(this, xe, Je).call(this), y(this, Xe, Fs).call(this)), s(this,
|
|
946
|
+
s(this, x).current && (i > s(this, V) ? s(this, q).current || y(this, Ye, Os).call(this) : s(this, q).current && !s(this, dt).current && y(this, ts, Rs).call(this), i < s(this, T) ? s(this, X).current && !s(this, St).current && y(this, je, As).call(this) : s(this, q).current && !s(this, X).current && y(this, es, Ts).call(this)), i > s(this, V) && i < s(this, T) ? (y(this, xe, Je).call(this), s(this, x).current || y(this, Qe, Ds).call(this)) : s(this, x).current && (v(this, B, Ns(s(this, M) / 2, s(this, B), 0, s(this, M))), v(this, Y, s(this, B) / s(this, M)), y(this, xe, Je).call(this), y(this, Xe, Fs).call(this)), s(this, $t) && s(this, Et).current && (s(this, D).current && s(this, m).classList.add(s(this, D).current), v(this, W, !0));
|
|
946
947
|
}
|
|
947
948
|
disable() {
|
|
948
|
-
this.style.cssText = "", v(this,
|
|
949
|
+
this.style.cssText = "", v(this, qt, 0), v(this, Zt, 0), v(this, B, 0), v(this, Y, 0), v(this, V, 0), v(this, M, 0), v(this, T, 0), v(this, ue, !1), s(this, x).current = !1, s(this, Z).current = !1, s(this, q).current = !1, s(this, dt).current = !1, s(this, St).current = !1, s(this, X).current = !1, v(this, $t, !1), v(this, W, !0), y(this, Ve, ss).call(this);
|
|
949
950
|
}
|
|
950
951
|
enable() {
|
|
951
952
|
v(this, W, !1);
|
|
952
953
|
}
|
|
953
954
|
connectedCallback() {
|
|
954
|
-
super.connectedCallback(), s(this,
|
|
955
|
+
super.connectedCallback(), s(this, Ut).observe(), s(this, Pt).observe(), s(this, Wt).observe(), s(this, Mt).observe(), s(this, Et).observe(), s(this, D).observe(), s(this, H).observe(), s(this, G).observe(), s(this, N).observe(), s(this, Lt).observe(), s(this, L).observe(), s(this, pt).observe(), s(this, ft).observe(), s(this, ot).observe(), s(this, lt).observe(), s(this, ct).observe(), s(this, Kt).observe(), s(this, ce).observe();
|
|
955
956
|
let e = !1;
|
|
956
957
|
this.scrollElement.addEventListener(
|
|
957
958
|
"sectionsChange",
|
|
958
959
|
s(this, ze)
|
|
959
|
-
), s(this, ze).call(this), s(this,
|
|
960
|
+
), s(this, ze).call(this), s(this, Pt).current || this.enable(), s(this, Ut).subscribe((i) => {
|
|
960
961
|
i.previous && y(this, Ve, ss).call(this), i.current ? i.current === "parent" ? v(this, m, this.parentElement || this) : v(this, m, document.querySelector(i.current) || this) : v(this, m, this);
|
|
961
|
-
}), s(this,
|
|
962
|
+
}), s(this, Pt).subscribe((i) => {
|
|
962
963
|
i.current && !i.previous ? this.disable() : !i.current && i.previous && (this.resize(), this.enable());
|
|
963
|
-
}), s(this,
|
|
964
|
+
}), s(this, Mt).subscribe(() => {
|
|
964
965
|
e && !s(this, W) && this.resize();
|
|
965
|
-
}), s(this,
|
|
966
|
+
}), s(this, Wt).subscribe(() => {
|
|
966
967
|
e && !s(this, W) && this.resize();
|
|
967
968
|
}), s(this, D).subscribe((i) => {
|
|
968
|
-
y(this, nt,
|
|
969
|
+
y(this, nt, xt).call(this, i);
|
|
969
970
|
}), s(this, G).subscribe((i) => {
|
|
970
|
-
y(this, nt,
|
|
971
|
+
y(this, nt, xt).call(this, i);
|
|
971
972
|
}), s(this, N).subscribe((i) => {
|
|
972
|
-
y(this, nt,
|
|
973
|
+
y(this, nt, xt).call(this, i);
|
|
973
974
|
}), s(this, H).subscribe((i) => {
|
|
974
|
-
y(this, nt,
|
|
975
|
-
}), s(this,
|
|
976
|
-
y(this, nt,
|
|
975
|
+
y(this, nt, xt).call(this, i);
|
|
976
|
+
}), s(this, Lt).subscribe((i) => {
|
|
977
|
+
y(this, nt, xt).call(this, i);
|
|
977
978
|
}), s(this, L).subscribe((i) => {
|
|
978
|
-
y(this, nt,
|
|
979
|
-
}), s(this,
|
|
979
|
+
y(this, nt, xt).call(this, i);
|
|
980
|
+
}), s(this, Et).subscribe((i) => {
|
|
980
981
|
s(this, W) || !i.current && i.previous && (this.resize(), this.enable());
|
|
981
982
|
}), s(this, pt).subscribe((i) => {
|
|
982
983
|
s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, this.passed));
|
|
@@ -988,10 +989,10 @@ let Ps = class extends He {
|
|
|
988
989
|
s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, s(this, T)));
|
|
989
990
|
}), s(this, ot).subscribe((i) => {
|
|
990
991
|
s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, s(this, M)));
|
|
991
|
-
}),
|
|
992
|
+
}), jt.subscribe(s(this, Le), hs.SEGMENT), this.scrollElement.onScroll(s(this, pe)), e = !0;
|
|
992
993
|
}
|
|
993
994
|
disconnectedCallback() {
|
|
994
|
-
|
|
995
|
+
jt.unsubscribe(s(this, Le)), this.scrollElement.offScroll(s(this, pe)), s(this, Ut).close(), s(this, Pt).close(), s(this, Wt).close(), s(this, Mt).close(), s(this, Et).close(), s(this, D).close(), s(this, H).close(), s(this, G).close(), s(this, N).close(), s(this, Lt).close(), s(this, L).close(), s(this, pt).close(), s(this, ft).close(), s(this, ot).close(), s(this, lt).close(), s(this, ct).close(), s(this, Kt).close(), s(this, ce).close(), s(this, x).close(), s(this, Z).close(), s(this, q).close(), s(this, dt).close(), s(this, St).close(), s(this, X).close(), this.disable();
|
|
995
996
|
}
|
|
996
997
|
removeVar(e) {
|
|
997
998
|
e && s(this, m).style.removeProperty(`--${e}`);
|
|
@@ -1000,32 +1001,32 @@ let Ps = class extends He {
|
|
|
1000
1001
|
e && s(this, m).style.setProperty(`--${e}`, i.toString());
|
|
1001
1002
|
}
|
|
1002
1003
|
updateValue(e, i = 0, r = 1) {
|
|
1003
|
-
return this.smootherstepCSSProperty.current ? Us(e, i, r) * r : s(this,
|
|
1004
|
+
return this.smootherstepCSSProperty.current ? Us(e, i, r) * r : s(this, Kt).current ? Ks(e, i, r) * r : rs(e, i, r);
|
|
1004
1005
|
}
|
|
1005
1006
|
getDistance() {
|
|
1006
|
-
return s(this,
|
|
1007
|
+
return s(this, Zt) + s(this, Ee);
|
|
1007
1008
|
}
|
|
1008
1009
|
getStart() {
|
|
1009
|
-
return s(this,
|
|
1010
|
+
return s(this, qt) - s(this, Ee);
|
|
1010
1011
|
}
|
|
1011
1012
|
};
|
|
1012
|
-
|
|
1013
|
-
kt = /* @__PURE__ */ new WeakMap();
|
|
1013
|
+
Ut = /* @__PURE__ */ new WeakMap();
|
|
1014
1014
|
Pt = /* @__PURE__ */ new WeakMap();
|
|
1015
1015
|
Wt = /* @__PURE__ */ new WeakMap();
|
|
1016
1016
|
Mt = /* @__PURE__ */ new WeakMap();
|
|
1017
|
+
Et = /* @__PURE__ */ new WeakMap();
|
|
1017
1018
|
D = /* @__PURE__ */ new WeakMap();
|
|
1018
1019
|
H = /* @__PURE__ */ new WeakMap();
|
|
1019
1020
|
G = /* @__PURE__ */ new WeakMap();
|
|
1020
1021
|
N = /* @__PURE__ */ new WeakMap();
|
|
1021
|
-
|
|
1022
|
+
Lt = /* @__PURE__ */ new WeakMap();
|
|
1022
1023
|
L = /* @__PURE__ */ new WeakMap();
|
|
1023
1024
|
pt = /* @__PURE__ */ new WeakMap();
|
|
1024
1025
|
ft = /* @__PURE__ */ new WeakMap();
|
|
1025
1026
|
ot = /* @__PURE__ */ new WeakMap();
|
|
1026
1027
|
lt = /* @__PURE__ */ new WeakMap();
|
|
1027
1028
|
ct = /* @__PURE__ */ new WeakMap();
|
|
1028
|
-
|
|
1029
|
+
Kt = /* @__PURE__ */ new WeakMap();
|
|
1029
1030
|
ce = /* @__PURE__ */ new WeakMap();
|
|
1030
1031
|
x = /* @__PURE__ */ new WeakMap();
|
|
1031
1032
|
Z = /* @__PURE__ */ new WeakMap();
|
|
@@ -1035,8 +1036,8 @@ St = /* @__PURE__ */ new WeakMap();
|
|
|
1035
1036
|
X = /* @__PURE__ */ new WeakMap();
|
|
1036
1037
|
Me = /* @__PURE__ */ new WeakMap();
|
|
1037
1038
|
m = /* @__PURE__ */ new WeakMap();
|
|
1038
|
-
Kt = /* @__PURE__ */ new WeakMap();
|
|
1039
1039
|
qt = /* @__PURE__ */ new WeakMap();
|
|
1040
|
+
Zt = /* @__PURE__ */ new WeakMap();
|
|
1040
1041
|
Ee = /* @__PURE__ */ new WeakMap();
|
|
1041
1042
|
B = /* @__PURE__ */ new WeakMap();
|
|
1042
1043
|
Y = /* @__PURE__ */ new WeakMap();
|
|
@@ -1044,7 +1045,7 @@ V = /* @__PURE__ */ new WeakMap();
|
|
|
1044
1045
|
M = /* @__PURE__ */ new WeakMap();
|
|
1045
1046
|
T = /* @__PURE__ */ new WeakMap();
|
|
1046
1047
|
ue = /* @__PURE__ */ new WeakMap();
|
|
1047
|
-
|
|
1048
|
+
$t = /* @__PURE__ */ new WeakMap();
|
|
1048
1049
|
W = /* @__PURE__ */ new WeakMap();
|
|
1049
1050
|
xe = /* @__PURE__ */ new WeakSet();
|
|
1050
1051
|
Je = function() {
|
|
@@ -1066,7 +1067,7 @@ $s = function() {
|
|
|
1066
1067
|
};
|
|
1067
1068
|
Qe = /* @__PURE__ */ new WeakSet();
|
|
1068
1069
|
Ds = function() {
|
|
1069
|
-
s(this, x).current = !0, s(this, Z).current = !1, v(this,
|
|
1070
|
+
s(this, x).current = !0, s(this, Z).current = !1, v(this, $t, !0), s(this, H).current && s(this, m).classList.remove(s(this, H).current), s(this, L).current && s(this, m).classList.remove(
|
|
1070
1071
|
s(this, L).current
|
|
1071
1072
|
), s(this, L).current && s(this, m).classList.remove(
|
|
1072
1073
|
s(this, L).current
|
|
@@ -1074,7 +1075,7 @@ Ds = function() {
|
|
|
1074
1075
|
};
|
|
1075
1076
|
Xe = /* @__PURE__ */ new WeakSet();
|
|
1076
1077
|
Fs = function() {
|
|
1077
|
-
s(this, Z).current = !0, s(this, x).current = !1, v(this,
|
|
1078
|
+
s(this, Z).current = !0, s(this, x).current = !1, v(this, $t, !0), s(this, D).current && s(this, m).classList.remove(s(this, D).current), s(this, G).current && s(this, m).classList.remove(
|
|
1078
1079
|
s(this, G).current
|
|
1079
1080
|
), s(this, N).current && s(this, m).classList.remove(
|
|
1080
1081
|
s(this, N).current
|
|
@@ -1107,7 +1108,7 @@ Ts = function() {
|
|
|
1107
1108
|
Le = /* @__PURE__ */ new WeakMap();
|
|
1108
1109
|
pe = /* @__PURE__ */ new WeakMap();
|
|
1109
1110
|
nt = /* @__PURE__ */ new WeakSet();
|
|
1110
|
-
|
|
1111
|
+
xt = function(e) {
|
|
1111
1112
|
if (s(this, W)) {
|
|
1112
1113
|
e.previous && s(this, m).classList.remove(e.previous), e.current && s(this, m).classList.remove(e.current);
|
|
1113
1114
|
return;
|
|
@@ -1128,11 +1129,11 @@ Bs = function(...e) {
|
|
|
1128
1129
|
};
|
|
1129
1130
|
Ve = /* @__PURE__ */ new WeakSet();
|
|
1130
1131
|
ss = function() {
|
|
1131
|
-
y(this, fs, Is).call(this, s(this, D).current, s(this, G).current, s(this, N).current, s(this, H).current, s(this,
|
|
1132
|
+
y(this, fs, Is).call(this, s(this, D).current, s(this, G).current, s(this, N).current, s(this, H).current, s(this, Lt).current, s(this, L).current), y(this, ds, Bs).call(this, s(this, pt).current, s(this, ft).current, s(this, ot).current, s(this, lt).current, s(this, ct).current);
|
|
1132
1133
|
};
|
|
1133
1134
|
ze = /* @__PURE__ */ new WeakMap();
|
|
1134
1135
|
Ps = Pi([
|
|
1135
|
-
|
|
1136
|
+
se("e-scroll-segment")
|
|
1136
1137
|
], Ps);
|
|
1137
1138
|
export {
|
|
1138
1139
|
ks as ScrollBulletButtonsElement,
|