@stihl-design-system/components 1.0.0-RC.42 → 1.0.0-RC.44
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.CiiPLwYQ.js → accordion.fQnuIgvf.js} +2 -2
- package/action-card-example-image-1.webp +0 -0
- package/{actionbutton.DKb4ph1c.js → actionbutton.CrKiuo82.js} +3 -3
- package/actioncard.WFXhVqOa.js +9 -0
- package/actioncard.d.ts +2 -0
- package/{actionlink.DEGta2h9.js → actionlink.Df17YKFt.js} +3 -3
- package/arialiveregions.BF6mUlPU.js +23 -0
- package/assets/ActionCard.C85bSGRa.css +1 -0
- package/assets/LinkCard.z1Yjue7-.css +1 -0
- package/assets/Toast.CGl8z6mX.css +1 -0
- package/assets/filelist.CHVupL8T.css +1 -0
- package/assets/filepreview.2cdH-1Xs.css +1 -0
- package/assets/progressindicator.Cbbzo5-b.css +1 -0
- package/{banner.S_c1UQJe.js → banner.Zxe9epVx.js} +1 -1
- package/{breadcrumb.DiuuVblR.js → breadcrumb.FfS9gDhB.js} +3 -3
- package/{button.Z7Mmvwhv.js → button.Bq_b-jF3.js} +4 -4
- package/{buttonround.Bqi8Ej-y.js → buttonround.C2Tbq4wh.js} +3 -3
- package/card-example-image-9.webp +0 -0
- package/{checkbox.DtSSduSH.js → checkbox.DiIxW8xI.js} +3 -3
- package/{checkboxgroup.CSP1DOCW.js → checkboxgroup.CN0WCDIo.js} +2 -2
- package/{chip.CyypeY5M.js → chip.C9GLR8lU.js} +3 -3
- package/chipgroup.DEMaFBAV.js +213 -0
- package/chunks/Accordion.CHgxTFzp.js +173 -0
- package/chunks/{ActionButton.BEMy35Lh.js → ActionButton.CLeOd9rU.js} +2 -2
- package/chunks/ActionCard.oi3u27DL.js +242 -0
- package/chunks/{ActionLink.DECHT42B.js → ActionLink.BsBKNYu5.js} +2 -2
- package/chunks/AriaLiveRegions.utils.8ofDlHnN.js +65 -0
- package/chunks/{Breadcrumb.nflDJoKs.js → Breadcrumb.Dz3JQ2Vx.js} +2 -2
- package/chunks/{Button.DpGeheky.js → Button.P9uWeVnl.js} +3 -3
- package/chunks/{Checkbox.B3NeB54s.js → Checkbox.B3g2P15v.js} +2 -2
- package/chunks/{CheckboxGroup.BYZSvqF7.js → CheckboxGroup.Bg9WSL5B.js} +2 -2
- package/chunks/Chip.CfxdI4_r.js +157 -0
- package/chunks/{CustomReactSelect.DBsnmMPl.js → CustomReactSelect.DuAr_i4b.js} +4 -4
- package/chunks/{Dialog.C-rcs_Up.js → Dialog.C8pnDioL.js} +1 -1
- package/chunks/{Drawer.D0d557c5.js → Drawer.wTQvINDy.js} +1 -1
- package/chunks/{Fieldset.7WM7w62l.js → Fieldset.DdYeI2CZ.js} +2 -2
- package/chunks/Icon.BoywkLCM.js +232 -0
- package/chunks/InputFile.CR8ucopi.js +260 -0
- package/chunks/{InputNumber.a44HnJ9B.js → InputNumber.BFZFmfye.js} +3 -3
- package/chunks/{InputPassword.B1E0Maub.js → InputPassword.C311ncrv.js} +3 -3
- package/chunks/{InputSearch.C7AvD7Eu.js → InputSearch.BxDshauv.js} +3 -3
- package/chunks/{LinkButton.CMjq2FKc.js → LinkButton.D20xLcuG.js} +2 -2
- package/chunks/LinkCard.CXJLlBi2.js +193 -0
- package/chunks/{NavigationTabList.ltT6igtk.js → NavigationTabList.CUFceGFf.js} +1 -1
- package/chunks/{NavigationTabs.DsVepb7H.js → NavigationTabs.B57dlMSM.js} +1 -1
- package/chunks/{Notification.COwLndR0.js → Notification.C6oDyXgu.js} +2 -2
- package/chunks/Popover.BmpyqKuQ.js +221 -0
- package/chunks/{RadioGroup.B-qTH31u.js → RadioGroup.DkBkatv7.js} +1 -1
- package/chunks/{Select.DrDVi9lg.js → Select.Tt9kT7fQ.js} +3 -3
- package/chunks/{Slider.DGMrDfWv.js → Slider.XqqBxGnd.js} +2 -2
- package/chunks/Stepper.BnrFN6cJ.js +146 -0
- package/chunks/{SystemFeedback.DFN6Y2cw.js → SystemFeedback.D4aWwoC8.js} +1 -1
- package/chunks/{Tabs.DfH2q9EL.js → Tabs.kCft3oEd.js} +1 -1
- package/chunks/{Textarea.ymNCbcvH.js → Textarea.DDcx_Pdr.js} +2 -2
- package/chunks/Toast.DddHXsvZ.js +76 -0
- package/chunks/battery-return.tBu7C6Q7.js +10 -0
- package/chunks/bills.qn1VUEaT.js +10 -0
- package/chunks/click-collect.B77dWI72.js +10 -0
- package/chunks/compare.Dmb4yOj7.js +10 -0
- package/chunks/cookie.U09gK6it.js +10 -0
- package/chunks/{compare.BgktBbYD.js → credit-card.BmIN7RQ3.js} +3 -3
- package/chunks/currency-dollar.DgDMDMzW.js +10 -0
- package/chunks/currency-euro.B7cX0UJ0.js +10 -0
- package/chunks/currency-pound.DLXGbEzS.js +10 -0
- package/chunks/currency-yen.nzl1eMGq.js +10 -0
- package/chunks/delivery.Cy1VuLLq.js +10 -0
- package/chunks/discount.Cu30XoAp.js +10 -0
- package/chunks/legal-info.-S9gzFzc.js +10 -0
- package/chunks/legal.CVCmbA3m.js +10 -0
- package/chunks/manuals.D5j_4hEf.js +10 -0
- package/chunks/package-return.Cw7Jb6Tw.js +10 -0
- package/chunks/payment.CvfGpsgi.js +10 -0
- package/chunks/present.B4ImIJxi.js +10 -0
- package/chunks/recycling.CRBYpi-q.js +10 -0
- package/chunks/reward.Bf4L-zQI.js +10 -0
- package/chunks/safety-regulations.clEkWNfB.js +10 -0
- package/chunks/support.BCU2Kxw2.js +10 -0
- package/{combobox.DzSEFo_5.js → combobox.B-BIvd5K.js} +1 -1
- package/components/Accordion/Accordion.d.ts +6 -1
- package/components/ActionButton/ActionButton.d.ts +1 -1
- package/components/ActionCard/ActionCard.d.ts +75 -0
- package/components/ActionCard/ActionCard.utils.d.ts +24 -0
- package/components/AriaLiveRegions/AriaLiveRegions.d.ts +22 -1
- package/components/AriaLiveRegions/AriaLiveRegions.test.d.ts +1 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +106 -0
- package/components/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/components/Button/Button.d.ts +1 -1
- package/components/ChipGroup/ChipGroup.utils.d.ts +14 -15
- package/components/Icon/Icon.d.ts +1 -1
- package/components/InputFile/FileList/FileList.d.ts +14 -0
- package/components/InputFile/FileList/FileList.test.d.ts +1 -0
- package/components/{FileList → InputFile/FileList}/FileList.utils.d.ts +0 -6
- package/components/InputFile/FileList/FileList.utils.test.d.ts +1 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +15 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.test.d.ts +1 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.utils.d.ts +11 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.utils.test.d.ts +1 -0
- package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +34 -0
- package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.test.d.ts +1 -0
- package/components/InputFile/InputFile.d.ts +49 -15
- package/components/InputFile/InputFile.utils.d.ts +14 -0
- package/components/LinkButton/LinkButton.d.ts +1 -1
- package/components/LinkCard/LinkCard.d.ts +32 -6
- package/components/LinkCard/LinkCard.utils.d.ts +2 -8
- package/components/Logo/Logo.d.ts +1 -1
- package/components/NavigationTabs/NavigationTabs.d.ts +1 -1
- package/components/Spinner/Spinner.d.ts +1 -1
- package/components/Stepper/Stepper.d.ts +1 -1
- package/components/Stepper/Stepper.utils.d.ts +0 -1
- package/components/Switch/Switch.d.ts +1 -1
- package/components/Tabs/TabList/TabList.d.ts +1 -1
- package/components/Toast/ToastManager.utils.d.ts +0 -1
- package/components/TopBar/TopBar.d.ts +1 -1
- package/{customreactselect.D7YraWJ7.js → customreactselect.B7p1pKdD.js} +5 -5
- package/{dialog.CBovd8em.js → dialog.BqLpjUB7.js} +2 -2
- package/{drawer.D5F0KXI2.js → drawer.Cd-nCvZc.js} +2 -2
- package/{fieldset.DgbZ_K_l.js → fieldset.CZZsUwkL.js} +3 -3
- package/filelist.BhBVr4dj.js +128 -0
- package/filelist.d.ts +1 -1
- package/filepreview.BTWX71Xh.js +94 -0
- package/filepreview.d.ts +2 -0
- package/{flag.D-wrUioF.js → flag.B0fg5_Ly.js} +1 -1
- package/{floatingactionbutton.CE-Rz0dx.js → floatingactionbutton.C97oLCcd.js} +3 -3
- package/{icon.ByLYRkPZ.js → icon.DfDzyo8I.js} +1 -1
- package/index.d.ts +3 -0
- package/index.es.js +233 -219
- package/{input.MZXe6rlg.js → input.DIJfEjWf.js} +4 -4
- package/inputfile.h6E4CGVo.js +18 -0
- package/{inputnumber.DevQudIX.js → inputnumber.mm_Irbl8.js} +4 -4
- package/{inputpassword.C-XYK-JP.js → inputpassword.C2lyKMkw.js} +4 -4
- package/{inputsearch.CmJdxnzX.js → inputsearch.BjkPPx6s.js} +4 -4
- package/{link.R1lfD5aN.js → link.Cej-vl_K.js} +3 -3
- package/{linkbutton.Y-ET1tc9.js → linkbutton.Brcp-b5r.js} +3 -3
- package/{linkcard.CayqoQNo.js → linkcard.COvLNYk7.js} +5 -4
- package/{navigationtablist.Cd9hZzFQ.js → navigationtablist.BBeiLPse.js} +2 -2
- package/{navigationtabs.DHG-TeF2.js → navigationtabs.DzPsYusL.js} +2 -2
- package/{notification.u_LLz-O0.js → notification.CliKozt4.js} +3 -3
- package/{optioncheckbox.v8Plcgeg.js → optioncheckbox.BOfgK3U_.js} +1 -1
- package/package.json +1 -1
- package/partials/index.js +15 -9
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.T7-imfkx.js → popover.ChNhlQVw.js} +4 -3
- package/product-card-example-1.webp +0 -0
- package/product-card-example-2.webp +0 -0
- package/product-card-example-3.webp +0 -0
- package/product-card-example-4.webp +0 -0
- package/progressindicator.DIzH179H.js +53 -0
- package/progressindicator.d.ts +2 -0
- package/{radiogroup.CAh4wto1.js → radiogroup.DL5scGbv.js} +2 -2
- package/{scroller.DfhhZelk.js → scroller.DwhsKecL.js} +1 -1
- package/{select.CSCc_-6d.js → select.mbkkptY-.js} +4 -4
- package/{skiptocontent.C2HpZt5q.js → skiptocontent.CAXMZlhM.js} +1 -1
- package/{slider.B2aQwfc2.js → slider.DvrNqhCC.js} +3 -3
- package/{spinner.CRVyui04.js → spinner.CJmvEaCu.js} +1 -1
- package/{step.C-LC5sKQ.js → step.B-afaoZI.js} +2 -2
- package/{stepper.CRljfUF8.js → stepper.B0euF2om.js} +4 -4
- package/{switch.DgKgzm-j.js → switch.BadzT87Z.js} +2 -2
- package/{systemfeedback.BKLsE5sY.js → systemfeedback.BfGF0ENk.js} +2 -2
- package/{tablist.DPiNeY3_.js → tablist.CLKzkkTc.js} +3 -3
- package/{tabs.Cxzm6ZZ-.js → tabs.ClFPZyaL.js} +2 -2
- package/{textarea.CDXY-OVz.js → textarea.B06ZGH_0.js} +3 -3
- package/{toast.Bev-Rfuw.js → toast.uarxRSg4.js} +3 -3
- package/toastmanager.ClwydHnH.js +79 -0
- package/tooltip.C6HKano9.js +184 -0
- package/types/icon-types.d.ts +1 -1
- package/arialiveregions.B0AV2JcV.js +0 -18
- package/assets/LinkCard.C6HtgbjH.css +0 -1
- package/assets/Toast.DgRXxA0s.css +0 -1
- package/assets/filelist.H_wKcSPX.css +0 -1
- package/chipgroup.CSjQHeeW.js +0 -199
- package/chunks/Accordion.Q50G9LZ3.js +0 -172
- package/chunks/AriaLiveRegions.utils.CLpOaVD9.js +0 -27
- package/chunks/Chip.SiGIIHR-.js +0 -133
- package/chunks/Icon.m6sMB6vl.js +0 -232
- package/chunks/InputFile.DRGNdtY0.js +0 -236
- package/chunks/LinkCard.CJ5P0ews.js +0 -199
- package/chunks/Popover.C5wtha5l.js +0 -214
- package/chunks/Stepper.DptsFh5n.js +0 -152
- package/chunks/Toast.RUzRjojQ.js +0 -76
- package/components/FileList/FileList.d.ts +0 -13
- package/filelist.CDEBo3Pi.js +0 -160
- package/inputfile.BO4wDnzQ.js +0 -18
- package/toastmanager.DII20_9k.js +0 -89
- package/tooltip._lP4aMV2.js +0 -177
- /package/components/{FileList/FileList.test.d.ts → ActionCard/ActionCard.test.d.ts} +0 -0
- /package/components/{FileList/FileList.utils.test.d.ts → ActionCard/ActionCard.utils.test.d.ts} +0 -0
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as J, Fragment as re, jsx as v } from "react/jsx-runtime";
|
|
3
|
+
import { d as A } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as S } from "./index.DQOqod3i.js";
|
|
5
|
+
import oe, { isValidElement as te, useRef as le, useEffect as ne, cloneElement as se } from "react";
|
|
6
|
+
import { g as ee } from "./helpers.CexwVao7.js";
|
|
7
|
+
import '../assets/ActionCard.C85bSGRa.css';const ie = "ds-action-card_root_rfquv_1", ce = "ds-action-card_root--clickable_rfquv_11", de = "ds-action-card_primary-action_rfquv_20", me = "ds-action-card_header_rfquv_34", pe = "ds-action-card_content_rfquv_34", fe = "ds-action-card_footer_rfquv_34", ue = "ds-action-card_supplementary_rfquv_34", ye = "ds-action-card_root--horizontal_rfquv_43", _e = "ds-action-card_image-wrapper_rfquv_51", Ne = "ds-action-card_content-wrapper_rfquv_62", he = "ds-action-card_content-wrapper--padding-small_rfquv_67", be = "ds-action-card_root--horizontal-has-supplementary_rfquv_75", ge = "ds-action-card_root--padding-small_rfquv_78", ve = "ds-action-card_primary-action-label_rfquv_158", d = {
|
|
8
|
+
root: ie,
|
|
9
|
+
rootClickable: ce,
|
|
10
|
+
primaryAction: de,
|
|
11
|
+
header: me,
|
|
12
|
+
content: pe,
|
|
13
|
+
footer: fe,
|
|
14
|
+
supplementary: ue,
|
|
15
|
+
rootHorizontal: ye,
|
|
16
|
+
imageWrapper: _e,
|
|
17
|
+
contentWrapper: Ne,
|
|
18
|
+
contentWrapperPaddingSmall: he,
|
|
19
|
+
rootHorizontalHasSupplementary: be,
|
|
20
|
+
rootPaddingSmall: ge,
|
|
21
|
+
primaryActionLabel: ve
|
|
22
|
+
}, Ce = ({
|
|
23
|
+
aria: n,
|
|
24
|
+
cardElement: e
|
|
25
|
+
}) => {
|
|
26
|
+
const a = n?.["aria-labelledby"], t = n?.["aria-label"];
|
|
27
|
+
if (e) {
|
|
28
|
+
if (!a && !t)
|
|
29
|
+
throw new Error(ee("DSActionCard", "The 'aria' prop is required and must include either 'aria-labelledby' or 'aria-label'."));
|
|
30
|
+
if (a && !e.querySelector("#" + a))
|
|
31
|
+
throw new Error(ee("DSActionCard", `The provided 'aria-labelledby' value '${a}' does not match any element ID within the card.`));
|
|
32
|
+
}
|
|
33
|
+
}, P = (n, e) => {
|
|
34
|
+
const a = [];
|
|
35
|
+
return oe.Children.forEach(n, (t) => {
|
|
36
|
+
if (!te(t))
|
|
37
|
+
return;
|
|
38
|
+
const r = t.type, o = e, l = o.displayName || o.name, m = r.displayName || r.name;
|
|
39
|
+
(t.type === e || m === l) && a.push(t);
|
|
40
|
+
}), a;
|
|
41
|
+
}, q = (n) => {
|
|
42
|
+
const e = A.c(48);
|
|
43
|
+
let a, t, r, o, l, m, c;
|
|
44
|
+
e[0] !== n ? ({
|
|
45
|
+
aria: a,
|
|
46
|
+
className: r,
|
|
47
|
+
classNameContentWrapper: o,
|
|
48
|
+
children: t,
|
|
49
|
+
orientation: m,
|
|
50
|
+
padding: c,
|
|
51
|
+
...l
|
|
52
|
+
} = n, e[0] = n, e[1] = a, e[2] = t, e[3] = r, e[4] = o, e[5] = l, e[6] = m, e[7] = c) : (a = e[1], t = e[2], r = e[3], o = e[4], l = e[5], m = e[6], c = e[7]);
|
|
53
|
+
const h = m === void 0 ? "vertical" : m, b = c === void 0 ? "medium" : c, p = le(null);
|
|
54
|
+
let f;
|
|
55
|
+
e[8] !== t ? (f = P(t, K), e[8] = t, e[9] = f) : f = e[9];
|
|
56
|
+
const _ = f;
|
|
57
|
+
let u;
|
|
58
|
+
e[10] !== t ? (u = P(t, Q), e[10] = t, e[11] = u) : u = e[11];
|
|
59
|
+
const g = u;
|
|
60
|
+
let y;
|
|
61
|
+
e[12] !== t ? (y = P(t, U), e[12] = t, e[13] = y) : y = e[13];
|
|
62
|
+
const N = y;
|
|
63
|
+
let s;
|
|
64
|
+
e[14] !== t ? (s = P(t, Y), e[14] = t, e[15] = s) : s = e[15];
|
|
65
|
+
const i = s;
|
|
66
|
+
let C;
|
|
67
|
+
e[16] !== t ? (C = P(t, X), e[16] = t, e[17] = C) : C = e[17];
|
|
68
|
+
const H = C;
|
|
69
|
+
let E;
|
|
70
|
+
e[18] !== t ? (E = P(t, Z), e[18] = t, e[19] = E) : E = e[19];
|
|
71
|
+
const z = E, T = z.length > 0, x = h === "horizontal", F = b === "small", M = h === "horizontal" && i.length > 0;
|
|
72
|
+
let W;
|
|
73
|
+
e[20] !== r || e[21] !== T || e[22] !== F || e[23] !== M || e[24] !== x ? (W = S(d.root, r, {
|
|
74
|
+
[d.rootHorizontal]: x,
|
|
75
|
+
[d.rootPaddingSmall]: F,
|
|
76
|
+
[d.rootHorizontalHasSupplementary]: M,
|
|
77
|
+
[d.rootClickable]: T
|
|
78
|
+
}), e[20] = r, e[21] = T, e[22] = F, e[23] = M, e[24] = x, e[25] = W) : W = e[25];
|
|
79
|
+
const R = W, j = b === "small";
|
|
80
|
+
let k;
|
|
81
|
+
e[26] !== o || e[27] !== j ? (k = S(d.contentWrapper, o, {
|
|
82
|
+
[d.contentWrapperPaddingSmall]: j
|
|
83
|
+
}), e[26] = o, e[27] = j, e[28] = k) : k = e[28];
|
|
84
|
+
const O = k;
|
|
85
|
+
let w;
|
|
86
|
+
e[29] !== a ? (w = () => {
|
|
87
|
+
const ae = p.current;
|
|
88
|
+
process.env.NODE_ENV !== "production" && Ce({
|
|
89
|
+
aria: a,
|
|
90
|
+
cardElement: ae
|
|
91
|
+
});
|
|
92
|
+
}, e[29] = a, e[30] = w) : w = e[30];
|
|
93
|
+
const V = a?.["aria-labelledby"], B = a?.["aria-label"];
|
|
94
|
+
let L;
|
|
95
|
+
e[31] !== V || e[32] !== B ? (L = [V, B], e[31] = V, e[32] = B, e[33] = L) : L = e[33], ne(w, L);
|
|
96
|
+
const I = a?.["aria-labelledby"], G = a?.["aria-label"];
|
|
97
|
+
let D;
|
|
98
|
+
e[34] !== O || e[35] !== g || e[36] !== N || e[37] !== _ ? (D = /* @__PURE__ */ J("div", { className: O, children: [
|
|
99
|
+
_,
|
|
100
|
+
g,
|
|
101
|
+
N
|
|
102
|
+
] }), e[34] = O, e[35] = g, e[36] = N, e[37] = _, e[38] = D) : D = e[38];
|
|
103
|
+
let $;
|
|
104
|
+
return e[39] !== H || e[40] !== z || e[41] !== l || e[42] !== R || e[43] !== i || e[44] !== I || e[45] !== G || e[46] !== D ? ($ = /* @__PURE__ */ J("article", { ...l, "aria-labelledby": I, "aria-label": G, ref: p, className: R, children: [
|
|
105
|
+
z,
|
|
106
|
+
D,
|
|
107
|
+
i,
|
|
108
|
+
H
|
|
109
|
+
] }), e[39] = H, e[40] = z, e[41] = l, e[42] = R, e[43] = i, e[44] = I, e[45] = G, e[46] = D, e[47] = $) : $ = e[47], $;
|
|
110
|
+
}, K = (n) => {
|
|
111
|
+
const e = A.c(5), {
|
|
112
|
+
children: a,
|
|
113
|
+
className: t
|
|
114
|
+
} = n;
|
|
115
|
+
let r;
|
|
116
|
+
e[0] !== t ? (r = S(d.header, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
|
|
117
|
+
const o = r;
|
|
118
|
+
let l;
|
|
119
|
+
return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("header", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
|
|
120
|
+
};
|
|
121
|
+
K.displayName = "DSActionCard.Header";
|
|
122
|
+
const Q = (n) => {
|
|
123
|
+
const e = A.c(5), {
|
|
124
|
+
children: a,
|
|
125
|
+
className: t
|
|
126
|
+
} = n;
|
|
127
|
+
let r;
|
|
128
|
+
e[0] !== t ? (r = S(d.content, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
|
|
129
|
+
const o = r;
|
|
130
|
+
let l;
|
|
131
|
+
return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("div", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
|
|
132
|
+
};
|
|
133
|
+
Q.displayName = "DSActionCard.Content";
|
|
134
|
+
const U = (n) => {
|
|
135
|
+
const e = A.c(5), {
|
|
136
|
+
children: a,
|
|
137
|
+
className: t
|
|
138
|
+
} = n;
|
|
139
|
+
let r;
|
|
140
|
+
e[0] !== t ? (r = S(d.footer, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
|
|
141
|
+
const o = r;
|
|
142
|
+
let l;
|
|
143
|
+
return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("footer", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
|
|
144
|
+
};
|
|
145
|
+
U.displayName = "DSActionCard.Footer";
|
|
146
|
+
const X = (n) => {
|
|
147
|
+
const e = A.c(5), {
|
|
148
|
+
children: a,
|
|
149
|
+
className: t
|
|
150
|
+
} = n;
|
|
151
|
+
let r;
|
|
152
|
+
e[0] !== t ? (r = S(d.imageWrapper, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
|
|
153
|
+
const o = r;
|
|
154
|
+
let l;
|
|
155
|
+
return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("div", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
|
|
156
|
+
};
|
|
157
|
+
X.displayName = "DSActionCard.Media";
|
|
158
|
+
const Y = (n) => {
|
|
159
|
+
const e = A.c(5), {
|
|
160
|
+
children: a,
|
|
161
|
+
className: t
|
|
162
|
+
} = n;
|
|
163
|
+
let r;
|
|
164
|
+
e[0] !== t ? (r = S(d.supplementary, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
|
|
165
|
+
const o = r;
|
|
166
|
+
let l;
|
|
167
|
+
return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("div", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
|
|
168
|
+
};
|
|
169
|
+
Y.displayName = "DSActionCard.Supplementary";
|
|
170
|
+
const Z = (n) => {
|
|
171
|
+
const e = A.c(56);
|
|
172
|
+
let a, t, r, o, l, m;
|
|
173
|
+
e[0] !== n ? ({
|
|
174
|
+
children: a,
|
|
175
|
+
className: t,
|
|
176
|
+
href: r,
|
|
177
|
+
linkComponent: o,
|
|
178
|
+
onClick: l,
|
|
179
|
+
...m
|
|
180
|
+
} = n, e[0] = n, e[1] = a, e[2] = t, e[3] = r, e[4] = o, e[5] = l, e[6] = m) : (a = e[1], t = e[2], r = e[3], o = e[4], l = e[5], m = e[6]);
|
|
181
|
+
let c, h, b, p, f, _, u, g, y, N;
|
|
182
|
+
if (e[7] !== a || e[8] !== t || e[9] !== o || e[10] !== m) {
|
|
183
|
+
g = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
|
|
184
|
+
e: {
|
|
185
|
+
p = S(d.primaryAction, t) || void 0;
|
|
186
|
+
const s = m;
|
|
187
|
+
if (e[21] !== s ? ({
|
|
188
|
+
download: h,
|
|
189
|
+
hrefLang: b,
|
|
190
|
+
ping: f,
|
|
191
|
+
referrerPolicy: _,
|
|
192
|
+
rel: u,
|
|
193
|
+
target: y,
|
|
194
|
+
type: N,
|
|
195
|
+
...c
|
|
196
|
+
} = s, e[21] = s, e[22] = c, e[23] = h, e[24] = b, e[25] = f, e[26] = _, e[27] = u, e[28] = y, e[29] = N) : (c = e[22], h = e[23], b = e[24], f = e[25], _ = e[26], u = e[27], y = e[28], N = e[29]), o && te(o)) {
|
|
197
|
+
let i;
|
|
198
|
+
e[30] !== a ? (i = /* @__PURE__ */ v("span", { className: d.primaryActionLabel, children: a }), e[30] = a, e[31] = i) : i = e[31];
|
|
199
|
+
let C;
|
|
200
|
+
e[32] !== o.props.children || e[33] !== i ? (C = /* @__PURE__ */ J(re, { children: [
|
|
201
|
+
i,
|
|
202
|
+
o.props.children
|
|
203
|
+
] }), e[32] = o.props.children, e[33] = i, e[34] = C) : C = e[34], g = se(o, {
|
|
204
|
+
...o.props,
|
|
205
|
+
className: S(p, o.props.className),
|
|
206
|
+
children: C
|
|
207
|
+
});
|
|
208
|
+
break e;
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
e[7] = a, e[8] = t, e[9] = o, e[10] = m, e[11] = c, e[12] = h, e[13] = b, e[14] = p, e[15] = f, e[16] = _, e[17] = u, e[18] = g, e[19] = y, e[20] = N;
|
|
212
|
+
} else
|
|
213
|
+
c = e[11], h = e[12], b = e[13], p = e[14], f = e[15], _ = e[16], u = e[17], g = e[18], y = e[19], N = e[20];
|
|
214
|
+
if (g !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
|
|
215
|
+
return g;
|
|
216
|
+
if (r) {
|
|
217
|
+
let s;
|
|
218
|
+
e[35] !== a ? (s = /* @__PURE__ */ v("span", { className: d.primaryActionLabel, children: a }), e[35] = a, e[36] = s) : s = e[36];
|
|
219
|
+
let i;
|
|
220
|
+
return e[37] !== c || e[38] !== h || e[39] !== r || e[40] !== b || e[41] !== p || e[42] !== f || e[43] !== _ || e[44] !== u || e[45] !== s || e[46] !== y || e[47] !== N ? (i = /* @__PURE__ */ v("a", { href: r, className: p, download: h, hrefLang: b, ping: f, referrerPolicy: _, rel: u, target: y, type: N, ...c, children: s }), e[37] = c, e[38] = h, e[39] = r, e[40] = b, e[41] = p, e[42] = f, e[43] = _, e[44] = u, e[45] = s, e[46] = y, e[47] = N, e[48] = i) : i = e[48], i;
|
|
221
|
+
}
|
|
222
|
+
if (l) {
|
|
223
|
+
let s;
|
|
224
|
+
e[49] !== a ? (s = /* @__PURE__ */ v("span", { className: d.primaryActionLabel, children: a }), e[49] = a, e[50] = s) : s = e[50];
|
|
225
|
+
let i;
|
|
226
|
+
return e[51] !== c || e[52] !== p || e[53] !== l || e[54] !== s ? (i = /* @__PURE__ */ v("button", { type: "button", className: p, onClick: l, ...c, children: s }), e[51] = c, e[52] = p, e[53] = l, e[54] = s, e[55] = i) : i = e[55], i;
|
|
227
|
+
}
|
|
228
|
+
return null;
|
|
229
|
+
};
|
|
230
|
+
Z.displayName = "DSActionCard.PrimaryAction";
|
|
231
|
+
q.Header = K;
|
|
232
|
+
q.Content = Q;
|
|
233
|
+
q.Footer = U;
|
|
234
|
+
q.Media = X;
|
|
235
|
+
q.PrimaryAction = Z;
|
|
236
|
+
q.Supplementary = Y;
|
|
237
|
+
q.displayName = "DSActionCard";
|
|
238
|
+
export {
|
|
239
|
+
q as D,
|
|
240
|
+
P as g,
|
|
241
|
+
Ce as v
|
|
242
|
+
};
|
|
@@ -3,9 +3,9 @@ import { jsxs as pt, jsx as b, Fragment as _t } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as mt } from "./index.cKLI89Eg.js";
|
|
4
4
|
import { c as R } from "./index.DQOqod3i.js";
|
|
5
5
|
import { forwardRef as vt } from "react";
|
|
6
|
-
import { D as kt } from "./Icon.
|
|
6
|
+
import { D as kt } from "./Icon.BoywkLCM.js";
|
|
7
7
|
import { NumberIndicator as bt } from "../numberindicator.ZGVRSmqf.js";
|
|
8
|
-
import { Tooltip as dt } from "../tooltip.
|
|
8
|
+
import { Tooltip as dt } from "../tooltip.C6HKano9.js";
|
|
9
9
|
import { g as m } from "./helpers.CexwVao7.js";
|
|
10
10
|
import '../assets/ActionLink.BJDUVdT7.css';const It = "ds-action-link_root_o08fb_1", Nt = "ds-action-link_root--indent-level-1_o08fb_75", ut = "ds-action-link_root--active_o08fb_78", At = "ds-action-link_root--active--with-marker_o08fb_81", wt = "ds-action-link_root--icon--top_o08fb_84", gt = "ds-action-link_root--stretched_o08fb_110", Wt = "ds-action-link_active-marker_o08fb_115", Lt = "ds-action-link_active-marker--with-indent_o08fb_127", St = "ds-action-link_icon-wrapper_o08fb_131", Pt = "ds-action-link_icon-wrapper--x-large_o08fb_134", Dt = "ds-action-link_icon-wrapper--with-number-indicator_o08fb_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_o08fb_145", xt = "ds-action-link_label_o08fb_149", Ct = "ds-action-link_label--bold_o08fb_160", Mt = "ds-action-link_label--active_o08fb_171", Et = "ds-action-link_label--icon-top_o08fb_182", Ot = "ds-action-link_number-indicator_o08fb_205", o = {
|
|
11
11
|
root: It,
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { h as l } from "./has-window.ut_-aShB.js";
|
|
3
|
+
import { g as i } from "./helpers.CexwVao7.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./index.cKLI89Eg.js";
|
|
6
|
+
const n = "ds-alert-live-region", s = "ds-status-live-region", c = () => {
|
|
7
|
+
if (l)
|
|
8
|
+
return document.getElementById(n);
|
|
9
|
+
}, u = () => {
|
|
10
|
+
if (l)
|
|
11
|
+
return document.getElementById(s);
|
|
12
|
+
}, p = () => {
|
|
13
|
+
if (!l)
|
|
14
|
+
return;
|
|
15
|
+
const t = document.querySelectorAll(`#${n}`), e = document.querySelectorAll(`#${s}`);
|
|
16
|
+
if (t.length > 1)
|
|
17
|
+
throw new Error(i("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${n}" should only be present once on the page. Found ${t.length} instances.`));
|
|
18
|
+
if (e.length > 1)
|
|
19
|
+
throw new Error(i("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${s}" should only be present once on the page. Found ${e.length} instances.`));
|
|
20
|
+
}, L = (t) => {
|
|
21
|
+
if (!l || !document.body)
|
|
22
|
+
return;
|
|
23
|
+
p();
|
|
24
|
+
const e = c(), o = u();
|
|
25
|
+
if (e && o)
|
|
26
|
+
return;
|
|
27
|
+
if (e || o) {
|
|
28
|
+
const g = e ? n : s;
|
|
29
|
+
throw new Error(i("DSAriaLiveRegions", `Only one of the required aria-live regions is present on the page (found "${g}"). Expected both "${n}" and "${s}".`));
|
|
30
|
+
}
|
|
31
|
+
const r = document.createElement("span");
|
|
32
|
+
r.id = n, r.setAttribute("role", "alert"), r.className = t;
|
|
33
|
+
const a = document.createElement("span");
|
|
34
|
+
a.id = s, a.setAttribute("role", "status"), a.className = t, document.body.prepend(r, a);
|
|
35
|
+
}, d = (t) => {
|
|
36
|
+
const e = c();
|
|
37
|
+
if (e)
|
|
38
|
+
return e;
|
|
39
|
+
throw new Error(i(t, 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx". See the DSAriaLiveRegions documentation for setup options.'));
|
|
40
|
+
}, h = (t) => {
|
|
41
|
+
const e = u();
|
|
42
|
+
if (e)
|
|
43
|
+
return e;
|
|
44
|
+
throw new Error(i(t, 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx". See the DSAriaLiveRegions documentation for setup options.'));
|
|
45
|
+
}, m = 350, S = (t, e) => {
|
|
46
|
+
const o = d(e);
|
|
47
|
+
o.innerText = t;
|
|
48
|
+
}, f = (t, e) => {
|
|
49
|
+
const o = h(e);
|
|
50
|
+
o.innerText = t, setTimeout(() => {
|
|
51
|
+
o.innerText = "";
|
|
52
|
+
}, m);
|
|
53
|
+
};
|
|
54
|
+
export {
|
|
55
|
+
n as A,
|
|
56
|
+
s as a,
|
|
57
|
+
u as b,
|
|
58
|
+
d as c,
|
|
59
|
+
h as d,
|
|
60
|
+
L as e,
|
|
61
|
+
f,
|
|
62
|
+
c as g,
|
|
63
|
+
S as s,
|
|
64
|
+
p as v
|
|
65
|
+
};
|
|
@@ -3,8 +3,8 @@ import { jsx as w, jsxs as V } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
4
|
import { c as F } from "./index.DQOqod3i.js";
|
|
5
5
|
import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
|
|
6
|
-
import { D as K } from "./Button.
|
|
7
|
-
import { DSLink as X } from "../link.
|
|
6
|
+
import { D as K } from "./Button.P9uWeVnl.js";
|
|
7
|
+
import { DSLink as X } from "../link.Cej-vl_K.js";
|
|
8
8
|
import { g as d, r as z } from "./helpers.CexwVao7.js";
|
|
9
9
|
import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
|
|
10
10
|
root: G,
|
|
@@ -3,9 +3,9 @@ import { jsxs as O, jsx as c } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as p } from "./index.DQOqod3i.js";
|
|
4
4
|
import { forwardRef as T } from "react";
|
|
5
5
|
import { u as r } from "./useBreakpoint.1txsny17.js";
|
|
6
|
-
import { D as F } from "./Icon.
|
|
7
|
-
import { DSSpinner as L } from "../spinner.
|
|
8
|
-
import { Tooltip as k } from "../tooltip.
|
|
6
|
+
import { D as F } from "./Icon.BoywkLCM.js";
|
|
7
|
+
import { DSSpinner as L } from "../spinner.CJmvEaCu.js";
|
|
8
|
+
import { Tooltip as k } from "../tooltip.C6HKano9.js";
|
|
9
9
|
import { g as a } from "./helpers.CexwVao7.js";
|
|
10
10
|
import "./index.cKLI89Eg.js";
|
|
11
11
|
import '../assets/Button.C-UYIggc.css';const C = "ds-button_root_146u3_1", A = "ds-button_root--highlight_146u3_75", E = "ds-button_root--dark-highlight_146u3_75", P = "ds-button_root--filled_146u3_151", x = "ds-button_root--outline_146u3_179", V = "ds-button_root--ghost_146u3_206", j = "ds-button_root--ghost-flush_146u3_231", R = "ds-button_root--small_146u3_237", U = "ds-button_root--navigation_146u3_317", M = "ds-button_root--navigation--stretched_146u3_393", Z = "ds-button_root--navigation--stretched--icon-left_146u3_396", q = "ds-button_root--dark-filled_146u3_399", J = "ds-button_root--dark-outline_146u3_456", K = "ds-button_root--dark-ghost_146u3_512", Q = "ds-button_root--dark-ghost-flush_146u3_566", W = "ds-button_root--stretched_146u3_641", X = "ds-button_root--icon-left_146u3_644", Y = "ds-button_root--icon-only_146u3_647", $ = "ds-button_root--icon-only-small_146u3_656", z = "ds-button_icon--navigation_146u3_672", oo = "ds-button_icon--hidden_146u3_679", to = "ds-button_label--hidden_146u3_683", no = "ds-button_label--loading_146u3_695", eo = "ds-button_loader_146u3_699", o = {
|
|
@@ -4,8 +4,8 @@ import { c as x } from "./index.DQOqod3i.js";
|
|
|
4
4
|
import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
|
|
5
5
|
import { u as A } from "./useBreakpoint.1txsny17.js";
|
|
6
6
|
import "./index.cKLI89Eg.js";
|
|
7
|
-
import { D as _ } from "./Icon.
|
|
8
|
-
import { D as L } from "./SystemFeedback.
|
|
7
|
+
import { D as _ } from "./Icon.BoywkLCM.js";
|
|
8
|
+
import { D as L } from "./SystemFeedback.D4aWwoC8.js";
|
|
9
9
|
import { g as C } from "./helpers.CexwVao7.js";
|
|
10
10
|
import '../assets/Checkbox.ZAPIO2N8.css';const O = "ds-checkbox_root_xklfa_1", U = "ds-checkbox_root--disabled_xklfa_21", z = "ds-checkbox_checkbox_xklfa_25", F = "ds-checkbox_icon-check_xklfa_41", J = "ds-checkbox_icon-minus_xklfa_42", K = "ds-checkbox_checkbox--invalid_xklfa_66", Q = "ds-checkbox_label--hidden_xklfa_71", R = "ds-checkbox_input_xklfa_84", T = "ds-checkbox_label_xklfa_71", W = "ds-checkbox_feedback_xklfa_198", e = {
|
|
11
11
|
root: O,
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import { jsx as w } from "react/jsx-runtime";
|
|
3
3
|
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
4
|
import { c as N } from "./index.DQOqod3i.js";
|
|
5
|
-
import { D as z } from "./Fieldset.
|
|
5
|
+
import { D as z } from "./Fieldset.DdYeI2CZ.js";
|
|
6
6
|
import _ from "react";
|
|
7
7
|
import { g as v, r as I } from "./helpers.CexwVao7.js";
|
|
8
|
-
import { D as P } from "./Checkbox.
|
|
8
|
+
import { D as P } from "./Checkbox.B3g2P15v.js";
|
|
9
9
|
import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", O = "ds-checkbox-group_root--invalid_12fot_12", E = {
|
|
10
10
|
root: F,
|
|
11
11
|
rootHorizontal: H,
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as G, jsx as T } from "react/jsx-runtime";
|
|
3
|
+
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as H } from "./index.DQOqod3i.js";
|
|
5
|
+
import { forwardRef as U } from "react";
|
|
6
|
+
import { t as M } from "./translate.nuU7uChI.js";
|
|
7
|
+
import { D as z } from "./Icon.BoywkLCM.js";
|
|
8
|
+
import { Tooltip as N } from "../tooltip.C6HKano9.js";
|
|
9
|
+
import { g as $, r as x } from "./helpers.CexwVao7.js";
|
|
10
|
+
import '../assets/Chip.D3vV0wyV.css';const j = "ds-chip-group_chip_aidwn_1", B = "ds-chip-group_chip--small_aidwn_30", F = {
|
|
11
|
+
chip: j,
|
|
12
|
+
chipSmall: B
|
|
13
|
+
}, se = ({
|
|
14
|
+
chips: t,
|
|
15
|
+
id: i,
|
|
16
|
+
label: e
|
|
17
|
+
}) => {
|
|
18
|
+
if (!Array.isArray(t))
|
|
19
|
+
throw new Error($("DSChipGroup", x("chips", "DSChipGroup")));
|
|
20
|
+
if (!i)
|
|
21
|
+
throw new Error($("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
|
|
22
|
+
if (!e)
|
|
23
|
+
throw new Error($("DSChipGroup", x("label", "DSChipGroup")));
|
|
24
|
+
}, ne = ["medium", "small"], W = {
|
|
25
|
+
disabled: "disabled",
|
|
26
|
+
selected: "selected",
|
|
27
|
+
notSelected: "not selected",
|
|
28
|
+
removed: "removed",
|
|
29
|
+
remaining: "remaining",
|
|
30
|
+
// {0} is the action (e.g. selectAction/unselectAction)
|
|
31
|
+
selectChip: "press space to {0}",
|
|
32
|
+
unselectAction: "unselect",
|
|
33
|
+
selectAction: "select",
|
|
34
|
+
addToSelection: "add this option to selection",
|
|
35
|
+
removeFromSelection: "remove this option from selection",
|
|
36
|
+
removeChip: "press Backspace to remove the currently focused value",
|
|
37
|
+
tooltipDisabled: "Disabled",
|
|
38
|
+
tooltipRemovable: "Remove filter",
|
|
39
|
+
tooltipDeactivate: "Deactivate property",
|
|
40
|
+
tooltipActivate: "Activate property",
|
|
41
|
+
// Singular form for item
|
|
42
|
+
item_one: "item",
|
|
43
|
+
// Plural forms for items
|
|
44
|
+
item_other: "items",
|
|
45
|
+
// Status message building blocks for screen readers
|
|
46
|
+
// {0} is the count, {1} is item_one or item_other, {2} is selected
|
|
47
|
+
// Results in messages like "3 items selected"
|
|
48
|
+
countSelected: "{0} {1} {2}",
|
|
49
|
+
// {0} is the count, {1} is item_one or item_other, {2} is remaining
|
|
50
|
+
// Results in messages like "3 items remaining"
|
|
51
|
+
countRemaining: "{0} {1} {2}"
|
|
52
|
+
}, Z = {
|
|
53
|
+
disabled: "deaktiviert",
|
|
54
|
+
selected: "ausgewählt",
|
|
55
|
+
notSelected: "nicht ausgewählt",
|
|
56
|
+
removed: "entfernt",
|
|
57
|
+
remaining: "verbleibend",
|
|
58
|
+
// {0} is the action (e.g. selectAction/unselectAction)
|
|
59
|
+
selectChip: "drücke Leertaste, um {0}",
|
|
60
|
+
unselectAction: "abzuwählen",
|
|
61
|
+
selectAction: "auszuwählen",
|
|
62
|
+
addToSelection: "diese Option zur Auswahl hinzuzufügen",
|
|
63
|
+
removeFromSelection: "diese Option aus der Auswahl zu entfernen",
|
|
64
|
+
removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
|
|
65
|
+
tooltipDisabled: "Deaktiviert",
|
|
66
|
+
tooltipRemovable: "Filter entfernen",
|
|
67
|
+
tooltipDeactivate: "Eigenschaft deaktivieren",
|
|
68
|
+
tooltipActivate: "Eigenschaft aktivieren",
|
|
69
|
+
// Singular form for item
|
|
70
|
+
item_one: "Element",
|
|
71
|
+
// Plural form for items
|
|
72
|
+
item_other: "Elemente",
|
|
73
|
+
// Status message building blocks for screen readers
|
|
74
|
+
// {0} is the count, {1} is item_one or item_other, {2} is selected
|
|
75
|
+
// Results in messages like "3 items selected"
|
|
76
|
+
countSelected: "{0} {1} {2}",
|
|
77
|
+
// {0} is the count, {1} is item_one or item_other, {2} is remaining
|
|
78
|
+
// Results in messages like "3 items remaining"
|
|
79
|
+
countRemaining: "{0} {1} {2}"
|
|
80
|
+
}, J = {
|
|
81
|
+
en: W,
|
|
82
|
+
de: Z
|
|
83
|
+
}, K = (t, i, e, o, n, r) => e ? `${i}, ${t("disabled")}` : r ? `${i}, ${t("removeChip")}` : `${i}, ${o ? `${t("selected")}, ` : ""}${t("selectChip", [t(n === "single" ? o ? "unselectAction" : "selectAction" : o ? "removeFromSelection" : "addToSelection")])}`, Q = (t, i, e, o) => t(o ? "tooltipRemovable" : i ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), ae = (t, i) => t(i === 1 ? "item_one" : "item_other"), V = U((t, i) => {
|
|
84
|
+
const e = q.c(49);
|
|
85
|
+
let o, n, r, p, l, a, s, d, m, h, u, g, C, f, v;
|
|
86
|
+
e[0] !== t ? ({
|
|
87
|
+
id: p,
|
|
88
|
+
label: s,
|
|
89
|
+
disableTooltips: o,
|
|
90
|
+
groupId: n,
|
|
91
|
+
isRemovable: l,
|
|
92
|
+
selectionMode: h,
|
|
93
|
+
disabled: g,
|
|
94
|
+
iconName: r,
|
|
95
|
+
isSelected: a,
|
|
96
|
+
lang: C,
|
|
97
|
+
size: u,
|
|
98
|
+
tabIndex: f,
|
|
99
|
+
translations: v,
|
|
100
|
+
onClick: d,
|
|
101
|
+
...m
|
|
102
|
+
} = t, e[0] = t, e[1] = o, e[2] = n, e[3] = r, e[4] = p, e[5] = l, e[6] = a, e[7] = s, e[8] = d, e[9] = m, e[10] = h, e[11] = u, e[12] = g, e[13] = C, e[14] = f, e[15] = v) : (o = e[1], n = e[2], r = e[3], p = e[4], l = e[5], a = e[6], s = e[7], d = e[8], m = e[9], h = e[10], u = e[11], g = e[12], C = e[13], f = e[14], v = e[15]);
|
|
103
|
+
const D = g === void 0 ? !1 : g, E = C === void 0 ? "en" : C;
|
|
104
|
+
let c, S;
|
|
105
|
+
if (e[16] !== o || e[17] !== D || e[18] !== n || e[19] !== r || e[20] !== p || e[21] !== l || e[22] !== a || e[23] !== s || e[24] !== E || e[25] !== d || e[26] !== i || e[27] !== m || e[28] !== h || e[29] !== u || e[30] !== f || e[31] !== v) {
|
|
106
|
+
S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
|
|
107
|
+
e: {
|
|
108
|
+
const O = M(v || J[E]), I = u === "small";
|
|
109
|
+
let A;
|
|
110
|
+
e[34] !== I ? (A = H(F.chip, {
|
|
111
|
+
[F.chipSmall]: I
|
|
112
|
+
}), e[34] = I, e[35] = A) : A = e[35];
|
|
113
|
+
const L = A;
|
|
114
|
+
let w;
|
|
115
|
+
e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
|
|
116
|
+
display: "contents"
|
|
117
|
+
}, e[36] = w) : w = e[36];
|
|
118
|
+
let _;
|
|
119
|
+
e[37] !== r ? (_ = r && /* @__PURE__ */ T(z, { name: r, "aria-hidden": "true" }), e[37] = r, e[38] = _) : _ = e[38];
|
|
120
|
+
let y;
|
|
121
|
+
e[39] !== s || e[40] !== _ ? (y = /* @__PURE__ */ G("div", { role: "gridcell", "aria-colindex": 1, style: w, children: [
|
|
122
|
+
_,
|
|
123
|
+
s
|
|
124
|
+
] }), e[39] = s, e[40] = _, e[41] = y) : y = e[41];
|
|
125
|
+
let R;
|
|
126
|
+
if (e[42] !== l ? (R = l && /* @__PURE__ */ T(z, { name: "cross" }), e[42] = l, e[43] = R) : R = e[43], c = /* @__PURE__ */ G("div", { role: "row", "aria-label": K(O, s, D, a, h, l), "aria-selected": a && !l, "aria-disabled": D && !l, id: `${n}-chip-${p}`, className: L, tabIndex: f, onClick: d, ref: i, ...m, children: [
|
|
127
|
+
y,
|
|
128
|
+
R
|
|
129
|
+
] }), !o) {
|
|
130
|
+
let b;
|
|
131
|
+
e[44] !== c ? (b = /* @__PURE__ */ T(N.Anchor, { children: c }), e[44] = c, e[45] = b) : b = e[45];
|
|
132
|
+
const P = /* @__PURE__ */ T(N.Content, { children: Q(O, D, a, l) });
|
|
133
|
+
let k;
|
|
134
|
+
e[46] !== b || e[47] !== P ? (k = /* @__PURE__ */ G(N, { placement: "top", tooltipOffset: 6, children: [
|
|
135
|
+
b,
|
|
136
|
+
P
|
|
137
|
+
] }), e[46] = b, e[47] = P, e[48] = k) : k = e[48], S = k;
|
|
138
|
+
break e;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
e[16] = o, e[17] = D, e[18] = n, e[19] = r, e[20] = p, e[21] = l, e[22] = a, e[23] = s, e[24] = E, e[25] = d, e[26] = i, e[27] = m, e[28] = h, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
|
|
142
|
+
} else
|
|
143
|
+
c = e[32], S = e[33];
|
|
144
|
+
return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
|
|
145
|
+
});
|
|
146
|
+
V.displayName = "DSChip";
|
|
147
|
+
export {
|
|
148
|
+
ne as C,
|
|
149
|
+
W as D,
|
|
150
|
+
Z as a,
|
|
151
|
+
J as b,
|
|
152
|
+
Q as c,
|
|
153
|
+
ae as d,
|
|
154
|
+
V as e,
|
|
155
|
+
K as g,
|
|
156
|
+
se as v
|
|
157
|
+
};
|
|
@@ -11,10 +11,10 @@ import { t as zt } from "./translate.nuU7uChI.js";
|
|
|
11
11
|
import { g as ce, r as kt } from "./helpers.CexwVao7.js";
|
|
12
12
|
import { u as jt } from "./useBreakpoint.1txsny17.js";
|
|
13
13
|
import { Asterisk as Ut } from "../asterisk.Dwtdwpkq.js";
|
|
14
|
-
import { D as ge } from "./Icon.
|
|
15
|
-
import { D as Qt } from "./Popover.
|
|
16
|
-
import { D as _t } from "./SystemFeedback.
|
|
17
|
-
import { OptionCheckbox as $t } from "../optioncheckbox.
|
|
14
|
+
import { D as ge } from "./Icon.BoywkLCM.js";
|
|
15
|
+
import { D as Qt } from "./Popover.BmpyqKuQ.js";
|
|
16
|
+
import { D as _t } from "./SystemFeedback.D4aWwoC8.js";
|
|
17
|
+
import { OptionCheckbox as $t } from "../optioncheckbox.BOfgK3U_.js";
|
|
18
18
|
import '../assets/CustomReactSelect.Ctze4SRN.css';const qo = ({
|
|
19
19
|
id: n,
|
|
20
20
|
label: e,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as n, jsxs as E } from "react/jsx-runtime";
|
|
3
3
|
import { c as r } from "./index.DQOqod3i.js";
|
|
4
4
|
import { useRef as g, useState as F, useEffect as v } from "react";
|
|
5
|
-
import { D as W } from "./Button.
|
|
5
|
+
import { D as W } from "./Button.P9uWeVnl.js";
|
|
6
6
|
import { g as x } from "./helpers.CexwVao7.js";
|
|
7
7
|
import "./index.cKLI89Eg.js";
|
|
8
8
|
import '../assets/Dialog.DyiHUgTp.css';const R = "ds-dialog_root_kvopn_5", y = "ds-dialog_content-wrapper_kvopn_166", z = "ds-dialog_content-wrapper--no-footer_kvopn_172", L = "ds-dialog_close-button_kvopn_180", M = "ds-dialog_header_kvopn_193", j = "ds-dialog_content_kvopn_166", H = "ds-dialog_footer_kvopn_195", I = "ds-dialog_header--scrollable_kvopn_216", O = "ds-dialog_header--close-button_kvopn_225", P = "ds-dialog_content--no-footer_kvopn_238", T = "ds-dialog_footer--scrollable_kvopn_245", o = {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as t, jsxs as F } from "react/jsx-runtime";
|
|
3
3
|
import { c as n } from "./index.DQOqod3i.js";
|
|
4
4
|
import { useRef as p, useState as R, useEffect as v } from "react";
|
|
5
|
-
import { D as k } from "./Button.
|
|
5
|
+
import { D as k } from "./Button.P9uWeVnl.js";
|
|
6
6
|
import { g as x } from "./helpers.CexwVao7.js";
|
|
7
7
|
import "./index.cKLI89Eg.js";
|
|
8
8
|
import '../assets/Drawer.UugEajR2.css';const I = "ds-drawer_root_4nbv0_10", O = "ds-drawer_root--end_4nbv0_68", y = "ds-drawer_content-wrapper_4nbv0_169", z = "ds-drawer_content-wrapper--no-footer_4nbv0_175", L = "ds-drawer_close-button_4nbv0_178", M = "ds-drawer_header_4nbv0_191", P = "ds-drawer_content_4nbv0_169", j = "ds-drawer_footer_4nbv0_193", H = "ds-drawer_header--scrollable_4nbv0_214", T = "ds-drawer_header--close-button_4nbv0_223", A = "ds-drawer_content--no-footer_4nbv0_237", V = "ds-drawer_footer--scrollable_4nbv0_244", o = {
|
|
@@ -4,8 +4,8 @@ import { c as m } from "./index.DQOqod3i.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import { Asterisk as S } from "../asterisk.Dwtdwpkq.js";
|
|
6
6
|
import { DSHeading as P } from "../heading.BHSklXho.js";
|
|
7
|
-
import { D as x } from "./Popover.
|
|
8
|
-
import { D as E } from "./SystemFeedback.
|
|
7
|
+
import { D as x } from "./Popover.BmpyqKuQ.js";
|
|
8
|
+
import { D as E } from "./SystemFeedback.D4aWwoC8.js";
|
|
9
9
|
import { g as y } from "./helpers.CexwVao7.js";
|
|
10
10
|
import "./index.cKLI89Eg.js";
|
|
11
11
|
import '../assets/Fieldset.DmxbjOm1.css';const q = "ds-fieldset_root_1rlhb_1", A = "ds-fieldset_child-wrapper_1rlhb_98", T = "ds-fieldset_legend-wrapper_1rlhb_105", U = "ds-fieldset_legend_1rlhb_105", z = "ds-fieldset_legend--utility--m_1rlhb_116", B = "ds-fieldset_description_1rlhb_128", C = "ds-fieldset_description--small_1rlhb_142", I = "ds-fieldset_system-feedback_1rlhb_146", e = {
|