@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,560 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-148a7577.js';
2
- import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
- import { l as logger } from './logger.util-ede3c48a.js';
4
- import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
5
- import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
6
- import { _ as _t } from './text-8f88c0f6.js';
7
- import './badge-notification-shape.enum-e15a6245.js';
8
- import { m as FormSelectFilterValidation } from './typography-variation.enum-c85d7857.js';
9
- import './badge-status-variation.enum-8d6370ff.js';
10
- import './code-example-variation.enum-e656d235.js';
11
- import './form-input-search-variation.enum-6d8dc10a.js';
12
- import './button-variation.enum-94fffdd6.js';
13
- import './calendar-week-view-heading-level.enum-6774297c.js';
14
- import './bar-chart-variation.enum-97c0b47f.js';
15
- import './code-variation.enum-1eee7c7a.js';
16
- import './expandable-accordion-header-level.enum-85681e2f.js';
17
- import './expandable-faq-item-variation.enum-a8cb225b.js';
18
- import './expandable-faq-variation.enum-6934c367.js';
19
- import './form-checkbox-variation.enum-83e906fc.js';
20
- import './form-file-upload-variation.enum-9c49ec5e.js';
21
- import { a as FormInputType } from './form-input-type.enum-3da3db27.js';
22
- import { b as FormInputVariation, a as FormInputValidation } from './form-input-variation.enum-64d9450f.js';
23
- import './form-radiogroup-validation.enum-d790fc66.js';
24
- import './form-select-variation.enum-f2f6098d.js';
25
- import './form-textarea-variation.enum-05017e8e.js';
26
- import './form-validation-message-variation.enum-bcef8a9d.js';
27
- import './info-card-multi-type.enum-07ee124f.js';
28
- import './info-card-variation.enum-2ccc52c1.js';
29
- import './layout-block-variation.enum-b7a20db4.js';
30
- import './layout-columns-variation.enum-34f7754e.js';
31
- import './link-button-variation.enum-84d4976f.js';
32
- import './list-type.enum-fbb331ad.js';
33
- import './loader-skeleton-variation.enum-f9f867b4.js';
34
- import './loader-spinner-size.enum-0b246fa0.js';
35
- import './media-figure-alignment.enum-a1d36567.js';
36
- import './navigation-sidebar-variation.enum-8fead764.js';
37
- import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
38
- import './progress-circle-role.enum-7737a2c6.js';
39
- import './progress-indicator-variation.enum-b12ba50a.js';
40
- import './progress-list-item-variation.enum-384b9a3a.js';
41
- import './progress-list-variation.enum-300bd89d.js';
42
- import './progressbar-variation.enum-40adaab4.js';
43
- import './quote-image-inner-position.enum-8e9b1e65.js';
44
- import './table-variation.enum-dd9366b6.js';
45
- import './tag-media-icon.enum-fefa191c.js';
46
- import './tag-size.enum-403e0cd8.js';
47
- import './tools-feedback-banner-type.enum-74b4e580.js';
48
- import './tools-feedback-rating-variation.enum-29058ff2.js';
49
- import './tools-theme-provider.brand.enum-8c5a98c9.js';
50
- import './typography-heading-jumbo-variation.enum-eb737f1b.js';
51
- import './typography-meta-variation.enum-1f7c2878.js';
52
- import './typography-time-variation.enum-34c830ef.js';
53
- import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
54
- import './detectClosest.util-58a7504f.js';
55
-
56
- 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}";
57
- const DigiFormSelectFilterStyle0 = formSelectFilterCss;
58
-
59
- const FormSelectFilter = class {
60
- constructor(hostRef) {
61
- registerInstance(this, hostRef);
62
- this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
63
- this.afOnSubmitFilters = createEvent(this, "afOnSubmitFilters", 7);
64
- this.afOnFilterClosed = createEvent(this, "afOnFilterClosed", 7);
65
- this.afOnResetFilters = createEvent(this, "afOnResetFilters", 7);
66
- this.afOnSelect = createEvent(this, "afOnSelect", 7);
67
- this.afOnQueryChanged = createEvent(this, "afOnQueryChanged", 7);
68
- this._searchQuery = '';
69
- this.isOpen = false;
70
- this.focusListItemIndex = 0;
71
- this.focusInList = false;
72
- this._afListItems = undefined;
73
- this._filteredResult = [];
74
- this._selectedItems = [];
75
- this.afDescription = undefined;
76
- this.afDisableValidation = undefined;
77
- this.afValidation = FormSelectFilterValidation.NEUTRAL;
78
- this.afValidationText = undefined;
79
- this.afRequired = undefined;
80
- this.afRequiredText = undefined;
81
- this.afAnnounceIfOptional = false;
82
- this.afAnnounceIfOptionalText = undefined;
83
- this.sortAlphabetically = true;
84
- this.value = [];
85
- this.afMultipleItems = false;
86
- this.afListItems = undefined;
87
- this.afId = randomIdGenerator('digi-form-select-filter');
88
- this.afFilterButtonTextLabel = undefined;
89
- this.afFilterButtonText = undefined;
90
- this.afFilterButtonTextMultipleValues = undefined;
91
- this.afSubmitButtonText = undefined;
92
- this.afSubmitButtonTextAriaLabel = undefined;
93
- this.afResetButtonText = _t.clear;
94
- this.afResetButtonTextAriaLabel = undefined;
95
- this.afHideResetButton = false;
96
- this.afAlignRight = undefined;
97
- this.afName = undefined;
98
- this.afEmptySearchMessage = 'Inga sökträffar för';
99
- this.afFilterButtonAriaDescribedby = undefined;
100
- this.afErrorMessageIsAlert = true;
101
- }
102
- onValueChanged(value) {
103
- const joinedArray = [...value, ...this._selectedItems];
104
- const noDuplicates = joinedArray.filter((item, pos) => joinedArray.indexOf(item) === pos);
105
- if (noDuplicates && noDuplicates.length > 0) {
106
- if (this.afMultipleItems) {
107
- this._selectedItems = [...noDuplicates];
108
- }
109
- else {
110
- this._selectedItems = [noDuplicates[0]];
111
- }
112
- }
113
- }
114
- handleListItems() {
115
- if (this.afListItems) {
116
- try {
117
- if (this.afListItems.constructor === Array) {
118
- this._afListItems = this.afListItems;
119
- }
120
- else if (typeof this.afListItems === 'string') {
121
- this._afListItems = JSON.parse(this.afListItems);
122
- }
123
- else {
124
- throw `Invalid type in "af-list-items" attribute`;
125
- }
126
- this.giveItemsValueIfNoneExist();
127
- this.sortListAlphabetically();
128
- const selectedListItems = this._afListItems.filter((item) => item.selected);
129
- if (selectedListItems && selectedListItems.length > 0) {
130
- this._selectedItems = [...selectedListItems];
131
- this.afOnSelect.emit(this._selectedItems);
132
- this.value = this._selectedItems;
133
- }
134
- else if (this.value && this.value.length > 0) {
135
- this._selectedItems = [...this.value];
136
- }
137
- this.filterResults();
138
- }
139
- catch (e) {
140
- logger.warn(`Invalid JSON in "af-list-items" attribute`, this.hostElement, e);
141
- return;
142
- }
143
- }
144
- }
145
- get errorMessageIsAlert() {
146
- return (this.afErrorMessageIsAlert !== false &&
147
- this.afErrorMessageIsAlert !== 'false');
148
- }
149
- /**
150
- * Funktion för att rensa valda värden från komponenten
151
- * @en Function for clearing selected values from component
152
- */
153
- async afMReset() {
154
- this.resetSelectItems();
155
- }
156
- /**
157
- * Funktion för att stänga dropdownen
158
- * @en Function for closing the dropdown
159
- */
160
- async afMCloseDropdown() {
161
- this.setClosed();
162
- }
163
- clickHandler(e) {
164
- const target = e.target;
165
- const selector = `#${this.afId}-identifier`;
166
- if (detectClickOutside(target, selector) && this.isOpen) {
167
- this.emitFilterClosedEvent();
168
- }
169
- }
170
- focusoutHandler(e) {
171
- const target = e.target;
172
- const selector = `#${this.afId}-identifier`;
173
- const focusOutsideFilter = detectFocusOutside(target, selector);
174
- if (focusOutsideFilter && this.isOpen) {
175
- this.emitFilterClosedEvent();
176
- }
177
- else {
178
- this.focusInList = !detectFocusOutside(target, `#${this.afId}-select-filter-list`);
179
- }
180
- }
181
- /**
182
- * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen.
183
- * @en Listens for when focus is set on the custom element and propagates it down to the toggle butto.
184
- */
185
- focusOnElement() {
186
- this._toggleButton.focus();
187
- }
188
- debounce(func, timeout = 300) {
189
- let timer;
190
- return (...args) => {
191
- clearTimeout(timer);
192
- timer = setTimeout(() => {
193
- func.apply(this, args);
194
- }, timeout);
195
- };
196
- }
197
- setClosed(focusToggleButton = false) {
198
- this.isOpen = false;
199
- if (focusToggleButton) {
200
- document.getElementById(`${this.afId}`).focus();
201
- }
202
- this.setScroll(0);
203
- this._searchQuery = '';
204
- this.afOnQueryChanged.emit('');
205
- this.afOnSubmitFilters.emit(this._selectedItems);
206
- this.filterResults();
207
- }
208
- setScroll(scrollY) {
209
- document.querySelector(`#${this.afId}-dropdown-menu .digi-form-select-filter__scroll`).scrollTop = scrollY;
210
- }
211
- setOpen() {
212
- this.isOpen = true;
213
- this.focusListItemIndex = 0;
214
- setTimeout(() => {
215
- this.setFocusSearch();
216
- }, 50);
217
- }
218
- giveItemsValueIfNoneExist() {
219
- this._afListItems
220
- .filter((item) => {
221
- return item.value === undefined;
222
- })
223
- .forEach((item) => {
224
- item.value = item.label;
225
- });
226
- }
227
- sortListAlphabetically() {
228
- if (!this.sortAlphabetically) {
229
- return;
230
- }
231
- this._afListItems.sort((a, b) => {
232
- if (a.label < b.label) {
233
- return -1;
234
- }
235
- if (a.label > b.label) {
236
- return 1;
237
- }
238
- return 0;
239
- });
240
- }
241
- toggleDropdown() {
242
- return this.isOpen ? this.setClosed() : this.setOpen();
243
- }
244
- inputItem(identifier, index) {
245
- const item = this.hostElement
246
- .querySelectorAll(`#${identifier} .digi-form-select-filter__item`)
247
- .item(index);
248
- return item;
249
- }
250
- emitFilterClosedEvent() {
251
- this.setClosed(true);
252
- this.afOnFilterClosed.emit();
253
- }
254
- componentWillLoad() {
255
- this.handleListItems();
256
- }
257
- setFocusItem() {
258
- const element = this.inputItem(`${this.afId}-select-filter-list`, this.focusListItemIndex);
259
- if (element) {
260
- element.focus();
261
- }
262
- }
263
- setFocusSearch() {
264
- const element = this.hostElement.querySelector('input');
265
- if (element) {
266
- element.focus();
267
- }
268
- }
269
- incrementFocusItem() {
270
- const listLength = this.showNeutralValue
271
- ? this._filteredResult.length
272
- : this._filteredResult.length - 1;
273
- if (this.focusListItemIndex < listLength) {
274
- this.focusListItemIndex = this.focusListItemIndex + 1;
275
- this.setFocusItem();
276
- return;
277
- }
278
- else {
279
- if (!this.afMultipleItems) {
280
- this.focusListItemIndex = 0;
281
- this.setFocusItem();
282
- return;
283
- }
284
- }
285
- this.tabHandler();
286
- }
287
- decrementFocusItem() {
288
- if (this.focusListItemIndex === 0) {
289
- this.setFocusSearch();
290
- return;
291
- }
292
- if (this.focusListItemIndex > 0) {
293
- this.focusListItemIndex = this.focusListItemIndex - 1;
294
- }
295
- this.setFocusItem();
296
- }
297
- downHandler(e) {
298
- e.detail.preventDefault();
299
- if (e.detail.code === 'ArrowDown' || e.detail.code === 'ArrowRight') {
300
- this.incrementFocusItem();
301
- }
302
- }
303
- upHandler(e) {
304
- e.detail.preventDefault();
305
- if (e.detail.code === 'ArrowUp' || e.detail.code === 'ArrowLeft') {
306
- this.decrementFocusItem();
307
- }
308
- }
309
- homeHandler(e) {
310
- e.detail.preventDefault();
311
- this.focusListItemIndex = 0;
312
- this.setFocusItem();
313
- }
314
- endHandler(e) {
315
- e.detail.preventDefault();
316
- this.focusListItemIndex = this.showNeutralValue
317
- ? this._filteredResult.length
318
- : this._filteredResult.length - 1;
319
- this.setFocusItem();
320
- }
321
- enterHandler(e) {
322
- e.detail.preventDefault();
323
- e.detail.target.click();
324
- }
325
- spaceHandler(e) {
326
- e.detail.preventDefault();
327
- e.detail.target.click();
328
- }
329
- escHandler() {
330
- if (this.isOpen) {
331
- this.setClosed(true);
332
- }
333
- }
334
- tabHandler() {
335
- if (this.isOpen && this.focusInList) {
336
- if (this.afMultipleItems && this._submitButton) {
337
- setTimeout(() => {
338
- var _a;
339
- if (this._submitButton) {
340
- (_a = this._submitButton.querySelector('button')) === null || _a === void 0 ? void 0 : _a.focus();
341
- }
342
- }, 10);
343
- }
344
- else {
345
- this.setClosed(true);
346
- }
347
- }
348
- }
349
- shiftHandler() {
350
- if (this.isOpen && this.focusInList) {
351
- if (this.afMultipleItems && this._toggleButton) {
352
- this._toggleButton.querySelector('button').focus();
353
- }
354
- else {
355
- this.setFocusSearch();
356
- }
357
- }
358
- }
359
- filterResults() {
360
- if (this._searchQuery && this._searchQuery.length > 0) {
361
- this._filteredResult = [
362
- ...this._afListItems.filter((item) => {
363
- return item.label
364
- .toLowerCase()
365
- .includes(this._searchQuery.toLowerCase());
366
- })
367
- ];
368
- }
369
- else {
370
- this._filteredResult = [...this._afListItems];
371
- }
372
- }
373
- inputSearchKeyboardHandler(e) {
374
- if (e.code === 'ArrowDown') {
375
- e.preventDefault();
376
- this.setFocusItem();
377
- }
378
- if (e.code === 'Enter' && this._searchQuery !== '') {
379
- e.preventDefault();
380
- this.setFocusItem();
381
- }
382
- }
383
- inputSearchInputHandler(e) {
384
- this._searchQuery = e.target.value;
385
- this.afOnQueryChanged.emit(this._searchQuery);
386
- this.filterResults();
387
- }
388
- resetSelectItems(close = false) {
389
- this._selectedItems = [];
390
- this.value = [];
391
- this.afOnSelect.emit([]);
392
- this._searchQuery = '';
393
- this.filterResults();
394
- if (close) {
395
- this.emitFilterClosedEvent();
396
- }
397
- this.afOnResetFilters.emit();
398
- }
399
- selectItemHandler(item) {
400
- if (this.afMultipleItems) {
401
- item.selected = !item.selected;
402
- if (this._selectedItems.filter((x) => {
403
- return x.value === item.value;
404
- }).length > 0) {
405
- //ITEM VALUE ALREADY EXISTS IN LIST, DELETE FROM LIST
406
- this._selectedItems.splice(this._selectedItems.findIndex((e) => e.value === item.value), 1);
407
- }
408
- else {
409
- this._selectedItems = [...this._selectedItems, item];
410
- }
411
- }
412
- else {
413
- this._selectedItems.forEach((item) => {
414
- item.selected = false;
415
- });
416
- item.selected = true;
417
- this._selectedItems = [item];
418
- this.emitFilterClosedEvent();
419
- }
420
- this.value = this._selectedItems;
421
- this.afOnSelect.emit(this._selectedItems);
422
- this.filterResults();
423
- }
424
- isSelected(textValue) {
425
- if (textValue && this._selectedItems && this._selectedItems.length > 0) {
426
- return (this._selectedItems.filter((item) => {
427
- return item.value === textValue;
428
- }).length > 0);
429
- }
430
- return false;
431
- }
432
- get cssModifiers() {
433
- return {
434
- 'digi-form-select-filter--open': this.isOpen,
435
- 'digi-form-select-filter--neutral': this.afValidation === FormSelectFilterValidation.NEUTRAL,
436
- 'digi-form-select-filter--success': this.afValidation === FormSelectFilterValidation.SUCCESS,
437
- 'digi-form-select-filter--warning': this.afValidation === FormSelectFilterValidation.WARNING,
438
- 'digi-form-select-filter--error': this.afValidation === FormSelectFilterValidation.ERROR
439
- };
440
- }
441
- get cssModifiersToggleButtonIndicator() {
442
- return {
443
- 'digi-form-select-filter__toggle-button-indicator--active': this._selectedItems.length > 0
444
- };
445
- }
446
- get cssModifiersToggleButtonWrapper() {
447
- return {
448
- 'digi-form-select-filter__toggle-button-wrapper--activated': this._selectedItems.length > 0
449
- };
450
- }
451
- buttonText(isAriaLabel) {
452
- const ariaLabelText = (text = '') => {
453
- return isAriaLabel ? text : '';
454
- };
455
- if (this._selectedItems && this._selectedItems.length === 1) {
456
- return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
457
- this._selectedItems[0].label);
458
- }
459
- else if (this._selectedItems &&
460
- this._selectedItems.length > 0 &&
461
- this.afMultipleItems) {
462
- if (this.afFilterButtonTextMultipleValues) {
463
- return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
464
- this.afFilterButtonTextMultipleValues.replace('{count}', this._selectedItems.length.toString()));
465
- }
466
- else {
467
- return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
468
- `${this._selectedItems.length} valda`);
469
- }
470
- }
471
- else {
472
- return (ariaLabelText(this.afFilterButtonTextLabel
473
- ? this.afFilterButtonTextLabel + ': '
474
- : '') + this.afFilterButtonText);
475
- }
476
- }
477
- get renderButtonLabel() {
478
- return this.buttonText(false);
479
- }
480
- get ariaLabel() {
481
- return this.buttonText(true);
482
- }
483
- get showNeutralValue() {
484
- return (!this.afMultipleItems &&
485
- this.afFilterButtonText &&
486
- this._searchQuery.length === 0);
487
- }
488
- showValidation() {
489
- return !this.afDisableValidation &&
490
- this.afValidation !== FormSelectFilterValidation.NEUTRAL &&
491
- this.afValidationText
492
- ? true
493
- : false;
494
- }
495
- renderEmptyStateBox() {
496
- let statusMessage = '';
497
- if (this._filteredResult && this._filteredResult.length > 0) {
498
- statusMessage = `${this._filteredResult.length} sökträff${this._filteredResult.length > 1 ? 'ar' : ''}`;
499
- }
500
- else if (this._filteredResult.length === 0) {
501
- statusMessage = `${this.afEmptySearchMessage} ${this._searchQuery}`;
502
- }
503
- return (h(Fragment, null, h("div", { role: "status", id: `${this.afId}-searchstatus`, class: {
504
- 'digi-form-select-filter__search-status': true,
505
- 'digi--a11y--sr-only': this._filteredResult && this._filteredResult.length > 0
506
- } }, h("span", null, " ", statusMessage, " "), h("div", { class: {
507
- hidden: this._filteredResult && this._filteredResult.length > 0
508
- } }, h("slot", { name: "empty-search-result" })))));
509
- }
510
- render() {
511
- return (h(Host, { key: '62acc267c182d80703024115c50dddec8413ad3c', tabindex: -1 }, h("div", { key: 'feea697aee9107e7b90792251c7661ff0ada1a98', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, 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 }), h("digi-util-keydown-handler", { key: '703080c3a43d0d8ccd233560b2287d9127a87a8b', onAfOnEsc: () => this.escHandler() }, 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 }, h("div", { key: '4b913f6134090cb598f7dbc331c290ef655f687e', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: 'ccb42c85db8f9bf3d39fd3864b8c02aacb98c6d9', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '704782f9bc33016df16c8492b29721723ed591fb', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '83211db95b19280716ee81611a183816fa00b1d0', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: 'a88f7aa3f0923e34b0f8866a936261ecbb0701e6', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
512
- 'digi-form-select-filter__dropdown': true,
513
- 'digi-form-select-filter__dropdown--right': this.afAlignRight,
514
- 'digi-form-select-filter__dropdown--hidden': !this.isOpen
515
- } }, h("fieldset", { key: 'b79878e2277511c2543663776189ba0a42047894' }, h("div", { key: 'a0d832fe7834a55eb92bf48a9182057886d5e82e', class: "digi-form-select-filter__header" }, h("legend", { key: '59acc3f35f85559e958656e00216ad9439448344', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ed1ba547b5c69791779d0127a58dff9c86a48976', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
516
- this.focusListItemIndex = 0;
517
- }, onAfOnKeyup: (e) => {
518
- this.inputSearchKeyboardHandler(e.detail);
519
- }, 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()), h("div", { key: '793751dc225d514f42af1a9ec017b7faa9d363c5', class: "digi-form-select-filter__scroll" }, 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() }, 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
520
- ? 'false'
521
- : this.afValidation ===
522
- FormSelectFilterValidation.ERROR
523
- ? 'true'
524
- : 'false', "aria-errormessage": `${this.afId}--validation-message`, "aria-required": this.afMultipleItems
525
- ? false
526
- : this.afRequired
527
- ? 'true'
528
- : 'false' }, this.showNeutralValue && (h("li", { key: '1d1a778273c5ac8f3d30b65048162e47b19f00cd', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
529
- ? 'false'
530
- : this.afRequired
531
- ? 'true'
532
- : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'aa7ea145f0ad6f125f9df0ba11aaf90d0113c20c', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
533
- this._filteredResult.map((item, index) => {
534
- return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
535
- ? 'false'
536
- : this.afRequired
537
- ? 'true'
538
- : 'false', "aria-invalid": this.afMultipleItems
539
- ? this.afValidation ===
540
- FormSelectFilterValidation.ERROR
541
- ? 'true'
542
- : 'false'
543
- : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue
544
- ? -1
545
- : index === 0
546
- ? 0
547
- : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
548
- }))))), this.afMultipleItems && (h("div", { key: '428fecfda65ca5dab87d15049010462f38bf49f3', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (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)), h("digi-util-keydown-handler", { key: 'd151b5df0a4002633e0966d44d0482183b7ecfe5', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '207d29e920ec9db9aa2f2ba29bd650453210e8b3', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
549
- this.setClosed(true);
550
- }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '514a8e6c957b4293f095b0718139ac47e64648ab', class: "digi-form-select__footer" }, h("div", { key: '3b5ceffdcbf3f1fd4671bc73fdea48a573cd0379', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'faab034ee053826ebd82fda81273d0f815b648ec', "af-variation": this.afValidation }, this.afValidationText)))))));
551
- }
552
- get hostElement() { return getElement(this); }
553
- static get watchers() { return {
554
- "value": ["onValueChanged"],
555
- "afListItems": ["handleListItems"]
556
- }; }
557
- };
558
- FormSelectFilter.style = DigiFormSelectFilterStyle0;
559
-
560
- export { FormSelectFilter as digi_form_select_filter };
@@ -1,26 +0,0 @@
1
- import { r as registerInstance, h } from './index-148a7577.js';
2
- import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
-
4
- 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)}";
5
- const DigiIconCheckStyle0 = iconCheckCss;
6
-
7
- const IconCheck = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.afTitle = undefined;
11
- this.afDesc = undefined;
12
- this.afSvgAriaHidden = true;
13
- this.afSvgAriaLabelledby = undefined;
14
- this.titleId = randomIdGenerator('icontitle');
15
- }
16
- render() {
17
- return (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
18
- ? this.afSvgAriaLabelledby
19
- : this.afTitle
20
- ? this.titleId
21
- : undefined }, this.afTitle && h("title", { key: '0b6cad5ad89e4df27945f378275265d370a7de32', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b1ae6ed14da198fdbe4c924240de976382c749c0' }, this.afDesc), 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" })));
22
- }
23
- };
24
- IconCheck.style = DigiIconCheckStyle0;
25
-
26
- export { IconCheck as digi_icon_check };
@@ -1,26 +0,0 @@
1
- import { r as registerInstance, h } from './index-148a7577.js';
2
- import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
-
4
- const iconChevronDownCss = ".sc-digi-icon-chevron-down-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-chevron-down-h svg.sc-digi-icon-chevron-down{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)}";
5
- const DigiIconChevronDownStyle0 = iconChevronDownCss;
6
-
7
- const IconChevronDown = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.afTitle = undefined;
11
- this.afDesc = undefined;
12
- this.afSvgAriaHidden = true;
13
- this.afSvgAriaLabelledby = undefined;
14
- this.titleId = randomIdGenerator('icontitle');
15
- }
16
- render() {
17
- return (h("svg", { key: '8c1823e497c5b4b7d33f1e5527279636819b86a8', class: "digi-icon-chevron-down", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
18
- ? this.afSvgAriaLabelledby
19
- : this.afTitle
20
- ? this.titleId
21
- : undefined }, this.afTitle && h("title", { key: '1c0a137be9ac050af93f8e52e93996555b18ae96', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ad8090cd6ad3607946a7bba7fd69a3e3ee7b3538' }, this.afDesc), h("path", { key: '5e92479bddf6b48482ba2f4d2258c6a051bc2080', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
22
- }
23
- };
24
- IconChevronDown.style = DigiIconChevronDownStyle0;
25
-
26
- export { IconChevronDown as digi_icon_chevron_down };