aptechka 0.68.1 → 0.68.3
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/BillboardElement.d.ts +1 -0
- package/lib/billboard/index.cjs +1 -1
- package/lib/billboard/index.js +102 -101
- package/lib/scroll/ScrollSectionButtonElement.d.ts +12 -0
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.d.ts +1 -0
- package/lib/scroll/index.js +229 -213
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
var ri = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
throw TypeError(
|
|
2
|
+
var Os = Object.getOwnPropertySymbols, hi = Object.getPrototypeOf, ni = Object.prototype.hasOwnProperty, oi = Object.prototype.propertyIsEnumerable, li = Reflect.get;
|
|
3
|
+
var Hs = (a) => {
|
|
4
|
+
throw TypeError(a);
|
|
5
5
|
};
|
|
6
|
-
var
|
|
6
|
+
var $s = (a, n, e) => n in a ? ri(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, Bs = (a, n) => {
|
|
7
7
|
for (var e in n || (n = {}))
|
|
8
|
-
ni.call(n, e) &&
|
|
9
|
-
if (
|
|
10
|
-
for (var e of
|
|
11
|
-
oi.call(n, e) &&
|
|
12
|
-
return
|
|
8
|
+
ni.call(n, e) && $s(a, e, n[e]);
|
|
9
|
+
if (Os)
|
|
10
|
+
for (var e of Os(n))
|
|
11
|
+
oi.call(n, e) && $s(a, e, n[e]);
|
|
12
|
+
return a;
|
|
13
13
|
};
|
|
14
|
-
var xs = (
|
|
15
|
-
var t = (
|
|
16
|
-
var Ws = (
|
|
17
|
-
var
|
|
14
|
+
var xs = (a, n, e) => n.has(a) || Hs("Cannot " + e);
|
|
15
|
+
var t = (a, n, e) => (xs(a, n, "read from private field"), e ? e.call(a) : n.get(a)), i = (a, n, e) => n.has(a) ? Hs("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, e), r = (a, n, e, s) => (xs(a, n, "write to private field"), s ? s.call(a, e) : n.set(a, e), e), o = (a, n, e) => (xs(a, n, "access private method"), e);
|
|
16
|
+
var Ws = (a, n, e) => li(hi(a), e, n);
|
|
17
|
+
var Ns = (a, n, e) => new Promise((s, h) => {
|
|
18
18
|
var u = (C) => {
|
|
19
19
|
try {
|
|
20
20
|
v(e.next(C));
|
|
@@ -28,41 +28,41 @@ var Bs = (d, n, e) => new Promise((s, h) => {
|
|
|
28
28
|
h(oe);
|
|
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(a, n)).next());
|
|
32
32
|
});
|
|
33
33
|
import { S as le } from "../Store-0BVty6AZ.js";
|
|
34
|
-
import { i as
|
|
34
|
+
import { i as Z } from "../index-Bv9zgfdb.js";
|
|
35
35
|
import { q as ci } from "../easings-BEmRlrDd.js";
|
|
36
36
|
import { i as ui } from "../element-CGVl1jA-.js";
|
|
37
|
-
import { d as
|
|
38
|
-
import { d as
|
|
39
|
-
import { a as
|
|
40
|
-
import { c as
|
|
37
|
+
import { d as Y } from "../events-CsVF98U6.js";
|
|
38
|
+
import { d as ws } from "../function-C10DGppn.js";
|
|
39
|
+
import { a as rs, g as hs, c as ai } from "../layout-DpZo-I0y.js";
|
|
40
|
+
import { c as Gs, s as di } from "../math-BOBiC4TN.js";
|
|
41
41
|
import { p as fi, l as pi } from "../number-CumqY64S.js";
|
|
42
|
-
import { c as
|
|
42
|
+
import { c as Us } from "../stylesheet-DpnWNVyD.js";
|
|
43
43
|
import "../ticker/index.js";
|
|
44
|
-
import { TICK_ORDER as
|
|
45
|
-
import { D as
|
|
44
|
+
import { TICK_ORDER as Ks, RESIZE_ORDER as Es } from "../order/index.js";
|
|
45
|
+
import { D as Zs } from "../Damped-CtQmJ52v.js";
|
|
46
46
|
import { T as bi } from "../Tweened-BlZB0vl4.js";
|
|
47
47
|
import { W as mi, K as Si, D as gi, A as vi } from "../DragControls-CkhCt-4W.js";
|
|
48
48
|
import { windowResizer as he } from "../window-resizer/index.js";
|
|
49
49
|
import { scrollEntries as ne } from "../scroll-entries/index.js";
|
|
50
|
-
import { cssUnitParser as
|
|
50
|
+
import { cssUnitParser as qs } from "../css-unit-parser/index.js";
|
|
51
51
|
import { CSSProperty as l } from "../css-property/index.js";
|
|
52
52
|
import { d as yi } from "../Viewport-DA10iWAO.js";
|
|
53
53
|
import "construct-style-sheets-polyfill";
|
|
54
54
|
import { elementResizer as is } from "../element-resizer/index.js";
|
|
55
55
|
import { s as Ci } from "../gestures-CcXV6fCp.js";
|
|
56
56
|
import { b as Pi } from "../dom-CVWzyXPH.js";
|
|
57
|
-
var p, Me, w,
|
|
57
|
+
var p, Me, w, ns, os, ae, dt, Dt, de, fe, ts;
|
|
58
58
|
class wi {
|
|
59
59
|
constructor(n, e, s) {
|
|
60
60
|
i(this, fe);
|
|
61
61
|
i(this, p);
|
|
62
62
|
i(this, Me);
|
|
63
63
|
i(this, w);
|
|
64
|
-
i(this,
|
|
65
|
-
i(this,
|
|
64
|
+
i(this, ns, 0);
|
|
65
|
+
i(this, os, 0);
|
|
66
66
|
i(this, ae, 0);
|
|
67
67
|
i(this, dt, 0);
|
|
68
68
|
i(this, Dt, null);
|
|
@@ -79,10 +79,10 @@ class wi {
|
|
|
79
79
|
return t(this, ae);
|
|
80
80
|
}
|
|
81
81
|
get width() {
|
|
82
|
-
return t(this,
|
|
82
|
+
return t(this, ns);
|
|
83
83
|
}
|
|
84
84
|
get height() {
|
|
85
|
-
return t(this,
|
|
85
|
+
return t(this, os);
|
|
86
86
|
}
|
|
87
87
|
get position() {
|
|
88
88
|
return t(this, dt);
|
|
@@ -100,7 +100,7 @@ class wi {
|
|
|
100
100
|
n ? (t(this, p).style.setProperty("--size", n + "px"), t(this, w).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, ns, t(this, p).offsetWidth), r(this, os, t(this, p).offsetHeight), r(this, ae, t(this, w).vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth), r(this, dt, t(this, w).vertical ? rs(t(this, p)) : hs(t(this, p))), r(this, dt, t(this, dt) - t(this, w).contentPosition);
|
|
104
104
|
}
|
|
105
105
|
transform() {
|
|
106
106
|
const n = t(this, w).shiftSectionPositionCSSProperty.current;
|
|
@@ -111,11 +111,11 @@ class wi {
|
|
|
111
111
|
t(this, w).axisCSSProperty.current,
|
|
112
112
|
e
|
|
113
113
|
);
|
|
114
|
-
const h = t(this, w).currentScrollValue + e, u = t(this, dt) - t(this, w).viewportSize - s, g = t(this, dt) + t(this, ae) + s, v = fi(
|
|
114
|
+
const h = t(this, w).currentScrollValue + e, u = t(this, dt) - t(this, w).viewportSize - s, g = t(this, dt) + t(this, ae) + s, v = fi(Gs(h, u, g), 3);
|
|
115
115
|
r(this, de, v * -1), t(this, w).vertical ? t(this, p).style.transform = `translate3d(0px, ${t(this, de)}px, 0px)` : t(this, p).style.transform = `translate3d(${t(this, de)}px, 0px, 0px)`;
|
|
116
116
|
}
|
|
117
117
|
setMark(n) {
|
|
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),
|
|
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), Y(t(this, p), "scrollSectionMarkChange", {
|
|
119
119
|
composed: !0,
|
|
120
120
|
detail: {
|
|
121
121
|
mark: t(this, Dt)
|
|
@@ -139,10 +139,10 @@ class wi {
|
|
|
139
139
|
o(this, fe, ts).call(this, "current-index-arc-abs", n);
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
p = new WeakMap(), Me = new WeakMap(), w = new WeakMap(),
|
|
142
|
+
p = new WeakMap(), Me = new WeakMap(), w = new WeakMap(), ns = new WeakMap(), os = new WeakMap(), ae = new WeakMap(), dt = new WeakMap(), Dt = new WeakMap(), de = new WeakMap(), fe = new WeakSet(), ts = function(n, e) {
|
|
143
143
|
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
144
|
};
|
|
145
|
-
const Ei =
|
|
145
|
+
const Ei = Us({
|
|
146
146
|
":host": {
|
|
147
147
|
position: "relative",
|
|
148
148
|
width: "100%",
|
|
@@ -181,7 +181,7 @@ const Ei = Gs({
|
|
|
181
181
|
flexShrink: "0"
|
|
182
182
|
}
|
|
183
183
|
});
|
|
184
|
-
var f, pe, T, Ot, ft, pt, bt, tt, $t, Ht, mt,
|
|
184
|
+
var f, pe, T, Ot, ft, pt, bt, tt, $t, Ht, mt, Bt, be, et, V, me, Se, ge, ve, Fe, ye, _, Ce, Wt, j, Nt, St, Pe, qt, we, Gt, Ut, Kt, b, Te, q, d, ls, cs, L, P, G, st, Zt, it, M, R, Re, gt, vt, yt, Ct, De, _t, Pt, Ee, rt, k, Oe, wt, xe, $e, c, zs, es, Ie, Cs, Ps, Vs, ks, D, us, _s, He, as, As, Is, ce, js, ds, ss, fs;
|
|
185
185
|
class Ls extends HTMLElement {
|
|
186
186
|
constructor() {
|
|
187
187
|
super();
|
|
@@ -207,7 +207,7 @@ class Ls extends HTMLElement {
|
|
|
207
207
|
!1
|
|
208
208
|
));
|
|
209
209
|
i(this, mt, new l(this, "--auto-size", !1));
|
|
210
|
-
i(this,
|
|
210
|
+
i(this, Bt, new l(
|
|
211
211
|
this,
|
|
212
212
|
"--wheel-max-delta",
|
|
213
213
|
!1
|
|
@@ -229,18 +229,18 @@ class Ls extends HTMLElement {
|
|
|
229
229
|
0.5
|
|
230
230
|
));
|
|
231
231
|
i(this, ye, new l(this, "--start-section", 0));
|
|
232
|
-
i(this,
|
|
232
|
+
i(this, _, new l(this, "--autoplay", 0));
|
|
233
233
|
i(this, Ce, new l(
|
|
234
234
|
this,
|
|
235
235
|
"--autoplay-pause-duration",
|
|
236
236
|
0
|
|
237
237
|
));
|
|
238
|
-
i(this,
|
|
238
|
+
i(this, Wt, new l(
|
|
239
239
|
this,
|
|
240
240
|
"--autoplay-user-direction",
|
|
241
241
|
!1
|
|
242
242
|
));
|
|
243
|
-
i(this,
|
|
243
|
+
i(this, j, new l(this, "--classes", !1));
|
|
244
244
|
i(this, Nt, new l(
|
|
245
245
|
this,
|
|
246
246
|
"--current-index-start-offset",
|
|
@@ -269,9 +269,9 @@ class Ls extends HTMLElement {
|
|
|
269
269
|
i(this, b, null);
|
|
270
270
|
i(this, Te, null);
|
|
271
271
|
i(this, q, []);
|
|
272
|
-
i(this,
|
|
273
|
-
i(this,
|
|
274
|
-
i(this,
|
|
272
|
+
i(this, d, []);
|
|
273
|
+
i(this, ls, 0);
|
|
274
|
+
i(this, cs, 0);
|
|
275
275
|
i(this, L, 0);
|
|
276
276
|
i(this, P, 0);
|
|
277
277
|
i(this, G, 0);
|
|
@@ -302,34 +302,34 @@ class Ls extends HTMLElement {
|
|
|
302
302
|
}
|
|
303
303
|
this.resize();
|
|
304
304
|
});
|
|
305
|
-
i(this,
|
|
305
|
+
i(this, us, () => {
|
|
306
306
|
if (!t(this, vt) || t(this, Ct) || t(this, yt))
|
|
307
307
|
return;
|
|
308
308
|
const e = this.currentScrollValue;
|
|
309
|
-
if (r(this, Re, Math.max(0, e - t(this, P))), t(this,
|
|
309
|
+
if (r(this, Re, Math.max(0, e - t(this, P))), t(this, d).length) {
|
|
310
310
|
for (let s = 0; s < t(this, q).length; s++)
|
|
311
311
|
t(this, q)[s].transform();
|
|
312
312
|
t(this, R).current = o(this, c, ss).call(this);
|
|
313
313
|
} else
|
|
314
314
|
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, c,
|
|
315
|
+
o(this, c, js).call(this), ne.update(
|
|
316
316
|
this,
|
|
317
317
|
t(this, T).current,
|
|
318
318
|
e
|
|
319
319
|
);
|
|
320
320
|
});
|
|
321
321
|
i(this, He, (e, s) => {
|
|
322
|
-
t(this, pe).current && (o(this, c, As).call(this, Math.sign(s) || 1), t(this,
|
|
322
|
+
t(this, pe).current && (o(this, c, As).call(this, Math.sign(s) || 1), t(this, as).call(this, e, s));
|
|
323
323
|
});
|
|
324
|
-
i(this,
|
|
324
|
+
i(this, as, (e, s) => {
|
|
325
325
|
if (t(this, ft).current) {
|
|
326
326
|
if (t(this, ft).current < 0 && s > 0)
|
|
327
327
|
return;
|
|
328
328
|
if (t(this, ft).current > 0 && s < 0)
|
|
329
329
|
return;
|
|
330
330
|
}
|
|
331
|
-
if (t(this, _t) || t(this, Pt).unlistenAnimationFrame(), !t(this,
|
|
332
|
-
const h = t(this,
|
|
331
|
+
if (t(this, _t) || t(this, Pt).unlistenAnimationFrame(), !t(this, _).current && t(this, qt).current && (clearInterval(t(this, De)), r(this, De, setTimeout(() => {
|
|
332
|
+
const h = t(this, d)[o(this, c, ss).call(this)];
|
|
333
333
|
h && this.scrollToSection(h.index, {
|
|
334
334
|
tween: {
|
|
335
335
|
duration: t(this, we).current,
|
|
@@ -339,7 +339,7 @@ class Ls extends HTMLElement {
|
|
|
339
339
|
}, t(this, qt).current))), !(e.includes("drag") && !yi.isTouch && !t(this, ve).current)) {
|
|
340
340
|
if (t(this, tt).current && e !== "drag") {
|
|
341
341
|
const h = Math.sign(s);
|
|
342
|
-
if (t(this,
|
|
342
|
+
if (t(this, d).length) {
|
|
343
343
|
const u = {
|
|
344
344
|
tween: t(this, $t).current || t(this, Ht).current ? {
|
|
345
345
|
easing: t(this, $t).current || "easeInOutCubic",
|
|
@@ -354,7 +354,7 @@ class Ls extends HTMLElement {
|
|
|
354
354
|
r(this, Ee, e === "drag");
|
|
355
355
|
}
|
|
356
356
|
});
|
|
357
|
-
i(this,
|
|
357
|
+
i(this, ds, ws(() => {
|
|
358
358
|
const e = t(this, wt).reduce((s, h) => {
|
|
359
359
|
const u = this.vertical ? h.width : h.height;
|
|
360
360
|
return u > s ? u : s;
|
|
@@ -363,15 +363,15 @@ class Ls extends HTMLElement {
|
|
|
363
363
|
r(this, xe, !0), this.style.setProperty("--max-section-size", e + "px");
|
|
364
364
|
}, 10));
|
|
365
365
|
}, 20));
|
|
366
|
-
i(this,
|
|
366
|
+
i(this, fs, () => {
|
|
367
367
|
r(this, k, !0), this.hibernatedCSSProperty.current || o(this, c, ks).call(this);
|
|
368
368
|
});
|
|
369
|
-
if (
|
|
369
|
+
if (Z) {
|
|
370
370
|
const e = this.attachShadow({ mode: "open" });
|
|
371
371
|
e.adoptedStyleSheets = [Ei];
|
|
372
372
|
const s = document.createElement("div");
|
|
373
373
|
s.className = "static", s.innerHTML = '<slot name="static"></slot>', e.appendChild(s), r(this, Kt, document.createElement("div")), t(this, Kt).className = "content-wrapper", r(this, b, document.createElement("div")), t(this, b).className = "content", r(this, Te, document.createElement("slot")), t(this, b).appendChild(t(this, Te)), t(this, Kt).appendChild(t(this, b)), e.appendChild(t(this, Kt)), r(this, Oe, new MutationObserver(
|
|
374
|
-
|
|
374
|
+
ws(() => {
|
|
375
375
|
this.tryResplit();
|
|
376
376
|
}, 10)
|
|
377
377
|
));
|
|
@@ -411,7 +411,7 @@ class Ls extends HTMLElement {
|
|
|
411
411
|
return t(this, mt);
|
|
412
412
|
}
|
|
413
413
|
get wheelMaxDeltaCSSProperty() {
|
|
414
|
-
return t(this,
|
|
414
|
+
return t(this, Bt);
|
|
415
415
|
}
|
|
416
416
|
get dragInertionCSSProperty() {
|
|
417
417
|
return t(this, be);
|
|
@@ -441,16 +441,16 @@ class Ls extends HTMLElement {
|
|
|
441
441
|
return t(this, ye);
|
|
442
442
|
}
|
|
443
443
|
get autoplayCSSProperty() {
|
|
444
|
-
return t(this,
|
|
444
|
+
return t(this, _);
|
|
445
445
|
}
|
|
446
446
|
get autoplayPauseDurationCSSProperty() {
|
|
447
447
|
return t(this, Ce);
|
|
448
448
|
}
|
|
449
449
|
get autoplayUserDirectionCSSProperty() {
|
|
450
|
-
return t(this,
|
|
450
|
+
return t(this, Wt);
|
|
451
451
|
}
|
|
452
452
|
get classesCSSProperty() {
|
|
453
|
-
return t(this,
|
|
453
|
+
return t(this, j);
|
|
454
454
|
}
|
|
455
455
|
get currentIndexStartOffsetCSSProperty() {
|
|
456
456
|
return t(this, Nt);
|
|
@@ -489,13 +489,13 @@ class Ls extends HTMLElement {
|
|
|
489
489
|
return t(this, q);
|
|
490
490
|
}
|
|
491
491
|
get visibleSections() {
|
|
492
|
-
return t(this,
|
|
492
|
+
return t(this, d);
|
|
493
493
|
}
|
|
494
494
|
get position() {
|
|
495
|
-
return t(this,
|
|
495
|
+
return t(this, ls);
|
|
496
496
|
}
|
|
497
497
|
get contentPosition() {
|
|
498
|
-
return t(this,
|
|
498
|
+
return t(this, cs);
|
|
499
499
|
}
|
|
500
500
|
get viewportSize() {
|
|
501
501
|
return t(this, L);
|
|
@@ -511,7 +511,7 @@ class Ls extends HTMLElement {
|
|
|
511
511
|
}
|
|
512
512
|
get limit() {
|
|
513
513
|
return Math.ceil(
|
|
514
|
-
t(this,
|
|
514
|
+
t(this, d).length - t(this, et).current
|
|
515
515
|
);
|
|
516
516
|
}
|
|
517
517
|
get distance() {
|
|
@@ -566,21 +566,21 @@ class Ls extends HTMLElement {
|
|
|
566
566
|
return this.currentProgress >= u && this.currentProgress <= g;
|
|
567
567
|
}
|
|
568
568
|
scrollToSection(e, s) {
|
|
569
|
-
if (!t(this,
|
|
569
|
+
if (!t(this, d).length)
|
|
570
570
|
return;
|
|
571
|
-
const h = t(this, R).current, u = o(this, c,
|
|
571
|
+
const h = t(this, R).current, u = o(this, c, _s).call(this, e), g = t(this, d)[h], v = t(this, d)[u];
|
|
572
572
|
if (g && v) {
|
|
573
573
|
let C = 0;
|
|
574
|
-
const oe = o(this, c, ss).call(this), Ae = t(this,
|
|
574
|
+
const oe = o(this, c, ss).call(this), Ae = t(this, d)[oe];
|
|
575
575
|
let Ye = Ae ? this.targetScrollValue - Ae.position : 0;
|
|
576
|
-
t(this, V).current ? u === 0 && h === t(this,
|
|
576
|
+
t(this, V).current ? u === 0 && h === t(this, d).length - 1 ? (C = t(this, P) + t(this, L) - g.position + t(this, G), t(this, Ee) || (Ye = 0)) : u === t(this, d).length - 1 && h === 0 ? C = v.position - (t(this, P) + t(this, L) + t(this, G)) : C = v.position - g.position : C = v.position - g.position, this.shiftPosition(C - Ye, s);
|
|
577
577
|
}
|
|
578
578
|
}
|
|
579
579
|
shiftSections(e, s) {
|
|
580
|
-
t(this,
|
|
580
|
+
t(this, d).length && this.scrollToSection(t(this, R).current + e, s);
|
|
581
581
|
}
|
|
582
582
|
setPosition(e, s) {
|
|
583
|
-
o(this, c, As).call(this, Math.sign(e) || 1), s != null && s.tween ? t(this, _t) || (t(this, Pt).set(t(this, f).current, { equalize: !0 }), t(this, Pt).set(e,
|
|
583
|
+
o(this, c, As).call(this, Math.sign(e) || 1), s != null && s.tween ? t(this, _t) || (t(this, Pt).set(t(this, f).current, { equalize: !0 }), t(this, Pt).set(Math.min(e, this.distance), Bs({}, s.tween)), r(this, _t, setTimeout(() => {
|
|
584
584
|
r(this, _t, void 0);
|
|
585
585
|
}, s.tween.duration || 0))) : t(this, f).set(e, {
|
|
586
586
|
equalize: (s == null ? void 0 : s.behaviour) === "instant"
|
|
@@ -592,27 +592,27 @@ class Ls extends HTMLElement {
|
|
|
592
592
|
resize() {
|
|
593
593
|
if (t(this, Ut).current)
|
|
594
594
|
return;
|
|
595
|
-
r(this,
|
|
595
|
+
r(this, d, t(this, q).filter(
|
|
596
596
|
(h) => ui(h.element)
|
|
597
597
|
)), this.style.setProperty(
|
|
598
598
|
"--sections",
|
|
599
|
-
t(this,
|
|
599
|
+
t(this, d).length.toString()
|
|
600
600
|
), t(this, f).unlistenAnimationFrame();
|
|
601
601
|
const e = this.currentScrollValue / t(this, P) || 0, s = t(this, R).current;
|
|
602
|
-
if (r(this,
|
|
602
|
+
if (r(this, ls, this.vertical ? rs(this) : hs(this)), r(this, cs, this.vertical ? rs(t(this, b)) : hs(t(this, b))), r(this, L, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, G, qs.parse(
|
|
603
603
|
getComputedStyle(t(this, b)).rowGap
|
|
604
|
-
)) : r(this, G,
|
|
604
|
+
)) : r(this, G, qs.parse(
|
|
605
605
|
getComputedStyle(t(this, b)).columnGap
|
|
606
|
-
)), t(this, mt).current && t(this,
|
|
606
|
+
)), t(this, mt).current && t(this, d).length) {
|
|
607
607
|
const h = t(this, et).current, u = (t(this, L) - t(this, G) * (h - 1)) / h;
|
|
608
|
-
t(this,
|
|
608
|
+
t(this, d).forEach((g) => {
|
|
609
609
|
g.setSize(u);
|
|
610
610
|
});
|
|
611
611
|
} else
|
|
612
|
-
t(this,
|
|
612
|
+
t(this, d).forEach((h) => {
|
|
613
613
|
h.setSize();
|
|
614
614
|
});
|
|
615
|
-
if (t(this,
|
|
615
|
+
if (t(this, d).forEach((h) => {
|
|
616
616
|
h.resize();
|
|
617
617
|
}), t(this, pt).current) {
|
|
618
618
|
r(this, P, t(this, L) * t(this, pt).current);
|
|
@@ -624,13 +624,13 @@ class Ls extends HTMLElement {
|
|
|
624
624
|
const h = getComputedStyle(this), u = this.vertical ? parseFloat(h.paddingBlockStart) + parseFloat(h.paddingBlockEnd) : parseFloat(h.paddingInlineStart) + parseFloat(h.paddingInlineEnd);
|
|
625
625
|
r(this, P, t(this, P) + u), t(this, f).max = t(this, P);
|
|
626
626
|
}
|
|
627
|
-
if (t(this, V).current && t(this,
|
|
628
|
-
const h = t(this,
|
|
627
|
+
if (t(this, V).current && t(this, d).length) {
|
|
628
|
+
const h = t(this, d)[t(this, d).length - 1], u = h.position + h.size - t(this, L), g = t(this, P) - u;
|
|
629
629
|
r(this, gt, h.position + h.size + g);
|
|
630
630
|
} else
|
|
631
631
|
r(this, gt, t(this, P));
|
|
632
|
-
if (t(this, tt).current && t(this,
|
|
633
|
-
const h = t(this,
|
|
632
|
+
if (t(this, tt).current && t(this, d).length) {
|
|
633
|
+
const h = t(this, d)[s];
|
|
634
634
|
t(this, f).set(h.position, {
|
|
635
635
|
equalize: !0
|
|
636
636
|
});
|
|
@@ -638,13 +638,13 @@ class Ls extends HTMLElement {
|
|
|
638
638
|
t(this, f).set(e * t(this, P), {
|
|
639
639
|
equalize: !0
|
|
640
640
|
});
|
|
641
|
-
r(this, vt, (this.vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth) > t(this, L)), this.classList.toggle("has-overflow", t(this, vt)), t(this, vt) ? t(this, Gt).current || o(this, c,
|
|
641
|
+
r(this, vt, (this.vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth) > t(this, L)), this.classList.toggle("has-overflow", t(this, vt)), t(this, vt) ? t(this, Gt).current || o(this, c, Ps).call(this) : o(this, c, Cs).call(this), t(this, ds).call(this), Y(this, "scrollResize", { custom: !0 }), t(this, f).notify();
|
|
642
642
|
}
|
|
643
643
|
connectedCallback() {
|
|
644
|
-
ne.register(this), r(this, f, new
|
|
644
|
+
ne.register(this), r(this, f, new Zs(0, {
|
|
645
645
|
damping: 0.01,
|
|
646
646
|
min: 0,
|
|
647
|
-
order:
|
|
647
|
+
order: Ks.SCROLL
|
|
648
648
|
})), this.setAttribute("tabindex", "0"), r(this, st, new mi({ element: t(this, b) })), t(this, st).changeEvent.subscribe(t(this, He)), r(this, Zt, new Si({
|
|
649
649
|
element: this
|
|
650
650
|
})), t(this, Zt).changeEvent.subscribe(
|
|
@@ -654,11 +654,11 @@ class Ls extends HTMLElement {
|
|
|
654
654
|
rootElement: this
|
|
655
655
|
})), t(this, it).changeEvent.subscribe(t(this, He)), r(this, M, new vi({
|
|
656
656
|
culling: this
|
|
657
|
-
})), t(this, M).changeEvent.subscribe(t(this,
|
|
657
|
+
})), t(this, M).changeEvent.subscribe(t(this, as)), t(this, T).subscribe(() => {
|
|
658
658
|
o(this, c, zs).call(this);
|
|
659
659
|
}), t(this, Ot).subscribe(() => {
|
|
660
660
|
o(this, c, zs).call(this);
|
|
661
|
-
}), t(this,
|
|
661
|
+
}), t(this, Bt).subscribe((e) => {
|
|
662
662
|
t(this, st).axis = e.current ? "max" : t(this, T).current;
|
|
663
663
|
}), t(this, be).subscribe((e) => {
|
|
664
664
|
t(this, it).inertion = typeof e.current == "number" ? e.current : 1;
|
|
@@ -667,166 +667,166 @@ class Ls extends HTMLElement {
|
|
|
667
667
|
}), t(this, bt).subscribe(({ current: e }) => {
|
|
668
668
|
t(this, k) && (e ? o(this, c, es).call(this) : o(this, c, Ie).call(this));
|
|
669
669
|
}), t(this, tt).subscribe((e) => {
|
|
670
|
-
t(this, st).debounce = e.current, t(this, it).swipe = e.current, t(this, M).interval = e.current, t(this, k) && (e.current && !e.previous && !t(this,
|
|
670
|
+
t(this, st).debounce = e.current, t(this, it).swipe = e.current, t(this, M).interval = e.current, t(this, k) && (e.current && !e.previous && !t(this, d).length ? o(this, c, es).call(this) : !e.current && e.previous && t(this, d).length && o(this, c, Ie).call(this));
|
|
671
671
|
}), t(this, mt).subscribe((e) => {
|
|
672
|
-
t(this, k) && (t(this, D).call(this), e.current && !e.previous && !t(this,
|
|
672
|
+
t(this, k) && (t(this, D).call(this), e.current && !e.previous && !t(this, d).length ? o(this, c, es).call(this) : !e.current && e.previous && t(this, d).length && o(this, c, Ie).call(this));
|
|
673
673
|
}), t(this, et).subscribe((e) => {
|
|
674
674
|
t(this, k) && (t(this, D).call(this), o(this, c, ce).call(this));
|
|
675
675
|
}), t(this, V).subscribe((e) => {
|
|
676
|
-
e.current ? (t(this, k) && (t(this,
|
|
676
|
+
e.current ? (t(this, k) && (t(this, d).length || (t(this, bt).current = !0)), t(this, f).max = 1 / 0, t(this, f).min = -1 / 0) : (r(this, Re, 0), t(this, f).max = t(this, P), t(this, f).min = 0);
|
|
677
677
|
}), t(this, me).subscribe((e) => {
|
|
678
678
|
t(this, f).damping = e.current;
|
|
679
679
|
}), t(this, Se).subscribe((e) => {
|
|
680
680
|
t(this, f).mass = e.current;
|
|
681
681
|
}), t(this, ge).subscribe((e) => {
|
|
682
682
|
t(this, f).stiffness = e.current;
|
|
683
|
-
}), t(this,
|
|
683
|
+
}), t(this, _).subscribe((e) => {
|
|
684
684
|
t(this, M).speed = e.current, !t(this, yt) && e.current && !e.previous ? t(this, M).connect() : !e.current && e.previous && t(this, M).disconnect();
|
|
685
|
-
}), t(this,
|
|
685
|
+
}), t(this, Wt).subscribe((e) => {
|
|
686
686
|
e.current || (t(this, M).direction = 1);
|
|
687
|
-
}), t(this,
|
|
687
|
+
}), t(this, j).subscribe((e) => {
|
|
688
688
|
t(this, k) && o(this, c, ce).call(this);
|
|
689
689
|
}), t(this, Nt).subscribe((e) => {
|
|
690
|
-
t(this, k) && t(this,
|
|
690
|
+
t(this, k) && t(this, j).current && o(this, c, ce).call(this);
|
|
691
691
|
}), t(this, St).subscribe((e) => {
|
|
692
|
-
t(this, k) && t(this,
|
|
692
|
+
t(this, k) && t(this, j).current && o(this, c, ce).call(this);
|
|
693
693
|
}), t(this, Pe).subscribe((e) => {
|
|
694
694
|
t(this, k) && t(this, f).notify();
|
|
695
695
|
}), t(this, f).isRunning.subscribe((e) => {
|
|
696
696
|
this.classList.toggle("active", e.current);
|
|
697
697
|
}), t(this, R).subscribe((e) => {
|
|
698
|
-
t(this,
|
|
698
|
+
t(this, d).length && o(this, c, ce).call(this), this.style.setProperty("--counter", e.current + "");
|
|
699
699
|
}), t(this, Pt).subscribe((e) => {
|
|
700
700
|
t(this, Pt).isRunning.current && t(this, f).set(e.current, { equalize: !0 });
|
|
701
701
|
}), t(this, Gt).subscribe((e) => {
|
|
702
|
-
e.current && !e.previous ? (this.classList.add("disabled"), o(this, c,
|
|
702
|
+
e.current && !e.previous ? (this.classList.add("disabled"), o(this, c, Cs).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), o(this, c, Ps).call(this));
|
|
703
703
|
}), t(this, Ut).subscribe((e) => {
|
|
704
704
|
e.current && !e.previous ? (this.classList.add("hibernated"), o(this, c, Vs).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), o(this, c, ks).call(this));
|
|
705
|
-
}), t(this, pe).observe(), t(this, T).observe(), t(this, Ot).observe(), t(this, ft).observe(), t(this, pt).observe(), t(this, bt).observe(), t(this, tt).observe(), t(this, $t).observe(), t(this, Ht).observe(), t(this, mt).observe(), t(this,
|
|
705
|
+
}), t(this, pe).observe(), t(this, T).observe(), t(this, Ot).observe(), t(this, ft).observe(), t(this, pt).observe(), t(this, bt).observe(), t(this, tt).observe(), t(this, $t).observe(), t(this, Ht).observe(), t(this, mt).observe(), t(this, Bt).observe(), t(this, be).observe(), t(this, et).observe(), t(this, V).observe(), t(this, me).observe(), t(this, Se).observe(), t(this, ge).observe(), t(this, ve).observe(), t(this, Fe).observe(), t(this, ye).observe(), t(this, _).observe(), t(this, _).observe(), t(this, Ce).observe(), t(this, Wt).observe(), t(this, j).observe(), t(this, Nt).observe(), t(this, St).observe(), t(this, Pe).observe(), t(this, qt).observe(), t(this, we).observe(), t(this, Gt).observe(), t(this, Ut).observe(), he.subscribe(t(this, fs), Es.LAST), is.subscribe(this, t(this, D)), t(this, Oe).observe(this, { childList: !0 });
|
|
706
706
|
}
|
|
707
707
|
disconnectedCallback() {
|
|
708
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, pe).unobserve(), t(this, T).unobserve(), t(this, Ot).unobserve(), t(this, ft).unobserve(), t(this, pt).unobserve(), t(this, bt).unobserve(), t(this, tt).unobserve(), t(this, $t).unobserve(), t(this, Ht).unobserve(), t(this, mt).unobserve(), t(this,
|
|
708
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, pe).unobserve(), t(this, T).unobserve(), t(this, Ot).unobserve(), t(this, ft).unobserve(), t(this, pt).unobserve(), t(this, bt).unobserve(), t(this, tt).unobserve(), t(this, $t).unobserve(), t(this, Ht).unobserve(), t(this, mt).unobserve(), t(this, Bt).unobserve(), t(this, be).unobserve(), t(this, et).unobserve(), t(this, V).unobserve(), t(this, me).unobserve(), t(this, Se).unobserve(), t(this, ge).unobserve(), t(this, ve).unobserve(), t(this, Fe).unobserve(), t(this, ye).unobserve(), t(this, _).unobserve(), t(this, Ce).unobserve(), t(this, Wt).unobserve(), t(this, j).unobserve(), t(this, Nt).unobserve(), t(this, St).unobserve(), t(this, Pe).unobserve(), t(this, qt).unobserve(), t(this, we).unobserve(), t(this, Gt).unobserve(), t(this, Ut).unobserve(), he.unsubscribe(t(this, fs)), is.unsubscribe(t(this, D)), o(this, c, Vs).call(this), t(this, Oe).disconnect();
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
|
-
f = new WeakMap(), pe = new WeakMap(), T = new WeakMap(), Ot = new WeakMap(), ft = new WeakMap(), pt = new WeakMap(), bt = new WeakMap(), tt = new WeakMap(), $t = new WeakMap(), Ht = new WeakMap(), mt = new WeakMap(),
|
|
711
|
+
f = new WeakMap(), pe = new WeakMap(), T = new WeakMap(), Ot = new WeakMap(), ft = new WeakMap(), pt = new WeakMap(), bt = new WeakMap(), tt = new WeakMap(), $t = new WeakMap(), Ht = new WeakMap(), mt = new WeakMap(), Bt = new WeakMap(), be = new WeakMap(), et = new WeakMap(), V = new WeakMap(), me = new WeakMap(), Se = new WeakMap(), ge = new WeakMap(), ve = new WeakMap(), Fe = new WeakMap(), ye = new WeakMap(), _ = new WeakMap(), Ce = new WeakMap(), Wt = new WeakMap(), j = new WeakMap(), Nt = new WeakMap(), St = new WeakMap(), Pe = new WeakMap(), qt = new WeakMap(), we = new WeakMap(), Gt = new WeakMap(), Ut = new WeakMap(), Kt = new WeakMap(), b = new WeakMap(), Te = new WeakMap(), q = new WeakMap(), d = new WeakMap(), ls = new WeakMap(), cs = new WeakMap(), L = new WeakMap(), P = new WeakMap(), G = new WeakMap(), st = new WeakMap(), Zt = new WeakMap(), it = new WeakMap(), M = new WeakMap(), R = new WeakMap(), Re = new WeakMap(), gt = new WeakMap(), vt = new WeakMap(), yt = new WeakMap(), Ct = new WeakMap(), De = new WeakMap(), _t = new WeakMap(), Pt = new WeakMap(), Ee = new WeakMap(), rt = new WeakMap(), k = new WeakMap(), Oe = new WeakMap(), wt = new WeakMap(), xe = new WeakMap(), $e = new WeakMap(), c = new WeakSet(), zs = function() {
|
|
712
712
|
const e = t(this, T).current, s = t(this, Ot).current ? "-reverse" : "";
|
|
713
|
-
t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, st).axis = t(this,
|
|
713
|
+
t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, st).axis = t(this, Bt).current ? "max" : e, t(this, Zt).dimension = e === "x" ? "width" : "height", t(this, it).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, k) && t(this, D).call(this);
|
|
714
714
|
}, es = function() {
|
|
715
715
|
o(this, c, Ie).call(this), t(this, Te).assignedElements().forEach((e, s) => {
|
|
716
716
|
e instanceof HTMLElement && e.tagName !== "SCRIPT" && t(this, q).push(new wi(e, s, this));
|
|
717
|
-
}), r(this,
|
|
717
|
+
}), r(this, d, [...t(this, q)]), t(this, b).style.transform = "", Y(this, "scrollSectionsChange", {
|
|
718
718
|
custom: !0,
|
|
719
719
|
composed: !0
|
|
720
720
|
}), t(this, D).call(this), o(this, c, ce).call(this);
|
|
721
721
|
}, Ie = function() {
|
|
722
722
|
t(this, q).forEach((e) => {
|
|
723
723
|
e.destroy();
|
|
724
|
-
}), r(this, q, []), r(this,
|
|
724
|
+
}), r(this, q, []), r(this, d, []), t(this, R).reset(), t(this, f).reset(), this.style.removeProperty("--max-section-size"), Y(this, "scrollSectionsChange", {
|
|
725
725
|
custom: !0,
|
|
726
726
|
composed: !0
|
|
727
727
|
});
|
|
728
|
-
},
|
|
729
|
-
t(this, yt) || (r(this, yt, !0), t(this, f).unsubscribe(t(this,
|
|
728
|
+
}, Cs = function() {
|
|
729
|
+
t(this, yt) || (r(this, yt, !0), t(this, f).unsubscribe(t(this, us)), t(this, f).unlistenAnimationFrame(), clearInterval(t(this, De)), clearInterval(t(this, _t)), t(this, Pt).unlistenAnimationFrame(), t(this, st).disconnect(), t(this, Zt).disconnect(), t(this, it).disconnect(), t(this, M).disconnect(), t(this, vt) || (this.sections.forEach((e) => {
|
|
730
730
|
e.unsetTransform();
|
|
731
731
|
}), t(this, D).call(this)));
|
|
732
|
-
},
|
|
733
|
-
t(this, yt) && (r(this, yt, !1), t(this, f).subscribe(t(this,
|
|
732
|
+
}, Ps = function() {
|
|
733
|
+
t(this, yt) && (r(this, yt, !1), t(this, f).subscribe(t(this, us), -1e4), t(this, f).notify(), t(this, st).connect(), t(this, Zt).connect(), t(this, it).connect(), t(this, _).current && t(this, M).connect());
|
|
734
734
|
}, Vs = function() {
|
|
735
|
-
t(this, Ct) || (r(this, Ct, !0), clearTimeout(t(this, $e)), he.unsubscribe(t(this, D)), o(this, c,
|
|
735
|
+
t(this, Ct) || (r(this, Ct, !0), clearTimeout(t(this, $e)), he.unsubscribe(t(this, D)), o(this, c, Cs).call(this), t(this, b).style.transform = "", t(this, b).style.height = "", t(this, b).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, q).length ? o(this, c, Ie).call(this) : (t(this, R).reset(), t(this, f).reset()), ne.unregister(this));
|
|
736
736
|
}, ks = function() {
|
|
737
|
-
t(this, Ct) && (r(this, Ct, !1), ne.register(this), this.tryResplit(), o(this, c,
|
|
737
|
+
t(this, Ct) && (r(this, Ct, !1), ne.register(this), this.tryResplit(), o(this, c, Ps).call(this), this.scrollToSection(t(this, ye).current, {
|
|
738
738
|
behaviour: "instant"
|
|
739
739
|
}), he.subscribe(t(this, D), Es.SCROLL));
|
|
740
|
-
}, D = new WeakMap(),
|
|
740
|
+
}, D = new WeakMap(), us = new WeakMap(), _s = function(e) {
|
|
741
741
|
let s = t(this, R).current;
|
|
742
|
-
return t(this, V).current ? s = pi(e, t(this,
|
|
743
|
-
}, He = new WeakMap(),
|
|
744
|
-
t(this,
|
|
742
|
+
return t(this, V).current ? s = pi(e, t(this, d).length) : s = Gs(e, 0, this.limit), s;
|
|
743
|
+
}, He = new WeakMap(), as = new WeakMap(), As = function(e = 1) {
|
|
744
|
+
t(this, Wt).current && (t(this, M).direction = e), t(this, _).current && t(this, M).pauseAndContinue(
|
|
745
745
|
t(this, Ce).current,
|
|
746
746
|
this.sectionalCSSProperty.current
|
|
747
747
|
);
|
|
748
748
|
}, Is = function(e = "current") {
|
|
749
|
-
if (t(this, V).current && t(this,
|
|
749
|
+
if (t(this, V).current && t(this, d).length) {
|
|
750
750
|
const s = t(this, f)[e] % Math.round(t(this, P) + t(this, L) + t(this, G));
|
|
751
751
|
return s < 0 ? t(this, P) + s + t(this, L) + t(this, G) : s;
|
|
752
752
|
} else
|
|
753
753
|
return t(this, f)[e];
|
|
754
754
|
}, ce = function() {
|
|
755
|
-
if (t(this,
|
|
755
|
+
if (t(this, d).length) {
|
|
756
756
|
const e = t(this, R).current + t(this, Nt).current;
|
|
757
|
-
if (e === 0 ? r(this, rt, "start") : e === this.limit ? r(this, rt, "end") : r(this, rt, null),
|
|
757
|
+
if (e === 0 ? r(this, rt, "start") : e === this.limit ? r(this, rt, "end") : r(this, rt, null), Y(this, "scrollLine", {
|
|
758
758
|
detail: { line: t(this, rt) }
|
|
759
|
-
}), t(this,
|
|
759
|
+
}), t(this, j).current) {
|
|
760
760
|
this.classList.remove("end", "start"), t(this, rt) && this.classList.add(t(this, rt));
|
|
761
761
|
const s = t(this, et).current + t(this, St).current;
|
|
762
|
-
r(this, wt, []), t(this,
|
|
762
|
+
r(this, wt, []), t(this, d).forEach((h, u) => {
|
|
763
763
|
h.setCurrentIndex(null), h.setCurrentIndexArc(null), h.setCurrentIndexArcAbs(null), h.setMiddle(!1);
|
|
764
764
|
const g = e - this.limit - 1 + t(this, St).current, v = e + s, C = this.sections.length - v;
|
|
765
765
|
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");
|
|
766
|
-
}), t(this,
|
|
766
|
+
}), t(this, ds).call(this);
|
|
767
767
|
}
|
|
768
768
|
}
|
|
769
|
-
},
|
|
770
|
-
if (t(this,
|
|
769
|
+
}, js = function() {
|
|
770
|
+
if (t(this, j).current) {
|
|
771
771
|
const e = Math.floor(t(this, wt).length / 2);
|
|
772
772
|
t(this, wt).sort((s, h) => s.element.getBoundingClientRect().left - h.element.getBoundingClientRect().left), t(this, wt).forEach((s, h) => {
|
|
773
773
|
const u = h - e;
|
|
774
774
|
s.setCurrentIndex(h), s.setCurrentIndexArc(u), s.setCurrentIndexArcAbs(Math.abs(u)), s.setMiddle(h === e);
|
|
775
775
|
});
|
|
776
776
|
}
|
|
777
|
-
},
|
|
777
|
+
}, ds = new WeakMap(), ss = function(e = !1) {
|
|
778
778
|
let s = this.targetScrollValue, h = 1 / 0, u = 0;
|
|
779
779
|
const g = t(this, f).direction;
|
|
780
|
-
for (let v = 0; v < t(this,
|
|
781
|
-
const C = t(this,
|
|
780
|
+
for (let v = 0; v < t(this, d).length; v++) {
|
|
781
|
+
const C = t(this, d)[v];
|
|
782
782
|
let oe = t(this, Ee) ? C.size * g * -1 * 0.4 : 0, Ae = C.position;
|
|
783
783
|
this.overscroll && Ae === 0 && e && (Ae = t(this, gt));
|
|
784
784
|
let Ye = Math.abs(Ae + oe - s);
|
|
785
785
|
Ye <= h && (h = Ye, u = v);
|
|
786
786
|
}
|
|
787
787
|
return u;
|
|
788
|
-
},
|
|
789
|
-
|
|
790
|
-
var
|
|
791
|
-
class
|
|
788
|
+
}, fs = new WeakMap();
|
|
789
|
+
Z && !customElements.get("e-scroll") && customElements.define("e-scroll", Ls);
|
|
790
|
+
var ps;
|
|
791
|
+
class ys extends HTMLElement {
|
|
792
792
|
constructor() {
|
|
793
793
|
super(...arguments);
|
|
794
|
-
i(this,
|
|
794
|
+
i(this, ps, null);
|
|
795
795
|
}
|
|
796
796
|
get scrollElement() {
|
|
797
|
-
return t(this,
|
|
797
|
+
return t(this, ps);
|
|
798
798
|
}
|
|
799
799
|
connectedCallback() {
|
|
800
800
|
const e = Pi(this, Ls);
|
|
801
|
-
e instanceof Ls ? r(this,
|
|
801
|
+
e instanceof Ls ? r(this, ps, e) : console.error(this, "e-scroll not found");
|
|
802
802
|
}
|
|
803
803
|
}
|
|
804
|
-
|
|
805
|
-
var jt, O, Et, xt,
|
|
806
|
-
class xi extends
|
|
804
|
+
ps = new WeakMap();
|
|
805
|
+
var jt, O, Et, xt, Be, We, Jt, Ne, bs, ms;
|
|
806
|
+
class xi extends ys {
|
|
807
807
|
constructor() {
|
|
808
808
|
super();
|
|
809
809
|
i(this, jt, null);
|
|
810
810
|
i(this, O, null);
|
|
811
811
|
i(this, Et, !1);
|
|
812
812
|
i(this, xt, 0);
|
|
813
|
-
i(this, We, 0);
|
|
814
813
|
i(this, Be, 0);
|
|
814
|
+
i(this, We, 0);
|
|
815
815
|
i(this, Jt, () => {
|
|
816
816
|
r(this, Et, this.offsetWidth > this.offsetHeight);
|
|
817
817
|
const e = t(this, Et) ? this.offsetWidth : this.offsetHeight;
|
|
818
|
-
r(this, xt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, xt, Math.max(t(this, xt), 30)), t(this, Et) ? (t(this, O).style.width = t(this, xt) + "px", t(this, O).style.height = "100%") : (t(this, O).style.width = "100%", t(this, O).style.height = t(this, xt) + "px"), r(this,
|
|
818
|
+
r(this, xt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, xt, Math.max(t(this, xt), 30)), t(this, Et) ? (t(this, O).style.width = t(this, xt) + "px", t(this, O).style.height = "100%") : (t(this, O).style.width = "100%", t(this, O).style.height = t(this, xt) + "px"), r(this, Be, e - t(this, xt)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Ne).call(this);
|
|
819
819
|
});
|
|
820
820
|
i(this, Ne, () => {
|
|
821
|
-
r(this,
|
|
821
|
+
r(this, We, this.scrollElement.currentProgress * t(this, Be)), t(this, Et) ? t(this, O).style.transform = `translate3d(${t(this, We)}px, 0px, 0px)` : t(this, O).style.transform = `translate3d(0px, ${t(this, We)}px, 0px)`;
|
|
822
822
|
});
|
|
823
|
-
i(this,
|
|
823
|
+
i(this, bs, () => {
|
|
824
824
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
825
825
|
});
|
|
826
|
-
i(this,
|
|
826
|
+
i(this, ms, (e) => {
|
|
827
827
|
document.documentElement.classList.add("grabbing"), Ci(
|
|
828
828
|
(u) => {
|
|
829
|
-
const g = t(this, Et) ? u.x : u.y, v = this.scrollElement.distance / t(this,
|
|
829
|
+
const g = t(this, Et) ? u.x : u.y, v = this.scrollElement.distance / t(this, Be), C = (g - h) * v;
|
|
830
830
|
this.scrollElement.setPosition(s + C);
|
|
831
831
|
},
|
|
832
832
|
() => {
|
|
@@ -835,10 +835,10 @@ class xi extends gs {
|
|
|
835
835
|
);
|
|
836
836
|
const s = this.scrollElement.damped.target, h = t(this, Et) ? e.x : e.y;
|
|
837
837
|
});
|
|
838
|
-
if (
|
|
838
|
+
if (Z) {
|
|
839
839
|
const e = this.attachShadow({ mode: "open" });
|
|
840
840
|
e.adoptedStyleSheets = [
|
|
841
|
-
|
|
841
|
+
Us({
|
|
842
842
|
":host": {
|
|
843
843
|
display: "inline-block",
|
|
844
844
|
zIndex: "1",
|
|
@@ -876,16 +876,16 @@ class xi extends gs {
|
|
|
876
876
|
connectedCallback() {
|
|
877
877
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
878
878
|
const e = t(this, jt).assignedElements()[0] || t(this, jt).firstElementChild;
|
|
879
|
-
r(this, O, e), t(this, O).addEventListener("pointerdown", t(this,
|
|
879
|
+
r(this, O, e), t(this, O).addEventListener("pointerdown", t(this, ms)), he.subscribe(t(this, Jt), Es.SCROLL), is.subscribe(this, t(this, Jt)), is.subscribe(this.scrollElement, t(this, Jt)), this.scrollElement.onScroll(t(this, Ne)), this.scrollElement.axisCSSProperty.subscribe(t(this, bs));
|
|
880
880
|
}
|
|
881
881
|
disconnectedCallback() {
|
|
882
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this,
|
|
882
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this, ms)), he.unsubscribe(t(this, Jt)), is.unsubscribe(t(this, Jt)), this.scrollElement.offScroll(t(this, Ne)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, bs));
|
|
883
883
|
}
|
|
884
884
|
}
|
|
885
|
-
jt = new WeakMap(), O = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(),
|
|
886
|
-
|
|
885
|
+
jt = new WeakMap(), O = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Be = new WeakMap(), We = new WeakMap(), Jt = new WeakMap(), Ne = new WeakMap(), bs = new WeakMap(), ms = new WeakMap();
|
|
886
|
+
Z && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", xi);
|
|
887
887
|
var qe, Ge, Ue;
|
|
888
|
-
class
|
|
888
|
+
class Rs extends ys {
|
|
889
889
|
constructor() {
|
|
890
890
|
super();
|
|
891
891
|
i(this, qe, new l(this, "--behaviour", "smooth"));
|
|
@@ -895,7 +895,7 @@ class js extends gs {
|
|
|
895
895
|
!1
|
|
896
896
|
));
|
|
897
897
|
i(this, Ue, new l(this, "--tween-duration", 0));
|
|
898
|
-
|
|
898
|
+
Z && this.addEventListener("click", () => {
|
|
899
899
|
const e = t(this, qe).current, s = t(this, Ge).current, h = t(this, Ue).current;
|
|
900
900
|
this.handleClick({
|
|
901
901
|
behaviour: e,
|
|
@@ -912,7 +912,7 @@ class js extends gs {
|
|
|
912
912
|
}
|
|
913
913
|
qe = new WeakMap(), Ge = new WeakMap(), Ue = new WeakMap();
|
|
914
914
|
var Ke;
|
|
915
|
-
class Li extends
|
|
915
|
+
class Li extends Rs {
|
|
916
916
|
constructor() {
|
|
917
917
|
super(...arguments);
|
|
918
918
|
i(this, Ke, new l(this, "--set", 1));
|
|
@@ -928,9 +928,9 @@ class Li extends js {
|
|
|
928
928
|
}
|
|
929
929
|
}
|
|
930
930
|
Ke = new WeakMap();
|
|
931
|
-
|
|
931
|
+
Z && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", Li);
|
|
932
932
|
var Lt, Ze;
|
|
933
|
-
class zi extends
|
|
933
|
+
class zi extends Rs {
|
|
934
934
|
constructor() {
|
|
935
935
|
super(...arguments);
|
|
936
936
|
i(this, Lt, new l(this, "--step", 1));
|
|
@@ -954,17 +954,17 @@ class zi extends js {
|
|
|
954
954
|
}
|
|
955
955
|
}
|
|
956
956
|
Lt = new WeakMap(), Ze = new WeakMap();
|
|
957
|
-
|
|
958
|
-
var ht, Qt, _e,
|
|
957
|
+
Z && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", zi);
|
|
958
|
+
var ht, Qt, _e, Ss, gs, je;
|
|
959
959
|
class Vi {
|
|
960
960
|
constructor(n, e, s) {
|
|
961
961
|
i(this, ht, null);
|
|
962
962
|
i(this, Qt, null);
|
|
963
963
|
i(this, _e, null);
|
|
964
|
-
i(this,
|
|
965
|
-
i(this,
|
|
964
|
+
i(this, Ss, null);
|
|
965
|
+
i(this, gs, () => {
|
|
966
966
|
t(this, Qt).scrollToSection(t(this, _e), {
|
|
967
|
-
behaviour: t(this,
|
|
967
|
+
behaviour: t(this, Ss)
|
|
968
968
|
});
|
|
969
969
|
});
|
|
970
970
|
i(this, je, () => {
|
|
@@ -973,23 +973,23 @@ class Vi {
|
|
|
973
973
|
t(this, Qt).counter.current === t(this, _e)
|
|
974
974
|
);
|
|
975
975
|
});
|
|
976
|
-
|
|
976
|
+
Z && (r(this, ht, document.createElement("button")), t(this, ht).setAttribute("aria-label", `Go to section ${e + 1}`), r(this, Qt, n), r(this, Ss, s), r(this, _e, e), t(this, ht).addEventListener("click", t(this, gs)), t(this, Qt).counter.subscribe(t(this, je)), t(this, je).call(this));
|
|
977
977
|
}
|
|
978
978
|
get element() {
|
|
979
979
|
return t(this, ht);
|
|
980
980
|
}
|
|
981
981
|
destroy() {
|
|
982
|
-
t(this, ht).removeEventListener("click", t(this,
|
|
982
|
+
t(this, ht).removeEventListener("click", t(this, gs)), t(this, Qt).counter.unsubscribe(t(this, je)), t(this, ht).remove();
|
|
983
983
|
}
|
|
984
984
|
}
|
|
985
|
-
ht = new WeakMap(), Qt = new WeakMap(), _e = new WeakMap(),
|
|
985
|
+
ht = new WeakMap(), Qt = new WeakMap(), _e = new WeakMap(), Ss = new WeakMap(), gs = new WeakMap(), je = new WeakMap();
|
|
986
986
|
var Le, Xt, zt;
|
|
987
|
-
class ki extends
|
|
987
|
+
class ki extends ys {
|
|
988
988
|
constructor() {
|
|
989
989
|
super(...arguments);
|
|
990
990
|
i(this, Le, null);
|
|
991
991
|
i(this, Xt, []);
|
|
992
|
-
i(this, zt,
|
|
992
|
+
i(this, zt, ws(() => {
|
|
993
993
|
t(this, Xt).forEach((s) => s.destroy()), r(this, Xt, []);
|
|
994
994
|
let e = 0;
|
|
995
995
|
this.scrollElement.loopCSSProperty.current ? e = this.scrollElement.visibleSections.length : e = this.scrollElement.visibleSections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
|
|
@@ -1021,9 +1021,9 @@ class ki extends gs {
|
|
|
1021
1021
|
}
|
|
1022
1022
|
}
|
|
1023
1023
|
Le = new WeakMap(), Xt = new WeakMap(), zt = new WeakMap();
|
|
1024
|
-
|
|
1025
|
-
var Yt, te, ee, se, Vt, kt, At, It, A, $, H,
|
|
1026
|
-
class Ai extends
|
|
1024
|
+
Z && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ki);
|
|
1025
|
+
var Yt, te, ee, se, Vt, kt, At, It, A, $, H, B, Mt, z, nt, ot, J, Ft, ze, lt, ct, ut, E, W, N, Q, X, U, Je, S, Tt, ie, Qe, x, at, F, I, K, Ve, Rt, y, re, m, Js, Qs, Xs, Ys, ti, ei, Xe, ke, Ms, ue, si, ii, Fs;
|
|
1026
|
+
class Ai extends ys {
|
|
1027
1027
|
constructor() {
|
|
1028
1028
|
super(...arguments);
|
|
1029
1029
|
i(this, m);
|
|
@@ -1038,22 +1038,22 @@ class Ai extends gs {
|
|
|
1038
1038
|
i(this, A);
|
|
1039
1039
|
i(this, $);
|
|
1040
1040
|
i(this, H);
|
|
1041
|
-
i(this,
|
|
1041
|
+
i(this, B);
|
|
1042
1042
|
i(this, Mt);
|
|
1043
1043
|
i(this, z);
|
|
1044
1044
|
i(this, nt);
|
|
1045
1045
|
i(this, ot);
|
|
1046
|
-
i(this,
|
|
1046
|
+
i(this, J);
|
|
1047
1047
|
i(this, Ft);
|
|
1048
1048
|
i(this, ze);
|
|
1049
1049
|
i(this, lt);
|
|
1050
1050
|
i(this, ct);
|
|
1051
1051
|
i(this, ut);
|
|
1052
1052
|
i(this, E);
|
|
1053
|
-
i(this,
|
|
1053
|
+
i(this, W);
|
|
1054
1054
|
i(this, N);
|
|
1055
|
-
i(this, J);
|
|
1056
1055
|
i(this, Q);
|
|
1056
|
+
i(this, X);
|
|
1057
1057
|
i(this, U);
|
|
1058
1058
|
i(this, Je);
|
|
1059
1059
|
i(this, S);
|
|
@@ -1086,7 +1086,7 @@ class Ai extends gs {
|
|
|
1086
1086
|
this,
|
|
1087
1087
|
"--captured-from-start",
|
|
1088
1088
|
""
|
|
1089
|
-
)), r(this,
|
|
1089
|
+
)), r(this, B, new l(
|
|
1090
1090
|
this,
|
|
1091
1091
|
"--captured-from-finish",
|
|
1092
1092
|
""
|
|
@@ -1098,7 +1098,7 @@ class Ai extends gs {
|
|
|
1098
1098
|
this,
|
|
1099
1099
|
"--released-from-finish",
|
|
1100
1100
|
""
|
|
1101
|
-
)), r(this, nt, new l(this, "--passed-var", "")), r(this, ot, new l(this, "--progress-var", "")), r(this,
|
|
1101
|
+
)), r(this, nt, new l(this, "--passed-var", "")), r(this, ot, new l(this, "--progress-var", "")), r(this, J, new l(
|
|
1102
1102
|
this,
|
|
1103
1103
|
"--progress-arc-var",
|
|
1104
1104
|
""
|
|
@@ -1110,14 +1110,14 @@ class Ai extends gs {
|
|
|
1110
1110
|
this,
|
|
1111
1111
|
"--animation-var-type",
|
|
1112
1112
|
"target"
|
|
1113
|
-
)), r(this, lt, new l(this, "--distance-var", "")), r(this, ct, new l(this, "--start-var", "")), r(this, ut, new l(this, "--finish-var", "")), r(this, E, new le(!1)), r(this,
|
|
1114
|
-
r(this, ie, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Tt, this.scrollElement.vertical ?
|
|
1113
|
+
)), r(this, lt, new l(this, "--distance-var", "")), r(this, ct, new l(this, "--start-var", "")), r(this, ut, new l(this, "--finish-var", "")), r(this, E, new le(!1)), r(this, W, new le(!1)), r(this, N, new le(!1)), r(this, Q, new le(!1)), r(this, X, new le(!1)), r(this, U, new le(!1)), r(this, Je, []), r(this, S, this), r(this, Tt, 0), r(this, ie, 0), r(this, Qe, 0), r(this, x, new Zs(0, { order: Ks.SEGMENT, min: 0, max: 1 })), r(this, at, 0), r(this, F, 0), r(this, I, 0), r(this, K, 0), r(this, Ve, !1), r(this, Rt, !1), r(this, y, !0), r(this, re, !1), this.resize = () => {
|
|
1114
|
+
r(this, ie, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Tt, this.scrollElement.vertical ? rs(this, this.scrollElement) : hs(this, this.scrollElement));
|
|
1115
1115
|
const e = ai(
|
|
1116
1116
|
this,
|
|
1117
1117
|
this.scrollElement.vertical ? "top" : "left"
|
|
1118
1118
|
);
|
|
1119
|
-
r(this, Tt, t(this, Tt) - e), r(this, F, this.getStart()), r(this, I, this.getDistance()), r(this, F, t(this, F) + t(this, At).current), r(this, I, t(this, I) + t(this, kt).current), r(this, K, t(this, F) + t(this, I)), this.scrollElement.currentScrollValue > t(this, K) && !t(this, E).current && !t(this,
|
|
1120
|
-
}, this.findAnotherScrollEntries =
|
|
1119
|
+
r(this, Tt, t(this, Tt) - e), r(this, F, this.getStart()), r(this, I, this.getDistance()), r(this, F, t(this, F) + t(this, At).current), r(this, I, t(this, I) + t(this, kt).current), r(this, K, t(this, F) + t(this, I)), this.scrollElement.currentScrollValue > t(this, K) && !t(this, E).current && !t(this, W).current && (t(this, E).current = !0), this.setVar(t(this, ct).current, t(this, F)), this.setVar(t(this, ut).current, t(this, K)), this.setVar(t(this, lt).current, t(this, I)), t(this, x).max = t(this, I), r(this, Ve, !0), t(this, ke).call(this);
|
|
1120
|
+
}, this.findAnotherScrollEntries = ws(() => {
|
|
1121
1121
|
const e = ne.getAll(this).reverse();
|
|
1122
1122
|
let s = 0;
|
|
1123
1123
|
e.forEach((h, u) => {
|
|
@@ -1148,7 +1148,7 @@ class Ai extends gs {
|
|
|
1148
1148
|
return t(this, H);
|
|
1149
1149
|
}
|
|
1150
1150
|
get capturedFromFinishCSSProperty() {
|
|
1151
|
-
return t(this,
|
|
1151
|
+
return t(this, B);
|
|
1152
1152
|
}
|
|
1153
1153
|
get releasedFromStartCSSProperty() {
|
|
1154
1154
|
return t(this, Mt);
|
|
@@ -1163,7 +1163,7 @@ class Ai extends gs {
|
|
|
1163
1163
|
return t(this, ot);
|
|
1164
1164
|
}
|
|
1165
1165
|
get progressArcVarCSSProperty() {
|
|
1166
|
-
return t(this,
|
|
1166
|
+
return t(this, J);
|
|
1167
1167
|
}
|
|
1168
1168
|
get progressArcMultCSSProperty() {
|
|
1169
1169
|
return t(this, Ft);
|
|
@@ -1199,16 +1199,16 @@ class Ai extends gs {
|
|
|
1199
1199
|
return t(this, E);
|
|
1200
1200
|
}
|
|
1201
1201
|
get isReleased() {
|
|
1202
|
-
return t(this,
|
|
1202
|
+
return t(this, W);
|
|
1203
1203
|
}
|
|
1204
1204
|
get isCapturedFromStart() {
|
|
1205
1205
|
return t(this, N);
|
|
1206
1206
|
}
|
|
1207
1207
|
get isReleasedFromStart() {
|
|
1208
|
-
return t(this,
|
|
1208
|
+
return t(this, Q);
|
|
1209
1209
|
}
|
|
1210
1210
|
get isCapturedFromFinish() {
|
|
1211
|
-
return t(this,
|
|
1211
|
+
return t(this, X);
|
|
1212
1212
|
}
|
|
1213
1213
|
get isReleasedFromFinish() {
|
|
1214
1214
|
return t(this, U);
|
|
@@ -1251,48 +1251,48 @@ class Ai extends gs {
|
|
|
1251
1251
|
const s = e - t(this, F);
|
|
1252
1252
|
t(this, re) || r(this, re, t(this, x).previous ? Math.abs(t(this, x).previous - s) > 1e3 : !1), t(this, x).set(s);
|
|
1253
1253
|
const h = Math.round(e);
|
|
1254
|
-
t(this, E).current && (h >= t(this, F) ? t(this, N).current || o(this, m, Xs).call(this) : t(this, N).current && !t(this,
|
|
1254
|
+
t(this, E).current && (h >= t(this, F) ? t(this, N).current || o(this, m, Xs).call(this) : t(this, N).current && !t(this, Q).current && o(this, m, ti).call(this), h < t(this, K) ? t(this, U).current && !t(this, X).current && o(this, m, Ys).call(this) : t(this, N).current && !t(this, U).current && o(this, m, ei).call(this)), h >= t(this, F) && h < t(this, K) ? t(this, E).current || o(this, m, Js).call(this) : t(this, E).current && (t(this, x).set(
|
|
1255
1255
|
di(t(this, I) / 2, t(this, x).target, 0, t(this, I))
|
|
1256
1256
|
), o(this, m, Qs).call(this)), t(this, Rt) && t(this, It).current && (t(this, A).current && t(this, S).classList.add(t(this, A).current), r(this, y, !0));
|
|
1257
1257
|
}
|
|
1258
1258
|
disable() {
|
|
1259
|
-
this.style.cssText = "", r(this, Tt, 0), r(this, ie, 0), t(this, x).reset(), r(this, at, 0), r(this, F, 0), r(this, I, 0), r(this, K, 0), r(this, Ve, !1), t(this, E).current = !1, t(this,
|
|
1259
|
+
this.style.cssText = "", r(this, Tt, 0), r(this, ie, 0), t(this, x).reset(), r(this, at, 0), r(this, F, 0), r(this, I, 0), r(this, K, 0), r(this, Ve, !1), t(this, E).current = !1, t(this, W).current = !1, t(this, N).current = !1, t(this, Q).current = !1, t(this, X).current = !1, t(this, U).current = !1, r(this, Rt, !1), r(this, y, !0), o(this, m, Fs).call(this);
|
|
1260
1260
|
}
|
|
1261
1261
|
enable() {
|
|
1262
1262
|
r(this, y, !1);
|
|
1263
1263
|
}
|
|
1264
1264
|
connectedCallback() {
|
|
1265
1265
|
super.connectedCallback(), t(this, E).subscribe((s) => {
|
|
1266
|
-
s.current &&
|
|
1266
|
+
s.current && Y(this, "scrollSegmentCapture", {
|
|
1267
1267
|
composed: !0,
|
|
1268
1268
|
custom: !0
|
|
1269
1269
|
});
|
|
1270
1270
|
}), t(this, N).subscribe((s) => {
|
|
1271
|
-
s.current &&
|
|
1271
|
+
s.current && Y(this, "scrollSegmentCaptureFromStart", {
|
|
1272
1272
|
composed: !0,
|
|
1273
1273
|
custom: !0
|
|
1274
1274
|
});
|
|
1275
|
-
}), t(this,
|
|
1276
|
-
s.current &&
|
|
1275
|
+
}), t(this, X).subscribe((s) => {
|
|
1276
|
+
s.current && Y(this, "scrollSegmentCaptureFromFinish", {
|
|
1277
1277
|
composed: !0,
|
|
1278
1278
|
custom: !0
|
|
1279
1279
|
});
|
|
1280
|
-
}), t(this,
|
|
1281
|
-
s.current &&
|
|
1280
|
+
}), t(this, W).subscribe((s) => {
|
|
1281
|
+
s.current && Y(this, "scrollSegmentRelease", {
|
|
1282
1282
|
composed: !0,
|
|
1283
1283
|
custom: !0
|
|
1284
1284
|
});
|
|
1285
|
-
}), t(this,
|
|
1286
|
-
s.current &&
|
|
1285
|
+
}), t(this, Q).subscribe((s) => {
|
|
1286
|
+
s.current && Y(this, "scrollSegmentReleaseFromStart", {
|
|
1287
1287
|
composed: !0,
|
|
1288
1288
|
custom: !0
|
|
1289
1289
|
});
|
|
1290
1290
|
}), t(this, U).subscribe((s) => {
|
|
1291
|
-
s.current &&
|
|
1291
|
+
s.current && Y(this, "scrollSegmentReleaseFromFinish", {
|
|
1292
1292
|
composed: !0,
|
|
1293
1293
|
custom: !0
|
|
1294
1294
|
});
|
|
1295
|
-
}), t(this, Yt).observe(), t(this, te).observe(), t(this, ee).observe(), t(this, se).observe(), t(this, Vt).observe(), t(this, kt).observe(), t(this, At).observe(), t(this, It).observe(), t(this, A).observe(), t(this, $).observe(), t(this, H).observe(), t(this,
|
|
1295
|
+
}), t(this, Yt).observe(), t(this, te).observe(), t(this, ee).observe(), t(this, se).observe(), t(this, Vt).observe(), t(this, kt).observe(), t(this, At).observe(), t(this, It).observe(), t(this, A).observe(), t(this, $).observe(), t(this, H).observe(), t(this, B).observe(), t(this, Mt).observe(), t(this, z).observe(), t(this, nt).observe(), t(this, ot).observe(), t(this, J).observe(), t(this, Ft).observe(), t(this, ze).observe(), t(this, lt).observe(), t(this, ct).observe(), t(this, ut).observe();
|
|
1296
1296
|
let e = !1;
|
|
1297
1297
|
this.findAnotherScrollEntries(), t(this, Vt).current || this.enable(), t(this, Yt).subscribe((s) => {
|
|
1298
1298
|
t(this, x).damping = s.current;
|
|
@@ -1312,7 +1312,7 @@ class Ai extends gs {
|
|
|
1312
1312
|
o(this, m, ue).call(this, s);
|
|
1313
1313
|
}), t(this, H).subscribe((s) => {
|
|
1314
1314
|
o(this, m, ue).call(this, s);
|
|
1315
|
-
}), t(this,
|
|
1315
|
+
}), t(this, B).subscribe((s) => {
|
|
1316
1316
|
o(this, m, ue).call(this, s);
|
|
1317
1317
|
}), t(this, $).subscribe((s) => {
|
|
1318
1318
|
o(this, m, ue).call(this, s);
|
|
@@ -1326,7 +1326,7 @@ class Ai extends gs {
|
|
|
1326
1326
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
|
|
1327
1327
|
}), t(this, ot).subscribe((s) => {
|
|
1328
1328
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, at)));
|
|
1329
|
-
}), t(this,
|
|
1329
|
+
}), t(this, J).subscribe((s) => {
|
|
1330
1330
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.progressArc));
|
|
1331
1331
|
}), t(this, Ft).subscribe((s) => {
|
|
1332
1332
|
t(this, y) || o(this, m, Ms).call(this);
|
|
@@ -1351,7 +1351,7 @@ class Ai extends gs {
|
|
|
1351
1351
|
he.unsubscribe(t(this, Xe)), this.scrollElement.offScroll(t(this, ke)), this.scrollElement.removeEventListener(
|
|
1352
1352
|
"scrollSectionsChange",
|
|
1353
1353
|
this.findAnotherScrollEntries
|
|
1354
|
-
), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this, Yt).close(), t(this, te).close(), t(this, ee).close(), t(this, se).close(), t(this, Vt).close(), t(this, kt).close(), t(this, At).close(), t(this, It).close(), t(this, A).close(), t(this, $).close(), t(this, H).close(), t(this,
|
|
1354
|
+
), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this, Yt).close(), t(this, te).close(), t(this, ee).close(), t(this, se).close(), t(this, Vt).close(), t(this, kt).close(), t(this, At).close(), t(this, It).close(), t(this, A).close(), t(this, $).close(), t(this, H).close(), t(this, B).close(), t(this, Mt).close(), t(this, z).close(), t(this, nt).close(), t(this, ot).close(), t(this, J).close(), t(this, Ft).close(), t(this, lt).close(), t(this, ct).close(), t(this, ut).close(), t(this, E).close(), t(this, W).close(), t(this, N).close(), t(this, Q).close(), t(this, X).close(), t(this, U).close(), this.disable(), t(this, x).close();
|
|
1355
1355
|
}
|
|
1356
1356
|
removeVar(e) {
|
|
1357
1357
|
e && t(this, S).style.removeProperty(`--${e}`);
|
|
@@ -1369,37 +1369,37 @@ class Ai extends gs {
|
|
|
1369
1369
|
return t(this, Tt) - t(this, Qe);
|
|
1370
1370
|
}
|
|
1371
1371
|
}
|
|
1372
|
-
Yt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), Vt = new WeakMap(), kt = new WeakMap(), At = new WeakMap(), It = new WeakMap(), A = new WeakMap(), $ = new WeakMap(), H = new WeakMap(),
|
|
1373
|
-
t(this, E).current = !0, t(this,
|
|
1372
|
+
Yt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), Vt = new WeakMap(), kt = new WeakMap(), At = new WeakMap(), It = new WeakMap(), A = new WeakMap(), $ = new WeakMap(), H = new WeakMap(), B = new WeakMap(), Mt = new WeakMap(), z = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), J = new WeakMap(), Ft = new WeakMap(), ze = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), ut = new WeakMap(), E = new WeakMap(), W = new WeakMap(), N = new WeakMap(), Q = new WeakMap(), X = new WeakMap(), U = new WeakMap(), Je = new WeakMap(), S = new WeakMap(), Tt = new WeakMap(), ie = new WeakMap(), Qe = new WeakMap(), x = new WeakMap(), at = new WeakMap(), F = new WeakMap(), I = new WeakMap(), K = new WeakMap(), Ve = new WeakMap(), Rt = new WeakMap(), y = new WeakMap(), re = new WeakMap(), m = new WeakSet(), Js = function() {
|
|
1373
|
+
t(this, E).current = !0, t(this, W).current = !1, r(this, Rt, !0), t(this, $).current && t(this, S).classList.remove(t(this, $).current), t(this, z).current && t(this, S).classList.remove(
|
|
1374
1374
|
t(this, z).current
|
|
1375
1375
|
), t(this, z).current && t(this, S).classList.remove(
|
|
1376
1376
|
t(this, z).current
|
|
1377
1377
|
), t(this, A).current && t(this, S).classList.add(t(this, A).current);
|
|
1378
1378
|
}, Qs = function() {
|
|
1379
|
-
t(this,
|
|
1379
|
+
t(this, W).current = !0, t(this, E).current = !1, r(this, Rt, !0), t(this, A).current && t(this, S).classList.remove(t(this, A).current), t(this, H).current && t(this, S).classList.remove(
|
|
1380
1380
|
t(this, H).current
|
|
1381
|
-
), t(this,
|
|
1382
|
-
t(this,
|
|
1381
|
+
), t(this, B).current && t(this, S).classList.remove(
|
|
1382
|
+
t(this, B).current
|
|
1383
1383
|
), t(this, $).current && t(this, S).classList.add(t(this, $).current);
|
|
1384
1384
|
}, Xs = function() {
|
|
1385
|
-
t(this, E).current = !0, t(this, N).current = !0, t(this,
|
|
1385
|
+
t(this, E).current = !0, t(this, N).current = !0, t(this, Q).current = !1, t(this, H).current && t(this, S).classList.add(
|
|
1386
1386
|
t(this, H).current
|
|
1387
1387
|
);
|
|
1388
1388
|
}, Ys = function() {
|
|
1389
|
-
t(this, E).current = !0, t(this,
|
|
1390
|
-
t(this,
|
|
1389
|
+
t(this, E).current = !0, t(this, X).current = !0, t(this, U).current = !1, t(this, B).current && t(this, S).classList.add(
|
|
1390
|
+
t(this, B).current
|
|
1391
1391
|
);
|
|
1392
1392
|
}, ti = function() {
|
|
1393
|
-
t(this,
|
|
1393
|
+
t(this, W).current = !0, t(this, Q).current = !0, t(this, N).current = !1, t(this, z).current && t(this, S).classList.add(
|
|
1394
1394
|
t(this, z).current
|
|
1395
1395
|
);
|
|
1396
1396
|
}, ei = function() {
|
|
1397
|
-
t(this,
|
|
1397
|
+
t(this, W).current = !0, t(this, U).current = !0, t(this, X).current = !1, t(this, z).current && t(this, S).classList.add(
|
|
1398
1398
|
t(this, z).current
|
|
1399
1399
|
);
|
|
1400
1400
|
}, Xe = new WeakMap(), ke = new WeakMap(), Ms = function() {
|
|
1401
1401
|
const e = t(this, x)[t(this, ze).current];
|
|
1402
|
-
this.setVar(t(this, nt).current, e), r(this, at, e / t(this, I) || 0), this.setVar(t(this, ot).current, t(this, at)), t(this,
|
|
1402
|
+
this.setVar(t(this, nt).current, e), r(this, at, e / t(this, I) || 0), this.setVar(t(this, ot).current, t(this, at)), t(this, J).current && this.setVar(t(this, J).current, this.progressArc);
|
|
1403
1403
|
}, ue = function(e) {
|
|
1404
1404
|
if (t(this, y)) {
|
|
1405
1405
|
e.previous && t(this, S).classList.remove(e.previous), e.current && t(this, S).classList.remove(e.current);
|
|
@@ -1415,33 +1415,49 @@ Yt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(),
|
|
|
1415
1415
|
s && t(this, S).style.removeProperty(`--${s}`);
|
|
1416
1416
|
});
|
|
1417
1417
|
}, Fs = function() {
|
|
1418
|
-
o(this, m, si).call(this, t(this, A).current, t(this, H).current, t(this,
|
|
1418
|
+
o(this, m, si).call(this, t(this, A).current, t(this, H).current, t(this, B).current, t(this, $).current, t(this, Mt).current, t(this, z).current), o(this, m, ii).call(this, t(this, nt).current, t(this, ot).current, t(this, J).current, t(this, lt).current, t(this, ct).current, t(this, ut).current);
|
|
1419
1419
|
};
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1420
|
+
Z && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", Ai);
|
|
1421
|
+
class Ii extends Rs {
|
|
1422
|
+
handleClick(n) {
|
|
1423
|
+
this.scrollElement.setPosition(
|
|
1424
|
+
this.scrollElement.vertical ? rs(this) : hs(this),
|
|
1425
|
+
n
|
|
1426
|
+
);
|
|
1427
|
+
}
|
|
1428
|
+
connectedCallback() {
|
|
1429
|
+
super.connectedCallback();
|
|
1430
|
+
}
|
|
1431
|
+
disconnectedCallback() {
|
|
1432
|
+
super.disconnectedCallback();
|
|
1433
|
+
}
|
|
1434
|
+
}
|
|
1435
|
+
Z && !customElements.get("e-scroll-section-button") && customElements.define("e-scroll-section-button", Ii);
|
|
1436
|
+
var vs;
|
|
1437
|
+
const Ds = class Ds extends ys {
|
|
1423
1438
|
constructor() {
|
|
1424
1439
|
super(...arguments);
|
|
1425
|
-
i(this,
|
|
1440
|
+
i(this, vs, () => {
|
|
1426
1441
|
this.textContent = `${this.scrollElement.counter.current + 1}`;
|
|
1427
1442
|
});
|
|
1428
1443
|
}
|
|
1429
1444
|
connectedCallback() {
|
|
1430
|
-
return
|
|
1431
|
-
Ws(
|
|
1445
|
+
return Ns(this, null, function* () {
|
|
1446
|
+
Ws(Ds.prototype, this, "connectedCallback").call(this), this.scrollElement.counter.subscribe(t(this, vs));
|
|
1432
1447
|
});
|
|
1433
1448
|
}
|
|
1434
1449
|
disconnectedCallback() {
|
|
1435
|
-
this.scrollElement.counter.unsubscribe(t(this,
|
|
1450
|
+
this.scrollElement.counter.unsubscribe(t(this, vs));
|
|
1436
1451
|
}
|
|
1437
1452
|
};
|
|
1438
|
-
|
|
1439
|
-
let Ts =
|
|
1440
|
-
|
|
1453
|
+
vs = new WeakMap();
|
|
1454
|
+
let Ts = Ds;
|
|
1455
|
+
Z && !customElements.get("e-scroll-counter") && customElements.define("e-scroll-counter", Ts);
|
|
1441
1456
|
export {
|
|
1442
1457
|
ki as ScrollBulletButtonsElement,
|
|
1443
1458
|
Ts as ScrollCounterElement,
|
|
1444
1459
|
Ls as ScrollElement,
|
|
1460
|
+
Ii as ScrollSectionButtonElement,
|
|
1445
1461
|
Ai as ScrollSegmentElement,
|
|
1446
1462
|
Li as ScrollSetButtonElement,
|
|
1447
1463
|
zi as ScrollStepButtonElement,
|