aptechka 0.51.4 → 0.51.6
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/billboard/index.cjs +1 -1
- package/lib/billboard/index.js +105 -89
- package/lib/controls/DragControls.d.ts +1 -0
- package/lib/controls/index.cjs +1 -1
- package/lib/controls/index.js +120 -110
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +34 -31
- package/package.json +1 -1
package/lib/billboard/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var F=s=>{throw TypeError(s)};var _=(s,r,t)=>r.has(s)||F("Cannot "+t);var e=(s,r,t)=>(_(s,r,"read from private field"),t?t.call(s):r.get(s)),i=(s,r,t)=>r.has(s)?F("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(s):r.set(s,t),a=(s,r,t,n)=>(_(s,r,"write to private field"),n?n.call(s,t):r.set(s,t),t),d=(s,r,t)=>(_(s,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../index-Cqw2NKev.cjs"),z=require("../dom-JBOkFLTh.cjs"),T=require("../css-property/index.cjs"),J=require("../events-KVanG9sR.cjs"),K=require("../gestures-C7gbKx11.cjs"),Q=require("../number-0243DApo.cjs");var v,p,g,C,o,b,l,j,M,w,q,P,A,H;class I extends HTMLElement{constructor(){super(...arguments);i(this,l);i(this,v,new T.CSSProperty(this,"--autoplay",!1));i(this,p,new T.CSSProperty(this,"--swipe","x"));i(this,g);i(this,C,!1);i(this,o,[]);i(this,b,0);i(this,w,t=>{a(this,C,t.isIntersecting),e(this,C)?d(this,l,M).call(this):clearInterval(e(this,g))});i(this,q,()=>{clearInterval(e(this,g)),e(this,C)&&a(this,g,setInterval(e(this,A),parseFloat(e(this,v).current||"0")*1e3))});i(this,A,()=>{d(this,l,P).call(this,e(this,b)+1)});i(this,H,t=>{if(!e(this,p).current)return;let n=0;K.setupDrag(h=>{const f=t.x-h.x,D=t.y-h.y;e(this,p).current==="x"?Math.abs(f)>Math.abs(D)&&(n=Math.sign(f)):e(this,p).current==="y"&&Math.abs(D)>Math.abs(f)&&(n=Math.sign(D))},()=>{this.shift(n)})})}get counter(){return e(this,b)}get itemElements(){return e(this,o)}addItem(t){e(this,o).push(t),d(this,l,j).call(this)}set(t){d(this,l,P).call(this,t),d(this,l,M).call(this)}shift(t){this.set(e(this,b)+t)}connectedCallback(){var t;a(this,o,[...this.querySelectorAll("[data-billboard-item]")]),(t=e(this,o)[0])==null||t.classList.add("current"),d(this,l,j).call(this),e(this,v).subscribe(n=>{n.current?(x.intersector.subscribe(this,e(this,w)),d(this,l,M).call(this)):(a(this,C,!0),x.intersector.unsubscribe(e(this,w)),clearInterval(e(this,g)),d(this,l,P).call(this,0))}),e(this,v).observe(),e(this,p).observe(),this.addEventListener("pointerdown",e(this,H))}disconnectedCallback(){e(this,v).unobserve(),e(this,p).unobserve(),x.intersector.unsubscribe(e(this,w)),clearInterval(e(this,g))}}v=new WeakMap,p=new WeakMap,g=new WeakMap,C=new WeakMap,o=new WeakMap,b=new WeakMap,l=new WeakSet,j=function(){e(this,o).length>1?this.classList.add("has-length"):this.classList.remove("has-length")},M=function(){e(this,v).current!==!1&&e(this,q).call(this)},w=new WeakMap,q=new WeakMap,P=function(t){a(this,b,Q.loopNumber(t,e(this,o).length)),e(this,o).forEach((n,h)=>{h===e(this,b)?n.classList.add("current"):n.classList.remove("current")}),J.dispatchEvent(this,"billboardChange",{detail:{counter:e(this,b)}}),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},0)},A=new WeakMap,H=new WeakMap;customElements.get("e-billboard")||customElements.define("e-billboard",I);var c,u,k,B;class N extends HTMLElement{constructor(){super(...arguments);i(this,c,null);i(this,u,[]);i(this,k,t=>{const n=t.currentTarget,h=e(this,u).findIndex(f=>f===n);h>=0&&e(this,c).set(h)});i(this,B,()=>{e(this,u).forEach((t,n)=>{n===e(this,c).counter?t.classList.add("current"):t.classList.remove("current")})})}connectedCallback(){a(this,c,z.findParentElement(this,I)),e(this,c)&&customElements.whenDefined("e-billboard").then(()=>{var t;if(this.isConnected){const n=e(this,c).itemElements.length;for(let h=0;h<n;h++){const f=document.createElement("button");e(this,u).push(f),this.appendChild(f)}e(this,u).forEach(h=>{h.addEventListener("click",e(this,k))}),(t=e(this,c))==null||t.addEventListener("billboardChange",e(this,B)),e(this,B).call(this)}})}disconnectedCallback(){var t;e(this,u).forEach(n=>{n.removeEventListener("click",e(this,k))}),(t=e(this,c))==null||t.removeEventListener("billboardChange",e(this,B)),this.innerHTML="",a(this,u,[])}}c=new WeakMap,u=new WeakMap,k=new WeakMap,B=new WeakMap;x.isBrowser&&!customElements.get("e-billboard-bullets")&&customElements.define("e-billboard-bullets",N);var m,E,L;class O extends HTMLElement{constructor(){super();i(this,m,new T.CSSProperty(this,"--index",0));i(this,E,null);i(this,L,()=>{var t;e(this,m).current===((t=e(this,E))==null?void 0:t.counter)?this.classList.add("current"):this.classList.remove("current")});this.addEventListener("click",()=>{e(this,E)&&e(this,E).set(e(this,m).current)})}connectedCallback(){var t;this.tabIndex=0,a(this,E,z.findParentElement(this,I)),(t=e(this,E))==null||t.addEventListener("billboardChange",e(this,L)),customElements.whenDefined("e-billboard").then(()=>{this.isConnected&&e(this,L).call(this)}),e(this,m).subscribe(e(this,L)),e(this,m).observe()}disconnectedCallback(){var t;this.removeAttribute("tabindex"),e(this,m).unsubscribe(e(this,L)),e(this,m).unobserve(),(t=e(this,E))==null||t.removeEventListener("billboardChange",e(this,L))}}m=new WeakMap,E=new WeakMap,L=new WeakMap;x.isBrowser&&!customElements.get("e-billboard-set-button")&&customElements.define("e-billboard-set-button",O);var y,S;class G extends HTMLElement{constructor(){super();i(this,y,new T.CSSProperty(this,"--step",1));i(this,S,null);this.addEventListener("click",()=>{e(this,S)&&e(this,S).shift(e(this,y).current)})}connectedCallback(){this.tabIndex=0,a(this,S,z.findParentElement(this,I)),e(this,y).observe()}disconnectedCallback(){this.removeAttribute("tabindex"),e(this,y).unobserve()}}y=new WeakMap,S=new WeakMap;x.isBrowser&&!customElements.get("e-billboard-step-button")&&customElements.define("e-billboard-step-button",G);exports.BillboardBulletsElement=N;exports.BillboardElement=I;exports.BillboardSetButtonElement=O;exports.BillboardStepButtonElement=G;
|
package/lib/billboard/index.js
CHANGED
|
@@ -1,132 +1,148 @@
|
|
|
1
|
-
var
|
|
1
|
+
var G = (s) => {
|
|
2
2
|
throw TypeError(s);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var t = (s,
|
|
6
|
-
import { a as
|
|
7
|
-
import { b as
|
|
8
|
-
import { CSSProperty as
|
|
9
|
-
import { d as
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
var q = (s, r, e) => r.has(s) || G("Cannot " + e);
|
|
5
|
+
var t = (s, r, e) => (q(s, r, "read from private field"), e ? e.call(s) : r.get(s)), i = (s, r, e) => r.has(s) ? G("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, e), a = (s, r, e, n) => (q(s, r, "write to private field"), n ? n.call(s, e) : r.set(s, e), e), d = (s, r, e) => (q(s, r, "access private method"), e);
|
|
6
|
+
import { a as z, i as N } from "../index-euf5anj6.js";
|
|
7
|
+
import { b as j } from "../dom-CVWzyXPH.js";
|
|
8
|
+
import { CSSProperty as T } from "../css-property/index.js";
|
|
9
|
+
import { d as J } from "../events-CsVF98U6.js";
|
|
10
|
+
import { s as K } from "../gestures-CcXV6fCp.js";
|
|
11
|
+
import { l as O } from "../number-DwCxt_Ck.js";
|
|
12
|
+
var v, p, L, x, o, b, l, F, y, C, S, B, A, H;
|
|
13
|
+
class D extends HTMLElement {
|
|
13
14
|
constructor() {
|
|
14
15
|
super(...arguments);
|
|
15
|
-
i(this,
|
|
16
|
-
i(this,
|
|
17
|
-
i(this,
|
|
18
|
-
i(this, L
|
|
19
|
-
i(this,
|
|
16
|
+
i(this, l);
|
|
17
|
+
i(this, v, new T(this, "--autoplay", !1));
|
|
18
|
+
i(this, p, new T(this, "--swipe", "x"));
|
|
19
|
+
i(this, L);
|
|
20
|
+
i(this, x, !1);
|
|
21
|
+
i(this, o, []);
|
|
20
22
|
i(this, b, 0);
|
|
21
|
-
i(this,
|
|
22
|
-
|
|
23
|
+
i(this, C, (e) => {
|
|
24
|
+
a(this, x, e.isIntersecting), t(this, x) ? d(this, l, y).call(this) : clearInterval(t(this, L));
|
|
23
25
|
});
|
|
24
|
-
i(this,
|
|
25
|
-
clearInterval(t(this,
|
|
26
|
-
t(this,
|
|
27
|
-
parseFloat(t(this,
|
|
26
|
+
i(this, S, () => {
|
|
27
|
+
clearInterval(t(this, L)), t(this, x) && a(this, L, setInterval(
|
|
28
|
+
t(this, A),
|
|
29
|
+
parseFloat(t(this, v).current || "0") * 1e3
|
|
28
30
|
));
|
|
29
31
|
});
|
|
30
|
-
i(this,
|
|
31
|
-
d(this,
|
|
32
|
+
i(this, A, () => {
|
|
33
|
+
d(this, l, B).call(this, t(this, b) + 1);
|
|
34
|
+
});
|
|
35
|
+
i(this, H, (e) => {
|
|
36
|
+
if (!t(this, p).current)
|
|
37
|
+
return;
|
|
38
|
+
let n = 0;
|
|
39
|
+
K(
|
|
40
|
+
(h) => {
|
|
41
|
+
const E = e.x - h.x, P = e.y - h.y;
|
|
42
|
+
t(this, p).current === "x" ? Math.abs(E) > Math.abs(P) && (n = Math.sign(E)) : t(this, p).current === "y" && Math.abs(P) > Math.abs(E) && (n = Math.sign(P));
|
|
43
|
+
},
|
|
44
|
+
() => {
|
|
45
|
+
this.shift(n);
|
|
46
|
+
}
|
|
47
|
+
);
|
|
32
48
|
});
|
|
33
49
|
}
|
|
34
50
|
get counter() {
|
|
35
51
|
return t(this, b);
|
|
36
52
|
}
|
|
37
53
|
get itemElements() {
|
|
38
|
-
return t(this,
|
|
54
|
+
return t(this, o);
|
|
39
55
|
}
|
|
40
56
|
addItem(e) {
|
|
41
|
-
t(this,
|
|
57
|
+
t(this, o).push(e), d(this, l, F).call(this);
|
|
42
58
|
}
|
|
43
59
|
set(e) {
|
|
44
|
-
d(this,
|
|
60
|
+
d(this, l, B).call(this, e), d(this, l, y).call(this);
|
|
45
61
|
}
|
|
46
62
|
shift(e) {
|
|
47
63
|
this.set(t(this, b) + e);
|
|
48
64
|
}
|
|
49
65
|
connectedCallback() {
|
|
50
66
|
var e;
|
|
51
|
-
|
|
67
|
+
a(this, o, [
|
|
52
68
|
...this.querySelectorAll("[data-billboard-item]")
|
|
53
|
-
]), (e = t(this,
|
|
54
|
-
|
|
55
|
-
}), t(this,
|
|
69
|
+
]), (e = t(this, o)[0]) == null || e.classList.add("current"), d(this, l, F).call(this), t(this, v).subscribe((n) => {
|
|
70
|
+
n.current ? (z.subscribe(this, t(this, C)), d(this, l, y).call(this)) : (a(this, x, !0), z.unsubscribe(t(this, C)), clearInterval(t(this, L)), d(this, l, B).call(this, 0));
|
|
71
|
+
}), t(this, v).observe(), t(this, p).observe(), this.addEventListener("pointerdown", t(this, H));
|
|
56
72
|
}
|
|
57
73
|
disconnectedCallback() {
|
|
58
|
-
t(this,
|
|
74
|
+
t(this, v).unobserve(), t(this, p).unobserve(), z.unsubscribe(t(this, C)), clearInterval(t(this, L));
|
|
59
75
|
}
|
|
60
76
|
}
|
|
61
|
-
|
|
62
|
-
t(this,
|
|
63
|
-
},
|
|
64
|
-
t(this,
|
|
65
|
-
},
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}),
|
|
77
|
+
v = new WeakMap(), p = new WeakMap(), L = new WeakMap(), x = new WeakMap(), o = new WeakMap(), b = new WeakMap(), l = new WeakSet(), F = function() {
|
|
78
|
+
t(this, o).length > 1 ? this.classList.add("has-length") : this.classList.remove("has-length");
|
|
79
|
+
}, y = function() {
|
|
80
|
+
t(this, v).current !== !1 && t(this, S).call(this);
|
|
81
|
+
}, C = new WeakMap(), S = new WeakMap(), B = function(e) {
|
|
82
|
+
a(this, b, O(e, t(this, o).length)), t(this, o).forEach((n, h) => {
|
|
83
|
+
h === t(this, b) ? n.classList.add("current") : n.classList.remove("current");
|
|
84
|
+
}), J(this, "billboardChange", {
|
|
69
85
|
detail: {
|
|
70
86
|
counter: t(this, b)
|
|
71
87
|
}
|
|
72
88
|
}), setTimeout(() => {
|
|
73
89
|
window.dispatchEvent(new Event("resize"));
|
|
74
90
|
}, 0);
|
|
75
|
-
},
|
|
76
|
-
customElements.get("e-billboard") || customElements.define("e-billboard",
|
|
77
|
-
var c, u,
|
|
78
|
-
class
|
|
91
|
+
}, A = new WeakMap(), H = new WeakMap();
|
|
92
|
+
customElements.get("e-billboard") || customElements.define("e-billboard", D);
|
|
93
|
+
var c, u, M, k;
|
|
94
|
+
class Q extends HTMLElement {
|
|
79
95
|
constructor() {
|
|
80
96
|
super(...arguments);
|
|
81
97
|
i(this, c, null);
|
|
82
98
|
i(this, u, []);
|
|
83
|
-
i(this,
|
|
84
|
-
const
|
|
85
|
-
|
|
99
|
+
i(this, M, (e) => {
|
|
100
|
+
const n = e.currentTarget, h = t(this, u).findIndex((E) => E === n);
|
|
101
|
+
h >= 0 && t(this, c).set(h);
|
|
86
102
|
});
|
|
87
|
-
i(this,
|
|
88
|
-
t(this, u).forEach((e,
|
|
89
|
-
|
|
103
|
+
i(this, k, () => {
|
|
104
|
+
t(this, u).forEach((e, n) => {
|
|
105
|
+
n === t(this, c).counter ? e.classList.add("current") : e.classList.remove("current");
|
|
90
106
|
});
|
|
91
107
|
});
|
|
92
108
|
}
|
|
93
109
|
connectedCallback() {
|
|
94
|
-
|
|
110
|
+
a(this, c, j(this, D)), t(this, c) && customElements.whenDefined("e-billboard").then(() => {
|
|
95
111
|
var e;
|
|
96
112
|
if (this.isConnected) {
|
|
97
|
-
const
|
|
98
|
-
for (let
|
|
99
|
-
const
|
|
100
|
-
t(this, u).push(
|
|
113
|
+
const n = t(this, c).itemElements.length;
|
|
114
|
+
for (let h = 0; h < n; h++) {
|
|
115
|
+
const E = document.createElement("button");
|
|
116
|
+
t(this, u).push(E), this.appendChild(E);
|
|
101
117
|
}
|
|
102
|
-
t(this, u).forEach((
|
|
103
|
-
|
|
118
|
+
t(this, u).forEach((h) => {
|
|
119
|
+
h.addEventListener("click", t(this, M));
|
|
104
120
|
}), (e = t(this, c)) == null || e.addEventListener(
|
|
105
121
|
"billboardChange",
|
|
106
|
-
t(this,
|
|
107
|
-
), t(this,
|
|
122
|
+
t(this, k)
|
|
123
|
+
), t(this, k).call(this);
|
|
108
124
|
}
|
|
109
125
|
});
|
|
110
126
|
}
|
|
111
127
|
disconnectedCallback() {
|
|
112
128
|
var e;
|
|
113
|
-
t(this, u).forEach((
|
|
114
|
-
|
|
129
|
+
t(this, u).forEach((n) => {
|
|
130
|
+
n.removeEventListener("click", t(this, M));
|
|
115
131
|
}), (e = t(this, c)) == null || e.removeEventListener(
|
|
116
132
|
"billboardChange",
|
|
117
|
-
t(this,
|
|
118
|
-
), this.innerHTML = "",
|
|
133
|
+
t(this, k)
|
|
134
|
+
), this.innerHTML = "", a(this, u, []);
|
|
119
135
|
}
|
|
120
136
|
}
|
|
121
|
-
c = new WeakMap(), u = new WeakMap(),
|
|
122
|
-
|
|
123
|
-
var m, f,
|
|
124
|
-
class
|
|
137
|
+
c = new WeakMap(), u = new WeakMap(), M = new WeakMap(), k = new WeakMap();
|
|
138
|
+
N && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", Q);
|
|
139
|
+
var m, f, g;
|
|
140
|
+
class R extends HTMLElement {
|
|
125
141
|
constructor() {
|
|
126
142
|
super();
|
|
127
|
-
i(this, m, new
|
|
143
|
+
i(this, m, new T(this, "--index", 0));
|
|
128
144
|
i(this, f, null);
|
|
129
|
-
i(this,
|
|
145
|
+
i(this, g, () => {
|
|
130
146
|
var e;
|
|
131
147
|
t(this, m).current === ((e = t(this, f)) == null ? void 0 : e.counter) ? this.classList.add("current") : this.classList.remove("current");
|
|
132
148
|
});
|
|
@@ -136,45 +152,45 @@ class J extends HTMLElement {
|
|
|
136
152
|
}
|
|
137
153
|
connectedCallback() {
|
|
138
154
|
var e;
|
|
139
|
-
this.tabIndex = 0,
|
|
155
|
+
this.tabIndex = 0, a(this, f, j(this, D)), (e = t(this, f)) == null || e.addEventListener(
|
|
140
156
|
"billboardChange",
|
|
141
|
-
t(this,
|
|
157
|
+
t(this, g)
|
|
142
158
|
), customElements.whenDefined("e-billboard").then(() => {
|
|
143
|
-
this.isConnected && t(this,
|
|
144
|
-
}), t(this, m).subscribe(t(this,
|
|
159
|
+
this.isConnected && t(this, g).call(this);
|
|
160
|
+
}), t(this, m).subscribe(t(this, g)), t(this, m).observe();
|
|
145
161
|
}
|
|
146
162
|
disconnectedCallback() {
|
|
147
163
|
var e;
|
|
148
|
-
this.removeAttribute("tabindex"), t(this, m).unsubscribe(t(this,
|
|
164
|
+
this.removeAttribute("tabindex"), t(this, m).unsubscribe(t(this, g)), t(this, m).unobserve(), (e = t(this, f)) == null || e.removeEventListener(
|
|
149
165
|
"billboardChange",
|
|
150
|
-
t(this,
|
|
166
|
+
t(this, g)
|
|
151
167
|
);
|
|
152
168
|
}
|
|
153
169
|
}
|
|
154
|
-
m = new WeakMap(), f = new WeakMap(),
|
|
155
|
-
|
|
156
|
-
var
|
|
157
|
-
class
|
|
170
|
+
m = new WeakMap(), f = new WeakMap(), g = new WeakMap();
|
|
171
|
+
N && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", R);
|
|
172
|
+
var w, I;
|
|
173
|
+
class U extends HTMLElement {
|
|
158
174
|
constructor() {
|
|
159
175
|
super();
|
|
160
|
-
i(this,
|
|
161
|
-
i(this,
|
|
176
|
+
i(this, w, new T(this, "--step", 1));
|
|
177
|
+
i(this, I, null);
|
|
162
178
|
this.addEventListener("click", () => {
|
|
163
|
-
t(this,
|
|
179
|
+
t(this, I) && t(this, I).shift(t(this, w).current);
|
|
164
180
|
});
|
|
165
181
|
}
|
|
166
182
|
connectedCallback() {
|
|
167
|
-
this.tabIndex = 0,
|
|
183
|
+
this.tabIndex = 0, a(this, I, j(this, D)), t(this, w).observe();
|
|
168
184
|
}
|
|
169
185
|
disconnectedCallback() {
|
|
170
|
-
this.removeAttribute("tabindex"), t(this,
|
|
186
|
+
this.removeAttribute("tabindex"), t(this, w).unobserve();
|
|
171
187
|
}
|
|
172
188
|
}
|
|
173
|
-
|
|
174
|
-
|
|
189
|
+
w = new WeakMap(), I = new WeakMap();
|
|
190
|
+
N && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", U);
|
|
175
191
|
export {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
192
|
+
Q as BillboardBulletsElement,
|
|
193
|
+
D as BillboardElement,
|
|
194
|
+
R as BillboardSetButtonElement,
|
|
195
|
+
U as BillboardStepButtonElement
|
|
180
196
|
};
|
package/lib/controls/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var _=r=>{throw TypeError(r)};var V=(r,n,e)=>n.has(r)||_("Cannot "+e);var t=(r,n,e)=>(V(r,n,"read from private field"),e?e.call(r):n.get(r)),s=(r,n,e)=>n.has(r)?_("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(r):n.set(r,e),i=(r,n,e,h)=>(V(r,n,"write to private field"),h?h.call(r,e):n.set(r,e),e),C=(r,n,e)=>(V(r,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("../notifier/index.cjs"),w=require("../index-Cqw2NKev.cjs"),Z=require("../dom-JBOkFLTh.cjs"),T=require("../ticker/index.cjs");require("../Store-GokLe_g-.cjs");const p=require("../easings-GegIwET5.cjs"),ee=require("../Tweened-DpJDlbj9.cjs"),te=require("../gestures-C7gbKx11.cjs"),ie=require("../number-0243DApo.cjs"),se=require("../order/index.cjs");var j;class O{constructor(){s(this,j,new $.Notifier)}get changeEvent(){return t(this,j)}}j=new WeakMap;var g,c,u,W;class he extends O{constructor(e){super();s(this,g,null);s(this,c,null);s(this,u,"offsetHeight");s(this,W,e=>{const h=e.shiftKey?-1:1;let a;e.code==="Space"?a=h*t(this,c)[t(this,u)]*.4:e.code==="ArrowLeft"?a=-1*t(this,c)[t(this,u)]*.2:e.code==="ArrowRight"?a=1*t(this,c)[t(this,u)]*.2:e.code==="ArrowUp"?a=-1*t(this,c)[t(this,u)]*.2:e.code==="ArrowDown"?a=1*t(this,c)[t(this,u)]*.2:e.code==="PageUp"?a=-1*t(this,c)[t(this,u)]:e.code==="PageDown"?a=1*t(this,c)[t(this,u)]:e.code==="Home"?a=0:e.code==="End"&&(a=t(this,u)==="offsetWidth"?t(this,c).scrollWidth:t(this,c).scrollHeight),a&&(e.stopPropagation(),this.changeEvent.notify("keyboard",a,e))});w.isBrowser&&(i(this,g,e!=null&&e.element&&Z.getElement(e.element)||window),i(this,c,t(this,g)instanceof HTMLElement?t(this,g):document.documentElement),this.dimension=e==null?void 0:e.dimension)}set dimension(e){i(this,u,e==="width"?"offsetWidth":"offsetHeight")}connect(){w.isBrowser&&t(this,g).addEventListener("keydown",t(this,W))}disconnect(){w.isBrowser&&t(this,g).removeEventListener("keydown",t(this,W))}}g=new WeakMap,c=new WeakMap,u=new WeakMap,W=new WeakMap;var y,M,X,Y,d,B,m,b,U,G,A,K,D;class re extends O{constructor(e){super();s(this,b);s(this,y);s(this,M);s(this,X);s(this,Y);s(this,d);s(this,B);s(this,m);s(this,A);s(this,K);s(this,D);this.direction=1,i(this,d,new ee.Tweened(0,{easing:p.easeInQuad})),i(this,m,!1),i(this,A,h=>{t(this,d).current!==1&&this.changeEvent.notify("autoplay",h.timeBetweenFrames*t(this,y)*this.direction*(1-t(this,d).current),h)}),i(this,K,()=>{t(this,d).current!==1&&this.changeEvent.notify("autoplay",Math.sign(t(this,y))*this.direction*(1-t(this,d).current),null)}),i(this,D,()=>{t(this,M)&&(document.hidden?t(this,d).set(1,{equalize:!0}):t(this,d).set(0,{equalize:!0}))}),i(this,y,(e==null?void 0:e.speed)||1),i(this,M,(e==null?void 0:e.interval)||!1),i(this,X,e)}set interval(e){i(this,M,e),t(this,m)&&C(this,b,U).call(this)}set speed(e){i(this,y,e),t(this,m)&&C(this,b,U).call(this)}connect(){t(this,m)||(i(this,m,!0),C(this,b,U).call(this))}disconnect(){t(this,m)&&(i(this,m,!1),C(this,b,G).call(this))}pauseAndContinue(e,h){t(this,m)&&e&&(clearTimeout(t(this,B)),t(this,d).set(1,{duration:Math.min(e,1e3),equalize:h}),i(this,B,setTimeout(()=>{t(this,d).set(0,{duration:Math.min(e,5e3),equalize:h})},e)))}}y=new WeakMap,M=new WeakMap,X=new WeakMap,Y=new WeakMap,d=new WeakMap,B=new WeakMap,m=new WeakMap,b=new WeakSet,U=function(){C(this,b,G).call(this),t(this,M)?i(this,Y,setInterval(t(this,K),Math.abs(t(this,y)))):T.ticker.subscribe(t(this,A),t(this,X)),document.addEventListener("visibilitychange",t(this,D))},G=function(){clearInterval(t(this,Y)),T.ticker.unsubscribe(t(this,A)),clearTimeout(t(this,B)),t(this,d).close(),document.removeEventListener("visibilitychange",t(this,D))},A=new WeakMap,K=new WeakMap,D=new WeakMap;var I,k,H,N;class ne extends O{constructor(e){super();s(this,I,null);s(this,k);s(this,H);s(this,N,e=>{let h=0;if(!(this.axis==="x"&&Math.abs(e.deltaY)>Math.abs(e.deltaX)*1||this.axis==="y"&&Math.abs(e.deltaX)>Math.abs(e.deltaY)*1))if(e.preventDefault(),h=(this.axis==="max"?Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY:this.axis==="x"?e.deltaX:e.deltaY)*this.speed,e.stopPropagation(),this.debounce){const a=Date.now();if(a-t(this,H)>40&&(h=100*Math.sign(h)),i(this,H,a),Math.abs(h)<100||t(this,k))return;this.changeEvent.notify("wheel",h,e),i(this,k,setTimeout(()=>{i(this,k,void 0)},80))}else this.changeEvent.notify("wheel",h,e)});this.axis=(e==null?void 0:e.axis)||"y",this.speed=(e==null?void 0:e.speed)||1,this.debounce=(e==null?void 0:e.debounce)||!1,i(this,H,Date.now()),w.isBrowser&&i(this,I,e!=null&&e.element&&Z.getElement(e.element)||window)}connect(){w.isBrowser&&t(this,I).addEventListener("wheel",t(this,N),{passive:!1})}disconnect(){w.isBrowser&&(t(this,I).removeEventListener("wheel",t(this,N)),clearTimeout(t(this,k)))}}I=new WeakMap,k=new WeakMap,H=new WeakMap,N=new WeakMap;var v,P,o,l,q,E,z,S,x;const L=class L extends O{constructor(e){super();s(this,P);s(this,o);s(this,l);s(this,q);s(this,E);s(this,z);s(this,S);s(this,x);this.inertion=1,i(this,P,null),i(this,o,null),i(this,l,0),i(this,q,[]),i(this,E,0),i(this,z,h=>{Math.abs(t(this,E))>2&&h.preventDefault()}),i(this,S,h=>{if(i(this,E,0),i(this,l,0),h.button!==0||h.composedPath().find(f=>f instanceof HTMLElement&&f.hasAttribute("drag-dead-zone")))return;this.swipe||T.ticker.unsubscribe(t(this,x));let a=h,Q=!1;document.documentElement.classList.add("grabbing");let R=0,F=0;te.setupDrag(f=>{t(L,v)&&t(L,v)!==t(this,o)||(R=a.x-f.x,F=a.y-f.y,this.axis==="x"?(i(this,E,f.x-h.x),i(this,l,R)):(i(this,E,f.y-h.y),i(this,l,F)),a=f,Q=this.axis==="x"&&Math.abs(R)>Math.abs(F)||this.axis==="y"&&Math.abs(F)>Math.abs(R),Q&&(document.documentElement.classList.add("dragging"),i(L,v,t(this,o)),this.changeEvent.notify("drag",t(this,l),f)))},f=>{i(L,v,null),Q&&!this.swipe&&this.inertion?(i(this,l,t(this,l)*this.inertion),T.ticker.subscribe(t(this,x),{order:se.TICK_ORDER.CONTROLS-1})):this.swipe&&this.changeEvent.notify("drag-end",t(this,l),f),document.documentElement.classList.remove("grabbing"),document.documentElement.classList.remove("dragging")})}),i(this,x,()=>{Math.floor(Math.abs(t(this,l)))||T.ticker.unsubscribe(t(this,x)),i(this,l,t(this,l)*.95),i(this,l,ie.preciseNumber(t(this,l),3)),this.changeEvent.notify("drag",t(this,l),null)}),this.axis=(e==null?void 0:e.axis)||"y",this.swipe=(e==null?void 0:e.swipe)||!1,w.isBrowser&&(i(this,o,e!=null&&e.element&&Z.getElement(e.element)||document.documentElement),i(this,P,(e==null?void 0:e.rootElement)||t(this,o)))}connect(){w.isBrowser&&(i(this,q,[...t(this,P).querySelectorAll("a")]),t(this,q).forEach(e=>{e.addEventListener("click",t(this,z))}),t(this,o).addEventListener("pointerdown",t(this,S)))}disconnect(){w.isBrowser&&(t(this,q).forEach(e=>{e.removeEventListener("click",t(this,z))}),t(this,o).removeEventListener("pointerdown",t(this,S)),T.ticker.unsubscribe(t(this,x)))}};v=new WeakMap,P=new WeakMap,o=new WeakMap,l=new WeakMap,q=new WeakMap,E=new WeakMap,z=new WeakMap,S=new WeakMap,x=new WeakMap,s(L,v,null);let J=L;exports.AutoplayControls=re;exports.Controls=O;exports.DragControls=J;exports.KeyboardControls=he;exports.WheelControls=ne;
|
package/lib/controls/index.js
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
var
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var Z = (a) => {
|
|
2
|
+
throw TypeError(a);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var t = (
|
|
6
|
-
import { Notifier as
|
|
4
|
+
var j = (a, n, e) => n.has(a) || Z("Cannot " + e);
|
|
5
|
+
var t = (a, n, e) => (j(a, n, "read from private field"), e ? e.call(a) : n.get(a)), s = (a, n, e) => n.has(a) ? Z("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, e), i = (a, n, e, h) => (j(a, n, "write to private field"), h ? h.call(a, e) : n.set(a, e), e), C = (a, n, e) => (j(a, n, "access private method"), e);
|
|
6
|
+
import { Notifier as _ } from "../notifier/index.js";
|
|
7
7
|
import { i as b } from "../index-euf5anj6.js";
|
|
8
|
-
import { g as
|
|
9
|
-
import { ticker as
|
|
8
|
+
import { g as J } from "../dom-CVWzyXPH.js";
|
|
9
|
+
import { ticker as A } from "../ticker/index.js";
|
|
10
10
|
import "../Store-swP_0ymB.js";
|
|
11
|
-
import { b as
|
|
12
|
-
import { T as
|
|
13
|
-
import { s as
|
|
14
|
-
import { p } from "../number-DwCxt_Ck.js";
|
|
15
|
-
import { TICK_ORDER as
|
|
16
|
-
var
|
|
17
|
-
class
|
|
11
|
+
import { b as p } from "../easings-Bni3YAAW.js";
|
|
12
|
+
import { T as ee } from "../Tweened-BSC-evuL.js";
|
|
13
|
+
import { s as te } from "../gestures-CcXV6fCp.js";
|
|
14
|
+
import { p as ie } from "../number-DwCxt_Ck.js";
|
|
15
|
+
import { TICK_ORDER as se } from "../order/index.js";
|
|
16
|
+
var U;
|
|
17
|
+
class Q {
|
|
18
18
|
constructor() {
|
|
19
|
-
s(this,
|
|
19
|
+
s(this, U, new _());
|
|
20
20
|
}
|
|
21
21
|
get changeEvent() {
|
|
22
|
-
return t(this,
|
|
22
|
+
return t(this, U);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
var g, d, u,
|
|
27
|
-
class
|
|
25
|
+
U = new WeakMap();
|
|
26
|
+
var g, d, u, N;
|
|
27
|
+
class be extends Q {
|
|
28
28
|
constructor(e) {
|
|
29
29
|
super();
|
|
30
30
|
s(this, g, null);
|
|
31
31
|
s(this, d, null);
|
|
32
32
|
s(this, u, "offsetHeight");
|
|
33
|
-
s(this,
|
|
34
|
-
const
|
|
33
|
+
s(this, N, (e) => {
|
|
34
|
+
const h = e.shiftKey ? -1 : 1;
|
|
35
35
|
let r;
|
|
36
|
-
e.code === "Space" ? r =
|
|
36
|
+
e.code === "Space" ? r = h * t(this, d)[t(this, u)] * 0.4 : e.code === "ArrowLeft" ? r = -1 * t(this, d)[t(this, u)] * 0.2 : e.code === "ArrowRight" ? r = 1 * t(this, d)[t(this, u)] * 0.2 : e.code === "ArrowUp" ? r = -1 * t(this, d)[t(this, u)] * 0.2 : e.code === "ArrowDown" ? r = 1 * t(this, d)[t(this, u)] * 0.2 : e.code === "PageUp" ? r = -1 * t(this, d)[t(this, u)] : e.code === "PageDown" ? r = 1 * t(this, d)[t(this, u)] : e.code === "Home" ? r = 0 : e.code === "End" && (r = t(this, u) === "offsetWidth" ? t(this, d).scrollWidth : t(this, d).scrollHeight), r && (e.stopPropagation(), this.changeEvent.notify("keyboard", r, e));
|
|
37
37
|
});
|
|
38
|
-
b && (i(this, g, e != null && e.element &&
|
|
38
|
+
b && (i(this, g, e != null && e.element && J(e.element) || window), i(this, d, t(this, g) instanceof HTMLElement ? t(this, g) : document.documentElement), this.dimension = e == null ? void 0 : e.dimension);
|
|
39
39
|
}
|
|
40
40
|
set dimension(e) {
|
|
41
41
|
i(this, u, e === "width" ? "offsetWidth" : "offsetHeight");
|
|
@@ -43,172 +43,182 @@ class ue extends B {
|
|
|
43
43
|
connect() {
|
|
44
44
|
b && t(this, g).addEventListener(
|
|
45
45
|
"keydown",
|
|
46
|
-
t(this,
|
|
46
|
+
t(this, N)
|
|
47
47
|
);
|
|
48
48
|
}
|
|
49
49
|
disconnect() {
|
|
50
50
|
b && t(this, g).removeEventListener(
|
|
51
51
|
"keydown",
|
|
52
|
-
t(this,
|
|
52
|
+
t(this, N)
|
|
53
53
|
);
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
g = new WeakMap(), d = new WeakMap(), u = new WeakMap(),
|
|
57
|
-
var y,
|
|
58
|
-
class
|
|
56
|
+
g = new WeakMap(), d = new WeakMap(), u = new WeakMap(), N = new WeakMap();
|
|
57
|
+
var y, M, R, W, c, D, m, w, F, G, I, K, H;
|
|
58
|
+
class we extends Q {
|
|
59
59
|
constructor(e) {
|
|
60
60
|
super();
|
|
61
61
|
s(this, w);
|
|
62
62
|
s(this, y);
|
|
63
|
-
s(this,
|
|
64
|
-
s(this,
|
|
65
|
-
s(this,
|
|
63
|
+
s(this, M);
|
|
64
|
+
s(this, R);
|
|
65
|
+
s(this, W);
|
|
66
66
|
s(this, c);
|
|
67
|
-
s(this,
|
|
68
|
-
s(this,
|
|
69
|
-
s(this, A);
|
|
70
|
-
s(this, q);
|
|
67
|
+
s(this, D);
|
|
68
|
+
s(this, m);
|
|
71
69
|
s(this, I);
|
|
72
|
-
|
|
70
|
+
s(this, K);
|
|
71
|
+
s(this, H);
|
|
72
|
+
this.direction = 1, i(this, c, new ee(0, { easing: p })), i(this, m, !1), i(this, I, (h) => {
|
|
73
73
|
t(this, c).current !== 1 && this.changeEvent.notify(
|
|
74
74
|
"autoplay",
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
h.timeBetweenFrames * t(this, y) * this.direction * (1 - t(this, c).current),
|
|
76
|
+
h
|
|
77
77
|
);
|
|
78
|
-
}), i(this,
|
|
78
|
+
}), i(this, K, () => {
|
|
79
79
|
t(this, c).current !== 1 && this.changeEvent.notify(
|
|
80
80
|
"autoplay",
|
|
81
81
|
Math.sign(t(this, y)) * this.direction * (1 - t(this, c).current),
|
|
82
82
|
null
|
|
83
83
|
);
|
|
84
|
-
}), i(this,
|
|
85
|
-
t(this,
|
|
86
|
-
}), i(this, y, (e == null ? void 0 : e.speed) || 1), i(this,
|
|
84
|
+
}), i(this, H, () => {
|
|
85
|
+
t(this, M) && (document.hidden ? t(this, c).set(1, { equalize: !0 }) : t(this, c).set(0, { equalize: !0 }));
|
|
86
|
+
}), i(this, y, (e == null ? void 0 : e.speed) || 1), i(this, M, (e == null ? void 0 : e.interval) || !1), i(this, R, e);
|
|
87
87
|
}
|
|
88
88
|
set interval(e) {
|
|
89
|
-
i(this,
|
|
89
|
+
i(this, M, e), t(this, m) && C(this, w, F).call(this);
|
|
90
90
|
}
|
|
91
91
|
set speed(e) {
|
|
92
|
-
i(this, y, e), t(this,
|
|
92
|
+
i(this, y, e), t(this, m) && C(this, w, F).call(this);
|
|
93
93
|
}
|
|
94
94
|
connect() {
|
|
95
|
-
t(this,
|
|
95
|
+
t(this, m) || (i(this, m, !0), C(this, w, F).call(this));
|
|
96
96
|
}
|
|
97
97
|
disconnect() {
|
|
98
|
-
t(this,
|
|
98
|
+
t(this, m) && (i(this, m, !1), C(this, w, G).call(this));
|
|
99
99
|
}
|
|
100
|
-
pauseAndContinue(e,
|
|
101
|
-
t(this,
|
|
100
|
+
pauseAndContinue(e, h) {
|
|
101
|
+
t(this, m) && e && (clearTimeout(t(this, D)), t(this, c).set(1, {
|
|
102
102
|
duration: Math.min(e, 1e3),
|
|
103
|
-
equalize:
|
|
104
|
-
}), i(this,
|
|
103
|
+
equalize: h
|
|
104
|
+
}), i(this, D, setTimeout(() => {
|
|
105
105
|
t(this, c).set(0, {
|
|
106
106
|
duration: Math.min(e, 5e3),
|
|
107
|
-
equalize:
|
|
107
|
+
equalize: h
|
|
108
108
|
});
|
|
109
109
|
}, e)));
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
y = new WeakMap(),
|
|
113
|
-
|
|
114
|
-
t(this,
|
|
112
|
+
y = new WeakMap(), M = new WeakMap(), R = new WeakMap(), W = new WeakMap(), c = new WeakMap(), D = new WeakMap(), m = new WeakMap(), w = new WeakSet(), F = function() {
|
|
113
|
+
C(this, w, G).call(this), t(this, M) ? i(this, W, setInterval(
|
|
114
|
+
t(this, K),
|
|
115
115
|
Math.abs(t(this, y))
|
|
116
|
-
)) :
|
|
116
|
+
)) : A.subscribe(t(this, I), t(this, R)), document.addEventListener(
|
|
117
117
|
"visibilitychange",
|
|
118
|
-
t(this,
|
|
118
|
+
t(this, H)
|
|
119
119
|
);
|
|
120
|
-
},
|
|
121
|
-
clearInterval(t(this,
|
|
120
|
+
}, G = function() {
|
|
121
|
+
clearInterval(t(this, W)), A.unsubscribe(t(this, I)), clearTimeout(t(this, D)), t(this, c).close(), document.removeEventListener(
|
|
122
122
|
"visibilitychange",
|
|
123
|
-
t(this,
|
|
123
|
+
t(this, H)
|
|
124
124
|
);
|
|
125
|
-
},
|
|
126
|
-
var
|
|
127
|
-
class
|
|
125
|
+
}, I = new WeakMap(), K = new WeakMap(), H = new WeakMap();
|
|
126
|
+
var q, v, z, O;
|
|
127
|
+
class ge extends Q {
|
|
128
128
|
constructor(e) {
|
|
129
129
|
super();
|
|
130
|
-
s(this,
|
|
131
|
-
s(this,
|
|
132
|
-
s(this,
|
|
133
|
-
s(this,
|
|
134
|
-
let
|
|
130
|
+
s(this, q, null);
|
|
131
|
+
s(this, v);
|
|
132
|
+
s(this, z);
|
|
133
|
+
s(this, O, (e) => {
|
|
134
|
+
let h = 0;
|
|
135
135
|
if (!(this.axis === "x" && Math.abs(e.deltaY) > Math.abs(e.deltaX) * 1 || this.axis === "y" && Math.abs(e.deltaX) > Math.abs(e.deltaY) * 1))
|
|
136
|
-
if (e.preventDefault(),
|
|
136
|
+
if (e.preventDefault(), h = (this.axis === "max" ? Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY : this.axis === "x" ? e.deltaX : e.deltaY) * this.speed, e.stopPropagation(), this.debounce) {
|
|
137
137
|
const r = Date.now();
|
|
138
|
-
if (r - t(this,
|
|
138
|
+
if (r - t(this, z) > 40 && (h = 100 * Math.sign(h)), i(this, z, r), Math.abs(h) < 100 || t(this, v))
|
|
139
139
|
return;
|
|
140
|
-
this.changeEvent.notify("wheel",
|
|
141
|
-
i(this,
|
|
140
|
+
this.changeEvent.notify("wheel", h, e), i(this, v, setTimeout(() => {
|
|
141
|
+
i(this, v, void 0);
|
|
142
142
|
}, 80));
|
|
143
143
|
} else
|
|
144
|
-
this.changeEvent.notify("wheel",
|
|
144
|
+
this.changeEvent.notify("wheel", h, e);
|
|
145
145
|
});
|
|
146
|
-
this.axis = (e == null ? void 0 : e.axis) || "y", this.speed = (e == null ? void 0 : e.speed) || 1, this.debounce = (e == null ? void 0 : e.debounce) || !1, i(this,
|
|
146
|
+
this.axis = (e == null ? void 0 : e.axis) || "y", this.speed = (e == null ? void 0 : e.speed) || 1, this.debounce = (e == null ? void 0 : e.debounce) || !1, i(this, z, Date.now()), b && i(this, q, e != null && e.element && J(e.element) || window);
|
|
147
147
|
}
|
|
148
148
|
connect() {
|
|
149
|
-
b && t(this,
|
|
149
|
+
b && t(this, q).addEventListener(
|
|
150
150
|
"wheel",
|
|
151
|
-
t(this,
|
|
151
|
+
t(this, O),
|
|
152
152
|
{
|
|
153
153
|
passive: !1
|
|
154
154
|
}
|
|
155
155
|
);
|
|
156
156
|
}
|
|
157
157
|
disconnect() {
|
|
158
|
-
b && (t(this,
|
|
158
|
+
b && (t(this, q).removeEventListener(
|
|
159
159
|
"wheel",
|
|
160
|
-
t(this,
|
|
161
|
-
), clearTimeout(t(this,
|
|
160
|
+
t(this, O)
|
|
161
|
+
), clearTimeout(t(this, v)));
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
|
-
|
|
165
|
-
var
|
|
166
|
-
const
|
|
164
|
+
q = new WeakMap(), v = new WeakMap(), z = new WeakMap(), O = new WeakMap();
|
|
165
|
+
var k, P, o, l, T, E, X, Y, x;
|
|
166
|
+
const L = class L extends Q {
|
|
167
167
|
constructor(e) {
|
|
168
168
|
super();
|
|
169
|
+
s(this, P);
|
|
169
170
|
s(this, o);
|
|
170
171
|
s(this, l);
|
|
171
|
-
s(this,
|
|
172
|
+
s(this, T);
|
|
172
173
|
s(this, E);
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
174
|
+
s(this, X);
|
|
175
|
+
s(this, Y);
|
|
176
|
+
s(this, x);
|
|
177
|
+
this.inertion = 1, i(this, P, null), i(this, o, null), i(this, l, 0), i(this, T, []), i(this, E, 0), i(this, X, (h) => {
|
|
178
|
+
Math.abs(t(this, E)) > 2 && h.preventDefault();
|
|
179
|
+
}), i(this, Y, (h) => {
|
|
180
|
+
if (i(this, E, 0), i(this, l, 0), h.button !== 0 || h.composedPath().find(
|
|
181
|
+
(f) => f instanceof HTMLElement && f.hasAttribute("drag-dead-zone")
|
|
176
182
|
))
|
|
177
183
|
return;
|
|
178
|
-
this.swipe ||
|
|
179
|
-
let r =
|
|
180
|
-
|
|
181
|
-
let
|
|
182
|
-
|
|
183
|
-
(
|
|
184
|
-
t(
|
|
184
|
+
this.swipe || A.unsubscribe(t(this, x));
|
|
185
|
+
let r = h, V = !1;
|
|
186
|
+
document.documentElement.classList.add("grabbing");
|
|
187
|
+
let S = 0, B = 0;
|
|
188
|
+
te(
|
|
189
|
+
(f) => {
|
|
190
|
+
t(L, k) && t(L, k) !== t(this, o) || (S = r.x - f.x, B = r.y - f.y, this.axis === "x" ? (i(this, E, f.x - h.x), i(this, l, S)) : (i(this, E, f.y - h.y), i(this, l, B)), r = f, V = this.axis === "x" && Math.abs(S) > Math.abs(B) || this.axis === "y" && Math.abs(B) > Math.abs(S), V && (document.documentElement.classList.add("dragging"), i(L, k, t(this, o)), this.changeEvent.notify("drag", t(this, l), f)));
|
|
185
191
|
},
|
|
186
|
-
(
|
|
187
|
-
i(
|
|
188
|
-
order:
|
|
189
|
-
})) : this.swipe && this.changeEvent.notify("drag-end", t(this, l),
|
|
192
|
+
(f) => {
|
|
193
|
+
i(L, k, null), V && !this.swipe && this.inertion ? (i(this, l, t(this, l) * this.inertion), A.subscribe(t(this, x), {
|
|
194
|
+
order: se.CONTROLS - 1
|
|
195
|
+
})) : this.swipe && this.changeEvent.notify("drag-end", t(this, l), f), document.documentElement.classList.remove("grabbing"), document.documentElement.classList.remove("dragging");
|
|
190
196
|
}
|
|
191
197
|
);
|
|
192
|
-
}), i(this,
|
|
193
|
-
Math.floor(Math.abs(t(this, l))) ||
|
|
194
|
-
}), this.axis = (e == null ? void 0 : e.axis) || "y", this.swipe = (e == null ? void 0 : e.swipe) || !1, b && i(this, o, e != null && e.element &&
|
|
198
|
+
}), i(this, x, () => {
|
|
199
|
+
Math.floor(Math.abs(t(this, l))) || A.unsubscribe(t(this, x)), i(this, l, t(this, l) * 0.95), i(this, l, ie(t(this, l), 3)), this.changeEvent.notify("drag", t(this, l), null);
|
|
200
|
+
}), this.axis = (e == null ? void 0 : e.axis) || "y", this.swipe = (e == null ? void 0 : e.swipe) || !1, b && (i(this, o, e != null && e.element && J(e.element) || document.documentElement), i(this, P, (e == null ? void 0 : e.rootElement) || t(this, o)));
|
|
195
201
|
}
|
|
196
202
|
connect() {
|
|
197
|
-
b && t(this,
|
|
203
|
+
b && (i(this, T, [...t(this, P).querySelectorAll("a")]), t(this, T).forEach((e) => {
|
|
204
|
+
e.addEventListener("click", t(this, X));
|
|
205
|
+
}), t(this, o).addEventListener("pointerdown", t(this, Y)));
|
|
198
206
|
}
|
|
199
207
|
disconnect() {
|
|
200
|
-
b && (t(this,
|
|
208
|
+
b && (t(this, T).forEach((e) => {
|
|
209
|
+
e.removeEventListener("click", t(this, X));
|
|
210
|
+
}), t(this, o).removeEventListener(
|
|
201
211
|
"pointerdown",
|
|
202
|
-
t(this,
|
|
203
|
-
),
|
|
212
|
+
t(this, Y)
|
|
213
|
+
), A.unsubscribe(t(this, x)));
|
|
204
214
|
}
|
|
205
215
|
};
|
|
206
|
-
|
|
207
|
-
let
|
|
216
|
+
k = new WeakMap(), P = new WeakMap(), o = new WeakMap(), l = new WeakMap(), T = new WeakMap(), E = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), s(L, k, null);
|
|
217
|
+
let $ = L;
|
|
208
218
|
export {
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
219
|
+
we as AutoplayControls,
|
|
220
|
+
Q as Controls,
|
|
221
|
+
$ as DragControls,
|
|
222
|
+
be as KeyboardControls,
|
|
223
|
+
ge as WheelControls
|
|
214
224
|
};
|
package/lib/scroll/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Ge=Object.defineProperty;var ke=Object.getOwnPropertySymbols;var Ze=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable;var Re=d=>{throw TypeError(d)};var Ae=(d,n,e)=>n in d?Ge(d,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):d[n]=e,Me=(d,n)=>{for(var e in n||(n={}))Ze.call(n,e)&&Ae(d,e,n[e]);if(ke)for(var e of ke(n))je.call(n,e)&&Ae(d,e,n[e]);return d};var Pe=(d,n,e)=>n.has(d)||Re("Cannot "+e);var t=(d,n,e)=>(Pe(d,n,"read from private field"),e?e.call(d):n.get(d)),s=(d,n,e)=>n.has(d)?Re("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(d):n.set(d,e),h=(d,n,e,i)=>(Pe(d,n,"write to private field"),i?i.call(d,e):n.set(d,e),e),l=(d,n,e)=>(Pe(d,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ke=require("../Store-GokLe_g-.cjs"),O=require("../index-Cqw2NKev.cjs"),Je=require("../easings-GegIwET5.cjs"),ee=require("../events-KVanG9sR.cjs"),qe=require("../function-MthRj-GJ.cjs"),De=require("../jss-CRBgdvJ3.cjs"),Dt=require("../layout-Ctc2p3uz.cjs"),Be=require("../math-GDWEqu7y.cjs"),Qe=require("../number-0243DApo.cjs");require("../ticker/index.cjs");const ge=require("../order/index.cjs"),Xe=require("../Damped-DgAIjXp3.cjs"),Ye=require("../Tweened-DpJDlbj9.cjs"),me=require("../controls/index.cjs"),Bt=require("../window-resizer/index.cjs"),gt=require("../scroll-entries/index.cjs"),Te=require("../css-unit-parser/index.cjs"),S=require("../css-property/index.cjs"),ts=require("../device/index.cjs"),ne=require("../element-resizer/index.cjs"),es=require("../gestures-C7gbKx11.cjs"),Oe=require("../dom-JBOkFLTh.cjs"),ss=require("../scroll-segment/index.cjs");var f,Ot,g,yt,V,Y,Ct,vt,se;class is{constructor(n,e,i){s(this,vt);s(this,f);s(this,Ot);s(this,g);s(this,yt,0);s(this,V,0);s(this,Y,null);s(this,Ct,0);h(this,f,n),h(this,Ot,e),h(this,g,i),gt.scrollEntries.register(t(this,f)),this.setIndex(t(this,Ot))}get element(){return t(this,f)}get index(){return t(this,Ot)}get size(){return t(this,yt)}get position(){return t(this,V)}get transformPosition(){return t(this,Ct)}destroy(){gt.scrollEntries.unregister(t(this,f)),this.unsetTransform()}unsetTransform(){t(this,f).style.transform="",this.setMark(null),this.setIndex(null),this.setCurrentIndex(null),this.setCurrentIndexArc(null),this.setCurrentIndexArcAbs(null),this.setMiddle(!1),this.setSize()}setSize(n){n?(t(this,f).style.setProperty("--size",n+"px"),t(this,g).axisCSSProperty.current==="x"?(t(this,f).style.width=n+"px",t(this,f).style.height=""):(t(this,f).style.height=n+"px",t(this,f).style.width="")):(t(this,f).style.width="",t(this,f).style.height="",t(this,f).style.removeProperty("--size"))}resize(){h(this,yt,t(this,g).vertical?t(this,f).offsetHeight:t(this,f).offsetWidth),h(this,V,t(this,g).vertical?Dt.getCumulativeOffsetTop(t(this,f)):Dt.getCumulativeOffsetLeft(t(this,f))),h(this,V,t(this,V)-t(this,g).contentPosition)}transform(){const n=t(this,g).shiftSectionPositionCSSProperty.current;let e=n;const i=t(this,g).viewportSize*t(this,g).sectionDistanceScaleCSSProperty.current;t(this,g).loopCSSProperty.current&&t(this,V)+t(this,yt)<=t(this,g).currentScrollValue-n/2&&(e=(t(this,g).distance-n)*-1-t(this,g).gap),gt.scrollEntries.update(t(this,f),t(this,g).axisCSSProperty.current,e);const r=t(this,g).currentScrollValue+e,u=t(this,V)-t(this,g).viewportSize-i,b=t(this,V)+t(this,yt)+i,y=Be.clamp(r,u,b);h(this,Ct,y*-1),t(this,g).vertical?t(this,f).style.transform=`translate3d(0px, ${t(this,Ct)}px, 0px)`:t(this,f).style.transform=`translate3d(${t(this,Ct)}px, 0px, 0px)`}setMark(n){t(this,Y)!==n&&(t(this,Y)&&t(this,f).classList.remove(t(this,Y)),n&&t(this,f).classList.add(n),h(this,Y,n),ee.dispatchEvent(t(this,f),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,Y)},custom:!0}))}setMiddle(n){t(this,f).classList.toggle("middle",n)}setIndex(n){l(this,vt,se).call(this,"index",n)}setCurrentIndex(n){l(this,vt,se).call(this,"current-index",n)}setCurrentIndexArc(n){l(this,vt,se).call(this,"current-index-arc",n)}setCurrentIndexArcAbs(n){l(this,vt,se).call(this,"current-index-arc-abs",n)}}f=new WeakMap,Ot=new WeakMap,g=new WeakMap,yt=new WeakMap,V=new WeakMap,Y=new WeakMap,Ct=new WeakMap,vt=new WeakSet,se=function(n,e){e!==null?(t(this,f).style.setProperty(`--${n}`,e.toString()),t(this,f).setAttribute(`data-${n}`,e.toString())):(t(this,f).style.removeProperty(`--${n}`),t(this,f).removeAttribute(`data-${n}`))};const rs=De.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},".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-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},":host(.hibernated) .content-wrapper":{display:"contents"},":host(.hibernated) .content":{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var a,Pt,E,tt,_,H,$,M,et,st,W,it,wt,T,v,Et,xt,Lt,zt,Vt,A,It,rt,R,nt,F,kt,ht,At,ot,lt,ct,p,_t,c,he,oe,C,m,k,q,ut,D,w,x,Ht,N,U,G,Z,$t,at,j,Wt,B,P,Ft,dt,o,we,ie,qt,ye,Ce,Ee,xe,L,le,Ve,Nt,ce,Le,ze,mt,_e,re,ue;class Mt extends HTMLElement{constructor(){super();s(this,o);s(this,a,null);s(this,Pt,new S.CSSProperty(this,"--controls",!0));s(this,E,new S.CSSProperty(this,"--axis","y"));s(this,tt,new S.CSSProperty(this,"--reverse",!1));s(this,_,new S.CSSProperty(this,"--direction",0));s(this,H,new S.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,$,new S.CSSProperty(this,"--split",!1));s(this,M,new S.CSSProperty(this,"--sectional",!1));s(this,et,new S.CSSProperty(this,"--tween-easing",!1));s(this,st,new S.CSSProperty(this,"--tween-duration",!1));s(this,W,new S.CSSProperty(this,"--auto-size",!1));s(this,it,new S.CSSProperty(this,"--wheel-max-delta",!1));s(this,wt,new S.CSSProperty(this,"--drag-inertion",1));s(this,T,new S.CSSProperty(this,"--sections-in-view",1));s(this,v,new S.CSSProperty(this,"--loop",!1));s(this,Et,new S.CSSProperty(this,"--damping",20));s(this,xt,new S.CSSProperty(this,"--mass",0));s(this,Lt,new S.CSSProperty(this,"--stiffness",0));s(this,zt,new S.CSSProperty(this,"--mouse-drag",!1));s(this,Vt,new S.CSSProperty(this,"--section-distance-scale",.5));s(this,A,new S.CSSProperty(this,"--autoplay",0));s(this,It,new S.CSSProperty(this,"--autoplay-pause-duration",0));s(this,rt,new S.CSSProperty(this,"--autoplay-user-direction",!1));s(this,R,new S.CSSProperty(this,"--classes",!1));s(this,nt,new S.CSSProperty(this,"--current-index-start-offset",0));s(this,F,new S.CSSProperty(this,"--current-index-end-offset",0));s(this,kt,new S.CSSProperty(this,"--shift-section-position",0,{rawValueCheck:!1}));s(this,ht,new S.CSSProperty(this,"--focus-delay",0));s(this,At,new S.CSSProperty(this,"--focus-duration",3e3));s(this,ot,new S.CSSProperty(this,"--disabled",!1));s(this,lt,new S.CSSProperty(this,"--hibernate",!1));s(this,ct,null);s(this,p,null);s(this,_t,null);s(this,c,[]);s(this,he,0);s(this,oe,0);s(this,C,0);s(this,m,0);s(this,k,0);s(this,q,null);s(this,ut,null);s(this,D,null);s(this,w,null);s(this,x,new Ke.Store(0));s(this,Ht,0);s(this,N,0);s(this,U,!1);s(this,G,!0);s(this,Z,!0);s(this,$t);s(this,at);s(this,j,new Ye.Tweened);s(this,Wt,!1);s(this,B,null);s(this,P,!1);s(this,Ft,null);s(this,dt,[]);s(this,L,()=>{if(t(this,lt).current)return;t(this,a).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,m)||0,i=t(this,x).current;if(h(this,he,this.vertical?Dt.getCumulativeOffsetTop(this):Dt.getCumulativeOffsetLeft(this)),h(this,oe,this.vertical?Dt.getCumulativeOffsetTop(t(this,p)):Dt.getCumulativeOffsetLeft(t(this,p))),h(this,C,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,k,Te.cssUnitParser.parse(getComputedStyle(t(this,p)).rowGap)):h(this,k,Te.cssUnitParser.parse(getComputedStyle(t(this,p)).columnGap)),t(this,W).current&&t(this,c).length){const r=t(this,T).current,u=(t(this,C)-t(this,k)*(r-1))/r;t(this,c).forEach(b=>{b.setSize(u)})}else t(this,c).forEach(r=>{r.setSize()});if(t(this,c).forEach(r=>{r.resize()}),t(this,H).current){h(this,m,t(this,C)*t(this,H).current);const r=t(this,m)+t(this,C);this.vertical?(t(this,p).style.width=r+"px",t(this,p).style.height="100%"):(t(this,p).style.height=r+"px",t(this,p).style.width="100%")}else this.vertical?(t(this,p).style.width="100%",t(this,p).style.height="max-content",h(this,m,t(this,p).offsetHeight-t(this,C))):(t(this,p).style.width="max-content",t(this,p).style.height="100%",h(this,m,t(this,p).offsetWidth-t(this,C)));if(!t(this,v).current){const r=getComputedStyle(this),u=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,m,t(this,m)+u),t(this,a).max=t(this,m)}if(t(this,v).current&&t(this,c).length){const r=t(this,c)[t(this,c).length-1],u=r.position+r.size-t(this,C),b=t(this,m)-u;h(this,N,r.position+r.size+b)}else h(this,N,t(this,m));if(t(this,M).current&&t(this,c).length){const r=t(this,c)[i];t(this,a).set(r.position,{equalize:!0})}else t(this,a).set(e*t(this,m),{equalize:!0});h(this,U,(this.vertical?t(this,p).offsetHeight:t(this,p).offsetWidth)>t(this,C)),this.classList.toggle("has-overflow",t(this,U)),t(this,U)?t(this,ot).current||l(this,o,Ce).call(this):l(this,o,ye).call(this),ee.dispatchEvent(this,"scrollResize",{custom:!0}),t(this,a).notify()});s(this,le,()=>{if(!t(this,U)||t(this,Z)||t(this,G))return;const e=this.currentScrollValue;if(h(this,Ht,Math.max(0,e-t(this,m))),t(this,c).length){for(let i=0;i<t(this,c).length;i++)t(this,c)[i].transform();t(this,x).current=l(this,o,re).call(this)}else this.vertical?t(this,p).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,p).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;l(this,o,_e).call(this),gt.scrollEntries.update(this,t(this,E).current,e)});s(this,Nt,(e,i)=>{t(this,Pt).current&&(l(this,o,Le).call(this,Math.sign(i)||1),t(this,ce).call(this,e,i))});s(this,ce,(e,i)=>{if(t(this,_).current){if(t(this,_).current<0&&i>0)return;if(t(this,_).current>0&&i<0)return}if(t(this,at)||t(this,j).unlistenAnimationFrame(),!t(this,A).current&&t(this,ht).current&&(clearInterval(t(this,$t)),h(this,$t,setTimeout(()=>{const r=t(this,c)[l(this,o,re).call(this)];r&&this.scrollToSection(r.index,{tween:{duration:t(this,At).current,easing:Je.easeInOutExpo}})},t(this,ht).current))),!(e.includes("drag")&&!ts.device.isTouch&&!t(this,zt).current)){if(t(this,M).current&&e!=="drag"){const r=Math.sign(i);if(t(this,c).length){const u={tween:t(this,et).current||t(this,st).current?{easing:t(this,et).current||"easeInOutCubic",duration:t(this,st).current||500}:void 0};t(this,Wt)?this.scrollToSection(l(this,o,re).call(this,!0),u):this.shiftSections(r,u)}else t(this,a).shift(r*t(this,C))}else t(this,a).shift(i);h(this,Wt,e==="drag")}});s(this,ue,()=>{h(this,P,!0),this.hibernatedCSSProperty.current||l(this,o,xe).call(this)});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[rs];const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,ct,document.createElement("div")),t(this,ct).className="content-wrapper",h(this,p,document.createElement("div")),t(this,p).className="content",h(this,_t,document.createElement("slot")),t(this,p).appendChild(t(this,_t)),t(this,ct).appendChild(t(this,p)),e.appendChild(t(this,ct)),h(this,Ft,new MutationObserver(qe.debounce(()=>{this.tryResplit()},10)))}}get damped(){return t(this,a)}get controlsCSSProperty(){return t(this,Pt)}get axisCSSProperty(){return t(this,E)}get reverseCSSProperty(){return t(this,tt)}get directionCSSProperty(){return t(this,_)}get pagesCSSProperty(){return t(this,H)}get splitCSSProperty(){return t(this,$)}get sectionalCSSProperty(){return t(this,M)}get easingCSSProperty(){return t(this,et)}get durationCSSProperty(){return t(this,st)}get autoSizeCSSProperty(){return t(this,W)}get wheelMaxDeltaCSSProperty(){return t(this,it)}get dragInertionCSSProperty(){return t(this,wt)}get sectionsInViewCSSProperty(){return t(this,T)}get loopCSSProperty(){return t(this,v)}get dampingCSSProperty(){return t(this,Et)}get massCSSProperty(){return t(this,xt)}get stiffnessCSSProperty(){return t(this,Lt)}get mouseDragCSSProperty(){return t(this,zt)}get sectionDistanceScaleCSSProperty(){return t(this,Vt)}get autoplayCSSProperty(){return t(this,A)}get autoplayPauseDurationCSSProperty(){return t(this,It)}get autoplayUserDirectionCSSProperty(){return t(this,rt)}get classesCSSProperty(){return t(this,R)}get currentIndexStartOffsetCSSProperty(){return t(this,nt)}get currentIndexEndOffsetCSSProperty(){return t(this,F)}get shiftSectionPositionCSSProperty(){return t(this,kt)}get focusDelayCSSProperty(){return t(this,ht)}get focusDurationCSSProperty(){return t(this,At)}get disabledCSSProperty(){return t(this,ot)}get hibernatedCSSProperty(){return t(this,lt)}get currentScrollValue(){return l(this,o,ze).call(this,"current")}get targetScrollValue(){return l(this,o,ze).call(this,"target")}get contentWrapperElement(){return t(this,ct)}get contentElement(){return t(this,p)}get sections(){return t(this,c)}get position(){return t(this,he)}get contentPosition(){return t(this,oe)}get viewportSize(){return t(this,C)}get scrollSize(){return t(this,m)}get gap(){return t(this,k)}get counter(){return t(this,x)}get limit(){return Math.ceil(t(this,c).length-t(this,T).current)}get distance(){return t(this,N)}get loopDistance(){return t(this,v).current?t(this,N)+t(this,k):t(this,N)}get hasOverflow(){return t(this,U)}get overscroll(){return t(this,Ht)}get scrollLine(){return t(this,B)}get vertical(){return t(this,E).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,E).current==="y"?0:t(this,a).distance}get scrollHeight(){return t(this,E).current==="x"?0:t(this,a).distance}tryResplit(){!t(this,Z)&&(t(this,v).current||t(this,$).current||t(this,v).current||t(this,W).current||t(this,M).current)&&l(this,o,ie).call(this)}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress<u?0:this.currentProgress>b?1:(this.currentProgress-u)/(b-u)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress>=u&&this.currentProgress<=b}scrollToSection(e,i){if(!t(this,c).length)return;const r=t(this,x).current,u=l(this,o,Ve).call(this,e),b=t(this,c)[r],y=t(this,c)[u];if(b&&y){let I=0;const ve=l(this,o,re).call(this),Tt=t(this,c)[ve],be=Tt?this.targetScrollValue-Tt.position:0;t(this,v).current?u===0&&r===t(this,c).length-1?I=t(this,m)+t(this,C)-b.position+t(this,k):u===t(this,c).length-1&&r===0?I=y.position-(t(this,m)+t(this,C)+t(this,k)):I=y.position-b.position:I=y.position-b.position,this.shiftPosition(I-be,i)}}shiftSections(e,i){t(this,c).length&&this.scrollToSection(t(this,x).current+e,i)}setPosition(e,i){l(this,o,Le).call(this,Math.sign(e)||1),i!=null&&i.tween?t(this,at)||(t(this,j).set(t(this,a).current,{equalize:!0}),t(this,j).set(e,Me({},i.tween)),h(this,at,setTimeout(()=>{h(this,at,void 0)},i.tween.duration||0))):t(this,a).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,a).target+e,i)}connectedCallback(){gt.scrollEntries.register(this),h(this,a,new Xe.Damped(0,{damping:.01,min:0,order:ge.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,q,new me.WheelControls({element:t(this,p)})),t(this,q).changeEvent.subscribe(t(this,Nt)),h(this,ut,new me.KeyboardControls({element:this})),t(this,ut).changeEvent.subscribe(t(this,Nt)),h(this,D,new me.DragControls({element:t(this,p)})),t(this,D).changeEvent.subscribe(t(this,Nt)),h(this,w,new me.AutoplayControls({culling:this})),t(this,w).changeEvent.subscribe(t(this,ce)),t(this,E).subscribe(()=>{l(this,o,we).call(this)}),t(this,tt).subscribe(()=>{l(this,o,we).call(this)}),t(this,it).subscribe(e=>{t(this,q).axis=e.current?"max":t(this,E).current}),t(this,wt).subscribe(e=>{t(this,D).inertion=typeof e.current=="number"?e.current:1}),t(this,H).subscribe(()=>{t(this,P)&&t(this,L).call(this)}),t(this,$).subscribe(({current:e})=>{t(this,P)&&(e?l(this,o,ie).call(this):l(this,o,qt).call(this))}),t(this,M).subscribe(e=>{t(this,q).debounce=e.current,t(this,D).swipe=e.current,t(this,w).interval=e.current,t(this,P)&&(e.current&&!e.previous&&!t(this,c).length?l(this,o,ie).call(this):!e.current&&e.previous&&t(this,c).length&&l(this,o,qt).call(this))}),t(this,W).subscribe(e=>{t(this,P)&&(t(this,L).call(this),e.current&&!e.previous&&!t(this,c).length?l(this,o,ie).call(this):!e.current&&e.previous&&t(this,c).length&&l(this,o,qt).call(this))}),t(this,T).subscribe(e=>{t(this,P)&&(t(this,L).call(this),l(this,o,mt).call(this))}),t(this,v).subscribe(e=>{e.current?(t(this,P)&&(t(this,c).length||(t(this,$).current=!0)),t(this,a).max=1/0,t(this,a).min=-1/0):(h(this,Ht,0),t(this,a).max=t(this,m),t(this,a).min=0)}),t(this,Et).subscribe(e=>{t(this,a).damping=e.current}),t(this,xt).subscribe(e=>{t(this,a).mass=e.current}),t(this,Lt).subscribe(e=>{t(this,a).stiffness=e.current}),t(this,A).subscribe(e=>{t(this,w).speed=e.current,!t(this,G)&&e.current&&!e.previous?t(this,w).connect():!e.current&&e.previous&&t(this,w).disconnect()}),t(this,rt).subscribe(e=>{e.current||(t(this,w).direction=1)}),t(this,R).subscribe(e=>{t(this,P)&&l(this,o,mt).call(this)}),t(this,nt).subscribe(e=>{t(this,P)&&t(this,R).current&&l(this,o,mt).call(this)}),t(this,F).subscribe(e=>{t(this,P)&&t(this,R).current&&l(this,o,mt).call(this)}),t(this,kt).subscribe(e=>{t(this,P)&&t(this,a).notify()}),t(this,a).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,x).subscribe(e=>{t(this,c).length&&l(this,o,mt).call(this)}),t(this,j).subscribe(e=>{t(this,j).isRunning.current&&t(this,a).set(e.current,{equalize:!0})}),t(this,ot).subscribe(e=>{e.current&&!e.previous?(this.classList.add("disabled"),l(this,o,ye).call(this)):!e.current&&e.previous&&(this.classList.remove("disabled"),l(this,o,Ce).call(this))}),t(this,lt).subscribe(e=>{e.current&&!e.previous?(this.classList.add("hibernated"),l(this,o,Ee).call(this)):!e.current&&e.previous&&(this.classList.remove("hibernated"),l(this,o,xe).call(this))}),t(this,Pt).observe(),t(this,E).observe(),t(this,tt).observe(),t(this,_).observe(),t(this,H).observe(),t(this,$).observe(),t(this,M).observe(),t(this,et).observe(),t(this,st).observe(),t(this,W).observe(),t(this,it).observe(),t(this,wt).observe(),t(this,T).observe(),t(this,v).observe(),t(this,Et).observe(),t(this,xt).observe(),t(this,Lt).observe(),t(this,zt).observe(),t(this,Vt).observe(),t(this,A).observe(),t(this,A).observe(),t(this,It).observe(),t(this,rt).observe(),t(this,R).observe(),t(this,nt).observe(),t(this,F).observe(),t(this,kt).observe(),t(this,ht).observe(),t(this,At).observe(),t(this,ot).observe(),t(this,lt).observe(),Bt.windowResizer.subscribe(t(this,ue),ge.RESIZE_ORDER.LAST),t(this,Ft).observe(this,{childList:!0})}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("disabled"),this.classList.remove("hibernated"),t(this,Pt).unobserve(),t(this,E).unobserve(),t(this,tt).unobserve(),t(this,_).unobserve(),t(this,H).unobserve(),t(this,$).unobserve(),t(this,M).unobserve(),t(this,et).unobserve(),t(this,st).unobserve(),t(this,W).unobserve(),t(this,it).unobserve(),t(this,wt).unobserve(),t(this,T).unobserve(),t(this,v).unobserve(),t(this,Et).unobserve(),t(this,xt).unobserve(),t(this,Lt).unobserve(),t(this,zt).unobserve(),t(this,Vt).unobserve(),t(this,A).unobserve(),t(this,It).unobserve(),t(this,rt).unobserve(),t(this,R).unobserve(),t(this,nt).unobserve(),t(this,F).unobserve(),t(this,kt).unobserve(),t(this,ht).unobserve(),t(this,At).unobserve(),t(this,ot).unobserve(),t(this,lt).unobserve(),Bt.windowResizer.unsubscribe(t(this,ue)),l(this,o,Ee).call(this),t(this,Ft).disconnect()}}a=new WeakMap,Pt=new WeakMap,E=new WeakMap,tt=new WeakMap,_=new WeakMap,H=new WeakMap,$=new WeakMap,M=new WeakMap,et=new WeakMap,st=new WeakMap,W=new WeakMap,it=new WeakMap,wt=new WeakMap,T=new WeakMap,v=new WeakMap,Et=new WeakMap,xt=new WeakMap,Lt=new WeakMap,zt=new WeakMap,Vt=new WeakMap,A=new WeakMap,It=new WeakMap,rt=new WeakMap,R=new WeakMap,nt=new WeakMap,F=new WeakMap,kt=new WeakMap,ht=new WeakMap,At=new WeakMap,ot=new WeakMap,lt=new WeakMap,ct=new WeakMap,p=new WeakMap,_t=new WeakMap,c=new WeakMap,he=new WeakMap,oe=new WeakMap,C=new WeakMap,m=new WeakMap,k=new WeakMap,q=new WeakMap,ut=new WeakMap,D=new WeakMap,w=new WeakMap,x=new WeakMap,Ht=new WeakMap,N=new WeakMap,U=new WeakMap,G=new WeakMap,Z=new WeakMap,$t=new WeakMap,at=new WeakMap,j=new WeakMap,Wt=new WeakMap,B=new WeakMap,P=new WeakMap,Ft=new WeakMap,dt=new WeakMap,o=new WeakSet,we=function(){const e=t(this,E).current,i=t(this,tt).current?"-reverse":"";t(this,p).style.flexDirection=e==="x"?`row${i}`:`column${i}`,t(this,q).axis=t(this,it).current?"max":e,t(this,ut).dimension=e==="x"?"width":"height",t(this,D).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),t(this,P)&&t(this,L).call(this)},ie=function(){l(this,o,qt).call(this),t(this,_t).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,c).push(new is(e,i,this))}),t(this,p).style.transform="",ee.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,L).call(this),l(this,o,mt).call(this)},qt=function(){t(this,c).forEach(e=>{e.destroy()}),h(this,c,[]),t(this,x).reset(),t(this,a).reset(),ee.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},ye=function(){t(this,G)||(h(this,G,!0),t(this,a).unsubscribe(t(this,le)),t(this,a).unlistenAnimationFrame(),clearInterval(t(this,$t)),clearInterval(t(this,at)),t(this,j).unlistenAnimationFrame(),t(this,q).disconnect(),t(this,ut).disconnect(),t(this,D).disconnect(),t(this,w).disconnect(),t(this,U)||(this.sections.forEach(e=>{e.unsetTransform()}),t(this,L).call(this)))},Ce=function(){t(this,G)&&(h(this,G,!1),t(this,a).subscribe(t(this,le),-1e4),t(this,a).notify(),t(this,q).connect(),t(this,ut).connect(),t(this,D).connect(),t(this,A).current&&t(this,w).connect())},Ee=function(){t(this,Z)||(h(this,Z,!0),Bt.windowResizer.unsubscribe(t(this,L)),ne.elementResizer.unsubscribe(t(this,L)),l(this,o,ye).call(this),t(this,p).style.transform="",t(this,p).style.height="",t(this,p).style.width="",this.classList.remove("has-overflow","start","end"),t(this,c).length?l(this,o,qt).call(this):(t(this,x).reset(),t(this,a).reset()),gt.scrollEntries.unregister(this))},xe=function(){t(this,Z)&&(h(this,Z,!1),gt.scrollEntries.register(this),this.tryResplit(),l(this,o,Ce).call(this),Bt.windowResizer.subscribe(t(this,L),ge.RESIZE_ORDER.SCROLL),ne.elementResizer.subscribe(this,t(this,L)))},L=new WeakMap,le=new WeakMap,Ve=function(e){let i=t(this,x).current;return t(this,v).current?i=Qe.loopNumber(e,t(this,c).length):i=Be.clamp(e,0,this.limit),i},Nt=new WeakMap,ce=new WeakMap,Le=function(e=1){t(this,rt).current&&(t(this,w).direction=e),t(this,A).current&&t(this,w).pauseAndContinue(t(this,It).current,this.sectionalCSSProperty.current)},ze=function(e="current"){if(t(this,v).current&&t(this,c).length){const i=t(this,a)[e]%Math.round(t(this,m)+t(this,C)+t(this,k));return i<0?t(this,m)+i+t(this,C)+t(this,k):i}else return t(this,a)[e]},mt=function(){if(t(this,c).length){const e=t(this,x).current+t(this,nt).current;if(e===0?h(this,B,"start"):e===this.limit?h(this,B,"end"):h(this,B,null),ee.dispatchEvent(this,"scrollLine",{detail:{line:t(this,B)}}),t(this,R).current){this.classList.remove("end","start"),t(this,B)&&this.classList.add(t(this,B));const i=t(this,T).current+t(this,F).current;h(this,dt,[]),t(this,c).forEach((r,u)=>{r.setCurrentIndex(null),r.setCurrentIndexArc(null),r.setCurrentIndexArcAbs(null),r.setMiddle(!1);const b=e-this.limit-1+t(this,F).current,y=e+i,I=this.sections.length-y;u>=e&&u<y||u<=b?(r.setMark("current"),t(this,dt).push(r)):u>=y&&u<y+I/2||u<=b+i?r.setMark("next"):r.setMark("previous")})}}},_e=function(){if(t(this,R).current){const e=Math.floor(t(this,dt).length/2);t(this,dt).sort((i,r)=>i.element.getBoundingClientRect().left-r.element.getBoundingClientRect().left),t(this,dt).forEach((i,r)=>{const u=r-e;i.setCurrentIndex(r),i.setCurrentIndexArc(u),i.setCurrentIndexArcAbs(Math.abs(u)),i.setMiddle(r===e)})}},re=function(e=!1){let i=this.targetScrollValue,r=1/0,u=0;const b=t(this,a).direction;for(let y=0;y<t(this,c).length;y++){const I=t(this,c)[y];let ve=t(this,Wt)?I.size*b*-1*.4:0,Tt=I.position;this.overscroll&&Tt===0&&e&&(Tt=t(this,N));let be=Math.abs(Tt+ve-i);be<=r&&(r=be,u=y)}return u},ue=new WeakMap;O.isBrowser&&!customElements.get("e-scroll")&&customElements.define("e-scroll",Mt);var ae;class Ie extends HTMLElement{constructor(){super(...arguments);s(this,ae,null)}get scrollElement(){return t(this,ae)}connectedCallback(){const e=Oe.findParentElement(this,Mt);e instanceof Mt?h(this,ae,e):console.error(this,"e-scroll not found")}}ae=new WeakMap;var St,z,K,J,Ut,Gt,pt,Zt,de,Se;class He extends Ie{constructor(){super();s(this,St,null);s(this,z,null);s(this,K,!1);s(this,J,0);s(this,Ut,0);s(this,Gt,0);s(this,pt,()=>{h(this,K,this.offsetWidth>this.offsetHeight);const e=t(this,K)?this.offsetWidth:this.offsetHeight;h(this,J,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,J,Math.max(t(this,J),30)),t(this,K)?(t(this,z).style.width=t(this,J)+"px",t(this,z).style.height="100%"):(t(this,z).style.width="100%",t(this,z).style.height=t(this,J)+"px"),h(this,Ut,e-t(this,J)),this.scrollElement.scrollSize<=0?this.style.display="none":this.style.display="",t(this,Zt).call(this)});s(this,Zt,()=>{h(this,Gt,this.scrollElement.currentProgress*t(this,Ut)),t(this,K)?t(this,z).style.transform=`translate3d(${t(this,Gt)}px, 0px, 0px)`:t(this,z).style.transform=`translate3d(0px, ${t(this,Gt)}px, 0px)`});s(this,de,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,Se,e=>{document.documentElement.classList.add("grabbing"),es.setupDrag(u=>{const b=t(this,K)?u.x:u.y,y=this.scrollElement.distance/t(this,Ut),I=(b-r)*y;this.scrollElement.setPosition(i+I)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,K)?e.x:e.y});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[De.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':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:"var(--thumb-color, black)",borderRadius:"var(--thumb-radius, 0px)",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})],h(this,St,document.createElement("slot")),t(this,St).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,St))}}get thumbElement(){return t(this,z)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,St).assignedElements()[0]||t(this,St).firstElementChild;h(this,z,e),t(this,z).addEventListener("pointerdown",t(this,Se)),Bt.windowResizer.subscribe(t(this,pt),ge.RESIZE_ORDER.SCROLL),ne.elementResizer.subscribe(this,t(this,pt)),ne.elementResizer.subscribe(this.scrollElement,t(this,pt)),this.scrollElement.onScroll(t(this,Zt)),this.scrollElement.axisCSSProperty.subscribe(t(this,de))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),this.style.display="",t(this,z).removeEventListener("pointerdown",t(this,Se)),Bt.windowResizer.unsubscribe(t(this,pt)),ne.elementResizer.unsubscribe(t(this,pt)),this.scrollElement.offScroll(t(this,Zt)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,de))}}St=new WeakMap,z=new WeakMap,K=new WeakMap,J=new WeakMap,Ut=new WeakMap,Gt=new WeakMap,pt=new WeakMap,Zt=new WeakMap,de=new WeakMap,Se=new WeakMap;O.isBrowser&&!customElements.get("e-scrollbar")&&customElements.define("e-scrollbar",He);var jt,Kt,Jt;class $e extends Ie{constructor(){super();s(this,jt,new S.CSSProperty(this,"--behaviour","smooth"));s(this,Kt,new S.CSSProperty(this,"--tween-easing",!1));s(this,Jt,new S.CSSProperty(this,"--tween-duration",0));O.isBrowser&&this.addEventListener("click",()=>{const e=t(this,jt).current,i=t(this,Kt).current,r=t(this,Jt).current;this.handleClick({behaviour:e,tween:i||r?{easing:i,duration:r}:void 0})})}connectedCallback(){super.connectedCallback(),t(this,jt).observe(),t(this,Kt).observe(),t(this,Jt).observe()}disconnectedCallback(){t(this,jt).close(),t(this,Kt).close(),t(this,Jt).close()}}jt=new WeakMap,Kt=new WeakMap,Jt=new WeakMap;var Qt;class We extends $e{constructor(){super(...arguments);s(this,Qt,new S.CSSProperty(this,"--set",1))}handleClick(e){this.scrollElement.scrollToSection(t(this,Qt).current,e)}connectedCallback(){super.connectedCallback(),t(this,Qt).observe()}disconnectedCallback(){super.disconnectedCallback(),t(this,Qt).close()}}Qt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-set-button")&&customElements.define("e-scroll-set-button",We);var Q,Xt;class Fe extends $e{constructor(){super(...arguments);s(this,Q,new S.CSSProperty(this,"--step",1));s(this,Xt,()=>{this.scrollElement.loopCSSProperty.current?this.removeAttribute("disabled"):t(this,Q).current>0&&this.scrollElement.scrollLine==="end"||t(this,Q).current<0&&this.scrollElement.scrollLine==="start"?this.setAttribute("disabled",""):this.removeAttribute("disabled")})}handleClick(e){this.scrollElement.shiftSections(t(this,Q).current,e)}connectedCallback(){super.connectedCallback(),this.scrollElement&&(t(this,Q).subscribe(()=>{t(this,Xt).call(this)}),t(this,Q).observe(),this.scrollElement.addEventListener("scrollLine",t(this,Xt)),t(this,Xt).call(this))}disconnectedCallback(){super.disconnectedCallback(),t(this,Q).close(),this.removeAttribute("disabled")}}Q=new WeakMap,Xt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-step-button")&&customElements.define("e-scroll-step-button",Fe);var X,ft,Yt,pe,fe,te;class ns{constructor(n,e,i){s(this,X,null);s(this,ft,null);s(this,Yt,null);s(this,pe,null);s(this,fe,()=>{t(this,ft).scrollToSection(t(this,Yt),{behaviour:t(this,pe)})});s(this,te,()=>{t(this,X).classList.toggle("current",t(this,ft).counter.current===t(this,Yt))});O.isBrowser&&(h(this,X,document.createElement("button")),h(this,ft,n),h(this,pe,i),h(this,Yt,e),t(this,X).addEventListener("click",t(this,fe)),t(this,ft).counter.subscribe(t(this,te)),t(this,te).call(this))}get element(){return t(this,X)}destroy(){t(this,X).removeEventListener("click",t(this,fe)),t(this,ft).counter.unsubscribe(t(this,te)),t(this,X).remove()}}X=new WeakMap,ft=new WeakMap,Yt=new WeakMap,pe=new WeakMap,fe=new WeakMap,te=new WeakMap;var bt,Rt;class Ne extends Ie{constructor(){super(...arguments);s(this,bt,[]);s(this,Rt,qe.debounce(()=>{t(this,bt).forEach(i=>i.destroy()),h(this,bt,[]);const e=this.scrollElement.sections.length-Math.max(this.scrollElement.sectionsInViewCSSProperty.current-1,0);for(let i=0;i<e;i++){const r=new ns(this.scrollElement,i,this.getAttribute("behaviour")||"smooth");this.appendChild(r.element),t(this,bt).push(r)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",t(this,Rt)),this.scrollElement.sectionsInViewCSSProperty.subscribe(t(this,Rt))}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",t(this,Rt)),this.scrollElement.sectionsInViewCSSProperty.unsubscribe(t(this,Rt)),t(this,bt).forEach(e=>e.destroy()),h(this,bt,[])}}bt=new WeakMap,Rt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-bullet-buttons")&&customElements.define("e-scroll-bullet-buttons",Ne);class Ue extends ss.ScrollSegmentElement{connectedCallback(){const n=Oe.findParentElement(this,Mt);n instanceof Mt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.addEventListener("scrollResize",this.resize),this.resize()):console.error(this,"e-scroll not found")}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer instanceof Mt&&(this.scrollContainer.removeEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.removeEventListener("scrollResize",this.resize))}}O.isBrowser&&!customElements.get("e-scroll-segment")&&customElements.define("e-scroll-segment",Ue);exports.ScrollBulletButtonsElement=Ne;exports.ScrollElement=Mt;exports.ScrollSegmentElement=Ue;exports.ScrollSetButtonElement=We;exports.ScrollStepButtonElement=Fe;exports.ScrollbarElement=He;
|
|
1
|
+
"use strict";var Ge=Object.defineProperty;var ke=Object.getOwnPropertySymbols;var Ze=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable;var Re=d=>{throw TypeError(d)};var Ae=(d,n,e)=>n in d?Ge(d,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):d[n]=e,Me=(d,n)=>{for(var e in n||(n={}))Ze.call(n,e)&&Ae(d,e,n[e]);if(ke)for(var e of ke(n))je.call(n,e)&&Ae(d,e,n[e]);return d};var Pe=(d,n,e)=>n.has(d)||Re("Cannot "+e);var t=(d,n,e)=>(Pe(d,n,"read from private field"),e?e.call(d):n.get(d)),s=(d,n,e)=>n.has(d)?Re("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(d):n.set(d,e),h=(d,n,e,i)=>(Pe(d,n,"write to private field"),i?i.call(d,e):n.set(d,e),e),l=(d,n,e)=>(Pe(d,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ke=require("../Store-GokLe_g-.cjs"),O=require("../index-Cqw2NKev.cjs"),Je=require("../easings-GegIwET5.cjs"),ee=require("../events-KVanG9sR.cjs"),qe=require("../function-MthRj-GJ.cjs"),De=require("../jss-CRBgdvJ3.cjs"),Dt=require("../layout-Ctc2p3uz.cjs"),Be=require("../math-GDWEqu7y.cjs"),Qe=require("../number-0243DApo.cjs");require("../ticker/index.cjs");const ge=require("../order/index.cjs"),Xe=require("../Damped-DgAIjXp3.cjs"),Ye=require("../Tweened-DpJDlbj9.cjs"),me=require("../controls/index.cjs"),Bt=require("../window-resizer/index.cjs"),gt=require("../scroll-entries/index.cjs"),Te=require("../css-unit-parser/index.cjs"),S=require("../css-property/index.cjs"),ts=require("../device/index.cjs"),ne=require("../element-resizer/index.cjs"),es=require("../gestures-C7gbKx11.cjs"),Oe=require("../dom-JBOkFLTh.cjs"),ss=require("../scroll-segment/index.cjs");var f,Ot,g,yt,V,Y,Ct,vt,se;class is{constructor(n,e,i){s(this,vt);s(this,f);s(this,Ot);s(this,g);s(this,yt,0);s(this,V,0);s(this,Y,null);s(this,Ct,0);h(this,f,n),h(this,Ot,e),h(this,g,i),gt.scrollEntries.register(t(this,f)),this.setIndex(t(this,Ot))}get element(){return t(this,f)}get index(){return t(this,Ot)}get size(){return t(this,yt)}get position(){return t(this,V)}get transformPosition(){return t(this,Ct)}destroy(){gt.scrollEntries.unregister(t(this,f)),this.unsetTransform()}unsetTransform(){t(this,f).style.transform="",this.setMark(null),this.setIndex(null),this.setCurrentIndex(null),this.setCurrentIndexArc(null),this.setCurrentIndexArcAbs(null),this.setMiddle(!1),this.setSize()}setSize(n){n?(t(this,f).style.setProperty("--size",n+"px"),t(this,g).axisCSSProperty.current==="x"?(t(this,f).style.width=n+"px",t(this,f).style.height=""):(t(this,f).style.height=n+"px",t(this,f).style.width="")):(t(this,f).style.width="",t(this,f).style.height="",t(this,f).style.removeProperty("--size"))}resize(){h(this,yt,t(this,g).vertical?t(this,f).offsetHeight:t(this,f).offsetWidth),h(this,V,t(this,g).vertical?Dt.getCumulativeOffsetTop(t(this,f)):Dt.getCumulativeOffsetLeft(t(this,f))),h(this,V,t(this,V)-t(this,g).contentPosition)}transform(){const n=t(this,g).shiftSectionPositionCSSProperty.current;let e=n;const i=t(this,g).viewportSize*t(this,g).sectionDistanceScaleCSSProperty.current;t(this,g).loopCSSProperty.current&&t(this,V)+t(this,yt)<=t(this,g).currentScrollValue-n/2&&(e=(t(this,g).distance-n)*-1-t(this,g).gap),gt.scrollEntries.update(t(this,f),t(this,g).axisCSSProperty.current,e);const r=t(this,g).currentScrollValue+e,u=t(this,V)-t(this,g).viewportSize-i,b=t(this,V)+t(this,yt)+i,y=Be.clamp(r,u,b);h(this,Ct,y*-1),t(this,g).vertical?t(this,f).style.transform=`translate3d(0px, ${t(this,Ct)}px, 0px)`:t(this,f).style.transform=`translate3d(${t(this,Ct)}px, 0px, 0px)`}setMark(n){t(this,Y)!==n&&(t(this,Y)&&t(this,f).classList.remove(t(this,Y)),n&&t(this,f).classList.add(n),h(this,Y,n),ee.dispatchEvent(t(this,f),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,Y)},custom:!0}))}setMiddle(n){t(this,f).classList.toggle("middle",n)}setIndex(n){l(this,vt,se).call(this,"index",n)}setCurrentIndex(n){l(this,vt,se).call(this,"current-index",n)}setCurrentIndexArc(n){l(this,vt,se).call(this,"current-index-arc",n)}setCurrentIndexArcAbs(n){l(this,vt,se).call(this,"current-index-arc-abs",n)}}f=new WeakMap,Ot=new WeakMap,g=new WeakMap,yt=new WeakMap,V=new WeakMap,Y=new WeakMap,Ct=new WeakMap,vt=new WeakSet,se=function(n,e){e!==null?(t(this,f).style.setProperty(`--${n}`,e.toString()),t(this,f).setAttribute(`data-${n}`,e.toString())):(t(this,f).style.removeProperty(`--${n}`),t(this,f).removeAttribute(`data-${n}`))};const rs=De.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},".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-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},":host(.hibernated) .content-wrapper":{display:"contents"},":host(.hibernated) .content":{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var a,Pt,E,tt,_,H,$,M,et,st,W,it,wt,T,v,Et,xt,Lt,zt,Vt,A,It,rt,R,nt,F,kt,ht,At,ot,lt,ct,p,_t,c,he,oe,C,m,k,q,ut,D,w,x,Ht,N,U,G,Z,$t,at,j,Wt,B,P,Ft,dt,o,we,ie,qt,ye,Ce,Ee,xe,L,le,Ve,Nt,ce,Le,ze,mt,_e,re,ue;class Mt extends HTMLElement{constructor(){super();s(this,o);s(this,a,null);s(this,Pt,new S.CSSProperty(this,"--controls",!0));s(this,E,new S.CSSProperty(this,"--axis","y"));s(this,tt,new S.CSSProperty(this,"--reverse",!1));s(this,_,new S.CSSProperty(this,"--direction",0));s(this,H,new S.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,$,new S.CSSProperty(this,"--split",!1));s(this,M,new S.CSSProperty(this,"--sectional",!1));s(this,et,new S.CSSProperty(this,"--tween-easing",!1));s(this,st,new S.CSSProperty(this,"--tween-duration",!1));s(this,W,new S.CSSProperty(this,"--auto-size",!1));s(this,it,new S.CSSProperty(this,"--wheel-max-delta",!1));s(this,wt,new S.CSSProperty(this,"--drag-inertion",1));s(this,T,new S.CSSProperty(this,"--sections-in-view",1));s(this,v,new S.CSSProperty(this,"--loop",!1));s(this,Et,new S.CSSProperty(this,"--damping",20));s(this,xt,new S.CSSProperty(this,"--mass",0));s(this,Lt,new S.CSSProperty(this,"--stiffness",0));s(this,zt,new S.CSSProperty(this,"--mouse-drag",!1));s(this,Vt,new S.CSSProperty(this,"--section-distance-scale",.5));s(this,A,new S.CSSProperty(this,"--autoplay",0));s(this,It,new S.CSSProperty(this,"--autoplay-pause-duration",0));s(this,rt,new S.CSSProperty(this,"--autoplay-user-direction",!1));s(this,R,new S.CSSProperty(this,"--classes",!1));s(this,nt,new S.CSSProperty(this,"--current-index-start-offset",0));s(this,F,new S.CSSProperty(this,"--current-index-end-offset",0));s(this,kt,new S.CSSProperty(this,"--shift-section-position",0,{rawValueCheck:!1}));s(this,ht,new S.CSSProperty(this,"--focus-delay",0));s(this,At,new S.CSSProperty(this,"--focus-duration",3e3));s(this,ot,new S.CSSProperty(this,"--disabled",!1));s(this,lt,new S.CSSProperty(this,"--hibernate",!1));s(this,ct,null);s(this,p,null);s(this,_t,null);s(this,c,[]);s(this,he,0);s(this,oe,0);s(this,C,0);s(this,m,0);s(this,k,0);s(this,q,null);s(this,ut,null);s(this,D,null);s(this,w,null);s(this,x,new Ke.Store(0));s(this,Ht,0);s(this,N,0);s(this,U,!1);s(this,G,!0);s(this,Z,!0);s(this,$t);s(this,at);s(this,j,new Ye.Tweened);s(this,Wt,!1);s(this,B,null);s(this,P,!1);s(this,Ft,null);s(this,dt,[]);s(this,L,()=>{if(t(this,lt).current)return;t(this,a).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,m)||0,i=t(this,x).current;if(h(this,he,this.vertical?Dt.getCumulativeOffsetTop(this):Dt.getCumulativeOffsetLeft(this)),h(this,oe,this.vertical?Dt.getCumulativeOffsetTop(t(this,p)):Dt.getCumulativeOffsetLeft(t(this,p))),h(this,C,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,k,Te.cssUnitParser.parse(getComputedStyle(t(this,p)).rowGap)):h(this,k,Te.cssUnitParser.parse(getComputedStyle(t(this,p)).columnGap)),t(this,W).current&&t(this,c).length){const r=t(this,T).current,u=(t(this,C)-t(this,k)*(r-1))/r;t(this,c).forEach(b=>{b.setSize(u)})}else t(this,c).forEach(r=>{r.setSize()});if(t(this,c).forEach(r=>{r.resize()}),t(this,H).current){h(this,m,t(this,C)*t(this,H).current);const r=t(this,m)+t(this,C);this.vertical?(t(this,p).style.width=r+"px",t(this,p).style.height="100%"):(t(this,p).style.height=r+"px",t(this,p).style.width="100%")}else this.vertical?(t(this,p).style.width="100%",t(this,p).style.height="max-content",h(this,m,t(this,p).offsetHeight-t(this,C))):(t(this,p).style.width="max-content",t(this,p).style.height="100%",h(this,m,t(this,p).offsetWidth-t(this,C)));if(!t(this,v).current){const r=getComputedStyle(this),u=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,m,t(this,m)+u),t(this,a).max=t(this,m)}if(t(this,v).current&&t(this,c).length){const r=t(this,c)[t(this,c).length-1],u=r.position+r.size-t(this,C),b=t(this,m)-u;h(this,N,r.position+r.size+b)}else h(this,N,t(this,m));if(t(this,M).current&&t(this,c).length){const r=t(this,c)[i];t(this,a).set(r.position,{equalize:!0})}else t(this,a).set(e*t(this,m),{equalize:!0});h(this,U,(this.vertical?t(this,p).offsetHeight:t(this,p).offsetWidth)>t(this,C)),this.classList.toggle("has-overflow",t(this,U)),t(this,U)?t(this,ot).current||l(this,o,Ce).call(this):l(this,o,ye).call(this),ee.dispatchEvent(this,"scrollResize",{custom:!0}),t(this,a).notify()});s(this,le,()=>{if(!t(this,U)||t(this,Z)||t(this,G))return;const e=this.currentScrollValue;if(h(this,Ht,Math.max(0,e-t(this,m))),t(this,c).length){for(let i=0;i<t(this,c).length;i++)t(this,c)[i].transform();t(this,x).current=l(this,o,re).call(this)}else this.vertical?t(this,p).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,p).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;l(this,o,_e).call(this),gt.scrollEntries.update(this,t(this,E).current,e)});s(this,Nt,(e,i)=>{t(this,Pt).current&&(l(this,o,Le).call(this,Math.sign(i)||1),t(this,ce).call(this,e,i))});s(this,ce,(e,i)=>{if(t(this,_).current){if(t(this,_).current<0&&i>0)return;if(t(this,_).current>0&&i<0)return}if(t(this,at)||t(this,j).unlistenAnimationFrame(),!t(this,A).current&&t(this,ht).current&&(clearInterval(t(this,$t)),h(this,$t,setTimeout(()=>{const r=t(this,c)[l(this,o,re).call(this)];r&&this.scrollToSection(r.index,{tween:{duration:t(this,At).current,easing:Je.easeInOutExpo}})},t(this,ht).current))),!(e.includes("drag")&&!ts.device.isTouch&&!t(this,zt).current)){if(t(this,M).current&&e!=="drag"){const r=Math.sign(i);if(t(this,c).length){const u={tween:t(this,et).current||t(this,st).current?{easing:t(this,et).current||"easeInOutCubic",duration:t(this,st).current||500}:void 0};t(this,Wt)?this.scrollToSection(l(this,o,re).call(this,!0),u):this.shiftSections(r,u)}else t(this,a).shift(r*t(this,C))}else t(this,a).shift(i);h(this,Wt,e==="drag")}});s(this,ue,()=>{h(this,P,!0),this.hibernatedCSSProperty.current||l(this,o,xe).call(this)});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[rs];const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,ct,document.createElement("div")),t(this,ct).className="content-wrapper",h(this,p,document.createElement("div")),t(this,p).className="content",h(this,_t,document.createElement("slot")),t(this,p).appendChild(t(this,_t)),t(this,ct).appendChild(t(this,p)),e.appendChild(t(this,ct)),h(this,Ft,new MutationObserver(qe.debounce(()=>{this.tryResplit()},10)))}}get damped(){return t(this,a)}get controlsCSSProperty(){return t(this,Pt)}get axisCSSProperty(){return t(this,E)}get reverseCSSProperty(){return t(this,tt)}get directionCSSProperty(){return t(this,_)}get pagesCSSProperty(){return t(this,H)}get splitCSSProperty(){return t(this,$)}get sectionalCSSProperty(){return t(this,M)}get easingCSSProperty(){return t(this,et)}get durationCSSProperty(){return t(this,st)}get autoSizeCSSProperty(){return t(this,W)}get wheelMaxDeltaCSSProperty(){return t(this,it)}get dragInertionCSSProperty(){return t(this,wt)}get sectionsInViewCSSProperty(){return t(this,T)}get loopCSSProperty(){return t(this,v)}get dampingCSSProperty(){return t(this,Et)}get massCSSProperty(){return t(this,xt)}get stiffnessCSSProperty(){return t(this,Lt)}get mouseDragCSSProperty(){return t(this,zt)}get sectionDistanceScaleCSSProperty(){return t(this,Vt)}get autoplayCSSProperty(){return t(this,A)}get autoplayPauseDurationCSSProperty(){return t(this,It)}get autoplayUserDirectionCSSProperty(){return t(this,rt)}get classesCSSProperty(){return t(this,R)}get currentIndexStartOffsetCSSProperty(){return t(this,nt)}get currentIndexEndOffsetCSSProperty(){return t(this,F)}get shiftSectionPositionCSSProperty(){return t(this,kt)}get focusDelayCSSProperty(){return t(this,ht)}get focusDurationCSSProperty(){return t(this,At)}get disabledCSSProperty(){return t(this,ot)}get hibernatedCSSProperty(){return t(this,lt)}get currentScrollValue(){return l(this,o,ze).call(this,"current")}get targetScrollValue(){return l(this,o,ze).call(this,"target")}get contentWrapperElement(){return t(this,ct)}get contentElement(){return t(this,p)}get sections(){return t(this,c)}get position(){return t(this,he)}get contentPosition(){return t(this,oe)}get viewportSize(){return t(this,C)}get scrollSize(){return t(this,m)}get gap(){return t(this,k)}get counter(){return t(this,x)}get limit(){return Math.ceil(t(this,c).length-t(this,T).current)}get distance(){return t(this,N)}get loopDistance(){return t(this,v).current?t(this,N)+t(this,k):t(this,N)}get hasOverflow(){return t(this,U)}get overscroll(){return t(this,Ht)}get scrollLine(){return t(this,B)}get vertical(){return t(this,E).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,E).current==="y"?0:t(this,a).distance}get scrollHeight(){return t(this,E).current==="x"?0:t(this,a).distance}tryResplit(){!t(this,Z)&&(t(this,v).current||t(this,$).current||t(this,v).current||t(this,W).current||t(this,M).current)&&l(this,o,ie).call(this)}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress<u?0:this.currentProgress>b?1:(this.currentProgress-u)/(b-u)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress>=u&&this.currentProgress<=b}scrollToSection(e,i){if(!t(this,c).length)return;const r=t(this,x).current,u=l(this,o,Ve).call(this,e),b=t(this,c)[r],y=t(this,c)[u];if(b&&y){let I=0;const ve=l(this,o,re).call(this),Tt=t(this,c)[ve],be=Tt?this.targetScrollValue-Tt.position:0;t(this,v).current?u===0&&r===t(this,c).length-1?I=t(this,m)+t(this,C)-b.position+t(this,k):u===t(this,c).length-1&&r===0?I=y.position-(t(this,m)+t(this,C)+t(this,k)):I=y.position-b.position:I=y.position-b.position,this.shiftPosition(I-be,i)}}shiftSections(e,i){t(this,c).length&&this.scrollToSection(t(this,x).current+e,i)}setPosition(e,i){l(this,o,Le).call(this,Math.sign(e)||1),i!=null&&i.tween?t(this,at)||(t(this,j).set(t(this,a).current,{equalize:!0}),t(this,j).set(e,Me({},i.tween)),h(this,at,setTimeout(()=>{h(this,at,void 0)},i.tween.duration||0))):t(this,a).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,a).target+e,i)}connectedCallback(){gt.scrollEntries.register(this),h(this,a,new Xe.Damped(0,{damping:.01,min:0,order:ge.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,q,new me.WheelControls({element:t(this,p)})),t(this,q).changeEvent.subscribe(t(this,Nt)),h(this,ut,new me.KeyboardControls({element:this})),t(this,ut).changeEvent.subscribe(t(this,Nt)),h(this,D,new me.DragControls({element:t(this,p),rootElement:this})),t(this,D).changeEvent.subscribe(t(this,Nt)),h(this,w,new me.AutoplayControls({culling:this})),t(this,w).changeEvent.subscribe(t(this,ce)),t(this,E).subscribe(()=>{l(this,o,we).call(this)}),t(this,tt).subscribe(()=>{l(this,o,we).call(this)}),t(this,it).subscribe(e=>{t(this,q).axis=e.current?"max":t(this,E).current}),t(this,wt).subscribe(e=>{t(this,D).inertion=typeof e.current=="number"?e.current:1}),t(this,H).subscribe(()=>{t(this,P)&&t(this,L).call(this)}),t(this,$).subscribe(({current:e})=>{t(this,P)&&(e?l(this,o,ie).call(this):l(this,o,qt).call(this))}),t(this,M).subscribe(e=>{t(this,q).debounce=e.current,t(this,D).swipe=e.current,t(this,w).interval=e.current,t(this,P)&&(e.current&&!e.previous&&!t(this,c).length?l(this,o,ie).call(this):!e.current&&e.previous&&t(this,c).length&&l(this,o,qt).call(this))}),t(this,W).subscribe(e=>{t(this,P)&&(t(this,L).call(this),e.current&&!e.previous&&!t(this,c).length?l(this,o,ie).call(this):!e.current&&e.previous&&t(this,c).length&&l(this,o,qt).call(this))}),t(this,T).subscribe(e=>{t(this,P)&&(t(this,L).call(this),l(this,o,mt).call(this))}),t(this,v).subscribe(e=>{e.current?(t(this,P)&&(t(this,c).length||(t(this,$).current=!0)),t(this,a).max=1/0,t(this,a).min=-1/0):(h(this,Ht,0),t(this,a).max=t(this,m),t(this,a).min=0)}),t(this,Et).subscribe(e=>{t(this,a).damping=e.current}),t(this,xt).subscribe(e=>{t(this,a).mass=e.current}),t(this,Lt).subscribe(e=>{t(this,a).stiffness=e.current}),t(this,A).subscribe(e=>{t(this,w).speed=e.current,!t(this,G)&&e.current&&!e.previous?t(this,w).connect():!e.current&&e.previous&&t(this,w).disconnect()}),t(this,rt).subscribe(e=>{e.current||(t(this,w).direction=1)}),t(this,R).subscribe(e=>{t(this,P)&&l(this,o,mt).call(this)}),t(this,nt).subscribe(e=>{t(this,P)&&t(this,R).current&&l(this,o,mt).call(this)}),t(this,F).subscribe(e=>{t(this,P)&&t(this,R).current&&l(this,o,mt).call(this)}),t(this,kt).subscribe(e=>{t(this,P)&&t(this,a).notify()}),t(this,a).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,x).subscribe(e=>{t(this,c).length&&l(this,o,mt).call(this)}),t(this,j).subscribe(e=>{t(this,j).isRunning.current&&t(this,a).set(e.current,{equalize:!0})}),t(this,ot).subscribe(e=>{e.current&&!e.previous?(this.classList.add("disabled"),l(this,o,ye).call(this)):!e.current&&e.previous&&(this.classList.remove("disabled"),l(this,o,Ce).call(this))}),t(this,lt).subscribe(e=>{e.current&&!e.previous?(this.classList.add("hibernated"),l(this,o,Ee).call(this)):!e.current&&e.previous&&(this.classList.remove("hibernated"),l(this,o,xe).call(this))}),t(this,Pt).observe(),t(this,E).observe(),t(this,tt).observe(),t(this,_).observe(),t(this,H).observe(),t(this,$).observe(),t(this,M).observe(),t(this,et).observe(),t(this,st).observe(),t(this,W).observe(),t(this,it).observe(),t(this,wt).observe(),t(this,T).observe(),t(this,v).observe(),t(this,Et).observe(),t(this,xt).observe(),t(this,Lt).observe(),t(this,zt).observe(),t(this,Vt).observe(),t(this,A).observe(),t(this,A).observe(),t(this,It).observe(),t(this,rt).observe(),t(this,R).observe(),t(this,nt).observe(),t(this,F).observe(),t(this,kt).observe(),t(this,ht).observe(),t(this,At).observe(),t(this,ot).observe(),t(this,lt).observe(),Bt.windowResizer.subscribe(t(this,ue),ge.RESIZE_ORDER.LAST),t(this,Ft).observe(this,{childList:!0})}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("disabled"),this.classList.remove("hibernated"),t(this,Pt).unobserve(),t(this,E).unobserve(),t(this,tt).unobserve(),t(this,_).unobserve(),t(this,H).unobserve(),t(this,$).unobserve(),t(this,M).unobserve(),t(this,et).unobserve(),t(this,st).unobserve(),t(this,W).unobserve(),t(this,it).unobserve(),t(this,wt).unobserve(),t(this,T).unobserve(),t(this,v).unobserve(),t(this,Et).unobserve(),t(this,xt).unobserve(),t(this,Lt).unobserve(),t(this,zt).unobserve(),t(this,Vt).unobserve(),t(this,A).unobserve(),t(this,It).unobserve(),t(this,rt).unobserve(),t(this,R).unobserve(),t(this,nt).unobserve(),t(this,F).unobserve(),t(this,kt).unobserve(),t(this,ht).unobserve(),t(this,At).unobserve(),t(this,ot).unobserve(),t(this,lt).unobserve(),Bt.windowResizer.unsubscribe(t(this,ue)),l(this,o,Ee).call(this),t(this,Ft).disconnect()}}a=new WeakMap,Pt=new WeakMap,E=new WeakMap,tt=new WeakMap,_=new WeakMap,H=new WeakMap,$=new WeakMap,M=new WeakMap,et=new WeakMap,st=new WeakMap,W=new WeakMap,it=new WeakMap,wt=new WeakMap,T=new WeakMap,v=new WeakMap,Et=new WeakMap,xt=new WeakMap,Lt=new WeakMap,zt=new WeakMap,Vt=new WeakMap,A=new WeakMap,It=new WeakMap,rt=new WeakMap,R=new WeakMap,nt=new WeakMap,F=new WeakMap,kt=new WeakMap,ht=new WeakMap,At=new WeakMap,ot=new WeakMap,lt=new WeakMap,ct=new WeakMap,p=new WeakMap,_t=new WeakMap,c=new WeakMap,he=new WeakMap,oe=new WeakMap,C=new WeakMap,m=new WeakMap,k=new WeakMap,q=new WeakMap,ut=new WeakMap,D=new WeakMap,w=new WeakMap,x=new WeakMap,Ht=new WeakMap,N=new WeakMap,U=new WeakMap,G=new WeakMap,Z=new WeakMap,$t=new WeakMap,at=new WeakMap,j=new WeakMap,Wt=new WeakMap,B=new WeakMap,P=new WeakMap,Ft=new WeakMap,dt=new WeakMap,o=new WeakSet,we=function(){const e=t(this,E).current,i=t(this,tt).current?"-reverse":"";t(this,p).style.flexDirection=e==="x"?`row${i}`:`column${i}`,t(this,q).axis=t(this,it).current?"max":e,t(this,ut).dimension=e==="x"?"width":"height",t(this,D).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),t(this,P)&&t(this,L).call(this)},ie=function(){l(this,o,qt).call(this),t(this,_t).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,c).push(new is(e,i,this))}),t(this,p).style.transform="",ee.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,L).call(this),l(this,o,mt).call(this)},qt=function(){t(this,c).forEach(e=>{e.destroy()}),h(this,c,[]),t(this,x).reset(),t(this,a).reset(),ee.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},ye=function(){t(this,G)||(h(this,G,!0),t(this,a).unsubscribe(t(this,le)),t(this,a).unlistenAnimationFrame(),clearInterval(t(this,$t)),clearInterval(t(this,at)),t(this,j).unlistenAnimationFrame(),t(this,q).disconnect(),t(this,ut).disconnect(),t(this,D).disconnect(),t(this,w).disconnect(),t(this,U)||(this.sections.forEach(e=>{e.unsetTransform()}),t(this,L).call(this)))},Ce=function(){t(this,G)&&(h(this,G,!1),t(this,a).subscribe(t(this,le),-1e4),t(this,a).notify(),t(this,q).connect(),t(this,ut).connect(),t(this,D).connect(),t(this,A).current&&t(this,w).connect())},Ee=function(){t(this,Z)||(h(this,Z,!0),Bt.windowResizer.unsubscribe(t(this,L)),ne.elementResizer.unsubscribe(t(this,L)),l(this,o,ye).call(this),t(this,p).style.transform="",t(this,p).style.height="",t(this,p).style.width="",this.classList.remove("has-overflow","start","end"),t(this,c).length?l(this,o,qt).call(this):(t(this,x).reset(),t(this,a).reset()),gt.scrollEntries.unregister(this))},xe=function(){t(this,Z)&&(h(this,Z,!1),gt.scrollEntries.register(this),this.tryResplit(),l(this,o,Ce).call(this),Bt.windowResizer.subscribe(t(this,L),ge.RESIZE_ORDER.SCROLL),ne.elementResizer.subscribe(this,t(this,L)))},L=new WeakMap,le=new WeakMap,Ve=function(e){let i=t(this,x).current;return t(this,v).current?i=Qe.loopNumber(e,t(this,c).length):i=Be.clamp(e,0,this.limit),i},Nt=new WeakMap,ce=new WeakMap,Le=function(e=1){t(this,rt).current&&(t(this,w).direction=e),t(this,A).current&&t(this,w).pauseAndContinue(t(this,It).current,this.sectionalCSSProperty.current)},ze=function(e="current"){if(t(this,v).current&&t(this,c).length){const i=t(this,a)[e]%Math.round(t(this,m)+t(this,C)+t(this,k));return i<0?t(this,m)+i+t(this,C)+t(this,k):i}else return t(this,a)[e]},mt=function(){if(t(this,c).length){const e=t(this,x).current+t(this,nt).current;if(e===0?h(this,B,"start"):e===this.limit?h(this,B,"end"):h(this,B,null),ee.dispatchEvent(this,"scrollLine",{detail:{line:t(this,B)}}),t(this,R).current){this.classList.remove("end","start"),t(this,B)&&this.classList.add(t(this,B));const i=t(this,T).current+t(this,F).current;h(this,dt,[]),t(this,c).forEach((r,u)=>{r.setCurrentIndex(null),r.setCurrentIndexArc(null),r.setCurrentIndexArcAbs(null),r.setMiddle(!1);const b=e-this.limit-1+t(this,F).current,y=e+i,I=this.sections.length-y;u>=e&&u<y||u<=b?(r.setMark("current"),t(this,dt).push(r)):u>=y&&u<y+I/2||u<=b+i?r.setMark("next"):r.setMark("previous")})}}},_e=function(){if(t(this,R).current){const e=Math.floor(t(this,dt).length/2);t(this,dt).sort((i,r)=>i.element.getBoundingClientRect().left-r.element.getBoundingClientRect().left),t(this,dt).forEach((i,r)=>{const u=r-e;i.setCurrentIndex(r),i.setCurrentIndexArc(u),i.setCurrentIndexArcAbs(Math.abs(u)),i.setMiddle(r===e)})}},re=function(e=!1){let i=this.targetScrollValue,r=1/0,u=0;const b=t(this,a).direction;for(let y=0;y<t(this,c).length;y++){const I=t(this,c)[y];let ve=t(this,Wt)?I.size*b*-1*.4:0,Tt=I.position;this.overscroll&&Tt===0&&e&&(Tt=t(this,N));let be=Math.abs(Tt+ve-i);be<=r&&(r=be,u=y)}return u},ue=new WeakMap;O.isBrowser&&!customElements.get("e-scroll")&&customElements.define("e-scroll",Mt);var ae;class Ie extends HTMLElement{constructor(){super(...arguments);s(this,ae,null)}get scrollElement(){return t(this,ae)}connectedCallback(){const e=Oe.findParentElement(this,Mt);e instanceof Mt?h(this,ae,e):console.error(this,"e-scroll not found")}}ae=new WeakMap;var St,z,K,J,Ut,Gt,pt,Zt,de,Se;class He extends Ie{constructor(){super();s(this,St,null);s(this,z,null);s(this,K,!1);s(this,J,0);s(this,Ut,0);s(this,Gt,0);s(this,pt,()=>{h(this,K,this.offsetWidth>this.offsetHeight);const e=t(this,K)?this.offsetWidth:this.offsetHeight;h(this,J,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,J,Math.max(t(this,J),30)),t(this,K)?(t(this,z).style.width=t(this,J)+"px",t(this,z).style.height="100%"):(t(this,z).style.width="100%",t(this,z).style.height=t(this,J)+"px"),h(this,Ut,e-t(this,J)),this.scrollElement.scrollSize<=0?this.style.display="none":this.style.display="",t(this,Zt).call(this)});s(this,Zt,()=>{h(this,Gt,this.scrollElement.currentProgress*t(this,Ut)),t(this,K)?t(this,z).style.transform=`translate3d(${t(this,Gt)}px, 0px, 0px)`:t(this,z).style.transform=`translate3d(0px, ${t(this,Gt)}px, 0px)`});s(this,de,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,Se,e=>{document.documentElement.classList.add("grabbing"),es.setupDrag(u=>{const b=t(this,K)?u.x:u.y,y=this.scrollElement.distance/t(this,Ut),I=(b-r)*y;this.scrollElement.setPosition(i+I)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,K)?e.x:e.y});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[De.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':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:"var(--thumb-color, black)",borderRadius:"var(--thumb-radius, 0px)",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})],h(this,St,document.createElement("slot")),t(this,St).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,St))}}get thumbElement(){return t(this,z)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,St).assignedElements()[0]||t(this,St).firstElementChild;h(this,z,e),t(this,z).addEventListener("pointerdown",t(this,Se)),Bt.windowResizer.subscribe(t(this,pt),ge.RESIZE_ORDER.SCROLL),ne.elementResizer.subscribe(this,t(this,pt)),ne.elementResizer.subscribe(this.scrollElement,t(this,pt)),this.scrollElement.onScroll(t(this,Zt)),this.scrollElement.axisCSSProperty.subscribe(t(this,de))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),this.style.display="",t(this,z).removeEventListener("pointerdown",t(this,Se)),Bt.windowResizer.unsubscribe(t(this,pt)),ne.elementResizer.unsubscribe(t(this,pt)),this.scrollElement.offScroll(t(this,Zt)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,de))}}St=new WeakMap,z=new WeakMap,K=new WeakMap,J=new WeakMap,Ut=new WeakMap,Gt=new WeakMap,pt=new WeakMap,Zt=new WeakMap,de=new WeakMap,Se=new WeakMap;O.isBrowser&&!customElements.get("e-scrollbar")&&customElements.define("e-scrollbar",He);var jt,Kt,Jt;class $e extends Ie{constructor(){super();s(this,jt,new S.CSSProperty(this,"--behaviour","smooth"));s(this,Kt,new S.CSSProperty(this,"--tween-easing",!1));s(this,Jt,new S.CSSProperty(this,"--tween-duration",0));O.isBrowser&&this.addEventListener("click",()=>{const e=t(this,jt).current,i=t(this,Kt).current,r=t(this,Jt).current;this.handleClick({behaviour:e,tween:i||r?{easing:i,duration:r}:void 0})})}connectedCallback(){super.connectedCallback(),t(this,jt).observe(),t(this,Kt).observe(),t(this,Jt).observe()}disconnectedCallback(){t(this,jt).close(),t(this,Kt).close(),t(this,Jt).close()}}jt=new WeakMap,Kt=new WeakMap,Jt=new WeakMap;var Qt;class We extends $e{constructor(){super(...arguments);s(this,Qt,new S.CSSProperty(this,"--set",1))}handleClick(e){this.scrollElement.scrollToSection(t(this,Qt).current,e)}connectedCallback(){super.connectedCallback(),t(this,Qt).observe()}disconnectedCallback(){super.disconnectedCallback(),t(this,Qt).close()}}Qt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-set-button")&&customElements.define("e-scroll-set-button",We);var Q,Xt;class Fe extends $e{constructor(){super(...arguments);s(this,Q,new S.CSSProperty(this,"--step",1));s(this,Xt,()=>{this.scrollElement.loopCSSProperty.current?this.removeAttribute("disabled"):t(this,Q).current>0&&this.scrollElement.scrollLine==="end"||t(this,Q).current<0&&this.scrollElement.scrollLine==="start"?this.setAttribute("disabled",""):this.removeAttribute("disabled")})}handleClick(e){this.scrollElement.shiftSections(t(this,Q).current,e)}connectedCallback(){super.connectedCallback(),this.scrollElement&&(t(this,Q).subscribe(()=>{t(this,Xt).call(this)}),t(this,Q).observe(),this.scrollElement.addEventListener("scrollLine",t(this,Xt)),t(this,Xt).call(this))}disconnectedCallback(){super.disconnectedCallback(),t(this,Q).close(),this.removeAttribute("disabled")}}Q=new WeakMap,Xt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-step-button")&&customElements.define("e-scroll-step-button",Fe);var X,ft,Yt,pe,fe,te;class ns{constructor(n,e,i){s(this,X,null);s(this,ft,null);s(this,Yt,null);s(this,pe,null);s(this,fe,()=>{t(this,ft).scrollToSection(t(this,Yt),{behaviour:t(this,pe)})});s(this,te,()=>{t(this,X).classList.toggle("current",t(this,ft).counter.current===t(this,Yt))});O.isBrowser&&(h(this,X,document.createElement("button")),h(this,ft,n),h(this,pe,i),h(this,Yt,e),t(this,X).addEventListener("click",t(this,fe)),t(this,ft).counter.subscribe(t(this,te)),t(this,te).call(this))}get element(){return t(this,X)}destroy(){t(this,X).removeEventListener("click",t(this,fe)),t(this,ft).counter.unsubscribe(t(this,te)),t(this,X).remove()}}X=new WeakMap,ft=new WeakMap,Yt=new WeakMap,pe=new WeakMap,fe=new WeakMap,te=new WeakMap;var bt,Rt;class Ne extends Ie{constructor(){super(...arguments);s(this,bt,[]);s(this,Rt,qe.debounce(()=>{t(this,bt).forEach(i=>i.destroy()),h(this,bt,[]);const e=this.scrollElement.sections.length-Math.max(this.scrollElement.sectionsInViewCSSProperty.current-1,0);for(let i=0;i<e;i++){const r=new ns(this.scrollElement,i,this.getAttribute("behaviour")||"smooth");this.appendChild(r.element),t(this,bt).push(r)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",t(this,Rt)),this.scrollElement.sectionsInViewCSSProperty.subscribe(t(this,Rt))}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",t(this,Rt)),this.scrollElement.sectionsInViewCSSProperty.unsubscribe(t(this,Rt)),t(this,bt).forEach(e=>e.destroy()),h(this,bt,[])}}bt=new WeakMap,Rt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-bullet-buttons")&&customElements.define("e-scroll-bullet-buttons",Ne);class Ue extends ss.ScrollSegmentElement{connectedCallback(){const n=Oe.findParentElement(this,Mt);n instanceof Mt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.addEventListener("scrollResize",this.resize),this.resize()):console.error(this,"e-scroll not found")}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer instanceof Mt&&(this.scrollContainer.removeEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.removeEventListener("scrollResize",this.resize))}}O.isBrowser&&!customElements.get("e-scroll-segment")&&customElements.define("e-scroll-segment",Ue);exports.ScrollBulletButtonsElement=Ne;exports.ScrollElement=Mt;exports.ScrollSegmentElement=Ue;exports.ScrollSetButtonElement=We;exports.ScrollStepButtonElement=Fe;exports.ScrollbarElement=He;
|
package/lib/scroll/index.js
CHANGED
|
@@ -155,14 +155,14 @@ const rs = Re({
|
|
|
155
155
|
flexShrink: "0"
|
|
156
156
|
}
|
|
157
157
|
});
|
|
158
|
-
var u, wt,
|
|
158
|
+
var u, wt, x, tt, B, W, F, T, et, st, N, it, Et, D, C, xt, Pt, Lt, zt, Ht, A, It, rt, M, nt, q, kt, ht, At, ot, lt, ct, p, $t, c, ne, he, y, S, k, V, at, R, E, P, Bt, U, G, K, _, Wt, ut, Z, Ft, O, w, Nt, dt, o, Ee, se, Dt, me, Se, xe, Pe, L, oe, $e, qt, le, Le, ze, St, Be, ie, ce;
|
|
159
159
|
class Rt extends HTMLElement {
|
|
160
160
|
constructor() {
|
|
161
161
|
super();
|
|
162
162
|
s(this, o);
|
|
163
163
|
s(this, u, null);
|
|
164
164
|
s(this, wt, new f(this, "--controls", !0));
|
|
165
|
-
s(this,
|
|
165
|
+
s(this, x, new f(this, "--axis", "y"));
|
|
166
166
|
s(this, tt, new f(this, "--reverse", !1));
|
|
167
167
|
s(this, B, new f(this, "--direction", 0));
|
|
168
168
|
s(this, W, new f(this, "--pages", 0, {
|
|
@@ -186,14 +186,14 @@ class Rt extends HTMLElement {
|
|
|
186
186
|
"--wheel-max-delta",
|
|
187
187
|
!1
|
|
188
188
|
));
|
|
189
|
-
s(this,
|
|
189
|
+
s(this, Et, new f(this, "--drag-inertion", 1));
|
|
190
190
|
s(this, D, new f(
|
|
191
191
|
this,
|
|
192
192
|
"--sections-in-view",
|
|
193
193
|
1
|
|
194
194
|
));
|
|
195
195
|
s(this, C, new f(this, "--loop", !1));
|
|
196
|
-
s(this,
|
|
196
|
+
s(this, xt, new f(this, "--damping", 20));
|
|
197
197
|
s(this, Pt, new f(this, "--mass", 0));
|
|
198
198
|
s(this, Lt, new f(this, "--stiffness", 0));
|
|
199
199
|
s(this, zt, new f(this, "--mouse-drag", !1));
|
|
@@ -250,7 +250,7 @@ class Rt extends HTMLElement {
|
|
|
250
250
|
s(this, V, null);
|
|
251
251
|
s(this, at, null);
|
|
252
252
|
s(this, R, null);
|
|
253
|
-
s(this,
|
|
253
|
+
s(this, E, null);
|
|
254
254
|
s(this, P, new Ue(0));
|
|
255
255
|
s(this, Bt, 0);
|
|
256
256
|
s(this, U, 0);
|
|
@@ -323,7 +323,7 @@ class Rt extends HTMLElement {
|
|
|
323
323
|
this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
324
324
|
l(this, o, Be).call(this), gt.update(
|
|
325
325
|
this,
|
|
326
|
-
t(this,
|
|
326
|
+
t(this, x).current,
|
|
327
327
|
e
|
|
328
328
|
);
|
|
329
329
|
});
|
|
@@ -384,7 +384,7 @@ class Rt extends HTMLElement {
|
|
|
384
384
|
return t(this, wt);
|
|
385
385
|
}
|
|
386
386
|
get axisCSSProperty() {
|
|
387
|
-
return t(this,
|
|
387
|
+
return t(this, x);
|
|
388
388
|
}
|
|
389
389
|
get reverseCSSProperty() {
|
|
390
390
|
return t(this, tt);
|
|
@@ -414,7 +414,7 @@ class Rt extends HTMLElement {
|
|
|
414
414
|
return t(this, it);
|
|
415
415
|
}
|
|
416
416
|
get dragInertionCSSProperty() {
|
|
417
|
-
return t(this,
|
|
417
|
+
return t(this, Et);
|
|
418
418
|
}
|
|
419
419
|
get sectionsInViewCSSProperty() {
|
|
420
420
|
return t(this, D);
|
|
@@ -423,7 +423,7 @@ class Rt extends HTMLElement {
|
|
|
423
423
|
return t(this, C);
|
|
424
424
|
}
|
|
425
425
|
get dampingCSSProperty() {
|
|
426
|
-
return t(this,
|
|
426
|
+
return t(this, xt);
|
|
427
427
|
}
|
|
428
428
|
get massCSSProperty() {
|
|
429
429
|
return t(this, Pt);
|
|
@@ -524,7 +524,7 @@ class Rt extends HTMLElement {
|
|
|
524
524
|
return t(this, O);
|
|
525
525
|
}
|
|
526
526
|
get vertical() {
|
|
527
|
-
return t(this,
|
|
527
|
+
return t(this, x).current === "y";
|
|
528
528
|
}
|
|
529
529
|
get currentProgress() {
|
|
530
530
|
return this.currentScrollValue / this.loopDistance || 0;
|
|
@@ -533,10 +533,10 @@ class Rt extends HTMLElement {
|
|
|
533
533
|
return this.targetScrollValue / this.loopDistance || 0;
|
|
534
534
|
}
|
|
535
535
|
get scrollWidth() {
|
|
536
|
-
return t(this,
|
|
536
|
+
return t(this, x).current === "y" ? 0 : t(this, u).distance;
|
|
537
537
|
}
|
|
538
538
|
get scrollHeight() {
|
|
539
|
-
return t(this,
|
|
539
|
+
return t(this, x).current === "x" ? 0 : t(this, u).distance;
|
|
540
540
|
}
|
|
541
541
|
tryResplit() {
|
|
542
542
|
!t(this, _) && (t(this, C).current || t(this, F).current || t(this, C).current || t(this, N).current || t(this, T).current) && l(this, o, se).call(this);
|
|
@@ -591,38 +591,41 @@ class Rt extends HTMLElement {
|
|
|
591
591
|
element: this
|
|
592
592
|
})), t(this, at).changeEvent.subscribe(
|
|
593
593
|
t(this, qt)
|
|
594
|
-
), h(this, R, new Xe({
|
|
594
|
+
), h(this, R, new Xe({
|
|
595
|
+
element: t(this, p),
|
|
596
|
+
rootElement: this
|
|
597
|
+
})), t(this, R).changeEvent.subscribe(t(this, qt)), h(this, E, new Ye({
|
|
595
598
|
culling: this
|
|
596
|
-
})), t(this,
|
|
597
|
-
l(this, o,
|
|
599
|
+
})), t(this, E).changeEvent.subscribe(t(this, le)), t(this, x).subscribe(() => {
|
|
600
|
+
l(this, o, Ee).call(this);
|
|
598
601
|
}), t(this, tt).subscribe(() => {
|
|
599
|
-
l(this, o,
|
|
602
|
+
l(this, o, Ee).call(this);
|
|
600
603
|
}), t(this, it).subscribe((e) => {
|
|
601
|
-
t(this, V).axis = e.current ? "max" : t(this,
|
|
602
|
-
}), t(this,
|
|
604
|
+
t(this, V).axis = e.current ? "max" : t(this, x).current;
|
|
605
|
+
}), t(this, Et).subscribe((e) => {
|
|
603
606
|
t(this, R).inertion = typeof e.current == "number" ? e.current : 1;
|
|
604
607
|
}), t(this, W).subscribe(() => {
|
|
605
608
|
t(this, w) && t(this, L).call(this);
|
|
606
609
|
}), t(this, F).subscribe(({ current: e }) => {
|
|
607
610
|
t(this, w) && (e ? l(this, o, se).call(this) : l(this, o, Dt).call(this));
|
|
608
611
|
}), t(this, T).subscribe((e) => {
|
|
609
|
-
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this,
|
|
612
|
+
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, E).interval = e.current, t(this, w) && (e.current && !e.previous && !t(this, c).length ? l(this, o, se).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Dt).call(this));
|
|
610
613
|
}), t(this, N).subscribe((e) => {
|
|
611
614
|
t(this, w) && (t(this, L).call(this), e.current && !e.previous && !t(this, c).length ? l(this, o, se).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Dt).call(this));
|
|
612
615
|
}), t(this, D).subscribe((e) => {
|
|
613
616
|
t(this, w) && (t(this, L).call(this), l(this, o, St).call(this));
|
|
614
617
|
}), t(this, C).subscribe((e) => {
|
|
615
618
|
e.current ? (t(this, w) && (t(this, c).length || (t(this, F).current = !0)), t(this, u).max = 1 / 0, t(this, u).min = -1 / 0) : (h(this, Bt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
|
|
616
|
-
}), t(this,
|
|
619
|
+
}), t(this, xt).subscribe((e) => {
|
|
617
620
|
t(this, u).damping = e.current;
|
|
618
621
|
}), t(this, Pt).subscribe((e) => {
|
|
619
622
|
t(this, u).mass = e.current;
|
|
620
623
|
}), t(this, Lt).subscribe((e) => {
|
|
621
624
|
t(this, u).stiffness = e.current;
|
|
622
625
|
}), t(this, A).subscribe((e) => {
|
|
623
|
-
t(this,
|
|
626
|
+
t(this, E).speed = e.current, !t(this, K) && e.current && !e.previous ? t(this, E).connect() : !e.current && e.previous && t(this, E).disconnect();
|
|
624
627
|
}), t(this, rt).subscribe((e) => {
|
|
625
|
-
e.current || (t(this,
|
|
628
|
+
e.current || (t(this, E).direction = 1);
|
|
626
629
|
}), t(this, M).subscribe((e) => {
|
|
627
630
|
t(this, w) && l(this, o, St).call(this);
|
|
628
631
|
}), t(this, nt).subscribe((e) => {
|
|
@@ -640,15 +643,15 @@ class Rt extends HTMLElement {
|
|
|
640
643
|
}), t(this, ot).subscribe((e) => {
|
|
641
644
|
e.current && !e.previous ? (this.classList.add("disabled"), l(this, o, me).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), l(this, o, Se).call(this));
|
|
642
645
|
}), t(this, lt).subscribe((e) => {
|
|
643
|
-
e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o,
|
|
644
|
-
}), t(this, wt).observe(), t(this,
|
|
646
|
+
e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o, xe).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), l(this, o, Pe).call(this));
|
|
647
|
+
}), t(this, wt).observe(), t(this, x).observe(), t(this, tt).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, et).observe(), t(this, st).observe(), t(this, N).observe(), t(this, it).observe(), t(this, Et).observe(), t(this, D).observe(), t(this, C).observe(), t(this, xt).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, Ht).observe(), t(this, A).observe(), t(this, A).observe(), t(this, It).observe(), t(this, rt).observe(), t(this, M).observe(), t(this, nt).observe(), t(this, q).observe(), t(this, kt).observe(), t(this, ht).observe(), t(this, At).observe(), t(this, ot).observe(), t(this, lt).observe(), Vt.subscribe(t(this, ce), we.LAST), t(this, Nt).observe(this, { childList: !0 });
|
|
645
648
|
}
|
|
646
649
|
disconnectedCallback() {
|
|
647
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this,
|
|
650
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, x).unobserve(), t(this, tt).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, et).unobserve(), t(this, st).unobserve(), t(this, N).unobserve(), t(this, it).unobserve(), t(this, Et).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, xt).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, Ht).unobserve(), t(this, A).unobserve(), t(this, It).unobserve(), t(this, rt).unobserve(), t(this, M).unobserve(), t(this, nt).unobserve(), t(this, q).unobserve(), t(this, kt).unobserve(), t(this, ht).unobserve(), t(this, At).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), Vt.unsubscribe(t(this, ce)), l(this, o, xe).call(this), t(this, Nt).disconnect();
|
|
648
651
|
}
|
|
649
652
|
}
|
|
650
|
-
u = new WeakMap(), wt = new WeakMap(),
|
|
651
|
-
const e = t(this,
|
|
653
|
+
u = new WeakMap(), wt = new WeakMap(), x = new WeakMap(), tt = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), et = new WeakMap(), st = new WeakMap(), N = new WeakMap(), it = new WeakMap(), Et = new WeakMap(), D = new WeakMap(), C = new WeakMap(), xt = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), Ht = new WeakMap(), A = new WeakMap(), It = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), nt = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), ht = new WeakMap(), At = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), p = new WeakMap(), $t = new WeakMap(), c = new WeakMap(), ne = new WeakMap(), he = new WeakMap(), y = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), at = new WeakMap(), R = new WeakMap(), E = new WeakMap(), P = new WeakMap(), Bt = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), Wt = new WeakMap(), ut = new WeakMap(), Z = new WeakMap(), Ft = new WeakMap(), O = new WeakMap(), w = new WeakMap(), Nt = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), Ee = function() {
|
|
654
|
+
const e = t(this, x).current, i = t(this, tt).current ? "-reverse" : "";
|
|
652
655
|
t(this, p).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, it).current ? "max" : e, t(this, at).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, w) && t(this, L).call(this);
|
|
653
656
|
}, se = function() {
|
|
654
657
|
l(this, o, Dt).call(this), t(this, $t).assignedElements().forEach((e, i) => {
|
|
@@ -665,12 +668,12 @@ u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B
|
|
|
665
668
|
composed: !0
|
|
666
669
|
});
|
|
667
670
|
}, me = function() {
|
|
668
|
-
t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this, oe)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Wt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this,
|
|
671
|
+
t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this, oe)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Wt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this, E).disconnect(), t(this, G) || (this.sections.forEach((e) => {
|
|
669
672
|
e.unsetTransform();
|
|
670
673
|
}), t(this, L).call(this)));
|
|
671
674
|
}, Se = function() {
|
|
672
|
-
t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this, oe), -1e4), t(this, u).notify(), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this,
|
|
673
|
-
},
|
|
675
|
+
t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this, oe), -1e4), t(this, u).notify(), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this, E).connect());
|
|
676
|
+
}, xe = function() {
|
|
674
677
|
t(this, _) || (h(this, _, !0), Vt.unsubscribe(t(this, L)), re.unsubscribe(t(this, L)), l(this, o, me).call(this), t(this, p).style.transform = "", t(this, p).style.height = "", t(this, p).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, c).length ? l(this, o, Dt).call(this) : (t(this, P).reset(), t(this, u).reset()), gt.unregister(this));
|
|
675
678
|
}, Pe = function() {
|
|
676
679
|
t(this, _) && (h(this, _, !1), gt.register(this), this.tryResplit(), l(this, o, Se).call(this), Vt.subscribe(t(this, L), we.SCROLL), re.subscribe(this, t(this, L)));
|
|
@@ -678,7 +681,7 @@ u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B
|
|
|
678
681
|
let i = t(this, P).current;
|
|
679
682
|
return t(this, C).current ? i = Ke(e, t(this, c).length) : i = Oe(e, 0, this.limit), i;
|
|
680
683
|
}, qt = new WeakMap(), le = new WeakMap(), Le = function(e = 1) {
|
|
681
|
-
t(this, rt).current && (t(this,
|
|
684
|
+
t(this, rt).current && (t(this, E).direction = e), t(this, A).current && t(this, E).pauseAndContinue(
|
|
682
685
|
t(this, It).current,
|
|
683
686
|
this.sectionalCSSProperty.current
|
|
684
687
|
);
|