@stihl-design-system/components 1.0.0-RC.41 → 1.0.0-RC.43
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.CJYNJWAm.js} +2 -2
- package/action-card-example-image-1.webp +0 -0
- package/{actionbutton.DKb4ph1c.js → actionbutton.BLKEsCUm.js} +3 -3
- package/actioncard.WFXhVqOa.js +9 -0
- package/actioncard.d.ts +2 -0
- package/{actionlink.DEGta2h9.js → actionlink.xJDPIikL.js} +3 -3
- package/arialiveregions.BF6mUlPU.js +23 -0
- package/assets/ActionCard.C85bSGRa.css +1 -0
- package/assets/LinkCard.fwyPSY19.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.CYahlug-.js} +1 -1
- package/{breadcrumb.DiuuVblR.js → breadcrumb.Bg86bTsh.js} +3 -3
- package/{button.Z7Mmvwhv.js → button.oshwTInZ.js} +4 -4
- package/{buttonround.Bqi8Ej-y.js → buttonround.CPTvQIcE.js} +3 -3
- package/{checkbox.DtSSduSH.js → checkbox.BTnK5VzM.js} +3 -3
- package/{checkboxgroup.CSP1DOCW.js → checkboxgroup.DESMv2S7.js} +2 -2
- package/{chip.CyypeY5M.js → chip.BWL_yfeA.js} +3 -3
- package/chipgroup.DvoNDnTN.js +213 -0
- package/chunks/{Accordion.Q50G9LZ3.js → Accordion.D4jj5_nA.js} +1 -1
- package/chunks/{ActionButton.BEMy35Lh.js → ActionButton.BOKt8109.js} +2 -2
- package/chunks/ActionCard.oi3u27DL.js +242 -0
- package/chunks/{ActionLink.DECHT42B.js → ActionLink.BFwVQSTh.js} +2 -2
- package/chunks/AriaLiveRegions.utils.8ofDlHnN.js +65 -0
- package/chunks/{Breadcrumb.nflDJoKs.js → Breadcrumb.ClHgevZX.js} +2 -2
- package/chunks/{Button.DpGeheky.js → Button.BdqkFovu.js} +3 -3
- package/chunks/{Checkbox.B3NeB54s.js → Checkbox.vdWpXSUh.js} +2 -2
- package/chunks/{CheckboxGroup.BYZSvqF7.js → CheckboxGroup.BtVBLux3.js} +2 -2
- package/chunks/Chip.B_zwA2qc.js +157 -0
- package/chunks/{CustomReactSelect.DBsnmMPl.js → CustomReactSelect.Dtf3mXJ_.js} +4 -4
- package/chunks/{Dialog.C-rcs_Up.js → Dialog.9tejL9sZ.js} +1 -1
- package/chunks/{Drawer.D0d557c5.js → Drawer.DIFMs4Gh.js} +1 -1
- package/chunks/{Fieldset.7WM7w62l.js → Fieldset.8jatF24R.js} +2 -2
- package/chunks/Icon.BoxUJQDT.js +232 -0
- package/chunks/InputFile.zbXRpklU.js +260 -0
- package/chunks/{InputNumber.a44HnJ9B.js → InputNumber.d7gmAHaX.js} +3 -3
- package/chunks/{InputPassword.B1E0Maub.js → InputPassword.Cz41hBCt.js} +3 -3
- package/chunks/{InputSearch.C7AvD7Eu.js → InputSearch.DPQCT8Yo.js} +3 -3
- package/chunks/{LinkButton.CMjq2FKc.js → LinkButton.BGQOwjnE.js} +2 -2
- package/chunks/LinkCard.DRATPHdd.js +178 -0
- package/chunks/{NavigationTabList.ltT6igtk.js → NavigationTabList.Cf6csU_F.js} +1 -1
- package/chunks/{NavigationTabs.DsVepb7H.js → NavigationTabs.CSTtXPxd.js} +1 -1
- package/chunks/{Notification.COwLndR0.js → Notification.ChSYPU3r.js} +2 -2
- package/chunks/Popover.BSL3AilG.js +221 -0
- package/chunks/{RadioGroup.B-qTH31u.js → RadioGroup.DauFXAk6.js} +1 -1
- package/chunks/{Select.DrDVi9lg.js → Select.CWA7DHcL.js} +3 -3
- package/chunks/{Slider.DGMrDfWv.js → Slider.2ltYhUJb.js} +2 -2
- package/chunks/Stepper.Dh69BOVR.js +146 -0
- package/chunks/{SystemFeedback.DFN6Y2cw.js → SystemFeedback.C2XFC5WN.js} +1 -1
- package/chunks/{Tabs.DfH2q9EL.js → Tabs.BvwiBlXt.js} +1 -1
- package/chunks/{Textarea.ymNCbcvH.js → Textarea.Ck0sw4SI.js} +2 -2
- package/chunks/Toast.Ck4woVuy.js +76 -0
- package/chunks/battery-return.tBu7C6Q7.js +10 -0
- package/chunks/cookie.U09gK6it.js +10 -0
- package/chunks/credit-card.BmIN7RQ3.js +10 -0
- package/chunks/legal-info.-S9gzFzc.js +10 -0
- package/chunks/legal.CVCmbA3m.js +10 -0
- package/chunks/present.B4ImIJxi.js +10 -0
- package/chunks/return-package.Bt9FUc42.js +10 -0
- package/{combobox.DzSEFo_5.js → combobox.zkQtaMOE.js} +1 -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 +16 -4
- 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.DbPXuk-C.js} +5 -5
- package/{dialog.CBovd8em.js → dialog.wzLHG12h.js} +2 -2
- package/{drawer.D5F0KXI2.js → drawer.DnHZCC60.js} +2 -2
- package/{fieldset.DgbZ_K_l.js → fieldset.DUU39krR.js} +3 -3
- package/filelist.d.ts +1 -1
- package/filelist.zRCzEN5D.js +128 -0
- package/filepreview.CK8DA0aR.js +94 -0
- package/filepreview.d.ts +2 -0
- package/{flag.D-wrUioF.js → flag.02uD-ADh.js} +1 -1
- package/{floatingactionbutton.CE-Rz0dx.js → floatingactionbutton.BwmRfmD_.js} +3 -3
- package/{icon.ByLYRkPZ.js → icon.DFM8rDOR.js} +1 -1
- package/index.d.ts +3 -0
- package/index.es.js +233 -219
- package/{input.MZXe6rlg.js → input.yBU7wjmW.js} +4 -4
- package/inputfile.BRt_BWK8.js +18 -0
- package/{inputnumber.DevQudIX.js → inputnumber.B0yCOPU1.js} +4 -4
- package/{inputpassword.C-XYK-JP.js → inputpassword.aQxGIeyf.js} +4 -4
- package/{inputsearch.CmJdxnzX.js → inputsearch.EbZnS29c.js} +4 -4
- package/{link.R1lfD5aN.js → link.Ck9Yd2y2.js} +3 -3
- package/{linkbutton.Y-ET1tc9.js → linkbutton.DzbJ1ws2.js} +3 -3
- package/{linkcard.CayqoQNo.js → linkcard.D65tvntF.js} +3 -3
- package/{navigationtablist.Cd9hZzFQ.js → navigationtablist.BMvJp48M.js} +2 -2
- package/{navigationtabs.DHG-TeF2.js → navigationtabs.BzYhrLVd.js} +2 -2
- package/{notification.u_LLz-O0.js → notification.B80f3Sh6.js} +3 -3
- package/{optioncheckbox.v8Plcgeg.js → optioncheckbox.DvF4Vr4C.js} +1 -1
- package/package.json +2 -2
- package/partials/index.js +15 -9
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.T7-imfkx.js → popover.BR8IGyhi.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.DYKf69nk.js +53 -0
- package/progressindicator.d.ts +2 -0
- package/{radiogroup.CAh4wto1.js → radiogroup.Cniqm1t0.js} +2 -2
- package/{scroller.DfhhZelk.js → scroller.CSSI5khP.js} +1 -1
- package/{select.CSCc_-6d.js → select.DPfXPv-k.js} +4 -4
- package/{skiptocontent.C2HpZt5q.js → skiptocontent.C_nrEIVL.js} +1 -1
- package/{slider.B2aQwfc2.js → slider.CyRU5Kys.js} +3 -3
- package/{spinner.CRVyui04.js → spinner.ww3wgdUU.js} +1 -1
- package/{step.C-LC5sKQ.js → step.C4gOI6c3.js} +2 -2
- package/{stepper.CRljfUF8.js → stepper.Bqdr6GS-.js} +4 -4
- package/{switch.DgKgzm-j.js → switch.DpYvgNSE.js} +2 -2
- package/{systemfeedback.BKLsE5sY.js → systemfeedback.g7odUaLC.js} +2 -2
- package/{tablist.DPiNeY3_.js → tablist.DLFJGmYV.js} +3 -3
- package/{tabs.Cxzm6ZZ-.js → tabs.Bne3Z3rz.js} +2 -2
- package/{textarea.CDXY-OVz.js → textarea.DcAoKkta.js} +3 -3
- package/{toast.Bev-Rfuw.js → toast.C_O0xDYn.js} +3 -3
- package/toastmanager.w_mhIehC.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/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
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as P, jsx as h, Fragment as Ve } from "react/jsx-runtime";
|
|
3
|
-
import { d as Ae } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as n } from "./index.DQOqod3i.js";
|
|
5
|
-
import { isValidElement as Be, cloneElement as Ie } from "react";
|
|
6
|
-
import { DSFlag as He } from "../flag.D-wrUioF.js";
|
|
7
|
-
import { DSHeading as Oe } from "../heading.BHSklXho.js";
|
|
8
|
-
import { D as qe } from "./LinkButton.CMjq2FKc.js";
|
|
9
|
-
import { g as j } from "./helpers.CexwVao7.js";
|
|
10
|
-
import '../assets/LinkCard.C6HtgbjH.css';const Me = "ds-link-card_root_h40nd_1", Re = "ds-link-card_root--horizontal_h40nd_53", $e = "ds-link-card_image-wrapper_h40nd_58", Ge = "ds-link-card_content_h40nd_68", Je = "ds-link-card_header_h40nd_97", Ke = "ds-link-card_footer_h40nd_98", Qe = "ds-link-card_heading_h40nd_109", Ue = "ds-link-card_link_h40nd_113", Xe = "ds-link-card_description_h40nd_118", Ye = "ds-link-card_meta-data_h40nd_135", Ze = "ds-link-card_decorative-link_h40nd_152", et = "ds-link-card_flags_h40nd_156", tt = "ds-link-card_brand-flag_h40nd_165", i = {
|
|
11
|
-
root: Me,
|
|
12
|
-
rootHorizontal: Re,
|
|
13
|
-
imageWrapper: $e,
|
|
14
|
-
content: Ge,
|
|
15
|
-
header: Je,
|
|
16
|
-
footer: Ke,
|
|
17
|
-
heading: Qe,
|
|
18
|
-
link: Ue,
|
|
19
|
-
description: Xe,
|
|
20
|
-
metaData: Ye,
|
|
21
|
-
decorativeLink: Ze,
|
|
22
|
-
flags: et,
|
|
23
|
-
brandFlag: tt
|
|
24
|
-
}, at = ({
|
|
25
|
-
href: p,
|
|
26
|
-
linkComponent: e,
|
|
27
|
-
flags: t,
|
|
28
|
-
flagListAriaLabel: m,
|
|
29
|
-
heading: f,
|
|
30
|
-
img: g,
|
|
31
|
-
brandFlag: o
|
|
32
|
-
}) => {
|
|
33
|
-
if (!p && !e)
|
|
34
|
-
throw new Error(j("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
|
|
35
|
-
if (p && e)
|
|
36
|
-
throw new Error(j("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
|
|
37
|
-
if (!f)
|
|
38
|
-
throw new Error(j("DSLinkCard", "The 'heading' prop is required and must be provided."));
|
|
39
|
-
t && t.length > 6 && console.warn(j("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), t && t.length > 0 && !m && console.warn(j("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), o && g === void 0 && console.warn(j("DSLinkCard", "The 'brandFlag' prop is set to true, but no 'img' prop is provided. The 'brandFlag' will have no effect without an image."));
|
|
40
|
-
}, it = (p) => {
|
|
41
|
-
const e = Ae.c(112);
|
|
42
|
-
let t, m, f, g, o, s, l, d, r, a, k, b, v, _;
|
|
43
|
-
e[0] !== p ? ({
|
|
44
|
-
heading: l,
|
|
45
|
-
brandFlag: t,
|
|
46
|
-
className: f,
|
|
47
|
-
cardClassNames: m,
|
|
48
|
-
decorativeLinkButtonProps: g,
|
|
49
|
-
description: o,
|
|
50
|
-
flagListAriaLabel: s,
|
|
51
|
-
flags: v,
|
|
52
|
-
href: d,
|
|
53
|
-
img: r,
|
|
54
|
-
linkComponent: a,
|
|
55
|
-
metaData: k,
|
|
56
|
-
orientation: _,
|
|
57
|
-
...b
|
|
58
|
-
} = p, e[0] = p, e[1] = t, e[2] = m, e[3] = f, e[4] = g, e[5] = o, e[6] = s, e[7] = l, e[8] = d, e[9] = r, e[10] = a, e[11] = k, e[12] = b, e[13] = v, e[14] = _) : (t = e[1], m = e[2], f = e[3], g = e[4], o = e[5], s = e[6], l = e[7], d = e[8], r = e[9], a = e[10], k = e[11], b = e[12], v = e[13], _ = e[14]);
|
|
59
|
-
let c, A;
|
|
60
|
-
e[15] !== t || e[16] !== s || e[17] !== l || e[18] !== d || e[19] !== r || e[20] !== a || e[21] !== v || e[22] !== _ ? (c = v === void 0 ? [] : v, A = _ === void 0 ? "vertical" : _, process.env.NODE_ENV !== "production" && at({
|
|
61
|
-
href: d,
|
|
62
|
-
linkComponent: a,
|
|
63
|
-
heading: l,
|
|
64
|
-
flags: c,
|
|
65
|
-
flagListAriaLabel: s,
|
|
66
|
-
img: r,
|
|
67
|
-
brandFlag: t
|
|
68
|
-
}), e[15] = t, e[16] = s, e[17] = l, e[18] = d, e[19] = r, e[20] = a, e[21] = v, e[22] = _, e[23] = c, e[24] = A) : (c = e[23], A = e[24]);
|
|
69
|
-
let B;
|
|
70
|
-
e[25] !== g ? (B = g || {}, e[25] = g, e[26] = B) : B = e[26];
|
|
71
|
-
const {
|
|
72
|
-
label: V,
|
|
73
|
-
iconName: ae,
|
|
74
|
-
variant: Pe,
|
|
75
|
-
hideLabel: ie,
|
|
76
|
-
size: Ee
|
|
77
|
-
} = B, ne = Ee === void 0 ? "small" : Ee, I = Pe === "ghost" ? "ghost" : "filled", re = k || c.length > 0 || V;
|
|
78
|
-
let O;
|
|
79
|
-
e[27] !== m ? (O = m || {}, e[27] = m, e[28] = O) : O = e[28];
|
|
80
|
-
const {
|
|
81
|
-
brandFlag: oe,
|
|
82
|
-
contentWrapper: se,
|
|
83
|
-
descriptionWrapper: le,
|
|
84
|
-
decorativeLink: de,
|
|
85
|
-
flagsWrapper: ce,
|
|
86
|
-
footerWrapper: he,
|
|
87
|
-
headerWrapper: pe,
|
|
88
|
-
heading: me,
|
|
89
|
-
imageWrapper: fe,
|
|
90
|
-
metaDataWrapper: ge
|
|
91
|
-
} = O, ke = A === "horizontal";
|
|
92
|
-
let q;
|
|
93
|
-
e[29] !== f || e[30] !== ke ? (q = n(i.root, f, {
|
|
94
|
-
[i.rootHorizontal]: ke
|
|
95
|
-
}), e[29] = f, e[30] = ke, e[31] = q) : q = e[31];
|
|
96
|
-
const ve = q;
|
|
97
|
-
let M;
|
|
98
|
-
e[32] !== oe ? (M = n(i.brandFlag, oe), e[32] = oe, e[33] = M) : M = e[33];
|
|
99
|
-
const _e = M;
|
|
100
|
-
let R;
|
|
101
|
-
e[34] !== se ? (R = n(i.content, se), e[34] = se, e[35] = R) : R = e[35];
|
|
102
|
-
const Le = R;
|
|
103
|
-
let $;
|
|
104
|
-
e[36] !== le ? ($ = n(i.description, le), e[36] = le, e[37] = $) : $ = e[37];
|
|
105
|
-
const be = $;
|
|
106
|
-
let G;
|
|
107
|
-
e[38] !== de ? (G = n(i.decorativeLink, de), e[38] = de, e[39] = G) : G = e[39];
|
|
108
|
-
const Ce = G;
|
|
109
|
-
let J;
|
|
110
|
-
e[40] !== ce ? (J = n(i.flags, ce), e[40] = ce, e[41] = J) : J = e[41];
|
|
111
|
-
const ue = J;
|
|
112
|
-
let K;
|
|
113
|
-
e[42] !== he ? (K = n(i.footer, he), e[42] = he, e[43] = K) : K = e[43];
|
|
114
|
-
const Ne = K;
|
|
115
|
-
let Q;
|
|
116
|
-
e[44] !== pe ? (Q = n(i.header, pe), e[44] = pe, e[45] = Q) : Q = e[45];
|
|
117
|
-
const De = Q;
|
|
118
|
-
let U;
|
|
119
|
-
e[46] !== me ? (U = n(i.heading, me), e[46] = me, e[47] = U) : U = e[47];
|
|
120
|
-
const Se = U;
|
|
121
|
-
let X;
|
|
122
|
-
e[48] !== fe ? (X = n(i.imageWrapper, fe), e[48] = fe, e[49] = X) : X = e[49];
|
|
123
|
-
const we = X;
|
|
124
|
-
let Y;
|
|
125
|
-
e[50] !== ge ? (Y = n(i.metaData, ge), e[50] = ge, e[51] = Y) : Y = e[51];
|
|
126
|
-
const Fe = Y;
|
|
127
|
-
let C, u, N, D, S, w, F, z;
|
|
128
|
-
e[52] !== b ? ({
|
|
129
|
-
download: u,
|
|
130
|
-
hrefLang: N,
|
|
131
|
-
ping: D,
|
|
132
|
-
referrerPolicy: S,
|
|
133
|
-
rel: w,
|
|
134
|
-
target: F,
|
|
135
|
-
type: z,
|
|
136
|
-
...C
|
|
137
|
-
} = b, e[52] = b, e[53] = C, e[54] = u, e[55] = N, e[56] = D, e[57] = S, e[58] = w, e[59] = F, e[60] = z) : (C = e[53], u = e[54], N = e[55], D = e[56], S = e[57], w = e[58], F = e[59], z = e[60]);
|
|
138
|
-
let Z;
|
|
139
|
-
e[61] !== u || e[62] !== d || e[63] !== N || e[64] !== a || e[65] !== D || e[66] !== S || e[67] !== w || e[68] !== F || e[69] !== z ? (Z = (L) => a && Be(a) ? Ie(a, {
|
|
140
|
-
...a.props,
|
|
141
|
-
className: n(i.link, a.props.className),
|
|
142
|
-
children: /* @__PURE__ */ P(Ve, { children: [
|
|
143
|
-
L,
|
|
144
|
-
" ",
|
|
145
|
-
a.props.children
|
|
146
|
-
] })
|
|
147
|
-
}) : /* @__PURE__ */ h("a", { href: d, className: i.link, download: u, hrefLang: N, ping: D, referrerPolicy: S, rel: w, target: F, type: z, children: L }), e[61] = u, e[62] = d, e[63] = N, e[64] = a, e[65] = D, e[66] = S, e[67] = w, e[68] = F, e[69] = z, e[70] = Z) : Z = e[70];
|
|
148
|
-
const ze = Z;
|
|
149
|
-
let ee;
|
|
150
|
-
e[71] !== ze || e[72] !== Se ? (ee = (L) => {
|
|
151
|
-
const Te = typeof L == "object" && L !== void 0, {
|
|
152
|
-
headingText: je,
|
|
153
|
-
headingSize: xe,
|
|
154
|
-
headingTag: ye
|
|
155
|
-
} = Te ? L : {
|
|
156
|
-
headingText: L
|
|
157
|
-
};
|
|
158
|
-
return /* @__PURE__ */ h(Oe, { tag: ye === void 0 ? "h3" : ye, size: xe === void 0 ? "medium" : xe, className: Se, children: ze(je) });
|
|
159
|
-
}, e[71] = ze, e[72] = Se, e[73] = ee) : ee = e[73];
|
|
160
|
-
const We = ee;
|
|
161
|
-
let W;
|
|
162
|
-
e[74] !== We || e[75] !== l ? (W = We(l), e[74] = We, e[75] = l, e[76] = W) : W = e[76];
|
|
163
|
-
let E;
|
|
164
|
-
e[77] !== o || e[78] !== be ? (E = o && /* @__PURE__ */ h("div", { className: be, children: o }), e[77] = o, e[78] = be, e[79] = E) : E = e[79];
|
|
165
|
-
let T;
|
|
166
|
-
e[80] !== De || e[81] !== W || e[82] !== E ? (T = /* @__PURE__ */ P("div", { className: De, children: [
|
|
167
|
-
W,
|
|
168
|
-
E
|
|
169
|
-
] }), e[80] = De, e[81] = W, e[82] = E, e[83] = T) : T = e[83];
|
|
170
|
-
let x;
|
|
171
|
-
e[84] !== I || e[85] !== Ce || e[86] !== ie || e[87] !== ae || e[88] !== V || e[89] !== ne || e[90] !== s || e[91] !== c || e[92] !== ue || e[93] !== Ne || e[94] !== re || e[95] !== k || e[96] !== Fe ? (x = re && /* @__PURE__ */ P("div", { className: Ne, children: [
|
|
172
|
-
k && /* @__PURE__ */ h("div", { className: Fe, children: k }),
|
|
173
|
-
c.length > 0 && /* @__PURE__ */ h("ul", { className: ue, "aria-label": s, children: c.map(nt) }),
|
|
174
|
-
V && /* @__PURE__ */ h(qe, { iconName: ae, iconPosition: "right", variant: I, hideLabel: ie, size: ne, isFlush: I === "ghost", "aria-hidden": !0, className: Ce, children: V })
|
|
175
|
-
] }), e[84] = I, e[85] = Ce, e[86] = ie, e[87] = ae, e[88] = V, e[89] = ne, e[90] = s, e[91] = c, e[92] = ue, e[93] = Ne, e[94] = re, e[95] = k, e[96] = Fe, e[97] = x) : x = e[97];
|
|
176
|
-
let y;
|
|
177
|
-
e[98] !== Le || e[99] !== T || e[100] !== x ? (y = /* @__PURE__ */ P("div", { className: Le, children: [
|
|
178
|
-
T,
|
|
179
|
-
x
|
|
180
|
-
] }), e[98] = Le, e[99] = T, e[100] = x, e[101] = y) : y = e[101];
|
|
181
|
-
let H;
|
|
182
|
-
e[102] !== t || e[103] !== _e || e[104] !== we || e[105] !== r ? (H = r && /* @__PURE__ */ P("div", { className: we, children: [
|
|
183
|
-
t && /* @__PURE__ */ h(He, { color: "orange-base", className: _e, children: t }),
|
|
184
|
-
r
|
|
185
|
-
] }), e[102] = t, e[103] = _e, e[104] = we, e[105] = r, e[106] = H) : H = e[106];
|
|
186
|
-
let te;
|
|
187
|
-
return e[107] !== C || e[108] !== ve || e[109] !== y || e[110] !== H ? (te = /* @__PURE__ */ P("div", { ...C, className: ve, children: [
|
|
188
|
-
y,
|
|
189
|
-
H
|
|
190
|
-
] }), e[107] = C, e[108] = ve, e[109] = y, e[110] = H, e[111] = te) : te = e[111], te;
|
|
191
|
-
};
|
|
192
|
-
it.displayName = "DSLinkCard";
|
|
193
|
-
function nt(p, e) {
|
|
194
|
-
return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(He, { color: "grey-light", children: p }) }, e);
|
|
195
|
-
}
|
|
196
|
-
export {
|
|
197
|
-
it as D,
|
|
198
|
-
at as v
|
|
199
|
-
};
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as m, jsxs as O, Fragment as q } from "react/jsx-runtime";
|
|
3
|
-
import { d as H } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { useState as J, useRef as K, useMemo as Q, createContext as X, forwardRef as I, isValidElement as Y, cloneElement as Z, useContext as ee } from "react";
|
|
5
|
-
import { u as oe, o as te, j as re, s as se, k as ne, a as ae, b as ce, c as ie, d as le, e as pe, f as j, g as de, l as ue, F as he, i as ve } from "./floating-ui.react.CP5A99-c.js";
|
|
6
|
-
import { c as k } from "./index.DQOqod3i.js";
|
|
7
|
-
import { g as b, c as M } from "./helpers.CexwVao7.js";
|
|
8
|
-
import { D as fe } from "./Button.DpGeheky.js";
|
|
9
|
-
import '../assets/Popover.mL5g23EK.css';const me = "ds-popover_popover_xg81f_5", ge = "ds-popover_popover--no-arrow_xg81f_64", we = "ds-popover_popover--variant-grey_xg81f_67", Pe = "ds-popover_arrow_xg81f_71", De = "ds-popover_arrow--variant-grey_xg81f_90", Se = "ds-popover_default-anchor_xg81f_107", _ = {
|
|
10
|
-
popover: me,
|
|
11
|
-
popoverNoArrow: ge,
|
|
12
|
-
popoverVariantGrey: we,
|
|
13
|
-
arrow: Pe,
|
|
14
|
-
arrowVariantGrey: De,
|
|
15
|
-
defaultAnchor: Se
|
|
16
|
-
}, Ae = ({
|
|
17
|
-
initialOpen: t = !1,
|
|
18
|
-
placement: o = "bottom",
|
|
19
|
-
isOpen: e,
|
|
20
|
-
popoverOffset: r = 6,
|
|
21
|
-
showArrow: a = !0,
|
|
22
|
-
variant: l = "default",
|
|
23
|
-
defaultAnchorButtonProps: p,
|
|
24
|
-
onOpenChange: d
|
|
25
|
-
} = {}) => {
|
|
26
|
-
const [s, h] = J(t), c = e ?? s, n = d ?? h, i = K(null), u = oe({
|
|
27
|
-
placement: o,
|
|
28
|
-
open: c,
|
|
29
|
-
strategy: "fixed",
|
|
30
|
-
onOpenChange: n,
|
|
31
|
-
whileElementsMounted: ae,
|
|
32
|
-
middleware: [te(r + (a ? 7 : 0)), re({
|
|
33
|
-
// default configuration taken from https://floating-ui.com/docs/flip
|
|
34
|
-
crossAxis: o.includes("-"),
|
|
35
|
-
fallbackAxisSideDirection: "end",
|
|
36
|
-
padding: r
|
|
37
|
-
}), se({
|
|
38
|
-
padding: r
|
|
39
|
-
}), ...a ? [ne({
|
|
40
|
-
element: i
|
|
41
|
-
})] : []]
|
|
42
|
-
}), v = u.context, C = ce(v, {
|
|
43
|
-
enabled: !0
|
|
44
|
-
}), w = ie(v), E = le(v), P = pe([C, w, E]);
|
|
45
|
-
return Q(() => ({
|
|
46
|
-
open: c,
|
|
47
|
-
popoverOffset: r,
|
|
48
|
-
setOpen: n,
|
|
49
|
-
arrowRef: i,
|
|
50
|
-
showArrow: a,
|
|
51
|
-
defaultAnchorButtonProps: p,
|
|
52
|
-
variant: l,
|
|
53
|
-
...P,
|
|
54
|
-
...u
|
|
55
|
-
}), [c, r, n, i, a, p, l, P, u]);
|
|
56
|
-
}, xe = ({
|
|
57
|
-
children: t,
|
|
58
|
-
hasContent: o,
|
|
59
|
-
hasAnchor: e
|
|
60
|
-
}) => {
|
|
61
|
-
if (!t)
|
|
62
|
-
throw new Error(b("DSPopover", "A DSPopover must have children."));
|
|
63
|
-
if (!o && e)
|
|
64
|
-
throw new Error(b("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Content> is missing! Please add it to the children of DSPopover."));
|
|
65
|
-
if (!e && o)
|
|
66
|
-
throw new Error(b("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Anchor> is missing! Please add it to the children of DSPopover."));
|
|
67
|
-
}, ye = ({
|
|
68
|
-
showArrow: t,
|
|
69
|
-
variant: o
|
|
70
|
-
}) => {
|
|
71
|
-
o === "grey" && t === !1 && console.warn(b("DSPopover", "The 'grey' variant is only available when 'showArrow' is true. To use the 'grey' variant, please ensure that 'showArrow' is set to true."));
|
|
72
|
-
}, B = X(null), U = () => {
|
|
73
|
-
const t = ee(B);
|
|
74
|
-
if (t == null)
|
|
75
|
-
throw new Error(b("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
|
|
76
|
-
return t;
|
|
77
|
-
}, f = (t) => {
|
|
78
|
-
const o = H.c(11), {
|
|
79
|
-
children: e,
|
|
80
|
-
...r
|
|
81
|
-
} = t, a = Ae({
|
|
82
|
-
...r
|
|
83
|
-
}), l = M(e, f.Content), p = M(e, f.Anchor);
|
|
84
|
-
process.env.NODE_ENV !== "production" && (xe({
|
|
85
|
-
children: e,
|
|
86
|
-
hasContent: l,
|
|
87
|
-
hasAnchor: p
|
|
88
|
-
}), ye({
|
|
89
|
-
showArrow: r.showArrow,
|
|
90
|
-
variant: r.variant
|
|
91
|
-
}));
|
|
92
|
-
const d = !l && !p && e !== null;
|
|
93
|
-
let s;
|
|
94
|
-
o[0] !== e || o[1] !== d ? (s = d ? /* @__PURE__ */ O(q, { children: [
|
|
95
|
-
/* @__PURE__ */ m(f.Anchor, {}),
|
|
96
|
-
/* @__PURE__ */ m(f.Content, { children: e })
|
|
97
|
-
] }) : e, o[0] = e, o[1] = d, o[2] = s) : s = o[2];
|
|
98
|
-
const h = s, c = l || d, n = p || d;
|
|
99
|
-
let i;
|
|
100
|
-
o[3] !== a || o[4] !== c || o[5] !== n ? (i = {
|
|
101
|
-
...a,
|
|
102
|
-
hasContent: c,
|
|
103
|
-
hasAnchor: n
|
|
104
|
-
}, o[3] = a, o[4] = c, o[5] = n, o[6] = i) : i = o[6];
|
|
105
|
-
const g = i;
|
|
106
|
-
let u;
|
|
107
|
-
return o[7] !== h || o[8] !== g || o[9] !== r ? (u = /* @__PURE__ */ m(B.Provider, { value: g, ...r, children: h }), o[7] = h, o[8] = g, o[9] = r, o[10] = u) : u = o[10], u;
|
|
108
|
-
}, W = I(({
|
|
109
|
-
children: t,
|
|
110
|
-
...o
|
|
111
|
-
}, e) => {
|
|
112
|
-
const {
|
|
113
|
-
context: r,
|
|
114
|
-
defaultAnchorButtonProps: a,
|
|
115
|
-
refs: l,
|
|
116
|
-
hasAnchor: p,
|
|
117
|
-
getReferenceProps: d
|
|
118
|
-
} = U(), {
|
|
119
|
-
label: s = "Toggle popover",
|
|
120
|
-
...h
|
|
121
|
-
} = a || {}, c = t ? t?.ref : null, n = j([l.setReference, e, c]);
|
|
122
|
-
return p && t && Y(t) ? Z(t, d({
|
|
123
|
-
ref: n,
|
|
124
|
-
...o,
|
|
125
|
-
...t.props,
|
|
126
|
-
"data-state": r.open ? "open" : "closed"
|
|
127
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
128
|
-
})) : /* @__PURE__ */ m(
|
|
129
|
-
fe,
|
|
130
|
-
{
|
|
131
|
-
...h,
|
|
132
|
-
ref: n,
|
|
133
|
-
type: "button",
|
|
134
|
-
"data-state": r.open ? "open" : "closed",
|
|
135
|
-
...d(o),
|
|
136
|
-
size: "small",
|
|
137
|
-
hideLabel: !0,
|
|
138
|
-
iconName: "circle-info-inverted",
|
|
139
|
-
variant: "ghost",
|
|
140
|
-
className: _.defaultAnchor,
|
|
141
|
-
children: t ?? s
|
|
142
|
-
}
|
|
143
|
-
);
|
|
144
|
-
});
|
|
145
|
-
W.displayName = "DSPopover.Anchor";
|
|
146
|
-
const $ = I((t, o) => {
|
|
147
|
-
const e = H.c(33), {
|
|
148
|
-
style: r,
|
|
149
|
-
className: a,
|
|
150
|
-
classNameArrow: l,
|
|
151
|
-
children: p,
|
|
152
|
-
...d
|
|
153
|
-
} = t, {
|
|
154
|
-
context: s,
|
|
155
|
-
refs: h,
|
|
156
|
-
floatingStyles: c,
|
|
157
|
-
showArrow: n,
|
|
158
|
-
variant: i,
|
|
159
|
-
getFloatingProps: g,
|
|
160
|
-
arrowRef: u
|
|
161
|
-
} = U();
|
|
162
|
-
let v;
|
|
163
|
-
e[0] !== o || e[1] !== h.setFloating ? (v = [h.setFloating, o], e[0] = o, e[1] = h.setFloating, e[2] = v) : v = e[2];
|
|
164
|
-
const C = j(v);
|
|
165
|
-
let w;
|
|
166
|
-
e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
|
|
167
|
-
duration: {
|
|
168
|
-
open: 250,
|
|
169
|
-
close: 250
|
|
170
|
-
}
|
|
171
|
-
}, e[3] = w) : w = e[3];
|
|
172
|
-
const {
|
|
173
|
-
isMounted: E,
|
|
174
|
-
status: P
|
|
175
|
-
} = de(s, w);
|
|
176
|
-
if (!E)
|
|
177
|
-
return null;
|
|
178
|
-
const R = ve, F = he, L = !1;
|
|
179
|
-
let D;
|
|
180
|
-
e[4] !== c || e[5] !== r ? (D = {
|
|
181
|
-
...c,
|
|
182
|
-
...r
|
|
183
|
-
}, e[4] = c, e[5] = r, e[6] = D) : D = e[6];
|
|
184
|
-
const V = !n, G = i === "grey" && n;
|
|
185
|
-
let S;
|
|
186
|
-
e[7] !== a || e[8] !== V || e[9] !== G ? (S = k(_.popover, a, {
|
|
187
|
-
[_.popoverNoArrow]: V,
|
|
188
|
-
[_.popoverVariantGrey]: G
|
|
189
|
-
}), e[7] = a, e[8] = V, e[9] = G, e[10] = S) : S = e[10];
|
|
190
|
-
const z = s.placement, T = g(d);
|
|
191
|
-
let A;
|
|
192
|
-
e[11] !== u || e[12] !== l || e[13] !== s || e[14] !== n || e[15] !== i ? (A = n && /* @__PURE__ */ m(ue, { ref: u, context: s, className: k(_.arrow, l, {
|
|
193
|
-
[_.arrowVariantGrey]: i === "grey" && n
|
|
194
|
-
}), strokeWidth: 1, tipRadius: 1, width: 16, height: 7 }), e[11] = u, e[12] = l, e[13] = s, e[14] = n, e[15] = i, e[16] = A) : A = e[16];
|
|
195
|
-
let x;
|
|
196
|
-
e[17] !== p || e[18] !== s.placement || e[19] !== C || e[20] !== P || e[21] !== A || e[22] !== D || e[23] !== S || e[24] !== T ? (x = /* @__PURE__ */ O("div", { ref: C, style: D, className: S, "data-placement": z, "data-status": P, ...T, children: [
|
|
197
|
-
A,
|
|
198
|
-
p
|
|
199
|
-
] }), e[17] = p, e[18] = s.placement, e[19] = C, e[20] = P, e[21] = A, e[22] = D, e[23] = S, e[24] = T, e[25] = x) : x = e[25];
|
|
200
|
-
let y;
|
|
201
|
-
e[26] !== F || e[27] !== s || e[28] !== x ? (y = /* @__PURE__ */ m(F, { context: s, modal: L, children: x }), e[26] = F, e[27] = s, e[28] = x, e[29] = y) : y = e[29];
|
|
202
|
-
let N;
|
|
203
|
-
return e[30] !== R || e[31] !== y ? (N = /* @__PURE__ */ m(R, { children: y }), e[30] = R, e[31] = y, e[32] = N) : N = e[32], N;
|
|
204
|
-
});
|
|
205
|
-
$.displayName = "DSPopover.Content";
|
|
206
|
-
f.Anchor = W;
|
|
207
|
-
f.Content = $;
|
|
208
|
-
f.displayName = "DSPopover";
|
|
209
|
-
export {
|
|
210
|
-
f as D,
|
|
211
|
-
ye as a,
|
|
212
|
-
Ae as u,
|
|
213
|
-
xe as v
|
|
214
|
-
};
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
-
import { c as f } from "./index.DQOqod3i.js";
|
|
4
|
-
import { useCallback as V, useEffect as W, useRef as S } from "react";
|
|
5
|
-
import { g as i, r as j } from "./helpers.CexwVao7.js";
|
|
6
|
-
import { i as q } from "./is-animation-disabled.B-V_68K-.js";
|
|
7
|
-
import { t as H } from "./translate.nuU7uChI.js";
|
|
8
|
-
import { u as L } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
-
import "./index.cKLI89Eg.js";
|
|
10
|
-
import { g as w } from "./AriaLiveRegions.utils.CLpOaVD9.js";
|
|
11
|
-
import { DSScroller as F } from "../scroller.DfhhZelk.js";
|
|
12
|
-
import { StepperStep as G } from "../step.C-LC5sKQ.js";
|
|
13
|
-
import '../assets/Stepper.tXJl15yL.css';const ge = ["prev", "next"], N = 48, J = "ds-stepper_root_1d1si_1", K = "ds-stepper_root--vertical_1d1si_12", Q = "ds-stepper_scroller--centered_1d1si_17", U = "ds-stepper_scroller-button_1d1si_21", X = "ds-stepper_list_1d1si_26", Y = "ds-stepper_list--center_1d1si_35", Z = "ds-stepper_list--vertical_1d1si_38", a = {
|
|
14
|
-
root: J,
|
|
15
|
-
rootVertical: K,
|
|
16
|
-
scrollerCentered: Q,
|
|
17
|
-
scrollerButton: U,
|
|
18
|
-
list: X,
|
|
19
|
-
listCenter: Y,
|
|
20
|
-
listVertical: Z
|
|
21
|
-
}, Te = ["left", "center"], _e = ["horizontal", "vertical"], ee = ({
|
|
22
|
-
aria: t,
|
|
23
|
-
steps: n
|
|
24
|
-
}) => {
|
|
25
|
-
if (!t || typeof t != "object" || Object.keys(t).length === 0 || !t["aria-label"] && !t["aria-labelledby"] || t["aria-label"]?.trim() === "" && t["aria-labelledby"]?.trim() === "")
|
|
26
|
-
throw new Error(i("DSStepper", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
|
|
27
|
-
if (!Array.isArray(n))
|
|
28
|
-
throw new Error(i("DSStepper", j("steps", "DSStepper")));
|
|
29
|
-
if (n.length < 2)
|
|
30
|
-
throw new Error(i("DSStepper", "The steps array must contain at least two steps."));
|
|
31
|
-
n.forEach((e, o) => {
|
|
32
|
-
if (!e.label || e.label.trim() === "")
|
|
33
|
-
throw new Error(i("DSStepper", `The step at index ${o} is missing a non-empty label. Each step requires a valid label string.`));
|
|
34
|
-
if (e?.state === "current" && e?.disabled)
|
|
35
|
-
throw new Error(i("DSStepper", `The step at index ${o} has a current state but is disabled. Please remove the disabled property if this step is the current step.`));
|
|
36
|
-
});
|
|
37
|
-
}, te = () => {
|
|
38
|
-
w() || console.warn(i("DSStepper", "For accessible announcements place <DSAriaLiveRegions /> once close to <body>. Announcements will be skipped otherwise."));
|
|
39
|
-
}, re = {
|
|
40
|
-
current: "Current step",
|
|
41
|
-
completed: "completed",
|
|
42
|
-
step: "Step",
|
|
43
|
-
of: "of"
|
|
44
|
-
}, oe = {
|
|
45
|
-
current: "Aktueller Schritt",
|
|
46
|
-
completed: "abgeschlossen",
|
|
47
|
-
step: "Schritt",
|
|
48
|
-
of: "von"
|
|
49
|
-
}, se = {
|
|
50
|
-
en: re,
|
|
51
|
-
de: oe
|
|
52
|
-
}, ne = (t) => t.find((e) => e.state === "current") || t.findLast((e) => e.state) || t[0], I = (t) => t.findIndex((n) => n.state === "current"), le = (t, n) => !!t && t === "completed" && !n, Ee = ({
|
|
53
|
-
aria: t,
|
|
54
|
-
className: n,
|
|
55
|
-
steps: e,
|
|
56
|
-
orientation: o = "horizontal",
|
|
57
|
-
alignment: h = "left",
|
|
58
|
-
lang: x = "en",
|
|
59
|
-
translations: m,
|
|
60
|
-
onStepChange: A,
|
|
61
|
-
...y
|
|
62
|
-
}) => {
|
|
63
|
-
process.env.NODE_ENV !== "production" && (ee({
|
|
64
|
-
aria: t,
|
|
65
|
-
steps: e
|
|
66
|
-
}), te());
|
|
67
|
-
const p = H(m || se[x]), b = V(() => {
|
|
68
|
-
const s = w();
|
|
69
|
-
if (s) {
|
|
70
|
-
const r = ne(e);
|
|
71
|
-
s.innerText = `${p("current")}: ${e.indexOf(r) + 1} ${p("of")} ${e.length} - ${r.label}`, setTimeout(() => {
|
|
72
|
-
s.innerText = "";
|
|
73
|
-
}, 350);
|
|
74
|
-
}
|
|
75
|
-
}, [e, m, p]);
|
|
76
|
-
W(() => {
|
|
77
|
-
b();
|
|
78
|
-
}, [e, b]);
|
|
79
|
-
const P = (s, r) => {
|
|
80
|
-
const {
|
|
81
|
-
state: l,
|
|
82
|
-
disabled: c
|
|
83
|
-
} = e[s];
|
|
84
|
-
le(l, c) && (e[s].onClick?.(r), A(s));
|
|
85
|
-
}, O = f(a.root, {
|
|
86
|
-
[a.rootVertical]: o === "vertical"
|
|
87
|
-
}, n), B = f(a.list, {
|
|
88
|
-
[a.listVertical]: o === "vertical",
|
|
89
|
-
[a.listCenter]: o === "horizontal" && h === "center"
|
|
90
|
-
}), k = f({
|
|
91
|
-
[a.scrollerCentered]: o === "horizontal" && h === "center"
|
|
92
|
-
}), g = S([]), T = /* @__PURE__ */ d("ol", { className: B, children: e.map((s, r) => /* @__PURE__ */ d(G, { step: s, index: r, stepsCount: e.length, t: p, orientation: o, onStepClick: (l) => P(r, l), buttonRef: (l) => {
|
|
93
|
-
g.current[r] = l;
|
|
94
|
-
} }, r)) }), _ = S(null), E = S(!1);
|
|
95
|
-
L(() => {
|
|
96
|
-
if (o !== "horizontal")
|
|
97
|
-
return;
|
|
98
|
-
const s = [
|
|
99
|
-
"16px 'STIHL Contraface Digital Text Regular'",
|
|
100
|
-
// text-medium - label default
|
|
101
|
-
"14px 'STIHL Contraface Digital Text Bold'",
|
|
102
|
-
// text-small-bold - number
|
|
103
|
-
"16px 'STIHL Contraface Digital Text Bold'",
|
|
104
|
-
// text-medium-bold - current label
|
|
105
|
-
"14px 'STIHL Contraface Digital Text Regular'"
|
|
106
|
-
// utility-small - number/hint base (regular variant for hint)
|
|
107
|
-
];
|
|
108
|
-
Promise.all(s.map((r) => document.fonts.load(r))).then(() => {
|
|
109
|
-
E.current = !0, I(e) !== -1 && C("instant");
|
|
110
|
-
}).catch((r) => {
|
|
111
|
-
throw new Error(i("DSStepper", `The component requires the fonts to be loaded: ${r}`));
|
|
112
|
-
});
|
|
113
|
-
}, [o]);
|
|
114
|
-
const C = (s = "smooth") => {
|
|
115
|
-
if (o !== "horizontal")
|
|
116
|
-
return;
|
|
117
|
-
const r = I(e);
|
|
118
|
-
if (r === -1)
|
|
119
|
-
return;
|
|
120
|
-
const l = g.current[r], c = _.current;
|
|
121
|
-
if (!l || !c)
|
|
122
|
-
return;
|
|
123
|
-
const R = l.getBoundingClientRect(), v = c.getBoundingClientRect();
|
|
124
|
-
if (R.left - N >= v.left && R.right + N <= v.right)
|
|
125
|
-
return;
|
|
126
|
-
const M = l.offsetLeft, $ = l.offsetWidth, D = c.clientWidth;
|
|
127
|
-
let u = M - Math.max(0, (D - $) / 2);
|
|
128
|
-
const z = c.scrollWidth - D;
|
|
129
|
-
u = Math.min(Math.max(0, u), z), c.scrollTo({
|
|
130
|
-
left: u,
|
|
131
|
-
behavior: q() ? "instant" : s
|
|
132
|
-
});
|
|
133
|
-
};
|
|
134
|
-
return L(() => {
|
|
135
|
-
E.current && C("smooth");
|
|
136
|
-
}, [e, o]), /* @__PURE__ */ d("nav", { className: O, ...y, ...t, children: o === "horizontal" ? /* @__PURE__ */ d(F, { ref: _, className: a.scroller, scrollerClassName: k, scrollerButtonClassName: a.scrollerButton, children: T }) : T });
|
|
137
|
-
};
|
|
138
|
-
export {
|
|
139
|
-
Ee as D,
|
|
140
|
-
ge as S,
|
|
141
|
-
N as a,
|
|
142
|
-
Te as b,
|
|
143
|
-
_e as c,
|
|
144
|
-
te as d,
|
|
145
|
-
re as e,
|
|
146
|
-
oe as f,
|
|
147
|
-
se as g,
|
|
148
|
-
ne as h,
|
|
149
|
-
I as i,
|
|
150
|
-
le as j,
|
|
151
|
-
ee as v
|
|
152
|
-
};
|
package/chunks/Toast.RUzRjojQ.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as S, jsxs as W } from "react/jsx-runtime";
|
|
3
|
-
import { d as E } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as H } from "./index.DQOqod3i.js";
|
|
5
|
-
import { forwardRef as L } from "react";
|
|
6
|
-
import { D as M } from "./Button.DpGeheky.js";
|
|
7
|
-
import { D as O } from "./Icon.m6sMB6vl.js";
|
|
8
|
-
import '../assets/Toast.DgRXxA0s.css';const P = "ds-toast_root_1jbef_5", z = "ds-toast_root--closing_1jbef_15", A = "ds-toast_root--success_1jbef_56", R = "ds-toast_root--info_1jbef_60", $ = "ds-toast_root--warning_1jbef_64", q = "ds-toast_content_1jbef_69", F = "ds-toast_content--hide-icon_1jbef_76", G = "ds-toast_icon_1jbef_80", J = "ds-toast_message_1jbef_84", s = {
|
|
9
|
-
root: P,
|
|
10
|
-
rootClosing: z,
|
|
11
|
-
rootSuccess: A,
|
|
12
|
-
rootInfo: R,
|
|
13
|
-
rootWarning: $,
|
|
14
|
-
content: q,
|
|
15
|
-
contentHideIcon: F,
|
|
16
|
-
icon: G,
|
|
17
|
-
message: J
|
|
18
|
-
}, K = {
|
|
19
|
-
success: "circle-check-colored",
|
|
20
|
-
warning: "triangle-exclamationmark-colored",
|
|
21
|
-
info: "circle-info-colored"
|
|
22
|
-
}, Q = L((C, D) => {
|
|
23
|
-
const o = E.c(44);
|
|
24
|
-
let e, n, t, c, a, l, i, p, h;
|
|
25
|
-
o[0] !== C ? ({
|
|
26
|
-
message: t,
|
|
27
|
-
className: e,
|
|
28
|
-
closeButtonProps: n,
|
|
29
|
-
hideIcon: p,
|
|
30
|
-
variant: h,
|
|
31
|
-
onClick: c,
|
|
32
|
-
onMouseEnter: a,
|
|
33
|
-
onMouseLeave: l,
|
|
34
|
-
...i
|
|
35
|
-
} = C, o[0] = C, o[1] = e, o[2] = n, o[3] = t, o[4] = c, o[5] = a, o[6] = l, o[7] = i, o[8] = p, o[9] = h) : (e = o[1], n = o[2], t = o[3], c = o[4], a = o[5], l = o[6], i = o[7], p = o[8], h = o[9]);
|
|
36
|
-
const r = p === void 0 ? !1 : p, d = h === void 0 ? "info" : h;
|
|
37
|
-
let f;
|
|
38
|
-
o[10] !== n ? (f = n || {}, o[10] = n, o[11] = f) : f = o[11];
|
|
39
|
-
let m, j;
|
|
40
|
-
o[12] !== f ? ({
|
|
41
|
-
label: j,
|
|
42
|
-
...m
|
|
43
|
-
} = f, o[12] = f, o[13] = m, o[14] = j) : (m = o[13], j = o[14]);
|
|
44
|
-
const x = j === void 0 ? "Close toast" : j, w = d === "success", T = d === "warning", k = d === "info";
|
|
45
|
-
let v;
|
|
46
|
-
o[15] !== e || o[16] !== w || o[17] !== T || o[18] !== k ? (v = H(s.root, e, {
|
|
47
|
-
[s.rootSuccess]: w,
|
|
48
|
-
[s.rootWarning]: T,
|
|
49
|
-
[s.rootInfo]: k
|
|
50
|
-
}), o[15] = e, o[16] = w, o[17] = T, o[18] = k, o[19] = v) : v = o[19];
|
|
51
|
-
const y = v;
|
|
52
|
-
let I;
|
|
53
|
-
o[20] !== r ? (I = H(s.content, {
|
|
54
|
-
[s.contentHideIcon]: r
|
|
55
|
-
}), o[20] = r, o[21] = I) : I = o[21];
|
|
56
|
-
const B = I;
|
|
57
|
-
let _;
|
|
58
|
-
o[22] !== r || o[23] !== d ? (_ = !r && /* @__PURE__ */ S(O, { name: K[d], className: s.icon, "aria-hidden": "true" }), o[22] = r, o[23] = d, o[24] = _) : _ = o[24];
|
|
59
|
-
let u;
|
|
60
|
-
o[25] !== t ? (u = /* @__PURE__ */ S("div", { className: s.message, children: t }), o[25] = t, o[26] = u) : u = o[26];
|
|
61
|
-
let g;
|
|
62
|
-
o[27] !== x || o[28] !== c || o[29] !== m ? (g = /* @__PURE__ */ S(M, { ...m, hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", onClick: c, type: "button", children: x }), o[27] = x, o[28] = c, o[29] = m, o[30] = g) : g = o[30];
|
|
63
|
-
let b;
|
|
64
|
-
o[31] !== B || o[32] !== _ || o[33] !== u || o[34] !== g ? (b = /* @__PURE__ */ W("div", { className: B, children: [
|
|
65
|
-
_,
|
|
66
|
-
u,
|
|
67
|
-
g
|
|
68
|
-
] }), o[31] = B, o[32] = _, o[33] = u, o[34] = g, o[35] = b) : b = o[35];
|
|
69
|
-
let N;
|
|
70
|
-
return o[36] !== t || o[37] !== a || o[38] !== l || o[39] !== D || o[40] !== i || o[41] !== y || o[42] !== b ? (N = /* @__PURE__ */ S("aside", { className: y, ref: D, popover: "manual", "data-ds-toast": !0, onMouseEnter: a, onMouseLeave: l, "aria-label": t, ...i, children: b }), o[36] = t, o[37] = a, o[38] = l, o[39] = D, o[40] = i, o[41] = y, o[42] = b, o[43] = N) : N = o[43], N;
|
|
71
|
-
});
|
|
72
|
-
Q.displayName = "DSToast";
|
|
73
|
-
export {
|
|
74
|
-
Q as D,
|
|
75
|
-
s
|
|
76
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FileWithFeedback } from '../InputFile/InputFile';
|
|
2
|
-
import { InputFileTranslations } from '../InputFile/InputFile.utils';
|
|
3
|
-
import { JSX } from 'react';
|
|
4
|
-
interface FileListProps {
|
|
5
|
-
files: FileWithFeedback[];
|
|
6
|
-
onRemoveFile: (index: number) => void;
|
|
7
|
-
t: (key: keyof InputFileTranslations, replacements?: string[]) => string;
|
|
8
|
-
fileListItemRemoveButtonProps?: {
|
|
9
|
-
[key: `data-${string}`]: string | undefined;
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
export declare const FileList: ({ files, onRemoveFile, fileListItemRemoveButtonProps, t, }: FileListProps) => JSX.Element;
|
|
13
|
-
export {};
|