@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
@@ -1,177 +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 logger_util = require('./logger.util-fdafc086.js');
8
- const navigationVerticalMenuVariation_enum = require('./navigation-vertical-menu-variation.enum-c237edd3.js');
9
-
10
- const navigationVerticalMenuCss = ".sc-digi-navigation-vertical-menu-h{--digi--navigation-vertical-menu--background:transparent;--digi--navigation-vertical-menu--item--border-top:solid var(--digi--border-width--primary) var(--digi--color--divider--secondary)}.sc-digi-navigation-vertical-menu-h .digi-navigation-vertical-menu.sc-digi-navigation-vertical-menu{display:block;background:var(--digi--navigation-vertical-menu--background)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root{--subnav-indicator--left:var(--digi--padding--medium);--subnav-indicator--width:1px;--subnav-indicator--width--l:4px;--subnav-indicator--width--xl:6px;--subnav-indicator--background-color:var(--digi--color--divider--secondary);--subnav-indicator--background-color--default:var(--digi--color--divider--secondary);--subnav-indicator--background-color--current:var(--digi--color--marking--navigation--level-active)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root ul,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root li{list-style:none;padding:0;margin:0}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li:not(:first-child){border-top:var(--digi--navigation-vertical-menu--item--border-top)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li ul digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-size:var(--digi--typography--tag--font-size--desktop)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary>.digi-navigation-vertical-menu__item--active{padding-bottom:var(--digi--padding--small)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level{--subnav-indicator--background-color:var(--subnav-indicator--background-color--current)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level ul{--subnav-indicator--background-color:var(--subnav-indicator--background-color--default)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:4px}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul::before{content:\"\";display:inline-block;position:absolute;top:0;bottom:0;z-index:1;left:var(--subnav-indicator--left);width:var(--subnav-indicator--width);background-color:var(--subnav-indicator--background-color)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(--digi--padding--medium)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul{--subnav-indicator--left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary.digi-navigation-vertical-menu__item--current-level::before,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level::before{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active::before{content:\"\";display:inline-block;position:absolute;top:0;bottom:0;width:var(--subnav-indicator--width);background-color:var(--digi--color--background--pop-out);z-index:1}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active{background-color:var(--digi--color--background--pop-out)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active>ul>li>digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--primary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--primary)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__button:first-child .digi-navigation-vertical-menu-item__text::after,.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link:first-child .digi-navigation-vertical-menu-item__text::after{display:inline-flex;position:relative;align-items:center;justify-content:center;overflow:hidden;content:\"\";width:0.625rem;height:0.625rem;border-radius:0.625rem;line-height:1;transform:translateY(-5px);margin-left:var(--digi--padding--smaller);background:var(--digi--color--background--pop-out)}";
11
- const DigiNavigationVerticalMenuStyle0 = navigationVerticalMenuCss;
12
-
13
- const NavigationVerticalMenu = class {
14
- constructor(hostRef) {
15
- index.registerInstance(this, hostRef);
16
- this.afOnReady = index.createEvent(this, "afOnReady", 3);
17
- this.listItems = [];
18
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-vertical-menu');
19
- this.afVariation = navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation.PRIMARY;
20
- this.afActiveIndicatorSize = navigationVerticalMenuVariation_enum.NavigationVerticalMenuActiveIndicatorSize.PRIMARY;
21
- this.afAriaLabel = undefined;
22
- }
23
- linkClickHandler(e) {
24
- this.setCurrentActiveLevel(e.target);
25
- this.setClasses(e.target);
26
- }
27
- setClasses(el) {
28
- const activeDeepClass = 'digi-navigation-vertical-menu__item--deep-active';
29
- const activeClass = 'digi-navigation-vertical-menu__item--active';
30
- const navList = this.hostElement.querySelector('.digi-navigation-vertical-menu__list');
31
- const activeNavItems = Array.from(navList.children).filter((item) => item.classList.contains(activeClass));
32
- activeNavItems.forEach((listItem) => {
33
- listItem.classList.add(activeDeepClass);
34
- setClassRecursive(listItem);
35
- });
36
- function setClassRecursive(listItem) {
37
- const arr = Array.from(listItem.children).filter((item) => item.tagName === 'UL');
38
- const list = arr[0];
39
- const activeListItems = Array.from(list.children).filter((item) => item.classList.contains(activeClass));
40
- if (activeListItems.length == 0) {
41
- removeClassRecursive(list);
42
- return;
43
- }
44
- activeListItems.forEach((item) => {
45
- item.classList.add(activeDeepClass);
46
- setClassRecursive(item);
47
- });
48
- }
49
- function removeClassRecursive(item, deepElement = true) {
50
- const parentEl = item.closest('li');
51
- if (!parentEl) {
52
- return;
53
- }
54
- if (!deepElement) {
55
- parentEl.classList.remove(activeDeepClass);
56
- }
57
- const deepParent = parentEl.closest('ul');
58
- if (!deepParent) {
59
- return;
60
- }
61
- removeClassRecursive(deepParent, false);
62
- }
63
- const removeUnselected = this.hostElement.querySelectorAll(`.${activeDeepClass}:not(.${activeClass})`);
64
- removeUnselected.forEach((item) => {
65
- item.classList.remove(activeDeepClass);
66
- });
67
- if (!el.matches('.digi-navigation-vertical-menu-item--has-subnav')) {
68
- removeClassRecursive(el);
69
- }
70
- }
71
- componentWillLoad() {
72
- this.getListItems();
73
- this.initNav();
74
- this.setLevelClass();
75
- }
76
- componentDidLoad() {
77
- this.initCurrentActiveLevel();
78
- this.afOnReady.emit();
79
- }
80
- componentWillUpdate() {
81
- this.getListItems();
82
- this.initNav();
83
- this.setLevelClass();
84
- }
85
- initCurrentActiveLevel() {
86
- let elActiveSubnav = this.hostElement.querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');
87
- if (elActiveSubnav) {
88
- const getDeep = (elActiveSubnav) => {
89
- const deepEl = elActiveSubnav
90
- .closest('li')
91
- .querySelector('ul')
92
- .querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');
93
- return deepEl ? deepEl : null;
94
- };
95
- const checkRecursive = (deepEl) => {
96
- const elToCheck = getDeep(deepEl);
97
- if (elToCheck) {
98
- elActiveSubnav = elToCheck;
99
- checkRecursive(elToCheck);
100
- }
101
- else {
102
- elActiveSubnav = deepEl;
103
- }
104
- };
105
- checkRecursive(elActiveSubnav);
106
- this.setCurrentActiveLevel(elActiveSubnav);
107
- }
108
- }
109
- setCurrentActiveLevel(targetElement) {
110
- const currentLevelClass = 'digi-navigation-vertical-menu__item--current-level';
111
- const target = targetElement;
112
- const oldTarget = this.hostElement.querySelectorAll('.digi-navigation-vertical-menu__item--current-level');
113
- oldTarget.forEach((el) => {
114
- el.classList.remove(currentLevelClass);
115
- });
116
- let subnav = target.closest('li').querySelector('ul');
117
- if (target.matches('.digi-navigation-vertical-menu-item--has-subnav')) {
118
- subnav = target.closest('ul');
119
- subnav.classList.add(currentLevelClass);
120
- return;
121
- }
122
- if (subnav) {
123
- subnav.classList.add(currentLevelClass);
124
- }
125
- else {
126
- subnav = target.closest('ul');
127
- subnav.classList.add(currentLevelClass);
128
- }
129
- }
130
- setLevelClass() {
131
- this.hostElement
132
- .querySelector('ul')
133
- .classList.remove('primary', 'secondary');
134
- this.hostElement
135
- .querySelector('ul')
136
- .classList.add('digi-navigation-vertical-menu__list--root', this.afVariation);
137
- }
138
- initNav() {
139
- const $ul = this.hostElement.querySelectorAll('ul');
140
- const $li = this.hostElement.querySelectorAll('li');
141
- $ul.forEach((item) => item.classList.add('digi-navigation-vertical-menu__list'));
142
- $li.forEach((item) => item.classList.add('digi-navigation-vertical-menu__item'));
143
- }
144
- async afMSetCurrentActiveLevel(e) {
145
- this.setCurrentActiveLevel(e);
146
- this.initNav();
147
- this.setClasses(e);
148
- }
149
- getListItems() {
150
- const menuItems = this.hostElement.children;
151
- if (!menuItems || menuItems.length <= 0) {
152
- logger_util.logger.warn(`The slot contains no children elements.`, this.hostElement);
153
- return;
154
- }
155
- this.listItems = [...Array.from(menuItems)].map((filter) => {
156
- return {
157
- outerHTML: filter.outerHTML
158
- };
159
- });
160
- }
161
- get cssModifiers() {
162
- return {
163
- 'digi-navigation-vertical-menu': false,
164
- 'digi-navigation-vertical-menu--primary': this.afVariation === navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation.PRIMARY,
165
- 'digi-navigation-vertical-menu--secondary': this.afVariation === navigationVerticalMenuVariation_enum.NavigationVerticalMenuVariation.SECONDARY,
166
- 'digi-navigation-vertical-menu--indicator--secondary': this.afActiveIndicatorSize ===
167
- navigationVerticalMenuVariation_enum.NavigationVerticalMenuActiveIndicatorSize.SECONDARY
168
- };
169
- }
170
- render() {
171
- return (index.h("nav", { key: '09adacd9e3d3b39226148431bd8ac025f3b6d5d4', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, index.h("slot", { key: '87c7454dfb753c4df6b0c8aa5a41633ad3463ca4' })));
172
- }
173
- get hostElement() { return index.getElement(this); }
174
- };
175
- NavigationVerticalMenu.style = DigiNavigationVerticalMenuStyle0;
176
-
177
- exports.digi_navigation_vertical_menu = NavigationVerticalMenu;
@@ -1,18 +0,0 @@
1
- 'use strict';
2
-
3
- exports.FormRadiobuttonLayout = void 0;
4
- (function (FormRadiobuttonLayout) {
5
- FormRadiobuttonLayout["INLINE"] = "inline";
6
- FormRadiobuttonLayout["BLOCK"] = "block";
7
- })(exports.FormRadiobuttonLayout || (exports.FormRadiobuttonLayout = {}));
8
-
9
- exports.FormRadiobuttonValidation = void 0;
10
- (function (FormRadiobuttonValidation) {
11
- FormRadiobuttonValidation["ERROR"] = "error";
12
- })(exports.FormRadiobuttonValidation || (exports.FormRadiobuttonValidation = {}));
13
-
14
- exports.FormRadiobuttonVariation = void 0;
15
- (function (FormRadiobuttonVariation) {
16
- FormRadiobuttonVariation["PRIMARY"] = "primary";
17
- FormRadiobuttonVariation["SECONDARY"] = "secondary";
18
- })(exports.FormRadiobuttonVariation || (exports.FormRadiobuttonVariation = {}));
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- exports.NavigationVerticalMenuActiveIndicatorSize = void 0;
4
- (function (NavigationVerticalMenuActiveIndicatorSize) {
5
- NavigationVerticalMenuActiveIndicatorSize["PRIMARY"] = "primary";
6
- NavigationVerticalMenuActiveIndicatorSize["SECONDARY"] = "secondary";
7
- })(exports.NavigationVerticalMenuActiveIndicatorSize || (exports.NavigationVerticalMenuActiveIndicatorSize = {}));
8
-
9
- exports.NavigationVerticalMenuVariation = void 0;
10
- (function (NavigationVerticalMenuVariation) {
11
- NavigationVerticalMenuVariation["PRIMARY"] = "primary";
12
- NavigationVerticalMenuVariation["SECONDARY"] = "secondary";
13
- })(exports.NavigationVerticalMenuVariation || (exports.NavigationVerticalMenuVariation = {}));
@@ -1 +0,0 @@
1
- import{r as i,h as o,c as r,g as t}from"./p-52e3bb32.js";import{r as d}from"./p-ffe5c0e8.js";import{b as e,F as a,a as n}from"./p-06625463.js";const s=class{constructor(o){i(this,o),this.afLegend=void 0,this.afName=void 0,this.afForm=void 0,this.afId=d("digi-form-fieldset")}render(){return o("fieldset",{key:"9c28717f7316cb72cca157a6042e3cc7c7c9a82d",class:"digi-form-fieldset",name:this.afName,form:this.afForm,id:this.afId},this.afLegend&&o("legend",{key:"151f99611f8bdeb2431bd834bd2f934ac370824d",class:"digi-form-fieldset__legend"},this.afLegend),o("slot",{key:"10b0fe0ee00e839ad7b63375ad7fae5b632d16f8"}))}};s.style=".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}";const g=class{constructor(o){i(this,o),this.afOnChange=r(this,"afOnChange",7),this.afOnBlur=r(this,"afOnBlur",7),this.afOnFocus=r(this,"afOnFocus",7),this.afOnFocusout=r(this,"afOnFocusout",7),this.afOnInput=r(this,"afOnInput",7),this.afOnDirty=r(this,"afOnDirty",7),this.afOnTouched=r(this,"afOnTouched",7),this.afOnReady=r(this,"afOnReady",3),this.dirty=!1,this.touched=!1,this.afLabel=void 0,this.afVariation=e.PRIMARY,this.afLayout=a.INLINE,this.afName=void 0,this.afId=d("digi-form-radiobutton"),this.afRequired=void 0,this.value=void 0,this.afValue=void 0,this.checked=void 0,this.afChecked=void 0,this.afValidation=void 0,this.afAriaLabelledby=void 0,this.afAriaDescribedby=void 0,this.afAutofocus=void 0}onValueChanged(i){this.afChecked=i===this.afValue}onCheckedChanged(i){this.afChecked=i}onAfCheckedChanged(i){this.checked=i}async afMGetFormControlElement(){return this._input}componentDidLoad(){this.afOnReady.emit()}get cssModifiers(){return{"digi-form-radiobutton--error":this.afValidation===n.ERROR,"digi-form-radiobutton--primary":this.afVariation===e.PRIMARY,"digi-form-radiobutton--secondary":this.afVariation===e.SECONDARY,[`digi-form-radiobutton--layout-${this.afLayout}`]:!!this.afLayout}}blurHandler(i){this.touched||(this.afOnTouched.emit(i),this.touched=!0),this.afOnBlur.emit(i)}changeHandler(i){this.afOnChange.emit(i)}focusHandler(i){this.afOnFocus.emit(i)}focusoutHandler(i){this.afOnFocusout.emit(i)}inputHandler(i){this.dirty||(this.afOnDirty.emit(i),this.dirty=!0),this.afOnInput.emit(i)}render(){return o("div",{key:"e5b58328f81f539bcd0f2410480c90d4fe2547d1",class:Object.assign({"digi-form-radiobutton":!0},this.cssModifiers)},o("input",{key:"9f6dd197ee8f16b6dfe4e08f69f412b99e584cef",class:"digi-form-radiobutton__input",ref:i=>this._input=i,onInput:i=>this.inputHandler(i),onBlur:i=>this.blurHandler(i),onChange:i=>this.changeHandler(i),onFocus:i=>this.focusHandler(i),onFocusout:i=>this.focusoutHandler(i),"aria-describedby":this.afAriaDescribedby,"aria-labelledby":this.afAriaLabelledby,"aria-invalid":this.afValidation===n.ERROR?"true":"false",required:this.afRequired,id:this.afId,name:this.afName,type:"radio",checked:this.afChecked,value:this.afValue,autofocus:this.afAutofocus?this.afAutofocus:null}),o("label",{key:"2d396707508d44fe0996dbe1137e6df0299553c4",htmlFor:this.afId,class:"digi-form-radiobutton__label"},o("span",{key:"74bb9dd19541639ec225b764a157d0ffbfe4a63c",class:"digi-form-radiobutton__circle"}),this.afLabel))}get hostElement(){return t(this)}static get watchers(){return{value:["onValueChanged"],checked:["onCheckedChanged"],afChecked:["onAfCheckedChanged"]}}};g.style='.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)}';export{s as digi_form_fieldset,g as digi_form_radiobutton}
@@ -1 +0,0 @@
1
- var n,r,a;!function(n){n.INLINE="inline",n.BLOCK="block"}(n||(n={})),function(n){n.ERROR="error"}(r||(r={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(a||(a={}));export{n as F,r as a,a as b}
@@ -1 +0,0 @@
1
- var n,s,a,h,i,o,c,t,r,u,f,e,l,d,m,g,y,p,w,b,j,x,v,k,q,B,C,D,E,F,H,I,L,N;!function(n){n.NUMBER="number",n.WORD="word"}(n||(n={})),function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.NEUTRAL="neutral"}(s||(s={})),function(n){n.JSON="json",n.CSS="css",n.SCSS="scss",n.TYPESCRIPT="typescript",n.JAVASCRIPT="javascript",n.BASH="bash",n.HTML="html",n.GIT="git",n.JSX="jsx",n.TSX="tsx"}(a||(a={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(h||(h={})),function(n){n.SMALL="small",n.MEDIUM="medium",n.LARGE="large"}(i||(i={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(o||(o={})),function(n){n.NONE="none",n.ICON="icon",n.BORDER="border"}(c||(c={})),function(n){n.LARGE="large",n.SMALL="small"}(t||(t={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(r||(r={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(u||(u={})),function(n){n.CENTER="center",n.START="start"}(f||(f={})),function(n){n.FULLWIDTH="fullwidth",n.GRID="grid"}(e||(e={})),function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.NEUTRAL="neutral"}(l||(l={})),function(n){n.DEFAULT="none",n.WIDTH_1200="1200",n.WIDTH_1400="1400"}(d||(d={})),function(n){n.MOBILE="mobile",n.ONE_ROW="one-row",n.TWO_ROWS="two-rows"}(m||(m={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(g||(g={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(y||(y={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(p||(p={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(w||(w={})),function(n){n.STATIC="static",n.FLUID="fluid",n.NONE="none"}(b||(b={})),function(n){n.STATIC="static",n.FLUID="fluid",n.NONE="none"}(j||(j={})),function(n){n.WIDTH_1200="1200",n.WIDTH_1400="1400"}(x||(x={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(v||(v={})),function(n){n.SMALL="small",n.LARGE="large"}(k||(k={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(q||(q={})),function(n){n.LARGE="large",n.MEDIUM="medium",n.SMALL="small"}(B||(B={})),function(n){n.INFO="info",n.SUCCESS="success",n.WARNING="warning",n.DANGER="danger"}(C||(C={})),function(n){n.UNAUTHORIZED="401",n.FORBIDDEN="403",n.NOT_FOUND="404",n.GONE="410",n.INTERNAL_SERVER_ERRROR="500",n.SERVICE_UNAVAILABLE="503",n.GATEWAY_TIMEOUT="504",n.BLOCKED="blocked"}(D||(D={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(E||(E={})),function(n){n.FULLWIDTH="fullwidth",n.GRID="grid"}(F||(F={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(H||(H={})),function(n){n.H1="h1",n.H2="h2",n.H3="h3",n.H4="h4",n.H5="h5",n.H6="h6"}(I||(I={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(L||(L={})),function(n){n.SMALL="small",n.LARGE="large"}(N||(N={}));export{n as B,s as C,h as D,D as E,c as F,d as H,g as I,b as L,q as N,m as T,a,i as b,o as c,t as d,r as e,u as f,f as g,e as h,l as i,y as j,p as k,w as l,j as m,x as n,v as o,k as p,B as q,C as r,E as s,F as t,H as u,I as v,L as w,N as x}
@@ -1 +0,0 @@
1
- import{r as i,c as a,h as t,g as n}from"./p-52e3bb32.js";import{r as e}from"./p-ffe5c0e8.js";import{l as r}from"./p-e3d2e899.js";import{a as g,N as l}from"./p-3b20ec86.js";const d=class{constructor(t){i(this,t),this.afOnReady=a(this,"afOnReady",3),this.listItems=[],this.afId=e("digi-navigation-vertical-menu"),this.afVariation=g.PRIMARY,this.afActiveIndicatorSize=l.PRIMARY,this.afAriaLabel=void 0}linkClickHandler(i){this.setCurrentActiveLevel(i.target),this.setClasses(i.target)}setClasses(i){const a="digi-navigation-vertical-menu__item--deep-active",t="digi-navigation-vertical-menu__item--active",n=this.hostElement.querySelector(".digi-navigation-vertical-menu__list");function e(i){const n=Array.from(i.children).filter((i=>"UL"===i.tagName))[0],g=Array.from(n.children).filter((i=>i.classList.contains(t)));0!=g.length?g.forEach((i=>{i.classList.add(a),e(i)})):r(n)}function r(i,t=!0){const n=i.closest("li");if(!n)return;t||n.classList.remove(a);const e=n.closest("ul");e&&r(e,!1)}Array.from(n.children).filter((i=>i.classList.contains(t))).forEach((i=>{i.classList.add(a),e(i)})),this.hostElement.querySelectorAll(`.${a}:not(.${t})`).forEach((i=>{i.classList.remove(a)})),i.matches(".digi-navigation-vertical-menu-item--has-subnav")||r(i)}componentWillLoad(){this.getListItems(),this.initNav(),this.setLevelClass()}componentDidLoad(){this.initCurrentActiveLevel(),this.afOnReady.emit()}componentWillUpdate(){this.getListItems(),this.initNav(),this.setLevelClass()}initCurrentActiveLevel(){let i=this.hostElement.querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');if(i){const a=i=>i.closest("li").querySelector("ul").querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]')||null,t=n=>{const e=a(n);e?(i=e,t(e)):i=n};t(i),this.setCurrentActiveLevel(i)}}setCurrentActiveLevel(i){const a="digi-navigation-vertical-menu__item--current-level",t=i;this.hostElement.querySelectorAll(".digi-navigation-vertical-menu__item--current-level").forEach((i=>{i.classList.remove(a)}));let n=t.closest("li").querySelector("ul");if(t.matches(".digi-navigation-vertical-menu-item--has-subnav"))return n=t.closest("ul"),void n.classList.add(a);n||(n=t.closest("ul")),n.classList.add(a)}setLevelClass(){this.hostElement.querySelector("ul").classList.remove("primary","secondary"),this.hostElement.querySelector("ul").classList.add("digi-navigation-vertical-menu__list--root",this.afVariation)}initNav(){const i=this.hostElement.querySelectorAll("ul"),a=this.hostElement.querySelectorAll("li");i.forEach((i=>i.classList.add("digi-navigation-vertical-menu__list"))),a.forEach((i=>i.classList.add("digi-navigation-vertical-menu__item")))}async afMSetCurrentActiveLevel(i){this.setCurrentActiveLevel(i),this.initNav(),this.setClasses(i)}getListItems(){const i=this.hostElement.children;!i||i.length<=0?r.warn("The slot contains no children elements.",this.hostElement):this.listItems=[...Array.from(i)].map((i=>({outerHTML:i.outerHTML})))}get cssModifiers(){return{"digi-navigation-vertical-menu":!1,"digi-navigation-vertical-menu--primary":this.afVariation===g.PRIMARY,"digi-navigation-vertical-menu--secondary":this.afVariation===g.SECONDARY,"digi-navigation-vertical-menu--indicator--secondary":this.afActiveIndicatorSize===l.SECONDARY}}render(){return t("nav",{key:"09adacd9e3d3b39226148431bd8ac025f3b6d5d4",class:Object.assign({"digi-navigation-vertical-menu":!0},this.cssModifiers),id:this.afId,"aria-label":this.afAriaLabel},t("slot",{key:"87c7454dfb753c4df6b0c8aa5a41633ad3463ca4"}))}get hostElement(){return n(this)}};d.style='.sc-digi-navigation-vertical-menu-h{--digi--navigation-vertical-menu--background:transparent;--digi--navigation-vertical-menu--item--border-top:solid var(--digi--border-width--primary) var(--digi--color--divider--secondary)}.sc-digi-navigation-vertical-menu-h .digi-navigation-vertical-menu.sc-digi-navigation-vertical-menu{display:block;background:var(--digi--navigation-vertical-menu--background)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root{--subnav-indicator--left:var(--digi--padding--medium);--subnav-indicator--width:1px;--subnav-indicator--width--l:4px;--subnav-indicator--width--xl:6px;--subnav-indicator--background-color:var(--digi--color--divider--secondary);--subnav-indicator--background-color--default:var(--digi--color--divider--secondary);--subnav-indicator--background-color--current:var(--digi--color--marking--navigation--level-active)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root ul,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root li{list-style:none;padding:0;margin:0}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li:not(:first-child){border-top:var(--digi--navigation-vertical-menu--item--border-top)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li ul digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-size:var(--digi--typography--tag--font-size--desktop)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary>.digi-navigation-vertical-menu__item--active{padding-bottom:var(--digi--padding--small)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level{--subnav-indicator--background-color:var(--subnav-indicator--background-color--current)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level ul{--subnav-indicator--background-color:var(--subnav-indicator--background-color--default)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:4px}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;z-index:1;left:var(--subnav-indicator--left);width:var(--subnav-indicator--width);background-color:var(--subnav-indicator--background-color)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(--digi--padding--medium)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul{--subnav-indicator--left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul{--subnav-indicator--left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary.digi-navigation-vertical-menu__item--current-level::before,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level::before{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;width:var(--subnav-indicator--width);background-color:var(--digi--color--background--pop-out);z-index:1}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active{background-color:var(--digi--color--background--pop-out)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active>ul>li>digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--primary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--primary)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest))}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2))}.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__button:first-child .digi-navigation-vertical-menu-item__text::after,.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link:first-child .digi-navigation-vertical-menu-item__text::after{display:inline-flex;position:relative;align-items:center;justify-content:center;overflow:hidden;content:"";width:0.625rem;height:0.625rem;border-radius:0.625rem;line-height:1;transform:translateY(-5px);margin-left:var(--digi--padding--smaller);background:var(--digi--color--background--pop-out)}';export{d as digi_navigation_vertical_menu}
@@ -1 +0,0 @@
1
- var a,r;!function(a){a.PRIMARY="primary",a.SECONDARY="secondary"}(a||(a={})),function(a){a.PRIMARY="primary",a.SECONDARY="secondary"}(r||(r={}));export{a as N,r as a}
@@ -1 +0,0 @@
1
- import{r as i,h as t}from"./p-52e3bb32.js";import{r as c}from"./p-ffe5c0e8.js";const s=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=c("icontitle")}render(){return t("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?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&t("title",{key:"047e1f072e32a8ff127fd348360896ec40b9ca45",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"2bf5112ca0dc1f6b2277beced4d9e76c484a48e1"},this.afDesc),t("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"}))}};s.style=".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)}";const e=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=c("icontitle")}render(){return t("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?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&t("title",{key:"3cb67defae09e9fdf28aa5272237b42e05d1139c",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"7820f81f821aa310abdcc02e5c1eabffa37f933a"},this.afDesc),t("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"}))}};e.style=".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)}";export{s as digi_icon_minus,e as digi_icon_plus}
@@ -1 +0,0 @@
1
- import{r as i,c as e,h as t,H as n,g as a}from"./p-52e3bb32.js";const r=class{constructor(t){i(this,t),this.afOnClick=e(this,"afOnClick",7),this.afHref=void 0,this.afDescribedby=void 0,this.afAriaLabel=void 0,this.afTarget=void 0,this.hideVisitedColor=void 0}clickLinkHandler(i){i.stopImmediatePropagation(),this.afOnClick.emit(i.detail)}get cssModifiers(){return{"digi-link--hide-visited":this.hideVisitedColor}}render(){return t(n,{key:"7c83153c4cf7cc44dd94147b0273d9c7676d0cc4"},t("digi-link",{key:"3ffadbbc69084b08ea1163f3074e06f3f17dff87",class:Object.assign({"digi-link-external":!0},this.cssModifiers),afHref:this.afHref,onAfOnClick:i=>this.clickLinkHandler(i),afTarget:this.afTarget,afDescribedby:this.afDescribedby,afAriaLabel:this.afAriaLabel},t("digi-icon-external-link-alt",{key:"a20638dc4efe3e59069b0f13e0da22573583d8f2",class:"digi-link-external__icon","aria-hidden":"true",slot:"icon"}),t("slot",{key:"9df2ac7285c79817e99592464284d00d10748e55"})))}get hostElement(){return a(this)}};r.style=".sc-digi-link-external-h{--digi--link-external--gap:var(--digi--gutter--medium);--digi--link-external--color--default:var(--digi--color--text--interactive--primary);--digi--link-external--color--hover:var(--digi--color--text--interactive--primary);--digi--link-external--color--visited:var(--digi--color--text--interactive--visited);--digi--link-external--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-external--font-family:var(--digi--global--typography--font-family--default);--digi--link-external--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-external--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration-thickness:0.156em;--digi--link-external--text-underline-offset:3px}.sc-digi-link-external-h .digi-link-external.sc-digi-link-external{--digi--link--gap:var(--digi--link-external--gap);--digi--link--color--default:var(--digi--link-external--color--default);--digi--link--color--hover:var(--digi--link-external--color--hover);--digi--link--color--visited:var(--digi--link-external--color--visited);--digi--link--font-size:var(--digi--link-external--font-size);--digi--link--font-family:var(--digi--link-external--font-family);--digi--link--font-weight:var(--digi--link-external--font-weight);--digi--link--text-decoration--default:var(--digi--link-external--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-external--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-external--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-external--text-decoration--icon--hover)}";export{r as digi_link_external}