@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.27
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/assets/CustomReactSelect.B9f_KYFg.css +1 -0
- package/assets/InputPassword.BuVQ9dRy.css +1 -0
- package/assets/InputSearch.Dwtb3Mhw.css +1 -0
- package/assets/InputStepper.CBt99L83.css +1 -0
- package/assets/Select.CghDnBUQ.css +1 -0
- package/assets/Textarea.BgtH-TTe.css +1 -0
- package/assets/banner.D9EiZqqR.css +1 -0
- package/assets/input.DFwunFjw.css +1 -0
- package/assets/radio.BCB51D_y.css +1 -0
- package/assets/scroller.Hszs1Yq4.css +1 -0
- package/banner.CgQdUb_c.js +55 -0
- package/banner.d.ts +2 -0
- package/chipgroup.BWpqUzXF.js +209 -0
- package/chunks/{CustomReactSelect.DWdh3k_q.js → CustomReactSelect.BPnzhvw1.js} +52 -49
- package/chunks/Header.Djs1adPW.js +361 -0
- package/chunks/InputPassword.D42uUEGy.js +136 -0
- package/chunks/InputSearch.aIbUXVQU.js +174 -0
- package/chunks/InputStepper.DFEdUWm7.js +263 -0
- package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.js} +1 -1
- package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.c7YYJdUe.js} +1 -1
- package/chunks/{Select.D3IUIdPJ.js → Select.B_EHpk22.js} +22 -22
- package/chunks/{Slider.CPG4Btbq.js → Slider.DMSwmGwD.js} +1 -1
- package/chunks/{Tabs.C4qGWCcD.js → Tabs.Bl4K3Kjn.js} +1 -1
- package/chunks/{Textarea.D4vXRg_U.js → Textarea.Ce26v6ht.js} +53 -53
- package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
- package/{combobox.DIB07SNA.js → combobox.AaK6QjRl.js} +1 -1
- package/components/Banner/Banner.d.ts +32 -0
- package/components/Banner/Banner.utils.d.ts +2 -0
- package/components/Scroller/Scroller.d.ts +20 -0
- package/components/Scroller/Scroller.utils.d.ts +3 -0
- package/components/Tabs/TabList/TabList.d.ts +1 -1
- package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
- package/{customreactselect.BvuvCDyE.js → customreactselect.Bu1i8wkh.js} +1 -1
- package/{header.DLrTpc-W.js → header.WhQHSuB1.js} +1 -1
- package/index.d.ts +4 -0
- package/index.es.js +202 -195
- package/{input.D4OiEI8g.js → input.DhxUW3zc.js} +35 -35
- package/{inputpassword.CYfGcUE-.js → inputpassword.CaJBCMA0.js} +1 -1
- package/{inputsearch.CecX8gHD.js → inputsearch.B06DhYzo.js} +1 -1
- package/{inputstepper.CFgfHjM_.js → inputstepper.DNY7nzP8.js} +1 -1
- package/{navigationtabs.B86G8ODY.js → navigationtabs.DQ1kE-h4.js} +2 -2
- package/package.json +2 -2
- package/partials/index.js +104 -82
- package/partials/lib/partials.d.ts +1 -1
- package/radio.Be4pFOLf.js +134 -0
- package/{radiogroup.C2PkTHnF.js → radiogroup.BRjwP01C.js} +2 -2
- package/scroller.CCA6kFR6.js +123 -0
- package/scroller.d.ts +2 -0
- package/{select.CmGQdpsV.js → select.3zE96eWc.js} +1 -1
- package/{slider.DGmVtnxs.js → slider.CTCf7Xdm.js} +2 -2
- package/tablist.Dzwe0_J4.js +256 -0
- package/{tabs.Dby_2Hyz.js → tabs.yudjJk9d.js} +2 -2
- package/{textarea.yOTo23Pd.js → textarea.B_3fPtmd.js} +1 -1
- package/{topbar.qNB9efbF.js → topbar.2b8fjmA4.js} +1 -1
- package/utils/get-rect.d.ts +4 -0
- package/utils/get-rect.test.d.ts +1 -0
- package/utils/index.d.ts +2 -1
- package/utils/is-animation-disabled.d.ts +14 -0
- package/utils/is-animation-disabled.test.d.ts +1 -0
- package/assets/CustomReactSelect.B8l6al4B.css +0 -1
- package/assets/InputPassword.CkHF5zCh.css +0 -1
- package/assets/InputSearch.BV8Q2EUL.css +0 -1
- package/assets/InputStepper.DzzrAdma.css +0 -1
- package/assets/Select.e1fTfWmm.css +0 -1
- package/assets/Textarea.BGV7Z0Z9.css +0 -1
- package/assets/input.Cj4tF_F7.css +0 -1
- package/assets/radio.CqaNn1Gz.css +0 -1
- package/chipgroup.Bp_v9IQu.js +0 -186
- package/chunks/Header.CsrzyVil.js +0 -356
- package/chunks/InputPassword.BQU09DJh.js +0 -136
- package/chunks/InputSearch.CXL9ThpX.js +0 -174
- package/chunks/InputStepper.BhLQVAlo.js +0 -263
- package/radio.Dm9bDBzM.js +0 -134
- package/tablist.CcCURua8.js +0 -266
- package/utils/isAnimationDisabled.d.ts +0 -1
- /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as I, jsxs as ft } from "react/jsx-runtime";
|
|
3
|
-
import { d as Lt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as R } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Et, useState as xe, useRef as mt, useEffect as bt } from "react";
|
|
6
|
-
import { h as Rt } from "./has-window.ut_-aShB.js";
|
|
7
|
-
import { u as kt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
|
-
import { u as xt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
-
import { Asterisk as Ct } from "../asterisk.CR60hx8S.js";
|
|
10
|
-
import { D as yt } from "./Button.CC0qEsuR.js";
|
|
11
|
-
import { M as _t, a as ht } from "./Input.utils.Cnnzvuk4.js";
|
|
12
|
-
import { DSSystemFeedback as Ft } from "../systemfeedback.CLQCbTF6.js";
|
|
13
|
-
import { g as Ge } from "./helpers.BbWkXTr3.js";
|
|
14
|
-
import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_1m4pp_1", $t = "ds-input-stepper_input--invalid_1m4pp_113", Ht = "ds-input-stepper_input--small_1m4pp_120", Vt = "ds-input-stepper_input--has-affix_1m4pp_191", Tt = "ds-input-stepper_input--is-ready_1m4pp_205", qt = "ds-input-stepper_root_1m4pp_215", Wt = "ds-input-stepper_hint_1m4pp_224", Mt = "ds-input-stepper_label_1m4pp_224", Xt = "ds-input-stepper_wrapper_1m4pp_228", jt = "ds-input-stepper_affix_1m4pp_234", zt = "ds-input-stepper_affix--small_1m4pp_255", Gt = "ds-input-stepper_affix--disabled_1m4pp_268", Ot = "ds-input-stepper_prefix_1m4pp_276", Ut = "ds-input-stepper_affix--readonly_1m4pp_279", Jt = "ds-input-stepper_suffix_1m4pp_289", Kt = "ds-input-stepper_action-button_1m4pp_296", Qt = "ds-input-stepper_label--hidden_1m4pp_314", Yt = "ds-input-stepper_label--disabled_1m4pp_327", Zt = "ds-input-stepper_feedback_1m4pp_347", en = "ds-input-stepper_second-action-button_1m4pp_361", tn = "ds-input-stepper_value-announcer_1m4pp_365", t = {
|
|
15
|
-
input: Pt,
|
|
16
|
-
inputInvalid: $t,
|
|
17
|
-
inputSmall: Ht,
|
|
18
|
-
inputHasAffix: Vt,
|
|
19
|
-
inputIsReady: Tt,
|
|
20
|
-
root: qt,
|
|
21
|
-
hint: Wt,
|
|
22
|
-
label: Mt,
|
|
23
|
-
wrapper: Xt,
|
|
24
|
-
affix: jt,
|
|
25
|
-
affixSmall: zt,
|
|
26
|
-
affixDisabled: Gt,
|
|
27
|
-
prefix: Ot,
|
|
28
|
-
affixReadonly: Ut,
|
|
29
|
-
suffix: Jt,
|
|
30
|
-
actionButton: Kt,
|
|
31
|
-
labelHidden: Qt,
|
|
32
|
-
labelDisabled: Yt,
|
|
33
|
-
feedback: Zt,
|
|
34
|
-
secondActionButton: en,
|
|
35
|
-
valueAnnouncer: tn
|
|
36
|
-
}, nn = ({
|
|
37
|
-
id: k,
|
|
38
|
-
label: A,
|
|
39
|
-
prefix: e,
|
|
40
|
-
suffix: d
|
|
41
|
-
}) => {
|
|
42
|
-
if (!k)
|
|
43
|
-
throw new Error(Ge("DSInputStepper", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'));
|
|
44
|
-
if (!A)
|
|
45
|
-
throw new Error(Ge("DSInputStepper", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`));
|
|
46
|
-
e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), d && d.length > ht && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${ht} characters.`));
|
|
47
|
-
}, sn = Et((k, A) => {
|
|
48
|
-
const e = Lt.c(187);
|
|
49
|
-
let d, C, m, s, F, b, _, l, D, i, u, te, ne, se, le, ie, ae, oe, pe, re, ce, h;
|
|
50
|
-
e[0] !== k ? ({
|
|
51
|
-
id: s,
|
|
52
|
-
label: b,
|
|
53
|
-
announcementText: te,
|
|
54
|
-
className: d,
|
|
55
|
-
disabled: se,
|
|
56
|
-
decreaseAmountButtonProps: C,
|
|
57
|
-
hint: m,
|
|
58
|
-
hideLabel: le,
|
|
59
|
-
invalid: ie,
|
|
60
|
-
increaseAmountButtonProps: F,
|
|
61
|
-
prefix: l,
|
|
62
|
-
max: ae,
|
|
63
|
-
min: oe,
|
|
64
|
-
readonly: pe,
|
|
65
|
-
required: re,
|
|
66
|
-
size: ce,
|
|
67
|
-
step: ne,
|
|
68
|
-
suffix: i,
|
|
69
|
-
systemFeedback: u,
|
|
70
|
-
value: h,
|
|
71
|
-
onChange: _,
|
|
72
|
-
...D
|
|
73
|
-
} = k, e[0] = k, e[1] = d, e[2] = C, e[3] = m, e[4] = s, e[5] = F, e[6] = b, e[7] = _, e[8] = l, e[9] = D, e[10] = i, e[11] = u, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ie, e[17] = ae, e[18] = oe, e[19] = pe, e[20] = re, e[21] = ce, e[22] = h) : (d = e[1], C = e[2], m = e[3], s = e[4], F = e[5], b = e[6], _ = e[7], l = e[8], D = e[9], i = e[10], u = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ie = e[16], ae = e[17], oe = e[18], pe = e[19], re = e[20], ce = e[21], h = e[22]);
|
|
74
|
-
const ue = te === void 0 ? "Value changed to" : te, r = se === void 0 ? !1 : se, St = le === void 0 ? !1 : le, o = ie === void 0 ? !1 : ie, P = ae === void 0 ? 100 : ae, $ = oe === void 0 ? 0 : oe, v = pe === void 0 ? !1 : pe, g = re === void 0 ? !1 : re, n = ce === void 0 ? "medium" : ce, de = ne === void 0 ? 1 : ne;
|
|
75
|
-
process.env.NODE_ENV !== "production" && nn({
|
|
76
|
-
id: s,
|
|
77
|
-
label: b,
|
|
78
|
-
prefix: l,
|
|
79
|
-
suffix: i
|
|
80
|
-
});
|
|
81
|
-
let H;
|
|
82
|
-
e[23] !== C ? (H = C || {}, e[23] = C, e[24] = H) : H = e[24];
|
|
83
|
-
let V, fe;
|
|
84
|
-
e[25] !== H ? ({
|
|
85
|
-
label: fe,
|
|
86
|
-
...V
|
|
87
|
-
} = H, e[25] = H, e[26] = V, e[27] = fe) : (V = e[26], fe = e[27]);
|
|
88
|
-
const Oe = fe === void 0 ? "Decrease" : fe;
|
|
89
|
-
let T;
|
|
90
|
-
e[28] !== F ? (T = F || {}, e[28] = F, e[29] = T) : T = e[29];
|
|
91
|
-
let q, me;
|
|
92
|
-
e[30] !== T ? ({
|
|
93
|
-
label: me,
|
|
94
|
-
...q
|
|
95
|
-
} = T, e[30] = T, e[31] = q, e[32] = me) : (q = e[31], me = e[32]);
|
|
96
|
-
const Ue = me === void 0 ? "Increase" : me, [be, It] = xe(!1), [x, Je] = xe(h), [y, vt] = xe(""), [Ke, At] = xe(!1);
|
|
97
|
-
let ye;
|
|
98
|
-
e[33] === Symbol.for("react.memo_cache_sentinel") ? (ye = {}, e[33] = ye) : ye = e[33];
|
|
99
|
-
const [_e, Dt] = xe(ye), S = mt(null);
|
|
100
|
-
let Se;
|
|
101
|
-
e[34] !== A ? (Se = (a) => {
|
|
102
|
-
S.current = a, typeof A == "function" ? A(a) : A && (A.current = a);
|
|
103
|
-
}, e[34] = A, e[35] = Se) : Se = e[35];
|
|
104
|
-
const he = Se;
|
|
105
|
-
let Ie;
|
|
106
|
-
e[36] !== l ? (Ie = l == null ? void 0 : l.substring(0, _t), e[36] = l, e[37] = Ie) : Ie = e[37];
|
|
107
|
-
const Qe = Ie, Ye = mt(null);
|
|
108
|
-
let Ae;
|
|
109
|
-
e[38] !== i ? (Ae = i == null ? void 0 : i.substring(0, ht), e[38] = i, e[39] = Ae) : Ae = e[39];
|
|
110
|
-
const Ze = Ae, et = mt(null), ve = kt(St);
|
|
111
|
-
let De, ge;
|
|
112
|
-
e[40] !== h ? (De = () => {
|
|
113
|
-
h && Je(h);
|
|
114
|
-
}, ge = [h], e[40] = h, e[41] = De, e[42] = ge) : (De = e[41], ge = e[42]), bt(De, ge);
|
|
115
|
-
let Ne, Be;
|
|
116
|
-
e[43] !== y ? (Ne = () => {
|
|
117
|
-
if (y) {
|
|
118
|
-
const a = setTimeout(() => {
|
|
119
|
-
vt("");
|
|
120
|
-
}, 3e3);
|
|
121
|
-
return () => clearTimeout(a);
|
|
122
|
-
}
|
|
123
|
-
}, Be = [y], e[43] = y, e[44] = Ne, e[45] = Be) : (Ne = e[44], Be = e[45]), bt(Ne, Be);
|
|
124
|
-
let we, Le;
|
|
125
|
-
e[46] === Symbol.for("react.memo_cache_sentinel") ? (we = () => {
|
|
126
|
-
var f;
|
|
127
|
-
const a = ln;
|
|
128
|
-
return (f = S.current) == null || f.addEventListener("wheel", a, {
|
|
129
|
-
passive: !1
|
|
130
|
-
}), () => {
|
|
131
|
-
var c;
|
|
132
|
-
(c = S.current) == null || c.removeEventListener("wheel", a);
|
|
133
|
-
};
|
|
134
|
-
}, Le = [], e[46] = we, e[47] = Le) : (we = e[46], Le = e[47]), bt(we, Le);
|
|
135
|
-
let Ee;
|
|
136
|
-
e[48] !== n ? (Ee = () => {
|
|
137
|
-
const a = n === "medium" ? 16 : 8, f = {};
|
|
138
|
-
if (Ye.current) {
|
|
139
|
-
const c = Ye.current.offsetWidth;
|
|
140
|
-
f.paddingInlineStart = a + c + "px";
|
|
141
|
-
}
|
|
142
|
-
if (et.current) {
|
|
143
|
-
const c = et.current.offsetWidth;
|
|
144
|
-
f.paddingInlineEnd = a + c + "px";
|
|
145
|
-
}
|
|
146
|
-
Dt(f), It(!0);
|
|
147
|
-
}, e[48] = n, e[49] = Ee) : Ee = e[49];
|
|
148
|
-
let Re;
|
|
149
|
-
e[50] !== Ke || e[51] !== l || e[52] !== n || e[53] !== i ? (Re = [l, i, n, Ke], e[50] = Ke, e[51] = l, e[52] = n, e[53] = i, e[54] = Re) : Re = e[54], xt(Ee, Re);
|
|
150
|
-
let ke, Ce;
|
|
151
|
-
e[55] === Symbol.for("react.memo_cache_sentinel") ? (ke = () => {
|
|
152
|
-
Rt && (async () => {
|
|
153
|
-
"fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), At(!0));
|
|
154
|
-
})();
|
|
155
|
-
}, Ce = [], e[55] = ke, e[56] = Ce) : (ke = e[55], Ce = e[56]), xt(ke, Ce);
|
|
156
|
-
const tt = n === "small";
|
|
157
|
-
let W, M, X, j, z, G, N, O, U, B, w, L, E;
|
|
158
|
-
if (e[57] !== ue || e[58] !== d || e[59] !== r || e[60] !== Qe || e[61] !== Ze || e[62] !== he || e[63] !== ve || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== x || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== P || e[72] !== $ || e[73] !== _ || e[74] !== l || e[75] !== v || e[76] !== g || e[77] !== D || e[78] !== n || e[79] !== de || e[80] !== i || e[81] !== u || e[82] !== tt || e[83] !== y) {
|
|
159
|
-
const a = R(t.affix, {
|
|
160
|
-
[t.affixSmall]: tt,
|
|
161
|
-
[t.affixDisabled]: r,
|
|
162
|
-
[t.affixReadonly]: v
|
|
163
|
-
}), f = `${s}-label`, c = `${s}-feedback`, Pe = `${s}-hint`, Y = `${s}-value-announcer`, gt = m ? ` ${Pe}` : "";
|
|
164
|
-
let $e;
|
|
165
|
-
e[97] !== d ? ($e = R(t.root, d), e[97] = d, e[98] = $e) : $e = e[98];
|
|
166
|
-
const Nt = $e, lt = n === "small", it = l || i;
|
|
167
|
-
let He;
|
|
168
|
-
e[99] !== o || e[100] !== be || e[101] !== lt || e[102] !== it ? (He = R(t.input, {
|
|
169
|
-
[t.inputSmall]: lt,
|
|
170
|
-
[t.inputInvalid]: o,
|
|
171
|
-
[t.inputHasAffix]: it,
|
|
172
|
-
[t.inputIsReady]: be
|
|
173
|
-
}), e[99] = o, e[100] = be, e[101] = lt, e[102] = it, e[103] = He) : He = e[103];
|
|
174
|
-
const at = He;
|
|
175
|
-
let Ve;
|
|
176
|
-
e[104] !== r || e[105] !== ve ? (Ve = R(t.label, {
|
|
177
|
-
[t.labelHidden]: ve,
|
|
178
|
-
[t.labelDisabled]: r
|
|
179
|
-
}), e[104] = r, e[105] = ve, e[106] = Ve) : Ve = e[106];
|
|
180
|
-
const ot = Ve, pt = n === "small";
|
|
181
|
-
let Te;
|
|
182
|
-
e[107] !== pt ? (Te = R(t.secondActionButton, {
|
|
183
|
-
[t.secondActionButtonSmall]: pt
|
|
184
|
-
}), e[107] = pt, e[108] = Te) : Te = e[108], W = Te;
|
|
185
|
-
const rt = n === "small";
|
|
186
|
-
let qe;
|
|
187
|
-
e[109] !== rt ? (qe = R(t.actionButton, {
|
|
188
|
-
[t.actionButtonSmall]: rt
|
|
189
|
-
}), e[109] = rt, e[110] = qe) : qe = e[110], j = qe;
|
|
190
|
-
let We;
|
|
191
|
-
e[111] !== o || e[112] !== u || e[113] !== c || e[114] !== Y ? (We = () => {
|
|
192
|
-
const p = [Y];
|
|
193
|
-
return o && u && p.push(c), p.join(" ");
|
|
194
|
-
}, e[111] = o, e[112] = u, e[113] = c, e[114] = Y, e[115] = We) : We = e[115];
|
|
195
|
-
const Bt = We;
|
|
196
|
-
let Me;
|
|
197
|
-
e[116] !== ue ? (Me = () => {
|
|
198
|
-
var p;
|
|
199
|
-
if (S.current) {
|
|
200
|
-
Je(S.current.value);
|
|
201
|
-
const wt = new Event("change", {
|
|
202
|
-
bubbles: !0
|
|
203
|
-
});
|
|
204
|
-
(p = S.current) == null || p.dispatchEvent(wt), vt(`${ue} ${S.current.value}`);
|
|
205
|
-
}
|
|
206
|
-
}, e[116] = ue, e[117] = Me) : Me = e[117];
|
|
207
|
-
const Z = Me;
|
|
208
|
-
let Xe;
|
|
209
|
-
e[118] !== Z ? (Xe = () => {
|
|
210
|
-
var p;
|
|
211
|
-
(p = S.current) == null || p.stepDown(), Z();
|
|
212
|
-
}, e[118] = Z, e[119] = Xe) : Xe = e[119], M = Xe;
|
|
213
|
-
let je;
|
|
214
|
-
e[120] !== Z ? (je = () => {
|
|
215
|
-
var p;
|
|
216
|
-
(p = S.current) == null || p.stepUp(), Z();
|
|
217
|
-
}, e[120] = Z, e[121] = je) : je = e[121], X = je;
|
|
218
|
-
let ze;
|
|
219
|
-
e[122] !== _ ? (ze = (p) => {
|
|
220
|
-
Je(p.target.value), _ && _(p);
|
|
221
|
-
}, e[122] = _, e[123] = ze) : ze = e[123];
|
|
222
|
-
const ct = ze;
|
|
223
|
-
U = Nt;
|
|
224
|
-
let ee;
|
|
225
|
-
e[124] !== g ? (ee = g && /* @__PURE__ */ I(Ct, {}), e[124] = g, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (B = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
|
|
226
|
-
b,
|
|
227
|
-
ee
|
|
228
|
-
] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = B) : B = e[131], e[132] !== m || e[133] !== Pe ? (w = m && /* @__PURE__ */ I("div", { className: t.hint, id: Pe, children: m }), e[132] = m, e[133] = Pe, e[134] = w) : w = e[134], e[135] !== y || e[136] !== Y ? (L = /* @__PURE__ */ I("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: y }), e[135] = y, e[136] = Y, e[137] = L) : L = e[137], e[138] !== o || e[139] !== u || e[140] !== c ? (E = o && u && /* @__PURE__ */ I(Ft, { className: t.feedback, message: u, type: "invalid", id: c }), e[138] = o, e[139] = u, e[140] = c, e[141] = E) : E = e[141], z = t.wrapper, G = l && /* @__PURE__ */ I("span", { className: R(a, t.prefix), ref: Ye, "aria-disabled": r, children: Qe });
|
|
229
|
-
const ut = `${f}${gt}`, dt = Bt();
|
|
230
|
-
e[142] !== r || e[143] !== he || e[144] !== ct || e[145] !== s || e[146] !== at || e[147] !== _e || e[148] !== x || e[149] !== o || e[150] !== P || e[151] !== $ || e[152] !== v || e[153] !== g || e[154] !== D || e[155] !== de || e[156] !== ut || e[157] !== dt ? (N = /* @__PURE__ */ I("input", { className: at, id: s, ...D, style: _e, ref: he, "aria-labelledby": ut, "aria-describedby": dt, "aria-invalid": o, "aria-disabled": v, disabled: r, min: $, max: P, readOnly: v, required: g, step: de, type: "number", value: x, onChange: ct }), e[142] = r, e[143] = he, e[144] = ct, e[145] = s, e[146] = at, e[147] = _e, e[148] = x, e[149] = o, e[150] = P, e[151] = $, e[152] = v, e[153] = g, e[154] = D, e[155] = de, e[156] = ut, e[157] = dt, e[158] = N) : N = e[158], O = i && /* @__PURE__ */ I("span", { className: R(a, t.suffix), ref: et, "aria-disabled": r, children: Ze }), e[57] = ue, e[58] = d, e[59] = r, e[60] = Qe, e[61] = Ze, e[62] = he, e[63] = ve, e[64] = m, e[65] = s, e[66] = _e, e[67] = x, e[68] = o, e[69] = be, e[70] = b, e[71] = P, e[72] = $, e[73] = _, e[74] = l, e[75] = v, e[76] = g, e[77] = D, e[78] = n, e[79] = de, e[80] = i, e[81] = u, e[82] = tt, e[83] = y, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = N, e[91] = O, e[92] = U, e[93] = B, e[94] = w, e[95] = L, e[96] = E;
|
|
231
|
-
} else
|
|
232
|
-
W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], N = e[90], O = e[91], U = e[92], B = e[93], w = e[94], L = e[95], E = e[96];
|
|
233
|
-
const nt = r || v || !!x && Number(x) <= Number($);
|
|
234
|
-
let J;
|
|
235
|
-
e[159] !== W || e[160] !== Oe || e[161] !== M || e[162] !== V || e[163] !== n || e[164] !== nt ? (J = /* @__PURE__ */ I(yt, { ...V, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: W, size: n, onClick: M, disabled: nt, type: "button", children: Oe }), e[159] = W, e[160] = Oe, e[161] = M, e[162] = V, e[163] = n, e[164] = nt, e[165] = J) : J = e[165];
|
|
236
|
-
const st = r || v || !!x && Number(x) >= Number(P);
|
|
237
|
-
let K;
|
|
238
|
-
e[166] !== X || e[167] !== Ue || e[168] !== j || e[169] !== q || e[170] !== n || e[171] !== st ? (K = /* @__PURE__ */ I(yt, { ...q, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", className: j, size: n, onClick: X, disabled: st, type: "button", children: Ue }), e[166] = X, e[167] = Ue, e[168] = j, e[169] = q, e[170] = n, e[171] = st, e[172] = K) : K = e[172];
|
|
239
|
-
let Q;
|
|
240
|
-
e[173] !== z || e[174] !== G || e[175] !== N || e[176] !== O || e[177] !== J || e[178] !== K ? (Q = /* @__PURE__ */ ft("div", { className: z, children: [
|
|
241
|
-
G,
|
|
242
|
-
N,
|
|
243
|
-
O,
|
|
244
|
-
J,
|
|
245
|
-
K
|
|
246
|
-
] }), e[173] = z, e[174] = G, e[175] = N, e[176] = O, e[177] = J, e[178] = K, e[179] = Q) : Q = e[179];
|
|
247
|
-
let Fe;
|
|
248
|
-
return e[180] !== U || e[181] !== B || e[182] !== w || e[183] !== L || e[184] !== E || e[185] !== Q ? (Fe = /* @__PURE__ */ ft("div", { className: U, children: [
|
|
249
|
-
B,
|
|
250
|
-
w,
|
|
251
|
-
L,
|
|
252
|
-
E,
|
|
253
|
-
Q
|
|
254
|
-
] }), e[180] = U, e[181] = B, e[182] = w, e[183] = L, e[184] = E, e[185] = Q, e[186] = Fe) : Fe = e[186], Fe;
|
|
255
|
-
});
|
|
256
|
-
sn.displayName = "DSInputStepper";
|
|
257
|
-
function ln(k) {
|
|
258
|
-
k.preventDefault();
|
|
259
|
-
}
|
|
260
|
-
export {
|
|
261
|
-
sn as D,
|
|
262
|
-
nn as v
|
|
263
|
-
};
|
package/radio.Dm9bDBzM.js
DELETED
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as W, jsxs as ce } from "react/jsx-runtime";
|
|
3
|
-
import { d as pe } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import { c as L } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as xe, useRef as he, useState as Ce, useEffect as ye } from "react";
|
|
6
|
-
import { u as ze } from "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import './assets/radio.CqaNn1Gz.css';const be = (B) => B.replace(/\s+/g, ""), ke = "ds-radio_root_zsxsb_1", He = "ds-radio_root--disabled_zsxsb_24", ge = "ds-radio_root--with-custom-area_zsxsb_27", Ne = "ds-radio_root--with-custom-area--above_zsxsb_30", We = "ds-radio_radio_zsxsb_36", Be = "ds-radio_dot_zsxsb_54", De = "ds-radio_radio--invalid_zsxsb_78", Se = "ds-radio_label_zsxsb_83", Ue = "ds-radio_label--bold_zsxsb_100", Ie = "ds-radio_label--hidden_zsxsb_111", Ve = "ds-radio_label--with-custom-area_zsxsb_123", $e = "ds-radio_custom-area_zsxsb_127", we = "ds-radio_custom-area--above_zsxsb_135", je = "ds-radio_hint_zsxsb_141", Le = "ds-radio_hint--visible_zsxsb_165", Ee = "ds-radio_hint--unchecked-hidden_zsxsb_169", Oe = "ds-radio_hint--hidden_zsxsb_173", Pe = "ds-radio_input_zsxsb_186", t = {
|
|
8
|
-
root: ke,
|
|
9
|
-
rootDisabled: He,
|
|
10
|
-
rootWithCustomArea: ge,
|
|
11
|
-
rootWithCustomAreaAbove: Ne,
|
|
12
|
-
radio: We,
|
|
13
|
-
dot: Be,
|
|
14
|
-
radioInvalid: De,
|
|
15
|
-
label: Se,
|
|
16
|
-
labelBold: Ue,
|
|
17
|
-
labelHidden: Ie,
|
|
18
|
-
labelWithCustomArea: Ve,
|
|
19
|
-
customArea: $e,
|
|
20
|
-
customAreaAbove: we,
|
|
21
|
-
hint: je,
|
|
22
|
-
hintVisible: Le,
|
|
23
|
-
hintUncheckedHidden: Ee,
|
|
24
|
-
hintHidden: Oe,
|
|
25
|
-
input: Pe
|
|
26
|
-
}, Re = xe((B, f) => {
|
|
27
|
-
const e = pe.c(87);
|
|
28
|
-
let D, m, s, r, i, n, c, h, v, S, U, I, V, $, w, j, b;
|
|
29
|
-
e[0] !== B ? ({
|
|
30
|
-
label: n,
|
|
31
|
-
name: c,
|
|
32
|
-
value: b,
|
|
33
|
-
checked: D,
|
|
34
|
-
className: m,
|
|
35
|
-
customArea: s,
|
|
36
|
-
isCustomAreaAbove: S,
|
|
37
|
-
defaultChecked: U,
|
|
38
|
-
disabled: I,
|
|
39
|
-
fieldsetId: r,
|
|
40
|
-
hideLabel: V,
|
|
41
|
-
hint: i,
|
|
42
|
-
invalid: $,
|
|
43
|
-
isBold: w,
|
|
44
|
-
hideUncheckedHint: j,
|
|
45
|
-
onChange: h,
|
|
46
|
-
...v
|
|
47
|
-
} = B, e[0] = B, e[1] = D, e[2] = m, e[3] = s, e[4] = r, e[5] = i, e[6] = n, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = w, e[16] = j, e[17] = b) : (D = e[1], m = e[2], s = e[3], r = e[4], i = e[5], n = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], w = e[15], j = e[16], b = e[17]);
|
|
48
|
-
const u = S === void 0 ? !1 : S, ue = U === void 0 ? !1 : U, d = I === void 0 ? !1 : I, _e = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = w === void 0 ? !1 : w, l = j === void 0 ? !1 : j, fe = he(null), a = he(null), [me, ve] = Ce(ue), E = D !== void 0, o = E ? D : me;
|
|
49
|
-
let O;
|
|
50
|
-
e[18] !== o || e[19] !== l ? (O = () => {
|
|
51
|
-
a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && o ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : o || (a.current.style.opacity = "0", a.current.style.height = "0px"));
|
|
52
|
-
}, e[18] = o, e[19] = l, e[20] = O) : O = e[20];
|
|
53
|
-
let P;
|
|
54
|
-
e[21] !== o ? (P = [a, o], e[21] = o, e[22] = P) : P = e[22], ye(O, P);
|
|
55
|
-
const p = ze(_e), Z = !!s, ee = !!s && u;
|
|
56
|
-
let R;
|
|
57
|
-
e[23] !== m || e[24] !== d || e[25] !== Z || e[26] !== ee ? (R = L(t.root, {
|
|
58
|
-
[t.rootDisabled]: d,
|
|
59
|
-
[t.rootWithCustomArea]: Z,
|
|
60
|
-
[t.rootWithCustomAreaAbove]: ee
|
|
61
|
-
}, m), e[23] = m, e[24] = d, e[25] = Z, e[26] = ee, e[27] = R) : R = e[27];
|
|
62
|
-
const te = R, se = !!s;
|
|
63
|
-
let q;
|
|
64
|
-
e[28] !== p || e[29] !== Y || e[30] !== se ? (q = L(t.label, {
|
|
65
|
-
[t.labelBold]: Y,
|
|
66
|
-
[t.labelHidden]: p,
|
|
67
|
-
[t.labelWithCustomArea]: se
|
|
68
|
-
}), e[28] = p, e[29] = Y, e[30] = se, e[31] = q) : q = e[31];
|
|
69
|
-
const oe = q;
|
|
70
|
-
let F;
|
|
71
|
-
e[32] !== o || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && o), e[32] = o, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
|
|
72
|
-
const ie = F;
|
|
73
|
-
let G;
|
|
74
|
-
e[36] !== p || e[37] !== l || e[38] !== ie ? (G = L(t.hint, {
|
|
75
|
-
[t.hintHidden]: p,
|
|
76
|
-
[t.hintUncheckedHidden]: l,
|
|
77
|
-
[t.hintVisible]: ie()
|
|
78
|
-
}), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
|
|
79
|
-
const le = G;
|
|
80
|
-
let J;
|
|
81
|
-
e[40] !== A ? (J = L(t.radio, {
|
|
82
|
-
[t.radioInvalid]: A
|
|
83
|
-
}), e[40] = A, e[41] = J) : J = e[41];
|
|
84
|
-
const ae = J;
|
|
85
|
-
let K;
|
|
86
|
-
e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = L(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
|
|
87
|
-
const Ae = K;
|
|
88
|
-
let M;
|
|
89
|
-
e[43] !== d || e[44] !== E || e[45] !== h ? (M = (_) => {
|
|
90
|
-
if (d) {
|
|
91
|
-
_.preventDefault();
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
E || ve(_.target.checked), h && h(_);
|
|
95
|
-
}, e[43] = d, e[44] = E, e[45] = h, e[46] = M) : M = e[46];
|
|
96
|
-
const de = M, x = i ? `${be(c)}-${be(b)}-description` : void 0;
|
|
97
|
-
let Q;
|
|
98
|
-
e[47] !== x || e[48] !== r || e[49] !== A ? (Q = [A && r && `${r}-feedback`, x].filter(Boolean).join(" ") || void 0, e[47] = x, e[48] = r, e[49] = A, e[50] = Q) : Q = e[50];
|
|
99
|
-
const ne = Q;
|
|
100
|
-
let C;
|
|
101
|
-
e[51] !== f ? (C = (_) => {
|
|
102
|
-
typeof f == "function" ? f(_) : f !== null && (f.current = _), fe.current = _;
|
|
103
|
-
}, e[51] = f, e[52] = C) : C = e[52];
|
|
104
|
-
const re = typeof n == "string" ? n : void 0;
|
|
105
|
-
let y;
|
|
106
|
-
e[53] !== ne || e[54] !== o || e[55] !== d || e[56] !== de || e[57] !== c || e[58] !== v || e[59] !== C || e[60] !== re || e[61] !== b ? (y = /* @__PURE__ */ W("input", { type: "radio", value: b, name: c, className: t.input, ref: C, onChange: de, ...v, disabled: d, checked: o, "aria-label": re, "aria-describedby": ne }), e[53] = ne, e[54] = o, e[55] = d, e[56] = de, e[57] = c, e[58] = v, e[59] = C, e[60] = re, e[61] = b, e[62] = y) : y = e[62];
|
|
107
|
-
let T;
|
|
108
|
-
e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ W("div", { className: t.dot }), e[63] = T) : T = e[63];
|
|
109
|
-
let z;
|
|
110
|
-
e[64] !== ae ? (z = /* @__PURE__ */ W("span", { className: ae, children: T }), e[64] = ae, e[65] = z) : z = e[65];
|
|
111
|
-
let k;
|
|
112
|
-
e[66] !== s || e[67] !== u ? (k = s && u && /* @__PURE__ */ W("div", { className: Ae, children: s }), e[66] = s, e[67] = u, e[68] = k) : k = e[68];
|
|
113
|
-
let H;
|
|
114
|
-
e[69] !== s || e[70] !== u ? (H = s && !u && /* @__PURE__ */ W("div", { className: t.customArea, children: s }), e[69] = s, e[70] = u, e[71] = H) : H = e[71];
|
|
115
|
-
let g;
|
|
116
|
-
e[72] !== x || e[73] !== i || e[74] !== le ? (g = /* @__PURE__ */ W("span", { id: x, className: le, ref: a, children: i }), e[72] = x, e[73] = i, e[74] = le, e[75] = g) : g = e[75];
|
|
117
|
-
let N;
|
|
118
|
-
e[76] !== n || e[77] !== oe || e[78] !== H || e[79] !== g ? (N = /* @__PURE__ */ ce("span", { className: oe, children: [
|
|
119
|
-
n,
|
|
120
|
-
H,
|
|
121
|
-
g
|
|
122
|
-
] }), e[76] = n, e[77] = oe, e[78] = H, e[79] = g, e[80] = N) : N = e[80];
|
|
123
|
-
let X;
|
|
124
|
-
return e[81] !== te || e[82] !== y || e[83] !== z || e[84] !== k || e[85] !== N ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
|
|
125
|
-
y,
|
|
126
|
-
z,
|
|
127
|
-
k,
|
|
128
|
-
N
|
|
129
|
-
] }), e[81] = te, e[82] = y, e[83] = z, e[84] = k, e[85] = N, e[86] = X) : X = e[86], X;
|
|
130
|
-
});
|
|
131
|
-
Re.displayName = "DSRadio";
|
|
132
|
-
export {
|
|
133
|
-
Re as DSRadio
|
|
134
|
-
};
|
package/tablist.CcCURua8.js
DELETED
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as g, jsxs as me } from "react/jsx-runtime";
|
|
3
|
-
import { d as ke } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import { c as re } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { useState as he, useRef as P, useEffect as xe } from "react";
|
|
6
|
-
import { h as ge } from "./chunks/has-window.ut_-aShB.js";
|
|
7
|
-
import { g as Ee } from "./chunks/helpers.BbWkXTr3.js";
|
|
8
|
-
import { u as be } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
-
import { D as Re } from "./chunks/Button.CC0qEsuR.js";
|
|
10
|
-
import { D as We } from "./chunks/Icon.C0161Glk.js";
|
|
11
|
-
import { NumberIndicator as Me } from "./numberindicator.Ddf3ESi7.js";
|
|
12
|
-
import { g as Pe, a as Ie } from "./chunks/TabPane.utils.DG16Y2uD.js";
|
|
13
|
-
import { s as f, N as ze } from "./chunks/NavigationTabList.IQM074Vb.js";
|
|
14
|
-
const pe = () => {
|
|
15
|
-
if (ge) {
|
|
16
|
-
const i = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
|
|
17
|
-
return i === "0s" || i === "0ms";
|
|
18
|
-
} else
|
|
19
|
-
return !0;
|
|
20
|
-
}, p = (i) => ge && (i == null ? void 0 : i.getBoundingClientRect()) || DOMRect.fromRect({
|
|
21
|
-
x: 0,
|
|
22
|
-
y: 0,
|
|
23
|
-
width: 0,
|
|
24
|
-
height: 0
|
|
25
|
-
}), z = 48, Ue = (i) => {
|
|
26
|
-
const e = ke.c(62);
|
|
27
|
-
let v, T, m, A, y, s, V, H, O, h, l;
|
|
28
|
-
e[0] !== i ? ({
|
|
29
|
-
aria: v,
|
|
30
|
-
id: h,
|
|
31
|
-
selectedTabIndex: s,
|
|
32
|
-
setSelectedTabIndex: V,
|
|
33
|
-
tabs: l,
|
|
34
|
-
alignment: H,
|
|
35
|
-
className: T,
|
|
36
|
-
defaultSelectedTabIndex: O,
|
|
37
|
-
isNavigation: m,
|
|
38
|
-
onTabChange: A,
|
|
39
|
-
...y
|
|
40
|
-
} = i, e[0] = i, e[1] = v, e[2] = T, e[3] = m, e[4] = A, e[5] = y, e[6] = s, e[7] = V, e[8] = H, e[9] = O, e[10] = h, e[11] = l) : (v = e[1], T = e[2], m = e[3], A = e[4], y = e[5], s = e[6], V = e[7], H = e[8], O = e[9], h = e[10], l = e[11]);
|
|
41
|
-
const X = H === void 0 ? "left" : H, Le = O === void 0 ? 0 : O, [j, b] = he(Le), [Se, De] = he(!1), [Ne, Be] = he(!1);
|
|
42
|
-
let _;
|
|
43
|
-
e[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[12] = _) : _ = e[12];
|
|
44
|
-
const w = P(_), R = P(null), a = P(null), u = P(null), $ = P(!1), ve = P(s), ne = () => {
|
|
45
|
-
ye(), Ce();
|
|
46
|
-
};
|
|
47
|
-
let q;
|
|
48
|
-
e[13] === Symbol.for("react.memo_cache_sentinel") ? (q = [], e[13] = q) : q = e[13], be(() => {
|
|
49
|
-
const n = new ResizeObserver(ne);
|
|
50
|
-
return a.current && n.observe(a.current), () => {
|
|
51
|
-
n.disconnect();
|
|
52
|
-
};
|
|
53
|
-
}, q);
|
|
54
|
-
let F;
|
|
55
|
-
e[14] !== X || e[15] !== l ? (F = [l, X], e[14] = X, e[15] = l, e[16] = F) : F = e[16], be(() => {
|
|
56
|
-
var o;
|
|
57
|
-
const n = ["16px 'STIHL Contraface Digital Text Regular'", "14px 'STIHL Contraface Digital Text Demi'", "16px 'STIHL Contraface Digital Text Bold'"];
|
|
58
|
-
Promise.all(n.map(Ae)).then(() => {
|
|
59
|
-
oe(s), K("next", s, "instant"), ye(), $.current = !0;
|
|
60
|
-
}).catch(He);
|
|
61
|
-
const t = () => {
|
|
62
|
-
!$.current || !u.current || (r.matches ? u.current.style.transitionDuration = "0s" : u.current.style.transitionDuration = "");
|
|
63
|
-
}, r = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
64
|
-
return r.addEventListener("change", t), (o = a.current) == null || o.addEventListener("scroll", ne), () => {
|
|
65
|
-
var c;
|
|
66
|
-
r.removeEventListener("change", t), (c = a.current) == null || c.removeEventListener("scroll", ne);
|
|
67
|
-
};
|
|
68
|
-
}, F);
|
|
69
|
-
let G;
|
|
70
|
-
e[17] !== s ? (G = [s], e[17] = s, e[18] = G) : G = e[18], be(() => {
|
|
71
|
-
if ($.current && (oe(s), m)) {
|
|
72
|
-
const n = Te(s);
|
|
73
|
-
b(s), K(n, s);
|
|
74
|
-
}
|
|
75
|
-
ve.current = s;
|
|
76
|
-
}, G);
|
|
77
|
-
let Q, J;
|
|
78
|
-
e[19] !== j ? (Q = () => {
|
|
79
|
-
var n;
|
|
80
|
-
$.current && ((n = w.current[j]) == null || n.focus());
|
|
81
|
-
}, J = [j], e[19] = j, e[20] = Q, e[21] = J) : (Q = e[20], J = e[21]), xe(Q, J);
|
|
82
|
-
const I = (n) => {
|
|
83
|
-
const t = Te(n);
|
|
84
|
-
V(n), b(n), K(t, n), A && A(n);
|
|
85
|
-
}, Te = (n) => {
|
|
86
|
-
const t = p(a.current), r = p(w.current[n]);
|
|
87
|
-
let o;
|
|
88
|
-
return r.left - z < t.left ? o = "prev" : r.right + z > t.right ? o = "next" : o = s < n ? "next" : "prev", o;
|
|
89
|
-
}, ye = () => {
|
|
90
|
-
if (a.current && R.current) {
|
|
91
|
-
const n = p(a.current), t = p(R.current);
|
|
92
|
-
De(t.left < n.left), Be(t.right > n.right + 4);
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
let U;
|
|
96
|
-
e[22] === Symbol.for("react.memo_cache_sentinel") ? (U = (n) => {
|
|
97
|
-
const t = n === void 0 ? 0 : n;
|
|
98
|
-
ge && u.current && !pe() && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && setTimeout(() => {
|
|
99
|
-
u.current && (u.current.style.transitionDuration = "250ms");
|
|
100
|
-
}, t);
|
|
101
|
-
}, e[22] = U) : U = e[22];
|
|
102
|
-
const we = U, Ce = () => {
|
|
103
|
-
u.current && (u.current.style.transitionDuration = "0s", oe(ve.current), we());
|
|
104
|
-
}, oe = (n) => {
|
|
105
|
-
const t = u.current, r = p(w.current[n]), o = p(R.current), c = r.left - o.left;
|
|
106
|
-
t && ($.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${c}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${c}px)`, t.style.width = `${r.width}px`, we(50)));
|
|
107
|
-
}, se = (n, t) => {
|
|
108
|
-
let r;
|
|
109
|
-
e: switch (n.key) {
|
|
110
|
-
case "ArrowLeft": {
|
|
111
|
-
r = (t > 0 ? t : l.length) - 1, b(r);
|
|
112
|
-
break e;
|
|
113
|
-
}
|
|
114
|
-
case "ArrowRight": {
|
|
115
|
-
r = (t + 1) % l.length, b(r);
|
|
116
|
-
break e;
|
|
117
|
-
}
|
|
118
|
-
case "Home": {
|
|
119
|
-
r = 0, b(r);
|
|
120
|
-
break e;
|
|
121
|
-
}
|
|
122
|
-
case "End": {
|
|
123
|
-
r = l.length - 1, b(r);
|
|
124
|
-
break e;
|
|
125
|
-
}
|
|
126
|
-
case "Enter":
|
|
127
|
-
case " ": {
|
|
128
|
-
I(t);
|
|
129
|
-
return;
|
|
130
|
-
}
|
|
131
|
-
default:
|
|
132
|
-
return;
|
|
133
|
-
}
|
|
134
|
-
if (r !== void 0) {
|
|
135
|
-
const o = r > t ? "next" : "prev";
|
|
136
|
-
setTimeout(() => K(o, r), 0);
|
|
137
|
-
}
|
|
138
|
-
n.preventDefault();
|
|
139
|
-
}, ce = (n, t) => {
|
|
140
|
-
let r;
|
|
141
|
-
e: switch (n.key) {
|
|
142
|
-
case "Tab": {
|
|
143
|
-
if (n.shiftKey) {
|
|
144
|
-
r = t - 1 < 0 ? 0 : t - 1, b(r), t !== 0 && n.preventDefault();
|
|
145
|
-
break e;
|
|
146
|
-
} else
|
|
147
|
-
r = t + 1 > l.length - 1 ? t : t + 1, b(r), t !== l.length - 1 && n.preventDefault();
|
|
148
|
-
break e;
|
|
149
|
-
}
|
|
150
|
-
case "Enter": {
|
|
151
|
-
I(t);
|
|
152
|
-
return;
|
|
153
|
-
}
|
|
154
|
-
default:
|
|
155
|
-
return;
|
|
156
|
-
}
|
|
157
|
-
if (r !== void 0) {
|
|
158
|
-
const o = r > t ? "next" : "prev";
|
|
159
|
-
setTimeout(() => K(o, r), 0);
|
|
160
|
-
}
|
|
161
|
-
}, K = (n, t, r) => {
|
|
162
|
-
const o = r === void 0 ? "smooth" : r, c = w.current[t], W = a.current, M = p(c), ue = p(W);
|
|
163
|
-
let de;
|
|
164
|
-
if (!(!c || !W)) {
|
|
165
|
-
if (n === "prev") {
|
|
166
|
-
if (M.left - z > ue.left)
|
|
167
|
-
return;
|
|
168
|
-
de = c.offsetLeft - z;
|
|
169
|
-
} else {
|
|
170
|
-
if (M.right + z < ue.right)
|
|
171
|
-
return;
|
|
172
|
-
de = c.offsetLeft + c.offsetWidth - ue.width + z;
|
|
173
|
-
}
|
|
174
|
-
W.scrollTo({
|
|
175
|
-
left: de,
|
|
176
|
-
behavior: pe() ? "instant" : o
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
let d;
|
|
181
|
-
if (e[23] === Symbol.for("react.memo_cache_sentinel")) {
|
|
182
|
-
d = (t) => {
|
|
183
|
-
var o;
|
|
184
|
-
const r = n(t);
|
|
185
|
-
(o = a.current) == null || o.scrollTo({
|
|
186
|
-
left: r,
|
|
187
|
-
behavior: pe() ? "instant" : "smooth"
|
|
188
|
-
});
|
|
189
|
-
};
|
|
190
|
-
const n = (t) => {
|
|
191
|
-
if (!R.current || !a.current)
|
|
192
|
-
return 0;
|
|
193
|
-
const {
|
|
194
|
-
scrollLeft: r,
|
|
195
|
-
offsetWidth: o
|
|
196
|
-
} = a.current, c = Math.round(o * 0.2);
|
|
197
|
-
return t === "next" ? r + c : r - c;
|
|
198
|
-
};
|
|
199
|
-
e[23] = d;
|
|
200
|
-
} else
|
|
201
|
-
d = e[23];
|
|
202
|
-
const le = X === "center";
|
|
203
|
-
let Y;
|
|
204
|
-
e[24] !== le ? (Y = re(f.scroller, {
|
|
205
|
-
[f.scrollerCentered]: le
|
|
206
|
-
}), e[24] = le, e[25] = Y) : Y = e[25];
|
|
207
|
-
const Z = Y, ie = m ? "nav" : "div";
|
|
208
|
-
let L;
|
|
209
|
-
e[26] !== T ? (L = re(f.tabsWrapper, T), e[26] = T, e[27] = L) : L = e[27];
|
|
210
|
-
let S;
|
|
211
|
-
e[28] !== se || e[29] !== ce || e[30] !== m || e[31] !== Z || e[32] !== s || e[33] !== I || e[34] !== h || e[35] !== l ? (S = m ? /* @__PURE__ */ g(ze, { tabs: l, tabRefs: w, scrollerRef: R, handleNavigationKeydown: ce, scrollerClass: Z, selectedTabIndex: s, setSelectedTab: I }) : /* @__PURE__ */ g("div", { role: "tablist", className: Z, ref: R, children: l.map((n, t) => {
|
|
212
|
-
const {
|
|
213
|
-
id: r,
|
|
214
|
-
label: o,
|
|
215
|
-
iconName: c,
|
|
216
|
-
numberIndicatorValue: W
|
|
217
|
-
} = n;
|
|
218
|
-
return /* @__PURE__ */ me("button", { id: Ie(h, r), role: "tab", "aria-selected": s === t, "aria-controls": Pe(h, r, t), tabIndex: s === t ? 0 : -1, className: f.tab, ref: (M) => {
|
|
219
|
-
w.current[t] = M;
|
|
220
|
-
}, onClick: () => I(t), onKeyDown: (M) => se(M, t), children: [
|
|
221
|
-
c && /* @__PURE__ */ g(We, { name: c, "aria-hidden": "true" }),
|
|
222
|
-
o,
|
|
223
|
-
W && /* @__PURE__ */ g(Me, { label: W })
|
|
224
|
-
] }, Ie(h, r));
|
|
225
|
-
}) }), e[28] = se, e[29] = ce, e[30] = m, e[31] = Z, e[32] = s, e[33] = I, e[34] = h, e[35] = l, e[36] = S) : S = e[36];
|
|
226
|
-
let ee;
|
|
227
|
-
e[37] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ g("span", { className: f.indicator, ref: u }), e[37] = ee) : ee = e[37];
|
|
228
|
-
let D;
|
|
229
|
-
e[38] !== ie || e[39] !== v || e[40] !== S ? (D = /* @__PURE__ */ me(ie, { className: f.scrollWrapper, ref: a, ...v, children: [
|
|
230
|
-
S,
|
|
231
|
-
ee
|
|
232
|
-
] }), e[38] = ie, e[39] = v, e[40] = S, e[41] = D) : D = e[41];
|
|
233
|
-
const ae = !Se;
|
|
234
|
-
let N;
|
|
235
|
-
e[42] !== ae ? (N = re(f.scrollButton, {
|
|
236
|
-
[f.scrollButtonHidden]: ae
|
|
237
|
-
}), e[42] = ae, e[43] = N) : N = e[43];
|
|
238
|
-
let B;
|
|
239
|
-
e[44] !== d ? (B = () => d("prev"), e[44] = d, e[45] = B) : B = e[45];
|
|
240
|
-
let C;
|
|
241
|
-
e[46] !== N || e[47] !== B ? (C = /* @__PURE__ */ g(Re, { variant: "filled", className: N, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: B, children: "Left" }), e[46] = N, e[47] = B, e[48] = C) : C = e[48];
|
|
242
|
-
const fe = !Ne;
|
|
243
|
-
let k;
|
|
244
|
-
e[49] !== fe ? (k = re(f.scrollButton, f.scrollButtonRight, {
|
|
245
|
-
[f.scrollButtonHidden]: fe
|
|
246
|
-
}), e[49] = fe, e[50] = k) : k = e[50];
|
|
247
|
-
let x;
|
|
248
|
-
e[51] !== d ? (x = () => d("next"), e[51] = d, e[52] = x) : x = e[52];
|
|
249
|
-
let E;
|
|
250
|
-
e[53] !== k || e[54] !== x ? (E = /* @__PURE__ */ g(Re, { variant: "filled", className: k, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: x, children: "Right" }), e[53] = k, e[54] = x, e[55] = E) : E = e[55];
|
|
251
|
-
let te;
|
|
252
|
-
return e[56] !== y || e[57] !== L || e[58] !== D || e[59] !== C || e[60] !== E ? (te = /* @__PURE__ */ me("div", { className: L, ...y, children: [
|
|
253
|
-
D,
|
|
254
|
-
C,
|
|
255
|
-
E
|
|
256
|
-
] }), e[56] = y, e[57] = L, e[58] = D, e[59] = C, e[60] = E, e[61] = te) : te = e[61], te;
|
|
257
|
-
};
|
|
258
|
-
function Ae(i) {
|
|
259
|
-
return document.fonts.load(i);
|
|
260
|
-
}
|
|
261
|
-
function He(i) {
|
|
262
|
-
throw new Error(Ee("DSTabs", `The component requires the fonts to be loaded: ${i}`));
|
|
263
|
-
}
|
|
264
|
-
export {
|
|
265
|
-
Ue as TabList
|
|
266
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const isAnimationDisabled: () => boolean;
|
|
File without changes
|