aptechka 0.5.20 → 0.5.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/scroll/ScrollElement.d.ts +1 -0
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +390 -384
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -1,95 +1,95 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Ss = (e, i, r) => {
|
|
2
2
|
if (!i.has(e))
|
|
3
3
|
throw TypeError("Cannot " + r);
|
|
4
4
|
};
|
|
5
|
-
var a = (e, i, r) => (
|
|
5
|
+
var a = (e, i, r) => (Ss(e, i, "read from private field"), r ? r.call(e) : i.get(e)), z = (e, i, r) => {
|
|
6
6
|
if (i.has(e))
|
|
7
7
|
throw TypeError("Cannot add the same private member more than once");
|
|
8
8
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
9
|
-
}, O = (e, i, r, h) => (
|
|
9
|
+
}, O = (e, i, r, h) => (Ss(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r);
|
|
10
10
|
import { S as gt } from "../Store-Cd-E5W1z.js";
|
|
11
|
-
import { D as
|
|
12
|
-
import { i as
|
|
13
|
-
import { a as
|
|
14
|
-
import { c as
|
|
11
|
+
import { D as qs } from "../Derived-DH-ouLBq.js";
|
|
12
|
+
import { i as hs } from "../browser-0zX67oeU.js";
|
|
13
|
+
import { a as Oe, g as Ae } from "../layout-HoBT_Da2.js";
|
|
14
|
+
import { c as Ps, s as Ns } from "../math-BOBiC4TN.js";
|
|
15
15
|
import "../path-data-polyfill-DgeDWYeI.js";
|
|
16
16
|
import "../ticker/index.js";
|
|
17
|
-
import { TICK_ORDER as
|
|
18
|
-
import { D as
|
|
19
|
-
import { WheelControls as
|
|
20
|
-
import { CustomElement as
|
|
21
|
-
import { windowResizer as
|
|
22
|
-
import { scrollEntries as
|
|
23
|
-
import { e as
|
|
24
|
-
import { c as
|
|
25
|
-
import { cssUnitParser as
|
|
17
|
+
import { TICK_ORDER as Ws, RESIZE_ORDER as ns } from "../order/index.js";
|
|
18
|
+
import { D as Ms } from "../Damped-BJgyFENo.js";
|
|
19
|
+
import { WheelControls as Us, KeyboardControls as Ks, DragControls as Zs, AutoplayControls as Js } from "../controls/index.js";
|
|
20
|
+
import { CustomElement as Es, define as oe } from "../custom-element/index.js";
|
|
21
|
+
import { windowResizer as he } from "../window-resizer/index.js";
|
|
22
|
+
import { scrollEntries as Rt } from "../scroll-entries/index.js";
|
|
23
|
+
import { e as as, D as Ue, ay as Re, p as Qs } from "../tags-BoPv9fDr.js";
|
|
24
|
+
import { c as os } from "../createStylesheet-KMRQhSa-.js";
|
|
25
|
+
import { cssUnitParser as vs } from "../css-unit-parser/index.js";
|
|
26
26
|
import { CSSProperty as u } from "../css-property/index.js";
|
|
27
|
-
import { d as
|
|
28
|
-
import { elementResizer as
|
|
29
|
-
import { s as
|
|
30
|
-
import { aptechkaTheme as
|
|
31
|
-
import { f as
|
|
32
|
-
import { d as
|
|
33
|
-
var
|
|
34
|
-
for (var n = h > 1 ? void 0 : h ?
|
|
27
|
+
import { d as Xs } from "../Viewport-CCDNxaDg.js";
|
|
28
|
+
import { elementResizer as Te } from "../element-resizer/index.js";
|
|
29
|
+
import { s as Ys } from "../gestures-D2Fdra_G.js";
|
|
30
|
+
import { aptechkaTheme as ms } from "../theme/index.js";
|
|
31
|
+
import { f as js } from "../dom-0S_WDL4g.js";
|
|
32
|
+
import { d as xs } from "../function-C10DGppn.js";
|
|
33
|
+
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, si = (e, i, r, h) => {
|
|
34
|
+
for (var n = h > 1 ? void 0 : h ? ei(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
35
35
|
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
36
|
-
return h && n &&
|
|
37
|
-
},
|
|
36
|
+
return h && n && ti(i, r, n), n;
|
|
37
|
+
}, ls = (e, i, r) => {
|
|
38
38
|
if (!i.has(e))
|
|
39
39
|
throw TypeError("Cannot " + r);
|
|
40
|
-
}, t = (e, i, r) => (
|
|
40
|
+
}, t = (e, i, r) => (ls(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
|
|
41
41
|
if (i.has(e))
|
|
42
42
|
throw TypeError("Cannot add the same private member more than once");
|
|
43
43
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
44
|
-
},
|
|
45
|
-
class
|
|
44
|
+
}, _ = (e, i, r, h) => (ls(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), b = (e, i, r) => (ls(e, i, "access private method"), r), S, A, et, Q, st, wt, _t, K, T, It, Bt, Ht, Gt, le, nt, qt, Ct, at, Vt, Nt, Ut, g, Ie, c, Ce, ye, M, C, I, X, Ft, ft, F, k, ce, yt, ne, ae, te, be, Dt, se, Be, cs, He, us, ke, Ke, Pe, Ze, B, qe, Je, Ls, ue, We, Me, Qe, zt, ee, Xe, Vs, w, y, At, j, vt;
|
|
45
|
+
class ii {
|
|
46
46
|
constructor(i, r) {
|
|
47
|
-
z(this,
|
|
47
|
+
z(this, w, void 0);
|
|
48
48
|
z(this, y, void 0);
|
|
49
|
-
z(this,
|
|
49
|
+
z(this, At, 0);
|
|
50
50
|
z(this, j, 0);
|
|
51
|
-
z(this,
|
|
52
|
-
O(this,
|
|
51
|
+
z(this, vt, null);
|
|
52
|
+
O(this, w, i), O(this, y, r), Rt.register(a(this, w));
|
|
53
53
|
}
|
|
54
54
|
get size() {
|
|
55
|
-
return a(this,
|
|
55
|
+
return a(this, At);
|
|
56
56
|
}
|
|
57
57
|
get position() {
|
|
58
58
|
return a(this, j);
|
|
59
59
|
}
|
|
60
60
|
destroy() {
|
|
61
|
-
|
|
61
|
+
Rt.unregister(a(this, w)), a(this, w).style.transform = "", this.mark(null);
|
|
62
62
|
}
|
|
63
63
|
setSize(i) {
|
|
64
|
-
i ? (a(this,
|
|
64
|
+
i ? (a(this, w).style.setProperty("--size", i + "px"), a(this, y).axisCSSProperty.current === "x" ? (a(this, w).style.width = i + "px", a(this, w).style.height = "") : (a(this, w).style.height = i + "px", a(this, w).style.width = "")) : (a(this, w).style.width = "", a(this, w).style.height = "", a(this, w).style.removeProperty("--size"));
|
|
65
65
|
}
|
|
66
66
|
resize() {
|
|
67
|
-
O(this,
|
|
67
|
+
O(this, At, a(this, y).vertical ? a(this, w).offsetHeight : a(this, w).offsetWidth), O(this, j, a(this, y).vertical ? Oe(a(this, w)) : Ae(a(this, w))), O(this, j, a(this, j) - a(this, y).contentPosition);
|
|
68
68
|
}
|
|
69
69
|
transform() {
|
|
70
70
|
let i = 0;
|
|
71
71
|
const r = a(this, y).viewportSize * a(this, y).sectionDistanceScaleCSSProperty.current;
|
|
72
|
-
a(this, y).infiniteCSSProperty.current && a(this, y).overscroll && a(this, j) + a(this,
|
|
73
|
-
a(this,
|
|
72
|
+
a(this, y).infiniteCSSProperty.current && a(this, y).overscroll && a(this, j) + a(this, At) < a(this, y).currentScrollValue && (i = a(this, y).distance * -1 - a(this, y).gap), Rt.update(
|
|
73
|
+
a(this, w),
|
|
74
74
|
a(this, y).axisCSSProperty.current,
|
|
75
75
|
i
|
|
76
76
|
);
|
|
77
|
-
const h = a(this, y).currentScrollValue + i, n = a(this, j) - a(this, y).viewportSize - r, p = a(this, j) + a(this,
|
|
78
|
-
a(this, y).vertical ? a(this,
|
|
77
|
+
const h = a(this, y).currentScrollValue + i, n = a(this, j) - a(this, y).viewportSize - r, p = a(this, j) + a(this, At) + r, d = Ps(h, n, p);
|
|
78
|
+
a(this, y).vertical ? a(this, w).style.transform = `translate3d(0px, ${d * -1}px, 0px)` : a(this, w).style.transform = `translate3d(${d * -1}px, 0px, 0px)`;
|
|
79
79
|
}
|
|
80
80
|
mark(i) {
|
|
81
|
-
a(this,
|
|
81
|
+
a(this, vt) !== i && (a(this, vt) && a(this, w).classList.remove(a(this, vt)), i && a(this, w).classList.add(i), O(this, vt, i), a(this, w).dispatchEvent(
|
|
82
82
|
new CustomEvent("sectionsChange", {
|
|
83
83
|
composed: !0,
|
|
84
84
|
detail: {
|
|
85
|
-
mark: a(this,
|
|
85
|
+
mark: a(this, vt)
|
|
86
86
|
}
|
|
87
87
|
})
|
|
88
88
|
));
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
|
|
92
|
-
const
|
|
91
|
+
w = new WeakMap(), y = new WeakMap(), At = new WeakMap(), j = new WeakMap(), vt = new WeakMap();
|
|
92
|
+
const ri = os({
|
|
93
93
|
":host": {
|
|
94
94
|
position: "relative",
|
|
95
95
|
width: "100%",
|
|
@@ -122,11 +122,11 @@ const ii = as({
|
|
|
122
122
|
flexShrink: "0"
|
|
123
123
|
}
|
|
124
124
|
});
|
|
125
|
-
let
|
|
125
|
+
let Ge = class extends Es {
|
|
126
126
|
constructor() {
|
|
127
|
-
super(), o(this,
|
|
127
|
+
super(), o(this, te), o(this, Dt), o(this, Be), o(this, He), o(this, ke), o(this, Pe), o(this, Je), o(this, Me), o(this, zt), o(this, Xe), o(this, S, null), o(this, A, new u(this, "--axis", "y")), o(this, et, new u(this, "--pages", 0, {
|
|
128
128
|
validate: (e) => Math.max(0, e - 1)
|
|
129
|
-
})), o(this, Q, new u(this, "--split", !1)), o(this, st, new u(this, "--sectional", !1)), o(this,
|
|
129
|
+
})), o(this, Q, new u(this, "--split", !1)), o(this, st, new u(this, "--sectional", !1)), o(this, wt, new u(this, "--auto-size", !1)), o(this, _t, new u(
|
|
130
130
|
this,
|
|
131
131
|
"--wheel-max-delta",
|
|
132
132
|
!1
|
|
@@ -134,30 +134,30 @@ let He = class extends Ms {
|
|
|
134
134
|
this,
|
|
135
135
|
"--sections-in-view",
|
|
136
136
|
1
|
|
137
|
-
)), o(this, T, new u(this, "--infinite", !1)), o(this,
|
|
137
|
+
)), o(this, T, new u(this, "--infinite", !1)), o(this, It, new u(this, "--damping", 20)), o(this, Bt, new u(this, "--mass", 0)), o(this, Ht, new u(this, "--stiffness", 0)), o(this, Gt, new u(this, "--mouse-drag", !1)), o(this, le, new u(
|
|
138
138
|
this,
|
|
139
139
|
"--section-distance-scale",
|
|
140
140
|
0.5
|
|
141
|
-
)), o(this, nt, new u(this, "--autoplay", 0)), o(this,
|
|
141
|
+
)), o(this, nt, new u(this, "--autoplay", 0)), o(this, qt, new u(
|
|
142
142
|
this,
|
|
143
143
|
"--autoplay-pause-duration",
|
|
144
144
|
0
|
|
145
|
-
)), o(this,
|
|
145
|
+
)), o(this, Ct, new u(
|
|
146
146
|
this,
|
|
147
147
|
"--autoplay-user-direction",
|
|
148
148
|
!1
|
|
149
|
-
)), o(this,
|
|
149
|
+
)), o(this, at, new u(this, "--classes", 0)), o(this, Vt, new u(
|
|
150
150
|
this,
|
|
151
151
|
"--current-index-offset",
|
|
152
152
|
0
|
|
153
|
-
)), o(this,
|
|
153
|
+
)), o(this, Nt, new u(this, "--disabled", !1)), o(this, Ut, new u(this, "--hibernated", !1)), o(this, g, null), o(this, Ie, null), o(this, c, []), o(this, Ce, 0), o(this, ye, 0), o(this, M, 0), o(this, C, 0), o(this, I, 0), o(this, X, null), o(this, Ft, null), o(this, ft, null), o(this, F, null), o(this, k, new gt(0)), o(this, ce, 0), o(this, yt, 0), o(this, ne, !0), o(this, ae, !0), o(this, B, () => {
|
|
154
154
|
t(this, S).unlistenAnimationFrame();
|
|
155
155
|
const e = this.currentScrollValue / t(this, C) || 0, i = t(this, k).current;
|
|
156
|
-
if (
|
|
156
|
+
if (_(this, Ce, this.vertical ? Oe(this) : Ae(this)), _(this, ye, this.vertical ? Oe(t(this, g)) : Ae(t(this, g))), _(this, M, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? _(this, I, vs.parse(
|
|
157
157
|
getComputedStyle(t(this, g)).rowGap
|
|
158
|
-
)) :
|
|
158
|
+
)) : _(this, I, vs.parse(
|
|
159
159
|
getComputedStyle(t(this, g)).columnGap
|
|
160
|
-
)), t(this,
|
|
160
|
+
)), t(this, wt).current && t(this, c).length) {
|
|
161
161
|
const r = t(this, K).current, h = (t(this, M) - t(this, I) * (r - 1)) / r;
|
|
162
162
|
t(this, c).forEach((n) => {
|
|
163
163
|
n.setSize(h);
|
|
@@ -169,20 +169,20 @@ let He = class extends Ms {
|
|
|
169
169
|
if (t(this, c).forEach((r) => {
|
|
170
170
|
r.resize();
|
|
171
171
|
}), t(this, et).current) {
|
|
172
|
-
|
|
172
|
+
_(this, C, t(this, M) * t(this, et).current);
|
|
173
173
|
const r = t(this, C) + t(this, M);
|
|
174
174
|
this.vertical ? (t(this, g).style.width = r + "px", t(this, g).style.height = "100%") : (t(this, g).style.height = r + "px", t(this, g).style.width = "100%");
|
|
175
175
|
} else
|
|
176
|
-
this.vertical ? (t(this, g).style.width = "100%", t(this, g).style.height = "max-content",
|
|
176
|
+
this.vertical ? (t(this, g).style.width = "100%", t(this, g).style.height = "max-content", _(this, C, t(this, g).offsetHeight - t(this, M))) : (t(this, g).style.width = "max-content", t(this, g).style.height = "100%", _(this, C, t(this, g).offsetWidth - t(this, M)));
|
|
177
177
|
if (!t(this, T).current) {
|
|
178
178
|
const r = getComputedStyle(this), h = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
|
|
179
|
-
|
|
179
|
+
_(this, C, t(this, C) + h), t(this, S).max = t(this, C);
|
|
180
180
|
}
|
|
181
181
|
if (t(this, T).current && t(this, c).length) {
|
|
182
182
|
const r = t(this, c)[t(this, c).length - 1], h = r.position + r.size - t(this, M), n = t(this, C) - h;
|
|
183
|
-
|
|
183
|
+
_(this, yt, r.position + r.size + n);
|
|
184
184
|
} else
|
|
185
|
-
|
|
185
|
+
_(this, yt, t(this, C));
|
|
186
186
|
if (t(this, st).current && t(this, c).length) {
|
|
187
187
|
const r = t(this, c)[i];
|
|
188
188
|
t(this, S).set(r.position, {
|
|
@@ -192,9 +192,9 @@ let He = class extends Ms {
|
|
|
192
192
|
t(this, S).set(e * t(this, C), {
|
|
193
193
|
equalize: !0
|
|
194
194
|
});
|
|
195
|
-
}), o(this,
|
|
195
|
+
}), o(this, qe, () => {
|
|
196
196
|
const e = this.currentScrollValue;
|
|
197
|
-
if (
|
|
197
|
+
if (_(this, ce, Math.max(0, e - t(this, C))), t(this, c).length) {
|
|
198
198
|
let i = 0;
|
|
199
199
|
for (let r = 0; r < t(this, c).length; r++) {
|
|
200
200
|
const h = t(this, c)[r];
|
|
@@ -203,87 +203,89 @@ let He = class extends Ms {
|
|
|
203
203
|
t(this, k).current = i;
|
|
204
204
|
} else
|
|
205
205
|
this.vertical ? t(this, g).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, g).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
206
|
-
|
|
206
|
+
Rt.update(
|
|
207
207
|
this,
|
|
208
208
|
t(this, A).current,
|
|
209
209
|
e
|
|
210
210
|
);
|
|
211
|
-
}), o(this,
|
|
211
|
+
}), o(this, ue, (e, i) => {
|
|
212
212
|
t(this, F).pauseAndContinue(
|
|
213
|
-
t(this,
|
|
214
|
-
), t(this,
|
|
215
|
-
}), o(this,
|
|
216
|
-
if (!(e === "drag" && !
|
|
213
|
+
t(this, qt).current
|
|
214
|
+
), t(this, Ct).current && (t(this, F).direction = Math.sign(i) || 1), t(this, We).call(this, e, i);
|
|
215
|
+
}), o(this, We, (e, i) => {
|
|
216
|
+
if (!(e === "drag" && !Xs.isMobile && !t(this, Gt).current))
|
|
217
217
|
if (t(this, st).current) {
|
|
218
218
|
const r = Math.sign(i);
|
|
219
219
|
t(this, c).length ? this.shiftSections(r) : t(this, S).shift(r * t(this, M));
|
|
220
220
|
} else
|
|
221
221
|
t(this, S).shift(i);
|
|
222
|
-
}),
|
|
222
|
+
}), hs && (_(this, S, new Ms(0, {
|
|
223
223
|
damping: 0.01,
|
|
224
224
|
min: 0,
|
|
225
|
-
order:
|
|
226
|
-
})), this.openShadow(
|
|
225
|
+
order: Ws.SCROLL
|
|
226
|
+
})), this.openShadow(ri), as(this, {
|
|
227
227
|
tabIndex: 0,
|
|
228
228
|
children: [
|
|
229
|
-
|
|
229
|
+
Ue({
|
|
230
230
|
class: "static",
|
|
231
|
-
children: [
|
|
231
|
+
children: [Re({ name: "static" })]
|
|
232
232
|
}),
|
|
233
|
-
|
|
233
|
+
Ue({
|
|
234
234
|
class: "content",
|
|
235
|
-
children: [
|
|
235
|
+
children: [Re({ ref: (e) => _(this, Ie, e) })],
|
|
236
236
|
style: {
|
|
237
|
-
flexDirection: new
|
|
237
|
+
flexDirection: new qs(
|
|
238
238
|
t(this, A),
|
|
239
239
|
(e) => e === "x" ? "row" : "column"
|
|
240
240
|
)
|
|
241
241
|
},
|
|
242
|
-
ref: (e) =>
|
|
242
|
+
ref: (e) => _(this, g, e)
|
|
243
243
|
})
|
|
244
244
|
]
|
|
245
|
-
}),
|
|
246
|
-
t(this,
|
|
247
|
-
),
|
|
245
|
+
}), _(this, X, new Us({ element: t(this, g) })), t(this, X).changeEvent.subscribe(
|
|
246
|
+
t(this, ue)
|
|
247
|
+
), _(this, Ft, new Ks({
|
|
248
248
|
element: this
|
|
249
|
-
})), t(this,
|
|
250
|
-
t(this,
|
|
251
|
-
),
|
|
252
|
-
t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, X).axis = t(this,
|
|
253
|
-
}), t(this,
|
|
249
|
+
})), t(this, Ft).changeEvent.subscribe(
|
|
250
|
+
t(this, ue)
|
|
251
|
+
), _(this, ft, new Zs({ element: t(this, g) })), t(this, ft).changeEvent.subscribe(t(this, ue)), _(this, F, new Js()), t(this, F).changeEvent.subscribe(t(this, We)), t(this, A).subscribe(({ current: e }) => {
|
|
252
|
+
t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, X).axis = t(this, _t).current ? "max" : e, t(this, Ft).dimension = e === "x" ? "width" : "height", t(this, ft).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, B).call(this);
|
|
253
|
+
}), t(this, _t).subscribe((e) => {
|
|
254
254
|
t(this, X).axis = e.current ? "max" : t(this, A).current;
|
|
255
255
|
}), t(this, et).subscribe(() => {
|
|
256
256
|
this.isConnected && t(this, B).call(this);
|
|
257
257
|
}), t(this, Q).subscribe(({ current: e }) => {
|
|
258
|
-
this.isConnected && (e ?
|
|
258
|
+
this.isConnected && (e ? b(this, te, be).call(this) : b(this, Dt, se).call(this));
|
|
259
259
|
}), t(this, st).subscribe((e) => {
|
|
260
|
-
t(this, X).debounce = e.current, t(this,
|
|
261
|
-
}), t(this,
|
|
262
|
-
this.isConnected && (t(this, B).call(this), e.current && !e.previous && !t(this, c).length ?
|
|
260
|
+
t(this, X).debounce = e.current, t(this, ft).swipe = e.current, t(this, F).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, c).length ? b(this, te, be).call(this) : !e.current && e.previous && t(this, c).length && b(this, Dt, se).call(this));
|
|
261
|
+
}), t(this, wt).subscribe((e) => {
|
|
262
|
+
this.isConnected && (t(this, B).call(this), e.current && !e.previous && !t(this, c).length ? b(this, te, be).call(this) : !e.current && e.previous && t(this, c).length && b(this, Dt, se).call(this));
|
|
263
263
|
}), t(this, K).subscribe((e) => {
|
|
264
|
-
this.isConnected && (t(this, B).call(this),
|
|
264
|
+
this.isConnected && (t(this, B).call(this), b(this, zt, ee).call(this));
|
|
265
265
|
}), t(this, T).subscribe((e) => {
|
|
266
|
-
e.current ? (this.isConnected && (t(this, c).length || (t(this, Q).current = !0)), t(this, c).length && (t(this, S).max = 1 / 0, t(this, S).min = -1 / 0)) : (
|
|
267
|
-
}), t(this,
|
|
266
|
+
e.current ? (this.isConnected && (t(this, c).length || (t(this, Q).current = !0)), t(this, c).length && (t(this, S).max = 1 / 0, t(this, S).min = -1 / 0)) : (_(this, ce, 0), t(this, S).max = t(this, C), t(this, S).min = 0);
|
|
267
|
+
}), t(this, It).subscribe((e) => {
|
|
268
268
|
t(this, S).damping = e.current;
|
|
269
|
-
}), t(this,
|
|
269
|
+
}), t(this, Bt).subscribe((e) => {
|
|
270
270
|
t(this, S).mass = e.current;
|
|
271
|
-
}), t(this,
|
|
271
|
+
}), t(this, Ht).subscribe((e) => {
|
|
272
272
|
t(this, S).stiffness = e.current;
|
|
273
|
-
}), t(this,
|
|
274
|
-
e.current && !e.previous ?
|
|
275
|
-
}), t(this,
|
|
276
|
-
e.current && !e.previous ?
|
|
273
|
+
}), t(this, Nt).subscribe((e) => {
|
|
274
|
+
e.current && !e.previous ? b(this, Be, cs).call(this) : !e.current && e.previous && b(this, He, us).call(this);
|
|
275
|
+
}), t(this, Ut).subscribe((e) => {
|
|
276
|
+
e.current && !e.previous ? b(this, ke, Ke).call(this) : !e.current && e.previous && b(this, Pe, Ze).call(this);
|
|
277
277
|
}), t(this, nt).subscribe((e) => {
|
|
278
278
|
t(this, F).speed = e.current, e.current && !e.previous ? t(this, F).connect() : !e.current && e.previous && t(this, F).disconnect();
|
|
279
|
-
}), t(this,
|
|
279
|
+
}), t(this, Ct).subscribe((e) => {
|
|
280
280
|
e.current || (t(this, F).direction = 1);
|
|
281
|
-
}), t(this,
|
|
282
|
-
this.isConnected &&
|
|
281
|
+
}), t(this, at).subscribe((e) => {
|
|
282
|
+
this.isConnected && b(this, zt, ee).call(this);
|
|
283
|
+
}), t(this, Vt).subscribe((e) => {
|
|
284
|
+
this.isConnected && t(this, at).current && b(this, zt, ee).call(this);
|
|
283
285
|
}), t(this, S).isRunning.subscribe((e) => {
|
|
284
286
|
this.classList.toggle("active", e.current);
|
|
285
287
|
}), t(this, k).subscribe((e) => {
|
|
286
|
-
t(this, c).length &&
|
|
288
|
+
t(this, c).length && b(this, zt, ee).call(this);
|
|
287
289
|
}));
|
|
288
290
|
}
|
|
289
291
|
get damped() {
|
|
@@ -302,10 +304,10 @@ let He = class extends Ms {
|
|
|
302
304
|
return t(this, st);
|
|
303
305
|
}
|
|
304
306
|
get autoSizeCSSProperty() {
|
|
305
|
-
return t(this,
|
|
307
|
+
return t(this, wt);
|
|
306
308
|
}
|
|
307
309
|
get wheelMaxDeltaCSSProperty() {
|
|
308
|
-
return t(this,
|
|
310
|
+
return t(this, _t);
|
|
309
311
|
}
|
|
310
312
|
get sectionsInViewCSSProperty() {
|
|
311
313
|
return t(this, K);
|
|
@@ -314,43 +316,46 @@ let He = class extends Ms {
|
|
|
314
316
|
return t(this, T);
|
|
315
317
|
}
|
|
316
318
|
get dampingCSSProperty() {
|
|
317
|
-
return t(this,
|
|
319
|
+
return t(this, It);
|
|
318
320
|
}
|
|
319
321
|
get massCSSProperty() {
|
|
320
|
-
return t(this,
|
|
322
|
+
return t(this, Bt);
|
|
321
323
|
}
|
|
322
324
|
get stiffnessCSSProperty() {
|
|
323
|
-
return t(this,
|
|
325
|
+
return t(this, Ht);
|
|
324
326
|
}
|
|
325
327
|
get mouseDragCSSProperty() {
|
|
326
|
-
return t(this,
|
|
328
|
+
return t(this, Gt);
|
|
327
329
|
}
|
|
328
330
|
get sectionDistanceScaleCSSProperty() {
|
|
329
|
-
return t(this,
|
|
331
|
+
return t(this, le);
|
|
330
332
|
}
|
|
331
333
|
get autoplayCSSProperty() {
|
|
332
334
|
return t(this, nt);
|
|
333
335
|
}
|
|
334
336
|
get autoplayPauseDurationCSSProperty() {
|
|
335
|
-
return t(this,
|
|
337
|
+
return t(this, qt);
|
|
336
338
|
}
|
|
337
339
|
get autoplayUserDirectionCSSProperty() {
|
|
338
|
-
return t(this,
|
|
340
|
+
return t(this, Ct);
|
|
341
|
+
}
|
|
342
|
+
get classesCSSProperty() {
|
|
343
|
+
return t(this, at);
|
|
339
344
|
}
|
|
340
345
|
get currentIndexOffsetCSSProperty() {
|
|
341
|
-
return t(this,
|
|
346
|
+
return t(this, Vt);
|
|
342
347
|
}
|
|
343
348
|
get disabledCSSProperty() {
|
|
344
|
-
return t(this,
|
|
349
|
+
return t(this, Nt);
|
|
345
350
|
}
|
|
346
351
|
get hibernatedCSSProperty() {
|
|
347
|
-
return t(this,
|
|
352
|
+
return t(this, Ut);
|
|
348
353
|
}
|
|
349
354
|
get currentScrollValue() {
|
|
350
|
-
return
|
|
355
|
+
return b(this, Me, Qe).call(this, "current");
|
|
351
356
|
}
|
|
352
357
|
get targetScrollValue() {
|
|
353
|
-
return
|
|
358
|
+
return b(this, Me, Qe).call(this, "target");
|
|
354
359
|
}
|
|
355
360
|
get contentElement() {
|
|
356
361
|
return t(this, g);
|
|
@@ -359,10 +364,10 @@ let He = class extends Ms {
|
|
|
359
364
|
return t(this, c);
|
|
360
365
|
}
|
|
361
366
|
get position() {
|
|
362
|
-
return t(this,
|
|
367
|
+
return t(this, Ce);
|
|
363
368
|
}
|
|
364
369
|
get contentPosition() {
|
|
365
|
-
return t(this,
|
|
370
|
+
return t(this, ye);
|
|
366
371
|
}
|
|
367
372
|
get viewportSize() {
|
|
368
373
|
return t(this, M);
|
|
@@ -380,13 +385,13 @@ let He = class extends Ms {
|
|
|
380
385
|
return t(this, c).length - t(this, K).current;
|
|
381
386
|
}
|
|
382
387
|
get distance() {
|
|
383
|
-
return t(this,
|
|
388
|
+
return t(this, yt);
|
|
384
389
|
}
|
|
385
390
|
get infiniteDistance() {
|
|
386
|
-
return t(this, T).current ? t(this,
|
|
391
|
+
return t(this, T).current ? t(this, yt) + t(this, I) : t(this, yt);
|
|
387
392
|
}
|
|
388
393
|
get overscroll() {
|
|
389
|
-
return t(this,
|
|
394
|
+
return t(this, ce);
|
|
390
395
|
}
|
|
391
396
|
get vertical() {
|
|
392
397
|
return t(this, A).current === "y";
|
|
@@ -425,12 +430,12 @@ let He = class extends Ms {
|
|
|
425
430
|
if (!t(this, c).length)
|
|
426
431
|
return;
|
|
427
432
|
const r = t(this, k).current;
|
|
428
|
-
|
|
433
|
+
b(this, Je, Ls).call(this, e);
|
|
429
434
|
const h = t(this, c)[r], n = t(this, c)[t(this, k).current];
|
|
430
435
|
if (h && n) {
|
|
431
436
|
let p = 0;
|
|
432
|
-
const d =
|
|
433
|
-
t(this, T).current ? t(this, k).current === 0 && r === t(this, c).length - 1 ? p = t(this, C) + t(this, M) - h.position + t(this, I) : t(this, k).current === t(this, c).length - 1 && r === 0 ? p = n.position - (t(this, C) + t(this, M) + t(this, I)) : p = n.position - h.position : p = n.position - h.position, t(this, S).shift(p -
|
|
437
|
+
const d = b(this, Xe, Vs).call(this), Gs = d ? this.targetScrollValue - d.position : 0;
|
|
438
|
+
t(this, T).current ? t(this, k).current === 0 && r === t(this, c).length - 1 ? p = t(this, C) + t(this, M) - h.position + t(this, I) : t(this, k).current === t(this, c).length - 1 && r === 0 ? p = n.position - (t(this, C) + t(this, M) + t(this, I)) : p = n.position - h.position : p = n.position - h.position, t(this, S).shift(p - Gs, {
|
|
434
439
|
equalize: i === "instant"
|
|
435
440
|
});
|
|
436
441
|
}
|
|
@@ -444,10 +449,10 @@ let He = class extends Ms {
|
|
|
444
449
|
});
|
|
445
450
|
}
|
|
446
451
|
connectedCallback() {
|
|
447
|
-
t(this, A).observe(), t(this, et).observe(), t(this, Q).observe(), t(this, st).observe(), t(this,
|
|
452
|
+
t(this, A).observe(), t(this, et).observe(), t(this, Q).observe(), t(this, st).observe(), t(this, wt).observe(), t(this, _t).observe(), t(this, K).observe(), t(this, T).observe(), t(this, It).observe(), t(this, Bt).observe(), t(this, Ht).observe(), t(this, Gt).observe(), t(this, le).observe(), t(this, nt).observe(), t(this, nt).observe(), t(this, qt).observe(), t(this, Ct).observe(), t(this, at).observe(), t(this, Vt).observe(), t(this, Nt).observe(), t(this, Ut).observe(), b(this, Pe, Ze).call(this);
|
|
448
453
|
}
|
|
449
454
|
disconnectedCallback() {
|
|
450
|
-
t(this, A).unobserve(), t(this, et).unobserve(), t(this, Q).unobserve(), t(this, st).unobserve(), t(this,
|
|
455
|
+
t(this, A).unobserve(), t(this, et).unobserve(), t(this, Q).unobserve(), t(this, st).unobserve(), t(this, wt).unobserve(), t(this, _t).unobserve(), t(this, K).unobserve(), t(this, T).unobserve(), t(this, It).unobserve(), t(this, Bt).unobserve(), t(this, Ht).unobserve(), t(this, Gt).unobserve(), t(this, le).unobserve(), t(this, nt).unobserve(), t(this, qt).unobserve(), t(this, Ct).unobserve(), t(this, at).unobserve(), t(this, Vt).unobserve(), t(this, Nt).unobserve(), t(this, Ut).unobserve(), b(this, ke, Ke).call(this);
|
|
451
456
|
}
|
|
452
457
|
};
|
|
453
458
|
S = /* @__PURE__ */ new WeakMap();
|
|
@@ -455,102 +460,103 @@ A = /* @__PURE__ */ new WeakMap();
|
|
|
455
460
|
et = /* @__PURE__ */ new WeakMap();
|
|
456
461
|
Q = /* @__PURE__ */ new WeakMap();
|
|
457
462
|
st = /* @__PURE__ */ new WeakMap();
|
|
458
|
-
bt = /* @__PURE__ */ new WeakMap();
|
|
459
463
|
wt = /* @__PURE__ */ new WeakMap();
|
|
464
|
+
_t = /* @__PURE__ */ new WeakMap();
|
|
460
465
|
K = /* @__PURE__ */ new WeakMap();
|
|
461
466
|
T = /* @__PURE__ */ new WeakMap();
|
|
462
|
-
Rt = /* @__PURE__ */ new WeakMap();
|
|
463
|
-
Tt = /* @__PURE__ */ new WeakMap();
|
|
464
467
|
It = /* @__PURE__ */ new WeakMap();
|
|
465
468
|
Bt = /* @__PURE__ */ new WeakMap();
|
|
466
|
-
ae = /* @__PURE__ */ new WeakMap();
|
|
467
|
-
nt = /* @__PURE__ */ new WeakMap();
|
|
468
469
|
Ht = /* @__PURE__ */ new WeakMap();
|
|
469
|
-
_t = /* @__PURE__ */ new WeakMap();
|
|
470
|
-
Lt = /* @__PURE__ */ new WeakMap();
|
|
471
470
|
Gt = /* @__PURE__ */ new WeakMap();
|
|
471
|
+
le = /* @__PURE__ */ new WeakMap();
|
|
472
|
+
nt = /* @__PURE__ */ new WeakMap();
|
|
472
473
|
qt = /* @__PURE__ */ new WeakMap();
|
|
474
|
+
Ct = /* @__PURE__ */ new WeakMap();
|
|
475
|
+
at = /* @__PURE__ */ new WeakMap();
|
|
476
|
+
Vt = /* @__PURE__ */ new WeakMap();
|
|
477
|
+
Nt = /* @__PURE__ */ new WeakMap();
|
|
478
|
+
Ut = /* @__PURE__ */ new WeakMap();
|
|
473
479
|
g = /* @__PURE__ */ new WeakMap();
|
|
474
|
-
|
|
480
|
+
Ie = /* @__PURE__ */ new WeakMap();
|
|
475
481
|
c = /* @__PURE__ */ new WeakMap();
|
|
476
|
-
_e = /* @__PURE__ */ new WeakMap();
|
|
477
482
|
Ce = /* @__PURE__ */ new WeakMap();
|
|
483
|
+
ye = /* @__PURE__ */ new WeakMap();
|
|
478
484
|
M = /* @__PURE__ */ new WeakMap();
|
|
479
485
|
C = /* @__PURE__ */ new WeakMap();
|
|
480
486
|
I = /* @__PURE__ */ new WeakMap();
|
|
481
487
|
X = /* @__PURE__ */ new WeakMap();
|
|
482
|
-
|
|
483
|
-
|
|
488
|
+
Ft = /* @__PURE__ */ new WeakMap();
|
|
489
|
+
ft = /* @__PURE__ */ new WeakMap();
|
|
484
490
|
F = /* @__PURE__ */ new WeakMap();
|
|
485
491
|
k = /* @__PURE__ */ new WeakMap();
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
e instanceof HTMLElement && t(this, c).push(new
|
|
492
|
+
ce = /* @__PURE__ */ new WeakMap();
|
|
493
|
+
yt = /* @__PURE__ */ new WeakMap();
|
|
494
|
+
ne = /* @__PURE__ */ new WeakMap();
|
|
495
|
+
ae = /* @__PURE__ */ new WeakMap();
|
|
496
|
+
te = /* @__PURE__ */ new WeakSet();
|
|
497
|
+
be = function() {
|
|
498
|
+
b(this, Dt, se).call(this), t(this, Ie).assignedElements().forEach((e) => {
|
|
499
|
+
e instanceof HTMLElement && t(this, c).push(new ii(e, this));
|
|
494
500
|
}), t(this, g).style.transform = "", this.dispatchEvent(
|
|
495
501
|
new CustomEvent("sectionsChange", {
|
|
496
502
|
composed: !0
|
|
497
503
|
})
|
|
498
|
-
), t(this, B).call(this),
|
|
504
|
+
), t(this, B).call(this), b(this, zt, ee).call(this);
|
|
499
505
|
};
|
|
500
|
-
|
|
501
|
-
|
|
506
|
+
Dt = /* @__PURE__ */ new WeakSet();
|
|
507
|
+
se = function() {
|
|
502
508
|
t(this, c).forEach((e) => {
|
|
503
509
|
e.destroy();
|
|
504
|
-
}),
|
|
510
|
+
}), _(this, c, []), t(this, k).current = 0, t(this, S).reset(), this.dispatchEvent(
|
|
505
511
|
new CustomEvent("sectionsChange", {
|
|
506
512
|
composed: !0
|
|
507
513
|
})
|
|
508
514
|
);
|
|
509
515
|
};
|
|
510
|
-
Ie = /* @__PURE__ */ new WeakSet();
|
|
511
|
-
ls = function() {
|
|
512
|
-
t(this, re) || (w(this, re, !0), t(this, S).unsubscribe(t(this, Ge)), t(this, S).unlistenAnimationFrame(), t(this, X).disconnect(), t(this, zt).disconnect(), t(this, pt).disconnect(), t(this, F).disconnect());
|
|
513
|
-
};
|
|
514
516
|
Be = /* @__PURE__ */ new WeakSet();
|
|
515
517
|
cs = function() {
|
|
516
|
-
t(this,
|
|
518
|
+
t(this, ne) || (_(this, ne, !0), t(this, S).unsubscribe(t(this, qe)), t(this, S).unlistenAnimationFrame(), t(this, X).disconnect(), t(this, Ft).disconnect(), t(this, ft).disconnect(), t(this, F).disconnect());
|
|
517
519
|
};
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
t(this,
|
|
520
|
+
He = /* @__PURE__ */ new WeakSet();
|
|
521
|
+
us = function() {
|
|
522
|
+
t(this, ne) && (_(this, ne, !1), t(this, S).subscribe(t(this, qe)), t(this, X).connect(), t(this, Ft).connect(), t(this, ft).connect(), t(this, nt).current && t(this, F).connect());
|
|
521
523
|
};
|
|
522
524
|
ke = /* @__PURE__ */ new WeakSet();
|
|
523
525
|
Ke = function() {
|
|
524
|
-
t(this,
|
|
526
|
+
t(this, ae) || (_(this, ae, !0), he.unsubscribe(t(this, B)), Te.unsubscribe(t(this, B)), t(this, S).reset(), b(this, Be, cs).call(this), t(this, g).style.transform = "", t(this, Q).current && b(this, Dt, se).call(this), Rt.unregister(this));
|
|
527
|
+
};
|
|
528
|
+
Pe = /* @__PURE__ */ new WeakSet();
|
|
529
|
+
Ze = function() {
|
|
530
|
+
t(this, ae) && (_(this, ae, !1), t(this, Q).current && b(this, te, be).call(this), Rt.register(this), he.subscribe(t(this, B), ns.SCROLL), Te.subscribe(this, t(this, B)), b(this, He, us).call(this));
|
|
525
531
|
};
|
|
526
532
|
B = /* @__PURE__ */ new WeakMap();
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
t(this, T).current ? (t(this, k).current = e % t(this, c).length, t(this, k).current = t(this, k).current < 0 ? t(this, c).length + t(this, k).current : t(this, k).current) : t(this, k).current =
|
|
533
|
+
qe = /* @__PURE__ */ new WeakMap();
|
|
534
|
+
Je = /* @__PURE__ */ new WeakSet();
|
|
535
|
+
Ls = function(e) {
|
|
536
|
+
t(this, T).current ? (t(this, k).current = e % t(this, c).length, t(this, k).current = t(this, k).current < 0 ? t(this, c).length + t(this, k).current : t(this, k).current) : t(this, k).current = Ps(e, 0, this.limit);
|
|
531
537
|
};
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
538
|
+
ue = /* @__PURE__ */ new WeakMap();
|
|
539
|
+
We = /* @__PURE__ */ new WeakMap();
|
|
540
|
+
Me = /* @__PURE__ */ new WeakSet();
|
|
541
|
+
Qe = function(e = "current") {
|
|
536
542
|
if (t(this, T).current && t(this, c).length) {
|
|
537
543
|
const i = t(this, S)[e] % (t(this, C) + t(this, M) + t(this, I));
|
|
538
544
|
return i < 0 ? t(this, C) + i + t(this, M) + t(this, I) : i;
|
|
539
545
|
} else
|
|
540
546
|
return t(this, S)[e];
|
|
541
547
|
};
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
if (t(this, c).length) {
|
|
545
|
-
const e = t(this, k).current + t(this,
|
|
548
|
+
zt = /* @__PURE__ */ new WeakSet();
|
|
549
|
+
ee = function() {
|
|
550
|
+
if (t(this, at).current && t(this, c).length) {
|
|
551
|
+
const e = t(this, k).current + t(this, Vt).current;
|
|
546
552
|
e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end"), t(this, c).forEach((i, r) => {
|
|
547
553
|
const h = e - this.limit - 1, n = e + t(this, K).current, p = this.sections.length - n;
|
|
548
554
|
r >= e && r < n || r <= h ? i.mark("current") : r >= n && r < n + p / 2 || r <= h + t(this, K).current ? i.mark("next") : i.mark("previous");
|
|
549
555
|
});
|
|
550
556
|
}
|
|
551
557
|
};
|
|
552
|
-
|
|
553
|
-
|
|
558
|
+
Xe = /* @__PURE__ */ new WeakSet();
|
|
559
|
+
Vs = function() {
|
|
554
560
|
let e = null, i = 1 / 0;
|
|
555
561
|
for (let r = 0; r < t(this, c).length; r++) {
|
|
556
562
|
const h = Math.abs(t(this, c)[r].position - this.targetScrollValue);
|
|
@@ -558,11 +564,11 @@ Ls = function() {
|
|
|
558
564
|
}
|
|
559
565
|
return e !== null ? t(this, c)[e] : null;
|
|
560
566
|
};
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
],
|
|
567
|
+
Ge = si([
|
|
568
|
+
oe("e-scroll")
|
|
569
|
+
], Ge);
|
|
564
570
|
var ge;
|
|
565
|
-
class
|
|
571
|
+
class Ne extends Es {
|
|
566
572
|
constructor() {
|
|
567
573
|
super(...arguments);
|
|
568
574
|
z(this, ge, null);
|
|
@@ -571,28 +577,28 @@ class qe extends Ms {
|
|
|
571
577
|
return a(this, ge);
|
|
572
578
|
}
|
|
573
579
|
connectedCallback() {
|
|
574
|
-
const r =
|
|
575
|
-
r instanceof
|
|
580
|
+
const r = js(this, Ge);
|
|
581
|
+
r instanceof Ge ? O(this, ge, r) : console.error(this, "e-scroll not found");
|
|
576
582
|
}
|
|
577
583
|
}
|
|
578
584
|
ge = new WeakMap();
|
|
579
|
-
var
|
|
580
|
-
for (var n = h > 1 ? void 0 : h ?
|
|
585
|
+
var hi = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ai = (e, i, r, h) => {
|
|
586
|
+
for (var n = h > 1 ? void 0 : h ? ni(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
581
587
|
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
582
|
-
return h && n &&
|
|
583
|
-
},
|
|
588
|
+
return h && n && hi(i, r, n), n;
|
|
589
|
+
}, zs = (e, i, r) => {
|
|
584
590
|
if (!i.has(e))
|
|
585
591
|
throw TypeError("Cannot " + r);
|
|
586
|
-
}, f = (e, i, r) => (
|
|
592
|
+
}, f = (e, i, r) => (zs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), N = (e, i, r) => {
|
|
587
593
|
if (i.has(e))
|
|
588
594
|
throw TypeError("Cannot add the same private member more than once");
|
|
589
595
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
590
|
-
},
|
|
591
|
-
const
|
|
596
|
+
}, bt = (e, i, r, h) => (zs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), pe, R, it, rt, fe, de, Kt, Ee, xe, Le;
|
|
597
|
+
const oi = os({
|
|
592
598
|
":host": {
|
|
593
599
|
display: "inline-block",
|
|
594
600
|
zIndex: "1",
|
|
595
|
-
backgroundColor:
|
|
601
|
+
backgroundColor: ms.colorLight.var
|
|
596
602
|
},
|
|
597
603
|
':host([axis="y"])': {
|
|
598
604
|
position: "absolute",
|
|
@@ -609,7 +615,7 @@ const ai = as({
|
|
|
609
615
|
height: "1vmin"
|
|
610
616
|
},
|
|
611
617
|
".default-thumb": {
|
|
612
|
-
backgroundColor:
|
|
618
|
+
backgroundColor: ms.colorDark.var,
|
|
613
619
|
borderRadius: "1vmin",
|
|
614
620
|
touchAction: "none"
|
|
615
621
|
},
|
|
@@ -617,20 +623,20 @@ const ai = as({
|
|
|
617
623
|
touchAction: "none"
|
|
618
624
|
}
|
|
619
625
|
});
|
|
620
|
-
let
|
|
626
|
+
let bs = class extends Ne {
|
|
621
627
|
constructor() {
|
|
622
|
-
super(), N(this,
|
|
623
|
-
|
|
628
|
+
super(), N(this, pe, null), N(this, R, null), N(this, it, !1), N(this, rt, 0), N(this, fe, 0), N(this, de, 0), N(this, Kt, () => {
|
|
629
|
+
bt(this, it, this.offsetWidth > this.offsetHeight);
|
|
624
630
|
const e = f(this, it) ? this.offsetWidth : this.offsetHeight;
|
|
625
|
-
|
|
626
|
-
}), N(this, Me, () => {
|
|
627
|
-
mt(this, pe, this.scrollElement.currentProgress * f(this, ue)), f(this, it) ? f(this, R).style.transform = `translate3d(${f(this, pe)}px, 0px, 0px)` : f(this, R).style.transform = `translate3d(0px, ${f(this, pe)}px, 0px)`;
|
|
631
|
+
bt(this, rt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), bt(this, rt, Math.max(f(this, rt), 30)), f(this, it) ? (f(this, R).style.width = f(this, rt) + "px", f(this, R).style.height = "100%") : (f(this, R).style.width = "100%", f(this, R).style.height = f(this, rt) + "px"), bt(this, fe, e - f(this, rt)), this.scrollElement.scrollSize || (this.style.display = "none");
|
|
628
632
|
}), N(this, Ee, () => {
|
|
633
|
+
bt(this, de, this.scrollElement.currentProgress * f(this, fe)), f(this, it) ? f(this, R).style.transform = `translate3d(${f(this, de)}px, 0px, 0px)` : f(this, R).style.transform = `translate3d(0px, ${f(this, de)}px, 0px)`;
|
|
634
|
+
}), N(this, xe, () => {
|
|
629
635
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
630
|
-
}), N(this,
|
|
631
|
-
document.documentElement.classList.add("grabbing"),
|
|
636
|
+
}), N(this, Le, (e) => {
|
|
637
|
+
document.documentElement.classList.add("grabbing"), Ys(
|
|
632
638
|
(h) => {
|
|
633
|
-
const n = f(this, it) ? h.x : h.y, p = this.scrollElement.distance / f(this,
|
|
639
|
+
const n = f(this, it) ? h.x : h.y, p = this.scrollElement.distance / f(this, fe), d = (n - r) * p;
|
|
634
640
|
this.scrollElement.setPosition(i + d);
|
|
635
641
|
},
|
|
636
642
|
() => {
|
|
@@ -638,13 +644,13 @@ let ms = class extends qe {
|
|
|
638
644
|
}
|
|
639
645
|
);
|
|
640
646
|
const i = this.scrollElement.targetScrollValue, r = f(this, it) ? e.x : e.y;
|
|
641
|
-
}),
|
|
647
|
+
}), hs && (this.openShadow(oi), as(this, {
|
|
642
648
|
slot: "static",
|
|
643
649
|
"drag-dead-zone": "",
|
|
644
650
|
children: [
|
|
645
|
-
|
|
646
|
-
ref: (e) =>
|
|
647
|
-
children:
|
|
651
|
+
Re({
|
|
652
|
+
ref: (e) => bt(this, pe, e),
|
|
653
|
+
children: Ue({ class: "default-thumb" })
|
|
648
654
|
})
|
|
649
655
|
]
|
|
650
656
|
}));
|
|
@@ -654,164 +660,164 @@ let ms = class extends qe {
|
|
|
654
660
|
}
|
|
655
661
|
connectedCallback() {
|
|
656
662
|
super.connectedCallback();
|
|
657
|
-
const e = f(this,
|
|
658
|
-
|
|
663
|
+
const e = f(this, pe).assignedElements()[0] || f(this, pe).firstElementChild;
|
|
664
|
+
bt(this, R, e), f(this, R).addEventListener("pointerdown", f(this, Le)), he.subscribe(f(this, Kt), ns.SCROLL + 1), Te.subscribe(this, f(this, Kt)), this.scrollElement.onScroll(f(this, Ee)), this.scrollElement.axisCSSProperty.subscribe(f(this, xe));
|
|
659
665
|
}
|
|
660
666
|
disconnectedCallback() {
|
|
661
|
-
f(this, R).removeEventListener("pointerdown", f(this,
|
|
667
|
+
f(this, R).removeEventListener("pointerdown", f(this, Le)), he.unsubscribe(f(this, Kt)), Te.unsubscribe(f(this, Kt)), this.scrollElement.offScroll(f(this, Ee)), this.scrollElement.axisCSSProperty.unsubscribe(f(this, xe));
|
|
662
668
|
}
|
|
663
669
|
};
|
|
664
|
-
|
|
670
|
+
pe = /* @__PURE__ */ new WeakMap();
|
|
665
671
|
R = /* @__PURE__ */ new WeakMap();
|
|
666
672
|
it = /* @__PURE__ */ new WeakMap();
|
|
667
673
|
rt = /* @__PURE__ */ new WeakMap();
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
Me = /* @__PURE__ */ new WeakMap();
|
|
674
|
+
fe = /* @__PURE__ */ new WeakMap();
|
|
675
|
+
de = /* @__PURE__ */ new WeakMap();
|
|
676
|
+
Kt = /* @__PURE__ */ new WeakMap();
|
|
672
677
|
Ee = /* @__PURE__ */ new WeakMap();
|
|
673
678
|
xe = /* @__PURE__ */ new WeakMap();
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
679
|
+
Le = /* @__PURE__ */ new WeakMap();
|
|
680
|
+
bs = ai([
|
|
681
|
+
oe("e-scrollbar")
|
|
682
|
+
], bs);
|
|
683
|
+
const li = os({
|
|
678
684
|
button: {
|
|
679
685
|
all: "inherit"
|
|
680
686
|
}
|
|
681
687
|
});
|
|
682
|
-
class
|
|
688
|
+
class $s extends Ne {
|
|
683
689
|
constructor() {
|
|
684
|
-
super(), this.openShadow(
|
|
690
|
+
super(), this.openShadow(li), hs && as(this, {
|
|
685
691
|
children: [
|
|
686
|
-
|
|
692
|
+
Qs({
|
|
687
693
|
onClick: () => {
|
|
688
694
|
this.handleClick();
|
|
689
695
|
},
|
|
690
|
-
children: [
|
|
696
|
+
children: [Re()]
|
|
691
697
|
})
|
|
692
698
|
]
|
|
693
699
|
});
|
|
694
700
|
}
|
|
695
701
|
}
|
|
696
|
-
var
|
|
697
|
-
for (var n = h > 1 ? void 0 : h ?
|
|
702
|
+
var ci = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, pi = (e, i, r, h) => {
|
|
703
|
+
for (var n = h > 1 ? void 0 : h ? ui(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
698
704
|
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
699
|
-
return h && n &&
|
|
705
|
+
return h && n && ci(i, r, n), n;
|
|
700
706
|
};
|
|
701
|
-
let gs = class extends
|
|
707
|
+
let gs = class extends $s {
|
|
702
708
|
handleClick() {
|
|
703
709
|
const e = this.getAttribute("index"), i = this.getAttribute("behaviour");
|
|
704
710
|
this.scrollElement.scrollToSection(parseInt(e || "0"), i);
|
|
705
711
|
}
|
|
706
712
|
};
|
|
707
|
-
gs =
|
|
708
|
-
|
|
713
|
+
gs = pi([
|
|
714
|
+
oe("e-scroll-set-button")
|
|
709
715
|
], gs);
|
|
710
|
-
var
|
|
711
|
-
for (var n = h > 1 ? void 0 : h ?
|
|
716
|
+
var fi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, Si = (e, i, r, h) => {
|
|
717
|
+
for (var n = h > 1 ? void 0 : h ? di(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
712
718
|
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
713
|
-
return h && n &&
|
|
719
|
+
return h && n && fi(i, r, n), n;
|
|
714
720
|
};
|
|
715
|
-
let
|
|
721
|
+
let ws = class extends $s {
|
|
716
722
|
handleClick() {
|
|
717
723
|
const e = this.getAttribute("step"), i = this.getAttribute("behaviour");
|
|
718
724
|
this.scrollElement.shiftSections(parseInt(e || "1"), i);
|
|
719
725
|
}
|
|
720
726
|
};
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
],
|
|
724
|
-
var
|
|
725
|
-
for (var n = h > 1 ? void 0 : h ?
|
|
727
|
+
ws = Si([
|
|
728
|
+
oe("e-scroll-step-button")
|
|
729
|
+
], ws);
|
|
730
|
+
var vi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, bi = (e, i, r, h) => {
|
|
731
|
+
for (var n = h > 1 ? void 0 : h ? mi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
726
732
|
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
727
|
-
return h && n &&
|
|
728
|
-
},
|
|
733
|
+
return h && n && vi(i, r, n), n;
|
|
734
|
+
}, Fs = (e, i, r) => {
|
|
729
735
|
if (!i.has(e))
|
|
730
736
|
throw TypeError("Cannot " + r);
|
|
731
|
-
},
|
|
737
|
+
}, Tt = (e, i, r) => (Fs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), _s = (e, i, r) => {
|
|
732
738
|
if (i.has(e))
|
|
733
739
|
throw TypeError("Cannot add the same private member more than once");
|
|
734
740
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
735
|
-
},
|
|
741
|
+
}, Cs = (e, i, r, h) => (Fs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), kt, Se, tt, mt, ie, we, _e, re;
|
|
736
742
|
class gi {
|
|
737
743
|
constructor(i, r, h) {
|
|
738
744
|
z(this, tt, void 0);
|
|
739
|
-
z(this,
|
|
740
|
-
z(this,
|
|
741
|
-
z(this,
|
|
742
|
-
z(this,
|
|
743
|
-
a(this,
|
|
745
|
+
z(this, mt, void 0);
|
|
746
|
+
z(this, ie, void 0);
|
|
747
|
+
z(this, we, void 0);
|
|
748
|
+
z(this, _e, () => {
|
|
749
|
+
a(this, mt).scrollToSection(a(this, ie), a(this, we));
|
|
744
750
|
});
|
|
745
|
-
z(this,
|
|
751
|
+
z(this, re, () => {
|
|
746
752
|
a(this, tt).classList.toggle(
|
|
747
753
|
"current",
|
|
748
|
-
a(this,
|
|
754
|
+
a(this, mt).counter.current === a(this, ie)
|
|
749
755
|
);
|
|
750
756
|
});
|
|
751
|
-
O(this, tt, document.createElement("button")), O(this,
|
|
757
|
+
O(this, tt, document.createElement("button")), O(this, mt, i), O(this, we, h), O(this, ie, r), a(this, tt).addEventListener("click", a(this, _e)), a(this, mt).counter.subscribe(a(this, re)), a(this, re).call(this);
|
|
752
758
|
}
|
|
753
759
|
get element() {
|
|
754
760
|
return a(this, tt);
|
|
755
761
|
}
|
|
756
762
|
destroy() {
|
|
757
|
-
a(this, tt).removeEventListener("click", a(this,
|
|
763
|
+
a(this, tt).removeEventListener("click", a(this, _e)), a(this, mt).counter.unsubscribe(a(this, re)), a(this, tt).remove();
|
|
758
764
|
}
|
|
759
765
|
}
|
|
760
|
-
tt = new WeakMap(),
|
|
761
|
-
let
|
|
766
|
+
tt = new WeakMap(), mt = new WeakMap(), ie = new WeakMap(), we = new WeakMap(), _e = new WeakMap(), re = new WeakMap();
|
|
767
|
+
let ys = class extends Ne {
|
|
762
768
|
constructor() {
|
|
763
|
-
super(...arguments),
|
|
764
|
-
|
|
769
|
+
super(...arguments), _s(this, kt, []), _s(this, Se, xs(() => {
|
|
770
|
+
Tt(this, kt).forEach((e) => e.destroy()), Cs(this, kt, []);
|
|
765
771
|
for (let e = 0; e < this.scrollElement.sections.length; e++) {
|
|
766
772
|
const i = new gi(
|
|
767
773
|
this.scrollElement,
|
|
768
774
|
e,
|
|
769
775
|
this.getAttribute("behaviour") || "smooth"
|
|
770
776
|
);
|
|
771
|
-
this.appendChild(i.element),
|
|
777
|
+
this.appendChild(i.element), Tt(this, kt).push(i);
|
|
772
778
|
}
|
|
773
779
|
}, 0));
|
|
774
780
|
}
|
|
775
781
|
connectedCallback() {
|
|
776
782
|
super.connectedCallback(), this.scrollElement.addEventListener(
|
|
777
783
|
"sectionsChange",
|
|
778
|
-
|
|
779
|
-
),
|
|
784
|
+
Tt(this, Se)
|
|
785
|
+
), Tt(this, Se).call(this);
|
|
780
786
|
}
|
|
781
787
|
disconnectedCallback() {
|
|
782
788
|
this.scrollElement.removeEventListener(
|
|
783
789
|
"sectionsChange",
|
|
784
|
-
|
|
785
|
-
),
|
|
790
|
+
Tt(this, Se)
|
|
791
|
+
), Tt(this, kt).forEach((e) => e.destroy()), Cs(this, kt, []);
|
|
786
792
|
}
|
|
787
793
|
};
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
],
|
|
793
|
-
var
|
|
794
|
-
for (var n = h > 1 ? void 0 : h ?
|
|
794
|
+
kt = /* @__PURE__ */ new WeakMap();
|
|
795
|
+
Se = /* @__PURE__ */ new WeakMap();
|
|
796
|
+
ys = bi([
|
|
797
|
+
oe("e-scroll-bullet-buttons")
|
|
798
|
+
], ys);
|
|
799
|
+
var wi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, Ci = (e, i, r, h) => {
|
|
800
|
+
for (var n = h > 1 ? void 0 : h ? _i(i, r) : i, p = e.length - 1, d; p >= 0; p--)
|
|
795
801
|
(d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
|
|
796
|
-
return h && n &&
|
|
797
|
-
},
|
|
802
|
+
return h && n && wi(i, r, n), n;
|
|
803
|
+
}, ps = (e, i, r) => {
|
|
798
804
|
if (!i.has(e))
|
|
799
805
|
throw TypeError("Cannot " + r);
|
|
800
|
-
}, s = (e, i, r) => (
|
|
806
|
+
}, s = (e, i, r) => (ps(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
|
|
801
807
|
if (i.has(e))
|
|
802
808
|
throw TypeError("Cannot add the same private member more than once");
|
|
803
809
|
i instanceof WeakSet ? i.add(e) : i.set(e, r);
|
|
804
|
-
}, m = (e, i, r, h) => (
|
|
805
|
-
let
|
|
810
|
+
}, m = (e, i, r, h) => (ps(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), W = (e, i, r) => (ps(e, i, "access private method"), r), Zt, Jt, Qt, Xt, Pt, Wt, Mt, Et, D, H, G, q, $t, x, ot, lt, ct, ut, pt, E, J, Z, dt, St, Y, Ve, v, Yt, jt, ze, L, xt, $, V, U, ve, Ot, P, Ye, Ds, je, Os, ts, As, es, Rs, ss, Ts, is, Is, $e, me, ht, Lt, fs, Bs, ds, Hs, Fe, rs, De;
|
|
811
|
+
let ks = class extends Ne {
|
|
806
812
|
constructor() {
|
|
807
|
-
super(), l(this,
|
|
813
|
+
super(), l(this, Ye), l(this, je), l(this, ts), l(this, es), l(this, ss), l(this, is), l(this, ht), l(this, fs), l(this, ds), l(this, Fe), l(this, Zt, new u(this, "--damping", 20)), l(this, Jt, new u(this, "--mass", 0)), l(this, Qt, new u(this, "--stiffness", 0)), l(this, Xt, new u(this, "--target", "")), l(this, Pt, new u(this, "--disabled", !1)), l(this, Wt, new u(
|
|
808
814
|
this,
|
|
809
815
|
"--distance-offset",
|
|
810
816
|
0,
|
|
811
817
|
{ rawValueCheck: !1 }
|
|
812
|
-
)), l(this,
|
|
818
|
+
)), l(this, Mt, new u(this, "--start-offset", 0, {
|
|
813
819
|
rawValueCheck: !1
|
|
814
|
-
})), l(this,
|
|
820
|
+
})), l(this, Et, new u(
|
|
815
821
|
this,
|
|
816
822
|
"--capture-once",
|
|
817
823
|
!1
|
|
@@ -823,7 +829,7 @@ let ys = class extends qe {
|
|
|
823
829
|
this,
|
|
824
830
|
"--captured-from-finish",
|
|
825
831
|
""
|
|
826
|
-
)), l(this,
|
|
832
|
+
)), l(this, $t, new u(
|
|
827
833
|
this,
|
|
828
834
|
"--released-from-start",
|
|
829
835
|
""
|
|
@@ -831,26 +837,26 @@ let ys = class extends qe {
|
|
|
831
837
|
this,
|
|
832
838
|
"--released-from-finish",
|
|
833
839
|
""
|
|
834
|
-
)), l(this,
|
|
835
|
-
s(this, P) || (this.resize(), s(this,
|
|
836
|
-
}), l(this,
|
|
837
|
-
!s(this, P) && s(this,
|
|
838
|
-
}), l(this,
|
|
839
|
-
const e =
|
|
840
|
+
)), l(this, ot, new u(this, "--passed-var", "")), l(this, lt, new u(this, "--progress-var", "")), l(this, ct, new u(this, "--distance-var", "")), l(this, ut, new u(this, "--start-var", "")), l(this, pt, new u(this, "--finish-var", "")), l(this, E, new gt(!1)), l(this, J, new gt(!1)), l(this, Z, new gt(!1)), l(this, dt, new gt(!1)), l(this, St, new gt(!1)), l(this, Y, new gt(!1)), l(this, Ve, []), l(this, v, this), l(this, Yt, 0), l(this, jt, 0), l(this, ze, 0), l(this, L, new Ms(0, { order: Ws.SCROLL - 1, min: 0, max: 1 })), l(this, xt, 0), l(this, $, 0), l(this, V, 0), l(this, U, 0), l(this, ve, !1), l(this, Ot, !1), l(this, P, !0), l(this, $e, () => {
|
|
841
|
+
s(this, P) || (this.resize(), s(this, me).call(this));
|
|
842
|
+
}), l(this, me, () => {
|
|
843
|
+
!s(this, P) && s(this, ve) && this.tick();
|
|
844
|
+
}), l(this, De, xs(() => {
|
|
845
|
+
const e = Rt.getAll(this).reverse();
|
|
840
846
|
let i = 0;
|
|
841
847
|
e.forEach((r, h) => {
|
|
842
848
|
r.element === this.scrollElement && (i = h);
|
|
843
|
-
}), m(this,
|
|
849
|
+
}), m(this, Ve, e.slice(i + 1));
|
|
844
850
|
}, 0));
|
|
845
851
|
}
|
|
846
852
|
get distanceOffsetCSSProperty() {
|
|
847
|
-
return s(this,
|
|
853
|
+
return s(this, Wt);
|
|
848
854
|
}
|
|
849
855
|
get startOffsetCSSProperty() {
|
|
850
|
-
return s(this,
|
|
856
|
+
return s(this, Mt);
|
|
851
857
|
}
|
|
852
858
|
get captureOnceCSSProperty() {
|
|
853
|
-
return s(this,
|
|
859
|
+
return s(this, Et);
|
|
854
860
|
}
|
|
855
861
|
get capturedCSSProperty() {
|
|
856
862
|
return s(this, D);
|
|
@@ -865,40 +871,40 @@ let ys = class extends qe {
|
|
|
865
871
|
return s(this, q);
|
|
866
872
|
}
|
|
867
873
|
get releasedFromStartCSSProperty() {
|
|
868
|
-
return s(this,
|
|
874
|
+
return s(this, $t);
|
|
869
875
|
}
|
|
870
876
|
get releasedFromFinishCSSProperty() {
|
|
871
877
|
return s(this, x);
|
|
872
878
|
}
|
|
873
879
|
get passedVarCSSProperty() {
|
|
874
|
-
return s(this,
|
|
880
|
+
return s(this, ot);
|
|
875
881
|
}
|
|
876
882
|
get progressVarCSSProperty() {
|
|
877
|
-
return s(this,
|
|
883
|
+
return s(this, lt);
|
|
878
884
|
}
|
|
879
885
|
get distanceVarCSSProperty() {
|
|
880
|
-
return s(this,
|
|
886
|
+
return s(this, ct);
|
|
881
887
|
}
|
|
882
888
|
get startVarCSSProperty() {
|
|
883
|
-
return s(this,
|
|
889
|
+
return s(this, ut);
|
|
884
890
|
}
|
|
885
891
|
get finishVarCSSProperty() {
|
|
886
|
-
return s(this,
|
|
892
|
+
return s(this, pt);
|
|
887
893
|
}
|
|
888
894
|
get disabledCSSProperty() {
|
|
889
|
-
return s(this,
|
|
895
|
+
return s(this, Pt);
|
|
890
896
|
}
|
|
891
897
|
get dampingCSSProperty() {
|
|
892
|
-
return s(this,
|
|
898
|
+
return s(this, Zt);
|
|
893
899
|
}
|
|
894
900
|
get massCSSProperty() {
|
|
895
|
-
return s(this,
|
|
901
|
+
return s(this, Jt);
|
|
896
902
|
}
|
|
897
903
|
get stiffnessCSSProperty() {
|
|
898
|
-
return s(this,
|
|
904
|
+
return s(this, Qt);
|
|
899
905
|
}
|
|
900
906
|
get targetCSSProperty() {
|
|
901
|
-
return s(this,
|
|
907
|
+
return s(this, Xt);
|
|
902
908
|
}
|
|
903
909
|
get isCaptured() {
|
|
904
910
|
return s(this, E);
|
|
@@ -910,25 +916,25 @@ let ys = class extends qe {
|
|
|
910
916
|
return s(this, Z);
|
|
911
917
|
}
|
|
912
918
|
get isReleasedFromStart() {
|
|
913
|
-
return s(this,
|
|
919
|
+
return s(this, dt);
|
|
914
920
|
}
|
|
915
921
|
get isCapturedFromFinish() {
|
|
916
|
-
return s(this,
|
|
922
|
+
return s(this, St);
|
|
917
923
|
}
|
|
918
924
|
get isReleasedFromFinish() {
|
|
919
925
|
return s(this, Y);
|
|
920
926
|
}
|
|
921
927
|
get directionPosition() {
|
|
922
|
-
return s(this,
|
|
928
|
+
return s(this, Yt);
|
|
923
929
|
}
|
|
924
930
|
get directionSize() {
|
|
925
|
-
return s(this,
|
|
931
|
+
return s(this, jt);
|
|
926
932
|
}
|
|
927
933
|
get passed() {
|
|
928
934
|
return s(this, L);
|
|
929
935
|
}
|
|
930
936
|
get progress() {
|
|
931
|
-
return s(this,
|
|
937
|
+
return s(this, xt);
|
|
932
938
|
}
|
|
933
939
|
get start() {
|
|
934
940
|
return s(this, $);
|
|
@@ -940,86 +946,86 @@ let ys = class extends qe {
|
|
|
940
946
|
return s(this, V);
|
|
941
947
|
}
|
|
942
948
|
get isCapturedOnce() {
|
|
943
|
-
return s(this,
|
|
949
|
+
return s(this, Ot);
|
|
944
950
|
}
|
|
945
951
|
get isDisabled() {
|
|
946
952
|
return s(this, P);
|
|
947
953
|
}
|
|
948
954
|
resize() {
|
|
949
|
-
m(this,
|
|
955
|
+
m(this, jt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), m(this, Yt, this.scrollElement.vertical ? Oe(this, this.scrollElement) : Ae(this, this.scrollElement)), m(this, $, this.getStart()), m(this, V, this.getDistance()), m(this, $, s(this, $) + s(this, Mt).current), m(this, V, s(this, V) + s(this, Wt).current), m(this, U, s(this, $) + s(this, V)), this.scrollElement.currentScrollValue > s(this, U) && !s(this, E).current && !s(this, J).current && (s(this, E).current = !0), this.setVar(s(this, ut).current, s(this, $)), this.setVar(s(this, pt).current, s(this, U)), this.setVar(s(this, ct).current, s(this, V)), s(this, L).max = s(this, V), m(this, ve, !0);
|
|
950
956
|
}
|
|
951
957
|
tick() {
|
|
952
958
|
let e = this.scrollElement.currentScrollValue;
|
|
953
|
-
s(this,
|
|
959
|
+
s(this, Ve).forEach((r) => {
|
|
954
960
|
e += r.value;
|
|
955
961
|
}), s(this, L).set(e - s(this, $));
|
|
956
962
|
const i = Math.round(e);
|
|
957
|
-
s(this, E).current && (i > s(this, $) ? s(this, Z).current || W(this,
|
|
958
|
-
|
|
959
|
-
), W(this,
|
|
963
|
+
s(this, E).current && (i > s(this, $) ? s(this, Z).current || W(this, ts, As).call(this) : s(this, Z).current && !s(this, dt).current && W(this, ss, Ts).call(this), i < s(this, U) ? s(this, Y).current && !s(this, St).current && W(this, es, Rs).call(this) : s(this, Z).current && !s(this, Y).current && W(this, is, Is).call(this)), i > s(this, $) && i < s(this, U) ? s(this, E).current || W(this, Ye, Ds).call(this) : s(this, E).current && (s(this, L).set(
|
|
964
|
+
Ns(s(this, V) / 2, s(this, L).current, 0, s(this, V))
|
|
965
|
+
), W(this, je, Os).call(this)), s(this, Ot) && s(this, Et).current && (s(this, D).current && s(this, v).classList.add(s(this, D).current), m(this, P, !0));
|
|
960
966
|
}
|
|
961
967
|
disable() {
|
|
962
|
-
this.style.cssText = "", m(this,
|
|
968
|
+
this.style.cssText = "", m(this, Yt, 0), m(this, jt, 0), s(this, L).reset(), m(this, xt, 0), m(this, $, 0), m(this, V, 0), m(this, U, 0), m(this, ve, !1), s(this, E).current = !1, s(this, J).current = !1, s(this, Z).current = !1, s(this, dt).current = !1, s(this, St).current = !1, s(this, Y).current = !1, m(this, Ot, !1), m(this, P, !0), W(this, Fe, rs).call(this);
|
|
963
969
|
}
|
|
964
970
|
enable() {
|
|
965
971
|
m(this, P, !1);
|
|
966
972
|
}
|
|
967
973
|
connectedCallback() {
|
|
968
|
-
super.connectedCallback(), s(this,
|
|
974
|
+
super.connectedCallback(), s(this, Zt).observe(), s(this, Jt).observe(), s(this, Qt).observe(), s(this, Xt).observe(), s(this, Pt).observe(), s(this, Wt).observe(), s(this, Mt).observe(), s(this, Et).observe(), s(this, D).observe(), s(this, H).observe(), s(this, G).observe(), s(this, q).observe(), s(this, $t).observe(), s(this, x).observe(), s(this, ot).observe(), s(this, lt).observe(), s(this, ct).observe(), s(this, ut).observe(), s(this, pt).observe();
|
|
969
975
|
let e = !1;
|
|
970
976
|
this.scrollElement.addEventListener(
|
|
971
977
|
"sectionsChange",
|
|
972
|
-
s(this,
|
|
973
|
-
), s(this,
|
|
978
|
+
s(this, De)
|
|
979
|
+
), s(this, De).call(this), s(this, Pt).current || this.enable(), s(this, Zt).subscribe((i) => {
|
|
974
980
|
s(this, L).damping = i.current;
|
|
975
|
-
}), s(this,
|
|
981
|
+
}), s(this, Jt).subscribe((i) => {
|
|
976
982
|
s(this, L).mass = i.current;
|
|
977
|
-
}), s(this,
|
|
983
|
+
}), s(this, Qt).subscribe((i) => {
|
|
978
984
|
s(this, L).stiffness = i.current;
|
|
979
|
-
}), s(this,
|
|
980
|
-
i.previous && W(this,
|
|
981
|
-
}), s(this,
|
|
985
|
+
}), s(this, Xt).subscribe((i) => {
|
|
986
|
+
i.previous && W(this, Fe, rs).call(this), i.current ? i.current === "parent" ? m(this, v, this.parentElement || this) : m(this, v, document.querySelector(i.current) || this) : m(this, v, this);
|
|
987
|
+
}), s(this, Pt).subscribe((i) => {
|
|
982
988
|
i.current && !i.previous ? this.disable() : !i.current && i.previous && (this.resize(), this.enable());
|
|
983
|
-
}), s(this,
|
|
989
|
+
}), s(this, Mt).subscribe(() => {
|
|
984
990
|
e && !s(this, P) && this.resize();
|
|
985
|
-
}), s(this,
|
|
991
|
+
}), s(this, Wt).subscribe(() => {
|
|
986
992
|
e && !s(this, P) && this.resize();
|
|
987
993
|
}), s(this, D).subscribe((i) => {
|
|
988
|
-
W(this, ht,
|
|
994
|
+
W(this, ht, Lt).call(this, i);
|
|
989
995
|
}), s(this, G).subscribe((i) => {
|
|
990
|
-
W(this, ht,
|
|
996
|
+
W(this, ht, Lt).call(this, i);
|
|
991
997
|
}), s(this, q).subscribe((i) => {
|
|
992
|
-
W(this, ht,
|
|
998
|
+
W(this, ht, Lt).call(this, i);
|
|
993
999
|
}), s(this, H).subscribe((i) => {
|
|
994
|
-
W(this, ht,
|
|
995
|
-
}), s(this,
|
|
996
|
-
W(this, ht,
|
|
1000
|
+
W(this, ht, Lt).call(this, i);
|
|
1001
|
+
}), s(this, $t).subscribe((i) => {
|
|
1002
|
+
W(this, ht, Lt).call(this, i);
|
|
997
1003
|
}), s(this, x).subscribe((i) => {
|
|
998
|
-
W(this, ht,
|
|
999
|
-
}), s(this,
|
|
1004
|
+
W(this, ht, Lt).call(this, i);
|
|
1005
|
+
}), s(this, Et).subscribe((i) => {
|
|
1000
1006
|
s(this, P) || !i.current && i.previous && (this.resize(), this.enable());
|
|
1001
|
-
}), s(this, at).subscribe((i) => {
|
|
1002
|
-
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, this.passed.current));
|
|
1003
1007
|
}), s(this, ot).subscribe((i) => {
|
|
1004
|
-
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current,
|
|
1005
|
-
}), s(this,
|
|
1006
|
-
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this,
|
|
1008
|
+
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, this.passed.current));
|
|
1009
|
+
}), s(this, lt).subscribe((i) => {
|
|
1010
|
+
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, xt)));
|
|
1007
1011
|
}), s(this, ut).subscribe((i) => {
|
|
1012
|
+
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, $)));
|
|
1013
|
+
}), s(this, pt).subscribe((i) => {
|
|
1008
1014
|
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, U)));
|
|
1009
|
-
}), s(this,
|
|
1015
|
+
}), s(this, ct).subscribe((i) => {
|
|
1010
1016
|
s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, V)));
|
|
1011
1017
|
}), s(this, L).subscribe((i) => {
|
|
1012
|
-
m(this,
|
|
1013
|
-
s(this,
|
|
1018
|
+
m(this, xt, s(this, L).current / s(this, V) || 0), this.setVar(
|
|
1019
|
+
s(this, ot).current,
|
|
1014
1020
|
s(this, L).current.toFixed(6)
|
|
1015
1021
|
), this.setVar(
|
|
1016
|
-
s(this,
|
|
1017
|
-
s(this,
|
|
1022
|
+
s(this, lt).current,
|
|
1023
|
+
s(this, xt).toFixed(6)
|
|
1018
1024
|
);
|
|
1019
|
-
}),
|
|
1025
|
+
}), he.subscribe(s(this, $e), ns.SEGMENT), this.scrollElement.onScroll(s(this, me)), e = !0;
|
|
1020
1026
|
}
|
|
1021
1027
|
disconnectedCallback() {
|
|
1022
|
-
|
|
1028
|
+
he.unsubscribe(s(this, $e)), this.scrollElement.offScroll(s(this, me)), s(this, Zt).close(), s(this, Jt).close(), s(this, Qt).close(), s(this, Xt).close(), s(this, Pt).close(), s(this, Wt).close(), s(this, Mt).close(), s(this, Et).close(), s(this, D).close(), s(this, H).close(), s(this, G).close(), s(this, q).close(), s(this, $t).close(), s(this, x).close(), s(this, ot).close(), s(this, lt).close(), s(this, ct).close(), s(this, ut).close(), s(this, pt).close(), s(this, E).close(), s(this, J).close(), s(this, Z).close(), s(this, dt).close(), s(this, St).close(), s(this, Y).close(), this.disable();
|
|
1023
1029
|
}
|
|
1024
1030
|
removeVar(e) {
|
|
1025
1031
|
e && s(this, v).style.removeProperty(`--${e}`);
|
|
@@ -1028,125 +1034,125 @@ let ys = class extends qe {
|
|
|
1028
1034
|
e && s(this, v).style.setProperty(`--${e}`, i.toString());
|
|
1029
1035
|
}
|
|
1030
1036
|
getDistance() {
|
|
1031
|
-
return s(this,
|
|
1037
|
+
return s(this, jt) + s(this, ze);
|
|
1032
1038
|
}
|
|
1033
1039
|
getStart() {
|
|
1034
|
-
return s(this,
|
|
1040
|
+
return s(this, Yt) - s(this, ze);
|
|
1035
1041
|
}
|
|
1036
1042
|
};
|
|
1037
|
-
Ut = /* @__PURE__ */ new WeakMap();
|
|
1038
|
-
Kt = /* @__PURE__ */ new WeakMap();
|
|
1039
1043
|
Zt = /* @__PURE__ */ new WeakMap();
|
|
1040
1044
|
Jt = /* @__PURE__ */ new WeakMap();
|
|
1041
|
-
|
|
1045
|
+
Qt = /* @__PURE__ */ new WeakMap();
|
|
1046
|
+
Xt = /* @__PURE__ */ new WeakMap();
|
|
1042
1047
|
Pt = /* @__PURE__ */ new WeakMap();
|
|
1043
1048
|
Wt = /* @__PURE__ */ new WeakMap();
|
|
1044
1049
|
Mt = /* @__PURE__ */ new WeakMap();
|
|
1050
|
+
Et = /* @__PURE__ */ new WeakMap();
|
|
1045
1051
|
D = /* @__PURE__ */ new WeakMap();
|
|
1046
1052
|
H = /* @__PURE__ */ new WeakMap();
|
|
1047
1053
|
G = /* @__PURE__ */ new WeakMap();
|
|
1048
1054
|
q = /* @__PURE__ */ new WeakMap();
|
|
1049
|
-
|
|
1055
|
+
$t = /* @__PURE__ */ new WeakMap();
|
|
1050
1056
|
x = /* @__PURE__ */ new WeakMap();
|
|
1051
|
-
at = /* @__PURE__ */ new WeakMap();
|
|
1052
1057
|
ot = /* @__PURE__ */ new WeakMap();
|
|
1053
1058
|
lt = /* @__PURE__ */ new WeakMap();
|
|
1054
1059
|
ct = /* @__PURE__ */ new WeakMap();
|
|
1055
1060
|
ut = /* @__PURE__ */ new WeakMap();
|
|
1061
|
+
pt = /* @__PURE__ */ new WeakMap();
|
|
1056
1062
|
E = /* @__PURE__ */ new WeakMap();
|
|
1057
1063
|
J = /* @__PURE__ */ new WeakMap();
|
|
1058
1064
|
Z = /* @__PURE__ */ new WeakMap();
|
|
1059
|
-
ft = /* @__PURE__ */ new WeakMap();
|
|
1060
1065
|
dt = /* @__PURE__ */ new WeakMap();
|
|
1066
|
+
St = /* @__PURE__ */ new WeakMap();
|
|
1061
1067
|
Y = /* @__PURE__ */ new WeakMap();
|
|
1062
|
-
Le = /* @__PURE__ */ new WeakMap();
|
|
1063
|
-
v = /* @__PURE__ */ new WeakMap();
|
|
1064
|
-
Qt = /* @__PURE__ */ new WeakMap();
|
|
1065
|
-
Xt = /* @__PURE__ */ new WeakMap();
|
|
1066
1068
|
Ve = /* @__PURE__ */ new WeakMap();
|
|
1069
|
+
v = /* @__PURE__ */ new WeakMap();
|
|
1070
|
+
Yt = /* @__PURE__ */ new WeakMap();
|
|
1071
|
+
jt = /* @__PURE__ */ new WeakMap();
|
|
1072
|
+
ze = /* @__PURE__ */ new WeakMap();
|
|
1067
1073
|
L = /* @__PURE__ */ new WeakMap();
|
|
1068
|
-
|
|
1074
|
+
xt = /* @__PURE__ */ new WeakMap();
|
|
1069
1075
|
$ = /* @__PURE__ */ new WeakMap();
|
|
1070
1076
|
V = /* @__PURE__ */ new WeakMap();
|
|
1071
1077
|
U = /* @__PURE__ */ new WeakMap();
|
|
1072
|
-
|
|
1073
|
-
|
|
1078
|
+
ve = /* @__PURE__ */ new WeakMap();
|
|
1079
|
+
Ot = /* @__PURE__ */ new WeakMap();
|
|
1074
1080
|
P = /* @__PURE__ */ new WeakMap();
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
s(this, E).current = !0, s(this, J).current = !1, m(this,
|
|
1081
|
+
Ye = /* @__PURE__ */ new WeakSet();
|
|
1082
|
+
Ds = function() {
|
|
1083
|
+
s(this, E).current = !0, s(this, J).current = !1, m(this, Ot, !0), s(this, H).current && s(this, v).classList.remove(s(this, H).current), s(this, x).current && s(this, v).classList.remove(
|
|
1078
1084
|
s(this, x).current
|
|
1079
1085
|
), s(this, x).current && s(this, v).classList.remove(
|
|
1080
1086
|
s(this, x).current
|
|
1081
1087
|
), s(this, D).current && s(this, v).classList.add(s(this, D).current);
|
|
1082
1088
|
};
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
s(this, J).current = !0, s(this, E).current = !1, m(this,
|
|
1089
|
+
je = /* @__PURE__ */ new WeakSet();
|
|
1090
|
+
Os = function() {
|
|
1091
|
+
s(this, J).current = !0, s(this, E).current = !1, m(this, Ot, !0), s(this, D).current && s(this, v).classList.remove(s(this, D).current), s(this, G).current && s(this, v).classList.remove(
|
|
1086
1092
|
s(this, G).current
|
|
1087
1093
|
), s(this, q).current && s(this, v).classList.remove(
|
|
1088
1094
|
s(this, q).current
|
|
1089
1095
|
), s(this, H).current && s(this, v).classList.add(s(this, H).current);
|
|
1090
1096
|
};
|
|
1091
|
-
je = /* @__PURE__ */ new WeakSet();
|
|
1092
|
-
Os = function() {
|
|
1093
|
-
s(this, E).current = !0, s(this, Z).current = !0, s(this, ft).current = !1, s(this, G).current && s(this, v).classList.add(
|
|
1094
|
-
s(this, G).current
|
|
1095
|
-
);
|
|
1096
|
-
};
|
|
1097
1097
|
ts = /* @__PURE__ */ new WeakSet();
|
|
1098
1098
|
As = function() {
|
|
1099
|
-
s(this, E).current = !0, s(this,
|
|
1100
|
-
s(this,
|
|
1099
|
+
s(this, E).current = !0, s(this, Z).current = !0, s(this, dt).current = !1, s(this, G).current && s(this, v).classList.add(
|
|
1100
|
+
s(this, G).current
|
|
1101
1101
|
);
|
|
1102
1102
|
};
|
|
1103
1103
|
es = /* @__PURE__ */ new WeakSet();
|
|
1104
1104
|
Rs = function() {
|
|
1105
|
-
s(this,
|
|
1106
|
-
s(this,
|
|
1105
|
+
s(this, E).current = !0, s(this, St).current = !0, s(this, Y).current = !1, s(this, q).current && s(this, v).classList.add(
|
|
1106
|
+
s(this, q).current
|
|
1107
1107
|
);
|
|
1108
1108
|
};
|
|
1109
1109
|
ss = /* @__PURE__ */ new WeakSet();
|
|
1110
1110
|
Ts = function() {
|
|
1111
|
-
s(this, J).current = !0, s(this,
|
|
1111
|
+
s(this, J).current = !0, s(this, dt).current = !0, s(this, Z).current = !1, s(this, x).current && s(this, v).classList.add(
|
|
1112
1112
|
s(this, x).current
|
|
1113
1113
|
);
|
|
1114
1114
|
};
|
|
1115
|
-
|
|
1116
|
-
|
|
1115
|
+
is = /* @__PURE__ */ new WeakSet();
|
|
1116
|
+
Is = function() {
|
|
1117
|
+
s(this, J).current = !0, s(this, Y).current = !0, s(this, St).current = !1, s(this, x).current && s(this, v).classList.add(
|
|
1118
|
+
s(this, x).current
|
|
1119
|
+
);
|
|
1120
|
+
};
|
|
1121
|
+
$e = /* @__PURE__ */ new WeakMap();
|
|
1122
|
+
me = /* @__PURE__ */ new WeakMap();
|
|
1117
1123
|
ht = /* @__PURE__ */ new WeakSet();
|
|
1118
|
-
|
|
1124
|
+
Lt = function(e) {
|
|
1119
1125
|
if (s(this, P)) {
|
|
1120
1126
|
e.previous && s(this, v).classList.remove(e.previous), e.current && s(this, v).classList.remove(e.current);
|
|
1121
1127
|
return;
|
|
1122
1128
|
}
|
|
1123
1129
|
e.current && s(this, E).current ? (e.previous && s(this, v).classList.remove(e.previous), s(this, v).classList.add(e.current)) : !e.current && e.previous && s(this, v).classList.remove(e.previous);
|
|
1124
1130
|
};
|
|
1125
|
-
|
|
1126
|
-
|
|
1131
|
+
fs = /* @__PURE__ */ new WeakSet();
|
|
1132
|
+
Bs = function(...e) {
|
|
1127
1133
|
e.forEach((i) => {
|
|
1128
1134
|
i && s(this, v).classList.remove(i);
|
|
1129
1135
|
});
|
|
1130
1136
|
};
|
|
1131
|
-
|
|
1132
|
-
|
|
1137
|
+
ds = /* @__PURE__ */ new WeakSet();
|
|
1138
|
+
Hs = function(...e) {
|
|
1133
1139
|
e.forEach((i) => {
|
|
1134
1140
|
i && s(this, v).style.removeProperty(`--${i}`);
|
|
1135
1141
|
});
|
|
1136
1142
|
};
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
W(this,
|
|
1143
|
+
Fe = /* @__PURE__ */ new WeakSet();
|
|
1144
|
+
rs = function() {
|
|
1145
|
+
W(this, fs, Bs).call(this, s(this, D).current, s(this, G).current, s(this, q).current, s(this, H).current, s(this, $t).current, s(this, x).current), W(this, ds, Hs).call(this, s(this, ot).current, s(this, lt).current, s(this, ct).current, s(this, ut).current, s(this, pt).current);
|
|
1140
1146
|
};
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
],
|
|
1147
|
+
De = /* @__PURE__ */ new WeakMap();
|
|
1148
|
+
ks = Ci([
|
|
1149
|
+
oe("e-scroll-segment")
|
|
1150
|
+
], ks);
|
|
1145
1151
|
export {
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1152
|
+
ys as ScrollBulletButtonsElement,
|
|
1153
|
+
Ge as ScrollElement,
|
|
1154
|
+
ks as ScrollSegmentElement,
|
|
1149
1155
|
gs as ScrollSetButtonElement,
|
|
1150
|
-
|
|
1151
|
-
|
|
1156
|
+
ws as ScrollStepButtonElement,
|
|
1157
|
+
bs as ScrollbarElement
|
|
1152
1158
|
};
|