aptechka 0.71.25 → 0.71.27
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/scroll/ScrollElement.d.ts +1 -0
- package/lib/scroll/ScrollSection.d.ts +1 -0
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +544 -531
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
throw TypeError(
|
|
1
|
+
var ci = Object.defineProperty;
|
|
2
|
+
var qs = Object.getOwnPropertySymbols, li = Object.getPrototypeOf, ui = Object.prototype.hasOwnProperty, ai = Object.prototype.propertyIsEnumerable, di = Reflect.get;
|
|
3
|
+
var Us = (d) => {
|
|
4
|
+
throw TypeError(d);
|
|
5
5
|
};
|
|
6
|
-
var
|
|
6
|
+
var Gs = (d, n, e) => n in d ? ci(d, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[n] = e, Ks = (d, n) => {
|
|
7
7
|
for (var e in n || (n = {}))
|
|
8
|
-
|
|
9
|
-
if (
|
|
10
|
-
for (var e of
|
|
11
|
-
|
|
12
|
-
return
|
|
8
|
+
ui.call(n, e) && Gs(d, e, n[e]);
|
|
9
|
+
if (qs)
|
|
10
|
+
for (var e of qs(n))
|
|
11
|
+
ai.call(n, e) && Gs(d, e, n[e]);
|
|
12
|
+
return d;
|
|
13
13
|
};
|
|
14
|
-
var
|
|
15
|
-
var t = (
|
|
16
|
-
var
|
|
17
|
-
var
|
|
14
|
+
var ks = (d, n, e) => n.has(d) || Us("Cannot " + e);
|
|
15
|
+
var t = (d, n, e) => (ks(d, n, "read from private field"), e ? e.call(d) : n.get(d)), i = (d, n, e) => n.has(d) ? Us("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, e), r = (d, n, e, s) => (ks(d, n, "write to private field"), s ? s.call(d, e) : n.set(d, e), e), o = (d, n, e) => (ks(d, n, "access private method"), e);
|
|
16
|
+
var Vs = (d, n, e) => di(li(d), e, n);
|
|
17
|
+
var zs = (d, n, e) => new Promise((s, h) => {
|
|
18
18
|
var u = (C) => {
|
|
19
19
|
try {
|
|
20
20
|
v(e.next(C));
|
|
@@ -28,61 +28,61 @@ var Vs = (a, n, e) => new Promise((s, h) => {
|
|
|
28
28
|
h(le);
|
|
29
29
|
}
|
|
30
30
|
}, v = (C) => C.done ? s(C.value) : Promise.resolve(C.value).then(u, g);
|
|
31
|
-
v((e = e.apply(
|
|
31
|
+
v((e = e.apply(d, n)).next());
|
|
32
32
|
});
|
|
33
|
-
import { S as
|
|
33
|
+
import { S as ue } from "../Store-0BVty6AZ.js";
|
|
34
34
|
import { i as q } from "../index-Bv9zgfdb.js";
|
|
35
|
-
import { q as
|
|
35
|
+
import { q as fi } from "../easings-BEmRlrDd.js";
|
|
36
36
|
import { i as pi } from "../element-CGVl1jA-.js";
|
|
37
|
-
import { d as
|
|
38
|
-
import { d as
|
|
39
|
-
import { a as
|
|
40
|
-
import { c as
|
|
41
|
-
import { p as
|
|
42
|
-
import { c as
|
|
37
|
+
import { d as st } from "../events-CsVF98U6.js";
|
|
38
|
+
import { d as xs } from "../function-C10DGppn.js";
|
|
39
|
+
import { a as cs, g as ls, c as bi } from "../layout-DpZo-I0y.js";
|
|
40
|
+
import { c as js, s as mi } from "../math-BOBiC4TN.js";
|
|
41
|
+
import { p as Si, l as gi } from "../number-CumqY64S.js";
|
|
42
|
+
import { c as Js } from "../stylesheet-DpnWNVyD.js";
|
|
43
43
|
import "../ticker/index.js";
|
|
44
|
-
import { TICK_ORDER as
|
|
45
|
-
import { D as
|
|
46
|
-
import { T as
|
|
47
|
-
import { W as
|
|
48
|
-
import { windowResizer as
|
|
49
|
-
import { scrollEntries as
|
|
50
|
-
import { cssUnitParser as
|
|
51
|
-
import { CSSProperty as
|
|
52
|
-
import { d as
|
|
44
|
+
import { TICK_ORDER as Qs, RESIZE_ORDER as Ls } from "../order/index.js";
|
|
45
|
+
import { D as Xs } from "../Damped-CtQmJ52v.js";
|
|
46
|
+
import { T as vi } from "../Tweened-BlZB0vl4.js";
|
|
47
|
+
import { W as yi, K as Ci, D as Pi, A as Ei } from "../DragControls-CkhCt-4W.js";
|
|
48
|
+
import { windowResizer as pt } from "../window-resizer/index.js";
|
|
49
|
+
import { scrollEntries as ce } from "../scroll-entries/index.js";
|
|
50
|
+
import { cssUnitParser as Zs } from "../css-unit-parser/index.js";
|
|
51
|
+
import { CSSProperty as c } from "../css-property/index.js";
|
|
52
|
+
import { d as wi } from "../Viewport-DA10iWAO.js";
|
|
53
53
|
import "construct-style-sheets-polyfill";
|
|
54
|
-
import { elementResizer as
|
|
55
|
-
import { s as
|
|
56
|
-
import { b as
|
|
57
|
-
var
|
|
58
|
-
class
|
|
54
|
+
import { elementResizer as os } from "../element-resizer/index.js";
|
|
55
|
+
import { s as xi } from "../gestures-CcXV6fCp.js";
|
|
56
|
+
import { b as Li } from "../dom-CVWzyXPH.js";
|
|
57
|
+
var p, Re, E, us, as, fe, bt, Dt, pe, Ot, Fe;
|
|
58
|
+
class ki {
|
|
59
59
|
constructor(n, e, s) {
|
|
60
|
-
i(this,
|
|
61
|
-
i(this,
|
|
62
|
-
i(this,
|
|
60
|
+
i(this, Ot);
|
|
61
|
+
i(this, p);
|
|
62
|
+
i(this, Re);
|
|
63
63
|
i(this, E);
|
|
64
|
-
i(this, cs, 0);
|
|
65
64
|
i(this, us, 0);
|
|
66
|
-
i(this,
|
|
65
|
+
i(this, as, 0);
|
|
66
|
+
i(this, fe, 0);
|
|
67
67
|
i(this, bt, 0);
|
|
68
68
|
i(this, Dt, null);
|
|
69
69
|
i(this, pe, 0);
|
|
70
|
-
r(this,
|
|
70
|
+
r(this, p, n), r(this, Re, e), r(this, E, s), ce.register(t(this, p)), this.setIndex(t(this, Re));
|
|
71
71
|
}
|
|
72
72
|
get element() {
|
|
73
|
-
return t(this,
|
|
73
|
+
return t(this, p);
|
|
74
74
|
}
|
|
75
75
|
get index() {
|
|
76
|
-
return t(this,
|
|
76
|
+
return t(this, Re);
|
|
77
77
|
}
|
|
78
78
|
get size() {
|
|
79
|
-
return t(this,
|
|
79
|
+
return t(this, fe);
|
|
80
80
|
}
|
|
81
81
|
get width() {
|
|
82
|
-
return t(this,
|
|
82
|
+
return t(this, us);
|
|
83
83
|
}
|
|
84
84
|
get height() {
|
|
85
|
-
return t(this,
|
|
85
|
+
return t(this, as);
|
|
86
86
|
}
|
|
87
87
|
get position() {
|
|
88
88
|
return t(this, bt);
|
|
@@ -91,31 +91,31 @@ class Li {
|
|
|
91
91
|
return t(this, pe);
|
|
92
92
|
}
|
|
93
93
|
destroy() {
|
|
94
|
-
|
|
94
|
+
ce.unregister(t(this, p)), this.unsetTransform();
|
|
95
95
|
}
|
|
96
96
|
unsetTransform() {
|
|
97
|
-
t(this,
|
|
97
|
+
t(this, p).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setOffsetIndex(null), this.setMiddle(!1), this.setSize();
|
|
98
98
|
}
|
|
99
99
|
setSize(n) {
|
|
100
|
-
n ? (t(this,
|
|
100
|
+
n ? (t(this, p).style.setProperty("--size", n + "px"), t(this, E).axisCSSProperty.current === "x" ? (t(this, p).style.width = n + "px", t(this, p).style.height = "") : (t(this, p).style.height = n + "px", t(this, p).style.width = "")) : (t(this, p).style.width = "", t(this, p).style.height = "", t(this, p).style.removeProperty("--size"));
|
|
101
101
|
}
|
|
102
102
|
resize() {
|
|
103
|
-
r(this,
|
|
103
|
+
r(this, us, t(this, p).offsetWidth), r(this, as, t(this, p).offsetHeight), r(this, fe, t(this, E).vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth), r(this, bt, t(this, E).vertical ? cs(t(this, p)) : ls(t(this, p))), r(this, bt, t(this, bt) - t(this, E).contentPosition);
|
|
104
104
|
}
|
|
105
105
|
transform() {
|
|
106
106
|
const n = t(this, E).shiftSectionPositionCSSProperty.current;
|
|
107
107
|
let e = n;
|
|
108
108
|
const s = t(this, E).viewportSize * t(this, E).sectionDistanceScaleCSSProperty.current;
|
|
109
|
-
t(this, E).loopCSSProperty.current && t(this, bt) + t(this,
|
|
110
|
-
t(this,
|
|
109
|
+
t(this, E).loopCSSProperty.current && t(this, bt) + t(this, fe) <= t(this, E).currentScrollValue - n / 2 && (e = (t(this, E).distance - n) * -1 - t(this, E).gap), ce.update(
|
|
110
|
+
t(this, p),
|
|
111
111
|
t(this, E).axisCSSProperty.current,
|
|
112
112
|
e
|
|
113
113
|
);
|
|
114
|
-
const h = t(this, E).currentScrollValue + e, u = t(this, bt) - t(this, E).viewportSize - s, g = t(this, bt) + t(this,
|
|
115
|
-
r(this, pe, v * -1), t(this, E).vertical ? t(this,
|
|
114
|
+
const h = t(this, E).currentScrollValue + e, u = t(this, bt) - t(this, E).viewportSize - s, g = t(this, bt) + t(this, fe) + s, v = Si(js(h, u, g), 3);
|
|
115
|
+
r(this, pe, v * -1), t(this, E).vertical ? t(this, p).style.transform = `translate3d(0px, ${t(this, pe)}px, 0px)` : t(this, p).style.transform = `translate3d(${t(this, pe)}px, 0px, 0px)`;
|
|
116
116
|
}
|
|
117
117
|
setMark(n) {
|
|
118
|
-
t(this, Dt) !== n && (t(this, Dt) && t(this,
|
|
118
|
+
t(this, Dt) !== n && (t(this, Dt) && t(this, p).classList.remove(t(this, Dt)), n && t(this, p).classList.add(n), r(this, Dt, n), st(t(this, p), "scrollSectionMarkChange", {
|
|
119
119
|
composed: !0,
|
|
120
120
|
detail: {
|
|
121
121
|
mark: t(this, Dt)
|
|
@@ -124,25 +124,28 @@ class Li {
|
|
|
124
124
|
}));
|
|
125
125
|
}
|
|
126
126
|
setMiddle(n) {
|
|
127
|
-
t(this,
|
|
127
|
+
t(this, p).classList.toggle("middle", n);
|
|
128
128
|
}
|
|
129
129
|
setIndex(n) {
|
|
130
|
-
o(this,
|
|
130
|
+
o(this, Ot, Fe).call(this, "index", n);
|
|
131
131
|
}
|
|
132
132
|
setCurrentIndex(n) {
|
|
133
|
-
o(this,
|
|
133
|
+
o(this, Ot, Fe).call(this, "current-index", n);
|
|
134
134
|
}
|
|
135
135
|
setCurrentIndexArc(n) {
|
|
136
|
-
o(this,
|
|
136
|
+
o(this, Ot, Fe).call(this, "current-index-arc", n);
|
|
137
|
+
}
|
|
138
|
+
setOffsetIndex(n) {
|
|
139
|
+
o(this, Ot, Fe).call(this, "offset-index", n);
|
|
137
140
|
}
|
|
138
141
|
setCurrentIndexArcAbs(n) {
|
|
139
|
-
o(this,
|
|
142
|
+
o(this, Ot, Fe).call(this, "current-index-arc-abs", n);
|
|
140
143
|
}
|
|
141
144
|
}
|
|
142
|
-
|
|
143
|
-
e !== null ? (t(this,
|
|
145
|
+
p = new WeakMap(), Re = new WeakMap(), E = new WeakMap(), us = new WeakMap(), as = new WeakMap(), fe = new WeakMap(), bt = new WeakMap(), Dt = new WeakMap(), pe = new WeakMap(), Ot = new WeakSet(), Fe = function(n, e) {
|
|
146
|
+
e !== null ? (t(this, p).style.setProperty(`--${n}`, e.toString()), t(this, p).setAttribute(`data-${n}`, e.toString())) : (t(this, p).style.removeProperty(`--${n}`), t(this, p).removeAttribute(`data-${n}`));
|
|
144
147
|
};
|
|
145
|
-
const
|
|
148
|
+
const Vi = Js({
|
|
146
149
|
":host": {
|
|
147
150
|
position: "relative",
|
|
148
151
|
width: "100%",
|
|
@@ -181,123 +184,124 @@ const ki = js({
|
|
|
181
184
|
flexShrink: "0"
|
|
182
185
|
}
|
|
183
186
|
});
|
|
184
|
-
var
|
|
185
|
-
class
|
|
187
|
+
var f, be, D, Ht, mt, St, gt, J, $t, Bt, vt, Wt, me, Q, V, Se, ge, ve, ye, De, Ce, X, Pe, Nt, Y, qt, yt, Ee, Gt, we, xe, Ut, Kt, Zt, b, Oe, G, a, ds, fs, L, P, U, it, jt, rt, F, z, He, Ct, Pt, Et, K, $e, Jt, Qt, Le, ht, A, Be, wt, ke, We, l, Is, hs, Te, Es, ws, Ms, Fs, T, ps, Ys, Ne, bs, Ts, Rs, ae, _s, ms, ns, qe;
|
|
188
|
+
class As extends HTMLElement {
|
|
186
189
|
constructor() {
|
|
187
190
|
super();
|
|
188
|
-
i(this,
|
|
189
|
-
i(this,
|
|
190
|
-
i(this, be, new
|
|
191
|
-
i(this,
|
|
192
|
-
i(this,
|
|
193
|
-
i(this, mt, new
|
|
194
|
-
i(this, St, new
|
|
191
|
+
i(this, l);
|
|
192
|
+
i(this, f, null);
|
|
193
|
+
i(this, be, new c(this, "--controls", !0));
|
|
194
|
+
i(this, D, new c(this, "--axis", "y"));
|
|
195
|
+
i(this, Ht, new c(this, "--reverse", !1));
|
|
196
|
+
i(this, mt, new c(this, "--direction", 0));
|
|
197
|
+
i(this, St, new c(this, "--pages", 0, {
|
|
195
198
|
validate: (e) => Math.max(0, e - 1)
|
|
196
199
|
}));
|
|
197
|
-
i(this, gt, new
|
|
198
|
-
i(this,
|
|
199
|
-
i(this,
|
|
200
|
+
i(this, gt, new c(this, "--split", !1));
|
|
201
|
+
i(this, J, new c(this, "--sectional", !1));
|
|
202
|
+
i(this, $t, new c(
|
|
200
203
|
this,
|
|
201
204
|
"--tween-easing",
|
|
202
205
|
!1
|
|
203
206
|
));
|
|
204
|
-
i(this,
|
|
207
|
+
i(this, Bt, new c(
|
|
205
208
|
this,
|
|
206
209
|
"--tween-duration",
|
|
207
210
|
!1
|
|
208
211
|
));
|
|
209
|
-
i(this, vt, new
|
|
210
|
-
i(this,
|
|
212
|
+
i(this, vt, new c(this, "--auto-size", !1));
|
|
213
|
+
i(this, Wt, new c(
|
|
211
214
|
this,
|
|
212
215
|
"--wheel-max-delta",
|
|
213
216
|
!1
|
|
214
217
|
));
|
|
215
|
-
i(this, me, new
|
|
216
|
-
i(this,
|
|
218
|
+
i(this, me, new c(this, "--drag-inertion", 1));
|
|
219
|
+
i(this, Q, new c(
|
|
217
220
|
this,
|
|
218
221
|
"--sections-in-view",
|
|
219
222
|
1
|
|
220
223
|
));
|
|
221
|
-
i(this, V, new
|
|
222
|
-
i(this, Se, new
|
|
223
|
-
i(this, ge, new
|
|
224
|
-
i(this, ve, new
|
|
225
|
-
i(this, ye, new
|
|
226
|
-
i(this,
|
|
224
|
+
i(this, V, new c(this, "--loop", !1));
|
|
225
|
+
i(this, Se, new c(this, "--damping", 20));
|
|
226
|
+
i(this, ge, new c(this, "--mass", 0));
|
|
227
|
+
i(this, ve, new c(this, "--stiffness", 0));
|
|
228
|
+
i(this, ye, new c(this, "--mouse-drag", !1));
|
|
229
|
+
i(this, De, new c(
|
|
227
230
|
this,
|
|
228
231
|
"--section-distance-scale",
|
|
229
232
|
0.5
|
|
230
233
|
));
|
|
231
|
-
i(this, Ce, new
|
|
232
|
-
i(this,
|
|
233
|
-
i(this, Pe, new
|
|
234
|
+
i(this, Ce, new c(this, "--start-section", 0));
|
|
235
|
+
i(this, X, new c(this, "--autoplay", 0));
|
|
236
|
+
i(this, Pe, new c(
|
|
234
237
|
this,
|
|
235
238
|
"--autoplay-pause-duration",
|
|
236
239
|
0
|
|
237
240
|
));
|
|
238
|
-
i(this,
|
|
241
|
+
i(this, Nt, new c(
|
|
239
242
|
this,
|
|
240
243
|
"--autoplay-user-direction",
|
|
241
244
|
!1
|
|
242
245
|
));
|
|
243
|
-
i(this,
|
|
244
|
-
i(this,
|
|
246
|
+
i(this, Y, new c(this, "--classes", !1));
|
|
247
|
+
i(this, qt, new c(
|
|
245
248
|
this,
|
|
246
249
|
"--current-index-start-offset",
|
|
247
250
|
0
|
|
248
251
|
));
|
|
249
|
-
i(this, yt, new
|
|
252
|
+
i(this, yt, new c(
|
|
250
253
|
this,
|
|
251
254
|
"--current-index-end-offset",
|
|
252
255
|
0
|
|
253
256
|
));
|
|
254
|
-
i(this, Ee, new
|
|
257
|
+
i(this, Ee, new c(
|
|
255
258
|
this,
|
|
256
259
|
"--shift-section-position",
|
|
257
260
|
0,
|
|
258
261
|
{ rawValueCheck: !1 }
|
|
259
262
|
));
|
|
260
|
-
i(this,
|
|
261
|
-
i(this, we, new
|
|
263
|
+
i(this, Gt, new c(this, "--focus-delay", 0));
|
|
264
|
+
i(this, we, new c(
|
|
262
265
|
this,
|
|
263
266
|
"--focus-duration",
|
|
264
267
|
3e3
|
|
265
268
|
));
|
|
266
|
-
i(this,
|
|
267
|
-
i(this, Ut, new
|
|
268
|
-
i(this, Kt,
|
|
269
|
+
i(this, xe, new c(this, "--shift-limit", 0));
|
|
270
|
+
i(this, Ut, new c(this, "--disabled", !1));
|
|
271
|
+
i(this, Kt, new c(this, "--hibernate", !1));
|
|
272
|
+
i(this, Zt, null);
|
|
269
273
|
i(this, b, null);
|
|
270
|
-
i(this,
|
|
274
|
+
i(this, Oe, null);
|
|
271
275
|
i(this, G, []);
|
|
272
|
-
i(this,
|
|
273
|
-
i(this, as, 0);
|
|
276
|
+
i(this, a, []);
|
|
274
277
|
i(this, ds, 0);
|
|
278
|
+
i(this, fs, 0);
|
|
275
279
|
i(this, L, 0);
|
|
276
280
|
i(this, P, 0);
|
|
277
281
|
i(this, U, 0);
|
|
278
282
|
i(this, it, null);
|
|
279
|
-
i(this,
|
|
283
|
+
i(this, jt, null);
|
|
280
284
|
i(this, rt, null);
|
|
281
|
-
i(this,
|
|
282
|
-
i(this,
|
|
283
|
-
i(this,
|
|
285
|
+
i(this, F, null);
|
|
286
|
+
i(this, z, new ue(0));
|
|
287
|
+
i(this, He, 0);
|
|
284
288
|
i(this, Ct, 0);
|
|
285
289
|
i(this, Pt, !1);
|
|
286
290
|
i(this, Et, !0);
|
|
287
291
|
i(this, K, !0);
|
|
288
|
-
i(this,
|
|
289
|
-
i(this,
|
|
290
|
-
i(this,
|
|
291
|
-
i(this,
|
|
292
|
+
i(this, $e);
|
|
293
|
+
i(this, Jt);
|
|
294
|
+
i(this, Qt, new vi());
|
|
295
|
+
i(this, Le, !1);
|
|
292
296
|
i(this, ht, null);
|
|
293
|
-
i(this,
|
|
294
|
-
i(this,
|
|
297
|
+
i(this, A, !1);
|
|
298
|
+
i(this, Be, null);
|
|
295
299
|
i(this, wt, []);
|
|
296
|
-
i(this,
|
|
297
|
-
i(this,
|
|
298
|
-
i(this,
|
|
299
|
-
if (e && t(this,
|
|
300
|
-
r(this,
|
|
300
|
+
i(this, ke, !1);
|
|
301
|
+
i(this, We);
|
|
302
|
+
i(this, T, (e) => {
|
|
303
|
+
if (e && t(this, ke)) {
|
|
304
|
+
r(this, ke, !1);
|
|
301
305
|
return;
|
|
302
306
|
}
|
|
303
307
|
this.resize();
|
|
@@ -306,90 +310,90 @@ class zs extends HTMLElement {
|
|
|
306
310
|
if (!t(this, Pt) || t(this, K) || t(this, Et))
|
|
307
311
|
return;
|
|
308
312
|
const e = this.currentScrollValue;
|
|
309
|
-
if (r(this,
|
|
313
|
+
if (r(this, He, Math.max(0, e - t(this, P))), t(this, a).length) {
|
|
310
314
|
for (let s = 0; s < t(this, G).length; s++)
|
|
311
315
|
t(this, G)[s].transform();
|
|
312
|
-
t(this,
|
|
316
|
+
t(this, J).current || (t(this, z).current = o(this, l, ns).call(this));
|
|
313
317
|
} else
|
|
314
318
|
this.vertical ? t(this, b).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
315
|
-
o(this,
|
|
319
|
+
o(this, l, _s).call(this), ce.update(
|
|
316
320
|
this,
|
|
317
|
-
t(this,
|
|
321
|
+
t(this, D).current,
|
|
318
322
|
e
|
|
319
323
|
);
|
|
320
324
|
});
|
|
321
|
-
i(this,
|
|
322
|
-
t(this, be).current && (o(this,
|
|
325
|
+
i(this, Ne, (e, s) => {
|
|
326
|
+
t(this, be).current && (o(this, l, Ts).call(this, Math.sign(s) || 1), t(this, bs).call(this, e, s));
|
|
323
327
|
});
|
|
324
|
-
i(this,
|
|
325
|
-
if (!t(this,
|
|
328
|
+
i(this, bs, (e, s) => {
|
|
329
|
+
if (!t(this, Jt)) {
|
|
326
330
|
if (t(this, mt).current) {
|
|
327
331
|
if (t(this, mt).current < 0 && s > 0)
|
|
328
332
|
return;
|
|
329
333
|
if (t(this, mt).current > 0 && s < 0)
|
|
330
334
|
return;
|
|
331
335
|
}
|
|
332
|
-
if (!t(this,
|
|
333
|
-
const h = t(this,
|
|
336
|
+
if (!t(this, X).current && t(this, Gt).current && (clearInterval(t(this, $e)), r(this, $e, setTimeout(() => {
|
|
337
|
+
const h = t(this, a)[o(this, l, ns).call(this)];
|
|
334
338
|
h && this.scrollToSection(h.index, {
|
|
335
339
|
tween: {
|
|
336
340
|
duration: t(this, we).current,
|
|
337
|
-
easing:
|
|
341
|
+
easing: fi
|
|
338
342
|
}
|
|
339
343
|
});
|
|
340
|
-
}, t(this,
|
|
341
|
-
if (t(this,
|
|
344
|
+
}, t(this, Gt).current))), !(e.includes("drag") && !wi.isTouch && !t(this, ye).current)) {
|
|
345
|
+
if (t(this, J).current && e !== "drag") {
|
|
342
346
|
const h = Math.sign(s);
|
|
343
|
-
if (t(this,
|
|
347
|
+
if (t(this, a).length) {
|
|
344
348
|
const u = {
|
|
345
|
-
tween: t(this,
|
|
346
|
-
easing: t(this,
|
|
347
|
-
duration: t(this,
|
|
349
|
+
tween: t(this, $t).current || t(this, Bt).current ? {
|
|
350
|
+
easing: t(this, $t).current || "easeInOutCubic",
|
|
351
|
+
duration: t(this, Bt).current || 500
|
|
348
352
|
} : void 0
|
|
349
353
|
};
|
|
350
|
-
t(this,
|
|
354
|
+
t(this, Le) ? this.scrollToSection(o(this, l, ns).call(this, !0), u) : this.shiftSections(h, u);
|
|
351
355
|
} else
|
|
352
|
-
t(this,
|
|
356
|
+
t(this, f).shift(h * t(this, L));
|
|
353
357
|
} else
|
|
354
|
-
t(this,
|
|
355
|
-
r(this,
|
|
358
|
+
t(this, f).shift(s);
|
|
359
|
+
r(this, Le, e === "drag");
|
|
356
360
|
}
|
|
357
361
|
}
|
|
358
362
|
});
|
|
359
|
-
i(this,
|
|
363
|
+
i(this, ms, xs(() => {
|
|
360
364
|
const e = t(this, wt).reduce((s, h) => {
|
|
361
365
|
const u = this.vertical ? h.width : h.height;
|
|
362
366
|
return u > s ? u : s;
|
|
363
367
|
}, 0);
|
|
364
|
-
clearTimeout(t(this,
|
|
365
|
-
r(this,
|
|
368
|
+
clearTimeout(t(this, We)), r(this, ke, !0), this.style.setProperty("--max-section-size", ""), r(this, We, setTimeout(() => {
|
|
369
|
+
r(this, ke, !0), this.style.setProperty("--max-section-size", e + "px");
|
|
366
370
|
}, 10));
|
|
367
371
|
}, 20));
|
|
368
|
-
i(this,
|
|
369
|
-
r(this,
|
|
372
|
+
i(this, qe, () => {
|
|
373
|
+
r(this, A, !0), this.hibernatedCSSProperty.current || o(this, l, Fs).call(this), os.subscribe(this, t(this, T)), pt.unsubscribe(t(this, qe));
|
|
370
374
|
});
|
|
371
375
|
if (q) {
|
|
372
376
|
const e = this.attachShadow({ mode: "open" });
|
|
373
|
-
e.adoptedStyleSheets = [
|
|
377
|
+
e.adoptedStyleSheets = [Vi];
|
|
374
378
|
const s = document.createElement("div");
|
|
375
|
-
s.className = "static", s.innerHTML = '<slot name="static"></slot>', e.appendChild(s), r(this,
|
|
376
|
-
|
|
379
|
+
s.className = "static", s.innerHTML = '<slot name="static"></slot>', e.appendChild(s), r(this, Zt, document.createElement("div")), t(this, Zt).className = "content-wrapper", r(this, b, document.createElement("div")), t(this, b).className = "content", r(this, Oe, document.createElement("slot")), t(this, b).appendChild(t(this, Oe)), t(this, Zt).appendChild(t(this, b)), e.appendChild(t(this, Zt)), r(this, Be, new MutationObserver(
|
|
380
|
+
xs(() => {
|
|
377
381
|
this.tryResplit();
|
|
378
382
|
}, 10)
|
|
379
383
|
));
|
|
380
384
|
}
|
|
381
385
|
}
|
|
382
386
|
get damped() {
|
|
383
|
-
return t(this,
|
|
387
|
+
return t(this, f);
|
|
384
388
|
}
|
|
385
389
|
get controlsCSSProperty() {
|
|
386
390
|
return t(this, be);
|
|
387
391
|
}
|
|
388
392
|
get axisCSSProperty() {
|
|
389
|
-
return t(this,
|
|
393
|
+
return t(this, D);
|
|
390
394
|
}
|
|
391
395
|
get reverseCSSProperty() {
|
|
392
|
-
return t(this,
|
|
396
|
+
return t(this, Ht);
|
|
393
397
|
}
|
|
394
398
|
get directionCSSProperty() {
|
|
395
399
|
return t(this, mt);
|
|
@@ -401,25 +405,25 @@ class zs extends HTMLElement {
|
|
|
401
405
|
return t(this, gt);
|
|
402
406
|
}
|
|
403
407
|
get sectionalCSSProperty() {
|
|
404
|
-
return t(this,
|
|
408
|
+
return t(this, J);
|
|
405
409
|
}
|
|
406
410
|
get easingCSSProperty() {
|
|
407
|
-
return t(this,
|
|
411
|
+
return t(this, $t);
|
|
408
412
|
}
|
|
409
413
|
get durationCSSProperty() {
|
|
410
|
-
return t(this,
|
|
414
|
+
return t(this, Bt);
|
|
411
415
|
}
|
|
412
416
|
get autoSizeCSSProperty() {
|
|
413
417
|
return t(this, vt);
|
|
414
418
|
}
|
|
415
419
|
get wheelMaxDeltaCSSProperty() {
|
|
416
|
-
return t(this,
|
|
420
|
+
return t(this, Wt);
|
|
417
421
|
}
|
|
418
422
|
get dragInertionCSSProperty() {
|
|
419
423
|
return t(this, me);
|
|
420
424
|
}
|
|
421
425
|
get sectionsInViewCSSProperty() {
|
|
422
|
-
return t(this,
|
|
426
|
+
return t(this, Q);
|
|
423
427
|
}
|
|
424
428
|
get loopCSSProperty() {
|
|
425
429
|
return t(this, V);
|
|
@@ -437,25 +441,25 @@ class zs extends HTMLElement {
|
|
|
437
441
|
return t(this, ye);
|
|
438
442
|
}
|
|
439
443
|
get sectionDistanceScaleCSSProperty() {
|
|
440
|
-
return t(this,
|
|
444
|
+
return t(this, De);
|
|
441
445
|
}
|
|
442
446
|
get startSectionCSSProperty() {
|
|
443
447
|
return t(this, Ce);
|
|
444
448
|
}
|
|
445
449
|
get autoplayCSSProperty() {
|
|
446
|
-
return t(this,
|
|
450
|
+
return t(this, X);
|
|
447
451
|
}
|
|
448
452
|
get autoplayPauseDurationCSSProperty() {
|
|
449
453
|
return t(this, Pe);
|
|
450
454
|
}
|
|
451
455
|
get autoplayUserDirectionCSSProperty() {
|
|
452
|
-
return t(this,
|
|
456
|
+
return t(this, Nt);
|
|
453
457
|
}
|
|
454
458
|
get classesCSSProperty() {
|
|
455
|
-
return t(this,
|
|
459
|
+
return t(this, Y);
|
|
456
460
|
}
|
|
457
461
|
get currentIndexStartOffsetCSSProperty() {
|
|
458
|
-
return t(this,
|
|
462
|
+
return t(this, qt);
|
|
459
463
|
}
|
|
460
464
|
get currentIndexEndOffsetCSSProperty() {
|
|
461
465
|
return t(this, yt);
|
|
@@ -464,25 +468,28 @@ class zs extends HTMLElement {
|
|
|
464
468
|
return t(this, Ee);
|
|
465
469
|
}
|
|
466
470
|
get focusDelayCSSProperty() {
|
|
467
|
-
return t(this,
|
|
471
|
+
return t(this, Gt);
|
|
468
472
|
}
|
|
469
473
|
get focusDurationCSSProperty() {
|
|
470
474
|
return t(this, we);
|
|
471
475
|
}
|
|
476
|
+
get shiftLimitCSSProperty() {
|
|
477
|
+
return t(this, xe);
|
|
478
|
+
}
|
|
472
479
|
get disabledCSSProperty() {
|
|
473
|
-
return t(this,
|
|
480
|
+
return t(this, Ut);
|
|
474
481
|
}
|
|
475
482
|
get hibernatedCSSProperty() {
|
|
476
|
-
return t(this,
|
|
483
|
+
return t(this, Kt);
|
|
477
484
|
}
|
|
478
485
|
get currentScrollValue() {
|
|
479
|
-
return o(this,
|
|
486
|
+
return o(this, l, Rs).call(this, "current");
|
|
480
487
|
}
|
|
481
488
|
get targetScrollValue() {
|
|
482
|
-
return o(this,
|
|
489
|
+
return o(this, l, Rs).call(this, "target");
|
|
483
490
|
}
|
|
484
491
|
get contentWrapperElement() {
|
|
485
|
-
return t(this,
|
|
492
|
+
return t(this, Zt);
|
|
486
493
|
}
|
|
487
494
|
get contentElement() {
|
|
488
495
|
return t(this, b);
|
|
@@ -491,13 +498,13 @@ class zs extends HTMLElement {
|
|
|
491
498
|
return t(this, G);
|
|
492
499
|
}
|
|
493
500
|
get visibleSections() {
|
|
494
|
-
return t(this,
|
|
501
|
+
return t(this, a);
|
|
495
502
|
}
|
|
496
503
|
get position() {
|
|
497
|
-
return t(this,
|
|
504
|
+
return t(this, ds);
|
|
498
505
|
}
|
|
499
506
|
get contentPosition() {
|
|
500
|
-
return t(this,
|
|
507
|
+
return t(this, fs);
|
|
501
508
|
}
|
|
502
509
|
get viewportSize() {
|
|
503
510
|
return t(this, L);
|
|
@@ -509,11 +516,11 @@ class zs extends HTMLElement {
|
|
|
509
516
|
return t(this, U);
|
|
510
517
|
}
|
|
511
518
|
get counter() {
|
|
512
|
-
return t(this,
|
|
519
|
+
return t(this, z);
|
|
513
520
|
}
|
|
514
521
|
get limit() {
|
|
515
522
|
return Math.ceil(
|
|
516
|
-
t(this,
|
|
523
|
+
t(this, a).length - t(this, Q).current + t(this, xe).current
|
|
517
524
|
);
|
|
518
525
|
}
|
|
519
526
|
get distance() {
|
|
@@ -526,13 +533,13 @@ class zs extends HTMLElement {
|
|
|
526
533
|
return t(this, Pt);
|
|
527
534
|
}
|
|
528
535
|
get overscroll() {
|
|
529
|
-
return t(this,
|
|
536
|
+
return t(this, He);
|
|
530
537
|
}
|
|
531
538
|
get scrollLine() {
|
|
532
539
|
return t(this, ht);
|
|
533
540
|
}
|
|
534
541
|
get vertical() {
|
|
535
|
-
return t(this,
|
|
542
|
+
return t(this, D).current === "y";
|
|
536
543
|
}
|
|
537
544
|
get currentProgress() {
|
|
538
545
|
return this.currentScrollValue / this.loopDistance || 0;
|
|
@@ -541,19 +548,19 @@ class zs extends HTMLElement {
|
|
|
541
548
|
return this.targetScrollValue / this.loopDistance || 0;
|
|
542
549
|
}
|
|
543
550
|
get scrollWidth() {
|
|
544
|
-
return t(this,
|
|
551
|
+
return t(this, D).current === "y" ? 0 : t(this, f).distance;
|
|
545
552
|
}
|
|
546
553
|
get scrollHeight() {
|
|
547
|
-
return t(this,
|
|
554
|
+
return t(this, D).current === "x" ? 0 : t(this, f).distance;
|
|
548
555
|
}
|
|
549
556
|
tryResplit() {
|
|
550
|
-
!t(this, K) && (t(this, V).current || t(this, gt).current || t(this, V).current || t(this, vt).current || t(this,
|
|
557
|
+
!t(this, K) && (t(this, V).current || t(this, gt).current || t(this, V).current || t(this, vt).current || t(this, J).current) && o(this, l, hs).call(this);
|
|
551
558
|
}
|
|
552
559
|
onScroll(...e) {
|
|
553
|
-
return t(this,
|
|
560
|
+
return t(this, f).subscribe(...e);
|
|
554
561
|
}
|
|
555
562
|
offScroll(...e) {
|
|
556
|
-
t(this,
|
|
563
|
+
t(this, f).unsubscribe(...e);
|
|
557
564
|
}
|
|
558
565
|
//https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
|
|
559
566
|
range(e, s, h = 0) {
|
|
@@ -568,53 +575,55 @@ class zs extends HTMLElement {
|
|
|
568
575
|
return this.currentProgress >= u && this.currentProgress <= g;
|
|
569
576
|
}
|
|
570
577
|
scrollToSection(e, s) {
|
|
571
|
-
if (!t(this,
|
|
578
|
+
if (!t(this, a).length || t(this, K))
|
|
572
579
|
return;
|
|
573
|
-
const h = t(this,
|
|
580
|
+
const h = t(this, z).current, u = o(this, l, Ys).call(this, e);
|
|
581
|
+
t(this, z).current = u;
|
|
582
|
+
const g = t(this, a)[h], v = t(this, a)[u];
|
|
574
583
|
if (g && v) {
|
|
575
584
|
let C = 0;
|
|
576
|
-
const le = o(this,
|
|
577
|
-
let
|
|
578
|
-
t(this, V).current ? u === 0 && h === t(this,
|
|
585
|
+
const le = o(this, l, ns).call(this), Me = t(this, a)[le];
|
|
586
|
+
let rs = Me ? this.targetScrollValue - Me.position : 0;
|
|
587
|
+
t(this, V).current ? u === 0 && h === t(this, a).length - 1 ? (C = t(this, P) + t(this, L) - g.position + t(this, U), t(this, Le) || (rs = 0)) : u === t(this, a).length - 1 && h === 0 ? C = v.position - (t(this, P) + t(this, L) + t(this, U)) : C = v.position - g.position : C = v.position - g.position, this.shiftPosition(C - rs, s);
|
|
579
588
|
}
|
|
580
589
|
}
|
|
581
590
|
shiftSections(e, s) {
|
|
582
|
-
t(this,
|
|
591
|
+
t(this, a).length && this.scrollToSection(t(this, z).current + e, s);
|
|
583
592
|
}
|
|
584
593
|
setPosition(e, s) {
|
|
585
|
-
t(this, K) || (o(this,
|
|
586
|
-
r(this,
|
|
587
|
-
}, s.tween.duration || 0))) : t(this,
|
|
594
|
+
t(this, K) || (o(this, l, Ts).call(this, Math.sign(e) || 1), s != null && s.tween ? (clearTimeout(t(this, Jt)), t(this, Qt).set(t(this, f).current, { equalize: !0 }), t(this, Qt).set(Math.min(e, this.distance), Ks({}, s.tween)), r(this, Jt, setTimeout(() => {
|
|
595
|
+
r(this, Jt, void 0);
|
|
596
|
+
}, s.tween.duration || 0))) : t(this, f).set(e, {
|
|
588
597
|
equalize: (s == null ? void 0 : s.behaviour) === "instant"
|
|
589
598
|
}));
|
|
590
599
|
}
|
|
591
600
|
shiftPosition(e, s) {
|
|
592
|
-
this.setPosition(t(this,
|
|
601
|
+
this.setPosition(t(this, f).target + e, s);
|
|
593
602
|
}
|
|
594
603
|
resize() {
|
|
595
|
-
if (t(this,
|
|
604
|
+
if (t(this, Kt).current)
|
|
596
605
|
return;
|
|
597
|
-
r(this,
|
|
606
|
+
r(this, a, t(this, G).filter(
|
|
598
607
|
(h) => pi(h.element)
|
|
599
608
|
)), this.style.setProperty(
|
|
600
609
|
"--sections",
|
|
601
|
-
t(this,
|
|
602
|
-
), t(this,
|
|
603
|
-
const e = this.currentScrollValue / t(this, P) || 0, s = t(this,
|
|
604
|
-
if (r(this,
|
|
610
|
+
t(this, a).length.toString()
|
|
611
|
+
), t(this, f).unlistenAnimationFrame();
|
|
612
|
+
const e = this.currentScrollValue / t(this, P) || 0, s = t(this, z).current;
|
|
613
|
+
if (r(this, ds, this.vertical ? cs(this) : ls(this)), r(this, fs, this.vertical ? cs(t(this, b)) : ls(t(this, b))), r(this, L, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, U, Zs.parse(
|
|
605
614
|
getComputedStyle(t(this, b)).rowGap
|
|
606
|
-
)) : r(this, U,
|
|
615
|
+
)) : r(this, U, Zs.parse(
|
|
607
616
|
getComputedStyle(t(this, b)).columnGap
|
|
608
|
-
)), t(this, vt).current && t(this,
|
|
609
|
-
const h = t(this,
|
|
610
|
-
t(this,
|
|
617
|
+
)), t(this, vt).current && t(this, a).length) {
|
|
618
|
+
const h = t(this, Q).current, u = (t(this, L) - t(this, U) * (h - 1)) / h;
|
|
619
|
+
t(this, a).forEach((g) => {
|
|
611
620
|
g.setSize(u);
|
|
612
621
|
});
|
|
613
622
|
} else
|
|
614
|
-
t(this,
|
|
623
|
+
t(this, a).forEach((h) => {
|
|
615
624
|
h.setSize();
|
|
616
625
|
});
|
|
617
|
-
if (t(this,
|
|
626
|
+
if (t(this, a).forEach((h) => {
|
|
618
627
|
h.resize();
|
|
619
628
|
}), t(this, St).current) {
|
|
620
629
|
r(this, P, t(this, L) * t(this, St).current);
|
|
@@ -624,211 +633,215 @@ class zs extends HTMLElement {
|
|
|
624
633
|
this.vertical ? (t(this, b).style.width = "100%", t(this, b).style.height = "max-content", r(this, P, t(this, b).offsetHeight - t(this, L))) : (t(this, b).style.width = "max-content", t(this, b).style.height = "100%", r(this, P, t(this, b).offsetWidth - t(this, L)));
|
|
625
634
|
if (!t(this, V).current) {
|
|
626
635
|
const h = getComputedStyle(this), u = this.vertical ? parseFloat(h.paddingBlockStart) + parseFloat(h.paddingBlockEnd) : parseFloat(h.paddingInlineStart) + parseFloat(h.paddingInlineEnd);
|
|
627
|
-
r(this, P, t(this, P) + u), t(this,
|
|
636
|
+
r(this, P, t(this, P) + u), t(this, f).max = t(this, P);
|
|
628
637
|
}
|
|
629
|
-
if (t(this, V).current && t(this,
|
|
630
|
-
const h = t(this,
|
|
638
|
+
if (t(this, V).current && t(this, a).length) {
|
|
639
|
+
const h = t(this, a)[t(this, a).length - 1], u = h.position + h.size - t(this, L), g = t(this, P) - u;
|
|
631
640
|
r(this, Ct, h.position + h.size + g);
|
|
632
641
|
} else
|
|
633
642
|
r(this, Ct, t(this, P));
|
|
634
|
-
if (t(this,
|
|
635
|
-
const h = t(this,
|
|
636
|
-
t(this,
|
|
643
|
+
if (t(this, J).current && t(this, a).length) {
|
|
644
|
+
const h = t(this, a)[s];
|
|
645
|
+
t(this, f).set(h.position, {
|
|
637
646
|
equalize: !0
|
|
638
647
|
});
|
|
639
648
|
} else
|
|
640
|
-
t(this,
|
|
649
|
+
t(this, f).set(e * t(this, P), {
|
|
641
650
|
equalize: !0
|
|
642
651
|
});
|
|
643
|
-
r(this, Pt, (this.vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth) > t(this, L)), this.classList.toggle("has-overflow", t(this, Pt)), t(this, Pt) ? t(this,
|
|
652
|
+
r(this, Pt, (this.vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth) > t(this, L)), this.classList.toggle("has-overflow", t(this, Pt)), t(this, Pt) ? t(this, Ut).current || o(this, l, ws).call(this) : o(this, l, Es).call(this), t(this, ms).call(this), st(this, "scrollResize", { custom: !0 }), t(this, f).notify();
|
|
644
653
|
}
|
|
645
654
|
connectedCallback() {
|
|
646
|
-
|
|
655
|
+
ce.register(this), r(this, f, new Xs(0, {
|
|
647
656
|
damping: 0.01,
|
|
648
657
|
min: 0,
|
|
649
|
-
order:
|
|
650
|
-
})), this.setAttribute("tabindex", "0"), r(this, it, new
|
|
658
|
+
order: Qs.SCROLL
|
|
659
|
+
})), this.setAttribute("tabindex", "0"), r(this, it, new yi({ element: t(this, b) })), t(this, it).changeEvent.subscribe(t(this, Ne)), r(this, jt, new Ci({
|
|
651
660
|
element: this
|
|
652
|
-
})), t(this,
|
|
653
|
-
t(this,
|
|
654
|
-
), r(this, rt, new
|
|
661
|
+
})), t(this, jt).changeEvent.subscribe(
|
|
662
|
+
t(this, Ne)
|
|
663
|
+
), r(this, rt, new Pi({
|
|
655
664
|
element: t(this, b),
|
|
656
665
|
rootElement: this
|
|
657
|
-
})), t(this, rt).changeEvent.subscribe(t(this,
|
|
666
|
+
})), t(this, rt).changeEvent.subscribe(t(this, Ne)), r(this, F, new Ei({
|
|
658
667
|
culling: this
|
|
659
|
-
})), t(this,
|
|
660
|
-
o(this,
|
|
661
|
-
}), t(this,
|
|
662
|
-
o(this,
|
|
663
|
-
}), t(this,
|
|
664
|
-
t(this, it).axis = e.current ? "max" : t(this,
|
|
668
|
+
})), t(this, F).changeEvent.subscribe(t(this, bs)), t(this, D).subscribe(() => {
|
|
669
|
+
o(this, l, Is).call(this);
|
|
670
|
+
}), t(this, Ht).subscribe(() => {
|
|
671
|
+
o(this, l, Is).call(this);
|
|
672
|
+
}), t(this, Wt).subscribe((e) => {
|
|
673
|
+
t(this, it).axis = e.current ? "max" : t(this, D).current;
|
|
665
674
|
}), t(this, me).subscribe((e) => {
|
|
666
675
|
t(this, rt).inertion = typeof e.current == "number" ? e.current : 1;
|
|
667
676
|
}), t(this, St).subscribe(() => {
|
|
668
|
-
t(this,
|
|
677
|
+
t(this, A) && t(this, T).call(this);
|
|
669
678
|
}), t(this, gt).subscribe(({ current: e }) => {
|
|
670
|
-
t(this,
|
|
671
|
-
}), t(this,
|
|
672
|
-
t(this, it).debounce = e.current, t(this, rt).swipe = e.current, t(this,
|
|
679
|
+
t(this, A) && (e ? o(this, l, hs).call(this) : o(this, l, Te).call(this));
|
|
680
|
+
}), t(this, J).subscribe((e) => {
|
|
681
|
+
t(this, it).debounce = e.current, t(this, rt).swipe = e.current, t(this, F).interval = e.current, t(this, A) && (e.current && !e.previous && !t(this, a).length ? o(this, l, hs).call(this) : !e.current && e.previous && t(this, a).length && o(this, l, Te).call(this));
|
|
673
682
|
}), t(this, vt).subscribe((e) => {
|
|
674
|
-
t(this,
|
|
675
|
-
}), t(this,
|
|
676
|
-
t(this,
|
|
683
|
+
t(this, A) && (t(this, T).call(this), e.current && !e.previous && !t(this, a).length ? o(this, l, hs).call(this) : !e.current && e.previous && t(this, a).length && o(this, l, Te).call(this));
|
|
684
|
+
}), t(this, Q).subscribe((e) => {
|
|
685
|
+
t(this, A) && (t(this, T).call(this), o(this, l, ae).call(this));
|
|
677
686
|
}), t(this, V).subscribe((e) => {
|
|
678
|
-
e.current ? (t(this,
|
|
687
|
+
e.current ? (t(this, A) && (t(this, a).length || (t(this, gt).current = !0)), t(this, f).max = 1 / 0, t(this, f).min = -1 / 0) : (r(this, He, 0), t(this, f).max = t(this, P), t(this, f).min = 0);
|
|
679
688
|
}), t(this, Se).subscribe((e) => {
|
|
680
|
-
t(this,
|
|
689
|
+
t(this, f).damping = e.current;
|
|
681
690
|
}), t(this, ge).subscribe((e) => {
|
|
682
|
-
t(this,
|
|
691
|
+
t(this, f).mass = e.current;
|
|
683
692
|
}), t(this, ve).subscribe((e) => {
|
|
684
|
-
t(this,
|
|
685
|
-
}), t(this,
|
|
686
|
-
t(this,
|
|
687
|
-
}), t(this, Wt).subscribe((e) => {
|
|
688
|
-
e.current || (t(this, M).direction = 1);
|
|
689
|
-
}), t(this, Q).subscribe((e) => {
|
|
690
|
-
t(this, z) && o(this, c, ue).call(this);
|
|
693
|
+
t(this, f).stiffness = e.current;
|
|
694
|
+
}), t(this, X).subscribe((e) => {
|
|
695
|
+
t(this, F).speed = e.current, !t(this, Et) && e.current && !e.previous ? t(this, F).connect() : !e.current && e.previous && t(this, F).disconnect();
|
|
691
696
|
}), t(this, Nt).subscribe((e) => {
|
|
692
|
-
|
|
697
|
+
e.current || (t(this, F).direction = 1);
|
|
698
|
+
}), t(this, Y).subscribe((e) => {
|
|
699
|
+
t(this, A) && o(this, l, ae).call(this);
|
|
700
|
+
}), t(this, qt).subscribe((e) => {
|
|
701
|
+
t(this, A) && t(this, Y).current && o(this, l, ae).call(this);
|
|
693
702
|
}), t(this, yt).subscribe((e) => {
|
|
694
|
-
t(this,
|
|
703
|
+
t(this, A) && t(this, Y).current && o(this, l, ae).call(this);
|
|
695
704
|
}), t(this, Ee).subscribe((e) => {
|
|
696
|
-
t(this,
|
|
697
|
-
}), t(this,
|
|
705
|
+
t(this, A) && t(this, f).notify();
|
|
706
|
+
}), t(this, f).isRunning.subscribe((e) => {
|
|
698
707
|
this.classList.toggle("active", e.current);
|
|
699
|
-
}), t(this,
|
|
700
|
-
t(this, K) || (t(this,
|
|
701
|
-
}), t(this,
|
|
702
|
-
t(this,
|
|
703
|
-
}), t(this, Gt).subscribe((e) => {
|
|
704
|
-
e.current && !e.previous ? (this.classList.add("disabled"), o(this, c, Ps).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), o(this, c, Es).call(this));
|
|
708
|
+
}), t(this, z).subscribe((e) => {
|
|
709
|
+
t(this, K) || (t(this, a).length && o(this, l, ae).call(this), this.style.setProperty("--counter", e.current + ""));
|
|
710
|
+
}), t(this, Qt).subscribe((e) => {
|
|
711
|
+
t(this, Qt).isRunning.current && t(this, f).set(e.current, { equalize: !0 });
|
|
705
712
|
}), t(this, Ut).subscribe((e) => {
|
|
706
|
-
e.current && !e.previous ? (this.classList.add("
|
|
707
|
-
}), t(this,
|
|
713
|
+
e.current && !e.previous ? (this.classList.add("disabled"), o(this, l, Es).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), o(this, l, ws).call(this));
|
|
714
|
+
}), t(this, Kt).subscribe((e) => {
|
|
715
|
+
e.current && !e.previous ? (this.classList.add("hibernated"), o(this, l, Ms).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), o(this, l, Fs).call(this));
|
|
716
|
+
}), t(this, be).observe(), t(this, D).observe(), t(this, Ht).observe(), t(this, mt).observe(), t(this, St).observe(), t(this, gt).observe(), t(this, J).observe(), t(this, $t).observe(), t(this, Bt).observe(), t(this, vt).observe(), t(this, Wt).observe(), t(this, me).observe(), t(this, Q).observe(), t(this, V).observe(), t(this, Se).observe(), t(this, ge).observe(), t(this, ve).observe(), t(this, ye).observe(), t(this, De).observe(), t(this, Ce).observe(), t(this, X).observe(), t(this, X).observe(), t(this, Pe).observe(), t(this, Nt).observe(), t(this, Y).observe(), t(this, qt).observe(), t(this, yt).observe(), t(this, Ee).observe(), t(this, Gt).observe(), t(this, we).observe(), t(this, xe).observe(), t(this, Ut).observe(), t(this, Kt).observe(), pt.subscribe(t(this, qe), Ls.LAST), t(this, Be).observe(this, { childList: !0 });
|
|
708
717
|
}
|
|
709
718
|
disconnectedCallback() {
|
|
710
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, be).unobserve(), t(this,
|
|
719
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, be).unobserve(), t(this, D).unobserve(), t(this, Ht).unobserve(), t(this, mt).unobserve(), t(this, St).unobserve(), t(this, gt).unobserve(), t(this, J).unobserve(), t(this, $t).unobserve(), t(this, Bt).unobserve(), t(this, vt).unobserve(), t(this, Wt).unobserve(), t(this, me).unobserve(), t(this, Q).unobserve(), t(this, V).unobserve(), t(this, Se).unobserve(), t(this, ge).unobserve(), t(this, ve).unobserve(), t(this, ye).unobserve(), t(this, De).unobserve(), t(this, Ce).unobserve(), t(this, X).unobserve(), t(this, Pe).unobserve(), t(this, Nt).unobserve(), t(this, Y).unobserve(), t(this, qt).unobserve(), t(this, yt).unobserve(), t(this, Ee).unobserve(), t(this, Gt).unobserve(), t(this, we).unobserve(), t(this, xe).unobserve(), t(this, Ut).unobserve(), t(this, Kt).unobserve(), pt.unsubscribe(t(this, qe)), pt.unsubscribe(t(this, T)), os.unsubscribe(t(this, T)), o(this, l, Ms).call(this), t(this, Be).disconnect();
|
|
711
720
|
}
|
|
712
721
|
}
|
|
713
|
-
|
|
714
|
-
const e = t(this,
|
|
715
|
-
t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, it).axis = t(this,
|
|
716
|
-
},
|
|
717
|
-
o(this,
|
|
718
|
-
e instanceof HTMLElement && e.tagName !== "SCRIPT" && t(this, G).push(new
|
|
719
|
-
}), r(this,
|
|
722
|
+
f = new WeakMap(), be = new WeakMap(), D = new WeakMap(), Ht = new WeakMap(), mt = new WeakMap(), St = new WeakMap(), gt = new WeakMap(), J = new WeakMap(), $t = new WeakMap(), Bt = new WeakMap(), vt = new WeakMap(), Wt = new WeakMap(), me = new WeakMap(), Q = new WeakMap(), V = new WeakMap(), Se = new WeakMap(), ge = new WeakMap(), ve = new WeakMap(), ye = new WeakMap(), De = new WeakMap(), Ce = new WeakMap(), X = new WeakMap(), Pe = new WeakMap(), Nt = new WeakMap(), Y = new WeakMap(), qt = new WeakMap(), yt = new WeakMap(), Ee = new WeakMap(), Gt = new WeakMap(), we = new WeakMap(), xe = new WeakMap(), Ut = new WeakMap(), Kt = new WeakMap(), Zt = new WeakMap(), b = new WeakMap(), Oe = new WeakMap(), G = new WeakMap(), a = new WeakMap(), ds = new WeakMap(), fs = new WeakMap(), L = new WeakMap(), P = new WeakMap(), U = new WeakMap(), it = new WeakMap(), jt = new WeakMap(), rt = new WeakMap(), F = new WeakMap(), z = new WeakMap(), He = new WeakMap(), Ct = new WeakMap(), Pt = new WeakMap(), Et = new WeakMap(), K = new WeakMap(), $e = new WeakMap(), Jt = new WeakMap(), Qt = new WeakMap(), Le = new WeakMap(), ht = new WeakMap(), A = new WeakMap(), Be = new WeakMap(), wt = new WeakMap(), ke = new WeakMap(), We = new WeakMap(), l = new WeakSet(), Is = function() {
|
|
723
|
+
const e = t(this, D).current, s = t(this, Ht).current ? "-reverse" : "";
|
|
724
|
+
t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, it).axis = t(this, Wt).current ? "max" : e, t(this, jt).dimension = e === "x" ? "width" : "height", t(this, rt).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, A) && t(this, T).call(this);
|
|
725
|
+
}, hs = function() {
|
|
726
|
+
o(this, l, Te).call(this), t(this, Oe).assignedElements().forEach((e, s) => {
|
|
727
|
+
e instanceof HTMLElement && e.tagName !== "SCRIPT" && t(this, G).push(new ki(e, s, this));
|
|
728
|
+
}), r(this, a, [...t(this, G)]), t(this, b).style.transform = "", st(this, "scrollSectionsChange", {
|
|
720
729
|
custom: !0,
|
|
721
730
|
composed: !0
|
|
722
|
-
}), t(this,
|
|
723
|
-
},
|
|
731
|
+
}), t(this, T).call(this), o(this, l, ae).call(this);
|
|
732
|
+
}, Te = function() {
|
|
724
733
|
t(this, G).forEach((e) => {
|
|
725
734
|
e.destroy();
|
|
726
|
-
}), r(this, G, []), r(this,
|
|
735
|
+
}), r(this, G, []), r(this, a, []), t(this, z).reset(), t(this, f).reset(), this.style.removeProperty("--max-section-size"), st(this, "scrollSectionsChange", {
|
|
727
736
|
custom: !0,
|
|
728
737
|
composed: !0
|
|
729
738
|
});
|
|
730
|
-
}, Ps = function() {
|
|
731
|
-
t(this, Et) || (r(this, Et, !0), t(this, p).unsubscribe(t(this, ps)), t(this, p).unlistenAnimationFrame(), clearInterval(t(this, Oe)), clearInterval(t(this, jt)), t(this, Jt).unlistenAnimationFrame(), t(this, it).disconnect(), t(this, Zt).disconnect(), t(this, rt).disconnect(), t(this, M).disconnect(), t(this, Pt) || (this.sections.forEach((e) => {
|
|
732
|
-
e.unsetTransform();
|
|
733
|
-
}), t(this, F).call(this)));
|
|
734
739
|
}, Es = function() {
|
|
735
|
-
t(this, Et)
|
|
736
|
-
|
|
737
|
-
|
|
740
|
+
t(this, Et) || (r(this, Et, !0), t(this, f).unsubscribe(t(this, ps)), t(this, f).unlistenAnimationFrame(), clearInterval(t(this, $e)), clearInterval(t(this, Jt)), t(this, Qt).unlistenAnimationFrame(), t(this, it).disconnect(), t(this, jt).disconnect(), t(this, rt).disconnect(), t(this, F).disconnect(), t(this, Pt) || (this.sections.forEach((e) => {
|
|
741
|
+
e.unsetTransform();
|
|
742
|
+
}), t(this, T).call(this)));
|
|
743
|
+
}, ws = function() {
|
|
744
|
+
t(this, Et) && (r(this, Et, !1), t(this, f).subscribe(t(this, ps), -1e4), t(this, f).notify(), t(this, it).connect(), t(this, jt).connect(), t(this, rt).connect(), t(this, X).current && t(this, F).connect());
|
|
738
745
|
}, Ms = function() {
|
|
739
|
-
t(this, K)
|
|
746
|
+
t(this, K) || (r(this, K, !0), clearTimeout(t(this, We)), pt.unsubscribe(t(this, T)), o(this, l, Es).call(this), t(this, b).style.transform = "", t(this, b).style.height = "", t(this, b).style.width = "", this.classList.remove("has-overflow", "start", "end"), this.style.removeProperty("--counter"), t(this, G).length ? o(this, l, Te).call(this) : (t(this, z).reset(), t(this, f).reset()), ce.unregister(this));
|
|
747
|
+
}, Fs = function() {
|
|
748
|
+
t(this, K) && (r(this, K, !1), ce.register(this), this.tryResplit(), o(this, l, ws).call(this), this.scrollToSection(t(this, Ce).current, {
|
|
740
749
|
behaviour: "instant"
|
|
741
|
-
}),
|
|
742
|
-
},
|
|
743
|
-
let s = t(this,
|
|
744
|
-
return t(this, V).current ? s =
|
|
745
|
-
},
|
|
746
|
-
t(this,
|
|
750
|
+
}), pt.subscribe(t(this, T), Ls.SCROLL));
|
|
751
|
+
}, T = new WeakMap(), ps = new WeakMap(), Ys = function(e) {
|
|
752
|
+
let s = t(this, z).current;
|
|
753
|
+
return t(this, V).current ? s = gi(e, t(this, a).length) : s = js(e, 0, this.limit), s;
|
|
754
|
+
}, Ne = new WeakMap(), bs = new WeakMap(), Ts = function(e = 1) {
|
|
755
|
+
t(this, Nt).current && (t(this, F).direction = e), t(this, X).current && t(this, F).pauseAndContinue(
|
|
747
756
|
t(this, Pe).current,
|
|
748
757
|
this.sectionalCSSProperty.current
|
|
749
758
|
);
|
|
750
|
-
},
|
|
751
|
-
if (t(this, V).current && t(this,
|
|
752
|
-
const s = t(this,
|
|
759
|
+
}, Rs = function(e = "current") {
|
|
760
|
+
if (t(this, V).current && t(this, a).length) {
|
|
761
|
+
const s = t(this, f)[e] % Math.round(t(this, P) + t(this, L) + t(this, U));
|
|
753
762
|
return s < 0 ? t(this, P) + s + t(this, L) + t(this, U) : s;
|
|
754
763
|
} else
|
|
755
|
-
return t(this,
|
|
756
|
-
},
|
|
757
|
-
if (t(this,
|
|
758
|
-
const e = t(this,
|
|
759
|
-
if (e === 0 ? r(this, ht, "start") : e === this.limit ? r(this, ht, "end") : r(this, ht, null),
|
|
764
|
+
return t(this, f)[e];
|
|
765
|
+
}, ae = function() {
|
|
766
|
+
if (t(this, a).length) {
|
|
767
|
+
const e = t(this, z).current + t(this, qt).current;
|
|
768
|
+
if (e === 0 ? r(this, ht, "start") : e === this.limit ? r(this, ht, "end") : r(this, ht, null), st(this, "scrollLine", {
|
|
760
769
|
detail: { line: t(this, ht) }
|
|
761
|
-
}), t(this,
|
|
770
|
+
}), t(this, Y).current) {
|
|
762
771
|
this.classList.remove("end", "start"), t(this, ht) && this.classList.add(t(this, ht));
|
|
763
|
-
const s = t(this,
|
|
764
|
-
r(this, wt, []), t(this,
|
|
772
|
+
const s = t(this, Q).current + t(this, yt).current;
|
|
773
|
+
r(this, wt, []), t(this, a).forEach((h, u) => {
|
|
765
774
|
h.setCurrentIndex(null), h.setCurrentIndexArc(null), h.setCurrentIndexArcAbs(null), h.setMiddle(!1);
|
|
766
775
|
const g = e - this.limit - 1 + t(this, yt).current, v = e + s, C = this.sections.length - v;
|
|
767
776
|
u >= e && u < v || u <= g ? (h.setMark("current"), t(this, wt).push(h)) : u >= v && u < v + C / 2 || u <= g + s ? h.setMark("next") : h.setMark("previous");
|
|
768
|
-
}), t(this,
|
|
777
|
+
}), t(this, ms).call(this);
|
|
769
778
|
}
|
|
770
779
|
}
|
|
771
|
-
},
|
|
772
|
-
if (t(this,
|
|
780
|
+
}, _s = function() {
|
|
781
|
+
if (t(this, Y).current) {
|
|
773
782
|
const e = Math.floor(t(this, wt).length / 2);
|
|
774
783
|
t(this, wt).sort((s, h) => s.element.getBoundingClientRect().left - h.element.getBoundingClientRect().left), t(this, wt).forEach((s, h) => {
|
|
775
784
|
const u = h - e;
|
|
776
785
|
s.setCurrentIndex(h), s.setCurrentIndexArc(u), s.setCurrentIndexArcAbs(Math.abs(u)), s.setMiddle(h === e);
|
|
786
|
+
}), t(this, a).forEach((s, h) => {
|
|
787
|
+
s.setOffsetIndex(
|
|
788
|
+
h - (t(this, z).current + t(this, Q).current)
|
|
789
|
+
);
|
|
777
790
|
});
|
|
778
791
|
}
|
|
779
|
-
},
|
|
792
|
+
}, ms = new WeakMap(), ns = function(e = !1) {
|
|
780
793
|
let s = this.targetScrollValue, h = 1 / 0, u = 0;
|
|
781
|
-
const g = t(this,
|
|
782
|
-
for (let v = 0; v < t(this,
|
|
783
|
-
const C = t(this,
|
|
784
|
-
let le = t(this,
|
|
785
|
-
this.overscroll &&
|
|
786
|
-
let
|
|
787
|
-
|
|
794
|
+
const g = t(this, f).direction;
|
|
795
|
+
for (let v = 0; v < t(this, a).length; v++) {
|
|
796
|
+
const C = t(this, a)[v];
|
|
797
|
+
let le = t(this, Le) ? C.size * g * -1 * 0.4 : 0, Me = C.position;
|
|
798
|
+
this.overscroll && Me === 0 && e && (Me = t(this, Ct));
|
|
799
|
+
let rs = Math.abs(Me + le - s);
|
|
800
|
+
rs <= h && (h = rs, u = v);
|
|
788
801
|
}
|
|
789
802
|
return u;
|
|
790
|
-
},
|
|
791
|
-
q && !customElements.get("e-scroll") && customElements.define("e-scroll",
|
|
792
|
-
var
|
|
793
|
-
class
|
|
803
|
+
}, qe = new WeakMap();
|
|
804
|
+
q && !customElements.get("e-scroll") && customElements.define("e-scroll", As);
|
|
805
|
+
var Ss;
|
|
806
|
+
class is extends HTMLElement {
|
|
794
807
|
constructor() {
|
|
795
808
|
super(...arguments);
|
|
796
|
-
i(this,
|
|
809
|
+
i(this, Ss, null);
|
|
797
810
|
}
|
|
798
811
|
get scrollElement() {
|
|
799
|
-
return t(this,
|
|
812
|
+
return t(this, Ss);
|
|
800
813
|
}
|
|
801
814
|
connectedCallback() {
|
|
802
|
-
const e =
|
|
803
|
-
e instanceof
|
|
815
|
+
const e = Li(this, As);
|
|
816
|
+
e instanceof As ? r(this, Ss, e) : console.error(this, "e-scroll not found");
|
|
804
817
|
}
|
|
805
818
|
}
|
|
806
|
-
|
|
807
|
-
var
|
|
808
|
-
class
|
|
819
|
+
Ss = new WeakMap();
|
|
820
|
+
var Xt, O, xt, Lt, Ge, Ue, Yt, Ke, gs, vs;
|
|
821
|
+
class zi extends is {
|
|
809
822
|
constructor() {
|
|
810
823
|
super();
|
|
811
|
-
i(this,
|
|
824
|
+
i(this, Xt, null);
|
|
812
825
|
i(this, O, null);
|
|
813
826
|
i(this, xt, !1);
|
|
814
827
|
i(this, Lt, 0);
|
|
815
|
-
i(this,
|
|
816
|
-
i(this,
|
|
817
|
-
i(this,
|
|
828
|
+
i(this, Ge, 0);
|
|
829
|
+
i(this, Ue, 0);
|
|
830
|
+
i(this, Yt, () => {
|
|
818
831
|
r(this, xt, this.offsetWidth > this.offsetHeight);
|
|
819
832
|
const e = t(this, xt) ? this.offsetWidth : this.offsetHeight;
|
|
820
|
-
r(this, Lt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, Lt, Math.max(t(this, Lt), 30)), t(this, xt) ? (t(this, O).style.width = t(this, Lt) + "px", t(this, O).style.height = "100%") : (t(this, O).style.width = "100%", t(this, O).style.height = t(this, Lt) + "px"), r(this,
|
|
833
|
+
r(this, Lt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, Lt, Math.max(t(this, Lt), 30)), t(this, xt) ? (t(this, O).style.width = t(this, Lt) + "px", t(this, O).style.height = "100%") : (t(this, O).style.width = "100%", t(this, O).style.height = t(this, Lt) + "px"), r(this, Ge, e - t(this, Lt)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Ke).call(this);
|
|
821
834
|
});
|
|
822
|
-
i(this,
|
|
823
|
-
r(this,
|
|
835
|
+
i(this, Ke, () => {
|
|
836
|
+
r(this, Ue, this.scrollElement.currentProgress * t(this, Ge)), t(this, xt) ? t(this, O).style.transform = `translate3d(${t(this, Ue)}px, 0px, 0px)` : t(this, O).style.transform = `translate3d(0px, ${t(this, Ue)}px, 0px)`;
|
|
824
837
|
});
|
|
825
|
-
i(this,
|
|
838
|
+
i(this, gs, () => {
|
|
826
839
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
827
840
|
});
|
|
828
|
-
i(this,
|
|
829
|
-
document.documentElement.classList.add("grabbing"),
|
|
841
|
+
i(this, vs, (e) => {
|
|
842
|
+
document.documentElement.classList.add("grabbing"), xi(
|
|
830
843
|
(u) => {
|
|
831
|
-
const g = t(this, xt) ? u.x : u.y, v = this.scrollElement.distance / t(this,
|
|
844
|
+
const g = t(this, xt) ? u.x : u.y, v = this.scrollElement.distance / t(this, Ge), C = (g - h) * v;
|
|
832
845
|
this.scrollElement.setPosition(s + C);
|
|
833
846
|
},
|
|
834
847
|
() => {
|
|
@@ -840,7 +853,7 @@ class Vi extends es {
|
|
|
840
853
|
if (q) {
|
|
841
854
|
const e = this.attachShadow({ mode: "open" });
|
|
842
855
|
e.adoptedStyleSheets = [
|
|
843
|
-
|
|
856
|
+
Js({
|
|
844
857
|
":host": {
|
|
845
858
|
display: "inline-block",
|
|
846
859
|
zIndex: "1",
|
|
@@ -869,7 +882,7 @@ class Vi extends es {
|
|
|
869
882
|
touchAction: "none"
|
|
870
883
|
}
|
|
871
884
|
})
|
|
872
|
-
], r(this,
|
|
885
|
+
], r(this, Xt, document.createElement("slot")), t(this, Xt).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, Xt));
|
|
873
886
|
}
|
|
874
887
|
}
|
|
875
888
|
get thumbElement() {
|
|
@@ -877,28 +890,28 @@ class Vi extends es {
|
|
|
877
890
|
}
|
|
878
891
|
connectedCallback() {
|
|
879
892
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
880
|
-
const e = t(this,
|
|
881
|
-
r(this, O, e), t(this, O).addEventListener("pointerdown", t(this,
|
|
893
|
+
const e = t(this, Xt).assignedElements()[0] || t(this, Xt).firstElementChild;
|
|
894
|
+
r(this, O, e), t(this, O).addEventListener("pointerdown", t(this, vs)), pt.subscribe(t(this, Yt), Ls.SCROLL), os.subscribe(this, t(this, Yt)), os.subscribe(this.scrollElement, t(this, Yt)), this.scrollElement.onScroll(t(this, Ke)), this.scrollElement.axisCSSProperty.subscribe(t(this, gs));
|
|
882
895
|
}
|
|
883
896
|
disconnectedCallback() {
|
|
884
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this,
|
|
897
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this, vs)), pt.unsubscribe(t(this, Yt)), os.unsubscribe(t(this, Yt)), this.scrollElement.offScroll(t(this, Ke)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, gs));
|
|
885
898
|
}
|
|
886
899
|
}
|
|
887
|
-
|
|
888
|
-
q && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar",
|
|
889
|
-
var
|
|
890
|
-
class
|
|
900
|
+
Xt = new WeakMap(), O = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), Ge = new WeakMap(), Ue = new WeakMap(), Yt = new WeakMap(), Ke = new WeakMap(), gs = new WeakMap(), vs = new WeakMap();
|
|
901
|
+
q && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", zi);
|
|
902
|
+
var Ze, je, Je;
|
|
903
|
+
class Bs extends is {
|
|
891
904
|
constructor() {
|
|
892
905
|
super();
|
|
893
|
-
i(this,
|
|
894
|
-
i(this,
|
|
906
|
+
i(this, Ze, new c(this, "--behaviour", "smooth"));
|
|
907
|
+
i(this, je, new c(
|
|
895
908
|
this,
|
|
896
909
|
"--tween-easing",
|
|
897
910
|
!1
|
|
898
911
|
));
|
|
899
|
-
i(this,
|
|
912
|
+
i(this, Je, new c(this, "--tween-duration", 0));
|
|
900
913
|
q && this.addEventListener("click", () => {
|
|
901
|
-
const e = t(this,
|
|
914
|
+
const e = t(this, Ze).current, s = t(this, je).current, h = t(this, Je).current;
|
|
902
915
|
this.handleClick({
|
|
903
916
|
behaviour: e,
|
|
904
917
|
tween: s || h ? { easing: s, duration: h } : void 0
|
|
@@ -906,37 +919,37 @@ class $s extends es {
|
|
|
906
919
|
});
|
|
907
920
|
}
|
|
908
921
|
connectedCallback() {
|
|
909
|
-
super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this,
|
|
922
|
+
super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, Ze).observe(), t(this, je).observe(), t(this, Je).observe();
|
|
910
923
|
}
|
|
911
924
|
disconnectedCallback() {
|
|
912
|
-
this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this,
|
|
925
|
+
this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, Ze).close(), t(this, je).close(), t(this, Je).close();
|
|
913
926
|
}
|
|
914
927
|
}
|
|
915
|
-
|
|
916
|
-
var
|
|
917
|
-
class
|
|
928
|
+
Ze = new WeakMap(), je = new WeakMap(), Je = new WeakMap();
|
|
929
|
+
var Qe;
|
|
930
|
+
class Ai extends Bs {
|
|
918
931
|
constructor() {
|
|
919
932
|
super(...arguments);
|
|
920
|
-
i(this,
|
|
933
|
+
i(this, Qe, new c(this, "--set", 1));
|
|
921
934
|
}
|
|
922
935
|
handleClick(e) {
|
|
923
|
-
this.scrollElement.scrollToSection(t(this,
|
|
936
|
+
this.scrollElement.scrollToSection(t(this, Qe).current, e);
|
|
924
937
|
}
|
|
925
938
|
connectedCallback() {
|
|
926
|
-
super.connectedCallback(), t(this,
|
|
939
|
+
super.connectedCallback(), t(this, Qe).observe();
|
|
927
940
|
}
|
|
928
941
|
disconnectedCallback() {
|
|
929
|
-
super.disconnectedCallback(), t(this,
|
|
942
|
+
super.disconnectedCallback(), t(this, Qe).close();
|
|
930
943
|
}
|
|
931
944
|
}
|
|
932
|
-
|
|
933
|
-
q && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button",
|
|
934
|
-
var kt,
|
|
935
|
-
class
|
|
945
|
+
Qe = new WeakMap();
|
|
946
|
+
q && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", Ai);
|
|
947
|
+
var kt, Xe;
|
|
948
|
+
class Ii extends Bs {
|
|
936
949
|
constructor() {
|
|
937
950
|
super(...arguments);
|
|
938
|
-
i(this, kt, new
|
|
939
|
-
i(this,
|
|
951
|
+
i(this, kt, new c(this, "--step", 1));
|
|
952
|
+
i(this, Xe, () => {
|
|
940
953
|
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, kt).current > 0 && this.scrollElement.scrollLine === "end" || t(this, kt).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
|
|
941
954
|
});
|
|
942
955
|
}
|
|
@@ -945,68 +958,68 @@ class Ai extends $s {
|
|
|
945
958
|
}
|
|
946
959
|
connectedCallback() {
|
|
947
960
|
super.connectedCallback(), this.scrollElement && (t(this, kt).subscribe(() => {
|
|
948
|
-
t(this,
|
|
961
|
+
t(this, Xe).call(this);
|
|
949
962
|
}), t(this, kt).observe(), this.scrollElement.addEventListener(
|
|
950
963
|
"scrollLine",
|
|
951
|
-
t(this,
|
|
952
|
-
), t(this,
|
|
964
|
+
t(this, Xe)
|
|
965
|
+
), t(this, Xe).call(this));
|
|
953
966
|
}
|
|
954
967
|
disconnectedCallback() {
|
|
955
968
|
super.disconnectedCallback(), t(this, kt).close(), this.removeAttribute("disabled");
|
|
956
969
|
}
|
|
957
970
|
}
|
|
958
|
-
kt = new WeakMap(),
|
|
959
|
-
q && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button",
|
|
960
|
-
var nt,
|
|
961
|
-
class
|
|
971
|
+
kt = new WeakMap(), Xe = new WeakMap();
|
|
972
|
+
q && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", Ii);
|
|
973
|
+
var nt, _t, Ye, ys, Cs, _e;
|
|
974
|
+
class Mi {
|
|
962
975
|
constructor(n, e, s) {
|
|
963
976
|
i(this, nt, null);
|
|
964
|
-
i(this,
|
|
965
|
-
i(this,
|
|
966
|
-
i(this,
|
|
967
|
-
i(this,
|
|
968
|
-
t(this,
|
|
969
|
-
behaviour: t(this,
|
|
977
|
+
i(this, _t, null);
|
|
978
|
+
i(this, Ye, null);
|
|
979
|
+
i(this, ys, null);
|
|
980
|
+
i(this, Cs, () => {
|
|
981
|
+
t(this, _t).scrollToSection(t(this, Ye), {
|
|
982
|
+
behaviour: t(this, ys)
|
|
970
983
|
});
|
|
971
984
|
});
|
|
972
|
-
i(this,
|
|
985
|
+
i(this, _e, () => {
|
|
973
986
|
t(this, nt).classList.toggle(
|
|
974
987
|
"current",
|
|
975
|
-
t(this,
|
|
988
|
+
t(this, _t).counter.current === t(this, Ye)
|
|
976
989
|
);
|
|
977
990
|
});
|
|
978
|
-
q && (r(this, nt, document.createElement("button")), t(this, nt).setAttribute("aria-label", `Go to section ${e + 1}`), r(this,
|
|
991
|
+
q && (r(this, nt, document.createElement("button")), t(this, nt).setAttribute("aria-label", `Go to section ${e + 1}`), r(this, _t, n), r(this, ys, s), r(this, Ye, e), t(this, nt).addEventListener("click", t(this, Cs)), t(this, _t).counter.subscribe(t(this, _e)), t(this, _e).call(this));
|
|
979
992
|
}
|
|
980
993
|
get element() {
|
|
981
994
|
return t(this, nt);
|
|
982
995
|
}
|
|
983
996
|
destroy() {
|
|
984
|
-
t(this, nt).removeEventListener("click", t(this,
|
|
997
|
+
t(this, nt).removeEventListener("click", t(this, Cs)), t(this, _t).counter.unsubscribe(t(this, _e)), t(this, nt).remove();
|
|
985
998
|
}
|
|
986
999
|
}
|
|
987
|
-
nt = new WeakMap(),
|
|
988
|
-
var
|
|
989
|
-
class
|
|
1000
|
+
nt = new WeakMap(), _t = new WeakMap(), Ye = new WeakMap(), ys = new WeakMap(), Cs = new WeakMap(), _e = new WeakMap();
|
|
1001
|
+
var Ve, te, ot;
|
|
1002
|
+
class Fi extends is {
|
|
990
1003
|
constructor() {
|
|
991
1004
|
super(...arguments);
|
|
992
|
-
i(this,
|
|
993
|
-
i(this,
|
|
994
|
-
i(this, ot,
|
|
995
|
-
t(this,
|
|
1005
|
+
i(this, Ve, null);
|
|
1006
|
+
i(this, te, []);
|
|
1007
|
+
i(this, ot, xs(() => {
|
|
1008
|
+
t(this, te).forEach((s) => s.destroy()), r(this, te, []);
|
|
996
1009
|
let e = 0;
|
|
997
1010
|
this.scrollElement.loopCSSProperty.current ? e = this.scrollElement.visibleSections.length : e = this.scrollElement.visibleSections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
|
|
998
1011
|
for (let s = 0; s < e; s++) {
|
|
999
|
-
const h = new
|
|
1012
|
+
const h = new Mi(
|
|
1000
1013
|
this.scrollElement,
|
|
1001
1014
|
s,
|
|
1002
1015
|
this.getAttribute("behaviour") || "smooth"
|
|
1003
1016
|
);
|
|
1004
|
-
t(this,
|
|
1017
|
+
t(this, Ve).appendChild(h.element), t(this, te).push(h);
|
|
1005
1018
|
}
|
|
1006
1019
|
}, 0));
|
|
1007
1020
|
}
|
|
1008
1021
|
connectedCallback() {
|
|
1009
|
-
super.connectedCallback(), this.innerHTML = "", r(this,
|
|
1022
|
+
super.connectedCallback(), this.innerHTML = "", r(this, Ve, document.createElement("div")), this.appendChild(t(this, Ve)), this.scrollElement.addEventListener(
|
|
1010
1023
|
"scrollSectionsChange",
|
|
1011
1024
|
t(this, ot)
|
|
1012
1025
|
), this.scrollElement.sectionsInViewCSSProperty.subscribe(
|
|
@@ -1019,116 +1032,116 @@ class Mi extends es {
|
|
|
1019
1032
|
t(this, ot)
|
|
1020
1033
|
), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
|
|
1021
1034
|
t(this, ot)
|
|
1022
|
-
), this.scrollElement.loopCSSProperty.unsubscribe(t(this, ot)), t(this,
|
|
1035
|
+
), this.scrollElement.loopCSSProperty.unsubscribe(t(this, ot)), t(this, te).forEach((e) => e.destroy()), r(this, te, []), t(this, Ve).remove();
|
|
1023
1036
|
}
|
|
1024
1037
|
}
|
|
1025
|
-
|
|
1026
|
-
q && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons",
|
|
1027
|
-
var
|
|
1028
|
-
class
|
|
1038
|
+
Ve = new WeakMap(), te = new WeakMap(), ot = new WeakMap();
|
|
1039
|
+
q && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", Fi);
|
|
1040
|
+
var ee, se, ie, re, Vt, zt, At, It, I, H, $, B, Mt, k, ct, lt, _, Ft, ze, ut, at, dt, w, W, N, tt, et, Z, ts, S, Tt, he, es, x, ft, R, M, j, Ae, Rt, y, ne, m, ti, ei, si, ii, ri, hi, ss, Ie, Ds, de, ni, oi, Os;
|
|
1041
|
+
class Ti extends is {
|
|
1029
1042
|
constructor() {
|
|
1030
1043
|
super(...arguments);
|
|
1031
1044
|
i(this, m);
|
|
1032
|
-
i(this, te);
|
|
1033
1045
|
i(this, ee);
|
|
1034
1046
|
i(this, se);
|
|
1035
1047
|
i(this, ie);
|
|
1048
|
+
i(this, re);
|
|
1036
1049
|
i(this, Vt);
|
|
1037
1050
|
i(this, zt);
|
|
1038
1051
|
i(this, At);
|
|
1039
1052
|
i(this, It);
|
|
1040
|
-
i(this,
|
|
1053
|
+
i(this, I);
|
|
1041
1054
|
i(this, H);
|
|
1042
1055
|
i(this, $);
|
|
1043
1056
|
i(this, B);
|
|
1044
1057
|
i(this, Mt);
|
|
1045
1058
|
i(this, k);
|
|
1046
|
-
i(this, lt);
|
|
1047
1059
|
i(this, ct);
|
|
1048
|
-
i(this,
|
|
1060
|
+
i(this, lt);
|
|
1061
|
+
i(this, _);
|
|
1049
1062
|
i(this, Ft);
|
|
1050
|
-
i(this,
|
|
1063
|
+
i(this, ze);
|
|
1051
1064
|
i(this, ut);
|
|
1052
1065
|
i(this, at);
|
|
1053
1066
|
i(this, dt);
|
|
1054
1067
|
i(this, w);
|
|
1055
1068
|
i(this, W);
|
|
1056
1069
|
i(this, N);
|
|
1057
|
-
i(this,
|
|
1058
|
-
i(this,
|
|
1070
|
+
i(this, tt);
|
|
1071
|
+
i(this, et);
|
|
1059
1072
|
i(this, Z);
|
|
1060
|
-
i(this,
|
|
1073
|
+
i(this, ts);
|
|
1061
1074
|
i(this, S);
|
|
1062
1075
|
i(this, Tt);
|
|
1063
|
-
i(this,
|
|
1064
|
-
i(this,
|
|
1076
|
+
i(this, he);
|
|
1077
|
+
i(this, es);
|
|
1065
1078
|
i(this, x);
|
|
1066
|
-
i(this,
|
|
1067
|
-
i(this,
|
|
1068
|
-
i(this,
|
|
1079
|
+
i(this, ft);
|
|
1080
|
+
i(this, R);
|
|
1081
|
+
i(this, M);
|
|
1069
1082
|
i(this, j);
|
|
1070
|
-
i(this,
|
|
1083
|
+
i(this, Ae);
|
|
1071
1084
|
i(this, Rt);
|
|
1072
1085
|
i(this, y);
|
|
1073
|
-
i(this,
|
|
1074
|
-
i(this,
|
|
1075
|
-
i(this,
|
|
1076
|
-
r(this,
|
|
1086
|
+
i(this, ne);
|
|
1087
|
+
i(this, ss);
|
|
1088
|
+
i(this, Ie);
|
|
1089
|
+
r(this, ee, new c(this, "--damping", 20)), r(this, se, new c(this, "--mass", 0)), r(this, ie, new c(this, "--stiffness", 0)), r(this, re, new c(this, "--target", "")), r(this, Vt, new c(this, "--disabled", !1)), r(this, zt, new c(
|
|
1077
1090
|
this,
|
|
1078
1091
|
"--distance-offset",
|
|
1079
1092
|
0,
|
|
1080
1093
|
{ rawValueCheck: !1 }
|
|
1081
|
-
)), r(this, At, new
|
|
1094
|
+
)), r(this, At, new c(this, "--start-offset", 0, {
|
|
1082
1095
|
rawValueCheck: !1
|
|
1083
|
-
})), r(this, It, new
|
|
1096
|
+
})), r(this, It, new c(
|
|
1084
1097
|
this,
|
|
1085
1098
|
"--capture-once",
|
|
1086
1099
|
!1
|
|
1087
|
-
)), r(this,
|
|
1100
|
+
)), r(this, I, new c(this, "--captured", "")), r(this, H, new c(this, "--released", "")), r(this, $, new c(
|
|
1088
1101
|
this,
|
|
1089
1102
|
"--captured-from-start",
|
|
1090
1103
|
""
|
|
1091
|
-
)), r(this, B, new
|
|
1104
|
+
)), r(this, B, new c(
|
|
1092
1105
|
this,
|
|
1093
1106
|
"--captured-from-finish",
|
|
1094
1107
|
""
|
|
1095
|
-
)), r(this, Mt, new
|
|
1108
|
+
)), r(this, Mt, new c(
|
|
1096
1109
|
this,
|
|
1097
1110
|
"--released-from-start",
|
|
1098
1111
|
""
|
|
1099
|
-
)), r(this, k, new
|
|
1112
|
+
)), r(this, k, new c(
|
|
1100
1113
|
this,
|
|
1101
1114
|
"--released-from-finish",
|
|
1102
1115
|
""
|
|
1103
|
-
)), r(this,
|
|
1116
|
+
)), r(this, ct, new c(this, "--passed-var", "")), r(this, lt, new c(this, "--progress-var", "")), r(this, _, new c(
|
|
1104
1117
|
this,
|
|
1105
1118
|
"--progress-arc-var",
|
|
1106
1119
|
""
|
|
1107
|
-
)), r(this, Ft, new
|
|
1120
|
+
)), r(this, Ft, new c(
|
|
1108
1121
|
this,
|
|
1109
1122
|
"--progress-arc-mult",
|
|
1110
1123
|
1
|
|
1111
|
-
)), r(this,
|
|
1124
|
+
)), r(this, ze, new c(
|
|
1112
1125
|
this,
|
|
1113
1126
|
"--animation-var-type",
|
|
1114
1127
|
"target"
|
|
1115
|
-
)), r(this, ut, new
|
|
1116
|
-
r(this,
|
|
1117
|
-
const e =
|
|
1128
|
+
)), r(this, ut, new c(this, "--distance-var", "")), r(this, at, new c(this, "--start-var", "")), r(this, dt, new c(this, "--finish-var", "")), r(this, w, new ue(!1)), r(this, W, new ue(!1)), r(this, N, new ue(!1)), r(this, tt, new ue(!1)), r(this, et, new ue(!1)), r(this, Z, new ue(!1)), r(this, ts, []), r(this, S, this), r(this, Tt, 0), r(this, he, 0), r(this, es, 0), r(this, x, new Xs(0, { order: Qs.SEGMENT, min: 0, max: 1 })), r(this, ft, 0), r(this, R, 0), r(this, M, 0), r(this, j, 0), r(this, Ae, !1), r(this, Rt, !1), r(this, y, !0), r(this, ne, !1), this.resize = () => {
|
|
1129
|
+
r(this, he, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Tt, this.scrollElement.vertical ? cs(this, this.scrollElement) : ls(this, this.scrollElement));
|
|
1130
|
+
const e = bi(
|
|
1118
1131
|
this,
|
|
1119
1132
|
this.scrollElement.vertical ? "top" : "left"
|
|
1120
1133
|
);
|
|
1121
|
-
r(this, Tt, t(this, Tt) - e), r(this,
|
|
1122
|
-
}, this.findAnotherScrollEntries =
|
|
1123
|
-
const e =
|
|
1134
|
+
r(this, Tt, t(this, Tt) - e), r(this, R, this.getStart()), r(this, M, this.getDistance()), r(this, R, t(this, R) + t(this, At).current), r(this, M, t(this, M) + t(this, zt).current), r(this, j, t(this, R) + t(this, M)), this.scrollElement.currentScrollValue > t(this, j) && !t(this, w).current && !t(this, W).current && (t(this, w).current = !0), this.setVar(t(this, at).current, t(this, R)), this.setVar(t(this, dt).current, t(this, j)), this.setVar(t(this, ut).current, t(this, M)), t(this, x).max = t(this, M), r(this, Ae, !0), t(this, Ie).call(this);
|
|
1135
|
+
}, this.findAnotherScrollEntries = xs(() => {
|
|
1136
|
+
const e = ce.getAll(this).reverse();
|
|
1124
1137
|
let s = 0;
|
|
1125
1138
|
e.forEach((h, u) => {
|
|
1126
1139
|
h.element === this.scrollElement && (s = u);
|
|
1127
|
-
}), r(this,
|
|
1128
|
-
}, 0), r(this,
|
|
1140
|
+
}), r(this, ts, e.slice(s + 1)), this.tick();
|
|
1141
|
+
}, 0), r(this, ss, () => {
|
|
1129
1142
|
t(this, y) || this.resize();
|
|
1130
|
-
}), r(this,
|
|
1131
|
-
!t(this, y) && t(this,
|
|
1143
|
+
}), r(this, Ie, () => {
|
|
1144
|
+
!t(this, y) && t(this, Ae) && this.tick();
|
|
1132
1145
|
});
|
|
1133
1146
|
}
|
|
1134
1147
|
get distanceOffsetCSSProperty() {
|
|
@@ -1141,7 +1154,7 @@ class Fi extends es {
|
|
|
1141
1154
|
return t(this, It);
|
|
1142
1155
|
}
|
|
1143
1156
|
get capturedCSSProperty() {
|
|
1144
|
-
return t(this,
|
|
1157
|
+
return t(this, I);
|
|
1145
1158
|
}
|
|
1146
1159
|
get releasedCSSProperty() {
|
|
1147
1160
|
return t(this, H);
|
|
@@ -1159,19 +1172,19 @@ class Fi extends es {
|
|
|
1159
1172
|
return t(this, k);
|
|
1160
1173
|
}
|
|
1161
1174
|
get passedVarCSSProperty() {
|
|
1162
|
-
return t(this,
|
|
1175
|
+
return t(this, ct);
|
|
1163
1176
|
}
|
|
1164
1177
|
get progressVarCSSProperty() {
|
|
1165
|
-
return t(this,
|
|
1178
|
+
return t(this, lt);
|
|
1166
1179
|
}
|
|
1167
1180
|
get progressArcVarCSSProperty() {
|
|
1168
|
-
return t(this,
|
|
1181
|
+
return t(this, _);
|
|
1169
1182
|
}
|
|
1170
1183
|
get progressArcMultCSSProperty() {
|
|
1171
1184
|
return t(this, Ft);
|
|
1172
1185
|
}
|
|
1173
1186
|
get animationVarTypeCSSProperty() {
|
|
1174
|
-
return t(this,
|
|
1187
|
+
return t(this, ze);
|
|
1175
1188
|
}
|
|
1176
1189
|
get distanceVarCSSProperty() {
|
|
1177
1190
|
return t(this, ut);
|
|
@@ -1186,16 +1199,16 @@ class Fi extends es {
|
|
|
1186
1199
|
return t(this, Vt);
|
|
1187
1200
|
}
|
|
1188
1201
|
get dampingCSSProperty() {
|
|
1189
|
-
return t(this,
|
|
1202
|
+
return t(this, ee);
|
|
1190
1203
|
}
|
|
1191
1204
|
get massCSSProperty() {
|
|
1192
|
-
return t(this,
|
|
1205
|
+
return t(this, se);
|
|
1193
1206
|
}
|
|
1194
1207
|
get stiffnessCSSProperty() {
|
|
1195
|
-
return t(this,
|
|
1208
|
+
return t(this, ie);
|
|
1196
1209
|
}
|
|
1197
1210
|
get targetCSSProperty() {
|
|
1198
|
-
return t(this,
|
|
1211
|
+
return t(this, re);
|
|
1199
1212
|
}
|
|
1200
1213
|
get isCaptured() {
|
|
1201
1214
|
return t(this, w);
|
|
@@ -1207,10 +1220,10 @@ class Fi extends es {
|
|
|
1207
1220
|
return t(this, N);
|
|
1208
1221
|
}
|
|
1209
1222
|
get isReleasedFromStart() {
|
|
1210
|
-
return t(this,
|
|
1223
|
+
return t(this, tt);
|
|
1211
1224
|
}
|
|
1212
1225
|
get isCapturedFromFinish() {
|
|
1213
|
-
return t(this,
|
|
1226
|
+
return t(this, et);
|
|
1214
1227
|
}
|
|
1215
1228
|
get isReleasedFromFinish() {
|
|
1216
1229
|
return t(this, Z);
|
|
@@ -1219,25 +1232,25 @@ class Fi extends es {
|
|
|
1219
1232
|
return t(this, Tt);
|
|
1220
1233
|
}
|
|
1221
1234
|
get directionSize() {
|
|
1222
|
-
return t(this,
|
|
1235
|
+
return t(this, he);
|
|
1223
1236
|
}
|
|
1224
1237
|
get passed() {
|
|
1225
1238
|
return t(this, x);
|
|
1226
1239
|
}
|
|
1227
1240
|
get progress() {
|
|
1228
|
-
return t(this,
|
|
1241
|
+
return t(this, ft);
|
|
1229
1242
|
}
|
|
1230
1243
|
get progressArc() {
|
|
1231
|
-
return Math.abs(Math.cos(t(this,
|
|
1244
|
+
return Math.abs(Math.cos(t(this, ft) * Math.PI)) * t(this, Ft).current;
|
|
1232
1245
|
}
|
|
1233
1246
|
get start() {
|
|
1234
|
-
return t(this,
|
|
1247
|
+
return t(this, R);
|
|
1235
1248
|
}
|
|
1236
1249
|
get finish() {
|
|
1237
1250
|
return t(this, j);
|
|
1238
1251
|
}
|
|
1239
1252
|
get distance() {
|
|
1240
|
-
return t(this,
|
|
1253
|
+
return t(this, M);
|
|
1241
1254
|
}
|
|
1242
1255
|
get isCapturedOnce() {
|
|
1243
1256
|
return t(this, Rt);
|
|
@@ -1247,113 +1260,113 @@ class Fi extends es {
|
|
|
1247
1260
|
}
|
|
1248
1261
|
tick() {
|
|
1249
1262
|
let e = this.scrollElement.currentScrollValue;
|
|
1250
|
-
t(this,
|
|
1263
|
+
t(this, ts).forEach((u) => {
|
|
1251
1264
|
e += u.value;
|
|
1252
1265
|
});
|
|
1253
|
-
const s = e - t(this,
|
|
1254
|
-
t(this,
|
|
1266
|
+
const s = e - t(this, R);
|
|
1267
|
+
t(this, ne) || r(this, ne, t(this, x).previous ? Math.abs(t(this, x).previous - s) > 1e3 : !1), t(this, x).set(s);
|
|
1255
1268
|
const h = Math.round(e);
|
|
1256
|
-
t(this, w).current && (h >= t(this,
|
|
1257
|
-
|
|
1258
|
-
), o(this, m,
|
|
1269
|
+
t(this, w).current && (h >= t(this, R) ? t(this, N).current || o(this, m, si).call(this) : t(this, N).current && !t(this, tt).current && o(this, m, ri).call(this), h < t(this, j) ? t(this, Z).current && !t(this, et).current && o(this, m, ii).call(this) : t(this, N).current && !t(this, Z).current && o(this, m, hi).call(this)), h >= t(this, R) && h < t(this, j) ? t(this, w).current || o(this, m, ti).call(this) : t(this, w).current && (t(this, x).set(
|
|
1270
|
+
mi(t(this, M) / 2, t(this, x).target, 0, t(this, M))
|
|
1271
|
+
), o(this, m, ei).call(this)), t(this, Rt) && t(this, It).current && (t(this, I).current && t(this, S).classList.add(t(this, I).current), r(this, y, !0));
|
|
1259
1272
|
}
|
|
1260
1273
|
disable() {
|
|
1261
|
-
this.style.cssText = "", r(this, Tt, 0), r(this,
|
|
1274
|
+
this.style.cssText = "", r(this, Tt, 0), r(this, he, 0), t(this, x).reset(), r(this, ft, 0), r(this, R, 0), r(this, M, 0), r(this, j, 0), r(this, Ae, !1), t(this, w).current = !1, t(this, W).current = !1, t(this, N).current = !1, t(this, tt).current = !1, t(this, et).current = !1, t(this, Z).current = !1, r(this, Rt, !1), r(this, y, !0), o(this, m, Os).call(this);
|
|
1262
1275
|
}
|
|
1263
1276
|
enable() {
|
|
1264
1277
|
r(this, y, !1);
|
|
1265
1278
|
}
|
|
1266
1279
|
connectedCallback() {
|
|
1267
1280
|
super.connectedCallback(), t(this, w).subscribe((s) => {
|
|
1268
|
-
s.current &&
|
|
1281
|
+
s.current && st(this, "scrollSegmentCapture", {
|
|
1269
1282
|
composed: !0,
|
|
1270
1283
|
custom: !0
|
|
1271
1284
|
});
|
|
1272
1285
|
}), t(this, N).subscribe((s) => {
|
|
1273
|
-
s.current &&
|
|
1286
|
+
s.current && st(this, "scrollSegmentCaptureFromStart", {
|
|
1274
1287
|
composed: !0,
|
|
1275
1288
|
custom: !0
|
|
1276
1289
|
});
|
|
1277
|
-
}), t(this,
|
|
1278
|
-
s.current &&
|
|
1290
|
+
}), t(this, et).subscribe((s) => {
|
|
1291
|
+
s.current && st(this, "scrollSegmentCaptureFromFinish", {
|
|
1279
1292
|
composed: !0,
|
|
1280
1293
|
custom: !0
|
|
1281
1294
|
});
|
|
1282
1295
|
}), t(this, W).subscribe((s) => {
|
|
1283
|
-
s.current &&
|
|
1296
|
+
s.current && st(this, "scrollSegmentRelease", {
|
|
1284
1297
|
composed: !0,
|
|
1285
1298
|
custom: !0
|
|
1286
1299
|
});
|
|
1287
|
-
}), t(this,
|
|
1288
|
-
s.current &&
|
|
1300
|
+
}), t(this, tt).subscribe((s) => {
|
|
1301
|
+
s.current && st(this, "scrollSegmentReleaseFromStart", {
|
|
1289
1302
|
composed: !0,
|
|
1290
1303
|
custom: !0
|
|
1291
1304
|
});
|
|
1292
1305
|
}), t(this, Z).subscribe((s) => {
|
|
1293
|
-
s.current &&
|
|
1306
|
+
s.current && st(this, "scrollSegmentReleaseFromFinish", {
|
|
1294
1307
|
composed: !0,
|
|
1295
1308
|
custom: !0
|
|
1296
1309
|
});
|
|
1297
|
-
}), t(this,
|
|
1310
|
+
}), t(this, ee).observe(), t(this, se).observe(), t(this, ie).observe(), t(this, re).observe(), t(this, Vt).observe(), t(this, zt).observe(), t(this, At).observe(), t(this, It).observe(), t(this, I).observe(), t(this, H).observe(), t(this, $).observe(), t(this, B).observe(), t(this, Mt).observe(), t(this, k).observe(), t(this, ct).observe(), t(this, lt).observe(), t(this, _).observe(), t(this, Ft).observe(), t(this, ze).observe(), t(this, ut).observe(), t(this, at).observe(), t(this, dt).observe();
|
|
1298
1311
|
let e = !1;
|
|
1299
|
-
this.findAnotherScrollEntries(), t(this, Vt).current || this.enable(), t(this,
|
|
1312
|
+
this.findAnotherScrollEntries(), t(this, Vt).current || this.enable(), t(this, ee).subscribe((s) => {
|
|
1300
1313
|
t(this, x).damping = s.current;
|
|
1301
|
-
}), t(this, ee).subscribe((s) => {
|
|
1302
|
-
t(this, x).mass = s.current;
|
|
1303
1314
|
}), t(this, se).subscribe((s) => {
|
|
1304
|
-
t(this, x).
|
|
1315
|
+
t(this, x).mass = s.current;
|
|
1305
1316
|
}), t(this, ie).subscribe((s) => {
|
|
1306
|
-
|
|
1317
|
+
t(this, x).stiffness = s.current;
|
|
1318
|
+
}), t(this, re).subscribe((s) => {
|
|
1319
|
+
s.previous && o(this, m, Os).call(this), s.current ? s.current === "parent" ? r(this, S, this.parentElement || this) : r(this, S, document.querySelector(s.current) || this) : r(this, S, this);
|
|
1307
1320
|
}), t(this, Vt).subscribe((s) => {
|
|
1308
1321
|
s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
|
|
1309
1322
|
}), t(this, At).subscribe(() => {
|
|
1310
1323
|
e && !t(this, y) && this.resize();
|
|
1311
1324
|
}), t(this, zt).subscribe(() => {
|
|
1312
1325
|
e && !t(this, y) && this.resize();
|
|
1313
|
-
}), t(this,
|
|
1314
|
-
o(this, m,
|
|
1326
|
+
}), t(this, I).subscribe((s) => {
|
|
1327
|
+
o(this, m, de).call(this, s);
|
|
1315
1328
|
}), t(this, $).subscribe((s) => {
|
|
1316
|
-
o(this, m,
|
|
1329
|
+
o(this, m, de).call(this, s);
|
|
1317
1330
|
}), t(this, B).subscribe((s) => {
|
|
1318
|
-
o(this, m,
|
|
1331
|
+
o(this, m, de).call(this, s);
|
|
1319
1332
|
}), t(this, H).subscribe((s) => {
|
|
1320
|
-
o(this, m,
|
|
1333
|
+
o(this, m, de).call(this, s);
|
|
1321
1334
|
}), t(this, Mt).subscribe((s) => {
|
|
1322
|
-
o(this, m,
|
|
1335
|
+
o(this, m, de).call(this, s);
|
|
1323
1336
|
}), t(this, k).subscribe((s) => {
|
|
1324
|
-
o(this, m,
|
|
1337
|
+
o(this, m, de).call(this, s);
|
|
1325
1338
|
}), t(this, It).subscribe((s) => {
|
|
1326
1339
|
t(this, y) || !s.current && s.previous && (this.resize(), this.enable());
|
|
1327
|
-
}), t(this, lt).subscribe((s) => {
|
|
1328
|
-
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
|
|
1329
1340
|
}), t(this, ct).subscribe((s) => {
|
|
1330
|
-
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current,
|
|
1331
|
-
}), t(this,
|
|
1341
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
|
|
1342
|
+
}), t(this, lt).subscribe((s) => {
|
|
1343
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, ft)));
|
|
1344
|
+
}), t(this, _).subscribe((s) => {
|
|
1332
1345
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.progressArc));
|
|
1333
1346
|
}), t(this, Ft).subscribe((s) => {
|
|
1334
|
-
t(this, y) || o(this, m,
|
|
1347
|
+
t(this, y) || o(this, m, Ds).call(this);
|
|
1335
1348
|
}), t(this, at).subscribe((s) => {
|
|
1336
|
-
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this,
|
|
1349
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, R)));
|
|
1337
1350
|
}), t(this, dt).subscribe((s) => {
|
|
1338
1351
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, j)));
|
|
1339
1352
|
}), t(this, ut).subscribe((s) => {
|
|
1340
|
-
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this,
|
|
1353
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, M)));
|
|
1341
1354
|
}), t(this, x).subscribe((s) => {
|
|
1342
|
-
if (t(this,
|
|
1343
|
-
r(this,
|
|
1355
|
+
if (t(this, ne)) {
|
|
1356
|
+
r(this, ne, !1);
|
|
1344
1357
|
return;
|
|
1345
1358
|
}
|
|
1346
|
-
o(this, m,
|
|
1359
|
+
o(this, m, Ds).call(this);
|
|
1347
1360
|
}), this.scrollElement.addEventListener(
|
|
1348
1361
|
"scrollSectionsChange",
|
|
1349
1362
|
this.findAnotherScrollEntries
|
|
1350
|
-
), this.scrollElement.addEventListener("scrollResize", this.resize),
|
|
1363
|
+
), this.scrollElement.addEventListener("scrollResize", this.resize), pt.subscribe(t(this, ss), Ls.SCROLL + 1), this.scrollElement.onScroll(t(this, Ie)), e = !0;
|
|
1351
1364
|
}
|
|
1352
1365
|
disconnectedCallback() {
|
|
1353
|
-
|
|
1366
|
+
pt.unsubscribe(t(this, ss)), this.scrollElement.offScroll(t(this, Ie)), this.scrollElement.removeEventListener(
|
|
1354
1367
|
"scrollSectionsChange",
|
|
1355
1368
|
this.findAnotherScrollEntries
|
|
1356
|
-
), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this,
|
|
1369
|
+
), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this, ee).close(), t(this, se).close(), t(this, ie).close(), t(this, re).close(), t(this, Vt).close(), t(this, zt).close(), t(this, At).close(), t(this, It).close(), t(this, I).close(), t(this, H).close(), t(this, $).close(), t(this, B).close(), t(this, Mt).close(), t(this, k).close(), t(this, ct).close(), t(this, lt).close(), t(this, _).close(), t(this, Ft).close(), t(this, ut).close(), t(this, at).close(), t(this, dt).close(), t(this, w).close(), t(this, W).close(), t(this, N).close(), t(this, tt).close(), t(this, et).close(), t(this, Z).close(), this.disable(), t(this, x).close();
|
|
1357
1370
|
}
|
|
1358
1371
|
removeVar(e) {
|
|
1359
1372
|
e && t(this, S).style.removeProperty(`--${e}`);
|
|
@@ -1365,65 +1378,65 @@ class Fi extends es {
|
|
|
1365
1378
|
}
|
|
1366
1379
|
}
|
|
1367
1380
|
getDistance() {
|
|
1368
|
-
return t(this,
|
|
1381
|
+
return t(this, he) + t(this, es);
|
|
1369
1382
|
}
|
|
1370
1383
|
getStart() {
|
|
1371
|
-
return t(this, Tt) - t(this,
|
|
1384
|
+
return t(this, Tt) - t(this, es);
|
|
1372
1385
|
}
|
|
1373
1386
|
}
|
|
1374
|
-
|
|
1387
|
+
ee = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), re = new WeakMap(), Vt = new WeakMap(), zt = new WeakMap(), At = new WeakMap(), It = new WeakMap(), I = new WeakMap(), H = new WeakMap(), $ = new WeakMap(), B = new WeakMap(), Mt = new WeakMap(), k = new WeakMap(), ct = new WeakMap(), lt = new WeakMap(), _ = new WeakMap(), Ft = new WeakMap(), ze = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), dt = new WeakMap(), w = new WeakMap(), W = new WeakMap(), N = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Z = new WeakMap(), ts = new WeakMap(), S = new WeakMap(), Tt = new WeakMap(), he = new WeakMap(), es = new WeakMap(), x = new WeakMap(), ft = new WeakMap(), R = new WeakMap(), M = new WeakMap(), j = new WeakMap(), Ae = new WeakMap(), Rt = new WeakMap(), y = new WeakMap(), ne = new WeakMap(), m = new WeakSet(), ti = function() {
|
|
1375
1388
|
t(this, w).current = !0, t(this, W).current = !1, r(this, Rt, !0), t(this, H).current && t(this, S).classList.remove(t(this, H).current), t(this, k).current && t(this, S).classList.remove(
|
|
1376
1389
|
t(this, k).current
|
|
1377
1390
|
), t(this, k).current && t(this, S).classList.remove(
|
|
1378
1391
|
t(this, k).current
|
|
1379
|
-
), t(this,
|
|
1380
|
-
},
|
|
1381
|
-
t(this, W).current = !0, t(this, w).current = !1, r(this, Rt, !0), t(this,
|
|
1392
|
+
), t(this, I).current && t(this, S).classList.add(t(this, I).current);
|
|
1393
|
+
}, ei = function() {
|
|
1394
|
+
t(this, W).current = !0, t(this, w).current = !1, r(this, Rt, !0), t(this, I).current && t(this, S).classList.remove(t(this, I).current), t(this, $).current && t(this, S).classList.remove(
|
|
1382
1395
|
t(this, $).current
|
|
1383
1396
|
), t(this, B).current && t(this, S).classList.remove(
|
|
1384
1397
|
t(this, B).current
|
|
1385
1398
|
), t(this, H).current && t(this, S).classList.add(t(this, H).current);
|
|
1386
|
-
},
|
|
1387
|
-
t(this, w).current = !0, t(this, N).current = !0, t(this,
|
|
1399
|
+
}, si = function() {
|
|
1400
|
+
t(this, w).current = !0, t(this, N).current = !0, t(this, tt).current = !1, t(this, $).current && t(this, S).classList.add(
|
|
1388
1401
|
t(this, $).current
|
|
1389
1402
|
);
|
|
1390
|
-
},
|
|
1391
|
-
t(this, w).current = !0, t(this,
|
|
1403
|
+
}, ii = function() {
|
|
1404
|
+
t(this, w).current = !0, t(this, et).current = !0, t(this, Z).current = !1, t(this, B).current && t(this, S).classList.add(
|
|
1392
1405
|
t(this, B).current
|
|
1393
1406
|
);
|
|
1394
|
-
},
|
|
1395
|
-
t(this, W).current = !0, t(this,
|
|
1407
|
+
}, ri = function() {
|
|
1408
|
+
t(this, W).current = !0, t(this, tt).current = !0, t(this, N).current = !1, t(this, k).current && t(this, S).classList.add(
|
|
1396
1409
|
t(this, k).current
|
|
1397
1410
|
);
|
|
1398
|
-
},
|
|
1399
|
-
t(this, W).current = !0, t(this, Z).current = !0, t(this,
|
|
1411
|
+
}, hi = function() {
|
|
1412
|
+
t(this, W).current = !0, t(this, Z).current = !0, t(this, et).current = !1, t(this, k).current && t(this, S).classList.add(
|
|
1400
1413
|
t(this, k).current
|
|
1401
1414
|
);
|
|
1402
|
-
},
|
|
1403
|
-
const e = t(this, x)[t(this,
|
|
1404
|
-
this.setVar(t(this,
|
|
1405
|
-
},
|
|
1415
|
+
}, ss = new WeakMap(), Ie = new WeakMap(), Ds = function() {
|
|
1416
|
+
const e = t(this, x)[t(this, ze).current];
|
|
1417
|
+
this.setVar(t(this, ct).current, e), r(this, ft, e / t(this, M) || 0), this.setVar(t(this, lt).current, t(this, ft)), t(this, _).current && this.setVar(t(this, _).current, this.progressArc);
|
|
1418
|
+
}, de = function(e) {
|
|
1406
1419
|
if (t(this, y)) {
|
|
1407
1420
|
e.previous && t(this, S).classList.remove(e.previous), e.current && t(this, S).classList.remove(e.current);
|
|
1408
1421
|
return;
|
|
1409
1422
|
}
|
|
1410
1423
|
e.current && t(this, w).current ? (e.previous && t(this, S).classList.remove(e.previous), t(this, S).classList.add(e.current)) : !e.current && e.previous && t(this, S).classList.remove(e.previous);
|
|
1411
|
-
},
|
|
1424
|
+
}, ni = function(...e) {
|
|
1412
1425
|
e.forEach((s) => {
|
|
1413
1426
|
s && t(this, S).classList.remove(s);
|
|
1414
1427
|
});
|
|
1415
|
-
},
|
|
1428
|
+
}, oi = function(...e) {
|
|
1416
1429
|
e.forEach((s) => {
|
|
1417
1430
|
s && t(this, S).style.removeProperty(`--${s}`);
|
|
1418
1431
|
});
|
|
1419
|
-
},
|
|
1420
|
-
o(this, m,
|
|
1432
|
+
}, Os = function() {
|
|
1433
|
+
o(this, m, ni).call(this, t(this, I).current, t(this, $).current, t(this, B).current, t(this, H).current, t(this, Mt).current, t(this, k).current), o(this, m, oi).call(this, t(this, ct).current, t(this, lt).current, t(this, _).current, t(this, ut).current, t(this, at).current, t(this, dt).current);
|
|
1421
1434
|
};
|
|
1422
|
-
q && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment",
|
|
1423
|
-
class
|
|
1435
|
+
q && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", Ti);
|
|
1436
|
+
class Ri extends Bs {
|
|
1424
1437
|
handleClick(n) {
|
|
1425
1438
|
this.scrollElement.setPosition(
|
|
1426
|
-
this.scrollElement.vertical ?
|
|
1439
|
+
this.scrollElement.vertical ? cs(this) : ls(this),
|
|
1427
1440
|
n
|
|
1428
1441
|
);
|
|
1429
1442
|
}
|
|
@@ -1434,67 +1447,67 @@ class Ti extends $s {
|
|
|
1434
1447
|
super.disconnectedCallback();
|
|
1435
1448
|
}
|
|
1436
1449
|
}
|
|
1437
|
-
q && !customElements.get("e-scroll-section-button") && customElements.define("e-scroll-section-button",
|
|
1438
|
-
var
|
|
1439
|
-
const
|
|
1450
|
+
q && !customElements.get("e-scroll-section-button") && customElements.define("e-scroll-section-button", Ri);
|
|
1451
|
+
var Ps;
|
|
1452
|
+
const Ws = class Ws extends is {
|
|
1440
1453
|
constructor() {
|
|
1441
1454
|
super(...arguments);
|
|
1442
|
-
i(this,
|
|
1455
|
+
i(this, Ps, () => {
|
|
1443
1456
|
const e = this.scrollElement.counter.current + 1, s = parseInt(this.getAttribute("pad") || "0");
|
|
1444
1457
|
this.textContent = e.toString().padStart(s, "0");
|
|
1445
1458
|
});
|
|
1446
1459
|
}
|
|
1447
1460
|
connectedCallback() {
|
|
1448
|
-
return
|
|
1449
|
-
|
|
1461
|
+
return zs(this, null, function* () {
|
|
1462
|
+
Vs(Ws.prototype, this, "connectedCallback").call(this), this.scrollElement.counter.subscribe(t(this, Ps));
|
|
1450
1463
|
});
|
|
1451
1464
|
}
|
|
1452
1465
|
disconnectedCallback() {
|
|
1453
|
-
this.scrollElement.counter.unsubscribe(t(this,
|
|
1466
|
+
this.scrollElement.counter.unsubscribe(t(this, Ps));
|
|
1454
1467
|
}
|
|
1455
1468
|
};
|
|
1456
|
-
|
|
1457
|
-
let
|
|
1458
|
-
q && !customElements.get("e-scroll-counter") && customElements.define("e-scroll-counter",
|
|
1459
|
-
var
|
|
1460
|
-
const
|
|
1469
|
+
Ps = new WeakMap();
|
|
1470
|
+
let Hs = Ws;
|
|
1471
|
+
q && !customElements.get("e-scroll-counter") && customElements.define("e-scroll-counter", Hs);
|
|
1472
|
+
var oe;
|
|
1473
|
+
const Ns = class Ns extends is {
|
|
1461
1474
|
constructor() {
|
|
1462
1475
|
super(...arguments);
|
|
1463
|
-
i(this,
|
|
1476
|
+
i(this, oe, () => {
|
|
1464
1477
|
const e = this.scrollElement.limit + 1, s = parseInt(this.getAttribute("pad") || "0");
|
|
1465
1478
|
this.textContent = e.toString().padStart(s, "0");
|
|
1466
1479
|
});
|
|
1467
1480
|
}
|
|
1468
1481
|
connectedCallback() {
|
|
1469
|
-
return
|
|
1470
|
-
|
|
1471
|
-
t(this,
|
|
1482
|
+
return zs(this, null, function* () {
|
|
1483
|
+
Vs(Ns.prototype, this, "connectedCallback").call(this), this.scrollElement.sectionsInViewCSSProperty.subscribe(
|
|
1484
|
+
t(this, oe)
|
|
1472
1485
|
), this.scrollElement.addEventListener(
|
|
1473
1486
|
"scrollSectionsChange",
|
|
1474
|
-
t(this,
|
|
1475
|
-
), t(this,
|
|
1487
|
+
t(this, oe)
|
|
1488
|
+
), t(this, oe).call(this);
|
|
1476
1489
|
});
|
|
1477
1490
|
}
|
|
1478
1491
|
disconnectedCallback() {
|
|
1479
1492
|
this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
|
|
1480
|
-
t(this,
|
|
1493
|
+
t(this, oe)
|
|
1481
1494
|
), this.scrollElement.removeEventListener(
|
|
1482
1495
|
"scrollSectionsChange",
|
|
1483
|
-
t(this,
|
|
1496
|
+
t(this, oe)
|
|
1484
1497
|
);
|
|
1485
1498
|
}
|
|
1486
1499
|
};
|
|
1487
|
-
|
|
1488
|
-
let
|
|
1489
|
-
q && !customElements.get("e-scroll-total") && customElements.define("e-scroll-total",
|
|
1500
|
+
oe = new WeakMap();
|
|
1501
|
+
let $s = Ns;
|
|
1502
|
+
q && !customElements.get("e-scroll-total") && customElements.define("e-scroll-total", $s);
|
|
1490
1503
|
export {
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1504
|
+
Fi as ScrollBulletButtonsElement,
|
|
1505
|
+
Hs as ScrollCounterElement,
|
|
1506
|
+
As as ScrollElement,
|
|
1507
|
+
Ri as ScrollSectionButtonElement,
|
|
1508
|
+
Ti as ScrollSegmentElement,
|
|
1509
|
+
Ai as ScrollSetButtonElement,
|
|
1510
|
+
Ii as ScrollStepButtonElement,
|
|
1511
|
+
$s as ScrollTotalElement,
|
|
1512
|
+
zi as ScrollbarElement
|
|
1500
1513
|
};
|