@stihl-design-system/components 1.0.0-RC.28 → 1.0.0-RC.29
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/{accordion.B9X4Vlig.js → accordion.DkwtJy--.js} +2 -2
- package/{actionbutton.7x4F7a0U.js → actionbutton.DHt1AL7U.js} +2 -2
- package/{actionlink.CV0n19ik.js → actionlink.BML1jenE.js} +2 -2
- package/assets/Accordion.BJb4TOG0.css +1 -0
- package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
- package/assets/InputFile.CCQxsulT.css +1 -0
- package/assets/InputPassword.124xVOiO.css +1 -0
- package/assets/InputSearch.Bkg-1urJ.css +1 -0
- package/assets/InputStepper.Dth4qZN_.css +1 -0
- package/assets/Select.CYACicZ3.css +1 -0
- package/assets/{systemfeedback.BX2zCzSL.css → SystemFeedback.RcrPepSZ.css} +1 -1
- package/assets/Textarea.BXWhXpXx.css +1 -0
- package/assets/input.ONbL-_C1.css +1 -0
- package/assets/radio.CgpGvYc-.css +1 -0
- package/{banner.CgQdUb_c.js → banner.B2YO054K.js} +1 -1
- package/{breadcrumb.x78HJy5P.js → breadcrumb.BS-S3zUI.js} +3 -3
- package/{button.BD_04tIG.js → button.CPilCCUI.js} +3 -3
- package/{buttonround.BT3OfowK.js → buttonround.C426mO4d.js} +2 -2
- package/{checkbox.BktYXQmJ.js → checkbox.BtlUvs0z.js} +3 -3
- package/{checkboxgroup.Bylq97Q9.js → checkboxgroup.C5NgyyQF.js} +2 -2
- package/{chip.BKtNbt4y.js → chip.tVIG1ysH.js} +2 -2
- package/{chipgroup.BWpqUzXF.js → chipgroup.CjIK0Z0x.js} +1 -1
- package/chunks/Accordion.C5V5IcM-.js +170 -0
- package/chunks/{ActionButton.BlhiiU3l.js → ActionButton.CzaWZGPt.js} +1 -1
- package/chunks/{ActionLink.BvFL6rgb.js → ActionLink.BlhqDEtq.js} +1 -1
- package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.js} +2 -2
- package/chunks/{Button.CC0qEsuR.js → Button.B7xF1E19.js} +2 -2
- package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.js} +14 -14
- package/chunks/{CheckboxGroup.D4MQD0i0.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
- package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
- package/chunks/{CustomReactSelect.D9B928kB.js → CustomReactSelect.iE5iTdez.js} +348 -346
- package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
- package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
- package/chunks/{Fieldset.BgZMYAH-.js → Fieldset.CjIfmN_5.js} +12 -12
- package/chunks/Icon.DGTYCv63.js +231 -0
- package/chunks/InputFile.DvOatDzg.js +220 -0
- package/chunks/InputPassword.DC2POUc1.js +136 -0
- package/chunks/InputSearch.B0aCuPRZ.js +174 -0
- package/chunks/InputStepper.B_ZjgY_f.js +263 -0
- package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js} +1 -1
- package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js} +1 -1
- package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js} +1 -1
- package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js} +2 -2
- package/chunks/{RadioGroup.CRP8_vsg.js → RadioGroup.peTeMK45.js} +2 -2
- package/chunks/Select.BDHLJ2ma.js +162 -0
- package/chunks/{Slider.D9MHH4cZ.js → Slider.kyVr7BLk.js} +1 -1
- package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
- package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js} +1 -1
- package/chunks/Textarea.ORkJUx-S.js +163 -0
- package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js} +2 -2
- package/chunks/caret-down.CupuwAF6.js +10 -0
- package/chunks/caret-right.DKtu4PQe.js +10 -0
- package/chunks/collapse.Dvv3mgkv.js +10 -0
- package/{combobox.pMk_oggm.js → combobox.Bk2ycofh.js} +1 -1
- package/components/Accordion/Accordion.utils.d.ts +3 -1
- package/components/ActionButton/ActionButton.d.ts +5 -5
- package/components/ActionLink/ActionLink.d.ts +5 -5
- package/components/Header/Header.d.ts +1 -1
- package/components/Radio/Radio.d.ts +0 -6
- package/components/SystemFeedback/SystemFeedback.d.ts +13 -5
- package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
- package/components/TopBar/TopBar.d.ts +1 -1
- package/customreactselect.Hnch9LGg.js +14 -0
- package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
- package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
- package/{fieldset.BR9fZReW.js → fieldset.DUFUMcT-.js} +2 -2
- package/{filelist.Cj9U-Jx8.js → filelist.nunJKxkv.js} +7 -7
- package/{flag.BHaAfp6B.js → flag.D_iN8iD6.js} +1 -1
- package/{floatingactionbutton.DSZXUHB_.js → floatingactionbutton.DOH2k0gv.js} +2 -2
- package/{icon.DwfGhFCd.js → icon.vMQcEBnH.js} +1 -1
- package/index.d.ts +2 -0
- package/index.es.js +175 -170
- package/input.BKHOY118.js +203 -0
- package/{inputfile.CB-QTIDn.js → inputfile.DK8759wV.js} +7 -6
- package/inputpassword.rV_ZZw5F.js +13 -0
- package/{inputsearch.DUgTkPWm.js → inputsearch.CmhakTpa.js} +5 -4
- package/{inputstepper.DKmlBa0Y.js → inputstepper.5olvh4tk.js} +5 -4
- package/{link.DGuYGfh2.js → link.D_FjTyoZ.js} +2 -2
- package/{linkbutton.B3q0B_yb.js → linkbutton.D2C4vykc.js} +2 -2
- package/{navigationtablist.CS9yEGdP.js → navigationtablist.CVjh1k-b.js} +2 -2
- package/{navigationtabs.DQ1kE-h4.js → navigationtabs.BGfi9AG2.js} +2 -2
- package/{notification.D8BDaU5x.js → notification.Dn-FZWEL.js} +3 -3
- package/{optioncheckbox.CEEPAq0u.js → optioncheckbox.D97W3zeW.js} +1 -1
- package/package.json +1 -1
- package/partials/index.js +28 -22
- package/partials/lib/partials.d.ts +1 -1
- package/radio.7_N_alaS.js +126 -0
- package/{radiogroup.Bk36A24U.js → radiogroup.J8WpEEo8.js} +3 -3
- package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
- package/{inputpassword.B_A0JDkz.js → select.DIzGPVx3.js} +5 -4
- package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
- package/{slider.BicJfJzc.js → slider.DuJK0RdB.js} +2 -2
- package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
- package/{switch.CtULjgZq.js → switch.B37S4vfP.js} +2 -2
- package/systemfeedback.C_2PhwKe.js +10 -0
- package/{tablist.Dzwe0_J4.js → tablist.g_Nwu6GA.js} +3 -3
- package/{tabs.yudjJk9d.js → tabs.oh9-wHPp.js} +2 -2
- package/{textarea.BynOgkpo.js → textarea.dQ12-oYB.js} +4 -3
- package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
- package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
- package/types/icon-types.d.ts +1 -1
- package/assets/Accordion.BHWEZCmu.css +0 -1
- package/assets/CustomReactSelect.Dq5Hoqv2.css +0 -1
- package/assets/InputFile.BVgHILAZ.css +0 -1
- package/assets/InputPassword.CBpkWGy7.css +0 -1
- package/assets/InputSearch.CnPJYH8L.css +0 -1
- package/assets/InputStepper.U2h9Kd0t.css +0 -1
- package/assets/Select.U7xsC0o1.css +0 -1
- package/assets/Textarea.C4IEEOFR.css +0 -1
- package/assets/input.CuIHvnD5.css +0 -1
- package/assets/radio.ipbv7OMF.css +0 -1
- package/chunks/Accordion.BvHroAyn.js +0 -154
- package/chunks/Icon.C0161Glk.js +0 -231
- package/chunks/InputFile.rC7NJYrU.js +0 -218
- package/chunks/InputPassword.5-r36K86.js +0 -132
- package/chunks/InputSearch.D4Q99_nR.js +0 -170
- package/chunks/InputStepper.EsPAGCFJ.js +0 -259
- package/chunks/Select.lveq1iBY.js +0 -158
- package/chunks/Textarea.BRfh8ykm.js +0 -161
- package/customreactselect.-DGMZMFu.js +0 -13
- package/input.DAneVu7p.js +0 -199
- package/radio.z-Mi3J6t.js +0 -134
- package/select.4wUa3vMT.js +0 -12
- package/systemfeedback.CLQCbTF6.js +0 -44
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as L, jsxs as dt } from "react/jsx-runtime";
|
|
3
|
-
import { d as _t } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as G } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as ht, useState as vt, useRef as yt } from "react";
|
|
6
|
-
import { u as Pt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { D as St } from "./Button.CC0qEsuR.js";
|
|
8
|
-
import { DSSystemFeedback as Dt } from "../systemfeedback.CLQCbTF6.js";
|
|
9
|
-
import { g as rt } from "./helpers.BbWkXTr3.js";
|
|
10
|
-
import '../assets/InputPassword.CBpkWGy7.css';const Bt = "ds-input-password_input_1w67t_1", It = "ds-input-password_input--small_1w67t_9", gt = "ds-input-password_input--invalid_1w67t_121", Nt = "ds-input-password_input--has-action-button_1w67t_182", kt = "ds-input-password_root_1w67t_218", qt = "ds-input-password_hint_1w67t_227", xt = "ds-input-password_label_1w67t_227", Ct = "ds-input-password_wrapper_1w67t_231", Ht = "ds-input-password_action-button_1w67t_237", Lt = "ds-input-password_label--hidden_1w67t_255", Rt = "ds-input-password_label--disabled_1w67t_268", $t = "ds-input-password_label--required_1w67t_272", Tt = "ds-input-password_feedback_1w67t_293", e = {
|
|
11
|
-
input: Bt,
|
|
12
|
-
inputSmall: It,
|
|
13
|
-
inputInvalid: gt,
|
|
14
|
-
inputHasActionButton: Nt,
|
|
15
|
-
root: kt,
|
|
16
|
-
hint: qt,
|
|
17
|
-
label: xt,
|
|
18
|
-
wrapper: Ct,
|
|
19
|
-
actionButton: Ht,
|
|
20
|
-
labelHidden: Lt,
|
|
21
|
-
labelDisabled: Rt,
|
|
22
|
-
labelRequired: $t,
|
|
23
|
-
feedback: Tt
|
|
24
|
-
}, At = ({
|
|
25
|
-
id: d,
|
|
26
|
-
label: i
|
|
27
|
-
}) => {
|
|
28
|
-
if (!d)
|
|
29
|
-
throw new Error(rt("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
|
|
30
|
-
if (!i)
|
|
31
|
-
throw new Error(rt("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
|
|
32
|
-
}, Et = ht((d, i) => {
|
|
33
|
-
const t = _t.c(80);
|
|
34
|
-
let p, n, s, r, c, a, D, B, I, g, N, k, q, u;
|
|
35
|
-
t[0] !== d ? ({
|
|
36
|
-
id: s,
|
|
37
|
-
label: r,
|
|
38
|
-
autoComplete: D,
|
|
39
|
-
className: p,
|
|
40
|
-
disabled: B,
|
|
41
|
-
hint: n,
|
|
42
|
-
hideLabel: I,
|
|
43
|
-
invalid: g,
|
|
44
|
-
readonly: N,
|
|
45
|
-
required: k,
|
|
46
|
-
togglePasswordVisibilityButtonProps: u,
|
|
47
|
-
size: q,
|
|
48
|
-
systemFeedback: a,
|
|
49
|
-
...c
|
|
50
|
-
} = d, t[0] = d, t[1] = p, t[2] = n, t[3] = s, t[4] = r, t[5] = c, t[6] = a, t[7] = D, t[8] = B, t[9] = I, t[10] = g, t[11] = N, t[12] = k, t[13] = q, t[14] = u) : (p = t[1], n = t[2], s = t[3], r = t[4], c = t[5], a = t[6], D = t[7], B = t[8], I = t[9], g = t[10], N = t[11], k = t[12], q = t[13], u = t[14]);
|
|
51
|
-
const J = D === void 0 ? "new-password" : D, l = B === void 0 ? !1 : B, pt = I === void 0 ? !1 : I, o = g === void 0 ? !1 : g, R = N === void 0 ? !1 : N, w = k === void 0 ? !1 : k, x = q === void 0 ? "medium" : q;
|
|
52
|
-
process.env.NODE_ENV !== "production" && At({
|
|
53
|
-
id: s,
|
|
54
|
-
label: r
|
|
55
|
-
});
|
|
56
|
-
let b;
|
|
57
|
-
t[15] !== u ? (b = u || {}, t[15] = u, t[16] = b) : b = t[16];
|
|
58
|
-
let f, C, H;
|
|
59
|
-
t[17] !== b ? ({
|
|
60
|
-
hidePasswordText: H,
|
|
61
|
-
showPasswordText: C,
|
|
62
|
-
...f
|
|
63
|
-
} = b, t[17] = b, t[18] = f, t[19] = C, t[20] = H) : (f = t[18], C = t[19], H = t[20]);
|
|
64
|
-
const ct = H === void 0 ? "Hide password" : H, ut = C === void 0 ? "Show password" : C, [K, wt] = vt(!1), $ = `${s}-label`, m = `${s}-feedback`, T = `${s}-hint`, bt = n ? ` ${T}` : "";
|
|
65
|
-
let A;
|
|
66
|
-
t[21] !== o || t[22] !== a || t[23] !== m ? (A = [o && a && m].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = a, t[23] = m, t[24] = A) : A = t[24];
|
|
67
|
-
const Q = A, U = Pt(pt);
|
|
68
|
-
let E;
|
|
69
|
-
t[25] !== p ? (E = G(e.root, p), t[25] = p, t[26] = E) : E = t[26];
|
|
70
|
-
const W = E, X = x === "small";
|
|
71
|
-
let V;
|
|
72
|
-
t[27] !== o || t[28] !== X ? (V = G(e.input, {
|
|
73
|
-
[e.inputSmall]: X,
|
|
74
|
-
[e.inputInvalid]: o,
|
|
75
|
-
[e.inputHasActionButton]: !0
|
|
76
|
-
}), t[27] = o, t[28] = X, t[29] = V) : V = t[29];
|
|
77
|
-
const Y = V;
|
|
78
|
-
let F;
|
|
79
|
-
t[30] !== l || t[31] !== U || t[32] !== w ? (F = G(e.label, {
|
|
80
|
-
[e.labelHidden]: U,
|
|
81
|
-
[e.labelDisabled]: l,
|
|
82
|
-
[e.labelRequired]: w
|
|
83
|
-
}), t[30] = l, t[31] = U, t[32] = w, t[33] = F) : F = t[33];
|
|
84
|
-
const Z = F, tt = x === "small";
|
|
85
|
-
let j;
|
|
86
|
-
t[34] !== tt ? (j = G(e.actionButton, {
|
|
87
|
-
[e.actionButtonSmall]: tt
|
|
88
|
-
}), t[34] = tt, t[35] = j) : j = t[35];
|
|
89
|
-
const et = j, ft = yt(null);
|
|
90
|
-
let z;
|
|
91
|
-
t[36] !== i ? (z = (nt) => {
|
|
92
|
-
ft.current = nt, typeof i == "function" ? i(nt) : i && (i.current = nt);
|
|
93
|
-
}, t[36] = i, t[37] = z) : z = t[37];
|
|
94
|
-
const st = z;
|
|
95
|
-
let O;
|
|
96
|
-
t[38] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
|
|
97
|
-
wt(Vt);
|
|
98
|
-
}, t[38] = O) : O = t[38];
|
|
99
|
-
const mt = O;
|
|
100
|
-
let _;
|
|
101
|
-
t[39] !== s || t[40] !== $ || t[41] !== r || t[42] !== Z ? (_ = /* @__PURE__ */ L("label", { className: Z, id: $, htmlFor: s, children: r }), t[39] = s, t[40] = $, t[41] = r, t[42] = Z, t[43] = _) : _ = t[43];
|
|
102
|
-
let h;
|
|
103
|
-
t[44] !== n || t[45] !== T ? (h = n && /* @__PURE__ */ L("div", { className: e.hint, id: T, children: n }), t[44] = n, t[45] = T, t[46] = h) : h = t[46];
|
|
104
|
-
let v;
|
|
105
|
-
t[47] !== o || t[48] !== a || t[49] !== m ? (v = o && a && /* @__PURE__ */ L(Dt, { className: e.feedback, message: a, type: "invalid", id: m }), t[47] = o, t[48] = a, t[49] = m, t[50] = v) : v = t[50];
|
|
106
|
-
const ot = `${$}${bt}`, at = K ? "text" : "password";
|
|
107
|
-
let y;
|
|
108
|
-
t[51] !== Q || t[52] !== J || t[53] !== l || t[54] !== st || t[55] !== s || t[56] !== Y || t[57] !== o || t[58] !== R || t[59] !== w || t[60] !== c || t[61] !== ot || t[62] !== at ? (y = /* @__PURE__ */ L("input", { className: Y, id: s, ...c, ref: st, "aria-labelledby": ot, "aria-describedby": Q, "aria-invalid": o, "aria-disabled": R, readOnly: R, required: w, disabled: l, autoComplete: J, type: at }), t[51] = Q, t[52] = J, t[53] = l, t[54] = st, t[55] = s, t[56] = Y, t[57] = o, t[58] = R, t[59] = w, t[60] = c, t[61] = ot, t[62] = at, t[63] = y) : y = t[63];
|
|
109
|
-
const lt = K ? "eye-closed" : "eye", it = K ? ct : ut;
|
|
110
|
-
let P;
|
|
111
|
-
t[64] !== et || t[65] !== l || t[66] !== f || t[67] !== x || t[68] !== lt || t[69] !== it ? (P = /* @__PURE__ */ L(St, { ...f, hideLabel: !0, theme: "light", iconName: lt, variant: "ghost", className: et, size: x, onClick: mt, type: "button", disabled: l, children: it }), t[64] = et, t[65] = l, t[66] = f, t[67] = x, t[68] = lt, t[69] = it, t[70] = P) : P = t[70];
|
|
112
|
-
let S;
|
|
113
|
-
t[71] !== y || t[72] !== P ? (S = /* @__PURE__ */ dt("div", { className: e.wrapper, children: [
|
|
114
|
-
y,
|
|
115
|
-
P
|
|
116
|
-
] }), t[71] = y, t[72] = P, t[73] = S) : S = t[73];
|
|
117
|
-
let M;
|
|
118
|
-
return t[74] !== W || t[75] !== _ || t[76] !== h || t[77] !== v || t[78] !== S ? (M = /* @__PURE__ */ dt("div", { className: W, children: [
|
|
119
|
-
_,
|
|
120
|
-
h,
|
|
121
|
-
v,
|
|
122
|
-
S
|
|
123
|
-
] }), t[74] = W, t[75] = _, t[76] = h, t[77] = v, t[78] = S, t[79] = M) : M = t[79], M;
|
|
124
|
-
});
|
|
125
|
-
Et.displayName = "DSInputPassword";
|
|
126
|
-
function Vt(d) {
|
|
127
|
-
return !d;
|
|
128
|
-
}
|
|
129
|
-
export {
|
|
130
|
-
Et as D,
|
|
131
|
-
At as v
|
|
132
|
-
};
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as A, jsxs as xe } from "react/jsx-runtime";
|
|
3
|
-
import { d as qe } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as j } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Pe, useState as Ve, useRef as Ne, useEffect as we } from "react";
|
|
6
|
-
import { g as De, a as Oe } from "./helpers.BbWkXTr3.js";
|
|
7
|
-
import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
|
-
import { D as Ee } from "./Button.CC0qEsuR.js";
|
|
9
|
-
import { DSSystemFeedback as $e } from "../systemfeedback.CLQCbTF6.js";
|
|
10
|
-
import '../assets/InputSearch.CnPJYH8L.css';const je = "ds-input-search_root_1vxk1_1", Fe = "ds-input-search_input_1vxk1_5", Te = "ds-input-search_input--small_1vxk1_13", ze = "ds-input-search_input--invalid_1vxk1_125", Me = "ds-input-search_input--has-action-button_1vxk1_186", We = "ds-input-search_input--has-second-action-button_1vxk1_189", Ge = "ds-input-search_hint_1vxk1_231", Je = "ds-input-search_label_1vxk1_231", Ke = "ds-input-search_wrapper_1vxk1_235", Qe = "ds-input-search_action-button_1vxk1_241", Ue = "ds-input-search_second-action-button_1vxk1_245", Xe = "ds-input-search_label--hidden_1vxk1_263", Ye = "ds-input-search_label--disabled_1vxk1_276", Ze = "ds-input-search_label--required_1vxk1_280", et = "ds-input-search_feedback_1vxk1_301", t = {
|
|
11
|
-
root: je,
|
|
12
|
-
input: Fe,
|
|
13
|
-
inputSmall: Te,
|
|
14
|
-
inputInvalid: ze,
|
|
15
|
-
inputHasActionButton: Me,
|
|
16
|
-
inputHasSecondActionButton: We,
|
|
17
|
-
hint: Ge,
|
|
18
|
-
label: Je,
|
|
19
|
-
wrapper: Ke,
|
|
20
|
-
actionButton: Qe,
|
|
21
|
-
secondActionButton: Ue,
|
|
22
|
-
labelHidden: Xe,
|
|
23
|
-
labelDisabled: Ye,
|
|
24
|
-
labelRequired: Ze,
|
|
25
|
-
feedback: et
|
|
26
|
-
}, tt = ({
|
|
27
|
-
id: a,
|
|
28
|
-
label: l
|
|
29
|
-
}) => {
|
|
30
|
-
if (!a)
|
|
31
|
-
throw new Error(De("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
|
|
32
|
-
if (!l)
|
|
33
|
-
throw new Error(De("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
|
|
34
|
-
}, nt = (a) => !!Oe(a, "form"), st = Pe((a, l) => {
|
|
35
|
-
const e = qe.c(101);
|
|
36
|
-
let i, d, n, b, f, m, v, c, L, H, q, P, V, O, R, p;
|
|
37
|
-
e[0] !== a ? ({
|
|
38
|
-
id: n,
|
|
39
|
-
label: b,
|
|
40
|
-
className: i,
|
|
41
|
-
clearButtonLabel: L,
|
|
42
|
-
disabled: H,
|
|
43
|
-
hint: d,
|
|
44
|
-
hideLabel: q,
|
|
45
|
-
invalid: P,
|
|
46
|
-
readonly: V,
|
|
47
|
-
required: O,
|
|
48
|
-
size: R,
|
|
49
|
-
systemFeedback: c,
|
|
50
|
-
value: p,
|
|
51
|
-
submitButtonProps: v,
|
|
52
|
-
onChange: f,
|
|
53
|
-
...m
|
|
54
|
-
} = a, e[0] = a, e[1] = i, e[2] = d, e[3] = n, e[4] = b, e[5] = f, e[6] = m, e[7] = v, e[8] = c, e[9] = L, e[10] = H, e[11] = q, e[12] = P, e[13] = V, e[14] = O, e[15] = R, e[16] = p) : (i = e[1], d = e[2], n = e[3], b = e[4], f = e[5], m = e[6], v = e[7], c = e[8], L = e[9], H = e[10], q = e[11], P = e[12], V = e[13], O = e[14], R = e[15], p = e[16]);
|
|
55
|
-
const le = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, Ce = q === void 0 ? !1 : q, s = P === void 0 ? !1 : P, r = V === void 0 ? !1 : V, _ = O === void 0 ? !1 : O, u = R === void 0 ? "medium" : R;
|
|
56
|
-
process.env.NODE_ENV !== "production" && tt({
|
|
57
|
-
id: n,
|
|
58
|
-
label: b
|
|
59
|
-
});
|
|
60
|
-
let S;
|
|
61
|
-
e[17] !== v ? (S = v || {}, e[17] = v, e[18] = S) : S = e[18];
|
|
62
|
-
let y, k, $;
|
|
63
|
-
e[19] !== S ? ({
|
|
64
|
-
label: $,
|
|
65
|
-
onClick: y,
|
|
66
|
-
...k
|
|
67
|
-
} = S, e[19] = S, e[20] = y, e[21] = k, e[22] = $) : (y = e[20], k = e[21], $ = e[22]);
|
|
68
|
-
const ie = $ === void 0 ? "Search" : $, [B, Ie] = Ve(p), oe = Ne(null), F = Ne(null);
|
|
69
|
-
let T;
|
|
70
|
-
e[23] !== l ? (T = (h) => {
|
|
71
|
-
F.current = h, typeof l == "function" ? l(h) : l && (l.current = h);
|
|
72
|
-
}, e[23] = l, e[24] = T) : T = e[24];
|
|
73
|
-
const ce = T, re = Re(Ce);
|
|
74
|
-
let z, M;
|
|
75
|
-
e[25] !== p ? (z = () => {
|
|
76
|
-
Ie(p);
|
|
77
|
-
}, M = [p], e[25] = p, e[26] = z, e[27] = M) : (z = e[26], M = e[27]), we(z, M);
|
|
78
|
-
let W;
|
|
79
|
-
e[28] !== n ? (W = () => {
|
|
80
|
-
oe.current && !nt(oe.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(De("DSInputSearch", `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
|
|
81
|
-
}, e[28] = n, e[29] = W) : W = e[29];
|
|
82
|
-
let G;
|
|
83
|
-
e[30] === Symbol.for("react.memo_cache_sentinel") ? (G = [], e[30] = G) : G = e[30], we(W, G);
|
|
84
|
-
const J = `${n}-label`, D = `${n}-feedback`, K = `${n}-hint`, Ae = d ? ` ${K}` : "";
|
|
85
|
-
let Q;
|
|
86
|
-
e[31] !== s || e[32] !== c || e[33] !== D ? (Q = [s && c && D].filter(Boolean).join(" ") || void 0, e[31] = s, e[32] = c, e[33] = D, e[34] = Q) : Q = e[34];
|
|
87
|
-
const ue = Q, U = B !== "" && B !== void 0 && B !== null;
|
|
88
|
-
let X;
|
|
89
|
-
e[35] !== i ? (X = j(t.root, i), e[35] = i, e[36] = X) : X = e[36];
|
|
90
|
-
const de = X, pe = u === "small", he = U && !r && !o;
|
|
91
|
-
let Y;
|
|
92
|
-
e[37] !== s || e[38] !== pe || e[39] !== he ? (Y = j(t.input, {
|
|
93
|
-
[t.inputSmall]: pe,
|
|
94
|
-
[t.inputInvalid]: s,
|
|
95
|
-
[t.inputHasActionButton]: !0,
|
|
96
|
-
[t.inputHasSecondActionButton]: he
|
|
97
|
-
}), e[37] = s, e[38] = pe, e[39] = he, e[40] = Y) : Y = e[40];
|
|
98
|
-
const be = Y;
|
|
99
|
-
let Z;
|
|
100
|
-
e[41] !== o || e[42] !== re || e[43] !== _ ? (Z = j(t.label, {
|
|
101
|
-
[t.labelHidden]: re,
|
|
102
|
-
[t.labelDisabled]: o,
|
|
103
|
-
[t.labelRequired]: _
|
|
104
|
-
}), e[41] = o, e[42] = re, e[43] = _, e[44] = Z) : Z = e[44];
|
|
105
|
-
const fe = Z, me = u === "small";
|
|
106
|
-
let ee;
|
|
107
|
-
e[45] !== me ? (ee = j(t.actionButton, {
|
|
108
|
-
[t.actionButtonSmall]: me
|
|
109
|
-
}), e[45] = me, e[46] = ee) : ee = e[46];
|
|
110
|
-
const ve = ee, _e = u === "small";
|
|
111
|
-
let te;
|
|
112
|
-
e[47] !== _e ? (te = j(t.secondActionButton, {
|
|
113
|
-
[t.secondActionButtonSmall]: _e
|
|
114
|
-
}), e[47] = _e, e[48] = te) : te = e[48];
|
|
115
|
-
const Se = te, Le = at;
|
|
116
|
-
let ne;
|
|
117
|
-
e[49] === Symbol.for("react.memo_cache_sentinel") ? (ne = () => {
|
|
118
|
-
var ge;
|
|
119
|
-
if (!F.current)
|
|
120
|
-
return;
|
|
121
|
-
Le(F.current, "");
|
|
122
|
-
const h = new Event("change", {
|
|
123
|
-
bubbles: !0
|
|
124
|
-
});
|
|
125
|
-
(ge = F.current) == null || ge.dispatchEvent(h);
|
|
126
|
-
}, e[49] = ne) : ne = e[49];
|
|
127
|
-
const He = ne;
|
|
128
|
-
let se;
|
|
129
|
-
e[50] !== f ? (se = (h) => {
|
|
130
|
-
Ie(h.target.value), f && f(h);
|
|
131
|
-
}, e[50] = f, e[51] = se) : se = e[51];
|
|
132
|
-
const ye = se;
|
|
133
|
-
let I;
|
|
134
|
-
e[52] !== n || e[53] !== J || e[54] !== b || e[55] !== fe ? (I = /* @__PURE__ */ A("label", { className: fe, id: J, htmlFor: n, children: b }), e[52] = n, e[53] = J, e[54] = b, e[55] = fe, e[56] = I) : I = e[56];
|
|
135
|
-
let g;
|
|
136
|
-
e[57] !== d || e[58] !== K ? (g = d && /* @__PURE__ */ A("div", { className: t.hint, id: K, children: d }), e[57] = d, e[58] = K, e[59] = g) : g = e[59];
|
|
137
|
-
let x;
|
|
138
|
-
e[60] !== s || e[61] !== c || e[62] !== D ? (x = s && c && /* @__PURE__ */ A($e, { className: t.feedback, message: c, type: "invalid", id: D }), e[60] = s, e[61] = c, e[62] = D, e[63] = x) : x = e[63];
|
|
139
|
-
const ke = `${J}${Ae}`;
|
|
140
|
-
let N;
|
|
141
|
-
e[64] !== ue || e[65] !== o || e[66] !== ce || e[67] !== ye || e[68] !== n || e[69] !== be || e[70] !== B || e[71] !== s || e[72] !== r || e[73] !== _ || e[74] !== m || e[75] !== ke ? (N = /* @__PURE__ */ A("input", { className: be, id: n, ...m, ref: ce, "aria-labelledby": ke, "aria-describedby": ue, "aria-invalid": s, "aria-disabled": r, readOnly: r, required: _, disabled: o, type: "search", value: B, onChange: ye }), e[64] = ue, e[65] = o, e[66] = ce, e[67] = ye, e[68] = n, e[69] = be, e[70] = B, e[71] = s, e[72] = r, e[73] = _, e[74] = m, e[75] = ke, e[76] = N) : N = e[76];
|
|
142
|
-
let w;
|
|
143
|
-
e[77] !== Se || e[78] !== le || e[79] !== o || e[80] !== U || e[81] !== r || e[82] !== u ? (w = U && !r && !o && /* @__PURE__ */ A(Ee, { hideLabel: !0, theme: "light", iconName: "cross", className: Se, variant: "ghost", size: u, onClick: He, type: "button", tabIndex: -1, children: le }), e[77] = Se, e[78] = le, e[79] = o, e[80] = U, e[81] = r, e[82] = u, e[83] = w) : w = e[83];
|
|
144
|
-
const Be = o || r;
|
|
145
|
-
let E;
|
|
146
|
-
e[84] !== y || e[85] !== k || e[86] !== u || e[87] !== ve || e[88] !== ie || e[89] !== Be ? (E = /* @__PURE__ */ A(Ee, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: ve, variant: "ghost", size: u, onClick: y, type: "submit", disabled: Be, children: ie }), e[84] = y, e[85] = k, e[86] = u, e[87] = ve, e[88] = ie, e[89] = Be, e[90] = E) : E = e[90];
|
|
147
|
-
let C;
|
|
148
|
-
e[91] !== N || e[92] !== w || e[93] !== E ? (C = /* @__PURE__ */ xe("div", { className: t.wrapper, children: [
|
|
149
|
-
N,
|
|
150
|
-
w,
|
|
151
|
-
E
|
|
152
|
-
] }), e[91] = N, e[92] = w, e[93] = E, e[94] = C) : C = e[94];
|
|
153
|
-
let ae;
|
|
154
|
-
return e[95] !== de || e[96] !== I || e[97] !== g || e[98] !== x || e[99] !== C ? (ae = /* @__PURE__ */ xe("div", { className: de, ref: oe, children: [
|
|
155
|
-
I,
|
|
156
|
-
g,
|
|
157
|
-
x,
|
|
158
|
-
C
|
|
159
|
-
] }), e[95] = de, e[96] = I, e[97] = g, e[98] = x, e[99] = C, e[100] = ae) : ae = e[100], ae;
|
|
160
|
-
});
|
|
161
|
-
st.displayName = "DSInputSearch";
|
|
162
|
-
function at(a, l) {
|
|
163
|
-
const e = Object.getPrototypeOf(a), i = Object.getOwnPropertyDescriptor(e, "value");
|
|
164
|
-
i != null && i.set ? i.set.call(a, l) : a.value = l;
|
|
165
|
-
}
|
|
166
|
-
export {
|
|
167
|
-
st as D,
|
|
168
|
-
nt as i,
|
|
169
|
-
tt as v
|
|
170
|
-
};
|
|
@@ -1,259 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as I, jsxs as ht } from "react/jsx-runtime";
|
|
3
|
-
import { d as wt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as E } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Rt, useState as ve, useRef as pt, useEffect as ft } from "react";
|
|
6
|
-
import { h as Lt } from "./has-window.ut_-aShB.js";
|
|
7
|
-
import { u as Et } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
|
-
import { u as vt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
-
import { D as xt } from "./Button.CC0qEsuR.js";
|
|
10
|
-
import { M as mt, a as bt } from "./Input.utils.Cnnzvuk4.js";
|
|
11
|
-
import { DSSystemFeedback as kt } from "../systemfeedback.CLQCbTF6.js";
|
|
12
|
-
import { g as ze } from "./helpers.BbWkXTr3.js";
|
|
13
|
-
import '../assets/InputStepper.U2h9Kd0t.css';const Ct = "ds-input-stepper_input_17fno_1", Ft = "ds-input-stepper_input--small_17fno_9", Pt = "ds-input-stepper_input--invalid_17fno_121", $t = "ds-input-stepper_input--has-affix_17fno_197", qt = "ds-input-stepper_input--is-ready_17fno_211", Ht = "ds-input-stepper_root_17fno_222", Vt = "ds-input-stepper_hint_17fno_231", Tt = "ds-input-stepper_label_17fno_231", Wt = "ds-input-stepper_wrapper_17fno_235", Mt = "ds-input-stepper_affix_17fno_241", Xt = "ds-input-stepper_affix--small_17fno_262", jt = "ds-input-stepper_affix--disabled_17fno_275", zt = "ds-input-stepper_prefix_17fno_283", Gt = "ds-input-stepper_affix--readonly_17fno_286", Ot = "ds-input-stepper_suffix_17fno_296", Ut = "ds-input-stepper_action-button_17fno_303", Jt = "ds-input-stepper_label--hidden_17fno_321", Kt = "ds-input-stepper_label--disabled_17fno_334", Qt = "ds-input-stepper_label--required_17fno_338", Yt = "ds-input-stepper_feedback_17fno_359", Zt = "ds-input-stepper_second-action-button_17fno_373", en = "ds-input-stepper_value-announcer_17fno_377", t = {
|
|
14
|
-
input: Ct,
|
|
15
|
-
inputSmall: Ft,
|
|
16
|
-
inputInvalid: Pt,
|
|
17
|
-
inputHasAffix: $t,
|
|
18
|
-
inputIsReady: qt,
|
|
19
|
-
root: Ht,
|
|
20
|
-
hint: Vt,
|
|
21
|
-
label: Tt,
|
|
22
|
-
wrapper: Wt,
|
|
23
|
-
affix: Mt,
|
|
24
|
-
affixSmall: Xt,
|
|
25
|
-
affixDisabled: jt,
|
|
26
|
-
prefix: zt,
|
|
27
|
-
affixReadonly: Gt,
|
|
28
|
-
suffix: Ot,
|
|
29
|
-
actionButton: Ut,
|
|
30
|
-
labelHidden: Jt,
|
|
31
|
-
labelDisabled: Kt,
|
|
32
|
-
labelRequired: Qt,
|
|
33
|
-
feedback: Yt,
|
|
34
|
-
secondActionButton: Zt,
|
|
35
|
-
valueAnnouncer: en
|
|
36
|
-
}, tn = ({
|
|
37
|
-
id: k,
|
|
38
|
-
label: A,
|
|
39
|
-
prefix: e,
|
|
40
|
-
suffix: p
|
|
41
|
-
}) => {
|
|
42
|
-
if (!k)
|
|
43
|
-
throw new Error(ze("DSInputStepper", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'));
|
|
44
|
-
if (!A)
|
|
45
|
-
throw new Error(ze("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 > mt && console.warn(ze("DSInputStepper", `Prefix length must not exceed ${mt} characters.`)), p && p.length > bt && console.warn(ze("DSInputStepper", `Suffix length must not exceed ${bt} characters.`));
|
|
47
|
-
}, nn = Rt((k, A) => {
|
|
48
|
-
const e = wt.c(185);
|
|
49
|
-
let p, C, m, s, F, b, _, l, D, i, d, ee, te, ne, se, le, ie, ae, oe, re, ce, h;
|
|
50
|
-
e[0] !== k ? ({
|
|
51
|
-
id: s,
|
|
52
|
-
label: b,
|
|
53
|
-
announcementText: ee,
|
|
54
|
-
className: p,
|
|
55
|
-
disabled: ne,
|
|
56
|
-
decreaseAmountButtonProps: C,
|
|
57
|
-
hint: m,
|
|
58
|
-
hideLabel: se,
|
|
59
|
-
invalid: le,
|
|
60
|
-
increaseAmountButtonProps: F,
|
|
61
|
-
prefix: l,
|
|
62
|
-
max: ie,
|
|
63
|
-
min: ae,
|
|
64
|
-
readonly: oe,
|
|
65
|
-
required: re,
|
|
66
|
-
size: ce,
|
|
67
|
-
step: te,
|
|
68
|
-
suffix: i,
|
|
69
|
-
systemFeedback: d,
|
|
70
|
-
value: h,
|
|
71
|
-
onChange: _,
|
|
72
|
-
...D
|
|
73
|
-
} = k, e[0] = k, e[1] = p, 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] = d, e[12] = ee, e[13] = te, e[14] = ne, e[15] = se, e[16] = le, e[17] = ie, e[18] = ae, e[19] = oe, e[20] = re, e[21] = ce, e[22] = h) : (p = 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], d = e[11], ee = e[12], te = e[13], ne = e[14], se = e[15], le = e[16], ie = e[17], ae = e[18], oe = e[19], re = e[20], ce = e[21], h = e[22]);
|
|
74
|
-
const ue = ee === void 0 ? "Value changed to" : ee, c = ne === void 0 ? !1 : ne, yt = se === void 0 ? !1 : se, o = le === void 0 ? !1 : le, P = ie === void 0 ? 100 : ie, $ = ae === void 0 ? 0 : ae, v = oe === void 0 ? !1 : oe, g = re === void 0 ? !1 : re, n = ce === void 0 ? "medium" : ce, de = te === void 0 ? 1 : te;
|
|
75
|
-
process.env.NODE_ENV !== "production" && tn({
|
|
76
|
-
id: s,
|
|
77
|
-
label: b,
|
|
78
|
-
prefix: l,
|
|
79
|
-
suffix: i
|
|
80
|
-
});
|
|
81
|
-
let q;
|
|
82
|
-
e[23] !== C ? (q = C || {}, e[23] = C, e[24] = q) : q = e[24];
|
|
83
|
-
let H, pe;
|
|
84
|
-
e[25] !== q ? ({
|
|
85
|
-
label: pe,
|
|
86
|
-
...H
|
|
87
|
-
} = q, e[25] = q, e[26] = H, e[27] = pe) : (H = e[26], pe = e[27]);
|
|
88
|
-
const Ge = pe === void 0 ? "Decrease" : pe;
|
|
89
|
-
let V;
|
|
90
|
-
e[28] !== F ? (V = F || {}, e[28] = F, e[29] = V) : V = e[29];
|
|
91
|
-
let T, fe;
|
|
92
|
-
e[30] !== V ? ({
|
|
93
|
-
label: fe,
|
|
94
|
-
...T
|
|
95
|
-
} = V, e[30] = V, e[31] = T, e[32] = fe) : (T = e[31], fe = e[32]);
|
|
96
|
-
const Oe = fe === void 0 ? "Increase" : fe, [me, St] = ve(!1), [x, Ue] = ve(h), [y, _t] = ve(""), [Je, It] = ve(!1);
|
|
97
|
-
let xe;
|
|
98
|
-
e[33] === Symbol.for("react.memo_cache_sentinel") ? (xe = {}, e[33] = xe) : xe = e[33];
|
|
99
|
-
const [be, At] = ve(xe), S = pt(null);
|
|
100
|
-
let ye;
|
|
101
|
-
e[34] !== A ? (ye = (a) => {
|
|
102
|
-
S.current = a, typeof A == "function" ? A(a) : A && (A.current = a);
|
|
103
|
-
}, e[34] = A, e[35] = ye) : ye = e[35];
|
|
104
|
-
const _e = ye;
|
|
105
|
-
let Se;
|
|
106
|
-
e[36] !== l ? (Se = l == null ? void 0 : l.substring(0, mt), e[36] = l, e[37] = Se) : Se = e[37];
|
|
107
|
-
const Ke = Se, Qe = pt(null);
|
|
108
|
-
let Ie;
|
|
109
|
-
e[38] !== i ? (Ie = i == null ? void 0 : i.substring(0, bt), e[38] = i, e[39] = Ie) : Ie = e[39];
|
|
110
|
-
const Ye = Ie, Ze = pt(null), he = Et(yt);
|
|
111
|
-
let Ae, De;
|
|
112
|
-
e[40] !== h ? (Ae = () => {
|
|
113
|
-
h && Ue(h);
|
|
114
|
-
}, De = [h], e[40] = h, e[41] = Ae, e[42] = De) : (Ae = e[41], De = e[42]), ft(Ae, De);
|
|
115
|
-
let ge, Ne;
|
|
116
|
-
e[43] !== y ? (ge = () => {
|
|
117
|
-
if (y) {
|
|
118
|
-
const a = setTimeout(() => {
|
|
119
|
-
_t("");
|
|
120
|
-
}, 3e3);
|
|
121
|
-
return () => clearTimeout(a);
|
|
122
|
-
}
|
|
123
|
-
}, Ne = [y], e[43] = y, e[44] = ge, e[45] = Ne) : (ge = e[44], Ne = e[45]), ft(ge, Ne);
|
|
124
|
-
let Be, we;
|
|
125
|
-
e[46] === Symbol.for("react.memo_cache_sentinel") ? (Be = () => {
|
|
126
|
-
var f;
|
|
127
|
-
const a = sn;
|
|
128
|
-
return (f = S.current) == null || f.addEventListener("wheel", a, {
|
|
129
|
-
passive: !1
|
|
130
|
-
}), () => {
|
|
131
|
-
var u;
|
|
132
|
-
(u = S.current) == null || u.removeEventListener("wheel", a);
|
|
133
|
-
};
|
|
134
|
-
}, we = [], e[46] = Be, e[47] = we) : (Be = e[46], we = e[47]), ft(Be, we);
|
|
135
|
-
let Re;
|
|
136
|
-
e[48] !== n ? (Re = () => {
|
|
137
|
-
const a = n === "medium" ? 16 : 8, f = {};
|
|
138
|
-
if (Qe.current) {
|
|
139
|
-
const u = Qe.current.offsetWidth;
|
|
140
|
-
f.paddingInlineStart = a + u + "px";
|
|
141
|
-
}
|
|
142
|
-
if (Ze.current) {
|
|
143
|
-
const u = Ze.current.offsetWidth;
|
|
144
|
-
f.paddingInlineEnd = a + u + "px";
|
|
145
|
-
}
|
|
146
|
-
At(f), St(!0);
|
|
147
|
-
}, e[48] = n, e[49] = Re) : Re = e[49];
|
|
148
|
-
let Le;
|
|
149
|
-
e[50] !== Je || e[51] !== l || e[52] !== n || e[53] !== i ? (Le = [l, i, n, Je], e[50] = Je, e[51] = l, e[52] = n, e[53] = i, e[54] = Le) : Le = e[54], vt(Re, Le);
|
|
150
|
-
let Ee, ke;
|
|
151
|
-
e[55] === Symbol.for("react.memo_cache_sentinel") ? (Ee = () => {
|
|
152
|
-
Lt && (async () => {
|
|
153
|
-
"fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), It(!0));
|
|
154
|
-
})();
|
|
155
|
-
}, ke = [], e[55] = Ee, e[56] = ke) : (Ee = e[55], ke = e[56]), vt(Ee, ke);
|
|
156
|
-
const et = n === "small";
|
|
157
|
-
let W, M, X, j, z, G, N, O, U, B, w, R, L;
|
|
158
|
-
if (e[57] !== ue || e[58] !== p || e[59] !== c || e[60] !== Ke || e[61] !== Ye || e[62] !== _e || e[63] !== he || e[64] !== m || e[65] !== s || e[66] !== be || e[67] !== x || e[68] !== o || e[69] !== me || 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] !== d || e[82] !== et || e[83] !== y) {
|
|
159
|
-
const a = E(t.affix, {
|
|
160
|
-
[t.affixSmall]: et,
|
|
161
|
-
[t.affixDisabled]: c,
|
|
162
|
-
[t.affixReadonly]: v
|
|
163
|
-
}), f = `${s}-label`, u = `${s}-feedback`, Fe = `${s}-hint`, Y = `${s}-value-announcer`, Dt = m ? ` ${Fe}` : "";
|
|
164
|
-
let Pe;
|
|
165
|
-
e[97] !== p ? (Pe = E(t.root, p), e[97] = p, e[98] = Pe) : Pe = e[98];
|
|
166
|
-
const gt = Pe, st = n === "small", lt = l || i;
|
|
167
|
-
let $e;
|
|
168
|
-
e[99] !== o || e[100] !== me || e[101] !== st || e[102] !== lt ? ($e = E(t.input, {
|
|
169
|
-
[t.inputSmall]: st,
|
|
170
|
-
[t.inputInvalid]: o,
|
|
171
|
-
[t.inputHasAffix]: lt,
|
|
172
|
-
[t.inputIsReady]: me
|
|
173
|
-
}), e[99] = o, e[100] = me, e[101] = st, e[102] = lt, e[103] = $e) : $e = e[103];
|
|
174
|
-
const it = $e;
|
|
175
|
-
let qe;
|
|
176
|
-
e[104] !== c || e[105] !== he || e[106] !== g ? (qe = E(t.label, {
|
|
177
|
-
[t.labelHidden]: he,
|
|
178
|
-
[t.labelDisabled]: c,
|
|
179
|
-
[t.labelRequired]: g
|
|
180
|
-
}), e[104] = c, e[105] = he, e[106] = g, e[107] = qe) : qe = e[107];
|
|
181
|
-
const at = qe, ot = n === "small";
|
|
182
|
-
let He;
|
|
183
|
-
e[108] !== ot ? (He = E(t.secondActionButton, {
|
|
184
|
-
[t.secondActionButtonSmall]: ot
|
|
185
|
-
}), e[108] = ot, e[109] = He) : He = e[109], W = He;
|
|
186
|
-
const rt = n === "small";
|
|
187
|
-
let Ve;
|
|
188
|
-
e[110] !== rt ? (Ve = E(t.actionButton, {
|
|
189
|
-
[t.actionButtonSmall]: rt
|
|
190
|
-
}), e[110] = rt, e[111] = Ve) : Ve = e[111], j = Ve;
|
|
191
|
-
let Te;
|
|
192
|
-
e[112] !== o || e[113] !== d || e[114] !== u || e[115] !== Y ? (Te = () => {
|
|
193
|
-
const r = [Y];
|
|
194
|
-
return o && d && r.push(u), r.join(" ");
|
|
195
|
-
}, e[112] = o, e[113] = d, e[114] = u, e[115] = Y, e[116] = Te) : Te = e[116];
|
|
196
|
-
const Nt = Te;
|
|
197
|
-
let We;
|
|
198
|
-
e[117] !== ue ? (We = () => {
|
|
199
|
-
var r;
|
|
200
|
-
if (S.current) {
|
|
201
|
-
Ue(S.current.value);
|
|
202
|
-
const Bt = new Event("change", {
|
|
203
|
-
bubbles: !0
|
|
204
|
-
});
|
|
205
|
-
(r = S.current) == null || r.dispatchEvent(Bt), _t(`${ue} ${S.current.value}`);
|
|
206
|
-
}
|
|
207
|
-
}, e[117] = ue, e[118] = We) : We = e[118];
|
|
208
|
-
const Z = We;
|
|
209
|
-
let Me;
|
|
210
|
-
e[119] !== Z ? (Me = () => {
|
|
211
|
-
var r;
|
|
212
|
-
(r = S.current) == null || r.stepDown(), Z();
|
|
213
|
-
}, e[119] = Z, e[120] = Me) : Me = e[120], M = Me;
|
|
214
|
-
let Xe;
|
|
215
|
-
e[121] !== Z ? (Xe = () => {
|
|
216
|
-
var r;
|
|
217
|
-
(r = S.current) == null || r.stepUp(), Z();
|
|
218
|
-
}, e[121] = Z, e[122] = Xe) : Xe = e[122], X = Xe;
|
|
219
|
-
let je;
|
|
220
|
-
e[123] !== _ ? (je = (r) => {
|
|
221
|
-
Ue(r.target.value), _ && _(r);
|
|
222
|
-
}, e[123] = _, e[124] = je) : je = e[124];
|
|
223
|
-
const ct = je;
|
|
224
|
-
U = gt, e[125] !== s || e[126] !== f || e[127] !== b || e[128] !== at ? (B = /* @__PURE__ */ I("label", { className: at, id: f, htmlFor: s, children: b }), e[125] = s, e[126] = f, e[127] = b, e[128] = at, e[129] = B) : B = e[129], e[130] !== m || e[131] !== Fe ? (w = m && /* @__PURE__ */ I("div", { className: t.hint, id: Fe, children: m }), e[130] = m, e[131] = Fe, e[132] = w) : w = e[132], e[133] !== y || e[134] !== Y ? (R = /* @__PURE__ */ I("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: y }), e[133] = y, e[134] = Y, e[135] = R) : R = e[135], e[136] !== o || e[137] !== d || e[138] !== u ? (L = o && d && /* @__PURE__ */ I(kt, { className: t.feedback, message: d, type: "invalid", id: u }), e[136] = o, e[137] = d, e[138] = u, e[139] = L) : L = e[139], z = t.wrapper, G = l && /* @__PURE__ */ I("span", { className: E(a, t.prefix), ref: Qe, "aria-disabled": c, children: Ke });
|
|
225
|
-
const ut = `${f}${Dt}`, dt = Nt();
|
|
226
|
-
e[140] !== c || e[141] !== _e || e[142] !== ct || e[143] !== s || e[144] !== it || e[145] !== be || e[146] !== x || e[147] !== o || e[148] !== P || e[149] !== $ || e[150] !== v || e[151] !== g || e[152] !== D || e[153] !== de || e[154] !== ut || e[155] !== dt ? (N = /* @__PURE__ */ I("input", { className: it, id: s, ...D, style: be, ref: _e, "aria-labelledby": ut, "aria-describedby": dt, "aria-invalid": o, "aria-disabled": v, disabled: c, min: $, max: P, readOnly: v, required: g, step: de, type: "number", value: x, onChange: ct }), e[140] = c, e[141] = _e, e[142] = ct, e[143] = s, e[144] = it, e[145] = be, e[146] = x, e[147] = o, e[148] = P, e[149] = $, e[150] = v, e[151] = g, e[152] = D, e[153] = de, e[154] = ut, e[155] = dt, e[156] = N) : N = e[156], O = i && /* @__PURE__ */ I("span", { className: E(a, t.suffix), ref: Ze, "aria-disabled": c, children: Ye }), e[57] = ue, e[58] = p, e[59] = c, e[60] = Ke, e[61] = Ye, e[62] = _e, e[63] = he, e[64] = m, e[65] = s, e[66] = be, e[67] = x, e[68] = o, e[69] = me, 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] = d, e[82] = et, 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] = R, e[96] = L;
|
|
227
|
-
} else
|
|
228
|
-
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], R = e[95], L = e[96];
|
|
229
|
-
const tt = c || v || !!x && Number(x) <= Number($);
|
|
230
|
-
let J;
|
|
231
|
-
e[157] !== W || e[158] !== Ge || e[159] !== M || e[160] !== H || e[161] !== n || e[162] !== tt ? (J = /* @__PURE__ */ I(xt, { ...H, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: W, size: n, onClick: M, disabled: tt, type: "button", children: Ge }), e[157] = W, e[158] = Ge, e[159] = M, e[160] = H, e[161] = n, e[162] = tt, e[163] = J) : J = e[163];
|
|
232
|
-
const nt = c || v || !!x && Number(x) >= Number(P);
|
|
233
|
-
let K;
|
|
234
|
-
e[164] !== X || e[165] !== Oe || e[166] !== j || e[167] !== T || e[168] !== n || e[169] !== nt ? (K = /* @__PURE__ */ I(xt, { ...T, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", className: j, size: n, onClick: X, disabled: nt, type: "button", children: Oe }), e[164] = X, e[165] = Oe, e[166] = j, e[167] = T, e[168] = n, e[169] = nt, e[170] = K) : K = e[170];
|
|
235
|
-
let Q;
|
|
236
|
-
e[171] !== z || e[172] !== G || e[173] !== N || e[174] !== O || e[175] !== J || e[176] !== K ? (Q = /* @__PURE__ */ ht("div", { className: z, children: [
|
|
237
|
-
G,
|
|
238
|
-
N,
|
|
239
|
-
O,
|
|
240
|
-
J,
|
|
241
|
-
K
|
|
242
|
-
] }), e[171] = z, e[172] = G, e[173] = N, e[174] = O, e[175] = J, e[176] = K, e[177] = Q) : Q = e[177];
|
|
243
|
-
let Ce;
|
|
244
|
-
return e[178] !== U || e[179] !== B || e[180] !== w || e[181] !== R || e[182] !== L || e[183] !== Q ? (Ce = /* @__PURE__ */ ht("div", { className: U, children: [
|
|
245
|
-
B,
|
|
246
|
-
w,
|
|
247
|
-
R,
|
|
248
|
-
L,
|
|
249
|
-
Q
|
|
250
|
-
] }), e[178] = U, e[179] = B, e[180] = w, e[181] = R, e[182] = L, e[183] = Q, e[184] = Ce) : Ce = e[184], Ce;
|
|
251
|
-
});
|
|
252
|
-
nn.displayName = "DSInputStepper";
|
|
253
|
-
function sn(k) {
|
|
254
|
-
k.preventDefault();
|
|
255
|
-
}
|
|
256
|
-
export {
|
|
257
|
-
nn as D,
|
|
258
|
-
tn as v
|
|
259
|
-
};
|