@orangelogic/design-system 2.35.0 → 2.36.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/library/chunks/{file-on-demand.JybCAzD6.js → file-on-demand.Dhx3uvPA.js} +1 -1
- package/library/chunks/tab-group.B8-_uSUK.js +3575 -0
- package/library/components/atoms.js +1 -1
- package/library/components/file-on-demand.js +2 -2
- package/library/components/organisms.js +1 -1
- package/library/components/tab-group.js +1 -1
- package/library/components/tab.js +60 -71
- package/library/components/types.js +41117 -43746
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/tab/tab.d.ts +2 -0
- package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +2 -1
- package/library/packages/events/src/cx-tab-group-pagination-change.d.ts +8 -0
- package/library/packages/events/src/events.d.ts +1 -0
- package/library/packages/molecules/src/timeline/timeline.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/configs/accordion.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/analytics.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/button.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/carousel.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/color-swatches.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/column-group.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/column.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/divider.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/font-kit.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/gallery.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/header.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/image.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/rich-text.d.ts +5 -2
- package/library/packages/organisms/src/content-builder/configs/search-box.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/tab-group.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/text.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/timeline.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/video.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/{configsController.d.ts → configs-controller.d.ts} +1 -0
- package/library/packages/organisms/src/content-builder/plugins/accordion.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/analytics.d.ts +2 -10
- package/library/packages/organisms/src/content-builder/plugins/button.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/carousel.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/color-swatches.d.ts +2 -12
- package/library/packages/organisms/src/content-builder/plugins/column-group.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/column.d.ts +3 -12
- package/library/packages/organisms/src/content-builder/plugins/divider.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/font-kit.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/gallery.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/header.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/image.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/plugin-factory.d.ts +20 -0
- package/library/packages/organisms/src/content-builder/plugins/search-box.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/tab-group.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/text.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/timeline.d.ts +2 -11
- package/library/packages/organisms/src/content-builder/plugins/utils/details.d.ts +7 -0
- package/library/packages/organisms/src/content-builder/plugins/video.d.ts +2 -11
- package/library/packages/organisms/src/video-editor/components/video-editor-tracks/video-editor-tracks.d.ts +2 -2
- package/library/packages/organisms/src/video-editor/video-editor.d.ts +3 -3
- package/library/packages/types/src/tab-group.d.ts +2 -1
- package/library/packages/types/src/video-editor.d.ts +1 -0
- package/library/react-web-component.d.ts +6 -2
- package/package.json +1 -1
- package/library/chunks/tab-group.DyzM7DYO.js +0 -1236
|
@@ -0,0 +1,3575 @@
|
|
|
1
|
+
import En from "../components/resize-observer.js";
|
|
2
|
+
import { i as Fn, n as Tt, C as Ln, x as $t, c as $n } from "./custom-element.fmLrnDZr.js";
|
|
3
|
+
import { c as Nn } from "./component.styles.DtouHn2g.js";
|
|
4
|
+
import { L as Bn } from "./i18n.D33BKrRs.js";
|
|
5
|
+
import { s as Zi } from "./scroll.DwPiX2Ox.js";
|
|
6
|
+
import { w as wt } from "./watch.BCJD77bD.js";
|
|
7
|
+
import { i as Vn } from "./dom.DDszM5Cy.js";
|
|
8
|
+
import { r as _t } from "./state.Dt9F_SuS.js";
|
|
9
|
+
import { t as Un } from "./event-options.CYHYGOd8.js";
|
|
10
|
+
import { e as Et } from "./query.BBf1UFkC.js";
|
|
11
|
+
import { r as Wn } from "./query-all.i3PyvTUQ.js";
|
|
12
|
+
import { e as Nt } from "./class-map.DqNfBvJI.js";
|
|
13
|
+
import { i as Ji } from "./guard.L-Ctqt3S.js";
|
|
14
|
+
import { o as tr } from "./map.D8heArFD.js";
|
|
15
|
+
import { o as Ue } from "./style-map.lEJHEwk3.js";
|
|
16
|
+
import { n as Te } from "./when.Dr1es41R.js";
|
|
17
|
+
import { C as Hn } from "./button.DrU92LJQ.js";
|
|
18
|
+
import Yn from "../components/dropdown.js";
|
|
19
|
+
import Xn from "../components/icon-button.js";
|
|
20
|
+
import qn from "../components/menu.js";
|
|
21
|
+
import { C as Gn } from "./menu-item.DqbKJDm0.js";
|
|
22
|
+
import Kn from "../components/tab.js";
|
|
23
|
+
var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ge = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ge || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), Ke = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(Ke || {}), yt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(yt || {}), Vt = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Vt || {});
|
|
24
|
+
function Dt(o) {
|
|
25
|
+
if (o === void 0)
|
|
26
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
27
|
+
return o;
|
|
28
|
+
}
|
|
29
|
+
function Tr(o, t) {
|
|
30
|
+
o.prototype = Object.create(t.prototype), o.prototype.constructor = o, o.__proto__ = t;
|
|
31
|
+
}
|
|
32
|
+
/*!
|
|
33
|
+
* GSAP 3.13.0
|
|
34
|
+
* https://gsap.com
|
|
35
|
+
*
|
|
36
|
+
* @license Copyright 2008-2025, GreenSock. All rights reserved.
|
|
37
|
+
* Subject to the terms at https://gsap.com/standard-license
|
|
38
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
39
|
+
*/
|
|
40
|
+
var ct = {
|
|
41
|
+
autoSleep: 120,
|
|
42
|
+
force3D: "auto",
|
|
43
|
+
nullTargetWarn: 1,
|
|
44
|
+
units: {
|
|
45
|
+
lineHeight: ""
|
|
46
|
+
}
|
|
47
|
+
}, ge = {
|
|
48
|
+
duration: 0.5,
|
|
49
|
+
overwrite: !1,
|
|
50
|
+
delay: 0
|
|
51
|
+
}, Ii, q, L, mt = 1e8, F = 1 / mt, mi = Math.PI * 2, jn = mi / 4, Qn = 0, Pr = Math.sqrt, Zn = Math.cos, Jn = Math.sin, X = function(t) {
|
|
52
|
+
return typeof t == "string";
|
|
53
|
+
}, V = function(t) {
|
|
54
|
+
return typeof t == "function";
|
|
55
|
+
}, zt = function(t) {
|
|
56
|
+
return typeof t == "number";
|
|
57
|
+
}, Ei = function(t) {
|
|
58
|
+
return typeof t > "u";
|
|
59
|
+
}, Ot = function(t) {
|
|
60
|
+
return typeof t == "object";
|
|
61
|
+
}, it = function(t) {
|
|
62
|
+
return t !== !1;
|
|
63
|
+
}, Fi = function() {
|
|
64
|
+
return typeof window < "u";
|
|
65
|
+
}, We = function(t) {
|
|
66
|
+
return V(t) || X(t);
|
|
67
|
+
}, Sr = typeof ArrayBuffer == "function" && ArrayBuffer.isView || function() {
|
|
68
|
+
}, Q = Array.isArray, vi = /(?:-?\.?\d|\.)+/gi, Ar = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, he = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, ui = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, kr = /[+-]=-?[.\d]+/, Cr = /[^,'"\[\]\s]+/gi, ts = /^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i, N, St, xi, Li, ft = {}, Je = {}, Or, Dr = function(t) {
|
|
69
|
+
return (Je = be(t, ft)) && ot;
|
|
70
|
+
}, $i = function(t, e) {
|
|
71
|
+
return console.warn("Invalid property", t, "set to", e, "Missing plugin? gsap.registerPlugin()");
|
|
72
|
+
}, Re = function(t, e) {
|
|
73
|
+
return !e && console.warn(t);
|
|
74
|
+
}, Mr = function(t, e) {
|
|
75
|
+
return t && (ft[t] = e) && Je && (Je[t] = e) || ft;
|
|
76
|
+
}, ze = function() {
|
|
77
|
+
return 0;
|
|
78
|
+
}, es = {
|
|
79
|
+
suppressEvents: !0,
|
|
80
|
+
isStart: !0,
|
|
81
|
+
kill: !1
|
|
82
|
+
}, je = {
|
|
83
|
+
suppressEvents: !0,
|
|
84
|
+
kill: !1
|
|
85
|
+
}, is = {
|
|
86
|
+
suppressEvents: !0
|
|
87
|
+
}, Ni = {}, Yt = [], yi = {}, Rr, lt = {}, hi = {}, er = 30, Qe = [], Bi = "", Vi = function(t) {
|
|
88
|
+
var e = t[0], i, r;
|
|
89
|
+
if (Ot(e) || V(e) || (t = [t]), !(i = (e._gsap || {}).harness)) {
|
|
90
|
+
for (r = Qe.length; r-- && !Qe[r].targetTest(e); )
|
|
91
|
+
;
|
|
92
|
+
i = Qe[r];
|
|
93
|
+
}
|
|
94
|
+
for (r = t.length; r--; )
|
|
95
|
+
t[r] && (t[r]._gsap || (t[r]._gsap = new rn(t[r], i))) || t.splice(r, 1);
|
|
96
|
+
return t;
|
|
97
|
+
}, re = function(t) {
|
|
98
|
+
return t._gsap || Vi(vt(t))[0]._gsap;
|
|
99
|
+
}, zr = function(t, e, i) {
|
|
100
|
+
return (i = t[e]) && V(i) ? t[e]() : Ei(i) && t.getAttribute && t.getAttribute(e) || i;
|
|
101
|
+
}, rt = function(t, e) {
|
|
102
|
+
return (t = t.split(",")).forEach(e) || t;
|
|
103
|
+
}, U = function(t) {
|
|
104
|
+
return Math.round(t * 1e5) / 1e5 || 0;
|
|
105
|
+
}, H = function(t) {
|
|
106
|
+
return Math.round(t * 1e7) / 1e7 || 0;
|
|
107
|
+
}, fe = function(t, e) {
|
|
108
|
+
var i = e.charAt(0), r = parseFloat(e.substr(2));
|
|
109
|
+
return t = parseFloat(t), i === "+" ? t + r : i === "-" ? t - r : i === "*" ? t * r : t / r;
|
|
110
|
+
}, rs = function(t, e) {
|
|
111
|
+
for (var i = e.length, r = 0; t.indexOf(e[r]) < 0 && ++r < i; )
|
|
112
|
+
;
|
|
113
|
+
return r < i;
|
|
114
|
+
}, ti = function() {
|
|
115
|
+
var t = Yt.length, e = Yt.slice(0), i, r;
|
|
116
|
+
for (yi = {}, Yt.length = 0, i = 0; i < t; i++)
|
|
117
|
+
r = e[i], r && r._lazy && (r.render(r._lazy[0], r._lazy[1], !0)._lazy = 0);
|
|
118
|
+
}, Ui = function(t) {
|
|
119
|
+
return !!(t._initted || t._startAt || t.add);
|
|
120
|
+
}, Ir = function(t, e, i, r) {
|
|
121
|
+
Yt.length && !q && ti(), t.render(e, i, !!(q && e < 0 && Ui(t))), Yt.length && !q && ti();
|
|
122
|
+
}, Er = function(t) {
|
|
123
|
+
var e = parseFloat(t);
|
|
124
|
+
return (e || e === 0) && (t + "").match(Cr).length < 2 ? e : X(t) ? t.trim() : t;
|
|
125
|
+
}, Fr = function(t) {
|
|
126
|
+
return t;
|
|
127
|
+
}, dt = function(t, e) {
|
|
128
|
+
for (var i in e)
|
|
129
|
+
i in t || (t[i] = e[i]);
|
|
130
|
+
return t;
|
|
131
|
+
}, ns = function(t) {
|
|
132
|
+
return function(e, i) {
|
|
133
|
+
for (var r in i)
|
|
134
|
+
r in e || r === "duration" && t || r === "ease" || (e[r] = i[r]);
|
|
135
|
+
};
|
|
136
|
+
}, be = function(t, e) {
|
|
137
|
+
for (var i in e)
|
|
138
|
+
t[i] = e[i];
|
|
139
|
+
return t;
|
|
140
|
+
}, ir = function o(t, e) {
|
|
141
|
+
for (var i in e)
|
|
142
|
+
i !== "__proto__" && i !== "constructor" && i !== "prototype" && (t[i] = Ot(e[i]) ? o(t[i] || (t[i] = {}), e[i]) : e[i]);
|
|
143
|
+
return t;
|
|
144
|
+
}, ei = function(t, e) {
|
|
145
|
+
var i = {}, r;
|
|
146
|
+
for (r in t)
|
|
147
|
+
r in e || (i[r] = t[r]);
|
|
148
|
+
return i;
|
|
149
|
+
}, Ce = function(t) {
|
|
150
|
+
var e = t.parent || N, i = t.keyframes ? ns(Q(t.keyframes)) : dt;
|
|
151
|
+
if (it(t.inherit))
|
|
152
|
+
for (; e; )
|
|
153
|
+
i(t, e.vars.defaults), e = e.parent || e._dp;
|
|
154
|
+
return t;
|
|
155
|
+
}, ss = function(t, e) {
|
|
156
|
+
for (var i = t.length, r = i === e.length; r && i-- && t[i] === e[i]; )
|
|
157
|
+
;
|
|
158
|
+
return i < 0;
|
|
159
|
+
}, Lr = function(t, e, i, r, n) {
|
|
160
|
+
var s = t[r], a;
|
|
161
|
+
if (n)
|
|
162
|
+
for (a = e[n]; s && s[n] > a; )
|
|
163
|
+
s = s._prev;
|
|
164
|
+
return s ? (e._next = s._next, s._next = e) : (e._next = t[i], t[i] = e), e._next ? e._next._prev = e : t[r] = e, e._prev = s, e.parent = e._dp = t, e;
|
|
165
|
+
}, oi = function(t, e, i, r) {
|
|
166
|
+
i === void 0 && (i = "_first"), r === void 0 && (r = "_last");
|
|
167
|
+
var n = e._prev, s = e._next;
|
|
168
|
+
n ? n._next = s : t[i] === e && (t[i] = s), s ? s._prev = n : t[r] === e && (t[r] = n), e._next = e._prev = e.parent = null;
|
|
169
|
+
}, Gt = function(t, e) {
|
|
170
|
+
t.parent && (!e || t.parent.autoRemoveChildren) && t.parent.remove && t.parent.remove(t), t._act = 0;
|
|
171
|
+
}, ne = function(t, e) {
|
|
172
|
+
if (t && (!e || e._end > t._dur || e._start < 0))
|
|
173
|
+
for (var i = t; i; )
|
|
174
|
+
i._dirty = 1, i = i.parent;
|
|
175
|
+
return t;
|
|
176
|
+
}, os = function(t) {
|
|
177
|
+
for (var e = t.parent; e && e.parent; )
|
|
178
|
+
e._dirty = 1, e.totalDuration(), e = e.parent;
|
|
179
|
+
return t;
|
|
180
|
+
}, wi = function(t, e, i, r) {
|
|
181
|
+
return t._startAt && (q ? t._startAt.revert(je) : t.vars.immediateRender && !t.vars.autoRevert || t._startAt.render(e, !0, r));
|
|
182
|
+
}, as = function o(t) {
|
|
183
|
+
return !t || t._ts && o(t.parent);
|
|
184
|
+
}, rr = function(t) {
|
|
185
|
+
return t._repeat ? me(t._tTime, t = t.duration() + t._rDelay) * t : 0;
|
|
186
|
+
}, me = function(t, e) {
|
|
187
|
+
var i = Math.floor(t = H(t / e));
|
|
188
|
+
return t && i === t ? i - 1 : i;
|
|
189
|
+
}, ii = function(t, e) {
|
|
190
|
+
return (t - e._start) * e._ts + (e._ts >= 0 ? 0 : e._dirty ? e.totalDuration() : e._tDur);
|
|
191
|
+
}, ai = function(t) {
|
|
192
|
+
return t._end = H(t._start + (t._tDur / Math.abs(t._ts || t._rts || F) || 0));
|
|
193
|
+
}, li = function(t, e) {
|
|
194
|
+
var i = t._dp;
|
|
195
|
+
return i && i.smoothChildTiming && t._ts && (t._start = H(i._time - (t._ts > 0 ? e / t._ts : ((t._dirty ? t.totalDuration() : t._tDur) - e) / -t._ts)), ai(t), i._dirty || ne(i, t)), t;
|
|
196
|
+
}, $r = function(t, e) {
|
|
197
|
+
var i;
|
|
198
|
+
if ((e._time || !e._dur && e._initted || e._start < t._time && (e._dur || !e.add)) && (i = ii(t.rawTime(), e), (!e._dur || Ve(0, e.totalDuration(), i) - e._tTime > F) && e.render(i, !0)), ne(t, e)._dp && t._initted && t._time >= t._dur && t._ts) {
|
|
199
|
+
if (t._dur < t.duration())
|
|
200
|
+
for (i = t; i._dp; )
|
|
201
|
+
i.rawTime() >= 0 && i.totalTime(i._tTime), i = i._dp;
|
|
202
|
+
t._zTime = -F;
|
|
203
|
+
}
|
|
204
|
+
}, At = function(t, e, i, r) {
|
|
205
|
+
return e.parent && Gt(e), e._start = H((zt(i) ? i : i || t !== N ? bt(t, i, e) : t._time) + e._delay), e._end = H(e._start + (e.totalDuration() / Math.abs(e.timeScale()) || 0)), Lr(t, e, "_first", "_last", t._sort ? "_start" : 0), Ti(e) || (t._recent = e), r || $r(t, e), t._ts < 0 && li(t, t._tTime), t;
|
|
206
|
+
}, Nr = function(t, e) {
|
|
207
|
+
return (ft.ScrollTrigger || $i("scrollTrigger", e)) && ft.ScrollTrigger.create(e, t);
|
|
208
|
+
}, Br = function(t, e, i, r, n) {
|
|
209
|
+
if (Hi(t, e, n), !t._initted)
|
|
210
|
+
return 1;
|
|
211
|
+
if (!i && t._pt && !q && (t._dur && t.vars.lazy !== !1 || !t._dur && t.vars.lazy) && Rr !== ut.frame)
|
|
212
|
+
return Yt.push(t), t._lazy = [n, r], 1;
|
|
213
|
+
}, ls = function o(t) {
|
|
214
|
+
var e = t.parent;
|
|
215
|
+
return e && e._ts && e._initted && !e._lock && (e.rawTime() < 0 || o(e));
|
|
216
|
+
}, Ti = function(t) {
|
|
217
|
+
var e = t.data;
|
|
218
|
+
return e === "isFromStart" || e === "isStart";
|
|
219
|
+
}, us = function(t, e, i, r) {
|
|
220
|
+
var n = t.ratio, s = e < 0 || !e && (!t._start && ls(t) && !(!t._initted && Ti(t)) || (t._ts < 0 || t._dp._ts < 0) && !Ti(t)) ? 0 : 1, a = t._rDelay, l = 0, u, h, f;
|
|
221
|
+
if (a && t._repeat && (l = Ve(0, t._tDur, e), h = me(l, a), t._yoyo && h & 1 && (s = 1 - s), h !== me(t._tTime, a) && (n = 1 - s, t.vars.repeatRefresh && t._initted && t.invalidate())), s !== n || q || r || t._zTime === F || !e && t._zTime) {
|
|
222
|
+
if (!t._initted && Br(t, e, r, i, l))
|
|
223
|
+
return;
|
|
224
|
+
for (f = t._zTime, t._zTime = e || (i ? F : 0), i || (i = e && !f), t.ratio = s, t._from && (s = 1 - s), t._time = 0, t._tTime = l, u = t._pt; u; )
|
|
225
|
+
u.r(s, u.d), u = u._next;
|
|
226
|
+
e < 0 && wi(t, e, i, !0), t._onUpdate && !i && ht(t, "onUpdate"), l && t._repeat && !i && t.parent && ht(t, "onRepeat"), (e >= t._tDur || e < 0) && t.ratio === s && (s && Gt(t, 1), !i && !q && (ht(t, s ? "onComplete" : "onReverseComplete", !0), t._prom && t._prom()));
|
|
227
|
+
} else t._zTime || (t._zTime = e);
|
|
228
|
+
}, hs = function(t, e, i) {
|
|
229
|
+
var r;
|
|
230
|
+
if (i > e)
|
|
231
|
+
for (r = t._first; r && r._start <= i; ) {
|
|
232
|
+
if (r.data === "isPause" && r._start > e)
|
|
233
|
+
return r;
|
|
234
|
+
r = r._next;
|
|
235
|
+
}
|
|
236
|
+
else
|
|
237
|
+
for (r = t._last; r && r._start >= i; ) {
|
|
238
|
+
if (r.data === "isPause" && r._start < e)
|
|
239
|
+
return r;
|
|
240
|
+
r = r._prev;
|
|
241
|
+
}
|
|
242
|
+
}, ve = function(t, e, i, r) {
|
|
243
|
+
var n = t._repeat, s = H(e) || 0, a = t._tTime / t._tDur;
|
|
244
|
+
return a && !r && (t._time *= s / t._dur), t._dur = s, t._tDur = n ? n < 0 ? 1e10 : H(s * (n + 1) + t._rDelay * n) : s, a > 0 && !r && li(t, t._tTime = t._tDur * a), t.parent && ai(t), i || ne(t.parent, t), t;
|
|
245
|
+
}, nr = function(t) {
|
|
246
|
+
return t instanceof J ? ne(t) : ve(t, t._dur);
|
|
247
|
+
}, cs = {
|
|
248
|
+
_start: 0,
|
|
249
|
+
endTime: ze,
|
|
250
|
+
totalDuration: ze
|
|
251
|
+
}, bt = function o(t, e, i) {
|
|
252
|
+
var r = t.labels, n = t._recent || cs, s = t.duration() >= mt ? n.endTime(!1) : t._dur, a, l, u;
|
|
253
|
+
return X(e) && (isNaN(e) || e in r) ? (l = e.charAt(0), u = e.substr(-1) === "%", a = e.indexOf("="), l === "<" || l === ">" ? (a >= 0 && (e = e.replace(/=/, "")), (l === "<" ? n._start : n.endTime(n._repeat >= 0)) + (parseFloat(e.substr(1)) || 0) * (u ? (a < 0 ? n : i).totalDuration() / 100 : 1)) : a < 0 ? (e in r || (r[e] = s), r[e]) : (l = parseFloat(e.charAt(a - 1) + e.substr(a + 1)), u && i && (l = l / 100 * (Q(i) ? i[0] : i).totalDuration()), a > 1 ? o(t, e.substr(0, a - 1), i) + l : s + l)) : e == null ? s : +e;
|
|
254
|
+
}, Oe = function(t, e, i) {
|
|
255
|
+
var r = zt(e[1]), n = (r ? 2 : 1) + (t < 2 ? 0 : 1), s = e[n], a, l;
|
|
256
|
+
if (r && (s.duration = e[1]), s.parent = i, t) {
|
|
257
|
+
for (a = s, l = i; l && !("immediateRender" in a); )
|
|
258
|
+
a = l.vars.defaults || {}, l = it(l.vars.inherit) && l.parent;
|
|
259
|
+
s.immediateRender = it(a.immediateRender), t < 2 ? s.runBackwards = 1 : s.startAt = e[n - 1];
|
|
260
|
+
}
|
|
261
|
+
return new W(e[0], s, e[n + 1]);
|
|
262
|
+
}, jt = function(t, e) {
|
|
263
|
+
return t || t === 0 ? e(t) : e;
|
|
264
|
+
}, Ve = function(t, e, i) {
|
|
265
|
+
return i < t ? t : i > e ? e : i;
|
|
266
|
+
}, K = function(t, e) {
|
|
267
|
+
return !X(t) || !(e = ts.exec(t)) ? "" : e[1];
|
|
268
|
+
}, fs = function(t, e, i) {
|
|
269
|
+
return jt(i, function(r) {
|
|
270
|
+
return Ve(t, e, r);
|
|
271
|
+
});
|
|
272
|
+
}, Pi = [].slice, Vr = function(t, e) {
|
|
273
|
+
return t && Ot(t) && "length" in t && (!e && !t.length || t.length - 1 in t && Ot(t[0])) && !t.nodeType && t !== St;
|
|
274
|
+
}, ds = function(t, e, i) {
|
|
275
|
+
return i === void 0 && (i = []), t.forEach(function(r) {
|
|
276
|
+
var n;
|
|
277
|
+
return X(r) && !e || Vr(r, 1) ? (n = i).push.apply(n, vt(r)) : i.push(r);
|
|
278
|
+
}) || i;
|
|
279
|
+
}, vt = function(t, e, i) {
|
|
280
|
+
return L && !e && L.selector ? L.selector(t) : X(t) && !i && (xi || !xe()) ? Pi.call((e || Li).querySelectorAll(t), 0) : Q(t) ? ds(t, i) : Vr(t) ? Pi.call(t, 0) : t ? [t] : [];
|
|
281
|
+
}, Si = function(t) {
|
|
282
|
+
return t = vt(t)[0] || Re("Invalid scope") || {}, function(e) {
|
|
283
|
+
var i = t.current || t.nativeElement || t;
|
|
284
|
+
return vt(e, i.querySelectorAll ? i : i === t ? Re("Invalid scope") || Li.createElement("div") : t);
|
|
285
|
+
};
|
|
286
|
+
}, Ur = function(t) {
|
|
287
|
+
return t.sort(function() {
|
|
288
|
+
return 0.5 - Math.random();
|
|
289
|
+
});
|
|
290
|
+
}, Wr = function(t) {
|
|
291
|
+
if (V(t))
|
|
292
|
+
return t;
|
|
293
|
+
var e = Ot(t) ? t : {
|
|
294
|
+
each: t
|
|
295
|
+
}, i = se(e.ease), r = e.from || 0, n = parseFloat(e.base) || 0, s = {}, a = r > 0 && r < 1, l = isNaN(r) || a, u = e.axis, h = r, f = r;
|
|
296
|
+
return X(r) ? h = f = {
|
|
297
|
+
center: 0.5,
|
|
298
|
+
edges: 0.5,
|
|
299
|
+
end: 1
|
|
300
|
+
}[r] || 0 : !a && l && (h = r[0], f = r[1]), function(d, _, p) {
|
|
301
|
+
var c = (p || e).length, g = s[c], m, b, v, y, x, T, P, S, w;
|
|
302
|
+
if (!g) {
|
|
303
|
+
if (w = e.grid === "auto" ? 0 : (e.grid || [1, mt])[1], !w) {
|
|
304
|
+
for (P = -mt; P < (P = p[w++].getBoundingClientRect().left) && w < c; )
|
|
305
|
+
;
|
|
306
|
+
w < c && w--;
|
|
307
|
+
}
|
|
308
|
+
for (g = s[c] = [], m = l ? Math.min(w, c) * h - 0.5 : r % w, b = w === mt ? 0 : l ? c * f / w - 0.5 : r / w | 0, P = 0, S = mt, T = 0; T < c; T++)
|
|
309
|
+
v = T % w - m, y = b - (T / w | 0), g[T] = x = u ? Math.abs(u === "y" ? y : v) : Pr(v * v + y * y), x > P && (P = x), x < S && (S = x);
|
|
310
|
+
r === "random" && Ur(g), g.max = P - S, g.min = S, g.v = c = (parseFloat(e.amount) || parseFloat(e.each) * (w > c ? c - 1 : u ? u === "y" ? c / w : w : Math.max(w, c / w)) || 0) * (r === "edges" ? -1 : 1), g.b = c < 0 ? n - c : n, g.u = K(e.amount || e.each) || 0, i = i && c < 0 ? Jr(i) : i;
|
|
311
|
+
}
|
|
312
|
+
return c = (g[d] - g.min) / g.max || 0, H(g.b + (i ? i(c) : c) * g.v) + g.u;
|
|
313
|
+
};
|
|
314
|
+
}, Ai = function(t) {
|
|
315
|
+
var e = Math.pow(10, ((t + "").split(".")[1] || "").length);
|
|
316
|
+
return function(i) {
|
|
317
|
+
var r = H(Math.round(parseFloat(i) / t) * t * e);
|
|
318
|
+
return (r - r % 1) / e + (zt(i) ? 0 : K(i));
|
|
319
|
+
};
|
|
320
|
+
}, Hr = function(t, e) {
|
|
321
|
+
var i = Q(t), r, n;
|
|
322
|
+
return !i && Ot(t) && (r = i = t.radius || mt, t.values ? (t = vt(t.values), (n = !zt(t[0])) && (r *= r)) : t = Ai(t.increment)), jt(e, i ? V(t) ? function(s) {
|
|
323
|
+
return n = t(s), Math.abs(n - s) <= r ? n : s;
|
|
324
|
+
} : function(s) {
|
|
325
|
+
for (var a = parseFloat(n ? s.x : s), l = parseFloat(n ? s.y : 0), u = mt, h = 0, f = t.length, d, _; f--; )
|
|
326
|
+
n ? (d = t[f].x - a, _ = t[f].y - l, d = d * d + _ * _) : d = Math.abs(t[f] - a), d < u && (u = d, h = f);
|
|
327
|
+
return h = !r || u <= r ? t[h] : s, n || h === s || zt(s) ? h : h + K(s);
|
|
328
|
+
} : Ai(t));
|
|
329
|
+
}, Yr = function(t, e, i, r) {
|
|
330
|
+
return jt(Q(t) ? !e : i === !0 ? !!(i = 0) : !r, function() {
|
|
331
|
+
return Q(t) ? t[~~(Math.random() * t.length)] : (i = i || 1e-5) && (r = i < 1 ? Math.pow(10, (i + "").length - 2) : 1) && Math.floor(Math.round((t - i / 2 + Math.random() * (e - t + i * 0.99)) / i) * i * r) / r;
|
|
332
|
+
});
|
|
333
|
+
}, _s = function() {
|
|
334
|
+
for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
|
|
335
|
+
e[i] = arguments[i];
|
|
336
|
+
return function(r) {
|
|
337
|
+
return e.reduce(function(n, s) {
|
|
338
|
+
return s(n);
|
|
339
|
+
}, r);
|
|
340
|
+
};
|
|
341
|
+
}, ps = function(t, e) {
|
|
342
|
+
return function(i) {
|
|
343
|
+
return t(parseFloat(i)) + (e || K(i));
|
|
344
|
+
};
|
|
345
|
+
}, gs = function(t, e, i) {
|
|
346
|
+
return qr(t, e, 0, 1, i);
|
|
347
|
+
}, Xr = function(t, e, i) {
|
|
348
|
+
return jt(i, function(r) {
|
|
349
|
+
return t[~~e(r)];
|
|
350
|
+
});
|
|
351
|
+
}, bs = function o(t, e, i) {
|
|
352
|
+
var r = e - t;
|
|
353
|
+
return Q(t) ? Xr(t, o(0, t.length), e) : jt(i, function(n) {
|
|
354
|
+
return (r + (n - t) % r) % r + t;
|
|
355
|
+
});
|
|
356
|
+
}, ms = function o(t, e, i) {
|
|
357
|
+
var r = e - t, n = r * 2;
|
|
358
|
+
return Q(t) ? Xr(t, o(0, t.length - 1), e) : jt(i, function(s) {
|
|
359
|
+
return s = (n + (s - t) % n) % n || 0, t + (s > r ? n - s : s);
|
|
360
|
+
});
|
|
361
|
+
}, Ie = function(t) {
|
|
362
|
+
for (var e = 0, i = "", r, n, s, a; ~(r = t.indexOf("random(", e)); )
|
|
363
|
+
s = t.indexOf(")", r), a = t.charAt(r + 7) === "[", n = t.substr(r + 7, s - r - 7).match(a ? Cr : vi), i += t.substr(e, r - e) + Yr(a ? n : +n[0], a ? 0 : +n[1], +n[2] || 1e-5), e = s + 1;
|
|
364
|
+
return i + t.substr(e, t.length - e);
|
|
365
|
+
}, qr = function(t, e, i, r, n) {
|
|
366
|
+
var s = e - t, a = r - i;
|
|
367
|
+
return jt(n, function(l) {
|
|
368
|
+
return i + ((l - t) / s * a || 0);
|
|
369
|
+
});
|
|
370
|
+
}, vs = function o(t, e, i, r) {
|
|
371
|
+
var n = isNaN(t + e) ? 0 : function(_) {
|
|
372
|
+
return (1 - _) * t + _ * e;
|
|
373
|
+
};
|
|
374
|
+
if (!n) {
|
|
375
|
+
var s = X(t), a = {}, l, u, h, f, d;
|
|
376
|
+
if (i === !0 && (r = 1) && (i = null), s)
|
|
377
|
+
t = {
|
|
378
|
+
p: t
|
|
379
|
+
}, e = {
|
|
380
|
+
p: e
|
|
381
|
+
};
|
|
382
|
+
else if (Q(t) && !Q(e)) {
|
|
383
|
+
for (h = [], f = t.length, d = f - 2, u = 1; u < f; u++)
|
|
384
|
+
h.push(o(t[u - 1], t[u]));
|
|
385
|
+
f--, n = function(p) {
|
|
386
|
+
p *= f;
|
|
387
|
+
var c = Math.min(d, ~~p);
|
|
388
|
+
return h[c](p - c);
|
|
389
|
+
}, i = e;
|
|
390
|
+
} else r || (t = be(Q(t) ? [] : {}, t));
|
|
391
|
+
if (!h) {
|
|
392
|
+
for (l in e)
|
|
393
|
+
Wi.call(a, t, l, "get", e[l]);
|
|
394
|
+
n = function(p) {
|
|
395
|
+
return qi(p, a) || (s ? t.p : t);
|
|
396
|
+
};
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
return jt(i, n);
|
|
400
|
+
}, sr = function(t, e, i) {
|
|
401
|
+
var r = t.labels, n = mt, s, a, l;
|
|
402
|
+
for (s in r)
|
|
403
|
+
a = r[s] - e, a < 0 == !!i && a && n > (a = Math.abs(a)) && (l = s, n = a);
|
|
404
|
+
return l;
|
|
405
|
+
}, ht = function(t, e, i) {
|
|
406
|
+
var r = t.vars, n = r[e], s = L, a = t._ctx, l, u, h;
|
|
407
|
+
if (n)
|
|
408
|
+
return l = r[e + "Params"], u = r.callbackScope || t, i && Yt.length && ti(), a && (L = a), h = l ? n.apply(u, l) : n.call(u), L = s, h;
|
|
409
|
+
}, Ae = function(t) {
|
|
410
|
+
return Gt(t), t.scrollTrigger && t.scrollTrigger.kill(!!q), t.progress() < 1 && ht(t, "onInterrupt"), t;
|
|
411
|
+
}, ce, Gr = [], Kr = function(t) {
|
|
412
|
+
if (t)
|
|
413
|
+
if (t = !t.name && t.default || t, Fi() || t.headless) {
|
|
414
|
+
var e = t.name, i = V(t), r = e && !i && t.init ? function() {
|
|
415
|
+
this._props = [];
|
|
416
|
+
} : t, n = {
|
|
417
|
+
init: ze,
|
|
418
|
+
render: qi,
|
|
419
|
+
add: Wi,
|
|
420
|
+
kill: Es,
|
|
421
|
+
modifier: Is,
|
|
422
|
+
rawVars: 0
|
|
423
|
+
}, s = {
|
|
424
|
+
targetTest: 0,
|
|
425
|
+
get: 0,
|
|
426
|
+
getSetter: Xi,
|
|
427
|
+
aliases: {},
|
|
428
|
+
register: 0
|
|
429
|
+
};
|
|
430
|
+
if (xe(), t !== r) {
|
|
431
|
+
if (lt[e])
|
|
432
|
+
return;
|
|
433
|
+
dt(r, dt(ei(t, n), s)), be(r.prototype, be(n, ei(t, s))), lt[r.prop = e] = r, t.targetTest && (Qe.push(r), Ni[e] = 1), e = (e === "css" ? "CSS" : e.charAt(0).toUpperCase() + e.substr(1)) + "Plugin";
|
|
434
|
+
}
|
|
435
|
+
Mr(e, r), t.register && t.register(ot, r, nt);
|
|
436
|
+
} else
|
|
437
|
+
Gr.push(t);
|
|
438
|
+
}, E = 255, ke = {
|
|
439
|
+
aqua: [0, E, E],
|
|
440
|
+
lime: [0, E, 0],
|
|
441
|
+
silver: [192, 192, 192],
|
|
442
|
+
black: [0, 0, 0],
|
|
443
|
+
maroon: [128, 0, 0],
|
|
444
|
+
teal: [0, 128, 128],
|
|
445
|
+
blue: [0, 0, E],
|
|
446
|
+
navy: [0, 0, 128],
|
|
447
|
+
white: [E, E, E],
|
|
448
|
+
olive: [128, 128, 0],
|
|
449
|
+
yellow: [E, E, 0],
|
|
450
|
+
orange: [E, 165, 0],
|
|
451
|
+
gray: [128, 128, 128],
|
|
452
|
+
purple: [128, 0, 128],
|
|
453
|
+
green: [0, 128, 0],
|
|
454
|
+
red: [E, 0, 0],
|
|
455
|
+
pink: [E, 192, 203],
|
|
456
|
+
cyan: [0, E, E],
|
|
457
|
+
transparent: [E, E, E, 0]
|
|
458
|
+
}, ci = function(t, e, i) {
|
|
459
|
+
return t += t < 0 ? 1 : t > 1 ? -1 : 0, (t * 6 < 1 ? e + (i - e) * t * 6 : t < 0.5 ? i : t * 3 < 2 ? e + (i - e) * (2 / 3 - t) * 6 : e) * E + 0.5 | 0;
|
|
460
|
+
}, jr = function(t, e, i) {
|
|
461
|
+
var r = t ? zt(t) ? [t >> 16, t >> 8 & E, t & E] : 0 : ke.black, n, s, a, l, u, h, f, d, _, p;
|
|
462
|
+
if (!r) {
|
|
463
|
+
if (t.substr(-1) === "," && (t = t.substr(0, t.length - 1)), ke[t])
|
|
464
|
+
r = ke[t];
|
|
465
|
+
else if (t.charAt(0) === "#") {
|
|
466
|
+
if (t.length < 6 && (n = t.charAt(1), s = t.charAt(2), a = t.charAt(3), t = "#" + n + n + s + s + a + a + (t.length === 5 ? t.charAt(4) + t.charAt(4) : "")), t.length === 9)
|
|
467
|
+
return r = parseInt(t.substr(1, 6), 16), [r >> 16, r >> 8 & E, r & E, parseInt(t.substr(7), 16) / 255];
|
|
468
|
+
t = parseInt(t.substr(1), 16), r = [t >> 16, t >> 8 & E, t & E];
|
|
469
|
+
} else if (t.substr(0, 3) === "hsl") {
|
|
470
|
+
if (r = p = t.match(vi), !e)
|
|
471
|
+
l = +r[0] % 360 / 360, u = +r[1] / 100, h = +r[2] / 100, s = h <= 0.5 ? h * (u + 1) : h + u - h * u, n = h * 2 - s, r.length > 3 && (r[3] *= 1), r[0] = ci(l + 1 / 3, n, s), r[1] = ci(l, n, s), r[2] = ci(l - 1 / 3, n, s);
|
|
472
|
+
else if (~t.indexOf("="))
|
|
473
|
+
return r = t.match(Ar), i && r.length < 4 && (r[3] = 1), r;
|
|
474
|
+
} else
|
|
475
|
+
r = t.match(vi) || ke.transparent;
|
|
476
|
+
r = r.map(Number);
|
|
477
|
+
}
|
|
478
|
+
return e && !p && (n = r[0] / E, s = r[1] / E, a = r[2] / E, f = Math.max(n, s, a), d = Math.min(n, s, a), h = (f + d) / 2, f === d ? l = u = 0 : (_ = f - d, u = h > 0.5 ? _ / (2 - f - d) : _ / (f + d), l = f === n ? (s - a) / _ + (s < a ? 6 : 0) : f === s ? (a - n) / _ + 2 : (n - s) / _ + 4, l *= 60), r[0] = ~~(l + 0.5), r[1] = ~~(u * 100 + 0.5), r[2] = ~~(h * 100 + 0.5)), i && r.length < 4 && (r[3] = 1), r;
|
|
479
|
+
}, Qr = function(t) {
|
|
480
|
+
var e = [], i = [], r = -1;
|
|
481
|
+
return t.split(Xt).forEach(function(n) {
|
|
482
|
+
var s = n.match(he) || [];
|
|
483
|
+
e.push.apply(e, s), i.push(r += s.length + 1);
|
|
484
|
+
}), e.c = i, e;
|
|
485
|
+
}, or = function(t, e, i) {
|
|
486
|
+
var r = "", n = (t + r).match(Xt), s = e ? "hsla(" : "rgba(", a = 0, l, u, h, f;
|
|
487
|
+
if (!n)
|
|
488
|
+
return t;
|
|
489
|
+
if (n = n.map(function(d) {
|
|
490
|
+
return (d = jr(d, e, 1)) && s + (e ? d[0] + "," + d[1] + "%," + d[2] + "%," + d[3] : d.join(",")) + ")";
|
|
491
|
+
}), i && (h = Qr(t), l = i.c, l.join(r) !== h.c.join(r)))
|
|
492
|
+
for (u = t.replace(Xt, "1").split(he), f = u.length - 1; a < f; a++)
|
|
493
|
+
r += u[a] + (~l.indexOf(a) ? n.shift() || s + "0,0,0,0)" : (h.length ? h : n.length ? n : i).shift());
|
|
494
|
+
if (!u)
|
|
495
|
+
for (u = t.split(Xt), f = u.length - 1; a < f; a++)
|
|
496
|
+
r += u[a] + n[a];
|
|
497
|
+
return r + u[f];
|
|
498
|
+
}, Xt = function() {
|
|
499
|
+
var o = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b", t;
|
|
500
|
+
for (t in ke)
|
|
501
|
+
o += "|" + t + "\\b";
|
|
502
|
+
return new RegExp(o + ")", "gi");
|
|
503
|
+
}(), xs = /hsl[a]?\(/, Zr = function(t) {
|
|
504
|
+
var e = t.join(" "), i;
|
|
505
|
+
if (Xt.lastIndex = 0, Xt.test(e))
|
|
506
|
+
return i = xs.test(e), t[1] = or(t[1], i), t[0] = or(t[0], i, Qr(t[1])), !0;
|
|
507
|
+
}, Ee, ut = function() {
|
|
508
|
+
var o = Date.now, t = 500, e = 33, i = o(), r = i, n = 1e3 / 240, s = n, a = [], l, u, h, f, d, _, p = function c(g) {
|
|
509
|
+
var m = o() - r, b = g === !0, v, y, x, T;
|
|
510
|
+
if ((m > t || m < 0) && (i += m - e), r += m, x = r - i, v = x - s, (v > 0 || b) && (T = ++f.frame, d = x - f.time * 1e3, f.time = x = x / 1e3, s += v + (v >= n ? 4 : n - v), y = 1), b || (l = u(c)), y)
|
|
511
|
+
for (_ = 0; _ < a.length; _++)
|
|
512
|
+
a[_](x, d, T, g);
|
|
513
|
+
};
|
|
514
|
+
return f = {
|
|
515
|
+
time: 0,
|
|
516
|
+
frame: 0,
|
|
517
|
+
tick: function() {
|
|
518
|
+
p(!0);
|
|
519
|
+
},
|
|
520
|
+
deltaRatio: function(g) {
|
|
521
|
+
return d / (1e3 / (g || 60));
|
|
522
|
+
},
|
|
523
|
+
wake: function() {
|
|
524
|
+
Or && (!xi && Fi() && (St = xi = window, Li = St.document || {}, ft.gsap = ot, (St.gsapVersions || (St.gsapVersions = [])).push(ot.version), Dr(Je || St.GreenSockGlobals || !St.gsap && St || {}), Gr.forEach(Kr)), h = typeof requestAnimationFrame < "u" && requestAnimationFrame, l && f.sleep(), u = h || function(g) {
|
|
525
|
+
return setTimeout(g, s - f.time * 1e3 + 1 | 0);
|
|
526
|
+
}, Ee = 1, p(2));
|
|
527
|
+
},
|
|
528
|
+
sleep: function() {
|
|
529
|
+
(h ? cancelAnimationFrame : clearTimeout)(l), Ee = 0, u = ze;
|
|
530
|
+
},
|
|
531
|
+
lagSmoothing: function(g, m) {
|
|
532
|
+
t = g || 1 / 0, e = Math.min(m || 33, t);
|
|
533
|
+
},
|
|
534
|
+
fps: function(g) {
|
|
535
|
+
n = 1e3 / (g || 240), s = f.time * 1e3 + n;
|
|
536
|
+
},
|
|
537
|
+
add: function(g, m, b) {
|
|
538
|
+
var v = m ? function(y, x, T, P) {
|
|
539
|
+
g(y, x, T, P), f.remove(v);
|
|
540
|
+
} : g;
|
|
541
|
+
return f.remove(g), a[b ? "unshift" : "push"](v), xe(), v;
|
|
542
|
+
},
|
|
543
|
+
remove: function(g, m) {
|
|
544
|
+
~(m = a.indexOf(g)) && a.splice(m, 1) && _ >= m && _--;
|
|
545
|
+
},
|
|
546
|
+
_listeners: a
|
|
547
|
+
}, f;
|
|
548
|
+
}(), xe = function() {
|
|
549
|
+
return !Ee && ut.wake();
|
|
550
|
+
}, D = {}, ys = /^[\d.\-M][\d.\-,\s]/, ws = /["']/g, Ts = function(t) {
|
|
551
|
+
for (var e = {}, i = t.substr(1, t.length - 3).split(":"), r = i[0], n = 1, s = i.length, a, l, u; n < s; n++)
|
|
552
|
+
l = i[n], a = n !== s - 1 ? l.lastIndexOf(",") : l.length, u = l.substr(0, a), e[r] = isNaN(u) ? u.replace(ws, "").trim() : +u, r = l.substr(a + 1).trim();
|
|
553
|
+
return e;
|
|
554
|
+
}, Ps = function(t) {
|
|
555
|
+
var e = t.indexOf("(") + 1, i = t.indexOf(")"), r = t.indexOf("(", e);
|
|
556
|
+
return t.substring(e, ~r && r < i ? t.indexOf(")", i + 1) : i);
|
|
557
|
+
}, Ss = function(t) {
|
|
558
|
+
var e = (t + "").split("("), i = D[e[0]];
|
|
559
|
+
return i && e.length > 1 && i.config ? i.config.apply(null, ~t.indexOf("{") ? [Ts(e[1])] : Ps(t).split(",").map(Er)) : D._CE && ys.test(t) ? D._CE("", t) : i;
|
|
560
|
+
}, Jr = function(t) {
|
|
561
|
+
return function(e) {
|
|
562
|
+
return 1 - t(1 - e);
|
|
563
|
+
};
|
|
564
|
+
}, tn = function o(t, e) {
|
|
565
|
+
for (var i = t._first, r; i; )
|
|
566
|
+
i instanceof J ? o(i, e) : i.vars.yoyoEase && (!i._yoyo || !i._repeat) && i._yoyo !== e && (i.timeline ? o(i.timeline, e) : (r = i._ease, i._ease = i._yEase, i._yEase = r, i._yoyo = e)), i = i._next;
|
|
567
|
+
}, se = function(t, e) {
|
|
568
|
+
return t && (V(t) ? t : D[t] || Ss(t)) || e;
|
|
569
|
+
}, le = function(t, e, i, r) {
|
|
570
|
+
i === void 0 && (i = function(l) {
|
|
571
|
+
return 1 - e(1 - l);
|
|
572
|
+
}), r === void 0 && (r = function(l) {
|
|
573
|
+
return l < 0.5 ? e(l * 2) / 2 : 1 - e((1 - l) * 2) / 2;
|
|
574
|
+
});
|
|
575
|
+
var n = {
|
|
576
|
+
easeIn: e,
|
|
577
|
+
easeOut: i,
|
|
578
|
+
easeInOut: r
|
|
579
|
+
}, s;
|
|
580
|
+
return rt(t, function(a) {
|
|
581
|
+
D[a] = ft[a] = n, D[s = a.toLowerCase()] = i;
|
|
582
|
+
for (var l in n)
|
|
583
|
+
D[s + (l === "easeIn" ? ".in" : l === "easeOut" ? ".out" : ".inOut")] = D[a + "." + l] = n[l];
|
|
584
|
+
}), n;
|
|
585
|
+
}, en = function(t) {
|
|
586
|
+
return function(e) {
|
|
587
|
+
return e < 0.5 ? (1 - t(1 - e * 2)) / 2 : 0.5 + t((e - 0.5) * 2) / 2;
|
|
588
|
+
};
|
|
589
|
+
}, fi = function o(t, e, i) {
|
|
590
|
+
var r = e >= 1 ? e : 1, n = (i || (t ? 0.3 : 0.45)) / (e < 1 ? e : 1), s = n / mi * (Math.asin(1 / r) || 0), a = function(h) {
|
|
591
|
+
return h === 1 ? 1 : r * Math.pow(2, -10 * h) * Jn((h - s) * n) + 1;
|
|
592
|
+
}, l = t === "out" ? a : t === "in" ? function(u) {
|
|
593
|
+
return 1 - a(1 - u);
|
|
594
|
+
} : en(a);
|
|
595
|
+
return n = mi / n, l.config = function(u, h) {
|
|
596
|
+
return o(t, u, h);
|
|
597
|
+
}, l;
|
|
598
|
+
}, di = function o(t, e) {
|
|
599
|
+
e === void 0 && (e = 1.70158);
|
|
600
|
+
var i = function(s) {
|
|
601
|
+
return s ? --s * s * ((e + 1) * s + e) + 1 : 0;
|
|
602
|
+
}, r = t === "out" ? i : t === "in" ? function(n) {
|
|
603
|
+
return 1 - i(1 - n);
|
|
604
|
+
} : en(i);
|
|
605
|
+
return r.config = function(n) {
|
|
606
|
+
return o(t, n);
|
|
607
|
+
}, r;
|
|
608
|
+
};
|
|
609
|
+
rt("Linear,Quad,Cubic,Quart,Quint,Strong", function(o, t) {
|
|
610
|
+
var e = t < 5 ? t + 1 : t;
|
|
611
|
+
le(o + ",Power" + (e - 1), t ? function(i) {
|
|
612
|
+
return Math.pow(i, e);
|
|
613
|
+
} : function(i) {
|
|
614
|
+
return i;
|
|
615
|
+
}, function(i) {
|
|
616
|
+
return 1 - Math.pow(1 - i, e);
|
|
617
|
+
}, function(i) {
|
|
618
|
+
return i < 0.5 ? Math.pow(i * 2, e) / 2 : 1 - Math.pow((1 - i) * 2, e) / 2;
|
|
619
|
+
});
|
|
620
|
+
});
|
|
621
|
+
D.Linear.easeNone = D.none = D.Linear.easeIn;
|
|
622
|
+
le("Elastic", fi("in"), fi("out"), fi());
|
|
623
|
+
(function(o, t) {
|
|
624
|
+
var e = 1 / t, i = 2 * e, r = 2.5 * e, n = function(a) {
|
|
625
|
+
return a < e ? o * a * a : a < i ? o * Math.pow(a - 1.5 / t, 2) + 0.75 : a < r ? o * (a -= 2.25 / t) * a + 0.9375 : o * Math.pow(a - 2.625 / t, 2) + 0.984375;
|
|
626
|
+
};
|
|
627
|
+
le("Bounce", function(s) {
|
|
628
|
+
return 1 - n(1 - s);
|
|
629
|
+
}, n);
|
|
630
|
+
})(7.5625, 2.75);
|
|
631
|
+
le("Expo", function(o) {
|
|
632
|
+
return Math.pow(2, 10 * (o - 1)) * o + o * o * o * o * o * o * (1 - o);
|
|
633
|
+
});
|
|
634
|
+
le("Circ", function(o) {
|
|
635
|
+
return -(Pr(1 - o * o) - 1);
|
|
636
|
+
});
|
|
637
|
+
le("Sine", function(o) {
|
|
638
|
+
return o === 1 ? 1 : -Zn(o * jn) + 1;
|
|
639
|
+
});
|
|
640
|
+
le("Back", di("in"), di("out"), di());
|
|
641
|
+
D.SteppedEase = D.steps = ft.SteppedEase = {
|
|
642
|
+
config: function(t, e) {
|
|
643
|
+
t === void 0 && (t = 1);
|
|
644
|
+
var i = 1 / t, r = t + (e ? 0 : 1), n = e ? 1 : 0, s = 1 - F;
|
|
645
|
+
return function(a) {
|
|
646
|
+
return ((r * Ve(0, s, a) | 0) + n) * i;
|
|
647
|
+
};
|
|
648
|
+
}
|
|
649
|
+
};
|
|
650
|
+
ge.ease = D["quad.out"];
|
|
651
|
+
rt("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt", function(o) {
|
|
652
|
+
return Bi += o + "," + o + "Params,";
|
|
653
|
+
});
|
|
654
|
+
var rn = function(t, e) {
|
|
655
|
+
this.id = Qn++, t._gsap = this, this.target = t, this.harness = e, this.get = e ? e.get : zr, this.set = e ? e.getSetter : Xi;
|
|
656
|
+
}, Fe = /* @__PURE__ */ function() {
|
|
657
|
+
function o(e) {
|
|
658
|
+
this.vars = e, this._delay = +e.delay || 0, (this._repeat = e.repeat === 1 / 0 ? -2 : e.repeat || 0) && (this._rDelay = e.repeatDelay || 0, this._yoyo = !!e.yoyo || !!e.yoyoEase), this._ts = 1, ve(this, +e.duration, 1, 1), this.data = e.data, L && (this._ctx = L, L.data.push(this)), Ee || ut.wake();
|
|
659
|
+
}
|
|
660
|
+
var t = o.prototype;
|
|
661
|
+
return t.delay = function(i) {
|
|
662
|
+
return i || i === 0 ? (this.parent && this.parent.smoothChildTiming && this.startTime(this._start + i - this._delay), this._delay = i, this) : this._delay;
|
|
663
|
+
}, t.duration = function(i) {
|
|
664
|
+
return arguments.length ? this.totalDuration(this._repeat > 0 ? i + (i + this._rDelay) * this._repeat : i) : this.totalDuration() && this._dur;
|
|
665
|
+
}, t.totalDuration = function(i) {
|
|
666
|
+
return arguments.length ? (this._dirty = 0, ve(this, this._repeat < 0 ? i : (i - this._repeat * this._rDelay) / (this._repeat + 1))) : this._tDur;
|
|
667
|
+
}, t.totalTime = function(i, r) {
|
|
668
|
+
if (xe(), !arguments.length)
|
|
669
|
+
return this._tTime;
|
|
670
|
+
var n = this._dp;
|
|
671
|
+
if (n && n.smoothChildTiming && this._ts) {
|
|
672
|
+
for (li(this, i), !n._dp || n.parent || $r(n, this); n && n.parent; )
|
|
673
|
+
n.parent._time !== n._start + (n._ts >= 0 ? n._tTime / n._ts : (n.totalDuration() - n._tTime) / -n._ts) && n.totalTime(n._tTime, !0), n = n.parent;
|
|
674
|
+
!this.parent && this._dp.autoRemoveChildren && (this._ts > 0 && i < this._tDur || this._ts < 0 && i > 0 || !this._tDur && !i) && At(this._dp, this, this._start - this._delay);
|
|
675
|
+
}
|
|
676
|
+
return (this._tTime !== i || !this._dur && !r || this._initted && Math.abs(this._zTime) === F || !i && !this._initted && (this.add || this._ptLookup)) && (this._ts || (this._pTime = i), Ir(this, i, r)), this;
|
|
677
|
+
}, t.time = function(i, r) {
|
|
678
|
+
return arguments.length ? this.totalTime(Math.min(this.totalDuration(), i + rr(this)) % (this._dur + this._rDelay) || (i ? this._dur : 0), r) : this._time;
|
|
679
|
+
}, t.totalProgress = function(i, r) {
|
|
680
|
+
return arguments.length ? this.totalTime(this.totalDuration() * i, r) : this.totalDuration() ? Math.min(1, this._tTime / this._tDur) : this.rawTime() >= 0 && this._initted ? 1 : 0;
|
|
681
|
+
}, t.progress = function(i, r) {
|
|
682
|
+
return arguments.length ? this.totalTime(this.duration() * (this._yoyo && !(this.iteration() & 1) ? 1 - i : i) + rr(this), r) : this.duration() ? Math.min(1, this._time / this._dur) : this.rawTime() > 0 ? 1 : 0;
|
|
683
|
+
}, t.iteration = function(i, r) {
|
|
684
|
+
var n = this.duration() + this._rDelay;
|
|
685
|
+
return arguments.length ? this.totalTime(this._time + (i - 1) * n, r) : this._repeat ? me(this._tTime, n) + 1 : 1;
|
|
686
|
+
}, t.timeScale = function(i, r) {
|
|
687
|
+
if (!arguments.length)
|
|
688
|
+
return this._rts === -F ? 0 : this._rts;
|
|
689
|
+
if (this._rts === i)
|
|
690
|
+
return this;
|
|
691
|
+
var n = this.parent && this._ts ? ii(this.parent._time, this) : this._tTime;
|
|
692
|
+
return this._rts = +i || 0, this._ts = this._ps || i === -F ? 0 : this._rts, this.totalTime(Ve(-Math.abs(this._delay), this.totalDuration(), n), r !== !1), ai(this), os(this);
|
|
693
|
+
}, t.paused = function(i) {
|
|
694
|
+
return arguments.length ? (this._ps !== i && (this._ps = i, i ? (this._pTime = this._tTime || Math.max(-this._delay, this.rawTime()), this._ts = this._act = 0) : (xe(), this._ts = this._rts, this.totalTime(this.parent && !this.parent.smoothChildTiming ? this.rawTime() : this._tTime || this._pTime, this.progress() === 1 && Math.abs(this._zTime) !== F && (this._tTime -= F)))), this) : this._ps;
|
|
695
|
+
}, t.startTime = function(i) {
|
|
696
|
+
if (arguments.length) {
|
|
697
|
+
this._start = i;
|
|
698
|
+
var r = this.parent || this._dp;
|
|
699
|
+
return r && (r._sort || !this.parent) && At(r, this, i - this._delay), this;
|
|
700
|
+
}
|
|
701
|
+
return this._start;
|
|
702
|
+
}, t.endTime = function(i) {
|
|
703
|
+
return this._start + (it(i) ? this.totalDuration() : this.duration()) / Math.abs(this._ts || 1);
|
|
704
|
+
}, t.rawTime = function(i) {
|
|
705
|
+
var r = this.parent || this._dp;
|
|
706
|
+
return r ? i && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : this._ts ? ii(r.rawTime(i), this) : this._tTime : this._tTime;
|
|
707
|
+
}, t.revert = function(i) {
|
|
708
|
+
i === void 0 && (i = is);
|
|
709
|
+
var r = q;
|
|
710
|
+
return q = i, Ui(this) && (this.timeline && this.timeline.revert(i), this.totalTime(-0.01, i.suppressEvents)), this.data !== "nested" && i.kill !== !1 && this.kill(), q = r, this;
|
|
711
|
+
}, t.globalTime = function(i) {
|
|
712
|
+
for (var r = this, n = arguments.length ? i : r.rawTime(); r; )
|
|
713
|
+
n = r._start + n / (Math.abs(r._ts) || 1), r = r._dp;
|
|
714
|
+
return !this.parent && this._sat ? this._sat.globalTime(i) : n;
|
|
715
|
+
}, t.repeat = function(i) {
|
|
716
|
+
return arguments.length ? (this._repeat = i === 1 / 0 ? -2 : i, nr(this)) : this._repeat === -2 ? 1 / 0 : this._repeat;
|
|
717
|
+
}, t.repeatDelay = function(i) {
|
|
718
|
+
if (arguments.length) {
|
|
719
|
+
var r = this._time;
|
|
720
|
+
return this._rDelay = i, nr(this), r ? this.time(r) : this;
|
|
721
|
+
}
|
|
722
|
+
return this._rDelay;
|
|
723
|
+
}, t.yoyo = function(i) {
|
|
724
|
+
return arguments.length ? (this._yoyo = i, this) : this._yoyo;
|
|
725
|
+
}, t.seek = function(i, r) {
|
|
726
|
+
return this.totalTime(bt(this, i), it(r));
|
|
727
|
+
}, t.restart = function(i, r) {
|
|
728
|
+
return this.play().totalTime(i ? -this._delay : 0, it(r)), this._dur || (this._zTime = -F), this;
|
|
729
|
+
}, t.play = function(i, r) {
|
|
730
|
+
return i != null && this.seek(i, r), this.reversed(!1).paused(!1);
|
|
731
|
+
}, t.reverse = function(i, r) {
|
|
732
|
+
return i != null && this.seek(i || this.totalDuration(), r), this.reversed(!0).paused(!1);
|
|
733
|
+
}, t.pause = function(i, r) {
|
|
734
|
+
return i != null && this.seek(i, r), this.paused(!0);
|
|
735
|
+
}, t.resume = function() {
|
|
736
|
+
return this.paused(!1);
|
|
737
|
+
}, t.reversed = function(i) {
|
|
738
|
+
return arguments.length ? (!!i !== this.reversed() && this.timeScale(-this._rts || (i ? -F : 0)), this) : this._rts < 0;
|
|
739
|
+
}, t.invalidate = function() {
|
|
740
|
+
return this._initted = this._act = 0, this._zTime = -F, this;
|
|
741
|
+
}, t.isActive = function() {
|
|
742
|
+
var i = this.parent || this._dp, r = this._start, n;
|
|
743
|
+
return !!(!i || this._ts && this._initted && i.isActive() && (n = i.rawTime(!0)) >= r && n < this.endTime(!0) - F);
|
|
744
|
+
}, t.eventCallback = function(i, r, n) {
|
|
745
|
+
var s = this.vars;
|
|
746
|
+
return arguments.length > 1 ? (r ? (s[i] = r, n && (s[i + "Params"] = n), i === "onUpdate" && (this._onUpdate = r)) : delete s[i], this) : s[i];
|
|
747
|
+
}, t.then = function(i) {
|
|
748
|
+
var r = this;
|
|
749
|
+
return new Promise(function(n) {
|
|
750
|
+
var s = V(i) ? i : Fr, a = function() {
|
|
751
|
+
var u = r.then;
|
|
752
|
+
r.then = null, V(s) && (s = s(r)) && (s.then || s === r) && (r.then = u), n(s), r.then = u;
|
|
753
|
+
};
|
|
754
|
+
r._initted && r.totalProgress() === 1 && r._ts >= 0 || !r._tTime && r._ts < 0 ? a() : r._prom = a;
|
|
755
|
+
});
|
|
756
|
+
}, t.kill = function() {
|
|
757
|
+
Ae(this);
|
|
758
|
+
}, o;
|
|
759
|
+
}();
|
|
760
|
+
dt(Fe.prototype, {
|
|
761
|
+
_time: 0,
|
|
762
|
+
_start: 0,
|
|
763
|
+
_end: 0,
|
|
764
|
+
_tTime: 0,
|
|
765
|
+
_tDur: 0,
|
|
766
|
+
_dirty: 0,
|
|
767
|
+
_repeat: 0,
|
|
768
|
+
_yoyo: !1,
|
|
769
|
+
parent: null,
|
|
770
|
+
_initted: !1,
|
|
771
|
+
_rDelay: 0,
|
|
772
|
+
_ts: 1,
|
|
773
|
+
_dp: 0,
|
|
774
|
+
ratio: 0,
|
|
775
|
+
_zTime: -F,
|
|
776
|
+
_prom: 0,
|
|
777
|
+
_ps: !1,
|
|
778
|
+
_rts: 1
|
|
779
|
+
});
|
|
780
|
+
var J = /* @__PURE__ */ function(o) {
|
|
781
|
+
Tr(t, o);
|
|
782
|
+
function t(i, r) {
|
|
783
|
+
var n;
|
|
784
|
+
return i === void 0 && (i = {}), n = o.call(this, i) || this, n.labels = {}, n.smoothChildTiming = !!i.smoothChildTiming, n.autoRemoveChildren = !!i.autoRemoveChildren, n._sort = it(i.sortChildren), N && At(i.parent || N, Dt(n), r), i.reversed && n.reverse(), i.paused && n.paused(!0), i.scrollTrigger && Nr(Dt(n), i.scrollTrigger), n;
|
|
785
|
+
}
|
|
786
|
+
var e = t.prototype;
|
|
787
|
+
return e.to = function(r, n, s) {
|
|
788
|
+
return Oe(0, arguments, this), this;
|
|
789
|
+
}, e.from = function(r, n, s) {
|
|
790
|
+
return Oe(1, arguments, this), this;
|
|
791
|
+
}, e.fromTo = function(r, n, s, a) {
|
|
792
|
+
return Oe(2, arguments, this), this;
|
|
793
|
+
}, e.set = function(r, n, s) {
|
|
794
|
+
return n.duration = 0, n.parent = this, Ce(n).repeatDelay || (n.repeat = 0), n.immediateRender = !!n.immediateRender, new W(r, n, bt(this, s), 1), this;
|
|
795
|
+
}, e.call = function(r, n, s) {
|
|
796
|
+
return At(this, W.delayedCall(0, r, n), s);
|
|
797
|
+
}, e.staggerTo = function(r, n, s, a, l, u, h) {
|
|
798
|
+
return s.duration = n, s.stagger = s.stagger || a, s.onComplete = u, s.onCompleteParams = h, s.parent = this, new W(r, s, bt(this, l)), this;
|
|
799
|
+
}, e.staggerFrom = function(r, n, s, a, l, u, h) {
|
|
800
|
+
return s.runBackwards = 1, Ce(s).immediateRender = it(s.immediateRender), this.staggerTo(r, n, s, a, l, u, h);
|
|
801
|
+
}, e.staggerFromTo = function(r, n, s, a, l, u, h, f) {
|
|
802
|
+
return a.startAt = s, Ce(a).immediateRender = it(a.immediateRender), this.staggerTo(r, n, a, l, u, h, f);
|
|
803
|
+
}, e.render = function(r, n, s) {
|
|
804
|
+
var a = this._time, l = this._dirty ? this.totalDuration() : this._tDur, u = this._dur, h = r <= 0 ? 0 : H(r), f = this._zTime < 0 != r < 0 && (this._initted || !u), d, _, p, c, g, m, b, v, y, x, T, P;
|
|
805
|
+
if (this !== N && h > l && r >= 0 && (h = l), h !== this._tTime || s || f) {
|
|
806
|
+
if (a !== this._time && u && (h += this._time - a, r += this._time - a), d = h, y = this._start, v = this._ts, m = !v, f && (u || (a = this._zTime), (r || !n) && (this._zTime = r)), this._repeat) {
|
|
807
|
+
if (T = this._yoyo, g = u + this._rDelay, this._repeat < -1 && r < 0)
|
|
808
|
+
return this.totalTime(g * 100 + r, n, s);
|
|
809
|
+
if (d = H(h % g), h === l ? (c = this._repeat, d = u) : (x = H(h / g), c = ~~x, c && c === x && (d = u, c--), d > u && (d = u)), x = me(this._tTime, g), !a && this._tTime && x !== c && this._tTime - x * g - this._dur <= 0 && (x = c), T && c & 1 && (d = u - d, P = 1), c !== x && !this._lock) {
|
|
810
|
+
var S = T && x & 1, w = S === (T && c & 1);
|
|
811
|
+
if (c < x && (S = !S), a = S ? 0 : h % u ? u : h, this._lock = 1, this.render(a || (P ? 0 : H(c * g)), n, !u)._lock = 0, this._tTime = h, !n && this.parent && ht(this, "onRepeat"), this.vars.repeatRefresh && !P && (this.invalidate()._lock = 1), a && a !== this._time || m !== !this._ts || this.vars.onRepeat && !this.parent && !this._act)
|
|
812
|
+
return this;
|
|
813
|
+
if (u = this._dur, l = this._tDur, w && (this._lock = 2, a = S ? u : -1e-4, this.render(a, !0), this.vars.repeatRefresh && !P && this.invalidate()), this._lock = 0, !this._ts && !m)
|
|
814
|
+
return this;
|
|
815
|
+
tn(this, P);
|
|
816
|
+
}
|
|
817
|
+
}
|
|
818
|
+
if (this._hasPause && !this._forcing && this._lock < 2 && (b = hs(this, H(a), H(d)), b && (h -= d - (d = b._start))), this._tTime = h, this._time = d, this._act = !v, this._initted || (this._onUpdate = this.vars.onUpdate, this._initted = 1, this._zTime = r, a = 0), !a && h && !n && !x && (ht(this, "onStart"), this._tTime !== h))
|
|
819
|
+
return this;
|
|
820
|
+
if (d >= a && r >= 0)
|
|
821
|
+
for (_ = this._first; _; ) {
|
|
822
|
+
if (p = _._next, (_._act || d >= _._start) && _._ts && b !== _) {
|
|
823
|
+
if (_.parent !== this)
|
|
824
|
+
return this.render(r, n, s);
|
|
825
|
+
if (_.render(_._ts > 0 ? (d - _._start) * _._ts : (_._dirty ? _.totalDuration() : _._tDur) + (d - _._start) * _._ts, n, s), d !== this._time || !this._ts && !m) {
|
|
826
|
+
b = 0, p && (h += this._zTime = -F);
|
|
827
|
+
break;
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
_ = p;
|
|
831
|
+
}
|
|
832
|
+
else {
|
|
833
|
+
_ = this._last;
|
|
834
|
+
for (var k = r < 0 ? r : d; _; ) {
|
|
835
|
+
if (p = _._prev, (_._act || k <= _._end) && _._ts && b !== _) {
|
|
836
|
+
if (_.parent !== this)
|
|
837
|
+
return this.render(r, n, s);
|
|
838
|
+
if (_.render(_._ts > 0 ? (k - _._start) * _._ts : (_._dirty ? _.totalDuration() : _._tDur) + (k - _._start) * _._ts, n, s || q && Ui(_)), d !== this._time || !this._ts && !m) {
|
|
839
|
+
b = 0, p && (h += this._zTime = k ? -F : F);
|
|
840
|
+
break;
|
|
841
|
+
}
|
|
842
|
+
}
|
|
843
|
+
_ = p;
|
|
844
|
+
}
|
|
845
|
+
}
|
|
846
|
+
if (b && !n && (this.pause(), b.render(d >= a ? 0 : -F)._zTime = d >= a ? 1 : -1, this._ts))
|
|
847
|
+
return this._start = y, ai(this), this.render(r, n, s);
|
|
848
|
+
this._onUpdate && !n && ht(this, "onUpdate", !0), (h === l && this._tTime >= this.totalDuration() || !h && a) && (y === this._start || Math.abs(v) !== Math.abs(this._ts)) && (this._lock || ((r || !u) && (h === l && this._ts > 0 || !h && this._ts < 0) && Gt(this, 1), !n && !(r < 0 && !a) && (h || a || !l) && (ht(this, h === l && r >= 0 ? "onComplete" : "onReverseComplete", !0), this._prom && !(h < l && this.timeScale() > 0) && this._prom())));
|
|
849
|
+
}
|
|
850
|
+
return this;
|
|
851
|
+
}, e.add = function(r, n) {
|
|
852
|
+
var s = this;
|
|
853
|
+
if (zt(n) || (n = bt(this, n, r)), !(r instanceof Fe)) {
|
|
854
|
+
if (Q(r))
|
|
855
|
+
return r.forEach(function(a) {
|
|
856
|
+
return s.add(a, n);
|
|
857
|
+
}), this;
|
|
858
|
+
if (X(r))
|
|
859
|
+
return this.addLabel(r, n);
|
|
860
|
+
if (V(r))
|
|
861
|
+
r = W.delayedCall(0, r);
|
|
862
|
+
else
|
|
863
|
+
return this;
|
|
864
|
+
}
|
|
865
|
+
return this !== r ? At(this, r, n) : this;
|
|
866
|
+
}, e.getChildren = function(r, n, s, a) {
|
|
867
|
+
r === void 0 && (r = !0), n === void 0 && (n = !0), s === void 0 && (s = !0), a === void 0 && (a = -mt);
|
|
868
|
+
for (var l = [], u = this._first; u; )
|
|
869
|
+
u._start >= a && (u instanceof W ? n && l.push(u) : (s && l.push(u), r && l.push.apply(l, u.getChildren(!0, n, s)))), u = u._next;
|
|
870
|
+
return l;
|
|
871
|
+
}, e.getById = function(r) {
|
|
872
|
+
for (var n = this.getChildren(1, 1, 1), s = n.length; s--; )
|
|
873
|
+
if (n[s].vars.id === r)
|
|
874
|
+
return n[s];
|
|
875
|
+
}, e.remove = function(r) {
|
|
876
|
+
return X(r) ? this.removeLabel(r) : V(r) ? this.killTweensOf(r) : (r.parent === this && oi(this, r), r === this._recent && (this._recent = this._last), ne(this));
|
|
877
|
+
}, e.totalTime = function(r, n) {
|
|
878
|
+
return arguments.length ? (this._forcing = 1, !this._dp && this._ts && (this._start = H(ut.time - (this._ts > 0 ? r / this._ts : (this.totalDuration() - r) / -this._ts))), o.prototype.totalTime.call(this, r, n), this._forcing = 0, this) : this._tTime;
|
|
879
|
+
}, e.addLabel = function(r, n) {
|
|
880
|
+
return this.labels[r] = bt(this, n), this;
|
|
881
|
+
}, e.removeLabel = function(r) {
|
|
882
|
+
return delete this.labels[r], this;
|
|
883
|
+
}, e.addPause = function(r, n, s) {
|
|
884
|
+
var a = W.delayedCall(0, n || ze, s);
|
|
885
|
+
return a.data = "isPause", this._hasPause = 1, At(this, a, bt(this, r));
|
|
886
|
+
}, e.removePause = function(r) {
|
|
887
|
+
var n = this._first;
|
|
888
|
+
for (r = bt(this, r); n; )
|
|
889
|
+
n._start === r && n.data === "isPause" && Gt(n), n = n._next;
|
|
890
|
+
}, e.killTweensOf = function(r, n, s) {
|
|
891
|
+
for (var a = this.getTweensOf(r, s), l = a.length; l--; )
|
|
892
|
+
Ut !== a[l] && a[l].kill(r, n);
|
|
893
|
+
return this;
|
|
894
|
+
}, e.getTweensOf = function(r, n) {
|
|
895
|
+
for (var s = [], a = vt(r), l = this._first, u = zt(n), h; l; )
|
|
896
|
+
l instanceof W ? rs(l._targets, a) && (u ? (!Ut || l._initted && l._ts) && l.globalTime(0) <= n && l.globalTime(l.totalDuration()) > n : !n || l.isActive()) && s.push(l) : (h = l.getTweensOf(a, n)).length && s.push.apply(s, h), l = l._next;
|
|
897
|
+
return s;
|
|
898
|
+
}, e.tweenTo = function(r, n) {
|
|
899
|
+
n = n || {};
|
|
900
|
+
var s = this, a = bt(s, r), l = n, u = l.startAt, h = l.onStart, f = l.onStartParams, d = l.immediateRender, _, p = W.to(s, dt({
|
|
901
|
+
ease: n.ease || "none",
|
|
902
|
+
lazy: !1,
|
|
903
|
+
immediateRender: !1,
|
|
904
|
+
time: a,
|
|
905
|
+
overwrite: "auto",
|
|
906
|
+
duration: n.duration || Math.abs((a - (u && "time" in u ? u.time : s._time)) / s.timeScale()) || F,
|
|
907
|
+
onStart: function() {
|
|
908
|
+
if (s.pause(), !_) {
|
|
909
|
+
var g = n.duration || Math.abs((a - (u && "time" in u ? u.time : s._time)) / s.timeScale());
|
|
910
|
+
p._dur !== g && ve(p, g, 0, 1).render(p._time, !0, !0), _ = 1;
|
|
911
|
+
}
|
|
912
|
+
h && h.apply(p, f || []);
|
|
913
|
+
}
|
|
914
|
+
}, n));
|
|
915
|
+
return d ? p.render(0) : p;
|
|
916
|
+
}, e.tweenFromTo = function(r, n, s) {
|
|
917
|
+
return this.tweenTo(n, dt({
|
|
918
|
+
startAt: {
|
|
919
|
+
time: bt(this, r)
|
|
920
|
+
}
|
|
921
|
+
}, s));
|
|
922
|
+
}, e.recent = function() {
|
|
923
|
+
return this._recent;
|
|
924
|
+
}, e.nextLabel = function(r) {
|
|
925
|
+
return r === void 0 && (r = this._time), sr(this, bt(this, r));
|
|
926
|
+
}, e.previousLabel = function(r) {
|
|
927
|
+
return r === void 0 && (r = this._time), sr(this, bt(this, r), 1);
|
|
928
|
+
}, e.currentLabel = function(r) {
|
|
929
|
+
return arguments.length ? this.seek(r, !0) : this.previousLabel(this._time + F);
|
|
930
|
+
}, e.shiftChildren = function(r, n, s) {
|
|
931
|
+
s === void 0 && (s = 0);
|
|
932
|
+
for (var a = this._first, l = this.labels, u; a; )
|
|
933
|
+
a._start >= s && (a._start += r, a._end += r), a = a._next;
|
|
934
|
+
if (n)
|
|
935
|
+
for (u in l)
|
|
936
|
+
l[u] >= s && (l[u] += r);
|
|
937
|
+
return ne(this);
|
|
938
|
+
}, e.invalidate = function(r) {
|
|
939
|
+
var n = this._first;
|
|
940
|
+
for (this._lock = 0; n; )
|
|
941
|
+
n.invalidate(r), n = n._next;
|
|
942
|
+
return o.prototype.invalidate.call(this, r);
|
|
943
|
+
}, e.clear = function(r) {
|
|
944
|
+
r === void 0 && (r = !0);
|
|
945
|
+
for (var n = this._first, s; n; )
|
|
946
|
+
s = n._next, this.remove(n), n = s;
|
|
947
|
+
return this._dp && (this._time = this._tTime = this._pTime = 0), r && (this.labels = {}), ne(this);
|
|
948
|
+
}, e.totalDuration = function(r) {
|
|
949
|
+
var n = 0, s = this, a = s._last, l = mt, u, h, f;
|
|
950
|
+
if (arguments.length)
|
|
951
|
+
return s.timeScale((s._repeat < 0 ? s.duration() : s.totalDuration()) / (s.reversed() ? -r : r));
|
|
952
|
+
if (s._dirty) {
|
|
953
|
+
for (f = s.parent; a; )
|
|
954
|
+
u = a._prev, a._dirty && a.totalDuration(), h = a._start, h > l && s._sort && a._ts && !s._lock ? (s._lock = 1, At(s, a, h - a._delay, 1)._lock = 0) : l = h, h < 0 && a._ts && (n -= h, (!f && !s._dp || f && f.smoothChildTiming) && (s._start += h / s._ts, s._time -= h, s._tTime -= h), s.shiftChildren(-h, !1, -1 / 0), l = 0), a._end > n && a._ts && (n = a._end), a = u;
|
|
955
|
+
ve(s, s === N && s._time > n ? s._time : n, 1, 1), s._dirty = 0;
|
|
956
|
+
}
|
|
957
|
+
return s._tDur;
|
|
958
|
+
}, t.updateRoot = function(r) {
|
|
959
|
+
if (N._ts && (Ir(N, ii(r, N)), Rr = ut.frame), ut.frame >= er) {
|
|
960
|
+
er += ct.autoSleep || 120;
|
|
961
|
+
var n = N._first;
|
|
962
|
+
if ((!n || !n._ts) && ct.autoSleep && ut._listeners.length < 2) {
|
|
963
|
+
for (; n && !n._ts; )
|
|
964
|
+
n = n._next;
|
|
965
|
+
n || ut.sleep();
|
|
966
|
+
}
|
|
967
|
+
}
|
|
968
|
+
}, t;
|
|
969
|
+
}(Fe);
|
|
970
|
+
dt(J.prototype, {
|
|
971
|
+
_lock: 0,
|
|
972
|
+
_hasPause: 0,
|
|
973
|
+
_forcing: 0
|
|
974
|
+
});
|
|
975
|
+
var As = function(t, e, i, r, n, s, a) {
|
|
976
|
+
var l = new nt(this._pt, t, e, 0, 1, un, null, n), u = 0, h = 0, f, d, _, p, c, g, m, b;
|
|
977
|
+
for (l.b = i, l.e = r, i += "", r += "", (m = ~r.indexOf("random(")) && (r = Ie(r)), s && (b = [i, r], s(b, t, e), i = b[0], r = b[1]), d = i.match(ui) || []; f = ui.exec(r); )
|
|
978
|
+
p = f[0], c = r.substring(u, f.index), _ ? _ = (_ + 1) % 5 : c.substr(-5) === "rgba(" && (_ = 1), p !== d[h++] && (g = parseFloat(d[h - 1]) || 0, l._pt = {
|
|
979
|
+
_next: l._pt,
|
|
980
|
+
p: c || h === 1 ? c : ",",
|
|
981
|
+
//note: SVG spec allows omission of comma/space when a negative sign is wedged between two numbers, like 2.5-5.3 instead of 2.5,-5.3 but when tweening, the negative value may switch to positive, so we insert the comma just in case.
|
|
982
|
+
s: g,
|
|
983
|
+
c: p.charAt(1) === "=" ? fe(g, p) - g : parseFloat(p) - g,
|
|
984
|
+
m: _ && _ < 4 ? Math.round : 0
|
|
985
|
+
}, u = ui.lastIndex);
|
|
986
|
+
return l.c = u < r.length ? r.substring(u, r.length) : "", l.fp = a, (kr.test(r) || m) && (l.e = 0), this._pt = l, l;
|
|
987
|
+
}, Wi = function(t, e, i, r, n, s, a, l, u, h) {
|
|
988
|
+
V(r) && (r = r(n || 0, t, s));
|
|
989
|
+
var f = t[e], d = i !== "get" ? i : V(f) ? u ? t[e.indexOf("set") || !V(t["get" + e.substr(3)]) ? e : "get" + e.substr(3)](u) : t[e]() : f, _ = V(f) ? u ? Ms : an : Yi, p;
|
|
990
|
+
if (X(r) && (~r.indexOf("random(") && (r = Ie(r)), r.charAt(1) === "=" && (p = fe(d, r) + (K(d) || 0), (p || p === 0) && (r = p))), !h || d !== r || ki)
|
|
991
|
+
return !isNaN(d * r) && r !== "" ? (p = new nt(this._pt, t, e, +d || 0, r - (d || 0), typeof f == "boolean" ? zs : ln, 0, _), u && (p.fp = u), a && p.modifier(a, this, t), this._pt = p) : (!f && !(e in t) && $i(e, r), As.call(this, t, e, d, r, _, l || ct.stringFilter, u));
|
|
992
|
+
}, ks = function(t, e, i, r, n) {
|
|
993
|
+
if (V(t) && (t = De(t, n, e, i, r)), !Ot(t) || t.style && t.nodeType || Q(t) || Sr(t))
|
|
994
|
+
return X(t) ? De(t, n, e, i, r) : t;
|
|
995
|
+
var s = {}, a;
|
|
996
|
+
for (a in t)
|
|
997
|
+
s[a] = De(t[a], n, e, i, r);
|
|
998
|
+
return s;
|
|
999
|
+
}, nn = function(t, e, i, r, n, s) {
|
|
1000
|
+
var a, l, u, h;
|
|
1001
|
+
if (lt[t] && (a = new lt[t]()).init(n, a.rawVars ? e[t] : ks(e[t], r, n, s, i), i, r, s) !== !1 && (i._pt = l = new nt(i._pt, n, t, 0, 1, a.render, a, 0, a.priority), i !== ce))
|
|
1002
|
+
for (u = i._ptLookup[i._targets.indexOf(n)], h = a._props.length; h--; )
|
|
1003
|
+
u[a._props[h]] = l;
|
|
1004
|
+
return a;
|
|
1005
|
+
}, Ut, ki, Hi = function o(t, e, i) {
|
|
1006
|
+
var r = t.vars, n = r.ease, s = r.startAt, a = r.immediateRender, l = r.lazy, u = r.onUpdate, h = r.runBackwards, f = r.yoyoEase, d = r.keyframes, _ = r.autoRevert, p = t._dur, c = t._startAt, g = t._targets, m = t.parent, b = m && m.data === "nested" ? m.vars.targets : g, v = t._overwrite === "auto" && !Ii, y = t.timeline, x, T, P, S, w, k, M, O, R, Y, I, z, $;
|
|
1007
|
+
if (y && (!d || !n) && (n = "none"), t._ease = se(n, ge.ease), t._yEase = f ? Jr(se(f === !0 ? n : f, ge.ease)) : 0, f && t._yoyo && !t._repeat && (f = t._yEase, t._yEase = t._ease, t._ease = f), t._from = !y && !!r.runBackwards, !y || d && !r.stagger) {
|
|
1008
|
+
if (O = g[0] ? re(g[0]).harness : 0, z = O && r[O.prop], x = ei(r, Ni), c && (c._zTime < 0 && c.progress(1), e < 0 && h && a && !_ ? c.render(-1, !0) : c.revert(h && p ? je : es), c._lazy = 0), s) {
|
|
1009
|
+
if (Gt(t._startAt = W.set(g, dt({
|
|
1010
|
+
data: "isStart",
|
|
1011
|
+
overwrite: !1,
|
|
1012
|
+
parent: m,
|
|
1013
|
+
immediateRender: !0,
|
|
1014
|
+
lazy: !c && it(l),
|
|
1015
|
+
startAt: null,
|
|
1016
|
+
delay: 0,
|
|
1017
|
+
onUpdate: u && function() {
|
|
1018
|
+
return ht(t, "onUpdate");
|
|
1019
|
+
},
|
|
1020
|
+
stagger: 0
|
|
1021
|
+
}, s))), t._startAt._dp = 0, t._startAt._sat = t, e < 0 && (q || !a && !_) && t._startAt.revert(je), a && p && e <= 0 && i <= 0) {
|
|
1022
|
+
e && (t._zTime = e);
|
|
1023
|
+
return;
|
|
1024
|
+
}
|
|
1025
|
+
} else if (h && p && !c) {
|
|
1026
|
+
if (e && (a = !1), P = dt({
|
|
1027
|
+
overwrite: !1,
|
|
1028
|
+
data: "isFromStart",
|
|
1029
|
+
//we tag the tween with as "isFromStart" so that if [inside a plugin] we need to only do something at the very END of a tween, we have a way of identifying this tween as merely the one that's setting the beginning values for a "from()" tween. For example, clearProps in CSSPlugin should only get applied at the very END of a tween and without this tag, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in.
|
|
1030
|
+
lazy: a && !c && it(l),
|
|
1031
|
+
immediateRender: a,
|
|
1032
|
+
//zero-duration tweens render immediately by default, but if we're not specifically instructed to render this tween immediately, we should skip this and merely _init() to record the starting values (rendering them immediately would push them to completion which is wasteful in that case - we'd have to render(-1) immediately after)
|
|
1033
|
+
stagger: 0,
|
|
1034
|
+
parent: m
|
|
1035
|
+
//ensures that nested tweens that had a stagger are handled properly, like gsap.from(".class", {y: gsap.utils.wrap([-100,100]), stagger: 0.5})
|
|
1036
|
+
}, x), z && (P[O.prop] = z), Gt(t._startAt = W.set(g, P)), t._startAt._dp = 0, t._startAt._sat = t, e < 0 && (q ? t._startAt.revert(je) : t._startAt.render(-1, !0)), t._zTime = e, !a)
|
|
1037
|
+
o(t._startAt, F, F);
|
|
1038
|
+
else if (!e)
|
|
1039
|
+
return;
|
|
1040
|
+
}
|
|
1041
|
+
for (t._pt = t._ptCache = 0, l = p && it(l) || l && !p, T = 0; T < g.length; T++) {
|
|
1042
|
+
if (w = g[T], M = w._gsap || Vi(g)[T]._gsap, t._ptLookup[T] = Y = {}, yi[M.id] && Yt.length && ti(), I = b === g ? T : b.indexOf(w), O && (R = new O()).init(w, z || x, t, I, b) !== !1 && (t._pt = S = new nt(t._pt, w, R.name, 0, 1, R.render, R, 0, R.priority), R._props.forEach(function(G) {
|
|
1043
|
+
Y[G] = S;
|
|
1044
|
+
}), R.priority && (k = 1)), !O || z)
|
|
1045
|
+
for (P in x)
|
|
1046
|
+
lt[P] && (R = nn(P, x, t, I, w, b)) ? R.priority && (k = 1) : Y[P] = S = Wi.call(t, w, P, "get", x[P], I, b, 0, r.stringFilter);
|
|
1047
|
+
t._op && t._op[T] && t.kill(w, t._op[T]), v && t._pt && (Ut = t, N.killTweensOf(w, Y, t.globalTime(e)), $ = !t.parent, Ut = 0), t._pt && l && (yi[M.id] = 1);
|
|
1048
|
+
}
|
|
1049
|
+
k && hn(t), t._onInit && t._onInit(t);
|
|
1050
|
+
}
|
|
1051
|
+
t._onUpdate = u, t._initted = (!t._op || t._pt) && !$, d && e <= 0 && y.render(mt, !0, !0);
|
|
1052
|
+
}, Cs = function(t, e, i, r, n, s, a, l) {
|
|
1053
|
+
var u = (t._pt && t._ptCache || (t._ptCache = {}))[e], h, f, d, _;
|
|
1054
|
+
if (!u)
|
|
1055
|
+
for (u = t._ptCache[e] = [], d = t._ptLookup, _ = t._targets.length; _--; ) {
|
|
1056
|
+
if (h = d[_][e], h && h.d && h.d._pt)
|
|
1057
|
+
for (h = h.d._pt; h && h.p !== e && h.fp !== e; )
|
|
1058
|
+
h = h._next;
|
|
1059
|
+
if (!h)
|
|
1060
|
+
return ki = 1, t.vars[e] = "+=0", Hi(t, a), ki = 0, l ? Re(e + " not eligible for reset") : 1;
|
|
1061
|
+
u.push(h);
|
|
1062
|
+
}
|
|
1063
|
+
for (_ = u.length; _--; )
|
|
1064
|
+
f = u[_], h = f._pt || f, h.s = (r || r === 0) && !n ? r : h.s + (r || 0) + s * h.c, h.c = i - h.s, f.e && (f.e = U(i) + K(f.e)), f.b && (f.b = h.s + K(f.b));
|
|
1065
|
+
}, Os = function(t, e) {
|
|
1066
|
+
var i = t[0] ? re(t[0]).harness : 0, r = i && i.aliases, n, s, a, l;
|
|
1067
|
+
if (!r)
|
|
1068
|
+
return e;
|
|
1069
|
+
n = be({}, e);
|
|
1070
|
+
for (s in r)
|
|
1071
|
+
if (s in n)
|
|
1072
|
+
for (l = r[s].split(","), a = l.length; a--; )
|
|
1073
|
+
n[l[a]] = n[s];
|
|
1074
|
+
return n;
|
|
1075
|
+
}, Ds = function(t, e, i, r) {
|
|
1076
|
+
var n = e.ease || r || "power1.inOut", s, a;
|
|
1077
|
+
if (Q(e))
|
|
1078
|
+
a = i[t] || (i[t] = []), e.forEach(function(l, u) {
|
|
1079
|
+
return a.push({
|
|
1080
|
+
t: u / (e.length - 1) * 100,
|
|
1081
|
+
v: l,
|
|
1082
|
+
e: n
|
|
1083
|
+
});
|
|
1084
|
+
});
|
|
1085
|
+
else
|
|
1086
|
+
for (s in e)
|
|
1087
|
+
a = i[s] || (i[s] = []), s === "ease" || a.push({
|
|
1088
|
+
t: parseFloat(t),
|
|
1089
|
+
v: e[s],
|
|
1090
|
+
e: n
|
|
1091
|
+
});
|
|
1092
|
+
}, De = function(t, e, i, r, n) {
|
|
1093
|
+
return V(t) ? t.call(e, i, r, n) : X(t) && ~t.indexOf("random(") ? Ie(t) : t;
|
|
1094
|
+
}, sn = Bi + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase,autoRevert", on = {};
|
|
1095
|
+
rt(sn + ",id,stagger,delay,duration,paused,scrollTrigger", function(o) {
|
|
1096
|
+
return on[o] = 1;
|
|
1097
|
+
});
|
|
1098
|
+
var W = /* @__PURE__ */ function(o) {
|
|
1099
|
+
Tr(t, o);
|
|
1100
|
+
function t(i, r, n, s) {
|
|
1101
|
+
var a;
|
|
1102
|
+
typeof r == "number" && (n.duration = r, r = n, n = null), a = o.call(this, s ? r : Ce(r)) || this;
|
|
1103
|
+
var l = a.vars, u = l.duration, h = l.delay, f = l.immediateRender, d = l.stagger, _ = l.overwrite, p = l.keyframes, c = l.defaults, g = l.scrollTrigger, m = l.yoyoEase, b = r.parent || N, v = (Q(i) || Sr(i) ? zt(i[0]) : "length" in r) ? [i] : vt(i), y, x, T, P, S, w, k, M;
|
|
1104
|
+
if (a._targets = v.length ? Vi(v) : Re("GSAP target " + i + " not found. https://gsap.com", !ct.nullTargetWarn) || [], a._ptLookup = [], a._overwrite = _, p || d || We(u) || We(h)) {
|
|
1105
|
+
if (r = a.vars, y = a.timeline = new J({
|
|
1106
|
+
data: "nested",
|
|
1107
|
+
defaults: c || {},
|
|
1108
|
+
targets: b && b.data === "nested" ? b.vars.targets : v
|
|
1109
|
+
}), y.kill(), y.parent = y._dp = Dt(a), y._start = 0, d || We(u) || We(h)) {
|
|
1110
|
+
if (P = v.length, k = d && Wr(d), Ot(d))
|
|
1111
|
+
for (S in d)
|
|
1112
|
+
~sn.indexOf(S) && (M || (M = {}), M[S] = d[S]);
|
|
1113
|
+
for (x = 0; x < P; x++)
|
|
1114
|
+
T = ei(r, on), T.stagger = 0, m && (T.yoyoEase = m), M && be(T, M), w = v[x], T.duration = +De(u, Dt(a), x, w, v), T.delay = (+De(h, Dt(a), x, w, v) || 0) - a._delay, !d && P === 1 && T.delay && (a._delay = h = T.delay, a._start += h, T.delay = 0), y.to(w, T, k ? k(x, w, v) : 0), y._ease = D.none;
|
|
1115
|
+
y.duration() ? u = h = 0 : a.timeline = 0;
|
|
1116
|
+
} else if (p) {
|
|
1117
|
+
Ce(dt(y.vars.defaults, {
|
|
1118
|
+
ease: "none"
|
|
1119
|
+
})), y._ease = se(p.ease || r.ease || "none");
|
|
1120
|
+
var O = 0, R, Y, I;
|
|
1121
|
+
if (Q(p))
|
|
1122
|
+
p.forEach(function(z) {
|
|
1123
|
+
return y.to(v, z, ">");
|
|
1124
|
+
}), y.duration();
|
|
1125
|
+
else {
|
|
1126
|
+
T = {};
|
|
1127
|
+
for (S in p)
|
|
1128
|
+
S === "ease" || S === "easeEach" || Ds(S, p[S], T, p.easeEach);
|
|
1129
|
+
for (S in T)
|
|
1130
|
+
for (R = T[S].sort(function(z, $) {
|
|
1131
|
+
return z.t - $.t;
|
|
1132
|
+
}), O = 0, x = 0; x < R.length; x++)
|
|
1133
|
+
Y = R[x], I = {
|
|
1134
|
+
ease: Y.e,
|
|
1135
|
+
duration: (Y.t - (x ? R[x - 1].t : 0)) / 100 * u
|
|
1136
|
+
}, I[S] = Y.v, y.to(v, I, O), O += I.duration;
|
|
1137
|
+
y.duration() < u && y.to({}, {
|
|
1138
|
+
duration: u - y.duration()
|
|
1139
|
+
});
|
|
1140
|
+
}
|
|
1141
|
+
}
|
|
1142
|
+
u || a.duration(u = y.duration());
|
|
1143
|
+
} else
|
|
1144
|
+
a.timeline = 0;
|
|
1145
|
+
return _ === !0 && !Ii && (Ut = Dt(a), N.killTweensOf(v), Ut = 0), At(b, Dt(a), n), r.reversed && a.reverse(), r.paused && a.paused(!0), (f || !u && !p && a._start === H(b._time) && it(f) && as(Dt(a)) && b.data !== "nested") && (a._tTime = -F, a.render(Math.max(0, -h) || 0)), g && Nr(Dt(a), g), a;
|
|
1146
|
+
}
|
|
1147
|
+
var e = t.prototype;
|
|
1148
|
+
return e.render = function(r, n, s) {
|
|
1149
|
+
var a = this._time, l = this._tDur, u = this._dur, h = r < 0, f = r > l - F && !h ? l : r < F ? 0 : r, d, _, p, c, g, m, b, v, y;
|
|
1150
|
+
if (!u)
|
|
1151
|
+
us(this, r, n, s);
|
|
1152
|
+
else if (f !== this._tTime || !r || s || !this._initted && this._tTime || this._startAt && this._zTime < 0 !== h || this._lazy) {
|
|
1153
|
+
if (d = f, v = this.timeline, this._repeat) {
|
|
1154
|
+
if (c = u + this._rDelay, this._repeat < -1 && h)
|
|
1155
|
+
return this.totalTime(c * 100 + r, n, s);
|
|
1156
|
+
if (d = H(f % c), f === l ? (p = this._repeat, d = u) : (g = H(f / c), p = ~~g, p && p === g ? (d = u, p--) : d > u && (d = u)), m = this._yoyo && p & 1, m && (y = this._yEase, d = u - d), g = me(this._tTime, c), d === a && !s && this._initted && p === g)
|
|
1157
|
+
return this._tTime = f, this;
|
|
1158
|
+
p !== g && (v && this._yEase && tn(v, m), this.vars.repeatRefresh && !m && !this._lock && d !== c && this._initted && (this._lock = s = 1, this.render(H(c * p), !0).invalidate()._lock = 0));
|
|
1159
|
+
}
|
|
1160
|
+
if (!this._initted) {
|
|
1161
|
+
if (Br(this, h ? r : d, s, n, f))
|
|
1162
|
+
return this._tTime = 0, this;
|
|
1163
|
+
if (a !== this._time && !(s && this.vars.repeatRefresh && p !== g))
|
|
1164
|
+
return this;
|
|
1165
|
+
if (u !== this._dur)
|
|
1166
|
+
return this.render(r, n, s);
|
|
1167
|
+
}
|
|
1168
|
+
if (this._tTime = f, this._time = d, !this._act && this._ts && (this._act = 1, this._lazy = 0), this.ratio = b = (y || this._ease)(d / u), this._from && (this.ratio = b = 1 - b), !a && f && !n && !g && (ht(this, "onStart"), this._tTime !== f))
|
|
1169
|
+
return this;
|
|
1170
|
+
for (_ = this._pt; _; )
|
|
1171
|
+
_.r(b, _.d), _ = _._next;
|
|
1172
|
+
v && v.render(r < 0 ? r : v._dur * v._ease(d / this._dur), n, s) || this._startAt && (this._zTime = r), this._onUpdate && !n && (h && wi(this, r, n, s), ht(this, "onUpdate")), this._repeat && p !== g && this.vars.onRepeat && !n && this.parent && ht(this, "onRepeat"), (f === this._tDur || !f) && this._tTime === f && (h && !this._onUpdate && wi(this, r, !0, !0), (r || !u) && (f === this._tDur && this._ts > 0 || !f && this._ts < 0) && Gt(this, 1), !n && !(h && !a) && (f || a || m) && (ht(this, f === l ? "onComplete" : "onReverseComplete", !0), this._prom && !(f < l && this.timeScale() > 0) && this._prom()));
|
|
1173
|
+
}
|
|
1174
|
+
return this;
|
|
1175
|
+
}, e.targets = function() {
|
|
1176
|
+
return this._targets;
|
|
1177
|
+
}, e.invalidate = function(r) {
|
|
1178
|
+
return (!r || !this.vars.runBackwards) && (this._startAt = 0), this._pt = this._op = this._onUpdate = this._lazy = this.ratio = 0, this._ptLookup = [], this.timeline && this.timeline.invalidate(r), o.prototype.invalidate.call(this, r);
|
|
1179
|
+
}, e.resetTo = function(r, n, s, a, l) {
|
|
1180
|
+
Ee || ut.wake(), this._ts || this.play();
|
|
1181
|
+
var u = Math.min(this._dur, (this._dp._time - this._start) * this._ts), h;
|
|
1182
|
+
return this._initted || Hi(this, u), h = this._ease(u / this._dur), Cs(this, r, n, s, a, h, u, l) ? this.resetTo(r, n, s, a, 1) : (li(this, 0), this.parent || Lr(this._dp, this, "_first", "_last", this._dp._sort ? "_start" : 0), this.render(0));
|
|
1183
|
+
}, e.kill = function(r, n) {
|
|
1184
|
+
if (n === void 0 && (n = "all"), !r && (!n || n === "all"))
|
|
1185
|
+
return this._lazy = this._pt = 0, this.parent ? Ae(this) : this.scrollTrigger && this.scrollTrigger.kill(!!q), this;
|
|
1186
|
+
if (this.timeline) {
|
|
1187
|
+
var s = this.timeline.totalDuration();
|
|
1188
|
+
return this.timeline.killTweensOf(r, n, Ut && Ut.vars.overwrite !== !0)._first || Ae(this), this.parent && s !== this.timeline.totalDuration() && ve(this, this._dur * this.timeline._tDur / s, 0, 1), this;
|
|
1189
|
+
}
|
|
1190
|
+
var a = this._targets, l = r ? vt(r) : a, u = this._ptLookup, h = this._pt, f, d, _, p, c, g, m;
|
|
1191
|
+
if ((!n || n === "all") && ss(a, l))
|
|
1192
|
+
return n === "all" && (this._pt = 0), Ae(this);
|
|
1193
|
+
for (f = this._op = this._op || [], n !== "all" && (X(n) && (c = {}, rt(n, function(b) {
|
|
1194
|
+
return c[b] = 1;
|
|
1195
|
+
}), n = c), n = Os(a, n)), m = a.length; m--; )
|
|
1196
|
+
if (~l.indexOf(a[m])) {
|
|
1197
|
+
d = u[m], n === "all" ? (f[m] = n, p = d, _ = {}) : (_ = f[m] = f[m] || {}, p = n);
|
|
1198
|
+
for (c in p)
|
|
1199
|
+
g = d && d[c], g && ((!("kill" in g.d) || g.d.kill(c) === !0) && oi(this, g, "_pt"), delete d[c]), _ !== "all" && (_[c] = 1);
|
|
1200
|
+
}
|
|
1201
|
+
return this._initted && !this._pt && h && Ae(this), this;
|
|
1202
|
+
}, t.to = function(r, n) {
|
|
1203
|
+
return new t(r, n, arguments[2]);
|
|
1204
|
+
}, t.from = function(r, n) {
|
|
1205
|
+
return Oe(1, arguments);
|
|
1206
|
+
}, t.delayedCall = function(r, n, s, a) {
|
|
1207
|
+
return new t(n, 0, {
|
|
1208
|
+
immediateRender: !1,
|
|
1209
|
+
lazy: !1,
|
|
1210
|
+
overwrite: !1,
|
|
1211
|
+
delay: r,
|
|
1212
|
+
onComplete: n,
|
|
1213
|
+
onReverseComplete: n,
|
|
1214
|
+
onCompleteParams: s,
|
|
1215
|
+
onReverseCompleteParams: s,
|
|
1216
|
+
callbackScope: a
|
|
1217
|
+
});
|
|
1218
|
+
}, t.fromTo = function(r, n, s) {
|
|
1219
|
+
return Oe(2, arguments);
|
|
1220
|
+
}, t.set = function(r, n) {
|
|
1221
|
+
return n.duration = 0, n.repeatDelay || (n.repeat = 0), new t(r, n);
|
|
1222
|
+
}, t.killTweensOf = function(r, n, s) {
|
|
1223
|
+
return N.killTweensOf(r, n, s);
|
|
1224
|
+
}, t;
|
|
1225
|
+
}(Fe);
|
|
1226
|
+
dt(W.prototype, {
|
|
1227
|
+
_targets: [],
|
|
1228
|
+
_lazy: 0,
|
|
1229
|
+
_startAt: 0,
|
|
1230
|
+
_op: 0,
|
|
1231
|
+
_onInit: 0
|
|
1232
|
+
});
|
|
1233
|
+
rt("staggerTo,staggerFrom,staggerFromTo", function(o) {
|
|
1234
|
+
W[o] = function() {
|
|
1235
|
+
var t = new J(), e = Pi.call(arguments, 0);
|
|
1236
|
+
return e.splice(o === "staggerFromTo" ? 5 : 4, 0, 0), t[o].apply(t, e);
|
|
1237
|
+
};
|
|
1238
|
+
});
|
|
1239
|
+
var Yi = function(t, e, i) {
|
|
1240
|
+
return t[e] = i;
|
|
1241
|
+
}, an = function(t, e, i) {
|
|
1242
|
+
return t[e](i);
|
|
1243
|
+
}, Ms = function(t, e, i, r) {
|
|
1244
|
+
return t[e](r.fp, i);
|
|
1245
|
+
}, Rs = function(t, e, i) {
|
|
1246
|
+
return t.setAttribute(e, i);
|
|
1247
|
+
}, Xi = function(t, e) {
|
|
1248
|
+
return V(t[e]) ? an : Ei(t[e]) && t.setAttribute ? Rs : Yi;
|
|
1249
|
+
}, ln = function(t, e) {
|
|
1250
|
+
return e.set(e.t, e.p, Math.round((e.s + e.c * t) * 1e6) / 1e6, e);
|
|
1251
|
+
}, zs = function(t, e) {
|
|
1252
|
+
return e.set(e.t, e.p, !!(e.s + e.c * t), e);
|
|
1253
|
+
}, un = function(t, e) {
|
|
1254
|
+
var i = e._pt, r = "";
|
|
1255
|
+
if (!t && e.b)
|
|
1256
|
+
r = e.b;
|
|
1257
|
+
else if (t === 1 && e.e)
|
|
1258
|
+
r = e.e;
|
|
1259
|
+
else {
|
|
1260
|
+
for (; i; )
|
|
1261
|
+
r = i.p + (i.m ? i.m(i.s + i.c * t) : Math.round((i.s + i.c * t) * 1e4) / 1e4) + r, i = i._next;
|
|
1262
|
+
r += e.c;
|
|
1263
|
+
}
|
|
1264
|
+
e.set(e.t, e.p, r, e);
|
|
1265
|
+
}, qi = function(t, e) {
|
|
1266
|
+
for (var i = e._pt; i; )
|
|
1267
|
+
i.r(t, i.d), i = i._next;
|
|
1268
|
+
}, Is = function(t, e, i, r) {
|
|
1269
|
+
for (var n = this._pt, s; n; )
|
|
1270
|
+
s = n._next, n.p === r && n.modifier(t, e, i), n = s;
|
|
1271
|
+
}, Es = function(t) {
|
|
1272
|
+
for (var e = this._pt, i, r; e; )
|
|
1273
|
+
r = e._next, e.p === t && !e.op || e.op === t ? oi(this, e, "_pt") : e.dep || (i = 1), e = r;
|
|
1274
|
+
return !i;
|
|
1275
|
+
}, Fs = function(t, e, i, r) {
|
|
1276
|
+
r.mSet(t, e, r.m.call(r.tween, i, r.mt), r);
|
|
1277
|
+
}, hn = function(t) {
|
|
1278
|
+
for (var e = t._pt, i, r, n, s; e; ) {
|
|
1279
|
+
for (i = e._next, r = n; r && r.pr > e.pr; )
|
|
1280
|
+
r = r._next;
|
|
1281
|
+
(e._prev = r ? r._prev : s) ? e._prev._next = e : n = e, (e._next = r) ? r._prev = e : s = e, e = i;
|
|
1282
|
+
}
|
|
1283
|
+
t._pt = n;
|
|
1284
|
+
}, nt = /* @__PURE__ */ function() {
|
|
1285
|
+
function o(e, i, r, n, s, a, l, u, h) {
|
|
1286
|
+
this.t = i, this.s = n, this.c = s, this.p = r, this.r = a || ln, this.d = l || this, this.set = u || Yi, this.pr = h || 0, this._next = e, e && (e._prev = this);
|
|
1287
|
+
}
|
|
1288
|
+
var t = o.prototype;
|
|
1289
|
+
return t.modifier = function(i, r, n) {
|
|
1290
|
+
this.mSet = this.mSet || this.set, this.set = Fs, this.m = i, this.mt = n, this.tween = r;
|
|
1291
|
+
}, o;
|
|
1292
|
+
}();
|
|
1293
|
+
rt(Bi + "parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger", function(o) {
|
|
1294
|
+
return Ni[o] = 1;
|
|
1295
|
+
});
|
|
1296
|
+
ft.TweenMax = ft.TweenLite = W;
|
|
1297
|
+
ft.TimelineLite = ft.TimelineMax = J;
|
|
1298
|
+
N = new J({
|
|
1299
|
+
sortChildren: !1,
|
|
1300
|
+
defaults: ge,
|
|
1301
|
+
autoRemoveChildren: !0,
|
|
1302
|
+
id: "root",
|
|
1303
|
+
smoothChildTiming: !0
|
|
1304
|
+
});
|
|
1305
|
+
ct.stringFilter = Zr;
|
|
1306
|
+
var oe = [], Ze = {}, Ls = [], ar = 0, $s = 0, _i = function(t) {
|
|
1307
|
+
return (Ze[t] || Ls).map(function(e) {
|
|
1308
|
+
return e();
|
|
1309
|
+
});
|
|
1310
|
+
}, Ci = function() {
|
|
1311
|
+
var t = Date.now(), e = [];
|
|
1312
|
+
t - ar > 2 && (_i("matchMediaInit"), oe.forEach(function(i) {
|
|
1313
|
+
var r = i.queries, n = i.conditions, s, a, l, u;
|
|
1314
|
+
for (a in r)
|
|
1315
|
+
s = St.matchMedia(r[a]).matches, s && (l = 1), s !== n[a] && (n[a] = s, u = 1);
|
|
1316
|
+
u && (i.revert(), l && e.push(i));
|
|
1317
|
+
}), _i("matchMediaRevert"), e.forEach(function(i) {
|
|
1318
|
+
return i.onMatch(i, function(r) {
|
|
1319
|
+
return i.add(null, r);
|
|
1320
|
+
});
|
|
1321
|
+
}), ar = t, _i("matchMedia"));
|
|
1322
|
+
}, cn = /* @__PURE__ */ function() {
|
|
1323
|
+
function o(e, i) {
|
|
1324
|
+
this.selector = i && Si(i), this.data = [], this._r = [], this.isReverted = !1, this.id = $s++, e && this.add(e);
|
|
1325
|
+
}
|
|
1326
|
+
var t = o.prototype;
|
|
1327
|
+
return t.add = function(i, r, n) {
|
|
1328
|
+
V(i) && (n = r, r = i, i = V);
|
|
1329
|
+
var s = this, a = function() {
|
|
1330
|
+
var u = L, h = s.selector, f;
|
|
1331
|
+
return u && u !== s && u.data.push(s), n && (s.selector = Si(n)), L = s, f = r.apply(s, arguments), V(f) && s._r.push(f), L = u, s.selector = h, s.isReverted = !1, f;
|
|
1332
|
+
};
|
|
1333
|
+
return s.last = a, i === V ? a(s, function(l) {
|
|
1334
|
+
return s.add(null, l);
|
|
1335
|
+
}) : i ? s[i] = a : a;
|
|
1336
|
+
}, t.ignore = function(i) {
|
|
1337
|
+
var r = L;
|
|
1338
|
+
L = null, i(this), L = r;
|
|
1339
|
+
}, t.getTweens = function() {
|
|
1340
|
+
var i = [];
|
|
1341
|
+
return this.data.forEach(function(r) {
|
|
1342
|
+
return r instanceof o ? i.push.apply(i, r.getTweens()) : r instanceof W && !(r.parent && r.parent.data === "nested") && i.push(r);
|
|
1343
|
+
}), i;
|
|
1344
|
+
}, t.clear = function() {
|
|
1345
|
+
this._r.length = this.data.length = 0;
|
|
1346
|
+
}, t.kill = function(i, r) {
|
|
1347
|
+
var n = this;
|
|
1348
|
+
if (i ? function() {
|
|
1349
|
+
for (var a = n.getTweens(), l = n.data.length, u; l--; )
|
|
1350
|
+
u = n.data[l], u.data === "isFlip" && (u.revert(), u.getChildren(!0, !0, !1).forEach(function(h) {
|
|
1351
|
+
return a.splice(a.indexOf(h), 1);
|
|
1352
|
+
}));
|
|
1353
|
+
for (a.map(function(h) {
|
|
1354
|
+
return {
|
|
1355
|
+
g: h._dur || h._delay || h._sat && !h._sat.vars.immediateRender ? h.globalTime(0) : -1 / 0,
|
|
1356
|
+
t: h
|
|
1357
|
+
};
|
|
1358
|
+
}).sort(function(h, f) {
|
|
1359
|
+
return f.g - h.g || -1 / 0;
|
|
1360
|
+
}).forEach(function(h) {
|
|
1361
|
+
return h.t.revert(i);
|
|
1362
|
+
}), l = n.data.length; l--; )
|
|
1363
|
+
u = n.data[l], u instanceof J ? u.data !== "nested" && (u.scrollTrigger && u.scrollTrigger.revert(), u.kill()) : !(u instanceof W) && u.revert && u.revert(i);
|
|
1364
|
+
n._r.forEach(function(h) {
|
|
1365
|
+
return h(i, n);
|
|
1366
|
+
}), n.isReverted = !0;
|
|
1367
|
+
}() : this.data.forEach(function(a) {
|
|
1368
|
+
return a.kill && a.kill();
|
|
1369
|
+
}), this.clear(), r)
|
|
1370
|
+
for (var s = oe.length; s--; )
|
|
1371
|
+
oe[s].id === this.id && oe.splice(s, 1);
|
|
1372
|
+
}, t.revert = function(i) {
|
|
1373
|
+
this.kill(i || {});
|
|
1374
|
+
}, o;
|
|
1375
|
+
}(), Ns = /* @__PURE__ */ function() {
|
|
1376
|
+
function o(e) {
|
|
1377
|
+
this.contexts = [], this.scope = e, L && L.data.push(this);
|
|
1378
|
+
}
|
|
1379
|
+
var t = o.prototype;
|
|
1380
|
+
return t.add = function(i, r, n) {
|
|
1381
|
+
Ot(i) || (i = {
|
|
1382
|
+
matches: i
|
|
1383
|
+
});
|
|
1384
|
+
var s = new cn(0, n || this.scope), a = s.conditions = {}, l, u, h;
|
|
1385
|
+
L && !s.selector && (s.selector = L.selector), this.contexts.push(s), r = s.add("onMatch", r), s.queries = i;
|
|
1386
|
+
for (u in i)
|
|
1387
|
+
u === "all" ? h = 1 : (l = St.matchMedia(i[u]), l && (oe.indexOf(s) < 0 && oe.push(s), (a[u] = l.matches) && (h = 1), l.addListener ? l.addListener(Ci) : l.addEventListener("change", Ci)));
|
|
1388
|
+
return h && r(s, function(f) {
|
|
1389
|
+
return s.add(null, f);
|
|
1390
|
+
}), this;
|
|
1391
|
+
}, t.revert = function(i) {
|
|
1392
|
+
this.kill(i || {});
|
|
1393
|
+
}, t.kill = function(i) {
|
|
1394
|
+
this.contexts.forEach(function(r) {
|
|
1395
|
+
return r.kill(i, !0);
|
|
1396
|
+
});
|
|
1397
|
+
}, o;
|
|
1398
|
+
}(), ri = {
|
|
1399
|
+
registerPlugin: function() {
|
|
1400
|
+
for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
|
|
1401
|
+
e[i] = arguments[i];
|
|
1402
|
+
e.forEach(function(r) {
|
|
1403
|
+
return Kr(r);
|
|
1404
|
+
});
|
|
1405
|
+
},
|
|
1406
|
+
timeline: function(t) {
|
|
1407
|
+
return new J(t);
|
|
1408
|
+
},
|
|
1409
|
+
getTweensOf: function(t, e) {
|
|
1410
|
+
return N.getTweensOf(t, e);
|
|
1411
|
+
},
|
|
1412
|
+
getProperty: function(t, e, i, r) {
|
|
1413
|
+
X(t) && (t = vt(t)[0]);
|
|
1414
|
+
var n = re(t || {}).get, s = i ? Fr : Er;
|
|
1415
|
+
return i === "native" && (i = ""), t && (e ? s((lt[e] && lt[e].get || n)(t, e, i, r)) : function(a, l, u) {
|
|
1416
|
+
return s((lt[a] && lt[a].get || n)(t, a, l, u));
|
|
1417
|
+
});
|
|
1418
|
+
},
|
|
1419
|
+
quickSetter: function(t, e, i) {
|
|
1420
|
+
if (t = vt(t), t.length > 1) {
|
|
1421
|
+
var r = t.map(function(h) {
|
|
1422
|
+
return ot.quickSetter(h, e, i);
|
|
1423
|
+
}), n = r.length;
|
|
1424
|
+
return function(h) {
|
|
1425
|
+
for (var f = n; f--; )
|
|
1426
|
+
r[f](h);
|
|
1427
|
+
};
|
|
1428
|
+
}
|
|
1429
|
+
t = t[0] || {};
|
|
1430
|
+
var s = lt[e], a = re(t), l = a.harness && (a.harness.aliases || {})[e] || e, u = s ? function(h) {
|
|
1431
|
+
var f = new s();
|
|
1432
|
+
ce._pt = 0, f.init(t, i ? h + i : h, ce, 0, [t]), f.render(1, f), ce._pt && qi(1, ce);
|
|
1433
|
+
} : a.set(t, l);
|
|
1434
|
+
return s ? u : function(h) {
|
|
1435
|
+
return u(t, l, i ? h + i : h, a, 1);
|
|
1436
|
+
};
|
|
1437
|
+
},
|
|
1438
|
+
quickTo: function(t, e, i) {
|
|
1439
|
+
var r, n = ot.to(t, dt((r = {}, r[e] = "+=0.1", r.paused = !0, r.stagger = 0, r), i || {})), s = function(l, u, h) {
|
|
1440
|
+
return n.resetTo(e, l, u, h);
|
|
1441
|
+
};
|
|
1442
|
+
return s.tween = n, s;
|
|
1443
|
+
},
|
|
1444
|
+
isTweening: function(t) {
|
|
1445
|
+
return N.getTweensOf(t, !0).length > 0;
|
|
1446
|
+
},
|
|
1447
|
+
defaults: function(t) {
|
|
1448
|
+
return t && t.ease && (t.ease = se(t.ease, ge.ease)), ir(ge, t || {});
|
|
1449
|
+
},
|
|
1450
|
+
config: function(t) {
|
|
1451
|
+
return ir(ct, t || {});
|
|
1452
|
+
},
|
|
1453
|
+
registerEffect: function(t) {
|
|
1454
|
+
var e = t.name, i = t.effect, r = t.plugins, n = t.defaults, s = t.extendTimeline;
|
|
1455
|
+
(r || "").split(",").forEach(function(a) {
|
|
1456
|
+
return a && !lt[a] && !ft[a] && Re(e + " effect requires " + a + " plugin.");
|
|
1457
|
+
}), hi[e] = function(a, l, u) {
|
|
1458
|
+
return i(vt(a), dt(l || {}, n), u);
|
|
1459
|
+
}, s && (J.prototype[e] = function(a, l, u) {
|
|
1460
|
+
return this.add(hi[e](a, Ot(l) ? l : (u = l) && {}, this), u);
|
|
1461
|
+
});
|
|
1462
|
+
},
|
|
1463
|
+
registerEase: function(t, e) {
|
|
1464
|
+
D[t] = se(e);
|
|
1465
|
+
},
|
|
1466
|
+
parseEase: function(t, e) {
|
|
1467
|
+
return arguments.length ? se(t, e) : D;
|
|
1468
|
+
},
|
|
1469
|
+
getById: function(t) {
|
|
1470
|
+
return N.getById(t);
|
|
1471
|
+
},
|
|
1472
|
+
exportRoot: function(t, e) {
|
|
1473
|
+
t === void 0 && (t = {});
|
|
1474
|
+
var i = new J(t), r, n;
|
|
1475
|
+
for (i.smoothChildTiming = it(t.smoothChildTiming), N.remove(i), i._dp = 0, i._time = i._tTime = N._time, r = N._first; r; )
|
|
1476
|
+
n = r._next, (e || !(!r._dur && r instanceof W && r.vars.onComplete === r._targets[0])) && At(i, r, r._start - r._delay), r = n;
|
|
1477
|
+
return At(N, i, 0), i;
|
|
1478
|
+
},
|
|
1479
|
+
context: function(t, e) {
|
|
1480
|
+
return t ? new cn(t, e) : L;
|
|
1481
|
+
},
|
|
1482
|
+
matchMedia: function(t) {
|
|
1483
|
+
return new Ns(t);
|
|
1484
|
+
},
|
|
1485
|
+
matchMediaRefresh: function() {
|
|
1486
|
+
return oe.forEach(function(t) {
|
|
1487
|
+
var e = t.conditions, i, r;
|
|
1488
|
+
for (r in e)
|
|
1489
|
+
e[r] && (e[r] = !1, i = 1);
|
|
1490
|
+
i && t.revert();
|
|
1491
|
+
}) || Ci();
|
|
1492
|
+
},
|
|
1493
|
+
addEventListener: function(t, e) {
|
|
1494
|
+
var i = Ze[t] || (Ze[t] = []);
|
|
1495
|
+
~i.indexOf(e) || i.push(e);
|
|
1496
|
+
},
|
|
1497
|
+
removeEventListener: function(t, e) {
|
|
1498
|
+
var i = Ze[t], r = i && i.indexOf(e);
|
|
1499
|
+
r >= 0 && i.splice(r, 1);
|
|
1500
|
+
},
|
|
1501
|
+
utils: {
|
|
1502
|
+
wrap: bs,
|
|
1503
|
+
wrapYoyo: ms,
|
|
1504
|
+
distribute: Wr,
|
|
1505
|
+
random: Yr,
|
|
1506
|
+
snap: Hr,
|
|
1507
|
+
normalize: gs,
|
|
1508
|
+
getUnit: K,
|
|
1509
|
+
clamp: fs,
|
|
1510
|
+
splitColor: jr,
|
|
1511
|
+
toArray: vt,
|
|
1512
|
+
selector: Si,
|
|
1513
|
+
mapRange: qr,
|
|
1514
|
+
pipe: _s,
|
|
1515
|
+
unitize: ps,
|
|
1516
|
+
interpolate: vs,
|
|
1517
|
+
shuffle: Ur
|
|
1518
|
+
},
|
|
1519
|
+
install: Dr,
|
|
1520
|
+
effects: hi,
|
|
1521
|
+
ticker: ut,
|
|
1522
|
+
updateRoot: J.updateRoot,
|
|
1523
|
+
plugins: lt,
|
|
1524
|
+
globalTimeline: N,
|
|
1525
|
+
core: {
|
|
1526
|
+
PropTween: nt,
|
|
1527
|
+
globals: Mr,
|
|
1528
|
+
Tween: W,
|
|
1529
|
+
Timeline: J,
|
|
1530
|
+
Animation: Fe,
|
|
1531
|
+
getCache: re,
|
|
1532
|
+
_removeLinkedListItem: oi,
|
|
1533
|
+
reverting: function() {
|
|
1534
|
+
return q;
|
|
1535
|
+
},
|
|
1536
|
+
context: function(t) {
|
|
1537
|
+
return t && L && (L.data.push(t), t._ctx = L), L;
|
|
1538
|
+
},
|
|
1539
|
+
suppressOverwrites: function(t) {
|
|
1540
|
+
return Ii = t;
|
|
1541
|
+
}
|
|
1542
|
+
}
|
|
1543
|
+
};
|
|
1544
|
+
rt("to,from,fromTo,delayedCall,set,killTweensOf", function(o) {
|
|
1545
|
+
return ri[o] = W[o];
|
|
1546
|
+
});
|
|
1547
|
+
ut.add(J.updateRoot);
|
|
1548
|
+
ce = ri.to({}, {
|
|
1549
|
+
duration: 0
|
|
1550
|
+
});
|
|
1551
|
+
var Bs = function(t, e) {
|
|
1552
|
+
for (var i = t._pt; i && i.p !== e && i.op !== e && i.fp !== e; )
|
|
1553
|
+
i = i._next;
|
|
1554
|
+
return i;
|
|
1555
|
+
}, Vs = function(t, e) {
|
|
1556
|
+
var i = t._targets, r, n, s;
|
|
1557
|
+
for (r in e)
|
|
1558
|
+
for (n = i.length; n--; )
|
|
1559
|
+
s = t._ptLookup[n][r], s && (s = s.d) && (s._pt && (s = Bs(s, r)), s && s.modifier && s.modifier(e[r], t, i[n], r));
|
|
1560
|
+
}, pi = function(t, e) {
|
|
1561
|
+
return {
|
|
1562
|
+
name: t,
|
|
1563
|
+
headless: 1,
|
|
1564
|
+
rawVars: 1,
|
|
1565
|
+
//don't pre-process function-based values or "random()" strings.
|
|
1566
|
+
init: function(r, n, s) {
|
|
1567
|
+
s._onInit = function(a) {
|
|
1568
|
+
var l, u;
|
|
1569
|
+
if (X(n) && (l = {}, rt(n, function(h) {
|
|
1570
|
+
return l[h] = 1;
|
|
1571
|
+
}), n = l), e) {
|
|
1572
|
+
l = {};
|
|
1573
|
+
for (u in n)
|
|
1574
|
+
l[u] = e(n[u]);
|
|
1575
|
+
n = l;
|
|
1576
|
+
}
|
|
1577
|
+
Vs(a, n);
|
|
1578
|
+
};
|
|
1579
|
+
}
|
|
1580
|
+
};
|
|
1581
|
+
}, ot = ri.registerPlugin({
|
|
1582
|
+
name: "attr",
|
|
1583
|
+
init: function(t, e, i, r, n) {
|
|
1584
|
+
var s, a, l;
|
|
1585
|
+
this.tween = i;
|
|
1586
|
+
for (s in e)
|
|
1587
|
+
l = t.getAttribute(s) || "", a = this.add(t, "setAttribute", (l || 0) + "", e[s], r, n, 0, 0, s), a.op = s, a.b = l, this._props.push(s);
|
|
1588
|
+
},
|
|
1589
|
+
render: function(t, e) {
|
|
1590
|
+
for (var i = e._pt; i; )
|
|
1591
|
+
q ? i.set(i.t, i.p, i.b, i) : i.r(t, i.d), i = i._next;
|
|
1592
|
+
}
|
|
1593
|
+
}, {
|
|
1594
|
+
name: "endArray",
|
|
1595
|
+
headless: 1,
|
|
1596
|
+
init: function(t, e) {
|
|
1597
|
+
for (var i = e.length; i--; )
|
|
1598
|
+
this.add(t, i, t[i] || 0, e[i], 0, 0, 0, 0, 0, 1);
|
|
1599
|
+
}
|
|
1600
|
+
}, pi("roundProps", Ai), pi("modifiers"), pi("snap", Hr)) || ri;
|
|
1601
|
+
W.version = J.version = ot.version = "3.13.0";
|
|
1602
|
+
Or = 1;
|
|
1603
|
+
Fi() && xe();
|
|
1604
|
+
D.Power0;
|
|
1605
|
+
D.Power1;
|
|
1606
|
+
D.Power2;
|
|
1607
|
+
D.Power3;
|
|
1608
|
+
D.Power4;
|
|
1609
|
+
D.Linear;
|
|
1610
|
+
D.Quad;
|
|
1611
|
+
D.Cubic;
|
|
1612
|
+
D.Quart;
|
|
1613
|
+
D.Quint;
|
|
1614
|
+
D.Strong;
|
|
1615
|
+
D.Elastic;
|
|
1616
|
+
D.Back;
|
|
1617
|
+
D.SteppedEase;
|
|
1618
|
+
D.Bounce;
|
|
1619
|
+
D.Sine;
|
|
1620
|
+
D.Expo;
|
|
1621
|
+
D.Circ;
|
|
1622
|
+
/*!
|
|
1623
|
+
* CSSPlugin 3.13.0
|
|
1624
|
+
* https://gsap.com
|
|
1625
|
+
*
|
|
1626
|
+
* Copyright 2008-2025, GreenSock. All rights reserved.
|
|
1627
|
+
* Subject to the terms at https://gsap.com/standard-license
|
|
1628
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
1629
|
+
*/
|
|
1630
|
+
var lr, Wt, de, Gi, ee, ur, Ki, Us = function() {
|
|
1631
|
+
return typeof window < "u";
|
|
1632
|
+
}, It = {}, te = 180 / Math.PI, _e = Math.PI / 180, ue = Math.atan2, hr = 1e8, ji = /([A-Z])/g, Ws = /(left|right|width|margin|padding|x)/i, Hs = /[\s,\(]\S/, kt = {
|
|
1633
|
+
autoAlpha: "opacity,visibility",
|
|
1634
|
+
scale: "scaleX,scaleY",
|
|
1635
|
+
alpha: "opacity"
|
|
1636
|
+
}, Oi = function(t, e) {
|
|
1637
|
+
return e.set(e.t, e.p, Math.round((e.s + e.c * t) * 1e4) / 1e4 + e.u, e);
|
|
1638
|
+
}, Ys = function(t, e) {
|
|
1639
|
+
return e.set(e.t, e.p, t === 1 ? e.e : Math.round((e.s + e.c * t) * 1e4) / 1e4 + e.u, e);
|
|
1640
|
+
}, Xs = function(t, e) {
|
|
1641
|
+
return e.set(e.t, e.p, t ? Math.round((e.s + e.c * t) * 1e4) / 1e4 + e.u : e.b, e);
|
|
1642
|
+
}, qs = function(t, e) {
|
|
1643
|
+
var i = e.s + e.c * t;
|
|
1644
|
+
e.set(e.t, e.p, ~~(i + (i < 0 ? -0.5 : 0.5)) + e.u, e);
|
|
1645
|
+
}, fn = function(t, e) {
|
|
1646
|
+
return e.set(e.t, e.p, t ? e.e : e.b, e);
|
|
1647
|
+
}, dn = function(t, e) {
|
|
1648
|
+
return e.set(e.t, e.p, t !== 1 ? e.b : e.e, e);
|
|
1649
|
+
}, Gs = function(t, e, i) {
|
|
1650
|
+
return t.style[e] = i;
|
|
1651
|
+
}, Ks = function(t, e, i) {
|
|
1652
|
+
return t.style.setProperty(e, i);
|
|
1653
|
+
}, js = function(t, e, i) {
|
|
1654
|
+
return t._gsap[e] = i;
|
|
1655
|
+
}, Qs = function(t, e, i) {
|
|
1656
|
+
return t._gsap.scaleX = t._gsap.scaleY = i;
|
|
1657
|
+
}, Zs = function(t, e, i, r, n) {
|
|
1658
|
+
var s = t._gsap;
|
|
1659
|
+
s.scaleX = s.scaleY = i, s.renderTransform(n, s);
|
|
1660
|
+
}, Js = function(t, e, i, r, n) {
|
|
1661
|
+
var s = t._gsap;
|
|
1662
|
+
s[e] = i, s.renderTransform(n, s);
|
|
1663
|
+
}, B = "transform", st = B + "Origin", to = function o(t, e) {
|
|
1664
|
+
var i = this, r = this.target, n = r.style, s = r._gsap;
|
|
1665
|
+
if (t in It && n) {
|
|
1666
|
+
if (this.tfm = this.tfm || {}, t !== "transform")
|
|
1667
|
+
t = kt[t] || t, ~t.indexOf(",") ? t.split(",").forEach(function(a) {
|
|
1668
|
+
return i.tfm[a] = Mt(r, a);
|
|
1669
|
+
}) : this.tfm[t] = s.x ? s[t] : Mt(r, t), t === st && (this.tfm.zOrigin = s.zOrigin);
|
|
1670
|
+
else
|
|
1671
|
+
return kt.transform.split(",").forEach(function(a) {
|
|
1672
|
+
return o.call(i, a, e);
|
|
1673
|
+
});
|
|
1674
|
+
if (this.props.indexOf(B) >= 0)
|
|
1675
|
+
return;
|
|
1676
|
+
s.svg && (this.svgo = r.getAttribute("data-svg-origin"), this.props.push(st, e, "")), t = B;
|
|
1677
|
+
}
|
|
1678
|
+
(n || e) && this.props.push(t, e, n[t]);
|
|
1679
|
+
}, _n = function(t) {
|
|
1680
|
+
t.translate && (t.removeProperty("translate"), t.removeProperty("scale"), t.removeProperty("rotate"));
|
|
1681
|
+
}, eo = function() {
|
|
1682
|
+
var t = this.props, e = this.target, i = e.style, r = e._gsap, n, s;
|
|
1683
|
+
for (n = 0; n < t.length; n += 3)
|
|
1684
|
+
t[n + 1] ? t[n + 1] === 2 ? e[t[n]](t[n + 2]) : e[t[n]] = t[n + 2] : t[n + 2] ? i[t[n]] = t[n + 2] : i.removeProperty(t[n].substr(0, 2) === "--" ? t[n] : t[n].replace(ji, "-$1").toLowerCase());
|
|
1685
|
+
if (this.tfm) {
|
|
1686
|
+
for (s in this.tfm)
|
|
1687
|
+
r[s] = this.tfm[s];
|
|
1688
|
+
r.svg && (r.renderTransform(), e.setAttribute("data-svg-origin", this.svgo || "")), n = Ki(), (!n || !n.isStart) && !i[B] && (_n(i), r.zOrigin && i[st] && (i[st] += " " + r.zOrigin + "px", r.zOrigin = 0, r.renderTransform()), r.uncache = 1);
|
|
1689
|
+
}
|
|
1690
|
+
}, pn = function(t, e) {
|
|
1691
|
+
var i = {
|
|
1692
|
+
target: t,
|
|
1693
|
+
props: [],
|
|
1694
|
+
revert: eo,
|
|
1695
|
+
save: to
|
|
1696
|
+
};
|
|
1697
|
+
return t._gsap || ot.core.getCache(t), e && t.style && t.nodeType && e.split(",").forEach(function(r) {
|
|
1698
|
+
return i.save(r);
|
|
1699
|
+
}), i;
|
|
1700
|
+
}, gn, Di = function(t, e) {
|
|
1701
|
+
var i = Wt.createElementNS ? Wt.createElementNS((e || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), t) : Wt.createElement(t);
|
|
1702
|
+
return i && i.style ? i : Wt.createElement(t);
|
|
1703
|
+
}, xt = function o(t, e, i) {
|
|
1704
|
+
var r = getComputedStyle(t);
|
|
1705
|
+
return r[e] || r.getPropertyValue(e.replace(ji, "-$1").toLowerCase()) || r.getPropertyValue(e) || !i && o(t, ye(e) || e, 1) || "";
|
|
1706
|
+
}, cr = "O,Moz,ms,Ms,Webkit".split(","), ye = function(t, e, i) {
|
|
1707
|
+
var r = e || ee, n = r.style, s = 5;
|
|
1708
|
+
if (t in n && !i)
|
|
1709
|
+
return t;
|
|
1710
|
+
for (t = t.charAt(0).toUpperCase() + t.substr(1); s-- && !(cr[s] + t in n); )
|
|
1711
|
+
;
|
|
1712
|
+
return s < 0 ? null : (s === 3 ? "ms" : s >= 0 ? cr[s] : "") + t;
|
|
1713
|
+
}, Mi = function() {
|
|
1714
|
+
Us() && window.document && (lr = window, Wt = lr.document, de = Wt.documentElement, ee = Di("div") || {
|
|
1715
|
+
style: {}
|
|
1716
|
+
}, Di("div"), B = ye(B), st = B + "Origin", ee.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0", gn = !!ye("perspective"), Ki = ot.core.reverting, Gi = 1);
|
|
1717
|
+
}, fr = function(t) {
|
|
1718
|
+
var e = t.ownerSVGElement, i = Di("svg", e && e.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), r = t.cloneNode(!0), n;
|
|
1719
|
+
r.style.display = "block", i.appendChild(r), de.appendChild(i);
|
|
1720
|
+
try {
|
|
1721
|
+
n = r.getBBox();
|
|
1722
|
+
} catch {
|
|
1723
|
+
}
|
|
1724
|
+
return i.removeChild(r), de.removeChild(i), n;
|
|
1725
|
+
}, dr = function(t, e) {
|
|
1726
|
+
for (var i = e.length; i--; )
|
|
1727
|
+
if (t.hasAttribute(e[i]))
|
|
1728
|
+
return t.getAttribute(e[i]);
|
|
1729
|
+
}, bn = function(t) {
|
|
1730
|
+
var e, i;
|
|
1731
|
+
try {
|
|
1732
|
+
e = t.getBBox();
|
|
1733
|
+
} catch {
|
|
1734
|
+
e = fr(t), i = 1;
|
|
1735
|
+
}
|
|
1736
|
+
return e && (e.width || e.height) || i || (e = fr(t)), e && !e.width && !e.x && !e.y ? {
|
|
1737
|
+
x: +dr(t, ["x", "cx", "x1"]) || 0,
|
|
1738
|
+
y: +dr(t, ["y", "cy", "y1"]) || 0,
|
|
1739
|
+
width: 0,
|
|
1740
|
+
height: 0
|
|
1741
|
+
} : e;
|
|
1742
|
+
}, mn = function(t) {
|
|
1743
|
+
return !!(t.getCTM && (!t.parentNode || t.ownerSVGElement) && bn(t));
|
|
1744
|
+
}, ae = function(t, e) {
|
|
1745
|
+
if (e) {
|
|
1746
|
+
var i = t.style, r;
|
|
1747
|
+
e in It && e !== st && (e = B), i.removeProperty ? (r = e.substr(0, 2), (r === "ms" || e.substr(0, 6) === "webkit") && (e = "-" + e), i.removeProperty(r === "--" ? e : e.replace(ji, "-$1").toLowerCase())) : i.removeAttribute(e);
|
|
1748
|
+
}
|
|
1749
|
+
}, Ht = function(t, e, i, r, n, s) {
|
|
1750
|
+
var a = new nt(t._pt, e, i, 0, 1, s ? dn : fn);
|
|
1751
|
+
return t._pt = a, a.b = r, a.e = n, t._props.push(i), a;
|
|
1752
|
+
}, _r = {
|
|
1753
|
+
deg: 1,
|
|
1754
|
+
rad: 1,
|
|
1755
|
+
turn: 1
|
|
1756
|
+
}, io = {
|
|
1757
|
+
grid: 1,
|
|
1758
|
+
flex: 1
|
|
1759
|
+
}, Kt = function o(t, e, i, r) {
|
|
1760
|
+
var n = parseFloat(i) || 0, s = (i + "").trim().substr((n + "").length) || "px", a = ee.style, l = Ws.test(e), u = t.tagName.toLowerCase() === "svg", h = (u ? "client" : "offset") + (l ? "Width" : "Height"), f = 100, d = r === "px", _ = r === "%", p, c, g, m;
|
|
1761
|
+
if (r === s || !n || _r[r] || _r[s])
|
|
1762
|
+
return n;
|
|
1763
|
+
if (s !== "px" && !d && (n = o(t, e, i, "px")), m = t.getCTM && mn(t), (_ || s === "%") && (It[e] || ~e.indexOf("adius")))
|
|
1764
|
+
return p = m ? t.getBBox()[l ? "width" : "height"] : t[h], U(_ ? n / p * f : n / 100 * p);
|
|
1765
|
+
if (a[l ? "width" : "height"] = f + (d ? s : r), c = r !== "rem" && ~e.indexOf("adius") || r === "em" && t.appendChild && !u ? t : t.parentNode, m && (c = (t.ownerSVGElement || {}).parentNode), (!c || c === Wt || !c.appendChild) && (c = Wt.body), g = c._gsap, g && _ && g.width && l && g.time === ut.time && !g.uncache)
|
|
1766
|
+
return U(n / g.width * f);
|
|
1767
|
+
if (_ && (e === "height" || e === "width")) {
|
|
1768
|
+
var b = t.style[e];
|
|
1769
|
+
t.style[e] = f + r, p = t[h], b ? t.style[e] = b : ae(t, e);
|
|
1770
|
+
} else
|
|
1771
|
+
(_ || s === "%") && !io[xt(c, "display")] && (a.position = xt(t, "position")), c === t && (a.position = "static"), c.appendChild(ee), p = ee[h], c.removeChild(ee), a.position = "absolute";
|
|
1772
|
+
return l && _ && (g = re(c), g.time = ut.time, g.width = c[h]), U(d ? p * n / f : p && n ? f / p * n : 0);
|
|
1773
|
+
}, Mt = function(t, e, i, r) {
|
|
1774
|
+
var n;
|
|
1775
|
+
return Gi || Mi(), e in kt && e !== "transform" && (e = kt[e], ~e.indexOf(",") && (e = e.split(",")[0])), It[e] && e !== "transform" ? (n = $e(t, r), n = e !== "transformOrigin" ? n[e] : n.svg ? n.origin : si(xt(t, st)) + " " + n.zOrigin + "px") : (n = t.style[e], (!n || n === "auto" || r || ~(n + "").indexOf("calc(")) && (n = ni[e] && ni[e](t, e, i) || xt(t, e) || zr(t, e) || (e === "opacity" ? 1 : 0))), i && !~(n + "").trim().indexOf(" ") ? Kt(t, e, n, i) + i : n;
|
|
1776
|
+
}, ro = function(t, e, i, r) {
|
|
1777
|
+
if (!i || i === "none") {
|
|
1778
|
+
var n = ye(e, t, 1), s = n && xt(t, n, 1);
|
|
1779
|
+
s && s !== i ? (e = n, i = s) : e === "borderColor" && (i = xt(t, "borderTopColor"));
|
|
1780
|
+
}
|
|
1781
|
+
var a = new nt(this._pt, t.style, e, 0, 1, un), l = 0, u = 0, h, f, d, _, p, c, g, m, b, v, y, x;
|
|
1782
|
+
if (a.b = i, a.e = r, i += "", r += "", r.substring(0, 6) === "var(--" && (r = xt(t, r.substring(4, r.indexOf(")")))), r === "auto" && (c = t.style[e], t.style[e] = r, r = xt(t, e) || r, c ? t.style[e] = c : ae(t, e)), h = [i, r], Zr(h), i = h[0], r = h[1], d = i.match(he) || [], x = r.match(he) || [], x.length) {
|
|
1783
|
+
for (; f = he.exec(r); )
|
|
1784
|
+
g = f[0], b = r.substring(l, f.index), p ? p = (p + 1) % 5 : (b.substr(-5) === "rgba(" || b.substr(-5) === "hsla(") && (p = 1), g !== (c = d[u++] || "") && (_ = parseFloat(c) || 0, y = c.substr((_ + "").length), g.charAt(1) === "=" && (g = fe(_, g) + y), m = parseFloat(g), v = g.substr((m + "").length), l = he.lastIndex - v.length, v || (v = v || ct.units[e] || y, l === r.length && (r += v, a.e += v)), y !== v && (_ = Kt(t, e, c, v) || 0), a._pt = {
|
|
1785
|
+
_next: a._pt,
|
|
1786
|
+
p: b || u === 1 ? b : ",",
|
|
1787
|
+
//note: SVG spec allows omission of comma/space when a negative sign is wedged between two numbers, like 2.5-5.3 instead of 2.5,-5.3 but when tweening, the negative value may switch to positive, so we insert the comma just in case.
|
|
1788
|
+
s: _,
|
|
1789
|
+
c: m - _,
|
|
1790
|
+
m: p && p < 4 || e === "zIndex" ? Math.round : 0
|
|
1791
|
+
});
|
|
1792
|
+
a.c = l < r.length ? r.substring(l, r.length) : "";
|
|
1793
|
+
} else
|
|
1794
|
+
a.r = e === "display" && r === "none" ? dn : fn;
|
|
1795
|
+
return kr.test(r) && (a.e = 0), this._pt = a, a;
|
|
1796
|
+
}, pr = {
|
|
1797
|
+
top: "0%",
|
|
1798
|
+
bottom: "100%",
|
|
1799
|
+
left: "0%",
|
|
1800
|
+
right: "100%",
|
|
1801
|
+
center: "50%"
|
|
1802
|
+
}, no = function(t) {
|
|
1803
|
+
var e = t.split(" "), i = e[0], r = e[1] || "50%";
|
|
1804
|
+
return (i === "top" || i === "bottom" || r === "left" || r === "right") && (t = i, i = r, r = t), e[0] = pr[i] || i, e[1] = pr[r] || r, e.join(" ");
|
|
1805
|
+
}, so = function(t, e) {
|
|
1806
|
+
if (e.tween && e.tween._time === e.tween._dur) {
|
|
1807
|
+
var i = e.t, r = i.style, n = e.u, s = i._gsap, a, l, u;
|
|
1808
|
+
if (n === "all" || n === !0)
|
|
1809
|
+
r.cssText = "", l = 1;
|
|
1810
|
+
else
|
|
1811
|
+
for (n = n.split(","), u = n.length; --u > -1; )
|
|
1812
|
+
a = n[u], It[a] && (l = 1, a = a === "transformOrigin" ? st : B), ae(i, a);
|
|
1813
|
+
l && (ae(i, B), s && (s.svg && i.removeAttribute("transform"), r.scale = r.rotate = r.translate = "none", $e(i, 1), s.uncache = 1, _n(r)));
|
|
1814
|
+
}
|
|
1815
|
+
}, ni = {
|
|
1816
|
+
clearProps: function(t, e, i, r, n) {
|
|
1817
|
+
if (n.data !== "isFromStart") {
|
|
1818
|
+
var s = t._pt = new nt(t._pt, e, i, 0, 0, so);
|
|
1819
|
+
return s.u = r, s.pr = -10, s.tween = n, t._props.push(i), 1;
|
|
1820
|
+
}
|
|
1821
|
+
}
|
|
1822
|
+
/* className feature (about 0.4kb gzipped).
|
|
1823
|
+
, className(plugin, target, property, endValue, tween) {
|
|
1824
|
+
let _renderClassName = (ratio, data) => {
|
|
1825
|
+
data.css.render(ratio, data.css);
|
|
1826
|
+
if (!ratio || ratio === 1) {
|
|
1827
|
+
let inline = data.rmv,
|
|
1828
|
+
target = data.t,
|
|
1829
|
+
p;
|
|
1830
|
+
target.setAttribute("class", ratio ? data.e : data.b);
|
|
1831
|
+
for (p in inline) {
|
|
1832
|
+
_removeProperty(target, p);
|
|
1833
|
+
}
|
|
1834
|
+
}
|
|
1835
|
+
},
|
|
1836
|
+
_getAllStyles = (target) => {
|
|
1837
|
+
let styles = {},
|
|
1838
|
+
computed = getComputedStyle(target),
|
|
1839
|
+
p;
|
|
1840
|
+
for (p in computed) {
|
|
1841
|
+
if (isNaN(p) && p !== "cssText" && p !== "length") {
|
|
1842
|
+
styles[p] = computed[p];
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1845
|
+
_setDefaults(styles, _parseTransform(target, 1));
|
|
1846
|
+
return styles;
|
|
1847
|
+
},
|
|
1848
|
+
startClassList = target.getAttribute("class"),
|
|
1849
|
+
style = target.style,
|
|
1850
|
+
cssText = style.cssText,
|
|
1851
|
+
cache = target._gsap,
|
|
1852
|
+
classPT = cache.classPT,
|
|
1853
|
+
inlineToRemoveAtEnd = {},
|
|
1854
|
+
data = {t:target, plugin:plugin, rmv:inlineToRemoveAtEnd, b:startClassList, e:(endValue.charAt(1) !== "=") ? endValue : startClassList.replace(new RegExp("(?:\\s|^)" + endValue.substr(2) + "(?![\\w-])"), "") + ((endValue.charAt(0) === "+") ? " " + endValue.substr(2) : "")},
|
|
1855
|
+
changingVars = {},
|
|
1856
|
+
startVars = _getAllStyles(target),
|
|
1857
|
+
transformRelated = /(transform|perspective)/i,
|
|
1858
|
+
endVars, p;
|
|
1859
|
+
if (classPT) {
|
|
1860
|
+
classPT.r(1, classPT.d);
|
|
1861
|
+
_removeLinkedListItem(classPT.d.plugin, classPT, "_pt");
|
|
1862
|
+
}
|
|
1863
|
+
target.setAttribute("class", data.e);
|
|
1864
|
+
endVars = _getAllStyles(target, true);
|
|
1865
|
+
target.setAttribute("class", startClassList);
|
|
1866
|
+
for (p in endVars) {
|
|
1867
|
+
if (endVars[p] !== startVars[p] && !transformRelated.test(p)) {
|
|
1868
|
+
changingVars[p] = endVars[p];
|
|
1869
|
+
if (!style[p] && style[p] !== "0") {
|
|
1870
|
+
inlineToRemoveAtEnd[p] = 1;
|
|
1871
|
+
}
|
|
1872
|
+
}
|
|
1873
|
+
}
|
|
1874
|
+
cache.classPT = plugin._pt = new PropTween(plugin._pt, target, "className", 0, 0, _renderClassName, data, 0, -11);
|
|
1875
|
+
if (style.cssText !== cssText) { //only apply if things change. Otherwise, in cases like a background-image that's pulled dynamically, it could cause a refresh. See https://gsap.com/forums/topic/20368-possible-gsap-bug-switching-classnames-in-chrome/.
|
|
1876
|
+
style.cssText = cssText; //we recorded cssText before we swapped classes and ran _getAllStyles() because in cases when a className tween is overwritten, we remove all the related tweening properties from that class change (otherwise class-specific stuff can't override properties we've directly set on the target's style object due to specificity).
|
|
1877
|
+
}
|
|
1878
|
+
_parseTransform(target, true); //to clear the caching of transforms
|
|
1879
|
+
data.css = new gsap.plugins.css();
|
|
1880
|
+
data.css.init(target, changingVars, tween);
|
|
1881
|
+
plugin._props.push(...data.css._props);
|
|
1882
|
+
return 1;
|
|
1883
|
+
}
|
|
1884
|
+
*/
|
|
1885
|
+
}, Le = [1, 0, 0, 1, 0, 0], vn = {}, xn = function(t) {
|
|
1886
|
+
return t === "matrix(1, 0, 0, 1, 0, 0)" || t === "none" || !t;
|
|
1887
|
+
}, gr = function(t) {
|
|
1888
|
+
var e = xt(t, B);
|
|
1889
|
+
return xn(e) ? Le : e.substr(7).match(Ar).map(U);
|
|
1890
|
+
}, Qi = function(t, e) {
|
|
1891
|
+
var i = t._gsap || re(t), r = t.style, n = gr(t), s, a, l, u;
|
|
1892
|
+
return i.svg && t.getAttribute("transform") ? (l = t.transform.baseVal.consolidate().matrix, n = [l.a, l.b, l.c, l.d, l.e, l.f], n.join(",") === "1,0,0,1,0,0" ? Le : n) : (n === Le && !t.offsetParent && t !== de && !i.svg && (l = r.display, r.display = "block", s = t.parentNode, (!s || !t.offsetParent && !t.getBoundingClientRect().width) && (u = 1, a = t.nextElementSibling, de.appendChild(t)), n = gr(t), l ? r.display = l : ae(t, "display"), u && (a ? s.insertBefore(t, a) : s ? s.appendChild(t) : de.removeChild(t))), e && n.length > 6 ? [n[0], n[1], n[4], n[5], n[12], n[13]] : n);
|
|
1893
|
+
}, Ri = function(t, e, i, r, n, s) {
|
|
1894
|
+
var a = t._gsap, l = n || Qi(t, !0), u = a.xOrigin || 0, h = a.yOrigin || 0, f = a.xOffset || 0, d = a.yOffset || 0, _ = l[0], p = l[1], c = l[2], g = l[3], m = l[4], b = l[5], v = e.split(" "), y = parseFloat(v[0]) || 0, x = parseFloat(v[1]) || 0, T, P, S, w;
|
|
1895
|
+
i ? l !== Le && (P = _ * g - p * c) && (S = y * (g / P) + x * (-c / P) + (c * b - g * m) / P, w = y * (-p / P) + x * (_ / P) - (_ * b - p * m) / P, y = S, x = w) : (T = bn(t), y = T.x + (~v[0].indexOf("%") ? y / 100 * T.width : y), x = T.y + (~(v[1] || v[0]).indexOf("%") ? x / 100 * T.height : x)), r || r !== !1 && a.smooth ? (m = y - u, b = x - h, a.xOffset = f + (m * _ + b * c) - m, a.yOffset = d + (m * p + b * g) - b) : a.xOffset = a.yOffset = 0, a.xOrigin = y, a.yOrigin = x, a.smooth = !!r, a.origin = e, a.originIsAbsolute = !!i, t.style[st] = "0px 0px", s && (Ht(s, a, "xOrigin", u, y), Ht(s, a, "yOrigin", h, x), Ht(s, a, "xOffset", f, a.xOffset), Ht(s, a, "yOffset", d, a.yOffset)), t.setAttribute("data-svg-origin", y + " " + x);
|
|
1896
|
+
}, $e = function(t, e) {
|
|
1897
|
+
var i = t._gsap || new rn(t);
|
|
1898
|
+
if ("x" in i && !e && !i.uncache)
|
|
1899
|
+
return i;
|
|
1900
|
+
var r = t.style, n = i.scaleX < 0, s = "px", a = "deg", l = getComputedStyle(t), u = xt(t, st) || "0", h, f, d, _, p, c, g, m, b, v, y, x, T, P, S, w, k, M, O, R, Y, I, z, $, G, Qt, Lt, Z, Pt, pt, tt, gt;
|
|
1901
|
+
return h = f = d = c = g = m = b = v = y = 0, _ = p = 1, i.svg = !!(t.getCTM && mn(t)), l.translate && ((l.translate !== "none" || l.scale !== "none" || l.rotate !== "none") && (r[B] = (l.translate !== "none" ? "translate3d(" + (l.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (l.rotate !== "none" ? "rotate(" + l.rotate + ") " : "") + (l.scale !== "none" ? "scale(" + l.scale.split(" ").join(",") + ") " : "") + (l[B] !== "none" ? l[B] : "")), r.scale = r.rotate = r.translate = "none"), P = Qi(t, i.svg), i.svg && (i.uncache ? (G = t.getBBox(), u = i.xOrigin - G.x + "px " + (i.yOrigin - G.y) + "px", $ = "") : $ = !e && t.getAttribute("data-svg-origin"), Ri(t, $ || u, !!$ || i.originIsAbsolute, i.smooth !== !1, P)), x = i.xOrigin || 0, T = i.yOrigin || 0, P !== Le && (M = P[0], O = P[1], R = P[2], Y = P[3], h = I = P[4], f = z = P[5], P.length === 6 ? (_ = Math.sqrt(M * M + O * O), p = Math.sqrt(Y * Y + R * R), c = M || O ? ue(O, M) * te : 0, b = R || Y ? ue(R, Y) * te + c : 0, b && (p *= Math.abs(Math.cos(b * _e))), i.svg && (h -= x - (x * M + T * R), f -= T - (x * O + T * Y))) : (gt = P[6], pt = P[7], Lt = P[8], Z = P[9], Pt = P[10], tt = P[11], h = P[12], f = P[13], d = P[14], S = ue(gt, Pt), g = S * te, S && (w = Math.cos(-S), k = Math.sin(-S), $ = I * w + Lt * k, G = z * w + Z * k, Qt = gt * w + Pt * k, Lt = I * -k + Lt * w, Z = z * -k + Z * w, Pt = gt * -k + Pt * w, tt = pt * -k + tt * w, I = $, z = G, gt = Qt), S = ue(-R, Pt), m = S * te, S && (w = Math.cos(-S), k = Math.sin(-S), $ = M * w - Lt * k, G = O * w - Z * k, Qt = R * w - Pt * k, tt = Y * k + tt * w, M = $, O = G, R = Qt), S = ue(O, M), c = S * te, S && (w = Math.cos(S), k = Math.sin(S), $ = M * w + O * k, G = I * w + z * k, O = O * w - M * k, z = z * w - I * k, M = $, I = G), g && Math.abs(g) + Math.abs(c) > 359.9 && (g = c = 0, m = 180 - m), _ = U(Math.sqrt(M * M + O * O + R * R)), p = U(Math.sqrt(z * z + gt * gt)), S = ue(I, z), b = Math.abs(S) > 2e-4 ? S * te : 0, y = tt ? 1 / (tt < 0 ? -tt : tt) : 0), i.svg && ($ = t.getAttribute("transform"), i.forceCSS = t.setAttribute("transform", "") || !xn(xt(t, B)), $ && t.setAttribute("transform", $))), Math.abs(b) > 90 && Math.abs(b) < 270 && (n ? (_ *= -1, b += c <= 0 ? 180 : -180, c += c <= 0 ? 180 : -180) : (p *= -1, b += b <= 0 ? 180 : -180)), e = e || i.uncache, i.x = h - ((i.xPercent = h && (!e && i.xPercent || (Math.round(t.offsetWidth / 2) === Math.round(-h) ? -50 : 0))) ? t.offsetWidth * i.xPercent / 100 : 0) + s, i.y = f - ((i.yPercent = f && (!e && i.yPercent || (Math.round(t.offsetHeight / 2) === Math.round(-f) ? -50 : 0))) ? t.offsetHeight * i.yPercent / 100 : 0) + s, i.z = d + s, i.scaleX = U(_), i.scaleY = U(p), i.rotation = U(c) + a, i.rotationX = U(g) + a, i.rotationY = U(m) + a, i.skewX = b + a, i.skewY = v + a, i.transformPerspective = y + s, (i.zOrigin = parseFloat(u.split(" ")[2]) || !e && i.zOrigin || 0) && (r[st] = si(u)), i.xOffset = i.yOffset = 0, i.force3D = ct.force3D, i.renderTransform = i.svg ? ao : gn ? yn : oo, i.uncache = 0, i;
|
|
1902
|
+
}, si = function(t) {
|
|
1903
|
+
return (t = t.split(" "))[0] + " " + t[1];
|
|
1904
|
+
}, gi = function(t, e, i) {
|
|
1905
|
+
var r = K(e);
|
|
1906
|
+
return U(parseFloat(e) + parseFloat(Kt(t, "x", i + "px", r))) + r;
|
|
1907
|
+
}, oo = function(t, e) {
|
|
1908
|
+
e.z = "0px", e.rotationY = e.rotationX = "0deg", e.force3D = 0, yn(t, e);
|
|
1909
|
+
}, Zt = "0deg", Pe = "0px", Jt = ") ", yn = function(t, e) {
|
|
1910
|
+
var i = e || this, r = i.xPercent, n = i.yPercent, s = i.x, a = i.y, l = i.z, u = i.rotation, h = i.rotationY, f = i.rotationX, d = i.skewX, _ = i.skewY, p = i.scaleX, c = i.scaleY, g = i.transformPerspective, m = i.force3D, b = i.target, v = i.zOrigin, y = "", x = m === "auto" && t && t !== 1 || m === !0;
|
|
1911
|
+
if (v && (f !== Zt || h !== Zt)) {
|
|
1912
|
+
var T = parseFloat(h) * _e, P = Math.sin(T), S = Math.cos(T), w;
|
|
1913
|
+
T = parseFloat(f) * _e, w = Math.cos(T), s = gi(b, s, P * w * -v), a = gi(b, a, -Math.sin(T) * -v), l = gi(b, l, S * w * -v + v);
|
|
1914
|
+
}
|
|
1915
|
+
g !== Pe && (y += "perspective(" + g + Jt), (r || n) && (y += "translate(" + r + "%, " + n + "%) "), (x || s !== Pe || a !== Pe || l !== Pe) && (y += l !== Pe || x ? "translate3d(" + s + ", " + a + ", " + l + ") " : "translate(" + s + ", " + a + Jt), u !== Zt && (y += "rotate(" + u + Jt), h !== Zt && (y += "rotateY(" + h + Jt), f !== Zt && (y += "rotateX(" + f + Jt), (d !== Zt || _ !== Zt) && (y += "skew(" + d + ", " + _ + Jt), (p !== 1 || c !== 1) && (y += "scale(" + p + ", " + c + Jt), b.style[B] = y || "translate(0, 0)";
|
|
1916
|
+
}, ao = function(t, e) {
|
|
1917
|
+
var i = e || this, r = i.xPercent, n = i.yPercent, s = i.x, a = i.y, l = i.rotation, u = i.skewX, h = i.skewY, f = i.scaleX, d = i.scaleY, _ = i.target, p = i.xOrigin, c = i.yOrigin, g = i.xOffset, m = i.yOffset, b = i.forceCSS, v = parseFloat(s), y = parseFloat(a), x, T, P, S, w;
|
|
1918
|
+
l = parseFloat(l), u = parseFloat(u), h = parseFloat(h), h && (h = parseFloat(h), u += h, l += h), l || u ? (l *= _e, u *= _e, x = Math.cos(l) * f, T = Math.sin(l) * f, P = Math.sin(l - u) * -d, S = Math.cos(l - u) * d, u && (h *= _e, w = Math.tan(u - h), w = Math.sqrt(1 + w * w), P *= w, S *= w, h && (w = Math.tan(h), w = Math.sqrt(1 + w * w), x *= w, T *= w)), x = U(x), T = U(T), P = U(P), S = U(S)) : (x = f, S = d, T = P = 0), (v && !~(s + "").indexOf("px") || y && !~(a + "").indexOf("px")) && (v = Kt(_, "x", s, "px"), y = Kt(_, "y", a, "px")), (p || c || g || m) && (v = U(v + p - (p * x + c * P) + g), y = U(y + c - (p * T + c * S) + m)), (r || n) && (w = _.getBBox(), v = U(v + r / 100 * w.width), y = U(y + n / 100 * w.height)), w = "matrix(" + x + "," + T + "," + P + "," + S + "," + v + "," + y + ")", _.setAttribute("transform", w), b && (_.style[B] = w);
|
|
1919
|
+
}, lo = function(t, e, i, r, n) {
|
|
1920
|
+
var s = 360, a = X(n), l = parseFloat(n) * (a && ~n.indexOf("rad") ? te : 1), u = l - r, h = r + u + "deg", f, d;
|
|
1921
|
+
return a && (f = n.split("_")[1], f === "short" && (u %= s, u !== u % (s / 2) && (u += u < 0 ? s : -s)), f === "cw" && u < 0 ? u = (u + s * hr) % s - ~~(u / s) * s : f === "ccw" && u > 0 && (u = (u - s * hr) % s - ~~(u / s) * s)), t._pt = d = new nt(t._pt, e, i, r, u, Ys), d.e = h, d.u = "deg", t._props.push(i), d;
|
|
1922
|
+
}, br = function(t, e) {
|
|
1923
|
+
for (var i in e)
|
|
1924
|
+
t[i] = e[i];
|
|
1925
|
+
return t;
|
|
1926
|
+
}, uo = function(t, e, i) {
|
|
1927
|
+
var r = br({}, i._gsap), n = "perspective,force3D,transformOrigin,svgOrigin", s = i.style, a, l, u, h, f, d, _, p;
|
|
1928
|
+
r.svg ? (u = i.getAttribute("transform"), i.setAttribute("transform", ""), s[B] = e, a = $e(i, 1), ae(i, B), i.setAttribute("transform", u)) : (u = getComputedStyle(i)[B], s[B] = e, a = $e(i, 1), s[B] = u);
|
|
1929
|
+
for (l in It)
|
|
1930
|
+
u = r[l], h = a[l], u !== h && n.indexOf(l) < 0 && (_ = K(u), p = K(h), f = _ !== p ? Kt(i, l, u, p) : parseFloat(u), d = parseFloat(h), t._pt = new nt(t._pt, a, l, f, d - f, Oi), t._pt.u = p || 0, t._props.push(l));
|
|
1931
|
+
br(a, r);
|
|
1932
|
+
};
|
|
1933
|
+
rt("padding,margin,Width,Radius", function(o, t) {
|
|
1934
|
+
var e = "Top", i = "Right", r = "Bottom", n = "Left", s = (t < 3 ? [e, i, r, n] : [e + n, e + i, r + i, r + n]).map(function(a) {
|
|
1935
|
+
return t < 2 ? o + a : "border" + a + o;
|
|
1936
|
+
});
|
|
1937
|
+
ni[t > 1 ? "border" + o : o] = function(a, l, u, h, f) {
|
|
1938
|
+
var d, _;
|
|
1939
|
+
if (arguments.length < 4)
|
|
1940
|
+
return d = s.map(function(p) {
|
|
1941
|
+
return Mt(a, p, u);
|
|
1942
|
+
}), _ = d.join(" "), _.split(d[0]).length === 5 ? d[0] : _;
|
|
1943
|
+
d = (h + "").split(" "), _ = {}, s.forEach(function(p, c) {
|
|
1944
|
+
return _[p] = d[c] = d[c] || d[(c - 1) / 2 | 0];
|
|
1945
|
+
}), a.init(l, _, f);
|
|
1946
|
+
};
|
|
1947
|
+
});
|
|
1948
|
+
var wn = {
|
|
1949
|
+
name: "css",
|
|
1950
|
+
register: Mi,
|
|
1951
|
+
targetTest: function(t) {
|
|
1952
|
+
return t.style && t.nodeType;
|
|
1953
|
+
},
|
|
1954
|
+
init: function(t, e, i, r, n) {
|
|
1955
|
+
var s = this._props, a = t.style, l = i.vars.startAt, u, h, f, d, _, p, c, g, m, b, v, y, x, T, P, S;
|
|
1956
|
+
Gi || Mi(), this.styles = this.styles || pn(t), S = this.styles.props, this.tween = i;
|
|
1957
|
+
for (c in e)
|
|
1958
|
+
if (c !== "autoRound" && (h = e[c], !(lt[c] && nn(c, e, i, r, t, n)))) {
|
|
1959
|
+
if (_ = typeof h, p = ni[c], _ === "function" && (h = h.call(i, r, t, n), _ = typeof h), _ === "string" && ~h.indexOf("random(") && (h = Ie(h)), p)
|
|
1960
|
+
p(this, t, c, h, i) && (P = 1);
|
|
1961
|
+
else if (c.substr(0, 2) === "--")
|
|
1962
|
+
u = (getComputedStyle(t).getPropertyValue(c) + "").trim(), h += "", Xt.lastIndex = 0, Xt.test(u) || (g = K(u), m = K(h)), m ? g !== m && (u = Kt(t, c, u, m) + m) : g && (h += g), this.add(a, "setProperty", u, h, r, n, 0, 0, c), s.push(c), S.push(c, 0, a[c]);
|
|
1963
|
+
else if (_ !== "undefined") {
|
|
1964
|
+
if (l && c in l ? (u = typeof l[c] == "function" ? l[c].call(i, r, t, n) : l[c], X(u) && ~u.indexOf("random(") && (u = Ie(u)), K(u + "") || u === "auto" || (u += ct.units[c] || K(Mt(t, c)) || ""), (u + "").charAt(1) === "=" && (u = Mt(t, c))) : u = Mt(t, c), d = parseFloat(u), b = _ === "string" && h.charAt(1) === "=" && h.substr(0, 2), b && (h = h.substr(2)), f = parseFloat(h), c in kt && (c === "autoAlpha" && (d === 1 && Mt(t, "visibility") === "hidden" && f && (d = 0), S.push("visibility", 0, a.visibility), Ht(this, a, "visibility", d ? "inherit" : "hidden", f ? "inherit" : "hidden", !f)), c !== "scale" && c !== "transform" && (c = kt[c], ~c.indexOf(",") && (c = c.split(",")[0]))), v = c in It, v) {
|
|
1965
|
+
if (this.styles.save(c), _ === "string" && h.substring(0, 6) === "var(--" && (h = xt(t, h.substring(4, h.indexOf(")"))), f = parseFloat(h)), y || (x = t._gsap, x.renderTransform && !e.parseTransform || $e(t, e.parseTransform), T = e.smoothOrigin !== !1 && x.smooth, y = this._pt = new nt(this._pt, a, B, 0, 1, x.renderTransform, x, 0, -1), y.dep = 1), c === "scale")
|
|
1966
|
+
this._pt = new nt(this._pt, x, "scaleY", x.scaleY, (b ? fe(x.scaleY, b + f) : f) - x.scaleY || 0, Oi), this._pt.u = 0, s.push("scaleY", c), c += "X";
|
|
1967
|
+
else if (c === "transformOrigin") {
|
|
1968
|
+
S.push(st, 0, a[st]), h = no(h), x.svg ? Ri(t, h, 0, T, 0, this) : (m = parseFloat(h.split(" ")[2]) || 0, m !== x.zOrigin && Ht(this, x, "zOrigin", x.zOrigin, m), Ht(this, a, c, si(u), si(h)));
|
|
1969
|
+
continue;
|
|
1970
|
+
} else if (c === "svgOrigin") {
|
|
1971
|
+
Ri(t, h, 1, T, 0, this);
|
|
1972
|
+
continue;
|
|
1973
|
+
} else if (c in vn) {
|
|
1974
|
+
lo(this, x, c, d, b ? fe(d, b + h) : h);
|
|
1975
|
+
continue;
|
|
1976
|
+
} else if (c === "smoothOrigin") {
|
|
1977
|
+
Ht(this, x, "smooth", x.smooth, h);
|
|
1978
|
+
continue;
|
|
1979
|
+
} else if (c === "force3D") {
|
|
1980
|
+
x[c] = h;
|
|
1981
|
+
continue;
|
|
1982
|
+
} else if (c === "transform") {
|
|
1983
|
+
uo(this, h, t);
|
|
1984
|
+
continue;
|
|
1985
|
+
}
|
|
1986
|
+
} else c in a || (c = ye(c) || c);
|
|
1987
|
+
if (v || (f || f === 0) && (d || d === 0) && !Hs.test(h) && c in a)
|
|
1988
|
+
g = (u + "").substr((d + "").length), f || (f = 0), m = K(h) || (c in ct.units ? ct.units[c] : g), g !== m && (d = Kt(t, c, u, m)), this._pt = new nt(this._pt, v ? x : a, c, d, (b ? fe(d, b + f) : f) - d, !v && (m === "px" || c === "zIndex") && e.autoRound !== !1 ? qs : Oi), this._pt.u = m || 0, g !== m && m !== "%" && (this._pt.b = u, this._pt.r = Xs);
|
|
1989
|
+
else if (c in a)
|
|
1990
|
+
ro.call(this, t, c, u, b ? b + h : h);
|
|
1991
|
+
else if (c in t)
|
|
1992
|
+
this.add(t, c, u || t[c], b ? b + h : h, r, n);
|
|
1993
|
+
else if (c !== "parseTransform") {
|
|
1994
|
+
$i(c, h);
|
|
1995
|
+
continue;
|
|
1996
|
+
}
|
|
1997
|
+
v || (c in a ? S.push(c, 0, a[c]) : typeof t[c] == "function" ? S.push(c, 2, t[c]()) : S.push(c, 1, u || t[c])), s.push(c);
|
|
1998
|
+
}
|
|
1999
|
+
}
|
|
2000
|
+
P && hn(this);
|
|
2001
|
+
},
|
|
2002
|
+
render: function(t, e) {
|
|
2003
|
+
if (e.tween._time || !Ki())
|
|
2004
|
+
for (var i = e._pt; i; )
|
|
2005
|
+
i.r(t, i.d), i = i._next;
|
|
2006
|
+
else
|
|
2007
|
+
e.styles.revert();
|
|
2008
|
+
},
|
|
2009
|
+
get: Mt,
|
|
2010
|
+
aliases: kt,
|
|
2011
|
+
getSetter: function(t, e, i) {
|
|
2012
|
+
var r = kt[e];
|
|
2013
|
+
return r && r.indexOf(",") < 0 && (e = r), e in It && e !== st && (t._gsap.x || Mt(t, "x")) ? i && ur === i ? e === "scale" ? Qs : js : (ur = i || {}) && (e === "scale" ? Zs : Js) : t.style && !Ei(t.style[e]) ? Gs : ~e.indexOf("-") ? Ks : Xi(t, e);
|
|
2014
|
+
},
|
|
2015
|
+
core: {
|
|
2016
|
+
_removeProperty: ae,
|
|
2017
|
+
_getMatrix: Qi
|
|
2018
|
+
}
|
|
2019
|
+
};
|
|
2020
|
+
ot.utils.checkPrefix = ye;
|
|
2021
|
+
ot.core.getStyleSaver = pn;
|
|
2022
|
+
(function(o, t, e, i) {
|
|
2023
|
+
var r = rt(o + "," + t + "," + e, function(n) {
|
|
2024
|
+
It[n] = 1;
|
|
2025
|
+
});
|
|
2026
|
+
rt(t, function(n) {
|
|
2027
|
+
ct.units[n] = "deg", vn[n] = 1;
|
|
2028
|
+
}), kt[r[13]] = o + "," + t, rt(i, function(n) {
|
|
2029
|
+
var s = n.split(":");
|
|
2030
|
+
kt[s[1]] = r[s[0]];
|
|
2031
|
+
});
|
|
2032
|
+
})("x,y,z,scale,scaleX,scaleY,xPercent,yPercent", "rotation,rotationX,rotationY,skewX,skewY", "transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective", "0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY");
|
|
2033
|
+
rt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective", function(o) {
|
|
2034
|
+
ct.units[o] = "px";
|
|
2035
|
+
});
|
|
2036
|
+
ot.registerPlugin(wn);
|
|
2037
|
+
var ie = ot.registerPlugin(wn) || ot;
|
|
2038
|
+
ie.core.Tween;
|
|
2039
|
+
/*!
|
|
2040
|
+
* paths 3.13.0
|
|
2041
|
+
* https://gsap.com
|
|
2042
|
+
*
|
|
2043
|
+
* Copyright 2008-2025, GreenSock. All rights reserved.
|
|
2044
|
+
* Subject to the terms at https://gsap.com/standard-license
|
|
2045
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
2046
|
+
*/
|
|
2047
|
+
var ho = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, co = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, fo = Math.PI / 180, He = Math.sin, Ye = Math.cos, Me = Math.abs, Se = Math.sqrt, _o = function(t) {
|
|
2048
|
+
return typeof t == "number";
|
|
2049
|
+
}, mr = 1e5, Bt = function(t) {
|
|
2050
|
+
return Math.round(t * mr) / mr || 0;
|
|
2051
|
+
};
|
|
2052
|
+
function po(o, t, e, i, r, n, s) {
|
|
2053
|
+
for (var a = o.length, l, u, h, f, d; --a > -1; )
|
|
2054
|
+
for (l = o[a], u = l.length, h = 0; h < u; h += 2)
|
|
2055
|
+
f = l[h], d = l[h + 1], l[h] = f * t + d * i + n, l[h + 1] = f * e + d * r + s;
|
|
2056
|
+
return o._dirty = 1, o;
|
|
2057
|
+
}
|
|
2058
|
+
function go(o, t, e, i, r, n, s, a, l) {
|
|
2059
|
+
if (!(o === a && t === l)) {
|
|
2060
|
+
e = Me(e), i = Me(i);
|
|
2061
|
+
var u = r % 360 * fo, h = Ye(u), f = He(u), d = Math.PI, _ = d * 2, p = (o - a) / 2, c = (t - l) / 2, g = h * p + f * c, m = -f * p + h * c, b = g * g, v = m * m, y = b / (e * e) + v / (i * i);
|
|
2062
|
+
y > 1 && (e = Se(y) * e, i = Se(y) * i);
|
|
2063
|
+
var x = e * e, T = i * i, P = (x * T - x * v - T * b) / (x * v + T * b);
|
|
2064
|
+
P < 0 && (P = 0);
|
|
2065
|
+
var S = (n === s ? -1 : 1) * Se(P), w = S * (e * m / i), k = S * -(i * g / e), M = (o + a) / 2, O = (t + l) / 2, R = M + (h * w - f * k), Y = O + (f * w + h * k), I = (g - w) / e, z = (m - k) / i, $ = (-g - w) / e, G = (-m - k) / i, Qt = I * I + z * z, Lt = (z < 0 ? -1 : 1) * Math.acos(I / Se(Qt)), Z = (I * G - z * $ < 0 ? -1 : 1) * Math.acos((I * $ + z * G) / Se(Qt * ($ * $ + G * G)));
|
|
2066
|
+
isNaN(Z) && (Z = d), !s && Z > 0 ? Z -= _ : s && Z < 0 && (Z += _), Lt %= _, Z %= _;
|
|
2067
|
+
var Pt = Math.ceil(Me(Z) / (_ / 4)), pt = [], tt = Z / Pt, gt = 4 / 3 * He(tt / 2) / (1 + Ye(tt / 2)), Mn = h * e, Rn = f * e, zn = f * -i, In = h * i, at;
|
|
2068
|
+
for (at = 0; at < Pt; at++)
|
|
2069
|
+
r = Lt + at * tt, g = Ye(r), m = He(r), I = Ye(r += tt), z = He(r), pt.push(g - gt * m, m + gt * g, I + gt * z, z - gt * I, I, z);
|
|
2070
|
+
for (at = 0; at < pt.length; at += 2)
|
|
2071
|
+
g = pt[at], m = pt[at + 1], pt[at] = g * Mn + m * zn + R, pt[at + 1] = g * Rn + m * In + Y;
|
|
2072
|
+
return pt[at - 2] = a, pt[at - 1] = l, pt;
|
|
2073
|
+
}
|
|
2074
|
+
}
|
|
2075
|
+
function bo(o) {
|
|
2076
|
+
var t = (o + "").replace(co, function(w) {
|
|
2077
|
+
var k = +w;
|
|
2078
|
+
return k < 1e-4 && k > -1e-4 ? 0 : k;
|
|
2079
|
+
}).match(ho) || [], e = [], i = 0, r = 0, n = 2 / 3, s = t.length, a = 0, l = "ERROR: malformed path: " + o, u, h, f, d, _, p, c, g, m, b, v, y, x, T, P, S = function(k, M, O, R) {
|
|
2080
|
+
b = (O - k) / 3, v = (R - M) / 3, c.push(k + b, M + v, O - b, R - v, O, R);
|
|
2081
|
+
};
|
|
2082
|
+
if (!o || !isNaN(t[0]) || isNaN(t[1]))
|
|
2083
|
+
return console.log(l), e;
|
|
2084
|
+
for (u = 0; u < s; u++)
|
|
2085
|
+
if (x = _, isNaN(t[u]) ? (_ = t[u].toUpperCase(), p = _ !== t[u]) : u--, f = +t[u + 1], d = +t[u + 2], p && (f += i, d += r), u || (g = f, m = d), _ === "M")
|
|
2086
|
+
c && (c.length < 8 ? e.length -= 1 : a += c.length), i = g = f, r = m = d, c = [f, d], e.push(c), u += 2, _ = "L";
|
|
2087
|
+
else if (_ === "C")
|
|
2088
|
+
c || (c = [0, 0]), p || (i = r = 0), c.push(f, d, i + t[u + 3] * 1, r + t[u + 4] * 1, i += t[u + 5] * 1, r += t[u + 6] * 1), u += 6;
|
|
2089
|
+
else if (_ === "S")
|
|
2090
|
+
b = i, v = r, (x === "C" || x === "S") && (b += i - c[c.length - 4], v += r - c[c.length - 3]), p || (i = r = 0), c.push(b, v, f, d, i += t[u + 3] * 1, r += t[u + 4] * 1), u += 4;
|
|
2091
|
+
else if (_ === "Q")
|
|
2092
|
+
b = i + (f - i) * n, v = r + (d - r) * n, p || (i = r = 0), i += t[u + 3] * 1, r += t[u + 4] * 1, c.push(b, v, i + (f - i) * n, r + (d - r) * n, i, r), u += 4;
|
|
2093
|
+
else if (_ === "T")
|
|
2094
|
+
b = i - c[c.length - 4], v = r - c[c.length - 3], c.push(i + b, r + v, f + (i + b * 1.5 - f) * n, d + (r + v * 1.5 - d) * n, i = f, r = d), u += 2;
|
|
2095
|
+
else if (_ === "H")
|
|
2096
|
+
S(i, r, i = f, r), u += 1;
|
|
2097
|
+
else if (_ === "V")
|
|
2098
|
+
S(i, r, i, r = f + (p ? r - i : 0)), u += 1;
|
|
2099
|
+
else if (_ === "L" || _ === "Z")
|
|
2100
|
+
_ === "Z" && (f = g, d = m, c.closed = !0), (_ === "L" || Me(i - f) > 0.5 || Me(r - d) > 0.5) && (S(i, r, f, d), _ === "L" && (u += 2)), i = f, r = d;
|
|
2101
|
+
else if (_ === "A") {
|
|
2102
|
+
if (T = t[u + 4], P = t[u + 5], b = t[u + 6], v = t[u + 7], h = 7, T.length > 1 && (T.length < 3 ? (v = b, b = P, h--) : (v = P, b = T.substr(2), h -= 2), P = T.charAt(1), T = T.charAt(0)), y = go(i, r, +t[u + 1], +t[u + 2], +t[u + 3], +T, +P, (p ? i : 0) + b * 1, (p ? r : 0) + v * 1), u += h, y)
|
|
2103
|
+
for (h = 0; h < y.length; h++)
|
|
2104
|
+
c.push(y[h]);
|
|
2105
|
+
i = c[c.length - 2], r = c[c.length - 1];
|
|
2106
|
+
} else
|
|
2107
|
+
console.log(l);
|
|
2108
|
+
return u = c.length, u < 6 ? (e.pop(), u = 0) : c[0] === c[u - 2] && c[1] === c[u - 1] && (c.closed = !0), e.totalPoints = a + u, e;
|
|
2109
|
+
}
|
|
2110
|
+
function mo(o) {
|
|
2111
|
+
_o(o[0]) && (o = [o]);
|
|
2112
|
+
var t = "", e = o.length, i, r, n, s;
|
|
2113
|
+
for (r = 0; r < e; r++) {
|
|
2114
|
+
for (s = o[r], t += "M" + Bt(s[0]) + "," + Bt(s[1]) + " C", i = s.length, n = 2; n < i; n++)
|
|
2115
|
+
t += Bt(s[n++]) + "," + Bt(s[n++]) + " " + Bt(s[n++]) + "," + Bt(s[n++]) + " " + Bt(s[n++]) + "," + Bt(s[n]) + " ";
|
|
2116
|
+
s.closed && (t += "z");
|
|
2117
|
+
}
|
|
2118
|
+
return t;
|
|
2119
|
+
}
|
|
2120
|
+
/*!
|
|
2121
|
+
* CustomEase 3.13.0
|
|
2122
|
+
* https://gsap.com
|
|
2123
|
+
*
|
|
2124
|
+
* @license Copyright 2008-2025, GreenSock. All rights reserved.
|
|
2125
|
+
* Subject to the terms at https://gsap.com/standard-license
|
|
2126
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
2127
|
+
*/
|
|
2128
|
+
var et, Tn, Pn = function() {
|
|
2129
|
+
return et || typeof window < "u" && (et = window.gsap) && et.registerPlugin && et;
|
|
2130
|
+
}, vr = function() {
|
|
2131
|
+
et = Pn(), et ? (et.registerEase("_CE", Ft.create), Tn = 1) : console.warn("Please gsap.registerPlugin(CustomEase)");
|
|
2132
|
+
}, vo = 1e20, Xe = function(t) {
|
|
2133
|
+
return ~~(t * 1e3 + (t < 0 ? -0.5 : 0.5)) / 1e3;
|
|
2134
|
+
}, xo = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/gi, yo = /[cLlsSaAhHvVtTqQ]/g, wo = function(t) {
|
|
2135
|
+
var e = t.length, i = vo, r;
|
|
2136
|
+
for (r = 1; r < e; r += 6)
|
|
2137
|
+
+t[r] < i && (i = +t[r]);
|
|
2138
|
+
return i;
|
|
2139
|
+
}, To = function(t, e, i) {
|
|
2140
|
+
!i && i !== 0 && (i = Math.max(+t[t.length - 1], +t[1]));
|
|
2141
|
+
var r = +t[0] * -1, n = -i, s = t.length, a = 1 / (+t[s - 2] + r), l = -e || (Math.abs(+t[s - 1] - +t[1]) < 0.01 * (+t[s - 2] - +t[0]) ? wo(t) + n : +t[s - 1] + n), u;
|
|
2142
|
+
for (l ? l = 1 / l : l = -a, u = 0; u < s; u += 2)
|
|
2143
|
+
t[u] = (+t[u] + r) * a, t[u + 1] = (+t[u + 1] + n) * l;
|
|
2144
|
+
}, Po = function o(t, e, i, r, n, s, a, l, u, h, f) {
|
|
2145
|
+
var d = (t + i) / 2, _ = (e + r) / 2, p = (i + n) / 2, c = (r + s) / 2, g = (n + a) / 2, m = (s + l) / 2, b = (d + p) / 2, v = (_ + c) / 2, y = (p + g) / 2, x = (c + m) / 2, T = (b + y) / 2, P = (v + x) / 2, S = a - t, w = l - e, k = Math.abs((i - a) * w - (r - l) * S), M = Math.abs((n - a) * w - (s - l) * S), O;
|
|
2146
|
+
return h || (h = [{
|
|
2147
|
+
x: t,
|
|
2148
|
+
y: e
|
|
2149
|
+
}, {
|
|
2150
|
+
x: a,
|
|
2151
|
+
y: l
|
|
2152
|
+
}], f = 1), h.splice(f || h.length - 1, 0, {
|
|
2153
|
+
x: T,
|
|
2154
|
+
y: P
|
|
2155
|
+
}), (k + M) * (k + M) > u * (S * S + w * w) && (O = h.length, o(t, e, d, _, b, v, T, P, u, h, f), o(T, P, y, x, g, m, a, l, u, h, f + 1 + (h.length - O))), h;
|
|
2156
|
+
}, Ft = /* @__PURE__ */ function() {
|
|
2157
|
+
function o(e, i, r) {
|
|
2158
|
+
Tn || vr(), this.id = e, this.setData(i, r);
|
|
2159
|
+
}
|
|
2160
|
+
var t = o.prototype;
|
|
2161
|
+
return t.setData = function(i, r) {
|
|
2162
|
+
r = r || {}, i = i || "0,0,1,1";
|
|
2163
|
+
var n = i.match(xo), s = 1, a = [], l = [], u = r.precision || 1, h = u <= 1, f, d, _, p, c, g, m, b, v;
|
|
2164
|
+
if (this.data = i, (yo.test(i) || ~i.indexOf("M") && i.indexOf("C") < 0) && (n = bo(i)[0]), f = n.length, f === 4)
|
|
2165
|
+
n.unshift(0, 0), n.push(1, 1), f = 8;
|
|
2166
|
+
else if ((f - 2) % 6)
|
|
2167
|
+
throw "Invalid CustomEase";
|
|
2168
|
+
for ((+n[0] != 0 || +n[f - 2] != 1) && To(n, r.height, r.originY), this.segment = n, p = 2; p < f; p += 6)
|
|
2169
|
+
d = {
|
|
2170
|
+
x: +n[p - 2],
|
|
2171
|
+
y: +n[p - 1]
|
|
2172
|
+
}, _ = {
|
|
2173
|
+
x: +n[p + 4],
|
|
2174
|
+
y: +n[p + 5]
|
|
2175
|
+
}, a.push(d, _), Po(d.x, d.y, +n[p], +n[p + 1], +n[p + 2], +n[p + 3], _.x, _.y, 1 / (u * 2e5), a, a.length - 1);
|
|
2176
|
+
for (f = a.length, p = 0; p < f; p++)
|
|
2177
|
+
m = a[p], b = a[p - 1] || m, (m.x > b.x || b.y !== m.y && b.x === m.x || m === b) && m.x <= 1 ? (b.cx = m.x - b.x, b.cy = m.y - b.y, b.n = m, b.nx = m.x, h && p > 1 && Math.abs(b.cy / b.cx - a[p - 2].cy / a[p - 2].cx) > 2 && (h = 0), b.cx < s && (b.cx ? s = b.cx : (b.cx = 1e-3, p === f - 1 && (b.x -= 1e-3, s = Math.min(s, 1e-3), h = 0)))) : (a.splice(p--, 1), f--);
|
|
2178
|
+
if (f = 1 / s + 1 | 0, c = 1 / f, g = 0, m = a[0], h) {
|
|
2179
|
+
for (p = 0; p < f; p++)
|
|
2180
|
+
v = p * c, m.nx < v && (m = a[++g]), d = m.y + (v - m.x) / m.cx * m.cy, l[p] = {
|
|
2181
|
+
x: v,
|
|
2182
|
+
cx: c,
|
|
2183
|
+
y: d,
|
|
2184
|
+
cy: 0,
|
|
2185
|
+
nx: 9
|
|
2186
|
+
}, p && (l[p - 1].cy = d - l[p - 1].y);
|
|
2187
|
+
g = a[a.length - 1], l[f - 1].cy = g.y - d, l[f - 1].cx = g.x - l[l.length - 1].x;
|
|
2188
|
+
} else {
|
|
2189
|
+
for (p = 0; p < f; p++)
|
|
2190
|
+
m.nx < p * c && (m = a[++g]), l[p] = m;
|
|
2191
|
+
g < a.length - 1 && (l[p - 1] = a[a.length - 2]);
|
|
2192
|
+
}
|
|
2193
|
+
return this.ease = function(y) {
|
|
2194
|
+
var x = l[y * f | 0] || l[f - 1];
|
|
2195
|
+
return x.nx < y && (x = x.n), x.y + (y - x.x) / x.cx * x.cy;
|
|
2196
|
+
}, this.ease.custom = this, this.id && et && et.registerEase(this.id, this.ease), this;
|
|
2197
|
+
}, t.getSVGData = function(i) {
|
|
2198
|
+
return o.getSVGData(this, i);
|
|
2199
|
+
}, o.create = function(i, r, n) {
|
|
2200
|
+
return new o(i, r, n).ease;
|
|
2201
|
+
}, o.register = function(i) {
|
|
2202
|
+
et = i, vr();
|
|
2203
|
+
}, o.get = function(i) {
|
|
2204
|
+
return et.parseEase(i);
|
|
2205
|
+
}, o.getSVGData = function(i, r) {
|
|
2206
|
+
r = r || {};
|
|
2207
|
+
var n = r.width || 100, s = r.height || 100, a = r.x || 0, l = (r.y || 0) + s, u = et.utils.toArray(r.path)[0], h, f, d, _, p, c, g, m, b, v;
|
|
2208
|
+
if (r.invert && (s = -s, l = 0), typeof i == "string" && (i = et.parseEase(i)), i.custom && (i = i.custom), i instanceof o)
|
|
2209
|
+
h = mo(po([i.segment], n, 0, 0, -s, a, l));
|
|
2210
|
+
else {
|
|
2211
|
+
for (h = [a, l], g = Math.max(5, (r.precision || 1) * 200), _ = 1 / g, g += 2, m = 5 / g, b = Xe(a + _ * n), v = Xe(l + i(_) * -s), f = (v - l) / (b - a), d = 2; d < g; d++)
|
|
2212
|
+
p = Xe(a + d * _ * n), c = Xe(l + i(d * _) * -s), (Math.abs((c - v) / (p - b) - f) > m || d === g - 1) && (h.push(b, v), f = (c - v) / (p - b)), b = p, v = c;
|
|
2213
|
+
h = "M" + h.join(",");
|
|
2214
|
+
}
|
|
2215
|
+
return u && u.setAttribute("d", h), h;
|
|
2216
|
+
}, o;
|
|
2217
|
+
}();
|
|
2218
|
+
Ft.version = "3.13.0";
|
|
2219
|
+
Ft.headless = !0;
|
|
2220
|
+
Pn() && et.registerPlugin(Ft);
|
|
2221
|
+
/*!
|
|
2222
|
+
* ScrollToPlugin 3.13.0
|
|
2223
|
+
* https://gsap.com
|
|
2224
|
+
*
|
|
2225
|
+
* @license Copyright 2008-2025, GreenSock. All rights reserved.
|
|
2226
|
+
* Subject to the terms at https://gsap.com/standard-license
|
|
2227
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
2228
|
+
*/
|
|
2229
|
+
var j, Sn, Rt, Ct, qt, An, pe, qe, kn = function() {
|
|
2230
|
+
return typeof window < "u";
|
|
2231
|
+
}, Cn = function() {
|
|
2232
|
+
return j || kn() && (j = window.gsap) && j.registerPlugin && j;
|
|
2233
|
+
}, On = function(t) {
|
|
2234
|
+
return typeof t == "string";
|
|
2235
|
+
}, xr = function(t) {
|
|
2236
|
+
return typeof t == "function";
|
|
2237
|
+
}, Ne = function(t, e) {
|
|
2238
|
+
var i = e === "x" ? "Width" : "Height", r = "scroll" + i, n = "client" + i;
|
|
2239
|
+
return t === Rt || t === Ct || t === qt ? Math.max(Ct[r], qt[r]) - (Rt["inner" + i] || Ct[n] || qt[n]) : t[r] - t["offset" + i];
|
|
2240
|
+
}, Be = function(t, e) {
|
|
2241
|
+
var i = "scroll" + (e === "x" ? "Left" : "Top");
|
|
2242
|
+
return t === Rt && (t.pageXOffset != null ? i = "page" + e.toUpperCase() + "Offset" : t = Ct[i] != null ? Ct : qt), function() {
|
|
2243
|
+
return t[i];
|
|
2244
|
+
};
|
|
2245
|
+
}, So = function(t, e, i, r) {
|
|
2246
|
+
if (xr(t) && (t = t(e, i, r)), typeof t != "object")
|
|
2247
|
+
return On(t) && t !== "max" && t.charAt(1) !== "=" ? {
|
|
2248
|
+
x: t,
|
|
2249
|
+
y: t
|
|
2250
|
+
} : {
|
|
2251
|
+
y: t
|
|
2252
|
+
};
|
|
2253
|
+
if (t.nodeType)
|
|
2254
|
+
return {
|
|
2255
|
+
y: t,
|
|
2256
|
+
x: t
|
|
2257
|
+
};
|
|
2258
|
+
var n = {}, s;
|
|
2259
|
+
for (s in t)
|
|
2260
|
+
n[s] = s !== "onAutoKill" && xr(t[s]) ? t[s](e, i, r) : t[s];
|
|
2261
|
+
return n;
|
|
2262
|
+
}, Dn = function(t, e) {
|
|
2263
|
+
if (t = An(t)[0], !t || !t.getBoundingClientRect)
|
|
2264
|
+
return console.warn("scrollTo target doesn't exist. Using 0") || {
|
|
2265
|
+
x: 0,
|
|
2266
|
+
y: 0
|
|
2267
|
+
};
|
|
2268
|
+
var i = t.getBoundingClientRect(), r = !e || e === Rt || e === qt, n = r ? {
|
|
2269
|
+
top: Ct.clientTop - (Rt.pageYOffset || Ct.scrollTop || qt.scrollTop || 0),
|
|
2270
|
+
left: Ct.clientLeft - (Rt.pageXOffset || Ct.scrollLeft || qt.scrollLeft || 0)
|
|
2271
|
+
} : e.getBoundingClientRect(), s = {
|
|
2272
|
+
x: i.left - n.left,
|
|
2273
|
+
y: i.top - n.top
|
|
2274
|
+
};
|
|
2275
|
+
return !r && e && (s.x += Be(e, "x")(), s.y += Be(e, "y")()), s;
|
|
2276
|
+
}, yr = function(t, e, i, r, n) {
|
|
2277
|
+
return !isNaN(t) && typeof t != "object" ? parseFloat(t) - n : On(t) && t.charAt(1) === "=" ? parseFloat(t.substr(2)) * (t.charAt(0) === "-" ? -1 : 1) + r - n : t === "max" ? Ne(e, i) - n : Math.min(Ne(e, i), Dn(t, e)[i] - n);
|
|
2278
|
+
}, zi = function() {
|
|
2279
|
+
j = Cn(), kn() && j && typeof document < "u" && document.body && (Rt = window, qt = document.body, Ct = document.documentElement, An = j.utils.toArray, j.config({
|
|
2280
|
+
autoKillThreshold: 7
|
|
2281
|
+
}), pe = j.config(), Sn = 1);
|
|
2282
|
+
}, we = {
|
|
2283
|
+
version: "3.13.0",
|
|
2284
|
+
name: "scrollTo",
|
|
2285
|
+
rawVars: 1,
|
|
2286
|
+
register: function(t) {
|
|
2287
|
+
j = t, zi();
|
|
2288
|
+
},
|
|
2289
|
+
init: function(t, e, i, r, n) {
|
|
2290
|
+
Sn || zi();
|
|
2291
|
+
var s = this, a = j.getProperty(t, "scrollSnapType");
|
|
2292
|
+
s.isWin = t === Rt, s.target = t, s.tween = i, e = So(e, r, t, n), s.vars = e, s.autoKill = !!("autoKill" in e ? e : pe).autoKill, s.getX = Be(t, "x"), s.getY = Be(t, "y"), s.x = s.xPrev = s.getX(), s.y = s.yPrev = s.getY(), qe || (qe = j.core.globals().ScrollTrigger), j.getProperty(t, "scrollBehavior") === "smooth" && j.set(t, {
|
|
2293
|
+
scrollBehavior: "auto"
|
|
2294
|
+
}), a && a !== "none" && (s.snap = 1, s.snapInline = t.style.scrollSnapType, t.style.scrollSnapType = "none"), e.x != null ? (s.add(s, "x", s.x, yr(e.x, t, "x", s.x, e.offsetX || 0), r, n), s._props.push("scrollTo_x")) : s.skipX = 1, e.y != null ? (s.add(s, "y", s.y, yr(e.y, t, "y", s.y, e.offsetY || 0), r, n), s._props.push("scrollTo_y")) : s.skipY = 1;
|
|
2295
|
+
},
|
|
2296
|
+
render: function(t, e) {
|
|
2297
|
+
for (var i = e._pt, r = e.target, n = e.tween, s = e.autoKill, a = e.xPrev, l = e.yPrev, u = e.isWin, h = e.snap, f = e.snapInline, d, _, p, c, g; i; )
|
|
2298
|
+
i.r(t, i.d), i = i._next;
|
|
2299
|
+
d = u || !e.skipX ? e.getX() : a, _ = u || !e.skipY ? e.getY() : l, p = _ - l, c = d - a, g = pe.autoKillThreshold, e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), s && (!e.skipX && (c > g || c < -g) && d < Ne(r, "x") && (e.skipX = 1), !e.skipY && (p > g || p < -g) && _ < Ne(r, "y") && (e.skipY = 1), e.skipX && e.skipY && (n.kill(), e.vars.onAutoKill && e.vars.onAutoKill.apply(n, e.vars.onAutoKillParams || []))), u ? Rt.scrollTo(e.skipX ? d : e.x, e.skipY ? _ : e.y) : (e.skipY || (r.scrollTop = e.y), e.skipX || (r.scrollLeft = e.x)), h && (t === 1 || t === 0) && (_ = r.scrollTop, d = r.scrollLeft, f ? r.style.scrollSnapType = f : r.style.removeProperty("scroll-snap-type"), r.scrollTop = _ + 1, r.scrollLeft = d + 1, r.scrollTop = _, r.scrollLeft = d), e.xPrev = e.x, e.yPrev = e.y, qe && qe.update();
|
|
2300
|
+
},
|
|
2301
|
+
kill: function(t) {
|
|
2302
|
+
var e = t === "scrollTo", i = this._props.indexOf(t);
|
|
2303
|
+
return (e || t === "scrollTo_x") && (this.skipX = 1), (e || t === "scrollTo_y") && (this.skipY = 1), i > -1 && this._props.splice(i, 1), !this._props.length;
|
|
2304
|
+
}
|
|
2305
|
+
};
|
|
2306
|
+
we.max = Ne;
|
|
2307
|
+
we.getOffset = Dn;
|
|
2308
|
+
we.buildGetter = Be;
|
|
2309
|
+
we.config = function(o) {
|
|
2310
|
+
pe || zi() || (pe = j.config());
|
|
2311
|
+
for (var t in o)
|
|
2312
|
+
pe[t] = o[t];
|
|
2313
|
+
};
|
|
2314
|
+
Cn() && j.registerPlugin(we);
|
|
2315
|
+
ie.registerPlugin(we);
|
|
2316
|
+
ie.registerPlugin(Ft);
|
|
2317
|
+
Ft.create("cubic", "0.65, 0, 0.35, 1");
|
|
2318
|
+
Ft.create("expo", "0.87, 0, 0.13, 1");
|
|
2319
|
+
Ft.create("quad", "0.45, 0, 0.55, 1");
|
|
2320
|
+
Ft.create("linear", "0.42, 0, 0.58, 1");
|
|
2321
|
+
const Ao = Fn`
|
|
2322
|
+
:host {
|
|
2323
|
+
--indicator-color: var(--cx-color-primary);
|
|
2324
|
+
--track-color: var(--cx-color-neutral-200);
|
|
2325
|
+
--track-width: 2px;
|
|
2326
|
+
|
|
2327
|
+
display: block;
|
|
2328
|
+
isolation: isolate;
|
|
2329
|
+
}
|
|
2330
|
+
|
|
2331
|
+
::slotted(cx-tab[data-hidden]) {
|
|
2332
|
+
visibility: hidden !important;
|
|
2333
|
+
pointer-events: none !important;
|
|
2334
|
+
}
|
|
2335
|
+
|
|
2336
|
+
.tab-group {
|
|
2337
|
+
display: flex;
|
|
2338
|
+
border-radius: 0;
|
|
2339
|
+
}
|
|
2340
|
+
|
|
2341
|
+
.tab-group__tabs {
|
|
2342
|
+
display: flex;
|
|
2343
|
+
position: relative;
|
|
2344
|
+
}
|
|
2345
|
+
|
|
2346
|
+
.tab-group--button .tab-group__tabs {
|
|
2347
|
+
background-color: var(--cx-color-neutral-100);
|
|
2348
|
+
border-radius: 12px;
|
|
2349
|
+
padding: var(--cx-spacing-2x-small);
|
|
2350
|
+
flex: 0 0 auto;
|
|
2351
|
+
}
|
|
2352
|
+
|
|
2353
|
+
.tab-group__indicator {
|
|
2354
|
+
position: absolute;
|
|
2355
|
+
transition:
|
|
2356
|
+
var(--cx-transition-fast) translate ease,
|
|
2357
|
+
var(--cx-transition-fast) width ease;
|
|
2358
|
+
}
|
|
2359
|
+
|
|
2360
|
+
.tab-group__dropdown {
|
|
2361
|
+
position: absolute;
|
|
2362
|
+
z-index: 1;
|
|
2363
|
+
top: 0;
|
|
2364
|
+
height: 100%;
|
|
2365
|
+
display: flex;
|
|
2366
|
+
padding: var(--cx-spacing-2x-small);
|
|
2367
|
+
}
|
|
2368
|
+
|
|
2369
|
+
.tab-group__dropdown__trigger {
|
|
2370
|
+
--color: var(--tab-color, var(--cx-color-neutral-700));
|
|
2371
|
+
--background-color: var(--tab-background-color, transparent);
|
|
2372
|
+
--color-focus: var(--tab-active-color, var(--cx-color-primary));
|
|
2373
|
+
--background-color-focus: var(--tab-active-background-color, transparent);
|
|
2374
|
+
--cx-button-text-transform: none;
|
|
2375
|
+
max-width: var(--tab-dropdown-trigger-max-width, 150px);
|
|
2376
|
+
height: 100%;
|
|
2377
|
+
flex: 1;
|
|
2378
|
+
}
|
|
2379
|
+
|
|
2380
|
+
.tab-group__dropdown__trigger::part(base) {
|
|
2381
|
+
height: 100%;
|
|
2382
|
+
}
|
|
2383
|
+
|
|
2384
|
+
.tab-group__dropdown__trigger--active {
|
|
2385
|
+
--color: var(--tab-active-color, var(--cx-color-neutral-600));
|
|
2386
|
+
--background-color: var(--tab-active-background-color, transparent);
|
|
2387
|
+
}
|
|
2388
|
+
|
|
2389
|
+
.tab-group__dropdown__trigger--hidden {
|
|
2390
|
+
visibility: hidden;
|
|
2391
|
+
pointer-events: none;
|
|
2392
|
+
}
|
|
2393
|
+
|
|
2394
|
+
.tab-group__dropdown__menu {
|
|
2395
|
+
display: flex;
|
|
2396
|
+
flex-direction: column;
|
|
2397
|
+
gap: var(--cx-spacing-3x-small);
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
.tab-group__dropdown__menu--reverse {
|
|
2401
|
+
flex-direction: column-reverse;
|
|
2402
|
+
}
|
|
2403
|
+
|
|
2404
|
+
.tab-group__dropdown__menu-item {
|
|
2405
|
+
--label-color: var(--tab-color, var(--cx-color-neutral-700));
|
|
2406
|
+
--cx-menu-item-background-color: var(--tab-background-color, transparent);
|
|
2407
|
+
--cx-menu-item-background-color-hover: var(
|
|
2408
|
+
--tab-background-color,
|
|
2409
|
+
var(--cx-color-neutral-100)
|
|
2410
|
+
);
|
|
2411
|
+
--cx-menu-item-background-color-active: var(
|
|
2412
|
+
--tab-active-background-color,
|
|
2413
|
+
var(--cx-menu-item-background-color-hover)
|
|
2414
|
+
);
|
|
2415
|
+
--cx-menu-item-background-color-active-hover: var(
|
|
2416
|
+
--tab-active-background-color,
|
|
2417
|
+
var(--cx-color-neutral-200)
|
|
2418
|
+
);
|
|
2419
|
+
}
|
|
2420
|
+
|
|
2421
|
+
.tab-group__dropdown__menu-item:hover:not(
|
|
2422
|
+
.tab-group__dropdown__menu-item--active
|
|
2423
|
+
) {
|
|
2424
|
+
--label-color: var(--cx-color-neutral-800);
|
|
2425
|
+
}
|
|
2426
|
+
|
|
2427
|
+
.tab-group__dropdown__menu-item--active {
|
|
2428
|
+
--label-color: var(--tab-active-color, var(--cx-color-neutral-600));
|
|
2429
|
+
}
|
|
2430
|
+
|
|
2431
|
+
.tab-group__dropdown__menu-item::part(base) {
|
|
2432
|
+
padding: var(--cx-spacing-3x-small) var(--cx-spacing-x-small);
|
|
2433
|
+
min-height: 40px;
|
|
2434
|
+
}
|
|
2435
|
+
|
|
2436
|
+
.tab-group__dropdown__menu-item::part(checked-icon),
|
|
2437
|
+
.tab-group__dropdown__menu-item::part(submenu-icon) {
|
|
2438
|
+
display: none;
|
|
2439
|
+
}
|
|
2440
|
+
|
|
2441
|
+
.tab-group--has-scroll-controls .tab-group__nav-container {
|
|
2442
|
+
position: relative;
|
|
2443
|
+
padding: 0 var(--cx-spacing-x-large);
|
|
2444
|
+
}
|
|
2445
|
+
|
|
2446
|
+
.tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,
|
|
2447
|
+
.tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden {
|
|
2448
|
+
visibility: hidden;
|
|
2449
|
+
}
|
|
2450
|
+
|
|
2451
|
+
.tab-group__body {
|
|
2452
|
+
display: block;
|
|
2453
|
+
}
|
|
2454
|
+
|
|
2455
|
+
:host([use-max-panel-height]) .tab-group__body {
|
|
2456
|
+
overflow: auto;
|
|
2457
|
+
}
|
|
2458
|
+
|
|
2459
|
+
:host([hide-panel-variant='absolute']) .tab-group__body {
|
|
2460
|
+
position: relative;
|
|
2461
|
+
contain: layout size;
|
|
2462
|
+
}
|
|
2463
|
+
|
|
2464
|
+
:host([hide-panel-variant='absolute']) ::slotted(cx-tab-panel) {
|
|
2465
|
+
display: block;
|
|
2466
|
+
position: absolute !important;
|
|
2467
|
+
top: 0;
|
|
2468
|
+
left: 0;
|
|
2469
|
+
width: 100%;
|
|
2470
|
+
}
|
|
2471
|
+
|
|
2472
|
+
:host([hide-panel-variant='absolute']) ::slotted(cx-tab-panel:not([active])) {
|
|
2473
|
+
visibility: hidden;
|
|
2474
|
+
opacity: 0;
|
|
2475
|
+
pointer-events: none;
|
|
2476
|
+
}
|
|
2477
|
+
|
|
2478
|
+
.tab-group__scroll-button {
|
|
2479
|
+
display: flex;
|
|
2480
|
+
align-items: center;
|
|
2481
|
+
justify-content: center;
|
|
2482
|
+
position: absolute;
|
|
2483
|
+
top: 0;
|
|
2484
|
+
bottom: 0;
|
|
2485
|
+
width: var(--cx-spacing-x-large);
|
|
2486
|
+
}
|
|
2487
|
+
|
|
2488
|
+
.tab-group__scroll-button--start {
|
|
2489
|
+
left: 0;
|
|
2490
|
+
}
|
|
2491
|
+
|
|
2492
|
+
.tab-group__scroll-button--end {
|
|
2493
|
+
right: 0;
|
|
2494
|
+
}
|
|
2495
|
+
|
|
2496
|
+
.tab-group--rtl .tab-group__scroll-button--start {
|
|
2497
|
+
left: auto;
|
|
2498
|
+
right: 0;
|
|
2499
|
+
}
|
|
2500
|
+
|
|
2501
|
+
.tab-group--rtl .tab-group__scroll-button--end {
|
|
2502
|
+
left: 0;
|
|
2503
|
+
right: auto;
|
|
2504
|
+
}
|
|
2505
|
+
|
|
2506
|
+
.tab-group__nav {
|
|
2507
|
+
justify-content: flex-start;
|
|
2508
|
+
}
|
|
2509
|
+
|
|
2510
|
+
/*
|
|
2511
|
+
* Top
|
|
2512
|
+
*/
|
|
2513
|
+
|
|
2514
|
+
.tab-group--top {
|
|
2515
|
+
flex-direction: column;
|
|
2516
|
+
gap: var(--cx-spacing-small);
|
|
2517
|
+
}
|
|
2518
|
+
|
|
2519
|
+
.tab-group--top .tab-group__nav-container {
|
|
2520
|
+
order: 1;
|
|
2521
|
+
}
|
|
2522
|
+
|
|
2523
|
+
.tab-group--top .tab-group__nav {
|
|
2524
|
+
display: flex;
|
|
2525
|
+
overflow-x: auto;
|
|
2526
|
+
|
|
2527
|
+
/* Hide scrollbar in Firefox */
|
|
2528
|
+
scrollbar-width: none;
|
|
2529
|
+
}
|
|
2530
|
+
|
|
2531
|
+
.tab-group--top.tab-group--has-hidden-tabs .tab-group__nav {
|
|
2532
|
+
overflow-x: hidden;
|
|
2533
|
+
}
|
|
2534
|
+
|
|
2535
|
+
/* Hide scrollbar in Chrome/Safari */
|
|
2536
|
+
.tab-group--top .tab-group__nav::-webkit-scrollbar {
|
|
2537
|
+
width: 0;
|
|
2538
|
+
height: 0;
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
.tab-group--top .tab-group__tabs {
|
|
2542
|
+
position: relative;
|
|
2543
|
+
flex-direction: row;
|
|
2544
|
+
}
|
|
2545
|
+
|
|
2546
|
+
.tab-group--top.tab-group--rtl .tab-group__tabs {
|
|
2547
|
+
flex-direction: row-reverse;
|
|
2548
|
+
}
|
|
2549
|
+
|
|
2550
|
+
.tab-group--default.tab-group--top .tab-group__tabs {
|
|
2551
|
+
flex: 1 1 auto;
|
|
2552
|
+
border-bottom: solid var(--track-width) var(--track-color);
|
|
2553
|
+
}
|
|
2554
|
+
|
|
2555
|
+
.tab-group--top .tab-group__indicator {
|
|
2556
|
+
bottom: calc(-1 * var(--track-width));
|
|
2557
|
+
border-bottom: solid var(--track-width) var(--indicator-color);
|
|
2558
|
+
}
|
|
2559
|
+
|
|
2560
|
+
.tab-group--top .tab-group__body {
|
|
2561
|
+
order: 3;
|
|
2562
|
+
}
|
|
2563
|
+
|
|
2564
|
+
.tab-group--top ::slotted(cx-tab-panel) {
|
|
2565
|
+
--padding: var(--tab-panel-padding, var(--cx-spacing-medium) 0);
|
|
2566
|
+
}
|
|
2567
|
+
|
|
2568
|
+
/*
|
|
2569
|
+
* Bottom
|
|
2570
|
+
*/
|
|
2571
|
+
|
|
2572
|
+
.tab-group--bottom {
|
|
2573
|
+
flex-direction: column;
|
|
2574
|
+
}
|
|
2575
|
+
|
|
2576
|
+
.tab-group--bottom .tab-group__nav-container {
|
|
2577
|
+
order: 3;
|
|
2578
|
+
}
|
|
2579
|
+
|
|
2580
|
+
.tab-group--bottom .tab-group__nav {
|
|
2581
|
+
display: flex;
|
|
2582
|
+
overflow-x: auto;
|
|
2583
|
+
|
|
2584
|
+
/* Hide scrollbar in Firefox */
|
|
2585
|
+
scrollbar-width: none;
|
|
2586
|
+
}
|
|
2587
|
+
|
|
2588
|
+
.tab-group--bottom.tab-group--has-hidden-tabs .tab-group__nav {
|
|
2589
|
+
overflow-x: hidden;
|
|
2590
|
+
}
|
|
2591
|
+
|
|
2592
|
+
/* Hide scrollbar in Chrome/Safari */
|
|
2593
|
+
.tab-group--bottom .tab-group__nav::-webkit-scrollbar {
|
|
2594
|
+
width: 0;
|
|
2595
|
+
height: 0;
|
|
2596
|
+
}
|
|
2597
|
+
|
|
2598
|
+
.tab-group--bottom .tab-group__tabs {
|
|
2599
|
+
position: relative;
|
|
2600
|
+
flex-direction: row;
|
|
2601
|
+
}
|
|
2602
|
+
|
|
2603
|
+
.tab-group--bottom.tab-group--rtl .tab-group__tabs {
|
|
2604
|
+
flex-direction: row-reverse;
|
|
2605
|
+
}
|
|
2606
|
+
|
|
2607
|
+
.tab-group--default.tab-group--bottom .tab-group__tabs {
|
|
2608
|
+
flex: 1 1 auto;
|
|
2609
|
+
border-top: solid var(--track-width) var(--track-color);
|
|
2610
|
+
}
|
|
2611
|
+
|
|
2612
|
+
.tab-group--bottom .tab-group__indicator {
|
|
2613
|
+
top: calc(-1 * var(--track-width));
|
|
2614
|
+
border-top: solid var(--track-width) var(--indicator-color);
|
|
2615
|
+
}
|
|
2616
|
+
|
|
2617
|
+
.tab-group--bottom .tab-group__body {
|
|
2618
|
+
order: 1;
|
|
2619
|
+
}
|
|
2620
|
+
|
|
2621
|
+
.tab-group--bottom ::slotted(cx-tab-panel) {
|
|
2622
|
+
--padding: var(--tab-panel-padding, var(--cx-spacing-medium) 0);
|
|
2623
|
+
}
|
|
2624
|
+
|
|
2625
|
+
/*
|
|
2626
|
+
* Start
|
|
2627
|
+
*/
|
|
2628
|
+
|
|
2629
|
+
.tab-group--start {
|
|
2630
|
+
flex-direction: row;
|
|
2631
|
+
}
|
|
2632
|
+
|
|
2633
|
+
.tab-group--start .tab-group__nav-container {
|
|
2634
|
+
order: 1;
|
|
2635
|
+
}
|
|
2636
|
+
|
|
2637
|
+
.tab-group--start .tab-group__tabs {
|
|
2638
|
+
flex: 0 0 auto;
|
|
2639
|
+
flex-direction: column;
|
|
2640
|
+
}
|
|
2641
|
+
|
|
2642
|
+
.tab-group--start .tab-group__indicator {
|
|
2643
|
+
right: calc(-1 * var(--track-width));
|
|
2644
|
+
}
|
|
2645
|
+
|
|
2646
|
+
.tab-group--default.tab-group--start .tab-group__tabs {
|
|
2647
|
+
border-inline-end: solid var(--track-width) var(--track-color);
|
|
2648
|
+
}
|
|
2649
|
+
|
|
2650
|
+
.tab-group--default.tab-group--start .tab-group__indicator {
|
|
2651
|
+
border-right: solid var(--track-width) var(--indicator-color);
|
|
2652
|
+
}
|
|
2653
|
+
|
|
2654
|
+
.tab-group--start .tab-group__body {
|
|
2655
|
+
flex: 1 1 auto;
|
|
2656
|
+
order: 3;
|
|
2657
|
+
}
|
|
2658
|
+
|
|
2659
|
+
.tab-group--start ::slotted(cx-tab-panel) {
|
|
2660
|
+
--padding: var(--tab-panel-padding, 0 var(--cx-spacing-medium));
|
|
2661
|
+
}
|
|
2662
|
+
|
|
2663
|
+
/*
|
|
2664
|
+
* End
|
|
2665
|
+
*/
|
|
2666
|
+
|
|
2667
|
+
.tab-group--end {
|
|
2668
|
+
flex-direction: row;
|
|
2669
|
+
}
|
|
2670
|
+
|
|
2671
|
+
.tab-group--end .tab-group__nav-container {
|
|
2672
|
+
order: 3;
|
|
2673
|
+
}
|
|
2674
|
+
|
|
2675
|
+
.tab-group--end .tab-group__tabs {
|
|
2676
|
+
flex: 0 0 auto;
|
|
2677
|
+
flex-direction: column;
|
|
2678
|
+
}
|
|
2679
|
+
|
|
2680
|
+
.tab-group--default.tab-group--end .tab-group__tabs {
|
|
2681
|
+
border-left: solid var(--track-width) var(--track-color);
|
|
2682
|
+
}
|
|
2683
|
+
|
|
2684
|
+
.tab-group--end .tab-group__indicator {
|
|
2685
|
+
left: calc(-1 * var(--track-width));
|
|
2686
|
+
}
|
|
2687
|
+
|
|
2688
|
+
.tab-group--default.tab-group--end .tab-group__indicator {
|
|
2689
|
+
border-inline-start: solid var(--track-width) var(--indicator-color);
|
|
2690
|
+
}
|
|
2691
|
+
|
|
2692
|
+
.tab-group--end .tab-group__body {
|
|
2693
|
+
flex: 1 1 auto;
|
|
2694
|
+
order: 1;
|
|
2695
|
+
}
|
|
2696
|
+
|
|
2697
|
+
.tab-group--end ::slotted(cx-tab-panel) {
|
|
2698
|
+
--padding: var(--tab-panel-padding, 0 var(--cx-spacing-medium));
|
|
2699
|
+
}
|
|
2700
|
+
|
|
2701
|
+
.tab-pagination {
|
|
2702
|
+
display: flex;
|
|
2703
|
+
flex-wrap: wrap;
|
|
2704
|
+
justify-content: center;
|
|
2705
|
+
gap: var(--cx-spacing-small);
|
|
2706
|
+
order: 2;
|
|
2707
|
+
}
|
|
2708
|
+
|
|
2709
|
+
.tab-pagination__dot {
|
|
2710
|
+
display: block;
|
|
2711
|
+
cursor: pointer;
|
|
2712
|
+
background: none;
|
|
2713
|
+
border: 0;
|
|
2714
|
+
border-radius: var(--cx-border-radius-circle);
|
|
2715
|
+
width: var(--cx-spacing-small);
|
|
2716
|
+
height: var(--cx-spacing-small);
|
|
2717
|
+
background-color: var(--cx-color-neutral-300);
|
|
2718
|
+
padding: 0;
|
|
2719
|
+
margin: 0;
|
|
2720
|
+
}
|
|
2721
|
+
|
|
2722
|
+
.tab-pagination__dot--active {
|
|
2723
|
+
background-color: var(--cx-color-neutral-500);
|
|
2724
|
+
}
|
|
2725
|
+
|
|
2726
|
+
.timeline-line {
|
|
2727
|
+
--offset: max(var(--marker-image-width), 120px);
|
|
2728
|
+
--horizontal-padding: var(--cx-spacing-small);
|
|
2729
|
+
|
|
2730
|
+
position: absolute;
|
|
2731
|
+
top: 18px;
|
|
2732
|
+
left: calc(var(--offset) / 2 + var(--horizontal-padding));
|
|
2733
|
+
transform: translateY(-50%);
|
|
2734
|
+
width: calc(100% - var(--offset) - 2 * var(--horizontal-padding));
|
|
2735
|
+
height: 2px;
|
|
2736
|
+
background-color: var(--cx-color-neutral-300);
|
|
2737
|
+
display: block;
|
|
2738
|
+
}
|
|
2739
|
+
`;
|
|
2740
|
+
var ko = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, C = (o, t, e, i) => {
|
|
2741
|
+
for (var r = i > 1 ? void 0 : i ? Co(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2742
|
+
(s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
|
|
2743
|
+
return i && r && ko(t, e, r), r;
|
|
2744
|
+
};
|
|
2745
|
+
let A = class extends Ln {
|
|
2746
|
+
constructor() {
|
|
2747
|
+
super(...arguments), this.localize = new Bn(this), this.tabs = [], this.focusableTabs = [], this.panels = [], this.hasScrollControls = !1, this.shouldHideScrollStartButton = !1, this.shouldHideScrollEndButton = !1, this.dropdownOffset = 0, this.tabPanelHeight = 0, this.tabAlignmentIndent = 0, this.shouldIgnoreAlignment = !1, this.shouldShowDropdown = !1, this.isActiveTabHidden = !1, this.paginationCount = 0, this.activePaginationIndex = 0, this.tabWidth = 0, this.placement = bi.Top, this.activation = wr.Auto, this.noScrollControls = !1, this.fixedScrollControls = !1, this.useMaxPanelHeight = !1, this.variant = Ke.Default, this.overflowVariant = yt.Scroll, this.hidePanelVariant = Vt.DisplayNone, this.tabAlignment = Ge.Start, this.dropdownLabel = "", this.tabsPerPage = 0, this.scrollOffset = 1;
|
|
2748
|
+
}
|
|
2749
|
+
connectedCallback() {
|
|
2750
|
+
const o = Promise.all([
|
|
2751
|
+
customElements.whenDefined("cx-tab"),
|
|
2752
|
+
customElements.whenDefined("cx-tab-panel")
|
|
2753
|
+
]);
|
|
2754
|
+
super.connectedCallback(), this.resizeObserver = new ResizeObserver(() => {
|
|
2755
|
+
this.repositionIndicator(), this.updateScrollControls(), this.updatePagination();
|
|
2756
|
+
}), this.mutationObserver = new MutationObserver((t) => {
|
|
2757
|
+
t.some(
|
|
2758
|
+
(e) => !["aria-labelledby", "aria-controls"].includes(e.attributeName)
|
|
2759
|
+
) && setTimeout(() => this.setAriaLabels()), t.some((e) => e.attributeName === "disabled") && this.syncTabsAndPanels();
|
|
2760
|
+
}), this.updateComplete.then(() => {
|
|
2761
|
+
this.syncTabsAndPanels(), this.syncScrollPosition(), this.mutationObserver.observe(this, {
|
|
2762
|
+
attributes: !0,
|
|
2763
|
+
childList: !0,
|
|
2764
|
+
subtree: !0
|
|
2765
|
+
}), this.resizeObserver.observe(this.nav), this.hidePanelVariant === Vt.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight()), o.then(() => {
|
|
2766
|
+
new IntersectionObserver(
|
|
2767
|
+
(e, i) => {
|
|
2768
|
+
e[0].intersectionRatio > 0 && (this.setAriaLabels(), this.setActiveTab(this.getActiveTab() ?? this.tabs[0], {
|
|
2769
|
+
emitEvents: !1
|
|
2770
|
+
}), i.unobserve(e[0].target));
|
|
2771
|
+
}
|
|
2772
|
+
).observe(this.tabGroup);
|
|
2773
|
+
});
|
|
2774
|
+
});
|
|
2775
|
+
}
|
|
2776
|
+
disconnectedCallback() {
|
|
2777
|
+
super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.nav && this.resizeObserver?.unobserve(this.nav);
|
|
2778
|
+
}
|
|
2779
|
+
/**
|
|
2780
|
+
* Navigate to the next tab
|
|
2781
|
+
*/
|
|
2782
|
+
nextTab(o) {
|
|
2783
|
+
const t = this.getActiveTab();
|
|
2784
|
+
if (!t)
|
|
2785
|
+
return;
|
|
2786
|
+
const e = this.getAllTabs().indexOf(t), i = this.findNextFocusableTab(e, "forward");
|
|
2787
|
+
i && this.setActiveTab(i, o);
|
|
2788
|
+
}
|
|
2789
|
+
/**
|
|
2790
|
+
* Navigate to the previous tab
|
|
2791
|
+
*/
|
|
2792
|
+
previousTab(o) {
|
|
2793
|
+
const t = this.getActiveTab();
|
|
2794
|
+
if (!t)
|
|
2795
|
+
return;
|
|
2796
|
+
const e = this.getAllTabs().indexOf(t), i = this.findNextFocusableTab(e, "backward");
|
|
2797
|
+
i && this.setActiveTab(i, o);
|
|
2798
|
+
}
|
|
2799
|
+
getAllTabs() {
|
|
2800
|
+
return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements();
|
|
2801
|
+
}
|
|
2802
|
+
getAllPanels() {
|
|
2803
|
+
return [...this.body.assignedElements()].filter(
|
|
2804
|
+
(o) => o.tagName.toLowerCase() === "cx-tab-panel"
|
|
2805
|
+
);
|
|
2806
|
+
}
|
|
2807
|
+
getActiveTab() {
|
|
2808
|
+
return this.tabs.find((o) => o.active);
|
|
2809
|
+
}
|
|
2810
|
+
/**
|
|
2811
|
+
* If dropdown overflow but placement is start and end, count as scroll overflow
|
|
2812
|
+
*/
|
|
2813
|
+
get allowDropdownOverflow() {
|
|
2814
|
+
return this.overflowVariant === yt.Dropdown && !["start", "end"].includes(this.placement);
|
|
2815
|
+
}
|
|
2816
|
+
/**
|
|
2817
|
+
* Get the height of the body
|
|
2818
|
+
*/
|
|
2819
|
+
get bodyHeight() {
|
|
2820
|
+
return this.hidePanelVariant === Vt.Absolute && this.tabPanelHeight > 0 ? `${this.tabPanelHeight}px` : "";
|
|
2821
|
+
}
|
|
2822
|
+
/**
|
|
2823
|
+
* Get caret direction based on placement
|
|
2824
|
+
*/
|
|
2825
|
+
get caretDirection() {
|
|
2826
|
+
return this.placement === "bottom" ? "up" : "down";
|
|
2827
|
+
}
|
|
2828
|
+
handleClick(o) {
|
|
2829
|
+
const t = o.target;
|
|
2830
|
+
let e = t.closest("cx-tab");
|
|
2831
|
+
if (!e) {
|
|
2832
|
+
const r = t.closest("[data-panel]")?.getAttribute("data-panel");
|
|
2833
|
+
e = this.tabs.find((n) => n.panel === r) ?? null;
|
|
2834
|
+
}
|
|
2835
|
+
e?.closest("cx-tab-group") === this && e !== null && (this.setActiveTab(e, { scrollBehavior: "smooth" }), this.isActiveTabHidden = e.hasAttribute("data-hidden"));
|
|
2836
|
+
}
|
|
2837
|
+
handleKeyDown(o) {
|
|
2838
|
+
const t = o.target;
|
|
2839
|
+
let e = t.closest("cx-tab");
|
|
2840
|
+
if (!e) {
|
|
2841
|
+
const r = t.closest("[data-panel]")?.getAttribute("data-panel");
|
|
2842
|
+
e = this.tabs.find((n) => n.panel === r) ?? null;
|
|
2843
|
+
}
|
|
2844
|
+
if (e?.closest("cx-tab-group") === this && (["Enter", " "].includes(o.key) && e !== null && (this.setActiveTab(e, { scrollBehavior: "smooth" }), this.isActiveTabHidden = e.hasAttribute("data-hidden"), o.preventDefault()), [
|
|
2845
|
+
"ArrowLeft",
|
|
2846
|
+
"ArrowRight",
|
|
2847
|
+
"ArrowUp",
|
|
2848
|
+
"ArrowDown",
|
|
2849
|
+
"Home",
|
|
2850
|
+
"End"
|
|
2851
|
+
].includes(o.key))) {
|
|
2852
|
+
const r = this.tabs.find((a) => a.matches(":focus")), n = this.localize.dir() === "rtl";
|
|
2853
|
+
let s = null;
|
|
2854
|
+
if (["cx-tab"].includes(String(r?.tagName).toLowerCase())) {
|
|
2855
|
+
switch (o.key) {
|
|
2856
|
+
case "Home":
|
|
2857
|
+
s = this.focusableTabs[0];
|
|
2858
|
+
break;
|
|
2859
|
+
case "End":
|
|
2860
|
+
s = this.focusableTabs[this.focusableTabs.length - 1];
|
|
2861
|
+
break;
|
|
2862
|
+
default:
|
|
2863
|
+
if (["top", "bottom"].includes(this.placement) && o.key === (n ? "ArrowRight" : "ArrowLeft") || ["start", "end"].includes(this.placement) && o.key === "ArrowUp") {
|
|
2864
|
+
const a = this.tabs.findIndex((l) => l === r);
|
|
2865
|
+
s = this.findNextFocusableTab(a, "backward");
|
|
2866
|
+
} else if (["top", "bottom"].includes(this.placement) && o.key === (n ? "ArrowLeft" : "ArrowRight") || ["start", "end"].includes(this.placement) && o.key === "ArrowDown") {
|
|
2867
|
+
const a = this.tabs.findIndex((l) => l === r);
|
|
2868
|
+
s = this.findNextFocusableTab(a, "forward");
|
|
2869
|
+
}
|
|
2870
|
+
}
|
|
2871
|
+
if (!s)
|
|
2872
|
+
return;
|
|
2873
|
+
if (s.tabIndex = 0, s.focus({ preventScroll: !0 }), this.allowDropdownOverflow && this.dropdown !== null && s.hasAttribute("data-hidden") && this.dropdown.show(), this.activation === "auto")
|
|
2874
|
+
this.setActiveTab(s, { scrollBehavior: "smooth" }), this.isActiveTabHidden = s.hasAttribute("data-hidden");
|
|
2875
|
+
else
|
|
2876
|
+
for (const a of this.tabs)
|
|
2877
|
+
a.tabIndex = a === s ? 0 : -1;
|
|
2878
|
+
!s.hasAttribute("data-hidden") && ["top", "bottom"].includes(this.placement) && Zi(s, this.nav, "horizontal"), o.preventDefault();
|
|
2879
|
+
}
|
|
2880
|
+
if (this.allowDropdownOverflow && this.dropdown?.open) {
|
|
2881
|
+
o.preventDefault();
|
|
2882
|
+
const a = this.menu.getAllItems(), l = a.findIndex(
|
|
2883
|
+
(d) => d.getAttribute("data-panel") === this.activeTab?.panel
|
|
2884
|
+
);
|
|
2885
|
+
let u = -1;
|
|
2886
|
+
const h = this.tabs.filter(
|
|
2887
|
+
(d) => !d.hasAttribute("data-hidden")
|
|
2888
|
+
).length;
|
|
2889
|
+
let f = o.key;
|
|
2890
|
+
switch (this.placement === bi.Bottom && (f = f === "ArrowUp" && "ArrowDown" || f === "ArrowDown" && "ArrowUp" || f), f) {
|
|
2891
|
+
case "Home":
|
|
2892
|
+
this.dropdown.hide(), this.tabs[0].focus(), u = 0;
|
|
2893
|
+
break;
|
|
2894
|
+
case "ArrowUp":
|
|
2895
|
+
if (l === 0) {
|
|
2896
|
+
this.dropdown.hide();
|
|
2897
|
+
const d = this.tabs.filter((_) => !_.hasAttribute("data-hidden")).at(-1);
|
|
2898
|
+
d && (d.focus(), u = this.tabs.findIndex(
|
|
2899
|
+
(_) => _ === d
|
|
2900
|
+
));
|
|
2901
|
+
} else
|
|
2902
|
+
this.menu.setCurrentItem(a[l - 1]), a[l - 1].focus(), u = h + l - 1;
|
|
2903
|
+
break;
|
|
2904
|
+
case "ArrowDown":
|
|
2905
|
+
l === a.length - 1 ? (this.dropdown.hide(), this.tabs[0].focus(), u = 0) : (this.menu.setCurrentItem(a[l + 1]), a[l + 1].focus(), u = h + l + 1);
|
|
2906
|
+
break;
|
|
2907
|
+
}
|
|
2908
|
+
this.activation === "auto" && u >= 0 && (this.setActiveTab(this.tabs[u], {
|
|
2909
|
+
scrollBehavior: "smooth"
|
|
2910
|
+
}), this.isActiveTabHidden = this.tabs[u].hasAttribute("data-hidden"));
|
|
2911
|
+
}
|
|
2912
|
+
}
|
|
2913
|
+
}
|
|
2914
|
+
handleScrollToStart() {
|
|
2915
|
+
this.nav.scroll({
|
|
2916
|
+
behavior: "smooth",
|
|
2917
|
+
left: this.localize.dir() === "rtl" ? this.nav.scrollLeft + this.nav.clientWidth : this.nav.scrollLeft - this.nav.clientWidth
|
|
2918
|
+
});
|
|
2919
|
+
}
|
|
2920
|
+
handleScrollToEnd() {
|
|
2921
|
+
this.nav.scroll({
|
|
2922
|
+
behavior: "smooth",
|
|
2923
|
+
left: this.localize.dir() === "rtl" ? this.nav.scrollLeft - this.nav.clientWidth : this.nav.scrollLeft + this.nav.clientWidth
|
|
2924
|
+
});
|
|
2925
|
+
}
|
|
2926
|
+
handleDropdownAfterShow() {
|
|
2927
|
+
this.dropdown.focusOnTrigger();
|
|
2928
|
+
const o = this.tabs.findIndex((r) => r.tabIndex === 0), t = this.tabs.filter(
|
|
2929
|
+
(r) => !r.hasAttribute("data-hidden")
|
|
2930
|
+
).length;
|
|
2931
|
+
if (o === -1)
|
|
2932
|
+
return;
|
|
2933
|
+
const e = o - t;
|
|
2934
|
+
if (e < 0)
|
|
2935
|
+
return;
|
|
2936
|
+
const i = this.menu.getAllItems()[e];
|
|
2937
|
+
this.menu.setCurrentItem(i), i.focus();
|
|
2938
|
+
}
|
|
2939
|
+
setActiveTab(o, t) {
|
|
2940
|
+
if (t = {
|
|
2941
|
+
emitEvents: !0,
|
|
2942
|
+
paginateDirection: "forward",
|
|
2943
|
+
scrollBehavior: "auto",
|
|
2944
|
+
...t
|
|
2945
|
+
}, o && o !== this.activeTab && !o.disabled) {
|
|
2946
|
+
const e = this.activeTab;
|
|
2947
|
+
this.activeTab = o;
|
|
2948
|
+
for (const i of this.tabs)
|
|
2949
|
+
i.active = i === this.activeTab, i.tabIndex = i === this.activeTab ? 0 : -1;
|
|
2950
|
+
for (const i of this.panels)
|
|
2951
|
+
i.active = i.name === this.activeTab?.panel, this.hidePanelVariant === Vt.Absolute && (i.inert = i.name !== this.activeTab?.panel);
|
|
2952
|
+
if (this.syncIndicator(), this.calculateTabPanelHeight(), !this.activeTab?.hasAttribute("data-hidden") && ["top", "bottom"].includes(this.placement)) {
|
|
2953
|
+
if (Vn(this.nav, this.activeTab, 10) || !t.paginate)
|
|
2954
|
+
Zi(
|
|
2955
|
+
this.activeTab,
|
|
2956
|
+
this.nav,
|
|
2957
|
+
"horizontal",
|
|
2958
|
+
t.scrollBehavior
|
|
2959
|
+
);
|
|
2960
|
+
else if (t.paginate) {
|
|
2961
|
+
let i = t.paginateDirection === "forward" ? this.activePaginationIndex + 1 : this.activePaginationIndex - 1;
|
|
2962
|
+
i === this.paginationCount && (i = 0), i < 0 && (i = this.paginationCount - 1), this.updatePagination(i * this.nav.clientWidth), ie.killTweensOf(this.nav), ie.to(this.nav, {
|
|
2963
|
+
// in seconds
|
|
2964
|
+
duration: 0.5,
|
|
2965
|
+
ease: "linear",
|
|
2966
|
+
onComplete: () => {
|
|
2967
|
+
},
|
|
2968
|
+
overwrite: !0,
|
|
2969
|
+
scrollTo: {
|
|
2970
|
+
x: i * this.nav.clientWidth
|
|
2971
|
+
}
|
|
2972
|
+
});
|
|
2973
|
+
}
|
|
2974
|
+
}
|
|
2975
|
+
t.emitEvents && (e && this.emit("cx-tab-hide", { detail: { name: e.panel } }), this.emit("cx-tab-show", { detail: { name: this.activeTab.panel } }));
|
|
2976
|
+
}
|
|
2977
|
+
}
|
|
2978
|
+
setAriaLabels() {
|
|
2979
|
+
for (const o of this.tabs) {
|
|
2980
|
+
const t = this.panels.find((e) => e.name === o.panel);
|
|
2981
|
+
t && (o.setAttribute("aria-controls", t.getAttribute("id")), t.setAttribute("aria-labelledby", o.getAttribute("id")));
|
|
2982
|
+
}
|
|
2983
|
+
}
|
|
2984
|
+
repositionIndicator() {
|
|
2985
|
+
let o = this.getActiveTab();
|
|
2986
|
+
if (o?.hasAttribute("data-hidden") && (o = this.tabs.find((a) => a.hasAttribute("data-hidden"))), !o)
|
|
2987
|
+
return;
|
|
2988
|
+
const t = o.hasAttribute("data-hidden") ? this.dropdownTrigger?.clientWidth ?? 0 : o.clientWidth, e = o.clientHeight, i = this.localize.dir() === "rtl", r = this.getAllTabs(), s = r.slice(0, r.indexOf(o)).reduce(
|
|
2989
|
+
(a, l) => ({
|
|
2990
|
+
left: a.left + l.clientWidth,
|
|
2991
|
+
top: a.top + l.clientHeight
|
|
2992
|
+
}),
|
|
2993
|
+
{ left: 0, top: 0 }
|
|
2994
|
+
);
|
|
2995
|
+
switch (this.placement) {
|
|
2996
|
+
case "top":
|
|
2997
|
+
case "bottom":
|
|
2998
|
+
this.indicator.style.width = `${t}px`, this.indicator.style.height = "auto", this.indicator.style.translate = i ? `${-1 * s.left}px` : `${s.left}px`;
|
|
2999
|
+
break;
|
|
3000
|
+
case "start":
|
|
3001
|
+
case "end":
|
|
3002
|
+
this.indicator.style.width = "auto", this.indicator.style.height = `${e}px`, this.indicator.style.translate = `0 ${s.top}px`;
|
|
3003
|
+
break;
|
|
3004
|
+
}
|
|
3005
|
+
}
|
|
3006
|
+
/**
|
|
3007
|
+
* This stores tabs and panels so we can refer to a cache instead of calling querySelectorAll() multiple times.
|
|
3008
|
+
*/
|
|
3009
|
+
syncTabsAndPanels() {
|
|
3010
|
+
if (this.tabs = this.getAllTabs(), this.focusableTabs = this.tabs.filter((o) => !o.disabled), this.panels = this.getAllPanels(), this.syncIndicator(), this.updateComplete.then(() => {
|
|
3011
|
+
this.updateScrollControls(), this.updatePagination(), this.hidePanelVariant === Vt.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight());
|
|
3012
|
+
}), this.allowDropdownOverflow) {
|
|
3013
|
+
const o = new IntersectionObserver(
|
|
3014
|
+
(t) => {
|
|
3015
|
+
o.disconnect();
|
|
3016
|
+
const e = getComputedStyle(this.tabButtons), i = parseFloat(e.paddingLeft || "0") + parseFloat(e.paddingRight || "0"), r = this.container.clientWidth - i, n = this.nav.clientWidth - i, s = this.dropdownTrigger?.clientWidth ?? 0, a = t.length;
|
|
3017
|
+
this.dropdownOffset = 0, this.isActiveTabHidden = !1, this.shouldShowDropdown = !1, this.tabs.forEach((l) => {
|
|
3018
|
+
l.style.setProperty("--tab-max-width", "unset"), l.offsetWidth;
|
|
3019
|
+
});
|
|
3020
|
+
for (const [l, u] of t.entries()) {
|
|
3021
|
+
const h = u.target, f = n - this.dropdownOffset, d = h.getBoundingClientRect().width;
|
|
3022
|
+
let _ = l === t.length - 1 ? f : f - s;
|
|
3023
|
+
if (l === 0 || l === 1)
|
|
3024
|
+
switch (a) {
|
|
3025
|
+
case 1:
|
|
3026
|
+
_ = n;
|
|
3027
|
+
break;
|
|
3028
|
+
case 2:
|
|
3029
|
+
_ = n / 2;
|
|
3030
|
+
break;
|
|
3031
|
+
default:
|
|
3032
|
+
_ = (n - s) / 2;
|
|
3033
|
+
break;
|
|
3034
|
+
}
|
|
3035
|
+
let p = d > _;
|
|
3036
|
+
if (l >= 2 && (p = p && _ > A.MIN_CLAMP_WIDTH), !this.shouldShowDropdown && p) {
|
|
3037
|
+
h.style.setProperty("--tab-max-width", `${_}px`), h.removeAttribute("data-hidden"), this.dropdownOffset += _;
|
|
3038
|
+
continue;
|
|
3039
|
+
}
|
|
3040
|
+
this.shouldShowDropdown || d > _ ? (h.active && (this.isActiveTabHidden = !0), h.setAttribute("data-hidden", ""), this.shouldShowDropdown = !0) : (h.removeAttribute("data-hidden"), this.dropdownOffset += h.getBoundingClientRect().width);
|
|
3041
|
+
}
|
|
3042
|
+
this.dropdownOffset = Math.floor(this.dropdownOffset), this.dropdownOffset + s > r && (this.dropdownOffset = r - s), this.tabAlignment !== Ge.Start ? (this.tabAlignmentIndent = r - this.dropdownOffset - (this.shouldShowDropdown ? s : 0), this.tabAlignment === Ge.Center && (this.tabAlignmentIndent = Math.floor(this.tabAlignmentIndent / 2))) : this.tabAlignmentIndent = 0;
|
|
3043
|
+
},
|
|
3044
|
+
{
|
|
3045
|
+
root: this.nav,
|
|
3046
|
+
threshold: 1
|
|
3047
|
+
}
|
|
3048
|
+
);
|
|
3049
|
+
for (const t of this.tabs)
|
|
3050
|
+
o.observe(t);
|
|
3051
|
+
} else
|
|
3052
|
+
for (const o of this.tabs)
|
|
3053
|
+
o.removeAttribute("data-hidden");
|
|
3054
|
+
}
|
|
3055
|
+
/**
|
|
3056
|
+
* Calculate the highest tab height
|
|
3057
|
+
*/
|
|
3058
|
+
calculateTabPanelHeight() {
|
|
3059
|
+
if (this.useMaxPanelHeight) {
|
|
3060
|
+
this.tabPanelHeight = 0;
|
|
3061
|
+
for (const o of this.panels)
|
|
3062
|
+
this.tabPanelHeight = Math.max(this.tabPanelHeight, o.clientHeight);
|
|
3063
|
+
} else
|
|
3064
|
+
this.tabPanelHeight = this.panels.filter((o) => o.active)?.[0]?.clientHeight ?? 0;
|
|
3065
|
+
}
|
|
3066
|
+
updatePagination(o = this.nav?.scrollLeft ?? 0) {
|
|
3067
|
+
const t = this.nav.clientWidth;
|
|
3068
|
+
if (t <= 0) {
|
|
3069
|
+
this.paginationCount = 0, this.activePaginationIndex = 0, this.tabWidth = 0;
|
|
3070
|
+
return;
|
|
3071
|
+
}
|
|
3072
|
+
this.paginationCount = Math.ceil(this.tabButtons.scrollWidth / t);
|
|
3073
|
+
let e = Math.round(o / t);
|
|
3074
|
+
Math.ceil(o + t) >= Math.round(this.tabButtons.scrollWidth) && e < this.paginationCount - 1 && (e = this.paginationCount - 1), this.activePaginationIndex = e, this.tabsPerPage > 0 ? this.tabWidth = t / this.tabsPerPage : this.tabWidth = 0;
|
|
3075
|
+
}
|
|
3076
|
+
/**
|
|
3077
|
+
* Sync the scroll position to the rightmost tab when:
|
|
3078
|
+
* overflow variant is dropdown and the direction is rtl
|
|
3079
|
+
*/
|
|
3080
|
+
syncScrollPosition() {
|
|
3081
|
+
this.overflowVariant === yt.Dropdown && this.nav && (this.localize.dir() === "rtl" ? this.nav.scrollLeft = this.nav.scrollWidth : this.nav.scrollLeft = 0);
|
|
3082
|
+
}
|
|
3083
|
+
findNextFocusableTab(o, t) {
|
|
3084
|
+
let e = null;
|
|
3085
|
+
const i = t === "forward" ? 1 : -1;
|
|
3086
|
+
let r = o + i;
|
|
3087
|
+
for (; o < this.tabs.length; ) {
|
|
3088
|
+
if (e = this.tabs[r] || null, e === null) {
|
|
3089
|
+
t === "forward" ? e = this.focusableTabs[0] : e = this.focusableTabs[this.focusableTabs.length - 1];
|
|
3090
|
+
break;
|
|
3091
|
+
}
|
|
3092
|
+
if (!e.disabled)
|
|
3093
|
+
break;
|
|
3094
|
+
r += i;
|
|
3095
|
+
}
|
|
3096
|
+
return e;
|
|
3097
|
+
}
|
|
3098
|
+
handleScrollEnd() {
|
|
3099
|
+
this.updateScrollButtons();
|
|
3100
|
+
}
|
|
3101
|
+
updateScrollButtons() {
|
|
3102
|
+
this.hasScrollControls && !this.fixedScrollControls && (this.shouldHideScrollStartButton = this.scrollFromStart() <= this.scrollOffset, this.shouldHideScrollEndButton = this.isScrolledToEnd());
|
|
3103
|
+
}
|
|
3104
|
+
isScrolledToEnd() {
|
|
3105
|
+
return this.scrollFromStart() + this.nav.clientWidth >= this.nav.scrollWidth - this.scrollOffset;
|
|
3106
|
+
}
|
|
3107
|
+
scrollFromStart() {
|
|
3108
|
+
return this.localize.dir() === "rtl" ? -this.nav.scrollLeft : this.nav.scrollLeft;
|
|
3109
|
+
}
|
|
3110
|
+
updateScrollControls() {
|
|
3111
|
+
this.noScrollControls ? this.hasScrollControls = !1 : this.hasScrollControls = ["top", "bottom"].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth + 1, this.updateScrollButtons();
|
|
3112
|
+
}
|
|
3113
|
+
syncIndicator() {
|
|
3114
|
+
this.getActiveTab() ? (this.indicator.style.display = "block", this.repositionIndicator()) : this.indicator.style.display = "none";
|
|
3115
|
+
}
|
|
3116
|
+
async handleVariantChange() {
|
|
3117
|
+
await this.updateComplete;
|
|
3118
|
+
for (const o of this.tabs)
|
|
3119
|
+
this.variant === Ke.Timeline && this.tabsPerPage === 1 ? o.single = !0 : o.single = !1, o.requestUpdate();
|
|
3120
|
+
}
|
|
3121
|
+
handleOverflowVariantChange() {
|
|
3122
|
+
this.tabAlignmentIndent = 0, this.syncTabsAndPanels();
|
|
3123
|
+
}
|
|
3124
|
+
handleDropdownLabelChange() {
|
|
3125
|
+
this.syncTabsAndPanels();
|
|
3126
|
+
}
|
|
3127
|
+
handleAbsoluteHeightChange() {
|
|
3128
|
+
if (this.hidePanelVariant === Vt.Absolute)
|
|
3129
|
+
this.setupPanelResizeObserver(), this.calculateTabPanelHeight();
|
|
3130
|
+
else {
|
|
3131
|
+
this.cleanupPanelResizeObserver(), this.tabPanelHeight = 0;
|
|
3132
|
+
for (const o of this.panels)
|
|
3133
|
+
o.inert = !1;
|
|
3134
|
+
}
|
|
3135
|
+
}
|
|
3136
|
+
handleTabAlignmentChange() {
|
|
3137
|
+
this.syncTabsAndPanels();
|
|
3138
|
+
}
|
|
3139
|
+
async handleTabsPerPageChange() {
|
|
3140
|
+
await this.updateComplete, this.updatePagination();
|
|
3141
|
+
}
|
|
3142
|
+
handleActivePaginationIndexChange() {
|
|
3143
|
+
this.emit("cx-tab-group-pagination-change", {
|
|
3144
|
+
detail: {
|
|
3145
|
+
index: this.activePaginationIndex
|
|
3146
|
+
}
|
|
3147
|
+
});
|
|
3148
|
+
}
|
|
3149
|
+
/**
|
|
3150
|
+
* Setup ResizeObserver for all panels when keepHiddenHeight is enabled
|
|
3151
|
+
*/
|
|
3152
|
+
setupPanelResizeObserver() {
|
|
3153
|
+
if (this.hidePanelVariant !== Vt.Absolute) {
|
|
3154
|
+
this.cleanupPanelResizeObserver();
|
|
3155
|
+
return;
|
|
3156
|
+
}
|
|
3157
|
+
this.cleanupPanelResizeObserver(), this.panelResizeObserver = new ResizeObserver(() => {
|
|
3158
|
+
this.calculateTabPanelHeight();
|
|
3159
|
+
});
|
|
3160
|
+
for (const o of this.panels)
|
|
3161
|
+
this.panelResizeObserver.observe(o);
|
|
3162
|
+
}
|
|
3163
|
+
/**
|
|
3164
|
+
* Clean up panel ResizeObserver
|
|
3165
|
+
*/
|
|
3166
|
+
cleanupPanelResizeObserver() {
|
|
3167
|
+
this.panelResizeObserver && (this.panelResizeObserver.disconnect(), this.panelResizeObserver = void 0);
|
|
3168
|
+
}
|
|
3169
|
+
/** Shows the specified tab panel. */
|
|
3170
|
+
show(o) {
|
|
3171
|
+
const t = this.tabs.find((e) => e.panel === o);
|
|
3172
|
+
t && this.setActiveTab(t, { scrollBehavior: "smooth" });
|
|
3173
|
+
}
|
|
3174
|
+
handleNavContainerResize() {
|
|
3175
|
+
const o = this.container.clientWidth, t = this.tabButtons.clientWidth;
|
|
3176
|
+
this.shouldIgnoreAlignment = o < t, this.overflowVariant === yt.Dropdown && (this.syncTabsAndPanels(), this.syncScrollPosition()), this.overflowVariant === yt.Pagination && this.updatePagination();
|
|
3177
|
+
}
|
|
3178
|
+
handleIndicatorResize(o) {
|
|
3179
|
+
o.stopPropagation(), this.syncIndicator(), this.updatePagination();
|
|
3180
|
+
}
|
|
3181
|
+
/** Guard for dropdown variant */
|
|
3182
|
+
getDropdownStyle() {
|
|
3183
|
+
const o = this.localize.dir() === "rtl";
|
|
3184
|
+
return Ue({
|
|
3185
|
+
[o ? "right" : "left"]: `${this.dropdownOffset}px`
|
|
3186
|
+
});
|
|
3187
|
+
}
|
|
3188
|
+
getDropdownPlacement() {
|
|
3189
|
+
const o = this.localize.dir() === "rtl";
|
|
3190
|
+
return `${this.placement === "top" ? "bottom" : "top"}-${o ? "start" : "end"}`;
|
|
3191
|
+
}
|
|
3192
|
+
handlePaginationDotClick(o) {
|
|
3193
|
+
const t = o.currentTarget, e = Number(t.dataset.index);
|
|
3194
|
+
e === this.activePaginationIndex || Number.isNaN(e) || (this.activePaginationIndex = e, ie.killTweensOf(this.nav), ie.to(this.nav, {
|
|
3195
|
+
duration: 0.5,
|
|
3196
|
+
ease: "linear",
|
|
3197
|
+
overwrite: !0,
|
|
3198
|
+
scrollTo: {
|
|
3199
|
+
x: e * this.nav.clientWidth
|
|
3200
|
+
}
|
|
3201
|
+
}));
|
|
3202
|
+
}
|
|
3203
|
+
handlePaginationDotKeyDown(o) {
|
|
3204
|
+
const t = o.target;
|
|
3205
|
+
if (o.key === "Enter" || o.key === " ") {
|
|
3206
|
+
o.preventDefault(), t.click();
|
|
3207
|
+
return;
|
|
3208
|
+
}
|
|
3209
|
+
if (!["ArrowRight", "ArrowLeft"].includes(o.key))
|
|
3210
|
+
return;
|
|
3211
|
+
o.preventDefault(), o.stopPropagation();
|
|
3212
|
+
const e = Array.from(this.allDots), i = e.indexOf(t);
|
|
3213
|
+
if (i === -1)
|
|
3214
|
+
return;
|
|
3215
|
+
const r = o.key === "ArrowRight" ? i + 1 : i - 1;
|
|
3216
|
+
e[r]?.focus();
|
|
3217
|
+
}
|
|
3218
|
+
renderPaginationDot(o) {
|
|
3219
|
+
const t = o + 1;
|
|
3220
|
+
return $t`
|
|
3221
|
+
<button
|
|
3222
|
+
part="dot${this.activePaginationIndex === o ? " dot--active" : ""}"
|
|
3223
|
+
class=${Nt({
|
|
3224
|
+
"tab-pagination__dot": !0,
|
|
3225
|
+
"tab-pagination__dot--active": o === this.activePaginationIndex
|
|
3226
|
+
})}
|
|
3227
|
+
role="tab"
|
|
3228
|
+
type="button"
|
|
3229
|
+
aria-selected=${o === this.activePaginationIndex ? "true" : "false"}
|
|
3230
|
+
aria-label=${this.localize.term("slideNum", t)}
|
|
3231
|
+
tabindex="0"
|
|
3232
|
+
data-index=${o}
|
|
3233
|
+
@click=${this.handlePaginationDotClick}
|
|
3234
|
+
@keydown=${this.handlePaginationDotKeyDown}
|
|
3235
|
+
></button>
|
|
3236
|
+
`;
|
|
3237
|
+
}
|
|
3238
|
+
render() {
|
|
3239
|
+
const o = this.localize.dir() === "rtl", t = this.allowDropdownOverflow && this.isActiveTabHidden, e = this.overflowVariant === yt.Pagination && this.paginationCount > 1 && Number.isFinite(this.paginationCount);
|
|
3240
|
+
return $t`
|
|
3241
|
+
<div
|
|
3242
|
+
part="base"
|
|
3243
|
+
class=${Nt({
|
|
3244
|
+
"tab-group": !0,
|
|
3245
|
+
"tab-group--bottom": this.placement === "bottom",
|
|
3246
|
+
"tab-group--end": this.placement === "end",
|
|
3247
|
+
"tab-group--has-hidden-tabs": this.allowDropdownOverflow && this.shouldShowDropdown,
|
|
3248
|
+
"tab-group--has-scroll-controls": this.hasScrollControls && this.overflowVariant !== yt.Dropdown,
|
|
3249
|
+
"tab-group--rtl": o,
|
|
3250
|
+
"tab-group--start": this.placement === "start",
|
|
3251
|
+
"tab-group--top": this.placement === "top",
|
|
3252
|
+
[`tab-group--${this.variant}`]: !0
|
|
3253
|
+
})}
|
|
3254
|
+
@click=${this.handleClick}
|
|
3255
|
+
@keydown=${this.handleKeyDown}
|
|
3256
|
+
>
|
|
3257
|
+
<cx-resize-observer @cx-resize=${this.handleNavContainerResize}>
|
|
3258
|
+
<div class="tab-group__nav-container" part="nav">
|
|
3259
|
+
${Te(
|
|
3260
|
+
this.overflowVariant === yt.Scroll && this.hasScrollControls,
|
|
3261
|
+
() => $t`
|
|
3262
|
+
<cx-icon-button
|
|
3263
|
+
part="scroll-button scroll-button--start"
|
|
3264
|
+
exportparts="base:scroll-button__base"
|
|
3265
|
+
class=${Nt({
|
|
3266
|
+
"tab-group__scroll-button": !0,
|
|
3267
|
+
"tab-group__scroll-button--start": !0,
|
|
3268
|
+
"tab-group__scroll-button--start--hidden": this.shouldHideScrollStartButton
|
|
3269
|
+
})}
|
|
3270
|
+
name=${o ? "chevron_right" : "chevron_left"}
|
|
3271
|
+
tabindex="-1"
|
|
3272
|
+
aria-hidden="true"
|
|
3273
|
+
label=${this.localize.term("scrollToStart")}
|
|
3274
|
+
@click=${this.handleScrollToStart}
|
|
3275
|
+
></cx-icon-button>
|
|
3276
|
+
`
|
|
3277
|
+
)}
|
|
3278
|
+
<div
|
|
3279
|
+
part="tab-group"
|
|
3280
|
+
class="tab-group__nav"
|
|
3281
|
+
style=${Ue({
|
|
3282
|
+
justifyContent: this.overflowVariant === yt.Dropdown || this.shouldIgnoreAlignment ? "flex-start" : this.tabAlignment,
|
|
3283
|
+
transform: `translateX(${this.tabAlignmentIndent}px)`
|
|
3284
|
+
})}
|
|
3285
|
+
@scrollend=${this.handleScrollEnd}
|
|
3286
|
+
>
|
|
3287
|
+
<div part="tabs" class="tab-group__tabs" role="tablist">
|
|
3288
|
+
<div
|
|
3289
|
+
part="active-tab-indicator"
|
|
3290
|
+
class="tab-group__indicator"
|
|
3291
|
+
></div>
|
|
3292
|
+
${Te(
|
|
3293
|
+
this.variant === Ke.Timeline && this.tabsPerPage > 1,
|
|
3294
|
+
() => $t`<div class="timeline-line"></div>`
|
|
3295
|
+
)}
|
|
3296
|
+
<cx-resize-observer @cx-resize=${this.handleIndicatorResize}>
|
|
3297
|
+
<slot
|
|
3298
|
+
name="nav"
|
|
3299
|
+
@slotchange=${this.syncTabsAndPanels}
|
|
3300
|
+
style=${Ue(this.tabWidth > 0 ? {
|
|
3301
|
+
"--width": `${this.tabWidth}px`
|
|
3302
|
+
} : {})}
|
|
3303
|
+
></slot>
|
|
3304
|
+
${Te(
|
|
3305
|
+
this.allowDropdownOverflow,
|
|
3306
|
+
() => $t`
|
|
3307
|
+
<cx-dropdown
|
|
3308
|
+
class=${Nt({
|
|
3309
|
+
"tab-group__dropdown": !0
|
|
3310
|
+
})}
|
|
3311
|
+
style=${Ji(
|
|
3312
|
+
[o, this.dropdownOffset],
|
|
3313
|
+
() => this.getDropdownStyle()
|
|
3314
|
+
)}
|
|
3315
|
+
placement=${Ji(
|
|
3316
|
+
[this.placement, o],
|
|
3317
|
+
() => this.getDropdownPlacement()
|
|
3318
|
+
)}
|
|
3319
|
+
hoist
|
|
3320
|
+
?disabled=${!this.shouldShowDropdown}
|
|
3321
|
+
ignored-keys="ArrowUp ArrowDown Home"
|
|
3322
|
+
@cx-after-show=${this.handleDropdownAfterShow}
|
|
3323
|
+
>
|
|
3324
|
+
<cx-button
|
|
3325
|
+
slot="trigger"
|
|
3326
|
+
tabindex="-1"
|
|
3327
|
+
variant="custom"
|
|
3328
|
+
caret
|
|
3329
|
+
caret-direction=${this.caretDirection}
|
|
3330
|
+
class=${Nt({
|
|
3331
|
+
"tab-group__dropdown__trigger": !0,
|
|
3332
|
+
"tab-group__dropdown__trigger--active": t,
|
|
3333
|
+
"tab-group__dropdown__trigger--hidden": !this.shouldShowDropdown
|
|
3334
|
+
})}
|
|
3335
|
+
>
|
|
3336
|
+
${this.dropdownLabel}
|
|
3337
|
+
</cx-button>
|
|
3338
|
+
<cx-menu
|
|
3339
|
+
class=${Nt({
|
|
3340
|
+
"tab-group__dropdown__menu": !0,
|
|
3341
|
+
"tab-group__dropdown__menu--reverse": this.placement === "bottom"
|
|
3342
|
+
})}
|
|
3343
|
+
ignored-keys="ArrowUp ArrowDown Home"
|
|
3344
|
+
bubble-keydown
|
|
3345
|
+
>
|
|
3346
|
+
${tr(
|
|
3347
|
+
this.tabs.filter(
|
|
3348
|
+
(i) => i.hasAttribute("data-hidden")
|
|
3349
|
+
),
|
|
3350
|
+
(i) => $t`
|
|
3351
|
+
<cx-menu-item
|
|
3352
|
+
class=${Nt({
|
|
3353
|
+
"tab-group__dropdown__menu-item": !0,
|
|
3354
|
+
"tab-group__dropdown__menu-item--active": i.active
|
|
3355
|
+
})}
|
|
3356
|
+
aria-active=${i.ariaSelected}
|
|
3357
|
+
aria-disabled=${i.ariaDisabled}
|
|
3358
|
+
?active=${i.active}
|
|
3359
|
+
?disabled=${i.disabled}
|
|
3360
|
+
data-panel=${i.panel}
|
|
3361
|
+
>
|
|
3362
|
+
${i.textContent}
|
|
3363
|
+
</cx-menu-item>
|
|
3364
|
+
`
|
|
3365
|
+
)}
|
|
3366
|
+
</cx-menu>
|
|
3367
|
+
</cx-dropdown>
|
|
3368
|
+
`
|
|
3369
|
+
)}
|
|
3370
|
+
</cx-resize-observer>
|
|
3371
|
+
</div>
|
|
3372
|
+
</div>
|
|
3373
|
+
${Te(
|
|
3374
|
+
this.overflowVariant === yt.Scroll && this.hasScrollControls,
|
|
3375
|
+
() => $t`
|
|
3376
|
+
<cx-icon-button
|
|
3377
|
+
part="scroll-button scroll-button--end"
|
|
3378
|
+
exportparts="base:scroll-button__base"
|
|
3379
|
+
class=${Nt({
|
|
3380
|
+
"tab-group__scroll-button": !0,
|
|
3381
|
+
"tab-group__scroll-button--end": !0,
|
|
3382
|
+
"tab-group__scroll-button--end--hidden": this.shouldHideScrollEndButton
|
|
3383
|
+
})}
|
|
3384
|
+
name=${o ? "chevron_left" : "chevron_right"}
|
|
3385
|
+
tabindex="-1"
|
|
3386
|
+
aria-hidden="true"
|
|
3387
|
+
label=${this.localize.term("scrollToEnd")}
|
|
3388
|
+
@click=${this.handleScrollToEnd}
|
|
3389
|
+
></cx-icon-button>
|
|
3390
|
+
`
|
|
3391
|
+
)}
|
|
3392
|
+
</div>
|
|
3393
|
+
</cx-resize-observer>
|
|
3394
|
+
|
|
3395
|
+
<slot
|
|
3396
|
+
part="body"
|
|
3397
|
+
class="tab-group__body"
|
|
3398
|
+
style=${Ue({ height: this.bodyHeight })}
|
|
3399
|
+
@slotchange=${this.syncTabsAndPanels}
|
|
3400
|
+
></slot>
|
|
3401
|
+
|
|
3402
|
+
|
|
3403
|
+
${Te(
|
|
3404
|
+
e,
|
|
3405
|
+
() => $t`
|
|
3406
|
+
<div class="tab-pagination">
|
|
3407
|
+
${tr(
|
|
3408
|
+
Array.from(
|
|
3409
|
+
{ length: this.paginationCount },
|
|
3410
|
+
(i, r) => r
|
|
3411
|
+
),
|
|
3412
|
+
(i) => this.renderPaginationDot(i)
|
|
3413
|
+
)}
|
|
3414
|
+
</div>
|
|
3415
|
+
`
|
|
3416
|
+
)}
|
|
3417
|
+
</div>
|
|
3418
|
+
`;
|
|
3419
|
+
}
|
|
3420
|
+
};
|
|
3421
|
+
A.styles = [Nn, Ao];
|
|
3422
|
+
A.dependencies = {
|
|
3423
|
+
"cx-button": Hn,
|
|
3424
|
+
"cx-dropdown": Yn,
|
|
3425
|
+
"cx-icon-button": Xn,
|
|
3426
|
+
"cx-menu": qn,
|
|
3427
|
+
"cx-menu-item": Gn,
|
|
3428
|
+
"cx-resize-observer": En,
|
|
3429
|
+
"cx-tab": Kn
|
|
3430
|
+
};
|
|
3431
|
+
A.MIN_CLAMP_WIDTH = 100;
|
|
3432
|
+
C([
|
|
3433
|
+
Et(".tab-group")
|
|
3434
|
+
], A.prototype, "tabGroup", 2);
|
|
3435
|
+
C([
|
|
3436
|
+
Et(".tab-group__body")
|
|
3437
|
+
], A.prototype, "body", 2);
|
|
3438
|
+
C([
|
|
3439
|
+
Et(".tab-group__nav-container")
|
|
3440
|
+
], A.prototype, "container", 2);
|
|
3441
|
+
C([
|
|
3442
|
+
Et(".tab-group__nav")
|
|
3443
|
+
], A.prototype, "nav", 2);
|
|
3444
|
+
C([
|
|
3445
|
+
Et(".tab-group__indicator")
|
|
3446
|
+
], A.prototype, "indicator", 2);
|
|
3447
|
+
C([
|
|
3448
|
+
Et(".tab-group__dropdown")
|
|
3449
|
+
], A.prototype, "dropdown", 2);
|
|
3450
|
+
C([
|
|
3451
|
+
Et(".tab-group__dropdown__menu")
|
|
3452
|
+
], A.prototype, "menu", 2);
|
|
3453
|
+
C([
|
|
3454
|
+
Et(".tab-group__tabs")
|
|
3455
|
+
], A.prototype, "tabButtons", 2);
|
|
3456
|
+
C([
|
|
3457
|
+
Et(".tab-group__dropdown__trigger")
|
|
3458
|
+
], A.prototype, "dropdownTrigger", 2);
|
|
3459
|
+
C([
|
|
3460
|
+
Wn(".tab-pagination__dot")
|
|
3461
|
+
], A.prototype, "allDots", 2);
|
|
3462
|
+
C([
|
|
3463
|
+
_t()
|
|
3464
|
+
], A.prototype, "activeTab", 2);
|
|
3465
|
+
C([
|
|
3466
|
+
_t()
|
|
3467
|
+
], A.prototype, "hasScrollControls", 2);
|
|
3468
|
+
C([
|
|
3469
|
+
_t()
|
|
3470
|
+
], A.prototype, "shouldHideScrollStartButton", 2);
|
|
3471
|
+
C([
|
|
3472
|
+
_t()
|
|
3473
|
+
], A.prototype, "shouldHideScrollEndButton", 2);
|
|
3474
|
+
C([
|
|
3475
|
+
_t()
|
|
3476
|
+
], A.prototype, "dropdownOffset", 2);
|
|
3477
|
+
C([
|
|
3478
|
+
_t()
|
|
3479
|
+
], A.prototype, "tabPanelHeight", 2);
|
|
3480
|
+
C([
|
|
3481
|
+
_t()
|
|
3482
|
+
], A.prototype, "tabAlignmentIndent", 2);
|
|
3483
|
+
C([
|
|
3484
|
+
_t()
|
|
3485
|
+
], A.prototype, "shouldIgnoreAlignment", 2);
|
|
3486
|
+
C([
|
|
3487
|
+
_t()
|
|
3488
|
+
], A.prototype, "shouldShowDropdown", 2);
|
|
3489
|
+
C([
|
|
3490
|
+
_t()
|
|
3491
|
+
], A.prototype, "isActiveTabHidden", 2);
|
|
3492
|
+
C([
|
|
3493
|
+
_t()
|
|
3494
|
+
], A.prototype, "paginationCount", 2);
|
|
3495
|
+
C([
|
|
3496
|
+
_t()
|
|
3497
|
+
], A.prototype, "activePaginationIndex", 2);
|
|
3498
|
+
C([
|
|
3499
|
+
_t()
|
|
3500
|
+
], A.prototype, "tabWidth", 2);
|
|
3501
|
+
C([
|
|
3502
|
+
Tt()
|
|
3503
|
+
], A.prototype, "placement", 2);
|
|
3504
|
+
C([
|
|
3505
|
+
Tt()
|
|
3506
|
+
], A.prototype, "activation", 2);
|
|
3507
|
+
C([
|
|
3508
|
+
Tt({ attribute: "no-scroll-controls", type: Boolean })
|
|
3509
|
+
], A.prototype, "noScrollControls", 2);
|
|
3510
|
+
C([
|
|
3511
|
+
Tt({ attribute: "fixed-scroll-controls", type: Boolean })
|
|
3512
|
+
], A.prototype, "fixedScrollControls", 2);
|
|
3513
|
+
C([
|
|
3514
|
+
Tt({ attribute: "use-max-panel-height", type: Boolean })
|
|
3515
|
+
], A.prototype, "useMaxPanelHeight", 2);
|
|
3516
|
+
C([
|
|
3517
|
+
Tt({ reflect: !0, type: String })
|
|
3518
|
+
], A.prototype, "variant", 2);
|
|
3519
|
+
C([
|
|
3520
|
+
Tt({ attribute: "overflow-variant", reflect: !0, type: String })
|
|
3521
|
+
], A.prototype, "overflowVariant", 2);
|
|
3522
|
+
C([
|
|
3523
|
+
Tt({ attribute: "hide-panel-variant", reflect: !0, type: String })
|
|
3524
|
+
], A.prototype, "hidePanelVariant", 2);
|
|
3525
|
+
C([
|
|
3526
|
+
Tt({ attribute: "tab-alignment", reflect: !0, type: String })
|
|
3527
|
+
], A.prototype, "tabAlignment", 2);
|
|
3528
|
+
C([
|
|
3529
|
+
Tt({ attribute: "dropdown-label", type: String })
|
|
3530
|
+
], A.prototype, "dropdownLabel", 2);
|
|
3531
|
+
C([
|
|
3532
|
+
Tt({ attribute: "tabs-per-page", type: Number })
|
|
3533
|
+
], A.prototype, "tabsPerPage", 2);
|
|
3534
|
+
C([
|
|
3535
|
+
Un({ passive: !0 })
|
|
3536
|
+
], A.prototype, "handleScrollEnd", 1);
|
|
3537
|
+
C([
|
|
3538
|
+
wt("noScrollControls", { waitUntilFirstUpdate: !0 })
|
|
3539
|
+
], A.prototype, "updateScrollControls", 1);
|
|
3540
|
+
C([
|
|
3541
|
+
wt("placement", { waitUntilFirstUpdate: !0 })
|
|
3542
|
+
], A.prototype, "syncIndicator", 1);
|
|
3543
|
+
C([
|
|
3544
|
+
wt("variant", { waitUntilFirstUpdate: !0 }),
|
|
3545
|
+
wt("tabsPerPage")
|
|
3546
|
+
], A.prototype, "handleVariantChange", 1);
|
|
3547
|
+
C([
|
|
3548
|
+
wt("overflowVariant", { waitUntilFirstUpdate: !0 })
|
|
3549
|
+
], A.prototype, "handleOverflowVariantChange", 1);
|
|
3550
|
+
C([
|
|
3551
|
+
wt("dropdownLabel", { waitUntilFirstUpdate: !0 })
|
|
3552
|
+
], A.prototype, "handleDropdownLabelChange", 1);
|
|
3553
|
+
C([
|
|
3554
|
+
wt("hidePanelVariant", { waitUntilFirstUpdate: !0 }),
|
|
3555
|
+
wt("useMaxPanelHeight", { waitUntilFirstUpdate: !0 })
|
|
3556
|
+
], A.prototype, "handleAbsoluteHeightChange", 1);
|
|
3557
|
+
C([
|
|
3558
|
+
wt("tabAlignment", { waitUntilFirstUpdate: !0 })
|
|
3559
|
+
], A.prototype, "handleTabAlignmentChange", 1);
|
|
3560
|
+
C([
|
|
3561
|
+
wt("tabsPerPage", { waitUntilFirstUpdate: !0 })
|
|
3562
|
+
], A.prototype, "handleTabsPerPageChange", 1);
|
|
3563
|
+
C([
|
|
3564
|
+
wt("activePaginationIndex", { waitUntilFirstUpdate: !0 })
|
|
3565
|
+
], A.prototype, "handleActivePaginationIndexChange", 1);
|
|
3566
|
+
A = C([
|
|
3567
|
+
$n("cx-tab-group")
|
|
3568
|
+
], A);
|
|
3569
|
+
export {
|
|
3570
|
+
A as C,
|
|
3571
|
+
Ge as T,
|
|
3572
|
+
yt as a,
|
|
3573
|
+
Vt as b,
|
|
3574
|
+
ie as g
|
|
3575
|
+
};
|