@orangelogic/design-system 2.166.0 → 2.167.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/{asset-link-format.b3g80XdM.js → asset-link-format.DZxMYHXr.js} +1 -1
- package/library/chunks/{button.U0OBAsln.js → button.0_maNYUS.js} +36 -33
- package/library/chunks/button.styles.BersilzZ.js +5 -0
- package/library/chunks/{color-swatch-group.exfnb_Rr.js → color-swatch-group.Bf3Y6g59.js} +2 -2
- package/library/chunks/{confirm-popover.Dpoah4lQ.js → confirm-popover.B0QtiuAB.js} +1 -1
- package/library/chunks/{document-viewer.DbxPRuLE.js → document-viewer.CLgrca4F.js} +1 -1
- package/library/chunks/{folder-select.Di32cpBd.js → folder-select.BSFjkzJr.js} +1 -1
- package/library/chunks/{pagination.qpK3q6zm.js → pagination.CuoIeOp9.js} +1 -1
- package/library/chunks/{tab-group.BUdxhjXK.js → tab-group.f6LdzCbP.js} +89 -80
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +4 -4
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/document-viewer.js +1 -1
- package/library/components/dropdown.js +17 -8
- package/library/components/dynamic-select.js +1 -1
- package/library/components/element-clamp.js +1 -1
- package/library/components/file-on-demand.js +3 -3
- package/library/components/folder-select.js +1 -1
- package/library/components/line-clamp.js +1 -1
- package/library/components/molecules.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/radio-button.js +1 -1
- package/library/components/tab-group.js +2 -2
- package/library/components/types.js +10 -10
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/button/button.d.ts +3 -0
- package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +7 -0
- package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +8 -0
- package/package.json +1 -1
- package/library/chunks/button.styles.B81R4myI.js +0 -5
|
@@ -2,22 +2,22 @@ import In from "../components/resize-observer.js";
|
|
|
2
2
|
import { n as wt, C as Fn } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import { c as Ln } from "./component.styles.CRO4Odto.js";
|
|
4
4
|
import { c as $n } from "./custom-element.L4WJXn1j.js";
|
|
5
|
-
import { L as
|
|
5
|
+
import { L as Bn } from "./i18n.Bchq8v1d.js";
|
|
6
6
|
import { s as Zi } from "./scroll.xtO5yojm.js";
|
|
7
7
|
import { w as ft } from "./watch.DJF5K-8U.js";
|
|
8
|
-
import { i as
|
|
8
|
+
import { i as Nn } from "./dom.C5aVLhKS.js";
|
|
9
9
|
import { s as Wn } from "./parse.Cu5nBDTb.js";
|
|
10
10
|
import { i as Vn, x as $t } from "./lit-element.jLBm65_O.js";
|
|
11
11
|
import { r as at } from "./state.CSDxrqLd.js";
|
|
12
12
|
import { t as Un } from "./event-options.CYHYGOd8.js";
|
|
13
13
|
import { e as It } from "./query.BBf1UFkC.js";
|
|
14
14
|
import { r as Hn } from "./query-all.i3PyvTUQ.js";
|
|
15
|
-
import { e as
|
|
15
|
+
import { e as Bt } from "./class-map.BiVq-cVR.js";
|
|
16
16
|
import { i as Ji } from "./guard.D4axKaMo.js";
|
|
17
17
|
import { o as tr } from "./map.D8heArFD.js";
|
|
18
18
|
import { o as Ue } from "./style-map.llVFPd__.js";
|
|
19
19
|
import { n as Pe } from "./when.Dr1es41R.js";
|
|
20
|
-
import { C as Yn } from "./button.
|
|
20
|
+
import { C as Yn } from "./button.0_maNYUS.js";
|
|
21
21
|
import Xn from "../components/dropdown.js";
|
|
22
22
|
import { C as qn } from "./icon-button.BwmMJ0bI.js";
|
|
23
23
|
import Gn from "../components/menu.js";
|
|
@@ -68,7 +68,7 @@ var dt = {
|
|
|
68
68
|
}, He = function(t) {
|
|
69
69
|
return W(t) || X(t);
|
|
70
70
|
}, Sr = typeof ArrayBuffer == "function" && ArrayBuffer.isView || function() {
|
|
71
|
-
}, Q = Array.isArray, vi = /(?:-?\.?\d|\.)+/gi, Ar = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, ce = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, hi = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, Cr = /[+-]=-?[.\d]+/, kr = /[^,'"\[\]\s]+/gi, es = /^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,
|
|
71
|
+
}, Q = Array.isArray, vi = /(?:-?\.?\d|\.)+/gi, Ar = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, ce = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, hi = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, Cr = /[+-]=-?[.\d]+/, kr = /[^,'"\[\]\s]+/gi, es = /^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i, B, St, yi, Li, _t = {}, Je = {}, Or, Dr = function(t) {
|
|
72
72
|
return (Je = me(t, _t)) && ot;
|
|
73
73
|
}, $i = function(t, e) {
|
|
74
74
|
return console.warn("Invalid property", t, "set to", e, "Missing plugin? gsap.registerPlugin()");
|
|
@@ -87,7 +87,7 @@ var dt = {
|
|
|
87
87
|
kill: !1
|
|
88
88
|
}, rs = {
|
|
89
89
|
suppressEvents: !0
|
|
90
|
-
},
|
|
90
|
+
}, Bi = {}, Yt = [], xi = {}, Rr, ht = {}, ui = {}, er = 30, Qe = [], Ni = "", Wi = function(t) {
|
|
91
91
|
var e = t[0], i, r;
|
|
92
92
|
if (Ot(e) || W(e) || (t = [t]), !(i = (e._gsap || {}).harness)) {
|
|
93
93
|
for (r = Qe.length; r-- && !Qe[r].targetTest(e); )
|
|
@@ -150,7 +150,7 @@ var dt = {
|
|
|
150
150
|
r in e || (i[r] = t[r]);
|
|
151
151
|
return i;
|
|
152
152
|
}, Oe = function(t) {
|
|
153
|
-
var e = t.parent ||
|
|
153
|
+
var e = t.parent || B, i = t.keyframes ? ss(Q(t.keyframes)) : pt;
|
|
154
154
|
if (it(t.inherit))
|
|
155
155
|
for (; e; )
|
|
156
156
|
i(t, e.vars.defaults), e = e.parent || e._dp;
|
|
@@ -205,10 +205,10 @@ var dt = {
|
|
|
205
205
|
t._zTime = -F;
|
|
206
206
|
}
|
|
207
207
|
}, At = function(t, e, i, r) {
|
|
208
|
-
return e.parent && Gt(e), e._start = H((zt(i) ? i : i || t !==
|
|
209
|
-
},
|
|
208
|
+
return e.parent && Gt(e), e._start = H((zt(i) ? i : i || t !== B ? mt(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;
|
|
209
|
+
}, Br = function(t, e) {
|
|
210
210
|
return (_t.ScrollTrigger || $i("scrollTrigger", e)) && _t.ScrollTrigger.create(e, t);
|
|
211
|
-
},
|
|
211
|
+
}, Nr = function(t, e, i, r, n) {
|
|
212
212
|
if (Hi(t, e, n), !t._initted)
|
|
213
213
|
return 1;
|
|
214
214
|
if (!i && t._pt && !q && (t._dur && t.vars.lazy !== !1 || !t._dur && t.vars.lazy) && Rr !== ut.frame)
|
|
@@ -222,7 +222,7 @@ var dt = {
|
|
|
222
222
|
}, us = function(t, e, i, r) {
|
|
223
223
|
var n = t.ratio, s = e < 0 || !e && (!t._start && hs(t) && !(!t._initted && Ti(t)) || (t._ts < 0 || t._dp._ts < 0) && !Ti(t)) ? 0 : 1, a = t._rDelay, l = 0, h, u, f;
|
|
224
224
|
if (a && t._repeat && (l = Ve(0, t._tDur, e), u = ve(l, a), t._yoyo && u & 1 && (s = 1 - s), u !== ve(t._tTime, a) && (n = 1 - s, t.vars.repeatRefresh && t._initted && t.invalidate())), s !== n || q || r || t._zTime === F || !e && t._zTime) {
|
|
225
|
-
if (!t._initted &&
|
|
225
|
+
if (!t._initted && Nr(t, e, r, i, l))
|
|
226
226
|
return;
|
|
227
227
|
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, h = t._pt; h; )
|
|
228
228
|
h.r(s, h.d), h = h._next;
|
|
@@ -433,7 +433,7 @@ var dt = {
|
|
|
433
433
|
if (xe(), t !== r) {
|
|
434
434
|
if (ht[e])
|
|
435
435
|
return;
|
|
436
|
-
pt(r, pt(ei(t, n), s)), me(r.prototype, me(n, ei(t, s))), ht[r.prop = e] = r, t.targetTest && (Qe.push(r),
|
|
436
|
+
pt(r, pt(ei(t, n), s)), me(r.prototype, me(n, ei(t, s))), ht[r.prop = e] = r, t.targetTest && (Qe.push(r), Bi[e] = 1), e = (e === "css" ? "CSS" : e.charAt(0).toUpperCase() + e.substr(1)) + "Plugin";
|
|
437
437
|
}
|
|
438
438
|
Mr(e, r), t.register && t.register(ot, r, nt);
|
|
439
439
|
} else
|
|
@@ -652,7 +652,7 @@ D.SteppedEase = D.steps = _t.SteppedEase = {
|
|
|
652
652
|
};
|
|
653
653
|
be.ease = D["quad.out"];
|
|
654
654
|
rt("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt", function(o) {
|
|
655
|
-
return
|
|
655
|
+
return Ni += o + "," + o + "Params,";
|
|
656
656
|
});
|
|
657
657
|
var rn = function(t, e) {
|
|
658
658
|
this.id = Zn++, t._gsap = this, this.target = t, this.harness = e, this.get = e ? e.get : zr, this.set = e ? e.getSetter : Xi;
|
|
@@ -784,7 +784,7 @@ var J = /* @__PURE__ */ function(o) {
|
|
|
784
784
|
Tr(t, o);
|
|
785
785
|
function t(i, r) {
|
|
786
786
|
var n;
|
|
787
|
-
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),
|
|
787
|
+
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), B && At(i.parent || B, Dt(n), r), i.reversed && n.reverse(), i.paused && n.paused(!0), i.scrollTrigger && Br(Dt(n), i.scrollTrigger), n;
|
|
788
788
|
}
|
|
789
789
|
var e = t.prototype;
|
|
790
790
|
return e.to = function(r, n, s) {
|
|
@@ -805,7 +805,7 @@ var J = /* @__PURE__ */ function(o) {
|
|
|
805
805
|
return a.startAt = s, Oe(a).immediateRender = it(a.immediateRender), this.staggerTo(r, n, a, l, h, u, f);
|
|
806
806
|
}, e.render = function(r, n, s) {
|
|
807
807
|
var a = this._time, l = this._dirty ? this.totalDuration() : this._tDur, h = this._dur, u = r <= 0 ? 0 : H(r), f = this._zTime < 0 != r < 0 && (this._initted || !h), d, _, p, c, g, m, b, v, x, y, T, P;
|
|
808
|
-
if (this !==
|
|
808
|
+
if (this !== B && u > l && r >= 0 && (u = l), u !== this._tTime || s || f) {
|
|
809
809
|
if (a !== this._time && h && (u += this._time - a, r += this._time - a), d = u, x = this._start, v = this._ts, m = !v, f && (h || (a = this._zTime), (r || !n) && (this._zTime = r)), this._repeat) {
|
|
810
810
|
if (T = this._yoyo, g = h + this._rDelay, this._repeat < -1 && r < 0)
|
|
811
811
|
return this.totalTime(g * 100 + r, n, s);
|
|
@@ -955,13 +955,13 @@ var J = /* @__PURE__ */ function(o) {
|
|
|
955
955
|
if (s._dirty) {
|
|
956
956
|
for (f = s.parent; a; )
|
|
957
957
|
h = a._prev, a._dirty && a.totalDuration(), u = a._start, u > l && s._sort && a._ts && !s._lock ? (s._lock = 1, At(s, a, u - a._delay, 1)._lock = 0) : l = u, u < 0 && a._ts && (n -= u, (!f && !s._dp || f && f.smoothChildTiming) && (s._start += u / s._ts, s._time -= u, s._tTime -= u), s.shiftChildren(-u, !1, -1 / 0), l = 0), a._end > n && a._ts && (n = a._end), a = h;
|
|
958
|
-
ye(s, s ===
|
|
958
|
+
ye(s, s === B && s._time > n ? s._time : n, 1, 1), s._dirty = 0;
|
|
959
959
|
}
|
|
960
960
|
return s._tDur;
|
|
961
961
|
}, t.updateRoot = function(r) {
|
|
962
|
-
if (
|
|
962
|
+
if (B._ts && (Er(B, ii(r, B)), Rr = ut.frame), ut.frame >= er) {
|
|
963
963
|
er += dt.autoSleep || 120;
|
|
964
|
-
var n =
|
|
964
|
+
var n = B._first;
|
|
965
965
|
if ((!n || !n._ts) && dt.autoSleep && ut._listeners.length < 2) {
|
|
966
966
|
for (; n && !n._ts; )
|
|
967
967
|
n = n._next;
|
|
@@ -1008,7 +1008,7 @@ var Cs = function(t, e, i, r, n, s, a) {
|
|
|
1008
1008
|
}, Vt, Ci, Hi = function o(t, e, i) {
|
|
1009
1009
|
var r = t.vars, n = r.ease, s = r.startAt, a = r.immediateRender, l = r.lazy, h = r.onUpdate, u = 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" && !Ei, x = t.timeline, y, T, P, S, w, C, M, O, R, Y, E, z, $;
|
|
1010
1010
|
if (x && (!d || !n) && (n = "none"), t._ease = se(n, be.ease), t._yEase = f ? Jr(se(f === !0 ? n : f, be.ease)) : 0, f && t._yoyo && !t._repeat && (f = t._yEase, t._yEase = t._ease, t._ease = f), t._from = !x && !!r.runBackwards, !x || d && !r.stagger) {
|
|
1011
|
-
if (O = g[0] ? re(g[0]).harness : 0, z = O && r[O.prop], y = ei(r,
|
|
1011
|
+
if (O = g[0] ? re(g[0]).harness : 0, z = O && r[O.prop], y = ei(r, Bi), c && (c._zTime < 0 && c.progress(1), e < 0 && u && a && !_ ? c.render(-1, !0) : c.revert(u && p ? je : is), c._lazy = 0), s) {
|
|
1012
1012
|
if (Gt(t._startAt = U.set(g, pt({
|
|
1013
1013
|
data: "isStart",
|
|
1014
1014
|
overwrite: !1,
|
|
@@ -1047,7 +1047,7 @@ var Cs = function(t, e, i, r, n, s, a) {
|
|
|
1047
1047
|
}), R.priority && (C = 1)), !O || z)
|
|
1048
1048
|
for (P in y)
|
|
1049
1049
|
ht[P] && (R = nn(P, y, t, E, w, b)) ? R.priority && (C = 1) : Y[P] = S = Ui.call(t, w, P, "get", y[P], E, b, 0, r.stringFilter);
|
|
1050
|
-
t._op && t._op[T] && t.kill(w, t._op[T]), v && t._pt && (Vt = t,
|
|
1050
|
+
t._op && t._op[T] && t.kill(w, t._op[T]), v && t._pt && (Vt = t, B.killTweensOf(w, Y, t.globalTime(e)), $ = !t.parent, Vt = 0), t._pt && l && (xi[M.id] = 1);
|
|
1051
1051
|
}
|
|
1052
1052
|
C && un(t), t._onInit && t._onInit(t);
|
|
1053
1053
|
}
|
|
@@ -1094,7 +1094,7 @@ var Cs = function(t, e, i, r, n, s, a) {
|
|
|
1094
1094
|
});
|
|
1095
1095
|
}, Me = function(t, e, i, r, n) {
|
|
1096
1096
|
return W(t) ? t.call(e, i, r, n) : X(t) && ~t.indexOf("random(") ? Ie(t) : t;
|
|
1097
|
-
}, sn =
|
|
1097
|
+
}, sn = Ni + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase,autoRevert", on = {};
|
|
1098
1098
|
rt(sn + ",id,stagger,delay,duration,paused,scrollTrigger", function(o) {
|
|
1099
1099
|
return on[o] = 1;
|
|
1100
1100
|
});
|
|
@@ -1103,7 +1103,7 @@ var U = /* @__PURE__ */ function(o) {
|
|
|
1103
1103
|
function t(i, r, n, s) {
|
|
1104
1104
|
var a;
|
|
1105
1105
|
typeof r == "number" && (n.duration = r, r = n, n = null), a = o.call(this, s ? r : Oe(r)) || this;
|
|
1106
|
-
var l = a.vars, h = l.duration, u = 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 ||
|
|
1106
|
+
var l = a.vars, h = l.duration, u = 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 || B, v = (Q(i) || Sr(i) ? zt(i[0]) : "length" in r) ? [i] : yt(i), x, y, T, P, S, w, C, M;
|
|
1107
1107
|
if (a._targets = v.length ? Wi(v) : ze("GSAP target " + i + " not found. https://gsap.com", !dt.nullTargetWarn) || [], a._ptLookup = [], a._overwrite = _, p || d || He(h) || He(u)) {
|
|
1108
1108
|
if (r = a.vars, x = a.timeline = new J({
|
|
1109
1109
|
data: "nested",
|
|
@@ -1145,7 +1145,7 @@ var U = /* @__PURE__ */ function(o) {
|
|
|
1145
1145
|
h || a.duration(h = x.duration());
|
|
1146
1146
|
} else
|
|
1147
1147
|
a.timeline = 0;
|
|
1148
|
-
return _ === !0 && !Ei && (Vt = Dt(a),
|
|
1148
|
+
return _ === !0 && !Ei && (Vt = Dt(a), B.killTweensOf(v), Vt = 0), At(b, Dt(a), n), r.reversed && a.reverse(), r.paused && a.paused(!0), (f || !h && !p && a._start === H(b._time) && it(f) && ls(Dt(a)) && b.data !== "nested") && (a._tTime = -F, a.render(Math.max(0, -u) || 0)), g && Br(Dt(a), g), a;
|
|
1149
1149
|
}
|
|
1150
1150
|
var e = t.prototype;
|
|
1151
1151
|
return e.render = function(r, n, s) {
|
|
@@ -1161,7 +1161,7 @@ var U = /* @__PURE__ */ function(o) {
|
|
|
1161
1161
|
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));
|
|
1162
1162
|
}
|
|
1163
1163
|
if (!this._initted) {
|
|
1164
|
-
if (
|
|
1164
|
+
if (Nr(this, u ? r : d, s, n, f))
|
|
1165
1165
|
return this._tTime = 0, this;
|
|
1166
1166
|
if (a !== this._time && !(s && this.vars.repeatRefresh && p !== g))
|
|
1167
1167
|
return this;
|
|
@@ -1223,7 +1223,7 @@ var U = /* @__PURE__ */ function(o) {
|
|
|
1223
1223
|
}, t.set = function(r, n) {
|
|
1224
1224
|
return n.duration = 0, n.repeatDelay || (n.repeat = 0), new t(r, n);
|
|
1225
1225
|
}, t.killTweensOf = function(r, n, s) {
|
|
1226
|
-
return
|
|
1226
|
+
return B.killTweensOf(r, n, s);
|
|
1227
1227
|
}, t;
|
|
1228
1228
|
}(Le);
|
|
1229
1229
|
pt(U.prototype, {
|
|
@@ -1293,12 +1293,12 @@ var Yi = function(t, e, i) {
|
|
|
1293
1293
|
this.mSet = this.mSet || this.set, this.set = Ls, this.m = i, this.mt = n, this.tween = r;
|
|
1294
1294
|
}, o;
|
|
1295
1295
|
}();
|
|
1296
|
-
rt(
|
|
1297
|
-
return
|
|
1296
|
+
rt(Ni + "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) {
|
|
1297
|
+
return Bi[o] = 1;
|
|
1298
1298
|
});
|
|
1299
1299
|
_t.TweenMax = _t.TweenLite = U;
|
|
1300
1300
|
_t.TimelineLite = _t.TimelineMax = J;
|
|
1301
|
-
|
|
1301
|
+
B = new J({
|
|
1302
1302
|
sortChildren: !1,
|
|
1303
1303
|
defaults: be,
|
|
1304
1304
|
autoRemoveChildren: !0,
|
|
@@ -1306,7 +1306,7 @@ N = new J({
|
|
|
1306
1306
|
smoothChildTiming: !0
|
|
1307
1307
|
});
|
|
1308
1308
|
dt.stringFilter = Zr;
|
|
1309
|
-
var oe = [], Ze = {}, $s = [], ar = 0,
|
|
1309
|
+
var oe = [], Ze = {}, $s = [], ar = 0, Bs = 0, _i = function(t) {
|
|
1310
1310
|
return (Ze[t] || $s).map(function(e) {
|
|
1311
1311
|
return e();
|
|
1312
1312
|
});
|
|
@@ -1324,7 +1324,7 @@ var oe = [], Ze = {}, $s = [], ar = 0, Ns = 0, _i = function(t) {
|
|
|
1324
1324
|
}), ar = t, _i("matchMedia"));
|
|
1325
1325
|
}, cn = /* @__PURE__ */ function() {
|
|
1326
1326
|
function o(e, i) {
|
|
1327
|
-
this.selector = i && Si(i), this.data = [], this._r = [], this.isReverted = !1, this.id =
|
|
1327
|
+
this.selector = i && Si(i), this.data = [], this._r = [], this.isReverted = !1, this.id = Bs++, e && this.add(e);
|
|
1328
1328
|
}
|
|
1329
1329
|
var t = o.prototype;
|
|
1330
1330
|
return t.add = function(i, r, n) {
|
|
@@ -1375,7 +1375,7 @@ var oe = [], Ze = {}, $s = [], ar = 0, Ns = 0, _i = function(t) {
|
|
|
1375
1375
|
}, t.revert = function(i) {
|
|
1376
1376
|
this.kill(i || {});
|
|
1377
1377
|
}, o;
|
|
1378
|
-
}(),
|
|
1378
|
+
}(), Ns = /* @__PURE__ */ function() {
|
|
1379
1379
|
function o(e) {
|
|
1380
1380
|
this.contexts = [], this.scope = e, L && L.data.push(this);
|
|
1381
1381
|
}
|
|
@@ -1410,7 +1410,7 @@ var oe = [], Ze = {}, $s = [], ar = 0, Ns = 0, _i = function(t) {
|
|
|
1410
1410
|
return new J(t);
|
|
1411
1411
|
},
|
|
1412
1412
|
getTweensOf: function(t, e) {
|
|
1413
|
-
return
|
|
1413
|
+
return B.getTweensOf(t, e);
|
|
1414
1414
|
},
|
|
1415
1415
|
getProperty: function(t, e, i, r) {
|
|
1416
1416
|
X(t) && (t = yt(t)[0]);
|
|
@@ -1445,7 +1445,7 @@ var oe = [], Ze = {}, $s = [], ar = 0, Ns = 0, _i = function(t) {
|
|
|
1445
1445
|
return s.tween = n, s;
|
|
1446
1446
|
},
|
|
1447
1447
|
isTweening: function(t) {
|
|
1448
|
-
return
|
|
1448
|
+
return B.getTweensOf(t, !0).length > 0;
|
|
1449
1449
|
},
|
|
1450
1450
|
defaults: function(t) {
|
|
1451
1451
|
return t && t.ease && (t.ease = se(t.ease, be.ease)), ir(be, t || {});
|
|
@@ -1470,20 +1470,20 @@ var oe = [], Ze = {}, $s = [], ar = 0, Ns = 0, _i = function(t) {
|
|
|
1470
1470
|
return arguments.length ? se(t, e) : D;
|
|
1471
1471
|
},
|
|
1472
1472
|
getById: function(t) {
|
|
1473
|
-
return
|
|
1473
|
+
return B.getById(t);
|
|
1474
1474
|
},
|
|
1475
1475
|
exportRoot: function(t, e) {
|
|
1476
1476
|
t === void 0 && (t = {});
|
|
1477
1477
|
var i = new J(t), r, n;
|
|
1478
|
-
for (i.smoothChildTiming = it(t.smoothChildTiming),
|
|
1478
|
+
for (i.smoothChildTiming = it(t.smoothChildTiming), B.remove(i), i._dp = 0, i._time = i._tTime = B._time, r = B._first; r; )
|
|
1479
1479
|
n = r._next, (e || !(!r._dur && r instanceof U && r.vars.onComplete === r._targets[0])) && At(i, r, r._start - r._delay), r = n;
|
|
1480
|
-
return At(
|
|
1480
|
+
return At(B, i, 0), i;
|
|
1481
1481
|
},
|
|
1482
1482
|
context: function(t, e) {
|
|
1483
1483
|
return t ? new cn(t, e) : L;
|
|
1484
1484
|
},
|
|
1485
1485
|
matchMedia: function(t) {
|
|
1486
|
-
return new
|
|
1486
|
+
return new Ns(t);
|
|
1487
1487
|
},
|
|
1488
1488
|
matchMediaRefresh: function() {
|
|
1489
1489
|
return oe.forEach(function(t) {
|
|
@@ -1524,7 +1524,7 @@ var oe = [], Ze = {}, $s = [], ar = 0, Ns = 0, _i = function(t) {
|
|
|
1524
1524
|
ticker: ut,
|
|
1525
1525
|
updateRoot: J.updateRoot,
|
|
1526
1526
|
plugins: ht,
|
|
1527
|
-
globalTimeline:
|
|
1527
|
+
globalTimeline: B,
|
|
1528
1528
|
core: {
|
|
1529
1529
|
PropTween: nt,
|
|
1530
1530
|
globals: Mr,
|
|
@@ -1663,7 +1663,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1663
1663
|
}, to = function(t, e, i, r, n) {
|
|
1664
1664
|
var s = t._gsap;
|
|
1665
1665
|
s[e] = i, s.renderTransform(n, s);
|
|
1666
|
-
},
|
|
1666
|
+
}, N = "transform", st = N + "Origin", eo = function o(t, e) {
|
|
1667
1667
|
var i = this, r = this.target, n = r.style, s = r._gsap;
|
|
1668
1668
|
if (t in Et && n) {
|
|
1669
1669
|
if (this.tfm = this.tfm || {}, t !== "transform")
|
|
@@ -1674,9 +1674,9 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1674
1674
|
return Ct.transform.split(",").forEach(function(a) {
|
|
1675
1675
|
return o.call(i, a, e);
|
|
1676
1676
|
});
|
|
1677
|
-
if (this.props.indexOf(
|
|
1677
|
+
if (this.props.indexOf(N) >= 0)
|
|
1678
1678
|
return;
|
|
1679
|
-
s.svg && (this.svgo = r.getAttribute("data-svg-origin"), this.props.push(st, e, "")), t =
|
|
1679
|
+
s.svg && (this.svgo = r.getAttribute("data-svg-origin"), this.props.push(st, e, "")), t = N;
|
|
1680
1680
|
}
|
|
1681
1681
|
(n || e) && this.props.push(t, e, n[t]);
|
|
1682
1682
|
}, _n = function(t) {
|
|
@@ -1688,7 +1688,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1688
1688
|
if (this.tfm) {
|
|
1689
1689
|
for (s in this.tfm)
|
|
1690
1690
|
r[s] = this.tfm[s];
|
|
1691
|
-
r.svg && (r.renderTransform(), e.setAttribute("data-svg-origin", this.svgo || "")), n = Ki(), (!n || !n.isStart) && !i[
|
|
1691
|
+
r.svg && (r.renderTransform(), e.setAttribute("data-svg-origin", this.svgo || "")), n = Ki(), (!n || !n.isStart) && !i[N] && (_n(i), r.zOrigin && i[st] && (i[st] += " " + r.zOrigin + "px", r.zOrigin = 0, r.renderTransform()), r.uncache = 1);
|
|
1692
1692
|
}
|
|
1693
1693
|
}, pn = function(t, e) {
|
|
1694
1694
|
var i = {
|
|
@@ -1716,7 +1716,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1716
1716
|
}, Mi = function() {
|
|
1717
1717
|
Us() && window.document && (lr = window, Ut = lr.document, _e = Ut.documentElement, ee = Di("div") || {
|
|
1718
1718
|
style: {}
|
|
1719
|
-
}, Di("div"),
|
|
1719
|
+
}, Di("div"), N = we(N), st = N + "Origin", ee.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0", gn = !!we("perspective"), Ki = ot.core.reverting, Gi = 1);
|
|
1720
1720
|
}, fr = function(t) {
|
|
1721
1721
|
var e = t.ownerSVGElement, i = Di("svg", e && e.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), r = t.cloneNode(!0), n;
|
|
1722
1722
|
r.style.display = "block", i.appendChild(r), _e.appendChild(i);
|
|
@@ -1747,7 +1747,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1747
1747
|
}, ae = function(t, e) {
|
|
1748
1748
|
if (e) {
|
|
1749
1749
|
var i = t.style, r;
|
|
1750
|
-
e in Et && e !== st && (e =
|
|
1750
|
+
e in Et && e !== st && (e = N), 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);
|
|
1751
1751
|
}
|
|
1752
1752
|
}, Ht = function(t, e, i, r, n, s) {
|
|
1753
1753
|
var a = new nt(t._pt, e, i, 0, 1, s ? dn : fn);
|
|
@@ -1775,7 +1775,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1775
1775
|
return l && _ && (g = re(c), g.time = ut.time, g.width = c[u]), V(d ? p * n / f : p && n ? f / p * n : 0);
|
|
1776
1776
|
}, Mt = function(t, e, i, r) {
|
|
1777
1777
|
var n;
|
|
1778
|
-
return Gi || Mi(), e in Ct && e !== "transform" && (e = Ct[e], ~e.indexOf(",") && (e = e.split(",")[0])), Et[e] && e !== "transform" ? (n =
|
|
1778
|
+
return Gi || Mi(), e in Ct && e !== "transform" && (e = Ct[e], ~e.indexOf(",") && (e = e.split(",")[0])), Et[e] && e !== "transform" ? (n = Be(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;
|
|
1779
1779
|
}, no = function(t, e, i, r) {
|
|
1780
1780
|
if (!i || i === "none") {
|
|
1781
1781
|
var n = we(e, t, 1), s = n && xt(t, n, 1);
|
|
@@ -1812,8 +1812,8 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1812
1812
|
r.cssText = "", l = 1;
|
|
1813
1813
|
else
|
|
1814
1814
|
for (n = n.split(","), h = n.length; --h > -1; )
|
|
1815
|
-
a = n[h], Et[a] && (l = 1, a = a === "transformOrigin" ? st :
|
|
1816
|
-
l && (ae(i,
|
|
1815
|
+
a = n[h], Et[a] && (l = 1, a = a === "transformOrigin" ? st : N), ae(i, a);
|
|
1816
|
+
l && (ae(i, N), s && (s.svg && i.removeAttribute("transform"), r.scale = r.rotate = r.translate = "none", Be(i, 1), s.uncache = 1, _n(r)));
|
|
1817
1817
|
}
|
|
1818
1818
|
}, ni = {
|
|
1819
1819
|
clearProps: function(t, e, i, r, n) {
|
|
@@ -1888,7 +1888,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1888
1888
|
}, $e = [1, 0, 0, 1, 0, 0], vn = {}, yn = function(t) {
|
|
1889
1889
|
return t === "matrix(1, 0, 0, 1, 0, 0)" || t === "none" || !t;
|
|
1890
1890
|
}, gr = function(t) {
|
|
1891
|
-
var e = xt(t,
|
|
1891
|
+
var e = xt(t, N);
|
|
1892
1892
|
return yn(e) ? $e : e.substr(7).match(Ar).map(V);
|
|
1893
1893
|
}, Qi = function(t, e) {
|
|
1894
1894
|
var i = t._gsap || re(t), r = t.style, n = gr(t), s, a, l, h;
|
|
@@ -1896,12 +1896,12 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1896
1896
|
}, Ri = function(t, e, i, r, n, s) {
|
|
1897
1897
|
var a = t._gsap, l = n || Qi(t, !0), h = a.xOrigin || 0, u = 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(" "), x = parseFloat(v[0]) || 0, y = parseFloat(v[1]) || 0, T, P, S, w;
|
|
1898
1898
|
i ? l !== $e && (P = _ * g - p * c) && (S = x * (g / P) + y * (-c / P) + (c * b - g * m) / P, w = x * (-p / P) + y * (_ / P) - (_ * b - p * m) / P, x = S, y = w) : (T = bn(t), x = T.x + (~v[0].indexOf("%") ? x / 100 * T.width : x), y = T.y + (~(v[1] || v[0]).indexOf("%") ? y / 100 * T.height : y)), r || r !== !1 && a.smooth ? (m = x - h, b = y - u, a.xOffset = f + (m * _ + b * c) - m, a.yOffset = d + (m * p + b * g) - b) : a.xOffset = a.yOffset = 0, a.xOrigin = x, a.yOrigin = y, a.smooth = !!r, a.origin = e, a.originIsAbsolute = !!i, t.style[st] = "0px 0px", s && (Ht(s, a, "xOrigin", h, x), Ht(s, a, "yOrigin", u, y), Ht(s, a, "xOffset", f, a.xOffset), Ht(s, a, "yOffset", d, a.yOffset)), t.setAttribute("data-svg-origin", x + " " + y);
|
|
1899
|
-
},
|
|
1899
|
+
}, Be = function(t, e) {
|
|
1900
1900
|
var i = t._gsap || new rn(t);
|
|
1901
1901
|
if ("x" in i && !e && !i.uncache)
|
|
1902
1902
|
return i;
|
|
1903
1903
|
var r = t.style, n = i.scaleX < 0, s = "px", a = "deg", l = getComputedStyle(t), h = xt(t, st) || "0", u, f, d, _, p, c, g, m, b, v, x, y, T, P, S, w, C, M, O, R, Y, E, z, $, G, Qt, Lt, Z, Pt, gt, tt, bt;
|
|
1904
|
-
return u = f = d = c = g = m = b = v = x = 0, _ = p = 1, i.svg = !!(t.getCTM && mn(t)), l.translate && ((l.translate !== "none" || l.scale !== "none" || l.rotate !== "none") && (r[
|
|
1904
|
+
return u = f = d = c = g = m = b = v = x = 0, _ = p = 1, i.svg = !!(t.getCTM && mn(t)), l.translate && ((l.translate !== "none" || l.scale !== "none" || l.rotate !== "none") && (r[N] = (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[N] !== "none" ? l[N] : "")), r.scale = r.rotate = r.translate = "none"), P = Qi(t, i.svg), i.svg && (i.uncache ? (G = t.getBBox(), h = i.xOrigin - G.x + "px " + (i.yOrigin - G.y) + "px", $ = "") : $ = !e && t.getAttribute("data-svg-origin"), Ri(t, $ || h, !!$ || i.originIsAbsolute, i.smooth !== !1, P)), y = i.xOrigin || 0, T = i.yOrigin || 0, P !== $e && (M = P[0], O = P[1], R = P[2], Y = P[3], u = E = 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 ? he(O, M) * te : 0, b = R || Y ? he(R, Y) * te + c : 0, b && (p *= Math.abs(Math.cos(b * pe))), i.svg && (u -= y - (y * M + T * R), f -= T - (y * O + T * Y))) : (bt = P[6], gt = P[7], Lt = P[8], Z = P[9], Pt = P[10], tt = P[11], u = P[12], f = P[13], d = P[14], S = he(bt, Pt), g = S * te, S && (w = Math.cos(-S), C = Math.sin(-S), $ = E * w + Lt * C, G = z * w + Z * C, Qt = bt * w + Pt * C, Lt = E * -C + Lt * w, Z = z * -C + Z * w, Pt = bt * -C + Pt * w, tt = gt * -C + tt * w, E = $, z = G, bt = Qt), S = he(-R, Pt), m = S * te, S && (w = Math.cos(-S), C = Math.sin(-S), $ = M * w - Lt * C, G = O * w - Z * C, Qt = R * w - Pt * C, tt = Y * C + tt * w, M = $, O = G, R = Qt), S = he(O, M), c = S * te, S && (w = Math.cos(S), C = Math.sin(S), $ = M * w + O * C, G = E * w + z * C, O = O * w - M * C, z = z * w - E * C, M = $, E = G), g && Math.abs(g) + Math.abs(c) > 359.9 && (g = c = 0, m = 180 - m), _ = V(Math.sqrt(M * M + O * O + R * R)), p = V(Math.sqrt(z * z + bt * bt)), S = he(E, z), b = Math.abs(S) > 2e-4 ? S * te : 0, x = tt ? 1 / (tt < 0 ? -tt : tt) : 0), i.svg && ($ = t.getAttribute("transform"), i.forceCSS = t.setAttribute("transform", "") || !yn(xt(t, N)), $ && 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 = u - ((i.xPercent = u && (!e && i.xPercent || (Math.round(t.offsetWidth / 2) === Math.round(-u) ? -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 = V(_), i.scaleY = V(p), i.rotation = V(c) + a, i.rotationX = V(g) + a, i.rotationY = V(m) + a, i.skewX = b + a, i.skewY = v + a, i.transformPerspective = x + s, (i.zOrigin = parseFloat(h.split(" ")[2]) || !e && i.zOrigin || 0) && (r[st] = si(h)), i.xOffset = i.yOffset = 0, i.force3D = dt.force3D, i.renderTransform = i.svg ? lo : gn ? xn : ao, i.uncache = 0, i;
|
|
1905
1905
|
}, si = function(t) {
|
|
1906
1906
|
return (t = t.split(" "))[0] + " " + t[1];
|
|
1907
1907
|
}, gi = function(t, e, i) {
|
|
@@ -1915,10 +1915,10 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1915
1915
|
var T = parseFloat(u) * pe, P = Math.sin(T), S = Math.cos(T), w;
|
|
1916
1916
|
T = parseFloat(f) * pe, 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);
|
|
1917
1917
|
}
|
|
1918
|
-
g !== Se && (x += "perspective(" + g + Jt), (r || n) && (x += "translate(" + r + "%, " + n + "%) "), (y || s !== Se || a !== Se || l !== Se) && (x += l !== Se || y ? "translate3d(" + s + ", " + a + ", " + l + ") " : "translate(" + s + ", " + a + Jt), h !== Zt && (x += "rotate(" + h + Jt), u !== Zt && (x += "rotateY(" + u + Jt), f !== Zt && (x += "rotateX(" + f + Jt), (d !== Zt || _ !== Zt) && (x += "skew(" + d + ", " + _ + Jt), (p !== 1 || c !== 1) && (x += "scale(" + p + ", " + c + Jt), b.style[
|
|
1918
|
+
g !== Se && (x += "perspective(" + g + Jt), (r || n) && (x += "translate(" + r + "%, " + n + "%) "), (y || s !== Se || a !== Se || l !== Se) && (x += l !== Se || y ? "translate3d(" + s + ", " + a + ", " + l + ") " : "translate(" + s + ", " + a + Jt), h !== Zt && (x += "rotate(" + h + Jt), u !== Zt && (x += "rotateY(" + u + Jt), f !== Zt && (x += "rotateX(" + f + Jt), (d !== Zt || _ !== Zt) && (x += "skew(" + d + ", " + _ + Jt), (p !== 1 || c !== 1) && (x += "scale(" + p + ", " + c + Jt), b.style[N] = x || "translate(0, 0)";
|
|
1919
1919
|
}, lo = function(t, e) {
|
|
1920
1920
|
var i = e || this, r = i.xPercent, n = i.yPercent, s = i.x, a = i.y, l = i.rotation, h = i.skewX, u = 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), x = parseFloat(a), y, T, P, S, w;
|
|
1921
|
-
l = parseFloat(l), h = parseFloat(h), u = parseFloat(u), u && (u = parseFloat(u), h += u, l += u), l || h ? (l *= pe, h *= pe, y = Math.cos(l) * f, T = Math.sin(l) * f, P = Math.sin(l - h) * -d, S = Math.cos(l - h) * d, h && (u *= pe, w = Math.tan(h - u), w = Math.sqrt(1 + w * w), P *= w, S *= w, u && (w = Math.tan(u), w = Math.sqrt(1 + w * w), y *= w, T *= w)), y = V(y), T = V(T), P = V(P), S = V(S)) : (y = f, S = d, T = P = 0), (v && !~(s + "").indexOf("px") || x && !~(a + "").indexOf("px")) && (v = Kt(_, "x", s, "px"), x = Kt(_, "y", a, "px")), (p || c || g || m) && (v = V(v + p - (p * y + c * P) + g), x = V(x + c - (p * T + c * S) + m)), (r || n) && (w = _.getBBox(), v = V(v + r / 100 * w.width), x = V(x + n / 100 * w.height)), w = "matrix(" + y + "," + T + "," + P + "," + S + "," + v + "," + x + ")", _.setAttribute("transform", w), b && (_.style[
|
|
1921
|
+
l = parseFloat(l), h = parseFloat(h), u = parseFloat(u), u && (u = parseFloat(u), h += u, l += u), l || h ? (l *= pe, h *= pe, y = Math.cos(l) * f, T = Math.sin(l) * f, P = Math.sin(l - h) * -d, S = Math.cos(l - h) * d, h && (u *= pe, w = Math.tan(h - u), w = Math.sqrt(1 + w * w), P *= w, S *= w, u && (w = Math.tan(u), w = Math.sqrt(1 + w * w), y *= w, T *= w)), y = V(y), T = V(T), P = V(P), S = V(S)) : (y = f, S = d, T = P = 0), (v && !~(s + "").indexOf("px") || x && !~(a + "").indexOf("px")) && (v = Kt(_, "x", s, "px"), x = Kt(_, "y", a, "px")), (p || c || g || m) && (v = V(v + p - (p * y + c * P) + g), x = V(x + c - (p * T + c * S) + m)), (r || n) && (w = _.getBBox(), v = V(v + r / 100 * w.width), x = V(x + n / 100 * w.height)), w = "matrix(" + y + "," + T + "," + P + "," + S + "," + v + "," + x + ")", _.setAttribute("transform", w), b && (_.style[N] = w);
|
|
1922
1922
|
}, ho = function(t, e, i, r, n) {
|
|
1923
1923
|
var s = 360, a = X(n), l = parseFloat(n) * (a && ~n.indexOf("rad") ? te : 1), h = l - r, u = r + h + "deg", f, d;
|
|
1924
1924
|
return a && (f = n.split("_")[1], f === "short" && (h %= s, h !== h % (s / 2) && (h += h < 0 ? s : -s)), f === "cw" && h < 0 ? h = (h + s * ur) % s - ~~(h / s) * s : f === "ccw" && h > 0 && (h = (h - s * ur) % s - ~~(h / s) * s)), t._pt = d = new nt(t._pt, e, i, r, h, Xs), d.e = u, d.u = "deg", t._props.push(i), d;
|
|
@@ -1928,7 +1928,7 @@ var lr, Ut, _e, Gi, ee, hr, Ki, Us = function() {
|
|
|
1928
1928
|
return t;
|
|
1929
1929
|
}, uo = function(t, e, i) {
|
|
1930
1930
|
var r = br({}, i._gsap), n = "perspective,force3D,transformOrigin,svgOrigin", s = i.style, a, l, h, u, f, d, _, p;
|
|
1931
|
-
r.svg ? (h = i.getAttribute("transform"), i.setAttribute("transform", ""), s[
|
|
1931
|
+
r.svg ? (h = i.getAttribute("transform"), i.setAttribute("transform", ""), s[N] = e, a = Be(i, 1), ae(i, N), i.setAttribute("transform", h)) : (h = getComputedStyle(i)[N], s[N] = e, a = Be(i, 1), s[N] = h);
|
|
1932
1932
|
for (l in Et)
|
|
1933
1933
|
h = r[l], u = a[l], h !== u && n.indexOf(l) < 0 && (_ = K(h), p = K(u), f = _ !== p ? Kt(i, l, h, p) : parseFloat(h), d = parseFloat(u), t._pt = new nt(t._pt, a, l, f, d - f, Oi), t._pt.u = p || 0, t._props.push(l));
|
|
1934
1934
|
br(a, r);
|
|
@@ -1965,7 +1965,7 @@ var wn = {
|
|
|
1965
1965
|
h = (getComputedStyle(t).getPropertyValue(c) + "").trim(), u += "", Xt.lastIndex = 0, Xt.test(h) || (g = K(h), m = K(u)), m ? g !== m && (h = Kt(t, c, h, m) + m) : g && (u += g), this.add(a, "setProperty", h, u, r, n, 0, 0, c), s.push(c), S.push(c, 0, a[c]);
|
|
1966
1966
|
else if (_ !== "undefined") {
|
|
1967
1967
|
if (l && c in l ? (h = typeof l[c] == "function" ? l[c].call(i, r, t, n) : l[c], X(h) && ~h.indexOf("random(") && (h = Ie(h)), K(h + "") || h === "auto" || (h += dt.units[c] || K(Mt(t, c)) || ""), (h + "").charAt(1) === "=" && (h = Mt(t, c))) : h = Mt(t, c), d = parseFloat(h), b = _ === "string" && u.charAt(1) === "=" && u.substr(0, 2), b && (u = u.substr(2)), f = parseFloat(u), c in Ct && (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 = Ct[c], ~c.indexOf(",") && (c = c.split(",")[0]))), v = c in Et, v) {
|
|
1968
|
-
if (this.styles.save(c), _ === "string" && u.substring(0, 6) === "var(--" && (u = xt(t, u.substring(4, u.indexOf(")"))), f = parseFloat(u)), x || (y = t._gsap, y.renderTransform && !e.parseTransform ||
|
|
1968
|
+
if (this.styles.save(c), _ === "string" && u.substring(0, 6) === "var(--" && (u = xt(t, u.substring(4, u.indexOf(")"))), f = parseFloat(u)), x || (y = t._gsap, y.renderTransform && !e.parseTransform || Be(t, e.parseTransform), T = e.smoothOrigin !== !1 && y.smooth, x = this._pt = new nt(this._pt, a, N, 0, 1, y.renderTransform, y, 0, -1), x.dep = 1), c === "scale")
|
|
1969
1969
|
this._pt = new nt(this._pt, y, "scaleY", y.scaleY, (b ? de(y.scaleY, b + f) : f) - y.scaleY || 0, Oi), this._pt.u = 0, s.push("scaleY", c), c += "X";
|
|
1970
1970
|
else if (c === "transformOrigin") {
|
|
1971
1971
|
S.push(st, 0, a[st]), u = so(u), y.svg ? Ri(t, u, 0, T, 0, this) : (m = parseFloat(u.split(" ")[2]) || 0, m !== y.zOrigin && Ht(this, y, "zOrigin", y.zOrigin, m), Ht(this, a, c, si(h), si(u)));
|
|
@@ -2049,7 +2049,7 @@ ie.core.Tween;
|
|
|
2049
2049
|
*/
|
|
2050
2050
|
var co = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, fo = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, _o = Math.PI / 180, Ye = Math.sin, Xe = Math.cos, Re = Math.abs, Ae = Math.sqrt, po = function(t) {
|
|
2051
2051
|
return typeof t == "number";
|
|
2052
|
-
}, mr = 1e5,
|
|
2052
|
+
}, mr = 1e5, Nt = function(t) {
|
|
2053
2053
|
return Math.round(t * mr) / mr || 0;
|
|
2054
2054
|
};
|
|
2055
2055
|
function go(o, t, e, i, r, n, s) {
|
|
@@ -2114,8 +2114,8 @@ function vo(o) {
|
|
|
2114
2114
|
po(o[0]) && (o = [o]);
|
|
2115
2115
|
var t = "", e = o.length, i, r, n, s;
|
|
2116
2116
|
for (r = 0; r < e; r++) {
|
|
2117
|
-
for (s = o[r], t += "M" +
|
|
2118
|
-
t +=
|
|
2117
|
+
for (s = o[r], t += "M" + Nt(s[0]) + "," + Nt(s[1]) + " C", i = s.length, n = 2; n < i; n++)
|
|
2118
|
+
t += Nt(s[n++]) + "," + Nt(s[n++]) + " " + Nt(s[n++]) + "," + Nt(s[n++]) + " " + Nt(s[n++]) + "," + Nt(s[n]) + " ";
|
|
2119
2119
|
s.closed && (t += "z");
|
|
2120
2120
|
}
|
|
2121
2121
|
return t;
|
|
@@ -2237,7 +2237,7 @@ var j, Sn, Rt, kt, qt, An, ge, Ge, Cn = function() {
|
|
|
2237
2237
|
return typeof t == "string";
|
|
2238
2238
|
}, yr = function(t) {
|
|
2239
2239
|
return typeof t == "function";
|
|
2240
|
-
},
|
|
2240
|
+
}, Ne = function(t, e) {
|
|
2241
2241
|
var i = e === "x" ? "Width" : "Height", r = "scroll" + i, n = "client" + i;
|
|
2242
2242
|
return t === Rt || t === kt || t === qt ? Math.max(kt[r], qt[r]) - (Rt["inner" + i] || kt[n] || qt[n]) : t[r] - t["offset" + i];
|
|
2243
2243
|
}, We = function(t, e) {
|
|
@@ -2277,7 +2277,7 @@ var j, Sn, Rt, kt, qt, An, ge, Ge, Cn = function() {
|
|
|
2277
2277
|
};
|
|
2278
2278
|
return !r && e && (s.x += We(e, "x")(), s.y += We(e, "y")()), s;
|
|
2279
2279
|
}, xr = function(t, e, i, r, n) {
|
|
2280
|
-
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" ?
|
|
2280
|
+
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);
|
|
2281
2281
|
}, zi = function() {
|
|
2282
2282
|
j = kn(), Cn() && j && typeof document < "u" && document.body && (Rt = window, qt = document.body, kt = document.documentElement, An = j.utils.toArray, j.config({
|
|
2283
2283
|
autoKillThreshold: 7
|
|
@@ -2299,14 +2299,14 @@ var j, Sn, Rt, kt, qt, An, ge, Ge, Cn = function() {
|
|
|
2299
2299
|
render: function(t, e) {
|
|
2300
2300
|
for (var i = e._pt, r = e.target, n = e.tween, s = e.autoKill, a = e.xPrev, l = e.yPrev, h = e.isWin, u = e.snap, f = e.snapInline, d, _, p, c, g; i; )
|
|
2301
2301
|
i.r(t, i.d), i = i._next;
|
|
2302
|
-
d = h || !e.skipX ? e.getX() : a, _ = h || !e.skipY ? e.getY() : l, p = _ - l, c = d - a, g = ge.autoKillThreshold, e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), s && (!e.skipX && (c > g || c < -g) && d <
|
|
2302
|
+
d = h || !e.skipX ? e.getX() : a, _ = h || !e.skipY ? e.getY() : l, p = _ - l, c = d - a, g = ge.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 || []))), h ? Rt.scrollTo(e.skipX ? d : e.x, e.skipY ? _ : e.y) : (e.skipY || (r.scrollTop = e.y), e.skipX || (r.scrollLeft = e.x)), u && (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, Ge && Ge.update();
|
|
2303
2303
|
},
|
|
2304
2304
|
kill: function(t) {
|
|
2305
2305
|
var e = t === "scrollTo", i = this._props.indexOf(t);
|
|
2306
2306
|
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;
|
|
2307
2307
|
}
|
|
2308
2308
|
};
|
|
2309
|
-
Te.max =
|
|
2309
|
+
Te.max = Ne;
|
|
2310
2310
|
Te.getOffset = Dn;
|
|
2311
2311
|
Te.buildGetter = We;
|
|
2312
2312
|
Te.config = function(o) {
|
|
@@ -2321,7 +2321,7 @@ Ft.create("cubic", "0.65, 0, 0.35, 1");
|
|
|
2321
2321
|
Ft.create("expo", "0.87, 0, 0.13, 1");
|
|
2322
2322
|
Ft.create("quad", "0.45, 0, 0.55, 1");
|
|
2323
2323
|
Ft.create("linear", "0.42, 0, 0.58, 1");
|
|
2324
|
-
const Co = Vn`:host{--indicator-color:var(--cx-color-primary);--indicator-width:2px;--track-color:var(--cx-color-neutral-200);--track-width:1px;isolation:isolate;display:block}::slotted(cx-tab[data-hidden]){visibility:hidden!important;pointer-events:none!important}.tab-group{border-radius:0;display:flex}.tab-group__tabs{display:flex;position:relative}.tab-group--button .tab-group__tabs{background-color:var(--cx-color-neutral-100);padding:var(--cx-spacing-2x-small);border-radius:12px;flex:none}.tab-group--button .tab-group__indicator{--indicator-width:0}.tab-group__indicator{transition:var(--cx-transition-fast) translate ease, var(--cx-transition-fast) width ease;position:absolute}.tab-group--timeline .tab-group__indicator{display:none!important}.tab-group__dropdown{z-index:1;height:100%;display:flex;position:absolute;top:0}.tab-group__dropdown__trigger{--color:var(--tab-color,var(--cx-color-neutral-700));--background-color:var(--tab-background-color,transparent);--color-focus:var(--tab-active-color,var(--cx-color-primary));--background-color-focus:var(--tab-active-background-color,transparent);--cx-button-text-transform:none;max-width:var(--tab-dropdown-trigger-max-width,150px);flex:1;
|
|
2324
|
+
const Co = Vn`:host{--indicator-color:var(--cx-color-primary);--indicator-width:2px;--track-color:var(--cx-color-neutral-200);--track-width:1px;isolation:isolate;display:block}::slotted(cx-tab[data-hidden]){visibility:hidden!important;pointer-events:none!important}.tab-group{border-radius:0;display:flex}.tab-group__tabs{display:flex;position:relative}.tab-group--button .tab-group__tabs{background-color:var(--cx-color-neutral-100);padding:var(--cx-spacing-2x-small);border-radius:12px;flex:none}.tab-group--button .tab-group__indicator{--indicator-width:0}.tab-group__indicator{transition:var(--cx-transition-fast) translate ease, var(--cx-transition-fast) width ease;position:absolute}.tab-group--timeline .tab-group__indicator{display:none!important}.tab-group__dropdown{z-index:1;align-items:center;height:100%;display:flex;position:absolute;top:0}.tab-group__dropdown__trigger{--color:var(--tab-color,var(--cx-color-neutral-700));--background-color:var(--tab-background-color,transparent);--color-focus:var(--tab-active-color,var(--cx-color-primary));--background-color-focus:var(--tab-active-background-color,transparent);--font-size:var(--cx-font-size-small);--caret-font-size:var(--cx-font-size-medium);--cx-button-text-transform:none;max-width:var(--tab-dropdown-trigger-max-width,150px);flex:1;align-self:center}.tab-group__dropdown__trigger::part(base){height:auto;min-height:auto;line-height:var(--cx-line-height-x-small);padding:var(--tab-padding,var(--cx-spacing-x-small));border-width:0}.tab-group__dropdown__trigger--active{--color:var(--tab-active-color,var(--cx-color-neutral-600));--background-color:var(--tab-active-background-color,transparent)}.tab-group__dropdown__trigger--hidden{visibility:hidden;pointer-events:none}.tab-group__dropdown__menu{gap:var(--cx-spacing-3x-small);flex-direction:column;display:flex}.tab-group__dropdown__menu--reverse{flex-direction:column-reverse}.tab-group__dropdown__menu-item{--label-color:var(--tab-color,var(--cx-color-neutral-700));--cx-menu-item-background-color:var(--tab-background-color,transparent);--cx-menu-item-background-color-hover:var(--tab-background-color,var(--cx-color-neutral-100));--cx-menu-item-background-color-active:var(--tab-active-background-color,var(--cx-menu-item-background-color-hover));--cx-menu-item-background-color-active-hover:var(--tab-active-background-color,var(--cx-color-neutral-200))}.tab-group__dropdown__menu-item:hover:not(.tab-group__dropdown__menu-item--active){--label-color:var(--cx-color-neutral-800)}.tab-group__dropdown__menu-item--active{--label-color:var(--tab-active-color,var(--cx-color-neutral-600))}.tab-group__dropdown__menu-item::part(base){padding:var(--cx-spacing-3x-small) var(--cx-spacing-x-small);min-height:40px}.tab-group__dropdown__menu-item::part(checked-icon),.tab-group__dropdown__menu-item::part(submenu-icon){display:none}.tab-group__nav-container{padding:var(--tab-group-nav-padding,0);overflow:clip}.tab-group--has-scroll-controls .tab-group__nav-container{padding:0 var(--cx-spacing-x-large);position:relative}.tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,.tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden{visibility:hidden}.tab-group__body{display:block}:host([use-max-panel-height]) .tab-group__body{overflow:auto}:host([hide-panel-variant=absolute]) .tab-group__body{position:relative}:host([hide-panel-variant=absolute]) ::slotted(cx-tab-panel){width:100%;display:block;top:0;left:0;position:absolute!important}:host([hide-panel-variant=absolute]) ::slotted(cx-tab-panel:not([active])){visibility:hidden;opacity:0;pointer-events:none}.tab-group__scroll-button{width:var(--cx-spacing-x-large);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.tab-group__scroll-button--start{left:0}.tab-group__scroll-button--end{right:0}.tab-group--rtl .tab-group__scroll-button--start{left:auto;right:0}.tab-group--rtl .tab-group__scroll-button--end{left:0;right:auto}.tab-group__nav{justify-content:flex-start}.tab-group--top{gap:var(--tab-group-top-gap,var(--cx-spacing-small));flex-direction:column}.tab-group--top .tab-group__nav-container{border-bottom:solid var(--track-width) var(--track-color);order:1}.tab-group--top .tab-group__nav{scrollbar-width:none;display:flex;overflow-x:auto}.tab-group--top.tab-group--has-hidden-tabs .tab-group__nav{width:fit-content;overflow-x:hidden}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex-direction:row;position:relative}.tab-group--top.tab-group--rtl .tab-group__tabs{flex-direction:row-reverse}.tab-group--default.tab-group--top .tab-group__tabs{flex:auto}.tab-group--top .tab-group__indicator{border-bottom:solid var(--indicator-width) var(--indicator-color);bottom:0}.tab-group--top .tab-group__body{order:3}.tab-group--top ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,var(--cx-spacing-medium))}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{border-top:solid var(--track-width) var(--track-color);order:3}.tab-group--bottom .tab-group__nav{scrollbar-width:none;display:flex;overflow-x:auto}.tab-group--bottom.tab-group--has-hidden-tabs .tab-group__nav{width:fit-content;overflow-x:hidden}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex-direction:row;position:relative}.tab-group--bottom.tab-group--rtl .tab-group__tabs{flex-direction:row-reverse}.tab-group--default.tab-group--bottom .tab-group__tabs{flex:auto}.tab-group--bottom .tab-group__indicator{border-top:solid var(--indicator-width) var(--indicator-color);top:0}.tab-group--bottom .tab-group__body{order:1}.tab-group--bottom ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,var(--cx-spacing-medium) 0)}.tab-group--start{flex-direction:row}.tab-group--start .tab-group__nav-container{order:1}.tab-group--start .tab-group__tabs{flex-direction:column;flex:none}.tab-group--start .tab-group__indicator{right:calc(-1 * var(--indicator-width))}.tab-group--default.tab-group--start .tab-group__tabs{border-inline-end:solid var(--track-width) var(--track-color)}.tab-group--default.tab-group--start .tab-group__indicator{border-right:solid var(--indicator-width) var(--indicator-color)}.tab-group--start .tab-group__body{flex:auto;order:3}.tab-group--start ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,0 var(--cx-spacing-medium))}.tab-group--end{flex-direction:row}.tab-group--end .tab-group__nav-container{border-inline-start:solid var(--track-width) var(--track-color);order:3}.tab-group--end .tab-group__tabs{flex-direction:column;flex:none}.tab-group--end .tab-group__indicator{left:calc(-1 * var(--indicator-width))}.tab-group--default.tab-group--end .tab-group__indicator{border-inline-start:solid var(--indicator-width) var(--indicator-color)}.tab-group--end .tab-group__body{flex:auto;order:1}.tab-group--end ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,0 var(--cx-spacing-medium))}.tab-pagination{justify-content:center;gap:var(--cx-spacing-small);flex-wrap:wrap;order:2;display:flex}.tab-pagination__dot{cursor:pointer;border-radius:var(--cx-border-radius-circle);width:var(--cx-spacing-small);height:var(--cx-spacing-small);background:0 0;background-color:var(--cx-color-neutral-300);border:0;margin:0;padding:0;display:block}.tab-pagination__dot--active{background-color:var(--cx-color-neutral-500)}.timeline-line{--offset:var(--min-tab-width);--horizontal-padding:var(--cx-spacing-small);top:18px;left:calc(var(--offset) / 2 + var(--horizontal-padding));width:calc(100% - var(--offset) - 2 * var(--horizontal-padding));background-color:var(--cx-color-neutral-300);height:2px;display:block;position:absolute;transform:translateY(-50%)}`;
|
|
2325
2325
|
var ko = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, k = (o, t, e, i) => {
|
|
2326
2326
|
for (var r = i > 1 ? void 0 : i ? Oo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2327
2327
|
(s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
|
|
@@ -2329,7 +2329,7 @@ var ko = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, k = (o, t,
|
|
|
2329
2329
|
};
|
|
2330
2330
|
let A = class extends Fn {
|
|
2331
2331
|
constructor() {
|
|
2332
|
-
super(...arguments), this.localize = new
|
|
2332
|
+
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.clampedTabsPerPage = 0, this.placement = bi.Top, this.activation = wr.Auto, this.noScrollControls = !1, this.fixedScrollControls = !1, this.useMaxPanelHeight = !1, this.variant = ue.Default, this.overflowVariant = Tt.Scroll, this.hidePanelVariant = Wt.DisplayNone, this.tabAlignment = Ke.Start, this.dropdownLabel = "", this.tabsPerPage = 0, this.minTabWidth = 120, this.scrollOffset = 1;
|
|
2333
2333
|
}
|
|
2334
2334
|
connectedCallback() {
|
|
2335
2335
|
const o = Promise.all([
|
|
@@ -2359,7 +2359,7 @@ let A = class extends Fn {
|
|
|
2359
2359
|
});
|
|
2360
2360
|
}
|
|
2361
2361
|
disconnectedCallback() {
|
|
2362
|
-
super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.nav && this.resizeObserver?.unobserve(this.nav);
|
|
2362
|
+
super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.overflowObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.nav && this.resizeObserver?.unobserve(this.nav);
|
|
2363
2363
|
}
|
|
2364
2364
|
/**
|
|
2365
2365
|
* Navigate to the next tab
|
|
@@ -2535,7 +2535,7 @@ let A = class extends Fn {
|
|
|
2535
2535
|
for (const i of this.panels)
|
|
2536
2536
|
i.active = i.name === this.activeTab?.panel, this.hidePanelVariant === Wt.Absolute && (i.inert = i.name !== this.activeTab?.panel);
|
|
2537
2537
|
if (this.syncIndicator(), this.calculateTabPanelHeight(), !this.activeTab?.hasAttribute("data-hidden") && ["top", "bottom"].includes(this.placement)) {
|
|
2538
|
-
if (
|
|
2538
|
+
if (Nn(this.nav, this.activeTab, 10) || !t.paginate)
|
|
2539
2539
|
Zi(
|
|
2540
2540
|
this.activeTab,
|
|
2541
2541
|
this.nav,
|
|
@@ -2595,6 +2595,7 @@ let A = class extends Fn {
|
|
|
2595
2595
|
if (this.tabs = this.getAllTabs(), this.focusableTabs = this.tabs.filter((o) => !o.disabled), this.panels = this.getAllPanels(), this.syncIndicator(), this.updateComplete.then(() => {
|
|
2596
2596
|
this.updateScrollControls(), this.updatePagination(), this.variant === ue.Timeline && this.handleVariantChange(), this.hidePanelVariant === Wt.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight());
|
|
2597
2597
|
}), this.allowDropdownOverflow) {
|
|
2598
|
+
this.overflowObserver?.disconnect();
|
|
2598
2599
|
const o = new IntersectionObserver(
|
|
2599
2600
|
(t) => {
|
|
2600
2601
|
o.disconnect();
|
|
@@ -2605,18 +2606,21 @@ let A = class extends Fn {
|
|
|
2605
2606
|
for (const [l, h] of t.entries()) {
|
|
2606
2607
|
const u = h.target, f = n - this.dropdownOffset, d = u.getBoundingClientRect().width;
|
|
2607
2608
|
let _ = l === t.length - 1 ? f : f - s;
|
|
2608
|
-
if (l === 0 || l === 1)
|
|
2609
|
+
if (l === 0 || l === 1) {
|
|
2610
|
+
let c;
|
|
2609
2611
|
switch (a) {
|
|
2610
2612
|
case 1:
|
|
2611
|
-
|
|
2613
|
+
c = n;
|
|
2612
2614
|
break;
|
|
2613
2615
|
case 2:
|
|
2614
|
-
|
|
2616
|
+
c = n / 2;
|
|
2615
2617
|
break;
|
|
2616
2618
|
default:
|
|
2617
|
-
|
|
2619
|
+
c = (n - s) / 2;
|
|
2618
2620
|
break;
|
|
2619
2621
|
}
|
|
2622
|
+
_ = l === 1 ? c + Math.max(0, c - this.tabs[0].getBoundingClientRect().width) : c;
|
|
2623
|
+
}
|
|
2620
2624
|
let p = d > _;
|
|
2621
2625
|
if (l >= 2 && (p = p && _ > A.MIN_CLAMP_WIDTH), !this.shouldShowDropdown && p) {
|
|
2622
2626
|
u.style.setProperty("--tab-max-width", `${_}px`), u.removeAttribute("data-hidden"), this.dropdownOffset += _;
|
|
@@ -2631,11 +2635,14 @@ let A = class extends Fn {
|
|
|
2631
2635
|
threshold: 1
|
|
2632
2636
|
}
|
|
2633
2637
|
);
|
|
2638
|
+
this.overflowObserver = o;
|
|
2634
2639
|
for (const t of this.tabs)
|
|
2635
2640
|
o.observe(t);
|
|
2636
|
-
} else
|
|
2641
|
+
} else {
|
|
2642
|
+
this.overflowObserver?.disconnect(), this.overflowObserver = void 0;
|
|
2637
2643
|
for (const o of this.tabs)
|
|
2638
2644
|
o.removeAttribute("data-hidden");
|
|
2645
|
+
}
|
|
2639
2646
|
}
|
|
2640
2647
|
/**
|
|
2641
2648
|
* Calculate the highest tab height
|
|
@@ -2773,9 +2780,11 @@ let A = class extends Fn {
|
|
|
2773
2780
|
}
|
|
2774
2781
|
/** Guard for dropdown variant */
|
|
2775
2782
|
getDropdownStyle() {
|
|
2776
|
-
const o = this.localize.dir() === "rtl"
|
|
2783
|
+
const o = this.localize.dir() === "rtl", t = this.tabButtons ? getComputedStyle(this.tabButtons) : void 0, e = Number.parseFloat(
|
|
2784
|
+
(o ? t?.paddingRight : t?.paddingLeft) || "0"
|
|
2785
|
+
);
|
|
2777
2786
|
return Ue({
|
|
2778
|
-
[o ? "right" : "left"]: `${this.dropdownOffset}px`
|
|
2787
|
+
[o ? "right" : "left"]: `${this.dropdownOffset + e}px`
|
|
2779
2788
|
});
|
|
2780
2789
|
}
|
|
2781
2790
|
getDropdownPlacement() {
|
|
@@ -2810,14 +2819,14 @@ let A = class extends Fn {
|
|
|
2810
2819
|
}
|
|
2811
2820
|
renderPaginationDot(o) {
|
|
2812
2821
|
const t = o + 1;
|
|
2813
|
-
return $t`<button part="dot${this.activePaginationIndex === o ? " dot--active" : ""}" class=${
|
|
2822
|
+
return $t`<button part="dot${this.activePaginationIndex === o ? " dot--active" : ""}" class=${Bt({
|
|
2814
2823
|
"tab-pagination__dot": !0,
|
|
2815
2824
|
"tab-pagination__dot--active": o === this.activePaginationIndex
|
|
2816
2825
|
})} role="tab" type="button" aria-selected=${o === this.activePaginationIndex ? "true" : "false"} aria-label=${this.localize.term("slideNum", t)} tabindex="0" data-index=${o} @click=${this.handlePaginationDotClick} @keydown=${this.handlePaginationDotKeyDown}></button>`;
|
|
2817
2826
|
}
|
|
2818
2827
|
render() {
|
|
2819
2828
|
const o = this.localize.dir() === "rtl", t = this.allowDropdownOverflow && this.isActiveTabHidden, e = this.overflowVariant === Tt.Pagination && this.paginationCount > 1 && Number.isFinite(this.paginationCount);
|
|
2820
|
-
return $t`<div part="base" class=${
|
|
2829
|
+
return $t`<div part="base" class=${Bt({
|
|
2821
2830
|
"tab-group": !0,
|
|
2822
2831
|
"tab-group--bottom": this.placement === "bottom",
|
|
2823
2832
|
"tab-group--end": this.placement === "end",
|
|
@@ -2829,7 +2838,7 @@ let A = class extends Fn {
|
|
|
2829
2838
|
[`tab-group--${this.variant}`]: !0
|
|
2830
2839
|
})} @click=${this.handleClick} @keydown=${this.handleKeyDown}><cx-resize-observer @cx-resize=${this.handleNavContainerResize}><div class="tab-group__nav-container" part="nav">${Pe(
|
|
2831
2840
|
this.overflowVariant === Tt.Scroll && this.hasScrollControls,
|
|
2832
|
-
() => $t`<cx-icon-button part="scroll-button scroll-button--start" exportparts="base:scroll-button__base" class=${
|
|
2841
|
+
() => $t`<cx-icon-button part="scroll-button scroll-button--start" exportparts="base:scroll-button__base" class=${Bt({
|
|
2833
2842
|
"tab-group__scroll-button": !0,
|
|
2834
2843
|
"tab-group__scroll-button--start": !0,
|
|
2835
2844
|
"tab-group__scroll-button--start--hidden": this.shouldHideScrollStartButton
|
|
@@ -2845,7 +2854,7 @@ let A = class extends Fn {
|
|
|
2845
2854
|
"--width": `${this.tabWidth}px`
|
|
2846
2855
|
} : {})}></slot>${Pe(
|
|
2847
2856
|
this.allowDropdownOverflow,
|
|
2848
|
-
() => $t`<cx-dropdown class=${
|
|
2857
|
+
() => $t`<cx-dropdown class=${Bt({
|
|
2849
2858
|
"tab-group__dropdown": !0
|
|
2850
2859
|
})} style=${Ji(
|
|
2851
2860
|
[o, this.dropdownOffset],
|
|
@@ -2853,25 +2862,25 @@ let A = class extends Fn {
|
|
|
2853
2862
|
)} placement=${Ji(
|
|
2854
2863
|
[this.placement, o],
|
|
2855
2864
|
() => this.getDropdownPlacement()
|
|
2856
|
-
)} hoist ?disabled=${!this.shouldShowDropdown} ignored-keys="ArrowUp ArrowDown Home" @cx-after-show=${this.handleDropdownAfterShow}><cx-button slot="trigger" tabindex="-1" variant="custom" caret caret-direction=${this.caretDirection} class=${
|
|
2865
|
+
)} hoist ?disabled=${!this.shouldShowDropdown} ignored-keys="ArrowUp ArrowDown Home" @cx-after-show=${this.handleDropdownAfterShow}><cx-button slot="trigger" tabindex="-1" variant="custom" caret caret-direction=${this.caretDirection} class=${Bt({
|
|
2857
2866
|
"tab-group__dropdown__trigger": !0,
|
|
2858
2867
|
"tab-group__dropdown__trigger--active": t,
|
|
2859
2868
|
"tab-group__dropdown__trigger--hidden": !this.shouldShowDropdown
|
|
2860
|
-
})}>${this.dropdownLabel}</cx-button><cx-menu class=${
|
|
2869
|
+
})}>${this.dropdownLabel}</cx-button><cx-menu class=${Bt({
|
|
2861
2870
|
"tab-group__dropdown__menu": !0,
|
|
2862
2871
|
"tab-group__dropdown__menu--reverse": this.placement === "bottom"
|
|
2863
2872
|
})} ignored-keys="ArrowUp ArrowDown Home" bubble-keydown>${tr(
|
|
2864
2873
|
this.tabs.filter(
|
|
2865
2874
|
(i) => i.hasAttribute("data-hidden")
|
|
2866
2875
|
),
|
|
2867
|
-
(i) => $t`<cx-menu-item class=${
|
|
2876
|
+
(i) => $t`<cx-menu-item class=${Bt({
|
|
2868
2877
|
"tab-group__dropdown__menu-item": !0,
|
|
2869
2878
|
"tab-group__dropdown__menu-item--active": i.active
|
|
2870
2879
|
})} aria-active=${i.ariaSelected} aria-disabled=${i.ariaDisabled} ?active=${i.active} ?disabled=${i.disabled} data-panel=${i.panel}>${i.textContent}</cx-menu-item>`
|
|
2871
2880
|
)}</cx-menu></cx-dropdown>`
|
|
2872
2881
|
)}</cx-resize-observer></div></div>${Pe(
|
|
2873
2882
|
this.overflowVariant === Tt.Scroll && this.hasScrollControls,
|
|
2874
|
-
() => $t`<cx-icon-button part="scroll-button scroll-button--end" exportparts="base:scroll-button__base" class=${
|
|
2883
|
+
() => $t`<cx-icon-button part="scroll-button scroll-button--end" exportparts="base:scroll-button__base" class=${Bt({
|
|
2875
2884
|
"tab-group__scroll-button": !0,
|
|
2876
2885
|
"tab-group__scroll-button--end": !0,
|
|
2877
2886
|
"tab-group__scroll-button--end--hidden": this.shouldHideScrollEndButton
|