@designsystem-se/af 38.2.0 → 38.2.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/components/digi-form-select-filter.js +84 -47
  2. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  3. package/dist/cjs/digi-button_11.cjs.entry.js +1194 -0
  4. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +7 -7
  5. package/dist/cjs/digi-code-block_3.cjs.entry.js +6 -6
  6. package/dist/cjs/digi-dialog.cjs.entry.js +6 -6
  7. package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
  8. package/dist/cjs/digi-footer.cjs.entry.js +74 -0
  9. package/dist/cjs/digi-form-error-list.cjs.entry.js +6 -6
  10. package/dist/cjs/digi-form-file-upload.cjs.entry.js +9 -10
  11. package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -7
  12. package/dist/cjs/digi-form-receipt.cjs.entry.js +6 -6
  13. package/dist/cjs/digi-header-avatar.cjs.entry.js +114 -0
  14. package/dist/cjs/digi-header-navigation-item.cjs.entry.js +27 -0
  15. package/dist/cjs/digi-header-navigation.cjs.entry.js +228 -0
  16. package/dist/cjs/digi-header-notification.cjs.entry.js +23 -0
  17. package/dist/cjs/digi-header.cjs.entry.js +115 -0
  18. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
  19. package/dist/cjs/digi-icon-bars.cjs.entry.js +30 -0
  20. package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +30 -0
  21. package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
  22. package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
  23. package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
  24. package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
  25. package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
  26. package/dist/cjs/digi-layout-block_2.cjs.entry.js +92 -0
  27. package/dist/cjs/digi-link.cjs.entry.js +75 -0
  28. package/dist/cjs/digi-logo.cjs.entry.js +49 -0
  29. package/dist/cjs/digi-media-image_2.cjs.entry.js +167 -0
  30. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +6 -6
  31. package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +30 -0
  32. package/dist/cjs/digi-notification-alert.cjs.entry.js +6 -6
  33. package/dist/cjs/digi-notification-error-page.cjs.entry.js +6 -6
  34. package/dist/cjs/digi-title-logo.cjs.entry.js +133 -0
  35. package/dist/cjs/digi-tools-feedback.cjs.entry.js +6 -6
  36. package/dist/cjs/digi-typography.cjs.entry.js +26 -0
  37. package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +48 -0
  38. package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
  39. package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
  40. package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
  41. package/dist/cjs/index-7a477838.js +84 -20
  42. package/dist/cjs/index.cjs.js +73 -73
  43. package/dist/cjs/layout-container-max-width.enum-7e637f44.js +21 -0
  44. package/dist/cjs/loader.cjs.js +1 -1
  45. package/dist/cjs/logo-color.enum-76f6c506.js +7 -0
  46. package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-9aab5027.js} +28 -33
  47. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
  48. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +2 -0
  49. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  50. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  51. package/dist/digi-arbetsformedlingen/{p-8833044b.entry.js → p-02731621.entry.js} +1 -1
  52. package/dist/digi-arbetsformedlingen/p-0ef5ec06.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-10261517.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/{p-97f66789.entry.js → p-25371300.entry.js} +1 -1
  55. package/dist/digi-arbetsformedlingen/p-2c685e4f.entry.js +1 -0
  56. package/dist/digi-arbetsformedlingen/p-300aa9ef.js +1 -0
  57. package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
  58. package/dist/digi-arbetsformedlingen/p-3efa2f0b.entry.js +1 -0
  59. package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +1 -0
  60. package/dist/digi-arbetsformedlingen/p-4e9f2f05.entry.js +1 -0
  61. package/dist/digi-arbetsformedlingen/{p-ddd659bf.entry.js → p-655cda00.entry.js} +1 -1
  62. package/dist/digi-arbetsformedlingen/p-6abd8d58.entry.js +1 -0
  63. package/dist/digi-arbetsformedlingen/p-7e77bbe7.entry.js +1 -0
  64. package/dist/digi-arbetsformedlingen/p-7e85c9e3.entry.js +1 -0
  65. package/dist/digi-arbetsformedlingen/p-8713df13.entry.js +1 -0
  66. package/dist/digi-arbetsformedlingen/p-8d9f4f10.entry.js +1 -0
  67. package/dist/digi-arbetsformedlingen/p-8ef41ad9.entry.js +1 -0
  68. package/dist/digi-arbetsformedlingen/{p-18880083.entry.js → p-986a1582.entry.js} +1 -1
  69. package/dist/digi-arbetsformedlingen/p-9dd41cc4.js +1 -0
  70. package/dist/digi-arbetsformedlingen/p-a0c77dff.entry.js +1 -0
  71. package/dist/digi-arbetsformedlingen/p-a2008b0a.entry.js +1 -0
  72. package/dist/digi-arbetsformedlingen/{p-e5bd5a7e.entry.js → p-b3283953.entry.js} +1 -1
  73. package/dist/digi-arbetsformedlingen/p-beba49c2.entry.js +1 -0
  74. package/dist/digi-arbetsformedlingen/p-bf80a488.entry.js +1 -0
  75. package/dist/digi-arbetsformedlingen/{p-a186888d.entry.js → p-c3e0f6dd.entry.js} +1 -1
  76. package/dist/digi-arbetsformedlingen/p-c553b73b.entry.js +1 -0
  77. package/dist/digi-arbetsformedlingen/p-c604694f.entry.js +1 -0
  78. package/dist/digi-arbetsformedlingen/{p-7f155bd5.entry.js → p-c604a480.entry.js} +1 -1
  79. package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
  80. package/dist/digi-arbetsformedlingen/p-c7a512ee.entry.js +1 -0
  81. package/dist/digi-arbetsformedlingen/p-c7d079d0.entry.js +1 -0
  82. package/dist/digi-arbetsformedlingen/p-c9dfda73.js +1 -0
  83. package/dist/digi-arbetsformedlingen/p-d6d7b1d8.entry.js +1 -0
  84. package/dist/digi-arbetsformedlingen/p-db246e29.entry.js +1 -0
  85. package/dist/digi-arbetsformedlingen/{p-39468f49.entry.js → p-de22ce43.entry.js} +1 -1
  86. package/dist/digi-arbetsformedlingen/p-ecc2e481.entry.js +1 -0
  87. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
  88. package/dist/digi-arbetsformedlingen/p-f2e16531.entry.js +1 -0
  89. package/dist/digi-arbetsformedlingen/p-f5bcd77b.entry.js +1 -0
  90. package/dist/digi-arbetsformedlingen/p-f87c0b45.entry.js +1 -0
  91. package/dist/digi-arbetsformedlingen/p-fa77fcf7.entry.js +1 -0
  92. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  93. package/dist/esm/digi-button_11.entry.js +1180 -0
  94. package/dist/esm/digi-calendar-datepicker.entry.js +6 -6
  95. package/dist/esm/digi-code-block_3.entry.js +6 -6
  96. package/dist/esm/digi-dialog.entry.js +6 -6
  97. package/dist/esm/digi-footer-card.entry.js +25 -0
  98. package/dist/esm/digi-footer.entry.js +70 -0
  99. package/dist/esm/digi-form-error-list.entry.js +6 -6
  100. package/dist/esm/digi-form-file-upload.entry.js +1 -2
  101. package/dist/esm/digi-form-input-search.entry.js +1 -2
  102. package/dist/esm/digi-form-receipt.entry.js +6 -6
  103. package/dist/esm/digi-header-avatar.entry.js +110 -0
  104. package/dist/esm/digi-header-navigation-item.entry.js +23 -0
  105. package/dist/esm/digi-header-navigation.entry.js +224 -0
  106. package/dist/esm/digi-header-notification.entry.js +19 -0
  107. package/dist/esm/digi-header.entry.js +111 -0
  108. package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
  109. package/dist/esm/digi-icon-bars.entry.js +26 -0
  110. package/dist/esm/digi-icon-bell-filled.entry.js +26 -0
  111. package/dist/esm/digi-icon-envelope.entry.js +26 -0
  112. package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
  113. package/dist/esm/digi-icon-globe.entry.js +26 -0
  114. package/dist/esm/digi-icon-sign.entry.js +26 -0
  115. package/dist/esm/digi-icon-x.entry.js +26 -0
  116. package/dist/esm/digi-layout-block_2.entry.js +87 -0
  117. package/dist/esm/digi-link.entry.js +71 -0
  118. package/dist/esm/digi-logo.entry.js +45 -0
  119. package/dist/esm/digi-media-image_2.entry.js +162 -0
  120. package/dist/esm/digi-navigation-pagination.entry.js +6 -6
  121. package/dist/esm/digi-navigation-sidebar-button.entry.js +26 -0
  122. package/dist/esm/digi-notification-alert.entry.js +6 -6
  123. package/dist/esm/digi-notification-error-page.entry.js +6 -6
  124. package/dist/esm/digi-title-logo.entry.js +129 -0
  125. package/dist/esm/digi-tools-feedback.entry.js +6 -6
  126. package/dist/esm/digi-typography.entry.js +22 -0
  127. package/dist/esm/digi-util-breakpoint-observer.entry.js +44 -0
  128. package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
  129. package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
  130. package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
  131. package/dist/esm/index-148a7577.js +84 -20
  132. package/dist/esm/index.js +6 -6
  133. package/dist/esm/layout-container-max-width.enum-c40018ac.js +21 -0
  134. package/dist/esm/loader.js +1 -1
  135. package/dist/esm/logo-color.enum-8593dca6.js +7 -0
  136. package/dist/esm/{typography-variation.enum-c85d7857.js → typography-variation.enum-fdda731c.js} +29 -34
  137. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
  138. package/dist/types/components.d.ts +2 -2
  139. package/hydrate/index.js +84 -47
  140. package/hydrate/index.mjs +84 -47
  141. package/package.json +1 -1
  142. package/dist/cjs/digi-button_27.cjs.entry.js +0 -1380
  143. package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
  144. package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
  145. package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -564
  146. package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
  147. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
  148. package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -53
  149. package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +0 -15
  150. package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
  151. package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
  152. package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +0 -1
  153. package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
  154. package/dist/digi-arbetsformedlingen/p-2788683e.entry.js +0 -1
  155. package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +0 -1
  156. package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +0 -1
  157. package/dist/digi-arbetsformedlingen/p-42ae53aa.entry.js +0 -1
  158. package/dist/digi-arbetsformedlingen/p-4841b4e1.js +0 -1
  159. package/dist/digi-arbetsformedlingen/p-59073668.entry.js +0 -1
  160. package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
  161. package/dist/digi-arbetsformedlingen/p-82611050.entry.js +0 -1
  162. package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +0 -1
  163. package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
  164. package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
  165. package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +0 -1
  166. package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +0 -1
  167. package/dist/digi-arbetsformedlingen/p-d595e8a3.js +0 -1
  168. package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +0 -1
  169. package/dist/esm/digi-button_27.entry.js +0 -1350
  170. package/dist/esm/digi-form-input.entry.js +0 -190
  171. package/dist/esm/digi-form-label_3.entry.js +0 -123
  172. package/dist/esm/digi-form-select-filter.entry.js +0 -560
  173. package/dist/esm/digi-icon-check.entry.js +0 -26
  174. package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
  175. package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
  176. package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +0 -15
  177. package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
  178. package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
@@ -1,564 +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 detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
9
- const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
10
- const text = require('./text-65b1b58c.js');
11
- require('./badge-notification-shape.enum-ff802554.js');
12
- const typographyVariation_enum = require('./typography-variation.enum-c0ef9190.js');
13
- require('./badge-status-variation.enum-0a5adc21.js');
14
- require('./code-example-variation.enum-1611825e.js');
15
- require('./form-input-search-variation.enum-e0e025b1.js');
16
- require('./button-variation.enum-bc521499.js');
17
- require('./calendar-week-view-heading-level.enum-fd0c841b.js');
18
- require('./bar-chart-variation.enum-a4e866b6.js');
19
- require('./code-variation.enum-c4a4e6fd.js');
20
- require('./expandable-accordion-header-level.enum-45483252.js');
21
- require('./expandable-faq-item-variation.enum-89427195.js');
22
- require('./expandable-faq-variation.enum-af923f49.js');
23
- require('./form-checkbox-variation.enum-d2ca879e.js');
24
- require('./form-file-upload-variation.enum-634cfae8.js');
25
- const formInputType_enum = require('./form-input-type.enum-9c8ee12a.js');
26
- const formInputVariation_enum = require('./form-input-variation.enum-c750520c.js');
27
- require('./form-radiogroup-validation.enum-03a17d4d.js');
28
- require('./form-select-variation.enum-528c1bf0.js');
29
- require('./form-textarea-variation.enum-9c90d40f.js');
30
- require('./form-validation-message-variation.enum-855ae0be.js');
31
- require('./info-card-multi-type.enum-14746572.js');
32
- require('./info-card-variation.enum-64cef637.js');
33
- require('./layout-block-variation.enum-f6102119.js');
34
- require('./layout-columns-variation.enum-65675649.js');
35
- require('./link-button-variation.enum-137785e3.js');
36
- require('./list-type.enum-aea4d012.js');
37
- require('./loader-skeleton-variation.enum-d52ba55e.js');
38
- require('./loader-spinner-size.enum-db2973f0.js');
39
- require('./media-figure-alignment.enum-3885aba5.js');
40
- require('./navigation-sidebar-variation.enum-1c0c3064.js');
41
- require('./navigation-vertical-menu-variation.enum-c237edd3.js');
42
- require('./progress-circle-role.enum-b7fdcf0c.js');
43
- require('./progress-indicator-variation.enum-7cf8e0e4.js');
44
- require('./progress-list-item-variation.enum-90e4c874.js');
45
- require('./progress-list-variation.enum-06d5ce27.js');
46
- require('./progressbar-variation.enum-aff9fa80.js');
47
- require('./quote-image-inner-position.enum-e64e7a6d.js');
48
- require('./table-variation.enum-25df2ad7.js');
49
- require('./tag-media-icon.enum-372563c5.js');
50
- require('./tag-size.enum-387c516c.js');
51
- require('./tools-feedback-banner-type.enum-de373ba0.js');
52
- require('./tools-feedback-rating-variation.enum-2f71e84d.js');
53
- require('./tools-theme-provider.brand.enum-bc855272.js');
54
- require('./typography-heading-jumbo-variation.enum-8677e099.js');
55
- require('./typography-meta-variation.enum-13ac3538.js');
56
- require('./typography-time-variation.enum-bce1d87e.js');
57
- require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
58
- require('./detectClosest.util-85b3507b.js');
59
-
60
- const formSelectFilterCss = ".sc-digi-form-select-filter-h{--digi--form-select-filter--footer--background:var(--digi--color--background--secondary);--digi--form-select-filter--scroll--max-height:10.625rem;--digi--form-select-filter--scroll--padding:var(--digi--padding--small);--digi--form-select-filter--reset-button--margin-right:var(--digi--padding--small);--digi--form-select-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-select-filter--list--margin:0;--digi--form-select-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-select-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-select-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-select-filter--dropdown--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--dropdown--background:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--min-width:18.75rem;--digi--form-select-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-select-filter--dropdown--z-index:999;--digi--form-select-filter--dropdown--header--background:var(--digi--color--background--secondary-accent);--digi--form-select-filter--dropdown--item--cursor:pointer;--digi--form-select-filter--dropdown--item--height:auto;--digi--form-select-filter--dropdown--item--min-height:1.5rem;--digi--form-select-filter--dropdown--item--color:var(--digi--color--text--primary);--digi--form-select-filter--dropdown--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select-filter--dropdown--item--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--dropdown--item--font-weight--default:var(--digi--typography--link--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--selected:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--hover:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--letter-spacing:0px;--digi--form-select-filter--dropdown--item--line-height:1.5;--digi--form-select-filter--dropdown--item--margin-bottom:0px;--digi--form-select-filter--dropdown--item--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--border-type:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--border-color:var(--digi--color--divider--primary);--digi--form-select-filter--dropdown--item--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--padding-x:var(--digi--margin--largest);--digi--form-select-filter--dropdown--item--multiple--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--multiple--padding-x:var(--digi--padding--largest-2);--digi--form-select-filter--dropdown--item--background-color--default:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--item--background-color--focus:var(--digi--color--background--interactive--hover--quarternary);--digi--form-select-filter--dropdown--item--background-color--hover:var(--digi--color--background--interactive--hover--quarternary);--digi--form-select-filter--dropdown--item--background-color--active:var(--digi--color--background--interactive--selected--tertiary);--digi--form-select-filter--dropdown--item--background-color--selected:var(--digi--color--background--interactive--selected--tertiary);--digi--form-select-filter--dropdown--item--checkbox--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--item--checkbox--background-color--selected:var(--digi--color--marking--indication--primary);--digi--form-select-filter--dropdown--item--checkbox--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-select-filter--dropdown--item--checkbox--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--checkbox--border-style:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--checkbox--border-radius:var(--digi--border-radius--tertiary);--digi--form-select-filter--dropdown--item--checkbox--width:1.25rem;--digi--form-select-filter--dropdown--item--checkbox--height:1.25rem;--digi--form-select-filter--toggle-button-indicator--color--default:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-select-filter--toggle-button-indicator--width:1rem;--digi--form-select-filter--toggle-button-indicator--height:1rem;--digi--form-select-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-select-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-select-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-select-filter--toggle-button-indicator--color:var(--digi--color--marking--indication--primary);--digi--form-select-filter--toggle-icon--width:0.875rem;--digi--form-select-filter--toggle-icon--height:0.875rem;--digi--form-select-filter--search-input--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--search-input--border-width:var(--digi--border-width--input-regular);--digi--form-select-filter--search-input--border-style:var(--digi--border-style--primary);--digi--form-select-filter--search-input--border-color:var(--digi--form-select-filter--toggle-button--border-width--neutral);--digi--form-select-filter--search-input--height:var(--digi--input-height--medium);--digi--form-select-filter--search-input--width:100%;--digi--form-select-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-select-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--form-select-filter--toggle-button--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select-filter--toggle-button--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select-filter--toggle-button--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--toggle-button--border-width--success:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select-filter--toggle-button--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select-filter--toggle-button--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select-filter--toggle-button--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select-filter--toggle-button--border-width--error:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select-filter--toggle-button--background--error:var(--digi--color--background--interactive--validation--error);box-sizing:content-box}.sc-digi-form-select-filter-h .digi--a11y--sr-only.sc-digi-form-select-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-select-filter-h .digi-form-select-filter.sc-digi-form-select-filter{display:flex;flex-direction:column;gap:0.4em;position:relative;--INDICATOR--BACKGROUND:var(--digi--form-select-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-select-filter--scroll--max-height)}.sc-digi-form-select-filter-h .digi-form-select-filter--neutral.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--neutral\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--neutral\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--neutral\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--success.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--success\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--success\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--success\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--warning.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--warning\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--warning\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--warning\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--error.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--error\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--error\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--error\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--open.sc-digi-form-select-filter .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transform:rotate(-180deg)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter{background:var(--BACKGROUND);border:var(--BORDER-WIDTH) solid var(--BORDER-COLOR);border-radius:var(--digi--border-radius--input);color:var(--digi--color--text--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--digi--typography--body--font-size--desktop);width:100%;padding:0 var(--digi--gutter--medium);min-height:var(--digi--input-height--medium);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus-visible,.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transition:var(--digi--form-select-filter--toggle-icon--transition)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter-s>[slot^=icon],.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon .sc-digi-form-select-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-select-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-select-filter--toggle-icon--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__legend.sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--legend--font-weight);font-family:var(--digi--form-select-filter--legend--font-family);font-size:var(--digi--form-select-filter--legend--font-size);border:0;padding:0;margin:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-select-filter-h .digi-form-select-filter__scroll.sc-digi-form-select-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--header--background);padding:12px 12px 22px}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter input.sc-digi-form-select-filter{border-radius:var(--digi--form-select-filter--search-input--border-radius);border-width:var(--digi--form-select-filter--search-input--border-width);border-style:var(--digi--form-select-filter--search-input--border-style);border-color:var(--digi--form-select-filter--search-input--border-color);height:var(--digi--form-select-filter--search-input--height);width:var(--digi--form-select-filter--search-input--width)}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter legend.sc-digi-form-select-filter{width:100%;border-bottom:var(--digi--form-select-filter--legend__border-bottom)}.sc-digi-form-select-filter-h .digi-form-select-filter__footer.sc-digi-form-select-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-select-filter--footer--background);padding:var(--digi--form-select-filter--scroll--padding)}.sc-digi-form-select-filter-h .digi-form-select-filter__reset-button.sc-digi-form-select-filter{display:inline-block;margin-right:var(--digi--form-select-filter--reset-button--margin-right)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter{box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7);min-width:var(--digi--form-select-filter--dropdown--min-width);width:100%;position:absolute;z-index:var(--digi--form-select-filter--dropdown--z-index);background:var(--digi--form-select-filter--dropdown--background);border-radius:var(--digi--form-select-filter--dropdown--border-radius);overflow:hidden;margin-top:var(--digi--form-select-filter--dropdown--margin-top)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter fieldset.sc-digi-form-select-filter{border:none;padding:0;margin:0}@media (min-width: 48rem){.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--right.sc-digi-form-select-filter{right:0}}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h .digi-form-select-filter__label.sc-digi-form-select-filter{display:block}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-wrapper--activated.sc-digi-form-select-filter{display:flex;align-items:center}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator.sc-digi-form-select-filter{display:none;--digi--icon--color:var(--digi--form-select-filter--toggle-button-indicator--color)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator--active.sc-digi-form-select-filter{display:flex;margin-right:var(--digi--form-select-filter--toggle-button-indicator--margin-right);width:var(--digi--form-select-filter--toggle-button-indicator--width);height:var(--digi--form-select-filter--toggle-button-indicator--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__search-status.sc-digi-form-select-filter{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary)}.sc-digi-form-select-filter-h .digi-form-select-filter__list.sc-digi-form-select-filter{margin:var(--digi--form-select-filter--list--margin);padding:0;max-width:100%}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--item--background-color--default);border-width:0;box-sizing:border-box;border-bottom-width:var(--digi--form-select-filter--dropdown--item--border-width);border-style:var(--digi--form-select-filter--dropdown--item--border-type);border-color:var(--digi--form-select-filter--dropdown--item--border-color);cursor:var(--digi--form-select-filter--dropdown--item--cursor);color:var(--digi--form-select-filter--dropdown--item--color);display:block;font-size:var(--digi--form-select-filter--dropdown--item--font-size);font-family:var(--digi--form-select-filter--dropdown--item--font-family);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--default);padding:var(--digi--form-select-filter--dropdown--item--padding-y) var(--digi--form-select-filter--dropdown--item--padding-x);position:relative;height:var(--digi--form-select-filter--dropdown--item--height);min-height:var(--digi--form-select-filter--dropdown--item--min-height);margin-bottom:var(--digi--form-select-filter--dropdown--item--margin-bottom);letter-spacing:var(--digi--form-select-filter--dropdown--item--letter-spacing);line-height:var(--digi--form-select-filter--dropdown--item--line-height)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:focus-visible{background-color:var(--digi--form-select-filter--dropdown--item--background-color--focus);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:hover{background-color:var(--digi--form-select-filter--dropdown--item--background-color--hover);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--hover)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:active{background-color:var(--digi--form-select-filter--dropdown--item--background-color--active)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[aria-checked=true].sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--selected);background-color:var(--digi--form-select-filter--dropdown--item--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[dir=rtl].sc-digi-form-select-filter{text-align:right}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;height:25px;left:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter::before{right:3px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter{padding:var(--digi--form-select-filter--dropdown--item--multiple--padding-y) var(--digi--form-select-filter--dropdown--item--multiple--padding-x)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][aria-checked=true].sc-digi-form-select-filter:before{background:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter::before{content:\"\";position:absolute;background-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--border-color);border-width:var(--digi--form-select-filter--dropdown--item--checkbox--border-width);border-style:var(--digi--form-select-filter--dropdown--item--checkbox--border-style);height:var(--digi--form-select-filter--dropdown--item--checkbox--width);width:var(--digi--form-select-filter--dropdown--item--checkbox--height);border-radius:var(--digi--form-select-filter--dropdown--item--checkbox--border-radius);left:12px;transform:translateY(1px)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;left:16px;--digi--icon--color:white}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter::before{right:12px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:16px}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-text.sc-digi-form-select-filter{margin-right:var(--digi--form-select-filter--toggle-button--text--margin-right)}.sc-digi-form-select-filter-h .hidden.sc-digi-form-select-filter{display:none}";
61
- const DigiFormSelectFilterStyle0 = formSelectFilterCss;
62
-
63
- const FormSelectFilter = class {
64
- constructor(hostRef) {
65
- index.registerInstance(this, hostRef);
66
- this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
67
- this.afOnSubmitFilters = index.createEvent(this, "afOnSubmitFilters", 7);
68
- this.afOnFilterClosed = index.createEvent(this, "afOnFilterClosed", 7);
69
- this.afOnResetFilters = index.createEvent(this, "afOnResetFilters", 7);
70
- this.afOnSelect = index.createEvent(this, "afOnSelect", 7);
71
- this.afOnQueryChanged = index.createEvent(this, "afOnQueryChanged", 7);
72
- this._searchQuery = '';
73
- this.isOpen = false;
74
- this.focusListItemIndex = 0;
75
- this.focusInList = false;
76
- this._afListItems = undefined;
77
- this._filteredResult = [];
78
- this._selectedItems = [];
79
- this.afDescription = undefined;
80
- this.afDisableValidation = undefined;
81
- this.afValidation = typographyVariation_enum.FormSelectFilterValidation.NEUTRAL;
82
- this.afValidationText = undefined;
83
- this.afRequired = undefined;
84
- this.afRequiredText = undefined;
85
- this.afAnnounceIfOptional = false;
86
- this.afAnnounceIfOptionalText = undefined;
87
- this.sortAlphabetically = true;
88
- this.value = [];
89
- this.afMultipleItems = false;
90
- this.afListItems = undefined;
91
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-select-filter');
92
- this.afFilterButtonTextLabel = undefined;
93
- this.afFilterButtonText = undefined;
94
- this.afFilterButtonTextMultipleValues = undefined;
95
- this.afSubmitButtonText = undefined;
96
- this.afSubmitButtonTextAriaLabel = undefined;
97
- this.afResetButtonText = text._t.clear;
98
- this.afResetButtonTextAriaLabel = undefined;
99
- this.afHideResetButton = false;
100
- this.afAlignRight = undefined;
101
- this.afName = undefined;
102
- this.afEmptySearchMessage = 'Inga sökträffar för';
103
- this.afFilterButtonAriaDescribedby = undefined;
104
- this.afErrorMessageIsAlert = true;
105
- }
106
- onValueChanged(value) {
107
- const joinedArray = [...value, ...this._selectedItems];
108
- const noDuplicates = joinedArray.filter((item, pos) => joinedArray.indexOf(item) === pos);
109
- if (noDuplicates && noDuplicates.length > 0) {
110
- if (this.afMultipleItems) {
111
- this._selectedItems = [...noDuplicates];
112
- }
113
- else {
114
- this._selectedItems = [noDuplicates[0]];
115
- }
116
- }
117
- }
118
- handleListItems() {
119
- if (this.afListItems) {
120
- try {
121
- if (this.afListItems.constructor === Array) {
122
- this._afListItems = this.afListItems;
123
- }
124
- else if (typeof this.afListItems === 'string') {
125
- this._afListItems = JSON.parse(this.afListItems);
126
- }
127
- else {
128
- throw `Invalid type in "af-list-items" attribute`;
129
- }
130
- this.giveItemsValueIfNoneExist();
131
- this.sortListAlphabetically();
132
- const selectedListItems = this._afListItems.filter((item) => item.selected);
133
- if (selectedListItems && selectedListItems.length > 0) {
134
- this._selectedItems = [...selectedListItems];
135
- this.afOnSelect.emit(this._selectedItems);
136
- this.value = this._selectedItems;
137
- }
138
- else if (this.value && this.value.length > 0) {
139
- this._selectedItems = [...this.value];
140
- }
141
- this.filterResults();
142
- }
143
- catch (e) {
144
- logger_util.logger.warn(`Invalid JSON in "af-list-items" attribute`, this.hostElement, e);
145
- return;
146
- }
147
- }
148
- }
149
- get errorMessageIsAlert() {
150
- return (this.afErrorMessageIsAlert !== false &&
151
- this.afErrorMessageIsAlert !== 'false');
152
- }
153
- /**
154
- * Funktion för att rensa valda värden från komponenten
155
- * @en Function for clearing selected values from component
156
- */
157
- async afMReset() {
158
- this.resetSelectItems();
159
- }
160
- /**
161
- * Funktion för att stänga dropdownen
162
- * @en Function for closing the dropdown
163
- */
164
- async afMCloseDropdown() {
165
- this.setClosed();
166
- }
167
- clickHandler(e) {
168
- const target = e.target;
169
- const selector = `#${this.afId}-identifier`;
170
- if (detectClickOutside_util.detectClickOutside(target, selector) && this.isOpen) {
171
- this.emitFilterClosedEvent();
172
- }
173
- }
174
- focusoutHandler(e) {
175
- const target = e.target;
176
- const selector = `#${this.afId}-identifier`;
177
- const focusOutsideFilter = detectFocusOutside_util.detectFocusOutside(target, selector);
178
- if (focusOutsideFilter && this.isOpen) {
179
- this.emitFilterClosedEvent();
180
- }
181
- else {
182
- this.focusInList = !detectFocusOutside_util.detectFocusOutside(target, `#${this.afId}-select-filter-list`);
183
- }
184
- }
185
- /**
186
- * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen.
187
- * @en Listens for when focus is set on the custom element and propagates it down to the toggle butto.
188
- */
189
- focusOnElement() {
190
- this._toggleButton.focus();
191
- }
192
- debounce(func, timeout = 300) {
193
- let timer;
194
- return (...args) => {
195
- clearTimeout(timer);
196
- timer = setTimeout(() => {
197
- func.apply(this, args);
198
- }, timeout);
199
- };
200
- }
201
- setClosed(focusToggleButton = false) {
202
- this.isOpen = false;
203
- if (focusToggleButton) {
204
- document.getElementById(`${this.afId}`).focus();
205
- }
206
- this.setScroll(0);
207
- this._searchQuery = '';
208
- this.afOnQueryChanged.emit('');
209
- this.afOnSubmitFilters.emit(this._selectedItems);
210
- this.filterResults();
211
- }
212
- setScroll(scrollY) {
213
- document.querySelector(`#${this.afId}-dropdown-menu .digi-form-select-filter__scroll`).scrollTop = scrollY;
214
- }
215
- setOpen() {
216
- this.isOpen = true;
217
- this.focusListItemIndex = 0;
218
- setTimeout(() => {
219
- this.setFocusSearch();
220
- }, 50);
221
- }
222
- giveItemsValueIfNoneExist() {
223
- this._afListItems
224
- .filter((item) => {
225
- return item.value === undefined;
226
- })
227
- .forEach((item) => {
228
- item.value = item.label;
229
- });
230
- }
231
- sortListAlphabetically() {
232
- if (!this.sortAlphabetically) {
233
- return;
234
- }
235
- this._afListItems.sort((a, b) => {
236
- if (a.label < b.label) {
237
- return -1;
238
- }
239
- if (a.label > b.label) {
240
- return 1;
241
- }
242
- return 0;
243
- });
244
- }
245
- toggleDropdown() {
246
- return this.isOpen ? this.setClosed() : this.setOpen();
247
- }
248
- inputItem(identifier, index) {
249
- const item = this.hostElement
250
- .querySelectorAll(`#${identifier} .digi-form-select-filter__item`)
251
- .item(index);
252
- return item;
253
- }
254
- emitFilterClosedEvent() {
255
- this.setClosed(true);
256
- this.afOnFilterClosed.emit();
257
- }
258
- componentWillLoad() {
259
- this.handleListItems();
260
- }
261
- setFocusItem() {
262
- const element = this.inputItem(`${this.afId}-select-filter-list`, this.focusListItemIndex);
263
- if (element) {
264
- element.focus();
265
- }
266
- }
267
- setFocusSearch() {
268
- const element = this.hostElement.querySelector('input');
269
- if (element) {
270
- element.focus();
271
- }
272
- }
273
- incrementFocusItem() {
274
- const listLength = this.showNeutralValue
275
- ? this._filteredResult.length
276
- : this._filteredResult.length - 1;
277
- if (this.focusListItemIndex < listLength) {
278
- this.focusListItemIndex = this.focusListItemIndex + 1;
279
- this.setFocusItem();
280
- return;
281
- }
282
- else {
283
- if (!this.afMultipleItems) {
284
- this.focusListItemIndex = 0;
285
- this.setFocusItem();
286
- return;
287
- }
288
- }
289
- this.tabHandler();
290
- }
291
- decrementFocusItem() {
292
- if (this.focusListItemIndex === 0) {
293
- this.setFocusSearch();
294
- return;
295
- }
296
- if (this.focusListItemIndex > 0) {
297
- this.focusListItemIndex = this.focusListItemIndex - 1;
298
- }
299
- this.setFocusItem();
300
- }
301
- downHandler(e) {
302
- e.detail.preventDefault();
303
- if (e.detail.code === 'ArrowDown' || e.detail.code === 'ArrowRight') {
304
- this.incrementFocusItem();
305
- }
306
- }
307
- upHandler(e) {
308
- e.detail.preventDefault();
309
- if (e.detail.code === 'ArrowUp' || e.detail.code === 'ArrowLeft') {
310
- this.decrementFocusItem();
311
- }
312
- }
313
- homeHandler(e) {
314
- e.detail.preventDefault();
315
- this.focusListItemIndex = 0;
316
- this.setFocusItem();
317
- }
318
- endHandler(e) {
319
- e.detail.preventDefault();
320
- this.focusListItemIndex = this.showNeutralValue
321
- ? this._filteredResult.length
322
- : this._filteredResult.length - 1;
323
- this.setFocusItem();
324
- }
325
- enterHandler(e) {
326
- e.detail.preventDefault();
327
- e.detail.target.click();
328
- }
329
- spaceHandler(e) {
330
- e.detail.preventDefault();
331
- e.detail.target.click();
332
- }
333
- escHandler() {
334
- if (this.isOpen) {
335
- this.setClosed(true);
336
- }
337
- }
338
- tabHandler() {
339
- if (this.isOpen && this.focusInList) {
340
- if (this.afMultipleItems && this._submitButton) {
341
- setTimeout(() => {
342
- var _a;
343
- if (this._submitButton) {
344
- (_a = this._submitButton.querySelector('button')) === null || _a === void 0 ? void 0 : _a.focus();
345
- }
346
- }, 10);
347
- }
348
- else {
349
- this.setClosed(true);
350
- }
351
- }
352
- }
353
- shiftHandler() {
354
- if (this.isOpen && this.focusInList) {
355
- if (this.afMultipleItems && this._toggleButton) {
356
- this._toggleButton.querySelector('button').focus();
357
- }
358
- else {
359
- this.setFocusSearch();
360
- }
361
- }
362
- }
363
- filterResults() {
364
- if (this._searchQuery && this._searchQuery.length > 0) {
365
- this._filteredResult = [
366
- ...this._afListItems.filter((item) => {
367
- return item.label
368
- .toLowerCase()
369
- .includes(this._searchQuery.toLowerCase());
370
- })
371
- ];
372
- }
373
- else {
374
- this._filteredResult = [...this._afListItems];
375
- }
376
- }
377
- inputSearchKeyboardHandler(e) {
378
- if (e.code === 'ArrowDown') {
379
- e.preventDefault();
380
- this.setFocusItem();
381
- }
382
- if (e.code === 'Enter' && this._searchQuery !== '') {
383
- e.preventDefault();
384
- this.setFocusItem();
385
- }
386
- }
387
- inputSearchInputHandler(e) {
388
- this._searchQuery = e.target.value;
389
- this.afOnQueryChanged.emit(this._searchQuery);
390
- this.filterResults();
391
- }
392
- resetSelectItems(close = false) {
393
- this._selectedItems = [];
394
- this.value = [];
395
- this.afOnSelect.emit([]);
396
- this._searchQuery = '';
397
- this.filterResults();
398
- if (close) {
399
- this.emitFilterClosedEvent();
400
- }
401
- this.afOnResetFilters.emit();
402
- }
403
- selectItemHandler(item) {
404
- if (this.afMultipleItems) {
405
- item.selected = !item.selected;
406
- if (this._selectedItems.filter((x) => {
407
- return x.value === item.value;
408
- }).length > 0) {
409
- //ITEM VALUE ALREADY EXISTS IN LIST, DELETE FROM LIST
410
- this._selectedItems.splice(this._selectedItems.findIndex((e) => e.value === item.value), 1);
411
- }
412
- else {
413
- this._selectedItems = [...this._selectedItems, item];
414
- }
415
- }
416
- else {
417
- this._selectedItems.forEach((item) => {
418
- item.selected = false;
419
- });
420
- item.selected = true;
421
- this._selectedItems = [item];
422
- this.emitFilterClosedEvent();
423
- }
424
- this.value = this._selectedItems;
425
- this.afOnSelect.emit(this._selectedItems);
426
- this.filterResults();
427
- }
428
- isSelected(textValue) {
429
- if (textValue && this._selectedItems && this._selectedItems.length > 0) {
430
- return (this._selectedItems.filter((item) => {
431
- return item.value === textValue;
432
- }).length > 0);
433
- }
434
- return false;
435
- }
436
- get cssModifiers() {
437
- return {
438
- 'digi-form-select-filter--open': this.isOpen,
439
- 'digi-form-select-filter--neutral': this.afValidation === typographyVariation_enum.FormSelectFilterValidation.NEUTRAL,
440
- 'digi-form-select-filter--success': this.afValidation === typographyVariation_enum.FormSelectFilterValidation.SUCCESS,
441
- 'digi-form-select-filter--warning': this.afValidation === typographyVariation_enum.FormSelectFilterValidation.WARNING,
442
- 'digi-form-select-filter--error': this.afValidation === typographyVariation_enum.FormSelectFilterValidation.ERROR
443
- };
444
- }
445
- get cssModifiersToggleButtonIndicator() {
446
- return {
447
- 'digi-form-select-filter__toggle-button-indicator--active': this._selectedItems.length > 0
448
- };
449
- }
450
- get cssModifiersToggleButtonWrapper() {
451
- return {
452
- 'digi-form-select-filter__toggle-button-wrapper--activated': this._selectedItems.length > 0
453
- };
454
- }
455
- buttonText(isAriaLabel) {
456
- const ariaLabelText = (text = '') => {
457
- return isAriaLabel ? text : '';
458
- };
459
- if (this._selectedItems && this._selectedItems.length === 1) {
460
- return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
461
- this._selectedItems[0].label);
462
- }
463
- else if (this._selectedItems &&
464
- this._selectedItems.length > 0 &&
465
- this.afMultipleItems) {
466
- if (this.afFilterButtonTextMultipleValues) {
467
- return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
468
- this.afFilterButtonTextMultipleValues.replace('{count}', this._selectedItems.length.toString()));
469
- }
470
- else {
471
- return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
472
- `${this._selectedItems.length} valda`);
473
- }
474
- }
475
- else {
476
- return (ariaLabelText(this.afFilterButtonTextLabel
477
- ? this.afFilterButtonTextLabel + ': '
478
- : '') + this.afFilterButtonText);
479
- }
480
- }
481
- get renderButtonLabel() {
482
- return this.buttonText(false);
483
- }
484
- get ariaLabel() {
485
- return this.buttonText(true);
486
- }
487
- get showNeutralValue() {
488
- return (!this.afMultipleItems &&
489
- this.afFilterButtonText &&
490
- this._searchQuery.length === 0);
491
- }
492
- showValidation() {
493
- return !this.afDisableValidation &&
494
- this.afValidation !== typographyVariation_enum.FormSelectFilterValidation.NEUTRAL &&
495
- this.afValidationText
496
- ? true
497
- : false;
498
- }
499
- renderEmptyStateBox() {
500
- let statusMessage = '';
501
- if (this._filteredResult && this._filteredResult.length > 0) {
502
- statusMessage = `${this._filteredResult.length} sökträff${this._filteredResult.length > 1 ? 'ar' : ''}`;
503
- }
504
- else if (this._filteredResult.length === 0) {
505
- statusMessage = `${this.afEmptySearchMessage} ${this._searchQuery}`;
506
- }
507
- return (index.h(index.Fragment, null, index.h("div", { role: "status", id: `${this.afId}-searchstatus`, class: {
508
- 'digi-form-select-filter__search-status': true,
509
- 'digi--a11y--sr-only': this._filteredResult && this._filteredResult.length > 0
510
- } }, index.h("span", null, " ", statusMessage, " "), index.h("div", { class: {
511
- hidden: this._filteredResult && this._filteredResult.length > 0
512
- } }, index.h("slot", { name: "empty-search-result" })))));
513
- }
514
- render() {
515
- return (index.h(index.Host, { key: '62acc267c182d80703024115c50dddec8413ad3c', tabindex: -1 }, index.h("div", { key: 'feea697aee9107e7b90792251c7661ff0ada1a98', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.h("digi-form-label", { key: '90a45c8dc587e1d236f27b03c0e2f71dc8477b7f', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("digi-util-keydown-handler", { key: '703080c3a43d0d8ccd233560b2287d9127a87a8b', onAfOnEsc: () => this.escHandler() }, index.h("button", { key: '54498ff1eb5b930a8173c4dfdb950b8a94ba590e', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-describedby": `${this.afFilterButtonAriaDescribedby} ${this.afId}--validation-message`, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, index.h("div", { key: '4b913f6134090cb598f7dbc331c290ef655f687e', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: 'ccb42c85db8f9bf3d39fd3864b8c02aacb98c6d9', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: '704782f9bc33016df16c8492b29721723ed591fb', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: '83211db95b19280716ee81611a183816fa00b1d0', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: 'a88f7aa3f0923e34b0f8866a936261ecbb0701e6', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
516
- 'digi-form-select-filter__dropdown': true,
517
- 'digi-form-select-filter__dropdown--right': this.afAlignRight,
518
- 'digi-form-select-filter__dropdown--hidden': !this.isOpen
519
- } }, index.h("fieldset", { key: 'b79878e2277511c2543663776189ba0a42047894' }, index.h("div", { key: 'a0d832fe7834a55eb92bf48a9182057886d5e82e', class: "digi-form-select-filter__header" }, index.h("legend", { key: '59acc3f35f85559e958656e00216ad9439448344', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'ed1ba547b5c69791779d0127a58dff9c86a48976', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: formInputVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: formInputVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
520
- this.focusListItemIndex = 0;
521
- }, onAfOnKeyup: (e) => {
522
- this.inputSearchKeyboardHandler(e.detail);
523
- }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), index.h("div", { key: '793751dc225d514f42af1a9ec017b7faa9d363c5', class: "digi-form-select-filter__scroll" }, index.h("digi-util-keydown-handler", { key: '57007b01069dee8bfa0154cbe6d35d91f20894fd', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, index.h("ul", { key: '45d0622dc2e50e8dcba11d21696faa0a6b230516', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
524
- ? 'false'
525
- : this.afValidation ===
526
- typographyVariation_enum.FormSelectFilterValidation.ERROR
527
- ? 'true'
528
- : 'false', "aria-errormessage": `${this.afId}--validation-message`, "aria-required": this.afMultipleItems
529
- ? false
530
- : this.afRequired
531
- ? 'true'
532
- : 'false' }, this.showNeutralValue && (index.h("li", { key: '1d1a778273c5ac8f3d30b65048162e47b19f00cd', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
533
- ? 'false'
534
- : this.afRequired
535
- ? 'true'
536
- : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (index.h("digi-icon-check", { key: 'aa7ea145f0ad6f125f9df0ba11aaf90d0113c20c', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
537
- this._filteredResult.map((item, index$1) => {
538
- return (index.h("li", { class: "digi-form-select-filter__item", key: index$1, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
539
- ? 'false'
540
- : this.afRequired
541
- ? 'true'
542
- : 'false', "aria-invalid": this.afMultipleItems
543
- ? this.afValidation ===
544
- typographyVariation_enum.FormSelectFilterValidation.ERROR
545
- ? 'true'
546
- : 'false'
547
- : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue
548
- ? -1
549
- : index$1 === 0
550
- ? 0
551
- : -1 }, this.isSelected(item.value) && (index.h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
552
- }))))), this.afMultipleItems && (index.h("div", { key: '428fecfda65ca5dab87d15049010462f38bf49f3', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.h("digi-button", { key: 'e8ed222dada0ef4e78d3d66062c7d432e5231671', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), index.h("digi-util-keydown-handler", { key: 'd151b5df0a4002633e0966d44d0482183b7ecfe5', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '207d29e920ec9db9aa2f2ba29bd650453210e8b3', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
553
- this.setClosed(true);
554
- }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: '514a8e6c957b4293f095b0718139ac47e64648ab', class: "digi-form-select__footer" }, index.h("div", { key: '3b5ceffdcbf3f1fd4671bc73fdea48a573cd0379', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'faab034ee053826ebd82fda81273d0f815b648ec', "af-variation": this.afValidation }, this.afValidationText)))))));
555
- }
556
- get hostElement() { return index.getElement(this); }
557
- static get watchers() { return {
558
- "value": ["onValueChanged"],
559
- "afListItems": ["handleListItems"]
560
- }; }
561
- };
562
- FormSelectFilter.style = DigiFormSelectFilterStyle0;
563
-
564
- exports.digi_form_select_filter = FormSelectFilter;
@@ -1,30 +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 iconCheckCss = ".sc-digi-icon-check-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-check-h svg.sc-digi-icon-check{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 DigiIconCheckStyle0 = iconCheckCss;
10
-
11
- const IconCheck = 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: '7e7362c73d293709e74cbb58d41ee14588d2a6b6', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
22
- ? this.afSvgAriaLabelledby
23
- : this.afTitle
24
- ? this.titleId
25
- : undefined }, this.afTitle && index.h("title", { key: '0b6cad5ad89e4df27945f378275265d370a7de32', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'b1ae6ed14da198fdbe4c924240de976382c749c0' }, this.afDesc), index.h("path", { key: 'c9e70d7b31bc6588142208eb8acb84f8b3902820', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
26
- }
27
- };
28
- IconCheck.style = DigiIconCheckStyle0;
29
-
30
- exports.digi_icon_check = IconCheck;