@designsystem-se/af 35.0.1 → 35.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-bar-chart.js +1 -1
- package/components/digi-calendar-datepicker.js +3 -4
- package/components/digi-calendar-week-view.js +1 -1
- package/components/digi-calendar.js +1 -1
- package/components/digi-chart-line.js +1 -1
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-code.js +1 -1
- package/components/digi-context-menu.js +3 -3
- package/components/digi-dialog.js +2 -3
- package/components/digi-expandable-accordion.js +1 -1
- package/components/digi-expandable-faq-item.js +1 -1
- package/components/digi-footer.js +1 -2
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +18 -25
- package/components/digi-form-file-upload.js +2 -2
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-radiobutton.js +1 -1
- package/components/digi-form-receipt.js +0 -1
- package/components/digi-form-select-filter.js +1 -2
- package/components/digi-header-avatar.js +3 -3
- package/components/digi-header-navigation.js +12 -8
- package/components/digi-header.js +3 -4
- package/components/digi-info-card-multi.js +4 -4
- package/components/digi-info-card.js +3 -3
- package/components/digi-link-button.js +1 -1
- package/components/digi-link-external.js +1 -1
- package/components/digi-link-internal.js +1 -1
- package/components/digi-link.js +1 -1
- package/components/digi-list.js +2 -2
- package/components/digi-loader-skeleton.js +3 -3
- package/components/digi-loader-spinner.js +1 -1
- package/components/digi-logo.js +1 -1
- package/components/digi-media-figure.js +1 -1
- package/components/digi-media-image.js +1 -1
- package/components/digi-navigation-breadcrumbs.js +2 -2
- package/components/digi-navigation-pagination.js +8 -9
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +4 -4
- package/components/digi-navigation-vertical-menu-item.js +6 -6
- package/components/digi-navigation-vertical-menu.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +5 -6
- package/components/digi-progress-circle.js +8 -8
- package/components/digi-progress-indicator.js +3 -3
- package/components/digi-progress-list-item.js +5 -5
- package/components/digi-progress-list.js +2 -2
- package/components/digi-progressbar.js +2 -2
- package/components/digi-quote.js +4 -4
- package/components/digi-table.js +1 -1
- package/components/digi-tablist-panel.js +2 -2
- package/components/digi-tablist.js +5 -5
- package/components/digi-tag-media.js +1 -1
- package/components/digi-tag.js +1 -1
- package/components/digi-tools-feedback-banner.js +3 -3
- package/components/digi-tools-feedback-rating.js +4 -4
- package/components/digi-tools-feedback.js +1 -2
- package/components/digi-tools-theme-provider.js +1 -1
- package/components/digi-typography-heading-jumbo.js +1 -1
- package/components/digi-typography-meta.js +1 -1
- package/components/digi-typography-preamble.js +1 -1
- package/components/digi-typography-time.js +1 -1
- package/components/digi-typography.js +1 -1
- package/components/digi-util-breakpoint-observer.js +1 -1
- package/components/digi-util-detect-click-outside.js +1 -1
- package/components/digi-util-detect-focus-outside.js +1 -1
- package/components/digi-util-intersection-observer.js +1 -1
- package/components/digi-util-keydown-handler.js +1 -1
- package/components/digi-util-keyup-handler.js +1 -1
- package/components/digi-util-resize-observer.js +1 -1
- package/components/index.d.ts +0 -2
- package/components/index.js +0 -2
- package/components/{p-71708b05.js → p-05348bac.js} +1 -1
- package/components/{p-cbffee0e.js → p-06ff97e5.js} +3 -3
- package/components/{p-75659814.js → p-1240776d.js} +1 -1
- package/components/{p-9db189da.js → p-1bf785c6.js} +16 -23
- package/components/{p-d68a2616.js → p-282382c4.js} +4 -12
- package/components/{p-0fa9b53d.js → p-3550df5a.js} +1 -1
- package/components/{p-96b491a1.js → p-3bd8c19c.js} +0 -1
- package/components/{p-dabc44e6.js → p-5c4776c7.js} +1 -1
- package/components/{p-ff3602a0.js → p-5c935ce6.js} +8 -17
- package/components/{p-b117b485.js → p-71ee8db6.js} +1 -1
- package/components/{p-0d72a9c0.js → p-75510c73.js} +3 -3
- package/components/{p-82193a3f.js → p-783a8315.js} +2 -2
- package/components/{p-6f28ab30.js → p-7930f1eb.js} +1 -1
- package/components/{p-8c8ce786.js → p-7cc477d1.js} +1 -1
- package/components/{p-02fa1893.js → p-a5754a21.js} +2 -2
- package/components/{p-94611ca8.js → p-ac22eb1c.js} +1 -1
- package/components/{p-0eac1dba.js → p-d03f0b8f.js} +2 -2
- package/custom-elements.json +5 -32
- package/dist/cjs/{code-example-variation.enum-c6557727.js → code-example-variation.enum-1611825e.js} +6 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-bar-chart_8.cjs.entry.js → digi-bar-chart.cjs.entry.js} +0 -258
- package/dist/cjs/digi-button_16.cjs.entry.js +798 -0
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +4 -10
- package/dist/cjs/digi-code-block_3.cjs.entry.js +8 -21
- package/dist/cjs/digi-code-example.cjs.entry.js +3 -4
- package/dist/cjs/digi-code.cjs.entry.js +1 -1
- package/dist/cjs/digi-context-menu.cjs.entry.js +3 -3
- package/dist/cjs/digi-dialog.cjs.entry.js +4 -10
- package/dist/cjs/digi-footer.cjs.entry.js +3 -9
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +6 -14
- package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -9
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/digi-form-input-search.cjs.entry.js +2 -3
- package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -9
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -9
- package/dist/cjs/digi-header-avatar.cjs.entry.js +1 -1
- package/dist/cjs/digi-icon-caret-down_2.cjs.entry.js +53 -0
- package/dist/cjs/digi-icon-chart_2.cjs.entry.js +53 -0
- package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +1 -1
- package/dist/cjs/{digi-icon-notification-error_5.cjs.entry.js → digi-icon-notification-error_4.cjs.entry.js} +0 -23
- package/dist/cjs/digi-link-button.cjs.entry.js +1 -1
- package/dist/cjs/digi-link-internal.cjs.entry.js +2 -2
- package/dist/cjs/digi-link.cjs.entry.js +1 -1
- package/dist/cjs/digi-list.cjs.entry.js +1 -1
- package/dist/cjs/digi-loader-skeleton.cjs.entry.js +3 -3
- package/dist/cjs/digi-loader-spinner.cjs.entry.js +1 -1
- package/dist/cjs/digi-media-figure.cjs.entry.js +1 -1
- package/dist/cjs/digi-media-image_2.cjs.entry.js +3 -3
- package/dist/cjs/digi-navigation-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +9 -15
- package/dist/cjs/digi-navigation-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +6 -6
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +1 -1
- package/dist/cjs/digi-notification-alert.cjs.entry.js +6 -12
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +6 -12
- package/dist/cjs/digi-progress-circle.cjs.entry.js +8 -8
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +3 -3
- package/dist/cjs/digi-progress-list-item.cjs.entry.js +5 -5
- package/dist/cjs/digi-progress-list.cjs.entry.js +1 -1
- package/dist/cjs/digi-progressbar.cjs.entry.js +2 -2
- package/dist/cjs/digi-quote.cjs.entry.js +2 -2
- package/dist/cjs/digi-table.cjs.entry.js +1 -1
- package/dist/cjs/digi-tablist-panel.cjs.entry.js +2 -2
- package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
- package/dist/cjs/digi-tag-media.cjs.entry.js +2 -2
- package/dist/cjs/digi-tag.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +6 -12
- package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +1 -1
- package/dist/cjs/digi-typography-meta.cjs.entry.js +1 -1
- package/dist/cjs/digi-typography-time.cjs.entry.js +1 -1
- package/dist/cjs/digi-typography.cjs.entry.js +26 -0
- package/dist/cjs/digi-util-detect-click-outside.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-detect-focus-outside.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-keyup-handler.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-resize-observer.cjs.entry.js +1 -1
- package/dist/cjs/{form-input-search-variation.enum-c50239bc.js → form-input-search-variation.enum-e0e025b1.js} +7 -0
- package/dist/cjs/index-81fc5a97.js +18 -50
- package/dist/cjs/index.cjs.js +66 -78
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{typography-variation.enum-d6a04b47.js → typography-variation.enum-e636523c.js} +48 -0
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +2 -2
- package/dist/collection/components/_code/code/code.css +4 -0
- package/dist/collection/components/_form/form-checkbox/form-checkbox.css +2 -2
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +8 -21
- package/dist/collection/components/_form/form-file-upload/form-file-upload.css +5 -2
- package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +13 -19
- package/dist/collection/components/_header/header-avatar/header-avatar.css +2 -2
- package/dist/collection/components/_header/header-navigation/header-navigation.js +10 -5
- package/dist/collection/components/_link/link/link.js +1 -1
- package/dist/collection/components/_link/link-button/link-button.js +1 -1
- package/dist/collection/components/_link/link-external/link-external.js +1 -1
- package/dist/collection/components/_link/link-internal/link-internal.css +2 -2
- package/dist/collection/components/_link/link-internal/link-internal.js +1 -1
- package/dist/collection/components/_list/list/list.js +1 -1
- package/dist/collection/components/_loader/loader-skeleton/loader-skeleton.js +3 -3
- package/dist/collection/components/_loader/loader-spinner/loader-spinner.js +1 -1
- package/dist/collection/components/_logo/logo/logo.js +2 -2
- package/dist/collection/components/_media/media-figure/media-figure.js +1 -1
- package/dist/collection/components/_media/media-image/media-image.js +2 -2
- package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.js +2 -2
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +3 -3
- package/dist/collection/components/_navigation/navigation-pagination/navigation-pagination.js +6 -6
- package/dist/collection/components/_navigation/navigation-sidebar/navigation-sidebar.js +2 -2
- package/dist/collection/components/_navigation/navigation-sidebar-button/navigation-sidebar-button.js +1 -1
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
- package/dist/collection/components/_navigation/navigation-tablist-panel/tablist-panel.js +2 -2
- package/dist/collection/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.js +1 -1
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.js +6 -6
- package/dist/collection/components/_notification/notification-alert/notification-alert.css +9 -1
- package/dist/collection/components/_notification/notification-alert/notification-alert.js +3 -3
- package/dist/collection/components/_notification/notification-error-page/notification-error-page.js +3 -3
- package/dist/collection/components/_progress/progress-circle/progress-circle.js +8 -8
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.js +3 -3
- package/dist/collection/components/_progress/progress-list/progress-list.js +1 -1
- package/dist/collection/components/_progress/progress-list-item/progress-list-item.js +5 -5
- package/dist/collection/components/_progress/progressbar/progressbar.js +2 -2
- package/dist/collection/components/_quote/quote/quote.css +1 -1
- package/dist/collection/components/_quote/quote/quote.js +1 -1
- package/dist/collection/components/_table/table/table.js +1 -1
- package/dist/collection/components/_tag/tag/tag.js +1 -1
- package/dist/collection/components/_tag/tag-media/tag-media.js +2 -2
- package/dist/collection/components/_tools/tools-feedback/tools-feedback.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js +1 -1
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +1 -1
- package/dist/collection/components/_typography/typography/typography.js +1 -1
- package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js +1 -1
- package/dist/collection/components/_typography/typography-meta/typography-meta.js +1 -1
- package/dist/collection/components/_typography/typography-preamble/typography-preamble.js +1 -1
- package/dist/collection/components/_typography/typography-time/typography-time.js +1 -1
- package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js +1 -1
- package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js +1 -1
- package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js +1 -1
- package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js +1 -1
- package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js +1 -1
- package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js +1 -1
- package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js +1 -1
- package/dist/collection/enums.js +0 -1
- package/dist/collection/styles/src/themes/_common.mixin.scss +2 -2
- package/dist/collection/styles/src/tokens-documentation/web-AF25.json +138 -163
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-a9364824.entry.js → p-06f479a0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-0f0d34f5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e1c15beb.entry.js → p-10d61ca1.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5000780c.entry.js → p-13bbfd07.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6b4f5007.entry.js → p-14971f37.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-157b2ef0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-806f8bc3.entry.js → p-16681b2b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-168178b4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-1879ec52.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-1f90221c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-956b92a1.entry.js → p-1ff4b356.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a2c089de.entry.js → p-2e41f811.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-882c9deb.entry.js → p-2fc2869e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-70d5b6d8.entry.js → p-361adda6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-3a1c753e.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-aa68d8a7.entry.js → p-3dc1fd5e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-152d14c0.entry.js → p-450f026e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4841b4e1.js +1 -0
- package/dist/digi-arbetsformedlingen/p-491ecb85.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e73d19bc.entry.js → p-52946d56.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-53d9556b.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-4f573972.entry.js → p-56daef7c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-91e65c6d.entry.js → p-5f29f1df.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-61087620.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-64268e59.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-3f98a40d.entry.js → p-64480425.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-69bb6a30.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-6b803e1c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-6eb07401.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-d4bd3c67.entry.js → p-708ff3a0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-70f4e550.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-8e9c52c1.entry.js → p-79ccfb51.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-7b94a3c7.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-fb73b450.entry.js → p-8258b417.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-82ea167c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-94e3298a.entry.js → p-83b255e1.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0079fe23.entry.js → p-85adb0c4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-40992279.entry.js → p-869ec116.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-bc867ac9.entry.js → p-8a7516f8.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-921261c4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-0dabfbf2.entry.js → p-93163416.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-936d781a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9bdbcfe7.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-379388e8.entry.js → p-a564d73b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4387f5b9.entry.js → p-ad49b24c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-788edc66.entry.js → p-b1318357.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1b26e051.entry.js → p-b41f36a3.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5520c068.entry.js → p-c573eb62.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-8dc34fe3.entry.js → p-cb0d3ca3.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-62ff3ed7.entry.js → p-ce3c9714.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-d09975d2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d2660122.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d619d74f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e2fe3edf.entry.js → p-df3bf19b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a20e4bdd.entry.js → p-e5121833.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f80bf0cf.entry.js → p-e69a47b0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-eb32406e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ef35a8e5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f44865c5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f5ac3db8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +2 -2
- package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +138 -163
- package/dist/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-e656d235.js} +7 -1
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-bar-chart_8.entry.js → digi-bar-chart.entry.js} +2 -253
- package/dist/esm/digi-button_16.entry.js +779 -0
- package/dist/esm/digi-calendar-datepicker.entry.js +4 -10
- package/dist/esm/digi-code-block_3.entry.js +7 -20
- package/dist/esm/digi-code-example.entry.js +1 -2
- package/dist/esm/digi-code.entry.js +1 -1
- package/dist/esm/digi-context-menu.entry.js +3 -3
- package/dist/esm/digi-dialog.entry.js +3 -9
- package/dist/esm/digi-footer.entry.js +3 -9
- package/dist/esm/digi-form-checkbox.entry.js +6 -14
- package/dist/esm/digi-form-error-list.entry.js +3 -9
- package/dist/esm/digi-form-file-upload.entry.js +1 -1
- package/dist/esm/digi-form-input-search.entry.js +1 -2
- package/dist/esm/digi-form-receipt.entry.js +3 -9
- package/dist/esm/digi-form-select-filter.entry.js +3 -9
- package/dist/esm/digi-header-avatar.entry.js +1 -1
- package/dist/esm/digi-icon-caret-down_2.entry.js +48 -0
- package/dist/esm/digi-icon-chart_2.entry.js +48 -0
- package/dist/esm/digi-icon-external-link-alt_2.entry.js +1 -1
- package/dist/esm/{digi-icon-notification-error_5.entry.js → digi-icon-notification-error_4.entry.js} +1 -23
- package/dist/esm/digi-link-button.entry.js +1 -1
- package/dist/esm/digi-link-internal.entry.js +2 -2
- package/dist/esm/digi-link.entry.js +1 -1
- package/dist/esm/digi-list.entry.js +1 -1
- package/dist/esm/digi-loader-skeleton.entry.js +3 -3
- package/dist/esm/digi-loader-spinner.entry.js +1 -1
- package/dist/esm/digi-media-figure.entry.js +1 -1
- package/dist/esm/digi-media-image_2.entry.js +3 -3
- package/dist/esm/digi-navigation-breadcrumbs.entry.js +2 -2
- package/dist/esm/digi-navigation-pagination.entry.js +9 -15
- package/dist/esm/digi-navigation-sidebar.entry.js +2 -2
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +6 -6
- package/dist/esm/digi-navigation-vertical-menu.entry.js +1 -1
- package/dist/esm/digi-notification-alert.entry.js +6 -12
- package/dist/esm/digi-notification-error-page.entry.js +6 -12
- package/dist/esm/digi-progress-circle.entry.js +8 -8
- package/dist/esm/digi-progress-indicator.entry.js +3 -3
- package/dist/esm/digi-progress-list-item.entry.js +5 -5
- package/dist/esm/digi-progress-list.entry.js +1 -1
- package/dist/esm/digi-progressbar.entry.js +2 -2
- package/dist/esm/digi-quote.entry.js +2 -2
- package/dist/esm/digi-table.entry.js +1 -1
- package/dist/esm/digi-tablist-panel.entry.js +2 -2
- package/dist/esm/digi-tablist.entry.js +5 -5
- package/dist/esm/digi-tag-media.entry.js +2 -2
- package/dist/esm/digi-tag.entry.js +1 -1
- package/dist/esm/digi-tools-feedback-banner.entry.js +1 -1
- package/dist/esm/digi-tools-feedback-rating.entry.js +1 -1
- package/dist/esm/digi-tools-feedback.entry.js +4 -10
- package/dist/esm/digi-tools-theme-provider.entry.js +1 -1
- package/dist/esm/digi-typography-meta.entry.js +1 -1
- package/dist/esm/digi-typography-time.entry.js +1 -1
- package/dist/esm/digi-typography.entry.js +22 -0
- package/dist/esm/digi-util-detect-click-outside.entry.js +1 -1
- package/dist/esm/digi-util-detect-focus-outside.entry.js +1 -1
- package/dist/esm/digi-util-keyup-handler.entry.js +1 -1
- package/dist/esm/digi-util-resize-observer.entry.js +1 -1
- package/dist/esm/{form-input-search-variation.enum-f9d669f2.js → form-input-search-variation.enum-6d8dc10a.js} +8 -1
- package/dist/esm/index-bfea2cc5.js +18 -50
- package/dist/esm/index.js +3 -9
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{typography-variation.enum-0f0f74d5.js → typography-variation.enum-f574b1a7.js} +49 -1
- package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +8 -6
- package/dist/types/components/_form/form-radiobutton/form-radiobutton.d.ts +12 -8
- package/dist/types/components.d.ts +22 -69
- package/dist/types/enums.d.ts +0 -1
- package/hydrate/index.js +114 -173
- package/hydrate/index.mjs +114 -173
- package/package.json +1 -1
- package/components/digi-layout-media-object.d.ts +0 -11
- package/components/digi-layout-media-object.js +0 -6
- package/components/p-0ced52b5.js +0 -41
- package/components/p-85914c7f.js +0 -9
- package/dist/cjs/button-size.enum-1fd86b9e.js +0 -7
- package/dist/cjs/button-type.enum-406723db.js +0 -8
- package/dist/cjs/digi-header-navigation-item.cjs.entry.js +0 -27
- package/dist/cjs/digi-header-navigation.cjs.entry.js +0 -226
- package/dist/cjs/digi-header-notification.cjs.entry.js +0 -23
- package/dist/cjs/digi-header.cjs.entry.js +0 -99
- package/dist/cjs/digi-icon-bars.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +0 -30
- package/dist/cjs/digi-layout-block_2.cjs.entry.js +0 -92
- package/dist/cjs/digi-logo_2.cjs.entry.js +0 -64
- package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +0 -38
- package/dist/cjs/digi-typography-preamble.cjs.entry.js +0 -20
- package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +0 -48
- package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +0 -83
- package/dist/cjs/layout-container-max-width.enum-7e637f44.js +0 -21
- package/dist/cjs/layout-media-object-alignment.enum-81c8e205.js +0 -9
- package/dist/cjs/logo-variation.enum-607fadb4.js +0 -13
- package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +0 -17
- package/dist/collection/components/_layout/layout-media-object/layout-media-object-alignment.enum.js +0 -7
- package/dist/collection/components/_layout/layout-media-object/layout-media-object.css +0 -24
- package/dist/collection/components/_layout/layout-media-object/layout-media-object.js +0 -75
- package/dist/collection/design-tokens/components/_layout-media-object.variables.scss +0 -5
- package/dist/digi-arbetsformedlingen/design-tokens/components/_layout-media-object.variables.scss +0 -5
- package/dist/digi-arbetsformedlingen/p-0a56661d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0c5cce11.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0d896f6b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0e722a95.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-13230035.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1c92b365.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1d53eba5.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-290d1746.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2c2f8595.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-300aa9ef.js +0 -1
- package/dist/digi-arbetsformedlingen/p-314a9153.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4b87e336.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-543fe1c4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-58d7d227.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5a602122.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5b31f86f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-608cc0bd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-645b33ab.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-79514af6.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7f574281.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7ffd27d3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-85914c7f.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8b372f1f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8d3b02b9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8d60df32.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-98fca451.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bc3d2778.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bd5122b0.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bdc6dba1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c27aae81.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c2b92eaa.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c39bc356.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-cdf86efc.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d1886fff.js +0 -1
- package/dist/digi-arbetsformedlingen/p-da0c0168.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e20facdd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e480e0ed.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ec765628.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ee9589e6.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fcc48716.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fee0e9e0.entry.js +0 -1
- package/dist/esm/button-size.enum-d5ff6ff3.js +0 -7
- package/dist/esm/button-type.enum-5250ae0b.js +0 -8
- package/dist/esm/digi-header-navigation-item.entry.js +0 -23
- package/dist/esm/digi-header-navigation.entry.js +0 -222
- package/dist/esm/digi-header-notification.entry.js +0 -19
- package/dist/esm/digi-header.entry.js +0 -95
- package/dist/esm/digi-icon-bars.entry.js +0 -26
- package/dist/esm/digi-icon-bell-filled.entry.js +0 -26
- package/dist/esm/digi-layout-block_2.entry.js +0 -87
- package/dist/esm/digi-logo_2.entry.js +0 -59
- package/dist/esm/digi-typography-heading-jumbo.entry.js +0 -34
- package/dist/esm/digi-typography-preamble.entry.js +0 -16
- package/dist/esm/digi-util-breakpoint-observer.entry.js +0 -44
- package/dist/esm/digi-util-keydown-handler.entry.js +0 -79
- package/dist/esm/layout-container-max-width.enum-c40018ac.js +0 -21
- package/dist/esm/layout-media-object-alignment.enum-305b86b6.js +0 -9
- package/dist/esm/logo-variation.enum-5b68b79f.js +0 -13
- package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +0 -17
- package/dist/types/components/_layout/layout-media-object/layout-media-object-alignment.enum.d.ts +0 -6
- package/dist/types/components/_layout/layout-media-object/layout-media-object.d.ts +0 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as o,h as e,F as r,g as d}from"./p-f1de4bf6.js";import{_ as l}from"./p-08cf2c0e.js";import{r as a}from"./p-ffe5c0e8.js";import{b as n,a as t,F as f}from"./p-905ccb30.js";import{U as s}from"./p-cdcaf0eb.js";import{F as g}from"./p-7933b555.js";const m=class{constructor(e){i(this,e),this.afOnUploadFile=o(this,"afOnUploadFile",7),this.afOnRemoveFile=o(this,"afOnRemoveFile",7),this.afOnCancelFile=o(this,"afOnCancelFile",7),this.afOnReady=o(this,"afOnReady",3),this.afShowModal=o(this,"afShowModal",7),this.toBase64=i=>new Promise(((o,e)=>{const r=new FileReader;r.readAsDataURL(i),r.onload=()=>{const i=r.result.toString().replace(/^data:(.*,)?/,"");o(i)},r.onerror=i=>e(i)})),this._input=void 0,this._fileList=void 0,this._uploadButton=void 0,this._srTextContainer=void 0,this.files=[],this.error=!1,this.errorMessages=[],this.fileHover=!1,this.afLabel=l.form.file_upload,this.afLabelDescription=void 0,this.afVariation=n.SMALL,this.afId=a("digi-form-file-upload"),this.afFileTypes=void 0,this.afFileMaxSize=10,this.afMaxFiles=void 0,this.afName=void 0,this.afUploadBtnText=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afHeadingFiles=l.form.file_uploaded_files,this.afAnnounceIfOptionalText=void 0,this.afFileMaxSizeText=void 0,this.afShowThumbnail=!1,this.afEnablePreview=!1,this.afValidationText=void 0,this.afValidation=t.DISABLED,this.afHeadingLevel=f.H2}afValidationTextChange(){this.setValidationText()}breakpointHandler(i){i.detail.value&&(this.afVariation=i.detail.value===s.SMALL?n.SMALL:this.aforiginalVariation)}async afMValidateFile(i){if(this.fileExistInFiles(i))if(this.removeFileFromList(i.id),"error"!==i.status){const o=new File([i],i.name,{type:i.type});o.id=i.id,o.status=i.status,o.base64=await this.toBase64(i),this.files=[...this.files,o]}else this.validateFile(i)}async afMGetAllFiles(){return this.files}async afMGetValidationState(){return{isValid:!this.error,errorMessages:this.errorMessages}}async afMImportFiles(i){if(i&&i.length>0)for(const o of i)this.validateFile(o);const o=0===this.errorMessages.length?i:this.getFilesThatAreOK(i);0!==o.length&&(this.files=this.files.concat(o))}async afMGetFormControlElement(){return this._input}componentWillLoad(){this.aforiginalVariation=this.afVariation}componentDidLoad(){this.afOnReady.emit(),this.setValidationText()}get fileMaxSize(){return 1048576*this.afFileMaxSize}setValidationText(){if(this.afValidationText&&this.afValidationText.length>0){let i=!1;this.errorMessages.length>0&&this.errorMessages.forEach((o=>{o.message===this.afValidationText&&(i=!0)})),i||this.errorMessages.push({fileName:"",message:this.afValidationText}),this.error=!0}else this.resetErrors()}fileExistInFiles(i){let o=!1;return this.files.length>0&&this.files.forEach((e=>{e.name===i.name&&(o=!0)})),o}checkAcceptedTypes(i){const o=this.afFileTypes.replace(/\s/g,"").split(","),e=i.type,r=i.name.split(".").slice(-1).map((i=>"."+i.toLowerCase())).toString();return o.some((i=>i.includes("/*")?i.split("/").slice(0,1).toString()==e.split("/").slice(0,1).toString():i===e||i===r||"*"===i))}resetErrors(i=!1){this.error=!1,this._srTextContainer.textContent="",this.errorMessages=[],i&&setTimeout((()=>{this._uploadButton.focus()}),100)}addErrorMessage(i,o){this.errorMessages.push({fileName:i,message:o})}validateFileStatus(i){i.status&&i.status===g.ERROR&&this.addErrorMessage(i.name,i.error?i.error:l.form.file_error_unknown_error)}validateMaxSize(i){if(i.size>this.fileMaxSize){const o=this.afFileMaxSizeText?this.afFileMaxSizeText:l.form.file_error_too_large(i.name,this.afFileMaxSize);this.addErrorMessage(i.name,o)}}validateFileType(i){this.checkAcceptedTypes(i)||this.addErrorMessage(i.name,l.form.file_error_filetype_not_allowed(i.name,this.afFileTypes))}validateFile(i){this.validateIfFileIsAlreadyUploaded(i),this.validateFileStatus(i),this.validateMaxSize(i),this.validateFileType(i),this.error=this.errorMessages.length>0}onCancelFileHandler(i,o){i.preventDefault();const e=this.removeFileFromList(o);e.status="error",e.error=l.form.file_upload_canceled,this.afOnCancelFile.emit(e)}removeFileFromList(i){const o=this.getIndexOfFile(i);if(-1===o)return;const e=this.files[o];return this.files=[...this.files.slice(0,o),...this.files.slice(o+1)],e}getIndexOfFile(i){return this.files.findIndex((o=>o.id==i))}getFilesThatAreOK(i){const o=[];return i.forEach((i=>{let e=!0;this.errorMessages.forEach((o=>{o.fileName===i.name&&(e=!1)})),e&&o.push(i)})),o}validateIfFileIsAlreadyUploaded(i){for(const o of this.files)o.name===i.name&&this.addErrorMessage(i.name,l.form.file_error_exists(i.name))}handleFiles(i){var o,e;this.resetErrors();const r=i.dataTransfer?null===(o=i.dataTransfer)||void 0===o?void 0:o.files:null===(e=i.target)||void 0===e?void 0:e.files,d=[];if(Array.from(r).forEach((i=>{d.push(i)})),!d||0===d.length)return;if(d.length+this.files.length>this.afMaxFiles)return this.addErrorMessage("",l.form.file_error_too_many),void(this.error=!0);d.forEach((i=>{this.validateFile(i)}));const a=0===this.errorMessages.length?d:this.getFilesThatAreOK(d);if(0===a.length)return;const n=new FormData;a.forEach((i=>{n.append("file",i)}));for(const i of n.entries())this.addFileStatusAndEmitFiles(i[1]);this._input.value=""}onButtonUploadFileHandler(i){i.preventDefault(),i.target.files&&this.handleFiles(i)}onRemoveFileHandler(i,o){i.preventDefault(),this.resetErrors();const e=this.removeFileFromList(o);this.afOnRemoveFile.emit(e),this._input.value="",this.handleFocusAfterFileRemoved()}handleFocusAfterFileRemoved(){setTimeout((()=>{this.files.length>0?this._fileList.focus():this._uploadButton.focus()}),100)}emitFile(i){const o=this.getIndexOfFile(i.id);this.afValidation===t.ENABLED||(this.files[o].status="OK"),this.afOnUploadFile.emit(this.files[o])}async addFileStatusAndEmitFiles(i){i.id=a("file"),i.status="pending",i.base64=await this.toBase64(i),this.files=[...this.files,i],this.emitFile(i)}handleDrop(i){i.stopPropagation(),i.preventDefault(),this.fileHover=!1,i.dataTransfer.files&&this.handleFiles(i)}handleAllowDrop(i){this.afVariation!==n.SMALL&&(i.stopPropagation(),i.preventDefault())}handleOnDragEnterLeave(i){this.handleAllowDrop(i),this.fileHover=!this.fileHover}handleInputClick(i){i.stopPropagation(),this.afShowModal.emit(),this._input.click()}getFiletypeAndShortFileName(i){let o=null,e=i.name;const r=e.split(".").pop(),d=e.replace("."+r,""),l=window.innerWidth<769?6:e.length,a=window.innerWidth<769?14:e.length;return o="image"===String(i.type).split("/")[0]?"image":"pdf"===String(i.type).split("/")[1]?"pdf":"default",e=e.length>l?d.substring(0,l)+"..."+r:e.length>a?d.substring(0,6)+"..."+r:i.name,{type:o,name:e}}async viewUploadedFile(i,o){if(i.preventDefault(),"image"===this.getFiletypeAndShortFileName(o).type){const i=window.open();i.document.write(`<img src="data:${o.type};base64,${o.base64}" alt="${o.name}" />`),i.document.title=o.name}else if("pdf"===this.getFiletypeAndShortFileName(o).type)(async()=>{const i=await fetch(`data:application/pdf;base64,${o.base64}`),e=await i.blob(),r=new Blob([e],{type:"application/pdf"}),d=URL.createObjectURL(r);setTimeout((()=>{window.open(d,"_blank")}),30)})();else{const i=URL.createObjectURL(o),e=document.createElement("a");e.href=i,e.target="_blank",e.download=o.name,e.click()}}get cssModifiers(){return{"digi-form-file-upload--small":"small"==this.afVariation,"digi-form-file-upload--medium":"medium"==this.afVariation,"digi-form-file-upload--large":"large"==this.afVariation,"digi-form-file-upload--has-errors":this.errorMessages.length>0}}renderErrorMessage(){if(this.error)return this.readErrorMessagesToAssistiveTechnologies(),e("div",{class:"digi-form-file-upload__error-list-container "+(this.files.length>0?"with-files":"")},e("ul",{class:"digi-form-file-upload__error-list","aria-hidden":"true"},this.renderErrorMessages()),e("button",{type:"button","aria-label":l.form.file_upload_reset_errors_aria_label,class:"digi-form-file-upload__button clear-button hidden-mobile",onClick:()=>{this.resetErrors(!0)}},e("span",null,l.form.file_upload_reset_errors)),e("button",{type:"button",onClick:()=>{this.resetErrors(!0)},class:"digi-form-file-upload__button clear-button hidden-desktop","aria-label":l.form.file_upload_reset_errors_aria_label},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon clear-icon","aria-hidden":"true"})))}readErrorMessagesToAssistiveTechnologies(){this._srTextContainer.textContent="";const i=this.errorMessages.map((i=>i.message+" "));setTimeout((()=>{this._srTextContainer.textContent=i.toString()}),200)}renderErrorMessages(){return this.errorMessages.map((i=>e("li",null,e("digi-form-validation-message",{id:"digi-form-file-upload__error",class:"digi-form-file-upload__error","af-variation":"error"},i.message))))}renderPendingFile(i){return e("div",{class:"digi-form-file-upload__item-pending-container"},e("span",{class:"info-wrapper"},e("digi-icon-spinner",{class:"digi-form-file-upload__spinner"}),e("span",{style:{margin:"0"}},l.form.file_upload_progress," ",e("span",{class:"hidden-mobile"},"|")),e("p",{class:"digi-form-file-upload__item-name-pending hidden-mobile"},this.getFiletypeAndShortFileName(i).name)),e("span",{class:"button-wrapper"},e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button-abort hidden-mobile","aria-label":l.form.file_cancel_upload_long(i.name)},l.form.file_cancel_upload),e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button hidden-desktop","aria-label":l.form.file_cancel_upload_long(i.name)},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon","aria-hidden":"true"}))))}renderImageThumbnail(i){return this.afShowThumbnail?e("figure",{class:"digi-form-file-upload__item-text-container-figure",style:{margin:"0"}},e("img",{"aria-hidden":"true",class:"thumbnail",src:`data:${i.type};base64,${i.base64}`}),e("figcaption",{class:"visually-hidden"},"Miniatyr av ",i.name)):this.renderCheckmark()}renderCheckmark(){return e("span",{class:"digi-form-file-upload__item-green-check"},e("digi-icon-check-circle-solid",null))}renderPDFThumbnail(i){return this.afShowThumbnail?e("span",{class:`${this.afShowThumbnail?"digi-form-file-upload__item-pdf-preview-bis":null}`,"aria-label":i.name},e("svg",{style:{scale:"1"},width:"23.76",height:"32",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z",fill:"#1616B2","fill-rule":"evenodd"}))):this.renderCheckmark()}renderThumbnail(i){switch(this.getFiletypeAndShortFileName(i).type){case"pdf":return this.renderPDFThumbnail(i);case"image":return this.renderImageThumbnail(i);default:return this.renderCheckmark()}}renderFileName(i){return this.afEnablePreview?e("a",{class:"digi-form-file-upload__item-name",href:"#",onClick:o=>{this.viewUploadedFile(o,i)}},i.name):e("span",{class:"digi-form-file-upload__item-name"},i.name)}renderOKFile(i){return e(r,null,e("span",{class:"digi-form-file-upload__item-text-and-thumbnail-container"},this.renderThumbnail(i),this.renderFileName(i)),e("button",{type:"button",onClick:o=>this.onRemoveFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button--mobile","aria-label":l.form.file_remove(i.name)},e("span",{class:"hidden-mobile"},l.form.file_remove()),e("digi-icon-trash",{class:"digi-form-file-upload__button-icon hidden-desktop"})))}renderFile(i){return"pending"===i.status?this.renderPendingFile(i):this.renderOKFile(i)}renderFiles(){return this.files.map(((i,o)=>e("li",{class:"digi-form-file-upload__item-container",key:"file-"+o},e("div",{class:"digi-form-file-upload__item"},e("div",{class:"digi-form-file-upload__item-text-container"},this.renderFile(i))))))}renderFileContainer(){if(0!==this.files.length)return e(r,null,e(this.afHeadingLevel,{class:{"digi-form-file-upload__files-heading":!0,"digi-form-file-upload__files-heading--and-errors":this.error}},this.afHeadingFiles),e("ul",{class:"digi-form-file-upload__files-list",tabindex:-1,ref:i=>{this._fileList=i}},this.renderFiles()))}render(){return e(r,{key:"c69e5c8eb43f8d12ebd7b18fc4b72d53f194fdc4"},e("digi-util-breakpoint-observer",{key:"55a2602c5ae86068eb6ef11c38c26199620626cb",onAfOnChange:i=>this.breakpointHandler(i)}),e("div",{key:"dd0c122215e18a7e055af9cdbf3b1251f93748ca",class:Object.assign({"digi-form-file-upload":!0},this.cssModifiers)},e("digi-form-label",{key:"075be0dfb3fb5f5207ba211518ff035ee155719c",afFor:this.afId,afLabel:this.afLabel,afDescription:this.afLabelDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),e("div",{key:"137e55668de03b4c700e6cd668164aa7ab480232",class:{"digi-form-file-upload__upload-area":!0,"digi-form-file-upload__upload-area--hover":this.fileHover},onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),onDragEnter:i=>this.handleOnDragEnterLeave(i),onDragLeave:i=>this.handleOnDragEnterLeave(i),onClick:i=>this.handleInputClick(i)},this.fileHover&&this.afVariation!=n.SMALL&&e("div",{key:"399686fe6632683bd001d76a49c2b80acc50efec",class:"digi-form-file-upload__upload-area-overlay"}),e("div",{key:"b7a8c341f7a1aba732b838647eaf3cd77f63d305",class:"digi-form-file-upload__text-area"},e("button",{key:"856a304b06c0985506e09d58db7679d997957936",type:"button",ref:i=>{this._uploadButton=i},onClick:i=>this.handleInputClick(i),class:"digi-form-file-upload__button hidden_mobile",style:{margin:"0"}},e("digi-icon-paperclip",{key:"79e576575a87f3740b9bc8ed136450f58d256adb","aria-hidden":"true",class:"digi-form-file-upload__button-icon paper-clip",slot:"icon"}),this.afUploadBtnText?this.afUploadBtnText:l.form.file_choose),e("input",{key:"6b1328107138c170dc25f3ee1af811520e2ab2ca",ref:i=>{this._input=i},onChange:i=>this.onButtonUploadFileHandler(i),class:"digi-form-file-upload__input",multiple:!0,type:"file",id:this.afId,accept:this.afFileTypes,name:this.afName?this.afName:null,required:this.afRequired?this.afRequired:null,onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),"aria-errormessage":"digi-form-file-upload__error","aria-describedBy":"digi-form-file-upload__error"}),e("span",{key:"ae398d7a43bbec39ec7c9171bbcdd5dc93d23f32"},this.afVariation!==n.SMALL&&l.form.file_dropzone))),e("p",{key:"a90e1d67f2b97736a67b4efff8a16c1d5c229e16",class:"visually-hidden",role:"alert","aria-atomic":"true",ref:i=>{this._srTextContainer=i}}),(this.files.length>0||this.error)&&e("div",{key:"f8e442023f38b9e5c4cc8320ccd96896bbcfd606",class:"digi-form-file-upload__files"},this.renderErrorMessage(),this.renderFileContainer())))}get hostElement(){return d(this)}static get watchers(){return{afValidationText:["afValidationTextChange"]}}};m.style=".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";export{m as digi_form_file_upload}
|
|
1
|
+
import{r as i,c as o,h as e,F as r,g as d}from"./p-f1de4bf6.js";import{_ as l}from"./p-08cf2c0e.js";import{r as a}from"./p-ffe5c0e8.js";import{b as n,a as t,F as f}from"./p-905ccb30.js";import{U as s}from"./p-cdcaf0eb.js";import{F as g}from"./p-7933b555.js";const m=class{constructor(e){i(this,e),this.afOnUploadFile=o(this,"afOnUploadFile",7),this.afOnRemoveFile=o(this,"afOnRemoveFile",7),this.afOnCancelFile=o(this,"afOnCancelFile",7),this.afOnReady=o(this,"afOnReady",3),this.afShowModal=o(this,"afShowModal",7),this.toBase64=i=>new Promise(((o,e)=>{const r=new FileReader;r.readAsDataURL(i),r.onload=()=>{const i=r.result.toString().replace(/^data:(.*,)?/,"");o(i)},r.onerror=i=>e(i)})),this._input=void 0,this._fileList=void 0,this._uploadButton=void 0,this._srTextContainer=void 0,this.files=[],this.error=!1,this.errorMessages=[],this.fileHover=!1,this.afLabel=l.form.file_upload,this.afLabelDescription=void 0,this.afVariation=n.SMALL,this.afId=a("digi-form-file-upload"),this.afFileTypes=void 0,this.afFileMaxSize=10,this.afMaxFiles=void 0,this.afName=void 0,this.afUploadBtnText=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afHeadingFiles=l.form.file_uploaded_files,this.afAnnounceIfOptionalText=void 0,this.afFileMaxSizeText=void 0,this.afShowThumbnail=!1,this.afEnablePreview=!1,this.afValidationText=void 0,this.afValidation=t.DISABLED,this.afHeadingLevel=f.H2}afValidationTextChange(){this.setValidationText()}breakpointHandler(i){i.detail.value&&(this.afVariation=i.detail.value===s.SMALL?n.SMALL:this.aforiginalVariation)}async afMValidateFile(i){if(this.fileExistInFiles(i))if(this.removeFileFromList(i.id),"error"!==i.status){const o=new File([i],i.name,{type:i.type});o.id=i.id,o.status=i.status,o.base64=await this.toBase64(i),this.files=[...this.files,o]}else this.validateFile(i)}async afMGetAllFiles(){return this.files}async afMGetValidationState(){return{isValid:!this.error,errorMessages:this.errorMessages}}async afMImportFiles(i){if(i&&i.length>0)for(const o of i)this.validateFile(o);const o=0===this.errorMessages.length?i:this.getFilesThatAreOK(i);0!==o.length&&(this.files=this.files.concat(o))}async afMGetFormControlElement(){return this._input}componentWillLoad(){this.aforiginalVariation=this.afVariation}componentDidLoad(){this.afOnReady.emit(),this.setValidationText()}get fileMaxSize(){return 1048576*this.afFileMaxSize}setValidationText(){if(this.afValidationText&&this.afValidationText.length>0){let i=!1;this.errorMessages.length>0&&this.errorMessages.forEach((o=>{o.message===this.afValidationText&&(i=!0)})),i||this.errorMessages.push({fileName:"",message:this.afValidationText}),this.error=!0}else this.resetErrors()}fileExistInFiles(i){let o=!1;return this.files.length>0&&this.files.forEach((e=>{e.name===i.name&&(o=!0)})),o}checkAcceptedTypes(i){const o=this.afFileTypes.replace(/\s/g,"").split(","),e=i.type,r=i.name.split(".").slice(-1).map((i=>"."+i.toLowerCase())).toString();return o.some((i=>i.includes("/*")?i.split("/").slice(0,1).toString()==e.split("/").slice(0,1).toString():i===e||i===r||"*"===i))}resetErrors(i=!1){this.error=!1,this._srTextContainer.textContent="",this.errorMessages=[],i&&setTimeout((()=>{this._uploadButton.focus()}),100)}addErrorMessage(i,o){this.errorMessages.push({fileName:i,message:o})}validateFileStatus(i){i.status&&i.status===g.ERROR&&this.addErrorMessage(i.name,i.error?i.error:l.form.file_error_unknown_error)}validateMaxSize(i){if(i.size>this.fileMaxSize){const o=this.afFileMaxSizeText?this.afFileMaxSizeText:l.form.file_error_too_large(i.name,this.afFileMaxSize);this.addErrorMessage(i.name,o)}}validateFileType(i){this.checkAcceptedTypes(i)||this.addErrorMessage(i.name,l.form.file_error_filetype_not_allowed(i.name,this.afFileTypes))}validateFile(i){this.validateIfFileIsAlreadyUploaded(i),this.validateFileStatus(i),this.validateMaxSize(i),this.validateFileType(i),this.error=this.errorMessages.length>0}onCancelFileHandler(i,o){i.preventDefault();const e=this.removeFileFromList(o);e.status="error",e.error=l.form.file_upload_canceled,this.afOnCancelFile.emit(e)}removeFileFromList(i){const o=this.getIndexOfFile(i);if(-1===o)return;const e=this.files[o];return this.files=[...this.files.slice(0,o),...this.files.slice(o+1)],e}getIndexOfFile(i){return this.files.findIndex((o=>o.id==i))}getFilesThatAreOK(i){const o=[];return i.forEach((i=>{let e=!0;this.errorMessages.forEach((o=>{o.fileName===i.name&&(e=!1)})),e&&o.push(i)})),o}validateIfFileIsAlreadyUploaded(i){for(const o of this.files)o.name===i.name&&this.addErrorMessage(i.name,l.form.file_error_exists(i.name))}handleFiles(i){var o,e;this.resetErrors();const r=i.dataTransfer?null===(o=i.dataTransfer)||void 0===o?void 0:o.files:null===(e=i.target)||void 0===e?void 0:e.files,d=[];if(Array.from(r).forEach((i=>{d.push(i)})),!d||0===d.length)return;if(d.length+this.files.length>this.afMaxFiles)return this.addErrorMessage("",l.form.file_error_too_many),void(this.error=!0);d.forEach((i=>{this.validateFile(i)}));const a=0===this.errorMessages.length?d:this.getFilesThatAreOK(d);if(0===a.length)return;const n=new FormData;a.forEach((i=>{n.append("file",i)}));for(const i of n.entries())this.addFileStatusAndEmitFiles(i[1]);this._input.value=""}onButtonUploadFileHandler(i){i.preventDefault(),i.target.files&&this.handleFiles(i)}onRemoveFileHandler(i,o){i.preventDefault(),this.resetErrors();const e=this.removeFileFromList(o);this.afOnRemoveFile.emit(e),this._input.value="",this.handleFocusAfterFileRemoved()}handleFocusAfterFileRemoved(){setTimeout((()=>{this.files.length>0?this._fileList.focus():this._uploadButton.focus()}),100)}emitFile(i){const o=this.getIndexOfFile(i.id);this.afValidation===t.ENABLED||(this.files[o].status="OK"),this.afOnUploadFile.emit(this.files[o])}async addFileStatusAndEmitFiles(i){i.id=a("file"),i.status="pending",i.base64=await this.toBase64(i),this.files=[...this.files,i],this.emitFile(i)}handleDrop(i){i.stopPropagation(),i.preventDefault(),this.fileHover=!1,i.dataTransfer.files&&this.handleFiles(i)}handleAllowDrop(i){this.afVariation!==n.SMALL&&(i.stopPropagation(),i.preventDefault())}handleOnDragEnterLeave(i){this.handleAllowDrop(i),this.fileHover=!this.fileHover}handleInputClick(i){i.stopPropagation(),this.afShowModal.emit(),this._input.click()}getFiletypeAndShortFileName(i){let o=null,e=i.name;const r=e.split(".").pop(),d=e.replace("."+r,""),l=window.innerWidth<769?6:e.length,a=window.innerWidth<769?14:e.length;return o="image"===String(i.type).split("/")[0]?"image":"pdf"===String(i.type).split("/")[1]?"pdf":"default",e=e.length>l?d.substring(0,l)+"..."+r:e.length>a?d.substring(0,6)+"..."+r:i.name,{type:o,name:e}}async viewUploadedFile(i,o){if(i.preventDefault(),"image"===this.getFiletypeAndShortFileName(o).type){const i=window.open();i.document.write(`<img src="data:${o.type};base64,${o.base64}" alt="${o.name}" />`),i.document.title=o.name}else if("pdf"===this.getFiletypeAndShortFileName(o).type)(async()=>{const i=await fetch(`data:application/pdf;base64,${o.base64}`),e=await i.blob(),r=new Blob([e],{type:"application/pdf"}),d=URL.createObjectURL(r);setTimeout((()=>{window.open(d,"_blank")}),30)})();else{const i=URL.createObjectURL(o),e=document.createElement("a");e.href=i,e.target="_blank",e.download=o.name,e.click()}}get cssModifiers(){return{"digi-form-file-upload--small":"small"==this.afVariation,"digi-form-file-upload--medium":"medium"==this.afVariation,"digi-form-file-upload--large":"large"==this.afVariation,"digi-form-file-upload--has-errors":this.errorMessages.length>0}}renderErrorMessage(){if(this.error)return this.readErrorMessagesToAssistiveTechnologies(),e("div",{class:"digi-form-file-upload__error-list-container "+(this.files.length>0?"with-files":"")},e("ul",{class:"digi-form-file-upload__error-list","aria-hidden":"true"},this.renderErrorMessages()),e("button",{type:"button","aria-label":l.form.file_upload_reset_errors_aria_label,class:"digi-form-file-upload__button clear-button hidden-mobile",onClick:()=>{this.resetErrors(!0)}},e("span",null,l.form.file_upload_reset_errors)),e("button",{type:"button",onClick:()=>{this.resetErrors(!0)},class:"digi-form-file-upload__button clear-button hidden-desktop","aria-label":l.form.file_upload_reset_errors_aria_label},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon clear-icon","aria-hidden":"true"})))}readErrorMessagesToAssistiveTechnologies(){this._srTextContainer.textContent="";const i=this.errorMessages.map((i=>i.message+" "));setTimeout((()=>{this._srTextContainer.textContent=i.toString()}),200)}renderErrorMessages(){return this.errorMessages.map((i=>e("li",null,e("digi-form-validation-message",{id:"digi-form-file-upload__error",class:"digi-form-file-upload__error","af-variation":"error"},i.message))))}renderPendingFile(i){return e("div",{class:"digi-form-file-upload__item-pending-container"},e("span",{class:"info-wrapper"},e("digi-icon-spinner",{class:"digi-form-file-upload__spinner"}),e("span",{style:{margin:"0"}},l.form.file_upload_progress," ",e("span",{class:"hidden-mobile"},"|")),e("p",{class:"digi-form-file-upload__item-name-pending hidden-mobile"},this.getFiletypeAndShortFileName(i).name)),e("span",{class:"button-wrapper"},e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button-abort hidden-mobile","aria-label":l.form.file_cancel_upload_long(i.name)},l.form.file_cancel_upload),e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button hidden-desktop","aria-label":l.form.file_cancel_upload_long(i.name)},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon","aria-hidden":"true"}))))}renderImageThumbnail(i){return this.afShowThumbnail?e("figure",{class:"digi-form-file-upload__item-text-container-figure",style:{margin:"0"}},e("img",{"aria-hidden":"true",class:"thumbnail",src:`data:${i.type};base64,${i.base64}`}),e("figcaption",{class:"visually-hidden"},"Miniatyr av ",i.name)):this.renderCheckmark()}renderCheckmark(){return e("span",{class:"digi-form-file-upload__item-green-check"},e("digi-icon-check-circle-solid",null))}renderPDFThumbnail(i){return this.afShowThumbnail?e("span",{class:`${this.afShowThumbnail?"digi-form-file-upload__item-pdf-preview-bis":null}`,"aria-label":i.name},e("svg",{style:{scale:"1"},width:"23.76",height:"32",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z",fill:"#1616B2","fill-rule":"evenodd"}))):this.renderCheckmark()}renderThumbnail(i){switch(this.getFiletypeAndShortFileName(i).type){case"pdf":return this.renderPDFThumbnail(i);case"image":return this.renderImageThumbnail(i);default:return this.renderCheckmark()}}renderFileName(i){return this.afEnablePreview?e("a",{class:"digi-form-file-upload__item-name",href:"#",onClick:o=>{this.viewUploadedFile(o,i)}},i.name):e("span",{class:"digi-form-file-upload__item-name"},i.name)}renderOKFile(i){return e(r,null,e("span",{class:"digi-form-file-upload__item-text-and-thumbnail-container"},this.renderThumbnail(i),this.renderFileName(i)),e("button",{type:"button",onClick:o=>this.onRemoveFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button--mobile","aria-label":l.form.file_remove(i.name)},e("span",{class:"hidden-mobile"},l.form.file_remove()),e("digi-icon-trash",{class:"digi-form-file-upload__button-icon hidden-desktop"})))}renderFile(i){return"pending"===i.status?this.renderPendingFile(i):this.renderOKFile(i)}renderFiles(){return this.files.map(((i,o)=>e("li",{class:"digi-form-file-upload__item-container",key:"file-"+o},e("div",{class:"digi-form-file-upload__item"},e("div",{class:"digi-form-file-upload__item-text-container"},this.renderFile(i))))))}renderFileContainer(){if(0!==this.files.length)return e(r,null,e(this.afHeadingLevel,{class:{"digi-form-file-upload__files-heading":!0,"digi-form-file-upload__files-heading--and-errors":this.error}},this.afHeadingFiles),e("ul",{class:"digi-form-file-upload__files-list",tabindex:-1,ref:i=>{this._fileList=i}},this.renderFiles()))}render(){return e(r,{key:"c69e5c8eb43f8d12ebd7b18fc4b72d53f194fdc4"},e("digi-util-breakpoint-observer",{key:"55a2602c5ae86068eb6ef11c38c26199620626cb",onAfOnChange:i=>this.breakpointHandler(i)}),e("div",{key:"dd0c122215e18a7e055af9cdbf3b1251f93748ca",class:Object.assign({"digi-form-file-upload":!0},this.cssModifiers)},e("digi-form-label",{key:"075be0dfb3fb5f5207ba211518ff035ee155719c",afFor:this.afId,afLabel:this.afLabel,afDescription:this.afLabelDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),e("div",{key:"137e55668de03b4c700e6cd668164aa7ab480232",class:{"digi-form-file-upload__upload-area":!0,"digi-form-file-upload__upload-area--hover":this.fileHover},onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),onDragEnter:i=>this.handleOnDragEnterLeave(i),onDragLeave:i=>this.handleOnDragEnterLeave(i),onClick:i=>this.handleInputClick(i)},this.fileHover&&this.afVariation!=n.SMALL&&e("div",{key:"399686fe6632683bd001d76a49c2b80acc50efec",class:"digi-form-file-upload__upload-area-overlay"}),e("div",{key:"b7a8c341f7a1aba732b838647eaf3cd77f63d305",class:"digi-form-file-upload__text-area"},e("button",{key:"856a304b06c0985506e09d58db7679d997957936",type:"button",ref:i=>{this._uploadButton=i},onClick:i=>this.handleInputClick(i),class:"digi-form-file-upload__button hidden_mobile",style:{margin:"0"}},e("digi-icon-paperclip",{key:"79e576575a87f3740b9bc8ed136450f58d256adb","aria-hidden":"true",class:"digi-form-file-upload__button-icon paper-clip",slot:"icon"}),this.afUploadBtnText?this.afUploadBtnText:l.form.file_choose),e("input",{key:"6b1328107138c170dc25f3ee1af811520e2ab2ca",ref:i=>{this._input=i},onChange:i=>this.onButtonUploadFileHandler(i),class:"digi-form-file-upload__input",multiple:!0,type:"file",id:this.afId,accept:this.afFileTypes,name:this.afName?this.afName:null,required:this.afRequired?this.afRequired:null,onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),"aria-errormessage":"digi-form-file-upload__error","aria-describedBy":"digi-form-file-upload__error"}),e("span",{key:"ae398d7a43bbec39ec7c9171bbcdd5dc93d23f32"},this.afVariation!==n.SMALL&&l.form.file_dropzone))),e("p",{key:"a90e1d67f2b97736a67b4efff8a16c1d5c229e16",class:"visually-hidden",role:"alert","aria-atomic":"true",ref:i=>{this._srTextContainer=i}}),(this.files.length>0||this.error)&&e("div",{key:"f8e442023f38b9e5c4cc8320ccd96896bbcfd606",class:"digi-form-file-upload__files"},this.renderErrorMessage(),this.renderFileContainer())))}get hostElement(){return d(this)}static get watchers(){return{afValidationText:["afValidationTextChange"]}}};m.style=".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n overflow-wrap: break-word;\n gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";export{m as digi_form_file_upload}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as a,g as o}from"./p-f1de4bf6.js";import{r as n}from"./p-ffe5c0e8.js";import{N as r,s as e,t as c,y as d}from"./p-3a1c753e.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as s}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const g=class{constructor(a){i(this,a),this.afOnClose=t(this,"afOnClose",7),this.afOnReady=t(this,"afOnReady",3),this.listItems=[],this.afHeading=void 0,this.afHeadingLevel=r.H2,this.afSize=e.LARGE,this.afVariation=c.INFO,this.afCloseable=!1,this.afCloseAriaLabel="Stäng meddelandet",this.afId=n("digi-notification-alert")}async afMGetHeadingElement(){return this._heading}clickHandler(i){this.afOnClose.emit(i)}componentDidLoad(){this.afOnReady.emit()}get cssModifiers(){return{[`digi-notification-alert--size-${this.afSize}`]:!!this.afSize,[`digi-notification-alert--variation-${this.afVariation}`]:!!this.afVariation,"digi-notification-alert--closeable":this.afCloseable}}get icon(){switch(this.afVariation){case c.SUCCESS:return a("digi-icon-notification-succes",null);case c.WARNING:return a("digi-icon-notification-warning",null);case c.DANGER:return a("digi-icon-notification-error",null);default:return a("digi-icon-notification-info",null)}}render(){return a("div",{key:"8a4b1dd5ff63a16a3fda66b90ce7c7a753d2316e",class:Object.assign({"digi-notification-alert":!0},this.cssModifiers)},a("div",{key:"6c19dad7700cc6c552fc66db6d79f3fe7ac37fda",class:"digi-notification-alert__layout"},a("div",{key:"2545c8b9425e45310c01c5f36c9c9c787d0a2d91",class:"icon-wrapper"},a("div",{key:"7c5c424509ba0533a4cfae528ce98fa824a7f8c7",class:"digi-notification-alert__icon",slot:"media"},this.icon)),a("div",{key:"6bb3b4a3b1f6f762537e4da11221e30979d7d90a",class:"main-wrapper"},a("div",{key:"3d121dd71583b92296f1a38b5f58bfa5b085e1c8",class:"digi-notification-alert__wrapper"},this.afCloseable&&a("digi-button",{key:"e55719e7b6219bba2521a76db787035123ceaf66","af-aria-label":this.afCloseAriaLabel,"af-variation":s.FUNCTION,onAfOnClick:i=>this.clickHandler(i),class:"digi-notification-alert__close-button"},a("span",{key:"659287799290026d260f657a00d7f1669d227ebc",class:"digi-notification-alert__close-button__text"},"Stäng"),a("digi-icon-x",{key:"456b4252016207b23a4e88472a28bd4ae8b2c379",slot:"icon-secondary","aria-hidden":"true"})),a("div",{key:"23f036b26efbd8bf77f5d48c18a4360f42db13f8",class:"digi-notification-alert__text"},this.afHeading&&this.afSize===e.LARGE&&a(this.afHeadingLevel,{key:"4ab620c6ed212e99cfee4cf651768552179f336a",ref:i=>this._heading=i,tabindex:"-1",class:"digi-notification-alert__heading"},this.afHeading),a("div",{key:"cf2dd68d41cf663736d4c8415b6366913e9ab208",class:"digi-notification-alert__content"},a("digi-typography",{key:"cd118468064f0405cbd50cd65fa6dc8a2343f1dd","af-variation":d.SMALL},a("slot",{key:"ea77b5f4cc14d7eb933caac8b72aa9cfe93dc36c"}))))))))}get hostElement(){return o(this)}};g.style=".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.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__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)}.sc-digi-notification-alert-h .icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .main-wrapper.sc-digi-notification-alert{flex:1}";export{g as digi_notification_alert}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as s,g as h}from"./p-f1de4bf6.js";import{o as a,i as e,r,s as o,a as n,l,b as d,p as c,c as p,m as u,d as g,e as f}from"./p-c2ee26cb.js";import{_ as b}from"./p-08cf2c0e.js";import{r as m}from"./p-ffe5c0e8.js";import{B as v}from"./p-dcdffb3c.js";function y(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,u=.5;function g(){var s=h().length,a=l<n,e=a?l:n,g=a?n:l;t=(g-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(g-e-t*(s-c))*u,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var f=r(s).map((function(i){return e+t*i}));return o(a?f.reverse():f)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),g()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,g()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,g()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,g()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),g()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),g()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,g()):p},s.align=function(t){return arguments.length?(u=Math.max(0,Math.min(1,t)),g()):u},s.copy=function(){return y(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(u)},e.apply(g(),arguments)}const x=class{constructor(i){t(this,i),this._loading=!1,this._placeholderTicks=["0","1","2","3","4","5","6","7"],this._dims={},this._margin={bottom:0,top:6,left:5,right:15,ellipsis:!1},this.tickPadding=8,this.yTickSize=0,this.xTickSize=5,this._tickWidth=1,this.defaultDuration=400,this.fontSize="0.875rem",this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this._loading)return this.loadingResize();this.resize()}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{o(this._legendDiv).style("width",this._dims.width+"px"),this.resizeTable()}))})),this.loadingResize=()=>{const t=this.setDims();this.setMargins(!0),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===v.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._barSelection.attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())),this.setValueTicks()},this.setTickInteraction=()=>{this.afVariation===v.Horizontal?this._yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut):this._xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut)},this.setYScale=t=>{var i,s,h;this.afVariation==v.Horizontal?(this._yScale=y(t?["0","1","2","3","4","5","6","7"]:this._chartData.data.xValueNames,[this._margin.top,this._dims.height-this._margin.bottom]).paddingOuter(.1).paddingInner(.1),this._yAxis=n(this._yScale)):(this._yScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice((null===(s=null===(i=this._chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.numberOfReferenceLines)?null===(h=this._chartData)||void 0===h?void 0:h.meta.numberOfReferenceLines:3),this._yScale.range([this._dims.height-this._margin.bottom,this._margin.top]),this._yAxis=n(this._yScale))},this.setXScale=t=>{this.afVariation==v.Horizontal?(this._xScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice(3),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._xAxis=d(this._xScale),this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))):(this._xScale=y().domain(t?this._placeholderTicks:this._chartData.data.xValueNames).range([0,this._dims.width-this._margin.right-this._margin.left]).paddingOuter(.1).paddingInner(.1),this._xAxis=d(this._xScale))},this.tickSizes=()=>{if(this._namedTickSizes=[],this._ellipsisSize=this.getTextSize("..."),this._chartData&&this._chartData.data)for(let t=0;t<this._chartData.data.xValueNames.length;t++)this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[t])))},this.updateBars=t=>{this._barChartContainer.selectAll(".barGroup").data(this.reshapeData).join((t=>{var i,s;const h=t.append("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_")));return h.append("rect").attr("class","bar").style("cursor","pointer").attr("ry",4).attr("rx",4).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(()=>this.afVariation===v.Horizontal?0:this._xScale.bandwidth())).attr("height",(()=>this.afVariation===v.Horizontal?this._yScale.bandwidth():0)).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).transition().duration(this.defaultDuration).ease(c).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),(null===(s=null===(i=this._chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.valueLabels)?(h.append("text").text((t=>t.value.toLocaleString())).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").style("pointer-events","none").attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key)+this._xScale.bandwidth()/2)).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("x",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===v.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===v.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})),h):h}),(i=>(i.attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))),t?i.select("rect").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>this.afVariation===v.Horizontal?this._yScale.bandwidth():0)).attr("fill","#00005a").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).on("end",(()=>this.barChartObserver.observe(this._chartDiv))):i.select("rect").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),i.select("text").style("display",(()=>{var t,i;return(null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)?null:"none"})).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===v.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===v.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})))),(t=>t.remove())),this._barSelection=this._barChartContainer.selectAll("rect"),this._textSelection=this._barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t,i;(null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this._textSelection.attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===v.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===v.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end"))},this.reshapeData=()=>{const t=[];return this._loading?(this._placeholderTicks.forEach((i=>{t.push({key:i,value:Math.floor(8*Math.random()+2),len:"1"})})),t):(this._chartData.data.xValueNames.forEach(((i,s)=>{t.push({key:i,value:this._chartData.data.series[0].yValues[s],len:this.getTextSize(this._chartData.data.series[0].yValues[s].toLocaleString())})})),t)},this.adjustBarSize=()=>{this._barSelection.attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value)))},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.setDims=(t=!1)=>{const i=o(this._titleDiv).node().getBoundingClientRect(),s=o(this._legendDiv).node().getBoundingClientRect(),h=this._dims.height;return t||(this._dims=o(this._chartDiv).node().getBoundingClientRect()),this._dims.height=this._maxHeight-s.height-i.height-1.75*this._rem,h!=this._dims.height},this.setMargins=t=>{var i;if(this._pixelSize=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,"")),this.afVariation===v.Horizontal){const t=(null===(i=this._chartData)||void 0===i?void 0:i.data)&&this.getLargestText(this._chartData.data.xValueNames)?this.getLargestText(this._chartData.data.xValueNames):0;this._margin.left=t}else this._margin.left=this.getLargestText(t?["0","10"]:[this._minVal?this._tempScale[0].toLocaleString():"0",this._maxVal?this._tempScale[1].toLocaleString():"10"]);this._margin.left>this._dims.width/4?(this._margin.left=Math.floor(this._dims.width/4),this._margin.ellipsis=!0):this._margin.ellipsis=!1,this._margin.bottom=this._pixelSize+this.tickPadding+this.xTickSize},this.setNamedTicks=(t=!1)=>{if(this.afVariation==v.Horizontal)t?this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t;const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t;const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3)).trim()+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."}))):this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t.toLocaleString();const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t.toLocaleString();const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3))+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."})));else{let i=Math.round(this._chartData.data.xValues.length/((this._dims.width-this._margin.left-this._margin.right)/90-1));Math.floor(this._chartData.data.xValues.length/i)<4&&(i=Math.round(this._chartData.data.xValues.length/4));const s=(this._dims.width-this._margin.left-this._margin.right)/Math.floor(this._chartData.data.xValues.length/i+1);t?this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."}))):this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."})))}},this.setValueTicks=(t=!1)=>{var i,s;if((null===(i=this._chartData)||void 0===i?void 0:i.meta)&&(null===(s=this._chartData)||void 0===s?void 0:s.meta.hideXAxis))return void(this.afVariation===v.Horizontal?this._xAxisHandle.attr("display","none"):this._yAxisHandle.attr("display","none"));let h,a,e;this.afVariation===v.Horizontal?(this._xAxisHandle.attr("display",null),h=this._xAxis,a=-(this._dims.height-this._margin.top-this._margin.bottom),e=this._xAxisHandle):(this._yAxisHandle.attr("display",null),h=this._yAxis,a=-(this._dims.width-this._margin.left-this._margin.right),e=this._yAxisHandle);const r=Math.min(Math.floor((this._dims.width-this._margin.left-this._margin.right)/(this._tickWidth+this.xTickSize))-2,this.afVariation==v.Horizontal?this._xScale.ticks().length:this._yScale.ticks().length);t?e.style("font-size",this.fontSize).style("font-family","Open Sans").transition("newScale").duration(this.defaultDuration).call(h.ticks(this.afVariation===v.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))):e.style("font-size",this.fontSize).style("font-family","Open Sans").call(h.ticks(this.afVariation===v.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))),e.selectAll("line").attr("stroke","lightgray"),this.afVariation===v.Vertical&&this._yAxisHandle.select(".domain").attr("display","none")},this.hover=t=>{o(t.target).transition("hover").duration(20).attr("fill","rect"===t.target.tagName?"#4C4C8B":"var(--digi--color--text--link-hover)")},this.hoverOut=t=>{o(t.target).transition("hover").duration(this.defaultDuration).attr("fill","rect"===t.target.tagName?"#00005a":"#333333")},this.openTooltip=(...[,t])=>{this._tooltipData="string"==typeof t?this._barChartContainer.select(`#barGroup${t.replace(/[^A-Z0-9]+/gi,"_")}`).datum():t;const i=this._tooltip.select(".tooltipBody");i.select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").style("font-weight",500).html(this._tooltipData.key),i.selectAll("div").data([this._tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>t.value.toLocaleString())),this._tooltip.style("display","flex"),this.positionTooltip(this._tooltipData)},this.closeTooltip=()=>{this._tooltip.style("display","none")},this.positionTooltip=t=>{const i=this._tooltip.node().getBoundingClientRect().width,s=this._tooltip.node().getBoundingClientRect().height+8,h=this._xScale(t.value)/2-i/2;this.afVariation===v.Horizontal?(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+Math.max(h,-4)}px, ${this._yScale(t.key)+this._yScale.bandwidth()+this._yScale.paddingInner()*this._yScale.bandwidth()}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-up").style("position","absolute").style("--digi--icon--color","white").style("top","-11px").style("left","0").style("transform",`translate(${h>0?i/2-10:this._xScale(t.value)/2}px,0)`)):(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+this._xScale(t.key)+this._xScale.bandwidth()/2-i/2}px, ${this._yScale(t.value)-s}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-down").style("position","absolute").style("--digi--icon--color","white").style("left","0").style("bottom","-11px").style("transform",`translate(${i/2-6}px,0)`))},this.recomputeTextSize=()=>{var t,i;this.afVariation==v.Horizontal&&(this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this._barChartContainer.selectAll(".barGroup").data(this.reshapeData),(null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this._textSelection.remove(),this.initBarText()},this.activateTable=t=>{this.closeTooltip(),this.barChartObserver.disconnect(),this.tableObserver.observe(this._chartDiv),this._status.innerHTML="<p>Visas som tabell</p>",o(this._host).select(".tableButton").style("display","none"),o(this._host).select(".chartButton").style("display",null),t.target.nextSibling.lastChild.focus(),this._svg.attr("opacity",1).transition("fadeout").duration(150).attr("opacity",0).on("end",(()=>{this._svg.remove(),this._legendDiv.style.display="none",this._tableDiv.style.display="block",this.setTableContent(),this.setTableDimensions(),o(this._tableDiv).style("opacity",0).transition("fadein").duration(150).style("opacity",1)})),o(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",o(this._host).select(".tableButton").style("display",null),o(this._host).select(".chartButton").style("display","none"),t.target.previousSibling.lastChild.focus();const i=o(this._tableDiv);i.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{i.style("display","none"),this.initChain(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1)}))},this.afVariation=v.Vertical,this.afHeadingLevel="h3",this.afId=m("tooltip"),this.afChartData=void 0}afChartDataUpdate(t){this._chartData="string"!=typeof t?t:JSON.parse(t)}initSvg(){var t,i,s,h,a,e,r;this._numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this._chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},o(this._chartDiv).select("svg").remove(),this._maxHeight=null===(r=o(this._host).node().parentNode)||void 0===r?void 0:r.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setMinMax(),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height)}initToolTip(){this._tooltip=o("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipBody").append(this._tooltipHeading).attr("class","tooltipHeading").style("font-size","1rem").style("margin","0 0.75rem").style("font-weight","500")}initEmpty(){o(this._chartDiv).select("svg").remove(),this._maxHeight=o(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),o(this._titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.initYAxis(!0),this.initXAxis(!0),this.loadingState(!0)}loadingState(t){this._loading=!0,this._tooltip&&this.closeTooltip(),o(this._host).select(".tableButton").style("display","none");const i=this.setDims();this.transitionTitle(),this._xAxisHandle.selectAll(".tick").remove(),this._xAxisHandle.select("path").remove(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),o(this._titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this._yScale.range(this.afVariation===v.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`));const s=()=>{this._barChartContainer.selectAll(".barGroup").remove(),this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>0)).attr("fill","gray").transition().duration(400).delay(((...[,t])=>150*t)).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))),this._barSelection.transition().duration(400).ease(f).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this._placeholderTicks.length-1&&s()}))};t?s():(()=>{this._barChartContainer.selectAll("rect").transition().duration(200).ease(f).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{0==t&&(this.setYScale(!0),this.setValueTicks(),this.setXScale(!0),this.barChartObserver.observe(this._chartDiv),s())}))})()}transitionTitle(){const t=o(this._titleDiv).style("height");o(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>o(this._titleDiv).style("height",null)))}initYAxis(t){this.setYScale(t),this._barChartContainer=this._svg.append("g").attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._yAxisHandle=this._barChartContainer.append("g"),this.afVariation===v.Horizontal?(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction()):this.setValueTicks()}setMinMax(){var t,i,s,h,a,e,r;const o=u(null===(t=this._chartData)||void 0===t?void 0:t.data.series[0].yValues)?u(null===(i=this._chartData)||void 0===i?void 0:i.data.series[0].yValues):0,n=g([0,g(null===(s=this._chartData)||void 0===s?void 0:s.data.series[0].yValues)])?g([0,g(null===(h=this._chartData)||void 0===h?void 0:h.data.series[0].yValues)]):0;this._maxVal=o,this._minVal=n,this._tempScale=l().domain([this._minVal,this._maxVal]).nice((null===(e=null===(a=this._chartData)||void 0===a?void 0:a.meta)||void 0===e?void 0:e.numberOfReferenceLines)?null===(r=this._chartData)||void 0===r?void 0:r.meta.numberOfReferenceLines:3).domain()}initXAxis(t){this.setXScale(t),this._xAxisHandle=this._barChartContainer.append("g").attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`),this.afVariation===v.Horizontal?(this.setValueTicks(),this._xAxisHandle.select(".tick").select("line").remove()):t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){this._textSelection=this._barChartContainer.selectAll(".barGroup").append("text"),this._textSelection.text((t=>t.value.toLocaleString(void 0,this._numberFormat))).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this._xScale(t):this._xScale(t.key)+this._xScale.bandwidth())).attr("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").style("display",(()=>{var t,i;return(null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)?null:"none"})),this.adjustBarText()}initChain(){this.initSvg(),this.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.initBarText()}async updateChain(){var t,i,s,h,a,e;if(this._numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this._chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},this._tooltip&&this.closeTooltip(),"block"==this._tableDiv.style.display)this._chartData.title?(this.setTableContent(),this.setTableDimensions()):o(this._titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.transitionTitle();else{this._loading&&(o(this._host).select(".tableButton").style("display",null),o(this._legendDiv).style("display",null),this.initToolTip()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._loading||this._barChartContainer.on("end",(()=>this.barChartObserver.observe(this._chartDiv))),t&&(this._yScale.range(this.afVariation===v.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this.tickSizes(),this.setYScale(),this.setXScale(),this.setTickInteraction(),this._tickWidth=this.getLargestText(this.afVariation==v.Horizontal?this._xScale.ticks().map((t=>t.toLocaleString())):this._yScale.ticks().map((t=>t.toLocaleString()))),this.setValueTicks(!0),this._loading?(o(this._legendDiv).style("opacity",0).transition().duration(400).ease(c).style("opacity",1),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(!0),this._barSelection.selectAll(".barGroup").on("end",null),this._loading=!1,this._barSelection.transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>t===this._placeholderTicks.length-1?this.updateBars(!0):null)),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}resize(){var t;const i=this.setDims();this.setMargins(),null===(t=this._svg)||void 0===t||t.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,i&&(this._yScale.range(this.afVariation===v.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(),this.setValueTicks(),this.adjustBarSize(),this.adjustBarText(),this._tooltipData&&this.positionTooltip(this._tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}componentWillLoad(){this.afChartDataUpdate(this.afChartData)}componentDidLoad(){if(!this._chartData||0===Object.keys(this._chartData).length)return this._loading=!0,this.initEmpty();this.initChain(),document.fonts.ready.then((()=>{this.recomputeTextSize(),this.setNamedTicks(),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`)}))}disconnectedCallback(){this.barChartObserver.disconnect()}componentWillUpdate(){this._prevHeight=o(this._titleDiv).style("height")}componentDidUpdate(){if("block"!=this._tableDiv.style.display&&0===Object.keys(this._chartData).length)return this.barChartObserver.disconnect(),this.loadingState();this.updateChain()}getTextSize(t){const i=[],s=o(this._chartDiv).append("svg");return s.selectAll("dummyText").data([t]).join("text").attr("font-size",this.fontSize).text((t=>t)).each(((...[,t,s])=>{const h=s[t].getComputedTextLength();i.push(h),s[t].remove()})),s.remove().exit(),i[0]}setTableContent(){this._tableDiv.innerHTML=`<digi-table af-size="small" af-variation="primary"> <table><caption>${this._chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){const t=o(this._tableDiv);t.style("height",this._dims.height+"px"),t.style("width",this._dims.width-.65*this._rem+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._chartData.data.series.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return this._chartData&&this._chartData.data&&(this._chartData.data.xValueNames?this._chartData.data.xValueNames:this._chartData.data.xValues).forEach(((i,s)=>{let h="";this._chartData.data.series.forEach((t=>{h=h.concat(`<td>${null!=t.yValues[s]?t.yValues[s].toLocaleString():"-"}</td>`)})),t=t.concat(`<tr><th scope='row'>${i}${h}</th></tr>`)})),t}render(){var t,h,a,e,r;let o="";return this._chartData&&(o=this._chartData.subTitle?this._chartData.infoText?`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${null===(t=this._chartData)||void 0===t?void 0:t.subTitle}\n\t\t\t\t<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`),i(s,{key:"7659fcc4817cdfb3f19f2bd11a41464c13b5e19e",ref:t=>this._host=t},i("div",{key:"063611cf8dbb2554904d972ed3fc1f89d714772e",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"ad58c43c2629e7b2b97e3ad1658646e5171b1531",class:"chartTitle",innerHTML:o}),i("digi-button",{key:"2234460c0ffab8e7d251f099f4f2d38e1e5ebede",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${(null===(h=this._chartData)||void 0===h?void 0:h.title)?null===(a=this._chartData)||void 0===a?void 0:a.title.toLowerCase():""}`},i("digi-icon-table",{key:"b82a89d578d997ab878d44a2928e5e31773bd34f",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"b5dc532f7655bd383d0dcf42f8851edbc81b448c",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${(null===(e=this._chartData)||void 0===e?void 0:e.title)?null===(r=this._chartData)||void 0===r?void 0:r.title.toLowerCase():""}`},i("digi-icon-chart",{key:"f868d9fd2c37c247e8abdd59cf2b9342ad120fef",slot:"icon"}),"Visa diagram"),i("div",{key:"6a0f7838d86a43b46d9a036ad935f50ebb2b523f",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"5f37b9eaf1030cd1d5b1b0360cdaaa61f953b624",class:"chartTooltip",id:this.afId},i("div",{key:"a89608cb64620456a165ba4fb57db823870d2231",class:"tooltipBody"}),i("digi-icon-x",{key:"e842c2b42f6bc7d6dfdad1d1b8a7acb9f8df5a1a",class:"close"}),i(this.afVariation===v.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",null)),i("div",{key:"f07154ab370a948016aa30a2547c4c9b25fae03b",ref:t=>this._chartDiv=t}," "),i("div",{key:"385151df18d373779257040d298bf8c108184500",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"d5f07fc01a628aa2035a96d86621b6bab1e73f01",class:"table",ref:t=>this._tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};x.style=".sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--digi--typography--h2--margin:0.5rem;--digi--typography--h3--margin:0.5rem;--digi--typography--h4--margin:0.5rem;--digi--typography--h5--margin:0.5rem;--digi--typography--h6--margin:0.5rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:left;text-align:left;padding-bottom:1rem;margin-right:0.5rem;flex-grow:2}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:4px 4px 0.8125rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{box-sizing:border-box;position:absolute;background-color:rgba(250, 250, 250, 0.98);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:row;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.2) 0px 2px 6px 2px;font-size:0.875rem;display:none}.sc-digi-bar-chart-h .close.sc-digi-bar-chart{--digi--icon--color:black;cursor:pointer;margin-top:-5px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar{height:10px;width:10px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-track,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-thumb,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}";export{x as digi_bar_chart}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as r,H as o}from"./p-f1de4bf6.js";import{T as a}from"./p-4bad4fb0.js";const e=class{constructor(r){i(this,r),this.afBrand=a.AF25}get cssModifiers(){return{"digi-tools-theme-provider--af25":this.afBrand===a.AF25,"digi-tools-theme-provider--af18":this.afBrand===a.AF18}}render(){return r(o,{key:"3d85bfe083df9d1feada59943c68d95d800f3db5"},r("div",{key:"74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e",class:this.cssModifiers},r("slot",{key:"42555ba2aba34139d098d0ad96cf64e3499e04ae"})))}};e.style=".sc-digi-tools-theme-provider-h .digi-tools-theme-provider--af25.sc-digi-tools-theme-provider{--digi--color--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light)}.sc-digi-tools-theme-provider-h .digi-tools-theme-provider--af18.sc-digi-tools-theme-provider{--digi--color--logotype-color:var(--digi--color--logotype-color--light--af18);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light--af18);--digi--color--infographic--background:var(--digi--color--infographic--background--light--af18);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light--af18);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light--af18);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light--af18);--digi--color--text--primary:var(--digi--color--text--primary--light--af18);--digi--color--text--secondary:var(--digi--color--text--secondary--light--af18);--digi--color--text--description:var(--digi--color--text--description--light--af18);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light--af18);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light--af18);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light--af18);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light--af18);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light--af18);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light--af18);--digi--color--background--primary:var(--digi--color--background--primary--light--af18);--digi--color--background--secondary:var(--digi--color--background--secondary--light--af18);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light--af18);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light--af18);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light--af18);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light--af18);--digi--color--background--transparent:var(--digi--color--background--transparent--light--af18);--digi--color--background--notification:var(--digi--color--background--notification--light--af18);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light--af18);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light--af18);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light--af18);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light--af18);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light--af18);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light--af18);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light--af18);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light--af18);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light--af18);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light--af18);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light--af18);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light--af18);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light--af18);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light--af18);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light--af18);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light--af18);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light--af18);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light--af18);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light--af18);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light--af18);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light--af18);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light--af18);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light--af18);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light--af18);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light--af18);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light--af18);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light--af18);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light--af18);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light--af18);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light--af18);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light--af18);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light--af18);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light--af18);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light--af18);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light--af18);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light--af18);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light--af18);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light--af18);--digi--color--border--notification:var(--digi--color--border--notification--light--af18);--digi--color--border--transparent:var(--digi--color--border--transparent--light--af18);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light--af18);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light--af18);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light--af18);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light--af18);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light--af18);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light--af18);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light--af18);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light--af18);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light--af18);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light--af18);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light--af18);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light--af18);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light--af18);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light--af18);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light--af18);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light--af18);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light--af18);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light--af18);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light--af18);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light--af18);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light--af18);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light--af18);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light--af18);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light--af18);--digi--color--divider--primary:var(--digi--color--divider--primary--light--af18);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light--af18);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light--af18);--digi--color--divider--cta:var(--digi--color--divider--cta--light--af18);--digi--color--icon--primary:var(--digi--color--icon--primary--light--af18);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light--af18);--digi--color--icon--cta:var(--digi--color--icon--cta--light--af18);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light--af18);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light--af18);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light--af18);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light--af18);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light--af18);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light--af18);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light--af18)}";export{e as digi_tools_theme_provider}
|
|
1
|
+
import{r as i,h as r,H as o}from"./p-f1de4bf6.js";import{T as a}from"./p-4bad4fb0.js";const e=class{constructor(r){i(this,r),this.afBrand=a.AF25}get cssModifiers(){return{"digi-tools-theme-provider--af25":this.afBrand===a.AF25,"digi-tools-theme-provider--af18":this.afBrand===a.AF18}}render(){return r(o,{key:"35e43bbc44124d44f3a332a691c64e8b93982803"},r("div",{key:"b9a26475a59960351a5b91a54ef941aaccdea024",class:this.cssModifiers},r("slot",{key:"f96e564e7871e1b3698cfea6ce1a1fa592612ba0"})))}};e.style=".sc-digi-tools-theme-provider-h .digi-tools-theme-provider--af25.sc-digi-tools-theme-provider{--digi--color--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light)}.sc-digi-tools-theme-provider-h .digi-tools-theme-provider--af18.sc-digi-tools-theme-provider{--digi--color--logotype-color:var(--digi--color--logotype-color--light--af18);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light--af18);--digi--color--infographic--background:var(--digi--color--infographic--background--light--af18);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light--af18);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light--af18);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light--af18);--digi--color--text--primary:var(--digi--color--text--primary--light--af18);--digi--color--text--secondary:var(--digi--color--text--secondary--light--af18);--digi--color--text--description:var(--digi--color--text--description--light--af18);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light--af18);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light--af18);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light--af18);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light--af18);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light--af18);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light--af18);--digi--color--background--primary:var(--digi--color--background--primary--light--af18);--digi--color--background--secondary:var(--digi--color--background--secondary--light--af18);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light--af18);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light--af18);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light--af18);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light--af18);--digi--color--background--transparent:var(--digi--color--background--transparent--light--af18);--digi--color--background--notification:var(--digi--color--background--notification--light--af18);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light--af18);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light--af18);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light--af18);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light--af18);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light--af18);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light--af18);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light--af18);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light--af18);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light--af18);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light--af18);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light--af18);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light--af18);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light--af18);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light--af18);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light--af18);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light--af18);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light--af18);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light--af18);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light--af18);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light--af18);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light--af18);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light--af18);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light--af18);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light--af18);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light--af18);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light--af18);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light--af18);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light--af18);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light--af18);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light--af18);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light--af18);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light--af18);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light--af18);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light--af18);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light--af18);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light--af18);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light--af18);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light--af18);--digi--color--border--notification:var(--digi--color--border--notification--light--af18);--digi--color--border--transparent:var(--digi--color--border--transparent--light--af18);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light--af18);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light--af18);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light--af18);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light--af18);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light--af18);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light--af18);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light--af18);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light--af18);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light--af18);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light--af18);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light--af18);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light--af18);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light--af18);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light--af18);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light--af18);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light--af18);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light--af18);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light--af18);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light--af18);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light--af18);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light--af18);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light--af18);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light--af18);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light--af18);--digi--color--divider--primary:var(--digi--color--divider--primary--light--af18);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light--af18);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light--af18);--digi--color--divider--cta:var(--digi--color--divider--cta--light--af18);--digi--color--icon--primary:var(--digi--color--icon--primary--light--af18);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light--af18);--digi--color--icon--cta:var(--digi--color--icon--cta--light--af18);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light--af18);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light--af18);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light--af18);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light--af18);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light--af18);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light--af18);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light--af18)}";export{e as digi_tools_theme_provider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as a,h as t}from"./p-f1de4bf6.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-3a1c753e.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as g}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const o=class{constructor(t){i(this,t),this.afOnPageChange=a(this,"afOnPageChange",7),this.afOnReady=a(this,"afOnReady",3),this.currentPage=void 0,this.twoRows=void 0,this.limit=6,this.afInitActivePage=1,this.afTotalPages=void 0,this.afCurrentResultStart=void 0,this.afId=n("digi-navigation-pagination"),this.afCurrentResultEnd=void 0,this.afTotalResults=0,this.afResultName="",this.afLimit=6}setTwoRows(i){this.twoRows=i}setLimit(i){this.limit=i}async afMSetCurrentPage(i){this.setCurrentPage(i,!1)}getPagination(i,a,t){let n=Math.max(i-Math.floor(t/2),1),g=n+t-1;g>a&&(g=a,n=Math.max(g-t+1,1));const o=[];for(let i=n;i<=g;i++)o.push(i);return n>1&&(o.shift(),o.unshift("1…")),g<a&&(o.pop(),o.push("…"+a)),o}get currentInterval(){return this.getPagination(this.currentPage,this.afTotalPages,this.limit)}prevPage(){this.setCurrentPage(this.currentPage-1,!0)}nextPage(){this.setCurrentPage(this.currentPage+1,!0)}setCurrentPage(i=this.currentPage,a=!0){i!==this.currentPage&&(this.currentPage=i<=1?1:i<=this.afTotalPages?i:this.afTotalPages,a&&this.afOnPageChange.emit(this.currentPage))}buttonAriaLabel(i){return`${i}`}handleResizeObserver(i){const a=Math.round(i.detail.contentRect.width);if(!isNaN(a)){const i=570;if(a>i){const t=Math.floor((a-i)/52);this.setLimit(Math.min(6+t,this.afLimit)),this.setTwoRows(!1)}else this.setTwoRows(!0)}}componentDidLoad(){this.afOnReady.emit()}componentWillLoad(){this.setCurrentPage(this.afInitActivePage,!1)}isCurrentPage(i,a){if(i===a)return"page"}labelledby(){return this.afTotalResults>0?`\n ${this.afId}-aria-label\n ${this.afId}-result-show\n ${this.afId}-result-current\n ${this.afId}-result-of\n ${this.afId}-result-total\n ${this.afId}-result-name\n `:`${this.afId}-aria-label`}render(){return t("div",{key:"5f34acb481fb68a1ea16f3969be459fae1cda904",class:"digi-navigation-pagination"},t("digi-util-resize-observer",{key:"5ff61231acd8696cce9933bede7088a97e81f380",onAfOnChange:i=>{this.handleResizeObserver(i)}}),t("span",{key:"44938fcb6c55e97c4a74aeecf8eef3c2776350d5",id:`${this.afId}-aria-label`,"aria-hidden":"true",class:"digi-navigation-pagination__aria-label"},"Paginering"),t("nav",{key:"342ecfcbc91ec48e82a450c65f6b369580b21019","aria-labelledby":this.labelledby(),class:"digi-navigation-pagination__pagination "+(this.twoRows?"digi-navigation-pagination--two-rows":"")},t("digi-button",{key:"a7797769a4e1c3129752e851db9b105cfcdf534f",onClick:()=>this.prevPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--previous":!0,"digi-navigation-pagination__button--hidden":1===this.currentPage},afVariation:"secondary",afAriaLabel:"Föregående"},t("digi-icon-chevron-left",{key:"58253f4f39fd99fc4bae83de91a1baaaafbf3fa3",slot:"icon"}),t("span",{key:"f2aeb452371898d8147ee013f155b7bee0c7b2c9"},"Föregående")),t("digi-button",{key:"f95192015b41755b3cb7e11d7942aa3900e5286a",onClick:()=>this.nextPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--next":!0,"digi-navigation-pagination__button--hidden":this.currentPage===this.afTotalPages},afVariation:"secondary",afAriaLabel:"Nästa"},t("digi-icon-chevron-right",{key:"15f4abd4037b3c6c2a9e27566ebf9e1c83b93977",slot:"icon-secondary"}),t("span",{key:"427aeb93610a948e9ac1d683ecdeaf5e6076b732"},"Nästa")),t("div",{key:"2df27bdef9c2a34bd8f842dcaa3842c579e601c3",class:"digi-navigation-pagination__pages"},t("ol",{key:"2bafd901816532948256227da5597c00a854ac07",class:"digi-navigation-pagination__page-list"},this.currentInterval.map((i=>{const a=isNaN(i)?parseInt(i.replace("…","")):i;return t("li",{class:"digi-navigation-pagination__page-list-item "+(isNaN(i)?1===a?"ellipsis-first":"ellipsis-last":"")},t("digi-button",{onClick:()=>this.setCurrentPage(a),afAriaLabel:this.buttonAriaLabel(a),afAriaCurrent:this.isCurrentPage(this.currentPage,a),class:{"digi-navigation-pagination__button":!0,"digi-navigation-pagination__page-button":!0,"digi-navigation-pagination__page-button--active":this.currentPage===a},afVariation:this.currentPage===a?g.PRIMARY:g.SECONDARY},t("span",{class:"digi-navigation-pagination__page-text"},a)))}))))),this.afTotalResults>0&&t("div",{key:"f694852ffa75485c9bd4fb78fb7abb4eaf77be9e",class:{"digi-navigation-pagination__result":!0,"digi-navigation-pagination__result--pages":this.afTotalPages>1},"aria-hidden":this.afTotalPages>1?"true":"false",id:`${this.afId}-result`},t("digi-typography",{key:"653e4b3252ae3e4c9984bc3b1e0901478087ba45"},t("span",{key:"13b2302c3741f990a8157ae82fc3d0121a86f311",id:`${this.afId}-result-show`},"Visar "),t("strong",{key:"65b6e17c8cadfdbe1dab5bde5602bf57508ab61b",id:`${this.afId}-result-current`},this.afCurrentResultStart,"-",this.afCurrentResultEnd),t("span",{key:"08ea9025bbd2e64907de65e26f52f669bf9d70bc",id:`${this.afId}-result-of`}," av "),t("strong",{key:"46eedd40b0bc8ccd41e0116c95c5918e36ea3066",id:`${this.afId}-result-total`},this.afTotalResults),this.afResultName&&t("span",{key:"b7a249889dc2596dd8cb11a2c832ffd2451a8d85",id:`${this.afId}-result-name`},` ${this.afResultName}`))))}};o.style='@charset "UTF-8";.sc-digi-navigation-pagination-h{--digi--navigation-pagination--button--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--navigation-pagination--button--icon--width:var(--digi--gutter--medium);--digi--navigation-pagination--button--width:8.750rem;--digi--navigation-pagination--button--margin:0.125rem;--digi--navigation-pagination--button--display:flex;--digi--navigation-pagination--button--justify-content--default:center;--digi--navigation-pagination--button--keep-right--margin:8.375rem;--digi--navigation-pagination--button--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--navigation-pagination--button--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--navigation-pagination--button--page-button--padding:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--largest) - 1px);--digi--navigation-pagination--button--page-button--padding--compressed:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--medium) - 1px);--digi--navigation-pagination--button--page-button--margin:0 2px;--digi--navigation-pagination--button--page-button--width:2.750rem;--digi--navigation-pagination--button--page-button--height:2.750rem;--digi--navigation-pagination--button--page-button--border-radius:0;--digi--navigation-pagination--pages--margin:0 0 var(--digi--global--spacing--smallest-4) 0;--digi--navigation-pagination--result--pages--margin:var(--digi--margin--smaller) 0 0 0;--digi--navigation-pagination--result--margin:0;--digi--navigation-pagination--result--strong--font-weight:600;--digi--navigation-pagination--result--text-align:center;--digi--navigation-pagination--page-list--padding:0;--digi--navigation-pagination--page-list--margin:0}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination{font-family:var(--digi--global--typography--font-family--default);text-align:var(--digi--navigation-pagination--result--text-align);font-size:var(--digi--typography--tag--font-size--desktop);margin:var(--digi--navigation-pagination--result--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result--pages.sc-digi-navigation-pagination{--digi--navigation-pagination--result--margin:var(--digi--navigation-pagination--result--pages--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination strong.sc-digi-navigation-pagination{font-weight:var(--digi--navigation-pagination--result--strong--font-weight)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination{display:flex;flex-wrap:wrap;justify-content:center;min-width:290px;gap:4px}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:2}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.digi-navigation-pagination--two-rows.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:-1;flex:1 0 100%;margin:var(--digi--navigation-pagination--pages--margin);display:flex;justify-content:center}.digi-navigation-pagination__button.sc-digi-navigation-pagination{--digi--button--padding--medium:var(--digi--navigation-pagination--button--padding);--digi--button--display:var(--digi--navigation-pagination--button--display);--digi--button--width:var(--digi--navigation-pagination--button--width);--digi--button--min-height--small:var(--digi--navigation-pagination--button--page-button--height);--digi--button--justify-content--default:var(--digi--navigation-pagination--button--justify-content--default)}.digi-navigation-pagination__button--hidden.sc-digi-navigation-pagination{visibility:hidden}.digi-navigation-pagination__button--previous.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--previous-button--border-radius);order:1}.digi-navigation-pagination__button--next.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--next-button--border-radius);order:3}.digi-navigation-pagination__button.sc-digi-navigation-pagination-s>[slot^=icon],.digi-navigation-pagination__button .sc-digi-navigation-pagination-s>[slot^=icon]{--digi--icon--width:var(--digi--navigation-pagination--button--icon--width)}.digi-navigation-pagination__page-button.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--width:var(--digi--navigation-pagination--button--page-button--width);--digi--button--font-size--medium:14px;--digi--button--padding--medium:calc(var(--digi--gutter--medium) - 1px) 0;--digi--button--align-items:center;display:inline-block;text-align:center;letter-spacing:-1px}.ellipsis-first.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:after{content:"…"}.ellipsis-last.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:before{content:"…"}.sc-digi-navigation-pagination-h .digi-navigation-pagination__page-list.sc-digi-navigation-pagination{display:flex;list-style:none;padding:var(--digi--navigation-pagination--page-list--padding);margin:var(--digi--navigation-pagination--page-list--margin);gap:4px}.digi-navigation-pagination__aria-label.sc-digi-navigation-pagination{clip:rect(0 0 0 0);height:1px;padding:0;white-space:nowrap;width:1px;overflow:hidden;position:absolute}';export{o as digi_navigation_pagination}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as d}from"./p-f1de4bf6.js";import{a as o,C as e}from"./p-5d21a361.js";import{P as g}from"./p-f25f9ca8.js";const t=class{constructor(d){i(this,d),this.highlightedCode=void 0,this.afCode=void 0,this.afVariation=o.LIGHT,this.afLanguage=e.HTML,this.afLang="en"}componentWillLoad(){g.manual=!0,this.formatCode()}formatCode(){this.afCode&&this.afLanguage&&(this.highlightedCode=g.highlight(this.afCode,g.languages[this.afLanguage],this.afLanguage))}get cssModifiers(){return{"digi-code--light":this.afVariation===o.LIGHT,"digi-code--dark":this.afVariation===o.DARK}}render(){return d("span",{key:"8b58df902f5d794e1874e6b0f6f7790b5a10985d",class:Object.assign({"digi-code":!0},this.cssModifiers)},d("code",{key:"3e26521ae19d2c7e08ab30a24e1c328ee709fa94",class:`digi-code__code language-${this.afLanguage}`,lang:this.afLang,innerHTML:this.highlightedCode}))}static get watchers(){return{afCode:["formatCode"]}}};t.style="digi-code{--digi--code--background:var(--digi--color--background--primary)}digi-code .digi-code{border-radius:0.3em;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);padding:0 0.5em;display:inline-block}digi-code .digi-code--light{background:#fefefe;}digi-code .digi-code--light code[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code .digi-code--light code[class*=language-]{white-space:normal;display:block}digi-code .digi-code--light .token.comment,digi-code .digi-code--light .token.prolog,digi-code .digi-code--light .token.doctype,digi-code .digi-code--light .token.cdata{color:#696969}digi-code .digi-code--light .token.punctuation{color:#545454}digi-code .digi-code--light .token.property,digi-code .digi-code--light .token.tag,digi-code .digi-code--light .token.constant,digi-code .digi-code--light .token.symbol,digi-code .digi-code--light .token.deleted{color:#007faa}digi-code .digi-code--light .token.boolean,digi-code .digi-code--light .token.number{color:#008000}digi-code .digi-code--light .token.selector,digi-code .digi-code--light .token.attr-name,digi-code .digi-code--light .token.string,digi-code .digi-code--light .token.char,digi-code .digi-code--light .token.builtin,digi-code .digi-code--light .token.inserted{color:#aa5d00}digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.entity,digi-code .digi-code--light .token.url,digi-code .digi-code--light .language-css .token.string,digi-code .digi-code--light .style .token.string,digi-code .digi-code--light .token.variable{color:#008000}digi-code .digi-code--light .token.atrule,digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.function{color:#aa5d00}digi-code .digi-code--light .token.keyword{color:#d91e18}digi-code .digi-code--light .token.regex,digi-code .digi-code--light .token.important{color:#d91e18}digi-code .digi-code--light .token.important,digi-code .digi-code--light .token.bold{font-weight:bold}digi-code .digi-code--light .token.italic{font-style:italic}digi-code .digi-code--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code .digi-code--light code[class*=language-]{color:windowText;background:window}digi-code .digi-code--light code[class*=language-]{background:window}digi-code .digi-code--light .token.important{background:highlight;color:window;font-weight:normal}digi-code .digi-code--light .token.atrule,digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.function,digi-code .digi-code--light .token.keyword,digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.selector{font-weight:bold}digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.comment,digi-code .digi-code--light .token.doctype,digi-code .digi-code--light .token.function,digi-code .digi-code--light .token.keyword,digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.property,digi-code .digi-code--light .token.string{color:highlight}digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.url{font-weight:normal}}digi-code .digi-code--dark{background:#272727;}digi-code .digi-code--dark code[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code .digi-code--dark code[class*=language-]{white-space:normal;display:block}digi-code .digi-code--dark .token.comment,digi-code .digi-code--dark .token.prolog,digi-code .digi-code--dark .token.doctype,digi-code .digi-code--dark .token.cdata{color:#d4d0ab}digi-code .digi-code--dark .token.punctuation{color:#fefefe}digi-code .digi-code--dark .token.property,digi-code .digi-code--dark .token.tag,digi-code .digi-code--dark .token.constant,digi-code .digi-code--dark .token.symbol,digi-code .digi-code--dark .token.deleted{color:#ffa07a}digi-code .digi-code--dark .token.boolean,digi-code .digi-code--dark .token.number{color:#00e0e0}digi-code .digi-code--dark .token.selector,digi-code .digi-code--dark .token.attr-name,digi-code .digi-code--dark .token.string,digi-code .digi-code--dark .token.char,digi-code .digi-code--dark .token.builtin,digi-code .digi-code--dark .token.inserted{color:#abe338}digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.entity,digi-code .digi-code--dark .token.url,digi-code .digi-code--dark .language-css .token.string,digi-code .digi-code--dark .style .token.string,digi-code .digi-code--dark .token.variable{color:#00e0e0}digi-code .digi-code--dark .token.atrule,digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.function{color:#ffd700}digi-code .digi-code--dark .token.keyword{color:#00e0e0}digi-code .digi-code--dark .token.regex,digi-code .digi-code--dark .token.important{color:#ffd700}digi-code .digi-code--dark .token.important,digi-code .digi-code--dark .token.bold{font-weight:bold}digi-code .digi-code--dark .token.italic{font-style:italic}digi-code .digi-code--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code .digi-code--dark code[class*=language-]{color:windowText;background:window}digi-code .digi-code--dark code[class*=language-]{background:window}digi-code .digi-code--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code .digi-code--dark .token.atrule,digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.function,digi-code .digi-code--dark .token.keyword,digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.selector{font-weight:bold}digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.comment,digi-code .digi-code--dark .token.doctype,digi-code .digi-code--dark .token.function,digi-code .digi-code--dark .token.keyword,digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.property,digi-code .digi-code--dark .token.string{color:highlight}digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.url{font-weight:normal}}";export{t as digi_code}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as t}from"./p-f1de4bf6.js";import{r as e}from"./p-ffe5c0e8.js";const c=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=e("icontitle")}render(){return t("svg",{key:"5762feb25ab3ba144e90043a2a2711789a29ead8",class:"digi-icon-caret-down",width:"12",height:"6",viewBox:"0 0 12 6","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&t("title",{key:"f867614d282dfb041ac9d318da6ba4ef39b69d3f",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"ea3d077e98955cf44fc86510fadc946f764c7f2f"},this.afDesc),t("path",{key:"14175c4970e2f2222f7e7781e7335f99476ae5c2",class:"digi-icon-caret-down__shape",d:"M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z",fill:"currentColor","fill-rule":"evenodd"}))}};c.style=".sc-digi-icon-caret-down-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-caret-down-h svg.sc-digi-icon-caret-down{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";const d=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=e("icontitle")}render(){return t("svg",{key:"f3bdbe4035127e9269a7604575367b5f86e9f7c1",class:"digi-icon-caret-up",width:"12",height:"7",viewBox:"0 0 12 7","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&t("title",{key:"3a5d4ff00d8b49ef829ad2f94004cf2fe8b4792f",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"e86737f68071534b5ee6a03d8b6bf04b109d9bf2"},this.afDesc),t("path",{key:"1b63cf81af0b10859c07018bc6172b8d46276e8f",class:"digi-icon-caret-up__shape",d:"M11.777 5.65A.608.608 0 0112 6.12c0 .18-.074.337-.223.469a.768.768 0 01-.527.198H.75a.768.768 0 01-.527-.198A.608.608 0 010 6.119c0-.18.074-.337.223-.469L5.473.984A.768.768 0 016 .786c.203 0 .379.066.527.198l5.25 4.666z",fill:"currentColor","fill-rule":"evenodd"}))}};d.style=".sc-digi-icon-caret-up-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-caret-up-h svg.sc-digi-icon-caret-up{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{c as digi_icon_caret_down,d as digi_icon_caret_up}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a}from"./p-f1de4bf6.js";import{T as i}from"./p-a6ca40fc.js";const e=class{constructor(a){t(this,a),this.afVariation=i.PRIMARY}get cssModifiers(){return{[`digi-typography-meta--variation-${this.afVariation}`]:!!this.afVariation}}render(){return a("div",{key:"
|
|
1
|
+
import{r as t,h as a}from"./p-f1de4bf6.js";import{T as i}from"./p-a6ca40fc.js";const e=class{constructor(a){t(this,a),this.afVariation=i.PRIMARY}get cssModifiers(){return{[`digi-typography-meta--variation-${this.afVariation}`]:!!this.afVariation}}render(){return a("div",{key:"982981f7e579c21fc2f97d7c2a1c22d24badd081",class:Object.assign({"digi-typography-meta":!0},this.cssModifiers)},a("div",{key:"3dfda61a20d2b3e9121253003deef9f641a447cd",class:"digi-typography-meta__meta"},a("slot",{key:"1ea91f2361efc3b5fd4bb7db6a2c87075bdad15a"})),a("div",{key:"a8874f0cb98dc842227d7cf6b904e8d2dfe6a190",class:"digi-typography-meta__meta-secondary"},a("slot",{key:"1ba4280f4489559073e03552e273477326b42423",name:"secondary"})))}};e.style=".sc-digi-typography-meta-h{--digi--typography-meta--font-weight--semibold:var(--digi--typography--preamble--font-weight--desktop);--digi--typography-meta--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--typography-meta--font-family:var(--digi--global--typography--font-family--default);--digi--typography-meta--meta--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography--body--font-weight--desktop)}.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta-s>*{font-weight:var(--digi--typography-meta--meta--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta-s>*{font-weight:var(--digi--typography-meta--meta-secondary--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta.sc-digi-typography-meta{font-size:var(--digi--typography-meta--font-size);font-family:var(--digi--typography-meta--font-family)}.sc-digi-typography-meta-h .digi-typography-meta--variation-primary.sc-digi-typography-meta .digi-typography-meta__meta.sc-digi-typography-meta{--digi--typography-meta--meta--font-weight:var(--digi--typography-meta--font-weight--semibold)}.sc-digi-typography-meta-h .digi-typography-meta--variation-secondary.sc-digi-typography-meta .digi-typography-meta__meta-secondary.sc-digi-typography-meta{--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography-meta--font-weight--semibold)}";export{e as digi_typography_meta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as r,h as t,g as s}from"./p-f1de4bf6.js";import{r as o}from"./p-ffe5c0e8.js";import{d as a,t as e,y as p}from"./p-3a1c753e.js";import{l as d}from"./p-e3d2e899.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const m=class{constructor(t){i(this,t),this.afOnClickLink=r(this,"afOnClickLink",7),this.afOnReady=r(this,"afOnReady",3),this.linkItems=[],this.afHeading=void 0,this.afHeadingLevel=a.H2,this.afDescription=void 0,this.afId=o("digi-form-error-list"),this.afOverrideLink=!1,this.afEnableHeadingFocus=!0}async afMSetHeadingFocus(){this.setHeadingFocus()}componentWillLoad(){this.getLinks()}componentWillUpdate(){this.getLinks(!0)}componentDidLoad(){this.setHeadingFocus(),this.afOnReady.emit()}getLinks(i){const r=this.hostElement.children;if(!r||r.length<=0)return void d.warn("The slot contains no link elements",this.hostElement);let t;t=i?this._observer.children:r,this.linkItems=[...t].filter((i=>"a"===i.tagName.toLowerCase())).map((i=>({text:i.textContent,href:i.getAttribute("href")||""})))}setHeadingFocus(){this.afEnableHeadingFocus&&setTimeout((async()=>{const i=await this._notificationAlert.afMGetHeadingElement();i&&i.focus()}),0)}clickResponse(i){this.afOverrideLink&&i.detail.preventDefault(),this.afOnClickLink.emit(i)}render(){return t("div",{key:"c37825cfdf1cac8b3351f42cd4491eb97a9271ea",class:"digi-form-error-list",id:this.afId},t("digi-notification-alert",{key:"04cd09f31b07329bfa7856479e8d6ab58bc142fa",ref:i=>this._notificationAlert=i,"af-heading":this.afHeading,"af-heading-level":this.afHeadingLevel,"af-variation":e.DANGER},this.afDescription&&t("digi-typography",{key:"aba216256a964636c90b10154812107dd15b9b10","af-variation":p.SMALL},t("p",{key:"dedf9164e2d7f8056af3c9f2afd1208cc1341370",class:"digi-form-error-list__description"},this.afDescription)),t("ul",{key:"ca485ffc1acdda647a4fc5b202aa0890440ec75d",class:"digi-form-error-list__list"},this.linkItems.map((i=>t("li",{class:"digi-form-error-list__item"},t("digi-link-internal",{class:"digi-form-error-list__link",afHref:i.href},i.text)))))),t("div",{key:"5dc42c2b18a967dcf2e112d5468288fb49a55cfb",hidden:!0,class:"digi-form-error-list__slot"},t("digi-util-mutation-observer",{key:"11affa9e839fc1adc0c5de7a40839b5c7dd27dfa",afOptions:{attributes:!1,childList:!0,subtree:!0,characterData:!0},ref:i=>this._observer=i,onAfOnChange:()=>this.getLinks()},t("slot",{key:"d321e993fb6ee496569a519908d478a47a4b5af0"}))))}get hostElement(){return s(this)}};m.style=".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list__list.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list__item.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";export{m as digi_form_error_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as s,h as t,g as e}from"./p-f1de4bf6.js";import{P as r,c as o,b as h,a as d}from"./p-06f939ab.js";import{l as a}from"./p-e3d2e899.js";const g=class{constructor(t){i(this,t),this.afOnReady=s(this,"afOnReady",3),this.afHeading=void 0,this.afAriaLabel=void 0,this.afHeadingLevel=r.H2,this.afVariation=o.PRIMARY,this.afType=h.CIRCLE,this.afExpandable=!1,this.afExpandText="",this.afCollapseText="",this.afCurrentStep=1,this.steps=[]}async afMNext(){this.afCurrentStep+=1}async afMPrevious(){this.afCurrentStep-=1}componentWillLoad(){this.getSteps(),this.setStepAndTypeProps()}componentWillUpdate(){this.getSteps(),this.setStepAndTypeProps()}componentDidLoad(){this.afOnReady.emit()}getSteps(){const i=this.hostElement.querySelectorAll("digi-progress-list-item");!i||i.length<=0?a.warn("The slot contains no children elements.",this.hostElement):this.steps=[...Array.from(i)].map((i=>({outerHTML:i.outerHTML,ref:i})))}setStepAndTypeProps(){return this.steps&&this.afCurrentStep<1?(a.warn(`Current step is set to ${this.afCurrentStep} which is not allowed.`,this.hostElement),void(this.afCurrentStep=1)):this.steps&&this.afCurrentStep>this.steps.length+1?(a.warn(`Current step is set to ${this.afCurrentStep} which is more than the amount of available steps (${this.steps.length}).`,this.hostElement),void(this.afCurrentStep=this.steps.length+1)):void(this.steps&&this.steps.forEach(((i,s)=>{i.ref.afVariation=this.afVariation;try{const t=Number.parseInt(this.afHeadingLevel.split("h")[1])+1,e="h"+Math.max(Math.min(t,6),1);let r;i.ref.afIsLast=s==this.steps.length-1,r=s<this.afCurrentStep-1?d.DONE:s==this.afCurrentStep-1?d.CURRENT:d.UPCOMING,i.ref.afStepStatus=r,i.ref.afType=this.afType,i.ref.afHeadingLevel=e,i.ref.afExpandable=this.afExpandable,i.ref.afExpanded=r===d.CURRENT,i.ref.afExpandText=this.afExpandText,i.ref.afCollapseText=this.afCollapseText}catch(i){a.warn("Error in setStepAndTypeProps, ",i)}})))}renderHeading(){var i;return(null===(i=this.afHeading)||void 0===i?void 0:i.trim().length)>1?t("div",null,t(this.afHeadingLevel,{class:"digi-progress-list__header","aria-label":this.afAriaLabel},this.afHeading)):null}render(){return t("div",{key:"
|
|
1
|
+
import{r as i,c as s,h as t,g as e}from"./p-f1de4bf6.js";import{P as r,c as o,b as h,a as d}from"./p-06f939ab.js";import{l as a}from"./p-e3d2e899.js";const g=class{constructor(t){i(this,t),this.afOnReady=s(this,"afOnReady",3),this.afHeading=void 0,this.afAriaLabel=void 0,this.afHeadingLevel=r.H2,this.afVariation=o.PRIMARY,this.afType=h.CIRCLE,this.afExpandable=!1,this.afExpandText="",this.afCollapseText="",this.afCurrentStep=1,this.steps=[]}async afMNext(){this.afCurrentStep+=1}async afMPrevious(){this.afCurrentStep-=1}componentWillLoad(){this.getSteps(),this.setStepAndTypeProps()}componentWillUpdate(){this.getSteps(),this.setStepAndTypeProps()}componentDidLoad(){this.afOnReady.emit()}getSteps(){const i=this.hostElement.querySelectorAll("digi-progress-list-item");!i||i.length<=0?a.warn("The slot contains no children elements.",this.hostElement):this.steps=[...Array.from(i)].map((i=>({outerHTML:i.outerHTML,ref:i})))}setStepAndTypeProps(){return this.steps&&this.afCurrentStep<1?(a.warn(`Current step is set to ${this.afCurrentStep} which is not allowed.`,this.hostElement),void(this.afCurrentStep=1)):this.steps&&this.afCurrentStep>this.steps.length+1?(a.warn(`Current step is set to ${this.afCurrentStep} which is more than the amount of available steps (${this.steps.length}).`,this.hostElement),void(this.afCurrentStep=this.steps.length+1)):void(this.steps&&this.steps.forEach(((i,s)=>{i.ref.afVariation=this.afVariation;try{const t=Number.parseInt(this.afHeadingLevel.split("h")[1])+1,e="h"+Math.max(Math.min(t,6),1);let r;i.ref.afIsLast=s==this.steps.length-1,r=s<this.afCurrentStep-1?d.DONE:s==this.afCurrentStep-1?d.CURRENT:d.UPCOMING,i.ref.afStepStatus=r,i.ref.afType=this.afType,i.ref.afHeadingLevel=e,i.ref.afExpandable=this.afExpandable,i.ref.afExpanded=r===d.CURRENT,i.ref.afExpandText=this.afExpandText,i.ref.afCollapseText=this.afCollapseText}catch(i){a.warn("Error in setStepAndTypeProps, ",i)}})))}renderHeading(){var i;return(null===(i=this.afHeading)||void 0===i?void 0:i.trim().length)>1?t("div",null,t(this.afHeadingLevel,{class:"digi-progress-list__header","aria-label":this.afAriaLabel},this.afHeading)):null}render(){return t("div",{key:"83989916dbbc8d183f126b51e5353a3fe03bca21",class:"digi-progress-list"},t("digi-typography",{key:"858b6eca10e039b99f8d596b861336ed4e81d6db"},this.renderHeading(),t("ol",{key:"8fd308a3c3339f52890a206408a02c1067e609b3",class:"digi-progress-list__content"},t("slot",{key:"baa445f196607783e4fff91ad9a6f027ca1be34c"}))))}get hostElement(){return e(this)}};g.style=".sc-digi-progress-list-h{--digi--progress-list--content--padding-top:var(--digi--padding--medium);--digi--progress-list--heading--font-size:var(--digi--typography--heading-1--font-size--desktop);--digi--progress-list--heading--font-weight:var(--digi--typography--heading-1--font-weight--desktop);--digi--progress-list--heading--margin-bottom:var(--digi--margin--largest)}.sc-digi-progress-list-h .digi-progress-list__header.sc-digi-progress-list{font-size:var(--digi--progress-list--heading--font-size);font-weight:var(--digi--progress-list--heading--font-weight);margin-bottom:var(--digi--progress-list--heading--margin-bottom)}.sc-digi-progress-list-h .digi-progress-list__content.sc-digi-progress-list{margin-top:0;padding-left:0;padding-bottom:0;padding-top:var(--digi--progress-list--content--padding-top)}.sc-digi-progress-list-h .digi-progress-list.sc-digi-progress-list ol.sc-digi-progress-list{max-width:100%}";export{g as digi_progress_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,g as e}from"./p-f1de4bf6.js";import{r as c}from"./p-ffe5c0e8.js";import{d}from"./p-430607cb.js";import"./p-bdd811bc.js";const r=class{constructor(s){t(this,s),this.afOnClickOutside=i(this,"afOnClickOutside",7),this.afOnClickInside=i(this,"afOnClickInside",7),this.afDataIdentifier=c("data-digi-util-detect-click-outside")}componentWillLoad(){this.$el.setAttribute(this.afDataIdentifier,"")}clickHandler(t){d(t.target,`[${this.afDataIdentifier}]`)?this.afOnClickOutside.emit(t):this.afOnClickInside.emit(t)}render(){return s("slot",{key:"8c31d2258e2ff44d3385e90ff53735ed2b71ea81"})}get $el(){return e(this)}};export{r as digi_util_detect_click_outside}
|