@designsystem-se/af 35.3.0 → 35.3.1

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 (115) hide show
  1. package/components/digi-header-navigation.js +1 -1
  2. package/components/digi-header.js +2 -2
  3. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  4. package/dist/cjs/{digi-button_31.cjs.entry.js → digi-button_24.cjs.entry.js} +332 -331
  5. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +3 -3
  6. package/dist/cjs/digi-code-block_3.cjs.entry.js +212 -0
  7. package/dist/cjs/digi-dialog.cjs.entry.js +3 -3
  8. package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
  9. package/dist/cjs/digi-footer.cjs.entry.js +72 -0
  10. package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -3
  11. package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -3
  12. package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -3
  13. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
  14. package/dist/cjs/digi-icon-copy.cjs.entry.js +30 -0
  15. package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
  16. package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
  17. package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
  18. package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
  19. package/dist/cjs/digi-link.cjs.entry.js +75 -0
  20. package/dist/cjs/digi-logo.cjs.entry.js +69 -0
  21. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +3 -3
  22. package/dist/cjs/digi-notification-alert.cjs.entry.js +3 -3
  23. package/dist/cjs/digi-notification-error-page.cjs.entry.js +3 -3
  24. package/dist/cjs/digi-tools-feedback.cjs.entry.js +3 -3
  25. package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
  26. package/dist/cjs/index-7a477838.js +44 -20
  27. package/dist/cjs/index.cjs.js +43 -43
  28. package/dist/cjs/loader.cjs.js +1 -1
  29. package/dist/cjs/logo-variation.enum-607fadb4.js +13 -0
  30. package/dist/cjs/{typography-variation.enum-6a934f5b.js → typography-variation.enum-9f56fd50.js} +28 -18
  31. package/dist/collection/components/_header/header/header.css +0 -33
  32. package/dist/collection/components/_header/header/header.js +1 -1
  33. package/dist/collection/components/_header/header-navigation/header-navigation.css +0 -22
  34. package/dist/collection/design-tokens/components/_header-navigation.variables.scss +0 -1
  35. package/dist/digi-arbetsformedlingen/design-tokens/components/_header-navigation.variables.scss +0 -1
  36. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  37. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  38. package/dist/digi-arbetsformedlingen/p-01f5f243.entry.js +1 -0
  39. package/dist/digi-arbetsformedlingen/{p-1f652ce3.entry.js → p-092d0e3e.entry.js} +1 -1
  40. package/dist/digi-arbetsformedlingen/{p-06dfdd79.entry.js → p-0d35dc92.entry.js} +1 -1
  41. package/dist/digi-arbetsformedlingen/p-1fcbbf5f.entry.js +1 -0
  42. package/dist/digi-arbetsformedlingen/p-290d1746.js +1 -0
  43. package/dist/digi-arbetsformedlingen/p-2c7d4ecf.entry.js +1 -0
  44. package/dist/digi-arbetsformedlingen/p-54a797ed.entry.js +1 -0
  45. package/dist/digi-arbetsformedlingen/{p-c2c18fb9.entry.js → p-5c7acd45.entry.js} +1 -1
  46. package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +1 -0
  47. package/dist/digi-arbetsformedlingen/{p-35fddf68.entry.js → p-6559910e.entry.js} +1 -1
  48. package/dist/digi-arbetsformedlingen/p-815a97f1.entry.js +1 -0
  49. package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +1 -0
  50. package/dist/digi-arbetsformedlingen/p-a5c6e42e.entry.js +1 -0
  51. package/dist/digi-arbetsformedlingen/p-b21e9c0a.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-bd6e0b22.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-c1606b8a.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/p-c30a3366.entry.js +1 -0
  55. package/dist/digi-arbetsformedlingen/p-cd770cb4.entry.js +1 -0
  56. package/dist/digi-arbetsformedlingen/p-d2d0856f.js +1 -0
  57. package/dist/digi-arbetsformedlingen/p-db7c2105.entry.js +1 -0
  58. package/dist/digi-arbetsformedlingen/{p-9e3f861e.entry.js → p-e0db40e9.entry.js} +1 -1
  59. package/dist/digi-arbetsformedlingen/{p-5abcf3e3.entry.js → p-e2330d9c.entry.js} +1 -1
  60. package/dist/digi-arbetsformedlingen/{p-5f6a49c0.entry.js → p-e54f5b28.entry.js} +1 -1
  61. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
  62. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  63. package/dist/esm/{digi-button_31.entry.js → digi-button_24.entry.js} +330 -322
  64. package/dist/esm/digi-calendar-datepicker.entry.js +3 -3
  65. package/dist/esm/digi-code-block_3.entry.js +206 -0
  66. package/dist/esm/digi-dialog.entry.js +3 -3
  67. package/dist/esm/digi-footer-card.entry.js +25 -0
  68. package/dist/esm/digi-footer.entry.js +68 -0
  69. package/dist/esm/digi-form-error-list.entry.js +3 -3
  70. package/dist/esm/digi-form-receipt.entry.js +3 -3
  71. package/dist/esm/digi-form-select-filter.entry.js +3 -3
  72. package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
  73. package/dist/esm/digi-icon-copy.entry.js +26 -0
  74. package/dist/esm/digi-icon-envelope.entry.js +26 -0
  75. package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
  76. package/dist/esm/digi-icon-globe.entry.js +26 -0
  77. package/dist/esm/digi-icon-sign.entry.js +26 -0
  78. package/dist/esm/digi-link.entry.js +71 -0
  79. package/dist/esm/digi-logo.entry.js +65 -0
  80. package/dist/esm/digi-navigation-pagination.entry.js +3 -3
  81. package/dist/esm/digi-notification-alert.entry.js +3 -3
  82. package/dist/esm/digi-notification-error-page.entry.js +3 -3
  83. package/dist/esm/digi-tools-feedback.entry.js +3 -3
  84. package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
  85. package/dist/esm/index-148a7577.js +44 -20
  86. package/dist/esm/index.js +3 -3
  87. package/dist/esm/loader.js +1 -1
  88. package/dist/esm/logo-variation.enum-5b68b79f.js +13 -0
  89. package/dist/esm/{typography-variation.enum-5150a9b3.js → typography-variation.enum-8ba40d15.js} +28 -18
  90. package/hydrate/index.js +3 -3
  91. package/hydrate/index.mjs +3 -3
  92. package/package.json +1 -1
  93. package/dist/cjs/digi-form-fieldset_2.cjs.entry.js +0 -122
  94. package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
  95. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
  96. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
  97. package/dist/cjs/form-radiobutton-variation.enum-d085f2f8.js +0 -18
  98. package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
  99. package/dist/digi-arbetsformedlingen/p-01044fca.entry.js +0 -1
  100. package/dist/digi-arbetsformedlingen/p-06625463.js +0 -1
  101. package/dist/digi-arbetsformedlingen/p-183230b4.js +0 -1
  102. package/dist/digi-arbetsformedlingen/p-31763750.entry.js +0 -1
  103. package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
  104. package/dist/digi-arbetsformedlingen/p-43662434.entry.js +0 -1
  105. package/dist/digi-arbetsformedlingen/p-450f8f55.entry.js +0 -1
  106. package/dist/digi-arbetsformedlingen/p-4ee11ca2.entry.js +0 -1
  107. package/dist/digi-arbetsformedlingen/p-684d8a71.entry.js +0 -1
  108. package/dist/digi-arbetsformedlingen/p-71bd1a56.entry.js +0 -1
  109. package/dist/digi-arbetsformedlingen/p-ba185d40.entry.js +0 -1
  110. package/dist/esm/digi-form-fieldset_2.entry.js +0 -117
  111. package/dist/esm/digi-icon-minus_2.entry.js +0 -48
  112. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
  113. package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
  114. package/dist/esm/form-radiobutton-variation.enum-64c6038b.js +0 -18
  115. package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
@@ -49,13 +49,6 @@ var DialogVariation;
49
49
  DialogVariation["SECONDARY"] = "secondary";
50
50
  })(DialogVariation || (DialogVariation = {}));
51
51
 
52
- var FooterCardVariation;
53
- (function (FooterCardVariation) {
54
- FooterCardVariation["NONE"] = "none";
55
- FooterCardVariation["ICON"] = "icon";
56
- FooterCardVariation["BORDER"] = "border";
57
- })(FooterCardVariation || (FooterCardVariation = {}));
58
-
59
52
  var FooterVariation;
60
53
  (function (FooterVariation) {
61
54
  FooterVariation["LARGE"] = "large";
@@ -72,6 +65,23 @@ var FormErrorListHeadingLevel;
72
65
  FormErrorListHeadingLevel["H6"] = "h6";
73
66
  })(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
74
67
 
68
+ var FormRadiobuttonLayout;
69
+ (function (FormRadiobuttonLayout) {
70
+ FormRadiobuttonLayout["INLINE"] = "inline";
71
+ FormRadiobuttonLayout["BLOCK"] = "block";
72
+ })(FormRadiobuttonLayout || (FormRadiobuttonLayout = {}));
73
+
74
+ var FormRadiobuttonValidation;
75
+ (function (FormRadiobuttonValidation) {
76
+ FormRadiobuttonValidation["ERROR"] = "error";
77
+ })(FormRadiobuttonValidation || (FormRadiobuttonValidation = {}));
78
+
79
+ var FormRadiobuttonVariation;
80
+ (function (FormRadiobuttonVariation) {
81
+ FormRadiobuttonVariation["PRIMARY"] = "primary";
82
+ FormRadiobuttonVariation["SECONDARY"] = "secondary";
83
+ })(FormRadiobuttonVariation || (FormRadiobuttonVariation = {}));
84
+
75
85
  var FormReceiptHeadingLevel;
76
86
  (function (FormReceiptHeadingLevel) {
77
87
  FormReceiptHeadingLevel["H1"] = "h1";
@@ -172,17 +182,17 @@ var LayoutContainerMaxWidth;
172
182
  LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
173
183
  })(LayoutContainerMaxWidth || (LayoutContainerMaxWidth = {}));
174
184
 
175
- var LogoColor;
176
- (function (LogoColor) {
177
- LogoColor["PRIMARY"] = "primary";
178
- LogoColor["SECONDARY"] = "secondary";
179
- })(LogoColor || (LogoColor = {}));
185
+ var NavigationVerticalMenuActiveIndicatorSize;
186
+ (function (NavigationVerticalMenuActiveIndicatorSize) {
187
+ NavigationVerticalMenuActiveIndicatorSize["PRIMARY"] = "primary";
188
+ NavigationVerticalMenuActiveIndicatorSize["SECONDARY"] = "secondary";
189
+ })(NavigationVerticalMenuActiveIndicatorSize || (NavigationVerticalMenuActiveIndicatorSize = {}));
180
190
 
181
- var LogoVariation;
182
- (function (LogoVariation) {
183
- LogoVariation["SMALL"] = "small";
184
- LogoVariation["LARGE"] = "large";
185
- })(LogoVariation || (LogoVariation = {}));
191
+ var NavigationVerticalMenuVariation;
192
+ (function (NavigationVerticalMenuVariation) {
193
+ NavigationVerticalMenuVariation["PRIMARY"] = "primary";
194
+ NavigationVerticalMenuVariation["SECONDARY"] = "secondary";
195
+ })(NavigationVerticalMenuVariation || (NavigationVerticalMenuVariation = {}));
186
196
 
187
197
  var NotificationAlertHeadingLevel;
188
198
  (function (NotificationAlertHeadingLevel) {
@@ -265,4 +275,4 @@ var TypographyVariation;
265
275
  TypographyVariation["LARGE"] = "large";
266
276
  })(TypographyVariation || (TypographyVariation = {}));
267
277
 
268
- export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterCardVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NotificationAlertHeadingLevel as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FooterVariation as d, FormErrorListHeadingLevel as e, FormReceiptHeadingLevel as f, FormReceiptType as g, FormReceiptVariation as h, FormSelectFilterValidation as i, InfoCardMultiHeadingLevel as j, InfoCardMultiVariation as k, InfoCardHeadingLevel as l, LayoutContainerVariation as m, LayoutContainerMaxWidth as n, LogoColor as o, LogoVariation as p, NotificationAlertSize as q, NotificationAlertVariation as r, ToolsFeedbackHeadingLevel as s, ToolsFeedbackType as t, FeedbackVariation as u, TypographyHeadingJumboLevel as v, TypographyHeadingJumboVariation as w, TypographyVariation as x };
278
+ export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NavigationVerticalMenuActiveIndicatorSize as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormRadiobuttonLayout as e, FormRadiobuttonValidation as f, FormRadiobuttonVariation as g, FormReceiptHeadingLevel as h, FormReceiptType as i, FormReceiptVariation as j, FormSelectFilterValidation as k, InfoCardMultiHeadingLevel as l, InfoCardMultiVariation as m, InfoCardHeadingLevel as n, LayoutContainerVariation as o, LayoutContainerMaxWidth as p, NavigationVerticalMenuVariation as q, NotificationAlertHeadingLevel as r, NotificationAlertSize as s, NotificationAlertVariation as t, ToolsFeedbackHeadingLevel as u, ToolsFeedbackType as v, FeedbackVariation as w, TypographyHeadingJumboLevel as x, TypographyHeadingJumboVariation as y, TypographyVariation as z };
package/hydrate/index.js CHANGED
@@ -23414,7 +23414,7 @@ class FormValidationMessage {
23414
23414
  }; }
23415
23415
  }
23416
23416
 
23417
- const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header--af-centered .sc-digi-header-s>[slot=header-logo]{padding-left:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}@media (min-width: 47.9375rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--large);--digi--header--padding-right:var(--digi--global--spacing--large)}}@media (min-width: 48rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-2);--digi--header--padding-right:var(--digi--global--spacing--largest-2)}}@media (min-width: 61.9375rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--base);--digi--header--padding-right:var(--digi--global--spacing--base)}}@media (min-width: 75rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-3-5);--digi--header--padding-right:var(--digi--global--spacing--largest-3-5)}}@media (min-width: 87.5rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-5);--digi--header--padding-right:var(--digi--global--spacing--largest-5)}}";
23417
+ const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
23418
23418
  var DigiHeaderStyle0 = headerCss;
23419
23419
 
23420
23420
  /**
@@ -23501,7 +23501,7 @@ class Header {
23501
23501
  }
23502
23502
  }
23503
23503
  renderContent() {
23504
- return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText })))));
23504
+ return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
23505
23505
  }
23506
23506
  render() {
23507
23507
  return (hAsync("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, hAsync("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), hAsync("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (hAsync("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), hAsync("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), hAsync("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
@@ -23527,7 +23527,7 @@ class Header {
23527
23527
  }; }
23528
23528
  }
23529
23529
 
23530
- const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);--digi--header-navigation--horizontal-padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color);padding:0 var(--digi--header-navigation--horizontal-padding)}@media (min-width: 47.9375rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--smallest-2)}}@media (min-width: 61.9375rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:0}}@media (min-width: 75rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--small)}}@media (min-width: 87.5rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--largest-2)}}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
23530
+ const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
23531
23531
  var DigiHeaderNavigationStyle0 = headerNavigationCss;
23532
23532
 
23533
23533
  /**
package/hydrate/index.mjs CHANGED
@@ -23410,7 +23410,7 @@ class FormValidationMessage {
23410
23410
  }; }
23411
23411
  }
23412
23412
 
23413
- const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header--af-centered .sc-digi-header-s>[slot=header-logo]{padding-left:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}@media (min-width: 47.9375rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--large);--digi--header--padding-right:var(--digi--global--spacing--large)}}@media (min-width: 48rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-2);--digi--header--padding-right:var(--digi--global--spacing--largest-2)}}@media (min-width: 61.9375rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--base);--digi--header--padding-right:var(--digi--global--spacing--base)}}@media (min-width: 75rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-3-5);--digi--header--padding-right:var(--digi--global--spacing--largest-3-5)}}@media (min-width: 87.5rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-5);--digi--header--padding-right:var(--digi--global--spacing--largest-5)}}";
23413
+ const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
23414
23414
  var DigiHeaderStyle0 = headerCss;
23415
23415
 
23416
23416
  /**
@@ -23497,7 +23497,7 @@ class Header {
23497
23497
  }
23498
23498
  }
23499
23499
  renderContent() {
23500
- return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText })))));
23500
+ return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
23501
23501
  }
23502
23502
  render() {
23503
23503
  return (hAsync("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, hAsync("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), hAsync("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (hAsync("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), hAsync("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), hAsync("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
@@ -23523,7 +23523,7 @@ class Header {
23523
23523
  }; }
23524
23524
  }
23525
23525
 
23526
- const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);--digi--header-navigation--horizontal-padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color);padding:0 var(--digi--header-navigation--horizontal-padding)}@media (min-width: 47.9375rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--smallest-2)}}@media (min-width: 61.9375rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:0}}@media (min-width: 75rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--small)}}@media (min-width: 87.5rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--largest-2)}}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
23526
+ const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
23527
23527
  var DigiHeaderNavigationStyle0 = headerNavigationCss;
23528
23528
 
23529
23529
  /**
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designsystem-se/af",
3
3
  "author": "Arbetsförmedlingen",
4
- "version": "35.3.0",
4
+ "version": "35.3.1",
5
5
  "description": "Web Components for Digi Designsystem",
6
6
  "license": "Apache-2.0",
7
7
  "main": "./dist/index.cjs.js",
@@ -1,122 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
- const formRadiobuttonVariation_enum = require('./form-radiobutton-variation.enum-d085f2f8.js');
8
-
9
- const formFieldsetCss = ".sc-digi-form-fieldset-h{--digi--form-fieldset--padding:0;--digi--form-fieldset--border:none;--digi--form-fieldset--legend--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--form-fieldset--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-fieldset--legend--font-size:var(--digi--typography--description--font-size--desktop);--digi--form-fieldset--legend--color:var(--digi--color--text--primary);--digi--form-fieldset--legend--margin:var(--digi--margin--h2-large)}.sc-digi-form-fieldset-h .digi-form-fieldset.sc-digi-form-fieldset{margin:0px;padding:var(--digi--form-fieldset--padding);border:var(--digi--form-fieldset--border)}.sc-digi-form-fieldset-h .digi-form-fieldset__legend.sc-digi-form-fieldset{font-weight:var(--digi--form-fieldset--legend--font-weight);font-family:var(--digi--form-fieldset--legend--font-family);font-size:var(--digi--form-fieldset--legend--font-size);color:var(--digi--form-fieldset--legend--color);margin-block-end:var(--digi--form-fieldset--legend--margin);padding:0px}";
10
- const DigiFormFieldsetStyle0 = formFieldsetCss;
11
-
12
- const FormFieldset = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- this.afLegend = undefined;
16
- this.afName = undefined;
17
- this.afForm = undefined;
18
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-fieldset');
19
- }
20
- render() {
21
- return (index.h("fieldset", { key: '9c28717f7316cb72cca157a6042e3cc7c7c9a82d', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: '151f99611f8bdeb2431bd834bd2f934ac370824d', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: '10b0fe0ee00e839ad7b63375ad7fae5b632d16f8' })));
22
- }
23
- };
24
- FormFieldset.style = DigiFormFieldsetStyle0;
25
-
26
- const formRadiobuttonCss = ".sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--digi--form-radiobutton--size:1.25rem;--digi--form-radiobutton--marker--size:calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);--digi--form-radiobutton--height:var(--digi--input-height--large);--digi--form-radiobutton--border-radius:var(--digi--border-radius--primary);--digi--form-radiobutton--padding:var(--digi--gutter--icon);--digi--form-radiobutton--padding--block:var(--digi--gutter--small);--digi--form-radiobutton--padding--inline:var(--digi--gutter--icon)}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;margin-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:\"\";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}";
27
- const DigiFormRadiobuttonStyle0 = formRadiobuttonCss;
28
-
29
- const FormRadiobutton = class {
30
- constructor(hostRef) {
31
- index.registerInstance(this, hostRef);
32
- this.afOnChange = index.createEvent(this, "afOnChange", 7);
33
- this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
34
- this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
35
- this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
36
- this.afOnInput = index.createEvent(this, "afOnInput", 7);
37
- this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
38
- this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
39
- this.afOnReady = index.createEvent(this, "afOnReady", 3);
40
- this.dirty = false;
41
- this.touched = false;
42
- this.afLabel = undefined;
43
- this.afVariation = formRadiobuttonVariation_enum.FormRadiobuttonVariation.PRIMARY;
44
- this.afLayout = formRadiobuttonVariation_enum.FormRadiobuttonLayout.INLINE;
45
- this.afName = undefined;
46
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-radiobutton');
47
- this.afRequired = undefined;
48
- this.value = undefined;
49
- this.afValue = undefined;
50
- this.checked = undefined;
51
- this.afChecked = undefined;
52
- this.afValidation = undefined;
53
- this.afAriaLabelledby = undefined;
54
- this.afAriaDescribedby = undefined;
55
- this.afAutofocus = undefined;
56
- }
57
- onValueChanged(newValue) {
58
- this.afChecked = newValue === this.afValue;
59
- }
60
- onCheckedChanged(checked) {
61
- this.afChecked = checked;
62
- }
63
- onAfCheckedChanged(checked) {
64
- this.checked = checked;
65
- }
66
- /**
67
- * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
68
- * @en Returns a reference to the input element. Handy for setting focus programmatically.
69
- */
70
- async afMGetFormControlElement() {
71
- return this._input;
72
- }
73
- componentDidLoad() {
74
- this.afOnReady.emit();
75
- }
76
- get cssModifiers() {
77
- return {
78
- 'digi-form-radiobutton--error': this.afValidation === formRadiobuttonVariation_enum.FormRadiobuttonValidation.ERROR,
79
- 'digi-form-radiobutton--primary': this.afVariation === formRadiobuttonVariation_enum.FormRadiobuttonVariation.PRIMARY,
80
- 'digi-form-radiobutton--secondary': this.afVariation === formRadiobuttonVariation_enum.FormRadiobuttonVariation.SECONDARY,
81
- [`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
82
- };
83
- }
84
- blurHandler(e) {
85
- if (!this.touched) {
86
- this.afOnTouched.emit(e);
87
- this.touched = true;
88
- }
89
- this.afOnBlur.emit(e);
90
- }
91
- changeHandler(e) {
92
- this.afOnChange.emit(e);
93
- }
94
- focusHandler(e) {
95
- this.afOnFocus.emit(e);
96
- }
97
- focusoutHandler(e) {
98
- this.afOnFocusout.emit(e);
99
- }
100
- inputHandler(e) {
101
- if (!this.dirty) {
102
- this.afOnDirty.emit(e);
103
- this.dirty = true;
104
- }
105
- this.afOnInput.emit(e);
106
- }
107
- render() {
108
- return (index.h("div", { key: 'e5b58328f81f539bcd0f2410480c90d4fe2547d1', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '9f6dd197ee8f16b6dfe4e08f69f412b99e584cef', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === formRadiobuttonVariation_enum.FormRadiobuttonValidation.ERROR
109
- ? 'true'
110
- : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '2d396707508d44fe0996dbe1137e6df0299553c4', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '74bb9dd19541639ec225b764a157d0ffbfe4a63c', class: "digi-form-radiobutton__circle" }), this.afLabel)));
111
- }
112
- get hostElement() { return index.getElement(this); }
113
- static get watchers() { return {
114
- "value": ["onValueChanged"],
115
- "checked": ["onCheckedChanged"],
116
- "afChecked": ["onAfCheckedChanged"]
117
- }; }
118
- };
119
- FormRadiobutton.style = DigiFormRadiobuttonStyle0;
120
-
121
- exports.digi_form_fieldset = FormFieldset;
122
- exports.digi_form_radiobutton = FormRadiobutton;
@@ -1,53 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
-
8
- const iconMinusCss = ".sc-digi-icon-minus-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-minus-h svg.sc-digi-icon-minus{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
9
- const DigiIconMinusStyle0 = iconMinusCss;
10
-
11
- const IconMinus = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afTitle = undefined;
15
- this.afDesc = undefined;
16
- this.afSvgAriaHidden = true;
17
- this.afSvgAriaLabelledby = undefined;
18
- this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
19
- }
20
- render() {
21
- return (index.h("svg", { key: '16bcc71cfe986f9a11017261c24ec4bd2667fe59', class: "digi-icon-minus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
22
- ? this.afSvgAriaLabelledby
23
- : this.afTitle
24
- ? this.titleId
25
- : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '047e1f072e32a8ff127fd348360896ec40b9ca45', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2bf5112ca0dc1f6b2277beced4d9e76c484a48e1' }, this.afDesc), index.h("path", { key: '006ee074160f1513300129da5a8b17ce447835fb', class: "digi-icon-minus__shape", d: "M21.2,13c0,0.7-0.5,1.2-1.2,1.2H2c-0.7,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2H20C20.7,11.8,21.2,12.4,21.2,13z", fill: "currentColor", "fill-rule": "nonzero" })));
26
- }
27
- };
28
- IconMinus.style = DigiIconMinusStyle0;
29
-
30
- const iconPlusCss = ".sc-digi-icon-plus-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-plus-h svg.sc-digi-icon-plus{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
31
- const DigiIconPlusStyle0 = iconPlusCss;
32
-
33
- const IconPlus = class {
34
- constructor(hostRef) {
35
- index.registerInstance(this, hostRef);
36
- this.afTitle = undefined;
37
- this.afDesc = undefined;
38
- this.afSvgAriaHidden = true;
39
- this.afSvgAriaLabelledby = undefined;
40
- this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
41
- }
42
- render() {
43
- return (index.h("svg", { key: '245e229f5cec7671f37f5500cfb7212ebced6d61', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
44
- ? this.afSvgAriaLabelledby
45
- : this.afTitle
46
- ? this.titleId
47
- : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '3cb67defae09e9fdf28aa5272237b42e05d1139c', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '7820f81f821aa310abdcc02e5c1eabffa37f933a' }, this.afDesc), index.h("path", { key: '5596c5b4ca49f77d18d638c65c3f656492d1d15f', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
48
- }
49
- };
50
- IconPlus.style = DigiIconPlusStyle0;
51
-
52
- exports.digi_icon_minus = IconMinus;
53
- exports.digi_icon_plus = IconPlus;
@@ -1,150 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
-
8
- const navigationVerticalMenuItemCss = ".sc-digi-navigation-vertical-menu-item-h{--digi--navigation-vertical-menu-item--toggle-icon--character:\"+\";--digi--navigation-vertical-menu-item--toggle-icon--character--active:\"-\";--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--toggle-icon--color--hover:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--toggle-icon--color--active:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--interactive--default--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--hover:var(--digi--color--background--interactive--hover--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--interactive--selected--on-menu-minus-button);--digi--navigation-vertical-menu-item--toggle-icon--size:var(--digi--typography--tag--font-size--desktop);--digi--navigation-vertical-menu-item--toggle-icon--width:1.5rem;--digi--navigation-vertical-menu-item--toggle-icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--margin:0 var(--digi--margin--smaller) 0 0;--digi--navigation-vertical-menu-item--icon--wrapper--width:1.5rem;--digi--navigation-vertical-menu-item--icon--color:var(--digi--color--divider--secondary);--digi--navigation-vertical-menu-item--icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--width:1.5rem;--digi--navigation-vertical-menu-item--active-indicator-background-color:var(--digi--color--marking--navigation--selected);--digi--navigation-vertical-menu-item--active-indicator-width:4px;--digi--navigation-vertical-menu-item--active-indicator-left:0;--digi--navigation-vertical-menu-item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-vertical-menu-item--font-size:var(--digi--global--typography--font-size--base);--digi--navigation-vertical-menu-item--font-weight:var(--digi--global--typography--font-weight--regular);--digi--navigation-vertical-menu-item--font-weight--active:var(--digi--global--typography--font-weight--bold);--digi--navigation-vertical-menu-item--background:transparent;--digi--navigation-vertical-menu-item--background--hover:transparent;--digi--navigation-vertical-menu-item--background--active:var(--digi--color--background--interactive--default--pop-out);--digi--navigation-vertical-menu-item--color:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--color--hover:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--color--active:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--border--width:var(--digi--border-width--primary);--digi--navigation-vertical-menu-item--border--color:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium);--digi--navigation-vertical-menu-item--padding--toggle:var(--digi--padding--small) 0;--digi--navigation-vertical-menu-item--width:100%;--digi--navigation-vertical-menu-item--divider--margin:var(--digi--margin--small) var(--digi--margin--medium);--digi--navigation-vertical-menu-item--divider--border:solid var(--digi--border-width--primary) var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--outline:initial;--digi--navigation-vertical-menu-item--outline--focus:solid 2px var(--digi--color--border--interactive--default--primary--light);--digi--navigation-vertical-menu-item--outline--focus--offset:-2px}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{display:block}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item[hidden].sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{margin-right:unset}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{justify-content:flex-start;overflow-wrap:normal}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__badge.sc-digi-navigation-vertical-menu-item{margin-left:11px;font-weight:initial}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner.sc-digi-navigation-vertical-menu-item{position:relative}@supports (display: grid){.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner--combined.sc-digi-navigation-vertical-menu-item{display:grid;grid-auto-flow:column;grid-gap:0;grid-template-columns:1fr auto;align-items:stretch}}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__collapse--hidden.sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item{width:var(--digi--navigation-vertical-menu-item--icon--wrapper--width);margin:var(--digi--navigation-vertical-menu-item--icon--margin)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item{margin-right:auto}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item{font-family:var(--digi--navigation-vertical-menu-item--font-family);font-weight:var(--digi--navigation-vertical-menu-item--font-weight);font-size:var(--digi--navigation-vertical-menu-item--font-size);background:var(--digi--navigation-vertical-menu-item--background);color:var(--digi--navigation-vertical-menu-item--color);border:none;padding:var(--digi--navigation-vertical-menu-item--padding);outline:var(--digi--navigation-vertical-menu-item--outline);width:var(--digi--navigation-vertical-menu-item--width);text-align:left;display:flex;justify-content:space-between;box-sizing:border-box;text-decoration:none;overflow-wrap:anywhere}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item{pointer-events:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{cursor:pointer}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{text-decoration:underline;--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--hover);--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:var(--digi--navigation-vertical-menu-item--outline--focus);outline-offset:var(--digi--navigation-vertical-menu-item--outline--focus--offset)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active);--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active)}.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:var(--digi--navigation-vertical-menu-item--active-indicator-left);top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--active)}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:0;top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--toggle.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium));display:flex;align-items:stretch;justify-content:center;padding:var(--digi--navigation-vertical-menu-item--padding--toggle)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item{padding-right:0}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium))}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--active);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{position:relative;display:flex;justify-content:center;color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-plus.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-minus.sc-digi-navigation-vertical-menu-item{--digi--icon--width:var(--digi--navigation-vertical-menu-item--toggle-icon--size);--digi--icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item::before{content:\"\";display:flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height);border-radius:var(--digi--navigation-vertical-menu-item--toggle-icon--width);background:var(--digi--navigation-vertical-menu-item--toggle-icon--background)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item>span.sc-digi-navigation-vertical-menu-item{display:inline-flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__divider.sc-digi-navigation-vertical-menu-item{margin:var(--digi--navigation-vertical-menu-item--divider--margin);border:none;border-top:var(--digi--navigation-vertical-menu-item--divider--border)}.digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item-s>[slot^=icon],.digi-navigation-vertical-menu-item__icon .sc-digi-navigation-vertical-menu-item-s>[slot^=icon]{--digi--icon--color:var(--digi--navigation-vertical-menu-item--icon--color);--digi--icon--width:var(--digi--navigation-vertical-menu-item--icon--width);--digi--icon--height:var(--digi--navigation-vertical-menu-item--icon--height)}";
9
- const DigiNavigationVerticalMenuItemStyle0 = navigationVerticalMenuItemCss;
10
-
11
- const NavigationVerticalMenuItem = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afOnClick = index.createEvent(this, "afOnClick", 7);
15
- this.hasSubnav = false;
16
- this.hasIcon = false;
17
- this.hasBadge = false;
18
- this.isActive = undefined;
19
- this.activeSubnav = undefined;
20
- this.listItems = [];
21
- this.afText = undefined;
22
- this.afHref = undefined;
23
- this.afAriaCurrent = undefined;
24
- this.afActiveSubnav = undefined;
25
- this.afActive = false;
26
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-vertical-menu-item');
27
- this.afOverrideLink = false;
28
- this.afHasSubnav = false;
29
- this.afLang = 'sv';
30
- }
31
- componentWillLoad() {
32
- this.activeSubnav = this.afActiveSubnav;
33
- }
34
- componentDidLoad() {
35
- this.setSubnav();
36
- this.setHasIcon();
37
- this.setHasBadge();
38
- this.setHasSubnav();
39
- this.setIsActive();
40
- }
41
- componentWillUpdate() {
42
- this.setSubnav();
43
- this.setHasIcon();
44
- this.setHasBadge();
45
- this.setHasSubnav();
46
- }
47
- setHasSubnav() {
48
- var _a, _b;
49
- this.hasSubnav = this.activeSubnav !== undefined;
50
- if (this.hasSubnav) {
51
- if (this.$subnav) {
52
- this.$subnav.hidden = !this.activeSubnav;
53
- }
54
- this.activeSubnav
55
- ? (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.classList.add('digi-navigation-vertical-menu__item--active')
56
- : (_b = this.$parent) === null || _b === void 0 ? void 0 : _b.classList.remove('digi-navigation-vertical-menu__item--active');
57
- }
58
- }
59
- onAfActiveSubnavChanged(newValue) {
60
- this.activeSubnav = newValue;
61
- this.setHasSubnav();
62
- }
63
- setIsActive() {
64
- this.isActive = this.afActive;
65
- this.isActive
66
- ? this.hostElement.parentElement.classList.add('active')
67
- : this.hostElement.parentElement.classList.remove('active');
68
- }
69
- setSubnav() {
70
- if (this.hasSubnav) {
71
- this.$subnav = this.hostElement.parentElement.querySelector('ul');
72
- this.$parent = this.hostElement.parentElement;
73
- // Check if UL-element exist or is rendered later dynamically
74
- if (this.$subnav) {
75
- this.$subnav.setAttribute('id', `${this.afId}-collapse-menu`);
76
- }
77
- }
78
- }
79
- setHasIcon() {
80
- const icon = !!this.hostElement.querySelector('[slot="icon"]');
81
- this.hasIcon = icon;
82
- }
83
- setHasBadge() {
84
- const badge = !!this.hostElement.querySelector('[slot="badge"]');
85
- this.hasBadge = badge;
86
- }
87
- clickHandler(e) {
88
- const el = e.target;
89
- if (el.tagName.toLowerCase() === 'a') {
90
- if (this.afOverrideLink) {
91
- e.preventDefault();
92
- }
93
- if (el.classList.contains('digi-navigation-vertical-menu-item__has-subnav')) {
94
- this.activeSubnav = true;
95
- }
96
- }
97
- else {
98
- this.activeSubnav = !this.activeSubnav;
99
- }
100
- this.afOnClick.emit(e);
101
- }
102
- get toggleButtonText() {
103
- return this.activeSubnav ? 'Stäng meny' : 'Öppna meny';
104
- }
105
- get cssModifiers() {
106
- return {
107
- 'digi-navigation-vertical-menu-item': true,
108
- 'digi-navigation-vertical-menu-item--active': this.isActive,
109
- 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav,
110
- 'digi-navigation-vertical-menu-item--icon': this.hasIcon,
111
- 'digi-navigation-vertical-menu-item--badge': this.hasBadge
112
- };
113
- }
114
- get toggleIcon() {
115
- if (this.activeSubnav) {
116
- return index.h("digi-icon-minus", null);
117
- }
118
- else {
119
- return index.h("digi-icon-plus", null);
120
- }
121
- }
122
- render() {
123
- return (index.h("host", { key: 'b466ce9111a5e0dac19daf8903a753c78eb5a0a0', class: {
124
- 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
125
- 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
126
- } }, index.h("div", { key: '55ecf36a90033235cfa8f4394773e868549ae78a', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '788d539b5b090a9af9d6f8667ad1d8d6136af245', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: 'd5c04026c5c25445b8cae01c0a0809839bc7b03b', id: `${this.afId}-link`, href: this.afHref, class: {
127
- 'digi-navigation-vertical-menu-item__link': true,
128
- 'digi-navigation-vertical-menu-item__has-subnav': true,
129
- 'digi-navigation-vertical-menu-item__link--active': this.isActive,
130
- 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
131
- }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '8f5f0e788d6441ed9c945603ae135ba35f95e556', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '63bd8733d523416d8fdea6498d7af8d8ad5c2737', name: "icon" })), index.h("span", { key: '47a4175a5a6d9ceb79c494f1fb696b5e73b50ff2', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'a99a1a1b19bb755809f68b10ed3e3ed57c6990ed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '24a3bc5e91bd52454c7d3bac518c95b541748097', name: "badge" }))), index.h("button", { key: 'e77f10a770377161f2a1eaab942331acf8664c0c', type: "button", id: `${this.afId}-toggle-button`, class: {
132
- 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
133
- 'digi-navigation-vertical-menu-item__button--active': this.isActive
134
- }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: 'ba7281a9f65c7775bb4c80b8c60f41518a6e2506', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'd9bffd289a04e26e0f18b03ec337081f754da342', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: '4f705d7bf6fcda106628ca60aac33b7a1d6a5c32', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: '60951bd35331a6d121ad4dea6c1bbdf1c6fe18aa', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: '7475bc63e5282040083ea78ed6c69b16eed03c48', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '0e8c0ad4839f3386e293ff0b56d6fcf8218ef4ca', name: "icon" })), index.h("span", { key: '09a30d103f70fcaf1c2d2733371bfd80a3e89cb3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '2b4df3150e64e6a26abb802e6a3edc40b3925a32', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'bbf167346ad3aaa9475be0af73cef02bc1488f4a', name: "badge" })), index.h("span", { key: 'ee3545bd40e6770dcb0b11b8a4b19b47f6abcc60', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'e1b81b7a54def3cc7b69c4461370444cb8a42f1e' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: 'f42c85f453bf38d14f21d99f9ef4ccc82cd14c43', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: 'f3db75b42c7f9c59b97287efdc5a7b9e25bdddb1', id: `${this.afId}-link`, href: this.afHref, class: {
135
- 'digi-navigation-vertical-menu-item__link': true,
136
- 'digi-navigation-vertical-menu-item__link--active': this.isActive
137
- }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'a11026077ffb74925488f1e84a00ea35fa2708c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '498b31c99a2064a5f5861a776ac4591e9e8fe868', name: "icon" })), index.h("span", { key: '551fc9b44157817dd60d1a0d65bea2d4f505ff8d', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '98b9083a6c9a5970883771cb111504cfc0adc36a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'f4ecb70745f7102ac6f6d0a1921349a9d7efdfbf', name: "badge" })))), this.isActive && (index.h("a", { key: '59e0478351aaa62f1b7988d4ba623a295b325f35', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
138
- 'digi-navigation-vertical-menu-item__link': true,
139
- 'digi-navigation-vertical-menu-item__link--active': this.isActive
140
- }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'dfd18536c7e5b0acaf4dcc23e2734841efee94d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '9c478aed7b2b39d04e196d29c74d3ddb39d5feb6', name: "icon" })), index.h("span", { key: '1e9f35bde837c753b65c85d83e3226e8e61c7bcf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '663279bcdd5959c795124b015086ea85d2706847', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '492b55cedb0248ef16b2e41e55bcd41a4e22c600', name: "badge" })))))))));
141
- }
142
- get hostElement() { return index.getElement(this); }
143
- static get watchers() { return {
144
- "afActiveSubnav": ["setHasSubnav", "onAfActiveSubnavChanged"],
145
- "afActive": ["setIsActive"]
146
- }; }
147
- };
148
- NavigationVerticalMenuItem.style = DigiNavigationVerticalMenuItemStyle0;
149
-
150
- exports.digi_navigation_vertical_menu_item = NavigationVerticalMenuItem;