@designsystem-se/af 38.1.0 → 38.2.1-beta.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 (195) hide show
  1. package/components/digi-calendar-datepicker.js +10 -6
  2. package/components/digi-form-checkbox.js +1 -1
  3. package/components/digi-form-error-list.js +33 -1
  4. package/components/digi-form-filter.js +1 -1
  5. package/components/digi-form-select-filter.js +84 -47
  6. package/components/{p-13c09880.js → p-f84f590e.js} +2 -2
  7. package/custom-elements.json +9 -1
  8. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  9. package/dist/cjs/digi-button_11.cjs.entry.js +1194 -0
  10. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +15 -13
  11. package/dist/cjs/digi-code-block_3.cjs.entry.js +6 -6
  12. package/dist/cjs/digi-dialog.cjs.entry.js +6 -6
  13. package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
  14. package/dist/cjs/digi-footer.cjs.entry.js +74 -0
  15. package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
  16. package/dist/cjs/digi-form-error-list.cjs.entry.js +39 -7
  17. package/dist/cjs/digi-form-file-upload.cjs.entry.js +9 -10
  18. package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -7
  19. package/dist/cjs/digi-form-receipt.cjs.entry.js +6 -6
  20. package/dist/cjs/digi-header-avatar.cjs.entry.js +114 -0
  21. package/dist/cjs/digi-header-navigation-item.cjs.entry.js +27 -0
  22. package/dist/cjs/digi-header-navigation.cjs.entry.js +228 -0
  23. package/dist/cjs/digi-header-notification.cjs.entry.js +23 -0
  24. package/dist/cjs/digi-header.cjs.entry.js +115 -0
  25. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
  26. package/dist/cjs/digi-icon-bars.cjs.entry.js +30 -0
  27. package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +30 -0
  28. package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
  29. package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
  30. package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
  31. package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
  32. package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
  33. package/dist/cjs/digi-layout-block_2.cjs.entry.js +92 -0
  34. package/dist/cjs/digi-link.cjs.entry.js +75 -0
  35. package/dist/cjs/digi-logo.cjs.entry.js +49 -0
  36. package/dist/cjs/digi-media-image_2.cjs.entry.js +167 -0
  37. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +6 -6
  38. package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +30 -0
  39. package/dist/cjs/digi-notification-alert.cjs.entry.js +6 -6
  40. package/dist/cjs/digi-notification-error-page.cjs.entry.js +6 -6
  41. package/dist/cjs/digi-title-logo.cjs.entry.js +133 -0
  42. package/dist/cjs/digi-tools-feedback.cjs.entry.js +6 -6
  43. package/dist/cjs/digi-typography.cjs.entry.js +26 -0
  44. package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +48 -0
  45. package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
  46. package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
  47. package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
  48. package/dist/cjs/index-7a477838.js +84 -20
  49. package/dist/cjs/index.cjs.js +73 -73
  50. package/dist/cjs/layout-container-max-width.enum-7e637f44.js +21 -0
  51. package/dist/cjs/loader.cjs.js +1 -1
  52. package/dist/cjs/logo-color.enum-76f6c506.js +7 -0
  53. package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-9aab5027.js} +28 -33
  54. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +53 -6
  55. package/dist/collection/components/_form/form-checkbox/form-checkbox.js +8 -5
  56. package/dist/collection/components/_form/form-error-list/form-error-list.js +20 -1
  57. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
  58. package/dist/collection/design-tokens/components/_logo.variables.scss +17 -15
  59. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +2 -0
  60. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  61. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  62. package/dist/digi-arbetsformedlingen/{p-8833044b.entry.js → p-02731621.entry.js} +1 -1
  63. package/dist/digi-arbetsformedlingen/p-0ef5ec06.entry.js +1 -0
  64. package/dist/digi-arbetsformedlingen/p-10261517.entry.js +1 -0
  65. package/dist/digi-arbetsformedlingen/{p-37c0ea9e.entry.js → p-2295239c.entry.js} +1 -1
  66. package/dist/digi-arbetsformedlingen/{p-97f66789.entry.js → p-25371300.entry.js} +1 -1
  67. package/dist/digi-arbetsformedlingen/p-2c685e4f.entry.js +1 -0
  68. package/dist/digi-arbetsformedlingen/p-300aa9ef.js +1 -0
  69. package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
  70. package/dist/digi-arbetsformedlingen/p-3efa2f0b.entry.js +1 -0
  71. package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +1 -0
  72. package/dist/digi-arbetsformedlingen/p-4e9f2f05.entry.js +1 -0
  73. package/dist/digi-arbetsformedlingen/{p-ddd659bf.entry.js → p-655cda00.entry.js} +1 -1
  74. package/dist/digi-arbetsformedlingen/p-6abd8d58.entry.js +1 -0
  75. package/dist/digi-arbetsformedlingen/p-7e77bbe7.entry.js +1 -0
  76. package/dist/digi-arbetsformedlingen/p-7e85c9e3.entry.js +1 -0
  77. package/dist/digi-arbetsformedlingen/p-8713df13.entry.js +1 -0
  78. package/dist/digi-arbetsformedlingen/p-8d9f4f10.entry.js +1 -0
  79. package/dist/digi-arbetsformedlingen/p-8ef41ad9.entry.js +1 -0
  80. package/dist/digi-arbetsformedlingen/{p-18880083.entry.js → p-986a1582.entry.js} +1 -1
  81. package/dist/digi-arbetsformedlingen/p-9dd41cc4.js +1 -0
  82. package/dist/digi-arbetsformedlingen/p-a0c77dff.entry.js +1 -0
  83. package/dist/digi-arbetsformedlingen/p-a2008b0a.entry.js +1 -0
  84. package/dist/digi-arbetsformedlingen/{p-e5bd5a7e.entry.js → p-b3283953.entry.js} +1 -1
  85. package/dist/digi-arbetsformedlingen/p-beba49c2.entry.js +1 -0
  86. package/dist/digi-arbetsformedlingen/p-bf80a488.entry.js +1 -0
  87. package/dist/digi-arbetsformedlingen/{p-a186888d.entry.js → p-c3e0f6dd.entry.js} +1 -1
  88. package/dist/digi-arbetsformedlingen/p-c553b73b.entry.js +1 -0
  89. package/dist/digi-arbetsformedlingen/p-c604694f.entry.js +1 -0
  90. package/dist/digi-arbetsformedlingen/p-c604a480.entry.js +1 -0
  91. package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
  92. package/dist/digi-arbetsformedlingen/p-c7a512ee.entry.js +1 -0
  93. package/dist/digi-arbetsformedlingen/p-c7d079d0.entry.js +1 -0
  94. package/dist/digi-arbetsformedlingen/p-c9dfda73.js +1 -0
  95. package/dist/digi-arbetsformedlingen/p-d6d7b1d8.entry.js +1 -0
  96. package/dist/digi-arbetsformedlingen/p-db246e29.entry.js +1 -0
  97. package/dist/digi-arbetsformedlingen/{p-39468f49.entry.js → p-de22ce43.entry.js} +1 -1
  98. package/dist/digi-arbetsformedlingen/p-ecc2e481.entry.js +1 -0
  99. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
  100. package/dist/digi-arbetsformedlingen/p-f2e16531.entry.js +1 -0
  101. package/dist/digi-arbetsformedlingen/p-f5bcd77b.entry.js +1 -0
  102. package/dist/digi-arbetsformedlingen/p-f87c0b45.entry.js +1 -0
  103. package/dist/digi-arbetsformedlingen/p-fa77fcf7.entry.js +1 -0
  104. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  105. package/dist/esm/digi-button_11.entry.js +1180 -0
  106. package/dist/esm/digi-calendar-datepicker.entry.js +14 -12
  107. package/dist/esm/digi-code-block_3.entry.js +6 -6
  108. package/dist/esm/digi-dialog.entry.js +6 -6
  109. package/dist/esm/digi-footer-card.entry.js +25 -0
  110. package/dist/esm/digi-footer.entry.js +70 -0
  111. package/dist/esm/digi-form-checkbox.entry.js +2 -2
  112. package/dist/esm/digi-form-error-list.entry.js +39 -7
  113. package/dist/esm/digi-form-file-upload.entry.js +1 -2
  114. package/dist/esm/digi-form-input-search.entry.js +1 -2
  115. package/dist/esm/digi-form-receipt.entry.js +6 -6
  116. package/dist/esm/digi-header-avatar.entry.js +110 -0
  117. package/dist/esm/digi-header-navigation-item.entry.js +23 -0
  118. package/dist/esm/digi-header-navigation.entry.js +224 -0
  119. package/dist/esm/digi-header-notification.entry.js +19 -0
  120. package/dist/esm/digi-header.entry.js +111 -0
  121. package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
  122. package/dist/esm/digi-icon-bars.entry.js +26 -0
  123. package/dist/esm/digi-icon-bell-filled.entry.js +26 -0
  124. package/dist/esm/digi-icon-envelope.entry.js +26 -0
  125. package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
  126. package/dist/esm/digi-icon-globe.entry.js +26 -0
  127. package/dist/esm/digi-icon-sign.entry.js +26 -0
  128. package/dist/esm/digi-icon-x.entry.js +26 -0
  129. package/dist/esm/digi-layout-block_2.entry.js +87 -0
  130. package/dist/esm/digi-link.entry.js +71 -0
  131. package/dist/esm/digi-logo.entry.js +45 -0
  132. package/dist/esm/digi-media-image_2.entry.js +162 -0
  133. package/dist/esm/digi-navigation-pagination.entry.js +6 -6
  134. package/dist/esm/digi-navigation-sidebar-button.entry.js +26 -0
  135. package/dist/esm/digi-notification-alert.entry.js +6 -6
  136. package/dist/esm/digi-notification-error-page.entry.js +6 -6
  137. package/dist/esm/digi-title-logo.entry.js +129 -0
  138. package/dist/esm/digi-tools-feedback.entry.js +6 -6
  139. package/dist/esm/digi-typography.entry.js +22 -0
  140. package/dist/esm/digi-util-breakpoint-observer.entry.js +44 -0
  141. package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
  142. package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
  143. package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
  144. package/dist/esm/index-148a7577.js +84 -20
  145. package/dist/esm/index.js +6 -6
  146. package/dist/esm/layout-container-max-width.enum-c40018ac.js +21 -0
  147. package/dist/esm/loader.js +1 -1
  148. package/dist/esm/logo-color.enum-8593dca6.js +7 -0
  149. package/dist/esm/{typography-variation.enum-c85d7857.js → typography-variation.enum-fdda731c.js} +29 -34
  150. package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +10 -0
  151. package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +5 -2
  152. package/dist/types/components/_form/form-error-list/form-error-list.d.ts +3 -0
  153. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
  154. package/dist/types/components.d.ts +26 -6
  155. package/hydrate/index.js +129 -56
  156. package/hydrate/index.mjs +129 -56
  157. package/package.json +1 -1
  158. package/dist/cjs/digi-button_27.cjs.entry.js +0 -1380
  159. package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
  160. package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
  161. package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -564
  162. package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
  163. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
  164. package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -53
  165. package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +0 -15
  166. package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
  167. package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
  168. package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +0 -1
  169. package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
  170. package/dist/digi-arbetsformedlingen/p-2788683e.entry.js +0 -1
  171. package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +0 -1
  172. package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +0 -1
  173. package/dist/digi-arbetsformedlingen/p-4841b4e1.js +0 -1
  174. package/dist/digi-arbetsformedlingen/p-59073668.entry.js +0 -1
  175. package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
  176. package/dist/digi-arbetsformedlingen/p-82611050.entry.js +0 -1
  177. package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +0 -1
  178. package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
  179. package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
  180. package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +0 -1
  181. package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +0 -1
  182. package/dist/digi-arbetsformedlingen/p-d595e8a3.js +0 -1
  183. package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +0 -1
  184. package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +0 -1
  185. package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +0 -1
  186. package/dist/esm/digi-button_27.entry.js +0 -1350
  187. package/dist/esm/digi-form-input.entry.js +0 -190
  188. package/dist/esm/digi-form-label_3.entry.js +0 -123
  189. package/dist/esm/digi-form-select-filter.entry.js +0 -560
  190. package/dist/esm/digi-icon-check.entry.js +0 -26
  191. package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
  192. package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
  193. package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +0 -15
  194. package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
  195. package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
2
2
  import { _ as _t } from './text-8f88c0f6.js';
3
3
  import './badge-notification-shape.enum-e15a6245.js';
4
- import { C as CalendarDatepickerValidation } from './typography-variation.enum-c85d7857.js';
4
+ import { C as CalendarDatepickerValidation, f as FormInputValidation } from './typography-variation.enum-fdda731c.js';
5
5
  import './badge-status-variation.enum-8d6370ff.js';
6
6
  import './code-example-variation.enum-e656d235.js';
7
- import './form-input-search-variation.enum-6d8dc10a.js';
7
+ import './form-input-type.enum-a6bba983.js';
8
8
  import './button-variation.enum-94fffdd6.js';
9
9
  import './calendar-week-view-heading-level.enum-6774297c.js';
10
10
  import './bar-chart-variation.enum-97c0b47f.js';
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
12
12
  import './expandable-accordion-header-level.enum-85681e2f.js';
13
13
  import './expandable-faq-item-variation.enum-a8cb225b.js';
14
14
  import './expandable-faq-variation.enum-6934c367.js';
15
+ import './footer-card-variation.enum-cc732148.js';
15
16
  import './form-checkbox-variation.enum-83e906fc.js';
16
- import './form-file-upload-variation.enum-9c49ec5e.js';
17
- import './form-input-type.enum-3da3db27.js';
18
- import { a as FormInputValidation } from './form-input-variation.enum-64d9450f.js';
17
+ import './form-validation-message-variation.enum-f7835fc5.js';
19
18
  import './form-radiogroup-validation.enum-d790fc66.js';
20
19
  import './form-select-variation.enum-f2f6098d.js';
21
20
  import './form-textarea-variation.enum-05017e8e.js';
22
- import './form-validation-message-variation.enum-bcef8a9d.js';
23
21
  import './info-card-multi-type.enum-07ee124f.js';
24
22
  import './info-card-variation.enum-2ccc52c1.js';
23
+ import './layout-container-max-width.enum-c40018ac.js';
25
24
  import './layout-block-variation.enum-b7a20db4.js';
26
25
  import './layout-columns-variation.enum-34f7754e.js';
27
26
  import './link-button-variation.enum-84d4976f.js';
28
27
  import './list-type.enum-fbb331ad.js';
29
28
  import './loader-skeleton-variation.enum-f9f867b4.js';
30
29
  import './loader-spinner-size.enum-0b246fa0.js';
30
+ import './logo-color.enum-8593dca6.js';
31
31
  import './media-figure-alignment.enum-a1d36567.js';
32
32
  import './navigation-sidebar-variation.enum-8fead764.js';
33
33
  import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
@@ -2213,6 +2213,8 @@ const CalendarDatepicker = class {
2213
2213
  this.afCloseOnSelect = false;
2214
2214
  this.afOpenCalendarTo = undefined;
2215
2215
  this.afErrorMessageIsAlert = true;
2216
+ this.afAnnounceIfOptional = false;
2217
+ this.afAnnounceIfOptionalText = undefined;
2216
2218
  }
2217
2219
  afDisableValidationChangeHandler(newVal) {
2218
2220
  if (!newVal) {
@@ -2544,9 +2546,9 @@ const CalendarDatepicker = class {
2544
2546
  return this.afSelectedDates;
2545
2547
  }
2546
2548
  render() {
2547
- return (h(Host, { key: '6b080d933e012fe050aee0181f927c3252b0bb7e', tabindex: -1 }, h("div", { key: 'ec59a7f209f7a5e06c62d4443fbca980b1030d12', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '2bf3bd4f0a82c14c4fb04610dab19767fbba595d', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: 'ebde8123611c021b60104f75c2e4085e35fb4697', ref: (el) => (this._input = el), class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
2549
+ return (h(Host, { key: 'a22b366eece8bdf2a6d66ba7b4561093391ad16d', tabindex: -1 }, h("div", { key: '5ec3557df78bb012f2e10f1852252e78e2470ee3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '1215a13021718ac98ad2a4a7a5bae3c456385124', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: '8794d312452fe11f0f9052bbdd238e5570ec55f0', ref: (el) => (this._input = el), class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
2548
2550
  ? FormInputValidation.ERROR
2549
- : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
2551
+ : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, afAnnounceIfOptional: this.afAnnounceIfOptional, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText, onAfOnChange: (evt) => {
2550
2552
  evt.stopImmediatePropagation();
2551
2553
  this.parseInput(evt);
2552
2554
  }, onAfOnBlur: (evt) => {
@@ -2561,11 +2563,11 @@ const CalendarDatepicker = class {
2561
2563
  e.preventDefault();
2562
2564
  const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
2563
2565
  focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
2564
- } }, h("button", { key: '04df5ccb789271d7ba2f693b740f316301f9fae0', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
2566
+ } }, h("button", { key: 'c953ddf0c99cfd3b892941da7da4a887b342fd78', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
2565
2567
  ? this.afCloseCalendarAriaLabel
2566
- : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '65b9a472f629bbaa46a64c8a304f358da76b0830', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: 'd0df89ce680bb2a0ca7f311b2c0ead0f72dc30b6', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: '9796876e15e88b1599d772863c29fc472da24c69', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
2568
+ : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '46c7387d404b77911b97f31c10e7147bd436c7e3', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: '91894a4219afa79d913f558f5d1cc6b410b535ce', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: '989fc17ea7a95aa014a26e09f7db7f59fe53a36b', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
2567
2569
  ? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
2568
- : ''), h("digi-calendar", { key: 'bd5f34bcdbcb2276b5080c43479337c514861ba9', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
2570
+ : ''), h("digi-calendar", { key: '6e62fb845769eca0a9b8cb21e4a09a5620804d42', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
2569
2571
  evt.stopImmediatePropagation();
2570
2572
  this.parseCalendar(evt);
2571
2573
  }, onKeyDown: (e) => {
@@ -2576,7 +2578,7 @@ const CalendarDatepicker = class {
2576
2578
  return;
2577
2579
  e.preventDefault();
2578
2580
  this.focusOnCalendarInput();
2579
- } })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'fc150d20f14731e8f67f38c6042e8af4e24eae38', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
2581
+ } })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'd9f3eb470b29a0ab96134f1e4666743efacd7448', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
2580
2582
  ? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
2581
2583
  : '')))));
2582
2584
  }
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './index-148a7577.js';
2
2
  import { C as CodeBlockVariation, B as ButtonSize } from './code-example-variation.enum-e656d235.js';
3
- import { a as CodeBlockLanguage, f as FormFieldsetValidation, i as FormRadiobuttonVariation, g as FormRadiobuttonLayout, h as FormRadiobuttonValidation } from './typography-variation.enum-c85d7857.js';
3
+ import { a as CodeBlockLanguage, h as FormFieldsetValidation, k as FormRadiobuttonVariation, i as FormRadiobuttonLayout, j as FormRadiobuttonValidation } from './typography-variation.enum-fdda731c.js';
4
4
  import { P as Prism } from './prism-git-92a0d5cd.js';
5
5
  import './badge-notification-shape.enum-e15a6245.js';
6
6
  import './badge-status-variation.enum-8d6370ff.js';
7
- import './form-input-search-variation.enum-6d8dc10a.js';
7
+ import './form-input-type.enum-a6bba983.js';
8
8
  import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
9
9
  import './calendar-week-view-heading-level.enum-6774297c.js';
10
10
  import './bar-chart-variation.enum-97c0b47f.js';
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
12
12
  import './expandable-accordion-header-level.enum-85681e2f.js';
13
13
  import './expandable-faq-item-variation.enum-a8cb225b.js';
14
14
  import './expandable-faq-variation.enum-6934c367.js';
15
+ import './footer-card-variation.enum-cc732148.js';
15
16
  import './form-checkbox-variation.enum-83e906fc.js';
16
- import './form-file-upload-variation.enum-9c49ec5e.js';
17
- import './form-input-type.enum-3da3db27.js';
18
- import './form-input-variation.enum-64d9450f.js';
17
+ import './form-validation-message-variation.enum-f7835fc5.js';
19
18
  import './form-radiogroup-validation.enum-d790fc66.js';
20
19
  import './form-select-variation.enum-f2f6098d.js';
21
20
  import './form-textarea-variation.enum-05017e8e.js';
22
- import './form-validation-message-variation.enum-bcef8a9d.js';
23
21
  import './info-card-multi-type.enum-07ee124f.js';
24
22
  import './info-card-variation.enum-2ccc52c1.js';
23
+ import './layout-container-max-width.enum-c40018ac.js';
25
24
  import './layout-block-variation.enum-b7a20db4.js';
26
25
  import './layout-columns-variation.enum-34f7754e.js';
27
26
  import './link-button-variation.enum-84d4976f.js';
28
27
  import './list-type.enum-fbb331ad.js';
29
28
  import './loader-skeleton-variation.enum-f9f867b4.js';
30
29
  import './loader-spinner-size.enum-0b246fa0.js';
30
+ import './logo-color.enum-8593dca6.js';
31
31
  import './media-figure-alignment.enum-a1d36567.js';
32
32
  import './navigation-sidebar-variation.enum-8fead764.js';
33
33
  import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
2
- import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-c85d7857.js';
2
+ import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-fdda731c.js';
3
3
  import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
4
4
  import './badge-notification-shape.enum-e15a6245.js';
5
5
  import './badge-status-variation.enum-8d6370ff.js';
6
6
  import { B as ButtonSize } from './code-example-variation.enum-e656d235.js';
7
- import './form-input-search-variation.enum-6d8dc10a.js';
7
+ import './form-input-type.enum-a6bba983.js';
8
8
  import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
9
9
  import './calendar-week-view-heading-level.enum-6774297c.js';
10
10
  import './bar-chart-variation.enum-97c0b47f.js';
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
12
12
  import './expandable-accordion-header-level.enum-85681e2f.js';
13
13
  import './expandable-faq-item-variation.enum-a8cb225b.js';
14
14
  import './expandable-faq-variation.enum-6934c367.js';
15
+ import './footer-card-variation.enum-cc732148.js';
15
16
  import './form-checkbox-variation.enum-83e906fc.js';
16
- import './form-file-upload-variation.enum-9c49ec5e.js';
17
- import './form-input-type.enum-3da3db27.js';
18
- import './form-input-variation.enum-64d9450f.js';
17
+ import './form-validation-message-variation.enum-f7835fc5.js';
19
18
  import './form-radiogroup-validation.enum-d790fc66.js';
20
19
  import './form-select-variation.enum-f2f6098d.js';
21
20
  import './form-textarea-variation.enum-05017e8e.js';
22
- import './form-validation-message-variation.enum-bcef8a9d.js';
23
21
  import './info-card-multi-type.enum-07ee124f.js';
24
22
  import './info-card-variation.enum-2ccc52c1.js';
23
+ import './layout-container-max-width.enum-c40018ac.js';
25
24
  import './layout-block-variation.enum-b7a20db4.js';
26
25
  import './layout-columns-variation.enum-34f7754e.js';
27
26
  import './link-button-variation.enum-84d4976f.js';
28
27
  import './list-type.enum-fbb331ad.js';
29
28
  import './loader-skeleton-variation.enum-f9f867b4.js';
30
29
  import './loader-spinner-size.enum-0b246fa0.js';
30
+ import './logo-color.enum-8593dca6.js';
31
31
  import './media-figure-alignment.enum-a1d36567.js';
32
32
  import './navigation-sidebar-variation.enum-8fead764.js';
33
33
  import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
@@ -0,0 +1,25 @@
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
2
+ import { F as FooterCardVariation } from './footer-card-variation.enum-cc732148.js';
3
+
4
+ const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
5
+ const DigiFooterCardStyle0 = footerCardCss;
6
+
7
+ const FooterFooterCard = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.afType = FooterCardVariation.NONE;
11
+ }
12
+ get cssModifiers() {
13
+ return {
14
+ 'digi-footer-card--icon': this.afType == FooterCardVariation.ICON,
15
+ 'digi-footer-card--border': this.afType == FooterCardVariation.BORDER
16
+ };
17
+ }
18
+ render() {
19
+ return (h(Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
20
+ }
21
+ get hostElement() { return getElement(this); }
22
+ };
23
+ FooterFooterCard.style = DigiFooterCardStyle0;
24
+
25
+ export { FooterFooterCard as digi_footer_card };
@@ -0,0 +1,70 @@
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
2
+ import { F as FooterVariation } from './typography-variation.enum-fdda731c.js';
3
+ import './badge-notification-shape.enum-e15a6245.js';
4
+ import './badge-status-variation.enum-8d6370ff.js';
5
+ import './code-example-variation.enum-e656d235.js';
6
+ import './form-input-type.enum-a6bba983.js';
7
+ import './button-variation.enum-94fffdd6.js';
8
+ import './calendar-week-view-heading-level.enum-6774297c.js';
9
+ import './bar-chart-variation.enum-97c0b47f.js';
10
+ import './code-variation.enum-1eee7c7a.js';
11
+ import './expandable-accordion-header-level.enum-85681e2f.js';
12
+ import './expandable-faq-item-variation.enum-a8cb225b.js';
13
+ import './expandable-faq-variation.enum-6934c367.js';
14
+ import './footer-card-variation.enum-cc732148.js';
15
+ import './form-checkbox-variation.enum-83e906fc.js';
16
+ import './form-validation-message-variation.enum-f7835fc5.js';
17
+ import './form-radiogroup-validation.enum-d790fc66.js';
18
+ import './form-select-variation.enum-f2f6098d.js';
19
+ import './form-textarea-variation.enum-05017e8e.js';
20
+ import './info-card-multi-type.enum-07ee124f.js';
21
+ import './info-card-variation.enum-2ccc52c1.js';
22
+ import './layout-container-max-width.enum-c40018ac.js';
23
+ import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
24
+ import './layout-columns-variation.enum-34f7754e.js';
25
+ import './link-button-variation.enum-84d4976f.js';
26
+ import './list-type.enum-fbb331ad.js';
27
+ import './loader-skeleton-variation.enum-f9f867b4.js';
28
+ import './loader-spinner-size.enum-0b246fa0.js';
29
+ import './logo-color.enum-8593dca6.js';
30
+ import './media-figure-alignment.enum-a1d36567.js';
31
+ import './navigation-sidebar-variation.enum-8fead764.js';
32
+ import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
33
+ import './progress-circle-role.enum-7737a2c6.js';
34
+ import './progress-indicator-variation.enum-b12ba50a.js';
35
+ import './progress-list-item-variation.enum-384b9a3a.js';
36
+ import './progress-list-variation.enum-300bd89d.js';
37
+ import './progressbar-variation.enum-40adaab4.js';
38
+ import './quote-image-inner-position.enum-8e9b1e65.js';
39
+ import './table-variation.enum-dd9366b6.js';
40
+ import './tag-media-icon.enum-fefa191c.js';
41
+ import './tag-size.enum-403e0cd8.js';
42
+ import './tools-feedback-banner-type.enum-74b4e580.js';
43
+ import './tools-feedback-rating-variation.enum-29058ff2.js';
44
+ import './tools-theme-provider.brand.enum-8c5a98c9.js';
45
+ import './typography-heading-jumbo-variation.enum-eb737f1b.js';
46
+ import './typography-meta-variation.enum-1f7c2878.js';
47
+ import './typography-time-variation.enum-34c830ef.js';
48
+ import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
49
+
50
+ const footerCss = ".sc-digi-footer-h {\n --digi--footer--text--color: var(--digi--color--text--secondary);\n --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n --digi--footer--link--color--default: var(--digi--color--text--secondary);\n --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n --digi--footer--padding-top: var(--digi--container-gutter--largest);\n --digi--footer--margin-top: var(--digi--container-gutter--large);\n --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n --MARGIN-TOP: var(--digi--footer--margin-top);\n color: var(--digi--footer--text--color);\n font-family: var(--digi--footer--text--font-family);\n font-size: var(--digi--footer--text--font-size);\n font-weight: var(--digi--footer--text--font-weight);\n line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(4, 1fr);\n }\n .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n grid-column: 1/3;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n container-type: inline-size;\n padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n justify-content: center;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer__content-bottom {\n justify-content: center;\n }\n}\n.sc-digi-footer-h .sc-digi-footer-s digi-logo {\n --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n display: grid;\n grid-template-rows: repeat(2, auto);\n column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n flex-basis: 100%;\n display: flex;\n justify-content: center;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n padding: var(--digi--footer--logo-vertical-padding) 0;\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n flex-basis: auto;\n }\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n padding: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n --MARGIN-TOP: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--text--color);\n padding: var(--digi--gutter--small);\n margin: 0;\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--link--color--default);\n border-color: var(--digi--footer--link--border-color--default);\n margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n background: transparent;\n color: var(--digi--footer--link--color--hover);\n border-color: var(--digi--footer--link--border-color--hover);\n}";
51
+ const DigiFooterStyle0 = footerCss;
52
+
53
+ const FooterFooter = class {
54
+ constructor(hostRef) {
55
+ registerInstance(this, hostRef);
56
+ this.afVariation = FooterVariation.LARGE;
57
+ }
58
+ get cssModifiers() {
59
+ return {
60
+ 'digi-footer--small': this.afVariation == FooterVariation.SMALL
61
+ };
62
+ }
63
+ render() {
64
+ return (h(Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
65
+ }
66
+ get hostElement() { return getElement(this); }
67
+ };
68
+ FooterFooter.style = DigiFooterStyle0;
69
+
70
+ export { FooterFooter as digi_footer };
@@ -114,7 +114,7 @@ const FormCheckbox = class {
114
114
  this.afOnInput.emit(e);
115
115
  }
116
116
  render() {
117
- return (h(Host, { key: '93a52532d5ee8e2b89982b3d06509c16b3656bce', tabindex: -1 }, h("div", { key: '3f2fe30e35c36080d80fdec5c57abf8e310ae14b', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'a45c26da379bff48830f0b03ceebcf24b06c3b17', class: "digi-form-checkbox__input", ref: (el) => {
117
+ return (h(Host, { key: 'e8ca1dfe96537dd438a4b6c206adfc7c9fd64d9c', tabindex: -1 }, h("div", { key: '850911b7ffdcea222b12c2c883cf93b63f703b4f', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '923a49d0402e6b3034d3e8e6d43033692695c830', class: "digi-form-checkbox__input", ref: (el) => {
118
118
  var _a;
119
119
  this._input = el;
120
120
  (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -122,7 +122,7 @@ const FormCheckbox = class {
122
122
  ? null
123
123
  : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
124
124
  ? 'true'
125
- : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '54cd68f1c10fd023e9dd81bd0fabb2920b911c12', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'c7184f48868d38d04485a48f214cc3c37d862ba4', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'afc00a7de3cef740bdbf23607cd9247887752759', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
125
+ : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: 'dccbd4e83dbc757483a18ac22d1539ef83dfb534', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '1cbc88be9d74dab3e04472bc9462712377447d4a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'bdab264d9d13520858c581d2664c0d53171a1415', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
126
126
  }
127
127
  get hostElement() { return getElement(this); }
128
128
  static get watchers() { return {
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
2
2
  import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
- import { e as FormErrorListHeadingLevel, u as NotificationAlertVariation, y as TypographyVariation } from './typography-variation.enum-c85d7857.js';
3
+ import { d as FormErrorListHeadingLevel, t as NotificationAlertVariation, x as TypographyVariation } from './typography-variation.enum-fdda731c.js';
4
4
  import './badge-notification-shape.enum-e15a6245.js';
5
5
  import './badge-status-variation.enum-8d6370ff.js';
6
6
  import './code-example-variation.enum-e656d235.js';
7
- import './form-input-search-variation.enum-6d8dc10a.js';
7
+ import './form-input-type.enum-a6bba983.js';
8
8
  import './button-variation.enum-94fffdd6.js';
9
9
  import './calendar-week-view-heading-level.enum-6774297c.js';
10
10
  import './bar-chart-variation.enum-97c0b47f.js';
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
12
12
  import './expandable-accordion-header-level.enum-85681e2f.js';
13
13
  import './expandable-faq-item-variation.enum-a8cb225b.js';
14
14
  import './expandable-faq-variation.enum-6934c367.js';
15
+ import './footer-card-variation.enum-cc732148.js';
15
16
  import './form-checkbox-variation.enum-83e906fc.js';
16
- import './form-file-upload-variation.enum-9c49ec5e.js';
17
- import './form-input-type.enum-3da3db27.js';
18
- import './form-input-variation.enum-64d9450f.js';
17
+ import './form-validation-message-variation.enum-f7835fc5.js';
19
18
  import './form-radiogroup-validation.enum-d790fc66.js';
20
19
  import './form-select-variation.enum-f2f6098d.js';
21
20
  import './form-textarea-variation.enum-05017e8e.js';
22
- import './form-validation-message-variation.enum-bcef8a9d.js';
23
21
  import './info-card-multi-type.enum-07ee124f.js';
24
22
  import './info-card-variation.enum-2ccc52c1.js';
23
+ import './layout-container-max-width.enum-c40018ac.js';
25
24
  import './layout-block-variation.enum-b7a20db4.js';
26
25
  import './layout-columns-variation.enum-34f7754e.js';
27
26
  import './link-button-variation.enum-84d4976f.js';
28
27
  import './list-type.enum-fbb331ad.js';
29
28
  import './loader-skeleton-variation.enum-f9f867b4.js';
30
29
  import './loader-spinner-size.enum-0b246fa0.js';
30
+ import './logo-color.enum-8593dca6.js';
31
31
  import './media-figure-alignment.enum-a1d36567.js';
32
32
  import './navigation-sidebar-variation.enum-8fead764.js';
33
33
  import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
@@ -48,6 +48,20 @@ import './typography-meta-variation.enum-1f7c2878.js';
48
48
  import './typography-time-variation.enum-34c830ef.js';
49
49
  import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
50
50
 
51
+ /**
52
+ * Small utility for adding Stencil component scope to dynamically inserted elements
53
+ * (e.g. svg for title logotypes)
54
+ */
55
+ function applyStencilScope(host, root) {
56
+ const scopeClasses = [...host.classList].filter(c => c.startsWith('sc-'));
57
+ if (!scopeClasses.length)
58
+ return;
59
+ root.classList.add(...scopeClasses);
60
+ root.querySelectorAll('*').forEach(el => {
61
+ el.classList.add(...scopeClasses);
62
+ });
63
+ }
64
+
51
65
  const formErrorListCss = ".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list>li.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";
52
66
  const DigiFormErrorListStyle0 = formErrorListCss;
53
67
 
@@ -70,6 +84,24 @@ const FormErrorList = class {
70
84
  async afMSetHeadingFocus() {
71
85
  this.setHeadingFocus();
72
86
  }
87
+ connectedCallback() {
88
+ this.observer = new MutationObserver((mutations) => {
89
+ const hasChildChanges = mutations.some(mutation => mutation.type === 'childList');
90
+ if (hasChildChanges) {
91
+ const hostElement = this.hostElement.querySelector('.digi-form-error-list');
92
+ applyStencilScope(hostElement, hostElement);
93
+ }
94
+ });
95
+ this.observer.observe(this.hostElement, {
96
+ childList: true,
97
+ subtree: true
98
+ });
99
+ }
100
+ disconnectedCallback() {
101
+ if (this.observer) {
102
+ this.observer.disconnect();
103
+ }
104
+ }
73
105
  componentDidLoad() {
74
106
  this.setHeadingFocus();
75
107
  this.afOnReady.emit();
@@ -96,7 +128,7 @@ const FormErrorList = class {
96
128
  this.afOnClickLink.emit({ id });
97
129
  }
98
130
  render() {
99
- return (h("div", { key: '59bc43d4b3dd0149647b50203cc1ae585d829006', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: 'a2b034276ff7549c9c0711202020e3753da7808d', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '3a61c65373b92a73694770f851c6727e27f853e7', "af-variation": TypographyVariation.SMALL }, h("p", { key: 'a088b4d084f5a6db85cedcb4f469f4dff803f8f6', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: '794c42cdece0d06945255b70a96a6992eb4dcd4c' }))));
131
+ return (h("div", { key: '9471a904e95c6304644d884e15aac90d3b0fbad1', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '13a8bf3037570f929f470cc2a531156d552ca53a', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '8e8ef106286f426b0cbcfd904407582e79e8ce24', "af-variation": TypographyVariation.SMALL }, h("p", { key: '51175a8da94efe46a262ce365994aa3c23983f2e', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: 'b9f5287d0e2c0326100a094a48fa5e7ab314b92f' }))));
100
132
  }
101
133
  get hostElement() { return getElement(this); }
102
134
  };
@@ -1,9 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-148a7577.js';
2
2
  import { _ as _t } from './text-8f88c0f6.js';
3
3
  import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
4
- import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel } from './form-file-upload-variation.enum-9c49ec5e.js';
4
+ import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel, c as FormValidationMessageVariation } from './form-validation-message-variation.enum-f7835fc5.js';
5
5
  import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
6
- import { F as FormValidationMessageVariation } from './form-validation-message-variation.enum-bcef8a9d.js';
7
6
 
8
7
  const formFileUploadCss = ".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n overflow-wrap: break-word;\n gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";
9
8
  const DigiFormFileUploadStyle0 = formFileUploadCss;
@@ -1,7 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
2
2
  import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
- import { F as FormInputSearchVariation, B as ButtonType } from './form-input-search-variation.enum-6d8dc10a.js';
4
- import { a as FormInputType, F as FormInputButtonVariation } from './form-input-type.enum-3da3db27.js';
3
+ import { b as FormInputType, a as FormInputButtonVariation, F as FormInputSearchVariation, B as ButtonType } from './form-input-type.enum-a6bba983.js';
5
4
  import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
6
5
  import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
7
6
  import './detectClosest.util-58a7504f.js';
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
2
- import { l as FormReceiptVariation, k as FormReceiptType, j as FormReceiptHeadingLevel } from './typography-variation.enum-c85d7857.js';
2
+ import { n as FormReceiptVariation, m as FormReceiptType, l as FormReceiptHeadingLevel } from './typography-variation.enum-fdda731c.js';
3
3
  import './badge-notification-shape.enum-e15a6245.js';
4
4
  import './badge-status-variation.enum-8d6370ff.js';
5
5
  import './code-example-variation.enum-e656d235.js';
6
- import './form-input-search-variation.enum-6d8dc10a.js';
6
+ import './form-input-type.enum-a6bba983.js';
7
7
  import './button-variation.enum-94fffdd6.js';
8
8
  import './calendar-week-view-heading-level.enum-6774297c.js';
9
9
  import './bar-chart-variation.enum-97c0b47f.js';
@@ -11,22 +11,22 @@ import './code-variation.enum-1eee7c7a.js';
11
11
  import './expandable-accordion-header-level.enum-85681e2f.js';
12
12
  import './expandable-faq-item-variation.enum-a8cb225b.js';
13
13
  import './expandable-faq-variation.enum-6934c367.js';
14
+ import './footer-card-variation.enum-cc732148.js';
14
15
  import './form-checkbox-variation.enum-83e906fc.js';
15
- import './form-file-upload-variation.enum-9c49ec5e.js';
16
- import './form-input-type.enum-3da3db27.js';
17
- import './form-input-variation.enum-64d9450f.js';
16
+ import './form-validation-message-variation.enum-f7835fc5.js';
18
17
  import './form-radiogroup-validation.enum-d790fc66.js';
19
18
  import './form-select-variation.enum-f2f6098d.js';
20
19
  import './form-textarea-variation.enum-05017e8e.js';
21
- import './form-validation-message-variation.enum-bcef8a9d.js';
22
20
  import './info-card-multi-type.enum-07ee124f.js';
23
21
  import './info-card-variation.enum-2ccc52c1.js';
22
+ import './layout-container-max-width.enum-c40018ac.js';
24
23
  import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
25
24
  import './layout-columns-variation.enum-34f7754e.js';
26
25
  import './link-button-variation.enum-84d4976f.js';
27
26
  import './list-type.enum-fbb331ad.js';
28
27
  import './loader-skeleton-variation.enum-f9f867b4.js';
29
28
  import './loader-spinner-size.enum-0b246fa0.js';
29
+ import './logo-color.enum-8593dca6.js';
30
30
  import './media-figure-alignment.enum-a1d36567.js';
31
31
  import './navigation-sidebar-variation.enum-8fead764.js';
32
32
  import './navigation-vertical-menu-variation.enum-c30b0ea9.js';