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