@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.
Files changed (167) hide show
  1. package/{accordion.CiiPLwYQ.js → accordion.CJYNJWAm.js} +2 -2
  2. package/action-card-example-image-1.webp +0 -0
  3. package/{actionbutton.DKb4ph1c.js → actionbutton.BLKEsCUm.js} +3 -3
  4. package/actioncard.WFXhVqOa.js +9 -0
  5. package/actioncard.d.ts +2 -0
  6. package/{actionlink.DEGta2h9.js → actionlink.xJDPIikL.js} +3 -3
  7. package/arialiveregions.BF6mUlPU.js +23 -0
  8. package/assets/ActionCard.C85bSGRa.css +1 -0
  9. package/assets/LinkCard.fwyPSY19.css +1 -0
  10. package/assets/Toast.CGl8z6mX.css +1 -0
  11. package/assets/filelist.CHVupL8T.css +1 -0
  12. package/assets/filepreview.2cdH-1Xs.css +1 -0
  13. package/assets/progressindicator.Cbbzo5-b.css +1 -0
  14. package/{banner.S_c1UQJe.js → banner.CYahlug-.js} +1 -1
  15. package/{breadcrumb.DiuuVblR.js → breadcrumb.Bg86bTsh.js} +3 -3
  16. package/{button.Z7Mmvwhv.js → button.oshwTInZ.js} +4 -4
  17. package/{buttonround.Bqi8Ej-y.js → buttonround.CPTvQIcE.js} +3 -3
  18. package/{checkbox.DtSSduSH.js → checkbox.BTnK5VzM.js} +3 -3
  19. package/{checkboxgroup.CSP1DOCW.js → checkboxgroup.DESMv2S7.js} +2 -2
  20. package/{chip.CyypeY5M.js → chip.BWL_yfeA.js} +3 -3
  21. package/chipgroup.DvoNDnTN.js +213 -0
  22. package/chunks/{Accordion.Q50G9LZ3.js → Accordion.D4jj5_nA.js} +1 -1
  23. package/chunks/{ActionButton.BEMy35Lh.js → ActionButton.BOKt8109.js} +2 -2
  24. package/chunks/ActionCard.oi3u27DL.js +242 -0
  25. package/chunks/{ActionLink.DECHT42B.js → ActionLink.BFwVQSTh.js} +2 -2
  26. package/chunks/AriaLiveRegions.utils.8ofDlHnN.js +65 -0
  27. package/chunks/{Breadcrumb.nflDJoKs.js → Breadcrumb.ClHgevZX.js} +2 -2
  28. package/chunks/{Button.DpGeheky.js → Button.BdqkFovu.js} +3 -3
  29. package/chunks/{Checkbox.B3NeB54s.js → Checkbox.vdWpXSUh.js} +2 -2
  30. package/chunks/{CheckboxGroup.BYZSvqF7.js → CheckboxGroup.BtVBLux3.js} +2 -2
  31. package/chunks/Chip.B_zwA2qc.js +157 -0
  32. package/chunks/{CustomReactSelect.DBsnmMPl.js → CustomReactSelect.Dtf3mXJ_.js} +4 -4
  33. package/chunks/{Dialog.C-rcs_Up.js → Dialog.9tejL9sZ.js} +1 -1
  34. package/chunks/{Drawer.D0d557c5.js → Drawer.DIFMs4Gh.js} +1 -1
  35. package/chunks/{Fieldset.7WM7w62l.js → Fieldset.8jatF24R.js} +2 -2
  36. package/chunks/Icon.BoxUJQDT.js +232 -0
  37. package/chunks/InputFile.zbXRpklU.js +260 -0
  38. package/chunks/{InputNumber.a44HnJ9B.js → InputNumber.d7gmAHaX.js} +3 -3
  39. package/chunks/{InputPassword.B1E0Maub.js → InputPassword.Cz41hBCt.js} +3 -3
  40. package/chunks/{InputSearch.C7AvD7Eu.js → InputSearch.DPQCT8Yo.js} +3 -3
  41. package/chunks/{LinkButton.CMjq2FKc.js → LinkButton.BGQOwjnE.js} +2 -2
  42. package/chunks/LinkCard.DRATPHdd.js +178 -0
  43. package/chunks/{NavigationTabList.ltT6igtk.js → NavigationTabList.Cf6csU_F.js} +1 -1
  44. package/chunks/{NavigationTabs.DsVepb7H.js → NavigationTabs.CSTtXPxd.js} +1 -1
  45. package/chunks/{Notification.COwLndR0.js → Notification.ChSYPU3r.js} +2 -2
  46. package/chunks/Popover.BSL3AilG.js +221 -0
  47. package/chunks/{RadioGroup.B-qTH31u.js → RadioGroup.DauFXAk6.js} +1 -1
  48. package/chunks/{Select.DrDVi9lg.js → Select.CWA7DHcL.js} +3 -3
  49. package/chunks/{Slider.DGMrDfWv.js → Slider.2ltYhUJb.js} +2 -2
  50. package/chunks/Stepper.Dh69BOVR.js +146 -0
  51. package/chunks/{SystemFeedback.DFN6Y2cw.js → SystemFeedback.C2XFC5WN.js} +1 -1
  52. package/chunks/{Tabs.DfH2q9EL.js → Tabs.BvwiBlXt.js} +1 -1
  53. package/chunks/{Textarea.ymNCbcvH.js → Textarea.Ck0sw4SI.js} +2 -2
  54. package/chunks/Toast.Ck4woVuy.js +76 -0
  55. package/chunks/battery-return.tBu7C6Q7.js +10 -0
  56. package/chunks/cookie.U09gK6it.js +10 -0
  57. package/chunks/credit-card.BmIN7RQ3.js +10 -0
  58. package/chunks/legal-info.-S9gzFzc.js +10 -0
  59. package/chunks/legal.CVCmbA3m.js +10 -0
  60. package/chunks/present.B4ImIJxi.js +10 -0
  61. package/chunks/return-package.Bt9FUc42.js +10 -0
  62. package/{combobox.DzSEFo_5.js → combobox.zkQtaMOE.js} +1 -1
  63. package/components/ActionButton/ActionButton.d.ts +1 -1
  64. package/components/ActionCard/ActionCard.d.ts +75 -0
  65. package/components/ActionCard/ActionCard.utils.d.ts +24 -0
  66. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +22 -1
  67. package/components/AriaLiveRegions/AriaLiveRegions.test.d.ts +1 -0
  68. package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +106 -0
  69. package/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  70. package/components/Button/Button.d.ts +1 -1
  71. package/components/ChipGroup/ChipGroup.utils.d.ts +14 -15
  72. package/components/Icon/Icon.d.ts +1 -1
  73. package/components/InputFile/FileList/FileList.d.ts +14 -0
  74. package/components/InputFile/FileList/FileList.test.d.ts +1 -0
  75. package/components/{FileList → InputFile/FileList}/FileList.utils.d.ts +0 -6
  76. package/components/InputFile/FileList/FileList.utils.test.d.ts +1 -0
  77. package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +15 -0
  78. package/components/InputFile/FileList/FilePreview/FilePreview.test.d.ts +1 -0
  79. package/components/InputFile/FileList/FilePreview/FilePreview.utils.d.ts +11 -0
  80. package/components/InputFile/FileList/FilePreview/FilePreview.utils.test.d.ts +1 -0
  81. package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +34 -0
  82. package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.test.d.ts +1 -0
  83. package/components/InputFile/InputFile.d.ts +49 -15
  84. package/components/InputFile/InputFile.utils.d.ts +14 -0
  85. package/components/LinkButton/LinkButton.d.ts +1 -1
  86. package/components/LinkCard/LinkCard.d.ts +16 -4
  87. package/components/Logo/Logo.d.ts +1 -1
  88. package/components/NavigationTabs/NavigationTabs.d.ts +1 -1
  89. package/components/Spinner/Spinner.d.ts +1 -1
  90. package/components/Stepper/Stepper.d.ts +1 -1
  91. package/components/Stepper/Stepper.utils.d.ts +0 -1
  92. package/components/Switch/Switch.d.ts +1 -1
  93. package/components/Tabs/TabList/TabList.d.ts +1 -1
  94. package/components/Toast/ToastManager.utils.d.ts +0 -1
  95. package/components/TopBar/TopBar.d.ts +1 -1
  96. package/{customreactselect.D7YraWJ7.js → customreactselect.DbPXuk-C.js} +5 -5
  97. package/{dialog.CBovd8em.js → dialog.wzLHG12h.js} +2 -2
  98. package/{drawer.D5F0KXI2.js → drawer.DnHZCC60.js} +2 -2
  99. package/{fieldset.DgbZ_K_l.js → fieldset.DUU39krR.js} +3 -3
  100. package/filelist.d.ts +1 -1
  101. package/filelist.zRCzEN5D.js +128 -0
  102. package/filepreview.CK8DA0aR.js +94 -0
  103. package/filepreview.d.ts +2 -0
  104. package/{flag.D-wrUioF.js → flag.02uD-ADh.js} +1 -1
  105. package/{floatingactionbutton.CE-Rz0dx.js → floatingactionbutton.BwmRfmD_.js} +3 -3
  106. package/{icon.ByLYRkPZ.js → icon.DFM8rDOR.js} +1 -1
  107. package/index.d.ts +3 -0
  108. package/index.es.js +233 -219
  109. package/{input.MZXe6rlg.js → input.yBU7wjmW.js} +4 -4
  110. package/inputfile.BRt_BWK8.js +18 -0
  111. package/{inputnumber.DevQudIX.js → inputnumber.B0yCOPU1.js} +4 -4
  112. package/{inputpassword.C-XYK-JP.js → inputpassword.aQxGIeyf.js} +4 -4
  113. package/{inputsearch.CmJdxnzX.js → inputsearch.EbZnS29c.js} +4 -4
  114. package/{link.R1lfD5aN.js → link.Ck9Yd2y2.js} +3 -3
  115. package/{linkbutton.Y-ET1tc9.js → linkbutton.DzbJ1ws2.js} +3 -3
  116. package/{linkcard.CayqoQNo.js → linkcard.D65tvntF.js} +3 -3
  117. package/{navigationtablist.Cd9hZzFQ.js → navigationtablist.BMvJp48M.js} +2 -2
  118. package/{navigationtabs.DHG-TeF2.js → navigationtabs.BzYhrLVd.js} +2 -2
  119. package/{notification.u_LLz-O0.js → notification.B80f3Sh6.js} +3 -3
  120. package/{optioncheckbox.v8Plcgeg.js → optioncheckbox.DvF4Vr4C.js} +1 -1
  121. package/package.json +2 -2
  122. package/partials/index.js +15 -9
  123. package/partials/lib/partials.d.ts +1 -1
  124. package/{popover.T7-imfkx.js → popover.BR8IGyhi.js} +4 -3
  125. package/product-card-example-1.webp +0 -0
  126. package/product-card-example-2.webp +0 -0
  127. package/product-card-example-3.webp +0 -0
  128. package/product-card-example-4.webp +0 -0
  129. package/progressindicator.DYKf69nk.js +53 -0
  130. package/progressindicator.d.ts +2 -0
  131. package/{radiogroup.CAh4wto1.js → radiogroup.Cniqm1t0.js} +2 -2
  132. package/{scroller.DfhhZelk.js → scroller.CSSI5khP.js} +1 -1
  133. package/{select.CSCc_-6d.js → select.DPfXPv-k.js} +4 -4
  134. package/{skiptocontent.C2HpZt5q.js → skiptocontent.C_nrEIVL.js} +1 -1
  135. package/{slider.B2aQwfc2.js → slider.CyRU5Kys.js} +3 -3
  136. package/{spinner.CRVyui04.js → spinner.ww3wgdUU.js} +1 -1
  137. package/{step.C-LC5sKQ.js → step.C4gOI6c3.js} +2 -2
  138. package/{stepper.CRljfUF8.js → stepper.Bqdr6GS-.js} +4 -4
  139. package/{switch.DgKgzm-j.js → switch.DpYvgNSE.js} +2 -2
  140. package/{systemfeedback.BKLsE5sY.js → systemfeedback.g7odUaLC.js} +2 -2
  141. package/{tablist.DPiNeY3_.js → tablist.DLFJGmYV.js} +3 -3
  142. package/{tabs.Cxzm6ZZ-.js → tabs.Bne3Z3rz.js} +2 -2
  143. package/{textarea.CDXY-OVz.js → textarea.DcAoKkta.js} +3 -3
  144. package/{toast.Bev-Rfuw.js → toast.C_O0xDYn.js} +3 -3
  145. package/toastmanager.w_mhIehC.js +79 -0
  146. package/tooltip.C6HKano9.js +184 -0
  147. package/types/icon-types.d.ts +1 -1
  148. package/arialiveregions.B0AV2JcV.js +0 -18
  149. package/assets/LinkCard.C6HtgbjH.css +0 -1
  150. package/assets/Toast.DgRXxA0s.css +0 -1
  151. package/assets/filelist.H_wKcSPX.css +0 -1
  152. package/chipgroup.CSjQHeeW.js +0 -199
  153. package/chunks/AriaLiveRegions.utils.CLpOaVD9.js +0 -27
  154. package/chunks/Chip.SiGIIHR-.js +0 -133
  155. package/chunks/Icon.m6sMB6vl.js +0 -232
  156. package/chunks/InputFile.DRGNdtY0.js +0 -236
  157. package/chunks/LinkCard.CJ5P0ews.js +0 -199
  158. package/chunks/Popover.C5wtha5l.js +0 -214
  159. package/chunks/Stepper.DptsFh5n.js +0 -152
  160. package/chunks/Toast.RUzRjojQ.js +0 -76
  161. package/components/FileList/FileList.d.ts +0 -13
  162. package/filelist.CDEBo3Pi.js +0 -160
  163. package/inputfile.BO4wDnzQ.js +0 -18
  164. package/toastmanager.DII20_9k.js +0 -89
  165. package/tooltip._lP4aMV2.js +0 -177
  166. /package/components/{FileList/FileList.test.d.ts → ActionCard/ActionCard.test.d.ts} +0 -0
  167. /package/components/{FileList/FileList.utils.test.d.ts → ActionCard/ActionCard.utils.test.d.ts} +0 -0
@@ -1,232 +0,0 @@
1
- "use client";
2
- import { jsx as C } from "react/jsx-runtime";
3
- import { d as W } from "./index.cKLI89Eg.js";
4
- import { c as $ } from "./index.DQOqod3i.js";
5
- import * as x from "react";
6
- import { useRef as H, useState as V, useEffect as P } from "react";
7
- import { h as U } from "./has-window.ut_-aShB.js";
8
- import { g as Z } from "./helpers.CexwVao7.js";
9
- import '../assets/Icon.i2P_Jf3Q.css';var j = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new WeakMap(), G = 0, F;
10
- function J(t) {
11
- return t ? (L.has(t) || (G += 1, L.set(t, G.toString())), L.get(t)) : "0";
12
- }
13
- function K(t) {
14
- return Object.keys(t).sort().filter(
15
- (s) => t[s] !== void 0
16
- ).map((s) => `${s}_${s === "root" ? J(t.root) : t[s]}`).toString();
17
- }
18
- function Q(t) {
19
- const s = K(t);
20
- let e = j.get(s);
21
- if (!e) {
22
- const r = /* @__PURE__ */ new Map();
23
- let c;
24
- const i = new IntersectionObserver((n) => {
25
- n.forEach((o) => {
26
- var a;
27
- const m = o.isIntersecting && c.some((d) => o.intersectionRatio >= d);
28
- t.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = m), (a = r.get(o.target)) == null || a.forEach((d) => {
29
- d(m, o);
30
- });
31
- });
32
- }, t);
33
- c = i.thresholds || (Array.isArray(t.threshold) ? t.threshold : [t.threshold || 0]), e = {
34
- id: s,
35
- observer: i,
36
- elements: r
37
- }, j.set(s, e);
38
- }
39
- return e;
40
- }
41
- function Y(t, s, e = {}, r = F) {
42
- if (typeof window.IntersectionObserver > "u" && r !== void 0) {
43
- const a = t.getBoundingClientRect();
44
- return s(r, {
45
- isIntersecting: r,
46
- target: t,
47
- intersectionRatio: typeof e.threshold == "number" ? e.threshold : 0,
48
- time: 0,
49
- boundingClientRect: a,
50
- intersectionRect: a,
51
- rootBounds: a
52
- }), () => {
53
- };
54
- }
55
- const { id: c, observer: i, elements: n } = Q(e), o = n.get(t) || [];
56
- return n.has(t) || n.set(t, o), o.push(s), i.observe(t), function() {
57
- o.splice(o.indexOf(s), 1), o.length === 0 && (n.delete(t), i.unobserve(t)), n.size === 0 && (i.disconnect(), j.delete(c));
58
- };
59
- }
60
- function ss({
61
- threshold: t,
62
- delay: s,
63
- trackVisibility: e,
64
- rootMargin: r,
65
- root: c,
66
- triggerOnce: i,
67
- skip: n,
68
- initialInView: o,
69
- fallbackInView: a,
70
- onChange: m
71
- } = {}) {
72
- var d;
73
- const [u, y] = x.useState(null), h = x.useRef(m), l = x.useRef(o), [b, w] = x.useState({
74
- inView: !!o,
75
- entry: void 0
76
- });
77
- h.current = m, x.useEffect(
78
- () => {
79
- if (l.current === void 0 && (l.current = o), n || !u) return;
80
- let v;
81
- return v = Y(
82
- u,
83
- (p, f) => {
84
- const I = l.current;
85
- l.current = p, !(I === void 0 && !p) && (w({
86
- inView: p,
87
- entry: f
88
- }), h.current && h.current(p, f), f.isIntersecting && i && v && (v(), v = void 0));
89
- },
90
- {
91
- root: c,
92
- rootMargin: r,
93
- threshold: t,
94
- // @ts-expect-error
95
- trackVisibility: e,
96
- delay: s
97
- },
98
- a
99
- ), () => {
100
- v && v();
101
- };
102
- },
103
- // We break the rule here, because we aren't including the actual `threshold` variable
104
- // eslint-disable-next-line react-hooks/exhaustive-deps
105
- [
106
- // If the threshold is an array, convert it to a string, so it won't change between renders.
107
- Array.isArray(t) ? t.toString() : t,
108
- u,
109
- c,
110
- r,
111
- i,
112
- n,
113
- e,
114
- a,
115
- s
116
- ]
117
- );
118
- const k = (d = b.entry) == null ? void 0 : d.target, S = x.useRef(void 0);
119
- !u && k && !i && !n && S.current !== k && (S.current = k, w({
120
- inView: !!o,
121
- entry: void 0
122
- }), l.current = o);
123
- const g = [y, b.inView, b.entry];
124
- return g.ref = g[0], g.inView = g[1], g.entry = g[2], g;
125
- }
126
- const ts = "ds-icon_image_clh5i_1", is = "ds-icon_image--theme-dark_clh5i_10", es = "ds-icon_image--size-x-large_clh5i_13", os = "ds-icon_image--size-medium_clh5i_19", rs = "ds-icon_image--size-small_clh5i_25", ns = "ds-icon_image--size-x-small_clh5i_31", z = {
127
- image: ts,
128
- imageThemeDark: is,
129
- imageSizeXLarge: es,
130
- imageSizeMedium: os,
131
- imageSizeSmall: rs,
132
- imageSizeXSmall: ns
133
- }, as = (t, s, e) => {
134
- const r = t[s];
135
- return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((c, i) => {
136
- (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(i.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== e ? ". Note that variables only represent file names one level deep." : ""))));
137
- });
138
- }, us = ["x-large", "large", "medium", "small", "x-small"], cs = (t) => {
139
- const s = H(void 0), [e, r] = V(!1), [c, i] = V(!0);
140
- return P(() => {
141
- if (!U)
142
- return;
143
- let n = !0;
144
- return e && (i(!0), (async () => {
145
- try {
146
- s.current = await as(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/accessibility.svg": () => import("./accessibility.B57oX4yV.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./arrow-clockwise.C4iOgjOc.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./arrow-counterclockwise.CgQAuBUe.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery-charge-0.svg": () => import("./battery-charge-0.DxlgEAto.js"), "../../../../icons/dist/assets/battery-charge-100.svg": () => import("./battery-charge-100.D0Cax7dU.js"), "../../../../icons/dist/assets/battery.svg": () => import("./battery.6Idoickg.js"), "../../../../icons/dist/assets/bell.svg": () => import("./bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth-off.svg": () => import("./bluetooth-off.BzZCh4Q8.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./camera.BoCB0Emp.js"), "../../../../icons/dist/assets/caret-down.svg": () => import("./caret-down.CupuwAF6.js"), "../../../../icons/dist/assets/caret-right.svg": () => import("./caret-right.DKtu4PQe.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./circle-check-colored.qP2s3vjI.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./circle-info-colored.D2pp54gf.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/collapse.svg": () => import("./collapse.Dvv3mgkv.js"), "../../../../icons/dist/assets/compare.svg": () => import("./compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./diamond-exclamationmark-colored.CzYiaTZ0.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./distance.FA6pTjcW.js"), "../../../../icons/dist/assets/document-magnifying-glass.svg": () => import("./document-magnifying-glass.DkvpNz-D.js"), "../../../../icons/dist/assets/document-s.svg": () => import("./document-s.CoOp0kBK.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/feather.svg": () => import("./feather.l1E4nFBx.js"), "../../../../icons/dist/assets/file-type-doc.svg": () => import("./file-type-doc.B_RSSYbu.js"), "../../../../icons/dist/assets/file-type-image.svg": () => import("./file-type-image.Cg2NRd7y.js"), "../../../../icons/dist/assets/file-type-pdf.svg": () => import("./file-type-pdf.Dm94xL2i.js"), "../../../../icons/dist/assets/file-type-video.svg": () => import("./file-type-video.CFwfiP-D.js"), "../../../../icons/dist/assets/file-type-zip.svg": () => import("./file-type-zip.SNixmKhQ.js"), "../../../../icons/dist/assets/file.svg": () => import("./file.DLgRXiem.js"), "../../../../icons/dist/assets/filter.svg": () => import("./filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./map.DNl7PF61.js"), "../../../../icons/dist/assets/minus.svg": () => import("./minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/moon.svg": () => import("./moon.5yILPYXs.js"), "../../../../icons/dist/assets/muscle.svg": () => import("./muscle.DbNjWasV.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pen.svg": () => import("./pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./petrol.BGWwCsTw.js"), "../../../../icons/dist/assets/phone.svg": () => import("./phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./star.BkjednvI.js"), "../../../../icons/dist/assets/sun.svg": () => import("./sun.CY6ttzTL.js"), "../../../../icons/dist/assets/tag.svg": () => import("./tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/tiktok.svg": () => import("./tiktok.BWJTDGYm.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./triangle-exclamationmark-colored.e93zvQ6Q.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./truck.xIk5wW6T.js"), "../../../../icons/dist/assets/twitch.svg": () => import("./twitch.C893cAK8.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./upload.BogDfonx.js"), "../../../../icons/dist/assets/user.svg": () => import("./user.BMARueuy.js"), "../../../../icons/dist/assets/variants.svg": () => import("./variants.-R3_RCW8.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./wc.gmKE1r5l.js"), "../../../../icons/dist/assets/weight.svg": () => import("./weight.DUPu2UT0.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${t}.svg`, 8);
147
- } catch (a) {
148
- console.error(Z("DSIcon", a instanceof Error ? a.message : String(a)));
149
- } finally {
150
- n && i(!1);
151
- }
152
- })()), () => {
153
- n = !1;
154
- };
155
- }, [t, e]), {
156
- isLoading: c,
157
- SVGIcon: s.current?.default,
158
- setShouldLoad: r
159
- };
160
- }, fs = (t) => {
161
- const s = W.c(42);
162
- let e, r, c, i, n, o, a;
163
- s[0] !== t ? ({
164
- aria: e,
165
- className: r,
166
- name: n,
167
- size: o,
168
- source: i,
169
- theme: a,
170
- ...c
171
- } = t, s[0] = t, s[1] = e, s[2] = r, s[3] = c, s[4] = i, s[5] = n, s[6] = o, s[7] = a) : (e = s[1], r = s[2], c = s[3], i = s[4], n = s[5], o = s[6], a = s[7]);
172
- const m = n === void 0 ? "placeholder" : n, d = o === void 0 ? "large" : o, u = a === void 0 ? "light" : a, {
173
- SVGIcon: y,
174
- isLoading: h,
175
- setShouldLoad: l
176
- } = cs(m), [, b] = V(m);
177
- let w;
178
- s[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
179
- "x-large": 24,
180
- large: 16,
181
- medium: 12,
182
- small: 10,
183
- "x-small": 8
184
- }, s[8] = w) : w = s[8];
185
- const k = w;
186
- let S;
187
- s[9] !== m || s[10] !== b ? (S = () => {
188
- b(m);
189
- }, s[9] = m, s[10] = b, s[11] = S) : S = s[11];
190
- let g;
191
- s[12] !== m ? (g = [m], s[12] = m, s[13] = g) : g = s[13], P(S, g);
192
- const v = !!i;
193
- let p;
194
- s[14] !== l ? (p = (A) => {
195
- l(A);
196
- }, s[14] = l, s[15] = p) : p = s[15];
197
- let f;
198
- s[16] !== v || s[17] !== p ? (f = {
199
- rootMargin: "200px 0px",
200
- triggerOnce: !0,
201
- fallbackInView: !0,
202
- skip: v,
203
- onChange: p
204
- }, s[16] = v, s[17] = p, s[18] = f) : f = s[18];
205
- const {
206
- ref: I
207
- } = ss(f);
208
- let M;
209
- s[19] !== i ? (M = (A) => (B) => {
210
- i && B && (B.src = A);
211
- }, s[19] = i, s[20] = M) : M = s[20];
212
- const N = M;
213
- let _;
214
- s[21] !== m || s[22] !== i || s[23] !== u ? (_ = u === "dark" && !i && !m.includes("-colored"), s[21] = m, s[22] = i, s[23] = u, s[24] = _) : _ = s[24];
215
- const T = d === "x-large", O = d === "medium", X = d === "small", q = d === "x-small";
216
- let D;
217
- s[25] !== r || s[26] !== _ || s[27] !== T || s[28] !== O || s[29] !== X || s[30] !== q ? (D = $(z.image, r, {
218
- [z.imageThemeDark]: _,
219
- [z.imageSizeXLarge]: T,
220
- [z.imageSizeMedium]: O,
221
- [z.imageSizeSmall]: X,
222
- [z.imageSizeXSmall]: q
223
- }), s[25] = r, s[26] = _, s[27] = T, s[28] = O, s[29] = X, s[30] = q, s[31] = D) : D = s[31];
224
- const R = D;
225
- let E;
226
- return s[32] !== y || s[33] !== N || s[34] !== e || s[35] !== R || s[36] !== h || s[37] !== I || s[38] !== c || s[39] !== d || s[40] !== i ? (E = i ? /* @__PURE__ */ C("img", { className: R, ref: N(i), width: k[d], height: k[d], loading: "lazy", alt: e?.["aria-label"] || "", ...c }) : !h && y ? /* @__PURE__ */ C(y, { className: R, title: e?.["aria-label"] || "", role: e?.["aria-label"] ? "img" : void 0, ...c }) : /* @__PURE__ */ C("div", { className: R, ref: I }), s[32] = y, s[33] = N, s[34] = e, s[35] = R, s[36] = h, s[37] = I, s[38] = c, s[39] = d, s[40] = i, s[41] = E) : E = s[41], E;
227
- };
228
- export {
229
- fs as D,
230
- us as I,
231
- cs as u
232
- };
@@ -1,236 +0,0 @@
1
- "use client";
2
- import { jsxs as D, jsx as r, Fragment as _e } from "react/jsx-runtime";
3
- import { c as f } from "./index.DQOqod3i.js";
4
- import { forwardRef as he, useState as Q, useRef as Ie, useCallback as ve } from "react";
5
- import { t as we } from "./translate.nuU7uChI.js";
6
- import { u as P } from "./useBreakpoint.1txsny17.js";
7
- import "./index.cKLI89Eg.js";
8
- import { g as Se } from "./AriaLiveRegions.utils.CLpOaVD9.js";
9
- import { Asterisk as Fe } from "../asterisk.Dwtdwpkq.js";
10
- import { D as ze } from "./Button.DpGeheky.js";
11
- import { FileList as Ne } from "../filelist.CDEBo3Pi.js";
12
- import { D as Le } from "./Icon.m6sMB6vl.js";
13
- import { D as ke } from "./Popover.C5wtha5l.js";
14
- import { D as ye } from "./SystemFeedback.DFN6Y2cw.js";
15
- import { g as _ } from "./helpers.CexwVao7.js";
16
- import '../assets/InputFile.BUMCNCrj.css';const Be = "ds-input-file_root_ad2pg_1", Te = "ds-input-file_browse-button--is-dragging-filled_ad2pg_1", Ae = "ds-input-file_browse-button--is-dragging_ad2pg_1", Pe = "ds-input-file_hint_ad2pg_14", $e = "ds-input-file_label-wrapper_ad2pg_14", Ce = "ds-input-file_label_ad2pg_14", Re = "ds-input-file_label--disabled_ad2pg_33", Ee = "ds-input-file_label-wrapper--hidden_ad2pg_45", We = "ds-input-file_feedback_ad2pg_73", qe = "ds-input-file_dropzone_ad2pg_77", xe = "ds-input-file_dropzone--disabled_ad2pg_83", He = "ds-input-file_dropzone--invalid_ad2pg_97", Oe = "ds-input-file_dropzone--is-dragging_ad2pg_100", Ve = "ds-input-file_hint-drop-zone_ad2pg_103", je = "ds-input-file_upload-icon_ad2pg_106", Me = "ds-input-file_browse-button-dropzone--is-dragging_ad2pg_109", Ue = "ds-input-file_instructions_ad2pg_112", Ze = "ds-input-file_input_ad2pg_149", Ge = "ds-input-file_required-sr-info_ad2pg_153", t = {
17
- root: Be,
18
- browseButtonIsDraggingFilled: Te,
19
- browseButtonIsDragging: Ae,
20
- hint: Pe,
21
- labelWrapper: $e,
22
- label: Ce,
23
- labelDisabled: Re,
24
- labelWrapperHidden: Ee,
25
- feedback: We,
26
- dropzone: qe,
27
- dropzoneDisabled: xe,
28
- dropzoneInvalid: He,
29
- dropzoneIsDragging: Oe,
30
- hintDropZone: Ve,
31
- uploadIcon: je,
32
- browseButtonDropzoneIsDragging: Me,
33
- instructions: Ue,
34
- input: Ze,
35
- requiredSrInfo: Ge
36
- }, Je = {
37
- dragAndDropInstructions: "Drag and drop files here or",
38
- feedbackFileSize: "File too large. Maximum file size is",
39
- feedbackFileType: "File type not allowed",
40
- // {0} is the file name
41
- fileListRemoveSelectionButtonLabel: "Remove {0} from selected files",
42
- fileListPreviewAltText: "Preview of",
43
- filesSelectedHint: "The following files are selected",
44
- required: "required",
45
- togglePopover: "Toggle popover"
46
- }, Ke = {
47
- dragAndDropInstructions: "Dateien hier hin ziehen oder",
48
- feedbackFileSize: "Datei zu groß. Maximale Dateigröße ist",
49
- feedbackFileType: "Dateityp nicht zugelassen",
50
- // {0} is the file name
51
- fileListRemoveSelectionButtonLabel: "Datei {0} aus der Auswahl entfernen",
52
- fileListPreviewAltText: "Vorschau von",
53
- filesSelectedHint: "Die folgenden Dateien sind ausgewählt",
54
- required: "erforderlich",
55
- togglePopover: "Popover öffnen/schließen"
56
- }, X = {
57
- en: Je,
58
- de: Ke
59
- }, Qe = (a, d) => {
60
- const o = d.split(",").map((l) => l.trim().toLowerCase()).filter(Boolean), g = a.name.toLowerCase(), n = a.type.toLowerCase();
61
- return o.some((l) => {
62
- if (l.startsWith("."))
63
- return g.endsWith(l);
64
- if (l.endsWith("/*")) {
65
- const [h] = n.split("/");
66
- return h === l.slice(0, -2);
67
- }
68
- return n === l;
69
- });
70
- }, Xe = ({
71
- id: a,
72
- label: d,
73
- inputFileButtonProps: o,
74
- hideLabel: g,
75
- popoverContent: n
76
- }) => {
77
- if (!a)
78
- throw new Error(_("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
79
- if (!d)
80
- throw new Error(_("DSInputFile", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputFile component. If you don't want to display a label, set hideLabel={true}.`));
81
- if (o && o.label?.trim() === "")
82
- throw new Error(_("DSInputFile", "The input file button needs to have a label for a11y reasons. Please add a label to the inputFileButtonProps."));
83
- if (o && o.variant && o.variant !== "outline" && o.variant !== "filled")
84
- throw new Error(_("DSInputFile", "The inputFileButtonProps variant value can only be 'outline' for DSInputFile components inside forms or 'filled' for standalone DSInputFile components."));
85
- g && n && console.warn(_("DSInputFile", "Using a popover when hideLabel is set to true is not supported."));
86
- }, Ye = he(({
87
- id: a,
88
- label: d,
89
- accept: o,
90
- className: g,
91
- disabled: n = !1,
92
- fileListItemRemoveButtonProps: l,
93
- hideLabel: h = !1,
94
- hint: b,
95
- inputFileButtonProps: $,
96
- invalid: I = !1,
97
- isHintOutsideDropzone: Y = {
98
- base: !0,
99
- m: !1
100
- },
101
- lang: S = "en",
102
- maxSizeInMb: F = 7,
103
- multiple: m = !1,
104
- popoverContent: z,
105
- popoverInfoButtonProps: C,
106
- required: R = !1,
107
- showFileList: ee = !0,
108
- showDropzone: p = !1,
109
- systemFeedback: N,
110
- translations: L,
111
- onFilesSelect: E,
112
- ...te
113
- }, v) => {
114
- const c = we(L || X[S]);
115
- process.env.NODE_ENV !== "production" && Xe({
116
- id: a,
117
- label: d,
118
- inputFileButtonProps: $,
119
- hideLabel: P(h),
120
- popoverContent: z
121
- });
122
- const {
123
- label: ne = S === "en" ? `Choose File${m ? "s" : ""}` : `Datei${m ? "en" : ""} auswählen`,
124
- variant: k = "outline",
125
- ...oe
126
- } = $ || {}, ie = {
127
- ...C,
128
- label: L && L.togglePopover || C?.label || X[S].togglePopover
129
- }, [W, q] = Q([]), w = Ie(null), [u, y] = Q(!1), re = F * 1024 * 1024, B = `${a}-label`, x = `${a}-feedback`, T = `${a}-hint`, H = b ? ` ${T}` : "", O = P(h), V = P(Y), ae = f(t.root, g), se = f(t.dropzone, {
130
- [t.dropzoneDisabled]: n,
131
- [t.dropzoneInvalid]: I,
132
- [t.dropzoneIsDragging]: u
133
- }), le = f(t.label, {
134
- [t.labelDisabled]: n
135
- }), de = f(t.labelWrapper, {
136
- // hide label only visually to keep them available for assistive technologies
137
- [t.labelWrapperHidden]: O
138
- }), pe = f(t.browseButton, {
139
- [t.browseButtonIsDragging]: u && k === "outline",
140
- [t.browseButtonIsDraggingFilled]: u && k === "filled"
141
- }), ce = f(t.browseButtonDropzone, {
142
- [t.browseButtonDropzoneIsDragging]: u
143
- }), ue = [I && N && x].filter(Boolean).join(" ") || void 0, fe = (e) => {
144
- w.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
145
- }, j = (e) => {
146
- if (!e)
147
- return;
148
- const s = [];
149
- for (const i of e)
150
- if (o && !Qe(i, o) && (i.feedback = `${c("feedbackFileType")}: ${i.type}.`), i.size > re && (i.feedback = `${c("feedbackFileSize")} ${F} MB.`), s.push(i), !m && s.length > 0)
151
- break;
152
- s.length > 0 && (q(() => {
153
- const i = [...s], K = i.map(({
154
- name: A,
155
- feedback: De = ""
156
- }) => `${A} ${De}`).join(", ");
157
- return setTimeout(() => {
158
- me(`${c("filesSelectedHint")}: ${K}.`);
159
- }, 1e3), i;
160
- }), E?.(s));
161
- }, M = (e) => {
162
- n || (w.current?.click(), e.stopPropagation());
163
- }, U = (e) => {
164
- e.preventDefault(), u || y(!0);
165
- }, Z = (e) => {
166
- e.preventDefault(), u && y(!1);
167
- }, G = ve((e) => {
168
- e.preventDefault(), !n && (y(!1), j(e.dataTransfer.files));
169
- }, [m, o, F, n]), ge = (e) => {
170
- j(e.target.files), w?.current && (w.current.value = "");
171
- }, be = (e) => {
172
- q((s) => {
173
- const i = s.filter((K, A) => A !== e);
174
- return E?.(i), i;
175
- });
176
- }, me = (e) => {
177
- const s = Se();
178
- s && (s.innerText = e, setTimeout(() => {
179
- s.innerText = "";
180
- }, 350));
181
- }, J = () => /* @__PURE__ */ r(ze, { ...oe, className: p ? ce : pe, type: "button", variant: k, size: p ? "small" : "medium", disabled: n, iconName: p ? void 0 : "upload", onClick: M, "aria-describedby": ue, "aria-invalid": I, children: ne });
182
- return /* @__PURE__ */ D("div", { className: ae, children: [
183
- /* @__PURE__ */ D("div", { className: de, children: [
184
- /* @__PURE__ */ D("label", { className: le, id: B, htmlFor: a, children: [
185
- d,
186
- R && /* @__PURE__ */ D(_e, { children: [
187
- /* @__PURE__ */ r(Fe, {}),
188
- /* @__PURE__ */ r("span", { className: t.requiredSrInfo, children: c("required") })
189
- ] })
190
- ] }),
191
- z && !O && /* @__PURE__ */ r(ke, { placement: "top", defaultAnchorButtonProps: ie, children: z })
192
- ] }),
193
- b && (V || !p) && /* @__PURE__ */ r("div", { className: t.hint, id: T, children: b }),
194
- !p && /* @__PURE__ */ r(
195
- "div",
196
- {
197
- onDragOver: U,
198
- onDragLeave: Z,
199
- onDrop: G,
200
- "aria-labelledby": `${B}${H}`,
201
- "aria-disabled": n,
202
- children: J()
203
- }
204
- ),
205
- p && /* @__PURE__ */ D(
206
- "div",
207
- {
208
- className: se,
209
- onClick: (e) => M(e),
210
- onDragOver: U,
211
- onDragLeave: Z,
212
- onDrop: G,
213
- "aria-labelledby": `${B}${H}`,
214
- "aria-disabled": n,
215
- children: [
216
- /* @__PURE__ */ r(Le, { name: "upload", className: t.uploadIcon, size: "x-large" }),
217
- /* @__PURE__ */ r("p", { id: "file-upload-instructions", className: t.instructions, children: c("dragAndDropInstructions") }),
218
- J(),
219
- b && !V && /* @__PURE__ */ r("div", { className: t.hintDropZone, id: T, children: b })
220
- ]
221
- }
222
- ),
223
- /* @__PURE__ */ r("input", { ...te, type: "file", className: t.input, id: a, ref: fe, accept: o, multiple: m, "aria-hidden": "true", required: R, disabled: n, onChange: ge }),
224
- I && N && /* @__PURE__ */ r(ye, { className: t.feedback, message: N, variant: "error", id: x }),
225
- W.length > 0 && ee && /* @__PURE__ */ r(Ne, { files: W, onRemoveFile: be, fileListItemRemoveButtonProps: l, t: c })
226
- ] });
227
- });
228
- Ye.displayName = "DSInputFile";
229
- export {
230
- Ye as D,
231
- Je as a,
232
- Ke as b,
233
- X as c,
234
- Qe as f,
235
- Xe as v
236
- };