aptechka 0.54.0 → 0.54.1
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 +291 -285
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
throw TypeError(
|
|
1
|
+
var Ze = Object.defineProperty;
|
|
2
|
+
var He = Object.getOwnPropertySymbols;
|
|
3
|
+
var je = Object.prototype.hasOwnProperty, Je = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var Be = (p) => {
|
|
5
|
+
throw TypeError(p);
|
|
6
6
|
};
|
|
7
|
-
var
|
|
7
|
+
var $e = (p, n, e) => n in p ? Ze(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e, We = (p, n) => {
|
|
8
8
|
for (var e in n || (n = {}))
|
|
9
|
-
|
|
10
|
-
if (
|
|
11
|
-
for (var e of
|
|
12
|
-
|
|
13
|
-
return
|
|
9
|
+
je.call(n, e) && $e(p, e, n[e]);
|
|
10
|
+
if (He)
|
|
11
|
+
for (var e of He(n))
|
|
12
|
+
Je.call(n, e) && $e(p, e, n[e]);
|
|
13
|
+
return p;
|
|
14
14
|
};
|
|
15
|
-
var
|
|
16
|
-
var t = (
|
|
17
|
-
import { S as
|
|
15
|
+
var Le = (p, n, e) => n.has(p) || Be("Cannot " + e);
|
|
16
|
+
var t = (p, n, e) => (Le(p, n, "read from private field"), e ? e.call(p) : n.get(p)), s = (p, n, e) => n.has(p) ? Be("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(p) : n.set(p, e), h = (p, n, e, i) => (Le(p, n, "write to private field"), i ? i.call(p, e) : n.set(p, e), e), c = (p, n, e) => (Le(p, n, "access private method"), e);
|
|
17
|
+
import { S as Qe } from "../Store-swP_0ymB.js";
|
|
18
18
|
import { i as H } from "../index-euf5anj6.js";
|
|
19
|
-
import { q as
|
|
20
|
-
import { d as
|
|
21
|
-
import { d as
|
|
22
|
-
import { c as
|
|
23
|
-
import { a as
|
|
24
|
-
import { c as
|
|
25
|
-
import { p as
|
|
19
|
+
import { q as Xe } from "../easings-BEmRlrDd.js";
|
|
20
|
+
import { d as re } from "../events-CsVF98U6.js";
|
|
21
|
+
import { d as ze } from "../function-C10DGppn.js";
|
|
22
|
+
import { c as Ne } from "../jss-DtnXPEnq.js";
|
|
23
|
+
import { a as Ie, g as ke } from "../layout-DpZo-I0y.js";
|
|
24
|
+
import { c as qe } from "../math-BOBiC4TN.js";
|
|
25
|
+
import { p as Ye, l as ts } from "../number-DwCxt_Ck.js";
|
|
26
26
|
import "../ticker/index.js";
|
|
27
|
-
import { TICK_ORDER as
|
|
28
|
-
import { D as
|
|
29
|
-
import { T as
|
|
30
|
-
import { WheelControls as
|
|
31
|
-
import { windowResizer as
|
|
27
|
+
import { TICK_ORDER as es, RESIZE_ORDER as Ae } from "../order/index.js";
|
|
28
|
+
import { D as ss } from "../Damped-GyAS-U-z.js";
|
|
29
|
+
import { T as is } from "../Tweened-BWPx3jJR.js";
|
|
30
|
+
import { WheelControls as rs, KeyboardControls as ns, DragControls as hs, AutoplayControls as os } from "../controls/index.js";
|
|
31
|
+
import { windowResizer as Ht } from "../window-resizer/index.js";
|
|
32
32
|
import { scrollEntries as vt } from "../scroll-entries/index.js";
|
|
33
|
-
import { cssUnitParser as
|
|
34
|
-
import { CSSProperty as
|
|
35
|
-
import { device as
|
|
36
|
-
import { elementResizer as
|
|
37
|
-
import { s as
|
|
38
|
-
import { b as
|
|
39
|
-
import { ScrollSegmentElement as
|
|
40
|
-
var
|
|
41
|
-
class
|
|
33
|
+
import { cssUnitParser as Fe } from "../css-unit-parser/index.js";
|
|
34
|
+
import { CSSProperty as d } from "../css-property/index.js";
|
|
35
|
+
import { device as ls } from "../device/index.js";
|
|
36
|
+
import { elementResizer as le } from "../element-resizer/index.js";
|
|
37
|
+
import { s as cs } from "../gestures-CcXV6fCp.js";
|
|
38
|
+
import { b as Ue } from "../dom-CVWzyXPH.js";
|
|
39
|
+
import { ScrollSegmentElement as as } from "../scroll-segment/index.js";
|
|
40
|
+
var f, Bt, g, ce, ae, yt, $, et, Ct, xt, ne;
|
|
41
|
+
class us {
|
|
42
42
|
constructor(n, e, i) {
|
|
43
43
|
s(this, xt);
|
|
44
|
-
s(this,
|
|
45
|
-
s(this,
|
|
44
|
+
s(this, f);
|
|
45
|
+
s(this, Bt);
|
|
46
46
|
s(this, g);
|
|
47
|
-
s(this, le, 0);
|
|
48
47
|
s(this, ce, 0);
|
|
48
|
+
s(this, ae, 0);
|
|
49
49
|
s(this, yt, 0);
|
|
50
50
|
s(this, $, 0);
|
|
51
51
|
s(this, et, null);
|
|
52
52
|
s(this, Ct, 0);
|
|
53
|
-
h(this,
|
|
53
|
+
h(this, f, n), h(this, Bt, e), h(this, g, i), vt.register(t(this, f)), this.setIndex(t(this, Bt));
|
|
54
54
|
}
|
|
55
55
|
get element() {
|
|
56
|
-
return t(this,
|
|
56
|
+
return t(this, f);
|
|
57
57
|
}
|
|
58
58
|
get index() {
|
|
59
|
-
return t(this,
|
|
59
|
+
return t(this, Bt);
|
|
60
60
|
}
|
|
61
61
|
get size() {
|
|
62
62
|
return t(this, yt);
|
|
63
63
|
}
|
|
64
64
|
get width() {
|
|
65
|
-
return t(this,
|
|
65
|
+
return t(this, ce);
|
|
66
66
|
}
|
|
67
67
|
get height() {
|
|
68
|
-
return t(this,
|
|
68
|
+
return t(this, ae);
|
|
69
69
|
}
|
|
70
70
|
get position() {
|
|
71
71
|
return t(this, $);
|
|
@@ -74,31 +74,31 @@ class as {
|
|
|
74
74
|
return t(this, Ct);
|
|
75
75
|
}
|
|
76
76
|
destroy() {
|
|
77
|
-
vt.unregister(t(this,
|
|
77
|
+
vt.unregister(t(this, f)), this.unsetTransform();
|
|
78
78
|
}
|
|
79
79
|
unsetTransform() {
|
|
80
|
-
t(this,
|
|
80
|
+
t(this, f).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setMiddle(!1), this.setSize();
|
|
81
81
|
}
|
|
82
82
|
setSize(n) {
|
|
83
|
-
n ? (t(this,
|
|
83
|
+
n ? (t(this, f).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, f).style.width = n + "px", t(this, f).style.height = "") : (t(this, f).style.height = n + "px", t(this, f).style.width = "")) : (t(this, f).style.width = "", t(this, f).style.height = "", t(this, f).style.removeProperty("--size"));
|
|
84
84
|
}
|
|
85
85
|
resize() {
|
|
86
|
-
h(this,
|
|
86
|
+
h(this, ce, t(this, f).offsetWidth), h(this, ae, t(this, f).offsetHeight), h(this, yt, t(this, g).vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth), h(this, $, t(this, g).vertical ? Ie(t(this, f)) : ke(t(this, f))), h(this, $, t(this, $) - t(this, g).contentPosition);
|
|
87
87
|
}
|
|
88
88
|
transform() {
|
|
89
89
|
const n = t(this, g).shiftSectionPositionCSSProperty.current;
|
|
90
90
|
let e = n;
|
|
91
91
|
const i = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
|
|
92
92
|
t(this, g).loopCSSProperty.current && t(this, $) + t(this, yt) <= t(this, g).currentScrollValue - n / 2 && (e = (t(this, g).distance - n) * -1 - t(this, g).gap), vt.update(
|
|
93
|
-
t(this,
|
|
93
|
+
t(this, f),
|
|
94
94
|
t(this, g).axisCSSProperty.current,
|
|
95
95
|
e
|
|
96
96
|
);
|
|
97
|
-
const r = t(this, g).currentScrollValue + e, a = t(this, $) - t(this, g).viewportSize - i, b = t(this, $) + t(this, yt) + i, v =
|
|
98
|
-
h(this, Ct, v * -1), t(this, g).vertical ? t(this,
|
|
97
|
+
const r = t(this, g).currentScrollValue + e, a = t(this, $) - t(this, g).viewportSize - i, b = t(this, $) + t(this, yt) + i, v = Ye(qe(r, a, b), 3);
|
|
98
|
+
h(this, Ct, v * -1), t(this, g).vertical ? t(this, f).style.transform = `translate3d(0px, ${t(this, Ct)}px, 0px)` : t(this, f).style.transform = `translate3d(${t(this, Ct)}px, 0px, 0px)`;
|
|
99
99
|
}
|
|
100
100
|
setMark(n) {
|
|
101
|
-
t(this, et) !== n && (t(this, et) && t(this,
|
|
101
|
+
t(this, et) !== n && (t(this, et) && t(this, f).classList.remove(t(this, et)), n && t(this, f).classList.add(n), h(this, et, n), re(t(this, f), "scrollSectionMarkChange", {
|
|
102
102
|
composed: !0,
|
|
103
103
|
detail: {
|
|
104
104
|
mark: t(this, et)
|
|
@@ -107,25 +107,25 @@ class as {
|
|
|
107
107
|
}));
|
|
108
108
|
}
|
|
109
109
|
setMiddle(n) {
|
|
110
|
-
t(this,
|
|
110
|
+
t(this, f).classList.toggle("middle", n);
|
|
111
111
|
}
|
|
112
112
|
setIndex(n) {
|
|
113
|
-
c(this, xt,
|
|
113
|
+
c(this, xt, ne).call(this, "index", n);
|
|
114
114
|
}
|
|
115
115
|
setCurrentIndex(n) {
|
|
116
|
-
c(this, xt,
|
|
116
|
+
c(this, xt, ne).call(this, "current-index", n);
|
|
117
117
|
}
|
|
118
118
|
setCurrentIndexArc(n) {
|
|
119
|
-
c(this, xt,
|
|
119
|
+
c(this, xt, ne).call(this, "current-index-arc", n);
|
|
120
120
|
}
|
|
121
121
|
setCurrentIndexArcAbs(n) {
|
|
122
|
-
c(this, xt,
|
|
122
|
+
c(this, xt, ne).call(this, "current-index-arc-abs", n);
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
|
-
|
|
126
|
-
e !== null ? (t(this,
|
|
125
|
+
f = new WeakMap(), Bt = new WeakMap(), g = new WeakMap(), ce = new WeakMap(), ae = new WeakMap(), yt = new WeakMap(), $ = new WeakMap(), et = new WeakMap(), Ct = new WeakMap(), xt = new WeakSet(), ne = function(n, e) {
|
|
126
|
+
e !== null ? (t(this, f).style.setProperty(`--${n}`, e.toString()), t(this, f).setAttribute(`data-${n}`, e.toString())) : (t(this, f).style.removeProperty(`--${n}`), t(this, f).removeAttribute(`data-${n}`));
|
|
127
127
|
};
|
|
128
|
-
const
|
|
128
|
+
const ds = Ne({
|
|
129
129
|
":host": {
|
|
130
130
|
position: "relative",
|
|
131
131
|
width: "100%",
|
|
@@ -163,143 +163,144 @@ const us = Fe({
|
|
|
163
163
|
flexShrink: "0"
|
|
164
164
|
}
|
|
165
165
|
});
|
|
166
|
-
var u,
|
|
167
|
-
class
|
|
166
|
+
var u, wt, E, st, B, W, F, T, it, rt, N, nt, Et, D, C, Pt, Lt, zt, It, Wt, kt, A, At, ht, M, ot, q, Mt, lt, Tt, ct, at, ut, m, Ft, l, ue, de, y, S, k, V, dt, R, w, P, Nt, U, G, K, _, qt, pt, Z, Ut, O, x, Gt, j, Dt, Kt, o, Me, he, Ot, we, Ee, Te, De, L, pe, Ge, _t, fe, Ve, Re, gt, Ke, me, oe, be;
|
|
167
|
+
class $t extends HTMLElement {
|
|
168
168
|
constructor() {
|
|
169
169
|
super();
|
|
170
170
|
s(this, o);
|
|
171
171
|
s(this, u, null);
|
|
172
|
-
s(this,
|
|
173
|
-
s(this,
|
|
174
|
-
s(this, st, new
|
|
175
|
-
s(this, B, new
|
|
176
|
-
s(this, W, new
|
|
172
|
+
s(this, wt, new d(this, "--controls", !0));
|
|
173
|
+
s(this, E, new d(this, "--axis", "y"));
|
|
174
|
+
s(this, st, new d(this, "--reverse", !1));
|
|
175
|
+
s(this, B, new d(this, "--direction", 0));
|
|
176
|
+
s(this, W, new d(this, "--pages", 0, {
|
|
177
177
|
validate: (e) => Math.max(0, e - 1)
|
|
178
178
|
}));
|
|
179
|
-
s(this, F, new
|
|
180
|
-
s(this, T, new
|
|
181
|
-
s(this, it, new
|
|
179
|
+
s(this, F, new d(this, "--split", !1));
|
|
180
|
+
s(this, T, new d(this, "--sectional", !1));
|
|
181
|
+
s(this, it, new d(
|
|
182
182
|
this,
|
|
183
183
|
"--tween-easing",
|
|
184
184
|
!1
|
|
185
185
|
));
|
|
186
|
-
s(this, rt, new
|
|
186
|
+
s(this, rt, new d(
|
|
187
187
|
this,
|
|
188
188
|
"--tween-duration",
|
|
189
189
|
!1
|
|
190
190
|
));
|
|
191
|
-
s(this, N, new
|
|
192
|
-
s(this, nt, new
|
|
191
|
+
s(this, N, new d(this, "--auto-size", !1));
|
|
192
|
+
s(this, nt, new d(
|
|
193
193
|
this,
|
|
194
194
|
"--wheel-max-delta",
|
|
195
195
|
!1
|
|
196
196
|
));
|
|
197
|
-
s(this,
|
|
198
|
-
s(this, D, new
|
|
197
|
+
s(this, Et, new d(this, "--drag-inertion", 1));
|
|
198
|
+
s(this, D, new d(
|
|
199
199
|
this,
|
|
200
200
|
"--sections-in-view",
|
|
201
201
|
1
|
|
202
202
|
));
|
|
203
|
-
s(this, C, new
|
|
204
|
-
s(this, Pt, new
|
|
205
|
-
s(this, Lt, new
|
|
206
|
-
s(this, zt, new
|
|
207
|
-
s(this, It, new
|
|
208
|
-
s(this,
|
|
203
|
+
s(this, C, new d(this, "--loop", !1));
|
|
204
|
+
s(this, Pt, new d(this, "--damping", 20));
|
|
205
|
+
s(this, Lt, new d(this, "--mass", 0));
|
|
206
|
+
s(this, zt, new d(this, "--stiffness", 0));
|
|
207
|
+
s(this, It, new d(this, "--mouse-drag", !1));
|
|
208
|
+
s(this, Wt, new d(
|
|
209
209
|
this,
|
|
210
210
|
"--section-distance-scale",
|
|
211
211
|
0.5
|
|
212
212
|
));
|
|
213
|
-
s(this,
|
|
214
|
-
s(this,
|
|
213
|
+
s(this, kt, new d(this, "--start-section", 0));
|
|
214
|
+
s(this, A, new d(this, "--autoplay", 0));
|
|
215
|
+
s(this, At, new d(
|
|
215
216
|
this,
|
|
216
217
|
"--autoplay-pause-duration",
|
|
217
218
|
0
|
|
218
219
|
));
|
|
219
|
-
s(this, ht, new
|
|
220
|
+
s(this, ht, new d(
|
|
220
221
|
this,
|
|
221
222
|
"--autoplay-user-direction",
|
|
222
223
|
!1
|
|
223
224
|
));
|
|
224
|
-
s(this, M, new
|
|
225
|
-
s(this, ot, new
|
|
225
|
+
s(this, M, new d(this, "--classes", !1));
|
|
226
|
+
s(this, ot, new d(
|
|
226
227
|
this,
|
|
227
228
|
"--current-index-start-offset",
|
|
228
229
|
0
|
|
229
230
|
));
|
|
230
|
-
s(this, q, new
|
|
231
|
+
s(this, q, new d(
|
|
231
232
|
this,
|
|
232
233
|
"--current-index-end-offset",
|
|
233
234
|
0
|
|
234
235
|
));
|
|
235
|
-
s(this,
|
|
236
|
+
s(this, Mt, new d(
|
|
236
237
|
this,
|
|
237
238
|
"--shift-section-position",
|
|
238
239
|
0,
|
|
239
240
|
{ rawValueCheck: !1 }
|
|
240
241
|
));
|
|
241
|
-
s(this, lt, new
|
|
242
|
-
s(this,
|
|
242
|
+
s(this, lt, new d(this, "--focus-delay", 0));
|
|
243
|
+
s(this, Tt, new d(
|
|
243
244
|
this,
|
|
244
245
|
"--focus-duration",
|
|
245
246
|
3e3
|
|
246
247
|
));
|
|
247
|
-
s(this, ct, new
|
|
248
|
-
s(this, at, new
|
|
248
|
+
s(this, ct, new d(this, "--disabled", !1));
|
|
249
|
+
s(this, at, new d(this, "--hibernate", !1));
|
|
249
250
|
s(this, ut, null);
|
|
250
251
|
s(this, m, null);
|
|
251
|
-
s(this,
|
|
252
|
+
s(this, Ft, null);
|
|
252
253
|
s(this, l, []);
|
|
253
|
-
s(this, ae, 0);
|
|
254
254
|
s(this, ue, 0);
|
|
255
|
+
s(this, de, 0);
|
|
255
256
|
s(this, y, 0);
|
|
256
257
|
s(this, S, 0);
|
|
257
258
|
s(this, k, 0);
|
|
258
259
|
s(this, V, null);
|
|
259
260
|
s(this, dt, null);
|
|
260
261
|
s(this, R, null);
|
|
261
|
-
s(this,
|
|
262
|
-
s(this, P, new
|
|
263
|
-
s(this,
|
|
262
|
+
s(this, w, null);
|
|
263
|
+
s(this, P, new Qe(0));
|
|
264
|
+
s(this, Nt, 0);
|
|
264
265
|
s(this, U, 0);
|
|
265
266
|
s(this, G, !1);
|
|
266
267
|
s(this, K, !0);
|
|
267
268
|
s(this, _, !0);
|
|
268
|
-
s(this,
|
|
269
|
-
s(this,
|
|
270
|
-
s(this, Z, new
|
|
271
|
-
s(this,
|
|
269
|
+
s(this, qt);
|
|
270
|
+
s(this, pt);
|
|
271
|
+
s(this, Z, new is());
|
|
272
|
+
s(this, Ut, !1);
|
|
272
273
|
s(this, O, null);
|
|
273
274
|
s(this, x, !1);
|
|
274
|
-
s(this,
|
|
275
|
+
s(this, Gt, null);
|
|
275
276
|
s(this, j, []);
|
|
276
|
-
s(this,
|
|
277
|
-
s(this,
|
|
277
|
+
s(this, Dt, !1);
|
|
278
|
+
s(this, Kt);
|
|
278
279
|
s(this, L, (e) => {
|
|
279
|
-
if (e && t(this,
|
|
280
|
-
h(this,
|
|
280
|
+
if (e && t(this, Dt)) {
|
|
281
|
+
h(this, Dt, !1);
|
|
281
282
|
return;
|
|
282
283
|
}
|
|
283
284
|
this.resize();
|
|
284
285
|
});
|
|
285
|
-
s(this,
|
|
286
|
+
s(this, pe, () => {
|
|
286
287
|
if (!t(this, G) || t(this, _) || t(this, K))
|
|
287
288
|
return;
|
|
288
289
|
const e = this.currentScrollValue;
|
|
289
|
-
if (h(this,
|
|
290
|
+
if (h(this, Nt, Math.max(0, e - t(this, S))), t(this, l).length) {
|
|
290
291
|
for (let i = 0; i < t(this, l).length; i++)
|
|
291
292
|
t(this, l)[i].transform();
|
|
292
|
-
t(this, P).current = c(this, o,
|
|
293
|
+
t(this, P).current = c(this, o, oe).call(this);
|
|
293
294
|
} else
|
|
294
295
|
this.vertical ? t(this, m).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
295
|
-
c(this, o,
|
|
296
|
+
c(this, o, Ke).call(this), vt.update(
|
|
296
297
|
this,
|
|
297
|
-
t(this,
|
|
298
|
+
t(this, E).current,
|
|
298
299
|
e
|
|
299
300
|
);
|
|
300
301
|
});
|
|
301
|
-
s(this,
|
|
302
|
-
t(this,
|
|
302
|
+
s(this, _t, (e, i) => {
|
|
303
|
+
t(this, wt).current && (c(this, o, Ve).call(this, Math.sign(i) || 1), t(this, fe).call(this, e, i));
|
|
303
304
|
});
|
|
304
305
|
s(this, fe, (e, i) => {
|
|
305
306
|
if (t(this, B).current) {
|
|
@@ -308,15 +309,15 @@ class Ht extends HTMLElement {
|
|
|
308
309
|
if (t(this, B).current > 0 && i < 0)
|
|
309
310
|
return;
|
|
310
311
|
}
|
|
311
|
-
if (t(this,
|
|
312
|
-
const r = t(this, l)[c(this, o,
|
|
312
|
+
if (t(this, pt) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, lt).current && (clearInterval(t(this, qt)), h(this, qt, setTimeout(() => {
|
|
313
|
+
const r = t(this, l)[c(this, o, oe).call(this)];
|
|
313
314
|
r && this.scrollToSection(r.index, {
|
|
314
315
|
tween: {
|
|
315
|
-
duration: t(this,
|
|
316
|
-
easing:
|
|
316
|
+
duration: t(this, Tt).current,
|
|
317
|
+
easing: Xe
|
|
317
318
|
}
|
|
318
319
|
});
|
|
319
|
-
}, t(this, lt).current))), !(e.includes("drag") && !
|
|
320
|
+
}, t(this, lt).current))), !(e.includes("drag") && !ls.isTouch && !t(this, It).current)) {
|
|
320
321
|
if (t(this, T).current && e !== "drag") {
|
|
321
322
|
const r = Math.sign(i);
|
|
322
323
|
if (t(this, l).length) {
|
|
@@ -326,32 +327,32 @@ class Ht extends HTMLElement {
|
|
|
326
327
|
duration: t(this, rt).current || 500
|
|
327
328
|
} : void 0
|
|
328
329
|
};
|
|
329
|
-
t(this,
|
|
330
|
+
t(this, Ut) ? this.scrollToSection(c(this, o, oe).call(this, !0), a) : this.shiftSections(r, a);
|
|
330
331
|
} else
|
|
331
332
|
t(this, u).shift(r * t(this, y));
|
|
332
333
|
} else
|
|
333
334
|
t(this, u).shift(i);
|
|
334
|
-
h(this,
|
|
335
|
+
h(this, Ut, e === "drag");
|
|
335
336
|
}
|
|
336
337
|
});
|
|
337
|
-
s(this,
|
|
338
|
+
s(this, me, ze(() => {
|
|
338
339
|
const e = t(this, j).reduce((i, r) => {
|
|
339
340
|
const a = this.vertical ? r.width : r.height;
|
|
340
341
|
return a > i ? a : i;
|
|
341
342
|
}, 0);
|
|
342
|
-
clearTimeout(t(this,
|
|
343
|
-
h(this,
|
|
343
|
+
clearTimeout(t(this, Kt)), h(this, Dt, !0), this.style.setProperty("--max-section-size", ""), h(this, Kt, setTimeout(() => {
|
|
344
|
+
h(this, Dt, !0), this.style.setProperty("--max-section-size", e + "px");
|
|
344
345
|
}, 10));
|
|
345
346
|
}, 20));
|
|
346
|
-
s(this,
|
|
347
|
-
h(this, x, !0), this.hibernatedCSSProperty.current || c(this, o,
|
|
347
|
+
s(this, be, () => {
|
|
348
|
+
h(this, x, !0), this.hibernatedCSSProperty.current || c(this, o, De).call(this);
|
|
348
349
|
});
|
|
349
350
|
if (H) {
|
|
350
351
|
const e = this.attachShadow({ mode: "open" });
|
|
351
|
-
e.adoptedStyleSheets = [
|
|
352
|
+
e.adoptedStyleSheets = [ds];
|
|
352
353
|
const i = document.createElement("div");
|
|
353
|
-
i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ut, document.createElement("div")), t(this, ut).className = "content-wrapper", h(this, m, document.createElement("div")), t(this, m).className = "content", h(this,
|
|
354
|
-
|
|
354
|
+
i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ut, document.createElement("div")), t(this, ut).className = "content-wrapper", h(this, m, document.createElement("div")), t(this, m).className = "content", h(this, Ft, document.createElement("slot")), t(this, m).appendChild(t(this, Ft)), t(this, ut).appendChild(t(this, m)), e.appendChild(t(this, ut)), h(this, Gt, new MutationObserver(
|
|
355
|
+
ze(() => {
|
|
355
356
|
this.tryResplit();
|
|
356
357
|
}, 10)
|
|
357
358
|
));
|
|
@@ -361,10 +362,10 @@ class Ht extends HTMLElement {
|
|
|
361
362
|
return t(this, u);
|
|
362
363
|
}
|
|
363
364
|
get controlsCSSProperty() {
|
|
364
|
-
return t(this,
|
|
365
|
+
return t(this, wt);
|
|
365
366
|
}
|
|
366
367
|
get axisCSSProperty() {
|
|
367
|
-
return t(this,
|
|
368
|
+
return t(this, E);
|
|
368
369
|
}
|
|
369
370
|
get reverseCSSProperty() {
|
|
370
371
|
return t(this, st);
|
|
@@ -394,7 +395,7 @@ class Ht extends HTMLElement {
|
|
|
394
395
|
return t(this, nt);
|
|
395
396
|
}
|
|
396
397
|
get dragInertionCSSProperty() {
|
|
397
|
-
return t(this,
|
|
398
|
+
return t(this, Et);
|
|
398
399
|
}
|
|
399
400
|
get sectionsInViewCSSProperty() {
|
|
400
401
|
return t(this, D);
|
|
@@ -415,13 +416,16 @@ class Ht extends HTMLElement {
|
|
|
415
416
|
return t(this, It);
|
|
416
417
|
}
|
|
417
418
|
get sectionDistanceScaleCSSProperty() {
|
|
418
|
-
return t(this,
|
|
419
|
+
return t(this, Wt);
|
|
420
|
+
}
|
|
421
|
+
get startSectionCSSProperty() {
|
|
422
|
+
return t(this, kt);
|
|
419
423
|
}
|
|
420
424
|
get autoplayCSSProperty() {
|
|
421
425
|
return t(this, A);
|
|
422
426
|
}
|
|
423
427
|
get autoplayPauseDurationCSSProperty() {
|
|
424
|
-
return t(this,
|
|
428
|
+
return t(this, At);
|
|
425
429
|
}
|
|
426
430
|
get autoplayUserDirectionCSSProperty() {
|
|
427
431
|
return t(this, ht);
|
|
@@ -436,13 +440,13 @@ class Ht extends HTMLElement {
|
|
|
436
440
|
return t(this, q);
|
|
437
441
|
}
|
|
438
442
|
get shiftSectionPositionCSSProperty() {
|
|
439
|
-
return t(this,
|
|
443
|
+
return t(this, Mt);
|
|
440
444
|
}
|
|
441
445
|
get focusDelayCSSProperty() {
|
|
442
446
|
return t(this, lt);
|
|
443
447
|
}
|
|
444
448
|
get focusDurationCSSProperty() {
|
|
445
|
-
return t(this,
|
|
449
|
+
return t(this, Tt);
|
|
446
450
|
}
|
|
447
451
|
get disabledCSSProperty() {
|
|
448
452
|
return t(this, ct);
|
|
@@ -451,10 +455,10 @@ class Ht extends HTMLElement {
|
|
|
451
455
|
return t(this, at);
|
|
452
456
|
}
|
|
453
457
|
get currentScrollValue() {
|
|
454
|
-
return c(this, o,
|
|
458
|
+
return c(this, o, Re).call(this, "current");
|
|
455
459
|
}
|
|
456
460
|
get targetScrollValue() {
|
|
457
|
-
return c(this, o,
|
|
461
|
+
return c(this, o, Re).call(this, "target");
|
|
458
462
|
}
|
|
459
463
|
get contentWrapperElement() {
|
|
460
464
|
return t(this, ut);
|
|
@@ -466,10 +470,10 @@ class Ht extends HTMLElement {
|
|
|
466
470
|
return t(this, l);
|
|
467
471
|
}
|
|
468
472
|
get position() {
|
|
469
|
-
return t(this,
|
|
473
|
+
return t(this, ue);
|
|
470
474
|
}
|
|
471
475
|
get contentPosition() {
|
|
472
|
-
return t(this,
|
|
476
|
+
return t(this, de);
|
|
473
477
|
}
|
|
474
478
|
get viewportSize() {
|
|
475
479
|
return t(this, y);
|
|
@@ -498,13 +502,13 @@ class Ht extends HTMLElement {
|
|
|
498
502
|
return t(this, G);
|
|
499
503
|
}
|
|
500
504
|
get overscroll() {
|
|
501
|
-
return t(this,
|
|
505
|
+
return t(this, Nt);
|
|
502
506
|
}
|
|
503
507
|
get scrollLine() {
|
|
504
508
|
return t(this, O);
|
|
505
509
|
}
|
|
506
510
|
get vertical() {
|
|
507
|
-
return t(this,
|
|
511
|
+
return t(this, E).current === "y";
|
|
508
512
|
}
|
|
509
513
|
get currentProgress() {
|
|
510
514
|
return this.currentScrollValue / this.loopDistance || 0;
|
|
@@ -513,13 +517,13 @@ class Ht extends HTMLElement {
|
|
|
513
517
|
return this.targetScrollValue / this.loopDistance || 0;
|
|
514
518
|
}
|
|
515
519
|
get scrollWidth() {
|
|
516
|
-
return t(this,
|
|
520
|
+
return t(this, E).current === "y" ? 0 : t(this, u).distance;
|
|
517
521
|
}
|
|
518
522
|
get scrollHeight() {
|
|
519
|
-
return t(this,
|
|
523
|
+
return t(this, E).current === "x" ? 0 : t(this, u).distance;
|
|
520
524
|
}
|
|
521
525
|
tryResplit() {
|
|
522
|
-
!t(this, _) && (t(this, C).current || t(this, F).current || t(this, C).current || t(this, N).current || t(this, T).current) && c(this, o,
|
|
526
|
+
!t(this, _) && (t(this, C).current || t(this, F).current || t(this, C).current || t(this, N).current || t(this, T).current) && c(this, o, he).call(this);
|
|
523
527
|
}
|
|
524
528
|
onScroll(...e) {
|
|
525
529
|
return t(this, u).subscribe(...e);
|
|
@@ -542,19 +546,19 @@ class Ht extends HTMLElement {
|
|
|
542
546
|
scrollToSection(e, i) {
|
|
543
547
|
if (!t(this, l).length)
|
|
544
548
|
return;
|
|
545
|
-
const r = t(this, P).current, a = c(this, o,
|
|
549
|
+
const r = t(this, P).current, a = c(this, o, Ge).call(this, e), b = t(this, l)[r], v = t(this, l)[a];
|
|
546
550
|
if (b && v) {
|
|
547
551
|
let I = 0;
|
|
548
|
-
const
|
|
549
|
-
t(this, C).current ? a === 0 && r === t(this, l).length - 1 ? I = t(this, S) + t(this, y) - b.position + t(this, k) : a === t(this, l).length - 1 && r === 0 ? I = v.position - (t(this, S) + t(this, y) + t(this, k)) : I = v.position - b.position : I = v.position - b.position, this.shiftPosition(I -
|
|
552
|
+
const Pe = c(this, o, oe).call(this), Rt = t(this, l)[Pe], xe = Rt ? this.targetScrollValue - Rt.position : 0;
|
|
553
|
+
t(this, C).current ? a === 0 && r === t(this, l).length - 1 ? I = t(this, S) + t(this, y) - b.position + t(this, k) : a === t(this, l).length - 1 && r === 0 ? I = v.position - (t(this, S) + t(this, y) + t(this, k)) : I = v.position - b.position : I = v.position - b.position, this.shiftPosition(I - xe, i);
|
|
550
554
|
}
|
|
551
555
|
}
|
|
552
556
|
shiftSections(e, i) {
|
|
553
557
|
t(this, l).length && this.scrollToSection(t(this, P).current + e, i);
|
|
554
558
|
}
|
|
555
559
|
setPosition(e, i) {
|
|
556
|
-
c(this, o,
|
|
557
|
-
h(this,
|
|
560
|
+
c(this, o, Ve).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, pt) || (t(this, Z).set(t(this, u).current, { equalize: !0 }), t(this, Z).set(e, We({}, i.tween)), h(this, pt, setTimeout(() => {
|
|
561
|
+
h(this, pt, void 0);
|
|
558
562
|
}, i.tween.duration || 0))) : t(this, u).set(e, {
|
|
559
563
|
equalize: (i == null ? void 0 : i.behaviour) === "instant"
|
|
560
564
|
});
|
|
@@ -567,9 +571,9 @@ class Ht extends HTMLElement {
|
|
|
567
571
|
return;
|
|
568
572
|
t(this, u).unlistenAnimationFrame();
|
|
569
573
|
const e = this.currentScrollValue / t(this, S) || 0, i = t(this, P).current;
|
|
570
|
-
if (h(this,
|
|
574
|
+
if (h(this, ue, this.vertical ? Ie(this) : ke(this)), h(this, de, this.vertical ? Ie(t(this, m)) : ke(t(this, m))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Fe.parse(
|
|
571
575
|
getComputedStyle(t(this, m)).rowGap
|
|
572
|
-
)) : h(this, k,
|
|
576
|
+
)) : h(this, k, Fe.parse(
|
|
573
577
|
getComputedStyle(t(this, m)).columnGap
|
|
574
578
|
)), t(this, N).current && t(this, l).length) {
|
|
575
579
|
const r = t(this, D).current, a = (t(this, y) - t(this, k) * (r - 1)) / r;
|
|
@@ -606,42 +610,42 @@ class Ht extends HTMLElement {
|
|
|
606
610
|
t(this, u).set(e * t(this, S), {
|
|
607
611
|
equalize: !0
|
|
608
612
|
});
|
|
609
|
-
h(this, G, (this.vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ct).current || c(this, o, Ee).call(this) : c(this, o,
|
|
613
|
+
h(this, G, (this.vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ct).current || c(this, o, Ee).call(this) : c(this, o, we).call(this), t(this, me).call(this), re(this, "scrollResize", { custom: !0 }), t(this, u).notify();
|
|
610
614
|
}
|
|
611
615
|
connectedCallback() {
|
|
612
|
-
vt.register(this), h(this, u, new
|
|
616
|
+
vt.register(this), h(this, u, new ss(0, {
|
|
613
617
|
damping: 0.01,
|
|
614
618
|
min: 0,
|
|
615
|
-
order:
|
|
616
|
-
})), this.setAttribute("tabindex", "0"), h(this, V, new
|
|
619
|
+
order: es.SCROLL
|
|
620
|
+
})), this.setAttribute("tabindex", "0"), h(this, V, new rs({ element: t(this, m) })), t(this, V).changeEvent.subscribe(t(this, _t)), h(this, dt, new ns({
|
|
617
621
|
element: this
|
|
618
622
|
})), t(this, dt).changeEvent.subscribe(
|
|
619
|
-
t(this,
|
|
620
|
-
), h(this, R, new
|
|
623
|
+
t(this, _t)
|
|
624
|
+
), h(this, R, new hs({
|
|
621
625
|
element: t(this, m),
|
|
622
626
|
rootElement: this
|
|
623
|
-
})), t(this, R).changeEvent.subscribe(t(this,
|
|
627
|
+
})), t(this, R).changeEvent.subscribe(t(this, _t)), h(this, w, new os({
|
|
624
628
|
culling: this
|
|
625
|
-
})), t(this,
|
|
626
|
-
c(this, o,
|
|
629
|
+
})), t(this, w).changeEvent.subscribe(t(this, fe)), t(this, E).subscribe(() => {
|
|
630
|
+
c(this, o, Me).call(this);
|
|
627
631
|
}), t(this, st).subscribe(() => {
|
|
628
|
-
c(this, o,
|
|
632
|
+
c(this, o, Me).call(this);
|
|
629
633
|
}), t(this, nt).subscribe((e) => {
|
|
630
|
-
t(this, V).axis = e.current ? "max" : t(this,
|
|
631
|
-
}), t(this,
|
|
634
|
+
t(this, V).axis = e.current ? "max" : t(this, E).current;
|
|
635
|
+
}), t(this, Et).subscribe((e) => {
|
|
632
636
|
t(this, R).inertion = typeof e.current == "number" ? e.current : 1;
|
|
633
637
|
}), t(this, W).subscribe(() => {
|
|
634
638
|
t(this, x) && t(this, L).call(this);
|
|
635
639
|
}), t(this, F).subscribe(({ current: e }) => {
|
|
636
|
-
t(this, x) && (e ? c(this, o,
|
|
640
|
+
t(this, x) && (e ? c(this, o, he).call(this) : c(this, o, Ot).call(this));
|
|
637
641
|
}), t(this, T).subscribe((e) => {
|
|
638
|
-
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this,
|
|
642
|
+
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, l).length ? c(this, o, he).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Ot).call(this));
|
|
639
643
|
}), t(this, N).subscribe((e) => {
|
|
640
|
-
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o,
|
|
644
|
+
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o, he).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Ot).call(this));
|
|
641
645
|
}), t(this, D).subscribe((e) => {
|
|
642
646
|
t(this, x) && (t(this, L).call(this), c(this, o, gt).call(this));
|
|
643
647
|
}), t(this, C).subscribe((e) => {
|
|
644
|
-
e.current ? (t(this, x) && (t(this, l).length || (t(this, F).current = !0)), t(this, u).max = 1 / 0, t(this, u).min = -1 / 0) : (h(this,
|
|
648
|
+
e.current ? (t(this, x) && (t(this, l).length || (t(this, F).current = !0)), t(this, u).max = 1 / 0, t(this, u).min = -1 / 0) : (h(this, Nt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
|
|
645
649
|
}), t(this, Pt).subscribe((e) => {
|
|
646
650
|
t(this, u).damping = e.current;
|
|
647
651
|
}), t(this, Lt).subscribe((e) => {
|
|
@@ -649,16 +653,16 @@ class Ht extends HTMLElement {
|
|
|
649
653
|
}), t(this, zt).subscribe((e) => {
|
|
650
654
|
t(this, u).stiffness = e.current;
|
|
651
655
|
}), t(this, A).subscribe((e) => {
|
|
652
|
-
t(this,
|
|
656
|
+
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();
|
|
653
657
|
}), t(this, ht).subscribe((e) => {
|
|
654
|
-
e.current || (t(this,
|
|
658
|
+
e.current || (t(this, w).direction = 1);
|
|
655
659
|
}), t(this, M).subscribe((e) => {
|
|
656
660
|
t(this, x) && c(this, o, gt).call(this);
|
|
657
661
|
}), t(this, ot).subscribe((e) => {
|
|
658
662
|
t(this, x) && t(this, M).current && c(this, o, gt).call(this);
|
|
659
663
|
}), t(this, q).subscribe((e) => {
|
|
660
664
|
t(this, x) && t(this, M).current && c(this, o, gt).call(this);
|
|
661
|
-
}), t(this,
|
|
665
|
+
}), t(this, Mt).subscribe((e) => {
|
|
662
666
|
t(this, x) && t(this, u).notify();
|
|
663
667
|
}), t(this, u).isRunning.subscribe((e) => {
|
|
664
668
|
this.classList.toggle("active", e.current);
|
|
@@ -667,51 +671,53 @@ class Ht extends HTMLElement {
|
|
|
667
671
|
}), t(this, Z).subscribe((e) => {
|
|
668
672
|
t(this, Z).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
|
|
669
673
|
}), t(this, ct).subscribe((e) => {
|
|
670
|
-
e.current && !e.previous ? (this.classList.add("disabled"), c(this, o,
|
|
674
|
+
e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, we).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, Ee).call(this));
|
|
671
675
|
}), t(this, at).subscribe((e) => {
|
|
672
|
-
e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o,
|
|
673
|
-
}), t(this,
|
|
676
|
+
e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, Te).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, De).call(this));
|
|
677
|
+
}), t(this, wt).observe(), t(this, E).observe(), t(this, st).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, it).observe(), t(this, rt).observe(), t(this, N).observe(), t(this, nt).observe(), t(this, Et).observe(), t(this, D).observe(), t(this, C).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, It).observe(), t(this, Wt).observe(), t(this, kt).observe(), t(this, A).observe(), t(this, A).observe(), t(this, At).observe(), t(this, ht).observe(), t(this, M).observe(), t(this, ot).observe(), t(this, q).observe(), t(this, Mt).observe(), t(this, lt).observe(), t(this, Tt).observe(), t(this, ct).observe(), t(this, at).observe(), Ht.subscribe(t(this, be), Ae.LAST), le.subscribe(this, t(this, L)), t(this, Gt).observe(this, { childList: !0 });
|
|
674
678
|
}
|
|
675
679
|
disconnectedCallback() {
|
|
676
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this,
|
|
680
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, st).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, it).unobserve(), t(this, rt).unobserve(), t(this, N).unobserve(), t(this, nt).unobserve(), t(this, Et).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, It).unobserve(), t(this, Wt).unobserve(), t(this, kt).unobserve(), t(this, A).unobserve(), t(this, At).unobserve(), t(this, ht).unobserve(), t(this, M).unobserve(), t(this, ot).unobserve(), t(this, q).unobserve(), t(this, Mt).unobserve(), t(this, lt).unobserve(), t(this, Tt).unobserve(), t(this, ct).unobserve(), t(this, at).unobserve(), Ht.unsubscribe(t(this, be)), le.unsubscribe(t(this, L)), c(this, o, Te).call(this), t(this, Gt).disconnect();
|
|
677
681
|
}
|
|
678
682
|
}
|
|
679
|
-
u = new WeakMap(),
|
|
680
|
-
const e = t(this,
|
|
683
|
+
u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), st = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), it = new WeakMap(), rt = new WeakMap(), N = new WeakMap(), nt = new WeakMap(), Et = new WeakMap(), D = new WeakMap(), C = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), kt = new WeakMap(), A = new WeakMap(), At = new WeakMap(), ht = new WeakMap(), M = new WeakMap(), ot = new WeakMap(), q = new WeakMap(), Mt = new WeakMap(), lt = new WeakMap(), Tt = new WeakMap(), ct = new WeakMap(), at = new WeakMap(), ut = new WeakMap(), m = new WeakMap(), Ft = new WeakMap(), l = new WeakMap(), ue = new WeakMap(), de = new WeakMap(), y = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), dt = new WeakMap(), R = new WeakMap(), w = new WeakMap(), P = new WeakMap(), Nt = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), qt = new WeakMap(), pt = new WeakMap(), Z = new WeakMap(), Ut = new WeakMap(), O = new WeakMap(), x = new WeakMap(), Gt = new WeakMap(), j = new WeakMap(), Dt = new WeakMap(), Kt = new WeakMap(), o = new WeakSet(), Me = function() {
|
|
684
|
+
const e = t(this, E).current, i = t(this, st).current ? "-reverse" : "";
|
|
681
685
|
t(this, m).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, nt).current ? "max" : e, t(this, dt).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);
|
|
682
|
-
},
|
|
683
|
-
c(this, o,
|
|
684
|
-
e instanceof HTMLElement && t(this, l).push(new
|
|
685
|
-
}), t(this, m).style.transform = "", this.style.setProperty("--sections", t(this, l).length.toString()),
|
|
686
|
+
}, he = function() {
|
|
687
|
+
c(this, o, Ot).call(this), t(this, Ft).assignedElements().forEach((e, i) => {
|
|
688
|
+
e instanceof HTMLElement && t(this, l).push(new us(e, i, this));
|
|
689
|
+
}), t(this, m).style.transform = "", this.style.setProperty("--sections", t(this, l).length.toString()), re(this, "scrollSectionsChange", {
|
|
686
690
|
custom: !0,
|
|
687
691
|
composed: !0
|
|
688
692
|
}), t(this, L).call(this), c(this, o, gt).call(this);
|
|
689
|
-
},
|
|
693
|
+
}, Ot = function() {
|
|
690
694
|
t(this, l).forEach((e) => {
|
|
691
695
|
e.destroy();
|
|
692
|
-
}), h(this, l, []), t(this, P).reset(), t(this, u).reset(), this.style.removeProperty("--max-section-size"),
|
|
696
|
+
}), h(this, l, []), t(this, P).reset(), t(this, u).reset(), this.style.removeProperty("--max-section-size"), re(this, "scrollSectionsChange", {
|
|
693
697
|
custom: !0,
|
|
694
698
|
composed: !0
|
|
695
699
|
});
|
|
696
|
-
},
|
|
697
|
-
t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this,
|
|
700
|
+
}, we = function() {
|
|
701
|
+
t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this, pe)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, qt)), clearInterval(t(this, pt)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, dt).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, G) || (this.sections.forEach((e) => {
|
|
698
702
|
e.unsetTransform();
|
|
699
703
|
}), t(this, L).call(this)));
|
|
700
704
|
}, Ee = function() {
|
|
701
|
-
t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this,
|
|
702
|
-
}, Me = function() {
|
|
703
|
-
t(this, _) || (h(this, _, !0), clearTimeout(t(this, Gt)), Ot.unsubscribe(t(this, L)), c(this, o, xe).call(this), t(this, m).style.transform = "", t(this, m).style.height = "", t(this, m).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, Rt).call(this) : (t(this, P).reset(), t(this, u).reset()), vt.unregister(this));
|
|
705
|
+
t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this, pe), -1e4), t(this, u).notify(), t(this, V).connect(), t(this, dt).connect(), t(this, R).connect(), t(this, A).current && t(this, w).connect());
|
|
704
706
|
}, Te = function() {
|
|
705
|
-
t(this, _)
|
|
706
|
-
},
|
|
707
|
+
t(this, _) || (h(this, _, !0), clearTimeout(t(this, Kt)), Ht.unsubscribe(t(this, L)), c(this, o, we).call(this), t(this, m).style.transform = "", t(this, m).style.height = "", t(this, m).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, Ot).call(this) : (t(this, P).reset(), t(this, u).reset()), vt.unregister(this));
|
|
708
|
+
}, De = function() {
|
|
709
|
+
t(this, _) && (h(this, _, !1), vt.register(this), this.tryResplit(), c(this, o, Ee).call(this), this.scrollToSection(t(this, kt).current, {
|
|
710
|
+
behaviour: "instant"
|
|
711
|
+
}), Ht.subscribe(t(this, L), Ae.SCROLL));
|
|
712
|
+
}, L = new WeakMap(), pe = new WeakMap(), Ge = function(e) {
|
|
707
713
|
let i = t(this, P).current;
|
|
708
|
-
return t(this, C).current ? i =
|
|
709
|
-
},
|
|
710
|
-
t(this, ht).current && (t(this,
|
|
711
|
-
t(this,
|
|
714
|
+
return t(this, C).current ? i = ts(e, t(this, l).length) : i = qe(e, 0, this.limit), i;
|
|
715
|
+
}, _t = new WeakMap(), fe = new WeakMap(), Ve = function(e = 1) {
|
|
716
|
+
t(this, ht).current && (t(this, w).direction = e), t(this, A).current && t(this, w).pauseAndContinue(
|
|
717
|
+
t(this, At).current,
|
|
712
718
|
this.sectionalCSSProperty.current
|
|
713
719
|
);
|
|
714
|
-
},
|
|
720
|
+
}, Re = function(e = "current") {
|
|
715
721
|
if (t(this, C).current && t(this, l).length) {
|
|
716
722
|
const i = t(this, u)[e] % Math.round(t(this, S) + t(this, y) + t(this, k));
|
|
717
723
|
return i < 0 ? t(this, S) + i + t(this, y) + t(this, k) : i;
|
|
@@ -720,7 +726,7 @@ u = new WeakMap(), Et = new WeakMap(), w = new WeakMap(), st = new WeakMap(), B
|
|
|
720
726
|
}, gt = function() {
|
|
721
727
|
if (t(this, l).length) {
|
|
722
728
|
const e = t(this, P).current + t(this, ot).current;
|
|
723
|
-
if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null),
|
|
729
|
+
if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), re(this, "scrollLine", {
|
|
724
730
|
detail: { line: t(this, O) }
|
|
725
731
|
}), t(this, M).current) {
|
|
726
732
|
this.classList.remove("end", "start"), t(this, O) && this.classList.add(t(this, O));
|
|
@@ -729,10 +735,10 @@ u = new WeakMap(), Et = new WeakMap(), w = new WeakMap(), st = new WeakMap(), B
|
|
|
729
735
|
r.setCurrentIndex(null), r.setCurrentIndexArc(null), r.setCurrentIndexArcAbs(null), r.setMiddle(!1);
|
|
730
736
|
const b = e - this.limit - 1 + t(this, q).current, v = e + i, I = this.sections.length - v;
|
|
731
737
|
a >= e && a < v || a <= b ? (r.setMark("current"), t(this, j).push(r)) : a >= v && a < v + I / 2 || a <= b + i ? r.setMark("next") : r.setMark("previous");
|
|
732
|
-
}), t(this,
|
|
738
|
+
}), t(this, me).call(this);
|
|
733
739
|
}
|
|
734
740
|
}
|
|
735
|
-
},
|
|
741
|
+
}, Ke = function() {
|
|
736
742
|
if (t(this, M).current) {
|
|
737
743
|
const e = Math.floor(t(this, j).length / 2);
|
|
738
744
|
t(this, j).sort((i, r) => i.element.getBoundingClientRect().left - r.element.getBoundingClientRect().left), t(this, j).forEach((i, r) => {
|
|
@@ -740,59 +746,59 @@ u = new WeakMap(), Et = new WeakMap(), w = new WeakMap(), st = new WeakMap(), B
|
|
|
740
746
|
i.setCurrentIndex(r), i.setCurrentIndexArc(a), i.setCurrentIndexArcAbs(Math.abs(a)), i.setMiddle(r === e);
|
|
741
747
|
});
|
|
742
748
|
}
|
|
743
|
-
},
|
|
749
|
+
}, me = new WeakMap(), oe = function(e = !1) {
|
|
744
750
|
let i = this.targetScrollValue, r = 1 / 0, a = 0;
|
|
745
751
|
const b = t(this, u).direction;
|
|
746
752
|
for (let v = 0; v < t(this, l).length; v++) {
|
|
747
753
|
const I = t(this, l)[v];
|
|
748
|
-
let
|
|
749
|
-
this.overscroll &&
|
|
750
|
-
let
|
|
751
|
-
|
|
754
|
+
let Pe = t(this, Ut) ? I.size * b * -1 * 0.4 : 0, Rt = I.position;
|
|
755
|
+
this.overscroll && Rt === 0 && e && (Rt = t(this, U));
|
|
756
|
+
let xe = Math.abs(Rt + Pe - i);
|
|
757
|
+
xe <= r && (r = xe, a = v);
|
|
752
758
|
}
|
|
753
759
|
return a;
|
|
754
|
-
},
|
|
755
|
-
H && !customElements.get("e-scroll") && customElements.define("e-scroll",
|
|
756
|
-
var
|
|
757
|
-
class
|
|
760
|
+
}, be = new WeakMap();
|
|
761
|
+
H && !customElements.get("e-scroll") && customElements.define("e-scroll", $t);
|
|
762
|
+
var Se;
|
|
763
|
+
class Oe extends HTMLElement {
|
|
758
764
|
constructor() {
|
|
759
765
|
super(...arguments);
|
|
760
|
-
s(this,
|
|
766
|
+
s(this, Se, null);
|
|
761
767
|
}
|
|
762
768
|
get scrollElement() {
|
|
763
|
-
return t(this,
|
|
769
|
+
return t(this, Se);
|
|
764
770
|
}
|
|
765
771
|
connectedCallback() {
|
|
766
|
-
const e =
|
|
767
|
-
e instanceof
|
|
772
|
+
const e = Ue(this, $t);
|
|
773
|
+
e instanceof $t ? h(this, Se, e) : console.error(this, "e-scroll not found");
|
|
768
774
|
}
|
|
769
775
|
}
|
|
770
|
-
|
|
771
|
-
var
|
|
772
|
-
class
|
|
776
|
+
Se = new WeakMap();
|
|
777
|
+
var ft, z, J, Q, Zt, jt, mt, Jt, ge, ve;
|
|
778
|
+
class ps extends Oe {
|
|
773
779
|
constructor() {
|
|
774
780
|
super();
|
|
775
|
-
s(this,
|
|
781
|
+
s(this, ft, null);
|
|
776
782
|
s(this, z, null);
|
|
777
783
|
s(this, J, !1);
|
|
778
784
|
s(this, Q, 0);
|
|
779
|
-
s(this, _t, 0);
|
|
780
785
|
s(this, Zt, 0);
|
|
786
|
+
s(this, jt, 0);
|
|
781
787
|
s(this, mt, () => {
|
|
782
788
|
h(this, J, this.offsetWidth > this.offsetHeight);
|
|
783
789
|
const e = t(this, J) ? this.offsetWidth : this.offsetHeight;
|
|
784
|
-
h(this, Q, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, Q, Math.max(t(this, Q), 30)), t(this, J) ? (t(this, z).style.width = t(this, Q) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, Q) + "px"), h(this,
|
|
790
|
+
h(this, Q, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, Q, Math.max(t(this, Q), 30)), t(this, J) ? (t(this, z).style.width = t(this, Q) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, Q) + "px"), h(this, Zt, e - t(this, Q)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Jt).call(this);
|
|
785
791
|
});
|
|
786
|
-
s(this,
|
|
787
|
-
h(this,
|
|
792
|
+
s(this, Jt, () => {
|
|
793
|
+
h(this, jt, this.scrollElement.currentProgress * t(this, Zt)), t(this, J) ? t(this, z).style.transform = `translate3d(${t(this, jt)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, jt)}px, 0px)`;
|
|
788
794
|
});
|
|
789
|
-
s(this,
|
|
795
|
+
s(this, ge, () => {
|
|
790
796
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
791
797
|
});
|
|
792
|
-
s(this,
|
|
793
|
-
document.documentElement.classList.add("grabbing"),
|
|
798
|
+
s(this, ve, (e) => {
|
|
799
|
+
document.documentElement.classList.add("grabbing"), cs(
|
|
794
800
|
(a) => {
|
|
795
|
-
const b = t(this, J) ? a.x : a.y, v = this.scrollElement.distance / t(this,
|
|
801
|
+
const b = t(this, J) ? a.x : a.y, v = this.scrollElement.distance / t(this, Zt), I = (b - r) * v;
|
|
796
802
|
this.scrollElement.setPosition(i + I);
|
|
797
803
|
},
|
|
798
804
|
() => {
|
|
@@ -804,7 +810,7 @@ class ds extends Re {
|
|
|
804
810
|
if (H) {
|
|
805
811
|
const e = this.attachShadow({ mode: "open" });
|
|
806
812
|
e.adoptedStyleSheets = [
|
|
807
|
-
|
|
813
|
+
Ne({
|
|
808
814
|
":host": {
|
|
809
815
|
display: "inline-block",
|
|
810
816
|
zIndex: "1",
|
|
@@ -833,7 +839,7 @@ class ds extends Re {
|
|
|
833
839
|
touchAction: "none"
|
|
834
840
|
}
|
|
835
841
|
})
|
|
836
|
-
], h(this,
|
|
842
|
+
], h(this, ft, document.createElement("slot")), t(this, ft).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, ft));
|
|
837
843
|
}
|
|
838
844
|
}
|
|
839
845
|
get thumbElement() {
|
|
@@ -841,28 +847,28 @@ class ds extends Re {
|
|
|
841
847
|
}
|
|
842
848
|
connectedCallback() {
|
|
843
849
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
844
|
-
const e = t(this,
|
|
845
|
-
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this,
|
|
850
|
+
const e = t(this, ft).assignedElements()[0] || t(this, ft).firstElementChild;
|
|
851
|
+
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ve)), Ht.subscribe(t(this, mt), Ae.SCROLL), le.subscribe(this, t(this, mt)), le.subscribe(this.scrollElement, t(this, mt)), this.scrollElement.onScroll(t(this, Jt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ge));
|
|
846
852
|
}
|
|
847
853
|
disconnectedCallback() {
|
|
848
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this,
|
|
854
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ve)), Ht.unsubscribe(t(this, mt)), le.unsubscribe(t(this, mt)), this.scrollElement.offScroll(t(this, Jt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ge));
|
|
849
855
|
}
|
|
850
856
|
}
|
|
851
|
-
|
|
852
|
-
H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar",
|
|
853
|
-
var
|
|
854
|
-
class
|
|
857
|
+
ft = new WeakMap(), z = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), mt = new WeakMap(), Jt = new WeakMap(), ge = new WeakMap(), ve = new WeakMap();
|
|
858
|
+
H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", ps);
|
|
859
|
+
var Qt, Xt, Yt;
|
|
860
|
+
class _e extends Oe {
|
|
855
861
|
constructor() {
|
|
856
862
|
super();
|
|
857
|
-
s(this,
|
|
858
|
-
s(this,
|
|
863
|
+
s(this, Qt, new d(this, "--behaviour", "smooth"));
|
|
864
|
+
s(this, Xt, new d(
|
|
859
865
|
this,
|
|
860
866
|
"--tween-easing",
|
|
861
867
|
!1
|
|
862
868
|
));
|
|
863
|
-
s(this,
|
|
869
|
+
s(this, Yt, new d(this, "--tween-duration", 0));
|
|
864
870
|
H && this.addEventListener("click", () => {
|
|
865
|
-
const e = t(this,
|
|
871
|
+
const e = t(this, Qt).current, i = t(this, Xt).current, r = t(this, Yt).current;
|
|
866
872
|
this.handleClick({
|
|
867
873
|
behaviour: e,
|
|
868
874
|
tween: i || r ? { easing: i, duration: r } : void 0
|
|
@@ -870,37 +876,37 @@ class Ke extends Re {
|
|
|
870
876
|
});
|
|
871
877
|
}
|
|
872
878
|
connectedCallback() {
|
|
873
|
-
super.connectedCallback(), t(this,
|
|
879
|
+
super.connectedCallback(), t(this, Qt).observe(), t(this, Xt).observe(), t(this, Yt).observe();
|
|
874
880
|
}
|
|
875
881
|
disconnectedCallback() {
|
|
876
|
-
t(this,
|
|
882
|
+
t(this, Qt).close(), t(this, Xt).close(), t(this, Yt).close();
|
|
877
883
|
}
|
|
878
884
|
}
|
|
879
|
-
|
|
880
|
-
var
|
|
881
|
-
class fs extends
|
|
885
|
+
Qt = new WeakMap(), Xt = new WeakMap(), Yt = new WeakMap();
|
|
886
|
+
var te;
|
|
887
|
+
class fs extends _e {
|
|
882
888
|
constructor() {
|
|
883
889
|
super(...arguments);
|
|
884
|
-
s(this,
|
|
890
|
+
s(this, te, new d(this, "--set", 1));
|
|
885
891
|
}
|
|
886
892
|
handleClick(e) {
|
|
887
|
-
this.scrollElement.scrollToSection(t(this,
|
|
893
|
+
this.scrollElement.scrollToSection(t(this, te).current, e);
|
|
888
894
|
}
|
|
889
895
|
connectedCallback() {
|
|
890
|
-
super.connectedCallback(), t(this,
|
|
896
|
+
super.connectedCallback(), t(this, te).observe();
|
|
891
897
|
}
|
|
892
898
|
disconnectedCallback() {
|
|
893
|
-
super.disconnectedCallback(), t(this,
|
|
899
|
+
super.disconnectedCallback(), t(this, te).close();
|
|
894
900
|
}
|
|
895
901
|
}
|
|
896
|
-
|
|
902
|
+
te = new WeakMap();
|
|
897
903
|
H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", fs);
|
|
898
|
-
var X,
|
|
899
|
-
class
|
|
904
|
+
var X, ee;
|
|
905
|
+
class ms extends _e {
|
|
900
906
|
constructor() {
|
|
901
907
|
super(...arguments);
|
|
902
|
-
s(this, X, new
|
|
903
|
-
s(this,
|
|
908
|
+
s(this, X, new d(this, "--step", 1));
|
|
909
|
+
s(this, ee, () => {
|
|
904
910
|
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, X).current > 0 && this.scrollElement.scrollLine === "end" || t(this, X).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
|
|
905
911
|
});
|
|
906
912
|
}
|
|
@@ -909,63 +915,63 @@ class ps extends Ke {
|
|
|
909
915
|
}
|
|
910
916
|
connectedCallback() {
|
|
911
917
|
super.connectedCallback(), this.scrollElement && (t(this, X).subscribe(() => {
|
|
912
|
-
t(this,
|
|
918
|
+
t(this, ee).call(this);
|
|
913
919
|
}), t(this, X).observe(), this.scrollElement.addEventListener(
|
|
914
920
|
"scrollLine",
|
|
915
|
-
t(this,
|
|
916
|
-
), t(this,
|
|
921
|
+
t(this, ee)
|
|
922
|
+
), t(this, ee).call(this));
|
|
917
923
|
}
|
|
918
924
|
disconnectedCallback() {
|
|
919
925
|
super.disconnectedCallback(), t(this, X).close(), this.removeAttribute("disabled");
|
|
920
926
|
}
|
|
921
927
|
}
|
|
922
|
-
X = new WeakMap(),
|
|
923
|
-
H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button",
|
|
924
|
-
var Y, bt,
|
|
925
|
-
class
|
|
928
|
+
X = new WeakMap(), ee = new WeakMap();
|
|
929
|
+
H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", ms);
|
|
930
|
+
var Y, bt, se, ye, Ce, ie;
|
|
931
|
+
class bs {
|
|
926
932
|
constructor(n, e, i) {
|
|
927
933
|
s(this, Y, null);
|
|
928
934
|
s(this, bt, null);
|
|
929
|
-
s(this,
|
|
930
|
-
s(this,
|
|
931
|
-
s(this,
|
|
932
|
-
t(this, bt).scrollToSection(t(this,
|
|
933
|
-
behaviour: t(this,
|
|
935
|
+
s(this, se, null);
|
|
936
|
+
s(this, ye, null);
|
|
937
|
+
s(this, Ce, () => {
|
|
938
|
+
t(this, bt).scrollToSection(t(this, se), {
|
|
939
|
+
behaviour: t(this, ye)
|
|
934
940
|
});
|
|
935
941
|
});
|
|
936
|
-
s(this,
|
|
942
|
+
s(this, ie, () => {
|
|
937
943
|
t(this, Y).classList.toggle(
|
|
938
944
|
"current",
|
|
939
|
-
t(this, bt).counter.current === t(this,
|
|
945
|
+
t(this, bt).counter.current === t(this, se)
|
|
940
946
|
);
|
|
941
947
|
});
|
|
942
|
-
H && (h(this, Y, document.createElement("button")), h(this, bt, n), h(this,
|
|
948
|
+
H && (h(this, Y, document.createElement("button")), h(this, bt, n), h(this, ye, i), h(this, se, e), t(this, Y).addEventListener("click", t(this, Ce)), t(this, bt).counter.subscribe(t(this, ie)), t(this, ie).call(this));
|
|
943
949
|
}
|
|
944
950
|
get element() {
|
|
945
951
|
return t(this, Y);
|
|
946
952
|
}
|
|
947
953
|
destroy() {
|
|
948
|
-
t(this, Y).removeEventListener("click", t(this,
|
|
954
|
+
t(this, Y).removeEventListener("click", t(this, Ce)), t(this, bt).counter.unsubscribe(t(this, ie)), t(this, Y).remove();
|
|
949
955
|
}
|
|
950
956
|
}
|
|
951
|
-
Y = new WeakMap(), bt = new WeakMap(),
|
|
952
|
-
var
|
|
953
|
-
class
|
|
957
|
+
Y = new WeakMap(), bt = new WeakMap(), se = new WeakMap(), ye = new WeakMap(), Ce = new WeakMap(), ie = new WeakMap();
|
|
958
|
+
var Vt, St, tt;
|
|
959
|
+
class Ss extends Oe {
|
|
954
960
|
constructor() {
|
|
955
961
|
super(...arguments);
|
|
956
|
-
s(this,
|
|
962
|
+
s(this, Vt, null);
|
|
957
963
|
s(this, St, []);
|
|
958
|
-
s(this, tt,
|
|
964
|
+
s(this, tt, ze(() => {
|
|
959
965
|
t(this, St).forEach((i) => i.destroy()), h(this, St, []);
|
|
960
966
|
let e = 0;
|
|
961
967
|
this.scrollElement.loopCSSProperty.current ? e = this.scrollElement.sections.length : e = this.scrollElement.sections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
|
|
962
968
|
for (let i = 0; i < e; i++) {
|
|
963
|
-
const r = new
|
|
969
|
+
const r = new bs(
|
|
964
970
|
this.scrollElement,
|
|
965
971
|
i,
|
|
966
972
|
this.getAttribute("behaviour") || "smooth"
|
|
967
973
|
);
|
|
968
|
-
t(this,
|
|
974
|
+
t(this, Vt).appendChild(r.element), t(this, St).push(r);
|
|
969
975
|
}
|
|
970
976
|
}, 0));
|
|
971
977
|
}
|
|
@@ -975,7 +981,7 @@ class bs extends Re {
|
|
|
975
981
|
t(this, tt)
|
|
976
982
|
), this.scrollElement.sectionsInViewCSSProperty.subscribe(
|
|
977
983
|
t(this, tt)
|
|
978
|
-
), this.scrollElement.loopCSSProperty.subscribe(t(this, tt)), h(this,
|
|
984
|
+
), this.scrollElement.loopCSSProperty.subscribe(t(this, tt)), h(this, Vt, document.createElement("div")), this.appendChild(t(this, Vt));
|
|
979
985
|
}
|
|
980
986
|
disconnectedCallback() {
|
|
981
987
|
this.scrollElement.removeEventListener(
|
|
@@ -983,32 +989,32 @@ class bs extends Re {
|
|
|
983
989
|
t(this, tt)
|
|
984
990
|
), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
|
|
985
991
|
t(this, tt)
|
|
986
|
-
), this.scrollElement.loopCSSProperty.unsubscribe(t(this, tt)), t(this, St).forEach((e) => e.destroy()), h(this, St, []), t(this,
|
|
992
|
+
), this.scrollElement.loopCSSProperty.unsubscribe(t(this, tt)), t(this, St).forEach((e) => e.destroy()), h(this, St, []), t(this, Vt).remove();
|
|
987
993
|
}
|
|
988
994
|
}
|
|
989
|
-
|
|
990
|
-
H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons",
|
|
991
|
-
class
|
|
995
|
+
Vt = new WeakMap(), St = new WeakMap(), tt = new WeakMap();
|
|
996
|
+
H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", Ss);
|
|
997
|
+
class gs extends as {
|
|
992
998
|
connectedCallback() {
|
|
993
|
-
const n =
|
|
994
|
-
n instanceof
|
|
999
|
+
const n = Ue(this, $t);
|
|
1000
|
+
n instanceof $t ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
|
|
995
1001
|
"scrollSectionsChange",
|
|
996
1002
|
this.findAnotherScrollEntries
|
|
997
1003
|
), this.scrollContainer.addEventListener("scrollResize", this.resize), this.resize()) : console.error(this, "e-scroll not found");
|
|
998
1004
|
}
|
|
999
1005
|
disconnectedCallback() {
|
|
1000
|
-
super.disconnectedCallback(), this.scrollContainer instanceof
|
|
1006
|
+
super.disconnectedCallback(), this.scrollContainer instanceof $t && (this.scrollContainer.removeEventListener(
|
|
1001
1007
|
"scrollSectionsChange",
|
|
1002
1008
|
this.findAnotherScrollEntries
|
|
1003
1009
|
), this.scrollContainer.removeEventListener("scrollResize", this.resize));
|
|
1004
1010
|
}
|
|
1005
1011
|
}
|
|
1006
|
-
H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment",
|
|
1012
|
+
H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", gs);
|
|
1007
1013
|
export {
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1014
|
+
Ss as ScrollBulletButtonsElement,
|
|
1015
|
+
$t as ScrollElement,
|
|
1016
|
+
gs as ScrollSegmentElement,
|
|
1011
1017
|
fs as ScrollSetButtonElement,
|
|
1012
|
-
|
|
1013
|
-
|
|
1018
|
+
ms as ScrollStepButtonElement,
|
|
1019
|
+
ps as ScrollbarElement
|
|
1014
1020
|
};
|