aptechka 0.50.25 → 0.50.26
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/index.cjs +1 -1
- package/lib/scroll/index.js +327 -327
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -1,122 +1,122 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
1
|
+
var Be = Object.defineProperty;
|
|
2
|
+
var Ie = Object.getOwnPropertySymbols;
|
|
3
|
+
var We = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var Ae = (u) => {
|
|
5
5
|
throw TypeError(u);
|
|
6
6
|
};
|
|
7
|
-
var
|
|
7
|
+
var ke = (u, n, e) => n in u ? Be(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, Me = (u, n) => {
|
|
8
8
|
for (var e in n || (n = {}))
|
|
9
|
-
|
|
10
|
-
if (
|
|
11
|
-
for (var e of
|
|
12
|
-
|
|
9
|
+
We.call(n, e) && ke(u, e, n[e]);
|
|
10
|
+
if (Ie)
|
|
11
|
+
for (var e of Ie(n))
|
|
12
|
+
Fe.call(n, e) && ke(u, e, n[e]);
|
|
13
13
|
return u;
|
|
14
14
|
};
|
|
15
|
-
var
|
|
16
|
-
var t = (u, n, e) => (
|
|
15
|
+
var ge = (u, n, e) => n.has(u) || Ae("Cannot " + e);
|
|
16
|
+
var t = (u, n, e) => (ge(u, n, "read from private field"), e ? e.call(u) : n.get(u)), s = (u, n, e) => n.has(u) ? Ae("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(u) : n.set(u, e), h = (u, n, e, i) => (ge(u, n, "write to private field"), i ? i.call(u, e) : n.set(u, e), e), l = (u, n, e) => (ge(u, n, "access private method"), e);
|
|
17
17
|
import { S as Ne } from "../Store-D2xCXENW.js";
|
|
18
18
|
import { i as H } from "../index-euf5anj6.js";
|
|
19
19
|
import { a as qe } from "../easings-Bni3YAAW.js";
|
|
20
20
|
import { d as Yt } from "../events-CsVF98U6.js";
|
|
21
|
-
import { c as
|
|
22
|
-
import { a as
|
|
23
|
-
import { c as
|
|
21
|
+
import { c as De } from "../jss-DtnXPEnq.js";
|
|
22
|
+
import { a as ve, g as Ce } from "../layout-DpZo-I0y.js";
|
|
23
|
+
import { c as Ve } from "../math-BOBiC4TN.js";
|
|
24
24
|
import { l as Ue } from "../number-DwCxt_Ck.js";
|
|
25
25
|
import "../ticker/index.js";
|
|
26
26
|
import { TICK_ORDER as Ge, RESIZE_ORDER as ye } from "../order/index.js";
|
|
27
27
|
import { D as Ke } from "../Damped-BXsGpI-B.js";
|
|
28
28
|
import { T as _e } from "../Tweened-BhDWLNF0.js";
|
|
29
29
|
import { WheelControls as Ze, KeyboardControls as je, DragControls as Je, AutoplayControls as Qe } from "../controls/index.js";
|
|
30
|
-
import { windowResizer as
|
|
30
|
+
import { windowResizer as Dt } from "../window-resizer/index.js";
|
|
31
31
|
import { scrollEntries as gt } from "../scroll-entries/index.js";
|
|
32
|
-
import { cssUnitParser as
|
|
32
|
+
import { cssUnitParser as Te } from "../css-unit-parser/index.js";
|
|
33
33
|
import { CSSProperty as p } from "../css-property/index.js";
|
|
34
34
|
import { device as Xe } from "../device/index.js";
|
|
35
|
-
import { elementResizer as
|
|
35
|
+
import { elementResizer as ie } from "../element-resizer/index.js";
|
|
36
36
|
import { s as Ye } from "../gestures-CcXV6fCp.js";
|
|
37
|
-
import { b as
|
|
37
|
+
import { b as Re } from "../dom-CVWzyXPH.js";
|
|
38
38
|
import { d as ts } from "../function-C10DGppn.js";
|
|
39
39
|
import { ScrollSegmentElement as es } from "../scroll-segment/index.js";
|
|
40
|
-
var
|
|
40
|
+
var b, Rt, g, vt, $, Y, Ct, yt, te;
|
|
41
41
|
class ss {
|
|
42
42
|
constructor(n, e, i) {
|
|
43
|
-
s(this,
|
|
44
|
-
s(this,
|
|
45
|
-
s(this,
|
|
43
|
+
s(this, yt);
|
|
44
|
+
s(this, b);
|
|
45
|
+
s(this, Rt);
|
|
46
46
|
s(this, g);
|
|
47
47
|
s(this, vt, 0);
|
|
48
|
-
s(this,
|
|
49
|
-
s(this,
|
|
50
|
-
s(this,
|
|
51
|
-
h(this,
|
|
48
|
+
s(this, $, 0);
|
|
49
|
+
s(this, Y, null);
|
|
50
|
+
s(this, Ct, 0);
|
|
51
|
+
h(this, b, n), h(this, Rt, e), h(this, g, i), gt.register(t(this, b)), this.setIndex(t(this, Rt));
|
|
52
52
|
}
|
|
53
53
|
get element() {
|
|
54
|
-
return t(this,
|
|
54
|
+
return t(this, b);
|
|
55
55
|
}
|
|
56
56
|
get index() {
|
|
57
|
-
return t(this,
|
|
57
|
+
return t(this, Rt);
|
|
58
58
|
}
|
|
59
59
|
get size() {
|
|
60
60
|
return t(this, vt);
|
|
61
61
|
}
|
|
62
62
|
get position() {
|
|
63
|
-
return t(this,
|
|
63
|
+
return t(this, $);
|
|
64
64
|
}
|
|
65
65
|
get transformPosition() {
|
|
66
|
-
return t(this,
|
|
66
|
+
return t(this, Ct);
|
|
67
67
|
}
|
|
68
68
|
destroy() {
|
|
69
|
-
gt.unregister(t(this,
|
|
69
|
+
gt.unregister(t(this, b)), this.unsetTransform();
|
|
70
70
|
}
|
|
71
71
|
unsetTransform() {
|
|
72
|
-
t(this,
|
|
72
|
+
t(this, b).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setMiddle(!1), this.setSize();
|
|
73
73
|
}
|
|
74
74
|
setSize(n) {
|
|
75
|
-
n ? (t(this,
|
|
75
|
+
n ? (t(this, b).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, b).style.width = n + "px", t(this, b).style.height = "") : (t(this, b).style.height = n + "px", t(this, b).style.width = "")) : (t(this, b).style.width = "", t(this, b).style.height = "", t(this, b).style.removeProperty("--size"));
|
|
76
76
|
}
|
|
77
77
|
resize() {
|
|
78
|
-
h(this, vt, t(this, g).vertical ? t(this,
|
|
78
|
+
h(this, vt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), h(this, $, t(this, g).vertical ? ve(t(this, b)) : Ce(t(this, b))), h(this, $, t(this, $) - t(this, g).contentPosition);
|
|
79
79
|
}
|
|
80
80
|
transform() {
|
|
81
81
|
let n = 0;
|
|
82
82
|
const e = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
|
|
83
|
-
t(this, g).loopCSSProperty.current && t(this, g).overscroll && t(this,
|
|
84
|
-
t(this,
|
|
83
|
+
t(this, g).loopCSSProperty.current && t(this, g).overscroll && t(this, $) + t(this, vt) < t(this, g).currentScrollValue && (n = t(this, g).distance * -1 - t(this, g).gap), gt.update(
|
|
84
|
+
t(this, b),
|
|
85
85
|
t(this, g).axisCSSProperty.current,
|
|
86
86
|
n
|
|
87
87
|
);
|
|
88
|
-
const i = t(this, g).currentScrollValue + n, r = t(this,
|
|
89
|
-
h(this,
|
|
88
|
+
const i = t(this, g).currentScrollValue + n, r = t(this, $) - t(this, g).viewportSize - e, a = t(this, $) + t(this, vt) + e, m = Ve(i, r, a);
|
|
89
|
+
h(this, Ct, m * -1), t(this, g).vertical ? t(this, b).style.transform = `translate3d(0px, ${t(this, Ct)}px, 0px)` : t(this, b).style.transform = `translate3d(${t(this, Ct)}px, 0px, 0px)`;
|
|
90
90
|
}
|
|
91
91
|
setMark(n) {
|
|
92
|
-
t(this,
|
|
92
|
+
t(this, Y) !== n && (t(this, Y) && t(this, b).classList.remove(t(this, Y)), n && t(this, b).classList.add(n), h(this, Y, n), Yt(t(this, b), "scrollSectionMarkChange", {
|
|
93
93
|
composed: !0,
|
|
94
94
|
detail: {
|
|
95
|
-
mark: t(this,
|
|
95
|
+
mark: t(this, Y)
|
|
96
96
|
},
|
|
97
97
|
custom: !0
|
|
98
98
|
}));
|
|
99
99
|
}
|
|
100
100
|
setMiddle(n) {
|
|
101
|
-
t(this,
|
|
101
|
+
t(this, b).classList.toggle("middle", n);
|
|
102
102
|
}
|
|
103
103
|
setIndex(n) {
|
|
104
|
-
|
|
104
|
+
l(this, yt, te).call(this, "index", n);
|
|
105
105
|
}
|
|
106
106
|
setCurrentIndex(n) {
|
|
107
|
-
|
|
107
|
+
l(this, yt, te).call(this, "current-index", n);
|
|
108
108
|
}
|
|
109
109
|
setCurrentIndexArc(n) {
|
|
110
|
-
|
|
110
|
+
l(this, yt, te).call(this, "current-index-arc", n);
|
|
111
111
|
}
|
|
112
112
|
setCurrentIndexArcAbs(n) {
|
|
113
|
-
|
|
113
|
+
l(this, yt, te).call(this, "current-index-arc-abs", n);
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
|
|
117
|
-
e !== null ? t(this,
|
|
116
|
+
b = new WeakMap(), Rt = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), $ = new WeakMap(), Y = new WeakMap(), Ct = new WeakMap(), yt = new WeakSet(), te = function(n, e) {
|
|
117
|
+
e !== null ? (t(this, b).style.setProperty(`--${n}`, e.toString()), t(this, b).setAttribute(`data-${n}`, e.toString())) : (t(this, b).style.removeProperty(`--${n}`), t(this, b).removeAttribute(`data-${n}`));
|
|
118
118
|
};
|
|
119
|
-
const is =
|
|
119
|
+
const is = De({
|
|
120
120
|
":host": {
|
|
121
121
|
position: "relative",
|
|
122
122
|
width: "100%",
|
|
@@ -154,49 +154,49 @@ const is = Te({
|
|
|
154
154
|
flexShrink: "0"
|
|
155
155
|
}
|
|
156
156
|
});
|
|
157
|
-
var d, wt,
|
|
158
|
-
class
|
|
157
|
+
var d, wt, E, tt, B, W, F, T, et, st, N, it, xt, D, y, Et, Pt, Lt, zt, Ot, A, It, rt, M, nt, q, ht, kt, ot, lt, ct, f, Ht, c, re, ne, v, S, k, V, at, R, w, P, $t, U, G, K, _, Bt, ut, Z, Wt, O, x, he, dt, o, we, ee, Tt, be, me, xe, Ee, L, Ft, Oe, Nt, oe, Pe, Le, St, He, se, le;
|
|
158
|
+
class Vt extends HTMLElement {
|
|
159
159
|
constructor() {
|
|
160
160
|
super();
|
|
161
161
|
s(this, o);
|
|
162
162
|
s(this, d, null);
|
|
163
163
|
s(this, wt, new p(this, "--controls", !0));
|
|
164
|
-
s(this,
|
|
165
|
-
s(this,
|
|
166
|
-
s(this,
|
|
167
|
-
s(this,
|
|
164
|
+
s(this, E, new p(this, "--axis", "y"));
|
|
165
|
+
s(this, tt, new p(this, "--reverse", !1));
|
|
166
|
+
s(this, B, new p(this, "--direction", 0));
|
|
167
|
+
s(this, W, new p(this, "--pages", 0, {
|
|
168
168
|
validate: (e) => Math.max(0, e - 1)
|
|
169
169
|
}));
|
|
170
|
-
s(this,
|
|
170
|
+
s(this, F, new p(this, "--split", !1));
|
|
171
171
|
s(this, T, new p(this, "--sectional", !1));
|
|
172
|
-
s(this,
|
|
172
|
+
s(this, et, new p(
|
|
173
173
|
this,
|
|
174
174
|
"--tween-easing",
|
|
175
175
|
!1
|
|
176
176
|
));
|
|
177
|
-
s(this,
|
|
177
|
+
s(this, st, new p(
|
|
178
178
|
this,
|
|
179
179
|
"--tween-duration",
|
|
180
180
|
!1
|
|
181
181
|
));
|
|
182
182
|
s(this, N, new p(this, "--auto-size", !1));
|
|
183
|
-
s(this,
|
|
183
|
+
s(this, it, new p(
|
|
184
184
|
this,
|
|
185
185
|
"--wheel-max-delta",
|
|
186
186
|
!1
|
|
187
187
|
));
|
|
188
|
-
s(this,
|
|
188
|
+
s(this, xt, new p(this, "--drag-inertion", 1));
|
|
189
189
|
s(this, D, new p(
|
|
190
190
|
this,
|
|
191
191
|
"--sections-in-view",
|
|
192
192
|
1
|
|
193
193
|
));
|
|
194
194
|
s(this, y, new p(this, "--loop", !1));
|
|
195
|
-
s(this,
|
|
195
|
+
s(this, Et, new p(this, "--damping", 20));
|
|
196
196
|
s(this, Pt, new p(this, "--mass", 0));
|
|
197
197
|
s(this, Lt, new p(this, "--stiffness", 0));
|
|
198
198
|
s(this, zt, new p(this, "--mouse-drag", !1));
|
|
199
|
-
s(this,
|
|
199
|
+
s(this, Ot, new p(
|
|
200
200
|
this,
|
|
201
201
|
"--section-distance-scale",
|
|
202
202
|
0.5
|
|
@@ -207,13 +207,13 @@ class Dt extends HTMLElement {
|
|
|
207
207
|
"--autoplay-pause-duration",
|
|
208
208
|
0
|
|
209
209
|
));
|
|
210
|
-
s(this,
|
|
210
|
+
s(this, rt, new p(
|
|
211
211
|
this,
|
|
212
212
|
"--autoplay-user-direction",
|
|
213
213
|
!1
|
|
214
214
|
));
|
|
215
215
|
s(this, M, new p(this, "--classes", !1));
|
|
216
|
-
s(this,
|
|
216
|
+
s(this, nt, new p(
|
|
217
217
|
this,
|
|
218
218
|
"--current-index-start-offset",
|
|
219
219
|
0
|
|
@@ -223,63 +223,63 @@ class Dt extends HTMLElement {
|
|
|
223
223
|
"--current-index-end-offset",
|
|
224
224
|
0
|
|
225
225
|
));
|
|
226
|
-
s(this,
|
|
226
|
+
s(this, ht, new p(this, "--focus-delay", 0));
|
|
227
227
|
s(this, kt, new p(
|
|
228
228
|
this,
|
|
229
229
|
"--focus-duration",
|
|
230
230
|
3e3
|
|
231
231
|
));
|
|
232
|
-
s(this,
|
|
233
|
-
s(this,
|
|
234
|
-
s(this,
|
|
232
|
+
s(this, ot, new p(this, "--disabled", !1));
|
|
233
|
+
s(this, lt, new p(this, "--hibernate", !1));
|
|
234
|
+
s(this, ct, null);
|
|
235
235
|
s(this, f, null);
|
|
236
|
-
s(this,
|
|
237
|
-
s(this,
|
|
238
|
-
s(this, ie, 0);
|
|
236
|
+
s(this, Ht, null);
|
|
237
|
+
s(this, c, []);
|
|
239
238
|
s(this, re, 0);
|
|
239
|
+
s(this, ne, 0);
|
|
240
240
|
s(this, v, 0);
|
|
241
241
|
s(this, S, 0);
|
|
242
|
-
s(this,
|
|
242
|
+
s(this, k, 0);
|
|
243
243
|
s(this, V, null);
|
|
244
|
-
s(this,
|
|
244
|
+
s(this, at, null);
|
|
245
245
|
s(this, R, null);
|
|
246
246
|
s(this, w, null);
|
|
247
|
-
s(this,
|
|
248
|
-
s(this,
|
|
249
|
-
s(this,
|
|
250
|
-
s(this,
|
|
251
|
-
s(this, G, !0);
|
|
247
|
+
s(this, P, new Ne(0));
|
|
248
|
+
s(this, $t, 0);
|
|
249
|
+
s(this, U, 0);
|
|
250
|
+
s(this, G, !1);
|
|
252
251
|
s(this, K, !0);
|
|
252
|
+
s(this, _, !0);
|
|
253
253
|
s(this, Bt);
|
|
254
254
|
s(this, ut);
|
|
255
|
-
s(this,
|
|
255
|
+
s(this, Z, new _e());
|
|
256
256
|
s(this, Wt, !1);
|
|
257
257
|
s(this, O, null);
|
|
258
258
|
s(this, x, !1);
|
|
259
|
-
s(this,
|
|
259
|
+
s(this, he, null);
|
|
260
260
|
s(this, dt, []);
|
|
261
261
|
s(this, L, () => {
|
|
262
|
-
if (t(this,
|
|
262
|
+
if (t(this, lt).current)
|
|
263
263
|
return;
|
|
264
264
|
t(this, d).unlistenAnimationFrame();
|
|
265
|
-
const e = this.currentScrollValue / t(this, S) || 0, i = t(this,
|
|
266
|
-
if (h(this,
|
|
265
|
+
const e = this.currentScrollValue / t(this, S) || 0, i = t(this, P).current;
|
|
266
|
+
if (h(this, re, this.vertical ? ve(this) : Ce(this)), h(this, ne, this.vertical ? ve(t(this, f)) : Ce(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Te.parse(
|
|
267
267
|
getComputedStyle(t(this, f)).rowGap
|
|
268
|
-
)) : h(this,
|
|
268
|
+
)) : h(this, k, Te.parse(
|
|
269
269
|
getComputedStyle(t(this, f)).columnGap
|
|
270
|
-
)), t(this, N).current && t(this,
|
|
271
|
-
const r = t(this, D).current, a = (t(this, v) - t(this,
|
|
272
|
-
t(this,
|
|
273
|
-
|
|
270
|
+
)), t(this, N).current && t(this, c).length) {
|
|
271
|
+
const r = t(this, D).current, a = (t(this, v) - t(this, k) * (r - 1)) / r;
|
|
272
|
+
t(this, c).forEach((m) => {
|
|
273
|
+
m.setSize(a);
|
|
274
274
|
});
|
|
275
275
|
} else
|
|
276
|
-
t(this,
|
|
276
|
+
t(this, c).forEach((r) => {
|
|
277
277
|
r.setSize();
|
|
278
278
|
});
|
|
279
|
-
if (t(this,
|
|
279
|
+
if (t(this, c).forEach((r) => {
|
|
280
280
|
r.resize();
|
|
281
|
-
}), t(this,
|
|
282
|
-
h(this, S, t(this, v) * t(this,
|
|
281
|
+
}), t(this, W).current) {
|
|
282
|
+
h(this, S, t(this, v) * t(this, W).current);
|
|
283
283
|
const r = t(this, S) + t(this, v);
|
|
284
284
|
this.vertical ? (t(this, f).style.width = r + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = r + "px", t(this, f).style.width = "100%");
|
|
285
285
|
} else
|
|
@@ -288,13 +288,13 @@ class Dt extends HTMLElement {
|
|
|
288
288
|
const r = getComputedStyle(this), a = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
|
|
289
289
|
h(this, S, t(this, S) + a), t(this, d).max = t(this, S);
|
|
290
290
|
}
|
|
291
|
-
if (t(this, y).current && t(this,
|
|
292
|
-
const r = t(this,
|
|
293
|
-
h(this,
|
|
291
|
+
if (t(this, y).current && t(this, c).length) {
|
|
292
|
+
const r = t(this, c)[t(this, c).length - 1], a = r.position + r.size - t(this, v), m = t(this, S) - a;
|
|
293
|
+
h(this, U, r.position + r.size + m);
|
|
294
294
|
} else
|
|
295
|
-
h(this,
|
|
296
|
-
if (t(this, T).current && t(this,
|
|
297
|
-
const r = t(this,
|
|
295
|
+
h(this, U, t(this, S));
|
|
296
|
+
if (t(this, T).current && t(this, c).length) {
|
|
297
|
+
const r = t(this, c)[i];
|
|
298
298
|
t(this, d).set(r.position, {
|
|
299
299
|
equalize: !0
|
|
300
300
|
});
|
|
@@ -302,53 +302,53 @@ class Dt extends HTMLElement {
|
|
|
302
302
|
t(this, d).set(e * t(this, S), {
|
|
303
303
|
equalize: !0
|
|
304
304
|
});
|
|
305
|
-
h(this,
|
|
305
|
+
h(this, G, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ot).current || l(this, o, me).call(this) : l(this, o, be).call(this), Yt(this, "scrollResize", { custom: !0 }), t(this, Ft).call(this);
|
|
306
306
|
});
|
|
307
307
|
s(this, Ft, () => {
|
|
308
|
-
if (!t(this,
|
|
308
|
+
if (!t(this, G) || t(this, _) || t(this, K))
|
|
309
309
|
return;
|
|
310
310
|
const e = this.currentScrollValue;
|
|
311
|
-
if (h(this,
|
|
312
|
-
for (let i = 0; i < t(this,
|
|
313
|
-
t(this,
|
|
314
|
-
t(this,
|
|
311
|
+
if (h(this, $t, Math.max(0, e - t(this, S))), t(this, c).length) {
|
|
312
|
+
for (let i = 0; i < t(this, c).length; i++)
|
|
313
|
+
t(this, c)[i].transform();
|
|
314
|
+
t(this, P).current = l(this, o, se).call(this);
|
|
315
315
|
} else
|
|
316
316
|
this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
317
|
-
|
|
317
|
+
l(this, o, He).call(this), gt.update(
|
|
318
318
|
this,
|
|
319
|
-
t(this,
|
|
319
|
+
t(this, E).current,
|
|
320
320
|
e
|
|
321
321
|
);
|
|
322
322
|
});
|
|
323
|
-
s(this,
|
|
324
|
-
t(this, wt).current && (
|
|
323
|
+
s(this, Nt, (e, i) => {
|
|
324
|
+
t(this, wt).current && (l(this, o, Pe).call(this, Math.sign(i) || 1), t(this, oe).call(this, e, i));
|
|
325
325
|
});
|
|
326
|
-
s(this,
|
|
327
|
-
if (t(this,
|
|
328
|
-
if (t(this,
|
|
326
|
+
s(this, oe, (e, i) => {
|
|
327
|
+
if (t(this, B).current) {
|
|
328
|
+
if (t(this, B).current < 0 && i > 0)
|
|
329
329
|
return;
|
|
330
|
-
if (t(this,
|
|
330
|
+
if (t(this, B).current > 0 && i < 0)
|
|
331
331
|
return;
|
|
332
332
|
}
|
|
333
|
-
if (t(this, ut) || t(this,
|
|
334
|
-
const r = t(this,
|
|
333
|
+
if (t(this, ut) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, ht).current && (clearInterval(t(this, Bt)), h(this, Bt, setTimeout(() => {
|
|
334
|
+
const r = t(this, c)[l(this, o, se).call(this)];
|
|
335
335
|
r && this.scrollToSection(r.index, {
|
|
336
336
|
tween: {
|
|
337
337
|
duration: t(this, kt).current,
|
|
338
338
|
easing: qe
|
|
339
339
|
}
|
|
340
340
|
});
|
|
341
|
-
}, t(this,
|
|
341
|
+
}, t(this, ht).current))), !(e.includes("drag") && !Xe.isTouch && !t(this, zt).current)) {
|
|
342
342
|
if (t(this, T).current && e !== "drag") {
|
|
343
343
|
const r = Math.sign(i);
|
|
344
|
-
if (t(this,
|
|
344
|
+
if (t(this, c).length) {
|
|
345
345
|
const a = {
|
|
346
|
-
tween: t(this,
|
|
347
|
-
easing: t(this,
|
|
348
|
-
duration: t(this,
|
|
346
|
+
tween: t(this, et).current || t(this, st).current ? {
|
|
347
|
+
easing: t(this, et).current || "easeInOutCubic",
|
|
348
|
+
duration: t(this, st).current || 500
|
|
349
349
|
} : void 0
|
|
350
350
|
};
|
|
351
|
-
t(this, Wt) ? this.scrollToSection(
|
|
351
|
+
t(this, Wt) ? this.scrollToSection(l(this, o, se).call(this, !0), a) : this.shiftSections(r, a);
|
|
352
352
|
} else
|
|
353
353
|
t(this, d).shift(r * t(this, v));
|
|
354
354
|
} else
|
|
@@ -356,14 +356,14 @@ class Dt extends HTMLElement {
|
|
|
356
356
|
h(this, Wt, e === "drag");
|
|
357
357
|
}
|
|
358
358
|
});
|
|
359
|
-
s(this,
|
|
360
|
-
h(this, x, !0), this.hibernatedCSSProperty.current ||
|
|
359
|
+
s(this, le, () => {
|
|
360
|
+
h(this, x, !0), this.hibernatedCSSProperty.current || l(this, o, Ee).call(this);
|
|
361
361
|
});
|
|
362
362
|
if (H) {
|
|
363
363
|
const e = this.attachShadow({ mode: "open" });
|
|
364
364
|
e.adoptedStyleSheets = [is];
|
|
365
365
|
const i = document.createElement("div");
|
|
366
|
-
i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this,
|
|
366
|
+
i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ct, document.createElement("div")), t(this, ct).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, Ht, document.createElement("slot")), t(this, f).appendChild(t(this, Ht)), t(this, ct).appendChild(t(this, f)), e.appendChild(t(this, ct)), h(this, he, new MutationObserver((r) => {
|
|
367
367
|
this.tryResplit();
|
|
368
368
|
}));
|
|
369
369
|
}
|
|
@@ -375,37 +375,37 @@ class Dt extends HTMLElement {
|
|
|
375
375
|
return t(this, wt);
|
|
376
376
|
}
|
|
377
377
|
get axisCSSProperty() {
|
|
378
|
-
return t(this,
|
|
378
|
+
return t(this, E);
|
|
379
379
|
}
|
|
380
380
|
get reverseCSSProperty() {
|
|
381
|
-
return t(this,
|
|
381
|
+
return t(this, tt);
|
|
382
382
|
}
|
|
383
383
|
get directionCSSProperty() {
|
|
384
|
-
return t(this,
|
|
384
|
+
return t(this, B);
|
|
385
385
|
}
|
|
386
386
|
get pagesCSSProperty() {
|
|
387
|
-
return t(this,
|
|
387
|
+
return t(this, W);
|
|
388
388
|
}
|
|
389
389
|
get splitCSSProperty() {
|
|
390
|
-
return t(this,
|
|
390
|
+
return t(this, F);
|
|
391
391
|
}
|
|
392
392
|
get sectionalCSSProperty() {
|
|
393
393
|
return t(this, T);
|
|
394
394
|
}
|
|
395
395
|
get easingCSSProperty() {
|
|
396
|
-
return t(this,
|
|
396
|
+
return t(this, et);
|
|
397
397
|
}
|
|
398
398
|
get durationCSSProperty() {
|
|
399
|
-
return t(this,
|
|
399
|
+
return t(this, st);
|
|
400
400
|
}
|
|
401
401
|
get autoSizeCSSProperty() {
|
|
402
402
|
return t(this, N);
|
|
403
403
|
}
|
|
404
404
|
get wheelMaxDeltaCSSProperty() {
|
|
405
|
-
return t(this,
|
|
405
|
+
return t(this, it);
|
|
406
406
|
}
|
|
407
407
|
get dragInertionCSSProperty() {
|
|
408
|
-
return t(this,
|
|
408
|
+
return t(this, xt);
|
|
409
409
|
}
|
|
410
410
|
get sectionsInViewCSSProperty() {
|
|
411
411
|
return t(this, D);
|
|
@@ -414,7 +414,7 @@ class Dt extends HTMLElement {
|
|
|
414
414
|
return t(this, y);
|
|
415
415
|
}
|
|
416
416
|
get dampingCSSProperty() {
|
|
417
|
-
return t(this,
|
|
417
|
+
return t(this, Et);
|
|
418
418
|
}
|
|
419
419
|
get massCSSProperty() {
|
|
420
420
|
return t(this, Pt);
|
|
@@ -426,7 +426,7 @@ class Dt extends HTMLElement {
|
|
|
426
426
|
return t(this, zt);
|
|
427
427
|
}
|
|
428
428
|
get sectionDistanceScaleCSSProperty() {
|
|
429
|
-
return t(this,
|
|
429
|
+
return t(this, Ot);
|
|
430
430
|
}
|
|
431
431
|
get autoplayCSSProperty() {
|
|
432
432
|
return t(this, A);
|
|
@@ -435,49 +435,49 @@ class Dt extends HTMLElement {
|
|
|
435
435
|
return t(this, It);
|
|
436
436
|
}
|
|
437
437
|
get autoplayUserDirectionCSSProperty() {
|
|
438
|
-
return t(this,
|
|
438
|
+
return t(this, rt);
|
|
439
439
|
}
|
|
440
440
|
get classesCSSProperty() {
|
|
441
441
|
return t(this, M);
|
|
442
442
|
}
|
|
443
443
|
get currentIndexStartOffsetCSSProperty() {
|
|
444
|
-
return t(this,
|
|
444
|
+
return t(this, nt);
|
|
445
445
|
}
|
|
446
446
|
get currentIndexEndOffsetCSSProperty() {
|
|
447
447
|
return t(this, q);
|
|
448
448
|
}
|
|
449
449
|
get focusDelayCSSProperty() {
|
|
450
|
-
return t(this,
|
|
450
|
+
return t(this, ht);
|
|
451
451
|
}
|
|
452
452
|
get focusDurationCSSProperty() {
|
|
453
453
|
return t(this, kt);
|
|
454
454
|
}
|
|
455
455
|
get disabledCSSProperty() {
|
|
456
|
-
return t(this,
|
|
456
|
+
return t(this, ot);
|
|
457
457
|
}
|
|
458
458
|
get hibernatedCSSProperty() {
|
|
459
|
-
return t(this,
|
|
459
|
+
return t(this, lt);
|
|
460
460
|
}
|
|
461
461
|
get currentScrollValue() {
|
|
462
|
-
return
|
|
462
|
+
return l(this, o, Le).call(this, "current");
|
|
463
463
|
}
|
|
464
464
|
get targetScrollValue() {
|
|
465
|
-
return
|
|
465
|
+
return l(this, o, Le).call(this, "target");
|
|
466
466
|
}
|
|
467
467
|
get contentWrapperElement() {
|
|
468
|
-
return t(this,
|
|
468
|
+
return t(this, ct);
|
|
469
469
|
}
|
|
470
470
|
get contentElement() {
|
|
471
471
|
return t(this, f);
|
|
472
472
|
}
|
|
473
473
|
get sections() {
|
|
474
|
-
return t(this,
|
|
474
|
+
return t(this, c);
|
|
475
475
|
}
|
|
476
476
|
get position() {
|
|
477
|
-
return t(this,
|
|
477
|
+
return t(this, re);
|
|
478
478
|
}
|
|
479
479
|
get contentPosition() {
|
|
480
|
-
return t(this,
|
|
480
|
+
return t(this, ne);
|
|
481
481
|
}
|
|
482
482
|
get viewportSize() {
|
|
483
483
|
return t(this, v);
|
|
@@ -486,33 +486,33 @@ class Dt extends HTMLElement {
|
|
|
486
486
|
return t(this, S);
|
|
487
487
|
}
|
|
488
488
|
get gap() {
|
|
489
|
-
return t(this,
|
|
489
|
+
return t(this, k);
|
|
490
490
|
}
|
|
491
491
|
get counter() {
|
|
492
|
-
return t(this,
|
|
492
|
+
return t(this, P);
|
|
493
493
|
}
|
|
494
494
|
get limit() {
|
|
495
495
|
return Math.ceil(
|
|
496
|
-
t(this,
|
|
496
|
+
t(this, c).length - t(this, D).current
|
|
497
497
|
);
|
|
498
498
|
}
|
|
499
499
|
get distance() {
|
|
500
|
-
return t(this,
|
|
500
|
+
return t(this, U);
|
|
501
501
|
}
|
|
502
502
|
get loopDistance() {
|
|
503
|
-
return t(this, y).current ? t(this,
|
|
503
|
+
return t(this, y).current ? t(this, U) + t(this, k) : t(this, U);
|
|
504
504
|
}
|
|
505
505
|
get hasOverflow() {
|
|
506
|
-
return t(this,
|
|
506
|
+
return t(this, G);
|
|
507
507
|
}
|
|
508
508
|
get overscroll() {
|
|
509
|
-
return t(this,
|
|
509
|
+
return t(this, $t);
|
|
510
510
|
}
|
|
511
511
|
get scrollLine() {
|
|
512
512
|
return t(this, O);
|
|
513
513
|
}
|
|
514
514
|
get vertical() {
|
|
515
|
-
return t(this,
|
|
515
|
+
return t(this, E).current === "y";
|
|
516
516
|
}
|
|
517
517
|
get currentProgress() {
|
|
518
518
|
return this.currentScrollValue / this.loopDistance || 0;
|
|
@@ -521,13 +521,13 @@ class Dt extends HTMLElement {
|
|
|
521
521
|
return this.targetScrollValue / this.loopDistance || 0;
|
|
522
522
|
}
|
|
523
523
|
get scrollWidth() {
|
|
524
|
-
return t(this,
|
|
524
|
+
return t(this, E).current === "y" ? 0 : t(this, d).distance;
|
|
525
525
|
}
|
|
526
526
|
get scrollHeight() {
|
|
527
|
-
return t(this,
|
|
527
|
+
return t(this, E).current === "x" ? 0 : t(this, d).distance;
|
|
528
528
|
}
|
|
529
529
|
tryResplit() {
|
|
530
|
-
!t(this,
|
|
530
|
+
!t(this, _) && (t(this, y).current || t(this, F).current || t(this, y).current || t(this, N).current || t(this, T).current) && l(this, o, ee).call(this);
|
|
531
531
|
}
|
|
532
532
|
onScroll(...e) {
|
|
533
533
|
return t(this, d).subscribe(...e);
|
|
@@ -537,31 +537,31 @@ class Dt extends HTMLElement {
|
|
|
537
537
|
}
|
|
538
538
|
//https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
|
|
539
539
|
range(e, i, r = 0) {
|
|
540
|
-
const a = e - r,
|
|
541
|
-
return this.currentProgress < a ? 0 : this.currentProgress >
|
|
540
|
+
const a = e - r, m = a + i + r * 2;
|
|
541
|
+
return this.currentProgress < a ? 0 : this.currentProgress > m ? 1 : (this.currentProgress - a) / (m - a);
|
|
542
542
|
}
|
|
543
543
|
curve(e, i, r = 0) {
|
|
544
544
|
return Math.sin(this.range(e, i, r) * Math.PI);
|
|
545
545
|
}
|
|
546
546
|
visible(e, i, r = 0) {
|
|
547
|
-
const a = e - r,
|
|
548
|
-
return this.currentProgress >= a && this.currentProgress <=
|
|
547
|
+
const a = e - r, m = a + i + r * 2;
|
|
548
|
+
return this.currentProgress >= a && this.currentProgress <= m;
|
|
549
549
|
}
|
|
550
550
|
scrollToSection(e, i) {
|
|
551
|
-
if (!t(this,
|
|
551
|
+
if (!t(this, c).length)
|
|
552
552
|
return;
|
|
553
|
-
const r = t(this,
|
|
554
|
-
if (
|
|
555
|
-
let
|
|
556
|
-
const
|
|
557
|
-
t(this, y).current ? a === 0 && r === t(this,
|
|
553
|
+
const r = t(this, P).current, a = l(this, o, Oe).call(this, e), m = t(this, c)[r], C = t(this, c)[a];
|
|
554
|
+
if (m && C) {
|
|
555
|
+
let I = 0;
|
|
556
|
+
const Se = l(this, o, se).call(this), Mt = t(this, c)[Se], fe = Mt ? this.targetScrollValue - Mt.position : 0;
|
|
557
|
+
t(this, y).current ? a === 0 && r === t(this, c).length - 1 ? I = t(this, S) + t(this, v) - m.position + t(this, k) : a === t(this, c).length - 1 && r === 0 ? I = C.position - (t(this, S) + t(this, v) + t(this, k)) : I = C.position - m.position : I = C.position - m.position, this.shiftPosition(I - fe, i);
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
560
|
shiftSections(e, i) {
|
|
561
|
-
t(this,
|
|
561
|
+
t(this, c).length && this.scrollToSection(t(this, P).current + e, i);
|
|
562
562
|
}
|
|
563
563
|
setPosition(e, i) {
|
|
564
|
-
|
|
564
|
+
l(this, o, Pe).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, Z).set(t(this, d).current, { equalize: !0 }), t(this, Z).set(e, Me({}, i.tween)), h(this, ut, setTimeout(() => {
|
|
565
565
|
h(this, ut, void 0);
|
|
566
566
|
}, i.tween.duration || 0))) : t(this, d).set(e, {
|
|
567
567
|
equalize: (i == null ? void 0 : i.behaviour) === "instant"
|
|
@@ -575,121 +575,121 @@ class Dt extends HTMLElement {
|
|
|
575
575
|
damping: 0.01,
|
|
576
576
|
min: 0,
|
|
577
577
|
order: Ge.SCROLL
|
|
578
|
-
})), this.setAttribute("tabindex", "0"), h(this, V, new Ze({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this,
|
|
578
|
+
})), this.setAttribute("tabindex", "0"), h(this, V, new Ze({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, Nt)), h(this, at, new je({
|
|
579
579
|
element: this
|
|
580
|
-
})), t(this,
|
|
581
|
-
t(this,
|
|
582
|
-
), h(this, R, new Je({ element: t(this, f) })), t(this, R).changeEvent.subscribe(t(this,
|
|
580
|
+
})), t(this, at).changeEvent.subscribe(
|
|
581
|
+
t(this, Nt)
|
|
582
|
+
), h(this, R, new Je({ element: t(this, f) })), t(this, R).changeEvent.subscribe(t(this, Nt)), h(this, w, new Qe({
|
|
583
583
|
culling: this
|
|
584
|
-
})), t(this, w).changeEvent.subscribe(t(this,
|
|
585
|
-
|
|
586
|
-
}), t(this,
|
|
587
|
-
|
|
588
|
-
}), t(this,
|
|
589
|
-
t(this, V).axis = e.current ? "max" : t(this,
|
|
590
|
-
}), t(this,
|
|
584
|
+
})), t(this, w).changeEvent.subscribe(t(this, oe)), t(this, E).subscribe(() => {
|
|
585
|
+
l(this, o, we).call(this);
|
|
586
|
+
}), t(this, tt).subscribe(() => {
|
|
587
|
+
l(this, o, we).call(this);
|
|
588
|
+
}), t(this, it).subscribe((e) => {
|
|
589
|
+
t(this, V).axis = e.current ? "max" : t(this, E).current;
|
|
590
|
+
}), t(this, xt).subscribe((e) => {
|
|
591
591
|
t(this, R).inertion = typeof e.current == "number" ? e.current : 1;
|
|
592
|
-
}), t(this,
|
|
592
|
+
}), t(this, W).subscribe(() => {
|
|
593
593
|
t(this, x) && t(this, L).call(this);
|
|
594
|
-
}), t(this,
|
|
595
|
-
t(this, x) && (e ?
|
|
594
|
+
}), t(this, F).subscribe(({ current: e }) => {
|
|
595
|
+
t(this, x) && (e ? l(this, o, ee).call(this) : l(this, o, Tt).call(this));
|
|
596
596
|
}), t(this, T).subscribe((e) => {
|
|
597
|
-
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this,
|
|
597
|
+
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
|
|
598
598
|
}), t(this, N).subscribe((e) => {
|
|
599
|
-
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this,
|
|
599
|
+
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
|
|
600
600
|
}), t(this, D).subscribe((e) => {
|
|
601
|
-
t(this, x) && (t(this, L).call(this),
|
|
601
|
+
t(this, x) && (t(this, L).call(this), l(this, o, St).call(this));
|
|
602
602
|
}), t(this, y).subscribe((e) => {
|
|
603
|
-
e.current ? (t(this, x) && (t(this,
|
|
604
|
-
}), t(this,
|
|
603
|
+
e.current ? (t(this, x) && (t(this, c).length || (t(this, F).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, $t, 0), t(this, d).max = t(this, S), t(this, d).min = 0);
|
|
604
|
+
}), t(this, Et).subscribe((e) => {
|
|
605
605
|
t(this, d).damping = e.current;
|
|
606
606
|
}), t(this, Pt).subscribe((e) => {
|
|
607
607
|
t(this, d).mass = e.current;
|
|
608
608
|
}), t(this, Lt).subscribe((e) => {
|
|
609
609
|
t(this, d).stiffness = e.current;
|
|
610
610
|
}), t(this, A).subscribe((e) => {
|
|
611
|
-
t(this, w).speed = e.current, !t(this,
|
|
612
|
-
}), t(this,
|
|
611
|
+
t(this, w).speed = e.current, !t(this, K) && e.current && !e.previous ? t(this, w).connect() : !e.current && e.previous && t(this, w).disconnect();
|
|
612
|
+
}), t(this, rt).subscribe((e) => {
|
|
613
613
|
e.current || (t(this, w).direction = 1);
|
|
614
614
|
}), t(this, M).subscribe((e) => {
|
|
615
|
-
t(this, x) &&
|
|
616
|
-
}), t(this,
|
|
617
|
-
t(this, x) && t(this, M).current &&
|
|
615
|
+
t(this, x) && l(this, o, St).call(this);
|
|
616
|
+
}), t(this, nt).subscribe((e) => {
|
|
617
|
+
t(this, x) && t(this, M).current && l(this, o, St).call(this);
|
|
618
618
|
}), t(this, q).subscribe((e) => {
|
|
619
|
-
t(this, x) && t(this, M).current &&
|
|
619
|
+
t(this, x) && t(this, M).current && l(this, o, St).call(this);
|
|
620
620
|
}), t(this, d).isRunning.subscribe((e) => {
|
|
621
621
|
this.classList.toggle("active", e.current);
|
|
622
|
-
}), t(this,
|
|
623
|
-
t(this,
|
|
624
|
-
}), t(this,
|
|
625
|
-
t(this,
|
|
626
|
-
}), t(this, ht).subscribe((e) => {
|
|
627
|
-
e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, pe).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, fe).call(this));
|
|
622
|
+
}), t(this, P).subscribe((e) => {
|
|
623
|
+
t(this, c).length && l(this, o, St).call(this);
|
|
624
|
+
}), t(this, Z).subscribe((e) => {
|
|
625
|
+
t(this, Z).isRunning.current && t(this, d).set(e.current, { equalize: !0 });
|
|
628
626
|
}), t(this, ot).subscribe((e) => {
|
|
629
|
-
e.current && !e.previous ? (this.classList.add("
|
|
630
|
-
}), t(this,
|
|
627
|
+
e.current && !e.previous ? (this.classList.add("disabled"), l(this, o, be).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), l(this, o, me).call(this));
|
|
628
|
+
}), t(this, lt).subscribe((e) => {
|
|
629
|
+
e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o, xe).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), l(this, o, Ee).call(this));
|
|
630
|
+
}), t(this, wt).observe(), t(this, E).observe(), t(this, tt).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, et).observe(), t(this, st).observe(), t(this, N).observe(), t(this, it).observe(), t(this, xt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, Ot).observe(), t(this, A).observe(), t(this, A).observe(), t(this, It).observe(), t(this, rt).observe(), t(this, M).observe(), t(this, nt).observe(), t(this, q).observe(), t(this, ht).observe(), t(this, kt).observe(), t(this, ot).observe(), t(this, lt).observe(), Dt.subscribe(t(this, le), ye.LAST);
|
|
631
631
|
}
|
|
632
632
|
disconnectedCallback() {
|
|
633
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this,
|
|
633
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, tt).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, et).unobserve(), t(this, st).unobserve(), t(this, N).unobserve(), t(this, it).unobserve(), t(this, xt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, Ot).unobserve(), t(this, A).unobserve(), t(this, It).unobserve(), t(this, rt).unobserve(), t(this, M).unobserve(), t(this, nt).unobserve(), t(this, q).unobserve(), t(this, ht).unobserve(), t(this, kt).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), Dt.unsubscribe(t(this, le)), l(this, o, xe).call(this), t(this, he).disconnect();
|
|
634
634
|
}
|
|
635
635
|
}
|
|
636
|
-
d = new WeakMap(), wt = new WeakMap(),
|
|
637
|
-
const e = t(this,
|
|
638
|
-
t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this,
|
|
636
|
+
d = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), et = new WeakMap(), st = new WeakMap(), N = new WeakMap(), it = new WeakMap(), xt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), Ot = new WeakMap(), A = new WeakMap(), It = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), nt = new WeakMap(), q = new WeakMap(), ht = new WeakMap(), kt = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), f = new WeakMap(), Ht = new WeakMap(), c = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), v = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), at = new WeakMap(), R = new WeakMap(), w = new WeakMap(), P = new WeakMap(), $t = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), Bt = new WeakMap(), ut = new WeakMap(), Z = new WeakMap(), Wt = new WeakMap(), O = new WeakMap(), x = new WeakMap(), he = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), we = function() {
|
|
637
|
+
const e = t(this, E).current, i = t(this, tt).current ? "-reverse" : "";
|
|
638
|
+
t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, it).current ? "max" : e, t(this, at).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
|
|
639
639
|
}, ee = function() {
|
|
640
|
-
|
|
641
|
-
e instanceof HTMLElement && t(this,
|
|
640
|
+
l(this, o, Tt).call(this), t(this, Ht).assignedElements().forEach((e, i) => {
|
|
641
|
+
e instanceof HTMLElement && t(this, c).push(new ss(e, i, this));
|
|
642
642
|
}), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
|
|
643
643
|
custom: !0,
|
|
644
644
|
composed: !0
|
|
645
|
-
}), t(this, L).call(this),
|
|
646
|
-
},
|
|
647
|
-
t(this,
|
|
645
|
+
}), t(this, L).call(this), l(this, o, St).call(this);
|
|
646
|
+
}, Tt = function() {
|
|
647
|
+
t(this, c).forEach((e) => {
|
|
648
648
|
e.destroy();
|
|
649
|
-
}), h(this,
|
|
649
|
+
}), h(this, c, []), t(this, P).reset(), t(this, d).reset(), Yt(this, "scrollSectionsChange", {
|
|
650
650
|
custom: !0,
|
|
651
651
|
composed: !0
|
|
652
652
|
});
|
|
653
|
-
},
|
|
654
|
-
t(this,
|
|
653
|
+
}, be = function() {
|
|
654
|
+
t(this, K) || (h(this, K, !0), t(this, d).unsubscribe(t(this, Ft)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Bt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, G) || (this.sections.forEach((e) => {
|
|
655
655
|
e.unsetTransform();
|
|
656
656
|
}), t(this, L).call(this)));
|
|
657
|
-
},
|
|
658
|
-
t(this,
|
|
659
|
-
},
|
|
660
|
-
t(this,
|
|
657
|
+
}, me = function() {
|
|
658
|
+
t(this, K) && (h(this, K, !1), t(this, d).subscribe(t(this, Ft)), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this, w).connect());
|
|
659
|
+
}, xe = function() {
|
|
660
|
+
t(this, _) || (h(this, _, !0), Dt.unsubscribe(t(this, L)), ie.unsubscribe(t(this, L)), l(this, o, be).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, c).length ? l(this, o, Tt).call(this) : (t(this, P).reset(), t(this, d).reset()), gt.unregister(this));
|
|
661
661
|
}, Ee = function() {
|
|
662
|
-
t(this,
|
|
663
|
-
}, L = new WeakMap(), Ft = new WeakMap(),
|
|
664
|
-
let i = t(this,
|
|
665
|
-
return t(this, y).current ? i = Ue(e, t(this,
|
|
666
|
-
},
|
|
667
|
-
t(this,
|
|
662
|
+
t(this, _) && (h(this, _, !1), gt.register(this), this.tryResplit(), l(this, o, me).call(this), Dt.subscribe(t(this, L), ye.SCROLL), ie.subscribe(this, t(this, L)));
|
|
663
|
+
}, L = new WeakMap(), Ft = new WeakMap(), Oe = function(e) {
|
|
664
|
+
let i = t(this, P).current;
|
|
665
|
+
return t(this, y).current ? i = Ue(e, t(this, c).length) : i = Ve(e, 0, this.limit), i;
|
|
666
|
+
}, Nt = new WeakMap(), oe = new WeakMap(), Pe = function(e = 1) {
|
|
667
|
+
t(this, rt).current && (t(this, w).direction = e), t(this, A).current && t(this, w).pauseAndContinue(
|
|
668
668
|
t(this, It).current,
|
|
669
669
|
this.sectionalCSSProperty.current
|
|
670
670
|
);
|
|
671
|
-
},
|
|
672
|
-
if (t(this, y).current && t(this,
|
|
673
|
-
const i = t(this, d)[e] % (t(this, S) + t(this, v) + t(this,
|
|
674
|
-
return i < 0 ? t(this, S) + i + t(this, v) + t(this,
|
|
671
|
+
}, Le = function(e = "current") {
|
|
672
|
+
if (t(this, y).current && t(this, c).length) {
|
|
673
|
+
const i = t(this, d)[e] % (t(this, S) + t(this, v) + t(this, k));
|
|
674
|
+
return i < 0 ? t(this, S) + i + t(this, v) + t(this, k) : i;
|
|
675
675
|
} else
|
|
676
676
|
return t(this, d)[e];
|
|
677
677
|
}, St = function() {
|
|
678
|
-
if (t(this,
|
|
679
|
-
const e = t(this,
|
|
678
|
+
if (t(this, c).length) {
|
|
679
|
+
const e = t(this, P).current + t(this, nt).current;
|
|
680
680
|
if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), Yt(this, "scrollLine", {
|
|
681
681
|
detail: { line: t(this, O) }
|
|
682
682
|
}), t(this, M).current) {
|
|
683
683
|
this.classList.remove("end", "start"), t(this, O) && this.classList.add(t(this, O));
|
|
684
684
|
const i = t(this, D).current + t(this, q).current;
|
|
685
|
-
h(this, dt, []), t(this,
|
|
686
|
-
r.setCurrentIndex(null), r.setCurrentIndexArc(null);
|
|
687
|
-
const
|
|
688
|
-
a >= e && a < C || a <=
|
|
685
|
+
h(this, dt, []), t(this, c).forEach((r, a) => {
|
|
686
|
+
r.setCurrentIndex(null), r.setCurrentIndexArc(null), r.setCurrentIndexArcAbs(null);
|
|
687
|
+
const m = e - this.limit - 1 + t(this, q).current, C = e + i, I = this.sections.length - C;
|
|
688
|
+
a >= e && a < C || a <= m ? (r.setMark("current"), t(this, dt).push(r)) : a >= C && a < C + I / 2 || a <= m + i ? r.setMark("next") : r.setMark("previous");
|
|
689
689
|
});
|
|
690
690
|
}
|
|
691
691
|
}
|
|
692
|
-
},
|
|
692
|
+
}, He = function() {
|
|
693
693
|
if (t(this, M).current) {
|
|
694
694
|
const e = Math.floor(t(this, dt).length / 2);
|
|
695
695
|
t(this, dt).sort((i, r) => i.element.getBoundingClientRect().left - r.element.getBoundingClientRect().left), t(this, dt).forEach((i, r) => {
|
|
@@ -697,71 +697,71 @@ d = new WeakMap(), wt = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W =
|
|
|
697
697
|
i.setCurrentIndex(r), i.setCurrentIndexArc(a), i.setCurrentIndexArcAbs(Math.abs(a)), i.setMiddle(r === e);
|
|
698
698
|
});
|
|
699
699
|
}
|
|
700
|
-
},
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
}
|
|
710
|
-
return
|
|
711
|
-
},
|
|
712
|
-
H && !customElements.get("e-scroll") && customElements.define("e-scroll",
|
|
713
|
-
var
|
|
714
|
-
class
|
|
700
|
+
}, se = function(e = !1) {
|
|
701
|
+
let i = this.targetScrollValue, r = 1 / 0, a = 0;
|
|
702
|
+
const m = t(this, d).direction;
|
|
703
|
+
for (let C = 0; C < t(this, c).length; C++) {
|
|
704
|
+
const I = t(this, c)[C];
|
|
705
|
+
let Se = t(this, Wt) ? I.size * m * -1 * 0.4 : 0, Mt = I.position;
|
|
706
|
+
this.overscroll && Mt === 0 && e && (Mt = t(this, U));
|
|
707
|
+
let fe = Math.abs(Mt + Se - i);
|
|
708
|
+
fe < r && (r = fe, a = C);
|
|
709
|
+
}
|
|
710
|
+
return a;
|
|
711
|
+
}, le = new WeakMap();
|
|
712
|
+
H && !customElements.get("e-scroll") && customElements.define("e-scroll", Vt);
|
|
713
|
+
var ce;
|
|
714
|
+
class ze extends HTMLElement {
|
|
715
715
|
constructor() {
|
|
716
716
|
super(...arguments);
|
|
717
|
-
s(this,
|
|
717
|
+
s(this, ce, null);
|
|
718
718
|
}
|
|
719
719
|
get scrollElement() {
|
|
720
|
-
return t(this,
|
|
720
|
+
return t(this, ce);
|
|
721
721
|
}
|
|
722
722
|
connectedCallback() {
|
|
723
|
-
const e =
|
|
724
|
-
e instanceof
|
|
723
|
+
const e = Re(this, Vt);
|
|
724
|
+
e instanceof Vt ? h(this, ce, e) : console.error(this, "e-scroll not found");
|
|
725
725
|
}
|
|
726
726
|
}
|
|
727
|
-
|
|
728
|
-
var pt, z,
|
|
729
|
-
class rs extends
|
|
727
|
+
ce = new WeakMap();
|
|
728
|
+
var pt, z, j, J, qt, Ut, ft, Gt, ae, ue;
|
|
729
|
+
class rs extends ze {
|
|
730
730
|
constructor() {
|
|
731
731
|
super();
|
|
732
732
|
s(this, pt, null);
|
|
733
733
|
s(this, z, null);
|
|
734
|
-
s(this,
|
|
735
|
-
s(this,
|
|
736
|
-
s(this, Nt, 0);
|
|
734
|
+
s(this, j, !1);
|
|
735
|
+
s(this, J, 0);
|
|
737
736
|
s(this, qt, 0);
|
|
737
|
+
s(this, Ut, 0);
|
|
738
738
|
s(this, ft, () => {
|
|
739
|
-
h(this,
|
|
740
|
-
const e = t(this,
|
|
741
|
-
h(this,
|
|
739
|
+
h(this, j, this.offsetWidth > this.offsetHeight);
|
|
740
|
+
const e = t(this, j) ? this.offsetWidth : this.offsetHeight;
|
|
741
|
+
h(this, J, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, J, Math.max(t(this, J), 30)), t(this, j) ? (t(this, z).style.width = t(this, J) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, J) + "px"), h(this, qt, e - t(this, J)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Gt).call(this);
|
|
742
742
|
});
|
|
743
|
-
s(this,
|
|
744
|
-
h(this,
|
|
743
|
+
s(this, Gt, () => {
|
|
744
|
+
h(this, Ut, this.scrollElement.currentProgress * t(this, qt)), t(this, j) ? t(this, z).style.transform = `translate3d(${t(this, Ut)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, Ut)}px, 0px)`;
|
|
745
745
|
});
|
|
746
|
-
s(this,
|
|
746
|
+
s(this, ae, () => {
|
|
747
747
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
748
748
|
});
|
|
749
|
-
s(this,
|
|
749
|
+
s(this, ue, (e) => {
|
|
750
750
|
document.documentElement.classList.add("grabbing"), Ye(
|
|
751
751
|
(a) => {
|
|
752
|
-
const
|
|
753
|
-
this.scrollElement.setPosition(i +
|
|
752
|
+
const m = t(this, j) ? a.x : a.y, C = this.scrollElement.distance / t(this, qt), I = (m - r) * C;
|
|
753
|
+
this.scrollElement.setPosition(i + I);
|
|
754
754
|
},
|
|
755
755
|
() => {
|
|
756
756
|
document.documentElement.classList.remove("grabbing");
|
|
757
757
|
}
|
|
758
758
|
);
|
|
759
|
-
const i = this.scrollElement.damped.target, r = t(this,
|
|
759
|
+
const i = this.scrollElement.damped.target, r = t(this, j) ? e.x : e.y;
|
|
760
760
|
});
|
|
761
761
|
if (H) {
|
|
762
762
|
const e = this.attachShadow({ mode: "open" });
|
|
763
763
|
e.adoptedStyleSheets = [
|
|
764
|
-
|
|
764
|
+
De({
|
|
765
765
|
":host": {
|
|
766
766
|
display: "inline-block",
|
|
767
767
|
zIndex: "1",
|
|
@@ -799,27 +799,27 @@ class rs extends Le {
|
|
|
799
799
|
connectedCallback() {
|
|
800
800
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
801
801
|
const e = t(this, pt).assignedElements()[0] || t(this, pt).firstElementChild;
|
|
802
|
-
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this,
|
|
802
|
+
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ue)), Dt.subscribe(t(this, ft), ye.SCROLL), ie.subscribe(this, t(this, ft)), ie.subscribe(this.scrollElement, t(this, ft)), this.scrollElement.onScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ae));
|
|
803
803
|
}
|
|
804
804
|
disconnectedCallback() {
|
|
805
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this,
|
|
805
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ue)), Dt.unsubscribe(t(this, ft)), ie.unsubscribe(t(this, ft)), this.scrollElement.offScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ae));
|
|
806
806
|
}
|
|
807
807
|
}
|
|
808
|
-
pt = new WeakMap(), z = new WeakMap(),
|
|
808
|
+
pt = new WeakMap(), z = new WeakMap(), j = new WeakMap(), J = new WeakMap(), qt = new WeakMap(), Ut = new WeakMap(), ft = new WeakMap(), Gt = new WeakMap(), ae = new WeakMap(), ue = new WeakMap();
|
|
809
809
|
H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", rs);
|
|
810
|
-
var
|
|
811
|
-
class
|
|
810
|
+
var Kt, _t, Zt;
|
|
811
|
+
class $e extends ze {
|
|
812
812
|
constructor() {
|
|
813
813
|
super();
|
|
814
|
-
s(this,
|
|
815
|
-
s(this,
|
|
814
|
+
s(this, Kt, new p(this, "--behaviour", "smooth"));
|
|
815
|
+
s(this, _t, new p(
|
|
816
816
|
this,
|
|
817
817
|
"--tween-easing",
|
|
818
818
|
!1
|
|
819
819
|
));
|
|
820
|
-
s(this,
|
|
820
|
+
s(this, Zt, new p(this, "--tween-duration", 0));
|
|
821
821
|
H && this.addEventListener("click", () => {
|
|
822
|
-
const e = t(this,
|
|
822
|
+
const e = t(this, Kt).current, i = t(this, _t).current, r = t(this, Zt).current;
|
|
823
823
|
this.handleClick({
|
|
824
824
|
behaviour: e,
|
|
825
825
|
tween: i || r ? { easing: i, duration: r } : void 0
|
|
@@ -827,92 +827,92 @@ class He extends Le {
|
|
|
827
827
|
});
|
|
828
828
|
}
|
|
829
829
|
connectedCallback() {
|
|
830
|
-
super.connectedCallback(), t(this,
|
|
830
|
+
super.connectedCallback(), t(this, Kt).observe(), t(this, _t).observe(), t(this, Zt).observe();
|
|
831
831
|
}
|
|
832
832
|
disconnectedCallback() {
|
|
833
|
-
t(this,
|
|
833
|
+
t(this, Kt).close(), t(this, _t).close(), t(this, Zt).close();
|
|
834
834
|
}
|
|
835
835
|
}
|
|
836
|
-
|
|
837
|
-
var
|
|
838
|
-
class ns extends
|
|
836
|
+
Kt = new WeakMap(), _t = new WeakMap(), Zt = new WeakMap();
|
|
837
|
+
var jt;
|
|
838
|
+
class ns extends $e {
|
|
839
839
|
constructor() {
|
|
840
840
|
super(...arguments);
|
|
841
|
-
s(this,
|
|
841
|
+
s(this, jt, new p(this, "--set", 1));
|
|
842
842
|
}
|
|
843
843
|
handleClick(e) {
|
|
844
|
-
this.scrollElement.scrollToSection(t(this,
|
|
844
|
+
this.scrollElement.scrollToSection(t(this, jt).current, e);
|
|
845
845
|
}
|
|
846
846
|
connectedCallback() {
|
|
847
|
-
super.connectedCallback(), t(this,
|
|
847
|
+
super.connectedCallback(), t(this, jt).observe();
|
|
848
848
|
}
|
|
849
849
|
disconnectedCallback() {
|
|
850
|
-
super.disconnectedCallback(), t(this,
|
|
850
|
+
super.disconnectedCallback(), t(this, jt).close();
|
|
851
851
|
}
|
|
852
852
|
}
|
|
853
|
-
|
|
853
|
+
jt = new WeakMap();
|
|
854
854
|
H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ns);
|
|
855
|
-
var
|
|
856
|
-
class hs extends
|
|
855
|
+
var Q, Jt;
|
|
856
|
+
class hs extends $e {
|
|
857
857
|
constructor() {
|
|
858
858
|
super(...arguments);
|
|
859
|
-
s(this,
|
|
860
|
-
s(this,
|
|
861
|
-
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this,
|
|
859
|
+
s(this, Q, new p(this, "--step", 1));
|
|
860
|
+
s(this, Jt, () => {
|
|
861
|
+
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, Q).current > 0 && this.scrollElement.scrollLine === "end" || t(this, Q).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
|
|
862
862
|
});
|
|
863
863
|
}
|
|
864
864
|
handleClick(e) {
|
|
865
|
-
this.scrollElement.shiftSections(t(this,
|
|
865
|
+
this.scrollElement.shiftSections(t(this, Q).current, e);
|
|
866
866
|
}
|
|
867
867
|
connectedCallback() {
|
|
868
|
-
super.connectedCallback(), this.scrollElement && (t(this,
|
|
869
|
-
t(this,
|
|
870
|
-
}), t(this,
|
|
868
|
+
super.connectedCallback(), this.scrollElement && (t(this, Q).subscribe(() => {
|
|
869
|
+
t(this, Jt).call(this);
|
|
870
|
+
}), t(this, Q).observe(), this.scrollElement.addEventListener(
|
|
871
871
|
"scrollLine",
|
|
872
|
-
t(this,
|
|
873
|
-
), t(this,
|
|
872
|
+
t(this, Jt)
|
|
873
|
+
), t(this, Jt).call(this));
|
|
874
874
|
}
|
|
875
875
|
disconnectedCallback() {
|
|
876
|
-
super.disconnectedCallback(), t(this,
|
|
876
|
+
super.disconnectedCallback(), t(this, Q).close(), this.removeAttribute("disabled");
|
|
877
877
|
}
|
|
878
878
|
}
|
|
879
|
-
|
|
879
|
+
Q = new WeakMap(), Jt = new WeakMap();
|
|
880
880
|
H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", hs);
|
|
881
|
-
var
|
|
881
|
+
var X, bt, Qt, de, pe, Xt;
|
|
882
882
|
class os {
|
|
883
883
|
constructor(n, e, i) {
|
|
884
|
-
s(this,
|
|
885
|
-
s(this,
|
|
886
|
-
s(this,
|
|
887
|
-
s(this,
|
|
888
|
-
s(this,
|
|
889
|
-
t(this,
|
|
890
|
-
behaviour: t(this,
|
|
884
|
+
s(this, X, null);
|
|
885
|
+
s(this, bt, null);
|
|
886
|
+
s(this, Qt, null);
|
|
887
|
+
s(this, de, null);
|
|
888
|
+
s(this, pe, () => {
|
|
889
|
+
t(this, bt).scrollToSection(t(this, Qt), {
|
|
890
|
+
behaviour: t(this, de)
|
|
891
891
|
});
|
|
892
892
|
});
|
|
893
|
-
s(this,
|
|
894
|
-
t(this,
|
|
893
|
+
s(this, Xt, () => {
|
|
894
|
+
t(this, X).classList.toggle(
|
|
895
895
|
"current",
|
|
896
|
-
t(this,
|
|
896
|
+
t(this, bt).counter.current === t(this, Qt)
|
|
897
897
|
);
|
|
898
898
|
});
|
|
899
|
-
H && (h(this,
|
|
899
|
+
H && (h(this, X, document.createElement("button")), h(this, bt, n), h(this, de, i), h(this, Qt, e), t(this, X).addEventListener("click", t(this, pe)), t(this, bt).counter.subscribe(t(this, Xt)), t(this, Xt).call(this));
|
|
900
900
|
}
|
|
901
901
|
get element() {
|
|
902
|
-
return t(this,
|
|
902
|
+
return t(this, X);
|
|
903
903
|
}
|
|
904
904
|
destroy() {
|
|
905
|
-
t(this,
|
|
905
|
+
t(this, X).removeEventListener("click", t(this, pe)), t(this, bt).counter.unsubscribe(t(this, Xt)), t(this, X).remove();
|
|
906
906
|
}
|
|
907
907
|
}
|
|
908
|
-
|
|
909
|
-
var
|
|
910
|
-
class ls extends
|
|
908
|
+
X = new WeakMap(), bt = new WeakMap(), Qt = new WeakMap(), de = new WeakMap(), pe = new WeakMap(), Xt = new WeakMap();
|
|
909
|
+
var mt, At;
|
|
910
|
+
class ls extends ze {
|
|
911
911
|
constructor() {
|
|
912
912
|
super(...arguments);
|
|
913
|
-
s(this,
|
|
913
|
+
s(this, mt, []);
|
|
914
914
|
s(this, At, ts(() => {
|
|
915
|
-
t(this,
|
|
915
|
+
t(this, mt).forEach((i) => i.destroy()), h(this, mt, []);
|
|
916
916
|
const e = this.scrollElement.sections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
|
|
917
917
|
for (let i = 0; i < e; i++) {
|
|
918
918
|
const r = new os(
|
|
@@ -920,7 +920,7 @@ class ls extends Le {
|
|
|
920
920
|
i,
|
|
921
921
|
this.getAttribute("behaviour") || "smooth"
|
|
922
922
|
);
|
|
923
|
-
this.appendChild(r.element), t(this,
|
|
923
|
+
this.appendChild(r.element), t(this, mt).push(r);
|
|
924
924
|
}
|
|
925
925
|
}, 0));
|
|
926
926
|
}
|
|
@@ -938,21 +938,21 @@ class ls extends Le {
|
|
|
938
938
|
t(this, At)
|
|
939
939
|
), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
|
|
940
940
|
t(this, At)
|
|
941
|
-
), t(this,
|
|
941
|
+
), t(this, mt).forEach((e) => e.destroy()), h(this, mt, []);
|
|
942
942
|
}
|
|
943
943
|
}
|
|
944
|
-
|
|
944
|
+
mt = new WeakMap(), At = new WeakMap();
|
|
945
945
|
H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ls);
|
|
946
946
|
class cs extends es {
|
|
947
947
|
connectedCallback() {
|
|
948
|
-
const n =
|
|
949
|
-
n instanceof
|
|
948
|
+
const n = Re(this, Vt);
|
|
949
|
+
n instanceof Vt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
|
|
950
950
|
"scrollSectionsChange",
|
|
951
951
|
this.findAnotherScrollEntries
|
|
952
952
|
), this.scrollContainer.addEventListener("scrollResize", this.resize), this.resize()) : console.error(this, "e-scroll not found");
|
|
953
953
|
}
|
|
954
954
|
disconnectedCallback() {
|
|
955
|
-
super.disconnectedCallback(), this.scrollContainer instanceof
|
|
955
|
+
super.disconnectedCallback(), this.scrollContainer instanceof Vt && (this.scrollContainer.removeEventListener(
|
|
956
956
|
"scrollSectionsChange",
|
|
957
957
|
this.findAnotherScrollEntries
|
|
958
958
|
), this.scrollContainer.removeEventListener("scrollResize", this.resize));
|
|
@@ -961,7 +961,7 @@ class cs extends es {
|
|
|
961
961
|
H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", cs);
|
|
962
962
|
export {
|
|
963
963
|
ls as ScrollBulletButtonsElement,
|
|
964
|
-
|
|
964
|
+
Vt as ScrollElement,
|
|
965
965
|
cs as ScrollSegmentElement,
|
|
966
966
|
ns as ScrollSetButtonElement,
|
|
967
967
|
hs as ScrollStepButtonElement,
|