@digitalservicebund/ris-ui 3.21.3 → 4.0.0

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 (50) hide show
  1. package/README.md +13 -101
  2. package/dist/config/locale.d.ts +1 -1
  3. package/dist/lib/tags.d.ts +1 -1
  4. package/dist/primevue/autocomplete/autocomplete.d.ts +1 -1
  5. package/dist/primevue/breadcrumb/breadcrumb.d.ts +1 -1
  6. package/dist/primevue/button/button.d.ts +1 -1
  7. package/dist/primevue/checkbox/checkbox.d.ts +1 -1
  8. package/dist/primevue/chip/chip.d.ts +1 -1
  9. package/dist/primevue/confirmDialog/confirmDialog.d.ts +1 -1
  10. package/dist/primevue/dataTable/dataTable.d.ts +1 -1
  11. package/dist/primevue/dialog/dialog.d.ts +1 -1
  12. package/dist/primevue/fileUpload/fileUpload.d.ts +1 -1
  13. package/dist/primevue/index.js +598 -843
  14. package/dist/primevue/index.js.map +1 -1
  15. package/dist/primevue/inputGroup/inputGroup.d.ts +1 -1
  16. package/dist/primevue/inputMask/inputMask.d.ts +1 -1
  17. package/dist/primevue/inputText/inputText.d.ts +1 -1
  18. package/dist/primevue/menu/menu.d.ts +1 -1
  19. package/dist/primevue/message/message.d.ts +1 -1
  20. package/dist/primevue/multiSelect/multiSelect.d.ts +1 -1
  21. package/dist/primevue/panelMenu/panelMenu.d.ts +1 -1
  22. package/dist/primevue/password/password.d.ts +1 -1
  23. package/dist/primevue/progressSpinner/progressSpinner.d.ts +1 -1
  24. package/dist/primevue/radioButton/radioButton.d.ts +1 -1
  25. package/dist/primevue/select/select.d.ts +1 -1
  26. package/dist/primevue/splitter/splitter.d.ts +1 -1
  27. package/dist/primevue/tabs/tabs.d.ts +1 -1
  28. package/dist/primevue/textarea/textarea.d.ts +1 -1
  29. package/dist/primevue/toast/toast.d.ts +1 -1
  30. package/dist/primevue/tooltip/tooltip.d.ts +1 -1
  31. package/dist/primevue/tree/tree.d.ts +1 -1
  32. package/dist/style.css +2 -1
  33. package/dist/tailwind/index.js +0 -2
  34. package/package.json +37 -66
  35. package/dist/components/RisAutoComplete/RisAutoComplete.vue.d.ts +0 -22
  36. package/dist/components/RisAutoCompleteMultiple/RisAutoCompleteMultiple.vue.d.ts +0 -24
  37. package/dist/components/RisChipsInput/ChipInput.vue.d.ts +0 -23
  38. package/dist/components/RisChipsInput/RisChipsInput.vue.d.ts +0 -18
  39. package/dist/components/RisCopyableLabel/RisCopyableLabel.vue.d.ts +0 -22
  40. package/dist/components/RisExpandableText/RisExpandableText.vue.d.ts +0 -34
  41. package/dist/components/RisGhostButton/RisGhostButton.vue.d.ts +0 -16
  42. package/dist/components/RisPaginator/RisPaginator.vue.d.ts +0 -15
  43. package/dist/components/RisSingleAccordion/RisSingleAccordion.vue.d.ts +0 -25
  44. package/dist/components/index.d.ts +0 -15
  45. package/dist/components/index.js +0 -6912
  46. package/dist/components/index.js.map +0 -1
  47. package/dist/tags-Dde6Li6m.js +0 -5
  48. package/dist/tags-Dde6Li6m.js.map +0 -1
  49. package/dist/tailwind/index.js.map +0 -1
  50. package/dist/vitest-setup.d.ts +0 -1
@@ -1,844 +1,599 @@
1
- import { t as e } from "../tags-Dde6Li6m.js";
2
- const S = {
3
- root: ({ props: r, instance: t }) => {
4
- const l = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 focus-visible:not-focus-visible:outline-none active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = e`rounded-full`, s = r.severity ?? "primary", i = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, a = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-blue-200 focus-visible:bg-blue-200 active:bg-blue-400 disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, n = e`border-2 border-red-800 bg-white text-red-800 hover:bg-red-100 focus-visible:bg-red-100 active:border-red-800 active:bg-red-300 disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, b = e`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus-visible:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, g = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus-visible:border-gray-500 active:border-blue-600 active:bg-blue-400 disabled:bg-transparent disabled:text-gray-500`, c = r.size ?? "normal";
5
- let u = e`ris-body2-bold h-40 py-4`, d = e`ris-body2-bold h-48 py-4`, f = e`ris-body1-bold h-64 py-4`;
6
- return t.hasIcon && !r.label ? (u = e`${u} w-40 px-4`, d = e`${d} w-48 px-4`, f = e`${f} w-64 px-4`) : (u = e`${u} px-12`, d = e`${d} px-16`, f = e`${f} px-24`), {
7
- class: {
8
- [l]: !0,
9
- [o]: r.rounded,
10
- [u]: c === "small",
11
- [d]: c === "normal",
12
- [f]: c === "large",
13
- [i]: !r.text && s === "primary",
14
- [a]: !r.text && s === "secondary",
15
- [n]: !r.text && s === "danger",
16
- [b]: !r.text && s === "info",
17
- [g]: r.text && s === "primary"
18
- }
19
- };
20
- },
21
- label: ({ props: r }) => ({
22
- class: {
23
- hidden: !r.label
24
- }
25
- }),
26
- icon: ({ props: r }) => ({
27
- class: {
28
- "order-last": r.iconPos == "right"
29
- }
30
- }),
31
- loadingIcon: ({ props: r }) => {
32
- const t = r.size ?? "normal", l = e`h-[1.34em] w-[1.34em]`, o = e`h-24 w-24`;
33
- return {
34
- class: {
35
- [e`animate-spin`]: !0,
36
- [l]: t === "normal",
37
- [o]: t === "large"
38
- }
39
- };
40
- }
41
- }, h = {
42
- root: ({ props: r }) => {
43
- const t = r.size === "large";
44
- return {
45
- class: [
46
- e`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`,
47
- {
48
- [e`h-32 min-h-32 w-32 min-w-32`]: t
49
- }
50
- ]
51
- };
52
- },
53
- input: {
54
- class: e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white checked:bg-blue-800 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 checked:hover:bg-blue-700 checked:hover:outline-blue-700 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-hidden disabled:checked:bg-gray-600 aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:checked:bg-red-800 aria-[invalid]:checked:outline-red-700 aria-[invalid]:checked:hover:bg-red-700 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none`
55
- },
56
- box: {
57
- class: e`pointer-events-none absolute inset-0 flex items-center justify-center text-blue-800 peer-checked:text-white`
58
- },
59
- icon: {
60
- class: e`h-12 w-12`
61
- }
62
- }, M = {
63
- root: {
64
- class: e`mr-6 inline-flex items-center rounded-full bg-blue-300 px-12 py-4`
65
- },
66
- removeIcon: {
67
- class: e`ml-4`
68
- }
69
- }, z = {
70
- // All styling implemented in primevue/dialog
71
- }, N = {
72
- root: () => ({
73
- class: e`ris-label2-regular max-h-[90dvh] w-[95dvw] max-w-[25rem] border-2 border-blue-800 bg-white px-56 py-44 shadow-lg`
74
- }),
75
- header: {
76
- class: e`mb-16 flex`
77
- },
78
- title: {
79
- class: e`ris-label1-bold flex-1`
80
- },
81
- headerActions: {
82
- class: e`flex-none`
83
- },
84
- pcCloseButton: {
85
- root: {
86
- class: e`ris-label1-regular flex h-24 w-24 items-center justify-center p-4 text-blue-800 outline-hidden hover:outline-2 hover:outline-gray-500 focus-visible:outline-4 focus-visible:outline-blue-800 active:outline-none`
87
- }
88
- },
89
- content: {
90
- // When an SVG is the first child of the content, we're applying a flex
91
- // styling. This is a heuristic for an icon in the dialog content, used
92
- // (for example) by the confirm dialog. If the svg is not the first child,
93
- // we assume that it is used in the context of some other layout and don't
94
- // apply extra styling.
95
- class: e`ris-dialog-content overflow-auto has-[svg:first-child]:flex has-[svg:first-child]:gap-8 [&>svg:first-child]:flex-none`
96
- },
97
- footer: {
98
- class: e`mt-40 flex items-center justify-end gap-12`
99
- },
100
- mask: {
101
- class: e`bg-black/40`
102
- }
103
- }, D = {
104
- basicContent: {
105
- // @ts-expect-error types appear to be wrong here
106
- class: e`flex flex-col items-center gap-10`
107
- },
108
- input: {
109
- class: e`hidden`
110
- }
111
- }, L = {
112
- root: {
113
- class: e`flex`
114
- }
115
- }, y = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, k = e`ris-body2-regular h-48 px-16 py-4`, A = e`ris-body1-regular h-64 px-24 py-4`, B = {
116
- root: ({ props: r }) => {
117
- const t = e`[[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[1.75rem] [&[type=password]:not(:placeholder-shown)]:tracking-[0.25rem]`, l = e`w-full`;
118
- return {
119
- class: {
120
- [y]: !0,
121
- [l]: !!r.fluid,
122
- [t]: !0,
123
- [k]: !r.size || r.size === "small",
124
- [A]: r.size === "large"
125
- },
126
- "data-size": r.size ?? "small"
127
- };
128
- }
129
- }, C = {
130
- root: {
131
- class: e`ris-body2-regular border border-gray-600 bg-white shadow`
132
- },
133
- list: {
134
- class: e`focus-visible:outline-none`
135
- },
136
- item: ({ context: r }) => {
137
- const t = e`relative h-48 border-l-4 border-l-transparent pr-12 pl-16 after:absolute after:right-16 after:-bottom-1 after:left-12 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:border-l-blue-400 hover:bg-blue-100 active:border-l-blue-800 active:bg-blue-300`, l = e`bg-blue-200 -outline-offset-4 outline-blue-800 not-hover:outline-4 hover:bg-blue-200`;
138
- return {
139
- class: {
140
- [t]: !0,
141
- [l]: r.focused
142
- }
143
- };
144
- },
145
- itemContent: {
146
- class: e`flex h-full items-center py-4`
147
- },
148
- itemLink: {
149
- class: e`flex items-center gap-8`
150
- }
151
- }, I = {
152
- root: ({ props: r, instance: t }) => {
153
- const l = e`ris-body1-regular border-l-4 px-20 py-14`, o = r.severity ?? "info", s = e`border-l-green-800 bg-green-200`, i = e`border-l-blue-800 bg-blue-200`, a = e`border-l-yellow-800 bg-yellow-200`, n = e`border-l-red-800 bg-red-200`, b = !!t.$slots.icon, c = {
154
- success: "var(--ris-icon-success)",
155
- info: "var(--ris-icon-info)",
156
- warn: "var(--ris-icon-warn)",
157
- error: "var(--ris-icon-error)"
158
- }[o], u = e`bg-size-[1.5rem] bg-position-[1rem_1rem] bg-no-repeat pl-48`;
159
- return {
160
- class: {
161
- [l]: !0,
162
- [s]: o === "success",
163
- [i]: o === "info",
164
- [a]: o === "warn",
165
- [n]: o === "error",
166
- [u]: !b
167
- },
168
- style: {
169
- backgroundImage: b ? void 0 : c
170
- }
171
- };
172
- },
173
- content: {
174
- class: e`flex items-start gap-8`
175
- },
176
- text: {
177
- class: e`flex-1`
178
- },
179
- closeButton: ({ props: r }) => {
180
- const t = e`mt-4 inline-flex h-20 w-20 flex-none items-center justify-center p-2 leading-none outline-offset-4 outline-blue-800 focus-visible:outline-4`, l = r.severity ?? "info", o = e`text-green-800 hover:bg-green-400 active:bg-green-500`, s = e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`, i = e`text-black hover:bg-yellow-400 active:bg-yellow-500`, a = e`text-red-800 hover:bg-red-400 active:bg-red-500`;
181
- return {
182
- class: {
183
- [t]: !0,
184
- [o]: l === "success",
185
- [s]: l === "info",
186
- [i]: l === "warn",
187
- [a]: l === "error"
188
- }
189
- };
190
- }
191
- }, F = {
192
- // All styling moved to inputText.ts
193
- }, T = {
194
- root: {
195
- class: e`mx-auto inline-block h-28 w-28 animate-spin`
196
- },
197
- circle: {
198
- class: e`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]`
199
- }
200
- }, E = {
201
- root: ({ props: r }) => {
202
- const t = r.size === "small";
203
- return {
204
- class: [
205
- e`[&+label]:ris-label1-regular relative inline-block [&+label]:ml-8`,
206
- t ? e`h-24 w-24` : e`h-32 w-32`
207
- ]
208
- };
209
- },
210
- input: {
211
- class: e`peer h-full w-full cursor-pointer appearance-none rounded-full border-2 border-blue-800 bg-white hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`
212
- },
213
- box: {
214
- class: e`pointer-events-none absolute inset-0 flex items-center justify-center text-transparent peer-checked:text-blue-800 peer-disabled:text-gray-600 peer-aria-[invalid]:text-red-800`
215
- },
216
- icon: ({ props: r }) => {
217
- const t = r.size === "small";
218
- return {
219
- class: [
220
- e`rounded-full bg-current`,
221
- t ? e`h-12 w-12` : e`h-16 w-16`
222
- ]
223
- };
224
- }
225
- }, v = e`w-full`, V = {
226
- root: ({ props: r, state: t }) => {
227
- const l = e`ris-body2-regular flex min-h-48 border-2 bg-white py-4 pr-4 pl-16 -outline-offset-4 outline-blue-800 placeholder:text-gray-800 has-focus-visible:outline-4`, o = e`cursor-pointer border-blue-800`, s = e`outline-4`, i = e`hover:outline-4`, a = e`aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`;
228
- return {
229
- class: {
230
- [l]: !0,
231
- [o]: !r.disabled,
232
- [s]: t.focused && !r.disabled,
233
- [i]: !r.disabled,
234
- [v]: !!r.fluid,
235
- [a]: r.invalid,
236
- [n]: r.disabled
237
- },
238
- "aria-invalid": r.invalid ? "true" : null
239
- };
240
- },
241
- pcInputText: {
242
- root: ({ props: r }) => ({
243
- class: {
244
- [e`focus-visible:outline-hidden`]: !0,
245
- [v]: !!r.fluid
246
- }
247
- })
248
- },
249
- inputMultiple: {
250
- class: e`flex w-full flex-wrap items-center gap-4`
251
- },
252
- inputChip: {
253
- class: e`flex items-center`
254
- },
255
- input: {
256
- class: e`w-full focus-visible:outline-hidden`
257
- },
258
- dropdown: {
259
- class: e`absolute inset-y-0 right-16`
260
- },
261
- option: {
262
- class: e`cursor-pointer border-l-4 border-transparent hover:border-blue-600 hover:bg-blue-200 data-[p-focused=true]:border-blue-600 data-[p-focused=true]:bg-blue-200`
263
- },
264
- optionGroup: {
265
- class: e`hover:bg-blue-100 data-[p-focused=true]:bg-blue-200`
266
- },
267
- overlay: {
268
- class: e`mt-12 w-full overflow-auto bg-white px-8 py-12 shadow-md`
269
- }
270
- }, j = {
271
- root: ({ props: r }) => {
272
- const t = e`ris-body1-regular [&+small]:ris-label3-regular min-h-56 border-2 border-blue-800 bg-white px-14 pt-8 pb-12 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, l = e`w-full`;
273
- return {
274
- class: {
275
- [t]: !0,
276
- [l]: !!r.fluid
277
- }
278
- };
279
- }
280
- }, R = {
281
- root: {
282
- class: e`max-w-lg`
283
- },
284
- message: ({ props: r }) => {
285
- const t = e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, l = r.message?.severity, o = e`border-l-green-900 bg-green-200`, s = e`border-l-red-900 bg-red-200`, i = e`border-l-yellow-900 bg-yellow-200`, a = e`border-l-blue-900 bg-blue-200`;
286
- return {
287
- class: {
288
- [t]: !0,
289
- [o]: l === "success",
290
- [s]: l === "error",
291
- [i]: l === "warn",
292
- [a]: l === "info"
293
- }
294
- };
295
- },
296
- messageContent: {
297
- class: e`flex w-full flex-row items-start justify-between gap-10`
298
- },
299
- messageIcon: ({ props: r }) => {
300
- const t = e`mt-2 h-20 w-20 flex-none shrink-0`, l = r.message?.severity ?? "info", o = e`text-green-800`, s = e`text-red-800`, i = e`text-black`, a = e`text-blue-800`;
301
- return {
302
- class: {
303
- [t]: !0,
304
- [o]: l === "success",
305
- [s]: l === "error",
306
- [i]: l === "warn",
307
- [a]: l === "info"
308
- }
309
- };
310
- },
311
- messageText: {
312
- class: e`grow text-black`
313
- },
314
- summary: {
315
- class: e`ris-label2-bold`
316
- },
317
- detail: {
318
- class: e`ris-label2-regular`
319
- },
320
- closeButton: ({ props: r }) => {
321
- const t = e`p-2 outline-offset-4 outline-blue-800 focus-visible:outline-4`, l = r.message?.severity ?? "info", o = e`hover:bg-green-400`, s = e`hover:bg-red-400`, i = e`hover:bg-yellow-400`, a = e`hover:bg-blue-400`;
322
- return {
323
- class: {
324
- [t]: !0,
325
- [o]: l === "success",
326
- [s]: l === "error",
327
- [i]: l === "warn",
328
- [a]: l === "info"
329
- }
330
- };
331
- },
332
- closeIcon: {
333
- class: e`text-black`
334
- }
335
- }, _ = {
336
- root: ({ props: r, state: t }) => {
337
- const l = e`group ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-6 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`outline-4 -outline-offset-4 outline-blue-800`, i = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, a = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, n = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, b = e`w-full`;
338
- return {
339
- class: {
340
- [l]: !0,
341
- [o]: !r.disabled,
342
- [s]: (t.focused || t.overlayVisible) && !r.disabled,
343
- [i]: !r.disabled,
344
- [b]: !!r.fluid,
345
- [a]: r.disabled,
346
- [n]: r.invalid
347
- },
348
- "aria-invalid": r.invalid ? "true" : null
349
- };
350
- },
351
- dropdown: ({ state: r, props: t }) => {
352
- const l = e`ml-8 p-10`, o = e`text-blue-800 group-hover:bg-blue-200`, s = e`bg-blue-800 text-white`, i = e`text-blue-500`;
353
- return {
354
- class: {
355
- [l]: !0,
356
- [o]: !(r.focused || r.overlayVisible || t.disabled),
357
- [s]: (r.focused || r.overlayVisible) && !t.disabled,
358
- [i]: t.disabled
359
- }
360
- };
361
- },
362
- listContainer: {
363
- class: e`overflow-auto shadow-md`
364
- },
365
- label: {
366
- class: e`line-clamp-1 grow outline-none`
367
- },
368
- overlay: {
369
- class: e`bg-white`
370
- },
371
- option: ({ context: r, props: t }) => {
372
- const l = e`ris-body2-regular relative h-full min-h-48 w-full cursor-pointer px-16 py-12 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, o = e`bg-gray-100`, s = e`flex items-center gap-16`;
373
- return {
374
- class: {
375
- [l]: !0,
376
- [o]: r.focused,
377
- [s]: t.checkmark
378
- }
379
- };
380
- },
381
- optionCheckIcon: {
382
- class: e`order-1 text-blue-800`
383
- },
384
- optionBlankIcon: {
385
- class: e`order-1`
386
- }
387
- }, P = {
388
- root: ({ props: r, state: t }) => {
389
- const l = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex min-h-48 items-center justify-start border-2 bg-white py-2 pr-12 pl-12 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-focus-visible:outline-4 has-focus-visible:-outline-offset-4 has-focus-visible:outline-blue-800`, i = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, a = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, n = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, b = e`w-full`;
390
- return {
391
- class: {
392
- [l]: !0,
393
- [o]: !r.disabled,
394
- [s]: t.focused && !r.disabled,
395
- [i]: !r.disabled,
396
- [b]: !!r.fluid,
397
- [a]: r.disabled,
398
- [n]: r.invalid
399
- },
400
- "aria-invalid": r.invalid ? "true" : null
401
- };
402
- },
403
- dropdown: {
404
- class: e`pl-12`
405
- },
406
- dropdownIcon: {
407
- class: e`absolute top-16 right-8`
408
- },
409
- listContainer: {
410
- class: e`overflow-auto shadow-md`
411
- },
412
- labelContainer: {
413
- class: e`flex flex-row`
414
- },
415
- label: {
416
- class: e`flex flex-row flex-wrap gap-y-8 py-4`
417
- },
418
- overlay: {
419
- class: e`bg-white`
420
- },
421
- optionLabel: {
422
- class: e`pl-12`
423
- },
424
- header: {
425
- class: e`hidden`
426
- },
427
- option: ({ context: r }) => {
428
- const t = e`ris-body2-regular relative flex h-full min-h-48 w-full cursor-pointer border-l-4 border-transparent py-16 pr-24 pl-20 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, l = e`border-l-4 border-solid border-l-blue-800 bg-gray-100`;
429
- return {
430
- class: {
431
- [t]: !0,
432
- [l]: r.focused
433
- }
434
- };
435
- }
436
- }, Z = {
437
- pcInputText: {
438
- root: ({ props: r }) => ({
439
- class: {
440
- [y]: !0,
441
- [k]: !0,
442
- "w-full": !!r.fluid
443
- }
444
- })
445
- }
446
- }, J = {
447
- list: {
448
- class: e`m-0 flex list-none flex-wrap items-center p-0 leading-none`
449
- },
450
- item: {
451
- class: e`flex-no-wrap ris-label1-regular my-2 flex items-center break-all`
452
- },
453
- itemLink: {
454
- class: e`inline-flex cursor-pointer items-center text-blue-800 underline-offset-[3px] hover:underline focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`
455
- },
456
- separator: {
457
- class: e`mx-6 flex items-center text-gray-600`
458
- }
459
- }, m = e`cursor-pointer`, p = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-blue-900 hover:bg-blue-300`, w = e`ris-label1-regular hover:border-l-blue-600 hover:bg-blue-200`, x = e`-outline-offset-4 outline-blue-800 focus-visible:outline-4`, H = {
460
- root: {
461
- class: e`text-blue-800`
462
- },
463
- header: ({ context: r }) => ({
464
- class: {
465
- [e`group flex h-64 items-center border-l-4 border-transparent py-8 pr-20 pl-10`]: !0,
466
- [x]: !0,
467
- [m]: !0,
468
- [p]: r.active,
469
- [w]: !r.active
470
- }
471
- }),
472
- content: {
473
- class: e`mt-8 ml-28`
474
- },
475
- rootList: {
476
- class: e`focus-visible:outline-none`
477
- },
478
- panel: {
479
- class: e`focus-visible:outline-none`
480
- },
481
- itemContent: ({ context: r }) => {
482
- const t = e`group flex h-48 items-center border-l-4 border-transparent py-8 pr-20 pl-10`, l = e`${x} not-[:hover]:outline-4`;
483
- return {
484
- class: {
485
- [t]: !0,
486
- [l]: r.focused,
487
- [m]: !0,
488
- [p]: r.active,
489
- [w]: !r.active
490
- }
491
- };
492
- }
493
- }, K = {
494
- node: {
495
- class: e`mb-24 last:mb-0 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 [&>ul:first-of-type]:border-l-0`
496
- },
497
- nodeContent: ({ context: r }) => {
498
- const t = e`group ris-label2-bold flex w-full border-l-4 border-transparent py-10 pr-20 pl-10 text-blue-800`, l = e`cursor-pointer select-none`, o = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`, s = e`border-l-blue-800 bg-blue-200 text-black`, i = e`hover:bg-blue-200`, a = e`hover:bg-blue-300`;
499
- return {
500
- class: {
501
- [t]: !0,
502
- [l]: !0,
503
- [s]: r.selected,
504
- [i]: !r.selected,
505
- [a]: r.selected,
506
- [o]: !0
507
- }
508
- };
509
- },
510
- nodeToggleButton: ({ context: r }) => {
511
- const t = e`h-20 w-20 justify-center border-0 bg-transparent text-gray-900 group-hover:text-black hover:text-black`, l = r.leaf ? e`hidden` : e`inline-flex`;
512
- return {
513
- class: {
514
- [t]: !0,
515
- [l]: r.leaf
516
- }
517
- };
518
- },
519
- nodeChildren: () => {
520
- const r = e`m-0 list-none border-l border-gray-600 p-0 pl-36 [&:not(ul)]:pl-0 [&>ul:first-of-type]:border-0`, t = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`;
521
- return {
522
- class: {
523
- [r]: !0,
524
- [t]: !0
525
- }
526
- };
527
- },
528
- nodeLabel: ({ context: r }) => {
529
- const t = e`group flex w-full flex-col items-start outline-none *:w-full *:outline-none group-hover:text-black [&>*:first-child]:group-hover:underline [&>*:last-child]:group-hover:no-underline`, l = e`text-black [&>*:last-child:is(span)]:text-gray-900`, o = e`[&>*:last-child]:group-hover:text-black`;
530
- return {
531
- class: {
532
- [t]: !0,
533
- [l]: r.selected,
534
- [o]: r.selected
535
- }
536
- };
537
- }
538
- }, $ = {
539
- root: ({ props: r }) => ({
540
- class: {
541
- [e`flex flex-nowrap rounded-none border-0 bg-transparent`]: !0,
542
- [e`flex-col`]: r.layout === "vertical"
543
- }
544
- }),
545
- gutter: ({ props: r }) => ({
546
- class: {
547
- [e`flex shrink-0 items-center justify-center bg-gray-400 hover:bg-blue-700`]: !0,
548
- [e`h-full w-[0.1875rem] cursor-col-resize`]: r.layout === "horizontal",
549
- [e`h-[0.1875rem] w-full cursor-row-resize`]: r.layout === "vertical"
550
- }
551
- }),
552
- gutterHandle: ({ props: r }) => ({
553
- class: {
554
- [e`z-20 rounded bg-transparent outline-offset-4 outline-blue-800 focus-visible:outline-4`]: !0,
555
- [e`h-11/12 w-[0.1875rem] cursor-col-resize`]: r.layout === "horizontal",
556
- [e`h-[0.1875rem] w-11/12 cursor-row-resize`]: r.layout === "vertical"
557
- }
558
- })
559
- }, G = {
560
- root: {
561
- class: e`relative`
562
- },
563
- tableContainer: {
564
- class: e`overflow-visible`
565
- },
566
- table: {
567
- class: e`w-full border-none text-left`
568
- },
569
- thead: {
570
- class: e`sticky top-0 bg-white shadow-[0_1px_0_var(--color-blue-300)]`
571
- },
572
- tbody: {
573
- class: e`divide-y divide-blue-300 border-b border-blue-300`
574
- },
575
- bodyRow: ({ context: r }) => ({
576
- class: [
577
- e`-outline-offset-4 outline-blue-800 focus-visible:outline-4`,
578
- {
579
- "bg-blue-300": r.selected,
580
- "hover:bg-blue-100": !r.selected
581
- }
582
- ]
583
- }),
584
- // height for td works like min-height: Table cells will grow when the content does not fit.
585
- column: {
586
- headerCell: {
587
- class: e`ris-label2-bold h-56 px-16 py-12`
588
- },
589
- bodyCell: {
590
- class: e`ris-body1-regular h-56 px-16 py-12`
591
- },
592
- pcHeaderCheckbox: {
593
- ...h,
594
- root: {
595
- class: e`relative block h-24 w-24`
596
- }
597
- },
598
- pcRowCheckbox: {
599
- ...h,
600
- root: {
601
- class: e`relative block h-24 w-24`
602
- }
603
- }
604
- },
605
- mask: {
606
- class: e`text-primary-500 justify-content absolute inset-0 z-10 mt-56 flex justify-center py-96`
607
- },
608
- loadingIcon: {
609
- class: e`inline-block h-24 w-24 animate-spin border-solid border-r-transparent text-blue-900 motion-reduce:animate-[spin_1.5s_linear_infinite]`
610
- },
611
- emptyMessageCell: {
612
- class: e`py-96 text-center text-gray-900`
613
- }
1
+ //#region src/config/locale.ts
2
+ var e = {
3
+ startsWith: "Beginnt mit",
4
+ contains: "Enthält",
5
+ notContains: "Enthält nicht",
6
+ endsWith: "Endet mit",
7
+ equals: "Gleich",
8
+ notEquals: "Ungleich",
9
+ noFilter: "Kein Filter",
10
+ lt: "Weniger als",
11
+ lte: "Weniger oder gleich",
12
+ gt: "Größer als",
13
+ gte: "Größer oder gleich",
14
+ dateIs: "Datum ist",
15
+ dateIsNot: "Datum ist nicht",
16
+ dateBefore: "Datum ist vor",
17
+ dateAfter: "Datum ist nach",
18
+ clear: "Löschen",
19
+ apply: "Anwenden",
20
+ matchAll: "Alle erfüllen",
21
+ matchAny: "Beliebige erfüllen",
22
+ addRule: "Regel hinzufügen",
23
+ removeRule: "Regel entfernen",
24
+ accept: "Ja",
25
+ reject: "Nein",
26
+ choose: "Auswählen",
27
+ upload: "Hochladen",
28
+ cancel: "Abbrechen",
29
+ completed: "Abgeschlossen",
30
+ pending: "Ausstehend",
31
+ fileSizeTypes: [
32
+ "B",
33
+ "KB",
34
+ "MB",
35
+ "GB",
36
+ "TB",
37
+ "PB",
38
+ "EB",
39
+ "ZB",
40
+ "YB"
41
+ ],
42
+ dayNames: [
43
+ "Sonntag",
44
+ "Montag",
45
+ "Dienstag",
46
+ "Mittwoch",
47
+ "Donnerstag",
48
+ "Freitag",
49
+ "Samstag"
50
+ ],
51
+ dayNamesShort: [
52
+ "So",
53
+ "Mo",
54
+ "Di",
55
+ "Mi",
56
+ "Do",
57
+ "Fr",
58
+ "Sa"
59
+ ],
60
+ dayNamesMin: [
61
+ "So",
62
+ "Mo",
63
+ "Di",
64
+ "Mi",
65
+ "Do",
66
+ "Fr",
67
+ "Sa"
68
+ ],
69
+ monthNames: [
70
+ "Januar",
71
+ "Februar",
72
+ "März",
73
+ "April",
74
+ "Mai",
75
+ "Juni",
76
+ "Juli",
77
+ "August",
78
+ "September",
79
+ "Oktober",
80
+ "November",
81
+ "Dezember"
82
+ ],
83
+ monthNamesShort: [
84
+ "Jan",
85
+ "Feb",
86
+ "Mär",
87
+ "Apr",
88
+ "Mai",
89
+ "Jun",
90
+ "Jul",
91
+ "Aug",
92
+ "Sep",
93
+ "Okt",
94
+ "Nov",
95
+ "Dez"
96
+ ],
97
+ chooseYear: "Jahr wählen",
98
+ chooseMonth: "Monat wählen",
99
+ chooseDate: "Datum wählen",
100
+ prevDecade: "Vorheriges Jahrzehnt",
101
+ nextDecade: "Nächstes Jahrzehnt",
102
+ prevYear: "Vorheriges Jahr",
103
+ nextYear: "Nächstes Jahr",
104
+ prevMonth: "Vorheriger Monat",
105
+ nextMonth: "Nächster Monat",
106
+ prevHour: "Vorherige Stunde",
107
+ nextHour: "Nächste Stunde",
108
+ prevMinute: "Vorherige Minute",
109
+ nextMinute: "Nächste Minute",
110
+ prevSecond: "Vorherige Sekunde",
111
+ nextSecond: "Nächste Sekunde",
112
+ am: "vorm.",
113
+ pm: "nachm.",
114
+ today: "Heute",
115
+ weekHeader: "KW",
116
+ firstDayOfWeek: 1,
117
+ showMonthAfterYear: !1,
118
+ dateFormat: "dd.mm.yy",
119
+ weak: "Schwach",
120
+ medium: "Mittel",
121
+ strong: "Stark",
122
+ passwordPrompt: "Passwort eingeben",
123
+ emptyFilterMessage: "Keine Ergebnisse gefunden",
124
+ searchMessage: "{0} Ergebnisse verfügbar",
125
+ selectionMessage: "{0} Elemente ausgewählt",
126
+ emptySelectionMessage: "Kein Element ausgewählt",
127
+ emptySearchMessage: "Keine Ergebnisse gefunden",
128
+ fileChosenMessage: "{0} Dateien",
129
+ noFileChosenMessage: "Keine Datei ausgewählt",
130
+ emptyMessage: "Keine Optionen verfügbar",
131
+ aria: {
132
+ trueLabel: "Wahr",
133
+ falseLabel: "Falsch",
134
+ nullLabel: "Nicht ausgewählt",
135
+ star: "1 Stern",
136
+ stars: "{star} Sterne",
137
+ selectAll: "Alle Elemente ausgewählt",
138
+ unselectAll: "Alle Elemente abgewählt",
139
+ close: "Schließen",
140
+ previous: "Vorherige",
141
+ next: "Nächste",
142
+ navigation: "Navigation",
143
+ scrollTop: "Nach oben scrollen",
144
+ moveTop: "Nach oben bewegen",
145
+ moveUp: "Nach oben bewegen",
146
+ moveDown: "Nach unten bewegen",
147
+ moveBottom: "Nach unten bewegen",
148
+ moveToTarget: "Zum Ziel verschieben",
149
+ moveToSource: "Zur Quelle verschieben",
150
+ moveAllToTarget: "Alle zum Ziel verschieben",
151
+ moveAllToSource: "Alle zur Quelle verschieben",
152
+ pageLabel: "Seite {page}",
153
+ firstPageLabel: "Erste Seite",
154
+ lastPageLabel: "Letzte Seite",
155
+ nextPageLabel: "Nächste Seite",
156
+ prevPageLabel: "Vorherige Seite",
157
+ rowsPerPageLabel: "Zeilen pro Seite",
158
+ jumpToPageDropdownLabel: "Zu Seite springen (Dropdown)",
159
+ jumpToPageInputLabel: "Zu Seite springen (Eingabe)",
160
+ selectRow: "Zeile ausgewählt",
161
+ unselectRow: "Zeile abgewählt",
162
+ expandRow: "Zeile erweitert",
163
+ collapseRow: "Zeile reduziert",
164
+ showFilterMenu: "Filtermenü anzeigen",
165
+ hideFilterMenu: "Filtermenü ausblenden",
166
+ filterOperator: "Filteroperator",
167
+ filterConstraint: "Filterbedingung",
168
+ editRow: "Zeile bearbeiten",
169
+ saveEdit: "Bearbeitung speichern",
170
+ cancelEdit: "Bearbeitung abbrechen",
171
+ listView: "Listenansicht",
172
+ gridView: "Gitteransicht",
173
+ slide: "Folie",
174
+ slideNumber: "Folie {slideNumber}",
175
+ zoomImage: "Bild vergrößern",
176
+ zoomIn: "Vergrößern",
177
+ zoomOut: "Verkleinern",
178
+ rotateRight: "Rechts drehen",
179
+ rotateLeft: "Links drehen",
180
+ listLabel: "Optionsliste"
181
+ }
182
+ }, t = (e, ...t) => String.raw({ raw: e }, ...t), n = {
183
+ list: { class: t`m-0 flex list-none flex-wrap items-center p-0 leading-none` },
184
+ item: { class: t`flex-no-wrap ris-label1-regular my-2 flex items-center break-all` },
185
+ itemLink: { class: t`inline-flex cursor-pointer items-center text-blue-800 underline-offset-[3px] hover:underline focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800` },
186
+ separator: { class: t`mx-6 flex items-center text-gray-600` }
187
+ }, r = t`w-full`, i = {
188
+ root: ({ props: e, state: n }) => {
189
+ let i = t`ris-body2-regular flex min-h-48 border-2 bg-white py-4 pr-4 pl-16 -outline-offset-4 outline-blue-800 placeholder:text-gray-800 has-focus-visible:outline-4`, a = t`cursor-pointer border-blue-800`, o = t`outline-4`, s = t`hover:outline-4`, c = t`aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden`, l = t`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`;
190
+ return {
191
+ class: {
192
+ [i]: !0,
193
+ [a]: !e.disabled,
194
+ [o]: n.focused && !e.disabled,
195
+ [s]: !e.disabled,
196
+ [r]: !!e.fluid,
197
+ [c]: e.invalid,
198
+ [l]: e.disabled
199
+ },
200
+ "aria-invalid": e.invalid ? "true" : null
201
+ };
202
+ },
203
+ pcInputText: { root: ({ props: e }) => ({ class: {
204
+ [t`focus-visible:outline-hidden`]: !0,
205
+ [r]: !!e.fluid
206
+ } }) },
207
+ inputMultiple: { class: t`flex w-full flex-wrap items-center gap-4` },
208
+ inputChip: { class: t`flex items-center` },
209
+ input: { class: t`w-full focus-visible:outline-hidden` },
210
+ dropdown: { class: t`absolute inset-y-0 right-16` },
211
+ option: { class: t`cursor-pointer border-l-4 border-transparent hover:border-blue-600 hover:bg-blue-200 data-[p-focused=true]:border-blue-600 data-[p-focused=true]:bg-blue-200` },
212
+ optionGroup: { class: t`hover:bg-blue-100 data-[p-focused=true]:bg-blue-200` },
213
+ overlay: { class: t`mt-12 w-full overflow-auto bg-white px-8 py-12 shadow-md` }
214
+ }, a = {
215
+ root: ({ props: e, instance: n }) => {
216
+ let r = t`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 focus-visible:not-focus-visible:outline-none active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, i = t`rounded-full`, a = e.severity ?? "primary", o = t`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, s = t`border-2 border-blue-800 bg-white text-blue-800 hover:bg-blue-200 focus-visible:bg-blue-200 active:bg-blue-400 disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, c = t`border-2 border-red-800 bg-white text-red-800 hover:bg-red-100 focus-visible:bg-red-100 active:border-red-800 active:bg-red-300 disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, l = t`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus-visible:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, u = t`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus-visible:border-gray-500 active:border-blue-600 active:bg-blue-400 disabled:bg-transparent disabled:text-gray-500`, d = e.size ?? "normal", f = t`ris-body2-bold h-40 py-4`, p = t`ris-body2-bold h-48 py-4`, m = t`ris-body1-bold h-64 py-4`;
217
+ return n.hasIcon && !e.label ? (f = t`${f} w-40 px-4`, p = t`${p} w-48 px-4`, m = t`${m} w-64 px-4`) : (f = t`${f} px-12`, p = t`${p} px-16`, m = t`${m} px-24`), { class: {
218
+ [r]: !0,
219
+ [i]: e.rounded,
220
+ [f]: d === "small",
221
+ [p]: d === "normal",
222
+ [m]: d === "large",
223
+ [o]: !e.text && a === "primary",
224
+ [s]: !e.text && a === "secondary",
225
+ [c]: !e.text && a === "danger",
226
+ [l]: !e.text && a === "info",
227
+ [u]: e.text && a === "primary"
228
+ } };
229
+ },
230
+ label: ({ props: e }) => ({ class: { hidden: !e.label } }),
231
+ icon: ({ props: e }) => ({ class: { "order-last": e.iconPos == "right" } }),
232
+ loadingIcon: ({ props: e }) => {
233
+ let n = e.size ?? "normal", r = t`h-[1.34em] w-[1.34em]`, i = t`h-24 w-24`;
234
+ return { class: {
235
+ [t`animate-spin`]: !0,
236
+ [r]: n === "normal",
237
+ [i]: n === "large"
238
+ } };
239
+ }
240
+ }, o = {
241
+ root: ({ props: e }) => {
242
+ let n = e.size === "large";
243
+ return { class: [t`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`, { [t`h-32 min-h-32 w-32 min-w-32`]: n }] };
244
+ },
245
+ input: { class: t`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white checked:bg-blue-800 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 checked:hover:bg-blue-700 checked:hover:outline-blue-700 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-hidden disabled:checked:bg-gray-600 aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:checked:bg-red-800 aria-[invalid]:checked:outline-red-700 aria-[invalid]:checked:hover:bg-red-700 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none` },
246
+ box: { class: t`pointer-events-none absolute inset-0 flex items-center justify-center text-blue-800 peer-checked:text-white` },
247
+ icon: { class: t`h-12 w-12` }
248
+ }, s = {
249
+ root: { class: t`mr-6 inline-flex items-center rounded-full bg-blue-300 px-12 py-4` },
250
+ removeIcon: { class: t`ml-4` }
251
+ }, c = {}, l = {
252
+ root: { class: t`relative` },
253
+ tableContainer: { class: t`overflow-visible` },
254
+ table: { class: t`w-full border-none text-left` },
255
+ thead: { class: t`sticky top-0 bg-white shadow-[0_1px_0_var(--color-blue-300)]` },
256
+ tbody: { class: t`divide-y divide-blue-300 border-b border-blue-300` },
257
+ bodyRow: ({ context: e }) => ({ class: [t`-outline-offset-4 outline-blue-800 focus-visible:outline-4`, {
258
+ "bg-blue-300": e.selected,
259
+ "hover:bg-blue-100": !e.selected
260
+ }] }),
261
+ column: {
262
+ headerCell: { class: t`ris-label2-bold h-56 px-16 py-12` },
263
+ bodyCell: { class: t`ris-body1-regular h-56 px-16 py-12` },
264
+ pcHeaderCheckbox: {
265
+ ...o,
266
+ root: { class: t`relative block h-24 w-24` }
267
+ },
268
+ pcRowCheckbox: {
269
+ ...o,
270
+ root: { class: t`relative block h-24 w-24` }
271
+ }
272
+ },
273
+ mask: { class: t`text-primary-500 justify-content absolute inset-0 z-10 mt-56 flex justify-center py-96` },
274
+ loadingIcon: { class: t`inline-block h-24 w-24 animate-spin border-solid border-r-transparent text-blue-900 motion-reduce:animate-[spin_1.5s_linear_infinite]` },
275
+ emptyMessageCell: { class: t`py-96 text-center text-gray-900` }
276
+ }, u = {
277
+ root: () => ({ class: t`ris-label2-regular max-h-[90dvh] w-[95dvw] max-w-[25rem] border-2 border-blue-800 bg-white px-56 py-44 shadow-lg` }),
278
+ header: { class: t`mb-16 flex` },
279
+ title: { class: t`ris-label1-bold flex-1` },
280
+ headerActions: { class: t`flex-none` },
281
+ pcCloseButton: { root: { class: t`ris-label1-regular flex h-24 w-24 items-center justify-center p-4 text-blue-800 outline-hidden hover:outline-2 hover:outline-gray-500 focus-visible:outline-4 focus-visible:outline-blue-800 active:outline-none` } },
282
+ content: { class: t`ris-dialog-content overflow-auto has-[svg:first-child]:flex has-[svg:first-child]:gap-8 [&>svg:first-child]:flex-none` },
283
+ footer: { class: t`mt-40 flex items-center justify-end gap-12` },
284
+ mask: { class: t`bg-black/40` }
285
+ }, d = {
286
+ basicContent: { class: t`flex flex-col items-center gap-10` },
287
+ input: { class: t`hidden` }
288
+ }, f = { root: { class: t`flex` } }, p = t`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, m = t`ris-body2-regular h-48 px-16 py-4`, h = t`ris-body1-regular h-64 px-24 py-4`, g = { root: ({ props: e }) => {
289
+ let n = t`[[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[1.75rem] [&[type=password]:not(:placeholder-shown)]:tracking-[0.25rem]`, r = t`w-full`;
290
+ return {
291
+ class: {
292
+ [p]: !0,
293
+ [r]: !!e.fluid,
294
+ [n]: !0,
295
+ [m]: !e.size || e.size === "small",
296
+ [h]: e.size === "large"
297
+ },
298
+ "data-size": e.size ?? "small"
299
+ };
300
+ } }, _ = { pcInputText: { root: ({ props: e }) => ({ class: {
301
+ [p]: !0,
302
+ [m]: !0,
303
+ "w-full": !!e.fluid
304
+ } }) } }, v = {
305
+ root: { class: t`ris-body2-regular border border-gray-600 bg-white shadow` },
306
+ list: { class: t`focus-visible:outline-none` },
307
+ item: ({ context: e }) => {
308
+ let n = t`relative h-48 border-l-4 border-l-transparent pr-12 pl-16 after:absolute after:right-16 after:-bottom-1 after:left-12 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:border-l-blue-400 hover:bg-blue-100 active:border-l-blue-800 active:bg-blue-300`, r = t`bg-blue-200 -outline-offset-4 outline-blue-800 not-hover:outline-4 hover:bg-blue-200`;
309
+ return { class: {
310
+ [n]: !0,
311
+ [r]: e.focused
312
+ } };
313
+ },
314
+ itemContent: { class: t`flex h-full items-center py-4` },
315
+ itemLink: { class: t`flex items-center gap-8` }
316
+ }, y = {
317
+ root: ({ props: e, instance: n }) => {
318
+ let r = t`ris-body1-regular border-l-4 px-20 py-14`, i = e.severity ?? "info", a = t`border-l-green-800 bg-green-200`, o = t`border-l-blue-800 bg-blue-200`, s = t`border-l-yellow-800 bg-yellow-200`, c = t`border-l-red-800 bg-red-200`, l = !!n.$slots.icon, u = {
319
+ success: "var(--ris-icon-success)",
320
+ info: "var(--ris-icon-info)",
321
+ warn: "var(--ris-icon-warn)",
322
+ error: "var(--ris-icon-error)"
323
+ }[i], d = t`bg-size-[1.5rem] bg-position-[1rem_1rem] bg-no-repeat pl-48`;
324
+ return {
325
+ class: {
326
+ [r]: !0,
327
+ [a]: i === "success",
328
+ [o]: i === "info",
329
+ [s]: i === "warn",
330
+ [c]: i === "error",
331
+ [d]: !l
332
+ },
333
+ style: { backgroundImage: l ? void 0 : u }
334
+ };
335
+ },
336
+ content: { class: t`flex items-start gap-8` },
337
+ text: { class: t`flex-1` },
338
+ closeButton: ({ props: e }) => {
339
+ let n = t`mt-4 inline-flex h-20 w-20 flex-none items-center justify-center p-2 leading-none outline-offset-4 outline-blue-800 focus-visible:outline-4`, r = e.severity ?? "info", i = t`text-green-800 hover:bg-green-400 active:bg-green-500`, a = t`text-blue-800 hover:bg-blue-400 active:bg-blue-500`, o = t`text-black hover:bg-yellow-400 active:bg-yellow-500`, s = t`text-red-800 hover:bg-red-400 active:bg-red-500`;
340
+ return { class: {
341
+ [n]: !0,
342
+ [i]: r === "success",
343
+ [a]: r === "info",
344
+ [o]: r === "warn",
345
+ [s]: r === "error"
346
+ } };
347
+ }
348
+ }, b = {
349
+ root: ({ props: e, state: n }) => {
350
+ let r = t`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex min-h-48 items-center justify-start border-2 bg-white py-2 pr-12 pl-12 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, i = t`cursor-pointer border-blue-800`, a = t`has-focus-visible:outline-4 has-focus-visible:-outline-offset-4 has-focus-visible:outline-blue-800`, o = t`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, s = t`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, c = t`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, l = t`w-full`;
351
+ return {
352
+ class: {
353
+ [r]: !0,
354
+ [i]: !e.disabled,
355
+ [a]: n.focused && !e.disabled,
356
+ [o]: !e.disabled,
357
+ [l]: !!e.fluid,
358
+ [s]: e.disabled,
359
+ [c]: e.invalid
360
+ },
361
+ "aria-invalid": e.invalid ? "true" : null
362
+ };
363
+ },
364
+ dropdown: { class: t`pl-12` },
365
+ dropdownIcon: { class: t`absolute top-16 right-8` },
366
+ listContainer: { class: t`overflow-auto shadow-md` },
367
+ labelContainer: { class: t`flex flex-row` },
368
+ label: { class: t`flex flex-row flex-wrap gap-y-8 py-4` },
369
+ overlay: { class: t`bg-white` },
370
+ optionLabel: { class: t`pl-12` },
371
+ header: { class: t`hidden` },
372
+ option: ({ context: e }) => {
373
+ let n = t`ris-body2-regular relative flex h-full min-h-48 w-full cursor-pointer border-l-4 border-transparent py-16 pr-24 pl-20 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, r = t`border-l-4 border-solid border-l-blue-800 bg-gray-100`;
374
+ return { class: {
375
+ [n]: !0,
376
+ [r]: e.focused
377
+ } };
378
+ }
379
+ }, x = t`cursor-pointer`, S = t`ris-label1-bold border-l-blue-800 bg-blue-200 text-blue-900 hover:bg-blue-300`, C = t`ris-label1-regular hover:border-l-blue-600 hover:bg-blue-200`, w = t`-outline-offset-4 outline-blue-800 focus-visible:outline-4`, T = {
380
+ root: { class: t`text-blue-800` },
381
+ header: ({ context: e }) => ({ class: {
382
+ [t`group flex h-64 items-center border-l-4 border-transparent py-8 pr-20 pl-10`]: !0,
383
+ [w]: !0,
384
+ [x]: !0,
385
+ [S]: e.active,
386
+ [C]: !e.active
387
+ } }),
388
+ content: { class: t`mt-8 ml-28` },
389
+ rootList: { class: t`focus-visible:outline-none` },
390
+ panel: { class: t`focus-visible:outline-none` },
391
+ itemContent: ({ context: e }) => {
392
+ let n = t`group flex h-48 items-center border-l-4 border-transparent py-8 pr-20 pl-10`, r = t`${w} not-[:hover]:outline-4`;
393
+ return { class: {
394
+ [n]: !0,
395
+ [r]: e.focused,
396
+ [x]: !0,
397
+ [S]: e.active,
398
+ [C]: !e.active
399
+ } };
400
+ }
401
+ }, E = {}, D = {
402
+ root: { class: t`mx-auto inline-block h-28 w-28 animate-spin` },
403
+ circle: { class: t`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]` }
614
404
  }, O = {
615
- root: ({ context: r }) => {
616
- const t = e`ris-body2-bold h-64 border-b-4 border-b-transparent py-4 pr-24 pl-20 outline-0 -outline-offset-4 outline-blue-800 focus-visible:outline-4`, l = e`z-10 bg-[var(--p-tabs-tab-active-background)] text-black shadow-[-1px_-1px_0_0_var(--p-tabs-tab-border-color),1px_-1px_0_0_var(--p-tabs-tab-border-color)]`, o = e`cursor-pointer text-blue-800 hover:border-b-blue-800`;
617
- return {
618
- class: {
619
- [t]: !0,
620
- [l]: r.active,
621
- [o]: !r.active
622
- }
623
- };
624
- }
625
- }, W = {
626
- root: {
627
- class: e`min-h-96 bg-[var(--p-tabs-tabpanel-background)] py-24 outline-blue-800 focus-visible:outline-solid`
628
- }
629
- }, U = {
630
- tabList: {
631
- class: e`relative flex before:absolute before:bottom-0 before:left-[50%] before:h-px before:w-[var(--tab-list-separator-width,100%)] before:-translate-x-1/2 before:bg-[var(--p-tabs-tablist-border-color)]`
632
- }
633
- }, Y = {
634
- arrow: ({ context: r }) => {
635
- const t = e`absolute h-0 w-0 border-[7px] border-solid`, l = e`-mr-[7px] border-b-0 border-t-gray-900 border-r-transparent border-l-transparent`, o = e`-mt-[7px] border-l-0 border-t-transparent border-r-gray-900 border-b-transparent`, s = e`-ml-[7px] border-t-0 border-r-transparent border-b-gray-900 border-l-transparent`, i = e`-mt-[7px] border-r-0 border-t-transparent border-b-transparent border-l-gray-900`, a = !r.top && !r.right && !r.bottom && !r.left;
636
- return {
637
- class: {
638
- [t]: !0,
639
- [l]: r.top,
640
- [o]: r.right || a,
641
- [s]: r.bottom,
642
- [i]: r.left
643
- }
644
- };
645
- },
646
- text: {
647
- class: e`ris-label3-regular m-[7px] rounded-sm bg-gray-900 px-8 py-4 text-center whitespace-pre-line text-white`
648
- },
649
- root: {
650
- class: e`absolute`
651
- }
652
- }, q = {
653
- startsWith: "Beginnt mit",
654
- contains: "Enthält",
655
- notContains: "Enthält nicht",
656
- endsWith: "Endet mit",
657
- equals: "Gleich",
658
- notEquals: "Ungleich",
659
- noFilter: "Kein Filter",
660
- lt: "Weniger als",
661
- lte: "Weniger oder gleich",
662
- gt: "Größer als",
663
- gte: "Größer oder gleich",
664
- dateIs: "Datum ist",
665
- dateIsNot: "Datum ist nicht",
666
- dateBefore: "Datum ist vor",
667
- dateAfter: "Datum ist nach",
668
- clear: "Löschen",
669
- apply: "Anwenden",
670
- matchAll: "Alle erfüllen",
671
- matchAny: "Beliebige erfüllen",
672
- addRule: "Regel hinzufügen",
673
- removeRule: "Regel entfernen",
674
- accept: "Ja",
675
- reject: "Nein",
676
- choose: "Auswählen",
677
- upload: "Hochladen",
678
- cancel: "Abbrechen",
679
- completed: "Abgeschlossen",
680
- pending: "Ausstehend",
681
- fileSizeTypes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
682
- dayNames: [
683
- "Sonntag",
684
- "Montag",
685
- "Dienstag",
686
- "Mittwoch",
687
- "Donnerstag",
688
- "Freitag",
689
- "Samstag"
690
- ],
691
- dayNamesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
692
- dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
693
- monthNames: [
694
- "Januar",
695
- "Februar",
696
- "März",
697
- "April",
698
- "Mai",
699
- "Juni",
700
- "Juli",
701
- "August",
702
- "September",
703
- "Oktober",
704
- "November",
705
- "Dezember"
706
- ],
707
- monthNamesShort: [
708
- "Jan",
709
- "Feb",
710
- "Mär",
711
- "Apr",
712
- "Mai",
713
- "Jun",
714
- "Jul",
715
- "Aug",
716
- "Sep",
717
- "Okt",
718
- "Nov",
719
- "Dez"
720
- ],
721
- chooseYear: "Jahr wählen",
722
- chooseMonth: "Monat wählen",
723
- chooseDate: "Datum wählen",
724
- prevDecade: "Vorheriges Jahrzehnt",
725
- nextDecade: "Nächstes Jahrzehnt",
726
- prevYear: "Vorheriges Jahr",
727
- nextYear: "Nächstes Jahr",
728
- prevMonth: "Vorheriger Monat",
729
- nextMonth: "Nächster Monat",
730
- prevHour: "Vorherige Stunde",
731
- nextHour: "Nächste Stunde",
732
- prevMinute: "Vorherige Minute",
733
- nextMinute: "Nächste Minute",
734
- prevSecond: "Vorherige Sekunde",
735
- nextSecond: "Nächste Sekunde",
736
- am: "vorm.",
737
- pm: "nachm.",
738
- today: "Heute",
739
- weekHeader: "KW",
740
- firstDayOfWeek: 1,
741
- showMonthAfterYear: !1,
742
- dateFormat: "dd.mm.yy",
743
- weak: "Schwach",
744
- medium: "Mittel",
745
- strong: "Stark",
746
- passwordPrompt: "Passwort eingeben",
747
- emptyFilterMessage: "Keine Ergebnisse gefunden",
748
- searchMessage: "{0} Ergebnisse verfügbar",
749
- selectionMessage: "{0} Elemente ausgewählt",
750
- emptySelectionMessage: "Kein Element ausgewählt",
751
- emptySearchMessage: "Keine Ergebnisse gefunden",
752
- fileChosenMessage: "{0} Dateien",
753
- noFileChosenMessage: "Keine Datei ausgewählt",
754
- emptyMessage: "Keine Optionen verfügbar",
755
- aria: {
756
- trueLabel: "Wahr",
757
- falseLabel: "Falsch",
758
- nullLabel: "Nicht ausgewählt",
759
- star: "1 Stern",
760
- stars: "{star} Sterne",
761
- selectAll: "Alle Elemente ausgewählt",
762
- unselectAll: "Alle Elemente abgewählt",
763
- close: "Schließen",
764
- previous: "Vorherige",
765
- next: "Nächste",
766
- navigation: "Navigation",
767
- scrollTop: "Nach oben scrollen",
768
- moveTop: "Nach oben bewegen",
769
- moveUp: "Nach oben bewegen",
770
- moveDown: "Nach unten bewegen",
771
- moveBottom: "Nach unten bewegen",
772
- moveToTarget: "Zum Ziel verschieben",
773
- moveToSource: "Zur Quelle verschieben",
774
- moveAllToTarget: "Alle zum Ziel verschieben",
775
- moveAllToSource: "Alle zur Quelle verschieben",
776
- pageLabel: "Seite {page}",
777
- firstPageLabel: "Erste Seite",
778
- lastPageLabel: "Letzte Seite",
779
- nextPageLabel: "Nächste Seite",
780
- prevPageLabel: "Vorherige Seite",
781
- rowsPerPageLabel: "Zeilen pro Seite",
782
- jumpToPageDropdownLabel: "Zu Seite springen (Dropdown)",
783
- jumpToPageInputLabel: "Zu Seite springen (Eingabe)",
784
- selectRow: "Zeile ausgewählt",
785
- unselectRow: "Zeile abgewählt",
786
- expandRow: "Zeile erweitert",
787
- collapseRow: "Zeile reduziert",
788
- showFilterMenu: "Filtermenü anzeigen",
789
- hideFilterMenu: "Filtermenü ausblenden",
790
- filterOperator: "Filteroperator",
791
- filterConstraint: "Filterbedingung",
792
- editRow: "Zeile bearbeiten",
793
- saveEdit: "Bearbeitung speichern",
794
- cancelEdit: "Bearbeitung abbrechen",
795
- listView: "Listenansicht",
796
- gridView: "Gitteransicht",
797
- slide: "Folie",
798
- slideNumber: "Folie {slideNumber}",
799
- zoomImage: "Bild vergrößern",
800
- zoomIn: "Vergrößern",
801
- zoomOut: "Verkleinern",
802
- rotateRight: "Rechts drehen",
803
- rotateLeft: "Links drehen",
804
- listLabel: "Optionsliste"
805
- }
806
- }, X = {
807
- button: S,
808
- checkbox: h,
809
- chip: M,
810
- confirmDialog: z,
811
- dialog: N,
812
- fileUpload: D,
813
- inputGroup: L,
814
- inputText: B,
815
- menu: C,
816
- message: I,
817
- password: F,
818
- progressSpinner: T,
819
- radioButton: E,
820
- textarea: j,
821
- toast: R,
822
- autocomplete: V,
823
- select: _,
824
- multiselect: P,
825
- inputMask: Z,
826
- breadcrumb: J,
827
- tree: K,
828
- panelmenu: H,
829
- splitter: $,
830
- dataTable: G,
831
- tab: O,
832
- tabPanel: W,
833
- tabList: U,
834
- directives: {
835
- tooltip: Y
836
- }
837
- }, ee = {
838
- deDE: q
839
- };
840
- export {
841
- ee as RisUiLocale,
842
- X as RisUiTheme
843
- };
844
- //# sourceMappingURL=index.js.map
405
+ root: ({ props: e }) => {
406
+ let n = e.size === "small";
407
+ return { class: [t`[&+label]:ris-label1-regular relative inline-block [&+label]:ml-8`, n ? t`h-24 w-24` : t`h-32 w-32`] };
408
+ },
409
+ input: { class: t`peer h-full w-full cursor-pointer appearance-none rounded-full border-2 border-blue-800 bg-white hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden` },
410
+ box: { class: t`pointer-events-none absolute inset-0 flex items-center justify-center text-transparent peer-checked:text-blue-800 peer-disabled:text-gray-600 peer-aria-[invalid]:text-red-800` },
411
+ icon: ({ props: e }) => {
412
+ let n = e.size === "small";
413
+ return { class: [t`rounded-full bg-current`, n ? t`h-12 w-12` : t`h-16 w-16`] };
414
+ }
415
+ }, k = {
416
+ root: ({ props: e, state: n }) => {
417
+ let r = t`group ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-6 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, i = t`cursor-pointer border-blue-800`, a = t`outline-4 -outline-offset-4 outline-blue-800`, o = t`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, s = t`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, c = t`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, l = t`w-full`;
418
+ return {
419
+ class: {
420
+ [r]: !0,
421
+ [i]: !e.disabled,
422
+ [a]: (n.focused || n.overlayVisible) && !e.disabled,
423
+ [o]: !e.disabled,
424
+ [l]: !!e.fluid,
425
+ [s]: e.disabled,
426
+ [c]: e.invalid
427
+ },
428
+ "aria-invalid": e.invalid ? "true" : null
429
+ };
430
+ },
431
+ dropdown: ({ state: e, props: n }) => {
432
+ let r = t`ml-8 p-10`, i = t`text-blue-800 group-hover:bg-blue-200`, a = t`bg-blue-800 text-white`, o = t`text-blue-500`;
433
+ return { class: {
434
+ [r]: !0,
435
+ [i]: !(e.focused || e.overlayVisible || n.disabled),
436
+ [a]: (e.focused || e.overlayVisible) && !n.disabled,
437
+ [o]: n.disabled
438
+ } };
439
+ },
440
+ listContainer: { class: t`overflow-auto shadow-md` },
441
+ label: { class: t`line-clamp-1 grow outline-none` },
442
+ overlay: { class: t`bg-white` },
443
+ option: ({ context: e, props: n }) => {
444
+ let r = t`ris-body2-regular relative h-full min-h-48 w-full cursor-pointer px-16 py-12 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, i = t`bg-gray-100`, a = t`flex items-center gap-16`;
445
+ return { class: {
446
+ [r]: !0,
447
+ [i]: e.focused,
448
+ [a]: n.checkmark
449
+ } };
450
+ },
451
+ optionCheckIcon: { class: t`order-1 text-blue-800` },
452
+ optionBlankIcon: { class: t`order-1` }
453
+ }, A = {
454
+ root: ({ props: e }) => ({ class: {
455
+ [t`flex flex-nowrap rounded-none border-0 bg-transparent`]: !0,
456
+ [t`flex-col`]: e.layout === "vertical"
457
+ } }),
458
+ gutter: ({ props: e }) => ({ class: {
459
+ [t`flex shrink-0 items-center justify-center bg-gray-400 hover:bg-blue-700`]: !0,
460
+ [t`h-full w-[0.1875rem] cursor-col-resize`]: e.layout === "horizontal",
461
+ [t`h-[0.1875rem] w-full cursor-row-resize`]: e.layout === "vertical"
462
+ } }),
463
+ gutterHandle: ({ props: e }) => ({ class: {
464
+ [t`z-20 rounded bg-transparent outline-offset-4 outline-blue-800 focus-visible:outline-4`]: !0,
465
+ [t`h-11/12 w-[0.1875rem] cursor-col-resize`]: e.layout === "horizontal",
466
+ [t`h-[0.1875rem] w-11/12 cursor-row-resize`]: e.layout === "vertical"
467
+ } })
468
+ }, j = { root: ({ context: e }) => {
469
+ let n = t`ris-body2-bold h-64 border-b-4 border-b-transparent py-4 pr-24 pl-20 outline-0 -outline-offset-4 outline-blue-800 focus-visible:outline-4`, r = t`z-10 bg-[var(--p-tabs-tab-active-background)] text-black shadow-[-1px_-1px_0_0_var(--p-tabs-tab-border-color),1px_-1px_0_0_var(--p-tabs-tab-border-color)]`, i = t`cursor-pointer text-blue-800 hover:border-b-blue-800`;
470
+ return { class: {
471
+ [n]: !0,
472
+ [r]: e.active,
473
+ [i]: !e.active
474
+ } };
475
+ } }, M = { root: { class: t`min-h-96 bg-[var(--p-tabs-tabpanel-background)] py-24 outline-blue-800 focus-visible:outline-solid` } }, N = { tabList: { class: t`relative flex before:absolute before:bottom-0 before:left-[50%] before:h-px before:w-[var(--tab-list-separator-width,100%)] before:-translate-x-1/2 before:bg-[var(--p-tabs-tablist-border-color)]` } }, P = { root: ({ props: e }) => {
476
+ let n = t`ris-body1-regular [&+small]:ris-label3-regular min-h-56 border-2 border-blue-800 bg-white px-14 pt-8 pb-12 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, r = t`w-full`;
477
+ return { class: {
478
+ [n]: !0,
479
+ [r]: !!e.fluid
480
+ } };
481
+ } }, F = {
482
+ root: { class: t`max-w-lg` },
483
+ message: ({ props: e }) => {
484
+ let n = t`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, r = e.message?.severity, i = t`border-l-green-900 bg-green-200`, a = t`border-l-red-900 bg-red-200`, o = t`border-l-yellow-900 bg-yellow-200`, s = t`border-l-blue-900 bg-blue-200`;
485
+ return { class: {
486
+ [n]: !0,
487
+ [i]: r === "success",
488
+ [a]: r === "error",
489
+ [o]: r === "warn",
490
+ [s]: r === "info"
491
+ } };
492
+ },
493
+ messageContent: { class: t`flex w-full flex-row items-start justify-between gap-10` },
494
+ messageIcon: ({ props: e }) => {
495
+ let n = t`mt-2 h-20 w-20 flex-none shrink-0`, r = e.message?.severity ?? "info", i = t`text-green-800`, a = t`text-red-800`, o = t`text-black`, s = t`text-blue-800`;
496
+ return { class: {
497
+ [n]: !0,
498
+ [i]: r === "success",
499
+ [a]: r === "error",
500
+ [o]: r === "warn",
501
+ [s]: r === "info"
502
+ } };
503
+ },
504
+ messageText: { class: t`grow text-black` },
505
+ summary: { class: t`ris-label2-bold` },
506
+ detail: { class: t`ris-label2-regular` },
507
+ closeButton: ({ props: e }) => {
508
+ let n = t`p-2 outline-offset-4 outline-blue-800 focus-visible:outline-4`, r = e.message?.severity ?? "info", i = t`hover:bg-green-400`, a = t`hover:bg-red-400`, o = t`hover:bg-yellow-400`, s = t`hover:bg-blue-400`;
509
+ return { class: {
510
+ [n]: !0,
511
+ [i]: r === "success",
512
+ [a]: r === "error",
513
+ [o]: r === "warn",
514
+ [s]: r === "info"
515
+ } };
516
+ },
517
+ closeIcon: { class: t`text-black` }
518
+ }, I = {
519
+ arrow: ({ context: e }) => {
520
+ let n = t`absolute h-0 w-0 border-[7px] border-solid`, r = t`-mr-[7px] border-b-0 border-t-gray-900 border-r-transparent border-l-transparent`, i = t`-mt-[7px] border-l-0 border-t-transparent border-r-gray-900 border-b-transparent`, a = t`-ml-[7px] border-t-0 border-r-transparent border-b-gray-900 border-l-transparent`, o = t`-mt-[7px] border-r-0 border-t-transparent border-b-transparent border-l-gray-900`, s = !e.top && !e.right && !e.bottom && !e.left;
521
+ return { class: {
522
+ [n]: !0,
523
+ [r]: e.top,
524
+ [i]: e.right || s,
525
+ [a]: e.bottom,
526
+ [o]: e.left
527
+ } };
528
+ },
529
+ text: { class: t`ris-label3-regular m-[7px] rounded-sm bg-gray-900 px-8 py-4 text-center whitespace-pre-line text-white` },
530
+ root: { class: t`absolute` }
531
+ }, L = {
532
+ button: a,
533
+ checkbox: o,
534
+ chip: s,
535
+ confirmDialog: c,
536
+ dialog: u,
537
+ fileUpload: d,
538
+ inputGroup: f,
539
+ inputText: g,
540
+ menu: v,
541
+ message: y,
542
+ password: E,
543
+ progressSpinner: D,
544
+ radioButton: O,
545
+ textarea: P,
546
+ toast: F,
547
+ autocomplete: i,
548
+ select: k,
549
+ multiselect: b,
550
+ inputMask: _,
551
+ breadcrumb: n,
552
+ tree: {
553
+ node: { class: t`mb-24 last:mb-0 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 [&>ul:first-of-type]:border-l-0` },
554
+ nodeContent: ({ context: e }) => {
555
+ let n = t`group ris-label2-bold flex w-full border-l-4 border-transparent py-10 pr-20 pl-10 text-blue-800`, r = t`cursor-pointer select-none`, i = t`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`, a = t`border-l-blue-800 bg-blue-200 text-black`, o = t`hover:bg-blue-200`, s = t`hover:bg-blue-300`;
556
+ return { class: {
557
+ [n]: !0,
558
+ [r]: !0,
559
+ [a]: e.selected,
560
+ [o]: !e.selected,
561
+ [s]: e.selected,
562
+ [i]: !0
563
+ } };
564
+ },
565
+ nodeToggleButton: ({ context: e }) => {
566
+ let n = t`h-20 w-20 justify-center border-0 bg-transparent text-gray-900 group-hover:text-black hover:text-black`, r = e.leaf ? t`hidden` : t`inline-flex`;
567
+ return { class: {
568
+ [n]: !0,
569
+ [r]: e.leaf
570
+ } };
571
+ },
572
+ nodeChildren: () => {
573
+ let e = t`m-0 list-none border-l border-gray-600 p-0 pl-36 [&:not(ul)]:pl-0 [&>ul:first-of-type]:border-0`, n = t`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`;
574
+ return { class: {
575
+ [e]: !0,
576
+ [n]: !0
577
+ } };
578
+ },
579
+ nodeLabel: ({ context: e }) => {
580
+ let n = t`group flex w-full flex-col items-start outline-none *:w-full *:outline-none group-hover:text-black [&>*:first-child]:group-hover:underline [&>*:last-child]:group-hover:no-underline`, r = t`text-black [&>*:last-child:is(span)]:text-gray-900`, i = t`[&>*:last-child]:group-hover:text-black`;
581
+ return { class: {
582
+ [n]: !0,
583
+ [r]: e.selected,
584
+ [i]: e.selected
585
+ } };
586
+ }
587
+ },
588
+ panelmenu: T,
589
+ splitter: A,
590
+ dataTable: l,
591
+ tab: j,
592
+ tabPanel: M,
593
+ tabList: N,
594
+ directives: { tooltip: I }
595
+ }, R = { deDE: e };
596
+ //#endregion
597
+ export { R as RisUiLocale, L as RisUiTheme };
598
+
599
+ //# sourceMappingURL=index.js.map