aptechka 0.8.4 → 0.9.0
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/{Animation-BInSRYNr.cjs → Animation-BCA-DBje.cjs} +1 -1
- package/lib/{Animation-uimN7sdT.js → Animation-DrSYnbgb.js} +1 -1
- package/lib/{Composed-Iihn8fT4.cjs → Composed-7Fe7TW_T.cjs} +1 -1
- package/lib/{Composed-Fa7owymK.js → Composed-pnupzTOv.js} +1 -1
- package/lib/{Damped-yrNXlkDE.js → Damped-C2FuK_3K.js} +1 -1
- package/lib/{Damped-Da3EnNN4.cjs → Damped-CSEZ0qwp.cjs} +1 -1
- package/lib/{Derived-DIWinC7Y.js → Derived-CFnbeEgJ.js} +1 -1
- package/lib/{Derived-D9VrDuf9.cjs → Derived-Dko3EP7m.cjs} +1 -1
- package/lib/ElementConstructor-9S0f1yAH.cjs +1 -0
- package/lib/ElementConstructor-CZKbNIQK.js +366 -0
- package/lib/Resource-BhF6Tj1p.js +49 -0
- package/lib/Resource-WCQEgLpB.cjs +1 -0
- package/lib/{SourceManager--L_rA28b.js → SourceManager-CmhlHGx7.js} +1 -1
- package/lib/{SourceManager-D6D2LVKf.cjs → SourceManager-DYnGpBi1.cjs} +1 -1
- package/lib/{Store-Qr3SNOSf.js → Store-Dsft7GtM.js} +1 -1
- package/lib/{Store-Cr3VaD9G.cjs → Store-kzJycezD.cjs} +1 -1
- package/lib/{Tweened-CjgvoOwL.js → Tweened-BrD2cPSC.js} +1 -1
- package/lib/{Tweened-DksN-Rz6.cjs → Tweened-D6dAu8Zi.cjs} +1 -1
- package/lib/{Viewport-BBYt1Ivy.cjs → Viewport-DRNfjjDY.cjs} +1 -1
- package/lib/{Viewport-Cgtq2I_K.js → Viewport-Ud7nellV.js} +1 -1
- package/lib/_createStore-Cf1MyeHa.cjs +1 -0
- package/lib/_createStore-Ck9bHolX.js +12 -0
- package/lib/accordion/AccordionElement.d.ts +1 -2
- package/lib/accordion/index.cjs +1 -1
- package/lib/accordion/index.js +110 -122
- package/lib/animation/index.cjs +1 -1
- package/lib/animation/index.js +3 -3
- package/lib/attribute/index.cjs +1 -1
- package/lib/attribute/index.js +1 -1
- package/lib/canvas/index.cjs +1 -1
- package/lib/canvas/index.d.ts +1 -2
- package/lib/canvas/index.js +69 -75
- package/lib/checkbox/index.cjs +1 -1
- package/lib/checkbox/index.d.ts +1 -3
- package/lib/checkbox/index.js +42 -46
- package/lib/class-linked-status/index.cjs +1 -1
- package/lib/class-linked-status/index.js +1 -1
- package/lib/controls/index.cjs +1 -1
- package/lib/controls/index.js +2 -2
- package/lib/counter/index.d.ts +1 -3
- package/lib/{createStylesheet-BxKITIVV.js → createStylesheet-C2gpLy4r.js} +1 -1
- package/lib/{createStylesheet-BsMSWX0q.cjs → createStylesheet-Di9WRypw.cjs} +1 -1
- package/lib/css-property/index.cjs +1 -1
- package/lib/css-property/index.js +1 -1
- package/lib/dev/index.cjs +1 -1
- package/lib/dev/index.js +1 -1
- package/lib/device/index.cjs +1 -1
- package/lib/device/index.js +1 -1
- package/lib/element-constructor/index.cjs +1 -1
- package/lib/element-constructor/index.js +114 -113
- package/lib/en3/helpers/index.cjs +1 -1
- package/lib/en3/helpers/index.js +2 -2
- package/lib/en3/misc/index.cjs +1 -1
- package/lib/en3/misc/index.js +2 -2
- package/lib/en3/objects/fluid/En3FluidElement.d.ts +1 -2
- package/lib/globals-DMjysUXI.js +8 -0
- package/lib/globals-bYKki-b9.cjs +1 -0
- package/lib/image/index.cjs +1 -1
- package/lib/image/index.js +8 -16
- package/lib/index-BtB-3MG7.js +265 -0
- package/lib/index-DQo2-dnB.cjs +9 -0
- package/lib/instantiate-BPZZn8jK.js +134 -0
- package/lib/instantiate-BWM-ipPW.cjs +1 -0
- package/lib/jsx/ComponentElement.d.ts +18 -0
- package/lib/jsx/globals.d.ts +13 -0
- package/lib/jsx/h.d.ts +6 -0
- package/lib/jsx/hooks/basic/_createStore.d.ts +4 -0
- package/lib/jsx/hooks/basic/attachInternals.d.ts +1 -0
- package/lib/jsx/hooks/basic/attachShadow.d.ts +1 -0
- package/lib/jsx/hooks/basic/attachStylesheet.d.ts +3 -0
- package/lib/jsx/hooks/basic/createContext.d.ts +2 -0
- package/lib/jsx/hooks/basic/onConnect.d.ts +3 -0
- package/lib/jsx/hooks/basic/onDisconnect.d.ts +3 -0
- package/lib/jsx/hooks/onAnimationFrame.cjs +1 -0
- package/lib/jsx/hooks/onAnimationFrame.d.ts +6 -0
- package/lib/jsx/hooks/onAnimationFrame.js +22 -0
- package/lib/jsx/hooks/onElementResize.cjs +1 -0
- package/lib/jsx/hooks/onElementResize.d.ts +5 -0
- package/lib/jsx/hooks/onElementResize.js +11 -0
- package/lib/jsx/hooks/onIntersection.cjs +1 -0
- package/lib/jsx/hooks/onIntersection.d.ts +5 -0
- package/lib/jsx/hooks/onIntersection.js +11 -0
- package/lib/jsx/hooks/onWindowResize.cjs +1 -0
- package/lib/jsx/hooks/onWindowResize.d.ts +3 -0
- package/lib/jsx/hooks/onWindowResize.js +8 -0
- package/lib/jsx/hooks/store/createComposed.d.ts +3 -0
- package/lib/jsx/hooks/store/createDerived.d.ts +3 -0
- package/lib/jsx/hooks/store/createDerivedArray.d.ts +3 -0
- package/lib/jsx/hooks/store/createResource.d.ts +3 -0
- package/lib/jsx/hooks/store/createStore.d.ts +3 -0
- package/lib/jsx/hooks/store/index.cjs +1 -0
- package/lib/jsx/hooks/store/index.d.ts +5 -0
- package/lib/jsx/hooks/store/index.js +27 -0
- package/lib/jsx/hooks/watchAttribute.cjs +1 -0
- package/lib/jsx/hooks/watchAttribute.d.ts +6 -0
- package/lib/jsx/hooks/watchAttribute.js +17 -0
- package/lib/jsx/hooks/watchCSSProperty.cjs +1 -0
- package/lib/jsx/hooks/watchCSSProperty.d.ts +7 -0
- package/lib/jsx/hooks/watchCSSProperty.js +17 -0
- package/lib/jsx/index.cjs +1 -0
- package/lib/jsx/index.d.ts +13 -0
- package/lib/jsx/index.js +91 -0
- package/lib/jsx/instantiate.d.ts +5 -0
- package/lib/jsx/register.d.ts +1 -0
- package/lib/jsx/render.d.ts +6 -0
- package/lib/jsx/type.d.ts +192 -0
- package/lib/ladder/index.cjs +1 -1
- package/lib/ladder/index.js +1 -1
- package/lib/media/index.cjs +1 -1
- package/lib/media/index.js +1 -1
- package/lib/modal/index.cjs +1 -1
- package/lib/modal/index.js +33 -36
- package/lib/onConnect-DGP866cj.cjs +1 -0
- package/lib/onConnect-y5DrxJ9P.js +7 -0
- package/lib/pointer/PointerElement.d.ts +1 -2
- package/lib/pointer/index.cjs +1 -1
- package/lib/pointer/index.js +106 -118
- package/lib/popover/PopoverButtonElement.d.ts +1 -2
- package/lib/popover/PopoverElement.d.ts +1 -2
- package/lib/popover/index.cjs +1 -1
- package/lib/popover/index.js +109 -125
- package/lib/router/index.cjs +1 -1
- package/lib/router/index.js +76 -73
- package/lib/scroll/ScrollElement.d.ts +1 -2
- package/lib/scroll/ScrollUserElement.d.ts +1 -2
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +674 -753
- package/lib/select/SelectElement.d.ts +1 -3
- package/lib/select/SelectUserElement.d.ts +1 -2
- package/lib/select/index.cjs +1 -1
- package/lib/select/index.js +1 -1
- package/lib/sequence/index.cjs +1 -1
- package/lib/sequence/index.js +105 -108
- package/lib/slicer/SlicerElement.d.ts +1 -2
- package/lib/slicer/index.cjs +5 -5
- package/lib/slicer/index.js +88 -106
- package/lib/source/SourceElement.d.ts +1 -2
- package/lib/source/index.cjs +2 -2
- package/lib/source/index.js +20 -21
- package/lib/store/Derived.d.ts +3 -3
- package/lib/store/DerivedArray.d.ts +8 -0
- package/lib/store/Keyed.d.ts +13 -0
- package/lib/store/index.cjs +1 -1
- package/lib/store/index.d.ts +2 -0
- package/lib/store/index.js +32 -32
- package/lib/tags-BBOGIzDK.cjs +1 -0
- package/lib/tags-CefGDQtF.js +485 -0
- package/lib/theme/index.cjs +1 -1
- package/lib/theme/index.js +2 -2
- package/lib/tweaker/TweakerFieldElement.d.ts +1 -2
- package/lib/tweaker/TweakerFolderElement.d.ts +1 -2
- package/lib/tweaker/TweakerStoreManagerElement.d.ts +1 -2
- package/lib/tweaker/index.cjs +3 -3
- package/lib/tweaker/index.js +392 -472
- package/lib/video/index.cjs +1 -1
- package/lib/video/index.js +26 -30
- package/package.json +65 -9
- package/lib/custom-element/index.cjs +0 -1
- package/lib/custom-element/index.d.ts +0 -8
- package/lib/custom-element/index.js +0 -30
- package/lib/index-CzpP1Tg6.cjs +0 -9
- package/lib/index-Dwd_62sm.js +0 -301
- package/lib/tags-CAfasCGV.cjs +0 -1
- package/lib/tags-D9lNDPX8.js +0 -848
package/lib/scroll/index.js
CHANGED
|
@@ -1,115 +1,103 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
for (var
|
|
6
|
-
|
|
7
|
-
if (
|
|
8
|
-
for (var
|
|
9
|
-
|
|
10
|
-
return
|
|
1
|
+
var Me = Object.defineProperty;
|
|
2
|
+
var de = Object.getOwnPropertySymbols;
|
|
3
|
+
var Re = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var pe = (f, n, e) => n in f ? Me(f, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[n] = e, Se = (f, n) => {
|
|
5
|
+
for (var e in n || (n = {}))
|
|
6
|
+
Re.call(n, e) && pe(f, e, n[e]);
|
|
7
|
+
if (de)
|
|
8
|
+
for (var e of de(n))
|
|
9
|
+
Oe.call(n, e) && pe(f, e, n[e]);
|
|
10
|
+
return f;
|
|
11
11
|
};
|
|
12
|
-
var
|
|
13
|
-
if (!
|
|
14
|
-
throw TypeError("Cannot " +
|
|
12
|
+
var Ys = (f, n, e) => {
|
|
13
|
+
if (!n.has(f))
|
|
14
|
+
throw TypeError("Cannot " + e);
|
|
15
15
|
};
|
|
16
|
-
var
|
|
17
|
-
if (
|
|
16
|
+
var t = (f, n, e) => (Ys(f, n, "read from private field"), e ? e.call(f) : n.get(f)), i = (f, n, e) => {
|
|
17
|
+
if (n.has(f))
|
|
18
18
|
throw TypeError("Cannot add the same private member more than once");
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
19
|
+
n instanceof WeakSet ? n.add(f) : n.set(f, e);
|
|
20
|
+
}, r = (f, n, e, s) => (Ys(f, n, "write to private field"), s ? s.call(f, e) : n.set(f, e), e);
|
|
21
|
+
var o = (f, n, e) => (Ys(f, n, "access private method"), e);
|
|
22
|
+
import { S as kt } from "../Store-Dsft7GtM.js";
|
|
23
|
+
import { D as Ae } from "../Derived-CFnbeEgJ.js";
|
|
24
|
+
import { i as le } from "../browser-0zX67oeU.js";
|
|
25
|
+
import { p as Te } from "../easings-BKi40vHz.js";
|
|
26
|
+
import { a as $s, g as Bs } from "../layout-HoBT_Da2.js";
|
|
27
|
+
import { c as ge, s as He } from "../math-BOBiC4TN.js";
|
|
27
28
|
import "../ticker/index.js";
|
|
28
|
-
import { TICK_ORDER as
|
|
29
|
-
import { D as
|
|
30
|
-
import { T as
|
|
31
|
-
import { WheelControls as
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import { cssUnitParser as Es } from "../css-unit-parser/index.js";
|
|
29
|
+
import { TICK_ORDER as ve, RESIZE_ORDER as ue } from "../order/index.js";
|
|
30
|
+
import { D as ye } from "../Damped-C2FuK_3K.js";
|
|
31
|
+
import { T as $e } from "../Tweened-BrD2cPSC.js";
|
|
32
|
+
import { WheelControls as Be, KeyboardControls as We, DragControls as qe, AutoplayControls as Ue } from "../controls/index.js";
|
|
33
|
+
import { windowResizer as ps } from "../window-resizer/index.js";
|
|
34
|
+
import { scrollEntries as Yt } from "../scroll-entries/index.js";
|
|
35
|
+
import { e as ae, D as te, ax as Ws, p as Ge } from "../tags-CefGDQtF.js";
|
|
36
|
+
import { c as fe } from "../createStylesheet-C2gpLy4r.js";
|
|
37
|
+
import { cssUnitParser as me } from "../css-unit-parser/index.js";
|
|
38
38
|
import { CSSProperty as c } from "../css-property/index.js";
|
|
39
|
-
import { d as
|
|
40
|
-
import { elementResizer as
|
|
41
|
-
import { s as
|
|
42
|
-
import { aptechkaTheme as
|
|
43
|
-
import { f as
|
|
44
|
-
import { d as
|
|
45
|
-
var
|
|
46
|
-
class
|
|
47
|
-
constructor(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
39
|
+
import { d as Ne } from "../Viewport-Ud7nellV.js";
|
|
40
|
+
import { elementResizer as qs } from "../element-resizer/index.js";
|
|
41
|
+
import { s as Ke } from "../gestures-D2Fdra_G.js";
|
|
42
|
+
import { aptechkaTheme as be } from "../theme/index.js";
|
|
43
|
+
import { f as _e } from "../dom-P5QbAASX.js";
|
|
44
|
+
import { d as Ce } from "../function-C10DGppn.js";
|
|
45
|
+
var S, ms, v, Mt, _, ft;
|
|
46
|
+
class Ze {
|
|
47
|
+
constructor(n, e, s) {
|
|
48
|
+
i(this, S, void 0);
|
|
49
|
+
i(this, ms, void 0);
|
|
50
|
+
i(this, v, void 0);
|
|
51
|
+
i(this, Mt, 0);
|
|
52
|
+
i(this, _, 0);
|
|
53
|
+
i(this, ft, null);
|
|
54
|
+
r(this, S, n), r(this, ms, e), r(this, v, s), Yt.register(t(this, S));
|
|
55
55
|
}
|
|
56
56
|
get index() {
|
|
57
|
-
return
|
|
57
|
+
return t(this, ms);
|
|
58
58
|
}
|
|
59
59
|
get size() {
|
|
60
|
-
return
|
|
60
|
+
return t(this, Mt);
|
|
61
61
|
}
|
|
62
62
|
get position() {
|
|
63
|
-
return
|
|
63
|
+
return t(this, _);
|
|
64
64
|
}
|
|
65
65
|
destroy() {
|
|
66
|
-
|
|
66
|
+
Yt.unregister(t(this, S)), t(this, S).style.transform = "", this.mark(null);
|
|
67
67
|
}
|
|
68
|
-
setSize(
|
|
69
|
-
|
|
68
|
+
setSize(n) {
|
|
69
|
+
n ? (t(this, S).style.setProperty("--size", n + "px"), t(this, v).axisCSSProperty.current === "x" ? (t(this, S).style.width = n + "px", t(this, S).style.height = "") : (t(this, S).style.height = n + "px", t(this, S).style.width = "")) : (t(this, S).style.width = "", t(this, S).style.height = "", t(this, S).style.removeProperty("--size"));
|
|
70
70
|
}
|
|
71
71
|
resize() {
|
|
72
|
-
|
|
72
|
+
r(this, Mt, t(this, v).vertical ? t(this, S).offsetHeight : t(this, S).offsetWidth), r(this, _, t(this, v).vertical ? $s(t(this, S)) : Bs(t(this, S))), r(this, _, t(this, _) - t(this, v).contentPosition);
|
|
73
73
|
}
|
|
74
74
|
transform() {
|
|
75
|
-
let
|
|
76
|
-
const
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
75
|
+
let n = 0;
|
|
76
|
+
const e = t(this, v).viewportSize * t(this, v).sectionDistanceScaleCSSProperty.current;
|
|
77
|
+
t(this, v).loopCSSProperty.current && t(this, v).overscroll && t(this, _) + t(this, Mt) < t(this, v).currentScrollValue && (n = t(this, v).distance * -1 - t(this, v).gap), Yt.update(
|
|
78
|
+
t(this, S),
|
|
79
|
+
t(this, v).axisCSSProperty.current,
|
|
80
|
+
n
|
|
81
81
|
);
|
|
82
|
-
const
|
|
83
|
-
|
|
82
|
+
const s = t(this, v).currentScrollValue + n, h = t(this, _) - t(this, v).viewportSize - e, u = t(this, _) + t(this, Mt) + e, m = ge(s, h, u);
|
|
83
|
+
t(this, v).vertical ? t(this, S).style.transform = `translate3d(0px, ${m * -1}px, 0px)` : t(this, S).style.transform = `translate3d(${m * -1}px, 0px, 0px)`;
|
|
84
84
|
}
|
|
85
|
-
mark(
|
|
86
|
-
|
|
85
|
+
mark(n) {
|
|
86
|
+
t(this, ft) !== n && (t(this, ft) && t(this, S).classList.remove(t(this, ft)), n && t(this, S).classList.add(n), r(this, ft, n), t(this, S).dispatchEvent(
|
|
87
87
|
new CustomEvent(
|
|
88
88
|
"sectionsChange",
|
|
89
89
|
{
|
|
90
90
|
composed: !0,
|
|
91
91
|
detail: {
|
|
92
|
-
mark:
|
|
92
|
+
mark: t(this, ft)
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
)
|
|
96
96
|
));
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
for (var n = h > 1 ? void 0 : h ? bi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
102
|
-
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
103
|
-
return h && n && mi(i, r, n), n;
|
|
104
|
-
}, bs = (e, i, r) => {
|
|
105
|
-
if (!i.has(e))
|
|
106
|
-
throw TypeError("Cannot " + r);
|
|
107
|
-
}, t = (e, i, r) => (bs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
|
|
108
|
-
if (i.has(e))
|
|
109
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
110
|
-
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
111
|
-
}, w = (e, i, r, h) => (bs(e, i, "write to private field"), i.set(e, r), r), v = (e, i, r) => (bs(e, i, "access private method"), r), S, Nt, T, it, rt, Y, ht, Pt, kt, J, A, Ut, Kt, Zt, Jt, Se, Q, Qt, Wt, X, Ot, vt, Mt, Xt, Yt, jt, g, Je, u, Le, Ve, M, C, R, j, At, mt, D, P, ve, Et, pe, fe, Pe, lt, ae, ke, Rt, oe, Qe, ws, Xe, gs, ze, ss, $e, is, B, je, rs, Hs, me, Fe, De, hs, ct, Tt, Oe, ns;
|
|
112
|
-
const gi = ms({
|
|
99
|
+
S = new WeakMap(), ms = new WeakMap(), v = new WeakMap(), Mt = new WeakMap(), _ = new WeakMap(), ft = new WeakMap();
|
|
100
|
+
const je = fe({
|
|
113
101
|
":host": {
|
|
114
102
|
position: "relative",
|
|
115
103
|
width: "100%",
|
|
@@ -142,322 +130,383 @@ const gi = ms({
|
|
|
142
130
|
flexShrink: "0"
|
|
143
131
|
}
|
|
144
132
|
});
|
|
145
|
-
|
|
133
|
+
var a, Rt, z, Z, j, W, J, dt, pt, q, F, Ot, At, Tt, Ht, es, U, $t, St, G, mt, Q, bt, Bt, Wt, qt, p, bs, l, gs, vs, C, b, M, N, gt, X, x, g, is, vt, Ut, Gt, rs, Y, Nt, Ss, yt, ss, ys, ee, Cs, ie, Ps, re, ws, he, R, Es, Us, Pe, hs, xs, Ls, ne, tt, Dt, Vs, oe;
|
|
134
|
+
class se extends HTMLElement {
|
|
146
135
|
constructor() {
|
|
147
|
-
super()
|
|
136
|
+
super();
|
|
137
|
+
i(this, Nt);
|
|
138
|
+
i(this, yt);
|
|
139
|
+
i(this, ys);
|
|
140
|
+
i(this, Cs);
|
|
141
|
+
i(this, Ps);
|
|
142
|
+
i(this, ws);
|
|
143
|
+
i(this, Us);
|
|
144
|
+
i(this, Ls);
|
|
145
|
+
i(this, tt);
|
|
146
|
+
i(this, Vs);
|
|
147
|
+
i(this, a, null);
|
|
148
|
+
i(this, Rt, new c(this, "--controls", !0));
|
|
149
|
+
i(this, z, new c(this, "--axis", "y"));
|
|
150
|
+
i(this, Z, new c(this, "--direction", 0));
|
|
151
|
+
i(this, j, new c(this, "--pages", 0, {
|
|
148
152
|
validate: (e) => Math.max(0, e - 1)
|
|
149
|
-
}))
|
|
153
|
+
}));
|
|
154
|
+
i(this, W, new c(this, "--split", !1));
|
|
155
|
+
i(this, J, new c(this, "--sectional", !1));
|
|
156
|
+
i(this, dt, new c(this, "--auto-size", !1));
|
|
157
|
+
i(this, pt, new c(
|
|
150
158
|
this,
|
|
151
159
|
"--wheel-max-delta",
|
|
152
160
|
!1
|
|
153
|
-
))
|
|
161
|
+
));
|
|
162
|
+
i(this, q, new c(
|
|
154
163
|
this,
|
|
155
164
|
"--sections-in-view",
|
|
156
165
|
1
|
|
157
|
-
))
|
|
166
|
+
));
|
|
167
|
+
i(this, F, new c(this, "--loop", !1));
|
|
168
|
+
i(this, Ot, new c(this, "--damping", 20));
|
|
169
|
+
i(this, At, new c(this, "--mass", 0));
|
|
170
|
+
i(this, Tt, new c(this, "--stiffness", 0));
|
|
171
|
+
i(this, Ht, new c(this, "--mouse-drag", !1));
|
|
172
|
+
i(this, es, new c(
|
|
158
173
|
this,
|
|
159
174
|
"--section-distance-scale",
|
|
160
175
|
0.5
|
|
161
|
-
))
|
|
176
|
+
));
|
|
177
|
+
i(this, U, new c(this, "--autoplay", 0));
|
|
178
|
+
i(this, $t, new c(
|
|
162
179
|
this,
|
|
163
180
|
"--autoplay-pause-duration",
|
|
164
181
|
0
|
|
165
|
-
))
|
|
182
|
+
));
|
|
183
|
+
i(this, St, new c(
|
|
166
184
|
this,
|
|
167
185
|
"--autoplay-user-direction",
|
|
168
186
|
!1
|
|
169
|
-
))
|
|
187
|
+
));
|
|
188
|
+
i(this, G, new c(this, "--classes", 0));
|
|
189
|
+
i(this, mt, new c(
|
|
170
190
|
this,
|
|
171
191
|
"--current-index-start-offset",
|
|
172
192
|
0
|
|
173
|
-
))
|
|
193
|
+
));
|
|
194
|
+
i(this, Q, new c(
|
|
174
195
|
this,
|
|
175
196
|
"--current-index-end-offset",
|
|
176
197
|
0
|
|
177
|
-
))
|
|
198
|
+
));
|
|
199
|
+
i(this, bt, new c(this, "--focus-delay", 0));
|
|
200
|
+
i(this, Bt, new c(
|
|
178
201
|
this,
|
|
179
202
|
"--focus-duration",
|
|
180
203
|
3e3
|
|
181
|
-
))
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
204
|
+
));
|
|
205
|
+
i(this, Wt, new c(this, "--disabled", !1));
|
|
206
|
+
i(this, qt, new c(this, "--hibernated", !1));
|
|
207
|
+
i(this, p, null);
|
|
208
|
+
i(this, bs, null);
|
|
209
|
+
i(this, l, []);
|
|
210
|
+
i(this, gs, 0);
|
|
211
|
+
i(this, vs, 0);
|
|
212
|
+
i(this, C, 0);
|
|
213
|
+
i(this, b, 0);
|
|
214
|
+
i(this, M, 0);
|
|
215
|
+
i(this, N, null);
|
|
216
|
+
i(this, gt, null);
|
|
217
|
+
i(this, X, null);
|
|
218
|
+
i(this, x, null);
|
|
219
|
+
i(this, g, new kt(0));
|
|
220
|
+
i(this, is, 0);
|
|
221
|
+
i(this, vt, 0);
|
|
222
|
+
i(this, Ut, !0);
|
|
223
|
+
i(this, Gt, !0);
|
|
224
|
+
i(this, rs, void 0);
|
|
225
|
+
i(this, Y, new $e());
|
|
226
|
+
i(this, R, () => {
|
|
227
|
+
t(this, a).unlistenAnimationFrame();
|
|
228
|
+
const e = this.currentScrollValue / t(this, b) || 0, s = t(this, g).current;
|
|
229
|
+
if (r(this, gs, this.vertical ? $s(this) : Bs(this)), r(this, vs, this.vertical ? $s(t(this, p)) : Bs(t(this, p))), r(this, C, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, M, me.parse(
|
|
230
|
+
getComputedStyle(t(this, p)).rowGap
|
|
231
|
+
)) : r(this, M, me.parse(
|
|
232
|
+
getComputedStyle(t(this, p)).columnGap
|
|
233
|
+
)), t(this, dt).current && t(this, l).length) {
|
|
234
|
+
const h = t(this, q).current, u = (t(this, C) - t(this, M) * (h - 1)) / h;
|
|
235
|
+
t(this, l).forEach((m) => {
|
|
236
|
+
m.setSize(u);
|
|
192
237
|
});
|
|
193
238
|
} else
|
|
194
|
-
t(this,
|
|
195
|
-
|
|
239
|
+
t(this, l).forEach((h) => {
|
|
240
|
+
h.setSize();
|
|
196
241
|
});
|
|
197
|
-
if (t(this,
|
|
198
|
-
|
|
199
|
-
}), t(this,
|
|
200
|
-
|
|
201
|
-
const
|
|
202
|
-
this.vertical ? (t(this,
|
|
242
|
+
if (t(this, l).forEach((h) => {
|
|
243
|
+
h.resize();
|
|
244
|
+
}), t(this, j).current) {
|
|
245
|
+
r(this, b, t(this, C) * t(this, j).current);
|
|
246
|
+
const h = t(this, b) + t(this, C);
|
|
247
|
+
this.vertical ? (t(this, p).style.width = h + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = h + "px", t(this, p).style.width = "100%");
|
|
203
248
|
} else
|
|
204
|
-
this.vertical ? (t(this,
|
|
205
|
-
if (!t(this,
|
|
206
|
-
const
|
|
207
|
-
|
|
249
|
+
this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", r(this, b, t(this, p).offsetHeight - t(this, C))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", r(this, b, t(this, p).offsetWidth - t(this, C)));
|
|
250
|
+
if (!t(this, F).current) {
|
|
251
|
+
const h = getComputedStyle(this), u = this.vertical ? parseFloat(h.paddingBlockStart) + parseFloat(h.paddingBlockEnd) : parseFloat(h.paddingInlineStart) + parseFloat(h.paddingInlineEnd);
|
|
252
|
+
r(this, b, t(this, b) + u), t(this, a).max = t(this, b);
|
|
208
253
|
}
|
|
209
|
-
if (t(this,
|
|
210
|
-
const
|
|
211
|
-
|
|
254
|
+
if (t(this, F).current && t(this, l).length) {
|
|
255
|
+
const h = t(this, l)[t(this, l).length - 1], u = h.position + h.size - t(this, C), m = t(this, b) - u;
|
|
256
|
+
r(this, vt, h.position + h.size + m);
|
|
212
257
|
} else
|
|
213
|
-
|
|
214
|
-
if (t(this,
|
|
215
|
-
const
|
|
216
|
-
t(this,
|
|
258
|
+
r(this, vt, t(this, b));
|
|
259
|
+
if (t(this, J).current && t(this, l).length) {
|
|
260
|
+
const h = t(this, l)[s];
|
|
261
|
+
t(this, a).set(h.position, {
|
|
217
262
|
equalize: !0
|
|
218
263
|
});
|
|
219
264
|
} else
|
|
220
|
-
t(this,
|
|
265
|
+
t(this, a).set(e * t(this, b), {
|
|
221
266
|
equalize: !0
|
|
222
267
|
});
|
|
223
|
-
})
|
|
268
|
+
});
|
|
269
|
+
i(this, Es, () => {
|
|
224
270
|
const e = this.currentScrollValue;
|
|
225
|
-
if (
|
|
226
|
-
let
|
|
227
|
-
for (let
|
|
228
|
-
const
|
|
229
|
-
|
|
271
|
+
if (r(this, is, Math.max(0, e - t(this, b))), t(this, l).length) {
|
|
272
|
+
let s = 0;
|
|
273
|
+
for (let h = 0; h < t(this, l).length; h++) {
|
|
274
|
+
const u = t(this, l)[h];
|
|
275
|
+
u.transform(), this.targetScrollValue + u.size / 2 >= u.position && (s = h);
|
|
230
276
|
}
|
|
231
|
-
t(this,
|
|
277
|
+
t(this, g).current = s;
|
|
232
278
|
} else
|
|
233
|
-
this.vertical ? t(this,
|
|
234
|
-
|
|
279
|
+
this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
280
|
+
Yt.update(
|
|
235
281
|
this,
|
|
236
|
-
t(this,
|
|
282
|
+
t(this, z).current,
|
|
237
283
|
e
|
|
238
284
|
);
|
|
239
|
-
})
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
285
|
+
});
|
|
286
|
+
i(this, hs, (e, s) => {
|
|
287
|
+
t(this, Rt).current && (t(this, St).current && (t(this, x).pauseAndContinue(
|
|
288
|
+
t(this, $t).current
|
|
289
|
+
), t(this, x).direction = Math.sign(s) || 1), t(this, xs).call(this, e, s));
|
|
290
|
+
});
|
|
291
|
+
i(this, xs, (e, s) => {
|
|
292
|
+
if (t(this, Z).current) {
|
|
293
|
+
if (t(this, Z).current < 0 && s > 0)
|
|
246
294
|
return;
|
|
247
|
-
if (t(this,
|
|
295
|
+
if (t(this, Z).current > 0 && s < 0)
|
|
248
296
|
return;
|
|
249
297
|
}
|
|
250
|
-
if (t(this,
|
|
251
|
-
const
|
|
252
|
-
|
|
298
|
+
if (t(this, Y).unlistenAnimationFrame(), !t(this, U).current && t(this, bt).current && (clearInterval(t(this, rs)), r(this, rs, setTimeout(() => {
|
|
299
|
+
const h = o(this, Vs, oe).call(this);
|
|
300
|
+
h && this.scrollToSection(h.index, {
|
|
253
301
|
tween: {
|
|
254
|
-
duration: t(this,
|
|
255
|
-
easing:
|
|
302
|
+
duration: t(this, Bt).current,
|
|
303
|
+
easing: Te
|
|
256
304
|
}
|
|
257
305
|
});
|
|
258
|
-
}, t(this,
|
|
259
|
-
if (t(this,
|
|
260
|
-
const
|
|
261
|
-
t(this,
|
|
306
|
+
}, t(this, bt).current))), !(e === "drag" && !Ne.isMobile && !t(this, Ht).current))
|
|
307
|
+
if (t(this, J).current) {
|
|
308
|
+
const h = Math.sign(s);
|
|
309
|
+
t(this, l).length ? this.shiftSections(h) : t(this, a).shift(h * t(this, C));
|
|
262
310
|
} else
|
|
263
|
-
t(this,
|
|
264
|
-
})
|
|
311
|
+
t(this, a).shift(s);
|
|
312
|
+
});
|
|
313
|
+
le && (r(this, a, new ye(0, {
|
|
265
314
|
damping: 0.01,
|
|
266
315
|
min: 0,
|
|
267
|
-
order:
|
|
268
|
-
})), this.
|
|
316
|
+
order: ve.SCROLL
|
|
317
|
+
})), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(je), ae(this, {
|
|
269
318
|
tabIndex: 0,
|
|
270
319
|
children: [
|
|
271
|
-
|
|
320
|
+
te({
|
|
272
321
|
class: "static",
|
|
273
|
-
children: [
|
|
322
|
+
children: [Ws({ name: "static" })]
|
|
274
323
|
}),
|
|
275
|
-
|
|
324
|
+
te({
|
|
276
325
|
class: "content",
|
|
277
|
-
children: [
|
|
326
|
+
children: [Ws({ ref: (s) => r(this, bs, s) })],
|
|
278
327
|
style: {
|
|
279
|
-
flexDirection: new
|
|
280
|
-
t(this,
|
|
281
|
-
(
|
|
328
|
+
flexDirection: new Ae(
|
|
329
|
+
t(this, z),
|
|
330
|
+
(s) => s === "x" ? "row" : "column"
|
|
282
331
|
)
|
|
283
332
|
},
|
|
284
|
-
ref: (
|
|
333
|
+
ref: (s) => r(this, p, s)
|
|
285
334
|
})
|
|
286
335
|
]
|
|
287
|
-
}),
|
|
288
|
-
t(this,
|
|
289
|
-
),
|
|
336
|
+
}), r(this, N, new Be({ element: t(this, p) })), t(this, N).changeEvent.subscribe(
|
|
337
|
+
t(this, hs)
|
|
338
|
+
), r(this, gt, new We({
|
|
290
339
|
element: this
|
|
291
|
-
})), t(this,
|
|
292
|
-
t(this,
|
|
293
|
-
),
|
|
340
|
+
})), t(this, gt).changeEvent.subscribe(
|
|
341
|
+
t(this, hs)
|
|
342
|
+
), r(this, X, new qe({ element: t(this, p) })), t(this, X).changeEvent.subscribe(t(this, hs)), r(this, x, new Ue({
|
|
294
343
|
culling: this
|
|
295
|
-
})), t(this,
|
|
296
|
-
t(this,
|
|
297
|
-
}), t(this,
|
|
298
|
-
t(this,
|
|
299
|
-
}), t(this,
|
|
300
|
-
this.isConnected && t(this,
|
|
301
|
-
}), t(this,
|
|
302
|
-
this.isConnected && (
|
|
303
|
-
}), t(this,
|
|
304
|
-
t(this,
|
|
305
|
-
}), t(this,
|
|
306
|
-
this.isConnected && (t(this,
|
|
307
|
-
}), t(this,
|
|
308
|
-
this.isConnected && (t(this,
|
|
309
|
-
}), t(this,
|
|
310
|
-
|
|
311
|
-
}), t(this,
|
|
312
|
-
t(this,
|
|
313
|
-
}), t(this,
|
|
314
|
-
t(this,
|
|
315
|
-
}), t(this,
|
|
316
|
-
t(this,
|
|
317
|
-
}), t(this,
|
|
318
|
-
|
|
319
|
-
}), t(this,
|
|
320
|
-
|
|
321
|
-
}), t(this,
|
|
322
|
-
t(this,
|
|
323
|
-
}), t(this,
|
|
324
|
-
|
|
325
|
-
}), t(this,
|
|
326
|
-
this.isConnected &&
|
|
327
|
-
}), t(this,
|
|
328
|
-
this.isConnected && t(this,
|
|
329
|
-
}), t(this,
|
|
330
|
-
this.isConnected && t(this,
|
|
331
|
-
}), t(this,
|
|
332
|
-
this.classList.toggle("active",
|
|
333
|
-
}), t(this,
|
|
334
|
-
t(this,
|
|
335
|
-
}), t(this,
|
|
336
|
-
t(this,
|
|
344
|
+
})), t(this, x).changeEvent.subscribe(t(this, xs)), t(this, z).subscribe(({ current: s }) => {
|
|
345
|
+
t(this, p).style.flexDirection = s === "x" ? "row" : "column", t(this, N).axis = t(this, pt).current ? "max" : s, t(this, gt).dimension = s === "x" ? "width" : "height", t(this, X).axis = s, s === "x" ? this.style.touchAction = "pan-y" : s === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, R).call(this);
|
|
346
|
+
}), t(this, pt).subscribe((s) => {
|
|
347
|
+
t(this, N).axis = s.current ? "max" : t(this, z).current;
|
|
348
|
+
}), t(this, j).subscribe(() => {
|
|
349
|
+
this.isConnected && t(this, R).call(this);
|
|
350
|
+
}), t(this, W).subscribe(({ current: s }) => {
|
|
351
|
+
this.isConnected && (s ? o(this, Nt, Ss).call(this) : o(this, yt, ss).call(this));
|
|
352
|
+
}), t(this, J).subscribe((s) => {
|
|
353
|
+
t(this, N).debounce = s.current, t(this, X).swipe = s.current, t(this, x).interval = s.current, this.isConnected && (s.current && !s.previous && !t(this, l).length ? o(this, Nt, Ss).call(this) : !s.current && s.previous && t(this, l).length && o(this, yt, ss).call(this));
|
|
354
|
+
}), t(this, dt).subscribe((s) => {
|
|
355
|
+
this.isConnected && (t(this, R).call(this), s.current && !s.previous && !t(this, l).length ? o(this, Nt, Ss).call(this) : !s.current && s.previous && t(this, l).length && o(this, yt, ss).call(this));
|
|
356
|
+
}), t(this, q).subscribe((s) => {
|
|
357
|
+
this.isConnected && (t(this, R).call(this), o(this, tt, Dt).call(this));
|
|
358
|
+
}), t(this, F).subscribe((s) => {
|
|
359
|
+
s.current ? (this.isConnected && (t(this, l).length || (t(this, W).current = !0)), t(this, l).length && (t(this, a).max = 1 / 0, t(this, a).min = -1 / 0)) : (r(this, is, 0), t(this, a).max = t(this, b), t(this, a).min = 0);
|
|
360
|
+
}), t(this, Ot).subscribe((s) => {
|
|
361
|
+
t(this, a).damping = s.current;
|
|
362
|
+
}), t(this, At).subscribe((s) => {
|
|
363
|
+
t(this, a).mass = s.current;
|
|
364
|
+
}), t(this, Tt).subscribe((s) => {
|
|
365
|
+
t(this, a).stiffness = s.current;
|
|
366
|
+
}), t(this, Wt).subscribe((s) => {
|
|
367
|
+
s.current && !s.previous ? o(this, ys, ee).call(this) : !s.current && s.previous && o(this, Cs, ie).call(this);
|
|
368
|
+
}), t(this, qt).subscribe((s) => {
|
|
369
|
+
s.current && !s.previous ? o(this, Ps, re).call(this) : !s.current && s.previous && o(this, ws, he).call(this);
|
|
370
|
+
}), t(this, U).subscribe((s) => {
|
|
371
|
+
t(this, x).speed = s.current, s.current && !s.previous ? t(this, x).connect() : !s.current && s.previous && t(this, x).disconnect();
|
|
372
|
+
}), t(this, St).subscribe((s) => {
|
|
373
|
+
s.current || (t(this, x).direction = 1);
|
|
374
|
+
}), t(this, G).subscribe((s) => {
|
|
375
|
+
this.isConnected && o(this, tt, Dt).call(this);
|
|
376
|
+
}), t(this, mt).subscribe((s) => {
|
|
377
|
+
this.isConnected && t(this, G).current && o(this, tt, Dt).call(this);
|
|
378
|
+
}), t(this, Q).subscribe((s) => {
|
|
379
|
+
this.isConnected && t(this, G).current && o(this, tt, Dt).call(this);
|
|
380
|
+
}), t(this, a).isRunning.subscribe((s) => {
|
|
381
|
+
this.classList.toggle("active", s.current);
|
|
382
|
+
}), t(this, g).subscribe((s) => {
|
|
383
|
+
t(this, l).length && o(this, tt, Dt).call(this);
|
|
384
|
+
}), t(this, Y).subscribe((s) => {
|
|
385
|
+
t(this, Y).isRunning.current && t(this, a).set(s.current);
|
|
337
386
|
}));
|
|
338
387
|
}
|
|
339
388
|
get damped() {
|
|
340
|
-
return t(this,
|
|
389
|
+
return t(this, a);
|
|
341
390
|
}
|
|
342
391
|
get controlsCSSProperty() {
|
|
343
|
-
return t(this,
|
|
392
|
+
return t(this, Rt);
|
|
344
393
|
}
|
|
345
394
|
get axisCSSProperty() {
|
|
346
|
-
return t(this,
|
|
395
|
+
return t(this, z);
|
|
347
396
|
}
|
|
348
397
|
get directionCSSProperty() {
|
|
349
|
-
return t(this,
|
|
398
|
+
return t(this, Z);
|
|
350
399
|
}
|
|
351
400
|
get pagesCSSProperty() {
|
|
352
|
-
return t(this,
|
|
401
|
+
return t(this, j);
|
|
353
402
|
}
|
|
354
403
|
get splitCSSProperty() {
|
|
355
|
-
return t(this,
|
|
404
|
+
return t(this, W);
|
|
356
405
|
}
|
|
357
406
|
get sectionalCSSProperty() {
|
|
358
|
-
return t(this,
|
|
407
|
+
return t(this, J);
|
|
359
408
|
}
|
|
360
409
|
get autoSizeCSSProperty() {
|
|
361
|
-
return t(this,
|
|
410
|
+
return t(this, dt);
|
|
362
411
|
}
|
|
363
412
|
get wheelMaxDeltaCSSProperty() {
|
|
364
|
-
return t(this,
|
|
413
|
+
return t(this, pt);
|
|
365
414
|
}
|
|
366
415
|
get sectionsInViewCSSProperty() {
|
|
367
|
-
return t(this,
|
|
416
|
+
return t(this, q);
|
|
368
417
|
}
|
|
369
418
|
get loopCSSProperty() {
|
|
370
|
-
return t(this,
|
|
419
|
+
return t(this, F);
|
|
371
420
|
}
|
|
372
421
|
get dampingCSSProperty() {
|
|
373
|
-
return t(this,
|
|
422
|
+
return t(this, Ot);
|
|
374
423
|
}
|
|
375
424
|
get massCSSProperty() {
|
|
376
|
-
return t(this,
|
|
425
|
+
return t(this, At);
|
|
377
426
|
}
|
|
378
427
|
get stiffnessCSSProperty() {
|
|
379
|
-
return t(this,
|
|
428
|
+
return t(this, Tt);
|
|
380
429
|
}
|
|
381
430
|
get mouseDragCSSProperty() {
|
|
382
|
-
return t(this,
|
|
431
|
+
return t(this, Ht);
|
|
383
432
|
}
|
|
384
433
|
get sectionDistanceScaleCSSProperty() {
|
|
385
|
-
return t(this,
|
|
434
|
+
return t(this, es);
|
|
386
435
|
}
|
|
387
436
|
get autoplayCSSProperty() {
|
|
388
|
-
return t(this,
|
|
437
|
+
return t(this, U);
|
|
389
438
|
}
|
|
390
439
|
get autoplayPauseDurationCSSProperty() {
|
|
391
|
-
return t(this,
|
|
440
|
+
return t(this, $t);
|
|
392
441
|
}
|
|
393
442
|
get autoplayUserDirectionCSSProperty() {
|
|
394
|
-
return t(this,
|
|
443
|
+
return t(this, St);
|
|
395
444
|
}
|
|
396
445
|
get classesCSSProperty() {
|
|
397
|
-
return t(this,
|
|
446
|
+
return t(this, G);
|
|
398
447
|
}
|
|
399
448
|
get currentIndexStartOffsetCSSProperty() {
|
|
400
|
-
return t(this,
|
|
449
|
+
return t(this, mt);
|
|
401
450
|
}
|
|
402
451
|
get currentIndexEndOffsetCSSProperty() {
|
|
403
|
-
return t(this,
|
|
452
|
+
return t(this, Q);
|
|
404
453
|
}
|
|
405
454
|
get focusDelayCSSProperty() {
|
|
406
|
-
return t(this,
|
|
455
|
+
return t(this, bt);
|
|
407
456
|
}
|
|
408
457
|
get focusDurationCSSProperty() {
|
|
409
|
-
return t(this,
|
|
458
|
+
return t(this, Bt);
|
|
410
459
|
}
|
|
411
460
|
get disabledCSSProperty() {
|
|
412
|
-
return t(this,
|
|
461
|
+
return t(this, Wt);
|
|
413
462
|
}
|
|
414
463
|
get hibernatedCSSProperty() {
|
|
415
|
-
return t(this,
|
|
464
|
+
return t(this, qt);
|
|
416
465
|
}
|
|
417
466
|
get currentScrollValue() {
|
|
418
|
-
return
|
|
467
|
+
return o(this, Ls, ne).call(this, "current");
|
|
419
468
|
}
|
|
420
469
|
get targetScrollValue() {
|
|
421
|
-
return
|
|
470
|
+
return o(this, Ls, ne).call(this, "target");
|
|
422
471
|
}
|
|
423
472
|
get contentElement() {
|
|
424
|
-
return t(this,
|
|
473
|
+
return t(this, p);
|
|
425
474
|
}
|
|
426
475
|
get sections() {
|
|
427
|
-
return t(this,
|
|
476
|
+
return t(this, l);
|
|
428
477
|
}
|
|
429
478
|
get position() {
|
|
430
|
-
return t(this,
|
|
479
|
+
return t(this, gs);
|
|
431
480
|
}
|
|
432
481
|
get contentPosition() {
|
|
433
|
-
return t(this,
|
|
482
|
+
return t(this, vs);
|
|
434
483
|
}
|
|
435
484
|
get viewportSize() {
|
|
436
|
-
return t(this,
|
|
485
|
+
return t(this, C);
|
|
437
486
|
}
|
|
438
487
|
get scrollSize() {
|
|
439
|
-
return t(this,
|
|
488
|
+
return t(this, b);
|
|
440
489
|
}
|
|
441
490
|
get gap() {
|
|
442
|
-
return t(this,
|
|
491
|
+
return t(this, M);
|
|
443
492
|
}
|
|
444
493
|
get counter() {
|
|
445
|
-
return t(this,
|
|
494
|
+
return t(this, g);
|
|
446
495
|
}
|
|
447
496
|
get limit() {
|
|
448
|
-
return t(this,
|
|
497
|
+
return t(this, l).length - t(this, q).current;
|
|
449
498
|
}
|
|
450
499
|
get distance() {
|
|
451
|
-
return t(this,
|
|
500
|
+
return t(this, vt);
|
|
452
501
|
}
|
|
453
502
|
get loopDistance() {
|
|
454
|
-
return t(this,
|
|
503
|
+
return t(this, F).current ? t(this, vt) + t(this, M) : t(this, vt);
|
|
455
504
|
}
|
|
456
505
|
get overscroll() {
|
|
457
|
-
return t(this,
|
|
506
|
+
return t(this, is);
|
|
458
507
|
}
|
|
459
508
|
get vertical() {
|
|
460
|
-
return t(this,
|
|
509
|
+
return t(this, z).current === "y";
|
|
461
510
|
}
|
|
462
511
|
get currentProgress() {
|
|
463
512
|
return this.currentScrollValue / this.loopDistance || 0;
|
|
@@ -466,212 +515,130 @@ let Ye = class extends Rs {
|
|
|
466
515
|
return this.targetScrollValue / this.loopDistance || 0;
|
|
467
516
|
}
|
|
468
517
|
get scrollWidth() {
|
|
469
|
-
return t(this,
|
|
518
|
+
return t(this, z).current === "y" ? 0 : t(this, a).distance;
|
|
470
519
|
}
|
|
471
520
|
get scrollHeight() {
|
|
472
|
-
return t(this,
|
|
521
|
+
return t(this, z).current === "x" ? 0 : t(this, a).distance;
|
|
473
522
|
}
|
|
474
523
|
onScroll(...e) {
|
|
475
|
-
return t(this,
|
|
524
|
+
return t(this, a).subscribe(...e);
|
|
476
525
|
}
|
|
477
526
|
offScroll(...e) {
|
|
478
|
-
t(this,
|
|
527
|
+
t(this, a).unsubscribe(...e);
|
|
479
528
|
}
|
|
480
529
|
//https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
|
|
481
|
-
range(e,
|
|
482
|
-
const
|
|
483
|
-
return this.currentProgress <
|
|
530
|
+
range(e, s, h = 0) {
|
|
531
|
+
const u = e - h, m = u + s + h * 2;
|
|
532
|
+
return this.currentProgress < u ? 0 : this.currentProgress > m ? 1 : (this.currentProgress - u) / (m - u);
|
|
484
533
|
}
|
|
485
|
-
curve(e,
|
|
486
|
-
return Math.sin(this.range(e,
|
|
534
|
+
curve(e, s, h = 0) {
|
|
535
|
+
return Math.sin(this.range(e, s, h) * Math.PI);
|
|
487
536
|
}
|
|
488
|
-
visible(e,
|
|
489
|
-
const
|
|
490
|
-
return this.currentProgress >=
|
|
537
|
+
visible(e, s, h = 0) {
|
|
538
|
+
const u = e - h, m = u + s + h * 2;
|
|
539
|
+
return this.currentProgress >= u && this.currentProgress <= m;
|
|
491
540
|
}
|
|
492
|
-
scrollToSection(e,
|
|
493
|
-
if (!t(this,
|
|
541
|
+
scrollToSection(e, s) {
|
|
542
|
+
if (!t(this, l).length)
|
|
494
543
|
return;
|
|
495
|
-
const
|
|
496
|
-
|
|
497
|
-
const
|
|
498
|
-
if (
|
|
499
|
-
let
|
|
500
|
-
const
|
|
501
|
-
t(this,
|
|
544
|
+
const h = t(this, g).current;
|
|
545
|
+
o(this, Us, Pe).call(this, e);
|
|
546
|
+
const u = t(this, l)[h], m = t(this, l)[t(this, g).current];
|
|
547
|
+
if (u && m) {
|
|
548
|
+
let I = 0;
|
|
549
|
+
const ts = o(this, Vs, oe).call(this), Ie = ts ? this.targetScrollValue - ts.position : 0;
|
|
550
|
+
t(this, F).current ? t(this, g).current === 0 && h === t(this, l).length - 1 ? I = t(this, b) + t(this, C) - u.position + t(this, M) : t(this, g).current === t(this, l).length - 1 && h === 0 ? I = m.position - (t(this, b) + t(this, C) + t(this, M)) : I = m.position - u.position : I = m.position - u.position, this.shiftPosition(I - Ie, s);
|
|
502
551
|
}
|
|
503
552
|
}
|
|
504
|
-
shiftSections(e,
|
|
505
|
-
t(this,
|
|
553
|
+
shiftSections(e, s) {
|
|
554
|
+
t(this, l).length && this.scrollToSection(t(this, g).current + e, s);
|
|
506
555
|
}
|
|
507
|
-
setPosition(e,
|
|
508
|
-
|
|
509
|
-
equalize: (
|
|
556
|
+
setPosition(e, s) {
|
|
557
|
+
s != null && s.tween ? (t(this, Y).set(t(this, a).current, { equalize: !0 }), t(this, Y).set(e, Se({}, s.tween))) : t(this, a).set(e, {
|
|
558
|
+
equalize: (s == null ? void 0 : s.behaviour) === "instant"
|
|
510
559
|
});
|
|
511
560
|
}
|
|
512
|
-
shiftPosition(e,
|
|
513
|
-
this.setPosition(t(this,
|
|
561
|
+
shiftPosition(e, s) {
|
|
562
|
+
this.setPosition(t(this, a).target + e, s);
|
|
514
563
|
}
|
|
515
564
|
connectedCallback() {
|
|
516
|
-
t(this,
|
|
565
|
+
t(this, Rt).observe(), t(this, z).observe(), t(this, Z).observe(), t(this, j).observe(), t(this, W).observe(), t(this, J).observe(), t(this, dt).observe(), t(this, pt).observe(), t(this, q).observe(), t(this, F).observe(), t(this, Ot).observe(), t(this, At).observe(), t(this, Tt).observe(), t(this, Ht).observe(), t(this, es).observe(), t(this, U).observe(), t(this, U).observe(), t(this, $t).observe(), t(this, St).observe(), t(this, G).observe(), t(this, mt).observe(), t(this, Q).observe(), t(this, bt).observe(), t(this, Bt).observe(), t(this, Wt).observe(), t(this, qt).observe(), o(this, ws, he).call(this);
|
|
517
566
|
}
|
|
518
567
|
disconnectedCallback() {
|
|
519
|
-
t(this,
|
|
568
|
+
t(this, Rt).unobserve(), t(this, z).unobserve(), t(this, Z).unobserve(), t(this, j).unobserve(), t(this, W).unobserve(), t(this, J).unobserve(), t(this, dt).unobserve(), t(this, pt).unobserve(), t(this, q).unobserve(), t(this, F).unobserve(), t(this, Ot).unobserve(), t(this, At).unobserve(), t(this, Tt).unobserve(), t(this, Ht).unobserve(), t(this, es).unobserve(), t(this, U).unobserve(), t(this, $t).unobserve(), t(this, St).unobserve(), t(this, G).unobserve(), t(this, mt).unobserve(), t(this, Q).unobserve(), t(this, bt).unobserve(), t(this, Bt).unobserve(), t(this, Wt).unobserve(), t(this, qt).unobserve(), o(this, Ps, re).call(this);
|
|
520
569
|
}
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
rt = /* @__PURE__ */ new WeakMap();
|
|
527
|
-
Y = /* @__PURE__ */ new WeakMap();
|
|
528
|
-
ht = /* @__PURE__ */ new WeakMap();
|
|
529
|
-
Pt = /* @__PURE__ */ new WeakMap();
|
|
530
|
-
kt = /* @__PURE__ */ new WeakMap();
|
|
531
|
-
J = /* @__PURE__ */ new WeakMap();
|
|
532
|
-
A = /* @__PURE__ */ new WeakMap();
|
|
533
|
-
Ut = /* @__PURE__ */ new WeakMap();
|
|
534
|
-
Kt = /* @__PURE__ */ new WeakMap();
|
|
535
|
-
Zt = /* @__PURE__ */ new WeakMap();
|
|
536
|
-
Jt = /* @__PURE__ */ new WeakMap();
|
|
537
|
-
Se = /* @__PURE__ */ new WeakMap();
|
|
538
|
-
Q = /* @__PURE__ */ new WeakMap();
|
|
539
|
-
Qt = /* @__PURE__ */ new WeakMap();
|
|
540
|
-
Wt = /* @__PURE__ */ new WeakMap();
|
|
541
|
-
X = /* @__PURE__ */ new WeakMap();
|
|
542
|
-
Ot = /* @__PURE__ */ new WeakMap();
|
|
543
|
-
vt = /* @__PURE__ */ new WeakMap();
|
|
544
|
-
Mt = /* @__PURE__ */ new WeakMap();
|
|
545
|
-
Xt = /* @__PURE__ */ new WeakMap();
|
|
546
|
-
Yt = /* @__PURE__ */ new WeakMap();
|
|
547
|
-
jt = /* @__PURE__ */ new WeakMap();
|
|
548
|
-
g = /* @__PURE__ */ new WeakMap();
|
|
549
|
-
Je = /* @__PURE__ */ new WeakMap();
|
|
550
|
-
u = /* @__PURE__ */ new WeakMap();
|
|
551
|
-
Le = /* @__PURE__ */ new WeakMap();
|
|
552
|
-
Ve = /* @__PURE__ */ new WeakMap();
|
|
553
|
-
M = /* @__PURE__ */ new WeakMap();
|
|
554
|
-
C = /* @__PURE__ */ new WeakMap();
|
|
555
|
-
R = /* @__PURE__ */ new WeakMap();
|
|
556
|
-
j = /* @__PURE__ */ new WeakMap();
|
|
557
|
-
At = /* @__PURE__ */ new WeakMap();
|
|
558
|
-
mt = /* @__PURE__ */ new WeakMap();
|
|
559
|
-
D = /* @__PURE__ */ new WeakMap();
|
|
560
|
-
P = /* @__PURE__ */ new WeakMap();
|
|
561
|
-
ve = /* @__PURE__ */ new WeakMap();
|
|
562
|
-
Et = /* @__PURE__ */ new WeakMap();
|
|
563
|
-
pe = /* @__PURE__ */ new WeakMap();
|
|
564
|
-
fe = /* @__PURE__ */ new WeakMap();
|
|
565
|
-
Pe = /* @__PURE__ */ new WeakMap();
|
|
566
|
-
lt = /* @__PURE__ */ new WeakMap();
|
|
567
|
-
ae = /* @__PURE__ */ new WeakSet();
|
|
568
|
-
ke = function() {
|
|
569
|
-
v(this, Rt, oe).call(this), t(this, Je).assignedElements().forEach((e, i) => {
|
|
570
|
-
e instanceof HTMLElement && t(this, u).push(new vi(e, i, this));
|
|
571
|
-
}), t(this, g).style.transform = "", this.dispatchEvent(
|
|
570
|
+
}
|
|
571
|
+
a = new WeakMap(), Rt = new WeakMap(), z = new WeakMap(), Z = new WeakMap(), j = new WeakMap(), W = new WeakMap(), J = new WeakMap(), dt = new WeakMap(), pt = new WeakMap(), q = new WeakMap(), F = new WeakMap(), Ot = new WeakMap(), At = new WeakMap(), Tt = new WeakMap(), Ht = new WeakMap(), es = new WeakMap(), U = new WeakMap(), $t = new WeakMap(), St = new WeakMap(), G = new WeakMap(), mt = new WeakMap(), Q = new WeakMap(), bt = new WeakMap(), Bt = new WeakMap(), Wt = new WeakMap(), qt = new WeakMap(), p = new WeakMap(), bs = new WeakMap(), l = new WeakMap(), gs = new WeakMap(), vs = new WeakMap(), C = new WeakMap(), b = new WeakMap(), M = new WeakMap(), N = new WeakMap(), gt = new WeakMap(), X = new WeakMap(), x = new WeakMap(), g = new WeakMap(), is = new WeakMap(), vt = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap(), rs = new WeakMap(), Y = new WeakMap(), Nt = new WeakSet(), Ss = function() {
|
|
572
|
+
o(this, yt, ss).call(this), t(this, bs).assignedElements().forEach((e, s) => {
|
|
573
|
+
e instanceof HTMLElement && t(this, l).push(new Ze(e, s, this));
|
|
574
|
+
}), t(this, p).style.transform = "", this.dispatchEvent(
|
|
572
575
|
new CustomEvent("sectionsChange", {
|
|
573
576
|
composed: !0
|
|
574
577
|
})
|
|
575
|
-
), t(this,
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
oe = function() {
|
|
579
|
-
t(this, u).forEach((e) => {
|
|
578
|
+
), t(this, R).call(this), o(this, tt, Dt).call(this);
|
|
579
|
+
}, yt = new WeakSet(), ss = function() {
|
|
580
|
+
t(this, l).forEach((e) => {
|
|
580
581
|
e.destroy();
|
|
581
|
-
}),
|
|
582
|
+
}), r(this, l, []), t(this, g).current = 0, t(this, a).reset(), this.dispatchEvent(
|
|
582
583
|
new CustomEvent("sectionsChange", {
|
|
583
584
|
composed: !0
|
|
584
585
|
})
|
|
585
586
|
);
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
t(this,
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
t(this,
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
is = function() {
|
|
601
|
-
t(this, fe) && (w(this, fe, !1), t(this, Y).current && v(this, ae, ke).call(this), Gt.register(this), ue.subscribe(t(this, B), Ss.SCROLL), Ze.subscribe(this, t(this, B)), v(this, Xe, gs).call(this));
|
|
602
|
-
};
|
|
603
|
-
B = /* @__PURE__ */ new WeakMap();
|
|
604
|
-
je = /* @__PURE__ */ new WeakMap();
|
|
605
|
-
rs = /* @__PURE__ */ new WeakSet();
|
|
606
|
-
Hs = function(e) {
|
|
607
|
-
t(this, A).current ? (t(this, P).current = e % t(this, u).length, t(this, P).current = t(this, P).current < 0 ? t(this, u).length + t(this, P).current : t(this, P).current) : t(this, P).current = Ts(e, 0, this.limit);
|
|
608
|
-
};
|
|
609
|
-
me = /* @__PURE__ */ new WeakMap();
|
|
610
|
-
Fe = /* @__PURE__ */ new WeakMap();
|
|
611
|
-
De = /* @__PURE__ */ new WeakSet();
|
|
612
|
-
hs = function(e = "current") {
|
|
613
|
-
if (t(this, A).current && t(this, u).length) {
|
|
614
|
-
const i = t(this, S)[e] % (t(this, C) + t(this, M) + t(this, R));
|
|
615
|
-
return i < 0 ? t(this, C) + i + t(this, M) + t(this, R) : i;
|
|
587
|
+
}, ys = new WeakSet(), ee = function() {
|
|
588
|
+
t(this, Ut) || (r(this, Ut, !0), t(this, a).unsubscribe(t(this, Es)), t(this, a).unlistenAnimationFrame(), t(this, N).disconnect(), t(this, gt).disconnect(), t(this, X).disconnect(), t(this, x).disconnect(), clearInterval(t(this, rs)), t(this, Y).unlistenAnimationFrame());
|
|
589
|
+
}, Cs = new WeakSet(), ie = function() {
|
|
590
|
+
t(this, Ut) && (r(this, Ut, !1), t(this, a).subscribe(t(this, Es)), t(this, N).connect(), t(this, gt).connect(), t(this, X).connect(), t(this, U).current && t(this, x).connect());
|
|
591
|
+
}, Ps = new WeakSet(), re = function() {
|
|
592
|
+
t(this, Gt) || (r(this, Gt, !0), ps.unsubscribe(t(this, R)), qs.unsubscribe(t(this, R)), t(this, a).reset(), o(this, ys, ee).call(this), t(this, p).style.transform = "", t(this, W).current && o(this, yt, ss).call(this), Yt.unregister(this));
|
|
593
|
+
}, ws = new WeakSet(), he = function() {
|
|
594
|
+
t(this, Gt) && (r(this, Gt, !1), t(this, W).current && o(this, Nt, Ss).call(this), Yt.register(this), ps.subscribe(t(this, R), ue.SCROLL), qs.subscribe(this, t(this, R)), o(this, Cs, ie).call(this));
|
|
595
|
+
}, R = new WeakMap(), Es = new WeakMap(), Us = new WeakSet(), Pe = function(e) {
|
|
596
|
+
t(this, F).current ? (t(this, g).current = e % t(this, l).length, t(this, g).current = t(this, g).current < 0 ? t(this, l).length + t(this, g).current : t(this, g).current) : t(this, g).current = ge(e, 0, this.limit);
|
|
597
|
+
}, hs = new WeakMap(), xs = new WeakMap(), Ls = new WeakSet(), ne = function(e = "current") {
|
|
598
|
+
if (t(this, F).current && t(this, l).length) {
|
|
599
|
+
const s = t(this, a)[e] % (t(this, b) + t(this, C) + t(this, M));
|
|
600
|
+
return s < 0 ? t(this, b) + s + t(this, C) + t(this, M) : s;
|
|
616
601
|
} else
|
|
617
|
-
return t(this,
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
if (t(this, X).current && t(this, u).length) {
|
|
622
|
-
const e = t(this, P).current + t(this, Ot).current;
|
|
602
|
+
return t(this, a)[e];
|
|
603
|
+
}, tt = new WeakSet(), Dt = function() {
|
|
604
|
+
if (t(this, G).current && t(this, l).length) {
|
|
605
|
+
const e = t(this, g).current + t(this, mt).current;
|
|
623
606
|
e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end");
|
|
624
|
-
const
|
|
625
|
-
t(this,
|
|
626
|
-
const
|
|
627
|
-
|
|
607
|
+
const s = t(this, q).current + t(this, Q).current;
|
|
608
|
+
t(this, l).forEach((h, u) => {
|
|
609
|
+
const m = e - this.limit - 1 + t(this, Q).current, I = e + s, ts = this.sections.length - I;
|
|
610
|
+
u >= e && u < I || u <= m ? h.mark("current") : u >= I && u < I + ts / 2 || u <= m + s ? h.mark("next") : h.mark("previous");
|
|
628
611
|
});
|
|
629
612
|
}
|
|
613
|
+
}, Vs = new WeakSet(), oe = function() {
|
|
614
|
+
let e = null, s = 1 / 0;
|
|
615
|
+
for (let h = 0; h < t(this, l).length; h++) {
|
|
616
|
+
const u = Math.abs(t(this, l)[h].position - this.targetScrollValue);
|
|
617
|
+
u < s && (s = u, e = h);
|
|
618
|
+
}
|
|
619
|
+
return e !== null ? t(this, l)[e] : null;
|
|
630
620
|
};
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
for (let r = 0; r < t(this, u).length; r++) {
|
|
635
|
-
const h = Math.abs(t(this, u)[r].position - this.targetScrollValue);
|
|
636
|
-
h < i && (i = h, e = r);
|
|
637
|
-
}
|
|
638
|
-
return e !== null ? t(this, u)[e] : null;
|
|
639
|
-
};
|
|
640
|
-
Ye = wi([
|
|
641
|
-
de("e-scroll")
|
|
642
|
-
], Ye);
|
|
643
|
-
var Me;
|
|
644
|
-
class ts extends Rs {
|
|
621
|
+
customElements.get("e-scroll") || customElements.define("e-scroll", se);
|
|
622
|
+
var zs;
|
|
623
|
+
class Xs extends HTMLElement {
|
|
645
624
|
constructor() {
|
|
646
625
|
super(...arguments);
|
|
647
|
-
|
|
626
|
+
i(this, zs, null);
|
|
648
627
|
}
|
|
649
628
|
get scrollElement() {
|
|
650
|
-
return
|
|
629
|
+
return t(this, zs);
|
|
651
630
|
}
|
|
652
631
|
connectedCallback() {
|
|
653
|
-
const
|
|
654
|
-
|
|
632
|
+
const e = _e(this, se);
|
|
633
|
+
e instanceof se ? r(this, zs, e) : console.error(this, "e-scroll not found");
|
|
655
634
|
}
|
|
656
635
|
}
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
for (var n = h > 1 ? void 0 : h ? Ci(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
660
|
-
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
661
|
-
return h && n && _i(i, r, n), n;
|
|
662
|
-
}, Gs = (e, i, r) => {
|
|
663
|
-
if (!i.has(e))
|
|
664
|
-
throw TypeError("Cannot " + r);
|
|
665
|
-
}, f = (e, i, r) => (Gs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), N = (e, i, r) => {
|
|
666
|
-
if (i.has(e))
|
|
667
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
668
|
-
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
669
|
-
}, Ct = (e, i, r, h) => (Gs(e, i, "write to private field"), i.set(e, r), r), be, I, nt, at, we, ge, te, Te, Ie, Ae;
|
|
670
|
-
const Pi = ms({
|
|
636
|
+
zs = new WeakMap();
|
|
637
|
+
const Je = fe({
|
|
671
638
|
":host": {
|
|
672
639
|
display: "inline-block",
|
|
673
640
|
zIndex: "1",
|
|
674
|
-
backgroundColor:
|
|
641
|
+
backgroundColor: be.colorFont.var
|
|
675
642
|
},
|
|
676
643
|
':host([axis="y"])': {
|
|
677
644
|
position: "absolute",
|
|
@@ -688,7 +655,7 @@ const Pi = ms({
|
|
|
688
655
|
height: "1vmin"
|
|
689
656
|
},
|
|
690
657
|
".default-thumb": {
|
|
691
|
-
backgroundColor:
|
|
658
|
+
backgroundColor: be.colorMain.var,
|
|
692
659
|
borderRadius: "1vmin",
|
|
693
660
|
touchAction: "none"
|
|
694
661
|
},
|
|
@@ -696,538 +663,492 @@ const Pi = ms({
|
|
|
696
663
|
touchAction: "none"
|
|
697
664
|
}
|
|
698
665
|
});
|
|
699
|
-
|
|
666
|
+
var ns, k, st, et, os, cs, Kt, Fs, ks, Ds;
|
|
667
|
+
class Qe extends Xs {
|
|
700
668
|
constructor() {
|
|
701
|
-
super()
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
669
|
+
super();
|
|
670
|
+
i(this, ns, null);
|
|
671
|
+
i(this, k, null);
|
|
672
|
+
i(this, st, !1);
|
|
673
|
+
i(this, et, 0);
|
|
674
|
+
i(this, os, 0);
|
|
675
|
+
i(this, cs, 0);
|
|
676
|
+
i(this, Kt, () => {
|
|
677
|
+
r(this, st, this.offsetWidth > this.offsetHeight);
|
|
678
|
+
const e = t(this, st) ? this.offsetWidth : this.offsetHeight;
|
|
679
|
+
r(this, et, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, et, Math.max(t(this, et), 30)), t(this, st) ? (t(this, k).style.width = t(this, et) + "px", t(this, k).style.height = "100%") : (t(this, k).style.width = "100%", t(this, k).style.height = t(this, et) + "px"), r(this, os, e - t(this, et)), this.scrollElement.scrollSize || (this.style.display = "none");
|
|
680
|
+
});
|
|
681
|
+
i(this, Fs, () => {
|
|
682
|
+
r(this, cs, this.scrollElement.currentProgress * t(this, os)), t(this, st) ? t(this, k).style.transform = `translate3d(${t(this, cs)}px, 0px, 0px)` : t(this, k).style.transform = `translate3d(0px, ${t(this, cs)}px, 0px)`;
|
|
683
|
+
});
|
|
684
|
+
i(this, ks, () => {
|
|
708
685
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
709
|
-
})
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
this.scrollElement.
|
|
686
|
+
});
|
|
687
|
+
i(this, Ds, (e) => {
|
|
688
|
+
document.documentElement.classList.add("grabbing"), Ke(
|
|
689
|
+
(u) => {
|
|
690
|
+
const m = t(this, st) ? u.x : u.y, I = this.scrollElement.distance / t(this, os), ts = (m - h) * I;
|
|
691
|
+
this.scrollElement.setPosition(s + ts);
|
|
714
692
|
},
|
|
715
693
|
() => {
|
|
716
694
|
document.documentElement.classList.remove("grabbing");
|
|
717
695
|
}
|
|
718
696
|
);
|
|
719
|
-
const
|
|
720
|
-
})
|
|
697
|
+
const s = this.scrollElement.targetScrollValue, h = t(this, st) ? e.x : e.y;
|
|
698
|
+
});
|
|
699
|
+
le && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Je), ae(this, {
|
|
721
700
|
slot: "static",
|
|
722
701
|
"drag-dead-zone": "",
|
|
723
702
|
children: [
|
|
724
|
-
|
|
725
|
-
ref: (
|
|
726
|
-
children:
|
|
703
|
+
Ws({
|
|
704
|
+
ref: (s) => r(this, ns, s),
|
|
705
|
+
children: te({ class: "default-thumb" })
|
|
727
706
|
})
|
|
728
707
|
]
|
|
729
708
|
}));
|
|
730
709
|
}
|
|
731
710
|
get thumbElement() {
|
|
732
|
-
return
|
|
711
|
+
return t(this, k);
|
|
733
712
|
}
|
|
734
713
|
connectedCallback() {
|
|
735
714
|
super.connectedCallback();
|
|
736
|
-
const e =
|
|
737
|
-
|
|
715
|
+
const e = t(this, ns).assignedElements()[0] || t(this, ns).firstElementChild;
|
|
716
|
+
r(this, k, e), t(this, k).addEventListener("pointerdown", t(this, Ds)), ps.subscribe(t(this, Kt), ue.SCROLL + 1), qs.subscribe(this, t(this, Kt)), this.scrollElement.onScroll(t(this, Fs)), this.scrollElement.axisCSSProperty.subscribe(t(this, ks));
|
|
738
717
|
}
|
|
739
718
|
disconnectedCallback() {
|
|
740
|
-
|
|
719
|
+
t(this, k).removeEventListener("pointerdown", t(this, Ds)), ps.unsubscribe(t(this, Kt)), qs.unsubscribe(t(this, Kt)), this.scrollElement.offScroll(t(this, Fs)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ks));
|
|
741
720
|
}
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
at = /* @__PURE__ */ new WeakMap();
|
|
747
|
-
we = /* @__PURE__ */ new WeakMap();
|
|
748
|
-
ge = /* @__PURE__ */ new WeakMap();
|
|
749
|
-
te = /* @__PURE__ */ new WeakMap();
|
|
750
|
-
Te = /* @__PURE__ */ new WeakMap();
|
|
751
|
-
Ie = /* @__PURE__ */ new WeakMap();
|
|
752
|
-
Ae = /* @__PURE__ */ new WeakMap();
|
|
753
|
-
Ls = yi([
|
|
754
|
-
de("e-scrollbar")
|
|
755
|
-
], Ls);
|
|
756
|
-
const ki = ms({
|
|
721
|
+
}
|
|
722
|
+
ns = new WeakMap(), k = new WeakMap(), st = new WeakMap(), et = new WeakMap(), os = new WeakMap(), cs = new WeakMap(), Kt = new WeakMap(), Fs = new WeakMap(), ks = new WeakMap(), Ds = new WeakMap();
|
|
723
|
+
customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Qe);
|
|
724
|
+
const Xe = fe({
|
|
757
725
|
button: {
|
|
758
726
|
all: "inherit"
|
|
759
727
|
}
|
|
760
728
|
});
|
|
761
|
-
class
|
|
729
|
+
class we extends Xs {
|
|
762
730
|
constructor() {
|
|
763
|
-
super(), this.
|
|
731
|
+
super(), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Xe), le && ae(this, {
|
|
764
732
|
children: [
|
|
765
|
-
|
|
733
|
+
Ge({
|
|
766
734
|
onClick: () => {
|
|
767
735
|
this.handleClick();
|
|
768
736
|
},
|
|
769
|
-
children: [
|
|
737
|
+
children: [Ws()]
|
|
770
738
|
})
|
|
771
739
|
]
|
|
772
740
|
});
|
|
773
741
|
}
|
|
774
742
|
}
|
|
775
|
-
|
|
776
|
-
for (var n = h > 1 ? void 0 : h ? Mi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
777
|
-
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
778
|
-
return h && n && Wi(i, r, n), n;
|
|
779
|
-
};
|
|
780
|
-
let Vs = class extends qs {
|
|
743
|
+
class Ye extends we {
|
|
781
744
|
handleClick() {
|
|
782
|
-
const
|
|
783
|
-
this.scrollElement.scrollToSection(parseInt(
|
|
745
|
+
const n = this.getAttribute("index"), e = this.getAttribute("behaviour");
|
|
746
|
+
this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: e });
|
|
784
747
|
}
|
|
785
|
-
}
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
], Vs);
|
|
789
|
-
var xi = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, Vi = (e, i, r, h) => {
|
|
790
|
-
for (var n = h > 1 ? void 0 : h ? Li(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
791
|
-
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
792
|
-
return h && n && xi(i, r, n), n;
|
|
793
|
-
};
|
|
794
|
-
let zs = class extends qs {
|
|
748
|
+
}
|
|
749
|
+
customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Ye);
|
|
750
|
+
class ti extends we {
|
|
795
751
|
handleClick() {
|
|
796
|
-
const
|
|
797
|
-
this.scrollElement.shiftSections(parseInt(
|
|
752
|
+
const n = this.getAttribute("step"), e = this.getAttribute("behaviour");
|
|
753
|
+
this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: e });
|
|
798
754
|
}
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
(
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
if (i.has(e))
|
|
812
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
813
|
-
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
814
|
-
}, Fs = (e, i, r, h) => (Ns(e, i, "write to private field"), i.set(e, r), r), xt, _e, st, _t, le, Ee, xe, ce;
|
|
815
|
-
class Di {
|
|
816
|
-
constructor(i, r, h) {
|
|
817
|
-
L(this, st, void 0);
|
|
818
|
-
L(this, _t, void 0);
|
|
819
|
-
L(this, le, void 0);
|
|
820
|
-
L(this, Ee, void 0);
|
|
821
|
-
L(this, xe, () => {
|
|
822
|
-
a(this, _t).scrollToSection(a(this, le), {
|
|
823
|
-
behaviour: a(this, Ee)
|
|
755
|
+
}
|
|
756
|
+
customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", ti);
|
|
757
|
+
var it, Ct, ls, Is, Ms, us;
|
|
758
|
+
class si {
|
|
759
|
+
constructor(n, e, s) {
|
|
760
|
+
i(this, it, void 0);
|
|
761
|
+
i(this, Ct, void 0);
|
|
762
|
+
i(this, ls, void 0);
|
|
763
|
+
i(this, Is, void 0);
|
|
764
|
+
i(this, Ms, () => {
|
|
765
|
+
t(this, Ct).scrollToSection(t(this, ls), {
|
|
766
|
+
behaviour: t(this, Is)
|
|
824
767
|
});
|
|
825
768
|
});
|
|
826
|
-
|
|
827
|
-
|
|
769
|
+
i(this, us, () => {
|
|
770
|
+
t(this, it).classList.toggle(
|
|
828
771
|
"current",
|
|
829
|
-
|
|
772
|
+
t(this, Ct).counter.current === t(this, ls)
|
|
830
773
|
);
|
|
831
774
|
});
|
|
832
|
-
|
|
775
|
+
r(this, it, document.createElement("button")), r(this, Ct, n), r(this, Is, s), r(this, ls, e), t(this, it).addEventListener("click", t(this, Ms)), t(this, Ct).counter.subscribe(t(this, us)), t(this, us).call(this);
|
|
833
776
|
}
|
|
834
777
|
get element() {
|
|
835
|
-
return
|
|
778
|
+
return t(this, it);
|
|
836
779
|
}
|
|
837
780
|
destroy() {
|
|
838
|
-
|
|
781
|
+
t(this, it).removeEventListener("click", t(this, Ms)), t(this, Ct).counter.unsubscribe(t(this, us)), t(this, it).remove();
|
|
839
782
|
}
|
|
840
783
|
}
|
|
841
|
-
|
|
842
|
-
|
|
784
|
+
it = new WeakMap(), Ct = new WeakMap(), ls = new WeakMap(), Is = new WeakMap(), Ms = new WeakMap(), us = new WeakMap();
|
|
785
|
+
var Pt, as;
|
|
786
|
+
class ei extends Xs {
|
|
843
787
|
constructor() {
|
|
844
|
-
super(...arguments)
|
|
845
|
-
|
|
788
|
+
super(...arguments);
|
|
789
|
+
i(this, Pt, []);
|
|
790
|
+
i(this, as, Ce(() => {
|
|
791
|
+
t(this, Pt).forEach((e) => e.destroy()), r(this, Pt, []);
|
|
846
792
|
for (let e = 0; e < this.scrollElement.sections.length; e++) {
|
|
847
|
-
const
|
|
793
|
+
const s = new si(
|
|
848
794
|
this.scrollElement,
|
|
849
795
|
e,
|
|
850
796
|
this.getAttribute("behaviour") || "smooth"
|
|
851
797
|
);
|
|
852
|
-
this.appendChild(
|
|
798
|
+
this.appendChild(s.element), t(this, Pt).push(s);
|
|
853
799
|
}
|
|
854
800
|
}, 0));
|
|
855
801
|
}
|
|
856
802
|
connectedCallback() {
|
|
857
803
|
super.connectedCallback(), this.scrollElement.addEventListener(
|
|
858
804
|
"sectionsChange",
|
|
859
|
-
|
|
860
|
-
),
|
|
805
|
+
t(this, as)
|
|
806
|
+
), t(this, as).call(this);
|
|
861
807
|
}
|
|
862
808
|
disconnectedCallback() {
|
|
863
809
|
this.scrollElement.removeEventListener(
|
|
864
810
|
"sectionsChange",
|
|
865
|
-
|
|
866
|
-
),
|
|
811
|
+
t(this, as)
|
|
812
|
+
), t(this, Pt).forEach((e) => e.destroy()), r(this, Pt, []);
|
|
867
813
|
}
|
|
868
|
-
}
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
], Ds);
|
|
874
|
-
var Oi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ii = (e, i, r, h) => {
|
|
875
|
-
for (var n = h > 1 ? void 0 : h ? Ti(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
876
|
-
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
877
|
-
return h && n && Oi(i, r, n), n;
|
|
878
|
-
}, _s = (e, i, r) => {
|
|
879
|
-
if (!i.has(e))
|
|
880
|
-
throw TypeError("Cannot " + r);
|
|
881
|
-
}, s = (e, i, r) => (_s(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
|
|
882
|
-
if (i.has(e))
|
|
883
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
884
|
-
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
885
|
-
}, b = (e, i, r, h) => (_s(e, i, "write to private field"), i.set(e, r), r), W = (e, i, r) => (_s(e, i, "access private method"), r), ee, se, ie, re, Lt, Vt, zt, $t, O, H, G, q, It, x, ut, pt, ft, dt, St, E, Z, K, bt, wt, tt, Re, m, he, ne, Be, V, Ft, F, z, U, Ce, Bt, k, as, Us, os, Ks, ls, Zs, cs, Js, us, Qs, ps, Xs, He, ye, ot, Dt, Cs, Ys, ys, js, Ge, fs, qe;
|
|
886
|
-
let Os = class extends ts {
|
|
814
|
+
}
|
|
815
|
+
Pt = new WeakMap(), as = new WeakMap();
|
|
816
|
+
customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", ei);
|
|
817
|
+
var _t, Zt, jt, Jt, wt, Et, xt, Lt, L, O, A, T, Vt, P, rt, ht, nt, ot, ct, w, H, $, lt, ut, K, Rs, d, Qt, Xt, Os, E, zt, D, V, B, fs, Ft, y, Gs, Ee, Ns, xe, Ks, Le, _s, Ve, Zs, ze, js, Fe, As, ds, at, It, Js, ke, Qs, De, Ts, ce, Hs;
|
|
818
|
+
class ii extends Xs {
|
|
887
819
|
constructor() {
|
|
888
|
-
super()
|
|
820
|
+
super();
|
|
821
|
+
i(this, Gs);
|
|
822
|
+
i(this, Ns);
|
|
823
|
+
i(this, Ks);
|
|
824
|
+
i(this, _s);
|
|
825
|
+
i(this, Zs);
|
|
826
|
+
i(this, js);
|
|
827
|
+
i(this, at);
|
|
828
|
+
i(this, Js);
|
|
829
|
+
i(this, Qs);
|
|
830
|
+
i(this, Ts);
|
|
831
|
+
i(this, _t, new c(this, "--damping", 20));
|
|
832
|
+
i(this, Zt, new c(this, "--mass", 0));
|
|
833
|
+
i(this, jt, new c(this, "--stiffness", 0));
|
|
834
|
+
i(this, Jt, new c(this, "--target", ""));
|
|
835
|
+
i(this, wt, new c(this, "--disabled", !1));
|
|
836
|
+
i(this, Et, new c(
|
|
889
837
|
this,
|
|
890
838
|
"--distance-offset",
|
|
891
839
|
0,
|
|
892
840
|
{ rawValueCheck: !1 }
|
|
893
|
-
))
|
|
841
|
+
));
|
|
842
|
+
i(this, xt, new c(this, "--start-offset", 0, {
|
|
894
843
|
rawValueCheck: !1
|
|
895
|
-
}))
|
|
844
|
+
}));
|
|
845
|
+
i(this, Lt, new c(
|
|
896
846
|
this,
|
|
897
847
|
"--capture-once",
|
|
898
848
|
!1
|
|
899
|
-
))
|
|
849
|
+
));
|
|
850
|
+
i(this, L, new c(this, "--captured", ""));
|
|
851
|
+
i(this, O, new c(this, "--released", ""));
|
|
852
|
+
i(this, A, new c(
|
|
900
853
|
this,
|
|
901
854
|
"--captured-from-start",
|
|
902
855
|
""
|
|
903
|
-
))
|
|
856
|
+
));
|
|
857
|
+
i(this, T, new c(
|
|
904
858
|
this,
|
|
905
859
|
"--captured-from-finish",
|
|
906
860
|
""
|
|
907
|
-
))
|
|
861
|
+
));
|
|
862
|
+
i(this, Vt, new c(
|
|
908
863
|
this,
|
|
909
864
|
"--released-from-start",
|
|
910
865
|
""
|
|
911
|
-
))
|
|
866
|
+
));
|
|
867
|
+
i(this, P, new c(
|
|
912
868
|
this,
|
|
913
869
|
"--released-from-finish",
|
|
914
870
|
""
|
|
915
|
-
))
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
871
|
+
));
|
|
872
|
+
i(this, rt, new c(this, "--passed-var", ""));
|
|
873
|
+
i(this, ht, new c(this, "--progress-var", ""));
|
|
874
|
+
i(this, nt, new c(this, "--distance-var", ""));
|
|
875
|
+
i(this, ot, new c(this, "--start-var", ""));
|
|
876
|
+
i(this, ct, new c(this, "--finish-var", ""));
|
|
877
|
+
i(this, w, new kt(!1));
|
|
878
|
+
i(this, H, new kt(!1));
|
|
879
|
+
i(this, $, new kt(!1));
|
|
880
|
+
i(this, lt, new kt(!1));
|
|
881
|
+
i(this, ut, new kt(!1));
|
|
882
|
+
i(this, K, new kt(!1));
|
|
883
|
+
i(this, Rs, []);
|
|
884
|
+
i(this, d, this);
|
|
885
|
+
i(this, Qt, 0);
|
|
886
|
+
i(this, Xt, 0);
|
|
887
|
+
i(this, Os, 0);
|
|
888
|
+
i(this, E, new ye(0, { order: ve.SCROLL - 1, min: 0, max: 1 }));
|
|
889
|
+
i(this, zt, 0);
|
|
890
|
+
i(this, D, 0);
|
|
891
|
+
i(this, V, 0);
|
|
892
|
+
i(this, B, 0);
|
|
893
|
+
i(this, fs, !1);
|
|
894
|
+
i(this, Ft, !1);
|
|
895
|
+
i(this, y, !0);
|
|
896
|
+
i(this, As, () => {
|
|
897
|
+
t(this, y) || (this.resize(), t(this, ds).call(this));
|
|
898
|
+
});
|
|
899
|
+
i(this, ds, () => {
|
|
900
|
+
!t(this, y) && t(this, fs) && this.tick();
|
|
901
|
+
});
|
|
902
|
+
i(this, Hs, Ce(() => {
|
|
903
|
+
const e = Yt.getAll(this).reverse();
|
|
904
|
+
let s = 0;
|
|
905
|
+
e.forEach((h, u) => {
|
|
906
|
+
h.element === this.scrollElement && (s = u);
|
|
907
|
+
}), r(this, Rs, e.slice(s + 1));
|
|
925
908
|
}, 0));
|
|
926
909
|
}
|
|
927
910
|
get distanceOffsetCSSProperty() {
|
|
928
|
-
return
|
|
911
|
+
return t(this, Et);
|
|
929
912
|
}
|
|
930
913
|
get startOffsetCSSProperty() {
|
|
931
|
-
return
|
|
914
|
+
return t(this, xt);
|
|
932
915
|
}
|
|
933
916
|
get captureOnceCSSProperty() {
|
|
934
|
-
return
|
|
917
|
+
return t(this, Lt);
|
|
935
918
|
}
|
|
936
919
|
get capturedCSSProperty() {
|
|
937
|
-
return
|
|
920
|
+
return t(this, L);
|
|
938
921
|
}
|
|
939
922
|
get releasedCSSProperty() {
|
|
940
|
-
return
|
|
923
|
+
return t(this, O);
|
|
941
924
|
}
|
|
942
925
|
get capturedFromStartCSSProperty() {
|
|
943
|
-
return
|
|
926
|
+
return t(this, A);
|
|
944
927
|
}
|
|
945
928
|
get capturedFromFinishCSSProperty() {
|
|
946
|
-
return
|
|
929
|
+
return t(this, T);
|
|
947
930
|
}
|
|
948
931
|
get releasedFromStartCSSProperty() {
|
|
949
|
-
return
|
|
932
|
+
return t(this, Vt);
|
|
950
933
|
}
|
|
951
934
|
get releasedFromFinishCSSProperty() {
|
|
952
|
-
return
|
|
935
|
+
return t(this, P);
|
|
953
936
|
}
|
|
954
937
|
get passedVarCSSProperty() {
|
|
955
|
-
return
|
|
938
|
+
return t(this, rt);
|
|
956
939
|
}
|
|
957
940
|
get progressVarCSSProperty() {
|
|
958
|
-
return
|
|
941
|
+
return t(this, ht);
|
|
959
942
|
}
|
|
960
943
|
get distanceVarCSSProperty() {
|
|
961
|
-
return
|
|
944
|
+
return t(this, nt);
|
|
962
945
|
}
|
|
963
946
|
get startVarCSSProperty() {
|
|
964
|
-
return
|
|
947
|
+
return t(this, ot);
|
|
965
948
|
}
|
|
966
949
|
get finishVarCSSProperty() {
|
|
967
|
-
return
|
|
950
|
+
return t(this, ct);
|
|
968
951
|
}
|
|
969
952
|
get disabledCSSProperty() {
|
|
970
|
-
return
|
|
953
|
+
return t(this, wt);
|
|
971
954
|
}
|
|
972
955
|
get dampingCSSProperty() {
|
|
973
|
-
return
|
|
956
|
+
return t(this, _t);
|
|
974
957
|
}
|
|
975
958
|
get massCSSProperty() {
|
|
976
|
-
return
|
|
959
|
+
return t(this, Zt);
|
|
977
960
|
}
|
|
978
961
|
get stiffnessCSSProperty() {
|
|
979
|
-
return
|
|
962
|
+
return t(this, jt);
|
|
980
963
|
}
|
|
981
964
|
get targetCSSProperty() {
|
|
982
|
-
return
|
|
965
|
+
return t(this, Jt);
|
|
983
966
|
}
|
|
984
967
|
get isCaptured() {
|
|
985
|
-
return
|
|
968
|
+
return t(this, w);
|
|
986
969
|
}
|
|
987
970
|
get isReleased() {
|
|
988
|
-
return
|
|
971
|
+
return t(this, H);
|
|
989
972
|
}
|
|
990
973
|
get isCapturedFromStart() {
|
|
991
|
-
return
|
|
974
|
+
return t(this, $);
|
|
992
975
|
}
|
|
993
976
|
get isReleasedFromStart() {
|
|
994
|
-
return
|
|
977
|
+
return t(this, lt);
|
|
995
978
|
}
|
|
996
979
|
get isCapturedFromFinish() {
|
|
997
|
-
return
|
|
980
|
+
return t(this, ut);
|
|
998
981
|
}
|
|
999
982
|
get isReleasedFromFinish() {
|
|
1000
|
-
return
|
|
983
|
+
return t(this, K);
|
|
1001
984
|
}
|
|
1002
985
|
get directionPosition() {
|
|
1003
|
-
return
|
|
986
|
+
return t(this, Qt);
|
|
1004
987
|
}
|
|
1005
988
|
get directionSize() {
|
|
1006
|
-
return
|
|
989
|
+
return t(this, Xt);
|
|
1007
990
|
}
|
|
1008
991
|
get passed() {
|
|
1009
|
-
return
|
|
992
|
+
return t(this, E);
|
|
1010
993
|
}
|
|
1011
994
|
get progress() {
|
|
1012
|
-
return
|
|
995
|
+
return t(this, zt);
|
|
1013
996
|
}
|
|
1014
997
|
get start() {
|
|
1015
|
-
return
|
|
998
|
+
return t(this, D);
|
|
1016
999
|
}
|
|
1017
1000
|
get finish() {
|
|
1018
|
-
return
|
|
1001
|
+
return t(this, B);
|
|
1019
1002
|
}
|
|
1020
1003
|
get distance() {
|
|
1021
|
-
return
|
|
1004
|
+
return t(this, V);
|
|
1022
1005
|
}
|
|
1023
1006
|
get isCapturedOnce() {
|
|
1024
|
-
return
|
|
1007
|
+
return t(this, Ft);
|
|
1025
1008
|
}
|
|
1026
1009
|
get isDisabled() {
|
|
1027
|
-
return
|
|
1010
|
+
return t(this, y);
|
|
1028
1011
|
}
|
|
1029
1012
|
resize() {
|
|
1030
|
-
|
|
1013
|
+
r(this, Xt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Qt, this.scrollElement.vertical ? $s(this, this.scrollElement) : Bs(this, this.scrollElement)), r(this, D, this.getStart()), r(this, V, this.getDistance()), r(this, D, t(this, D) + t(this, xt).current), r(this, V, t(this, V) + t(this, Et).current), r(this, B, t(this, D) + t(this, V)), this.scrollElement.currentScrollValue > t(this, B) && !t(this, w).current && !t(this, H).current && (t(this, w).current = !0), this.setVar(t(this, ot).current, t(this, D)), this.setVar(t(this, ct).current, t(this, B)), this.setVar(t(this, nt).current, t(this, V)), t(this, E).max = t(this, V), r(this, fs, !0);
|
|
1031
1014
|
}
|
|
1032
1015
|
tick() {
|
|
1033
1016
|
let e = this.scrollElement.currentScrollValue;
|
|
1034
|
-
|
|
1035
|
-
e +=
|
|
1036
|
-
}),
|
|
1037
|
-
const
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
),
|
|
1017
|
+
t(this, Rs).forEach((h) => {
|
|
1018
|
+
e += h.value;
|
|
1019
|
+
}), t(this, E).set(e - t(this, D));
|
|
1020
|
+
const s = Math.round(e);
|
|
1021
|
+
t(this, w).current && (s > t(this, D) ? t(this, $).current || o(this, Ks, Le).call(this) : t(this, $).current && !t(this, lt).current && o(this, Zs, ze).call(this), s < t(this, B) ? t(this, K).current && !t(this, ut).current && o(this, _s, Ve).call(this) : t(this, $).current && !t(this, K).current && o(this, js, Fe).call(this)), s > t(this, D) && s < t(this, B) ? t(this, w).current || o(this, Gs, Ee).call(this) : t(this, w).current && (t(this, E).set(
|
|
1022
|
+
He(t(this, V) / 2, t(this, E).current, 0, t(this, V))
|
|
1023
|
+
), o(this, Ns, xe).call(this)), t(this, Ft) && t(this, Lt).current && (t(this, L).current && t(this, d).classList.add(t(this, L).current), r(this, y, !0));
|
|
1041
1024
|
}
|
|
1042
1025
|
disable() {
|
|
1043
|
-
this.style.cssText = "",
|
|
1026
|
+
this.style.cssText = "", r(this, Qt, 0), r(this, Xt, 0), t(this, E).reset(), r(this, zt, 0), r(this, D, 0), r(this, V, 0), r(this, B, 0), r(this, fs, !1), t(this, w).current = !1, t(this, H).current = !1, t(this, $).current = !1, t(this, lt).current = !1, t(this, ut).current = !1, t(this, K).current = !1, r(this, Ft, !1), r(this, y, !0), o(this, Ts, ce).call(this);
|
|
1044
1027
|
}
|
|
1045
1028
|
enable() {
|
|
1046
|
-
|
|
1029
|
+
r(this, y, !1);
|
|
1047
1030
|
}
|
|
1048
1031
|
connectedCallback() {
|
|
1049
|
-
super.connectedCallback(),
|
|
1032
|
+
super.connectedCallback(), t(this, _t).observe(), t(this, Zt).observe(), t(this, jt).observe(), t(this, Jt).observe(), t(this, wt).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Lt).observe(), t(this, L).observe(), t(this, O).observe(), t(this, A).observe(), t(this, T).observe(), t(this, Vt).observe(), t(this, P).observe(), t(this, rt).observe(), t(this, ht).observe(), t(this, nt).observe(), t(this, ot).observe(), t(this, ct).observe();
|
|
1050
1033
|
let e = !1;
|
|
1051
1034
|
this.scrollElement.addEventListener(
|
|
1052
1035
|
"sectionsChange",
|
|
1053
|
-
|
|
1054
|
-
),
|
|
1055
|
-
|
|
1056
|
-
}),
|
|
1057
|
-
|
|
1058
|
-
}),
|
|
1059
|
-
|
|
1060
|
-
}),
|
|
1061
|
-
|
|
1062
|
-
}),
|
|
1063
|
-
|
|
1064
|
-
}),
|
|
1065
|
-
e && !
|
|
1066
|
-
}),
|
|
1067
|
-
e && !
|
|
1068
|
-
}),
|
|
1069
|
-
|
|
1070
|
-
}),
|
|
1071
|
-
|
|
1072
|
-
}),
|
|
1073
|
-
|
|
1074
|
-
}),
|
|
1075
|
-
|
|
1076
|
-
}),
|
|
1077
|
-
|
|
1078
|
-
}),
|
|
1079
|
-
|
|
1080
|
-
}),
|
|
1081
|
-
|
|
1082
|
-
}),
|
|
1083
|
-
|
|
1084
|
-
}),
|
|
1085
|
-
|
|
1086
|
-
}),
|
|
1087
|
-
|
|
1088
|
-
}),
|
|
1089
|
-
|
|
1090
|
-
}),
|
|
1091
|
-
|
|
1092
|
-
}),
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1036
|
+
t(this, Hs)
|
|
1037
|
+
), t(this, Hs).call(this), t(this, wt).current || this.enable(), t(this, _t).subscribe((s) => {
|
|
1038
|
+
t(this, E).damping = s.current;
|
|
1039
|
+
}), t(this, Zt).subscribe((s) => {
|
|
1040
|
+
t(this, E).mass = s.current;
|
|
1041
|
+
}), t(this, jt).subscribe((s) => {
|
|
1042
|
+
t(this, E).stiffness = s.current;
|
|
1043
|
+
}), t(this, Jt).subscribe((s) => {
|
|
1044
|
+
s.previous && o(this, Ts, ce).call(this), s.current ? s.current === "parent" ? r(this, d, this.parentElement || this) : r(this, d, document.querySelector(s.current) || this) : r(this, d, this);
|
|
1045
|
+
}), t(this, wt).subscribe((s) => {
|
|
1046
|
+
s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
|
|
1047
|
+
}), t(this, xt).subscribe(() => {
|
|
1048
|
+
e && !t(this, y) && this.resize();
|
|
1049
|
+
}), t(this, Et).subscribe(() => {
|
|
1050
|
+
e && !t(this, y) && this.resize();
|
|
1051
|
+
}), t(this, L).subscribe((s) => {
|
|
1052
|
+
o(this, at, It).call(this, s);
|
|
1053
|
+
}), t(this, A).subscribe((s) => {
|
|
1054
|
+
o(this, at, It).call(this, s);
|
|
1055
|
+
}), t(this, T).subscribe((s) => {
|
|
1056
|
+
o(this, at, It).call(this, s);
|
|
1057
|
+
}), t(this, O).subscribe((s) => {
|
|
1058
|
+
o(this, at, It).call(this, s);
|
|
1059
|
+
}), t(this, Vt).subscribe((s) => {
|
|
1060
|
+
o(this, at, It).call(this, s);
|
|
1061
|
+
}), t(this, P).subscribe((s) => {
|
|
1062
|
+
o(this, at, It).call(this, s);
|
|
1063
|
+
}), t(this, Lt).subscribe((s) => {
|
|
1064
|
+
t(this, y) || !s.current && s.previous && (this.resize(), this.enable());
|
|
1065
|
+
}), t(this, rt).subscribe((s) => {
|
|
1066
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
|
|
1067
|
+
}), t(this, ht).subscribe((s) => {
|
|
1068
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, zt)));
|
|
1069
|
+
}), t(this, ot).subscribe((s) => {
|
|
1070
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, D)));
|
|
1071
|
+
}), t(this, ct).subscribe((s) => {
|
|
1072
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, B)));
|
|
1073
|
+
}), t(this, nt).subscribe((s) => {
|
|
1074
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, V)));
|
|
1075
|
+
}), t(this, E).subscribe((s) => {
|
|
1076
|
+
r(this, zt, t(this, E).current / t(this, V) || 0), this.setVar(
|
|
1077
|
+
t(this, rt).current,
|
|
1078
|
+
t(this, E).current.toFixed(6)
|
|
1096
1079
|
), this.setVar(
|
|
1097
|
-
|
|
1098
|
-
|
|
1080
|
+
t(this, ht).current,
|
|
1081
|
+
t(this, zt).toFixed(6)
|
|
1099
1082
|
);
|
|
1100
|
-
}),
|
|
1083
|
+
}), ps.subscribe(t(this, As), ue.SEGMENT), this.scrollElement.onScroll(t(this, ds)), e = !0;
|
|
1101
1084
|
}
|
|
1102
1085
|
disconnectedCallback() {
|
|
1103
|
-
|
|
1086
|
+
ps.unsubscribe(t(this, As)), this.scrollElement.offScroll(t(this, ds)), t(this, _t).close(), t(this, Zt).close(), t(this, jt).close(), t(this, Jt).close(), t(this, wt).close(), t(this, Et).close(), t(this, xt).close(), t(this, Lt).close(), t(this, L).close(), t(this, O).close(), t(this, A).close(), t(this, T).close(), t(this, Vt).close(), t(this, P).close(), t(this, rt).close(), t(this, ht).close(), t(this, nt).close(), t(this, ot).close(), t(this, ct).close(), t(this, w).close(), t(this, H).close(), t(this, $).close(), t(this, lt).close(), t(this, ut).close(), t(this, K).close(), this.disable();
|
|
1104
1087
|
}
|
|
1105
1088
|
removeVar(e) {
|
|
1106
|
-
e &&
|
|
1089
|
+
e && t(this, d).style.removeProperty(`--${e}`);
|
|
1107
1090
|
}
|
|
1108
|
-
setVar(e,
|
|
1109
|
-
e &&
|
|
1091
|
+
setVar(e, s) {
|
|
1092
|
+
e && t(this, d).style.setProperty(`--${e}`, s.toString());
|
|
1110
1093
|
}
|
|
1111
1094
|
getDistance() {
|
|
1112
|
-
return
|
|
1095
|
+
return t(this, Xt) + t(this, Os);
|
|
1113
1096
|
}
|
|
1114
1097
|
getStart() {
|
|
1115
|
-
return
|
|
1098
|
+
return t(this, Qt) - t(this, Os);
|
|
1116
1099
|
}
|
|
1117
|
-
}
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
pt = /* @__PURE__ */ new WeakMap();
|
|
1134
|
-
ft = /* @__PURE__ */ new WeakMap();
|
|
1135
|
-
dt = /* @__PURE__ */ new WeakMap();
|
|
1136
|
-
St = /* @__PURE__ */ new WeakMap();
|
|
1137
|
-
E = /* @__PURE__ */ new WeakMap();
|
|
1138
|
-
Z = /* @__PURE__ */ new WeakMap();
|
|
1139
|
-
K = /* @__PURE__ */ new WeakMap();
|
|
1140
|
-
bt = /* @__PURE__ */ new WeakMap();
|
|
1141
|
-
wt = /* @__PURE__ */ new WeakMap();
|
|
1142
|
-
tt = /* @__PURE__ */ new WeakMap();
|
|
1143
|
-
Re = /* @__PURE__ */ new WeakMap();
|
|
1144
|
-
m = /* @__PURE__ */ new WeakMap();
|
|
1145
|
-
he = /* @__PURE__ */ new WeakMap();
|
|
1146
|
-
ne = /* @__PURE__ */ new WeakMap();
|
|
1147
|
-
Be = /* @__PURE__ */ new WeakMap();
|
|
1148
|
-
V = /* @__PURE__ */ new WeakMap();
|
|
1149
|
-
Ft = /* @__PURE__ */ new WeakMap();
|
|
1150
|
-
F = /* @__PURE__ */ new WeakMap();
|
|
1151
|
-
z = /* @__PURE__ */ new WeakMap();
|
|
1152
|
-
U = /* @__PURE__ */ new WeakMap();
|
|
1153
|
-
Ce = /* @__PURE__ */ new WeakMap();
|
|
1154
|
-
Bt = /* @__PURE__ */ new WeakMap();
|
|
1155
|
-
k = /* @__PURE__ */ new WeakMap();
|
|
1156
|
-
as = /* @__PURE__ */ new WeakSet();
|
|
1157
|
-
Us = function() {
|
|
1158
|
-
s(this, E).current = !0, s(this, Z).current = !1, b(this, Bt, !0), s(this, H).current && s(this, m).classList.remove(s(this, H).current), s(this, x).current && s(this, m).classList.remove(
|
|
1159
|
-
s(this, x).current
|
|
1160
|
-
), s(this, x).current && s(this, m).classList.remove(
|
|
1161
|
-
s(this, x).current
|
|
1162
|
-
), s(this, O).current && s(this, m).classList.add(s(this, O).current);
|
|
1163
|
-
};
|
|
1164
|
-
os = /* @__PURE__ */ new WeakSet();
|
|
1165
|
-
Ks = function() {
|
|
1166
|
-
s(this, Z).current = !0, s(this, E).current = !1, b(this, Bt, !0), s(this, O).current && s(this, m).classList.remove(s(this, O).current), s(this, G).current && s(this, m).classList.remove(
|
|
1167
|
-
s(this, G).current
|
|
1168
|
-
), s(this, q).current && s(this, m).classList.remove(
|
|
1169
|
-
s(this, q).current
|
|
1170
|
-
), s(this, H).current && s(this, m).classList.add(s(this, H).current);
|
|
1171
|
-
};
|
|
1172
|
-
ls = /* @__PURE__ */ new WeakSet();
|
|
1173
|
-
Zs = function() {
|
|
1174
|
-
s(this, E).current = !0, s(this, K).current = !0, s(this, bt).current = !1, s(this, G).current && s(this, m).classList.add(
|
|
1175
|
-
s(this, G).current
|
|
1100
|
+
}
|
|
1101
|
+
_t = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), wt = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), L = new WeakMap(), O = new WeakMap(), A = new WeakMap(), T = new WeakMap(), Vt = new WeakMap(), P = new WeakMap(), rt = new WeakMap(), ht = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ct = new WeakMap(), w = new WeakMap(), H = new WeakMap(), $ = new WeakMap(), lt = new WeakMap(), ut = new WeakMap(), K = new WeakMap(), Rs = new WeakMap(), d = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap(), Os = new WeakMap(), E = new WeakMap(), zt = new WeakMap(), D = new WeakMap(), V = new WeakMap(), B = new WeakMap(), fs = new WeakMap(), Ft = new WeakMap(), y = new WeakMap(), Gs = new WeakSet(), Ee = function() {
|
|
1102
|
+
t(this, w).current = !0, t(this, H).current = !1, r(this, Ft, !0), t(this, O).current && t(this, d).classList.remove(t(this, O).current), t(this, P).current && t(this, d).classList.remove(
|
|
1103
|
+
t(this, P).current
|
|
1104
|
+
), t(this, P).current && t(this, d).classList.remove(
|
|
1105
|
+
t(this, P).current
|
|
1106
|
+
), t(this, L).current && t(this, d).classList.add(t(this, L).current);
|
|
1107
|
+
}, Ns = new WeakSet(), xe = function() {
|
|
1108
|
+
t(this, H).current = !0, t(this, w).current = !1, r(this, Ft, !0), t(this, L).current && t(this, d).classList.remove(t(this, L).current), t(this, A).current && t(this, d).classList.remove(
|
|
1109
|
+
t(this, A).current
|
|
1110
|
+
), t(this, T).current && t(this, d).classList.remove(
|
|
1111
|
+
t(this, T).current
|
|
1112
|
+
), t(this, O).current && t(this, d).classList.add(t(this, O).current);
|
|
1113
|
+
}, Ks = new WeakSet(), Le = function() {
|
|
1114
|
+
t(this, w).current = !0, t(this, $).current = !0, t(this, lt).current = !1, t(this, A).current && t(this, d).classList.add(
|
|
1115
|
+
t(this, A).current
|
|
1176
1116
|
);
|
|
1177
|
-
}
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
s(this, E).current = !0, s(this, wt).current = !0, s(this, tt).current = !1, s(this, q).current && s(this, m).classList.add(
|
|
1181
|
-
s(this, q).current
|
|
1117
|
+
}, _s = new WeakSet(), Ve = function() {
|
|
1118
|
+
t(this, w).current = !0, t(this, ut).current = !0, t(this, K).current = !1, t(this, T).current && t(this, d).classList.add(
|
|
1119
|
+
t(this, T).current
|
|
1182
1120
|
);
|
|
1183
|
-
}
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
s(this, Z).current = !0, s(this, bt).current = !0, s(this, K).current = !1, s(this, x).current && s(this, m).classList.add(
|
|
1187
|
-
s(this, x).current
|
|
1121
|
+
}, Zs = new WeakSet(), ze = function() {
|
|
1122
|
+
t(this, H).current = !0, t(this, lt).current = !0, t(this, $).current = !1, t(this, P).current && t(this, d).classList.add(
|
|
1123
|
+
t(this, P).current
|
|
1188
1124
|
);
|
|
1189
|
-
}
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
s(this, Z).current = !0, s(this, tt).current = !0, s(this, wt).current = !1, s(this, x).current && s(this, m).classList.add(
|
|
1193
|
-
s(this, x).current
|
|
1125
|
+
}, js = new WeakSet(), Fe = function() {
|
|
1126
|
+
t(this, H).current = !0, t(this, K).current = !0, t(this, ut).current = !1, t(this, P).current && t(this, d).classList.add(
|
|
1127
|
+
t(this, P).current
|
|
1194
1128
|
);
|
|
1195
|
-
}
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
ot = /* @__PURE__ */ new WeakSet();
|
|
1199
|
-
Dt = function(e) {
|
|
1200
|
-
if (s(this, k)) {
|
|
1201
|
-
e.previous && s(this, m).classList.remove(e.previous), e.current && s(this, m).classList.remove(e.current);
|
|
1129
|
+
}, As = new WeakMap(), ds = new WeakMap(), at = new WeakSet(), It = function(e) {
|
|
1130
|
+
if (t(this, y)) {
|
|
1131
|
+
e.previous && t(this, d).classList.remove(e.previous), e.current && t(this, d).classList.remove(e.current);
|
|
1202
1132
|
return;
|
|
1203
1133
|
}
|
|
1204
|
-
e.current &&
|
|
1205
|
-
}
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
e.forEach((i) => {
|
|
1209
|
-
i && s(this, m).classList.remove(i);
|
|
1134
|
+
e.current && t(this, w).current ? (e.previous && t(this, d).classList.remove(e.previous), t(this, d).classList.add(e.current)) : !e.current && e.previous && t(this, d).classList.remove(e.previous);
|
|
1135
|
+
}, Js = new WeakSet(), ke = function(...e) {
|
|
1136
|
+
e.forEach((s) => {
|
|
1137
|
+
s && t(this, d).classList.remove(s);
|
|
1210
1138
|
});
|
|
1211
|
-
}
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
e.forEach((i) => {
|
|
1215
|
-
i && s(this, m).style.removeProperty(`--${i}`);
|
|
1139
|
+
}, Qs = new WeakSet(), De = function(...e) {
|
|
1140
|
+
e.forEach((s) => {
|
|
1141
|
+
s && t(this, d).style.removeProperty(`--${s}`);
|
|
1216
1142
|
});
|
|
1217
|
-
}
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
};
|
|
1222
|
-
qe = /* @__PURE__ */ new WeakMap();
|
|
1223
|
-
Os = Ii([
|
|
1224
|
-
de("e-scroll-segment")
|
|
1225
|
-
], Os);
|
|
1143
|
+
}, Ts = new WeakSet(), ce = function() {
|
|
1144
|
+
o(this, Js, ke).call(this, t(this, L).current, t(this, A).current, t(this, T).current, t(this, O).current, t(this, Vt).current, t(this, P).current), o(this, Qs, De).call(this, t(this, rt).current, t(this, ht).current, t(this, nt).current, t(this, ot).current, t(this, ct).current);
|
|
1145
|
+
}, Hs = new WeakMap();
|
|
1146
|
+
customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", ii);
|
|
1226
1147
|
export {
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1148
|
+
ei as ScrollBulletButtonsElement,
|
|
1149
|
+
se as ScrollElement,
|
|
1150
|
+
ii as ScrollSegmentElement,
|
|
1151
|
+
Ye as ScrollSetButtonElement,
|
|
1152
|
+
ti as ScrollStepButtonElement,
|
|
1153
|
+
Qe as ScrollbarElement
|
|
1233
1154
|
};
|