aptechka 0.56.10 → 0.57.0
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/BillboardBulletsElement.d.ts +1 -1
- package/lib/billboard/index.cjs +1 -1
- package/lib/billboard/index.js +120 -102
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +69 -68
- package/package.json +1 -1
package/lib/billboard/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var G=s=>{throw TypeError(s)};var N=(s,r,e)=>r.has(s)||G("Cannot "+e);var t=(s,r,e)=>(N(s,r,"read from private field"),e?e.call(s):r.get(s)),i=(s,r,e)=>r.has(s)?G("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(s):r.set(s,e),a=(s,r,e,n)=>(N(s,r,"write to private field"),n?n.call(s,e):r.set(s,e),e),b=(s,r,e)=>(N(s,r,"access private method"),e);var J=(s,r,e)=>new Promise((n,l)=>{var c=C=>{try{z(e.next(C))}catch(F){l(F)}},M=C=>{try{z(e.throw(C))}catch(F){l(F)}},z=C=>C.done?n(C.value):Promise.resolve(C.value).then(c,M);z((e=e.apply(s,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../index-Cqw2NKev.cjs"),$=require("../dom-JBOkFLTh.cjs"),H=require("../css-property/index.cjs"),U=require("../events-KVanG9sR.cjs"),V=require("../gestures-C7gbKx11.cjs"),W=require("../number-DyefJ5a1.cjs");var v,p,g,x,o,u,h,O,q,w,D,A,_,j;class T extends HTMLElement{constructor(){super(...arguments);i(this,h);i(this,v,new H.CSSProperty(this,"--autoplay",!1));i(this,p,new H.CSSProperty(this,"--swipe","x"));i(this,g);i(this,x,!1);i(this,o,[]);i(this,u,0);i(this,w,e=>{a(this,x,e.isIntersecting),t(this,x)?b(this,h,q).call(this):clearInterval(t(this,g))});i(this,D,()=>{clearInterval(t(this,g)),t(this,x)&&a(this,g,setInterval(t(this,_),parseFloat(t(this,v).current||"0")*1e3))});i(this,_,()=>{b(this,h,A).call(this,t(this,u)+1)});i(this,j,e=>{if(!t(this,p).current)return;let n=0;V.setupDrag(l=>{const c=e.x-l.x,M=e.y-l.y;t(this,p).current==="x"?Math.abs(c)>Math.abs(M)&&(n=Math.sign(c)):t(this,p).current==="y"&&Math.abs(M)>Math.abs(c)&&(n=Math.sign(M))},()=>{this.shift(n)})})}get counter(){return t(this,u)}get itemElements(){return t(this,o)}addItem(e){t(this,o).push(e),b(this,h,O).call(this)}set(e){(!this.handleSet||this.handleSet(e))&&(b(this,h,A).call(this,e),b(this,h,q).call(this))}shift(e){this.set(t(this,u)+e)}connectedCallback(){var e;a(this,o,[...this.querySelectorAll(`[data-billboard-item="${this.id||""}"]`)]),(e=t(this,o)[0])==null||e.classList.add("current"),b(this,h,O).call(this),t(this,v).subscribe(n=>{n.current?(k.intersector.subscribe(this,t(this,w)),b(this,h,q).call(this)):(a(this,x,!0),k.intersector.unsubscribe(t(this,w)),clearInterval(t(this,g)),b(this,h,A).call(this,0))}),t(this,v).observe(),t(this,p).observe(),this.addEventListener("pointerdown",t(this,j))}disconnectedCallback(){t(this,v).unobserve(),t(this,p).unobserve(),k.intersector.unsubscribe(t(this,w)),clearInterval(t(this,g))}}v=new WeakMap,p=new WeakMap,g=new WeakMap,x=new WeakMap,o=new WeakMap,u=new WeakMap,h=new WeakSet,O=function(){t(this,o).length>1?this.classList.add("has-length"):this.classList.remove("has-length")},q=function(){t(this,v).current!==!1&&t(this,D).call(this)},w=new WeakMap,D=new WeakMap,A=function(e){a(this,u,W.loopNumber(e,t(this,o).length)),t(this,o).forEach((n,l)=>{l===t(this,u)?n.classList.add("current"):n.classList.remove("current")}),U.dispatchEvent(this,"billboardChange",{detail:{counter:t(this,u)}}),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},0)},_=new WeakMap,j=new WeakMap;customElements.get("e-billboard")||customElements.define("e-billboard",T);var d,S,m,P,y;class K extends HTMLElement{constructor(){super(...arguments);i(this,d,null);i(this,S,null);i(this,m,[]);i(this,P,e=>{const n=e.currentTarget,l=t(this,m).findIndex(c=>c===n);l>=0&&t(this,d).set(l)});i(this,y,()=>{t(this,m).forEach((e,n)=>{n===t(this,d).counter?e.classList.add("current"):e.classList.remove("current")})})}connectedCallback(){return J(this,null,function*(){var e;if(a(this,d,$.findParentElement(this,T)),t(this,d)&&(yield customElements.whenDefined("e-billboard"),this.isConnected)){const n=t(this,d).itemElements.length;a(this,S,document.createElement("div"));for(let l=0;l<n;l++){const c=document.createElement("button");t(this,m).push(c),t(this,S).appendChild(c)}this.appendChild(t(this,S)),t(this,m).forEach(l=>{l.addEventListener("click",t(this,P))}),(e=t(this,d))==null||e.addEventListener("billboardChange",t(this,y)),t(this,y).call(this)}})}disconnectedCallback(){var e;t(this,m).forEach(n=>{n.removeEventListener("click",t(this,P))}),(e=t(this,d))==null||e.removeEventListener("billboardChange",t(this,y)),this.innerHTML="",a(this,m,[])}}d=new WeakMap,S=new WeakMap,m=new WeakMap,P=new WeakMap,y=new WeakMap;k.isBrowser&&!customElements.get("e-billboard-bullets")&&customElements.define("e-billboard-bullets",K);var E,f,L;class Q extends HTMLElement{constructor(){super();i(this,E,new H.CSSProperty(this,"--index",0));i(this,f,null);i(this,L,()=>{var e;t(this,E).current===((e=t(this,f))==null?void 0:e.counter)?this.classList.add("current"):this.classList.remove("current")});this.addEventListener("click",e=>{t(this,f)&&(!this.handleClick||this.handleClick(e))&&t(this,f).set(t(this,E).current)})}connectedCallback(){var e;this.tabIndex=0,a(this,f,$.findParentElement(this,T)),(e=t(this,f))==null||e.addEventListener("billboardChange",t(this,L)),customElements.whenDefined("e-billboard").then(()=>{this.isConnected&&t(this,L).call(this)}),t(this,E).subscribe(t(this,L)),t(this,E).observe()}disconnectedCallback(){var e;this.removeAttribute("tabindex"),t(this,E).unsubscribe(t(this,L)),t(this,E).unobserve(),(e=t(this,f))==null||e.removeEventListener("billboardChange",t(this,L))}}E=new WeakMap,f=new WeakMap,L=new WeakMap;k.isBrowser&&!customElements.get("e-billboard-set-button")&&customElements.define("e-billboard-set-button",Q);var B,I;class R extends HTMLElement{constructor(){super();i(this,B,new H.CSSProperty(this,"--step",1));i(this,I,null);this.addEventListener("click",e=>{t(this,I)&&(!this.handleClick||this.handleClick(e))&&t(this,I).shift(t(this,B).current)})}connectedCallback(){this.tabIndex=0,a(this,I,$.findParentElement(this,T)),t(this,B).observe()}disconnectedCallback(){this.removeAttribute("tabindex"),t(this,B).unobserve()}}B=new WeakMap,I=new WeakMap;k.isBrowser&&!customElements.get("e-billboard-step-button")&&customElements.define("e-billboard-step-button",R);exports.BillboardBulletsElement=K;exports.BillboardElement=T;exports.BillboardSetButtonElement=Q;exports.BillboardStepButtonElement=R;
|
package/lib/billboard/index.js
CHANGED
|
@@ -1,45 +1,61 @@
|
|
|
1
|
-
var
|
|
1
|
+
var O = (s) => {
|
|
2
2
|
throw TypeError(s);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var t = (s, l, e) => (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
var $ = (s, l, e) => l.has(s) || O("Cannot " + e);
|
|
5
|
+
var t = (s, l, e) => ($(s, l, "read from private field"), e ? e.call(s) : l.get(s)), i = (s, l, e) => l.has(s) ? O("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(s) : l.set(s, e), a = (s, l, e, n) => ($(s, l, "write to private field"), n ? n.call(s, e) : l.set(s, e), e), b = (s, l, e) => ($(s, l, "access private method"), e);
|
|
6
|
+
var Q = (s, l, e) => new Promise((n, r) => {
|
|
7
|
+
var c = (C) => {
|
|
8
|
+
try {
|
|
9
|
+
F(e.next(C));
|
|
10
|
+
} catch (N) {
|
|
11
|
+
r(N);
|
|
12
|
+
}
|
|
13
|
+
}, B = (C) => {
|
|
14
|
+
try {
|
|
15
|
+
F(e.throw(C));
|
|
16
|
+
} catch (N) {
|
|
17
|
+
r(N);
|
|
18
|
+
}
|
|
19
|
+
}, F = (C) => C.done ? n(C.value) : Promise.resolve(C.value).then(c, B);
|
|
20
|
+
F((e = e.apply(s, l)).next());
|
|
21
|
+
});
|
|
22
|
+
import { a as j, i as J } from "../index-euf5anj6.js";
|
|
23
|
+
import { b as K } from "../dom-CVWzyXPH.js";
|
|
24
|
+
import { CSSProperty as H } from "../css-property/index.js";
|
|
25
|
+
import { d as R } from "../events-CsVF98U6.js";
|
|
26
|
+
import { s as U } from "../gestures-CcXV6fCp.js";
|
|
27
|
+
import { l as V } from "../number-CbdpfO3u.js";
|
|
28
|
+
var p, v, L, k, o, u, h, G, T, x, D, A, P, q;
|
|
29
|
+
class z extends HTMLElement {
|
|
14
30
|
constructor() {
|
|
15
31
|
super(...arguments);
|
|
16
|
-
i(this,
|
|
17
|
-
i(this, p, new
|
|
18
|
-
i(this, v, new
|
|
32
|
+
i(this, h);
|
|
33
|
+
i(this, p, new H(this, "--autoplay", !1));
|
|
34
|
+
i(this, v, new H(this, "--swipe", "x"));
|
|
19
35
|
i(this, L);
|
|
20
|
-
i(this,
|
|
21
|
-
i(this,
|
|
22
|
-
i(this,
|
|
23
|
-
i(this,
|
|
24
|
-
a(this,
|
|
36
|
+
i(this, k, !1);
|
|
37
|
+
i(this, o, []);
|
|
38
|
+
i(this, u, 0);
|
|
39
|
+
i(this, x, (e) => {
|
|
40
|
+
a(this, k, e.isIntersecting), t(this, k) ? b(this, h, T).call(this) : clearInterval(t(this, L));
|
|
25
41
|
});
|
|
26
|
-
i(this,
|
|
27
|
-
clearInterval(t(this, L)), t(this,
|
|
28
|
-
t(this,
|
|
42
|
+
i(this, D, () => {
|
|
43
|
+
clearInterval(t(this, L)), t(this, k) && a(this, L, setInterval(
|
|
44
|
+
t(this, P),
|
|
29
45
|
parseFloat(t(this, p).current || "0") * 1e3
|
|
30
46
|
));
|
|
31
47
|
});
|
|
32
|
-
i(this,
|
|
33
|
-
|
|
48
|
+
i(this, P, () => {
|
|
49
|
+
b(this, h, A).call(this, t(this, u) + 1);
|
|
34
50
|
});
|
|
35
|
-
i(this,
|
|
51
|
+
i(this, q, (e) => {
|
|
36
52
|
if (!t(this, v).current)
|
|
37
53
|
return;
|
|
38
54
|
let n = 0;
|
|
39
|
-
|
|
40
|
-
(
|
|
41
|
-
const
|
|
42
|
-
t(this, v).current === "x" ? Math.abs(
|
|
55
|
+
U(
|
|
56
|
+
(r) => {
|
|
57
|
+
const c = e.x - r.x, B = e.y - r.y;
|
|
58
|
+
t(this, v).current === "x" ? Math.abs(c) > Math.abs(B) && (n = Math.sign(c)) : t(this, v).current === "y" && Math.abs(B) > Math.abs(c) && (n = Math.sign(B));
|
|
43
59
|
},
|
|
44
60
|
() => {
|
|
45
61
|
this.shift(n);
|
|
@@ -48,151 +64,153 @@ class D extends HTMLElement {
|
|
|
48
64
|
});
|
|
49
65
|
}
|
|
50
66
|
get counter() {
|
|
51
|
-
return t(this,
|
|
67
|
+
return t(this, u);
|
|
52
68
|
}
|
|
53
69
|
get itemElements() {
|
|
54
|
-
return t(this,
|
|
70
|
+
return t(this, o);
|
|
55
71
|
}
|
|
56
72
|
addItem(e) {
|
|
57
|
-
t(this,
|
|
73
|
+
t(this, o).push(e), b(this, h, G).call(this);
|
|
58
74
|
}
|
|
59
75
|
set(e) {
|
|
60
|
-
(!this.handleSet || this.handleSet(e)) && (
|
|
76
|
+
(!this.handleSet || this.handleSet(e)) && (b(this, h, A).call(this, e), b(this, h, T).call(this));
|
|
61
77
|
}
|
|
62
78
|
shift(e) {
|
|
63
|
-
this.set(t(this,
|
|
79
|
+
this.set(t(this, u) + e);
|
|
64
80
|
}
|
|
65
81
|
connectedCallback() {
|
|
66
82
|
var e;
|
|
67
|
-
a(this,
|
|
83
|
+
a(this, o, [
|
|
68
84
|
...this.querySelectorAll(
|
|
69
85
|
`[data-billboard-item="${this.id || ""}"]`
|
|
70
86
|
)
|
|
71
|
-
]), (e = t(this,
|
|
72
|
-
n.current ? (
|
|
73
|
-
}), t(this, p).observe(), t(this, v).observe(), this.addEventListener("pointerdown", t(this,
|
|
87
|
+
]), (e = t(this, o)[0]) == null || e.classList.add("current"), b(this, h, G).call(this), t(this, p).subscribe((n) => {
|
|
88
|
+
n.current ? (j.subscribe(this, t(this, x)), b(this, h, T).call(this)) : (a(this, k, !0), j.unsubscribe(t(this, x)), clearInterval(t(this, L)), b(this, h, A).call(this, 0));
|
|
89
|
+
}), t(this, p).observe(), t(this, v).observe(), this.addEventListener("pointerdown", t(this, q));
|
|
74
90
|
}
|
|
75
91
|
disconnectedCallback() {
|
|
76
|
-
t(this, p).unobserve(), t(this, v).unobserve(),
|
|
92
|
+
t(this, p).unobserve(), t(this, v).unobserve(), j.unsubscribe(t(this, x)), clearInterval(t(this, L));
|
|
77
93
|
}
|
|
78
94
|
}
|
|
79
|
-
p = new WeakMap(), v = new WeakMap(), L = new WeakMap(),
|
|
80
|
-
t(this,
|
|
81
|
-
},
|
|
82
|
-
t(this, p).current !== !1 && t(this,
|
|
83
|
-
},
|
|
84
|
-
a(this,
|
|
85
|
-
|
|
86
|
-
}),
|
|
95
|
+
p = new WeakMap(), v = new WeakMap(), L = new WeakMap(), k = new WeakMap(), o = new WeakMap(), u = new WeakMap(), h = new WeakSet(), G = function() {
|
|
96
|
+
t(this, o).length > 1 ? this.classList.add("has-length") : this.classList.remove("has-length");
|
|
97
|
+
}, T = function() {
|
|
98
|
+
t(this, p).current !== !1 && t(this, D).call(this);
|
|
99
|
+
}, x = new WeakMap(), D = new WeakMap(), A = function(e) {
|
|
100
|
+
a(this, u, V(e, t(this, o).length)), t(this, o).forEach((n, r) => {
|
|
101
|
+
r === t(this, u) ? n.classList.add("current") : n.classList.remove("current");
|
|
102
|
+
}), R(this, "billboardChange", {
|
|
87
103
|
detail: {
|
|
88
|
-
counter: t(this,
|
|
104
|
+
counter: t(this, u)
|
|
89
105
|
}
|
|
90
106
|
}), setTimeout(() => {
|
|
91
107
|
window.dispatchEvent(new Event("resize"));
|
|
92
108
|
}, 0);
|
|
93
|
-
},
|
|
94
|
-
customElements.get("e-billboard") || customElements.define("e-billboard",
|
|
95
|
-
var
|
|
96
|
-
class
|
|
109
|
+
}, P = new WeakMap(), q = new WeakMap();
|
|
110
|
+
customElements.get("e-billboard") || customElements.define("e-billboard", z);
|
|
111
|
+
var d, w, m, S, I;
|
|
112
|
+
class W extends HTMLElement {
|
|
97
113
|
constructor() {
|
|
98
114
|
super(...arguments);
|
|
99
|
-
i(this,
|
|
100
|
-
i(this,
|
|
101
|
-
i(this,
|
|
102
|
-
|
|
103
|
-
|
|
115
|
+
i(this, d, null);
|
|
116
|
+
i(this, w, null);
|
|
117
|
+
i(this, m, []);
|
|
118
|
+
i(this, S, (e) => {
|
|
119
|
+
const n = e.currentTarget, r = t(this, m).findIndex((c) => c === n);
|
|
120
|
+
r >= 0 && t(this, d).set(r);
|
|
104
121
|
});
|
|
105
|
-
i(this,
|
|
106
|
-
t(this,
|
|
107
|
-
n === t(this,
|
|
122
|
+
i(this, I, () => {
|
|
123
|
+
t(this, m).forEach((e, n) => {
|
|
124
|
+
n === t(this, d).counter ? e.classList.add("current") : e.classList.remove("current");
|
|
108
125
|
});
|
|
109
126
|
});
|
|
110
127
|
}
|
|
111
128
|
connectedCallback() {
|
|
112
|
-
|
|
129
|
+
return Q(this, null, function* () {
|
|
113
130
|
var e;
|
|
114
|
-
if (this.isConnected) {
|
|
115
|
-
const n = t(this,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
131
|
+
if (a(this, d, K(this, z)), t(this, d) && (yield customElements.whenDefined("e-billboard"), this.isConnected)) {
|
|
132
|
+
const n = t(this, d).itemElements.length;
|
|
133
|
+
a(this, w, document.createElement("div"));
|
|
134
|
+
for (let r = 0; r < n; r++) {
|
|
135
|
+
const c = document.createElement("button");
|
|
136
|
+
t(this, m).push(c), t(this, w).appendChild(c);
|
|
119
137
|
}
|
|
120
|
-
t(this,
|
|
121
|
-
|
|
122
|
-
}), (e = t(this,
|
|
138
|
+
this.appendChild(t(this, w)), t(this, m).forEach((r) => {
|
|
139
|
+
r.addEventListener("click", t(this, S));
|
|
140
|
+
}), (e = t(this, d)) == null || e.addEventListener(
|
|
123
141
|
"billboardChange",
|
|
124
|
-
t(this,
|
|
125
|
-
), t(this,
|
|
142
|
+
t(this, I)
|
|
143
|
+
), t(this, I).call(this);
|
|
126
144
|
}
|
|
127
145
|
});
|
|
128
146
|
}
|
|
129
147
|
disconnectedCallback() {
|
|
130
148
|
var e;
|
|
131
|
-
t(this,
|
|
132
|
-
n.removeEventListener("click", t(this,
|
|
133
|
-
}), (e = t(this,
|
|
149
|
+
t(this, m).forEach((n) => {
|
|
150
|
+
n.removeEventListener("click", t(this, S));
|
|
151
|
+
}), (e = t(this, d)) == null || e.removeEventListener(
|
|
134
152
|
"billboardChange",
|
|
135
|
-
t(this,
|
|
136
|
-
), this.innerHTML = "", a(this,
|
|
153
|
+
t(this, I)
|
|
154
|
+
), this.innerHTML = "", a(this, m, []);
|
|
137
155
|
}
|
|
138
156
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
var
|
|
142
|
-
class
|
|
157
|
+
d = new WeakMap(), w = new WeakMap(), m = new WeakMap(), S = new WeakMap(), I = new WeakMap();
|
|
158
|
+
J && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", W);
|
|
159
|
+
var f, E, g;
|
|
160
|
+
class X extends HTMLElement {
|
|
143
161
|
constructor() {
|
|
144
162
|
super();
|
|
145
|
-
i(this,
|
|
146
|
-
i(this,
|
|
163
|
+
i(this, f, new H(this, "--index", 0));
|
|
164
|
+
i(this, E, null);
|
|
147
165
|
i(this, g, () => {
|
|
148
166
|
var e;
|
|
149
|
-
t(this,
|
|
167
|
+
t(this, f).current === ((e = t(this, E)) == null ? void 0 : e.counter) ? this.classList.add("current") : this.classList.remove("current");
|
|
150
168
|
});
|
|
151
169
|
this.addEventListener("click", (e) => {
|
|
152
|
-
t(this,
|
|
170
|
+
t(this, E) && (!this.handleClick || this.handleClick(e)) && t(this, E).set(t(this, f).current);
|
|
153
171
|
});
|
|
154
172
|
}
|
|
155
173
|
connectedCallback() {
|
|
156
174
|
var e;
|
|
157
|
-
this.tabIndex = 0, a(this,
|
|
175
|
+
this.tabIndex = 0, a(this, E, K(this, z)), (e = t(this, E)) == null || e.addEventListener(
|
|
158
176
|
"billboardChange",
|
|
159
177
|
t(this, g)
|
|
160
178
|
), customElements.whenDefined("e-billboard").then(() => {
|
|
161
179
|
this.isConnected && t(this, g).call(this);
|
|
162
|
-
}), t(this,
|
|
180
|
+
}), t(this, f).subscribe(t(this, g)), t(this, f).observe();
|
|
163
181
|
}
|
|
164
182
|
disconnectedCallback() {
|
|
165
183
|
var e;
|
|
166
|
-
this.removeAttribute("tabindex"), t(this,
|
|
184
|
+
this.removeAttribute("tabindex"), t(this, f).unsubscribe(t(this, g)), t(this, f).unobserve(), (e = t(this, E)) == null || e.removeEventListener(
|
|
167
185
|
"billboardChange",
|
|
168
186
|
t(this, g)
|
|
169
187
|
);
|
|
170
188
|
}
|
|
171
189
|
}
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
var
|
|
175
|
-
class
|
|
190
|
+
f = new WeakMap(), E = new WeakMap(), g = new WeakMap();
|
|
191
|
+
J && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", X);
|
|
192
|
+
var y, M;
|
|
193
|
+
class Y extends HTMLElement {
|
|
176
194
|
constructor() {
|
|
177
195
|
super();
|
|
178
|
-
i(this,
|
|
179
|
-
i(this,
|
|
196
|
+
i(this, y, new H(this, "--step", 1));
|
|
197
|
+
i(this, M, null);
|
|
180
198
|
this.addEventListener("click", (e) => {
|
|
181
|
-
t(this,
|
|
199
|
+
t(this, M) && (!this.handleClick || this.handleClick(e)) && t(this, M).shift(t(this, y).current);
|
|
182
200
|
});
|
|
183
201
|
}
|
|
184
202
|
connectedCallback() {
|
|
185
|
-
this.tabIndex = 0, a(this,
|
|
203
|
+
this.tabIndex = 0, a(this, M, K(this, z)), t(this, y).observe();
|
|
186
204
|
}
|
|
187
205
|
disconnectedCallback() {
|
|
188
|
-
this.removeAttribute("tabindex"), t(this,
|
|
206
|
+
this.removeAttribute("tabindex"), t(this, y).unobserve();
|
|
189
207
|
}
|
|
190
208
|
}
|
|
191
|
-
|
|
192
|
-
|
|
209
|
+
y = new WeakMap(), M = new WeakMap();
|
|
210
|
+
J && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", Y);
|
|
193
211
|
export {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
212
|
+
W as BillboardBulletsElement,
|
|
213
|
+
z as BillboardElement,
|
|
214
|
+
X as BillboardSetButtonElement,
|
|
215
|
+
Y as BillboardStepButtonElement
|
|
198
216
|
};
|
package/lib/scroll/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var ts=Object.defineProperty;var Oe=Object.getOwnPropertySymbols;var es=Object.prototype.hasOwnProperty,ss=Object.prototype.propertyIsEnumerable;var _e=S=>{throw TypeError(S)};var Ve=(S,n,e)=>n in S?ts(S,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):S[n]=e,He=(S,n)=>{for(var e in n||(n={}))es.call(n,e)&&Ve(S,e,n[e]);if(Oe)for(var e of Oe(n))ss.call(n,e)&&Ve(S,e,n[e]);return S};var ke=(S,n,e)=>n.has(S)||_e("Cannot "+e);var t=(S,n,e)=>(ke(S,n,"read from private field"),e?e.call(S):n.get(S)),s=(S,n,e)=>n.has(S)?_e("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(S):n.set(S,e),h=(S,n,e,i)=>(ke(S,n,"write to private field"),i?i.call(S,e):n.set(S,e),e),c=(S,n,e)=>(ke(S,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const is=require("../Store-GokLe_g-.cjs"),O=require("../index-Cqw2NKev.cjs"),rs=require("../easings-GegIwET5.cjs"),ne=require("../events-KVanG9sR.cjs"),Ae=require("../function-MthRj-GJ.cjs"),We=require("../jss-CRBgdvJ3.cjs"),Vt=require("../layout-Ctc2p3uz.cjs"),Fe=require("../math-GDWEqu7y.cjs"),Ne=require("../number-DyefJ5a1.cjs");require("../ticker/index.cjs");const xe=require("../order/index.cjs"),ns=require("../Damped-B8bmTxAr.cjs"),hs=require("../Tweened-BsL9FamJ.cjs"),we=require("../controls/index.cjs"),_t=require("../window-resizer/index.cjs"),yt=require("../scroll-entries/index.cjs"),$e=require("../css-unit-parser/index.cjs"),d=require("../css-property/index.cjs"),os=require("../device/index.cjs"),ce=require("../element-resizer/index.cjs"),ls=require("../gestures-C7gbKx11.cjs"),Ue=require("../dom-JBOkFLTh.cjs"),cs=require("../scroll-segment/index.cjs");var p,Ht,g,ue,ae,Ct,V,et,vt,Pt,he;class us{constructor(n,e,i){s(this,Pt);s(this,p);s(this,Ht);s(this,g);s(this,ue,0);s(this,ae,0);s(this,Ct,0);s(this,V,0);s(this,et,null);s(this,vt,0);h(this,p,n),h(this,Ht,e),h(this,g,i),yt.scrollEntries.register(t(this,p)),this.setIndex(t(this,Ht))}get element(){return t(this,p)}get index(){return t(this,Ht)}get size(){return t(this,Ct)}get width(){return t(this,ue)}get height(){return t(this,ae)}get position(){return t(this,V)}get transformPosition(){return t(this,vt)}destroy(){yt.scrollEntries.unregister(t(this,p)),this.unsetTransform()}unsetTransform(){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()}setSize(n){n?(t(this,p).style.setProperty("--size",n+"px"),t(this,g).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"))}resize(){h(this,ue,t(this,p).offsetWidth),h(this,ae,t(this,p).offsetHeight),h(this,Ct,t(this,g).vertical?t(this,p).offsetHeight:t(this,p).offsetWidth),h(this,V,t(this,g).vertical?Vt.getCumulativeOffsetTop(t(this,p)):Vt.getCumulativeOffsetLeft(t(this,p))),h(this,V,t(this,V)-t(this,g).contentPosition)}transform(){const n=t(this,g).shiftSectionPositionCSSProperty.current;let e=n;const i=t(this,g).viewportSize*t(this,g).sectionDistanceScaleCSSProperty.current;t(this,g).loopCSSProperty.current&&t(this,V)+t(this,Ct)<=t(this,g).currentScrollValue-n/2&&(e=(t(this,g).distance-n)*-1-t(this,g).gap),yt.scrollEntries.update(t(this,p),t(this,g).axisCSSProperty.current,e);const r=t(this,g).currentScrollValue+e,u=t(this,V)-t(this,g).viewportSize-i,b=t(this,V)+t(this,Ct)+i,y=Ne.preciseNumber(Fe.clamp(r,u,b),3);h(this,vt,y*-1),t(this,g).vertical?t(this,p).style.transform=`translate3d(0px, ${t(this,vt)}px, 0px)`:t(this,p).style.transform=`translate3d(${t(this,vt)}px, 0px, 0px)`}setMark(n){t(this,et)!==n&&(t(this,et)&&t(this,p).classList.remove(t(this,et)),n&&t(this,p).classList.add(n),h(this,et,n),ne.dispatchEvent(t(this,p),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,et)},custom:!0}))}setMiddle(n){t(this,p).classList.toggle("middle",n)}setIndex(n){c(this,Pt,he).call(this,"index",n)}setCurrentIndex(n){c(this,Pt,he).call(this,"current-index",n)}setCurrentIndexArc(n){c(this,Pt,he).call(this,"current-index-arc",n)}setCurrentIndexArcAbs(n){c(this,Pt,he).call(this,"current-index-arc-abs",n)}}p=new WeakMap,Ht=new WeakMap,g=new WeakMap,ue=new WeakMap,ae=new WeakMap,Ct=new WeakMap,V=new WeakMap,et=new WeakMap,vt=new WeakMap,Pt=new WeakSet,he=function(n,e){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}`))};const as=We.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)",borderRadius:"var(--border-radius, unset)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},":host(.hibernated) .content-wrapper":{display:"contents"},":host(.hibernated) .content":{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var a,Et,w,st,_,H,$,M,it,rt,W,nt,wt,T,v,xt,zt,Lt,It,$t,kt,A,At,ht,R,ot,F,Rt,lt,Mt,ct,ut,at,f,Wt,l,de,Se,C,m,k,q,dt,D,E,x,Ft,N,U,G,Z,Nt,St,j,Ut,B,P,Gt,K,Tt,Zt,o,Re,oe,Ot,ze,Le,Me,Te,z,pe,Ge,jt,fe,qe,De,gt,Ze,be,le,me;class Dt extends HTMLElement{constructor(){super();s(this,o);s(this,a,null);s(this,Et,new d.CSSProperty(this,"--controls",!0));s(this,w,new d.CSSProperty(this,"--axis","y"));s(this,st,new d.CSSProperty(this,"--reverse",!1));s(this,_,new d.CSSProperty(this,"--direction",0));s(this,H,new d.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,$,new d.CSSProperty(this,"--split",!1));s(this,M,new d.CSSProperty(this,"--sectional",!1));s(this,it,new d.CSSProperty(this,"--tween-easing",!1));s(this,rt,new d.CSSProperty(this,"--tween-duration",!1));s(this,W,new d.CSSProperty(this,"--auto-size",!1));s(this,nt,new d.CSSProperty(this,"--wheel-max-delta",!1));s(this,wt,new d.CSSProperty(this,"--drag-inertion",1));s(this,T,new d.CSSProperty(this,"--sections-in-view",1));s(this,v,new d.CSSProperty(this,"--loop",!1));s(this,xt,new d.CSSProperty(this,"--damping",20));s(this,zt,new d.CSSProperty(this,"--mass",0));s(this,Lt,new d.CSSProperty(this,"--stiffness",0));s(this,It,new d.CSSProperty(this,"--mouse-drag",!1));s(this,$t,new d.CSSProperty(this,"--section-distance-scale",.5));s(this,kt,new d.CSSProperty(this,"--start-section",0));s(this,A,new d.CSSProperty(this,"--autoplay",0));s(this,At,new d.CSSProperty(this,"--autoplay-pause-duration",0));s(this,ht,new d.CSSProperty(this,"--autoplay-user-direction",!1));s(this,R,new d.CSSProperty(this,"--classes",!1));s(this,ot,new d.CSSProperty(this,"--current-index-start-offset",0));s(this,F,new d.CSSProperty(this,"--current-index-end-offset",0));s(this,Rt,new d.CSSProperty(this,"--shift-section-position",0,{rawValueCheck:!1}));s(this,lt,new d.CSSProperty(this,"--focus-delay",0));s(this,Mt,new d.CSSProperty(this,"--focus-duration",3e3));s(this,ct,new d.CSSProperty(this,"--disabled",!1));s(this,ut,new d.CSSProperty(this,"--hibernate",!1));s(this,at,null);s(this,f,null);s(this,Wt,null);s(this,l,[]);s(this,de,0);s(this,Se,0);s(this,C,0);s(this,m,0);s(this,k,0);s(this,q,null);s(this,dt,null);s(this,D,null);s(this,E,null);s(this,x,new is.Store(0));s(this,Ft,0);s(this,N,0);s(this,U,!1);s(this,G,!0);s(this,Z,!0);s(this,Nt);s(this,St);s(this,j,new hs.Tweened);s(this,Ut,!1);s(this,B,null);s(this,P,!1);s(this,Gt,null);s(this,K,[]);s(this,Tt,!1);s(this,Zt);s(this,z,e=>{if(e&&t(this,Tt)){h(this,Tt,!1);return}this.resize()});s(this,pe,()=>{if(!t(this,U)||t(this,Z)||t(this,G))return;const e=this.currentScrollValue;if(h(this,Ft,Math.max(0,e-t(this,m))),t(this,l).length){for(let i=0;i<t(this,l).length;i++)t(this,l)[i].transform();t(this,x).current=c(this,o,le).call(this)}else this.vertical?t(this,f).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,f).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;c(this,o,Ze).call(this),yt.scrollEntries.update(this,t(this,w).current,e)});s(this,jt,(e,i)=>{t(this,Et).current&&(c(this,o,qe).call(this,Math.sign(i)||1),t(this,fe).call(this,e,i))});s(this,fe,(e,i)=>{if(t(this,_).current){if(t(this,_).current<0&&i>0)return;if(t(this,_).current>0&&i<0)return}if(t(this,St)||t(this,j).unlistenAnimationFrame(),!t(this,A).current&&t(this,lt).current&&(clearInterval(t(this,Nt)),h(this,Nt,setTimeout(()=>{const r=t(this,l)[c(this,o,le).call(this)];r&&this.scrollToSection(r.index,{tween:{duration:t(this,Mt).current,easing:rs.easeInOutExpo}})},t(this,lt).current))),!(e.includes("drag")&&!os.device.isTouch&&!t(this,It).current)){if(t(this,M).current&&e!=="drag"){const r=Math.sign(i);if(t(this,l).length){const u={tween:t(this,it).current||t(this,rt).current?{easing:t(this,it).current||"easeInOutCubic",duration:t(this,rt).current||500}:void 0};t(this,Ut)?this.scrollToSection(c(this,o,le).call(this,!0),u):this.shiftSections(r,u)}else t(this,a).shift(r*t(this,C))}else t(this,a).shift(i);h(this,Ut,e==="drag")}});s(this,be,Ae.debounce(()=>{const e=t(this,K).reduce((i,r)=>{const u=this.vertical?r.width:r.height;return u>i?u:i},0);clearTimeout(t(this,Zt)),h(this,Tt,!0),this.style.setProperty("--max-section-size",""),h(this,Zt,setTimeout(()=>{h(this,Tt,!0),this.style.setProperty("--max-section-size",e+"px")},10))},20));s(this,me,()=>{h(this,P,!0),this.hibernatedCSSProperty.current||c(this,o,Te).call(this)});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[as];const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,at,document.createElement("div")),t(this,at).className="content-wrapper",h(this,f,document.createElement("div")),t(this,f).className="content",h(this,Wt,document.createElement("slot")),t(this,f).appendChild(t(this,Wt)),t(this,at).appendChild(t(this,f)),e.appendChild(t(this,at)),h(this,Gt,new MutationObserver(Ae.debounce(()=>{this.tryResplit()},10)))}}get damped(){return t(this,a)}get controlsCSSProperty(){return t(this,Et)}get axisCSSProperty(){return t(this,w)}get reverseCSSProperty(){return t(this,st)}get directionCSSProperty(){return t(this,_)}get pagesCSSProperty(){return t(this,H)}get splitCSSProperty(){return t(this,$)}get sectionalCSSProperty(){return t(this,M)}get easingCSSProperty(){return t(this,it)}get durationCSSProperty(){return t(this,rt)}get autoSizeCSSProperty(){return t(this,W)}get wheelMaxDeltaCSSProperty(){return t(this,nt)}get dragInertionCSSProperty(){return t(this,wt)}get sectionsInViewCSSProperty(){return t(this,T)}get loopCSSProperty(){return t(this,v)}get dampingCSSProperty(){return t(this,xt)}get massCSSProperty(){return t(this,zt)}get stiffnessCSSProperty(){return t(this,Lt)}get mouseDragCSSProperty(){return t(this,It)}get sectionDistanceScaleCSSProperty(){return t(this,$t)}get startSectionCSSProperty(){return t(this,kt)}get autoplayCSSProperty(){return t(this,A)}get autoplayPauseDurationCSSProperty(){return t(this,At)}get autoplayUserDirectionCSSProperty(){return t(this,ht)}get classesCSSProperty(){return t(this,R)}get currentIndexStartOffsetCSSProperty(){return t(this,ot)}get currentIndexEndOffsetCSSProperty(){return t(this,F)}get shiftSectionPositionCSSProperty(){return t(this,Rt)}get focusDelayCSSProperty(){return t(this,lt)}get focusDurationCSSProperty(){return t(this,Mt)}get disabledCSSProperty(){return t(this,ct)}get hibernatedCSSProperty(){return t(this,ut)}get currentScrollValue(){return c(this,o,De).call(this,"current")}get targetScrollValue(){return c(this,o,De).call(this,"target")}get contentWrapperElement(){return t(this,at)}get contentElement(){return t(this,f)}get sections(){return t(this,l)}get position(){return t(this,de)}get contentPosition(){return t(this,Se)}get viewportSize(){return t(this,C)}get scrollSize(){return t(this,m)}get gap(){return t(this,k)}get counter(){return t(this,x)}get limit(){return Math.ceil(t(this,l).length-t(this,T).current)}get distance(){return t(this,N)}get loopDistance(){return t(this,v).current?t(this,N)+t(this,k):t(this,N)}get hasOverflow(){return t(this,U)}get overscroll(){return t(this,Ft)}get scrollLine(){return t(this,B)}get vertical(){return t(this,w).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,w).current==="y"?0:t(this,a).distance}get scrollHeight(){return t(this,w).current==="x"?0:t(this,a).distance}tryResplit(){!t(this,Z)&&(t(this,v).current||t(this,$).current||t(this,v).current||t(this,W).current||t(this,M).current)&&c(this,o,oe).call(this)}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress<u?0:this.currentProgress>b?1:(this.currentProgress-u)/(b-u)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress>=u&&this.currentProgress<=b}scrollToSection(e,i){if(!t(this,l).length)return;const r=t(this,x).current,u=c(this,o,Ge).call(this,e),b=t(this,l)[r],y=t(this,l)[u];if(b&&y){let I=0;const Ie=c(this,o,le).call(this),Bt=t(this,l)[Ie],Ee=Bt?this.targetScrollValue-Bt.position:0;t(this,v).current?u===0&&r===t(this,l).length-1?I=t(this,m)+t(this,C)-b.position+t(this,k):u===t(this,l).length-1&&r===0?I=y.position-(t(this,m)+t(this,C)+t(this,k)):I=y.position-b.position:I=y.position-b.position,this.shiftPosition(I-Ee,i)}}shiftSections(e,i){t(this,l).length&&this.scrollToSection(t(this,x).current+e,i)}setPosition(e,i){c(this,o,qe).call(this,Math.sign(e)||1),i!=null&&i.tween?t(this,St)||(t(this,j).set(t(this,a).current,{equalize:!0}),t(this,j).set(e,He({},i.tween)),h(this,St,setTimeout(()=>{h(this,St,void 0)},i.tween.duration||0))):t(this,a).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,a).target+e,i)}resize(){if(t(this,ut).current)return;t(this,a).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,m)||0,i=t(this,x).current;if(h(this,de,this.vertical?Vt.getCumulativeOffsetTop(this):Vt.getCumulativeOffsetLeft(this)),h(this,Se,this.vertical?Vt.getCumulativeOffsetTop(t(this,f)):Vt.getCumulativeOffsetLeft(t(this,f))),h(this,C,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,k,$e.cssUnitParser.parse(getComputedStyle(t(this,f)).rowGap)):h(this,k,$e.cssUnitParser.parse(getComputedStyle(t(this,f)).columnGap)),t(this,W).current&&t(this,l).length){const r=t(this,T).current,u=(t(this,C)-t(this,k)*(r-1))/r;t(this,l).forEach(b=>{b.setSize(u)})}else t(this,l).forEach(r=>{r.setSize()});if(t(this,l).forEach(r=>{r.resize()}),t(this,H).current){h(this,m,t(this,C)*t(this,H).current);const r=t(this,m)+t(this,C);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%")}else this.vertical?(t(this,f).style.width="100%",t(this,f).style.height="max-content",h(this,m,t(this,f).offsetHeight-t(this,C))):(t(this,f).style.width="max-content",t(this,f).style.height="100%",h(this,m,t(this,f).offsetWidth-t(this,C)));if(!t(this,v).current){const r=getComputedStyle(this),u=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,m,t(this,m)+u),t(this,a).max=t(this,m)}if(t(this,v).current&&t(this,l).length){const r=t(this,l)[t(this,l).length-1],u=r.position+r.size-t(this,C),b=t(this,m)-u;h(this,N,r.position+r.size+b)}else h(this,N,t(this,m));if(t(this,M).current&&t(this,l).length){const r=t(this,l)[i];t(this,a).set(r.position,{equalize:!0})}else t(this,a).set(e*t(this,m),{equalize:!0});h(this,U,(this.vertical?t(this,f).offsetHeight:t(this,f).offsetWidth)>t(this,C)),this.classList.toggle("has-overflow",t(this,U)),t(this,U)?t(this,ct).current||c(this,o,Le).call(this):c(this,o,ze).call(this),t(this,be).call(this),ne.dispatchEvent(this,"scrollResize",{custom:!0}),t(this,a).notify()}connectedCallback(){yt.scrollEntries.register(this),h(this,a,new ns.Damped(0,{damping:.01,min:0,order:xe.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,q,new we.WheelControls({element:t(this,f)})),t(this,q).changeEvent.subscribe(t(this,jt)),h(this,dt,new we.KeyboardControls({element:this})),t(this,dt).changeEvent.subscribe(t(this,jt)),h(this,D,new we.DragControls({element:t(this,f),rootElement:this})),t(this,D).changeEvent.subscribe(t(this,jt)),h(this,E,new we.AutoplayControls({culling:this})),t(this,E).changeEvent.subscribe(t(this,fe)),t(this,w).subscribe(()=>{c(this,o,Re).call(this)}),t(this,st).subscribe(()=>{c(this,o,Re).call(this)}),t(this,nt).subscribe(e=>{t(this,q).axis=e.current?"max":t(this,w).current}),t(this,wt).subscribe(e=>{t(this,D).inertion=typeof e.current=="number"?e.current:1}),t(this,H).subscribe(()=>{t(this,P)&&t(this,z).call(this)}),t(this,$).subscribe(({current:e})=>{t(this,P)&&(e?c(this,o,oe).call(this):c(this,o,Ot).call(this))}),t(this,M).subscribe(e=>{t(this,q).debounce=e.current,t(this,D).swipe=e.current,t(this,E).interval=e.current,t(this,P)&&(e.current&&!e.previous&&!t(this,l).length?c(this,o,oe).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Ot).call(this))}),t(this,W).subscribe(e=>{t(this,P)&&(t(this,z).call(this),e.current&&!e.previous&&!t(this,l).length?c(this,o,oe).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Ot).call(this))}),t(this,T).subscribe(e=>{t(this,P)&&(t(this,z).call(this),c(this,o,gt).call(this))}),t(this,v).subscribe(e=>{e.current?(t(this,P)&&(t(this,l).length||(t(this,$).current=!0)),t(this,a).max=1/0,t(this,a).min=-1/0):(h(this,Ft,0),t(this,a).max=t(this,m),t(this,a).min=0)}),t(this,xt).subscribe(e=>{t(this,a).damping=e.current}),t(this,zt).subscribe(e=>{t(this,a).mass=e.current}),t(this,Lt).subscribe(e=>{t(this,a).stiffness=e.current}),t(this,A).subscribe(e=>{t(this,E).speed=e.current,!t(this,G)&&e.current&&!e.previous?t(this,E).connect():!e.current&&e.previous&&t(this,E).disconnect()}),t(this,ht).subscribe(e=>{e.current||(t(this,E).direction=1)}),t(this,R).subscribe(e=>{t(this,P)&&c(this,o,gt).call(this)}),t(this,ot).subscribe(e=>{t(this,P)&&t(this,R).current&&c(this,o,gt).call(this)}),t(this,F).subscribe(e=>{t(this,P)&&t(this,R).current&&c(this,o,gt).call(this)}),t(this,Rt).subscribe(e=>{t(this,P)&&t(this,a).notify()}),t(this,a).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,x).subscribe(e=>{t(this,l).length&&c(this,o,gt).call(this),this.style.setProperty("--counter",e.current+"")}),t(this,j).subscribe(e=>{t(this,j).isRunning.current&&t(this,a).set(e.current,{equalize:!0})}),t(this,ct).subscribe(e=>{e.current&&!e.previous?(this.classList.add("disabled"),c(this,o,ze).call(this)):!e.current&&e.previous&&(this.classList.remove("disabled"),c(this,o,Le).call(this))}),t(this,ut).subscribe(e=>{e.current&&!e.previous?(this.classList.add("hibernated"),c(this,o,Me).call(this)):!e.current&&e.previous&&(this.classList.remove("hibernated"),c(this,o,Te).call(this))}),t(this,Et).observe(),t(this,w).observe(),t(this,st).observe(),t(this,_).observe(),t(this,H).observe(),t(this,$).observe(),t(this,M).observe(),t(this,it).observe(),t(this,rt).observe(),t(this,W).observe(),t(this,nt).observe(),t(this,wt).observe(),t(this,T).observe(),t(this,v).observe(),t(this,xt).observe(),t(this,zt).observe(),t(this,Lt).observe(),t(this,It).observe(),t(this,$t).observe(),t(this,kt).observe(),t(this,A).observe(),t(this,A).observe(),t(this,At).observe(),t(this,ht).observe(),t(this,R).observe(),t(this,ot).observe(),t(this,F).observe(),t(this,Rt).observe(),t(this,lt).observe(),t(this,Mt).observe(),t(this,ct).observe(),t(this,ut).observe(),_t.windowResizer.subscribe(t(this,me),xe.RESIZE_ORDER.LAST),ce.elementResizer.subscribe(this,t(this,z)),t(this,Gt).observe(this,{childList:!0})}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("disabled"),this.classList.remove("hibernated"),t(this,Et).unobserve(),t(this,w).unobserve(),t(this,st).unobserve(),t(this,_).unobserve(),t(this,H).unobserve(),t(this,$).unobserve(),t(this,M).unobserve(),t(this,it).unobserve(),t(this,rt).unobserve(),t(this,W).unobserve(),t(this,nt).unobserve(),t(this,wt).unobserve(),t(this,T).unobserve(),t(this,v).unobserve(),t(this,xt).unobserve(),t(this,zt).unobserve(),t(this,Lt).unobserve(),t(this,It).unobserve(),t(this,$t).unobserve(),t(this,kt).unobserve(),t(this,A).unobserve(),t(this,At).unobserve(),t(this,ht).unobserve(),t(this,R).unobserve(),t(this,ot).unobserve(),t(this,F).unobserve(),t(this,Rt).unobserve(),t(this,lt).unobserve(),t(this,Mt).unobserve(),t(this,ct).unobserve(),t(this,ut).unobserve(),_t.windowResizer.unsubscribe(t(this,me)),ce.elementResizer.unsubscribe(t(this,z)),c(this,o,Me).call(this),t(this,Gt).disconnect()}}a=new WeakMap,Et=new WeakMap,w=new WeakMap,st=new WeakMap,_=new WeakMap,H=new WeakMap,$=new WeakMap,M=new WeakMap,it=new WeakMap,rt=new WeakMap,W=new WeakMap,nt=new WeakMap,wt=new WeakMap,T=new WeakMap,v=new WeakMap,xt=new WeakMap,zt=new WeakMap,Lt=new WeakMap,It=new WeakMap,$t=new WeakMap,kt=new WeakMap,A=new WeakMap,At=new WeakMap,ht=new WeakMap,R=new WeakMap,ot=new WeakMap,F=new WeakMap,Rt=new WeakMap,lt=new WeakMap,Mt=new WeakMap,ct=new WeakMap,ut=new WeakMap,at=new WeakMap,f=new WeakMap,Wt=new WeakMap,l=new WeakMap,de=new WeakMap,Se=new WeakMap,C=new WeakMap,m=new WeakMap,k=new WeakMap,q=new WeakMap,dt=new WeakMap,D=new WeakMap,E=new WeakMap,x=new WeakMap,Ft=new WeakMap,N=new WeakMap,U=new WeakMap,G=new WeakMap,Z=new WeakMap,Nt=new WeakMap,St=new WeakMap,j=new WeakMap,Ut=new WeakMap,B=new WeakMap,P=new WeakMap,Gt=new WeakMap,K=new WeakMap,Tt=new WeakMap,Zt=new WeakMap,o=new WeakSet,Re=function(){const e=t(this,w).current,i=t(this,st).current?"-reverse":"";t(this,f).style.flexDirection=e==="x"?`row${i}`:`column${i}`,t(this,q).axis=t(this,nt).current?"max":e,t(this,dt).dimension=e==="x"?"width":"height",t(this,D).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),t(this,P)&&t(this,z).call(this)},oe=function(){c(this,o,Ot).call(this),t(this,Wt).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,l).push(new us(e,i,this))}),t(this,f).style.transform="",this.style.setProperty("--sections",t(this,l).length.toString()),ne.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,z).call(this),c(this,o,gt).call(this)},Ot=function(){t(this,l).forEach(e=>{e.destroy()}),h(this,l,[]),t(this,x).reset(),t(this,a).reset(),this.style.removeProperty("--max-section-size"),ne.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},ze=function(){t(this,G)||(h(this,G,!0),t(this,a).unsubscribe(t(this,pe)),t(this,a).unlistenAnimationFrame(),clearInterval(t(this,Nt)),clearInterval(t(this,St)),t(this,j).unlistenAnimationFrame(),t(this,q).disconnect(),t(this,dt).disconnect(),t(this,D).disconnect(),t(this,E).disconnect(),t(this,U)||(this.sections.forEach(e=>{e.unsetTransform()}),t(this,z).call(this)))},Le=function(){t(this,G)&&(h(this,G,!1),t(this,a).subscribe(t(this,pe),-1e4),t(this,a).notify(),t(this,q).connect(),t(this,dt).connect(),t(this,D).connect(),t(this,A).current&&t(this,E).connect())},Me=function(){t(this,Z)||(h(this,Z,!0),clearTimeout(t(this,Zt)),_t.windowResizer.unsubscribe(t(this,z)),c(this,o,ze).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,l).length?c(this,o,Ot).call(this):(t(this,x).reset(),t(this,a).reset()),yt.scrollEntries.unregister(this))},Te=function(){t(this,Z)&&(h(this,Z,!1),yt.scrollEntries.register(this),this.tryResplit(),c(this,o,Le).call(this),this.scrollToSection(t(this,kt).current,{behaviour:"instant"}),_t.windowResizer.subscribe(t(this,z),xe.RESIZE_ORDER.SCROLL))},z=new WeakMap,pe=new WeakMap,Ge=function(e){let i=t(this,x).current;return t(this,v).current?i=Ne.loopNumber(e,t(this,l).length):i=Fe.clamp(e,0,this.limit),i},jt=new WeakMap,fe=new WeakMap,qe=function(e=1){t(this,ht).current&&(t(this,E).direction=e),t(this,A).current&&t(this,E).pauseAndContinue(t(this,At).current,this.sectionalCSSProperty.current)},De=function(e="current"){if(t(this,v).current&&t(this,l).length){const i=t(this,a)[e]%Math.round(t(this,m)+t(this,C)+t(this,k));return i<0?t(this,m)+i+t(this,C)+t(this,k):i}else return t(this,a)[e]},gt=function(){if(t(this,l).length){const e=t(this,x).current+t(this,ot).current;if(e===0?h(this,B,"start"):e===this.limit?h(this,B,"end"):h(this,B,null),ne.dispatchEvent(this,"scrollLine",{detail:{line:t(this,B)}}),t(this,R).current){this.classList.remove("end","start"),t(this,B)&&this.classList.add(t(this,B));const i=t(this,T).current+t(this,F).current;h(this,K,[]),t(this,l).forEach((r,u)=>{r.setCurrentIndex(null),r.setCurrentIndexArc(null),r.setCurrentIndexArcAbs(null),r.setMiddle(!1);const b=e-this.limit-1+t(this,F).current,y=e+i,I=this.sections.length-y;u>=e&&u<y||u<=b?(r.setMark("current"),t(this,K).push(r)):u>=y&&u<y+I/2||u<=b+i?r.setMark("next"):r.setMark("previous")}),t(this,be).call(this)}}},Ze=function(){if(t(this,R).current){const e=Math.floor(t(this,K).length/2);t(this,K).sort((i,r)=>i.element.getBoundingClientRect().left-r.element.getBoundingClientRect().left),t(this,K).forEach((i,r)=>{const u=r-e;i.setCurrentIndex(r),i.setCurrentIndexArc(u),i.setCurrentIndexArcAbs(Math.abs(u)),i.setMiddle(r===e)})}},be=new WeakMap,le=function(e=!1){let i=this.targetScrollValue,r=1/0,u=0;const b=t(this,a).direction;for(let y=0;y<t(this,l).length;y++){const I=t(this,l)[y];let Ie=t(this,Ut)?I.size*b*-1*.4:0,Bt=I.position;this.overscroll&&Bt===0&&e&&(Bt=t(this,N));let Ee=Math.abs(Bt+Ie-i);Ee<=r&&(r=Ee,u=y)}return u},me=new WeakMap;O.isBrowser&&!customElements.get("e-scroll")&&customElements.define("e-scroll",Dt);var ge;class Be extends HTMLElement{constructor(){super(...arguments);s(this,ge,null)}get scrollElement(){return t(this,ge)}connectedCallback(){const e=Ue.findParentElement(this,Dt);e instanceof Dt?h(this,ge,e):console.error(this,"e-scroll not found")}}ge=new WeakMap;var pt,L,J,Q,Kt,Jt,ft,Qt,ye,Ce;class je extends Be{constructor(){super();s(this,pt,null);s(this,L,null);s(this,J,!1);s(this,Q,0);s(this,Kt,0);s(this,Jt,0);s(this,ft,()=>{h(this,J,this.offsetWidth>this.offsetHeight);const e=t(this,J)?this.offsetWidth:this.offsetHeight;h(this,Q,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,Q,Math.max(t(this,Q),30)),t(this,J)?(t(this,L).style.width=t(this,Q)+"px",t(this,L).style.height="100%"):(t(this,L).style.width="100%",t(this,L).style.height=t(this,Q)+"px"),h(this,Kt,e-t(this,Q)),this.scrollElement.scrollSize<=0?this.style.display="none":this.style.display="",t(this,Qt).call(this)});s(this,Qt,()=>{h(this,Jt,this.scrollElement.currentProgress*t(this,Kt)),t(this,J)?t(this,L).style.transform=`translate3d(${t(this,Jt)}px, 0px, 0px)`:t(this,L).style.transform=`translate3d(0px, ${t(this,Jt)}px, 0px)`});s(this,ye,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,Ce,e=>{document.documentElement.classList.add("grabbing"),ls.setupDrag(u=>{const b=t(this,J)?u.x:u.y,y=this.scrollElement.distance/t(this,Kt),I=(b-r)*y;this.scrollElement.setPosition(i+I)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,J)?e.x:e.y});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[We.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"var(--thumb-color, black)",borderRadius:"var(--thumb-radius, 0px)",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})],h(this,pt,document.createElement("slot")),t(this,pt).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,pt))}}get thumbElement(){return t(this,L)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,pt).assignedElements()[0]||t(this,pt).firstElementChild;h(this,L,e),t(this,L).addEventListener("pointerdown",t(this,Ce)),_t.windowResizer.subscribe(t(this,ft),xe.RESIZE_ORDER.SCROLL),ce.elementResizer.subscribe(this,t(this,ft)),ce.elementResizer.subscribe(this.scrollElement,t(this,ft)),this.scrollElement.onScroll(t(this,Qt)),this.scrollElement.axisCSSProperty.subscribe(t(this,ye))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),this.style.display="",t(this,L).removeEventListener("pointerdown",t(this,Ce)),_t.windowResizer.unsubscribe(t(this,ft)),ce.elementResizer.unsubscribe(t(this,ft)),this.scrollElement.offScroll(t(this,Qt)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,ye))}}pt=new WeakMap,L=new WeakMap,J=new WeakMap,Q=new WeakMap,Kt=new WeakMap,Jt=new WeakMap,ft=new WeakMap,Qt=new WeakMap,ye=new WeakMap,Ce=new WeakMap;O.isBrowser&&!customElements.get("e-scrollbar")&&customElements.define("e-scrollbar",je);var Xt,Yt,te;class Ke extends Be{constructor(){super();s(this,Xt,new d.CSSProperty(this,"--behaviour","smooth"));s(this,Yt,new d.CSSProperty(this,"--tween-easing",!1));s(this,te,new d.CSSProperty(this,"--tween-duration",0));O.isBrowser&&this.addEventListener("click",()=>{const e=t(this,Xt).current,i=t(this,Yt).current,r=t(this,te).current;this.handleClick({behaviour:e,tween:i||r?{easing:i,duration:r}:void 0})})}connectedCallback(){super.connectedCallback(),t(this,Xt).observe(),t(this,Yt).observe(),t(this,te).observe()}disconnectedCallback(){t(this,Xt).close(),t(this,Yt).close(),t(this,te).close()}}Xt=new WeakMap,Yt=new WeakMap,te=new WeakMap;var ee;class Je extends Ke{constructor(){super(...arguments);s(this,ee,new d.CSSProperty(this,"--set",1))}handleClick(e){this.scrollElement.scrollToSection(t(this,ee).current,e)}connectedCallback(){super.connectedCallback(),t(this,ee).observe()}disconnectedCallback(){super.disconnectedCallback(),t(this,ee).close()}}ee=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-set-button")&&customElements.define("e-scroll-set-button",Je);var X,se;class Qe extends Ke{constructor(){super(...arguments);s(this,X,new d.CSSProperty(this,"--step",1));s(this,se,()=>{this.scrollElement.loopCSSProperty.current?this.removeAttribute("disabled"):t(this,X).current>0&&this.scrollElement.scrollLine==="end"||t(this,X).current<0&&this.scrollElement.scrollLine==="start"?this.setAttribute("disabled",""):this.removeAttribute("disabled")})}handleClick(e){this.scrollElement.shiftSections(t(this,X).current,e)}connectedCallback(){super.connectedCallback(),this.scrollElement&&(t(this,X).subscribe(()=>{t(this,se).call(this)}),t(this,X).observe(),this.scrollElement.addEventListener("scrollLine",t(this,se)),t(this,se).call(this))}disconnectedCallback(){super.disconnectedCallback(),t(this,X).close(),this.removeAttribute("disabled")}}X=new WeakMap,se=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-step-button")&&customElements.define("e-scroll-step-button",Qe);var Y,bt,ie,ve,Pe,re;class ds{constructor(n,e,i){s(this,Y,null);s(this,bt,null);s(this,ie,null);s(this,ve,null);s(this,Pe,()=>{t(this,bt).scrollToSection(t(this,ie),{behaviour:t(this,ve)})});s(this,re,()=>{t(this,Y).classList.toggle("current",t(this,bt).counter.current===t(this,ie))});O.isBrowser&&(h(this,Y,document.createElement("button")),h(this,bt,n),h(this,ve,i),h(this,ie,e),t(this,Y).addEventListener("click",t(this,Pe)),t(this,bt).counter.subscribe(t(this,re)),t(this,re).call(this))}get element(){return t(this,Y)}destroy(){t(this,Y).removeEventListener("click",t(this,Pe)),t(this,bt).counter.unsubscribe(t(this,re)),t(this,Y).remove()}}Y=new WeakMap,bt=new WeakMap,ie=new WeakMap,ve=new WeakMap,Pe=new WeakMap,re=new WeakMap;var qt,mt,tt;class Xe extends Be{constructor(){super(...arguments);s(this,qt,null);s(this,mt,[]);s(this,tt,Ae.debounce(()=>{t(this,mt).forEach(i=>i.destroy()),h(this,mt,[]);let e=0;this.scrollElement.loopCSSProperty.current?e=this.scrollElement.sections.length:e=this.scrollElement.sections.length-Math.max(this.scrollElement.sectionsInViewCSSProperty.current-1,0);for(let i=0;i<e;i++){const r=new ds(this.scrollElement,i,this.getAttribute("behaviour")||"smooth");t(this,qt).appendChild(r.element),t(this,mt).push(r)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("scrollSectionsChange",t(this,tt)),this.scrollElement.sectionsInViewCSSProperty.subscribe(t(this,tt)),this.scrollElement.loopCSSProperty.subscribe(t(this,tt)),h(this,qt,document.createElement("div")),this.appendChild(t(this,qt))}disconnectedCallback(){this.scrollElement.removeEventListener("scrollSectionsChange",t(this,tt)),this.scrollElement.sectionsInViewCSSProperty.unsubscribe(t(this,tt)),this.scrollElement.loopCSSProperty.unsubscribe(t(this,tt)),t(this,mt).forEach(e=>e.destroy()),h(this,mt,[]),t(this,qt).remove()}}qt=new WeakMap,mt=new WeakMap,tt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-bullet-buttons")&&customElements.define("e-scroll-bullet-buttons",Xe);class Ye extends cs.ScrollSegmentElement{connectedCallback(){const n=Ue.findParentElement(this,Dt);n instanceof Dt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.addEventListener("scrollResize",this.resize),this.resize()):console.error(this,"e-scroll not found")}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer instanceof Dt&&(this.scrollContainer.removeEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.removeEventListener("scrollResize",this.resize))}}O.isBrowser&&!customElements.get("e-scroll-segment")&&customElements.define("e-scroll-segment",Ye);exports.ScrollBulletButtonsElement=Xe;exports.ScrollElement=Dt;exports.ScrollSegmentElement=Ye;exports.ScrollSetButtonElement=Je;exports.ScrollStepButtonElement=Qe;exports.ScrollbarElement=je;
|
|
1
|
+
"use strict";var ts=Object.defineProperty;var Oe=Object.getOwnPropertySymbols;var es=Object.prototype.hasOwnProperty,ss=Object.prototype.propertyIsEnumerable;var _e=S=>{throw TypeError(S)};var Ve=(S,n,e)=>n in S?ts(S,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):S[n]=e,He=(S,n)=>{for(var e in n||(n={}))es.call(n,e)&&Ve(S,e,n[e]);if(Oe)for(var e of Oe(n))ss.call(n,e)&&Ve(S,e,n[e]);return S};var ke=(S,n,e)=>n.has(S)||_e("Cannot "+e);var t=(S,n,e)=>(ke(S,n,"read from private field"),e?e.call(S):n.get(S)),s=(S,n,e)=>n.has(S)?_e("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(S):n.set(S,e),h=(S,n,e,i)=>(ke(S,n,"write to private field"),i?i.call(S,e):n.set(S,e),e),c=(S,n,e)=>(ke(S,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const is=require("../Store-GokLe_g-.cjs"),O=require("../index-Cqw2NKev.cjs"),rs=require("../easings-GegIwET5.cjs"),he=require("../events-KVanG9sR.cjs"),Ae=require("../function-MthRj-GJ.cjs"),We=require("../jss-CRBgdvJ3.cjs"),Vt=require("../layout-Ctc2p3uz.cjs"),Fe=require("../math-GDWEqu7y.cjs"),Ne=require("../number-DyefJ5a1.cjs");require("../ticker/index.cjs");const xe=require("../order/index.cjs"),ns=require("../Damped-B8bmTxAr.cjs"),hs=require("../Tweened-BsL9FamJ.cjs"),we=require("../controls/index.cjs"),_t=require("../window-resizer/index.cjs"),yt=require("../scroll-entries/index.cjs"),$e=require("../css-unit-parser/index.cjs"),d=require("../css-property/index.cjs"),os=require("../device/index.cjs"),ue=require("../element-resizer/index.cjs"),ls=require("../gestures-C7gbKx11.cjs"),Ue=require("../dom-JBOkFLTh.cjs"),cs=require("../scroll-segment/index.cjs");var p,Ht,g,ae,de,Ct,V,et,vt,Pt,oe;class us{constructor(n,e,i){s(this,Pt);s(this,p);s(this,Ht);s(this,g);s(this,ae,0);s(this,de,0);s(this,Ct,0);s(this,V,0);s(this,et,null);s(this,vt,0);h(this,p,n),h(this,Ht,e),h(this,g,i),yt.scrollEntries.register(t(this,p)),this.setIndex(t(this,Ht))}get element(){return t(this,p)}get index(){return t(this,Ht)}get size(){return t(this,Ct)}get width(){return t(this,ae)}get height(){return t(this,de)}get position(){return t(this,V)}get transformPosition(){return t(this,vt)}destroy(){yt.scrollEntries.unregister(t(this,p)),this.unsetTransform()}unsetTransform(){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()}setSize(n){n?(t(this,p).style.setProperty("--size",n+"px"),t(this,g).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"))}resize(){h(this,ae,t(this,p).offsetWidth),h(this,de,t(this,p).offsetHeight),h(this,Ct,t(this,g).vertical?t(this,p).offsetHeight:t(this,p).offsetWidth),h(this,V,t(this,g).vertical?Vt.getCumulativeOffsetTop(t(this,p)):Vt.getCumulativeOffsetLeft(t(this,p))),h(this,V,t(this,V)-t(this,g).contentPosition)}transform(){const n=t(this,g).shiftSectionPositionCSSProperty.current;let e=n;const i=t(this,g).viewportSize*t(this,g).sectionDistanceScaleCSSProperty.current;t(this,g).loopCSSProperty.current&&t(this,V)+t(this,Ct)<=t(this,g).currentScrollValue-n/2&&(e=(t(this,g).distance-n)*-1-t(this,g).gap),yt.scrollEntries.update(t(this,p),t(this,g).axisCSSProperty.current,e);const r=t(this,g).currentScrollValue+e,u=t(this,V)-t(this,g).viewportSize-i,b=t(this,V)+t(this,Ct)+i,y=Ne.preciseNumber(Fe.clamp(r,u,b),3);h(this,vt,y*-1),t(this,g).vertical?t(this,p).style.transform=`translate3d(0px, ${t(this,vt)}px, 0px)`:t(this,p).style.transform=`translate3d(${t(this,vt)}px, 0px, 0px)`}setMark(n){t(this,et)!==n&&(t(this,et)&&t(this,p).classList.remove(t(this,et)),n&&t(this,p).classList.add(n),h(this,et,n),he.dispatchEvent(t(this,p),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,et)},custom:!0}))}setMiddle(n){t(this,p).classList.toggle("middle",n)}setIndex(n){c(this,Pt,oe).call(this,"index",n)}setCurrentIndex(n){c(this,Pt,oe).call(this,"current-index",n)}setCurrentIndexArc(n){c(this,Pt,oe).call(this,"current-index-arc",n)}setCurrentIndexArcAbs(n){c(this,Pt,oe).call(this,"current-index-arc-abs",n)}}p=new WeakMap,Ht=new WeakMap,g=new WeakMap,ae=new WeakMap,de=new WeakMap,Ct=new WeakMap,V=new WeakMap,et=new WeakMap,vt=new WeakMap,Pt=new WeakSet,oe=function(n,e){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}`))};const as=We.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)",borderRadius:"var(--border-radius, unset)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},":host(.hibernated) .content-wrapper":{display:"contents"},":host(.hibernated) .content":{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var a,Et,w,st,_,H,$,M,it,rt,W,nt,wt,T,v,xt,zt,Lt,It,$t,kt,A,At,ht,R,ot,F,Rt,lt,Mt,ct,ut,at,f,Wt,l,Se,pe,C,m,k,q,dt,D,E,x,Ft,N,U,G,Z,Nt,St,j,Ut,B,P,Gt,K,Tt,Zt,o,Re,le,Ot,ze,Le,Me,Te,z,fe,Ge,jt,be,qe,De,gt,Ze,me,ce,ge;class Dt extends HTMLElement{constructor(){super();s(this,o);s(this,a,null);s(this,Et,new d.CSSProperty(this,"--controls",!0));s(this,w,new d.CSSProperty(this,"--axis","y"));s(this,st,new d.CSSProperty(this,"--reverse",!1));s(this,_,new d.CSSProperty(this,"--direction",0));s(this,H,new d.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,$,new d.CSSProperty(this,"--split",!1));s(this,M,new d.CSSProperty(this,"--sectional",!1));s(this,it,new d.CSSProperty(this,"--tween-easing",!1));s(this,rt,new d.CSSProperty(this,"--tween-duration",!1));s(this,W,new d.CSSProperty(this,"--auto-size",!1));s(this,nt,new d.CSSProperty(this,"--wheel-max-delta",!1));s(this,wt,new d.CSSProperty(this,"--drag-inertion",1));s(this,T,new d.CSSProperty(this,"--sections-in-view",1));s(this,v,new d.CSSProperty(this,"--loop",!1));s(this,xt,new d.CSSProperty(this,"--damping",20));s(this,zt,new d.CSSProperty(this,"--mass",0));s(this,Lt,new d.CSSProperty(this,"--stiffness",0));s(this,It,new d.CSSProperty(this,"--mouse-drag",!1));s(this,$t,new d.CSSProperty(this,"--section-distance-scale",.5));s(this,kt,new d.CSSProperty(this,"--start-section",0));s(this,A,new d.CSSProperty(this,"--autoplay",0));s(this,At,new d.CSSProperty(this,"--autoplay-pause-duration",0));s(this,ht,new d.CSSProperty(this,"--autoplay-user-direction",!1));s(this,R,new d.CSSProperty(this,"--classes",!1));s(this,ot,new d.CSSProperty(this,"--current-index-start-offset",0));s(this,F,new d.CSSProperty(this,"--current-index-end-offset",0));s(this,Rt,new d.CSSProperty(this,"--shift-section-position",0,{rawValueCheck:!1}));s(this,lt,new d.CSSProperty(this,"--focus-delay",0));s(this,Mt,new d.CSSProperty(this,"--focus-duration",3e3));s(this,ct,new d.CSSProperty(this,"--disabled",!1));s(this,ut,new d.CSSProperty(this,"--hibernate",!1));s(this,at,null);s(this,f,null);s(this,Wt,null);s(this,l,[]);s(this,Se,0);s(this,pe,0);s(this,C,0);s(this,m,0);s(this,k,0);s(this,q,null);s(this,dt,null);s(this,D,null);s(this,E,null);s(this,x,new is.Store(0));s(this,Ft,0);s(this,N,0);s(this,U,!1);s(this,G,!0);s(this,Z,!0);s(this,Nt);s(this,St);s(this,j,new hs.Tweened);s(this,Ut,!1);s(this,B,null);s(this,P,!1);s(this,Gt,null);s(this,K,[]);s(this,Tt,!1);s(this,Zt);s(this,z,e=>{if(e&&t(this,Tt)){h(this,Tt,!1);return}this.resize()});s(this,fe,()=>{if(!t(this,U)||t(this,Z)||t(this,G))return;const e=this.currentScrollValue;if(h(this,Ft,Math.max(0,e-t(this,m))),t(this,l).length){for(let i=0;i<t(this,l).length;i++)t(this,l)[i].transform();t(this,x).current=c(this,o,ce).call(this)}else this.vertical?t(this,f).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,f).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;c(this,o,Ze).call(this),yt.scrollEntries.update(this,t(this,w).current,e)});s(this,jt,(e,i)=>{t(this,Et).current&&(c(this,o,qe).call(this,Math.sign(i)||1),t(this,be).call(this,e,i))});s(this,be,(e,i)=>{if(t(this,_).current){if(t(this,_).current<0&&i>0)return;if(t(this,_).current>0&&i<0)return}if(t(this,St)||t(this,j).unlistenAnimationFrame(),!t(this,A).current&&t(this,lt).current&&(clearInterval(t(this,Nt)),h(this,Nt,setTimeout(()=>{const r=t(this,l)[c(this,o,ce).call(this)];r&&this.scrollToSection(r.index,{tween:{duration:t(this,Mt).current,easing:rs.easeInOutExpo}})},t(this,lt).current))),!(e.includes("drag")&&!os.device.isTouch&&!t(this,It).current)){if(t(this,M).current&&e!=="drag"){const r=Math.sign(i);if(t(this,l).length){const u={tween:t(this,it).current||t(this,rt).current?{easing:t(this,it).current||"easeInOutCubic",duration:t(this,rt).current||500}:void 0};t(this,Ut)?this.scrollToSection(c(this,o,ce).call(this,!0),u):this.shiftSections(r,u)}else t(this,a).shift(r*t(this,C))}else t(this,a).shift(i);h(this,Ut,e==="drag")}});s(this,me,Ae.debounce(()=>{const e=t(this,K).reduce((i,r)=>{const u=this.vertical?r.width:r.height;return u>i?u:i},0);clearTimeout(t(this,Zt)),h(this,Tt,!0),this.style.setProperty("--max-section-size",""),h(this,Zt,setTimeout(()=>{h(this,Tt,!0),this.style.setProperty("--max-section-size",e+"px")},10))},20));s(this,ge,()=>{h(this,P,!0),this.hibernatedCSSProperty.current||c(this,o,Te).call(this)});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[as];const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,at,document.createElement("div")),t(this,at).className="content-wrapper",h(this,f,document.createElement("div")),t(this,f).className="content",h(this,Wt,document.createElement("slot")),t(this,f).appendChild(t(this,Wt)),t(this,at).appendChild(t(this,f)),e.appendChild(t(this,at)),h(this,Gt,new MutationObserver(Ae.debounce(()=>{this.tryResplit()},10)))}}get damped(){return t(this,a)}get controlsCSSProperty(){return t(this,Et)}get axisCSSProperty(){return t(this,w)}get reverseCSSProperty(){return t(this,st)}get directionCSSProperty(){return t(this,_)}get pagesCSSProperty(){return t(this,H)}get splitCSSProperty(){return t(this,$)}get sectionalCSSProperty(){return t(this,M)}get easingCSSProperty(){return t(this,it)}get durationCSSProperty(){return t(this,rt)}get autoSizeCSSProperty(){return t(this,W)}get wheelMaxDeltaCSSProperty(){return t(this,nt)}get dragInertionCSSProperty(){return t(this,wt)}get sectionsInViewCSSProperty(){return t(this,T)}get loopCSSProperty(){return t(this,v)}get dampingCSSProperty(){return t(this,xt)}get massCSSProperty(){return t(this,zt)}get stiffnessCSSProperty(){return t(this,Lt)}get mouseDragCSSProperty(){return t(this,It)}get sectionDistanceScaleCSSProperty(){return t(this,$t)}get startSectionCSSProperty(){return t(this,kt)}get autoplayCSSProperty(){return t(this,A)}get autoplayPauseDurationCSSProperty(){return t(this,At)}get autoplayUserDirectionCSSProperty(){return t(this,ht)}get classesCSSProperty(){return t(this,R)}get currentIndexStartOffsetCSSProperty(){return t(this,ot)}get currentIndexEndOffsetCSSProperty(){return t(this,F)}get shiftSectionPositionCSSProperty(){return t(this,Rt)}get focusDelayCSSProperty(){return t(this,lt)}get focusDurationCSSProperty(){return t(this,Mt)}get disabledCSSProperty(){return t(this,ct)}get hibernatedCSSProperty(){return t(this,ut)}get currentScrollValue(){return c(this,o,De).call(this,"current")}get targetScrollValue(){return c(this,o,De).call(this,"target")}get contentWrapperElement(){return t(this,at)}get contentElement(){return t(this,f)}get sections(){return t(this,l)}get position(){return t(this,Se)}get contentPosition(){return t(this,pe)}get viewportSize(){return t(this,C)}get scrollSize(){return t(this,m)}get gap(){return t(this,k)}get counter(){return t(this,x)}get limit(){return Math.ceil(t(this,l).length-t(this,T).current)}get distance(){return t(this,N)}get loopDistance(){return t(this,v).current?t(this,N)+t(this,k):t(this,N)}get hasOverflow(){return t(this,U)}get overscroll(){return t(this,Ft)}get scrollLine(){return t(this,B)}get vertical(){return t(this,w).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,w).current==="y"?0:t(this,a).distance}get scrollHeight(){return t(this,w).current==="x"?0:t(this,a).distance}tryResplit(){!t(this,Z)&&(t(this,v).current||t(this,$).current||t(this,v).current||t(this,W).current||t(this,M).current)&&c(this,o,le).call(this)}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress<u?0:this.currentProgress>b?1:(this.currentProgress-u)/(b-u)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress>=u&&this.currentProgress<=b}scrollToSection(e,i){if(!t(this,l).length)return;const r=t(this,x).current,u=c(this,o,Ge).call(this,e),b=t(this,l)[r],y=t(this,l)[u];if(b&&y){let I=0;const Ie=c(this,o,ce).call(this),Bt=t(this,l)[Ie];let ne=Bt?this.targetScrollValue-Bt.position:0;t(this,v).current?u===0&&r===t(this,l).length-1?(I=t(this,m)+t(this,C)-b.position+t(this,k),ne=0):u===t(this,l).length-1&&r===0?I=y.position-(t(this,m)+t(this,C)+t(this,k)):I=y.position-b.position:I=y.position-b.position,this.shiftPosition(I-ne,i)}}shiftSections(e,i){t(this,l).length&&this.scrollToSection(t(this,x).current+e,i)}setPosition(e,i){c(this,o,qe).call(this,Math.sign(e)||1),i!=null&&i.tween?t(this,St)||(t(this,j).set(t(this,a).current,{equalize:!0}),t(this,j).set(e,He({},i.tween)),h(this,St,setTimeout(()=>{h(this,St,void 0)},i.tween.duration||0))):t(this,a).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,a).target+e,i)}resize(){if(t(this,ut).current)return;t(this,a).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,m)||0,i=t(this,x).current;if(h(this,Se,this.vertical?Vt.getCumulativeOffsetTop(this):Vt.getCumulativeOffsetLeft(this)),h(this,pe,this.vertical?Vt.getCumulativeOffsetTop(t(this,f)):Vt.getCumulativeOffsetLeft(t(this,f))),h(this,C,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,k,$e.cssUnitParser.parse(getComputedStyle(t(this,f)).rowGap)):h(this,k,$e.cssUnitParser.parse(getComputedStyle(t(this,f)).columnGap)),t(this,W).current&&t(this,l).length){const r=t(this,T).current,u=(t(this,C)-t(this,k)*(r-1))/r;t(this,l).forEach(b=>{b.setSize(u)})}else t(this,l).forEach(r=>{r.setSize()});if(t(this,l).forEach(r=>{r.resize()}),t(this,H).current){h(this,m,t(this,C)*t(this,H).current);const r=t(this,m)+t(this,C);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%")}else this.vertical?(t(this,f).style.width="100%",t(this,f).style.height="max-content",h(this,m,t(this,f).offsetHeight-t(this,C))):(t(this,f).style.width="max-content",t(this,f).style.height="100%",h(this,m,t(this,f).offsetWidth-t(this,C)));if(!t(this,v).current){const r=getComputedStyle(this),u=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,m,t(this,m)+u),t(this,a).max=t(this,m)}if(t(this,v).current&&t(this,l).length){const r=t(this,l)[t(this,l).length-1],u=r.position+r.size-t(this,C),b=t(this,m)-u;h(this,N,r.position+r.size+b)}else h(this,N,t(this,m));if(t(this,M).current&&t(this,l).length){const r=t(this,l)[i];t(this,a).set(r.position,{equalize:!0})}else t(this,a).set(e*t(this,m),{equalize:!0});h(this,U,(this.vertical?t(this,f).offsetHeight:t(this,f).offsetWidth)>t(this,C)),this.classList.toggle("has-overflow",t(this,U)),t(this,U)?t(this,ct).current||c(this,o,Le).call(this):c(this,o,ze).call(this),t(this,me).call(this),he.dispatchEvent(this,"scrollResize",{custom:!0}),t(this,a).notify()}connectedCallback(){yt.scrollEntries.register(this),h(this,a,new ns.Damped(0,{damping:.01,min:0,order:xe.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,q,new we.WheelControls({element:t(this,f)})),t(this,q).changeEvent.subscribe(t(this,jt)),h(this,dt,new we.KeyboardControls({element:this})),t(this,dt).changeEvent.subscribe(t(this,jt)),h(this,D,new we.DragControls({element:t(this,f),rootElement:this})),t(this,D).changeEvent.subscribe(t(this,jt)),h(this,E,new we.AutoplayControls({culling:this})),t(this,E).changeEvent.subscribe(t(this,be)),t(this,w).subscribe(()=>{c(this,o,Re).call(this)}),t(this,st).subscribe(()=>{c(this,o,Re).call(this)}),t(this,nt).subscribe(e=>{t(this,q).axis=e.current?"max":t(this,w).current}),t(this,wt).subscribe(e=>{t(this,D).inertion=typeof e.current=="number"?e.current:1}),t(this,H).subscribe(()=>{t(this,P)&&t(this,z).call(this)}),t(this,$).subscribe(({current:e})=>{t(this,P)&&(e?c(this,o,le).call(this):c(this,o,Ot).call(this))}),t(this,M).subscribe(e=>{t(this,q).debounce=e.current,t(this,D).swipe=e.current,t(this,E).interval=e.current,t(this,P)&&(e.current&&!e.previous&&!t(this,l).length?c(this,o,le).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Ot).call(this))}),t(this,W).subscribe(e=>{t(this,P)&&(t(this,z).call(this),e.current&&!e.previous&&!t(this,l).length?c(this,o,le).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Ot).call(this))}),t(this,T).subscribe(e=>{t(this,P)&&(t(this,z).call(this),c(this,o,gt).call(this))}),t(this,v).subscribe(e=>{e.current?(t(this,P)&&(t(this,l).length||(t(this,$).current=!0)),t(this,a).max=1/0,t(this,a).min=-1/0):(h(this,Ft,0),t(this,a).max=t(this,m),t(this,a).min=0)}),t(this,xt).subscribe(e=>{t(this,a).damping=e.current}),t(this,zt).subscribe(e=>{t(this,a).mass=e.current}),t(this,Lt).subscribe(e=>{t(this,a).stiffness=e.current}),t(this,A).subscribe(e=>{t(this,E).speed=e.current,!t(this,G)&&e.current&&!e.previous?t(this,E).connect():!e.current&&e.previous&&t(this,E).disconnect()}),t(this,ht).subscribe(e=>{e.current||(t(this,E).direction=1)}),t(this,R).subscribe(e=>{t(this,P)&&c(this,o,gt).call(this)}),t(this,ot).subscribe(e=>{t(this,P)&&t(this,R).current&&c(this,o,gt).call(this)}),t(this,F).subscribe(e=>{t(this,P)&&t(this,R).current&&c(this,o,gt).call(this)}),t(this,Rt).subscribe(e=>{t(this,P)&&t(this,a).notify()}),t(this,a).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,x).subscribe(e=>{t(this,l).length&&c(this,o,gt).call(this),this.style.setProperty("--counter",e.current+"")}),t(this,j).subscribe(e=>{t(this,j).isRunning.current&&t(this,a).set(e.current,{equalize:!0})}),t(this,ct).subscribe(e=>{e.current&&!e.previous?(this.classList.add("disabled"),c(this,o,ze).call(this)):!e.current&&e.previous&&(this.classList.remove("disabled"),c(this,o,Le).call(this))}),t(this,ut).subscribe(e=>{e.current&&!e.previous?(this.classList.add("hibernated"),c(this,o,Me).call(this)):!e.current&&e.previous&&(this.classList.remove("hibernated"),c(this,o,Te).call(this))}),t(this,Et).observe(),t(this,w).observe(),t(this,st).observe(),t(this,_).observe(),t(this,H).observe(),t(this,$).observe(),t(this,M).observe(),t(this,it).observe(),t(this,rt).observe(),t(this,W).observe(),t(this,nt).observe(),t(this,wt).observe(),t(this,T).observe(),t(this,v).observe(),t(this,xt).observe(),t(this,zt).observe(),t(this,Lt).observe(),t(this,It).observe(),t(this,$t).observe(),t(this,kt).observe(),t(this,A).observe(),t(this,A).observe(),t(this,At).observe(),t(this,ht).observe(),t(this,R).observe(),t(this,ot).observe(),t(this,F).observe(),t(this,Rt).observe(),t(this,lt).observe(),t(this,Mt).observe(),t(this,ct).observe(),t(this,ut).observe(),_t.windowResizer.subscribe(t(this,ge),xe.RESIZE_ORDER.LAST),ue.elementResizer.subscribe(this,t(this,z)),t(this,Gt).observe(this,{childList:!0})}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("disabled"),this.classList.remove("hibernated"),t(this,Et).unobserve(),t(this,w).unobserve(),t(this,st).unobserve(),t(this,_).unobserve(),t(this,H).unobserve(),t(this,$).unobserve(),t(this,M).unobserve(),t(this,it).unobserve(),t(this,rt).unobserve(),t(this,W).unobserve(),t(this,nt).unobserve(),t(this,wt).unobserve(),t(this,T).unobserve(),t(this,v).unobserve(),t(this,xt).unobserve(),t(this,zt).unobserve(),t(this,Lt).unobserve(),t(this,It).unobserve(),t(this,$t).unobserve(),t(this,kt).unobserve(),t(this,A).unobserve(),t(this,At).unobserve(),t(this,ht).unobserve(),t(this,R).unobserve(),t(this,ot).unobserve(),t(this,F).unobserve(),t(this,Rt).unobserve(),t(this,lt).unobserve(),t(this,Mt).unobserve(),t(this,ct).unobserve(),t(this,ut).unobserve(),_t.windowResizer.unsubscribe(t(this,ge)),ue.elementResizer.unsubscribe(t(this,z)),c(this,o,Me).call(this),t(this,Gt).disconnect()}}a=new WeakMap,Et=new WeakMap,w=new WeakMap,st=new WeakMap,_=new WeakMap,H=new WeakMap,$=new WeakMap,M=new WeakMap,it=new WeakMap,rt=new WeakMap,W=new WeakMap,nt=new WeakMap,wt=new WeakMap,T=new WeakMap,v=new WeakMap,xt=new WeakMap,zt=new WeakMap,Lt=new WeakMap,It=new WeakMap,$t=new WeakMap,kt=new WeakMap,A=new WeakMap,At=new WeakMap,ht=new WeakMap,R=new WeakMap,ot=new WeakMap,F=new WeakMap,Rt=new WeakMap,lt=new WeakMap,Mt=new WeakMap,ct=new WeakMap,ut=new WeakMap,at=new WeakMap,f=new WeakMap,Wt=new WeakMap,l=new WeakMap,Se=new WeakMap,pe=new WeakMap,C=new WeakMap,m=new WeakMap,k=new WeakMap,q=new WeakMap,dt=new WeakMap,D=new WeakMap,E=new WeakMap,x=new WeakMap,Ft=new WeakMap,N=new WeakMap,U=new WeakMap,G=new WeakMap,Z=new WeakMap,Nt=new WeakMap,St=new WeakMap,j=new WeakMap,Ut=new WeakMap,B=new WeakMap,P=new WeakMap,Gt=new WeakMap,K=new WeakMap,Tt=new WeakMap,Zt=new WeakMap,o=new WeakSet,Re=function(){const e=t(this,w).current,i=t(this,st).current?"-reverse":"";t(this,f).style.flexDirection=e==="x"?`row${i}`:`column${i}`,t(this,q).axis=t(this,nt).current?"max":e,t(this,dt).dimension=e==="x"?"width":"height",t(this,D).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),t(this,P)&&t(this,z).call(this)},le=function(){c(this,o,Ot).call(this),t(this,Wt).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,l).push(new us(e,i,this))}),t(this,f).style.transform="",this.style.setProperty("--sections",t(this,l).length.toString()),he.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,z).call(this),c(this,o,gt).call(this)},Ot=function(){t(this,l).forEach(e=>{e.destroy()}),h(this,l,[]),t(this,x).reset(),t(this,a).reset(),this.style.removeProperty("--max-section-size"),he.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},ze=function(){t(this,G)||(h(this,G,!0),t(this,a).unsubscribe(t(this,fe)),t(this,a).unlistenAnimationFrame(),clearInterval(t(this,Nt)),clearInterval(t(this,St)),t(this,j).unlistenAnimationFrame(),t(this,q).disconnect(),t(this,dt).disconnect(),t(this,D).disconnect(),t(this,E).disconnect(),t(this,U)||(this.sections.forEach(e=>{e.unsetTransform()}),t(this,z).call(this)))},Le=function(){t(this,G)&&(h(this,G,!1),t(this,a).subscribe(t(this,fe),-1e4),t(this,a).notify(),t(this,q).connect(),t(this,dt).connect(),t(this,D).connect(),t(this,A).current&&t(this,E).connect())},Me=function(){t(this,Z)||(h(this,Z,!0),clearTimeout(t(this,Zt)),_t.windowResizer.unsubscribe(t(this,z)),c(this,o,ze).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,l).length?c(this,o,Ot).call(this):(t(this,x).reset(),t(this,a).reset()),yt.scrollEntries.unregister(this))},Te=function(){t(this,Z)&&(h(this,Z,!1),yt.scrollEntries.register(this),this.tryResplit(),c(this,o,Le).call(this),this.scrollToSection(t(this,kt).current,{behaviour:"instant"}),_t.windowResizer.subscribe(t(this,z),xe.RESIZE_ORDER.SCROLL))},z=new WeakMap,fe=new WeakMap,Ge=function(e){let i=t(this,x).current;return t(this,v).current?i=Ne.loopNumber(e,t(this,l).length):i=Fe.clamp(e,0,this.limit),i},jt=new WeakMap,be=new WeakMap,qe=function(e=1){t(this,ht).current&&(t(this,E).direction=e),t(this,A).current&&t(this,E).pauseAndContinue(t(this,At).current,this.sectionalCSSProperty.current)},De=function(e="current"){if(t(this,v).current&&t(this,l).length){const i=t(this,a)[e]%Math.round(t(this,m)+t(this,C)+t(this,k));return i<0?t(this,m)+i+t(this,C)+t(this,k):i}else return t(this,a)[e]},gt=function(){if(t(this,l).length){const e=t(this,x).current+t(this,ot).current;if(e===0?h(this,B,"start"):e===this.limit?h(this,B,"end"):h(this,B,null),he.dispatchEvent(this,"scrollLine",{detail:{line:t(this,B)}}),t(this,R).current){this.classList.remove("end","start"),t(this,B)&&this.classList.add(t(this,B));const i=t(this,T).current+t(this,F).current;h(this,K,[]),t(this,l).forEach((r,u)=>{r.setCurrentIndex(null),r.setCurrentIndexArc(null),r.setCurrentIndexArcAbs(null),r.setMiddle(!1);const b=e-this.limit-1+t(this,F).current,y=e+i,I=this.sections.length-y;u>=e&&u<y||u<=b?(r.setMark("current"),t(this,K).push(r)):u>=y&&u<y+I/2||u<=b+i?r.setMark("next"):r.setMark("previous")}),t(this,me).call(this)}}},Ze=function(){if(t(this,R).current){const e=Math.floor(t(this,K).length/2);t(this,K).sort((i,r)=>i.element.getBoundingClientRect().left-r.element.getBoundingClientRect().left),t(this,K).forEach((i,r)=>{const u=r-e;i.setCurrentIndex(r),i.setCurrentIndexArc(u),i.setCurrentIndexArcAbs(Math.abs(u)),i.setMiddle(r===e)})}},me=new WeakMap,ce=function(e=!1){let i=this.targetScrollValue,r=1/0,u=0;const b=t(this,a).direction;for(let y=0;y<t(this,l).length;y++){const I=t(this,l)[y];let Ie=t(this,Ut)?I.size*b*-1*.4:0,Bt=I.position;this.overscroll&&Bt===0&&e&&(Bt=t(this,N));let ne=Math.abs(Bt+Ie-i);ne<=r&&(r=ne,u=y)}return u},ge=new WeakMap;O.isBrowser&&!customElements.get("e-scroll")&&customElements.define("e-scroll",Dt);var ye;class Be extends HTMLElement{constructor(){super(...arguments);s(this,ye,null)}get scrollElement(){return t(this,ye)}connectedCallback(){const e=Ue.findParentElement(this,Dt);e instanceof Dt?h(this,ye,e):console.error(this,"e-scroll not found")}}ye=new WeakMap;var pt,L,J,Q,Kt,Jt,ft,Qt,Ce,ve;class je extends Be{constructor(){super();s(this,pt,null);s(this,L,null);s(this,J,!1);s(this,Q,0);s(this,Kt,0);s(this,Jt,0);s(this,ft,()=>{h(this,J,this.offsetWidth>this.offsetHeight);const e=t(this,J)?this.offsetWidth:this.offsetHeight;h(this,Q,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,Q,Math.max(t(this,Q),30)),t(this,J)?(t(this,L).style.width=t(this,Q)+"px",t(this,L).style.height="100%"):(t(this,L).style.width="100%",t(this,L).style.height=t(this,Q)+"px"),h(this,Kt,e-t(this,Q)),this.scrollElement.scrollSize<=0?this.style.display="none":this.style.display="",t(this,Qt).call(this)});s(this,Qt,()=>{h(this,Jt,this.scrollElement.currentProgress*t(this,Kt)),t(this,J)?t(this,L).style.transform=`translate3d(${t(this,Jt)}px, 0px, 0px)`:t(this,L).style.transform=`translate3d(0px, ${t(this,Jt)}px, 0px)`});s(this,Ce,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,ve,e=>{document.documentElement.classList.add("grabbing"),ls.setupDrag(u=>{const b=t(this,J)?u.x:u.y,y=this.scrollElement.distance/t(this,Kt),I=(b-r)*y;this.scrollElement.setPosition(i+I)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,J)?e.x:e.y});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[We.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"var(--thumb-color, black)",borderRadius:"var(--thumb-radius, 0px)",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})],h(this,pt,document.createElement("slot")),t(this,pt).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,pt))}}get thumbElement(){return t(this,L)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,pt).assignedElements()[0]||t(this,pt).firstElementChild;h(this,L,e),t(this,L).addEventListener("pointerdown",t(this,ve)),_t.windowResizer.subscribe(t(this,ft),xe.RESIZE_ORDER.SCROLL),ue.elementResizer.subscribe(this,t(this,ft)),ue.elementResizer.subscribe(this.scrollElement,t(this,ft)),this.scrollElement.onScroll(t(this,Qt)),this.scrollElement.axisCSSProperty.subscribe(t(this,Ce))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),this.style.display="",t(this,L).removeEventListener("pointerdown",t(this,ve)),_t.windowResizer.unsubscribe(t(this,ft)),ue.elementResizer.unsubscribe(t(this,ft)),this.scrollElement.offScroll(t(this,Qt)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,Ce))}}pt=new WeakMap,L=new WeakMap,J=new WeakMap,Q=new WeakMap,Kt=new WeakMap,Jt=new WeakMap,ft=new WeakMap,Qt=new WeakMap,Ce=new WeakMap,ve=new WeakMap;O.isBrowser&&!customElements.get("e-scrollbar")&&customElements.define("e-scrollbar",je);var Xt,Yt,te;class Ke extends Be{constructor(){super();s(this,Xt,new d.CSSProperty(this,"--behaviour","smooth"));s(this,Yt,new d.CSSProperty(this,"--tween-easing",!1));s(this,te,new d.CSSProperty(this,"--tween-duration",0));O.isBrowser&&this.addEventListener("click",()=>{const e=t(this,Xt).current,i=t(this,Yt).current,r=t(this,te).current;this.handleClick({behaviour:e,tween:i||r?{easing:i,duration:r}:void 0})})}connectedCallback(){super.connectedCallback(),t(this,Xt).observe(),t(this,Yt).observe(),t(this,te).observe()}disconnectedCallback(){t(this,Xt).close(),t(this,Yt).close(),t(this,te).close()}}Xt=new WeakMap,Yt=new WeakMap,te=new WeakMap;var ee;class Je extends Ke{constructor(){super(...arguments);s(this,ee,new d.CSSProperty(this,"--set",1))}handleClick(e){this.scrollElement.scrollToSection(t(this,ee).current,e)}connectedCallback(){super.connectedCallback(),t(this,ee).observe()}disconnectedCallback(){super.disconnectedCallback(),t(this,ee).close()}}ee=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-set-button")&&customElements.define("e-scroll-set-button",Je);var X,se;class Qe extends Ke{constructor(){super(...arguments);s(this,X,new d.CSSProperty(this,"--step",1));s(this,se,()=>{this.scrollElement.loopCSSProperty.current?this.removeAttribute("disabled"):t(this,X).current>0&&this.scrollElement.scrollLine==="end"||t(this,X).current<0&&this.scrollElement.scrollLine==="start"?this.setAttribute("disabled",""):this.removeAttribute("disabled")})}handleClick(e){this.scrollElement.shiftSections(t(this,X).current,e)}connectedCallback(){super.connectedCallback(),this.scrollElement&&(t(this,X).subscribe(()=>{t(this,se).call(this)}),t(this,X).observe(),this.scrollElement.addEventListener("scrollLine",t(this,se)),t(this,se).call(this))}disconnectedCallback(){super.disconnectedCallback(),t(this,X).close(),this.removeAttribute("disabled")}}X=new WeakMap,se=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-step-button")&&customElements.define("e-scroll-step-button",Qe);var Y,bt,ie,Pe,Ee,re;class ds{constructor(n,e,i){s(this,Y,null);s(this,bt,null);s(this,ie,null);s(this,Pe,null);s(this,Ee,()=>{t(this,bt).scrollToSection(t(this,ie),{behaviour:t(this,Pe)})});s(this,re,()=>{t(this,Y).classList.toggle("current",t(this,bt).counter.current===t(this,ie))});O.isBrowser&&(h(this,Y,document.createElement("button")),h(this,bt,n),h(this,Pe,i),h(this,ie,e),t(this,Y).addEventListener("click",t(this,Ee)),t(this,bt).counter.subscribe(t(this,re)),t(this,re).call(this))}get element(){return t(this,Y)}destroy(){t(this,Y).removeEventListener("click",t(this,Ee)),t(this,bt).counter.unsubscribe(t(this,re)),t(this,Y).remove()}}Y=new WeakMap,bt=new WeakMap,ie=new WeakMap,Pe=new WeakMap,Ee=new WeakMap,re=new WeakMap;var qt,mt,tt;class Xe extends Be{constructor(){super(...arguments);s(this,qt,null);s(this,mt,[]);s(this,tt,Ae.debounce(()=>{t(this,mt).forEach(i=>i.destroy()),h(this,mt,[]);let e=0;this.scrollElement.loopCSSProperty.current?e=this.scrollElement.sections.length:e=this.scrollElement.sections.length-Math.max(this.scrollElement.sectionsInViewCSSProperty.current-1,0);for(let i=0;i<e;i++){const r=new ds(this.scrollElement,i,this.getAttribute("behaviour")||"smooth");t(this,qt).appendChild(r.element),t(this,mt).push(r)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("scrollSectionsChange",t(this,tt)),this.scrollElement.sectionsInViewCSSProperty.subscribe(t(this,tt)),this.scrollElement.loopCSSProperty.subscribe(t(this,tt)),h(this,qt,document.createElement("div")),this.appendChild(t(this,qt))}disconnectedCallback(){this.scrollElement.removeEventListener("scrollSectionsChange",t(this,tt)),this.scrollElement.sectionsInViewCSSProperty.unsubscribe(t(this,tt)),this.scrollElement.loopCSSProperty.unsubscribe(t(this,tt)),t(this,mt).forEach(e=>e.destroy()),h(this,mt,[]),t(this,qt).remove()}}qt=new WeakMap,mt=new WeakMap,tt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-bullet-buttons")&&customElements.define("e-scroll-bullet-buttons",Xe);class Ye extends cs.ScrollSegmentElement{connectedCallback(){const n=Ue.findParentElement(this,Dt);n instanceof Dt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.addEventListener("scrollResize",this.resize),this.resize()):console.error(this,"e-scroll not found")}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer instanceof Dt&&(this.scrollContainer.removeEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.removeEventListener("scrollResize",this.resize))}}O.isBrowser&&!customElements.get("e-scroll-segment")&&customElements.define("e-scroll-segment",Ye);exports.ScrollBulletButtonsElement=Xe;exports.ScrollElement=Dt;exports.ScrollSegmentElement=Ye;exports.ScrollSetButtonElement=Je;exports.ScrollStepButtonElement=Qe;exports.ScrollbarElement=je;
|
package/lib/scroll/index.js
CHANGED
|
@@ -17,7 +17,7 @@ var t = (p, n, e) => (Le(p, n, "read from private field"), e ? e.call(p) : n.get
|
|
|
17
17
|
import { S as Qe } from "../Store-swP_0ymB.js";
|
|
18
18
|
import { i as H } from "../index-euf5anj6.js";
|
|
19
19
|
import { a as Xe } from "../easings-Bni3YAAW.js";
|
|
20
|
-
import { d as
|
|
20
|
+
import { d as ne } from "../events-CsVF98U6.js";
|
|
21
21
|
import { d as ze } from "../function-C10DGppn.js";
|
|
22
22
|
import { c as Ne } from "../jss-DtnXPEnq.js";
|
|
23
23
|
import { a as Ie, g as ke } from "../layout-DpZo-I0y.js";
|
|
@@ -33,19 +33,19 @@ import { scrollEntries as vt } from "../scroll-entries/index.js";
|
|
|
33
33
|
import { cssUnitParser as Fe } from "../css-unit-parser/index.js";
|
|
34
34
|
import { CSSProperty as d } from "../css-property/index.js";
|
|
35
35
|
import { device as ls } from "../device/index.js";
|
|
36
|
-
import { elementResizer as
|
|
36
|
+
import { elementResizer as ce } from "../element-resizer/index.js";
|
|
37
37
|
import { s as cs } from "../gestures-CcXV6fCp.js";
|
|
38
38
|
import { b as Ue } from "../dom-CVWzyXPH.js";
|
|
39
39
|
import { ScrollSegmentElement as as } from "../scroll-segment/index.js";
|
|
40
|
-
var f, Bt, g,
|
|
40
|
+
var f, Bt, g, ae, ue, yt, $, et, Ct, xt, he;
|
|
41
41
|
class us {
|
|
42
42
|
constructor(n, e, i) {
|
|
43
43
|
s(this, xt);
|
|
44
44
|
s(this, f);
|
|
45
45
|
s(this, Bt);
|
|
46
46
|
s(this, g);
|
|
47
|
-
s(this, ce, 0);
|
|
48
47
|
s(this, ae, 0);
|
|
48
|
+
s(this, ue, 0);
|
|
49
49
|
s(this, yt, 0);
|
|
50
50
|
s(this, $, 0);
|
|
51
51
|
s(this, et, null);
|
|
@@ -62,10 +62,10 @@ class us {
|
|
|
62
62
|
return t(this, yt);
|
|
63
63
|
}
|
|
64
64
|
get width() {
|
|
65
|
-
return t(this,
|
|
65
|
+
return t(this, ae);
|
|
66
66
|
}
|
|
67
67
|
get height() {
|
|
68
|
-
return t(this,
|
|
68
|
+
return t(this, ue);
|
|
69
69
|
}
|
|
70
70
|
get position() {
|
|
71
71
|
return t(this, $);
|
|
@@ -83,7 +83,7 @@ class us {
|
|
|
83
83
|
n ? (t(this, f).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, f).style.width = n + "px", t(this, f).style.height = "") : (t(this, f).style.height = n + "px", t(this, f).style.width = "")) : (t(this, f).style.width = "", t(this, f).style.height = "", t(this, f).style.removeProperty("--size"));
|
|
84
84
|
}
|
|
85
85
|
resize() {
|
|
86
|
-
h(this,
|
|
86
|
+
h(this, ae, t(this, f).offsetWidth), h(this, ue, t(this, f).offsetHeight), h(this, yt, t(this, g).vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth), h(this, $, t(this, g).vertical ? Ie(t(this, f)) : ke(t(this, f))), h(this, $, t(this, $) - t(this, g).contentPosition);
|
|
87
87
|
}
|
|
88
88
|
transform() {
|
|
89
89
|
const n = t(this, g).shiftSectionPositionCSSProperty.current;
|
|
@@ -98,7 +98,7 @@ class us {
|
|
|
98
98
|
h(this, Ct, v * -1), t(this, g).vertical ? t(this, f).style.transform = `translate3d(0px, ${t(this, Ct)}px, 0px)` : t(this, f).style.transform = `translate3d(${t(this, Ct)}px, 0px, 0px)`;
|
|
99
99
|
}
|
|
100
100
|
setMark(n) {
|
|
101
|
-
t(this, et) !== n && (t(this, et) && t(this, f).classList.remove(t(this, et)), n && t(this, f).classList.add(n), h(this, et, n),
|
|
101
|
+
t(this, et) !== n && (t(this, et) && t(this, f).classList.remove(t(this, et)), n && t(this, f).classList.add(n), h(this, et, n), ne(t(this, f), "scrollSectionMarkChange", {
|
|
102
102
|
composed: !0,
|
|
103
103
|
detail: {
|
|
104
104
|
mark: t(this, et)
|
|
@@ -110,19 +110,19 @@ class us {
|
|
|
110
110
|
t(this, f).classList.toggle("middle", n);
|
|
111
111
|
}
|
|
112
112
|
setIndex(n) {
|
|
113
|
-
c(this, xt,
|
|
113
|
+
c(this, xt, he).call(this, "index", n);
|
|
114
114
|
}
|
|
115
115
|
setCurrentIndex(n) {
|
|
116
|
-
c(this, xt,
|
|
116
|
+
c(this, xt, he).call(this, "current-index", n);
|
|
117
117
|
}
|
|
118
118
|
setCurrentIndexArc(n) {
|
|
119
|
-
c(this, xt,
|
|
119
|
+
c(this, xt, he).call(this, "current-index-arc", n);
|
|
120
120
|
}
|
|
121
121
|
setCurrentIndexArcAbs(n) {
|
|
122
|
-
c(this, xt,
|
|
122
|
+
c(this, xt, he).call(this, "current-index-arc-abs", n);
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
|
-
f = new WeakMap(), Bt = new WeakMap(), g = new WeakMap(),
|
|
125
|
+
f = new WeakMap(), Bt = new WeakMap(), g = new WeakMap(), ae = new WeakMap(), ue = new WeakMap(), yt = new WeakMap(), $ = new WeakMap(), et = new WeakMap(), Ct = new WeakMap(), xt = new WeakSet(), he = function(n, e) {
|
|
126
126
|
e !== null ? (t(this, f).style.setProperty(`--${n}`, e.toString()), t(this, f).setAttribute(`data-${n}`, e.toString())) : (t(this, f).style.removeProperty(`--${n}`), t(this, f).removeAttribute(`data-${n}`));
|
|
127
127
|
};
|
|
128
128
|
const ds = Ne({
|
|
@@ -164,7 +164,7 @@ const ds = Ne({
|
|
|
164
164
|
flexShrink: "0"
|
|
165
165
|
}
|
|
166
166
|
});
|
|
167
|
-
var u, wt, E, st, B, W, F, T, it, rt, N, nt, Et, D, C, Pt, Lt, zt, It, Wt, kt, A, At, ht, M, ot, q, Mt, lt, Tt, ct, at, ut, m, Ft, l,
|
|
167
|
+
var u, wt, E, st, B, W, F, T, it, rt, N, nt, Et, D, C, Pt, Lt, zt, It, Wt, kt, A, At, ht, M, ot, q, Mt, lt, Tt, ct, at, ut, m, Ft, l, de, pe, y, S, k, R, dt, V, w, P, Nt, U, G, K, _, qt, pt, Z, Ut, O, x, Gt, j, Dt, Kt, o, Me, oe, Ot, we, Ee, Te, De, L, fe, Ge, _t, me, Re, Ve, gt, Ke, be, le, Se;
|
|
168
168
|
class $t extends HTMLElement {
|
|
169
169
|
constructor() {
|
|
170
170
|
super();
|
|
@@ -252,8 +252,8 @@ class $t extends HTMLElement {
|
|
|
252
252
|
s(this, m, null);
|
|
253
253
|
s(this, Ft, null);
|
|
254
254
|
s(this, l, []);
|
|
255
|
-
s(this, ue, 0);
|
|
256
255
|
s(this, de, 0);
|
|
256
|
+
s(this, pe, 0);
|
|
257
257
|
s(this, y, 0);
|
|
258
258
|
s(this, S, 0);
|
|
259
259
|
s(this, k, 0);
|
|
@@ -284,14 +284,14 @@ class $t extends HTMLElement {
|
|
|
284
284
|
}
|
|
285
285
|
this.resize();
|
|
286
286
|
});
|
|
287
|
-
s(this,
|
|
287
|
+
s(this, fe, () => {
|
|
288
288
|
if (!t(this, G) || t(this, _) || t(this, K))
|
|
289
289
|
return;
|
|
290
290
|
const e = this.currentScrollValue;
|
|
291
291
|
if (h(this, Nt, Math.max(0, e - t(this, S))), t(this, l).length) {
|
|
292
292
|
for (let i = 0; i < t(this, l).length; i++)
|
|
293
293
|
t(this, l)[i].transform();
|
|
294
|
-
t(this, P).current = c(this, o,
|
|
294
|
+
t(this, P).current = c(this, o, le).call(this);
|
|
295
295
|
} else
|
|
296
296
|
this.vertical ? t(this, m).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
|
|
297
297
|
c(this, o, Ke).call(this), vt.update(
|
|
@@ -301,9 +301,9 @@ class $t extends HTMLElement {
|
|
|
301
301
|
);
|
|
302
302
|
});
|
|
303
303
|
s(this, _t, (e, i) => {
|
|
304
|
-
t(this, wt).current && (c(this, o, Re).call(this, Math.sign(i) || 1), t(this,
|
|
304
|
+
t(this, wt).current && (c(this, o, Re).call(this, Math.sign(i) || 1), t(this, me).call(this, e, i));
|
|
305
305
|
});
|
|
306
|
-
s(this,
|
|
306
|
+
s(this, me, (e, i) => {
|
|
307
307
|
if (t(this, B).current) {
|
|
308
308
|
if (t(this, B).current < 0 && i > 0)
|
|
309
309
|
return;
|
|
@@ -311,7 +311,7 @@ class $t extends HTMLElement {
|
|
|
311
311
|
return;
|
|
312
312
|
}
|
|
313
313
|
if (t(this, pt) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, lt).current && (clearInterval(t(this, qt)), h(this, qt, setTimeout(() => {
|
|
314
|
-
const r = t(this, l)[c(this, o,
|
|
314
|
+
const r = t(this, l)[c(this, o, le).call(this)];
|
|
315
315
|
r && this.scrollToSection(r.index, {
|
|
316
316
|
tween: {
|
|
317
317
|
duration: t(this, Tt).current,
|
|
@@ -328,7 +328,7 @@ class $t extends HTMLElement {
|
|
|
328
328
|
duration: t(this, rt).current || 500
|
|
329
329
|
} : void 0
|
|
330
330
|
};
|
|
331
|
-
t(this, Ut) ? this.scrollToSection(c(this, o,
|
|
331
|
+
t(this, Ut) ? this.scrollToSection(c(this, o, le).call(this, !0), a) : this.shiftSections(r, a);
|
|
332
332
|
} else
|
|
333
333
|
t(this, u).shift(r * t(this, y));
|
|
334
334
|
} else
|
|
@@ -336,7 +336,7 @@ class $t extends HTMLElement {
|
|
|
336
336
|
h(this, Ut, e === "drag");
|
|
337
337
|
}
|
|
338
338
|
});
|
|
339
|
-
s(this,
|
|
339
|
+
s(this, be, ze(() => {
|
|
340
340
|
const e = t(this, j).reduce((i, r) => {
|
|
341
341
|
const a = this.vertical ? r.width : r.height;
|
|
342
342
|
return a > i ? a : i;
|
|
@@ -345,7 +345,7 @@ class $t extends HTMLElement {
|
|
|
345
345
|
h(this, Dt, !0), this.style.setProperty("--max-section-size", e + "px");
|
|
346
346
|
}, 10));
|
|
347
347
|
}, 20));
|
|
348
|
-
s(this,
|
|
348
|
+
s(this, Se, () => {
|
|
349
349
|
h(this, x, !0), this.hibernatedCSSProperty.current || c(this, o, De).call(this);
|
|
350
350
|
});
|
|
351
351
|
if (H) {
|
|
@@ -471,10 +471,10 @@ class $t extends HTMLElement {
|
|
|
471
471
|
return t(this, l);
|
|
472
472
|
}
|
|
473
473
|
get position() {
|
|
474
|
-
return t(this,
|
|
474
|
+
return t(this, de);
|
|
475
475
|
}
|
|
476
476
|
get contentPosition() {
|
|
477
|
-
return t(this,
|
|
477
|
+
return t(this, pe);
|
|
478
478
|
}
|
|
479
479
|
get viewportSize() {
|
|
480
480
|
return t(this, y);
|
|
@@ -524,7 +524,7 @@ class $t extends HTMLElement {
|
|
|
524
524
|
return t(this, E).current === "x" ? 0 : t(this, u).distance;
|
|
525
525
|
}
|
|
526
526
|
tryResplit() {
|
|
527
|
-
!t(this, _) && (t(this, C).current || t(this, F).current || t(this, C).current || t(this, N).current || t(this, T).current) && c(this, o,
|
|
527
|
+
!t(this, _) && (t(this, C).current || t(this, F).current || t(this, C).current || t(this, N).current || t(this, T).current) && c(this, o, oe).call(this);
|
|
528
528
|
}
|
|
529
529
|
onScroll(...e) {
|
|
530
530
|
return t(this, u).subscribe(...e);
|
|
@@ -550,8 +550,9 @@ class $t extends HTMLElement {
|
|
|
550
550
|
const r = t(this, P).current, a = c(this, o, Ge).call(this, e), b = t(this, l)[r], v = t(this, l)[a];
|
|
551
551
|
if (b && v) {
|
|
552
552
|
let I = 0;
|
|
553
|
-
const Pe = c(this, o,
|
|
554
|
-
|
|
553
|
+
const Pe = c(this, o, le).call(this), Vt = t(this, l)[Pe];
|
|
554
|
+
let re = Vt ? this.targetScrollValue - Vt.position : 0;
|
|
555
|
+
t(this, C).current ? a === 0 && r === t(this, l).length - 1 ? (I = t(this, S) + t(this, y) - b.position + t(this, k), re = 0) : a === t(this, l).length - 1 && r === 0 ? I = v.position - (t(this, S) + t(this, y) + t(this, k)) : I = v.position - b.position : I = v.position - b.position, this.shiftPosition(I - re, i);
|
|
555
556
|
}
|
|
556
557
|
}
|
|
557
558
|
shiftSections(e, i) {
|
|
@@ -572,7 +573,7 @@ class $t extends HTMLElement {
|
|
|
572
573
|
return;
|
|
573
574
|
t(this, u).unlistenAnimationFrame();
|
|
574
575
|
const e = this.currentScrollValue / t(this, S) || 0, i = t(this, P).current;
|
|
575
|
-
if (h(this,
|
|
576
|
+
if (h(this, de, this.vertical ? Ie(this) : ke(this)), h(this, pe, this.vertical ? Ie(t(this, m)) : ke(t(this, m))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Fe.parse(
|
|
576
577
|
getComputedStyle(t(this, m)).rowGap
|
|
577
578
|
)) : h(this, k, Fe.parse(
|
|
578
579
|
getComputedStyle(t(this, m)).columnGap
|
|
@@ -611,7 +612,7 @@ class $t extends HTMLElement {
|
|
|
611
612
|
t(this, u).set(e * t(this, S), {
|
|
612
613
|
equalize: !0
|
|
613
614
|
});
|
|
614
|
-
h(this, G, (this.vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ct).current || c(this, o, Ee).call(this) : c(this, o, we).call(this), t(this,
|
|
615
|
+
h(this, G, (this.vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ct).current || c(this, o, Ee).call(this) : c(this, o, we).call(this), t(this, be).call(this), ne(this, "scrollResize", { custom: !0 }), t(this, u).notify();
|
|
615
616
|
}
|
|
616
617
|
connectedCallback() {
|
|
617
618
|
vt.register(this), h(this, u, new ss(0, {
|
|
@@ -627,7 +628,7 @@ class $t extends HTMLElement {
|
|
|
627
628
|
rootElement: this
|
|
628
629
|
})), t(this, V).changeEvent.subscribe(t(this, _t)), h(this, w, new os({
|
|
629
630
|
culling: this
|
|
630
|
-
})), t(this, w).changeEvent.subscribe(t(this,
|
|
631
|
+
})), t(this, w).changeEvent.subscribe(t(this, me)), t(this, E).subscribe(() => {
|
|
631
632
|
c(this, o, Me).call(this);
|
|
632
633
|
}), t(this, st).subscribe(() => {
|
|
633
634
|
c(this, o, Me).call(this);
|
|
@@ -638,11 +639,11 @@ class $t extends HTMLElement {
|
|
|
638
639
|
}), t(this, W).subscribe(() => {
|
|
639
640
|
t(this, x) && t(this, L).call(this);
|
|
640
641
|
}), t(this, F).subscribe(({ current: e }) => {
|
|
641
|
-
t(this, x) && (e ? c(this, o,
|
|
642
|
+
t(this, x) && (e ? c(this, o, oe).call(this) : c(this, o, Ot).call(this));
|
|
642
643
|
}), t(this, T).subscribe((e) => {
|
|
643
|
-
t(this, R).debounce = e.current, t(this, V).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, l).length ? c(this, o,
|
|
644
|
+
t(this, R).debounce = e.current, t(this, V).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, l).length ? c(this, o, oe).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Ot).call(this));
|
|
644
645
|
}), t(this, N).subscribe((e) => {
|
|
645
|
-
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o,
|
|
646
|
+
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o, oe).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Ot).call(this));
|
|
646
647
|
}), t(this, D).subscribe((e) => {
|
|
647
648
|
t(this, x) && (t(this, L).call(this), c(this, o, gt).call(this));
|
|
648
649
|
}), t(this, C).subscribe((e) => {
|
|
@@ -675,45 +676,45 @@ class $t extends HTMLElement {
|
|
|
675
676
|
e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, we).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, Ee).call(this));
|
|
676
677
|
}), t(this, at).subscribe((e) => {
|
|
677
678
|
e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, Te).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, De).call(this));
|
|
678
|
-
}), t(this, wt).observe(), t(this, E).observe(), t(this, st).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, it).observe(), t(this, rt).observe(), t(this, N).observe(), t(this, nt).observe(), t(this, Et).observe(), t(this, D).observe(), t(this, C).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, It).observe(), t(this, Wt).observe(), t(this, kt).observe(), t(this, A).observe(), t(this, A).observe(), t(this, At).observe(), t(this, ht).observe(), t(this, M).observe(), t(this, ot).observe(), t(this, q).observe(), t(this, Mt).observe(), t(this, lt).observe(), t(this, Tt).observe(), t(this, ct).observe(), t(this, at).observe(), Ht.subscribe(t(this,
|
|
679
|
+
}), t(this, wt).observe(), t(this, E).observe(), t(this, st).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, it).observe(), t(this, rt).observe(), t(this, N).observe(), t(this, nt).observe(), t(this, Et).observe(), t(this, D).observe(), t(this, C).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, It).observe(), t(this, Wt).observe(), t(this, kt).observe(), t(this, A).observe(), t(this, A).observe(), t(this, At).observe(), t(this, ht).observe(), t(this, M).observe(), t(this, ot).observe(), t(this, q).observe(), t(this, Mt).observe(), t(this, lt).observe(), t(this, Tt).observe(), t(this, ct).observe(), t(this, at).observe(), Ht.subscribe(t(this, Se), Ae.LAST), ce.subscribe(this, t(this, L)), t(this, Gt).observe(this, { childList: !0 });
|
|
679
680
|
}
|
|
680
681
|
disconnectedCallback() {
|
|
681
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, st).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, it).unobserve(), t(this, rt).unobserve(), t(this, N).unobserve(), t(this, nt).unobserve(), t(this, Et).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, It).unobserve(), t(this, Wt).unobserve(), t(this, kt).unobserve(), t(this, A).unobserve(), t(this, At).unobserve(), t(this, ht).unobserve(), t(this, M).unobserve(), t(this, ot).unobserve(), t(this, q).unobserve(), t(this, Mt).unobserve(), t(this, lt).unobserve(), t(this, Tt).unobserve(), t(this, ct).unobserve(), t(this, at).unobserve(), Ht.unsubscribe(t(this,
|
|
682
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, st).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, it).unobserve(), t(this, rt).unobserve(), t(this, N).unobserve(), t(this, nt).unobserve(), t(this, Et).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, It).unobserve(), t(this, Wt).unobserve(), t(this, kt).unobserve(), t(this, A).unobserve(), t(this, At).unobserve(), t(this, ht).unobserve(), t(this, M).unobserve(), t(this, ot).unobserve(), t(this, q).unobserve(), t(this, Mt).unobserve(), t(this, lt).unobserve(), t(this, Tt).unobserve(), t(this, ct).unobserve(), t(this, at).unobserve(), Ht.unsubscribe(t(this, Se)), ce.unsubscribe(t(this, L)), c(this, o, Te).call(this), t(this, Gt).disconnect();
|
|
682
683
|
}
|
|
683
684
|
}
|
|
684
|
-
u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), st = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), it = new WeakMap(), rt = new WeakMap(), N = new WeakMap(), nt = new WeakMap(), Et = new WeakMap(), D = new WeakMap(), C = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), kt = new WeakMap(), A = new WeakMap(), At = new WeakMap(), ht = new WeakMap(), M = new WeakMap(), ot = new WeakMap(), q = new WeakMap(), Mt = new WeakMap(), lt = new WeakMap(), Tt = new WeakMap(), ct = new WeakMap(), at = new WeakMap(), ut = new WeakMap(), m = new WeakMap(), Ft = new WeakMap(), l = new WeakMap(),
|
|
685
|
+
u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), st = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), it = new WeakMap(), rt = new WeakMap(), N = new WeakMap(), nt = new WeakMap(), Et = new WeakMap(), D = new WeakMap(), C = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), kt = new WeakMap(), A = new WeakMap(), At = new WeakMap(), ht = new WeakMap(), M = new WeakMap(), ot = new WeakMap(), q = new WeakMap(), Mt = new WeakMap(), lt = new WeakMap(), Tt = new WeakMap(), ct = new WeakMap(), at = new WeakMap(), ut = new WeakMap(), m = new WeakMap(), Ft = new WeakMap(), l = new WeakMap(), de = new WeakMap(), pe = new WeakMap(), y = new WeakMap(), S = new WeakMap(), k = new WeakMap(), R = new WeakMap(), dt = new WeakMap(), V = new WeakMap(), w = new WeakMap(), P = new WeakMap(), Nt = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), qt = new WeakMap(), pt = new WeakMap(), Z = new WeakMap(), Ut = new WeakMap(), O = new WeakMap(), x = new WeakMap(), Gt = new WeakMap(), j = new WeakMap(), Dt = new WeakMap(), Kt = new WeakMap(), o = new WeakSet(), Me = function() {
|
|
685
686
|
const e = t(this, E).current, i = t(this, st).current ? "-reverse" : "";
|
|
686
687
|
t(this, m).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, R).axis = t(this, nt).current ? "max" : e, t(this, dt).dimension = e === "x" ? "width" : "height", t(this, V).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
|
|
687
|
-
},
|
|
688
|
+
}, oe = function() {
|
|
688
689
|
c(this, o, Ot).call(this), t(this, Ft).assignedElements().forEach((e, i) => {
|
|
689
690
|
e instanceof HTMLElement && t(this, l).push(new us(e, i, this));
|
|
690
|
-
}), t(this, m).style.transform = "", this.style.setProperty("--sections", t(this, l).length.toString()),
|
|
691
|
+
}), t(this, m).style.transform = "", this.style.setProperty("--sections", t(this, l).length.toString()), ne(this, "scrollSectionsChange", {
|
|
691
692
|
custom: !0,
|
|
692
693
|
composed: !0
|
|
693
694
|
}), t(this, L).call(this), c(this, o, gt).call(this);
|
|
694
695
|
}, Ot = function() {
|
|
695
696
|
t(this, l).forEach((e) => {
|
|
696
697
|
e.destroy();
|
|
697
|
-
}), h(this, l, []), t(this, P).reset(), t(this, u).reset(), this.style.removeProperty("--max-section-size"),
|
|
698
|
+
}), h(this, l, []), t(this, P).reset(), t(this, u).reset(), this.style.removeProperty("--max-section-size"), ne(this, "scrollSectionsChange", {
|
|
698
699
|
custom: !0,
|
|
699
700
|
composed: !0
|
|
700
701
|
});
|
|
701
702
|
}, we = function() {
|
|
702
|
-
t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this,
|
|
703
|
+
t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this, fe)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, qt)), clearInterval(t(this, pt)), t(this, Z).unlistenAnimationFrame(), t(this, R).disconnect(), t(this, dt).disconnect(), t(this, V).disconnect(), t(this, w).disconnect(), t(this, G) || (this.sections.forEach((e) => {
|
|
703
704
|
e.unsetTransform();
|
|
704
705
|
}), t(this, L).call(this)));
|
|
705
706
|
}, Ee = function() {
|
|
706
|
-
t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this,
|
|
707
|
+
t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this, fe), -1e4), t(this, u).notify(), t(this, R).connect(), t(this, dt).connect(), t(this, V).connect(), t(this, A).current && t(this, w).connect());
|
|
707
708
|
}, Te = function() {
|
|
708
709
|
t(this, _) || (h(this, _, !0), clearTimeout(t(this, Kt)), Ht.unsubscribe(t(this, L)), c(this, o, we).call(this), t(this, m).style.transform = "", t(this, m).style.height = "", t(this, m).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, Ot).call(this) : (t(this, P).reset(), t(this, u).reset()), vt.unregister(this));
|
|
709
710
|
}, De = function() {
|
|
710
711
|
t(this, _) && (h(this, _, !1), vt.register(this), this.tryResplit(), c(this, o, Ee).call(this), this.scrollToSection(t(this, kt).current, {
|
|
711
712
|
behaviour: "instant"
|
|
712
713
|
}), Ht.subscribe(t(this, L), Ae.SCROLL));
|
|
713
|
-
}, L = new WeakMap(),
|
|
714
|
+
}, L = new WeakMap(), fe = new WeakMap(), Ge = function(e) {
|
|
714
715
|
let i = t(this, P).current;
|
|
715
716
|
return t(this, C).current ? i = ts(e, t(this, l).length) : i = qe(e, 0, this.limit), i;
|
|
716
|
-
}, _t = new WeakMap(),
|
|
717
|
+
}, _t = new WeakMap(), me = new WeakMap(), Re = function(e = 1) {
|
|
717
718
|
t(this, ht).current && (t(this, w).direction = e), t(this, A).current && t(this, w).pauseAndContinue(
|
|
718
719
|
t(this, At).current,
|
|
719
720
|
this.sectionalCSSProperty.current
|
|
@@ -727,7 +728,7 @@ u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), st = new WeakMap(), B
|
|
|
727
728
|
}, gt = function() {
|
|
728
729
|
if (t(this, l).length) {
|
|
729
730
|
const e = t(this, P).current + t(this, ot).current;
|
|
730
|
-
if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null),
|
|
731
|
+
if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), ne(this, "scrollLine", {
|
|
731
732
|
detail: { line: t(this, O) }
|
|
732
733
|
}), t(this, M).current) {
|
|
733
734
|
this.classList.remove("end", "start"), t(this, O) && this.classList.add(t(this, O));
|
|
@@ -736,7 +737,7 @@ u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), st = new WeakMap(), B
|
|
|
736
737
|
r.setCurrentIndex(null), r.setCurrentIndexArc(null), r.setCurrentIndexArcAbs(null), r.setMiddle(!1);
|
|
737
738
|
const b = e - this.limit - 1 + t(this, q).current, v = e + i, I = this.sections.length - v;
|
|
738
739
|
a >= e && a < v || a <= b ? (r.setMark("current"), t(this, j).push(r)) : a >= v && a < v + I / 2 || a <= b + i ? r.setMark("next") : r.setMark("previous");
|
|
739
|
-
}), t(this,
|
|
740
|
+
}), t(this, be).call(this);
|
|
740
741
|
}
|
|
741
742
|
}
|
|
742
743
|
}, Ke = function() {
|
|
@@ -747,35 +748,35 @@ u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), st = new WeakMap(), B
|
|
|
747
748
|
i.setCurrentIndex(r), i.setCurrentIndexArc(a), i.setCurrentIndexArcAbs(Math.abs(a)), i.setMiddle(r === e);
|
|
748
749
|
});
|
|
749
750
|
}
|
|
750
|
-
},
|
|
751
|
+
}, be = new WeakMap(), le = function(e = !1) {
|
|
751
752
|
let i = this.targetScrollValue, r = 1 / 0, a = 0;
|
|
752
753
|
const b = t(this, u).direction;
|
|
753
754
|
for (let v = 0; v < t(this, l).length; v++) {
|
|
754
755
|
const I = t(this, l)[v];
|
|
755
756
|
let Pe = t(this, Ut) ? I.size * b * -1 * 0.4 : 0, Vt = I.position;
|
|
756
757
|
this.overscroll && Vt === 0 && e && (Vt = t(this, U));
|
|
757
|
-
let
|
|
758
|
-
|
|
758
|
+
let re = Math.abs(Vt + Pe - i);
|
|
759
|
+
re <= r && (r = re, a = v);
|
|
759
760
|
}
|
|
760
761
|
return a;
|
|
761
|
-
},
|
|
762
|
+
}, Se = new WeakMap();
|
|
762
763
|
H && !customElements.get("e-scroll") && customElements.define("e-scroll", $t);
|
|
763
|
-
var
|
|
764
|
+
var ge;
|
|
764
765
|
class Oe extends HTMLElement {
|
|
765
766
|
constructor() {
|
|
766
767
|
super(...arguments);
|
|
767
|
-
s(this,
|
|
768
|
+
s(this, ge, null);
|
|
768
769
|
}
|
|
769
770
|
get scrollElement() {
|
|
770
|
-
return t(this,
|
|
771
|
+
return t(this, ge);
|
|
771
772
|
}
|
|
772
773
|
connectedCallback() {
|
|
773
774
|
const e = Ue(this, $t);
|
|
774
|
-
e instanceof $t ? h(this,
|
|
775
|
+
e instanceof $t ? h(this, ge, e) : console.error(this, "e-scroll not found");
|
|
775
776
|
}
|
|
776
777
|
}
|
|
777
|
-
|
|
778
|
-
var ft, z, J, Q, Zt, jt, mt, Jt,
|
|
778
|
+
ge = new WeakMap();
|
|
779
|
+
var ft, z, J, Q, Zt, jt, mt, Jt, ve, ye;
|
|
779
780
|
class ps extends Oe {
|
|
780
781
|
constructor() {
|
|
781
782
|
super();
|
|
@@ -793,10 +794,10 @@ class ps extends Oe {
|
|
|
793
794
|
s(this, Jt, () => {
|
|
794
795
|
h(this, jt, this.scrollElement.currentProgress * t(this, Zt)), t(this, J) ? t(this, z).style.transform = `translate3d(${t(this, jt)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, jt)}px, 0px)`;
|
|
795
796
|
});
|
|
796
|
-
s(this,
|
|
797
|
+
s(this, ve, () => {
|
|
797
798
|
this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
|
|
798
799
|
});
|
|
799
|
-
s(this,
|
|
800
|
+
s(this, ye, (e) => {
|
|
800
801
|
document.documentElement.classList.add("grabbing"), cs(
|
|
801
802
|
(a) => {
|
|
802
803
|
const b = t(this, J) ? a.x : a.y, v = this.scrollElement.distance / t(this, Zt), I = (b - r) * v;
|
|
@@ -849,13 +850,13 @@ class ps extends Oe {
|
|
|
849
850
|
connectedCallback() {
|
|
850
851
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
851
852
|
const e = t(this, ft).assignedElements()[0] || t(this, ft).firstElementChild;
|
|
852
|
-
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this,
|
|
853
|
+
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ye)), Ht.subscribe(t(this, mt), Ae.SCROLL), ce.subscribe(this, t(this, mt)), ce.subscribe(this.scrollElement, t(this, mt)), this.scrollElement.onScroll(t(this, Jt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ve));
|
|
853
854
|
}
|
|
854
855
|
disconnectedCallback() {
|
|
855
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this,
|
|
856
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ye)), Ht.unsubscribe(t(this, mt)), ce.unsubscribe(t(this, mt)), this.scrollElement.offScroll(t(this, Jt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ve));
|
|
856
857
|
}
|
|
857
858
|
}
|
|
858
|
-
ft = new WeakMap(), z = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), mt = new WeakMap(), Jt = new WeakMap(),
|
|
859
|
+
ft = new WeakMap(), z = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), mt = new WeakMap(), Jt = new WeakMap(), ve = new WeakMap(), ye = new WeakMap();
|
|
859
860
|
H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", ps);
|
|
860
861
|
var Qt, Xt, Yt;
|
|
861
862
|
class _e extends Oe {
|
|
@@ -928,16 +929,16 @@ class ms extends _e {
|
|
|
928
929
|
}
|
|
929
930
|
X = new WeakMap(), ee = new WeakMap();
|
|
930
931
|
H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", ms);
|
|
931
|
-
var Y, bt, se,
|
|
932
|
+
var Y, bt, se, Ce, xe, ie;
|
|
932
933
|
class bs {
|
|
933
934
|
constructor(n, e, i) {
|
|
934
935
|
s(this, Y, null);
|
|
935
936
|
s(this, bt, null);
|
|
936
937
|
s(this, se, null);
|
|
937
|
-
s(this,
|
|
938
|
-
s(this,
|
|
938
|
+
s(this, Ce, null);
|
|
939
|
+
s(this, xe, () => {
|
|
939
940
|
t(this, bt).scrollToSection(t(this, se), {
|
|
940
|
-
behaviour: t(this,
|
|
941
|
+
behaviour: t(this, Ce)
|
|
941
942
|
});
|
|
942
943
|
});
|
|
943
944
|
s(this, ie, () => {
|
|
@@ -946,16 +947,16 @@ class bs {
|
|
|
946
947
|
t(this, bt).counter.current === t(this, se)
|
|
947
948
|
);
|
|
948
949
|
});
|
|
949
|
-
H && (h(this, Y, document.createElement("button")), h(this, bt, n), h(this,
|
|
950
|
+
H && (h(this, Y, document.createElement("button")), h(this, bt, n), h(this, Ce, i), h(this, se, e), t(this, Y).addEventListener("click", t(this, xe)), t(this, bt).counter.subscribe(t(this, ie)), t(this, ie).call(this));
|
|
950
951
|
}
|
|
951
952
|
get element() {
|
|
952
953
|
return t(this, Y);
|
|
953
954
|
}
|
|
954
955
|
destroy() {
|
|
955
|
-
t(this, Y).removeEventListener("click", t(this,
|
|
956
|
+
t(this, Y).removeEventListener("click", t(this, xe)), t(this, bt).counter.unsubscribe(t(this, ie)), t(this, Y).remove();
|
|
956
957
|
}
|
|
957
958
|
}
|
|
958
|
-
Y = new WeakMap(), bt = new WeakMap(), se = new WeakMap(),
|
|
959
|
+
Y = new WeakMap(), bt = new WeakMap(), se = new WeakMap(), Ce = new WeakMap(), xe = new WeakMap(), ie = new WeakMap();
|
|
959
960
|
var Rt, St, tt;
|
|
960
961
|
class Ss extends Oe {
|
|
961
962
|
constructor() {
|