aptechka 0.69.0 → 0.69.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/billboard/index.cjs +1 -1
- package/lib/billboard/index.js +1 -1
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +302 -302
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -36,7 +36,7 @@ import { q as ci } from "../easings-BEmRlrDd.js";
|
|
|
36
36
|
import { i as ui } from "../element-CGVl1jA-.js";
|
|
37
37
|
import { d as tt } from "../events-CsVF98U6.js";
|
|
38
38
|
import { d as ws } from "../function-C10DGppn.js";
|
|
39
|
-
import { a as
|
|
39
|
+
import { a as hs, g as ns, c as ai } from "../layout-DpZo-I0y.js";
|
|
40
40
|
import { c as Gs, s as di } from "../math-BOBiC4TN.js";
|
|
41
41
|
import { p as fi, l as pi } from "../number-CumqY64S.js";
|
|
42
42
|
import { c as Us } from "../stylesheet-DpnWNVyD.js";
|
|
@@ -45,27 +45,27 @@ import { TICK_ORDER as Ks, RESIZE_ORDER as Es } from "../order/index.js";
|
|
|
45
45
|
import { D as Zs } from "../Damped-CtQmJ52v.js";
|
|
46
46
|
import { T as bi } from "../Tweened-BlZB0vl4.js";
|
|
47
47
|
import { W as mi, K as Si, D as gi, A as vi } from "../DragControls-CkhCt-4W.js";
|
|
48
|
-
import { windowResizer as
|
|
48
|
+
import { windowResizer as ft } from "../window-resizer/index.js";
|
|
49
49
|
import { scrollEntries as ne } from "../scroll-entries/index.js";
|
|
50
50
|
import { cssUnitParser as qs } from "../css-unit-parser/index.js";
|
|
51
51
|
import { CSSProperty as l } from "../css-property/index.js";
|
|
52
52
|
import { d as yi } from "../Viewport-DA10iWAO.js";
|
|
53
53
|
import "construct-style-sheets-polyfill";
|
|
54
|
-
import { elementResizer as
|
|
54
|
+
import { elementResizer as rs } from "../element-resizer/index.js";
|
|
55
55
|
import { s as Ci } from "../gestures-CcXV6fCp.js";
|
|
56
56
|
import { b as Pi } from "../dom-CVWzyXPH.js";
|
|
57
|
-
var p, Me, w,
|
|
57
|
+
var p, Me, w, os, ls, ae, pt, Ot, de, fe, es;
|
|
58
58
|
class wi {
|
|
59
59
|
constructor(n, e, s) {
|
|
60
60
|
i(this, fe);
|
|
61
61
|
i(this, p);
|
|
62
62
|
i(this, Me);
|
|
63
63
|
i(this, w);
|
|
64
|
-
i(this, ns, 0);
|
|
65
64
|
i(this, os, 0);
|
|
65
|
+
i(this, ls, 0);
|
|
66
66
|
i(this, ae, 0);
|
|
67
|
-
i(this,
|
|
68
|
-
i(this,
|
|
67
|
+
i(this, pt, 0);
|
|
68
|
+
i(this, Ot, null);
|
|
69
69
|
i(this, de, 0);
|
|
70
70
|
r(this, p, n), r(this, Me, e), r(this, w, s), ne.register(t(this, p)), this.setIndex(t(this, Me));
|
|
71
71
|
}
|
|
@@ -79,13 +79,13 @@ class wi {
|
|
|
79
79
|
return t(this, ae);
|
|
80
80
|
}
|
|
81
81
|
get width() {
|
|
82
|
-
return t(this,
|
|
82
|
+
return t(this, os);
|
|
83
83
|
}
|
|
84
84
|
get height() {
|
|
85
|
-
return t(this,
|
|
85
|
+
return t(this, ls);
|
|
86
86
|
}
|
|
87
87
|
get position() {
|
|
88
|
-
return t(this,
|
|
88
|
+
return t(this, pt);
|
|
89
89
|
}
|
|
90
90
|
get transformPosition() {
|
|
91
91
|
return t(this, de);
|
|
@@ -100,25 +100,25 @@ class wi {
|
|
|
100
100
|
n ? (t(this, p).style.setProperty("--size", n + "px"), t(this, w).axisCSSProperty.current === "x" ? (t(this, p).style.width = n + "px", t(this, p).style.height = "") : (t(this, p).style.height = n + "px", t(this, p).style.width = "")) : (t(this, p).style.width = "", t(this, p).style.height = "", t(this, p).style.removeProperty("--size"));
|
|
101
101
|
}
|
|
102
102
|
resize() {
|
|
103
|
-
r(this,
|
|
103
|
+
r(this, os, t(this, p).offsetWidth), r(this, ls, t(this, p).offsetHeight), r(this, ae, t(this, w).vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth), r(this, pt, t(this, w).vertical ? hs(t(this, p)) : ns(t(this, p))), r(this, pt, t(this, pt) - t(this, w).contentPosition);
|
|
104
104
|
}
|
|
105
105
|
transform() {
|
|
106
106
|
const n = t(this, w).shiftSectionPositionCSSProperty.current;
|
|
107
107
|
let e = n;
|
|
108
108
|
const s = t(this, w).viewportSize * t(this, w).sectionDistanceScaleCSSProperty.current;
|
|
109
|
-
t(this, w).loopCSSProperty.current && t(this,
|
|
109
|
+
t(this, w).loopCSSProperty.current && t(this, pt) + t(this, ae) <= t(this, w).currentScrollValue - n / 2 && (e = (t(this, w).distance - n) * -1 - t(this, w).gap), ne.update(
|
|
110
110
|
t(this, p),
|
|
111
111
|
t(this, w).axisCSSProperty.current,
|
|
112
112
|
e
|
|
113
113
|
);
|
|
114
|
-
const h = t(this, w).currentScrollValue + e, u = t(this,
|
|
114
|
+
const h = t(this, w).currentScrollValue + e, u = t(this, pt) - t(this, w).viewportSize - s, g = t(this, pt) + t(this, ae) + s, v = fi(Gs(h, u, g), 3);
|
|
115
115
|
r(this, de, v * -1), t(this, w).vertical ? t(this, p).style.transform = `translate3d(0px, ${t(this, de)}px, 0px)` : t(this, p).style.transform = `translate3d(${t(this, de)}px, 0px, 0px)`;
|
|
116
116
|
}
|
|
117
117
|
setMark(n) {
|
|
118
|
-
t(this,
|
|
118
|
+
t(this, Ot) !== n && (t(this, Ot) && t(this, p).classList.remove(t(this, Ot)), n && t(this, p).classList.add(n), r(this, Ot, n), tt(t(this, p), "scrollSectionMarkChange", {
|
|
119
119
|
composed: !0,
|
|
120
120
|
detail: {
|
|
121
|
-
mark: t(this,
|
|
121
|
+
mark: t(this, Ot)
|
|
122
122
|
},
|
|
123
123
|
custom: !0
|
|
124
124
|
}));
|
|
@@ -127,19 +127,19 @@ class wi {
|
|
|
127
127
|
t(this, p).classList.toggle("middle", n);
|
|
128
128
|
}
|
|
129
129
|
setIndex(n) {
|
|
130
|
-
o(this, fe,
|
|
130
|
+
o(this, fe, es).call(this, "index", n);
|
|
131
131
|
}
|
|
132
132
|
setCurrentIndex(n) {
|
|
133
|
-
o(this, fe,
|
|
133
|
+
o(this, fe, es).call(this, "current-index", n);
|
|
134
134
|
}
|
|
135
135
|
setCurrentIndexArc(n) {
|
|
136
|
-
o(this, fe,
|
|
136
|
+
o(this, fe, es).call(this, "current-index-arc", n);
|
|
137
137
|
}
|
|
138
138
|
setCurrentIndexArcAbs(n) {
|
|
139
|
-
o(this, fe,
|
|
139
|
+
o(this, fe, es).call(this, "current-index-arc-abs", n);
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
p = new WeakMap(), Me = new WeakMap(), w = new WeakMap(),
|
|
142
|
+
p = new WeakMap(), Me = new WeakMap(), w = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), ae = new WeakMap(), pt = new WeakMap(), Ot = new WeakMap(), de = new WeakMap(), fe = new WeakSet(), es = function(n, e) {
|
|
143
143
|
e !== null ? (t(this, p).style.setProperty(`--${n}`, e.toString()), t(this, p).setAttribute(`data-${n}`, e.toString())) : (t(this, p).style.removeProperty(`--${n}`), t(this, p).removeAttribute(`data-${n}`));
|
|
144
144
|
};
|
|
145
145
|
const Ei = Us({
|
|
@@ -181,33 +181,33 @@ const Ei = Us({
|
|
|
181
181
|
flexShrink: "0"
|
|
182
182
|
}
|
|
183
183
|
});
|
|
184
|
-
var f, pe,
|
|
184
|
+
var f, pe, R, $t, bt, mt, St, et, Ht, Bt, gt, Wt, be, st, V, me, Se, ge, ve, Fe, ye, j, Ce, Nt, J, qt, vt, Pe, Gt, we, Ut, yt, Kt, b, Te, q, d, cs, us, L, P, G, it, Zt, rt, M, D, Re, Ct, Pt, wt, U, De, _t, jt, Ee, ht, k, Oe, Et, xe, $e, c, zs, ss, Ie, Cs, Ps, Vs, ks, F, as, _s, He, ds, As, Is, ce, js, fs, is, Be;
|
|
185
185
|
class Ls extends HTMLElement {
|
|
186
186
|
constructor() {
|
|
187
187
|
super();
|
|
188
188
|
i(this, c);
|
|
189
189
|
i(this, f, null);
|
|
190
190
|
i(this, pe, new l(this, "--controls", !0));
|
|
191
|
-
i(this,
|
|
192
|
-
i(this,
|
|
193
|
-
i(this,
|
|
194
|
-
i(this,
|
|
191
|
+
i(this, R, new l(this, "--axis", "y"));
|
|
192
|
+
i(this, $t, new l(this, "--reverse", !1));
|
|
193
|
+
i(this, bt, new l(this, "--direction", 0));
|
|
194
|
+
i(this, mt, new l(this, "--pages", 0, {
|
|
195
195
|
validate: (e) => Math.max(0, e - 1)
|
|
196
196
|
}));
|
|
197
|
-
i(this,
|
|
197
|
+
i(this, St, new l(this, "--split", !1));
|
|
198
198
|
i(this, et, new l(this, "--sectional", !1));
|
|
199
|
-
i(this,
|
|
199
|
+
i(this, Ht, new l(
|
|
200
200
|
this,
|
|
201
201
|
"--tween-easing",
|
|
202
202
|
!1
|
|
203
203
|
));
|
|
204
|
-
i(this,
|
|
204
|
+
i(this, Bt, new l(
|
|
205
205
|
this,
|
|
206
206
|
"--tween-duration",
|
|
207
207
|
!1
|
|
208
208
|
));
|
|
209
|
-
i(this,
|
|
210
|
-
i(this,
|
|
209
|
+
i(this, gt, new l(this, "--auto-size", !1));
|
|
210
|
+
i(this, Wt, new l(
|
|
211
211
|
this,
|
|
212
212
|
"--wheel-max-delta",
|
|
213
213
|
!1
|
|
@@ -235,18 +235,18 @@ class Ls extends HTMLElement {
|
|
|
235
235
|
"--autoplay-pause-duration",
|
|
236
236
|
0
|
|
237
237
|
));
|
|
238
|
-
i(this,
|
|
238
|
+
i(this, Nt, new l(
|
|
239
239
|
this,
|
|
240
240
|
"--autoplay-user-direction",
|
|
241
241
|
!1
|
|
242
242
|
));
|
|
243
243
|
i(this, J, new l(this, "--classes", !1));
|
|
244
|
-
i(this,
|
|
244
|
+
i(this, qt, new l(
|
|
245
245
|
this,
|
|
246
246
|
"--current-index-start-offset",
|
|
247
247
|
0
|
|
248
248
|
));
|
|
249
|
-
i(this,
|
|
249
|
+
i(this, vt, new l(
|
|
250
250
|
this,
|
|
251
251
|
"--current-index-end-offset",
|
|
252
252
|
0
|
|
@@ -257,97 +257,97 @@ class Ls extends HTMLElement {
|
|
|
257
257
|
0,
|
|
258
258
|
{ rawValueCheck: !1 }
|
|
259
259
|
));
|
|
260
|
-
i(this,
|
|
260
|
+
i(this, Gt, new l(this, "--focus-delay", 0));
|
|
261
261
|
i(this, we, new l(
|
|
262
262
|
this,
|
|
263
263
|
"--focus-duration",
|
|
264
264
|
3e3
|
|
265
265
|
));
|
|
266
|
-
i(this,
|
|
267
|
-
i(this,
|
|
268
|
-
i(this,
|
|
266
|
+
i(this, Ut, new l(this, "--disabled", !1));
|
|
267
|
+
i(this, yt, new l(this, "--hibernate", !1));
|
|
268
|
+
i(this, Kt, null);
|
|
269
269
|
i(this, b, null);
|
|
270
270
|
i(this, Te, null);
|
|
271
271
|
i(this, q, []);
|
|
272
272
|
i(this, d, []);
|
|
273
|
-
i(this, ls, 0);
|
|
274
273
|
i(this, cs, 0);
|
|
274
|
+
i(this, us, 0);
|
|
275
275
|
i(this, L, 0);
|
|
276
276
|
i(this, P, 0);
|
|
277
277
|
i(this, G, 0);
|
|
278
278
|
i(this, it, null);
|
|
279
|
-
i(this,
|
|
279
|
+
i(this, Zt, null);
|
|
280
280
|
i(this, rt, null);
|
|
281
281
|
i(this, M, null);
|
|
282
|
-
i(this,
|
|
282
|
+
i(this, D, new le(0));
|
|
283
283
|
i(this, Re, 0);
|
|
284
|
-
i(this,
|
|
285
|
-
i(this,
|
|
286
|
-
i(this,
|
|
284
|
+
i(this, Ct, 0);
|
|
285
|
+
i(this, Pt, !1);
|
|
286
|
+
i(this, wt, !0);
|
|
287
287
|
i(this, U, !0);
|
|
288
288
|
i(this, De);
|
|
289
|
-
i(this,
|
|
290
|
-
i(this,
|
|
289
|
+
i(this, _t);
|
|
290
|
+
i(this, jt, new bi());
|
|
291
291
|
i(this, Ee, !1);
|
|
292
292
|
i(this, ht, null);
|
|
293
293
|
i(this, k, !1);
|
|
294
294
|
i(this, Oe, null);
|
|
295
|
-
i(this,
|
|
295
|
+
i(this, Et, []);
|
|
296
296
|
i(this, xe, !1);
|
|
297
297
|
i(this, $e);
|
|
298
|
-
i(this,
|
|
298
|
+
i(this, F, (e) => {
|
|
299
299
|
if (e && t(this, xe)) {
|
|
300
300
|
r(this, xe, !1);
|
|
301
301
|
return;
|
|
302
302
|
}
|
|
303
303
|
this.resize();
|
|
304
304
|
});
|
|
305
|
-
i(this,
|
|
306
|
-
if (!t(this,
|
|
305
|
+
i(this, as, () => {
|
|
306
|
+
if (!t(this, Pt) || t(this, U) || t(this, wt))
|
|
307
307
|
return;
|
|
308
308
|
const e = this.currentScrollValue;
|
|
309
309
|
if (r(this, Re, Math.max(0, e - t(this, P))), t(this, d).length) {
|
|
310
310
|
for (let s = 0; s < t(this, q).length; s++)
|
|
311
311
|
t(this, q)[s].transform();
|
|
312
|
-
t(this,
|
|
312
|
+
t(this, D).current = o(this, c, is).call(this);
|
|
313
313
|
} else
|
|
314
314
|
this.vertical ? t(this, b).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
315
315
|
o(this, c, js).call(this), ne.update(
|
|
316
316
|
this,
|
|
317
|
-
t(this,
|
|
317
|
+
t(this, R).current,
|
|
318
318
|
e
|
|
319
319
|
);
|
|
320
320
|
});
|
|
321
321
|
i(this, He, (e, s) => {
|
|
322
|
-
t(this, pe).current && (o(this, c, As).call(this, Math.sign(s) || 1), t(this,
|
|
322
|
+
t(this, pe).current && (o(this, c, As).call(this, Math.sign(s) || 1), t(this, ds).call(this, e, s));
|
|
323
323
|
});
|
|
324
|
-
i(this,
|
|
325
|
-
if (!t(this,
|
|
326
|
-
if (t(this,
|
|
327
|
-
if (t(this,
|
|
324
|
+
i(this, ds, (e, s) => {
|
|
325
|
+
if (!t(this, _t)) {
|
|
326
|
+
if (t(this, bt).current) {
|
|
327
|
+
if (t(this, bt).current < 0 && s > 0)
|
|
328
328
|
return;
|
|
329
|
-
if (t(this,
|
|
329
|
+
if (t(this, bt).current > 0 && s < 0)
|
|
330
330
|
return;
|
|
331
331
|
}
|
|
332
|
-
if (!t(this, j).current && t(this,
|
|
333
|
-
const h = t(this, d)[o(this, c,
|
|
332
|
+
if (!t(this, j).current && t(this, Gt).current && (clearInterval(t(this, De)), r(this, De, setTimeout(() => {
|
|
333
|
+
const h = t(this, d)[o(this, c, is).call(this)];
|
|
334
334
|
h && this.scrollToSection(h.index, {
|
|
335
335
|
tween: {
|
|
336
336
|
duration: t(this, we).current,
|
|
337
337
|
easing: ci
|
|
338
338
|
}
|
|
339
339
|
});
|
|
340
|
-
}, t(this,
|
|
340
|
+
}, t(this, Gt).current))), !(e.includes("drag") && !yi.isTouch && !t(this, ve).current)) {
|
|
341
341
|
if (t(this, et).current && e !== "drag") {
|
|
342
342
|
const h = Math.sign(s);
|
|
343
343
|
if (t(this, d).length) {
|
|
344
344
|
const u = {
|
|
345
|
-
tween: t(this,
|
|
346
|
-
easing: t(this,
|
|
347
|
-
duration: t(this,
|
|
345
|
+
tween: t(this, Ht).current || t(this, Bt).current ? {
|
|
346
|
+
easing: t(this, Ht).current || "easeInOutCubic",
|
|
347
|
+
duration: t(this, Bt).current || 500
|
|
348
348
|
} : void 0
|
|
349
349
|
};
|
|
350
|
-
t(this, Ee) ? this.scrollToSection(o(this, c,
|
|
350
|
+
t(this, Ee) ? this.scrollToSection(o(this, c, is).call(this, !0), u) : this.shiftSections(h, u);
|
|
351
351
|
} else
|
|
352
352
|
t(this, f).shift(h * t(this, L));
|
|
353
353
|
} else
|
|
@@ -356,8 +356,8 @@ class Ls extends HTMLElement {
|
|
|
356
356
|
}
|
|
357
357
|
}
|
|
358
358
|
});
|
|
359
|
-
i(this,
|
|
360
|
-
const e = t(this,
|
|
359
|
+
i(this, fs, ws(() => {
|
|
360
|
+
const e = t(this, Et).reduce((s, h) => {
|
|
361
361
|
const u = this.vertical ? h.width : h.height;
|
|
362
362
|
return u > s ? u : s;
|
|
363
363
|
}, 0);
|
|
@@ -365,14 +365,14 @@ class Ls extends HTMLElement {
|
|
|
365
365
|
r(this, xe, !0), this.style.setProperty("--max-section-size", e + "px");
|
|
366
366
|
}, 10));
|
|
367
367
|
}, 20));
|
|
368
|
-
i(this,
|
|
369
|
-
r(this, k, !0), this.hibernatedCSSProperty.current || o(this, c, ks).call(this);
|
|
368
|
+
i(this, Be, () => {
|
|
369
|
+
r(this, k, !0), this.hibernatedCSSProperty.current || o(this, c, ks).call(this), rs.subscribe(this, t(this, F)), ft.unsubscribe(t(this, Be));
|
|
370
370
|
});
|
|
371
371
|
if (_) {
|
|
372
372
|
const e = this.attachShadow({ mode: "open" });
|
|
373
373
|
e.adoptedStyleSheets = [Ei];
|
|
374
374
|
const s = document.createElement("div");
|
|
375
|
-
s.className = "static", s.innerHTML = '<slot name="static"></slot>', e.appendChild(s), r(this,
|
|
375
|
+
s.className = "static", s.innerHTML = '<slot name="static"></slot>', e.appendChild(s), r(this, Kt, document.createElement("div")), t(this, Kt).className = "content-wrapper", r(this, b, document.createElement("div")), t(this, b).className = "content", r(this, Te, document.createElement("slot")), t(this, b).appendChild(t(this, Te)), t(this, Kt).appendChild(t(this, b)), e.appendChild(t(this, Kt)), r(this, Oe, new MutationObserver(
|
|
376
376
|
ws(() => {
|
|
377
377
|
this.tryResplit();
|
|
378
378
|
}, 10)
|
|
@@ -386,34 +386,34 @@ class Ls extends HTMLElement {
|
|
|
386
386
|
return t(this, pe);
|
|
387
387
|
}
|
|
388
388
|
get axisCSSProperty() {
|
|
389
|
-
return t(this,
|
|
389
|
+
return t(this, R);
|
|
390
390
|
}
|
|
391
391
|
get reverseCSSProperty() {
|
|
392
|
-
return t(this,
|
|
392
|
+
return t(this, $t);
|
|
393
393
|
}
|
|
394
394
|
get directionCSSProperty() {
|
|
395
|
-
return t(this,
|
|
395
|
+
return t(this, bt);
|
|
396
396
|
}
|
|
397
397
|
get pagesCSSProperty() {
|
|
398
|
-
return t(this,
|
|
398
|
+
return t(this, mt);
|
|
399
399
|
}
|
|
400
400
|
get splitCSSProperty() {
|
|
401
|
-
return t(this,
|
|
401
|
+
return t(this, St);
|
|
402
402
|
}
|
|
403
403
|
get sectionalCSSProperty() {
|
|
404
404
|
return t(this, et);
|
|
405
405
|
}
|
|
406
406
|
get easingCSSProperty() {
|
|
407
|
-
return t(this,
|
|
407
|
+
return t(this, Ht);
|
|
408
408
|
}
|
|
409
409
|
get durationCSSProperty() {
|
|
410
|
-
return t(this,
|
|
410
|
+
return t(this, Bt);
|
|
411
411
|
}
|
|
412
412
|
get autoSizeCSSProperty() {
|
|
413
|
-
return t(this,
|
|
413
|
+
return t(this, gt);
|
|
414
414
|
}
|
|
415
415
|
get wheelMaxDeltaCSSProperty() {
|
|
416
|
-
return t(this,
|
|
416
|
+
return t(this, Wt);
|
|
417
417
|
}
|
|
418
418
|
get dragInertionCSSProperty() {
|
|
419
419
|
return t(this, be);
|
|
@@ -449,31 +449,31 @@ class Ls extends HTMLElement {
|
|
|
449
449
|
return t(this, Ce);
|
|
450
450
|
}
|
|
451
451
|
get autoplayUserDirectionCSSProperty() {
|
|
452
|
-
return t(this,
|
|
452
|
+
return t(this, Nt);
|
|
453
453
|
}
|
|
454
454
|
get classesCSSProperty() {
|
|
455
455
|
return t(this, J);
|
|
456
456
|
}
|
|
457
457
|
get currentIndexStartOffsetCSSProperty() {
|
|
458
|
-
return t(this,
|
|
458
|
+
return t(this, qt);
|
|
459
459
|
}
|
|
460
460
|
get currentIndexEndOffsetCSSProperty() {
|
|
461
|
-
return t(this,
|
|
461
|
+
return t(this, vt);
|
|
462
462
|
}
|
|
463
463
|
get shiftSectionPositionCSSProperty() {
|
|
464
464
|
return t(this, Pe);
|
|
465
465
|
}
|
|
466
466
|
get focusDelayCSSProperty() {
|
|
467
|
-
return t(this,
|
|
467
|
+
return t(this, Gt);
|
|
468
468
|
}
|
|
469
469
|
get focusDurationCSSProperty() {
|
|
470
470
|
return t(this, we);
|
|
471
471
|
}
|
|
472
472
|
get disabledCSSProperty() {
|
|
473
|
-
return t(this,
|
|
473
|
+
return t(this, Ut);
|
|
474
474
|
}
|
|
475
475
|
get hibernatedCSSProperty() {
|
|
476
|
-
return t(this,
|
|
476
|
+
return t(this, yt);
|
|
477
477
|
}
|
|
478
478
|
get currentScrollValue() {
|
|
479
479
|
return o(this, c, Is).call(this, "current");
|
|
@@ -482,7 +482,7 @@ class Ls extends HTMLElement {
|
|
|
482
482
|
return o(this, c, Is).call(this, "target");
|
|
483
483
|
}
|
|
484
484
|
get contentWrapperElement() {
|
|
485
|
-
return t(this,
|
|
485
|
+
return t(this, Kt);
|
|
486
486
|
}
|
|
487
487
|
get contentElement() {
|
|
488
488
|
return t(this, b);
|
|
@@ -494,10 +494,10 @@ class Ls extends HTMLElement {
|
|
|
494
494
|
return t(this, d);
|
|
495
495
|
}
|
|
496
496
|
get position() {
|
|
497
|
-
return t(this,
|
|
497
|
+
return t(this, cs);
|
|
498
498
|
}
|
|
499
499
|
get contentPosition() {
|
|
500
|
-
return t(this,
|
|
500
|
+
return t(this, us);
|
|
501
501
|
}
|
|
502
502
|
get viewportSize() {
|
|
503
503
|
return t(this, L);
|
|
@@ -509,7 +509,7 @@ class Ls extends HTMLElement {
|
|
|
509
509
|
return t(this, G);
|
|
510
510
|
}
|
|
511
511
|
get counter() {
|
|
512
|
-
return t(this,
|
|
512
|
+
return t(this, D);
|
|
513
513
|
}
|
|
514
514
|
get limit() {
|
|
515
515
|
return Math.ceil(
|
|
@@ -517,13 +517,13 @@ class Ls extends HTMLElement {
|
|
|
517
517
|
);
|
|
518
518
|
}
|
|
519
519
|
get distance() {
|
|
520
|
-
return t(this,
|
|
520
|
+
return t(this, Ct);
|
|
521
521
|
}
|
|
522
522
|
get loopDistance() {
|
|
523
|
-
return t(this, V).current ? t(this,
|
|
523
|
+
return t(this, V).current ? t(this, Ct) + t(this, G) : t(this, Ct);
|
|
524
524
|
}
|
|
525
525
|
get hasOverflow() {
|
|
526
|
-
return t(this,
|
|
526
|
+
return t(this, Pt);
|
|
527
527
|
}
|
|
528
528
|
get overscroll() {
|
|
529
529
|
return t(this, Re);
|
|
@@ -532,7 +532,7 @@ class Ls extends HTMLElement {
|
|
|
532
532
|
return t(this, ht);
|
|
533
533
|
}
|
|
534
534
|
get vertical() {
|
|
535
|
-
return t(this,
|
|
535
|
+
return t(this, R).current === "y";
|
|
536
536
|
}
|
|
537
537
|
get currentProgress() {
|
|
538
538
|
return this.currentScrollValue / this.loopDistance || 0;
|
|
@@ -541,13 +541,13 @@ class Ls extends HTMLElement {
|
|
|
541
541
|
return this.targetScrollValue / this.loopDistance || 0;
|
|
542
542
|
}
|
|
543
543
|
get scrollWidth() {
|
|
544
|
-
return t(this,
|
|
544
|
+
return t(this, R).current === "y" ? 0 : t(this, f).distance;
|
|
545
545
|
}
|
|
546
546
|
get scrollHeight() {
|
|
547
|
-
return t(this,
|
|
547
|
+
return t(this, R).current === "x" ? 0 : t(this, f).distance;
|
|
548
548
|
}
|
|
549
549
|
tryResplit() {
|
|
550
|
-
!t(this, U) && (t(this, V).current || t(this,
|
|
550
|
+
!t(this, U) && (t(this, V).current || t(this, St).current || t(this, V).current || t(this, gt).current || t(this, et).current) && o(this, c, ss).call(this);
|
|
551
551
|
}
|
|
552
552
|
onScroll(...e) {
|
|
553
553
|
return t(this, f).subscribe(...e);
|
|
@@ -570,20 +570,20 @@ class Ls extends HTMLElement {
|
|
|
570
570
|
scrollToSection(e, s) {
|
|
571
571
|
if (!t(this, d).length || t(this, U))
|
|
572
572
|
return;
|
|
573
|
-
const h = t(this,
|
|
573
|
+
const h = t(this, D).current, u = o(this, c, _s).call(this, e), g = t(this, d)[h], v = t(this, d)[u];
|
|
574
574
|
if (g && v) {
|
|
575
575
|
let C = 0;
|
|
576
|
-
const oe = o(this, c,
|
|
577
|
-
let
|
|
578
|
-
t(this, V).current ? u === 0 && h === t(this, d).length - 1 ? (C = t(this, P) + t(this, L) - g.position + t(this, G), t(this, Ee) || (
|
|
576
|
+
const oe = o(this, c, is).call(this), Ae = t(this, d)[oe];
|
|
577
|
+
let ts = Ae ? this.targetScrollValue - Ae.position : 0;
|
|
578
|
+
t(this, V).current ? u === 0 && h === t(this, d).length - 1 ? (C = t(this, P) + t(this, L) - g.position + t(this, G), t(this, Ee) || (ts = 0)) : u === t(this, d).length - 1 && h === 0 ? C = v.position - (t(this, P) + t(this, L) + t(this, G)) : C = v.position - g.position : C = v.position - g.position, this.shiftPosition(C - ts, s);
|
|
579
579
|
}
|
|
580
580
|
}
|
|
581
581
|
shiftSections(e, s) {
|
|
582
|
-
t(this, d).length && this.scrollToSection(t(this,
|
|
582
|
+
t(this, d).length && this.scrollToSection(t(this, D).current + e, s);
|
|
583
583
|
}
|
|
584
584
|
setPosition(e, s) {
|
|
585
|
-
t(this, U) || (o(this, c, As).call(this, Math.sign(e) || 1), s != null && s.tween ? (clearTimeout(t(this,
|
|
586
|
-
r(this,
|
|
585
|
+
t(this, U) || (o(this, c, As).call(this, Math.sign(e) || 1), s != null && s.tween ? (clearTimeout(t(this, _t)), t(this, jt).set(t(this, f).current, { equalize: !0 }), t(this, jt).set(Math.min(e, this.distance), Bs({}, s.tween)), r(this, _t, setTimeout(() => {
|
|
586
|
+
r(this, _t, void 0);
|
|
587
587
|
}, s.tween.duration || 0))) : t(this, f).set(e, {
|
|
588
588
|
equalize: (s == null ? void 0 : s.behaviour) === "instant"
|
|
589
589
|
}));
|
|
@@ -592,20 +592,20 @@ class Ls extends HTMLElement {
|
|
|
592
592
|
this.setPosition(t(this, f).target + e, s);
|
|
593
593
|
}
|
|
594
594
|
resize() {
|
|
595
|
-
if (t(this,
|
|
595
|
+
if (t(this, yt).current)
|
|
596
596
|
return;
|
|
597
|
-
r(this, d, t(this, q).filter(
|
|
597
|
+
console.log("resize", t(this, yt).current), r(this, d, t(this, q).filter(
|
|
598
598
|
(h) => ui(h.element)
|
|
599
599
|
)), this.style.setProperty(
|
|
600
600
|
"--sections",
|
|
601
601
|
t(this, d).length.toString()
|
|
602
602
|
), t(this, f).unlistenAnimationFrame();
|
|
603
|
-
const e = this.currentScrollValue / t(this, P) || 0, s = t(this,
|
|
604
|
-
if (r(this,
|
|
603
|
+
const e = this.currentScrollValue / t(this, P) || 0, s = t(this, D).current;
|
|
604
|
+
if (r(this, cs, this.vertical ? hs(this) : ns(this)), r(this, us, this.vertical ? hs(t(this, b)) : ns(t(this, b))), r(this, L, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, G, qs.parse(
|
|
605
605
|
getComputedStyle(t(this, b)).rowGap
|
|
606
606
|
)) : r(this, G, qs.parse(
|
|
607
607
|
getComputedStyle(t(this, b)).columnGap
|
|
608
|
-
)), t(this,
|
|
608
|
+
)), t(this, gt).current && t(this, d).length) {
|
|
609
609
|
const h = t(this, st).current, u = (t(this, L) - t(this, G) * (h - 1)) / h;
|
|
610
610
|
t(this, d).forEach((g) => {
|
|
611
611
|
g.setSize(u);
|
|
@@ -616,8 +616,8 @@ class Ls extends HTMLElement {
|
|
|
616
616
|
});
|
|
617
617
|
if (t(this, d).forEach((h) => {
|
|
618
618
|
h.resize();
|
|
619
|
-
}), t(this,
|
|
620
|
-
r(this, P, t(this, L) * t(this,
|
|
619
|
+
}), t(this, mt).current) {
|
|
620
|
+
r(this, P, t(this, L) * t(this, mt).current);
|
|
621
621
|
const h = t(this, P) + t(this, L);
|
|
622
622
|
this.vertical ? (t(this, b).style.width = h + "px", t(this, b).style.height = "100%") : (t(this, b).style.height = h + "px", t(this, b).style.width = "100%");
|
|
623
623
|
} else
|
|
@@ -628,9 +628,9 @@ class Ls extends HTMLElement {
|
|
|
628
628
|
}
|
|
629
629
|
if (t(this, V).current && t(this, d).length) {
|
|
630
630
|
const h = t(this, d)[t(this, d).length - 1], u = h.position + h.size - t(this, L), g = t(this, P) - u;
|
|
631
|
-
r(this,
|
|
631
|
+
r(this, Ct, h.position + h.size + g);
|
|
632
632
|
} else
|
|
633
|
-
r(this,
|
|
633
|
+
r(this, Ct, t(this, P));
|
|
634
634
|
if (t(this, et).current && t(this, d).length) {
|
|
635
635
|
const h = t(this, d)[s];
|
|
636
636
|
t(this, f).set(h.position, {
|
|
@@ -640,42 +640,42 @@ class Ls extends HTMLElement {
|
|
|
640
640
|
t(this, f).set(e * t(this, P), {
|
|
641
641
|
equalize: !0
|
|
642
642
|
});
|
|
643
|
-
r(this,
|
|
643
|
+
r(this, Pt, (this.vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth) > t(this, L)), this.classList.toggle("has-overflow", t(this, Pt)), t(this, Pt) ? t(this, Ut).current || o(this, c, Ps).call(this) : o(this, c, Cs).call(this), t(this, fs).call(this), tt(this, "scrollResize", { custom: !0 }), t(this, f).notify();
|
|
644
644
|
}
|
|
645
645
|
connectedCallback() {
|
|
646
646
|
ne.register(this), r(this, f, new Zs(0, {
|
|
647
647
|
damping: 0.01,
|
|
648
648
|
min: 0,
|
|
649
649
|
order: Ks.SCROLL
|
|
650
|
-
})), this.setAttribute("tabindex", "0"), r(this, it, new mi({ element: t(this, b) })), t(this, it).changeEvent.subscribe(t(this, He)), r(this,
|
|
650
|
+
})), this.setAttribute("tabindex", "0"), r(this, it, new mi({ element: t(this, b) })), t(this, it).changeEvent.subscribe(t(this, He)), r(this, Zt, new Si({
|
|
651
651
|
element: this
|
|
652
|
-
})), t(this,
|
|
652
|
+
})), t(this, Zt).changeEvent.subscribe(
|
|
653
653
|
t(this, He)
|
|
654
654
|
), r(this, rt, new gi({
|
|
655
655
|
element: t(this, b),
|
|
656
656
|
rootElement: this
|
|
657
657
|
})), t(this, rt).changeEvent.subscribe(t(this, He)), r(this, M, new vi({
|
|
658
658
|
culling: this
|
|
659
|
-
})), t(this, M).changeEvent.subscribe(t(this,
|
|
659
|
+
})), t(this, M).changeEvent.subscribe(t(this, ds)), t(this, R).subscribe(() => {
|
|
660
660
|
o(this, c, zs).call(this);
|
|
661
|
-
}), t(this,
|
|
661
|
+
}), t(this, $t).subscribe(() => {
|
|
662
662
|
o(this, c, zs).call(this);
|
|
663
|
-
}), t(this,
|
|
664
|
-
t(this, it).axis = e.current ? "max" : t(this,
|
|
663
|
+
}), t(this, Wt).subscribe((e) => {
|
|
664
|
+
t(this, it).axis = e.current ? "max" : t(this, R).current;
|
|
665
665
|
}), t(this, be).subscribe((e) => {
|
|
666
666
|
t(this, rt).inertion = typeof e.current == "number" ? e.current : 1;
|
|
667
|
-
}), t(this,
|
|
668
|
-
t(this, k) && t(this,
|
|
669
|
-
}), t(this,
|
|
670
|
-
t(this, k) && (e ? o(this, c,
|
|
667
|
+
}), t(this, mt).subscribe(() => {
|
|
668
|
+
t(this, k) && t(this, F).call(this);
|
|
669
|
+
}), t(this, St).subscribe(({ current: e }) => {
|
|
670
|
+
t(this, k) && (e ? o(this, c, ss).call(this) : o(this, c, Ie).call(this));
|
|
671
671
|
}), t(this, et).subscribe((e) => {
|
|
672
|
-
t(this, it).debounce = e.current, t(this, rt).swipe = e.current, t(this, M).interval = e.current, t(this, k) && (e.current && !e.previous && !t(this, d).length ? o(this, c,
|
|
673
|
-
}), t(this,
|
|
674
|
-
t(this, k) && (t(this,
|
|
672
|
+
t(this, it).debounce = e.current, t(this, rt).swipe = e.current, t(this, M).interval = e.current, t(this, k) && (e.current && !e.previous && !t(this, d).length ? o(this, c, ss).call(this) : !e.current && e.previous && t(this, d).length && o(this, c, Ie).call(this));
|
|
673
|
+
}), t(this, gt).subscribe((e) => {
|
|
674
|
+
t(this, k) && (t(this, F).call(this), e.current && !e.previous && !t(this, d).length ? o(this, c, ss).call(this) : !e.current && e.previous && t(this, d).length && o(this, c, Ie).call(this));
|
|
675
675
|
}), t(this, st).subscribe((e) => {
|
|
676
|
-
t(this, k) && (t(this,
|
|
676
|
+
t(this, k) && (t(this, F).call(this), o(this, c, ce).call(this));
|
|
677
677
|
}), t(this, V).subscribe((e) => {
|
|
678
|
-
e.current ? (t(this, k) && (t(this, d).length || (t(this,
|
|
678
|
+
e.current ? (t(this, k) && (t(this, d).length || (t(this, St).current = !0)), t(this, f).max = 1 / 0, t(this, f).min = -1 / 0) : (r(this, Re, 0), t(this, f).max = t(this, P), t(this, f).min = 0);
|
|
679
679
|
}), t(this, me).subscribe((e) => {
|
|
680
680
|
t(this, f).damping = e.current;
|
|
681
681
|
}), t(this, Se).subscribe((e) => {
|
|
@@ -683,67 +683,67 @@ class Ls extends HTMLElement {
|
|
|
683
683
|
}), t(this, ge).subscribe((e) => {
|
|
684
684
|
t(this, f).stiffness = e.current;
|
|
685
685
|
}), t(this, j).subscribe((e) => {
|
|
686
|
-
t(this, M).speed = e.current, !t(this,
|
|
687
|
-
}), t(this,
|
|
686
|
+
t(this, M).speed = e.current, !t(this, wt) && e.current && !e.previous ? t(this, M).connect() : !e.current && e.previous && t(this, M).disconnect();
|
|
687
|
+
}), t(this, Nt).subscribe((e) => {
|
|
688
688
|
e.current || (t(this, M).direction = 1);
|
|
689
689
|
}), t(this, J).subscribe((e) => {
|
|
690
690
|
t(this, k) && o(this, c, ce).call(this);
|
|
691
|
-
}), t(this,
|
|
691
|
+
}), t(this, qt).subscribe((e) => {
|
|
692
692
|
t(this, k) && t(this, J).current && o(this, c, ce).call(this);
|
|
693
|
-
}), t(this,
|
|
693
|
+
}), t(this, vt).subscribe((e) => {
|
|
694
694
|
t(this, k) && t(this, J).current && o(this, c, ce).call(this);
|
|
695
695
|
}), t(this, Pe).subscribe((e) => {
|
|
696
696
|
t(this, k) && t(this, f).notify();
|
|
697
697
|
}), t(this, f).isRunning.subscribe((e) => {
|
|
698
698
|
this.classList.toggle("active", e.current);
|
|
699
|
-
}), t(this,
|
|
699
|
+
}), t(this, D).subscribe((e) => {
|
|
700
700
|
t(this, U) || (t(this, d).length && o(this, c, ce).call(this), this.style.setProperty("--counter", e.current + ""));
|
|
701
|
-
}), t(this,
|
|
702
|
-
t(this,
|
|
703
|
-
}), t(this,
|
|
701
|
+
}), t(this, jt).subscribe((e) => {
|
|
702
|
+
t(this, jt).isRunning.current && t(this, f).set(e.current, { equalize: !0 });
|
|
703
|
+
}), t(this, Ut).subscribe((e) => {
|
|
704
704
|
e.current && !e.previous ? (this.classList.add("disabled"), o(this, c, Cs).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), o(this, c, Ps).call(this));
|
|
705
|
-
}), t(this,
|
|
706
|
-
e.current && !e.previous ? (this.classList.add("hibernated"), o(this, c, Vs).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), o(this, c, ks).call(this));
|
|
707
|
-
}), t(this, pe).observe(), t(this,
|
|
705
|
+
}), t(this, yt).subscribe((e) => {
|
|
706
|
+
console.log("hibernatedCSSProperty", e.current), e.current && !e.previous ? (this.classList.add("hibernated"), o(this, c, Vs).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), o(this, c, ks).call(this));
|
|
707
|
+
}), t(this, pe).observe(), t(this, R).observe(), t(this, $t).observe(), t(this, bt).observe(), t(this, mt).observe(), t(this, St).observe(), t(this, et).observe(), t(this, Ht).observe(), t(this, Bt).observe(), t(this, gt).observe(), t(this, Wt).observe(), t(this, be).observe(), t(this, st).observe(), t(this, V).observe(), t(this, me).observe(), t(this, Se).observe(), t(this, ge).observe(), t(this, ve).observe(), t(this, Fe).observe(), t(this, ye).observe(), t(this, j).observe(), t(this, j).observe(), t(this, Ce).observe(), t(this, Nt).observe(), t(this, J).observe(), t(this, qt).observe(), t(this, vt).observe(), t(this, Pe).observe(), t(this, Gt).observe(), t(this, we).observe(), t(this, Ut).observe(), t(this, yt).observe(), ft.subscribe(t(this, Be), Es.LAST), t(this, Oe).observe(this, { childList: !0 });
|
|
708
708
|
}
|
|
709
709
|
disconnectedCallback() {
|
|
710
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, pe).unobserve(), t(this,
|
|
710
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, pe).unobserve(), t(this, R).unobserve(), t(this, $t).unobserve(), t(this, bt).unobserve(), t(this, mt).unobserve(), t(this, St).unobserve(), t(this, et).unobserve(), t(this, Ht).unobserve(), t(this, Bt).unobserve(), t(this, gt).unobserve(), t(this, Wt).unobserve(), t(this, be).unobserve(), t(this, st).unobserve(), t(this, V).unobserve(), t(this, me).unobserve(), t(this, Se).unobserve(), t(this, ge).unobserve(), t(this, ve).unobserve(), t(this, Fe).unobserve(), t(this, ye).unobserve(), t(this, j).unobserve(), t(this, Ce).unobserve(), t(this, Nt).unobserve(), t(this, J).unobserve(), t(this, qt).unobserve(), t(this, vt).unobserve(), t(this, Pe).unobserve(), t(this, Gt).unobserve(), t(this, we).unobserve(), t(this, Ut).unobserve(), t(this, yt).unobserve(), ft.unsubscribe(t(this, Be)), ft.unsubscribe(t(this, F)), rs.unsubscribe(t(this, F)), o(this, c, Vs).call(this), t(this, Oe).disconnect();
|
|
711
711
|
}
|
|
712
712
|
}
|
|
713
|
-
f = new WeakMap(), pe = new WeakMap(),
|
|
714
|
-
const e = t(this,
|
|
715
|
-
t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, it).axis = t(this,
|
|
716
|
-
},
|
|
713
|
+
f = new WeakMap(), pe = new WeakMap(), R = new WeakMap(), $t = new WeakMap(), bt = new WeakMap(), mt = new WeakMap(), St = new WeakMap(), et = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), gt = new WeakMap(), Wt = new WeakMap(), be = new WeakMap(), st = new WeakMap(), V = new WeakMap(), me = new WeakMap(), Se = new WeakMap(), ge = new WeakMap(), ve = new WeakMap(), Fe = new WeakMap(), ye = new WeakMap(), j = new WeakMap(), Ce = new WeakMap(), Nt = new WeakMap(), J = new WeakMap(), qt = new WeakMap(), vt = new WeakMap(), Pe = new WeakMap(), Gt = new WeakMap(), we = new WeakMap(), Ut = new WeakMap(), yt = new WeakMap(), Kt = new WeakMap(), b = new WeakMap(), Te = new WeakMap(), q = new WeakMap(), d = new WeakMap(), cs = new WeakMap(), us = new WeakMap(), L = new WeakMap(), P = new WeakMap(), G = new WeakMap(), it = new WeakMap(), Zt = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), D = new WeakMap(), Re = new WeakMap(), Ct = new WeakMap(), Pt = new WeakMap(), wt = new WeakMap(), U = new WeakMap(), De = new WeakMap(), _t = new WeakMap(), jt = new WeakMap(), Ee = new WeakMap(), ht = new WeakMap(), k = new WeakMap(), Oe = new WeakMap(), Et = new WeakMap(), xe = new WeakMap(), $e = new WeakMap(), c = new WeakSet(), zs = function() {
|
|
714
|
+
const e = t(this, R).current, s = t(this, $t).current ? "-reverse" : "";
|
|
715
|
+
t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, it).axis = t(this, Wt).current ? "max" : e, t(this, Zt).dimension = e === "x" ? "width" : "height", t(this, rt).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, k) && t(this, F).call(this);
|
|
716
|
+
}, ss = function() {
|
|
717
717
|
o(this, c, Ie).call(this), t(this, Te).assignedElements().forEach((e, s) => {
|
|
718
718
|
e instanceof HTMLElement && e.tagName !== "SCRIPT" && t(this, q).push(new wi(e, s, this));
|
|
719
719
|
}), r(this, d, [...t(this, q)]), t(this, b).style.transform = "", tt(this, "scrollSectionsChange", {
|
|
720
720
|
custom: !0,
|
|
721
721
|
composed: !0
|
|
722
|
-
}), t(this,
|
|
722
|
+
}), t(this, F).call(this), o(this, c, ce).call(this);
|
|
723
723
|
}, Ie = function() {
|
|
724
724
|
t(this, q).forEach((e) => {
|
|
725
725
|
e.destroy();
|
|
726
|
-
}), r(this, q, []), r(this, d, []), t(this,
|
|
726
|
+
}), r(this, q, []), r(this, d, []), t(this, D).reset(), t(this, f).reset(), this.style.removeProperty("--max-section-size"), tt(this, "scrollSectionsChange", {
|
|
727
727
|
custom: !0,
|
|
728
728
|
composed: !0
|
|
729
729
|
});
|
|
730
730
|
}, Cs = function() {
|
|
731
|
-
t(this,
|
|
731
|
+
t(this, wt) || (r(this, wt, !0), t(this, f).unsubscribe(t(this, as)), t(this, f).unlistenAnimationFrame(), clearInterval(t(this, De)), clearInterval(t(this, _t)), t(this, jt).unlistenAnimationFrame(), t(this, it).disconnect(), t(this, Zt).disconnect(), t(this, rt).disconnect(), t(this, M).disconnect(), t(this, Pt) || (this.sections.forEach((e) => {
|
|
732
732
|
e.unsetTransform();
|
|
733
|
-
}), t(this,
|
|
733
|
+
}), t(this, F).call(this)));
|
|
734
734
|
}, Ps = function() {
|
|
735
|
-
t(this,
|
|
735
|
+
t(this, wt) && (r(this, wt, !1), t(this, f).subscribe(t(this, as), -1e4), t(this, f).notify(), t(this, it).connect(), t(this, Zt).connect(), t(this, rt).connect(), t(this, j).current && t(this, M).connect());
|
|
736
736
|
}, Vs = function() {
|
|
737
|
-
t(this, U) || (r(this, U, !0), clearTimeout(t(this, $e)),
|
|
737
|
+
t(this, U) || (r(this, U, !0), clearTimeout(t(this, $e)), ft.unsubscribe(t(this, F)), o(this, c, Cs).call(this), t(this, b).style.transform = "", t(this, b).style.height = "", t(this, b).style.width = "", this.classList.remove("has-overflow", "start", "end"), this.style.removeProperty("--counter"), t(this, q).length ? o(this, c, Ie).call(this) : (t(this, D).reset(), t(this, f).reset()), ne.unregister(this));
|
|
738
738
|
}, ks = function() {
|
|
739
739
|
t(this, U) && (r(this, U, !1), ne.register(this), this.tryResplit(), o(this, c, Ps).call(this), this.scrollToSection(t(this, ye).current, {
|
|
740
740
|
behaviour: "instant"
|
|
741
|
-
}),
|
|
742
|
-
},
|
|
743
|
-
let s = t(this,
|
|
741
|
+
}), ft.subscribe(t(this, F), Es.SCROLL));
|
|
742
|
+
}, F = new WeakMap(), as = new WeakMap(), _s = function(e) {
|
|
743
|
+
let s = t(this, D).current;
|
|
744
744
|
return t(this, V).current ? s = pi(e, t(this, d).length) : s = Gs(e, 0, this.limit), s;
|
|
745
|
-
}, He = new WeakMap(),
|
|
746
|
-
t(this,
|
|
745
|
+
}, He = new WeakMap(), ds = new WeakMap(), As = function(e = 1) {
|
|
746
|
+
t(this, Nt).current && (t(this, M).direction = e), t(this, j).current && t(this, M).pauseAndContinue(
|
|
747
747
|
t(this, Ce).current,
|
|
748
748
|
this.sectionalCSSProperty.current
|
|
749
749
|
);
|
|
@@ -755,39 +755,39 @@ f = new WeakMap(), pe = new WeakMap(), T = new WeakMap(), Dt = new WeakMap(), pt
|
|
|
755
755
|
return t(this, f)[e];
|
|
756
756
|
}, ce = function() {
|
|
757
757
|
if (t(this, d).length) {
|
|
758
|
-
const e = t(this,
|
|
758
|
+
const e = t(this, D).current + t(this, qt).current;
|
|
759
759
|
if (e === 0 ? r(this, ht, "start") : e === this.limit ? r(this, ht, "end") : r(this, ht, null), tt(this, "scrollLine", {
|
|
760
760
|
detail: { line: t(this, ht) }
|
|
761
761
|
}), t(this, J).current) {
|
|
762
762
|
this.classList.remove("end", "start"), t(this, ht) && this.classList.add(t(this, ht));
|
|
763
|
-
const s = t(this, st).current + t(this,
|
|
764
|
-
r(this,
|
|
763
|
+
const s = t(this, st).current + t(this, vt).current;
|
|
764
|
+
r(this, Et, []), t(this, d).forEach((h, u) => {
|
|
765
765
|
h.setCurrentIndex(null), h.setCurrentIndexArc(null), h.setCurrentIndexArcAbs(null), h.setMiddle(!1);
|
|
766
|
-
const g = e - this.limit - 1 + t(this,
|
|
767
|
-
u >= e && u < v || u <= g ? (h.setMark("current"), t(this,
|
|
768
|
-
}), t(this,
|
|
766
|
+
const g = e - this.limit - 1 + t(this, vt).current, v = e + s, C = this.sections.length - v;
|
|
767
|
+
u >= e && u < v || u <= g ? (h.setMark("current"), t(this, Et).push(h)) : u >= v && u < v + C / 2 || u <= g + s ? h.setMark("next") : h.setMark("previous");
|
|
768
|
+
}), t(this, fs).call(this);
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
771
|
}, js = function() {
|
|
772
772
|
if (t(this, J).current) {
|
|
773
|
-
const e = Math.floor(t(this,
|
|
774
|
-
t(this,
|
|
773
|
+
const e = Math.floor(t(this, Et).length / 2);
|
|
774
|
+
t(this, Et).sort((s, h) => s.element.getBoundingClientRect().left - h.element.getBoundingClientRect().left), t(this, Et).forEach((s, h) => {
|
|
775
775
|
const u = h - e;
|
|
776
776
|
s.setCurrentIndex(h), s.setCurrentIndexArc(u), s.setCurrentIndexArcAbs(Math.abs(u)), s.setMiddle(h === e);
|
|
777
777
|
});
|
|
778
778
|
}
|
|
779
|
-
},
|
|
779
|
+
}, fs = new WeakMap(), is = function(e = !1) {
|
|
780
780
|
let s = this.targetScrollValue, h = 1 / 0, u = 0;
|
|
781
781
|
const g = t(this, f).direction;
|
|
782
782
|
for (let v = 0; v < t(this, d).length; v++) {
|
|
783
783
|
const C = t(this, d)[v];
|
|
784
784
|
let oe = t(this, Ee) ? C.size * g * -1 * 0.4 : 0, Ae = C.position;
|
|
785
|
-
this.overscroll && Ae === 0 && e && (Ae = t(this,
|
|
786
|
-
let
|
|
787
|
-
|
|
785
|
+
this.overscroll && Ae === 0 && e && (Ae = t(this, Ct));
|
|
786
|
+
let ts = Math.abs(Ae + oe - s);
|
|
787
|
+
ts <= h && (h = ts, u = v);
|
|
788
788
|
}
|
|
789
789
|
return u;
|
|
790
|
-
},
|
|
790
|
+
}, Be = new WeakMap();
|
|
791
791
|
_ && !customElements.get("e-scroll") && customElements.define("e-scroll", Ls);
|
|
792
792
|
var ps;
|
|
793
793
|
class ys extends HTMLElement {
|
|
@@ -804,23 +804,23 @@ class ys extends HTMLElement {
|
|
|
804
804
|
}
|
|
805
805
|
}
|
|
806
806
|
ps = new WeakMap();
|
|
807
|
-
var
|
|
807
|
+
var Jt, O, xt, Lt, We, Ne, Qt, qe, bs, ms;
|
|
808
808
|
class xi extends ys {
|
|
809
809
|
constructor() {
|
|
810
810
|
super();
|
|
811
|
-
i(this,
|
|
811
|
+
i(this, Jt, null);
|
|
812
812
|
i(this, O, null);
|
|
813
|
-
i(this,
|
|
814
|
-
i(this,
|
|
815
|
-
i(this, Be, 0);
|
|
813
|
+
i(this, xt, !1);
|
|
814
|
+
i(this, Lt, 0);
|
|
816
815
|
i(this, We, 0);
|
|
817
|
-
i(this,
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
816
|
+
i(this, Ne, 0);
|
|
817
|
+
i(this, Qt, () => {
|
|
818
|
+
r(this, xt, this.offsetWidth > this.offsetHeight);
|
|
819
|
+
const e = t(this, xt) ? this.offsetWidth : this.offsetHeight;
|
|
820
|
+
r(this, Lt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, Lt, Math.max(t(this, Lt), 30)), t(this, xt) ? (t(this, O).style.width = t(this, Lt) + "px", t(this, O).style.height = "100%") : (t(this, O).style.width = "100%", t(this, O).style.height = t(this, Lt) + "px"), r(this, We, e - t(this, Lt)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, qe).call(this);
|
|
821
821
|
});
|
|
822
|
-
i(this,
|
|
823
|
-
r(this,
|
|
822
|
+
i(this, qe, () => {
|
|
823
|
+
r(this, Ne, this.scrollElement.currentProgress * t(this, We)), t(this, xt) ? t(this, O).style.transform = `translate3d(${t(this, Ne)}px, 0px, 0px)` : t(this, O).style.transform = `translate3d(0px, ${t(this, Ne)}px, 0px)`;
|
|
824
824
|
});
|
|
825
825
|
i(this, bs, () => {
|
|
826
826
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
@@ -828,14 +828,14 @@ class xi extends ys {
|
|
|
828
828
|
i(this, ms, (e) => {
|
|
829
829
|
document.documentElement.classList.add("grabbing"), Ci(
|
|
830
830
|
(u) => {
|
|
831
|
-
const g = t(this,
|
|
831
|
+
const g = t(this, xt) ? u.x : u.y, v = this.scrollElement.distance / t(this, We), C = (g - h) * v;
|
|
832
832
|
this.scrollElement.setPosition(s + C);
|
|
833
833
|
},
|
|
834
834
|
() => {
|
|
835
835
|
document.documentElement.classList.remove("grabbing");
|
|
836
836
|
}
|
|
837
837
|
);
|
|
838
|
-
const s = this.scrollElement.damped.target, h = t(this,
|
|
838
|
+
const s = this.scrollElement.damped.target, h = t(this, xt) ? e.x : e.y;
|
|
839
839
|
});
|
|
840
840
|
if (_) {
|
|
841
841
|
const e = this.attachShadow({ mode: "open" });
|
|
@@ -869,7 +869,7 @@ class xi extends ys {
|
|
|
869
869
|
touchAction: "none"
|
|
870
870
|
}
|
|
871
871
|
})
|
|
872
|
-
], r(this,
|
|
872
|
+
], r(this, Jt, document.createElement("slot")), t(this, Jt).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, Jt));
|
|
873
873
|
}
|
|
874
874
|
}
|
|
875
875
|
get thumbElement() {
|
|
@@ -877,28 +877,28 @@ class xi extends ys {
|
|
|
877
877
|
}
|
|
878
878
|
connectedCallback() {
|
|
879
879
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
880
|
-
const e = t(this,
|
|
881
|
-
r(this, O, e), t(this, O).addEventListener("pointerdown", t(this, ms)),
|
|
880
|
+
const e = t(this, Jt).assignedElements()[0] || t(this, Jt).firstElementChild;
|
|
881
|
+
r(this, O, e), t(this, O).addEventListener("pointerdown", t(this, ms)), ft.subscribe(t(this, Qt), Es.SCROLL), rs.subscribe(this, t(this, Qt)), rs.subscribe(this.scrollElement, t(this, Qt)), this.scrollElement.onScroll(t(this, qe)), this.scrollElement.axisCSSProperty.subscribe(t(this, bs));
|
|
882
882
|
}
|
|
883
883
|
disconnectedCallback() {
|
|
884
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this, ms)),
|
|
884
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this, ms)), ft.unsubscribe(t(this, Qt)), rs.unsubscribe(t(this, Qt)), this.scrollElement.offScroll(t(this, qe)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, bs));
|
|
885
885
|
}
|
|
886
886
|
}
|
|
887
|
-
|
|
887
|
+
Jt = new WeakMap(), O = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), We = new WeakMap(), Ne = new WeakMap(), Qt = new WeakMap(), qe = new WeakMap(), bs = new WeakMap(), ms = new WeakMap();
|
|
888
888
|
_ && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", xi);
|
|
889
|
-
var
|
|
889
|
+
var Ge, Ue, Ke;
|
|
890
890
|
class Rs extends ys {
|
|
891
891
|
constructor() {
|
|
892
892
|
super();
|
|
893
|
-
i(this,
|
|
894
|
-
i(this,
|
|
893
|
+
i(this, Ge, new l(this, "--behaviour", "smooth"));
|
|
894
|
+
i(this, Ue, new l(
|
|
895
895
|
this,
|
|
896
896
|
"--tween-easing",
|
|
897
897
|
!1
|
|
898
898
|
));
|
|
899
|
-
i(this,
|
|
899
|
+
i(this, Ke, new l(this, "--tween-duration", 0));
|
|
900
900
|
_ && this.addEventListener("click", () => {
|
|
901
|
-
const e = t(this,
|
|
901
|
+
const e = t(this, Ge).current, s = t(this, Ue).current, h = t(this, Ke).current;
|
|
902
902
|
this.handleClick({
|
|
903
903
|
behaviour: e,
|
|
904
904
|
tween: s || h ? { easing: s, duration: h } : void 0
|
|
@@ -906,93 +906,93 @@ class Rs extends ys {
|
|
|
906
906
|
});
|
|
907
907
|
}
|
|
908
908
|
connectedCallback() {
|
|
909
|
-
super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this,
|
|
909
|
+
super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, Ge).observe(), t(this, Ue).observe(), t(this, Ke).observe();
|
|
910
910
|
}
|
|
911
911
|
disconnectedCallback() {
|
|
912
|
-
this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this,
|
|
912
|
+
this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, Ge).close(), t(this, Ue).close(), t(this, Ke).close();
|
|
913
913
|
}
|
|
914
914
|
}
|
|
915
|
-
|
|
916
|
-
var
|
|
915
|
+
Ge = new WeakMap(), Ue = new WeakMap(), Ke = new WeakMap();
|
|
916
|
+
var Ze;
|
|
917
917
|
class Li extends Rs {
|
|
918
918
|
constructor() {
|
|
919
919
|
super(...arguments);
|
|
920
|
-
i(this,
|
|
920
|
+
i(this, Ze, new l(this, "--set", 1));
|
|
921
921
|
}
|
|
922
922
|
handleClick(e) {
|
|
923
|
-
this.scrollElement.scrollToSection(t(this,
|
|
923
|
+
this.scrollElement.scrollToSection(t(this, Ze).current, e);
|
|
924
924
|
}
|
|
925
925
|
connectedCallback() {
|
|
926
|
-
super.connectedCallback(), t(this,
|
|
926
|
+
super.connectedCallback(), t(this, Ze).observe();
|
|
927
927
|
}
|
|
928
928
|
disconnectedCallback() {
|
|
929
|
-
super.disconnectedCallback(), t(this,
|
|
929
|
+
super.disconnectedCallback(), t(this, Ze).close();
|
|
930
930
|
}
|
|
931
931
|
}
|
|
932
|
-
|
|
932
|
+
Ze = new WeakMap();
|
|
933
933
|
_ && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", Li);
|
|
934
|
-
var
|
|
934
|
+
var zt, _e;
|
|
935
935
|
class zi extends Rs {
|
|
936
936
|
constructor() {
|
|
937
937
|
super(...arguments);
|
|
938
|
-
i(this,
|
|
939
|
-
i(this,
|
|
940
|
-
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this,
|
|
938
|
+
i(this, zt, new l(this, "--step", 1));
|
|
939
|
+
i(this, _e, () => {
|
|
940
|
+
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, zt).current > 0 && this.scrollElement.scrollLine === "end" || t(this, zt).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
|
|
941
941
|
});
|
|
942
942
|
}
|
|
943
943
|
handleClick(e) {
|
|
944
|
-
this.scrollElement.shiftSections(t(this,
|
|
944
|
+
this.scrollElement.shiftSections(t(this, zt).current, e);
|
|
945
945
|
}
|
|
946
946
|
connectedCallback() {
|
|
947
|
-
super.connectedCallback(), this.scrollElement && (t(this,
|
|
948
|
-
t(this,
|
|
949
|
-
}), t(this,
|
|
947
|
+
super.connectedCallback(), this.scrollElement && (t(this, zt).subscribe(() => {
|
|
948
|
+
t(this, _e).call(this);
|
|
949
|
+
}), t(this, zt).observe(), this.scrollElement.addEventListener(
|
|
950
950
|
"scrollLine",
|
|
951
|
-
t(this,
|
|
952
|
-
), t(this,
|
|
951
|
+
t(this, _e)
|
|
952
|
+
), t(this, _e).call(this));
|
|
953
953
|
}
|
|
954
954
|
disconnectedCallback() {
|
|
955
|
-
super.disconnectedCallback(), t(this,
|
|
955
|
+
super.disconnectedCallback(), t(this, zt).close(), this.removeAttribute("disabled");
|
|
956
956
|
}
|
|
957
957
|
}
|
|
958
|
-
|
|
958
|
+
zt = new WeakMap(), _e = new WeakMap();
|
|
959
959
|
_ && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", zi);
|
|
960
|
-
var nt,
|
|
960
|
+
var nt, Xt, je, Ss, gs, Je;
|
|
961
961
|
class Vi {
|
|
962
962
|
constructor(n, e, s) {
|
|
963
963
|
i(this, nt, null);
|
|
964
|
-
i(this,
|
|
965
|
-
i(this,
|
|
964
|
+
i(this, Xt, null);
|
|
965
|
+
i(this, je, null);
|
|
966
966
|
i(this, Ss, null);
|
|
967
967
|
i(this, gs, () => {
|
|
968
|
-
t(this,
|
|
968
|
+
t(this, Xt).scrollToSection(t(this, je), {
|
|
969
969
|
behaviour: t(this, Ss)
|
|
970
970
|
});
|
|
971
971
|
});
|
|
972
|
-
i(this,
|
|
972
|
+
i(this, Je, () => {
|
|
973
973
|
t(this, nt).classList.toggle(
|
|
974
974
|
"current",
|
|
975
|
-
t(this,
|
|
975
|
+
t(this, Xt).counter.current === t(this, je)
|
|
976
976
|
);
|
|
977
977
|
});
|
|
978
|
-
_ && (r(this, nt, document.createElement("button")), t(this, nt).setAttribute("aria-label", `Go to section ${e + 1}`), r(this,
|
|
978
|
+
_ && (r(this, nt, document.createElement("button")), t(this, nt).setAttribute("aria-label", `Go to section ${e + 1}`), r(this, Xt, n), r(this, Ss, s), r(this, je, e), t(this, nt).addEventListener("click", t(this, gs)), t(this, Xt).counter.subscribe(t(this, Je)), t(this, Je).call(this));
|
|
979
979
|
}
|
|
980
980
|
get element() {
|
|
981
981
|
return t(this, nt);
|
|
982
982
|
}
|
|
983
983
|
destroy() {
|
|
984
|
-
t(this, nt).removeEventListener("click", t(this, gs)), t(this,
|
|
984
|
+
t(this, nt).removeEventListener("click", t(this, gs)), t(this, Xt).counter.unsubscribe(t(this, Je)), t(this, nt).remove();
|
|
985
985
|
}
|
|
986
986
|
}
|
|
987
|
-
nt = new WeakMap(),
|
|
988
|
-
var Le,
|
|
987
|
+
nt = new WeakMap(), Xt = new WeakMap(), je = new WeakMap(), Ss = new WeakMap(), gs = new WeakMap(), Je = new WeakMap();
|
|
988
|
+
var Le, Yt, Vt;
|
|
989
989
|
class ki extends ys {
|
|
990
990
|
constructor() {
|
|
991
991
|
super(...arguments);
|
|
992
992
|
i(this, Le, null);
|
|
993
|
-
i(this,
|
|
994
|
-
i(this,
|
|
995
|
-
t(this,
|
|
993
|
+
i(this, Yt, []);
|
|
994
|
+
i(this, Vt, ws(() => {
|
|
995
|
+
t(this, Yt).forEach((s) => s.destroy()), r(this, Yt, []);
|
|
996
996
|
let e = 0;
|
|
997
997
|
this.scrollElement.loopCSSProperty.current ? e = this.scrollElement.visibleSections.length : e = this.scrollElement.visibleSections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
|
|
998
998
|
for (let s = 0; s < e; s++) {
|
|
@@ -1001,52 +1001,52 @@ class ki extends ys {
|
|
|
1001
1001
|
s,
|
|
1002
1002
|
this.getAttribute("behaviour") || "smooth"
|
|
1003
1003
|
);
|
|
1004
|
-
t(this, Le).appendChild(h.element), t(this,
|
|
1004
|
+
t(this, Le).appendChild(h.element), t(this, Yt).push(h);
|
|
1005
1005
|
}
|
|
1006
1006
|
}, 0));
|
|
1007
1007
|
}
|
|
1008
1008
|
connectedCallback() {
|
|
1009
1009
|
super.connectedCallback(), this.innerHTML = "", this.scrollElement.addEventListener(
|
|
1010
1010
|
"scrollSectionsChange",
|
|
1011
|
-
t(this,
|
|
1011
|
+
t(this, Vt)
|
|
1012
1012
|
), this.scrollElement.sectionsInViewCSSProperty.subscribe(
|
|
1013
|
-
t(this,
|
|
1014
|
-
), this.scrollElement.loopCSSProperty.subscribe(t(this,
|
|
1013
|
+
t(this, Vt)
|
|
1014
|
+
), this.scrollElement.loopCSSProperty.subscribe(t(this, Vt)), r(this, Le, document.createElement("div")), this.appendChild(t(this, Le));
|
|
1015
1015
|
}
|
|
1016
1016
|
disconnectedCallback() {
|
|
1017
1017
|
this.scrollElement.removeEventListener(
|
|
1018
1018
|
"scrollSectionsChange",
|
|
1019
|
-
t(this,
|
|
1019
|
+
t(this, Vt)
|
|
1020
1020
|
), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
|
|
1021
|
-
t(this,
|
|
1022
|
-
), this.scrollElement.loopCSSProperty.unsubscribe(t(this,
|
|
1021
|
+
t(this, Vt)
|
|
1022
|
+
), this.scrollElement.loopCSSProperty.unsubscribe(t(this, Vt)), t(this, Yt).forEach((e) => e.destroy()), r(this, Yt, []), t(this, Le).remove();
|
|
1023
1023
|
}
|
|
1024
1024
|
}
|
|
1025
|
-
Le = new WeakMap(),
|
|
1025
|
+
Le = new WeakMap(), Yt = new WeakMap(), Vt = new WeakMap();
|
|
1026
1026
|
_ && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ki);
|
|
1027
|
-
var
|
|
1027
|
+
var te, ee, se, ie, kt, At, It, Mt, A, $, H, B, Ft, z, ot, lt, Q, Tt, ze, ct, ut, at, E, W, N, X, Y, K, Qe, S, Rt, re, Xe, x, dt, T, I, Z, Ve, Dt, y, he, m, Js, Qs, Xs, Ys, ti, ei, Ye, ke, Ms, ue, si, ii, Fs;
|
|
1028
1028
|
class Ai extends ys {
|
|
1029
1029
|
constructor() {
|
|
1030
1030
|
super(...arguments);
|
|
1031
1031
|
i(this, m);
|
|
1032
|
-
i(this, Yt);
|
|
1033
1032
|
i(this, te);
|
|
1034
1033
|
i(this, ee);
|
|
1035
1034
|
i(this, se);
|
|
1036
|
-
i(this,
|
|
1037
|
-
i(this, Vt);
|
|
1035
|
+
i(this, ie);
|
|
1038
1036
|
i(this, kt);
|
|
1039
1037
|
i(this, At);
|
|
1038
|
+
i(this, It);
|
|
1039
|
+
i(this, Mt);
|
|
1040
1040
|
i(this, A);
|
|
1041
1041
|
i(this, $);
|
|
1042
1042
|
i(this, H);
|
|
1043
1043
|
i(this, B);
|
|
1044
|
-
i(this,
|
|
1044
|
+
i(this, Ft);
|
|
1045
1045
|
i(this, z);
|
|
1046
1046
|
i(this, ot);
|
|
1047
1047
|
i(this, lt);
|
|
1048
1048
|
i(this, Q);
|
|
1049
|
-
i(this,
|
|
1049
|
+
i(this, Tt);
|
|
1050
1050
|
i(this, ze);
|
|
1051
1051
|
i(this, ct);
|
|
1052
1052
|
i(this, ut);
|
|
@@ -1057,30 +1057,30 @@ class Ai extends ys {
|
|
|
1057
1057
|
i(this, X);
|
|
1058
1058
|
i(this, Y);
|
|
1059
1059
|
i(this, K);
|
|
1060
|
-
i(this, Je);
|
|
1061
|
-
i(this, S);
|
|
1062
|
-
i(this, Ft);
|
|
1063
|
-
i(this, ie);
|
|
1064
1060
|
i(this, Qe);
|
|
1061
|
+
i(this, S);
|
|
1062
|
+
i(this, Rt);
|
|
1063
|
+
i(this, re);
|
|
1064
|
+
i(this, Xe);
|
|
1065
1065
|
i(this, x);
|
|
1066
1066
|
i(this, dt);
|
|
1067
|
-
i(this,
|
|
1067
|
+
i(this, T);
|
|
1068
1068
|
i(this, I);
|
|
1069
1069
|
i(this, Z);
|
|
1070
1070
|
i(this, Ve);
|
|
1071
|
-
i(this,
|
|
1071
|
+
i(this, Dt);
|
|
1072
1072
|
i(this, y);
|
|
1073
|
-
i(this,
|
|
1074
|
-
i(this,
|
|
1073
|
+
i(this, he);
|
|
1074
|
+
i(this, Ye);
|
|
1075
1075
|
i(this, ke);
|
|
1076
|
-
r(this,
|
|
1076
|
+
r(this, te, new l(this, "--damping", 20)), r(this, ee, new l(this, "--mass", 0)), r(this, se, new l(this, "--stiffness", 0)), r(this, ie, new l(this, "--target", "")), r(this, kt, new l(this, "--disabled", !1)), r(this, At, new l(
|
|
1077
1077
|
this,
|
|
1078
1078
|
"--distance-offset",
|
|
1079
1079
|
0,
|
|
1080
1080
|
{ rawValueCheck: !1 }
|
|
1081
|
-
)), r(this,
|
|
1081
|
+
)), r(this, It, new l(this, "--start-offset", 0, {
|
|
1082
1082
|
rawValueCheck: !1
|
|
1083
|
-
})), r(this,
|
|
1083
|
+
})), r(this, Mt, new l(
|
|
1084
1084
|
this,
|
|
1085
1085
|
"--capture-once",
|
|
1086
1086
|
!1
|
|
@@ -1092,7 +1092,7 @@ class Ai extends ys {
|
|
|
1092
1092
|
this,
|
|
1093
1093
|
"--captured-from-finish",
|
|
1094
1094
|
""
|
|
1095
|
-
)), r(this,
|
|
1095
|
+
)), r(this, Ft, new l(
|
|
1096
1096
|
this,
|
|
1097
1097
|
"--released-from-start",
|
|
1098
1098
|
""
|
|
@@ -1104,7 +1104,7 @@ class Ai extends ys {
|
|
|
1104
1104
|
this,
|
|
1105
1105
|
"--progress-arc-var",
|
|
1106
1106
|
""
|
|
1107
|
-
)), r(this,
|
|
1107
|
+
)), r(this, Tt, new l(
|
|
1108
1108
|
this,
|
|
1109
1109
|
"--progress-arc-mult",
|
|
1110
1110
|
1
|
|
@@ -1112,33 +1112,33 @@ class Ai extends ys {
|
|
|
1112
1112
|
this,
|
|
1113
1113
|
"--animation-var-type",
|
|
1114
1114
|
"target"
|
|
1115
|
-
)), r(this, ct, new l(this, "--distance-var", "")), r(this, ut, new l(this, "--start-var", "")), r(this, at, new l(this, "--finish-var", "")), r(this, E, new le(!1)), r(this, W, new le(!1)), r(this, N, new le(!1)), r(this, X, new le(!1)), r(this, Y, new le(!1)), r(this, K, new le(!1)), r(this,
|
|
1116
|
-
r(this,
|
|
1115
|
+
)), r(this, ct, new l(this, "--distance-var", "")), r(this, ut, new l(this, "--start-var", "")), r(this, at, new l(this, "--finish-var", "")), r(this, E, new le(!1)), r(this, W, new le(!1)), r(this, N, new le(!1)), r(this, X, new le(!1)), r(this, Y, new le(!1)), r(this, K, new le(!1)), r(this, Qe, []), r(this, S, this), r(this, Rt, 0), r(this, re, 0), r(this, Xe, 0), r(this, x, new Zs(0, { order: Ks.SEGMENT, min: 0, max: 1 })), r(this, dt, 0), r(this, T, 0), r(this, I, 0), r(this, Z, 0), r(this, Ve, !1), r(this, Dt, !1), r(this, y, !0), r(this, he, !1), this.resize = () => {
|
|
1116
|
+
r(this, re, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Rt, this.scrollElement.vertical ? hs(this, this.scrollElement) : ns(this, this.scrollElement));
|
|
1117
1117
|
const e = ai(
|
|
1118
1118
|
this,
|
|
1119
1119
|
this.scrollElement.vertical ? "top" : "left"
|
|
1120
1120
|
);
|
|
1121
|
-
r(this,
|
|
1121
|
+
r(this, Rt, t(this, Rt) - e), r(this, T, this.getStart()), r(this, I, this.getDistance()), r(this, T, t(this, T) + t(this, It).current), r(this, I, t(this, I) + t(this, At).current), r(this, Z, t(this, T) + t(this, I)), this.scrollElement.currentScrollValue > t(this, Z) && !t(this, E).current && !t(this, W).current && (t(this, E).current = !0), this.setVar(t(this, ut).current, t(this, T)), this.setVar(t(this, at).current, t(this, Z)), this.setVar(t(this, ct).current, t(this, I)), t(this, x).max = t(this, I), r(this, Ve, !0), t(this, ke).call(this);
|
|
1122
1122
|
}, this.findAnotherScrollEntries = ws(() => {
|
|
1123
1123
|
const e = ne.getAll(this).reverse();
|
|
1124
1124
|
let s = 0;
|
|
1125
1125
|
e.forEach((h, u) => {
|
|
1126
1126
|
h.element === this.scrollElement && (s = u);
|
|
1127
|
-
}), r(this,
|
|
1128
|
-
}, 0), r(this,
|
|
1127
|
+
}), r(this, Qe, e.slice(s + 1)), this.tick();
|
|
1128
|
+
}, 0), r(this, Ye, () => {
|
|
1129
1129
|
t(this, y) || this.resize();
|
|
1130
1130
|
}), r(this, ke, () => {
|
|
1131
1131
|
!t(this, y) && t(this, Ve) && this.tick();
|
|
1132
1132
|
});
|
|
1133
1133
|
}
|
|
1134
1134
|
get distanceOffsetCSSProperty() {
|
|
1135
|
-
return t(this,
|
|
1135
|
+
return t(this, At);
|
|
1136
1136
|
}
|
|
1137
1137
|
get startOffsetCSSProperty() {
|
|
1138
|
-
return t(this,
|
|
1138
|
+
return t(this, It);
|
|
1139
1139
|
}
|
|
1140
1140
|
get captureOnceCSSProperty() {
|
|
1141
|
-
return t(this,
|
|
1141
|
+
return t(this, Mt);
|
|
1142
1142
|
}
|
|
1143
1143
|
get capturedCSSProperty() {
|
|
1144
1144
|
return t(this, A);
|
|
@@ -1153,7 +1153,7 @@ class Ai extends ys {
|
|
|
1153
1153
|
return t(this, B);
|
|
1154
1154
|
}
|
|
1155
1155
|
get releasedFromStartCSSProperty() {
|
|
1156
|
-
return t(this,
|
|
1156
|
+
return t(this, Ft);
|
|
1157
1157
|
}
|
|
1158
1158
|
get releasedFromFinishCSSProperty() {
|
|
1159
1159
|
return t(this, z);
|
|
@@ -1168,7 +1168,7 @@ class Ai extends ys {
|
|
|
1168
1168
|
return t(this, Q);
|
|
1169
1169
|
}
|
|
1170
1170
|
get progressArcMultCSSProperty() {
|
|
1171
|
-
return t(this,
|
|
1171
|
+
return t(this, Tt);
|
|
1172
1172
|
}
|
|
1173
1173
|
get animationVarTypeCSSProperty() {
|
|
1174
1174
|
return t(this, ze);
|
|
@@ -1183,19 +1183,19 @@ class Ai extends ys {
|
|
|
1183
1183
|
return t(this, at);
|
|
1184
1184
|
}
|
|
1185
1185
|
get disabledCSSProperty() {
|
|
1186
|
-
return t(this,
|
|
1186
|
+
return t(this, kt);
|
|
1187
1187
|
}
|
|
1188
1188
|
get dampingCSSProperty() {
|
|
1189
|
-
return t(this,
|
|
1189
|
+
return t(this, te);
|
|
1190
1190
|
}
|
|
1191
1191
|
get massCSSProperty() {
|
|
1192
|
-
return t(this,
|
|
1192
|
+
return t(this, ee);
|
|
1193
1193
|
}
|
|
1194
1194
|
get stiffnessCSSProperty() {
|
|
1195
|
-
return t(this,
|
|
1195
|
+
return t(this, se);
|
|
1196
1196
|
}
|
|
1197
1197
|
get targetCSSProperty() {
|
|
1198
|
-
return t(this,
|
|
1198
|
+
return t(this, ie);
|
|
1199
1199
|
}
|
|
1200
1200
|
get isCaptured() {
|
|
1201
1201
|
return t(this, E);
|
|
@@ -1216,10 +1216,10 @@ class Ai extends ys {
|
|
|
1216
1216
|
return t(this, K);
|
|
1217
1217
|
}
|
|
1218
1218
|
get directionPosition() {
|
|
1219
|
-
return t(this,
|
|
1219
|
+
return t(this, Rt);
|
|
1220
1220
|
}
|
|
1221
1221
|
get directionSize() {
|
|
1222
|
-
return t(this,
|
|
1222
|
+
return t(this, re);
|
|
1223
1223
|
}
|
|
1224
1224
|
get passed() {
|
|
1225
1225
|
return t(this, x);
|
|
@@ -1228,10 +1228,10 @@ class Ai extends ys {
|
|
|
1228
1228
|
return t(this, dt);
|
|
1229
1229
|
}
|
|
1230
1230
|
get progressArc() {
|
|
1231
|
-
return Math.abs(Math.cos(t(this, dt) * Math.PI)) * t(this,
|
|
1231
|
+
return Math.abs(Math.cos(t(this, dt) * Math.PI)) * t(this, Tt).current;
|
|
1232
1232
|
}
|
|
1233
1233
|
get start() {
|
|
1234
|
-
return t(this,
|
|
1234
|
+
return t(this, T);
|
|
1235
1235
|
}
|
|
1236
1236
|
get finish() {
|
|
1237
1237
|
return t(this, Z);
|
|
@@ -1240,25 +1240,25 @@ class Ai extends ys {
|
|
|
1240
1240
|
return t(this, I);
|
|
1241
1241
|
}
|
|
1242
1242
|
get isCapturedOnce() {
|
|
1243
|
-
return t(this,
|
|
1243
|
+
return t(this, Dt);
|
|
1244
1244
|
}
|
|
1245
1245
|
get isDisabled() {
|
|
1246
1246
|
return t(this, y);
|
|
1247
1247
|
}
|
|
1248
1248
|
tick() {
|
|
1249
1249
|
let e = this.scrollElement.currentScrollValue;
|
|
1250
|
-
t(this,
|
|
1250
|
+
t(this, Qe).forEach((u) => {
|
|
1251
1251
|
e += u.value;
|
|
1252
1252
|
});
|
|
1253
|
-
const s = e - t(this,
|
|
1254
|
-
t(this,
|
|
1253
|
+
const s = e - t(this, T);
|
|
1254
|
+
t(this, he) || r(this, he, t(this, x).previous ? Math.abs(t(this, x).previous - s) > 1e3 : !1), t(this, x).set(s);
|
|
1255
1255
|
const h = Math.round(e);
|
|
1256
|
-
t(this, E).current && (h >= t(this,
|
|
1256
|
+
t(this, E).current && (h >= t(this, T) ? t(this, N).current || o(this, m, Xs).call(this) : t(this, N).current && !t(this, X).current && o(this, m, ti).call(this), h < t(this, Z) ? t(this, K).current && !t(this, Y).current && o(this, m, Ys).call(this) : t(this, N).current && !t(this, K).current && o(this, m, ei).call(this)), h >= t(this, T) && h < t(this, Z) ? t(this, E).current || o(this, m, Js).call(this) : t(this, E).current && (t(this, x).set(
|
|
1257
1257
|
di(t(this, I) / 2, t(this, x).target, 0, t(this, I))
|
|
1258
|
-
), o(this, m, Qs).call(this)), t(this,
|
|
1258
|
+
), o(this, m, Qs).call(this)), t(this, Dt) && t(this, Mt).current && (t(this, A).current && t(this, S).classList.add(t(this, A).current), r(this, y, !0));
|
|
1259
1259
|
}
|
|
1260
1260
|
disable() {
|
|
1261
|
-
this.style.cssText = "", r(this,
|
|
1261
|
+
this.style.cssText = "", r(this, Rt, 0), r(this, re, 0), t(this, x).reset(), r(this, dt, 0), r(this, T, 0), r(this, I, 0), r(this, Z, 0), r(this, Ve, !1), t(this, E).current = !1, t(this, W).current = !1, t(this, N).current = !1, t(this, X).current = !1, t(this, Y).current = !1, t(this, K).current = !1, r(this, Dt, !1), r(this, y, !0), o(this, m, Fs).call(this);
|
|
1262
1262
|
}
|
|
1263
1263
|
enable() {
|
|
1264
1264
|
r(this, y, !1);
|
|
@@ -1294,21 +1294,21 @@ class Ai extends ys {
|
|
|
1294
1294
|
composed: !0,
|
|
1295
1295
|
custom: !0
|
|
1296
1296
|
});
|
|
1297
|
-
}), t(this,
|
|
1297
|
+
}), t(this, te).observe(), t(this, ee).observe(), t(this, se).observe(), t(this, ie).observe(), t(this, kt).observe(), t(this, At).observe(), t(this, It).observe(), t(this, Mt).observe(), t(this, A).observe(), t(this, $).observe(), t(this, H).observe(), t(this, B).observe(), t(this, Ft).observe(), t(this, z).observe(), t(this, ot).observe(), t(this, lt).observe(), t(this, Q).observe(), t(this, Tt).observe(), t(this, ze).observe(), t(this, ct).observe(), t(this, ut).observe(), t(this, at).observe();
|
|
1298
1298
|
let e = !1;
|
|
1299
|
-
this.findAnotherScrollEntries(), t(this,
|
|
1299
|
+
this.findAnotherScrollEntries(), t(this, kt).current || this.enable(), t(this, te).subscribe((s) => {
|
|
1300
1300
|
t(this, x).damping = s.current;
|
|
1301
|
-
}), t(this, te).subscribe((s) => {
|
|
1302
|
-
t(this, x).mass = s.current;
|
|
1303
1301
|
}), t(this, ee).subscribe((s) => {
|
|
1304
|
-
t(this, x).
|
|
1302
|
+
t(this, x).mass = s.current;
|
|
1305
1303
|
}), t(this, se).subscribe((s) => {
|
|
1304
|
+
t(this, x).stiffness = s.current;
|
|
1305
|
+
}), t(this, ie).subscribe((s) => {
|
|
1306
1306
|
s.previous && o(this, m, Fs).call(this), s.current ? s.current === "parent" ? r(this, S, this.parentElement || this) : r(this, S, document.querySelector(s.current) || this) : r(this, S, this);
|
|
1307
|
-
}), t(this,
|
|
1307
|
+
}), t(this, kt).subscribe((s) => {
|
|
1308
1308
|
s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
|
|
1309
|
-
}), t(this,
|
|
1309
|
+
}), t(this, It).subscribe(() => {
|
|
1310
1310
|
e && !t(this, y) && this.resize();
|
|
1311
|
-
}), t(this,
|
|
1311
|
+
}), t(this, At).subscribe(() => {
|
|
1312
1312
|
e && !t(this, y) && this.resize();
|
|
1313
1313
|
}), t(this, A).subscribe((s) => {
|
|
1314
1314
|
o(this, m, ue).call(this, s);
|
|
@@ -1318,11 +1318,11 @@ class Ai extends ys {
|
|
|
1318
1318
|
o(this, m, ue).call(this, s);
|
|
1319
1319
|
}), t(this, $).subscribe((s) => {
|
|
1320
1320
|
o(this, m, ue).call(this, s);
|
|
1321
|
-
}), t(this,
|
|
1321
|
+
}), t(this, Ft).subscribe((s) => {
|
|
1322
1322
|
o(this, m, ue).call(this, s);
|
|
1323
1323
|
}), t(this, z).subscribe((s) => {
|
|
1324
1324
|
o(this, m, ue).call(this, s);
|
|
1325
|
-
}), t(this,
|
|
1325
|
+
}), t(this, Mt).subscribe((s) => {
|
|
1326
1326
|
t(this, y) || !s.current && s.previous && (this.resize(), this.enable());
|
|
1327
1327
|
}), t(this, ot).subscribe((s) => {
|
|
1328
1328
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
|
|
@@ -1330,30 +1330,30 @@ class Ai extends ys {
|
|
|
1330
1330
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, dt)));
|
|
1331
1331
|
}), t(this, Q).subscribe((s) => {
|
|
1332
1332
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.progressArc));
|
|
1333
|
-
}), t(this,
|
|
1333
|
+
}), t(this, Tt).subscribe((s) => {
|
|
1334
1334
|
t(this, y) || o(this, m, Ms).call(this);
|
|
1335
1335
|
}), t(this, ut).subscribe((s) => {
|
|
1336
|
-
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this,
|
|
1336
|
+
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, T)));
|
|
1337
1337
|
}), t(this, at).subscribe((s) => {
|
|
1338
1338
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, Z)));
|
|
1339
1339
|
}), t(this, ct).subscribe((s) => {
|
|
1340
1340
|
t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, I)));
|
|
1341
1341
|
}), t(this, x).subscribe((s) => {
|
|
1342
|
-
if (t(this,
|
|
1343
|
-
r(this,
|
|
1342
|
+
if (t(this, he)) {
|
|
1343
|
+
r(this, he, !1);
|
|
1344
1344
|
return;
|
|
1345
1345
|
}
|
|
1346
1346
|
o(this, m, Ms).call(this);
|
|
1347
1347
|
}), this.scrollElement.addEventListener(
|
|
1348
1348
|
"scrollSectionsChange",
|
|
1349
1349
|
this.findAnotherScrollEntries
|
|
1350
|
-
), this.scrollElement.addEventListener("scrollResize", this.resize),
|
|
1350
|
+
), this.scrollElement.addEventListener("scrollResize", this.resize), ft.subscribe(t(this, Ye), Es.SCROLL + 1), this.scrollElement.onScroll(t(this, ke)), e = !0;
|
|
1351
1351
|
}
|
|
1352
1352
|
disconnectedCallback() {
|
|
1353
|
-
|
|
1353
|
+
ft.unsubscribe(t(this, Ye)), this.scrollElement.offScroll(t(this, ke)), this.scrollElement.removeEventListener(
|
|
1354
1354
|
"scrollSectionsChange",
|
|
1355
1355
|
this.findAnotherScrollEntries
|
|
1356
|
-
), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this,
|
|
1356
|
+
), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this, te).close(), t(this, ee).close(), t(this, se).close(), t(this, ie).close(), t(this, kt).close(), t(this, At).close(), t(this, It).close(), t(this, Mt).close(), t(this, A).close(), t(this, $).close(), t(this, H).close(), t(this, B).close(), t(this, Ft).close(), t(this, z).close(), t(this, ot).close(), t(this, lt).close(), t(this, Q).close(), t(this, Tt).close(), t(this, ct).close(), t(this, ut).close(), t(this, at).close(), t(this, E).close(), t(this, W).close(), t(this, N).close(), t(this, X).close(), t(this, Y).close(), t(this, K).close(), this.disable(), t(this, x).close();
|
|
1357
1357
|
}
|
|
1358
1358
|
removeVar(e) {
|
|
1359
1359
|
e && t(this, S).style.removeProperty(`--${e}`);
|
|
@@ -1365,20 +1365,20 @@ class Ai extends ys {
|
|
|
1365
1365
|
}
|
|
1366
1366
|
}
|
|
1367
1367
|
getDistance() {
|
|
1368
|
-
return t(this,
|
|
1368
|
+
return t(this, re) + t(this, Xe);
|
|
1369
1369
|
}
|
|
1370
1370
|
getStart() {
|
|
1371
|
-
return t(this,
|
|
1371
|
+
return t(this, Rt) - t(this, Xe);
|
|
1372
1372
|
}
|
|
1373
1373
|
}
|
|
1374
|
-
|
|
1375
|
-
t(this, E).current = !0, t(this, W).current = !1, r(this,
|
|
1374
|
+
te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), kt = new WeakMap(), At = new WeakMap(), It = new WeakMap(), Mt = new WeakMap(), A = new WeakMap(), $ = new WeakMap(), H = new WeakMap(), B = new WeakMap(), Ft = new WeakMap(), z = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), Q = new WeakMap(), Tt = new WeakMap(), ze = new WeakMap(), ct = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), E = new WeakMap(), W = new WeakMap(), N = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), K = new WeakMap(), Qe = new WeakMap(), S = new WeakMap(), Rt = new WeakMap(), re = new WeakMap(), Xe = new WeakMap(), x = new WeakMap(), dt = new WeakMap(), T = new WeakMap(), I = new WeakMap(), Z = new WeakMap(), Ve = new WeakMap(), Dt = new WeakMap(), y = new WeakMap(), he = new WeakMap(), m = new WeakSet(), Js = function() {
|
|
1375
|
+
t(this, E).current = !0, t(this, W).current = !1, r(this, Dt, !0), t(this, $).current && t(this, S).classList.remove(t(this, $).current), t(this, z).current && t(this, S).classList.remove(
|
|
1376
1376
|
t(this, z).current
|
|
1377
1377
|
), t(this, z).current && t(this, S).classList.remove(
|
|
1378
1378
|
t(this, z).current
|
|
1379
1379
|
), t(this, A).current && t(this, S).classList.add(t(this, A).current);
|
|
1380
1380
|
}, Qs = function() {
|
|
1381
|
-
t(this, W).current = !0, t(this, E).current = !1, r(this,
|
|
1381
|
+
t(this, W).current = !0, t(this, E).current = !1, r(this, Dt, !0), t(this, A).current && t(this, S).classList.remove(t(this, A).current), t(this, H).current && t(this, S).classList.remove(
|
|
1382
1382
|
t(this, H).current
|
|
1383
1383
|
), t(this, B).current && t(this, S).classList.remove(
|
|
1384
1384
|
t(this, B).current
|
|
@@ -1399,7 +1399,7 @@ Yt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(),
|
|
|
1399
1399
|
t(this, W).current = !0, t(this, K).current = !0, t(this, Y).current = !1, t(this, z).current && t(this, S).classList.add(
|
|
1400
1400
|
t(this, z).current
|
|
1401
1401
|
);
|
|
1402
|
-
},
|
|
1402
|
+
}, Ye = new WeakMap(), ke = new WeakMap(), Ms = function() {
|
|
1403
1403
|
const e = t(this, x)[t(this, ze).current];
|
|
1404
1404
|
this.setVar(t(this, ot).current, e), r(this, dt, e / t(this, I) || 0), this.setVar(t(this, lt).current, t(this, dt)), t(this, Q).current && this.setVar(t(this, Q).current, this.progressArc);
|
|
1405
1405
|
}, ue = function(e) {
|
|
@@ -1417,13 +1417,13 @@ Yt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(),
|
|
|
1417
1417
|
s && t(this, S).style.removeProperty(`--${s}`);
|
|
1418
1418
|
});
|
|
1419
1419
|
}, Fs = function() {
|
|
1420
|
-
o(this, m, si).call(this, t(this, A).current, t(this, H).current, t(this, B).current, t(this, $).current, t(this,
|
|
1420
|
+
o(this, m, si).call(this, t(this, A).current, t(this, H).current, t(this, B).current, t(this, $).current, t(this, Ft).current, t(this, z).current), o(this, m, ii).call(this, t(this, ot).current, t(this, lt).current, t(this, Q).current, t(this, ct).current, t(this, ut).current, t(this, at).current);
|
|
1421
1421
|
};
|
|
1422
1422
|
_ && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", Ai);
|
|
1423
1423
|
class Ii extends Rs {
|
|
1424
1424
|
handleClick(n) {
|
|
1425
1425
|
this.scrollElement.setPosition(
|
|
1426
|
-
this.scrollElement.vertical ?
|
|
1426
|
+
this.scrollElement.vertical ? hs(this) : ns(this),
|
|
1427
1427
|
n
|
|
1428
1428
|
);
|
|
1429
1429
|
}
|