@designsystem-se/af 37.0.2-beta.0 → 37.0.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (249) hide show
  1. package/components/digi-bar-chart.js +1 -1
  2. package/components/digi-button.js +1 -1
  3. package/components/digi-calendar-datepicker.js +1 -1
  4. package/components/digi-calendar-week-view.js +1 -1
  5. package/components/digi-chart-line.js +1 -1
  6. package/components/digi-code-block.js +1 -1
  7. package/components/digi-code-example.js +2 -2
  8. package/components/digi-context-menu.js +1 -1
  9. package/components/digi-dialog.js +1 -1
  10. package/components/digi-form-category-filter.js +1 -1
  11. package/components/digi-form-checkbox.js +1 -1
  12. package/components/digi-form-error-list.js +2 -2
  13. package/components/digi-form-filter.js +3 -3
  14. package/components/digi-form-input-search.js +1 -1
  15. package/components/digi-form-select-filter.js +2 -2
  16. package/components/digi-header-avatar.js +1 -1
  17. package/components/digi-header-navigation.js +1 -1
  18. package/components/digi-header.js +4 -4
  19. package/components/digi-info-card-multi.js +1 -1
  20. package/components/digi-info-card.js +1 -1
  21. package/components/digi-link-internal.js +1 -1
  22. package/components/digi-navigation-pagination.js +1 -1
  23. package/components/digi-navigation-sidebar-button.js +1 -1
  24. package/components/digi-navigation-sidebar.js +1 -1
  25. package/components/digi-notification-alert.js +1 -1
  26. package/components/digi-tag.js +1 -1
  27. package/components/digi-tools-feedback.js +1 -1
  28. package/components/digi-tools-theme-provider.js +1 -1
  29. package/components/p-0139aa4e.js +66 -0
  30. package/components/{p-d2a95a3e.js → p-35dc20c4.js} +1 -1
  31. package/components/{p-29f63312.js → p-6bc35478.js} +1 -1
  32. package/components/p-a761b038.js +165 -0
  33. package/components/p-ae129206.js +163 -0
  34. package/components/{p-e756fda7.js → p-f5f26951.js} +1 -1
  35. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  36. package/dist/cjs/digi-button_83.cjs.entry.js +8198 -0
  37. package/dist/cjs/{digi-code-block.cjs.entry.js → digi-code-block_2.cjs.entry.js} +28 -9
  38. package/dist/cjs/digi-dialog.cjs.entry.js +2 -9
  39. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -9
  40. package/dist/cjs/digi-form-radiogroup.cjs.entry.js +80 -0
  41. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -9
  42. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -9
  43. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -9
  44. package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -9
  45. package/dist/cjs/form-radiogroup-validation.enum-03a17d4d.js +9 -0
  46. package/dist/cjs/index-7a477838.js +8 -140
  47. package/dist/cjs/index.cjs.js +106 -113
  48. package/dist/cjs/loader.cjs.js +1 -1
  49. package/dist/cjs/{typography-variation.enum-e41bd69d.js → typography-variation.enum-d87d726d.js} +119 -8
  50. package/dist/collection/components/_button/button/button.css +4 -4
  51. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +15 -7
  52. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +14 -6
  53. package/dist/collection/components/_form/form-filter/form-filter.css +1 -1
  54. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +2 -2
  55. package/dist/collection/components/_header/header/header.js +2 -2
  56. package/dist/collection/components/_header/header-avatar/header-avatar.css +14 -6
  57. package/dist/collection/components/_info-card/info-card-multi/info-card-multi.css +1 -1
  58. package/dist/collection/components/_link/link-internal/link-internal.css +14 -6
  59. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +3 -3
  60. package/dist/collection/design-tokens/components/_button.variables.scss +4 -4
  61. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  62. package/dist/collection/design-tokens/components/_form-filter.variables.scss +1 -1
  63. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +2 -2
  64. package/dist/collection/design-tokens/components/_info-card-multi.variables.scss +1 -1
  65. package/dist/collection/styles/src/_alias.mixin.scss +4 -0
  66. package/dist/collection/styles/src/themes/_common.mixin.scss +2 -2
  67. package/dist/collection/styles/src/themes/_theme-af25.mixin.scss +8 -4
  68. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +4 -4
  69. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  70. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +1 -1
  71. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +2 -2
  72. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss +1 -1
  73. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  74. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  75. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  76. package/dist/digi-arbetsformedlingen/p-09169f17.entry.js +1 -0
  77. package/dist/digi-arbetsformedlingen/p-24fe2189.js +1 -0
  78. package/dist/digi-arbetsformedlingen/p-3066da42.entry.js +1 -0
  79. package/dist/digi-arbetsformedlingen/p-750ff498.entry.js +1 -0
  80. package/dist/digi-arbetsformedlingen/p-81bbd04c.entry.js +1 -0
  81. package/dist/digi-arbetsformedlingen/p-8f775593.entry.js +1 -0
  82. package/dist/digi-arbetsformedlingen/p-901a3527.entry.js +1 -0
  83. package/dist/digi-arbetsformedlingen/p-94a9a0f4.entry.js +1 -0
  84. package/dist/digi-arbetsformedlingen/p-a6009681.js +1 -0
  85. package/dist/digi-arbetsformedlingen/p-ec9e7c00.entry.js +1 -0
  86. package/dist/digi-arbetsformedlingen/p-f6edfd64.entry.js +1 -0
  87. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +4 -0
  88. package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +2 -2
  89. package/dist/digi-arbetsformedlingen/styles/src/themes/_theme-af25.mixin.scss +8 -4
  90. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  91. package/dist/esm/digi-button_83.entry.js +8112 -0
  92. package/dist/esm/{digi-code-block.entry.js → digi-code-block_2.entry.js} +28 -10
  93. package/dist/esm/digi-dialog.entry.js +2 -9
  94. package/dist/esm/digi-form-error-list.entry.js +2 -9
  95. package/dist/esm/digi-form-radiogroup.entry.js +76 -0
  96. package/dist/esm/digi-form-receipt.entry.js +2 -9
  97. package/dist/esm/digi-navigation-pagination.entry.js +2 -9
  98. package/dist/esm/digi-notification-error-page.entry.js +2 -9
  99. package/dist/esm/digi-tools-feedback.entry.js +2 -9
  100. package/dist/esm/form-radiogroup-validation.enum-d790fc66.js +9 -0
  101. package/dist/esm/index-148a7577.js +8 -140
  102. package/dist/esm/index.js +2 -9
  103. package/dist/esm/loader.js +1 -1
  104. package/dist/esm/{typography-variation.enum-b07f76c9.js → typography-variation.enum-c5257524.js} +120 -9
  105. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +1 -1
  106. package/dist/types/components.d.ts +2 -2
  107. package/hydrate/index.js +10 -10
  108. package/hydrate/index.mjs +10 -10
  109. package/package.json +1 -1
  110. package/components/p-0d568c4b.js +0 -66
  111. package/components/p-606ba731.js +0 -165
  112. package/components/p-f77cb7ae.js +0 -163
  113. package/dist/cjs/digi-button_38.cjs.entry.js +0 -5759
  114. package/dist/cjs/digi-footer-card.cjs.entry.js +0 -29
  115. package/dist/cjs/digi-footer.cjs.entry.js +0 -64
  116. package/dist/cjs/digi-form-file-upload.cjs.entry.js +0 -588
  117. package/dist/cjs/digi-form-filter.cjs.entry.js +0 -248
  118. package/dist/cjs/digi-header-avatar.cjs.entry.js +0 -114
  119. package/dist/cjs/digi-header-navigation-item.cjs.entry.js +0 -27
  120. package/dist/cjs/digi-header-navigation.cjs.entry.js +0 -218
  121. package/dist/cjs/digi-header-notification.cjs.entry.js +0 -23
  122. package/dist/cjs/digi-header.cjs.entry.js +0 -134
  123. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +0 -30
  124. package/dist/cjs/digi-icon-bars.cjs.entry.js +0 -30
  125. package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +0 -30
  126. package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +0 -99
  127. package/dist/cjs/digi-icon-envelope.cjs.entry.js +0 -30
  128. package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +0 -60
  129. package/dist/cjs/digi-icon-globe.cjs.entry.js +0 -30
  130. package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +0 -145
  131. package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +0 -99
  132. package/dist/cjs/digi-icon-sign.cjs.entry.js +0 -30
  133. package/dist/cjs/digi-icon-spinner.cjs.entry.js +0 -31
  134. package/dist/cjs/digi-icon-x.cjs.entry.js +0 -30
  135. package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +0 -22
  136. package/dist/cjs/digi-info-card-multi.cjs.entry.js +0 -58
  137. package/dist/cjs/digi-info-card.cjs.entry.js +0 -79
  138. package/dist/cjs/digi-layout-columns.cjs.entry.js +0 -33
  139. package/dist/cjs/digi-link-button.cjs.entry.js +0 -66
  140. package/dist/cjs/digi-link-internal.cjs.entry.js +0 -37
  141. package/dist/cjs/digi-logo.cjs.entry.js +0 -69
  142. package/dist/cjs/digi-media-image_2.cjs.entry.js +0 -167
  143. package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +0 -30
  144. package/dist/cjs/digi-notification-alert.cjs.entry.js +0 -102
  145. package/dist/cjs/digi-tag-media.cjs.entry.js +0 -47
  146. package/dist/cjs/digi-title-logo.cjs.entry.js +0 -121
  147. package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +0 -48
  148. package/dist/cjs/footer-card-variation.enum-99555edc.js +0 -8
  149. package/dist/cjs/form-validation-message-variation.enum-c5ec3e2d.js +0 -31
  150. package/dist/cjs/info-card-multi-type.enum-14746572.js +0 -8
  151. package/dist/cjs/info-card-variation.enum-64cef637.js +0 -24
  152. package/dist/cjs/layout-columns-variation.enum-65675649.js +0 -23
  153. package/dist/cjs/link-button-variation.enum-137785e3.js +0 -9
  154. package/dist/cjs/logo-variation.enum-607fadb4.js +0 -13
  155. package/dist/cjs/tag-media-icon.enum-372563c5.js +0 -11
  156. package/dist/digi-arbetsformedlingen/p-0501a287.entry.js +0 -1
  157. package/dist/digi-arbetsformedlingen/p-07303cb5.js +0 -1
  158. package/dist/digi-arbetsformedlingen/p-0f543000.entry.js +0 -1
  159. package/dist/digi-arbetsformedlingen/p-0f6c0360.js +0 -1
  160. package/dist/digi-arbetsformedlingen/p-13120f18.entry.js +0 -1
  161. package/dist/digi-arbetsformedlingen/p-16f09f62.entry.js +0 -1
  162. package/dist/digi-arbetsformedlingen/p-180663ef.entry.js +0 -1
  163. package/dist/digi-arbetsformedlingen/p-1a619dd3.entry.js +0 -1
  164. package/dist/digi-arbetsformedlingen/p-237cad1c.entry.js +0 -1
  165. package/dist/digi-arbetsformedlingen/p-26e8ea70.entry.js +0 -1
  166. package/dist/digi-arbetsformedlingen/p-286973f2.entry.js +0 -1
  167. package/dist/digi-arbetsformedlingen/p-290d1746.js +0 -1
  168. package/dist/digi-arbetsformedlingen/p-2a023831.js +0 -1
  169. package/dist/digi-arbetsformedlingen/p-3887bb40.js +0 -1
  170. package/dist/digi-arbetsformedlingen/p-3c0c5222.entry.js +0 -1
  171. package/dist/digi-arbetsformedlingen/p-3dafce70.entry.js +0 -1
  172. package/dist/digi-arbetsformedlingen/p-443e9415.entry.js +0 -1
  173. package/dist/digi-arbetsformedlingen/p-52a3c86a.entry.js +0 -1
  174. package/dist/digi-arbetsformedlingen/p-54d9bd3e.entry.js +0 -1
  175. package/dist/digi-arbetsformedlingen/p-5ca38506.entry.js +0 -1
  176. package/dist/digi-arbetsformedlingen/p-5eba5ec4.entry.js +0 -1
  177. package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +0 -1
  178. package/dist/digi-arbetsformedlingen/p-67e32cc2.entry.js +0 -1
  179. package/dist/digi-arbetsformedlingen/p-73a6be41.entry.js +0 -1
  180. package/dist/digi-arbetsformedlingen/p-76ec3619.entry.js +0 -1
  181. package/dist/digi-arbetsformedlingen/p-780519ec.entry.js +0 -1
  182. package/dist/digi-arbetsformedlingen/p-7888e12c.entry.js +0 -1
  183. package/dist/digi-arbetsformedlingen/p-7c116ffb.entry.js +0 -1
  184. package/dist/digi-arbetsformedlingen/p-800b764b.entry.js +0 -1
  185. package/dist/digi-arbetsformedlingen/p-814ca2ad.js +0 -1
  186. package/dist/digi-arbetsformedlingen/p-820e795b.js +0 -1
  187. package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +0 -1
  188. package/dist/digi-arbetsformedlingen/p-84719680.entry.js +0 -1
  189. package/dist/digi-arbetsformedlingen/p-870c4f49.entry.js +0 -1
  190. package/dist/digi-arbetsformedlingen/p-8e1568c4.entry.js +0 -1
  191. package/dist/digi-arbetsformedlingen/p-8e47ac34.entry.js +0 -1
  192. package/dist/digi-arbetsformedlingen/p-9b6e8cf8.entry.js +0 -1
  193. package/dist/digi-arbetsformedlingen/p-9e56568b.entry.js +0 -1
  194. package/dist/digi-arbetsformedlingen/p-ac87daf1.entry.js +0 -1
  195. package/dist/digi-arbetsformedlingen/p-b328f60b.entry.js +0 -1
  196. package/dist/digi-arbetsformedlingen/p-b4bef936.entry.js +0 -1
  197. package/dist/digi-arbetsformedlingen/p-d9bcab5f.entry.js +0 -1
  198. package/dist/digi-arbetsformedlingen/p-df3a8ec4.entry.js +0 -1
  199. package/dist/digi-arbetsformedlingen/p-e2c92528.entry.js +0 -1
  200. package/dist/digi-arbetsformedlingen/p-e540b80f.entry.js +0 -1
  201. package/dist/digi-arbetsformedlingen/p-e5fee242.js +0 -1
  202. package/dist/digi-arbetsformedlingen/p-e7ee9bea.entry.js +0 -1
  203. package/dist/digi-arbetsformedlingen/p-eada91bf.entry.js +0 -1
  204. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +0 -1
  205. package/dist/digi-arbetsformedlingen/p-fa44ce49.entry.js +0 -1
  206. package/dist/digi-arbetsformedlingen/p-fe409f14.entry.js +0 -1
  207. package/dist/esm/digi-button_38.entry.js +0 -5718
  208. package/dist/esm/digi-footer-card.entry.js +0 -25
  209. package/dist/esm/digi-footer.entry.js +0 -60
  210. package/dist/esm/digi-form-file-upload.entry.js +0 -584
  211. package/dist/esm/digi-form-filter.entry.js +0 -244
  212. package/dist/esm/digi-header-avatar.entry.js +0 -110
  213. package/dist/esm/digi-header-navigation-item.entry.js +0 -23
  214. package/dist/esm/digi-header-navigation.entry.js +0 -214
  215. package/dist/esm/digi-header-notification.entry.js +0 -19
  216. package/dist/esm/digi-header.entry.js +0 -130
  217. package/dist/esm/digi-icon-accessibility-universal.entry.js +0 -26
  218. package/dist/esm/digi-icon-bars.entry.js +0 -26
  219. package/dist/esm/digi-icon-bell-filled.entry.js +0 -26
  220. package/dist/esm/digi-icon-check-circle-solid_4.entry.js +0 -92
  221. package/dist/esm/digi-icon-envelope.entry.js +0 -26
  222. package/dist/esm/digi-icon-external-link-alt_2.entry.js +0 -55
  223. package/dist/esm/digi-icon-globe.entry.js +0 -26
  224. package/dist/esm/digi-icon-list-ul_6.entry.js +0 -136
  225. package/dist/esm/digi-icon-notification-error_4.entry.js +0 -92
  226. package/dist/esm/digi-icon-sign.entry.js +0 -26
  227. package/dist/esm/digi-icon-spinner.entry.js +0 -27
  228. package/dist/esm/digi-icon-x.entry.js +0 -26
  229. package/dist/esm/digi-info-card-multi-container.entry.js +0 -18
  230. package/dist/esm/digi-info-card-multi.entry.js +0 -54
  231. package/dist/esm/digi-info-card.entry.js +0 -75
  232. package/dist/esm/digi-layout-columns.entry.js +0 -29
  233. package/dist/esm/digi-link-button.entry.js +0 -62
  234. package/dist/esm/digi-link-internal.entry.js +0 -33
  235. package/dist/esm/digi-logo.entry.js +0 -65
  236. package/dist/esm/digi-media-image_2.entry.js +0 -162
  237. package/dist/esm/digi-navigation-sidebar-button.entry.js +0 -26
  238. package/dist/esm/digi-notification-alert.entry.js +0 -98
  239. package/dist/esm/digi-tag-media.entry.js +0 -43
  240. package/dist/esm/digi-title-logo.entry.js +0 -117
  241. package/dist/esm/digi-util-breakpoint-observer.entry.js +0 -44
  242. package/dist/esm/footer-card-variation.enum-cc732148.js +0 -8
  243. package/dist/esm/form-validation-message-variation.enum-f7835fc5.js +0 -31
  244. package/dist/esm/info-card-multi-type.enum-07ee124f.js +0 -8
  245. package/dist/esm/info-card-variation.enum-2ccc52c1.js +0 -24
  246. package/dist/esm/layout-columns-variation.enum-34f7754e.js +0 -23
  247. package/dist/esm/link-button-variation.enum-84d4976f.js +0 -9
  248. package/dist/esm/logo-variation.enum-5b68b79f.js +0 -13
  249. package/dist/esm/tag-media-icon.enum-fefa191c.js +0 -11
@@ -1,162 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
2
-
3
- const mediaImageCss = ".digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}";
4
- const DigiMediaImageStyle0 = mediaImageCss;
5
-
6
- const MediaImage = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.afOnLoad = createEvent(this, "afOnLoad", 7);
10
- this.isPlaceholderLoaded = false;
11
- this.hasSetSrc = false;
12
- this.hasAspectRatio = false;
13
- this.paddedBoxPadding = '0%';
14
- this.isLoaded = false;
15
- this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
16
- this.srcset = undefined;
17
- this.afObserverOptions = {
18
- rootMargin: '200px',
19
- threshold: 0
20
- };
21
- this.afSrc = undefined;
22
- this.afSrcset = undefined;
23
- this.afAlt = undefined;
24
- this.afTitle = undefined;
25
- this.afAriaLabel = undefined;
26
- this.afWidth = undefined;
27
- this.afHeight = undefined;
28
- this.afFullwidth = undefined;
29
- this.afUnlazy = false;
30
- }
31
- srcChangeHandler() {
32
- this.setImageSrc();
33
- }
34
- connectedCallback() {
35
- if (this.afUnlazy) {
36
- this.setImageSrc();
37
- }
38
- // Add padded box to wrapper if width and height props exists
39
- if (this.afWidth && this.afHeight) {
40
- this.hasAspectRatio = true;
41
- this.setPaddedBox();
42
- }
43
- }
44
- setImageSrc() {
45
- this.src = this.afSrc;
46
- this.srcset = this.afSrcset;
47
- this.hasSetSrc = true;
48
- }
49
- setPaddedBox() {
50
- this.paddedBoxPadding =
51
- (parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
52
- }
53
- intersectHandler() {
54
- if (this.afUnlazy) {
55
- return;
56
- }
57
- this.setImageSrc();
58
- }
59
- loadHandler(e) {
60
- if (this.afUnlazy) {
61
- return;
62
- }
63
- if (this.isPlaceholderLoaded) {
64
- this.isLoaded = true;
65
- this.afOnLoad.emit(e);
66
- return;
67
- }
68
- this.isPlaceholderLoaded = true;
69
- }
70
- get cssModifiers() {
71
- return {
72
- 'digi-media-image--unlazy': this.afUnlazy,
73
- 'digi-media-image--loaded': this.isLoaded,
74
- 'digi-media-image--aspect-ratio': this.hasAspectRatio,
75
- 'digi-media-image--fullwidth': this.afFullwidth
76
- };
77
- }
78
- get cssInlineStyles() {
79
- return {
80
- '--digi--media-image--padded-box': this.paddedBoxPadding
81
- };
82
- }
83
- render() {
84
- return (h("host", { key: 'd73ca369f146ceee58517820156c254eb0fdb0d3' }, h("div", { key: '93419395e2c892dd7a727314d9969cfa4b486142', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
85
- '--digi--media-image--width': this.afWidth
86
- ? `${this.afWidth}px`
87
- : null
88
- } }, h("digi-util-intersection-observer", { key: '1ef7fbf526107cd283b77eafdc6dae8d01b925c5', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '265b145a1c4adbd92945f0f7ea5c245a315a2d69', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: 'ecf7aef38f9a7f6a3a49b446c6ff229736a9dc36', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
89
- }
90
- static get watchers() { return {
91
- "afSrc": ["srcChangeHandler"]
92
- }; }
93
- };
94
- MediaImage.style = DigiMediaImageStyle0;
95
-
96
- const UtilIntersectionObserver = class {
97
- constructor(hostRef) {
98
- registerInstance(this, hostRef);
99
- this.afOnChange = createEvent(this, "afOnChange", 7);
100
- this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
101
- this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
102
- this._observer = null;
103
- this._hasIntersected = false;
104
- this._isObserving = false;
105
- this.afOnce = false;
106
- this.afOptions = {
107
- rootMargin: '0px',
108
- threshold: 0
109
- };
110
- }
111
- afOptionsWatcher(newValue) {
112
- this._afOptions =
113
- typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
114
- }
115
- componentWillLoad() {
116
- this.afOptionsWatcher(this.afOptions);
117
- this.initObserver();
118
- }
119
- disconnectedCallback() {
120
- if (this._isObserving) {
121
- this.removeObserver();
122
- }
123
- }
124
- initObserver() {
125
- this._observer = new IntersectionObserver(([entry]) => {
126
- if (entry && entry.isIntersecting) {
127
- this.intersectionHandler();
128
- if (this.afOnce) {
129
- this.removeObserver();
130
- }
131
- }
132
- else if (entry && this._hasIntersected) {
133
- this.unintersectionHandler();
134
- }
135
- }, this._afOptions);
136
- this._observer.observe(this.$el);
137
- this._isObserving = true;
138
- }
139
- removeObserver() {
140
- this._observer.disconnect();
141
- this._isObserving = false;
142
- }
143
- intersectionHandler() {
144
- this.afOnChange.emit(true);
145
- this.afOnIntersect.emit();
146
- this._hasIntersected = true;
147
- }
148
- unintersectionHandler() {
149
- this.afOnChange.emit(false);
150
- this.afOnUnintersect.emit();
151
- this._hasIntersected = false;
152
- }
153
- render() {
154
- return h("slot", { key: '4d011168ecb730b4ab3e78df5781f0577b614ebb' });
155
- }
156
- get $el() { return getElement(this); }
157
- static get watchers() { return {
158
- "afOptions": ["afOptionsWatcher"]
159
- }; }
160
- };
161
-
162
- export { MediaImage as digi_media_image, UtilIntersectionObserver as digi_util_intersection_observer };
@@ -1,26 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-148a7577.js';
2
- import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
-
4
- const navigationSidebarButtonCss = ".sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}";
5
- const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
6
-
7
- const NavigationSidebarButton = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.afOnToggle = createEvent(this, "afOnToggle", 7);
11
- this.isActive = false;
12
- this.afText = undefined;
13
- this.afAriaLabel = undefined;
14
- this.afId = randomIdGenerator('digi-navigation-sidebar-button');
15
- }
16
- toggleHandler() {
17
- this.isActive = !this.isActive;
18
- this.afOnToggle.emit(this.isActive);
19
- }
20
- render() {
21
- return (h("digi-button", { key: '1c7692b9ac711d9dc05a0eb4166dc1d301fe08e8', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '1d3b9f381d2c90cf25a7c7d7a9f394f617575be7', slot: "icon" })));
22
- }
23
- };
24
- NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
25
-
26
- export { NavigationSidebarButton as digi_navigation_sidebar_button };
@@ -1,98 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
2
- import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
3
- import { J as NotificationAlertHeadingLevel, K as NotificationAlertSize, M as NotificationAlertVariation, Z as TypographyVariation } from './typography-variation.enum-b07f76c9.js';
4
- import './badge-notification-shape.enum-e15a6245.js';
5
- import './badge-status-variation.enum-8d6370ff.js';
6
- import './code-example-variation.enum-e656d235.js';
7
- import './form-input-type.enum-a6bba983.js';
8
- import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
9
- import './calendar-week-view-heading-level.enum-6774297c.js';
10
- import './bar-chart-variation.enum-97c0b47f.js';
11
- import './code-variation.enum-1eee7c7a.js';
12
- import './expandable-accordion-header-level.enum-85681e2f.js';
13
- import './expandable-faq-variation.enum-6934c367.js';
14
- import './footer-card-variation.enum-cc732148.js';
15
- import './form-validation-message-variation.enum-f7835fc5.js';
16
- import './form-textarea-variation.enum-05017e8e.js';
17
- import './info-card-multi-type.enum-07ee124f.js';
18
- import './info-card-variation.enum-2ccc52c1.js';
19
- import './layout-block-variation.enum-b7a20db4.js';
20
- import './layout-columns-variation.enum-34f7754e.js';
21
- import './link-button-variation.enum-84d4976f.js';
22
- import './list-type.enum-fbb331ad.js';
23
- import './loader-skeleton-variation.enum-f9f867b4.js';
24
- import './loader-spinner-size.enum-0b246fa0.js';
25
- import './logo-variation.enum-5b68b79f.js';
26
- import './media-figure-alignment.enum-a1d36567.js';
27
- import './navigation-sidebar-variation.enum-8fead764.js';
28
- import './progress-list-item-variation.enum-384b9a3a.js';
29
- import './progress-list-variation.enum-300bd89d.js';
30
- import './progressbar-variation.enum-40adaab4.js';
31
- import './quote-image-inner-position.enum-8e9b1e65.js';
32
- import './table-variation.enum-dd9366b6.js';
33
- import './tag-media-icon.enum-fefa191c.js';
34
- import './tag-size.enum-403e0cd8.js';
35
- import './tools-feedback-banner-type.enum-74b4e580.js';
36
- import './tools-feedback-rating-variation.enum-29058ff2.js';
37
- import './typography-meta-variation.enum-1f7c2878.js';
38
- import './typography-time-variation.enum-34c830ef.js';
39
- import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
40
-
41
- const notificationAlertCss = ".sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__main-wrapper.sc-digi-notification-alert{flex:1}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 47.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}";
42
- const DigiNotificationAlertStyle0 = notificationAlertCss;
43
-
44
- const NotificationAlert = class {
45
- constructor(hostRef) {
46
- registerInstance(this, hostRef);
47
- this.afOnClose = createEvent(this, "afOnClose", 7);
48
- this.afOnReady = createEvent(this, "afOnReady", 3);
49
- this.listItems = [];
50
- this.afHeading = undefined;
51
- this.afHeadingLevel = NotificationAlertHeadingLevel.H2;
52
- this.afSize = NotificationAlertSize.LARGE;
53
- this.afVariation = NotificationAlertVariation.INFO;
54
- this.afCloseable = false;
55
- this.afCloseAriaLabel = 'Stäng meddelandet';
56
- this.afId = randomIdGenerator('digi-notification-alert');
57
- }
58
- /**
59
- * Hämtar en referens till rubrikelementet. Bra för att t.ex. sätta fokus programmatiskt.
60
- * @en Returns a reference to the heading element. Handy for setting focus programmatically.
61
- */
62
- async afMGetHeadingElement() {
63
- return this._heading;
64
- }
65
- clickHandler(e) {
66
- this.afOnClose.emit(e);
67
- }
68
- componentDidLoad() {
69
- this.afOnReady.emit();
70
- }
71
- get cssModifiers() {
72
- return {
73
- [`digi-notification-alert--size-${this.afSize}`]: !!this.afSize,
74
- [`digi-notification-alert--variation-${this.afVariation}`]: !!this.afVariation,
75
- 'digi-notification-alert--closeable': this.afCloseable
76
- };
77
- }
78
- get icon() {
79
- switch (this.afVariation) {
80
- case NotificationAlertVariation.SUCCESS:
81
- return h("digi-icon-notification-succes", null);
82
- case NotificationAlertVariation.WARNING:
83
- return h("digi-icon-notification-warning", null);
84
- case NotificationAlertVariation.DANGER:
85
- return h("digi-icon-notification-error", null);
86
- default:
87
- return h("digi-icon-notification-info", null);
88
- }
89
- }
90
- render() {
91
- return (h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, h("div", { key: '3a9b948108d510282da3d344036df3b15d4c6a6b', class: "digi-notification-alert__icon-wrapper" }, h("div", { key: '6de4451514422b7b54e96767d7fc0aaf1d85ad4a', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'cb537642611e6fcc4fbe72d97906eb879455ab28', class: "digi-notification-alert__main-wrapper" }, h("div", { key: '41f8b5af01d7d24dc147e536b14417a15bb3c53c', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '4ac49d9ee2cd397995e7d70ce7159cb2a04d7ccc', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'efcb9359dc3b64b26b1bb549200912432ce332ed', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '0e3d6e993740cc994f7cf944d5a6c65feb8d4c38', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'bb436a69524dd58366d46e70e5a173d2e2626d96', class: "digi-notification-alert__text" }, this.afHeading &&
92
- this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '85aaea1e186d5f81edc8b9c9bc4d0de13c499e67', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'e5e9fcbc2189a8574553ed8af87e17e32c1b2a7d', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f50d6ae9bcd718c69d1ccb18a054454e37cce865', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '26714715984cec58976af688ac94eaae77b9320e' })))))))));
93
- }
94
- get hostElement() { return getElement(this); }
95
- };
96
- NotificationAlert.style = DigiNotificationAlertStyle0;
97
-
98
- export { NotificationAlert as digi_notification_alert };
@@ -1,43 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
2
- import { T as TagMediaIcon } from './tag-media-icon.enum-fefa191c.js';
3
-
4
- const tagMediaCss = ".sc-digi-tag-media-h{--digi--tag-media--background-color:var(--digi--color--background--sentiment--neutral--tertiary);--digi--tag-media--color--icon:var(--digi--color--icon--secondary);--digi--tag-media--width--icon:var(--digi--typography--body--font-size--desktop-large);--digi--tag-media--color--text:var(--digi--color--text--secondary);--digi--tag-media--text--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--tag-media--text--font-size:var(--digi--typography--tag--font-size--desktop);--digi--tag-media--border-radius:var(--digi--global--border-radius--base);--digi--tag-media--padding:0 var(--digi--gutter--small);--digi--tag-media--margin:var(--digi--gutter--small);--digi--tag-media--height:1.875rem}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media{display:inline-flex;align-items:center;background-color:var(--digi--tag-media--background-color);border-radius:var(--digi--tag-media--border-radius);padding:var(--digi--tag-media--padding);height:var(--digi--tag-media--height)}.sc-digi-tag-media-h .digi-tag-media__icon.sc-digi-tag-media{--digi--icon--color:var(--digi--tag-media--color--icon);margin-right:var(--digi--tag-media--margin)}.sc-digi-tag-media-h .digi-tag-media__text.sc-digi-tag-media{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--tag-media--text--font-size);font-weight:var(--digi--tag-media--text--font-weight);color:var(--digi--tag-media--color--text)}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-online-computervideo.sc-digi-tag-media,.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-pod.sc-digi-tag-media,.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-news.sc-digi-tag-media,.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-webinar.sc-digi-tag-media{--digi--icon--width:20px}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-online-video.sc-digi-tag-media{--digi--icon--width:19px}.sc-digi-tag-media-h .digi-tag-media.sc-digi-tag-media digi-icon-list-ul.sc-digi-tag-media{--digi--icon--width:16px}";
5
- const DigiTagMediaStyle0 = tagMediaCss;
6
-
7
- const TagMedia = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.afText = undefined;
11
- this.afIcon = TagMediaIcon.NEWS;
12
- }
13
- get tagIcon() {
14
- if (this.afIcon === TagMediaIcon.NEWS) {
15
- return h("digi-icon-news", { class: "digi-tag-media__icon" });
16
- }
17
- if (this.afIcon === TagMediaIcon.PLAYLIST) {
18
- return (h("digi-icon-list-ul", { class: "digi-tag-media__icon" }));
19
- }
20
- if (this.afIcon === TagMediaIcon.PODCAST) {
21
- return h("digi-icon-pod", { class: "digi-tag-media__icon" });
22
- }
23
- if (this.afIcon === TagMediaIcon.FILM) {
24
- return (h("digi-icon-online-video", { class: "digi-tag-media__icon" }));
25
- }
26
- if (this.afIcon === TagMediaIcon.WEBTV) {
27
- return (h("digi-icon-online-computervideo", { class: "digi-tag-media__icon" }));
28
- }
29
- if (this.afIcon === TagMediaIcon.WEBINAR) {
30
- return (h("digi-icon-webinar", { class: "digi-tag-media__icon" }));
31
- }
32
- return h("digi-icon-news", { class: "digi-tag-media__icon" });
33
- }
34
- render() {
35
- return (h(Host, { key: 'f91941868b18791f39706a3baa8b07de301ee59a' }, h("div", { key: 'cc57923a2b96233b3839a65dd2bc7dea48e4dec1', class: {
36
- 'digi-tag-media': true
37
- } }, this.tagIcon, h("span", { key: '1d8916745128e58c9cb47c1b2f9b2067e3c474ff', class: "digi-tag-media__text" }, this.afText))));
38
- }
39
- get hostElement() { return getElement(this); }
40
- };
41
- TagMedia.style = DigiTagMediaStyle0;
42
-
43
- export { TagMedia as digi_tag_media };
@@ -1,117 +0,0 @@
1
- import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
2
- import './badge-notification-shape.enum-e15a6245.js';
3
- import { T as TitleLogoVariation } from './typography-variation.enum-b07f76c9.js';
4
- import './badge-status-variation.enum-8d6370ff.js';
5
- import './code-example-variation.enum-e656d235.js';
6
- import './form-input-type.enum-a6bba983.js';
7
- import './button-variation.enum-94fffdd6.js';
8
- import './calendar-week-view-heading-level.enum-6774297c.js';
9
- import './bar-chart-variation.enum-97c0b47f.js';
10
- import './code-variation.enum-1eee7c7a.js';
11
- import './expandable-accordion-header-level.enum-85681e2f.js';
12
- import './expandable-faq-variation.enum-6934c367.js';
13
- import './footer-card-variation.enum-cc732148.js';
14
- import './form-validation-message-variation.enum-f7835fc5.js';
15
- import './form-textarea-variation.enum-05017e8e.js';
16
- import './info-card-multi-type.enum-07ee124f.js';
17
- import './info-card-variation.enum-2ccc52c1.js';
18
- import './layout-block-variation.enum-b7a20db4.js';
19
- import './layout-columns-variation.enum-34f7754e.js';
20
- import './link-button-variation.enum-84d4976f.js';
21
- import './list-type.enum-fbb331ad.js';
22
- import './loader-skeleton-variation.enum-f9f867b4.js';
23
- import './loader-spinner-size.enum-0b246fa0.js';
24
- import './logo-variation.enum-5b68b79f.js';
25
- import './media-figure-alignment.enum-a1d36567.js';
26
- import './navigation-sidebar-variation.enum-8fead764.js';
27
- import './progress-list-item-variation.enum-384b9a3a.js';
28
- import './progress-list-variation.enum-300bd89d.js';
29
- import './progressbar-variation.enum-40adaab4.js';
30
- import './quote-image-inner-position.enum-8e9b1e65.js';
31
- import './table-variation.enum-dd9366b6.js';
32
- import './tag-media-icon.enum-fefa191c.js';
33
- import './tag-size.enum-403e0cd8.js';
34
- import './tools-feedback-banner-type.enum-74b4e580.js';
35
- import './tools-feedback-rating-variation.enum-29058ff2.js';
36
- import './typography-meta-variation.enum-1f7c2878.js';
37
- import './typography-time-variation.enum-34c830ef.js';
38
- import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
39
-
40
- const titleLogoCss = ".sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype-color);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}";
41
- const DigiTitleLogoStyle0 = titleLogoCss;
42
-
43
- const TitleLogo = class {
44
- constructor(hostRef) {
45
- registerInstance(this, hostRef);
46
- this.handleWindowResize = () => {
47
- this.titleLogoVariation = this.setLogoVariation(window.innerWidth);
48
- };
49
- this.isMobile = undefined;
50
- this.isTablet = undefined;
51
- this.titleLogoVariation = undefined;
52
- this.afAriaLabel = undefined;
53
- this.afLogoBreakpoint = undefined;
54
- }
55
- setLogoVariation(width) {
56
- if (this.isMobile)
57
- return TitleLogoVariation.MOBILE;
58
- const isNarrow = this.afLogoBreakpoint
59
- ? width < this.afLogoBreakpoint
60
- : this.isTablet;
61
- if (isNarrow) {
62
- return this.hasTwoRowLogoName
63
- ? TitleLogoVariation.TWO_ROWS
64
- : TitleLogoVariation.ONE_ROW;
65
- }
66
- return this.hasOneRowLogoName
67
- ? TitleLogoVariation.ONE_ROW
68
- : TitleLogoVariation.TWO_ROWS;
69
- }
70
- /**
71
- * Find out if we have one or both of the possible logo variations
72
- * Throw an error if we have none
73
- */
74
- componentWillLoad() {
75
- this.hasOneRowLogoName = !!this.hostElement.querySelector('[slot="logo-one-row"]');
76
- this.hasTwoRowLogoName = !!this.hostElement.querySelector('[slot="logo-two-rows"]');
77
- if (!this.hasOneRowLogoName && !this.hasTwoRowLogoName) {
78
- throw new Error('Du behöver ange minst en variant av logo-text');
79
- }
80
- }
81
- /**
82
- * We need a custom resize listener here, since we're
83
- * not only relying on breakpoints
84
- */
85
- componentDidLoad() {
86
- if (window) {
87
- this.handleWindowResize();
88
- window.addEventListener('resize', this.handleWindowResize, { passive: true });
89
- }
90
- }
91
- /**
92
- * Let's clean up as well
93
- */
94
- disconnectedCallback() {
95
- if (window) {
96
- window.removeEventListener('resize', this.handleWindowResize);
97
- }
98
- }
99
- handleBreakpointObserver(e) {
100
- this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
101
- this.isTablet = e.detail.value === UtilBreakpointObserverBreakpoints.MEDIUM;
102
- }
103
- get cssModifiers() {
104
- return {
105
- 'digi-title-logo--mobile': this.titleLogoVariation === TitleLogoVariation.MOBILE,
106
- 'digi-title-logo--one-row': this.titleLogoVariation === TitleLogoVariation.ONE_ROW,
107
- 'digi-title-logo--two-rows': this.titleLogoVariation === TitleLogoVariation.TWO_ROWS
108
- };
109
- }
110
- render() {
111
- return (h("div", { key: 'f2d92667466100ff385d2918a8396c95d32cb22c', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'd0a0692c5386725c0ce2fca5c4a6913b8710fa1c', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f', class: "digi-title-logo-symbol" }, h("svg", { key: '489404f99e4b411bd66cc274b60a7fc83bffa126', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: '78e7bcc761c014a83be23fa3845b1564e1f89bcc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: '46a1b7b8fd35718591d29093da200d1f79fab483', class: "digi-title-logo-name-wrapper" }, h("slot", { key: 'ec09ce755fcb0bf00045c947199c7c9cda9de689', name: "logo-one-row" }), h("slot", { key: '27eca2b9520cee673f0042d729c4d20a31406a72', name: "logo-two-rows" }))));
112
- }
113
- get hostElement() { return getElement(this); }
114
- };
115
- TitleLogo.style = DigiTitleLogoStyle0;
116
-
117
- export { TitleLogo as digi_title_logo };
@@ -1,44 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
2
- import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
3
-
4
- const utilBreakpointObserverCss = ".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);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;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
5
- const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
6
-
7
- const UtilBreakpointObserver = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.afOnChange = createEvent(this, "afOnChange", 7);
11
- this.afOnSmall = createEvent(this, "afOnSmall", 7);
12
- this.afOnMedium = createEvent(this, "afOnMedium", 7);
13
- this.afOnLarge = createEvent(this, "afOnLarge", 7);
14
- this.afOnXLarge = createEvent(this, "afOnXLarge", 7);
15
- }
16
- componentDidLoad() {
17
- this.handleBreakpoint();
18
- }
19
- handleBreakpoint(e) {
20
- const observerCSSVariables = window.getComputedStyle(this._observer);
21
- const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
22
- this.afOnChange.emit({ value, e });
23
- switch (value) {
24
- case UtilBreakpointObserverBreakpoints.SMALL:
25
- this.afOnSmall.emit({ value, e });
26
- break;
27
- case UtilBreakpointObserverBreakpoints.MEDIUM:
28
- this.afOnMedium.emit({ value, e });
29
- break;
30
- case UtilBreakpointObserverBreakpoints.LARGE:
31
- this.afOnLarge.emit({ value, e });
32
- break;
33
- case UtilBreakpointObserverBreakpoints.XLARGE:
34
- this.afOnXLarge.emit({ value, e });
35
- }
36
- }
37
- render() {
38
- return (h(Host, { key: '7b728b39d3e64e3a144adbe5ba87aa0f88660225' }, h("div", { key: '28597939c55c61b83bda94e62de142f11ec482ad', class: "digi-util-breakpoint-observer" }, h("div", { key: 'de1f70aeefeaeceaf797695f1d2877df7fa80a1f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '5ac72c8a1b44611705374e4150c6624baf49a489' }))));
39
- }
40
- get hostElement() { return getElement(this); }
41
- };
42
- UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
43
-
44
- export { UtilBreakpointObserver as digi_util_breakpoint_observer };
@@ -1,8 +0,0 @@
1
- var FooterCardVariation;
2
- (function (FooterCardVariation) {
3
- FooterCardVariation["NONE"] = "none";
4
- FooterCardVariation["ICON"] = "icon";
5
- FooterCardVariation["BORDER"] = "border";
6
- })(FooterCardVariation || (FooterCardVariation = {}));
7
-
8
- export { FooterCardVariation as F };
@@ -1,31 +0,0 @@
1
- var FormFileUploadHeadingLevel;
2
- (function (FormFileUploadHeadingLevel) {
3
- FormFileUploadHeadingLevel["H1"] = "h1";
4
- FormFileUploadHeadingLevel["H2"] = "h2";
5
- FormFileUploadHeadingLevel["H3"] = "h3";
6
- FormFileUploadHeadingLevel["H4"] = "h4";
7
- FormFileUploadHeadingLevel["H5"] = "h5";
8
- FormFileUploadHeadingLevel["H6"] = "h6";
9
- })(FormFileUploadHeadingLevel || (FormFileUploadHeadingLevel = {}));
10
-
11
- var FormFileUploadValidation;
12
- (function (FormFileUploadValidation) {
13
- FormFileUploadValidation["ENABLED"] = "enabled";
14
- FormFileUploadValidation["DISABLED"] = "disabled";
15
- })(FormFileUploadValidation || (FormFileUploadValidation = {}));
16
-
17
- var FormFileUploadVariation;
18
- (function (FormFileUploadVariation) {
19
- FormFileUploadVariation["SMALL"] = "small";
20
- FormFileUploadVariation["MEDIUM"] = "medium";
21
- FormFileUploadVariation["LARGE"] = "large";
22
- })(FormFileUploadVariation || (FormFileUploadVariation = {}));
23
-
24
- var FormValidationMessageVariation;
25
- (function (FormValidationMessageVariation) {
26
- FormValidationMessageVariation["SUCCESS"] = "success";
27
- FormValidationMessageVariation["ERROR"] = "error";
28
- FormValidationMessageVariation["WARNING"] = "warning";
29
- })(FormValidationMessageVariation || (FormValidationMessageVariation = {}));
30
-
31
- export { FormFileUploadHeadingLevel as F, FormFileUploadValidation as a, FormFileUploadVariation as b, FormValidationMessageVariation as c };
@@ -1,8 +0,0 @@
1
- var InfoCardMultiType;
2
- (function (InfoCardMultiType) {
3
- InfoCardMultiType["MEDIA"] = "media";
4
- InfoCardMultiType["RELATED"] = "related";
5
- InfoCardMultiType["ENTRY"] = "entry";
6
- })(InfoCardMultiType || (InfoCardMultiType = {}));
7
-
8
- export { InfoCardMultiType as I };
@@ -1,24 +0,0 @@
1
- var InfoCardBorderPosition;
2
- (function (InfoCardBorderPosition) {
3
- InfoCardBorderPosition["TOP"] = "top";
4
- InfoCardBorderPosition["LEFT"] = "left";
5
- })(InfoCardBorderPosition || (InfoCardBorderPosition = {}));
6
-
7
- var InfoCardSize;
8
- (function (InfoCardSize) {
9
- InfoCardSize["STANDARD"] = "standard";
10
- })(InfoCardSize || (InfoCardSize = {}));
11
-
12
- var InfoCardType;
13
- (function (InfoCardType) {
14
- InfoCardType["TIP"] = "tip";
15
- InfoCardType["RELATED"] = "related";
16
- })(InfoCardType || (InfoCardType = {}));
17
-
18
- var InfoCardVariation;
19
- (function (InfoCardVariation) {
20
- InfoCardVariation["PRIMARY"] = "primary";
21
- InfoCardVariation["SECONDARY"] = "secondary";
22
- })(InfoCardVariation || (InfoCardVariation = {}));
23
-
24
- export { InfoCardBorderPosition as I, InfoCardSize as a, InfoCardType as b, InfoCardVariation as c };
@@ -1,23 +0,0 @@
1
- var LayoutColumnsGap;
2
- (function (LayoutColumnsGap) {
3
- LayoutColumnsGap["DEFAULT"] = "default";
4
- LayoutColumnsGap["GAP_32"] = "32";
5
- })(LayoutColumnsGap || (LayoutColumnsGap = {}));
6
-
7
- var LayoutColumnsElement;
8
- (function (LayoutColumnsElement) {
9
- LayoutColumnsElement["DIV"] = "div";
10
- LayoutColumnsElement["UL"] = "ul";
11
- LayoutColumnsElement["OL"] = "ol";
12
- })(LayoutColumnsElement || (LayoutColumnsElement = {}));
13
-
14
- var LayoutColumnsVariation;
15
- (function (LayoutColumnsVariation) {
16
- LayoutColumnsVariation["FOUR"] = "four";
17
- LayoutColumnsVariation["THREE"] = "three";
18
- LayoutColumnsVariation["TWO"] = "two";
19
- LayoutColumnsVariation["ONE"] = "one";
20
- LayoutColumnsVariation["NONE"] = "none";
21
- })(LayoutColumnsVariation || (LayoutColumnsVariation = {}));
22
-
23
- export { LayoutColumnsGap as L, LayoutColumnsElement as a, LayoutColumnsVariation as b };
@@ -1,9 +0,0 @@
1
- var LinkButtonVariation;
2
- (function (LinkButtonVariation) {
3
- LinkButtonVariation["PRIMARY"] = "primary";
4
- LinkButtonVariation["SECONDARY"] = "secondary";
5
- LinkButtonVariation["PRIMARY_ALT"] = "primary-alt";
6
- LinkButtonVariation["SECONDARY_ALT"] = "secondary-alt";
7
- })(LinkButtonVariation || (LinkButtonVariation = {}));
8
-
9
- export { LinkButtonVariation as L };
@@ -1,13 +0,0 @@
1
- var LogoColor;
2
- (function (LogoColor) {
3
- LogoColor["PRIMARY"] = "primary";
4
- LogoColor["SECONDARY"] = "secondary";
5
- })(LogoColor || (LogoColor = {}));
6
-
7
- var LogoVariation;
8
- (function (LogoVariation) {
9
- LogoVariation["SMALL"] = "small";
10
- LogoVariation["LARGE"] = "large";
11
- })(LogoVariation || (LogoVariation = {}));
12
-
13
- export { LogoColor as L, LogoVariation as a };