aptechka 0.64.8 → 0.64.9
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 +25 -25
- package/lib/popover/index.cjs +1 -1
- package/lib/popover/index.js +27 -27
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +149 -149
- package/package.json +1 -1
package/lib/scroll/index.js
CHANGED
|
@@ -44,79 +44,79 @@ import "../ticker/index.js";
|
|
|
44
44
|
import { TICK_ORDER as as, RESIZE_ORDER as De } from "../order/index.js";
|
|
45
45
|
import { D as us } from "../Damped-YrqW5V4w.js";
|
|
46
46
|
import { T as ds } from "../Tweened-_pF0zXXN.js";
|
|
47
|
-
import { W as
|
|
47
|
+
import { W as bs, K as ps, D as fs, A as ms } from "../DragControls-DGDUw6bM.js";
|
|
48
48
|
import { windowResizer as Wt } from "../window-resizer/index.js";
|
|
49
49
|
import { scrollEntries as Ct } from "../scroll-entries/index.js";
|
|
50
50
|
import { cssUnitParser as Ze } from "../css-unit-parser/index.js";
|
|
51
|
-
import { CSSProperty as
|
|
51
|
+
import { CSSProperty as b } from "../css-property/index.js";
|
|
52
52
|
import { d as Ss } from "../Viewport-DA10iWAO.js";
|
|
53
53
|
import "construct-style-sheets-polyfill";
|
|
54
54
|
import { elementResizer as ue } from "../element-resizer/index.js";
|
|
55
55
|
import { s as gs } from "../gestures-CcXV6fCp.js";
|
|
56
56
|
import { b as Je } from "../dom-CVWzyXPH.js";
|
|
57
57
|
import { a as vs } from "../ScrollSegmentElement-B6gp1q_z.js";
|
|
58
|
-
var
|
|
58
|
+
var p, Nt, y, de, be, xt, W, st, wt, Et, le;
|
|
59
59
|
class ys {
|
|
60
60
|
constructor(n, e, i) {
|
|
61
|
-
s(this,
|
|
62
|
-
s(this,
|
|
61
|
+
s(this, Et);
|
|
62
|
+
s(this, p);
|
|
63
63
|
s(this, Nt);
|
|
64
64
|
s(this, y);
|
|
65
65
|
s(this, de, 0);
|
|
66
|
-
s(this,
|
|
67
|
-
s(this,
|
|
66
|
+
s(this, be, 0);
|
|
67
|
+
s(this, xt, 0);
|
|
68
68
|
s(this, W, 0);
|
|
69
69
|
s(this, st, null);
|
|
70
|
-
s(this,
|
|
71
|
-
h(this,
|
|
70
|
+
s(this, wt, 0);
|
|
71
|
+
h(this, p, n), h(this, Nt, e), h(this, y, i), Ct.register(t(this, p)), this.setIndex(t(this, Nt));
|
|
72
72
|
}
|
|
73
73
|
get element() {
|
|
74
|
-
return t(this,
|
|
74
|
+
return t(this, p);
|
|
75
75
|
}
|
|
76
76
|
get index() {
|
|
77
77
|
return t(this, Nt);
|
|
78
78
|
}
|
|
79
79
|
get size() {
|
|
80
|
-
return t(this,
|
|
80
|
+
return t(this, xt);
|
|
81
81
|
}
|
|
82
82
|
get width() {
|
|
83
83
|
return t(this, de);
|
|
84
84
|
}
|
|
85
85
|
get height() {
|
|
86
|
-
return t(this,
|
|
86
|
+
return t(this, be);
|
|
87
87
|
}
|
|
88
88
|
get position() {
|
|
89
89
|
return t(this, W);
|
|
90
90
|
}
|
|
91
91
|
get transformPosition() {
|
|
92
|
-
return t(this,
|
|
92
|
+
return t(this, wt);
|
|
93
93
|
}
|
|
94
94
|
destroy() {
|
|
95
|
-
Ct.unregister(t(this,
|
|
95
|
+
Ct.unregister(t(this, p)), this.unsetTransform();
|
|
96
96
|
}
|
|
97
97
|
unsetTransform() {
|
|
98
|
-
t(this,
|
|
98
|
+
t(this, p).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setMiddle(!1), this.setSize();
|
|
99
99
|
}
|
|
100
100
|
setSize(n) {
|
|
101
|
-
n ? (t(this,
|
|
101
|
+
n ? (t(this, p).style.setProperty("--size", n + "px"), t(this, y).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"));
|
|
102
102
|
}
|
|
103
103
|
resize() {
|
|
104
|
-
h(this, de, t(this,
|
|
104
|
+
h(this, de, t(this, p).offsetWidth), h(this, be, t(this, p).offsetHeight), h(this, xt, t(this, y).vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth), h(this, W, t(this, y).vertical ? Me(t(this, p)) : Te(t(this, p))), h(this, W, t(this, W) - t(this, y).contentPosition);
|
|
105
105
|
}
|
|
106
106
|
transform() {
|
|
107
107
|
const n = t(this, y).shiftSectionPositionCSSProperty.current;
|
|
108
108
|
let e = n;
|
|
109
109
|
const i = t(this, y).viewportSize * t(this, y).sectionDistanceScaleCSSProperty.current;
|
|
110
|
-
t(this, y).loopCSSProperty.current && t(this, W) + t(this,
|
|
111
|
-
t(this,
|
|
110
|
+
t(this, y).loopCSSProperty.current && t(this, W) + t(this, xt) <= t(this, y).currentScrollValue - n / 2 && (e = (t(this, y).distance - n) * -1 - t(this, y).gap), Ct.update(
|
|
111
|
+
t(this, p),
|
|
112
112
|
t(this, y).axisCSSProperty.current,
|
|
113
113
|
e
|
|
114
114
|
);
|
|
115
|
-
const r = t(this, y).currentScrollValue + e, l = t(this, W) - t(this, y).viewportSize - i, m = t(this, W) + t(this,
|
|
116
|
-
h(this,
|
|
115
|
+
const r = t(this, y).currentScrollValue + e, l = t(this, W) - t(this, y).viewportSize - i, m = t(this, W) + t(this, xt) + i, S = ls(_e(r, l, m), 3);
|
|
116
|
+
h(this, wt, S * -1), t(this, y).vertical ? t(this, p).style.transform = `translate3d(0px, ${t(this, wt)}px, 0px)` : t(this, p).style.transform = `translate3d(${t(this, wt)}px, 0px, 0px)`;
|
|
117
117
|
}
|
|
118
118
|
setMark(n) {
|
|
119
|
-
t(this, st) !== n && (t(this, st) && t(this,
|
|
119
|
+
t(this, st) !== n && (t(this, st) && t(this, p).classList.remove(t(this, st)), n && t(this, p).classList.add(n), h(this, st, n), oe(t(this, p), "scrollSectionMarkChange", {
|
|
120
120
|
composed: !0,
|
|
121
121
|
detail: {
|
|
122
122
|
mark: t(this, st)
|
|
@@ -125,23 +125,23 @@ class ys {
|
|
|
125
125
|
}));
|
|
126
126
|
}
|
|
127
127
|
setMiddle(n) {
|
|
128
|
-
t(this,
|
|
128
|
+
t(this, p).classList.toggle("middle", n);
|
|
129
129
|
}
|
|
130
130
|
setIndex(n) {
|
|
131
|
-
c(this,
|
|
131
|
+
c(this, Et, le).call(this, "index", n);
|
|
132
132
|
}
|
|
133
133
|
setCurrentIndex(n) {
|
|
134
|
-
c(this,
|
|
134
|
+
c(this, Et, le).call(this, "current-index", n);
|
|
135
135
|
}
|
|
136
136
|
setCurrentIndexArc(n) {
|
|
137
|
-
c(this,
|
|
137
|
+
c(this, Et, le).call(this, "current-index-arc", n);
|
|
138
138
|
}
|
|
139
139
|
setCurrentIndexArcAbs(n) {
|
|
140
|
-
c(this,
|
|
140
|
+
c(this, Et, le).call(this, "current-index-arc-abs", n);
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
|
-
|
|
144
|
-
e !== null ? (t(this,
|
|
143
|
+
p = new WeakMap(), Nt = new WeakMap(), y = new WeakMap(), de = new WeakMap(), be = new WeakMap(), xt = new WeakMap(), W = new WeakMap(), st = new WeakMap(), wt = new WeakMap(), Et = new WeakSet(), le = function(n, e) {
|
|
144
|
+
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}`));
|
|
145
145
|
};
|
|
146
146
|
const Cs = je({
|
|
147
147
|
":host": {
|
|
@@ -182,104 +182,104 @@ const Cs = je({
|
|
|
182
182
|
flexShrink: "0"
|
|
183
183
|
}
|
|
184
184
|
});
|
|
185
|
-
var d, Pt, P, it, F, N, q, R, rt, nt, G, ht, Lt, V,
|
|
185
|
+
var d, Pt, P, it, F, N, q, R, rt, nt, G, ht, Lt, V, x, zt, kt, It, At, qt, Mt, M, Tt, ot, T, lt, U, Dt, ct, Rt, at, ut, dt, f, Gt, I, a, pe, fe, C, v, A, O, bt, H, E, L, Ut, K, Z, _, j, Kt, pt, J, Vt, $, w, Zt, Q, Ot, _t, o, Re, ce, Bt, Le, ze, Ve, Oe, z, me, Qe, jt, Se, He, $e, yt, Xe, ge, ae, ve;
|
|
186
186
|
class Ft extends HTMLElement {
|
|
187
187
|
constructor() {
|
|
188
188
|
super();
|
|
189
189
|
s(this, o);
|
|
190
190
|
s(this, d, null);
|
|
191
|
-
s(this, Pt, new
|
|
192
|
-
s(this, P, new
|
|
193
|
-
s(this, it, new
|
|
194
|
-
s(this, F, new
|
|
195
|
-
s(this, N, new
|
|
191
|
+
s(this, Pt, new b(this, "--controls", !0));
|
|
192
|
+
s(this, P, new b(this, "--axis", "y"));
|
|
193
|
+
s(this, it, new b(this, "--reverse", !1));
|
|
194
|
+
s(this, F, new b(this, "--direction", 0));
|
|
195
|
+
s(this, N, new b(this, "--pages", 0, {
|
|
196
196
|
validate: (e) => Math.max(0, e - 1)
|
|
197
197
|
}));
|
|
198
|
-
s(this, q, new
|
|
199
|
-
s(this, R, new
|
|
200
|
-
s(this, rt, new
|
|
198
|
+
s(this, q, new b(this, "--split", !1));
|
|
199
|
+
s(this, R, new b(this, "--sectional", !1));
|
|
200
|
+
s(this, rt, new b(
|
|
201
201
|
this,
|
|
202
202
|
"--tween-easing",
|
|
203
203
|
!1
|
|
204
204
|
));
|
|
205
|
-
s(this, nt, new
|
|
205
|
+
s(this, nt, new b(
|
|
206
206
|
this,
|
|
207
207
|
"--tween-duration",
|
|
208
208
|
!1
|
|
209
209
|
));
|
|
210
|
-
s(this, G, new
|
|
211
|
-
s(this, ht, new
|
|
210
|
+
s(this, G, new b(this, "--auto-size", !1));
|
|
211
|
+
s(this, ht, new b(
|
|
212
212
|
this,
|
|
213
213
|
"--wheel-max-delta",
|
|
214
214
|
!1
|
|
215
215
|
));
|
|
216
|
-
s(this, Lt, new
|
|
217
|
-
s(this, V, new
|
|
216
|
+
s(this, Lt, new b(this, "--drag-inertion", 1));
|
|
217
|
+
s(this, V, new b(
|
|
218
218
|
this,
|
|
219
219
|
"--sections-in-view",
|
|
220
220
|
1
|
|
221
221
|
));
|
|
222
|
-
s(this,
|
|
223
|
-
s(this, zt, new
|
|
224
|
-
s(this, kt, new
|
|
225
|
-
s(this, It, new
|
|
226
|
-
s(this, At, new
|
|
227
|
-
s(this, qt, new
|
|
222
|
+
s(this, x, new b(this, "--loop", !1));
|
|
223
|
+
s(this, zt, new b(this, "--damping", 20));
|
|
224
|
+
s(this, kt, new b(this, "--mass", 0));
|
|
225
|
+
s(this, It, new b(this, "--stiffness", 0));
|
|
226
|
+
s(this, At, new b(this, "--mouse-drag", !1));
|
|
227
|
+
s(this, qt, new b(
|
|
228
228
|
this,
|
|
229
229
|
"--section-distance-scale",
|
|
230
230
|
0.5
|
|
231
231
|
));
|
|
232
|
-
s(this, Mt, new
|
|
233
|
-
s(this, M, new
|
|
234
|
-
s(this, Tt, new
|
|
232
|
+
s(this, Mt, new b(this, "--start-section", 0));
|
|
233
|
+
s(this, M, new b(this, "--autoplay", 0));
|
|
234
|
+
s(this, Tt, new b(
|
|
235
235
|
this,
|
|
236
236
|
"--autoplay-pause-duration",
|
|
237
237
|
0
|
|
238
238
|
));
|
|
239
|
-
s(this, ot, new
|
|
239
|
+
s(this, ot, new b(
|
|
240
240
|
this,
|
|
241
241
|
"--autoplay-user-direction",
|
|
242
242
|
!1
|
|
243
243
|
));
|
|
244
|
-
s(this, T, new
|
|
245
|
-
s(this, lt, new
|
|
244
|
+
s(this, T, new b(this, "--classes", !1));
|
|
245
|
+
s(this, lt, new b(
|
|
246
246
|
this,
|
|
247
247
|
"--current-index-start-offset",
|
|
248
248
|
0
|
|
249
249
|
));
|
|
250
|
-
s(this, U, new
|
|
250
|
+
s(this, U, new b(
|
|
251
251
|
this,
|
|
252
252
|
"--current-index-end-offset",
|
|
253
253
|
0
|
|
254
254
|
));
|
|
255
|
-
s(this, Dt, new
|
|
255
|
+
s(this, Dt, new b(
|
|
256
256
|
this,
|
|
257
257
|
"--shift-section-position",
|
|
258
258
|
0,
|
|
259
259
|
{ rawValueCheck: !1 }
|
|
260
260
|
));
|
|
261
|
-
s(this, ct, new
|
|
262
|
-
s(this, Rt, new
|
|
261
|
+
s(this, ct, new b(this, "--focus-delay", 0));
|
|
262
|
+
s(this, Rt, new b(
|
|
263
263
|
this,
|
|
264
264
|
"--focus-duration",
|
|
265
265
|
3e3
|
|
266
266
|
));
|
|
267
|
-
s(this, at, new
|
|
268
|
-
s(this, ut, new
|
|
267
|
+
s(this, at, new b(this, "--disabled", !1));
|
|
268
|
+
s(this, ut, new b(this, "--hibernate", !1));
|
|
269
269
|
s(this, dt, null);
|
|
270
|
-
s(this,
|
|
270
|
+
s(this, f, null);
|
|
271
271
|
s(this, Gt, null);
|
|
272
272
|
s(this, I, []);
|
|
273
273
|
s(this, a, []);
|
|
274
|
+
s(this, pe, 0);
|
|
274
275
|
s(this, fe, 0);
|
|
275
|
-
s(this, be, 0);
|
|
276
276
|
s(this, C, 0);
|
|
277
277
|
s(this, v, 0);
|
|
278
278
|
s(this, A, 0);
|
|
279
279
|
s(this, O, null);
|
|
280
|
-
s(this,
|
|
280
|
+
s(this, bt, null);
|
|
281
281
|
s(this, H, null);
|
|
282
|
-
s(this,
|
|
282
|
+
s(this, E, null);
|
|
283
283
|
s(this, L, new ns(0));
|
|
284
284
|
s(this, Ut, 0);
|
|
285
285
|
s(this, K, 0);
|
|
@@ -287,11 +287,11 @@ class Ft extends HTMLElement {
|
|
|
287
287
|
s(this, _, !0);
|
|
288
288
|
s(this, j, !0);
|
|
289
289
|
s(this, Kt);
|
|
290
|
-
s(this,
|
|
290
|
+
s(this, pt);
|
|
291
291
|
s(this, J, new ds());
|
|
292
292
|
s(this, Vt, !1);
|
|
293
293
|
s(this, $, null);
|
|
294
|
-
s(this,
|
|
294
|
+
s(this, w, !1);
|
|
295
295
|
s(this, Zt, null);
|
|
296
296
|
s(this, Q, []);
|
|
297
297
|
s(this, Ot, !1);
|
|
@@ -312,7 +312,7 @@ class Ft extends HTMLElement {
|
|
|
312
312
|
t(this, I)[i].transform();
|
|
313
313
|
t(this, L).current = c(this, o, ae).call(this);
|
|
314
314
|
} else
|
|
315
|
-
this.vertical ? t(this,
|
|
315
|
+
this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
316
316
|
c(this, o, Xe).call(this), Ct.update(
|
|
317
317
|
this,
|
|
318
318
|
t(this, P).current,
|
|
@@ -329,7 +329,7 @@ class Ft extends HTMLElement {
|
|
|
329
329
|
if (t(this, F).current > 0 && i < 0)
|
|
330
330
|
return;
|
|
331
331
|
}
|
|
332
|
-
if (t(this,
|
|
332
|
+
if (t(this, pt) || t(this, J).unlistenAnimationFrame(), !t(this, M).current && t(this, ct).current && (clearInterval(t(this, Kt)), h(this, Kt, setTimeout(() => {
|
|
333
333
|
const r = t(this, a)[c(this, o, ae).call(this)];
|
|
334
334
|
r && this.scrollToSection(r.index, {
|
|
335
335
|
tween: {
|
|
@@ -365,13 +365,13 @@ class Ft extends HTMLElement {
|
|
|
365
365
|
}, 10));
|
|
366
366
|
}, 20));
|
|
367
367
|
s(this, ve, () => {
|
|
368
|
-
h(this,
|
|
368
|
+
h(this, w, !0), this.hibernatedCSSProperty.current || c(this, o, Oe).call(this);
|
|
369
369
|
});
|
|
370
370
|
if (D) {
|
|
371
371
|
const e = this.attachShadow({ mode: "open" });
|
|
372
372
|
e.adoptedStyleSheets = [Cs];
|
|
373
373
|
const i = document.createElement("div");
|
|
374
|
-
i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, dt, document.createElement("div")), t(this, dt).className = "content-wrapper", h(this,
|
|
374
|
+
i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, dt, document.createElement("div")), t(this, dt).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, Gt, document.createElement("slot")), t(this, f).appendChild(t(this, Gt)), t(this, dt).appendChild(t(this, f)), e.appendChild(t(this, dt)), h(this, Zt, new MutationObserver(
|
|
375
375
|
Ae(() => {
|
|
376
376
|
this.tryResplit();
|
|
377
377
|
}, 10)
|
|
@@ -421,7 +421,7 @@ class Ft extends HTMLElement {
|
|
|
421
421
|
return t(this, V);
|
|
422
422
|
}
|
|
423
423
|
get loopCSSProperty() {
|
|
424
|
-
return t(this,
|
|
424
|
+
return t(this, x);
|
|
425
425
|
}
|
|
426
426
|
get dampingCSSProperty() {
|
|
427
427
|
return t(this, zt);
|
|
@@ -484,7 +484,7 @@ class Ft extends HTMLElement {
|
|
|
484
484
|
return t(this, dt);
|
|
485
485
|
}
|
|
486
486
|
get contentElement() {
|
|
487
|
-
return t(this,
|
|
487
|
+
return t(this, f);
|
|
488
488
|
}
|
|
489
489
|
get sections() {
|
|
490
490
|
return t(this, I);
|
|
@@ -493,10 +493,10 @@ class Ft extends HTMLElement {
|
|
|
493
493
|
return t(this, a);
|
|
494
494
|
}
|
|
495
495
|
get position() {
|
|
496
|
-
return t(this,
|
|
496
|
+
return t(this, pe);
|
|
497
497
|
}
|
|
498
498
|
get contentPosition() {
|
|
499
|
-
return t(this,
|
|
499
|
+
return t(this, fe);
|
|
500
500
|
}
|
|
501
501
|
get viewportSize() {
|
|
502
502
|
return t(this, C);
|
|
@@ -519,7 +519,7 @@ class Ft extends HTMLElement {
|
|
|
519
519
|
return t(this, K);
|
|
520
520
|
}
|
|
521
521
|
get loopDistance() {
|
|
522
|
-
return t(this,
|
|
522
|
+
return t(this, x).current ? t(this, K) + t(this, A) : t(this, K);
|
|
523
523
|
}
|
|
524
524
|
get hasOverflow() {
|
|
525
525
|
return t(this, Z);
|
|
@@ -546,7 +546,7 @@ class Ft extends HTMLElement {
|
|
|
546
546
|
return t(this, P).current === "x" ? 0 : t(this, d).distance;
|
|
547
547
|
}
|
|
548
548
|
tryResplit() {
|
|
549
|
-
!t(this, j) && (t(this,
|
|
549
|
+
!t(this, j) && (t(this, x).current || t(this, q).current || t(this, x).current || t(this, G).current || t(this, R).current) && c(this, o, ce).call(this);
|
|
550
550
|
}
|
|
551
551
|
onScroll(...e) {
|
|
552
552
|
return t(this, d).subscribe(...e);
|
|
@@ -574,15 +574,15 @@ class Ft extends HTMLElement {
|
|
|
574
574
|
let g = 0;
|
|
575
575
|
const vt = c(this, o, ae).call(this), $t = t(this, a)[vt];
|
|
576
576
|
let he = $t ? this.targetScrollValue - $t.position : 0;
|
|
577
|
-
t(this,
|
|
577
|
+
t(this, x).current ? l === 0 && r === t(this, a).length - 1 ? (g = t(this, v) + t(this, C) - m.position + t(this, A), t(this, Vt) || (he = 0)) : l === t(this, a).length - 1 && r === 0 ? g = S.position - (t(this, v) + t(this, C) + t(this, A)) : g = S.position - m.position : g = S.position - m.position, this.shiftPosition(g - he, i);
|
|
578
578
|
}
|
|
579
579
|
}
|
|
580
580
|
shiftSections(e, i) {
|
|
581
581
|
t(this, a).length && this.scrollToSection(t(this, L).current + e, i);
|
|
582
582
|
}
|
|
583
583
|
setPosition(e, i) {
|
|
584
|
-
c(this, o, He).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this,
|
|
585
|
-
h(this,
|
|
584
|
+
c(this, o, He).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, pt) || (t(this, J).set(t(this, d).current, { equalize: !0 }), t(this, J).set(e, Ge({}, i.tween)), h(this, pt, setTimeout(() => {
|
|
585
|
+
h(this, pt, void 0);
|
|
586
586
|
}, i.tween.duration || 0))) : t(this, d).set(e, {
|
|
587
587
|
equalize: (i == null ? void 0 : i.behaviour) === "instant"
|
|
588
588
|
});
|
|
@@ -600,10 +600,10 @@ class Ft extends HTMLElement {
|
|
|
600
600
|
t(this, a).length.toString()
|
|
601
601
|
), t(this, d).unlistenAnimationFrame();
|
|
602
602
|
const e = this.currentScrollValue / t(this, v) || 0, i = t(this, L).current;
|
|
603
|
-
if (h(this,
|
|
604
|
-
getComputedStyle(t(this,
|
|
603
|
+
if (h(this, pe, this.vertical ? Me(this) : Te(this)), h(this, fe, this.vertical ? Me(t(this, f)) : Te(t(this, f))), h(this, C, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, A, Ze.parse(
|
|
604
|
+
getComputedStyle(t(this, f)).rowGap
|
|
605
605
|
)) : h(this, A, Ze.parse(
|
|
606
|
-
getComputedStyle(t(this,
|
|
606
|
+
getComputedStyle(t(this, f)).columnGap
|
|
607
607
|
)), t(this, G).current && t(this, a).length) {
|
|
608
608
|
const r = t(this, V).current, l = (t(this, C) - t(this, A) * (r - 1)) / r;
|
|
609
609
|
t(this, a).forEach((m) => {
|
|
@@ -618,14 +618,14 @@ class Ft extends HTMLElement {
|
|
|
618
618
|
}), t(this, N).current) {
|
|
619
619
|
h(this, v, t(this, C) * t(this, N).current);
|
|
620
620
|
const r = t(this, v) + t(this, C);
|
|
621
|
-
this.vertical ? (t(this,
|
|
621
|
+
this.vertical ? (t(this, f).style.width = r + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = r + "px", t(this, f).style.width = "100%");
|
|
622
622
|
} else
|
|
623
|
-
this.vertical ? (t(this,
|
|
624
|
-
if (!t(this,
|
|
623
|
+
this.vertical ? (t(this, f).style.width = "100%", t(this, f).style.height = "max-content", h(this, v, t(this, f).offsetHeight - t(this, C))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", h(this, v, t(this, f).offsetWidth - t(this, C)));
|
|
624
|
+
if (!t(this, x).current) {
|
|
625
625
|
const r = getComputedStyle(this), l = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
|
|
626
626
|
h(this, v, t(this, v) + l), t(this, d).max = t(this, v);
|
|
627
627
|
}
|
|
628
|
-
if (t(this,
|
|
628
|
+
if (t(this, x).current && t(this, a).length) {
|
|
629
629
|
const r = t(this, a)[t(this, a).length - 1], l = r.position + r.size - t(this, C), m = t(this, v) - l;
|
|
630
630
|
h(this, K, r.position + r.size + m);
|
|
631
631
|
} else
|
|
@@ -639,23 +639,23 @@ class Ft extends HTMLElement {
|
|
|
639
639
|
t(this, d).set(e * t(this, v), {
|
|
640
640
|
equalize: !0
|
|
641
641
|
});
|
|
642
|
-
h(this, Z, (this.vertical ? t(this,
|
|
642
|
+
h(this, Z, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, C)), this.classList.toggle("has-overflow", t(this, Z)), t(this, Z) ? t(this, at).current || c(this, o, ze).call(this) : c(this, o, Le).call(this), t(this, ge).call(this), oe(this, "scrollResize", { custom: !0 }), t(this, d).notify();
|
|
643
643
|
}
|
|
644
644
|
connectedCallback() {
|
|
645
645
|
Ct.register(this), h(this, d, new us(0, {
|
|
646
646
|
damping: 0.01,
|
|
647
647
|
min: 0,
|
|
648
648
|
order: as.SCROLL
|
|
649
|
-
})), this.setAttribute("tabindex", "0"), h(this, O, new
|
|
649
|
+
})), this.setAttribute("tabindex", "0"), h(this, O, new bs({ element: t(this, f) })), t(this, O).changeEvent.subscribe(t(this, jt)), h(this, bt, new ps({
|
|
650
650
|
element: this
|
|
651
|
-
})), t(this,
|
|
651
|
+
})), t(this, bt).changeEvent.subscribe(
|
|
652
652
|
t(this, jt)
|
|
653
|
-
), h(this, H, new
|
|
654
|
-
element: t(this,
|
|
653
|
+
), h(this, H, new fs({
|
|
654
|
+
element: t(this, f),
|
|
655
655
|
rootElement: this
|
|
656
|
-
})), t(this, H).changeEvent.subscribe(t(this, jt)), h(this,
|
|
656
|
+
})), t(this, H).changeEvent.subscribe(t(this, jt)), h(this, E, new ms({
|
|
657
657
|
culling: this
|
|
658
|
-
})), t(this,
|
|
658
|
+
})), t(this, E).changeEvent.subscribe(t(this, Se)), t(this, P).subscribe(() => {
|
|
659
659
|
c(this, o, Re).call(this);
|
|
660
660
|
}), t(this, it).subscribe(() => {
|
|
661
661
|
c(this, o, Re).call(this);
|
|
@@ -664,17 +664,17 @@ class Ft extends HTMLElement {
|
|
|
664
664
|
}), t(this, Lt).subscribe((e) => {
|
|
665
665
|
t(this, H).inertion = typeof e.current == "number" ? e.current : 1;
|
|
666
666
|
}), t(this, N).subscribe(() => {
|
|
667
|
-
t(this,
|
|
667
|
+
t(this, w) && t(this, z).call(this);
|
|
668
668
|
}), t(this, q).subscribe(({ current: e }) => {
|
|
669
|
-
t(this,
|
|
669
|
+
t(this, w) && (e ? c(this, o, ce).call(this) : c(this, o, Bt).call(this));
|
|
670
670
|
}), t(this, R).subscribe((e) => {
|
|
671
|
-
t(this, O).debounce = e.current, t(this, H).swipe = e.current, t(this,
|
|
671
|
+
t(this, O).debounce = e.current, t(this, H).swipe = e.current, t(this, E).interval = e.current, t(this, w) && (e.current && !e.previous && !t(this, a).length ? c(this, o, ce).call(this) : !e.current && e.previous && t(this, a).length && c(this, o, Bt).call(this));
|
|
672
672
|
}), t(this, G).subscribe((e) => {
|
|
673
|
-
t(this,
|
|
673
|
+
t(this, w) && (t(this, z).call(this), e.current && !e.previous && !t(this, a).length ? c(this, o, ce).call(this) : !e.current && e.previous && t(this, a).length && c(this, o, Bt).call(this));
|
|
674
674
|
}), t(this, V).subscribe((e) => {
|
|
675
|
-
t(this,
|
|
676
|
-
}), t(this,
|
|
677
|
-
e.current ? (t(this,
|
|
675
|
+
t(this, w) && (t(this, z).call(this), c(this, o, yt).call(this));
|
|
676
|
+
}), t(this, x).subscribe((e) => {
|
|
677
|
+
e.current ? (t(this, w) && (t(this, a).length || (t(this, q).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, Ut, 0), t(this, d).max = t(this, v), t(this, d).min = 0);
|
|
678
678
|
}), t(this, zt).subscribe((e) => {
|
|
679
679
|
t(this, d).damping = e.current;
|
|
680
680
|
}), t(this, kt).subscribe((e) => {
|
|
@@ -682,17 +682,17 @@ class Ft extends HTMLElement {
|
|
|
682
682
|
}), t(this, It).subscribe((e) => {
|
|
683
683
|
t(this, d).stiffness = e.current;
|
|
684
684
|
}), t(this, M).subscribe((e) => {
|
|
685
|
-
t(this,
|
|
685
|
+
t(this, E).speed = e.current, !t(this, _) && e.current && !e.previous ? t(this, E).connect() : !e.current && e.previous && t(this, E).disconnect();
|
|
686
686
|
}), t(this, ot).subscribe((e) => {
|
|
687
|
-
e.current || (t(this,
|
|
687
|
+
e.current || (t(this, E).direction = 1);
|
|
688
688
|
}), t(this, T).subscribe((e) => {
|
|
689
|
-
t(this,
|
|
689
|
+
t(this, w) && c(this, o, yt).call(this);
|
|
690
690
|
}), t(this, lt).subscribe((e) => {
|
|
691
|
-
t(this,
|
|
691
|
+
t(this, w) && t(this, T).current && c(this, o, yt).call(this);
|
|
692
692
|
}), t(this, U).subscribe((e) => {
|
|
693
|
-
t(this,
|
|
693
|
+
t(this, w) && t(this, T).current && c(this, o, yt).call(this);
|
|
694
694
|
}), t(this, Dt).subscribe((e) => {
|
|
695
|
-
t(this,
|
|
695
|
+
t(this, w) && t(this, d).notify();
|
|
696
696
|
}), t(this, d).isRunning.subscribe((e) => {
|
|
697
697
|
this.classList.toggle("active", e.current);
|
|
698
698
|
}), t(this, L).subscribe((e) => {
|
|
@@ -703,19 +703,19 @@ class Ft extends HTMLElement {
|
|
|
703
703
|
e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, Le).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, ze).call(this));
|
|
704
704
|
}), t(this, ut).subscribe((e) => {
|
|
705
705
|
e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, Ve).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, Oe).call(this));
|
|
706
|
-
}), t(this, Pt).observe(), t(this, P).observe(), t(this, it).observe(), t(this, F).observe(), t(this, N).observe(), t(this, q).observe(), t(this, R).observe(), t(this, rt).observe(), t(this, nt).observe(), t(this, G).observe(), t(this, ht).observe(), t(this, Lt).observe(), t(this, V).observe(), t(this,
|
|
706
|
+
}), t(this, Pt).observe(), t(this, P).observe(), t(this, it).observe(), t(this, F).observe(), t(this, N).observe(), t(this, q).observe(), t(this, R).observe(), t(this, rt).observe(), t(this, nt).observe(), t(this, G).observe(), t(this, ht).observe(), t(this, Lt).observe(), t(this, V).observe(), t(this, x).observe(), t(this, zt).observe(), t(this, kt).observe(), t(this, It).observe(), t(this, At).observe(), t(this, qt).observe(), t(this, Mt).observe(), t(this, M).observe(), t(this, M).observe(), t(this, Tt).observe(), t(this, ot).observe(), t(this, T).observe(), t(this, lt).observe(), t(this, U).observe(), t(this, Dt).observe(), t(this, ct).observe(), t(this, Rt).observe(), t(this, at).observe(), t(this, ut).observe(), Wt.subscribe(t(this, ve), De.LAST), ue.subscribe(this, t(this, z)), t(this, Zt).observe(this, { childList: !0 });
|
|
707
707
|
}
|
|
708
708
|
disconnectedCallback() {
|
|
709
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, Pt).unobserve(), t(this, P).unobserve(), t(this, it).unobserve(), t(this, F).unobserve(), t(this, N).unobserve(), t(this, q).unobserve(), t(this, R).unobserve(), t(this, rt).unobserve(), t(this, nt).unobserve(), t(this, G).unobserve(), t(this, ht).unobserve(), t(this, Lt).unobserve(), t(this, V).unobserve(), t(this,
|
|
709
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, Pt).unobserve(), t(this, P).unobserve(), t(this, it).unobserve(), t(this, F).unobserve(), t(this, N).unobserve(), t(this, q).unobserve(), t(this, R).unobserve(), t(this, rt).unobserve(), t(this, nt).unobserve(), t(this, G).unobserve(), t(this, ht).unobserve(), t(this, Lt).unobserve(), t(this, V).unobserve(), t(this, x).unobserve(), t(this, zt).unobserve(), t(this, kt).unobserve(), t(this, It).unobserve(), t(this, At).unobserve(), t(this, qt).unobserve(), t(this, Mt).unobserve(), t(this, M).unobserve(), t(this, Tt).unobserve(), t(this, ot).unobserve(), t(this, T).unobserve(), t(this, lt).unobserve(), t(this, U).unobserve(), t(this, Dt).unobserve(), t(this, ct).unobserve(), t(this, Rt).unobserve(), t(this, at).unobserve(), t(this, ut).unobserve(), Wt.unsubscribe(t(this, ve)), ue.unsubscribe(t(this, z)), c(this, o, Ve).call(this), t(this, Zt).disconnect();
|
|
710
710
|
}
|
|
711
711
|
}
|
|
712
|
-
d = new WeakMap(), Pt = new WeakMap(), P = new WeakMap(), it = new WeakMap(), F = new WeakMap(), N = new WeakMap(), q = new WeakMap(), R = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), G = new WeakMap(), ht = new WeakMap(), Lt = new WeakMap(), V = new WeakMap(),
|
|
712
|
+
d = new WeakMap(), Pt = new WeakMap(), P = new WeakMap(), it = new WeakMap(), F = new WeakMap(), N = new WeakMap(), q = new WeakMap(), R = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), G = new WeakMap(), ht = new WeakMap(), Lt = new WeakMap(), V = new WeakMap(), x = new WeakMap(), zt = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), At = new WeakMap(), qt = new WeakMap(), Mt = new WeakMap(), M = new WeakMap(), Tt = new WeakMap(), ot = new WeakMap(), T = new WeakMap(), lt = new WeakMap(), U = new WeakMap(), Dt = new WeakMap(), ct = new WeakMap(), Rt = new WeakMap(), at = new WeakMap(), ut = new WeakMap(), dt = new WeakMap(), f = new WeakMap(), Gt = new WeakMap(), I = new WeakMap(), a = new WeakMap(), pe = new WeakMap(), fe = new WeakMap(), C = new WeakMap(), v = new WeakMap(), A = new WeakMap(), O = new WeakMap(), bt = new WeakMap(), H = new WeakMap(), E = new WeakMap(), L = new WeakMap(), Ut = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), _ = new WeakMap(), j = new WeakMap(), Kt = new WeakMap(), pt = new WeakMap(), J = new WeakMap(), Vt = new WeakMap(), $ = new WeakMap(), w = new WeakMap(), Zt = new WeakMap(), Q = new WeakMap(), Ot = new WeakMap(), _t = new WeakMap(), o = new WeakSet(), Re = function() {
|
|
713
713
|
const e = t(this, P).current, i = t(this, it).current ? "-reverse" : "";
|
|
714
|
-
t(this,
|
|
714
|
+
t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, O).axis = t(this, ht).current ? "max" : e, t(this, bt).dimension = e === "x" ? "width" : "height", t(this, H).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, w) && t(this, z).call(this);
|
|
715
715
|
}, ce = function() {
|
|
716
716
|
c(this, o, Bt).call(this), t(this, Gt).assignedElements().forEach((e, i) => {
|
|
717
717
|
e instanceof HTMLElement && e.tagName !== "SCRIPT" && t(this, I).push(new ys(e, i, this));
|
|
718
|
-
}), h(this, a, [...t(this, I)]), t(this,
|
|
718
|
+
}), h(this, a, [...t(this, I)]), t(this, f).style.transform = "", oe(this, "scrollSectionsChange", {
|
|
719
719
|
custom: !0,
|
|
720
720
|
composed: !0
|
|
721
721
|
}), t(this, z).call(this), c(this, o, yt).call(this);
|
|
@@ -727,27 +727,27 @@ d = new WeakMap(), Pt = new WeakMap(), P = new WeakMap(), it = new WeakMap(), F
|
|
|
727
727
|
composed: !0
|
|
728
728
|
});
|
|
729
729
|
}, Le = function() {
|
|
730
|
-
t(this, _) || (h(this, _, !0), t(this, d).unsubscribe(t(this, me)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Kt)), clearInterval(t(this,
|
|
730
|
+
t(this, _) || (h(this, _, !0), t(this, d).unsubscribe(t(this, me)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Kt)), clearInterval(t(this, pt)), t(this, J).unlistenAnimationFrame(), t(this, O).disconnect(), t(this, bt).disconnect(), t(this, H).disconnect(), t(this, E).disconnect(), t(this, Z) || (this.sections.forEach((e) => {
|
|
731
731
|
e.unsetTransform();
|
|
732
732
|
}), t(this, z).call(this)));
|
|
733
733
|
}, ze = function() {
|
|
734
|
-
t(this, _) && (h(this, _, !1), t(this, d).subscribe(t(this, me), -1e4), t(this, d).notify(), t(this, O).connect(), t(this,
|
|
734
|
+
t(this, _) && (h(this, _, !1), t(this, d).subscribe(t(this, me), -1e4), t(this, d).notify(), t(this, O).connect(), t(this, bt).connect(), t(this, H).connect(), t(this, M).current && t(this, E).connect());
|
|
735
735
|
}, Ve = function() {
|
|
736
|
-
t(this, j) || (h(this, j, !0), clearTimeout(t(this, _t)), Wt.unsubscribe(t(this, z)), c(this, o, Le).call(this), t(this,
|
|
736
|
+
t(this, j) || (h(this, j, !0), clearTimeout(t(this, _t)), Wt.unsubscribe(t(this, z)), c(this, o, Le).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, I).length ? c(this, o, Bt).call(this) : (t(this, L).reset(), t(this, d).reset()), Ct.unregister(this));
|
|
737
737
|
}, Oe = function() {
|
|
738
738
|
t(this, j) && (h(this, j, !1), Ct.register(this), this.tryResplit(), c(this, o, ze).call(this), this.scrollToSection(t(this, Mt).current, {
|
|
739
739
|
behaviour: "instant"
|
|
740
740
|
}), Wt.subscribe(t(this, z), De.SCROLL));
|
|
741
741
|
}, z = new WeakMap(), me = new WeakMap(), Qe = function(e) {
|
|
742
742
|
let i = t(this, L).current;
|
|
743
|
-
return t(this,
|
|
743
|
+
return t(this, x).current ? i = cs(e, t(this, a).length) : i = _e(e, 0, this.limit), i;
|
|
744
744
|
}, jt = new WeakMap(), Se = new WeakMap(), He = function(e = 1) {
|
|
745
|
-
t(this, ot).current && (t(this,
|
|
745
|
+
t(this, ot).current && (t(this, E).direction = e), t(this, M).current && t(this, E).pauseAndContinue(
|
|
746
746
|
t(this, Tt).current,
|
|
747
747
|
this.sectionalCSSProperty.current
|
|
748
748
|
);
|
|
749
749
|
}, $e = function(e = "current") {
|
|
750
|
-
if (t(this,
|
|
750
|
+
if (t(this, x).current && t(this, a).length) {
|
|
751
751
|
const i = t(this, d)[e] % Math.round(t(this, v) + t(this, C) + t(this, A));
|
|
752
752
|
return i < 0 ? t(this, v) + i + t(this, C) + t(this, A) : i;
|
|
753
753
|
} else
|
|
@@ -803,11 +803,11 @@ class ke extends HTMLElement {
|
|
|
803
803
|
}
|
|
804
804
|
}
|
|
805
805
|
ye = new WeakMap();
|
|
806
|
-
var
|
|
807
|
-
class
|
|
806
|
+
var ft, k, X, Y, Jt, Qt, mt, Xt, Ce, xe;
|
|
807
|
+
class xs extends ke {
|
|
808
808
|
constructor() {
|
|
809
809
|
super();
|
|
810
|
-
s(this,
|
|
810
|
+
s(this, ft, null);
|
|
811
811
|
s(this, k, null);
|
|
812
812
|
s(this, X, !1);
|
|
813
813
|
s(this, Y, 0);
|
|
@@ -824,7 +824,7 @@ class ws extends ke {
|
|
|
824
824
|
s(this, Ce, () => {
|
|
825
825
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
826
826
|
});
|
|
827
|
-
s(this,
|
|
827
|
+
s(this, xe, (e) => {
|
|
828
828
|
document.documentElement.classList.add("grabbing"), gs(
|
|
829
829
|
(l) => {
|
|
830
830
|
const m = t(this, X) ? l.x : l.y, S = this.scrollElement.distance / t(this, Jt), g = (m - r) * S;
|
|
@@ -868,7 +868,7 @@ class ws extends ke {
|
|
|
868
868
|
touchAction: "none"
|
|
869
869
|
}
|
|
870
870
|
})
|
|
871
|
-
], h(this,
|
|
871
|
+
], h(this, ft, document.createElement("slot")), t(this, ft).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, ft));
|
|
872
872
|
}
|
|
873
873
|
}
|
|
874
874
|
get thumbElement() {
|
|
@@ -876,26 +876,26 @@ class ws extends ke {
|
|
|
876
876
|
}
|
|
877
877
|
connectedCallback() {
|
|
878
878
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
879
|
-
const e = t(this,
|
|
880
|
-
h(this, k, e), t(this, k).addEventListener("pointerdown", t(this,
|
|
879
|
+
const e = t(this, ft).assignedElements()[0] || t(this, ft).firstElementChild;
|
|
880
|
+
h(this, k, e), t(this, k).addEventListener("pointerdown", t(this, xe)), Wt.subscribe(t(this, mt), De.SCROLL), ue.subscribe(this, t(this, mt)), ue.subscribe(this.scrollElement, t(this, mt)), this.scrollElement.onScroll(t(this, Xt)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ce));
|
|
881
881
|
}
|
|
882
882
|
disconnectedCallback() {
|
|
883
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, k).removeEventListener("pointerdown", t(this,
|
|
883
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, k).removeEventListener("pointerdown", t(this, xe)), Wt.unsubscribe(t(this, mt)), ue.unsubscribe(t(this, mt)), this.scrollElement.offScroll(t(this, Xt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ce));
|
|
884
884
|
}
|
|
885
885
|
}
|
|
886
|
-
|
|
887
|
-
D && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar",
|
|
886
|
+
ft = new WeakMap(), k = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Jt = new WeakMap(), Qt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), Ce = new WeakMap(), xe = new WeakMap();
|
|
887
|
+
D && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", xs);
|
|
888
888
|
var Yt, te, ee;
|
|
889
889
|
class Ye extends ke {
|
|
890
890
|
constructor() {
|
|
891
891
|
super();
|
|
892
|
-
s(this, Yt, new
|
|
893
|
-
s(this, te, new
|
|
892
|
+
s(this, Yt, new b(this, "--behaviour", "smooth"));
|
|
893
|
+
s(this, te, new b(
|
|
894
894
|
this,
|
|
895
895
|
"--tween-easing",
|
|
896
896
|
!1
|
|
897
897
|
));
|
|
898
|
-
s(this, ee, new
|
|
898
|
+
s(this, ee, new b(this, "--tween-duration", 0));
|
|
899
899
|
D && this.addEventListener("click", () => {
|
|
900
900
|
const e = t(this, Yt).current, i = t(this, te).current, r = t(this, ee).current;
|
|
901
901
|
this.handleClick({
|
|
@@ -905,18 +905,18 @@ class Ye extends ke {
|
|
|
905
905
|
});
|
|
906
906
|
}
|
|
907
907
|
connectedCallback() {
|
|
908
|
-
super.connectedCallback(), t(this, Yt).observe(), t(this, te).observe(), t(this, ee).observe();
|
|
908
|
+
super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, Yt).observe(), t(this, te).observe(), t(this, ee).observe();
|
|
909
909
|
}
|
|
910
910
|
disconnectedCallback() {
|
|
911
|
-
t(this, Yt).close(), t(this, te).close(), t(this, ee).close();
|
|
911
|
+
this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, Yt).close(), t(this, te).close(), t(this, ee).close();
|
|
912
912
|
}
|
|
913
913
|
}
|
|
914
914
|
Yt = new WeakMap(), te = new WeakMap(), ee = new WeakMap();
|
|
915
915
|
var se;
|
|
916
|
-
class
|
|
916
|
+
class ws extends Ye {
|
|
917
917
|
constructor() {
|
|
918
918
|
super(...arguments);
|
|
919
|
-
s(this, se, new
|
|
919
|
+
s(this, se, new b(this, "--set", 1));
|
|
920
920
|
}
|
|
921
921
|
handleClick(e) {
|
|
922
922
|
this.scrollElement.scrollToSection(t(this, se).current, e);
|
|
@@ -929,12 +929,12 @@ class Es extends Ye {
|
|
|
929
929
|
}
|
|
930
930
|
}
|
|
931
931
|
se = new WeakMap();
|
|
932
|
-
D && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button",
|
|
932
|
+
D && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ws);
|
|
933
933
|
var tt, ie;
|
|
934
|
-
class
|
|
934
|
+
class Es extends Ye {
|
|
935
935
|
constructor() {
|
|
936
936
|
super(...arguments);
|
|
937
|
-
s(this, tt, new
|
|
937
|
+
s(this, tt, new b(this, "--step", 1));
|
|
938
938
|
s(this, ie, () => {
|
|
939
939
|
this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, tt).current > 0 && this.scrollElement.scrollLine === "end" || t(this, tt).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
|
|
940
940
|
});
|
|
@@ -955,17 +955,17 @@ class xs extends Ye {
|
|
|
955
955
|
}
|
|
956
956
|
}
|
|
957
957
|
tt = new WeakMap(), ie = new WeakMap();
|
|
958
|
-
D && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button",
|
|
959
|
-
var B, St, re,
|
|
958
|
+
D && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", Es);
|
|
959
|
+
var B, St, re, we, Ee, ne;
|
|
960
960
|
class Ps {
|
|
961
961
|
constructor(n, e, i) {
|
|
962
962
|
s(this, B, null);
|
|
963
963
|
s(this, St, null);
|
|
964
964
|
s(this, re, null);
|
|
965
|
-
s(this,
|
|
966
|
-
s(this,
|
|
965
|
+
s(this, we, null);
|
|
966
|
+
s(this, Ee, () => {
|
|
967
967
|
t(this, St).scrollToSection(t(this, re), {
|
|
968
|
-
behaviour: t(this,
|
|
968
|
+
behaviour: t(this, we)
|
|
969
969
|
});
|
|
970
970
|
});
|
|
971
971
|
s(this, ne, () => {
|
|
@@ -974,16 +974,16 @@ class Ps {
|
|
|
974
974
|
t(this, St).counter.current === t(this, re)
|
|
975
975
|
);
|
|
976
976
|
});
|
|
977
|
-
D && (h(this, B, document.createElement("button")), t(this, B).setAttribute("aria-label", `Go to section ${e + 1}`), h(this, St, n), h(this,
|
|
977
|
+
D && (h(this, B, document.createElement("button")), t(this, B).setAttribute("aria-label", `Go to section ${e + 1}`), h(this, St, n), h(this, we, i), h(this, re, e), t(this, B).addEventListener("click", t(this, Ee)), t(this, St).counter.subscribe(t(this, ne)), t(this, ne).call(this));
|
|
978
978
|
}
|
|
979
979
|
get element() {
|
|
980
980
|
return t(this, B);
|
|
981
981
|
}
|
|
982
982
|
destroy() {
|
|
983
|
-
t(this, B).removeEventListener("click", t(this,
|
|
983
|
+
t(this, B).removeEventListener("click", t(this, Ee)), t(this, St).counter.unsubscribe(t(this, ne)), t(this, B).remove();
|
|
984
984
|
}
|
|
985
985
|
}
|
|
986
|
-
B = new WeakMap(), St = new WeakMap(), re = new WeakMap(),
|
|
986
|
+
B = new WeakMap(), St = new WeakMap(), re = new WeakMap(), we = new WeakMap(), Ee = new WeakMap(), ne = new WeakMap();
|
|
987
987
|
var Ht, gt, et;
|
|
988
988
|
class Ls extends ke {
|
|
989
989
|
constructor() {
|
|
@@ -1064,7 +1064,7 @@ export {
|
|
|
1064
1064
|
Be as ScrollCounterElement,
|
|
1065
1065
|
Ft as ScrollElement,
|
|
1066
1066
|
zs as ScrollSegmentElement,
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1067
|
+
ws as ScrollSetButtonElement,
|
|
1068
|
+
Es as ScrollStepButtonElement,
|
|
1069
|
+
xs as ScrollbarElement
|
|
1070
1070
|
};
|