@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,167 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
-
7
- 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%}";
8
- const DigiMediaImageStyle0 = mediaImageCss;
9
-
10
- const MediaImage = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.afOnLoad = index.createEvent(this, "afOnLoad", 7);
14
- this.isPlaceholderLoaded = false;
15
- this.hasSetSrc = false;
16
- this.hasAspectRatio = false;
17
- this.paddedBoxPadding = '0%';
18
- this.isLoaded = false;
19
- this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
20
- this.srcset = undefined;
21
- this.afObserverOptions = {
22
- rootMargin: '200px',
23
- threshold: 0
24
- };
25
- this.afSrc = undefined;
26
- this.afSrcset = undefined;
27
- this.afAlt = undefined;
28
- this.afTitle = undefined;
29
- this.afAriaLabel = undefined;
30
- this.afWidth = undefined;
31
- this.afHeight = undefined;
32
- this.afFullwidth = undefined;
33
- this.afUnlazy = false;
34
- }
35
- srcChangeHandler() {
36
- this.setImageSrc();
37
- }
38
- connectedCallback() {
39
- if (this.afUnlazy) {
40
- this.setImageSrc();
41
- }
42
- // Add padded box to wrapper if width and height props exists
43
- if (this.afWidth && this.afHeight) {
44
- this.hasAspectRatio = true;
45
- this.setPaddedBox();
46
- }
47
- }
48
- setImageSrc() {
49
- this.src = this.afSrc;
50
- this.srcset = this.afSrcset;
51
- this.hasSetSrc = true;
52
- }
53
- setPaddedBox() {
54
- this.paddedBoxPadding =
55
- (parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
56
- }
57
- intersectHandler() {
58
- if (this.afUnlazy) {
59
- return;
60
- }
61
- this.setImageSrc();
62
- }
63
- loadHandler(e) {
64
- if (this.afUnlazy) {
65
- return;
66
- }
67
- if (this.isPlaceholderLoaded) {
68
- this.isLoaded = true;
69
- this.afOnLoad.emit(e);
70
- return;
71
- }
72
- this.isPlaceholderLoaded = true;
73
- }
74
- get cssModifiers() {
75
- return {
76
- 'digi-media-image--unlazy': this.afUnlazy,
77
- 'digi-media-image--loaded': this.isLoaded,
78
- 'digi-media-image--aspect-ratio': this.hasAspectRatio,
79
- 'digi-media-image--fullwidth': this.afFullwidth
80
- };
81
- }
82
- get cssInlineStyles() {
83
- return {
84
- '--digi--media-image--padded-box': this.paddedBoxPadding
85
- };
86
- }
87
- render() {
88
- return (index.h("host", { key: 'd73ca369f146ceee58517820156c254eb0fdb0d3' }, index.h("div", { key: '93419395e2c892dd7a727314d9969cfa4b486142', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
89
- '--digi--media-image--width': this.afWidth
90
- ? `${this.afWidth}px`
91
- : null
92
- } }, index.h("digi-util-intersection-observer", { key: '1ef7fbf526107cd283b77eafdc6dae8d01b925c5', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (index.h("div", { key: '265b145a1c4adbd92945f0f7ea5c245a315a2d69', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), index.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' }))));
93
- }
94
- static get watchers() { return {
95
- "afSrc": ["srcChangeHandler"]
96
- }; }
97
- };
98
- MediaImage.style = DigiMediaImageStyle0;
99
-
100
- const UtilIntersectionObserver = class {
101
- constructor(hostRef) {
102
- index.registerInstance(this, hostRef);
103
- this.afOnChange = index.createEvent(this, "afOnChange", 7);
104
- this.afOnIntersect = index.createEvent(this, "afOnIntersect", 7);
105
- this.afOnUnintersect = index.createEvent(this, "afOnUnintersect", 7);
106
- this._observer = null;
107
- this._hasIntersected = false;
108
- this._isObserving = false;
109
- this.afOnce = false;
110
- this.afOptions = {
111
- rootMargin: '0px',
112
- threshold: 0
113
- };
114
- }
115
- afOptionsWatcher(newValue) {
116
- this._afOptions =
117
- typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
118
- }
119
- componentWillLoad() {
120
- this.afOptionsWatcher(this.afOptions);
121
- this.initObserver();
122
- }
123
- disconnectedCallback() {
124
- if (this._isObserving) {
125
- this.removeObserver();
126
- }
127
- }
128
- initObserver() {
129
- this._observer = new IntersectionObserver(([entry]) => {
130
- if (entry && entry.isIntersecting) {
131
- this.intersectionHandler();
132
- if (this.afOnce) {
133
- this.removeObserver();
134
- }
135
- }
136
- else if (entry && this._hasIntersected) {
137
- this.unintersectionHandler();
138
- }
139
- }, this._afOptions);
140
- this._observer.observe(this.$el);
141
- this._isObserving = true;
142
- }
143
- removeObserver() {
144
- this._observer.disconnect();
145
- this._isObserving = false;
146
- }
147
- intersectionHandler() {
148
- this.afOnChange.emit(true);
149
- this.afOnIntersect.emit();
150
- this._hasIntersected = true;
151
- }
152
- unintersectionHandler() {
153
- this.afOnChange.emit(false);
154
- this.afOnUnintersect.emit();
155
- this._hasIntersected = false;
156
- }
157
- render() {
158
- return index.h("slot", { key: '4d011168ecb730b4ab3e78df5781f0577b614ebb' });
159
- }
160
- get $el() { return index.getElement(this); }
161
- static get watchers() { return {
162
- "afOptions": ["afOptionsWatcher"]
163
- }; }
164
- };
165
-
166
- exports.digi_media_image = MediaImage;
167
- exports.digi_util_intersection_observer = UtilIntersectionObserver;
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
-
8
- const 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)}";
9
- const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
10
-
11
- const NavigationSidebarButton = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
15
- this.isActive = false;
16
- this.afText = undefined;
17
- this.afAriaLabel = undefined;
18
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-sidebar-button');
19
- }
20
- toggleHandler() {
21
- this.isActive = !this.isActive;
22
- this.afOnToggle.emit(this.isActive);
23
- }
24
- render() {
25
- return (index.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, index.h("digi-icon-bars", { key: '1d3b9f381d2c90cf25a7c7d7a9f394f617575be7', slot: "icon" })));
26
- }
27
- };
28
- NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
29
-
30
- exports.digi_navigation_sidebar_button = NavigationSidebarButton;
@@ -1,102 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-e41bd69d.js');
8
- require('./badge-notification-shape.enum-ff802554.js');
9
- require('./badge-status-variation.enum-0a5adc21.js');
10
- require('./code-example-variation.enum-1611825e.js');
11
- require('./form-input-type.enum-1fb2180a.js');
12
- const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
13
- require('./calendar-week-view-heading-level.enum-fd0c841b.js');
14
- require('./bar-chart-variation.enum-a4e866b6.js');
15
- require('./code-variation.enum-c4a4e6fd.js');
16
- require('./expandable-accordion-header-level.enum-45483252.js');
17
- require('./expandable-faq-variation.enum-af923f49.js');
18
- require('./footer-card-variation.enum-99555edc.js');
19
- require('./form-validation-message-variation.enum-c5ec3e2d.js');
20
- require('./form-textarea-variation.enum-9c90d40f.js');
21
- require('./info-card-multi-type.enum-14746572.js');
22
- require('./info-card-variation.enum-64cef637.js');
23
- require('./layout-block-variation.enum-f6102119.js');
24
- require('./layout-columns-variation.enum-65675649.js');
25
- require('./link-button-variation.enum-137785e3.js');
26
- require('./list-type.enum-aea4d012.js');
27
- require('./loader-skeleton-variation.enum-d52ba55e.js');
28
- require('./loader-spinner-size.enum-db2973f0.js');
29
- require('./logo-variation.enum-607fadb4.js');
30
- require('./media-figure-alignment.enum-3885aba5.js');
31
- require('./navigation-sidebar-variation.enum-1c0c3064.js');
32
- require('./progress-list-item-variation.enum-90e4c874.js');
33
- require('./progress-list-variation.enum-06d5ce27.js');
34
- require('./progressbar-variation.enum-aff9fa80.js');
35
- require('./quote-image-inner-position.enum-e64e7a6d.js');
36
- require('./table-variation.enum-25df2ad7.js');
37
- require('./tag-media-icon.enum-372563c5.js');
38
- require('./tag-size.enum-387c516c.js');
39
- require('./tools-feedback-banner-type.enum-de373ba0.js');
40
- require('./tools-feedback-rating-variation.enum-2f71e84d.js');
41
- require('./typography-meta-variation.enum-13ac3538.js');
42
- require('./typography-time-variation.enum-bce1d87e.js');
43
- require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
44
-
45
- 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)}";
46
- const DigiNotificationAlertStyle0 = notificationAlertCss;
47
-
48
- const NotificationAlert = class {
49
- constructor(hostRef) {
50
- index.registerInstance(this, hostRef);
51
- this.afOnClose = index.createEvent(this, "afOnClose", 7);
52
- this.afOnReady = index.createEvent(this, "afOnReady", 3);
53
- this.listItems = [];
54
- this.afHeading = undefined;
55
- this.afHeadingLevel = typographyVariation_enum.NotificationAlertHeadingLevel.H2;
56
- this.afSize = typographyVariation_enum.NotificationAlertSize.LARGE;
57
- this.afVariation = typographyVariation_enum.NotificationAlertVariation.INFO;
58
- this.afCloseable = false;
59
- this.afCloseAriaLabel = 'Stäng meddelandet';
60
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-notification-alert');
61
- }
62
- /**
63
- * Hämtar en referens till rubrikelementet. Bra för att t.ex. sätta fokus programmatiskt.
64
- * @en Returns a reference to the heading element. Handy for setting focus programmatically.
65
- */
66
- async afMGetHeadingElement() {
67
- return this._heading;
68
- }
69
- clickHandler(e) {
70
- this.afOnClose.emit(e);
71
- }
72
- componentDidLoad() {
73
- this.afOnReady.emit();
74
- }
75
- get cssModifiers() {
76
- return {
77
- [`digi-notification-alert--size-${this.afSize}`]: !!this.afSize,
78
- [`digi-notification-alert--variation-${this.afVariation}`]: !!this.afVariation,
79
- 'digi-notification-alert--closeable': this.afCloseable
80
- };
81
- }
82
- get icon() {
83
- switch (this.afVariation) {
84
- case typographyVariation_enum.NotificationAlertVariation.SUCCESS:
85
- return index.h("digi-icon-notification-succes", null);
86
- case typographyVariation_enum.NotificationAlertVariation.WARNING:
87
- return index.h("digi-icon-notification-warning", null);
88
- case typographyVariation_enum.NotificationAlertVariation.DANGER:
89
- return index.h("digi-icon-notification-error", null);
90
- default:
91
- return index.h("digi-icon-notification-info", null);
92
- }
93
- }
94
- render() {
95
- return (index.h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, index.h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, index.h("div", { key: '3a9b948108d510282da3d344036df3b15d4c6a6b', class: "digi-notification-alert__icon-wrapper" }, index.h("div", { key: '6de4451514422b7b54e96767d7fc0aaf1d85ad4a', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), index.h("div", { key: 'cb537642611e6fcc4fbe72d97906eb879455ab28', class: "digi-notification-alert__main-wrapper" }, index.h("div", { key: '41f8b5af01d7d24dc147e536b14417a15bb3c53c', class: "digi-notification-alert__wrapper" }, this.afCloseable && (index.h("digi-button", { key: '4ac49d9ee2cd397995e7d70ce7159cb2a04d7ccc', "af-aria-label": this.afCloseAriaLabel, "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, index.h("span", { key: 'efcb9359dc3b64b26b1bb549200912432ce332ed', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), index.h("digi-icon-x", { key: '0e3d6e993740cc994f7cf944d5a6c65feb8d4c38', slot: "icon-secondary", "aria-hidden": "true" }))), index.h("div", { key: 'bb436a69524dd58366d46e70e5a173d2e2626d96', class: "digi-notification-alert__text" }, this.afHeading &&
96
- this.afSize === typographyVariation_enum.NotificationAlertSize.LARGE && (index.h(this.afHeadingLevel, { key: '85aaea1e186d5f81edc8b9c9bc4d0de13c499e67', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), index.h("div", { key: 'e5e9fcbc2189a8574553ed8af87e17e32c1b2a7d', class: "digi-notification-alert__content" }, index.h("digi-typography", { key: 'f50d6ae9bcd718c69d1ccb18a054454e37cce865', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("slot", { key: '26714715984cec58976af688ac94eaae77b9320e' })))))))));
97
- }
98
- get hostElement() { return index.getElement(this); }
99
- };
100
- NotificationAlert.style = DigiNotificationAlertStyle0;
101
-
102
- exports.digi_notification_alert = NotificationAlert;
@@ -1,47 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const tagMediaIcon_enum = require('./tag-media-icon.enum-372563c5.js');
7
-
8
- 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}";
9
- const DigiTagMediaStyle0 = tagMediaCss;
10
-
11
- const TagMedia = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afText = undefined;
15
- this.afIcon = tagMediaIcon_enum.TagMediaIcon.NEWS;
16
- }
17
- get tagIcon() {
18
- if (this.afIcon === tagMediaIcon_enum.TagMediaIcon.NEWS) {
19
- return index.h("digi-icon-news", { class: "digi-tag-media__icon" });
20
- }
21
- if (this.afIcon === tagMediaIcon_enum.TagMediaIcon.PLAYLIST) {
22
- return (index.h("digi-icon-list-ul", { class: "digi-tag-media__icon" }));
23
- }
24
- if (this.afIcon === tagMediaIcon_enum.TagMediaIcon.PODCAST) {
25
- return index.h("digi-icon-pod", { class: "digi-tag-media__icon" });
26
- }
27
- if (this.afIcon === tagMediaIcon_enum.TagMediaIcon.FILM) {
28
- return (index.h("digi-icon-online-video", { class: "digi-tag-media__icon" }));
29
- }
30
- if (this.afIcon === tagMediaIcon_enum.TagMediaIcon.WEBTV) {
31
- return (index.h("digi-icon-online-computervideo", { class: "digi-tag-media__icon" }));
32
- }
33
- if (this.afIcon === tagMediaIcon_enum.TagMediaIcon.WEBINAR) {
34
- return (index.h("digi-icon-webinar", { class: "digi-tag-media__icon" }));
35
- }
36
- return index.h("digi-icon-news", { class: "digi-tag-media__icon" });
37
- }
38
- render() {
39
- return (index.h(index.Host, { key: 'f91941868b18791f39706a3baa8b07de301ee59a' }, index.h("div", { key: 'cc57923a2b96233b3839a65dd2bc7dea48e4dec1', class: {
40
- 'digi-tag-media': true
41
- } }, this.tagIcon, index.h("span", { key: '1d8916745128e58c9cb47c1b2f9b2067e3c474ff', class: "digi-tag-media__text" }, this.afText))));
42
- }
43
- get hostElement() { return index.getElement(this); }
44
- };
45
- TagMedia.style = DigiTagMediaStyle0;
46
-
47
- exports.digi_tag_media = TagMedia;
@@ -1,121 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- require('./badge-notification-shape.enum-ff802554.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-e41bd69d.js');
8
- require('./badge-status-variation.enum-0a5adc21.js');
9
- require('./code-example-variation.enum-1611825e.js');
10
- require('./form-input-type.enum-1fb2180a.js');
11
- require('./button-variation.enum-bc521499.js');
12
- require('./calendar-week-view-heading-level.enum-fd0c841b.js');
13
- require('./bar-chart-variation.enum-a4e866b6.js');
14
- require('./code-variation.enum-c4a4e6fd.js');
15
- require('./expandable-accordion-header-level.enum-45483252.js');
16
- require('./expandable-faq-variation.enum-af923f49.js');
17
- require('./footer-card-variation.enum-99555edc.js');
18
- require('./form-validation-message-variation.enum-c5ec3e2d.js');
19
- require('./form-textarea-variation.enum-9c90d40f.js');
20
- require('./info-card-multi-type.enum-14746572.js');
21
- require('./info-card-variation.enum-64cef637.js');
22
- require('./layout-block-variation.enum-f6102119.js');
23
- require('./layout-columns-variation.enum-65675649.js');
24
- require('./link-button-variation.enum-137785e3.js');
25
- require('./list-type.enum-aea4d012.js');
26
- require('./loader-skeleton-variation.enum-d52ba55e.js');
27
- require('./loader-spinner-size.enum-db2973f0.js');
28
- require('./logo-variation.enum-607fadb4.js');
29
- require('./media-figure-alignment.enum-3885aba5.js');
30
- require('./navigation-sidebar-variation.enum-1c0c3064.js');
31
- require('./progress-list-item-variation.enum-90e4c874.js');
32
- require('./progress-list-variation.enum-06d5ce27.js');
33
- require('./progressbar-variation.enum-aff9fa80.js');
34
- require('./quote-image-inner-position.enum-e64e7a6d.js');
35
- require('./table-variation.enum-25df2ad7.js');
36
- require('./tag-media-icon.enum-372563c5.js');
37
- require('./tag-size.enum-387c516c.js');
38
- require('./tools-feedback-banner-type.enum-de373ba0.js');
39
- require('./tools-feedback-rating-variation.enum-2f71e84d.js');
40
- require('./typography-meta-variation.enum-13ac3538.js');
41
- require('./typography-time-variation.enum-bce1d87e.js');
42
- const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
43
-
44
- 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}";
45
- const DigiTitleLogoStyle0 = titleLogoCss;
46
-
47
- const TitleLogo = class {
48
- constructor(hostRef) {
49
- index.registerInstance(this, hostRef);
50
- this.handleWindowResize = () => {
51
- this.titleLogoVariation = this.setLogoVariation(window.innerWidth);
52
- };
53
- this.isMobile = undefined;
54
- this.isTablet = undefined;
55
- this.titleLogoVariation = undefined;
56
- this.afAriaLabel = undefined;
57
- this.afLogoBreakpoint = undefined;
58
- }
59
- setLogoVariation(width) {
60
- if (this.isMobile)
61
- return typographyVariation_enum.TitleLogoVariation.MOBILE;
62
- const isNarrow = this.afLogoBreakpoint
63
- ? width < this.afLogoBreakpoint
64
- : this.isTablet;
65
- if (isNarrow) {
66
- return this.hasTwoRowLogoName
67
- ? typographyVariation_enum.TitleLogoVariation.TWO_ROWS
68
- : typographyVariation_enum.TitleLogoVariation.ONE_ROW;
69
- }
70
- return this.hasOneRowLogoName
71
- ? typographyVariation_enum.TitleLogoVariation.ONE_ROW
72
- : typographyVariation_enum.TitleLogoVariation.TWO_ROWS;
73
- }
74
- /**
75
- * Find out if we have one or both of the possible logo variations
76
- * Throw an error if we have none
77
- */
78
- componentWillLoad() {
79
- this.hasOneRowLogoName = !!this.hostElement.querySelector('[slot="logo-one-row"]');
80
- this.hasTwoRowLogoName = !!this.hostElement.querySelector('[slot="logo-two-rows"]');
81
- if (!this.hasOneRowLogoName && !this.hasTwoRowLogoName) {
82
- throw new Error('Du behöver ange minst en variant av logo-text');
83
- }
84
- }
85
- /**
86
- * We need a custom resize listener here, since we're
87
- * not only relying on breakpoints
88
- */
89
- componentDidLoad() {
90
- if (window) {
91
- this.handleWindowResize();
92
- window.addEventListener('resize', this.handleWindowResize, { passive: true });
93
- }
94
- }
95
- /**
96
- * Let's clean up as well
97
- */
98
- disconnectedCallback() {
99
- if (window) {
100
- window.removeEventListener('resize', this.handleWindowResize);
101
- }
102
- }
103
- handleBreakpointObserver(e) {
104
- this.isMobile = e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
105
- this.isTablet = e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM;
106
- }
107
- get cssModifiers() {
108
- return {
109
- 'digi-title-logo--mobile': this.titleLogoVariation === typographyVariation_enum.TitleLogoVariation.MOBILE,
110
- 'digi-title-logo--one-row': this.titleLogoVariation === typographyVariation_enum.TitleLogoVariation.ONE_ROW,
111
- 'digi-title-logo--two-rows': this.titleLogoVariation === typographyVariation_enum.TitleLogoVariation.TWO_ROWS
112
- };
113
- }
114
- render() {
115
- return (index.h("div", { key: 'f2d92667466100ff385d2918a8396c95d32cb22c', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'd0a0692c5386725c0ce2fca5c4a6913b8710fa1c', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("div", { key: 'a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f', class: "digi-title-logo-symbol" }, index.h("svg", { key: '489404f99e4b411bd66cc274b60a7fc83bffa126', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.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" }))), index.h("div", { key: '46a1b7b8fd35718591d29093da200d1f79fab483', class: "digi-title-logo-name-wrapper" }, index.h("slot", { key: 'ec09ce755fcb0bf00045c947199c7c9cda9de689', name: "logo-one-row" }), index.h("slot", { key: '27eca2b9520cee673f0042d729c4d20a31406a72', name: "logo-two-rows" }))));
116
- }
117
- get hostElement() { return index.getElement(this); }
118
- };
119
- TitleLogo.style = DigiTitleLogoStyle0;
120
-
121
- exports.digi_title_logo = TitleLogo;
@@ -1,48 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
7
-
8
- 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)}}";
9
- const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
10
-
11
- const UtilBreakpointObserver = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afOnChange = index.createEvent(this, "afOnChange", 7);
15
- this.afOnSmall = index.createEvent(this, "afOnSmall", 7);
16
- this.afOnMedium = index.createEvent(this, "afOnMedium", 7);
17
- this.afOnLarge = index.createEvent(this, "afOnLarge", 7);
18
- this.afOnXLarge = index.createEvent(this, "afOnXLarge", 7);
19
- }
20
- componentDidLoad() {
21
- this.handleBreakpoint();
22
- }
23
- handleBreakpoint(e) {
24
- const observerCSSVariables = window.getComputedStyle(this._observer);
25
- const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
26
- this.afOnChange.emit({ value, e });
27
- switch (value) {
28
- case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL:
29
- this.afOnSmall.emit({ value, e });
30
- break;
31
- case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM:
32
- this.afOnMedium.emit({ value, e });
33
- break;
34
- case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.LARGE:
35
- this.afOnLarge.emit({ value, e });
36
- break;
37
- case utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.XLARGE:
38
- this.afOnXLarge.emit({ value, e });
39
- }
40
- }
41
- render() {
42
- return (index.h(index.Host, { key: '7b728b39d3e64e3a144adbe5ba87aa0f88660225' }, index.h("div", { key: '28597939c55c61b83bda94e62de142f11ec482ad', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'de1f70aeefeaeceaf797695f1d2877df7fa80a1f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '5ac72c8a1b44611705374e4150c6624baf49a489' }))));
43
- }
44
- get hostElement() { return index.getElement(this); }
45
- };
46
- UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
47
-
48
- exports.digi_util_breakpoint_observer = UtilBreakpointObserver;
@@ -1,8 +0,0 @@
1
- 'use strict';
2
-
3
- exports.FooterCardVariation = void 0;
4
- (function (FooterCardVariation) {
5
- FooterCardVariation["NONE"] = "none";
6
- FooterCardVariation["ICON"] = "icon";
7
- FooterCardVariation["BORDER"] = "border";
8
- })(exports.FooterCardVariation || (exports.FooterCardVariation = {}));
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- exports.FormFileUploadHeadingLevel = void 0;
4
- (function (FormFileUploadHeadingLevel) {
5
- FormFileUploadHeadingLevel["H1"] = "h1";
6
- FormFileUploadHeadingLevel["H2"] = "h2";
7
- FormFileUploadHeadingLevel["H3"] = "h3";
8
- FormFileUploadHeadingLevel["H4"] = "h4";
9
- FormFileUploadHeadingLevel["H5"] = "h5";
10
- FormFileUploadHeadingLevel["H6"] = "h6";
11
- })(exports.FormFileUploadHeadingLevel || (exports.FormFileUploadHeadingLevel = {}));
12
-
13
- exports.FormFileUploadValidation = void 0;
14
- (function (FormFileUploadValidation) {
15
- FormFileUploadValidation["ENABLED"] = "enabled";
16
- FormFileUploadValidation["DISABLED"] = "disabled";
17
- })(exports.FormFileUploadValidation || (exports.FormFileUploadValidation = {}));
18
-
19
- exports.FormFileUploadVariation = void 0;
20
- (function (FormFileUploadVariation) {
21
- FormFileUploadVariation["SMALL"] = "small";
22
- FormFileUploadVariation["MEDIUM"] = "medium";
23
- FormFileUploadVariation["LARGE"] = "large";
24
- })(exports.FormFileUploadVariation || (exports.FormFileUploadVariation = {}));
25
-
26
- exports.FormValidationMessageVariation = void 0;
27
- (function (FormValidationMessageVariation) {
28
- FormValidationMessageVariation["SUCCESS"] = "success";
29
- FormValidationMessageVariation["ERROR"] = "error";
30
- FormValidationMessageVariation["WARNING"] = "warning";
31
- })(exports.FormValidationMessageVariation || (exports.FormValidationMessageVariation = {}));
@@ -1,8 +0,0 @@
1
- 'use strict';
2
-
3
- exports.InfoCardMultiType = void 0;
4
- (function (InfoCardMultiType) {
5
- InfoCardMultiType["MEDIA"] = "media";
6
- InfoCardMultiType["RELATED"] = "related";
7
- InfoCardMultiType["ENTRY"] = "entry";
8
- })(exports.InfoCardMultiType || (exports.InfoCardMultiType = {}));
@@ -1,24 +0,0 @@
1
- 'use strict';
2
-
3
- exports.InfoCardBorderPosition = void 0;
4
- (function (InfoCardBorderPosition) {
5
- InfoCardBorderPosition["TOP"] = "top";
6
- InfoCardBorderPosition["LEFT"] = "left";
7
- })(exports.InfoCardBorderPosition || (exports.InfoCardBorderPosition = {}));
8
-
9
- exports.InfoCardSize = void 0;
10
- (function (InfoCardSize) {
11
- InfoCardSize["STANDARD"] = "standard";
12
- })(exports.InfoCardSize || (exports.InfoCardSize = {}));
13
-
14
- exports.InfoCardType = void 0;
15
- (function (InfoCardType) {
16
- InfoCardType["TIP"] = "tip";
17
- InfoCardType["RELATED"] = "related";
18
- })(exports.InfoCardType || (exports.InfoCardType = {}));
19
-
20
- exports.InfoCardVariation = void 0;
21
- (function (InfoCardVariation) {
22
- InfoCardVariation["PRIMARY"] = "primary";
23
- InfoCardVariation["SECONDARY"] = "secondary";
24
- })(exports.InfoCardVariation || (exports.InfoCardVariation = {}));
@@ -1,23 +0,0 @@
1
- 'use strict';
2
-
3
- exports.LayoutColumnsGap = void 0;
4
- (function (LayoutColumnsGap) {
5
- LayoutColumnsGap["DEFAULT"] = "default";
6
- LayoutColumnsGap["GAP_32"] = "32";
7
- })(exports.LayoutColumnsGap || (exports.LayoutColumnsGap = {}));
8
-
9
- exports.LayoutColumnsElement = void 0;
10
- (function (LayoutColumnsElement) {
11
- LayoutColumnsElement["DIV"] = "div";
12
- LayoutColumnsElement["UL"] = "ul";
13
- LayoutColumnsElement["OL"] = "ol";
14
- })(exports.LayoutColumnsElement || (exports.LayoutColumnsElement = {}));
15
-
16
- exports.LayoutColumnsVariation = void 0;
17
- (function (LayoutColumnsVariation) {
18
- LayoutColumnsVariation["FOUR"] = "four";
19
- LayoutColumnsVariation["THREE"] = "three";
20
- LayoutColumnsVariation["TWO"] = "two";
21
- LayoutColumnsVariation["ONE"] = "one";
22
- LayoutColumnsVariation["NONE"] = "none";
23
- })(exports.LayoutColumnsVariation || (exports.LayoutColumnsVariation = {}));