@designsystem-se/af 38.0.1-beta.0 → 38.0.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-bar-chart.js +1 -1
- package/components/digi-button.js +1 -1
- package/components/digi-calendar-datepicker.js +4 -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 +3 -3
- package/components/digi-context-menu.js +2 -2
- package/components/digi-dialog.js +3 -3
- package/components/digi-expandable-faq-item.js +1 -1
- package/components/digi-footer.js +1 -1
- package/components/digi-form-category-filter.js +1 -1
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +3 -3
- package/components/digi-form-file-upload.js +1 -1
- package/components/digi-form-filter.js +3 -3
- package/components/digi-form-input-search.js +1 -1
- package/components/digi-form-receipt.js +1 -1
- package/components/digi-form-select-filter.js +3 -3
- package/components/digi-form-select.js +1 -1
- package/components/digi-header-avatar.js +1 -1
- package/components/digi-header-navigation.js +2 -2
- package/components/digi-header.js +5 -5
- package/components/digi-info-card-multi.js +1 -1
- package/components/digi-info-card.js +2 -2
- package/components/digi-link-internal.js +1 -1
- package/components/digi-navigation-pagination.js +2 -2
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +1 -1
- package/components/digi-navigation-vertical-menu-item.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +1 -1
- package/components/digi-progress-indicator.js +1 -1
- package/components/digi-quote.js +1 -1
- package/components/digi-tag.js +1 -1
- package/components/digi-title-logo.js +1 -1
- package/components/digi-tools-feedback.js +3 -3
- package/components/digi-tools-theme-provider.js +18 -5
- package/components/index.js +1 -1
- package/components/p-1af1c5ea.js +165 -0
- package/components/{p-195ca01d.js → p-4dc6d374.js} +2 -2
- package/components/{p-4d2d082d.js → p-74c7dd5f.js} +2 -2
- package/components/{p-dbb0665a.js → p-90548d3f.js} +2 -2
- package/components/p-adb4322e.js +66 -0
- package/components/{p-e2a68e2b.js → p-b94458ed.js} +1 -1
- package/components/p-bd92430e.js +177 -0
- package/components/p-d7ef9cb1.js +13 -0
- package/components/{p-9df35672.js → p-fb8dd721.js} +1 -1
- package/custom-elements.json +4 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-button_84.cjs.entry.js +8405 -0
- package/dist/cjs/digi-calendar-week-view.cjs.entry.js +50 -51
- package/dist/cjs/{digi-code-block_3.cjs.entry.js → digi-code-block_2.cjs.entry.js} +2 -133
- package/dist/cjs/digi-code-example.cjs.entry.js +1 -1
- package/dist/cjs/digi-dialog.cjs.entry.js +3 -19
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -18
- package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -7
- package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -18
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -18
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -18
- package/dist/cjs/digi-quote.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +3 -19
- package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
- package/dist/cjs/index-7a477838.js +4 -156
- package/dist/cjs/{index-ac8e01b4.js → index-acb7b350.js} +189 -19
- package/dist/cjs/index.cjs.js +188 -198
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-ad1b2403.js} +230 -0
- package/dist/collection/components/_button/button/button.css +10 -10
- package/dist/collection/components/_calendar/calendar/calendar.css +7 -2
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +411 -106
- package/dist/collection/components/_code/code-example/code-example.css +6 -0
- package/dist/collection/components/_dialog/dialog/dialog.css +1 -1
- package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css +2 -2
- package/dist/collection/components/_form/form-checkbox/form-checkbox.css +411 -106
- package/dist/collection/components/_form/form-file-upload/form-file-upload.css +4 -3
- package/dist/collection/components/_form/form-filter/form-filter.css +1 -1
- package/dist/collection/components/_form/form-select/form-select.css +2 -2
- package/dist/collection/components/_form/form-select-filter/form-select-filter.css +2 -2
- package/dist/collection/components/_header/header/header.js +2 -2
- package/dist/collection/components/_header/header-avatar/header-avatar.css +410 -105
- package/dist/collection/components/_info-card/info-card/info-card.css +2 -2
- package/dist/collection/components/_info-card/info-card-multi/info-card-multi.css +1 -1
- package/dist/collection/components/_link/link-internal/link-internal.css +410 -105
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css +3 -2
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +4 -3
- package/dist/collection/components/_quote/quote/quote.css +2 -2
- package/dist/collection/components/_tools/tools-feedback/tools-feedback.css +1 -1
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +157 -2
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +43 -2
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +5 -0
- package/dist/collection/design-tokens/components/_button.variables.scss +10 -10
- package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_calendar.variables.scss +3 -2
- package/dist/collection/design-tokens/components/_dialog.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +2 -0
- package/dist/collection/design-tokens/components/_form-filter.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_info-card-multi.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_info-card.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_logo.variables.scss +2 -0
- package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
- package/dist/collection/design-tokens/components/_quote.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_tools-feedback.variables.scss +1 -1
- package/dist/collection/enums.js +1 -0
- package/dist/collection/styles/src/_alias.mixin.scss +246 -105
- package/dist/collection/styles/src/themes/_brand-af18.mixin.scss +16 -0
- package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +138 -0
- package/dist/collection/styles/src/themes/_brand-common.mixin.scss +7 -0
- package/dist/collection/styles/src/tokens-documentation/web-AF25.json +3171 -14
- package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +10 -10
- package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +3 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +2 -0
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_quote.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback.variables.scss +1 -1
- 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-9062da9b.entry.js → p-0467a3ec.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-1995b9cc.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-6324c9bf.entry.js → p-3f47ec44.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-6f2ac316.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-72ef7f99.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-740c6ad8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8d055a17.js +1 -0
- package/dist/digi-arbetsformedlingen/p-94ded2bd.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a105d9fe.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b471f287.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e347aae8.entry.js → p-ed832d4e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f601908d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +246 -105
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af18.mixin.scss +16 -0
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +138 -0
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-common.mixin.scss +7 -0
- package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +3171 -14
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-button_84.entry.js +8318 -0
- package/dist/esm/digi-calendar-week-view.entry.js +1 -2
- package/dist/esm/{digi-code-block_3.entry.js → digi-code-block_2.entry.js} +4 -134
- package/dist/esm/digi-code-example.entry.js +1 -1
- package/dist/esm/digi-dialog.entry.js +3 -19
- package/dist/esm/digi-form-error-list.entry.js +2 -18
- package/dist/esm/digi-form-input-search.entry.js +1 -2
- package/dist/esm/digi-form-receipt.entry.js +2 -18
- package/dist/esm/digi-navigation-pagination.entry.js +2 -18
- package/dist/esm/digi-notification-error-page.entry.js +2 -18
- package/dist/esm/digi-quote.entry.js +1 -1
- package/dist/esm/digi-tools-feedback.entry.js +3 -19
- package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
- package/dist/esm/index-148a7577.js +4 -156
- package/dist/esm/{index-2fce392f.js → index-dc6b83f7.js} +170 -3
- package/dist/esm/index.js +2 -18
- package/dist/esm/loader.js +1 -1
- package/dist/esm/typography-variation.enum-7319240b.js +501 -0
- package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +9 -0
- package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +4 -0
- package/dist/types/components.d.ts +12 -0
- package/dist/types/enums.d.ts +1 -0
- package/hydrate/index.js +44 -25
- package/hydrate/index.mjs +44 -25
- package/package.json +1 -1
- package/components/p-4bad4fb0.js +0 -7
- package/components/p-57a1c472.js +0 -177
- package/components/p-70fad0ea.js +0 -165
- package/components/p-ab07faba.js +0 -66
- package/dist/cjs/digi-button_27.cjs.entry.js +0 -1379
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +0 -2598
- package/dist/cjs/digi-calendar_2.cjs.entry.js +0 -464
- package/dist/cjs/digi-context-menu.cjs.entry.js +0 -240
- package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +0 -97
- package/dist/cjs/digi-form-category-filter.cjs.entry.js +0 -121
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +0 -139
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +0 -589
- package/dist/cjs/digi-form-filter.cjs.entry.js +0 -248
- package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
- package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -563
- package/dist/cjs/digi-form-select_2.cjs.entry.js +0 -186
- package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +0 -99
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-icon-copy.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +0 -145
- package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +0 -99
- package/dist/cjs/digi-icon-spinner.cjs.entry.js +0 -31
- package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +0 -22
- package/dist/cjs/digi-info-card-multi.cjs.entry.js +0 -58
- package/dist/cjs/digi-info-card.cjs.entry.js +0 -79
- package/dist/cjs/digi-layout-columns.cjs.entry.js +0 -33
- package/dist/cjs/digi-link-button.cjs.entry.js +0 -66
- package/dist/cjs/digi-link-external.cjs.entry.js +0 -36
- package/dist/cjs/digi-link-internal.cjs.entry.js +0 -37
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
- package/dist/cjs/digi-notification-alert.cjs.entry.js +0 -111
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
- package/dist/cjs/digi-tag-media.cjs.entry.js +0 -47
- package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +0 -28
- 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-mutation-observer.cjs.entry.js +0 -64
- package/dist/cjs/expandable-faq-item-variation.enum-89427195.js +0 -18
- package/dist/cjs/form-checkbox-variation.enum-d2ca879e.js +0 -19
- package/dist/cjs/form-file-upload-variation.enum-634cfae8.js +0 -24
- package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +0 -15
- package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
- package/dist/cjs/form-select-variation.enum-528c1bf0.js +0 -16
- package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
- package/dist/cjs/index-cad91a90.js +0 -66
- package/dist/cjs/index-e8333bcc.js +0 -174
- package/dist/cjs/info-card-multi-type.enum-14746572.js +0 -8
- package/dist/cjs/info-card-variation.enum-64cef637.js +0 -24
- package/dist/cjs/layout-columns-variation.enum-65675649.js +0 -23
- package/dist/cjs/link-button-variation.enum-137785e3.js +0 -9
- package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
- package/dist/cjs/progress-indicator-variation.enum-7cf8e0e4.js +0 -13
- package/dist/cjs/tag-media-icon.enum-372563c5.js +0 -11
- package/dist/cjs/tools-theme-provider.brand.enum-bc855272.js +0 -7
- package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +0 -17
- package/dist/digi-arbetsformedlingen/p-07303cb5.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0f6c0360.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0fbe6e50.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-13ee320b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1486034d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f3345e9.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-20693fa2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2a023831.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3566b732.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-398d0f60.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3c9195db.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3cda17e1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3f9dfdb0.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-408e9b2a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-416992c0.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4841b4e1.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4b8cae8a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4bad4fb0.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4d84c470.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-50b32151.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-51149879.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-54b6eb3f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-55bcba7c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-55d02ef7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-577f6995.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5f20045a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5f4ece29.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6fb0f1a4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-70da2307.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7aacd45f.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8142cc73.js +0 -1
- package/dist/digi-arbetsformedlingen/p-814ca2ad.js +0 -1
- package/dist/digi-arbetsformedlingen/p-820e795b.js +0 -1
- package/dist/digi-arbetsformedlingen/p-82611050.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8fa50755.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
- package/dist/digi-arbetsformedlingen/p-915b2a14.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9a456d55.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9f47d4b7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a26333e9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a969ba67.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-af72f16f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b3d93b8b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ba3c4861.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c04ae2fc.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c06930c2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c461917d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c7949525.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d182d8bb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d1886fff.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d595e8a3.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d71c33d8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f40f4b2a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f447b984.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f4edca16.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fb9b3544.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fdca581c.entry.js +0 -1
- package/dist/esm/digi-button_27.entry.js +0 -1349
- package/dist/esm/digi-calendar-datepicker.entry.js +0 -2594
- package/dist/esm/digi-calendar_2.entry.js +0 -459
- package/dist/esm/digi-context-menu.entry.js +0 -236
- package/dist/esm/digi-expandable-faq-item.entry.js +0 -93
- package/dist/esm/digi-form-category-filter.entry.js +0 -117
- package/dist/esm/digi-form-checkbox.entry.js +0 -135
- package/dist/esm/digi-form-file-upload.entry.js +0 -585
- package/dist/esm/digi-form-filter.entry.js +0 -244
- package/dist/esm/digi-form-input.entry.js +0 -190
- package/dist/esm/digi-form-label_3.entry.js +0 -123
- package/dist/esm/digi-form-select-filter.entry.js +0 -559
- package/dist/esm/digi-form-select_2.entry.js +0 -181
- package/dist/esm/digi-icon-check-circle-solid_4.entry.js +0 -92
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
- package/dist/esm/digi-icon-chevron-left_2.entry.js +0 -48
- package/dist/esm/digi-icon-copy.entry.js +0 -26
- package/dist/esm/digi-icon-list-ul_6.entry.js +0 -136
- package/dist/esm/digi-icon-minus_2.entry.js +0 -48
- package/dist/esm/digi-icon-notification-error_4.entry.js +0 -92
- package/dist/esm/digi-icon-spinner.entry.js +0 -27
- package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
- package/dist/esm/digi-info-card-multi-container.entry.js +0 -18
- package/dist/esm/digi-info-card-multi.entry.js +0 -54
- package/dist/esm/digi-info-card.entry.js +0 -75
- package/dist/esm/digi-layout-columns.entry.js +0 -29
- package/dist/esm/digi-link-button.entry.js +0 -62
- package/dist/esm/digi-link-external.entry.js +0 -32
- package/dist/esm/digi-link-internal.entry.js +0 -33
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
- package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
- package/dist/esm/digi-notification-alert.entry.js +0 -107
- package/dist/esm/digi-progress-indicator.entry.js +0 -133
- package/dist/esm/digi-tag-media.entry.js +0 -43
- package/dist/esm/digi-tools-theme-provider.entry.js +0 -24
- 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-mutation-observer.entry.js +0 -60
- package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js +0 -18
- package/dist/esm/form-checkbox-variation.enum-83e906fc.js +0 -19
- package/dist/esm/form-file-upload-variation.enum-9c49ec5e.js +0 -24
- package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +0 -15
- package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
- package/dist/esm/form-select-variation.enum-f2f6098d.js +0 -16
- package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
- package/dist/esm/index-5b6c95c6.js +0 -63
- package/dist/esm/index-8685f88d.js +0 -170
- package/dist/esm/info-card-multi-type.enum-07ee124f.js +0 -8
- package/dist/esm/info-card-variation.enum-2ccc52c1.js +0 -24
- package/dist/esm/layout-columns-variation.enum-34f7754e.js +0 -23
- package/dist/esm/link-button-variation.enum-84d4976f.js +0 -9
- package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
- package/dist/esm/progress-indicator-variation.enum-b12ba50a.js +0 -13
- package/dist/esm/tag-media-icon.enum-fefa191c.js +0 -11
- package/dist/esm/tools-theme-provider.brand.enum-8c5a98c9.js +0 -7
- package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +0 -17
- package/dist/esm/typography-variation.enum-c85d7857.js +0 -271
|
@@ -1,1349 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-148a7577.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
import { B as ButtonSize } from './code-example-variation.enum-e656d235.js';
|
|
4
|
-
import { B as ButtonType } from './form-input-search-variation.enum-6d8dc10a.js';
|
|
5
|
-
import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
|
|
6
|
-
import { d as FooterVariation, F as FooterCardVariation, H as HeaderCenterContentWidth, L as LayoutBlockContainer, q as LayoutContainerVariation, r as LayoutContainerMaxWidth, s as LogoColor, T as TitleLogoVariation } from './typography-variation.enum-c85d7857.js';
|
|
7
|
-
import './badge-notification-shape.enum-e15a6245.js';
|
|
8
|
-
import './badge-status-variation.enum-8d6370ff.js';
|
|
9
|
-
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
10
|
-
import './bar-chart-variation.enum-97c0b47f.js';
|
|
11
|
-
import './code-variation.enum-1eee7c7a.js';
|
|
12
|
-
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
13
|
-
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
14
|
-
import './expandable-faq-variation.enum-6934c367.js';
|
|
15
|
-
import './form-checkbox-variation.enum-83e906fc.js';
|
|
16
|
-
import './form-file-upload-variation.enum-9c49ec5e.js';
|
|
17
|
-
import './form-input-type.enum-3da3db27.js';
|
|
18
|
-
import './form-input-variation.enum-64d9450f.js';
|
|
19
|
-
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
20
|
-
import './form-select-variation.enum-f2f6098d.js';
|
|
21
|
-
import './form-textarea-variation.enum-05017e8e.js';
|
|
22
|
-
import './form-validation-message-variation.enum-bcef8a9d.js';
|
|
23
|
-
import './info-card-multi-type.enum-07ee124f.js';
|
|
24
|
-
import './info-card-variation.enum-2ccc52c1.js';
|
|
25
|
-
import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
|
|
26
|
-
import './layout-columns-variation.enum-34f7754e.js';
|
|
27
|
-
import './link-button-variation.enum-84d4976f.js';
|
|
28
|
-
import './list-type.enum-fbb331ad.js';
|
|
29
|
-
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
30
|
-
import './loader-spinner-size.enum-0b246fa0.js';
|
|
31
|
-
import './media-figure-alignment.enum-a1d36567.js';
|
|
32
|
-
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
33
|
-
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
34
|
-
import './progress-indicator-variation.enum-b12ba50a.js';
|
|
35
|
-
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
36
|
-
import './progress-list-variation.enum-300bd89d.js';
|
|
37
|
-
import './progressbar-variation.enum-40adaab4.js';
|
|
38
|
-
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
39
|
-
import './table-variation.enum-dd9366b6.js';
|
|
40
|
-
import './tag-media-icon.enum-fefa191c.js';
|
|
41
|
-
import './tag-size.enum-403e0cd8.js';
|
|
42
|
-
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
43
|
-
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
44
|
-
import './tools-theme-provider.brand.enum-8c5a98c9.js';
|
|
45
|
-
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
46
|
-
import './typography-meta-variation.enum-1f7c2878.js';
|
|
47
|
-
import './typography-time-variation.enum-34c830ef.js';
|
|
48
|
-
import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
|
|
49
|
-
import { K as KEY_CODE, k as keyboardHandler } from './keyboardHandler.util-383c0054.js';
|
|
50
|
-
|
|
51
|
-
const buttonCss = ".sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}";
|
|
52
|
-
const DigiButtonStyle0 = buttonCss;
|
|
53
|
-
|
|
54
|
-
const Button = class {
|
|
55
|
-
constructor(hostRef) {
|
|
56
|
-
registerInstance(this, hostRef);
|
|
57
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
58
|
-
this.afOnFocus = createEvent(this, "afOnFocus", 7);
|
|
59
|
-
this.afOnBlur = createEvent(this, "afOnBlur", 7);
|
|
60
|
-
this.afOnReady = createEvent(this, "afOnReady", 3);
|
|
61
|
-
this.hasIcon = undefined;
|
|
62
|
-
this.hasIconSecondary = undefined;
|
|
63
|
-
this.isFullSize = undefined;
|
|
64
|
-
this.afSize = ButtonSize.MEDIUM;
|
|
65
|
-
this.afTabindex = undefined;
|
|
66
|
-
this.afVariation = ButtonVariation.PRIMARY;
|
|
67
|
-
this.afType = ButtonType.BUTTON;
|
|
68
|
-
this.afId = randomIdGenerator('digi-button');
|
|
69
|
-
this.afAriaLabel = undefined;
|
|
70
|
-
this.afAriaLabelledby = undefined;
|
|
71
|
-
this.afAriaControls = undefined;
|
|
72
|
-
this.afForm = undefined;
|
|
73
|
-
this.afAriaPressed = undefined;
|
|
74
|
-
this.afAriaExpanded = undefined;
|
|
75
|
-
this.afAriaHaspopup = undefined;
|
|
76
|
-
this.afAriaCurrent = undefined;
|
|
77
|
-
this.afRole = undefined;
|
|
78
|
-
this.afAriaChecked = undefined;
|
|
79
|
-
this.afLang = undefined;
|
|
80
|
-
this.afDir = undefined;
|
|
81
|
-
this.afFullWidth = false;
|
|
82
|
-
this.afAutofocus = undefined;
|
|
83
|
-
this.afInputRef = undefined;
|
|
84
|
-
}
|
|
85
|
-
fullWidthHandler() {
|
|
86
|
-
this.isFullSize = this.afFullWidth;
|
|
87
|
-
}
|
|
88
|
-
/**
|
|
89
|
-
* Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
|
|
90
|
-
* @en Returns a reference to the button element. Handy for setting focus programmatically.
|
|
91
|
-
*/
|
|
92
|
-
async afMGetButtonElement() {
|
|
93
|
-
return this._button;
|
|
94
|
-
}
|
|
95
|
-
componentWillLoad() {
|
|
96
|
-
this.setHasIcon();
|
|
97
|
-
this.fullWidthHandler();
|
|
98
|
-
}
|
|
99
|
-
componentWillUpdate() {
|
|
100
|
-
this.setHasIcon();
|
|
101
|
-
}
|
|
102
|
-
componentDidLoad() {
|
|
103
|
-
this.afOnReady.emit();
|
|
104
|
-
}
|
|
105
|
-
setHasIcon() {
|
|
106
|
-
const icon = !!this.hostElement.querySelector('[slot="icon"]');
|
|
107
|
-
const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
|
|
108
|
-
if (icon) {
|
|
109
|
-
this.hasIcon = icon;
|
|
110
|
-
}
|
|
111
|
-
if (iconSecondary) {
|
|
112
|
-
this.hasIconSecondary = iconSecondary;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
get cssModifiers() {
|
|
116
|
-
return {
|
|
117
|
-
[`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
|
|
118
|
-
[`digi-button--size-${this.afSize}`]: !!this.afSize,
|
|
119
|
-
'digi-button--icon': this.hasIcon,
|
|
120
|
-
'digi-button--icon-secondary': this.hasIconSecondary,
|
|
121
|
-
'digi-button--full-width': this.isFullSize
|
|
122
|
-
};
|
|
123
|
-
}
|
|
124
|
-
get pressedState() {
|
|
125
|
-
if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
return this.afAriaPressed ? 'true' : 'false';
|
|
129
|
-
}
|
|
130
|
-
get expandedState() {
|
|
131
|
-
if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
|
|
132
|
-
return;
|
|
133
|
-
}
|
|
134
|
-
return this.afAriaExpanded ? 'true' : 'false';
|
|
135
|
-
}
|
|
136
|
-
get hasPopup() {
|
|
137
|
-
if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
|
-
return this.afAriaHaspopup ? 'true' : 'false';
|
|
141
|
-
}
|
|
142
|
-
clickHandler(e) {
|
|
143
|
-
this.afOnClick.emit(e);
|
|
144
|
-
}
|
|
145
|
-
focusHandler(e) {
|
|
146
|
-
this.afOnFocus.emit(e);
|
|
147
|
-
}
|
|
148
|
-
blurHandler(e) {
|
|
149
|
-
this.afOnBlur.emit(e);
|
|
150
|
-
}
|
|
151
|
-
render() {
|
|
152
|
-
return (h(Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
|
|
153
|
-
var _a, _b, _c;
|
|
154
|
-
this._button = el;
|
|
155
|
-
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
156
|
-
// Stencil has a bug wiith form attribute so we need to set it like this
|
|
157
|
-
// https://github.com/ionic-team/stencil/issues/2703
|
|
158
|
-
this.afForm
|
|
159
|
-
? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
|
|
160
|
-
: (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
|
|
161
|
-
}, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
|
|
162
|
-
}
|
|
163
|
-
get hostElement() { return getElement(this); }
|
|
164
|
-
static get watchers() { return {
|
|
165
|
-
"afFullWidth": ["fullWidthHandler"]
|
|
166
|
-
}; }
|
|
167
|
-
};
|
|
168
|
-
Button.style = DigiButtonStyle0;
|
|
169
|
-
|
|
170
|
-
const footerCss = ".sc-digi-footer-h {\n --digi--footer--text--color: var(--digi--color--text--secondary);\n --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n --digi--footer--link--color--default: var(--digi--color--text--secondary);\n --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n --digi--footer--padding-top: var(--digi--container-gutter--largest);\n --digi--footer--margin-top: var(--digi--container-gutter--large);\n --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n --MARGIN-TOP: var(--digi--footer--margin-top);\n color: var(--digi--footer--text--color);\n font-family: var(--digi--footer--text--font-family);\n font-size: var(--digi--footer--text--font-size);\n font-weight: var(--digi--footer--text--font-weight);\n line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(4, 1fr);\n }\n .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n grid-column: 1/3;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n container-type: inline-size;\n padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n justify-content: center;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer__content-bottom {\n justify-content: center;\n }\n}\n.sc-digi-footer-h .sc-digi-footer-s digi-logo {\n --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n display: grid;\n grid-template-rows: repeat(2, auto);\n column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n flex-basis: 100%;\n display: flex;\n justify-content: center;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n padding: var(--digi--footer--logo-vertical-padding) 0;\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n flex-basis: auto;\n }\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n padding: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n --MARGIN-TOP: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--text--color);\n padding: var(--digi--gutter--small);\n margin: 0;\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--link--color--default);\n border-color: var(--digi--footer--link--border-color--default);\n margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n background: transparent;\n color: var(--digi--footer--link--color--hover);\n border-color: var(--digi--footer--link--border-color--hover);\n}";
|
|
171
|
-
const DigiFooterStyle0 = footerCss;
|
|
172
|
-
|
|
173
|
-
const FooterFooter = class {
|
|
174
|
-
constructor(hostRef) {
|
|
175
|
-
registerInstance(this, hostRef);
|
|
176
|
-
this.afVariation = FooterVariation.LARGE;
|
|
177
|
-
}
|
|
178
|
-
get cssModifiers() {
|
|
179
|
-
return {
|
|
180
|
-
'digi-footer--small': this.afVariation == FooterVariation.SMALL
|
|
181
|
-
};
|
|
182
|
-
}
|
|
183
|
-
render() {
|
|
184
|
-
return (h(Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
|
|
185
|
-
}
|
|
186
|
-
get hostElement() { return getElement(this); }
|
|
187
|
-
};
|
|
188
|
-
FooterFooter.style = DigiFooterStyle0;
|
|
189
|
-
|
|
190
|
-
const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
|
|
191
|
-
const DigiFooterCardStyle0 = footerCardCss;
|
|
192
|
-
|
|
193
|
-
const FooterFooterCard = class {
|
|
194
|
-
constructor(hostRef) {
|
|
195
|
-
registerInstance(this, hostRef);
|
|
196
|
-
this.afType = FooterCardVariation.NONE;
|
|
197
|
-
}
|
|
198
|
-
get cssModifiers() {
|
|
199
|
-
return {
|
|
200
|
-
'digi-footer-card--icon': this.afType == FooterCardVariation.ICON,
|
|
201
|
-
'digi-footer-card--border': this.afType == FooterCardVariation.BORDER
|
|
202
|
-
};
|
|
203
|
-
}
|
|
204
|
-
render() {
|
|
205
|
-
return (h(Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
|
|
206
|
-
}
|
|
207
|
-
get hostElement() { return getElement(this); }
|
|
208
|
-
};
|
|
209
|
-
FooterFooterCard.style = DigiFooterCardStyle0;
|
|
210
|
-
|
|
211
|
-
const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{display:flex;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
|
|
212
|
-
const DigiHeaderStyle0 = headerCss;
|
|
213
|
-
|
|
214
|
-
const Header = class {
|
|
215
|
-
constructor(hostRef) {
|
|
216
|
-
registerInstance(this, hostRef);
|
|
217
|
-
this.afActive = undefined;
|
|
218
|
-
this.isMobile = undefined;
|
|
219
|
-
this.hasNavigation = undefined;
|
|
220
|
-
this.afMenuButtonText = undefined;
|
|
221
|
-
this.afAriaLabel = undefined;
|
|
222
|
-
this.afCentered = HeaderCenterContentWidth.DEFAULT;
|
|
223
|
-
}
|
|
224
|
-
toggleHandler(e) {
|
|
225
|
-
const element = e.target;
|
|
226
|
-
if (element.matches('digi-navigation-sidebar-button')) {
|
|
227
|
-
this.afActive = true;
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
closeHandler() {
|
|
231
|
-
this.afActive = false;
|
|
232
|
-
}
|
|
233
|
-
get cssModifiers() {
|
|
234
|
-
return {
|
|
235
|
-
'digi-header--af-centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT,
|
|
236
|
-
'digi-header--has-navigation': this.hasNavigation
|
|
237
|
-
};
|
|
238
|
-
}
|
|
239
|
-
handleBreakpointObserver(e) {
|
|
240
|
-
this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
|
|
241
|
-
}
|
|
242
|
-
/**
|
|
243
|
-
* Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
|
|
244
|
-
* @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
|
|
245
|
-
*/
|
|
246
|
-
checkNavigation() {
|
|
247
|
-
this.hasNavigation = !!this.hostElement.querySelector('[slot="header-navigation"]');
|
|
248
|
-
}
|
|
249
|
-
componentWillLoad() {
|
|
250
|
-
this.checkNavigation();
|
|
251
|
-
}
|
|
252
|
-
/**
|
|
253
|
-
* If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
|
|
254
|
-
* is true when we're in mobile
|
|
255
|
-
*/
|
|
256
|
-
componentWillRender() {
|
|
257
|
-
const afLogo = this.hostElement.querySelector('digi-logo');
|
|
258
|
-
if (afLogo) {
|
|
259
|
-
afLogo.afOnlySymbol = this.isMobile || afLogo.afOnlySymbol;
|
|
260
|
-
}
|
|
261
|
-
}
|
|
262
|
-
renderContent() {
|
|
263
|
-
return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
|
|
264
|
-
}
|
|
265
|
-
render() {
|
|
266
|
-
return (h("header", { key: '35b1b75534609c95cf188dee68dc65756b60cf6e', "aria-label": this.afAriaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '6eee8b721fdf80e41db49d6983d1d5bfd8c27632', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '4caa83ed4b792ceaae5da6517241e2d09962fb9f', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: 'd4bf22ad37c16accd0073ce6f286298146b04e33', class: "digi-header__border" }), h("slot", { key: '33f07a226d4e07f6bf83c019e7ea46f91d28596a', name: "header-navigation" }))));
|
|
267
|
-
}
|
|
268
|
-
get hostElement() { return getElement(this); }
|
|
269
|
-
};
|
|
270
|
-
Header.style = DigiHeaderStyle0;
|
|
271
|
-
|
|
272
|
-
/* eslint-disable max-len */
|
|
273
|
-
const avatarPlaceholder = {
|
|
274
|
-
'avatar-logged-in': {
|
|
275
|
-
AvatarPlaceholderComponent({ afSvgAriaHidden, afSvgAriaLabelledby }, children) {
|
|
276
|
-
return (h("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": afSvgAriaLabelledby },
|
|
277
|
-
children,
|
|
278
|
-
h("defs", null,
|
|
279
|
-
h("polygon", { id: "path-avatar-1", points: "0 0 32 0 32 32 0 32" }),
|
|
280
|
-
h("polygon", { id: "path-avatar-3", points: "0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581" })),
|
|
281
|
-
h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
282
|
-
h("g", { id: "Artboard", transform: "translate(-281, -653)" },
|
|
283
|
-
h("g", { id: "Group-9", transform: "translate(281, 653)" },
|
|
284
|
-
h("g", { id: "Group-3" },
|
|
285
|
-
h("mask", { id: "mask-avatar-2", fill: "white" },
|
|
286
|
-
h("use", { xlinkHref: "#path-avatar-1" })),
|
|
287
|
-
h("g", { id: "Clip-2" }),
|
|
288
|
-
h("path", { d: "M32.0002117,15.9999294 C32.0002117,24.8361768 24.8366065,32.0002822 16.0001058,32.0002822 C7.16360517,32.0002822 0,24.8361768 0,15.9999294 C0,7.16368206 7.16360517,-0.000423327086 16.0001058,-0.000423327086 C24.8366065,-0.000423327086 32.0002117,7.16368206 32.0002117,15.9999294", id: "Fill-1", mask: "url(#mask-avatar-2)" })),
|
|
289
|
-
h("path", { d: "M9.6578493,11.5102635 C9.6578493,15.2821078 12.5704231,18.3399405 16.1624564,18.3399405 C19.7551953,18.3399405 22.6677691,15.2821078 22.6677691,11.5102635 C22.6677691,7.73841914 19.7551953,4.68058648 16.1624564,4.68058648 C12.5704231,4.68058648 9.6578493,7.73841914 9.6578493,11.5102635", id: "Fill-4", fill: "currentColor" }),
|
|
290
|
-
h("g", { id: "Group-8", transform: "translate(4.7794, 20.0476)" },
|
|
291
|
-
h("mask", { id: "mask-avatar-4", fill: "white" },
|
|
292
|
-
h("use", { xlinkHref: "#path-avatar-3" })),
|
|
293
|
-
h("g", { id: "Clip-7" }),
|
|
294
|
-
h("path", { d: "M17.8881988,0 L15.1125046,0 C12.7911945,1.11758351 10.0641844,1.16062176 7.65467867,0 L4.87827895,0 C2.18372481,0 0,2.29372726 0,5.12225774 L0,7.35460258 C2.88787905,10.197244 6.84821746,11.9526403 11.220606,11.9526403 C15.7602136,11.9526403 19.8546094,10.0589571 22.7664777,7.02229082 L22.7664777,5.12225774 C22.7664777,2.29372726 20.5827529,0 17.8881988,0", id: "Fill-6", fill: "currentColor", mask: "url(#mask-avatar-4)" })))))));
|
|
295
|
-
}
|
|
296
|
-
},
|
|
297
|
-
'avatar-logged-out': {
|
|
298
|
-
AvatarPlaceholderComponent({ afSvgAriaHidden, afSvgAriaLabelledby }, children) {
|
|
299
|
-
return (h("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": afSvgAriaLabelledby },
|
|
300
|
-
children,
|
|
301
|
-
h("defs", null,
|
|
302
|
-
h("polygon", { id: "path-avatar-1", points: "0 0 32 0 32 32 0 32" }),
|
|
303
|
-
h("polygon", { id: "path-avatar-3", points: "0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581" })),
|
|
304
|
-
h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
305
|
-
h("g", { id: "Artboard", transform: "translate(-491, -742)" },
|
|
306
|
-
h("g", { id: "Group-9", transform: "translate(491, 742)" },
|
|
307
|
-
h("g", { id: "Group-3" },
|
|
308
|
-
h("mask", { id: "mask-avatar-2", fill: "white" },
|
|
309
|
-
h("use", { xlinkHref: "#path-avatar-1" })),
|
|
310
|
-
h("g", { id: "Clip-2" })),
|
|
311
|
-
h("path", { d: "M9.6578493,11.5102635 C9.6578493,15.2821078 12.5704231,18.3399405 16.1624564,18.3399405 C19.7551953,18.3399405 22.6677691,15.2821078 22.6677691,11.5102635 C22.6677691,7.73841914 19.7551953,4.68058648 16.1624564,4.68058648 C12.5704231,4.68058648 9.6578493,7.73841914 9.6578493,11.5102635", id: "Fill-4", fill: "currentColor" }),
|
|
312
|
-
h("g", { id: "Group-8", transform: "translate(4.7794, 20.0476)" },
|
|
313
|
-
h("mask", { id: "mask-avatar-4", fill: "white" },
|
|
314
|
-
h("use", { xlinkHref: "#path-avatar-3" })),
|
|
315
|
-
h("g", { id: "Clip-7" }),
|
|
316
|
-
h("path", { d: "M17.8881988,0 L15.1125046,0 C12.7911945,1.11758351 10.0641844,1.16062176 7.65467867,0 L4.87827895,0 C2.18372481,0 0,2.29372726 0,5.12225774 L0,7.35460258 C2.88787905,10.197244 6.84821746,11.9526403 11.220606,11.9526403 C15.7602136,11.9526403 19.8546094,10.0589571 22.7664777,7.02229082 L22.7664777,5.12225774 C22.7664777,2.29372726 20.5827529,0 17.8881988,0", id: "Fill-6", fill: "currentColor", mask: "url(#mask-avatar-4)" })))))));
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
};
|
|
320
|
-
|
|
321
|
-
const headerAvatarCss = ".sc-digi-header-avatar:root{--digi--grayscale--0:#ffffff;--digi--grayscale--100:#f4f4f4;--digi--grayscale--1000:#000000;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--50:#fbfbfb;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--misc--transparent:#ffffff00;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0a4dd1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008a20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:0.3s;--digi--global--animation--duration--short:0.2s;--digi--global--animation--duration--shorter:0.1s;--digi--global--animation--duration--shortest:0.01s;--digi--global--animation--duration--long:0.4s;--digi--global--animation--duration--longer:0.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:'Open Sans';--digi--global--typography--font-family--mono:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--amethyst--500:#822998;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--primary-alt--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--secondary-alt--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light--af18:var(--digi--color--leaf--500);--digi--color--logotype--primary--text--light--af18:var(--digi--color--stratos--500);--digi--color--logotype--secondary--symbol--light--af18:#1db920;--digi--color--logotype--secondary--text--light--af18:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--250);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--norrsken--500);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--primary-alt--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--300);--digi--color--infographic--brand--secondary-alt--light:var(--digi--granskott--300);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light:var(--digi--granskott--700);--digi--color--logotype--primary--text--light:var(--digi--natthimmel--800);--digi--color--logotype--secondary--symbol--light:#1db920;--digi--color--logotype--secondary--text--light:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--250);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--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--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--quaternary:var(--digi--color--background--interactive--default--quaternary--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--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--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--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--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--validation--error:var(--digi--color--background--interactive--validation--error--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--notification:var(--digi--color--background--notification--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--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-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--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--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--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--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--quarternary:var(--digi--color--background--sentiment--warning--quarternary--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--transparent:var(--digi--color--background--transparent--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--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--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--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--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--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--interactive--validation--error:var(--digi--color--border--interactive--validation--error--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--notification:var(--digi--color--border--notification--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--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--transparent:var(--digi--color--border--transparent--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--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--cta:var(--digi--color--icon--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--validation--error:var(--digi--color--icon--validation--error--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--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--primary-alt:var(--digi--color--infographic--brand--primary-alt--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--secondary-alt:var(--digi--color--infographic--brand--secondary-alt--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--logotype--primary--symbol:var(--digi--color--logotype--primary--symbol--light);--digi--color--logotype--primary--text:var(--digi--color--logotype--primary--text--light);--digi--color--logotype--secondary--symbol:var(--digi--color--logotype--secondary--symbol--light);--digi--color--logotype--secondary--text:var(--digi--color--logotype--secondary--text--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--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--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--text--description:var(--digi--color--text--description--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--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--visited:var(--digi--color--text--interactive--visited--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light)}body.sc-digi-header-avatar{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-header-avatar-h{--digi--header-avatar--margin:var(--digi--gutter--medium);--digi--header-avatar--font-family:var(--digi--global--typography--font-family--default);--digi--header-avatar--font-size:var(--digi--typography--label--font-size--desktop);--digi--header-avatar--line-height:var(--digi--typography--label--line-height--desktop);--digi--header-avatar--color:var(--digi--color--icon--primary);--digi--header-avatar-icon--color:var(--digi--color--icon--primary);--digi--header-avatar-icon--background-color:var(--digi--color--background--interactive--default--tertiary);--digi--header-avatar-icon-active--color:var(--digi--color--icon--brand-primary);display:block}.sc-digi-header-avatar-h .digi-header-avatar.sc-digi-header-avatar{display:flex;align-items:center;font-family:var(--digi--header-avatar--font-family);color:var(--digi--header-avatar--color);font-weight:var(--digi--typography--title-logo--font-weight--desktop);font-size:var(--digi--header--font-size)}.sc-digi-header-avatar-h .digi-header-avatar__icon.sc-digi-header-avatar{height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--header-avatar-icon--background-color);border-radius:50%}.sc-digi-header-avatar-h .digi-header-avatar__icon-logged-in.sc-digi-header-avatar{color:var(--digi--header-avatar-icon-active--color)}.sc-digi-header-avatar-h .digi-header-avatar__icon-logged-out.sc-digi-header-avatar{color:var(--digi--header-avatar-icon--color)}.sc-digi-header-avatar-h .digi-header-avatar__image.sc-digi-header-avatar{display:block;height:32px}.sc-digi-header-avatar-h .digi-header-avatar__image.sc-digi-header-avatar *.sc-digi-header-avatar img.sc-digi-header-avatar{border-radius:100%}.sc-digi-header-avatar-h .digi-header-avatar__placeholder.sc-digi-header-avatar{background:#ddd;border-radius:100%;height:32px;width:32px;display:flex;justify-content:center;margin-left:var(--digi--header-avatar--margin)}.sc-digi-header-avatar-h .digi-header-avatar__name.sc-digi-header-avatar,.sc-digi-header-avatar-h .digi-header-avatar__signature.sc-digi-header-avatar{margin-left:var(--digi--header-avatar--margin)}.sc-digi-header-avatar-s img{border-radius:100%}";
|
|
322
|
-
const DigiHeaderAvatarStyle0 = headerAvatarCss;
|
|
323
|
-
|
|
324
|
-
const NavigationAvatar = class {
|
|
325
|
-
constructor(hostRef) {
|
|
326
|
-
registerInstance(this, hostRef);
|
|
327
|
-
this.currentAvatar = undefined;
|
|
328
|
-
this.afIsLoggedIn = true;
|
|
329
|
-
this.afSrc = undefined;
|
|
330
|
-
this.afAlt = undefined;
|
|
331
|
-
this.afShowPlaceholderImage = undefined;
|
|
332
|
-
this.afHideImage = false;
|
|
333
|
-
this.afName = undefined;
|
|
334
|
-
this.afHideName = false;
|
|
335
|
-
this.afSignature = undefined;
|
|
336
|
-
this.afHideSignature = false;
|
|
337
|
-
this.afUserPlacerholder = 'Inloggad';
|
|
338
|
-
this.afPlacerholderTitle = '';
|
|
339
|
-
this.afHideUser = false;
|
|
340
|
-
}
|
|
341
|
-
setCurrentLoginName() {
|
|
342
|
-
if (!this.afHideName && !this.afHideSignature) {
|
|
343
|
-
return this.afName + ' (' + this.afSignature + ')';
|
|
344
|
-
}
|
|
345
|
-
if (!this.afHideSignature) {
|
|
346
|
-
return this.afSignature;
|
|
347
|
-
}
|
|
348
|
-
if (!this.afHideName) {
|
|
349
|
-
return this.afName;
|
|
350
|
-
}
|
|
351
|
-
if (this.afHideUser) {
|
|
352
|
-
return this.afUserPlacerholder;
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
setAvatarPlaceholder(name) {
|
|
356
|
-
const { AvatarPlaceholderComponent } = avatarPlaceholder[name];
|
|
357
|
-
this.currentAvatar = AvatarPlaceholderComponent;
|
|
358
|
-
}
|
|
359
|
-
componentWillLoad() {
|
|
360
|
-
this.getAvatar();
|
|
361
|
-
}
|
|
362
|
-
getAvatar() {
|
|
363
|
-
if (this.afIsLoggedIn) {
|
|
364
|
-
return this.setAvatarPlaceholder('avatar-logged-in');
|
|
365
|
-
}
|
|
366
|
-
else {
|
|
367
|
-
return this.setAvatarPlaceholder('avatar-logged-out');
|
|
368
|
-
}
|
|
369
|
-
}
|
|
370
|
-
render() {
|
|
371
|
-
if (this.afShowPlaceholderImage) {
|
|
372
|
-
this.afHideImage = true;
|
|
373
|
-
}
|
|
374
|
-
return (h("div", { key: '263ff956649e16808df995770e8587f3024ef939', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: '96454ff51324f790755e60156a886328c93ed7f9', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h("span", { key: 'a5f384149f42c074c5a53a70cdd9005c83f62c03', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: '526e60574c1e4ad62e32c99639f9fa3d0937f598' }, h("title", { key: '47a398d1f2eab571090a52773dc28e9c0ccc0a74' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: 'f9ca3151f1cde4293bf768c4688a6624d12724ec', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: 'a80d89feb830427cf1273efd1d51a9d222bfe7de', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: '83400b4082e64521551fa1ac987b7efc9460a709' }, h("title", { key: '5f2b700dd679b352eaa3c9e875de30c3e935d525' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'b89927a758131f5976b889f8efeb3b67b330da47' })));
|
|
375
|
-
}
|
|
376
|
-
};
|
|
377
|
-
NavigationAvatar.style = DigiHeaderAvatarStyle0;
|
|
378
|
-
|
|
379
|
-
const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
|
|
380
|
-
const DigiHeaderNavigationStyle0 = headerNavigationCss;
|
|
381
|
-
|
|
382
|
-
const HeaderNavigation = class {
|
|
383
|
-
constructor(hostRef) {
|
|
384
|
-
registerInstance(this, hostRef);
|
|
385
|
-
this.afOnClose = createEvent(this, "afOnClose", 7);
|
|
386
|
-
this.afOnEsc = createEvent(this, "afOnEsc", 7);
|
|
387
|
-
this.afOnBackdropClick = createEvent(this, "afOnBackdropClick", 7);
|
|
388
|
-
this.afOnToggle = createEvent(this, "afOnToggle", 7);
|
|
389
|
-
this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
|
|
390
|
-
this.focusableElements = [];
|
|
391
|
-
this.isMobile = undefined;
|
|
392
|
-
this.isVisible = undefined;
|
|
393
|
-
this.afCloseButtonText = undefined;
|
|
394
|
-
this.afNavAriaLabel = undefined;
|
|
395
|
-
this.afCloseButtonAriaLabel = undefined;
|
|
396
|
-
this.afFocusableElement = undefined;
|
|
397
|
-
this.afCloseFocusableElement = undefined;
|
|
398
|
-
this.afActive = false;
|
|
399
|
-
this.afBackdrop = true;
|
|
400
|
-
this.afCentered = HeaderCenterContentWidth.DEFAULT;
|
|
401
|
-
}
|
|
402
|
-
//private _observer: any;
|
|
403
|
-
enablePageScroll() {
|
|
404
|
-
document.body.style.height = '';
|
|
405
|
-
document.body.style.overflowY = '';
|
|
406
|
-
document.body.style.paddingRight = '';
|
|
407
|
-
}
|
|
408
|
-
disablePageScroll() {
|
|
409
|
-
document.body.style.height = '100vh';
|
|
410
|
-
document.body.style.overflowY = 'hidden';
|
|
411
|
-
}
|
|
412
|
-
toggleHandler(e) {
|
|
413
|
-
const element = e.target;
|
|
414
|
-
this._closeFocusableElement = element.querySelector('.digi-navigation-sidebar-button button');
|
|
415
|
-
if (element.matches('digi-navigation-sidebar-button')) {
|
|
416
|
-
this.afActive = true;
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
get shouldUseFocusTrap() {
|
|
420
|
-
return this.isMobile && this.focusableElements.length > 0;
|
|
421
|
-
}
|
|
422
|
-
closeHandler(e) {
|
|
423
|
-
this.afActive = false;
|
|
424
|
-
this.afOnClose.emit(e);
|
|
425
|
-
}
|
|
426
|
-
escHandler(e) {
|
|
427
|
-
if (this.isMobile) {
|
|
428
|
-
this.afActive = false;
|
|
429
|
-
this.afOnClose.emit(e);
|
|
430
|
-
}
|
|
431
|
-
}
|
|
432
|
-
tabHandler(e) {
|
|
433
|
-
if (this.shouldUseFocusTrap) {
|
|
434
|
-
if (document.activeElement === this.lastFocusableEl) {
|
|
435
|
-
e.detail.preventDefault();
|
|
436
|
-
this.firstFocusableEl.focus();
|
|
437
|
-
}
|
|
438
|
-
}
|
|
439
|
-
}
|
|
440
|
-
backdropClickHandler(e) {
|
|
441
|
-
this.afActive = false;
|
|
442
|
-
this.afOnClose.emit(e);
|
|
443
|
-
}
|
|
444
|
-
shiftHandler(e) {
|
|
445
|
-
if (this.shouldUseFocusTrap) {
|
|
446
|
-
if (document.activeElement === this.firstFocusableEl) {
|
|
447
|
-
e.detail.preventDefault();
|
|
448
|
-
this.lastFocusableEl.focus();
|
|
449
|
-
}
|
|
450
|
-
}
|
|
451
|
-
}
|
|
452
|
-
clickHandler(e) {
|
|
453
|
-
// If clicking on toggle button, refresh the focusable items list
|
|
454
|
-
// with the new sub level of items
|
|
455
|
-
if (this.shouldUseFocusTrap) {
|
|
456
|
-
const el = e.detail.target;
|
|
457
|
-
if (el.tagName.toLowerCase() === 'button') {
|
|
458
|
-
setTimeout(() => {
|
|
459
|
-
this.getFocusableItems();
|
|
460
|
-
}, 100);
|
|
461
|
-
}
|
|
462
|
-
}
|
|
463
|
-
}
|
|
464
|
-
setMobileView(isMobile) {
|
|
465
|
-
isMobile && this.afActive
|
|
466
|
-
? (this.disablePageScroll(), this.getFocusableItems())
|
|
467
|
-
: this.enablePageScroll();
|
|
468
|
-
}
|
|
469
|
-
breakpointChange(e) {
|
|
470
|
-
this.isVisible = false;
|
|
471
|
-
const element = e.target;
|
|
472
|
-
const type = element.nodeName;
|
|
473
|
-
if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
|
|
474
|
-
this.isMobile =
|
|
475
|
-
e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
|
|
476
|
-
}
|
|
477
|
-
if (this.isMobile) {
|
|
478
|
-
setTimeout(() => {
|
|
479
|
-
this.isVisible = true;
|
|
480
|
-
}, 100);
|
|
481
|
-
}
|
|
482
|
-
else {
|
|
483
|
-
this.isVisible = true;
|
|
484
|
-
}
|
|
485
|
-
}
|
|
486
|
-
componentDidLoad() {
|
|
487
|
-
const transition = this._wrapper;
|
|
488
|
-
transition.addEventListener('transitionend', () => {
|
|
489
|
-
this.getFocusableItems();
|
|
490
|
-
this.setFocus();
|
|
491
|
-
});
|
|
492
|
-
}
|
|
493
|
-
getFocusableItems() {
|
|
494
|
-
const allElements = this._wrapper.querySelectorAll(this._focusableElementsSelectors);
|
|
495
|
-
// Filters out visible items
|
|
496
|
-
this.focusableElements = Array.prototype.slice
|
|
497
|
-
.call(allElements)
|
|
498
|
-
.filter(function (item) {
|
|
499
|
-
return item.offsetParent !== null;
|
|
500
|
-
});
|
|
501
|
-
// Sets first and last focusable element
|
|
502
|
-
if (this.focusableElements.length > 0) {
|
|
503
|
-
this.firstFocusableEl = this.focusableElements[0];
|
|
504
|
-
this.lastFocusableEl = this.focusableElements[this.focusableElements.length - 1];
|
|
505
|
-
}
|
|
506
|
-
}
|
|
507
|
-
setFocus() {
|
|
508
|
-
if (this.afActive) {
|
|
509
|
-
let el;
|
|
510
|
-
const firstNavLink = this.firstFocusableEl;
|
|
511
|
-
if (this.afFocusableElement) {
|
|
512
|
-
el = this.hostElement.querySelector(`${this.afFocusableElement}`);
|
|
513
|
-
}
|
|
514
|
-
else {
|
|
515
|
-
el = firstNavLink;
|
|
516
|
-
}
|
|
517
|
-
if (el) {
|
|
518
|
-
el.focus();
|
|
519
|
-
}
|
|
520
|
-
}
|
|
521
|
-
else {
|
|
522
|
-
if (this.afCloseFocusableElement) {
|
|
523
|
-
const el = document.querySelector(`${this.afCloseFocusableElement}`);
|
|
524
|
-
el.focus();
|
|
525
|
-
}
|
|
526
|
-
else if (this._closeFocusableElement) {
|
|
527
|
-
const el = this._closeFocusableElement;
|
|
528
|
-
el.focus();
|
|
529
|
-
}
|
|
530
|
-
}
|
|
531
|
-
}
|
|
532
|
-
get cssModifiers() {
|
|
533
|
-
return {
|
|
534
|
-
'digi-header-navigation--open': this.afActive,
|
|
535
|
-
'digi-header-navigation--mobile': this.isMobile,
|
|
536
|
-
'digi-header-navigation--visible': this.isVisible,
|
|
537
|
-
'digi-header-navigation--centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT
|
|
538
|
-
};
|
|
539
|
-
}
|
|
540
|
-
render() {
|
|
541
|
-
return (h("div", { key: 'e4e7695d89401721d59e38f8eb142f1a9f595fab', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '559643977784b181f3637c8975bb6e006b6bc2f6', onAfOnChange: (e) => (this.isMobile =
|
|
542
|
-
e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: 'bf73f58461b128726c8e14500f2319b419da549f', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '02ebe20f0f0f381d260946a801719699bd3370e0' }, this.isMobile && (h("div", { key: 'a35fce6e4d3e0b702576ef41ba461f3cb7b9ec28', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'c38f7101c0e9229841b7d0c00e1e02f812efac39', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
|
|
543
|
-
this._wrapper = el;
|
|
544
|
-
} }, this.isMobile && (h("digi-button", { key: 'e58f51aa2409be7b434d31d0de3ab631b24093b1', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, h("digi-icon-x", { key: '9c0626935bf4b0411f5055d415c20ec3273a0da4', slot: "icon-secondary" }))), this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))) : (h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))))))));
|
|
545
|
-
}
|
|
546
|
-
get hostElement() { return getElement(this); }
|
|
547
|
-
static get watchers() { return {
|
|
548
|
-
"isMobile": ["setMobileView"]
|
|
549
|
-
}; }
|
|
550
|
-
};
|
|
551
|
-
HeaderNavigation.style = DigiHeaderNavigationStyle0;
|
|
552
|
-
|
|
553
|
-
const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
|
|
554
|
-
const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;
|
|
555
|
-
|
|
556
|
-
const HeaderNavigationItem = class {
|
|
557
|
-
constructor(hostRef) {
|
|
558
|
-
registerInstance(this, hostRef);
|
|
559
|
-
this.afCurrentPage = undefined;
|
|
560
|
-
}
|
|
561
|
-
get cssModifiers() {
|
|
562
|
-
return {
|
|
563
|
-
'digi-header-navigation-item--active': this.afCurrentPage,
|
|
564
|
-
'digi-header-navigation-item-indicator--active': this.afCurrentPage
|
|
565
|
-
};
|
|
566
|
-
}
|
|
567
|
-
render() {
|
|
568
|
-
return (h("div", { key: '341d978e1ef5c809cf602b54e4e0e184b00b836a', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'a8e11402dc43a6adeddf2d009e8a53a797649622' }), h("div", { key: 'd9c9b92ddf8e9364234421bf56beb93366da7567', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
|
|
569
|
-
}
|
|
570
|
-
};
|
|
571
|
-
HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;
|
|
572
|
-
|
|
573
|
-
const headerNotificationCss = ".sc-digi-header-notification-h .digi-header-notification.sc-digi-header-notification{--digi--header-notification--font-family:var(--digi--global--typography--font-family--default);--digi--header-notification--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-notification--color:var(--digi--color--text--primary);--digi--header-notification--color-hover:var(--digi--color--text--interactive--primary);--digi--header-notification--color-active:var(--digi--color--text--interactive--primary);display:flex;position:relative;align-items:center;font-family:\"Open Sans\"}.sc-digi-header-notification-h .digi-header-notification__number.sc-digi-header-notification{background-color:var(--digi--color--background--notification);color:var(--digi--color--text--secondary--light);padding:2px;z-index:5;font-size:12px;line-height:normal;font-weight:600;border-radius:10px;padding:1px 6px;position:absolute;top:-12px;left:20px;letter-spacing:0.5px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h .sc-digi-header-notification-s>a{display:flex;position:relative;align-items:center;margin-right:8px;text-decoration:none;color:var(--digi--header-notification--color);font-family:var(--digi--header-notification--font-family);font-size:var(--digi--header-notification--font-size)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a [class*=digi-icon]:not(svg),.sc-digi-header-notification-h .sc-digi-header-notification-s>a [class*=digi-icon]:not(svg){height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--color--background--interactive--default--tertiary);justify-content:center;border-radius:100%;margin-right:8px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a svg{--digi--icon--width:1rem;--digi--icon--height:1rem}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{color:var(--digi--header-notification--color-hover);text-decoration:underline}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active svg{color:var(--digi--color--text--primary)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
|
|
574
|
-
const DigiHeaderNotificationStyle0 = headerNotificationCss;
|
|
575
|
-
|
|
576
|
-
const HeaderNotification = class {
|
|
577
|
-
constructor(hostRef) {
|
|
578
|
-
registerInstance(this, hostRef);
|
|
579
|
-
this.afNotificationAmount = undefined;
|
|
580
|
-
}
|
|
581
|
-
render() {
|
|
582
|
-
return (h("div", { key: '09b98b8c03390654e580cae1c2ae1becb1ced0fd', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '070b143dfb2d2fe760d52649f2eef55a5383b2d6', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
|
|
583
|
-
? this.afNotificationAmount
|
|
584
|
-
: '+99')), h("slot", { key: '76d0edbd756942295385457529138f258b71080c' })));
|
|
585
|
-
}
|
|
586
|
-
};
|
|
587
|
-
HeaderNotification.style = DigiHeaderNotificationStyle0;
|
|
588
|
-
|
|
589
|
-
const iconAccessibilityUniversalCss = ".sc-digi-icon-accessibility-universal-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-accessibility-universal-h svg.sc-digi-icon-accessibility-universal{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)}";
|
|
590
|
-
const DigiIconAccessibilityUniversalStyle0 = iconAccessibilityUniversalCss;
|
|
591
|
-
|
|
592
|
-
const IconAccessibilityUniversal = class {
|
|
593
|
-
constructor(hostRef) {
|
|
594
|
-
registerInstance(this, hostRef);
|
|
595
|
-
this.afTitle = undefined;
|
|
596
|
-
this.afDesc = undefined;
|
|
597
|
-
this.afSvgAriaHidden = true;
|
|
598
|
-
this.afSvgAriaLabelledby = undefined;
|
|
599
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
600
|
-
}
|
|
601
|
-
render() {
|
|
602
|
-
return (h("svg", { key: 'e74bbea7350fa9289a85f9450543e8bd87b2c7bc', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
603
|
-
? this.afSvgAriaLabelledby
|
|
604
|
-
: this.afTitle
|
|
605
|
-
? this.titleId
|
|
606
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '0a55a02961af9db1a6883d0af1557b8809c35a1e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '09444b004ba00c48cc01c6bf16f2aefe437d1aea' }, this.afDesc), h("path", { key: '4b77643d3bb076dd34e75dd19b4d3b00f3d91e41', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
607
|
-
}
|
|
608
|
-
};
|
|
609
|
-
IconAccessibilityUniversal.style = DigiIconAccessibilityUniversalStyle0;
|
|
610
|
-
|
|
611
|
-
const iconBarsCss = ".sc-digi-icon-bars-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-bars-h svg.sc-digi-icon-bars{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)}";
|
|
612
|
-
const DigiIconBarsStyle0 = iconBarsCss;
|
|
613
|
-
|
|
614
|
-
const IconBars = class {
|
|
615
|
-
constructor(hostRef) {
|
|
616
|
-
registerInstance(this, hostRef);
|
|
617
|
-
this.afTitle = undefined;
|
|
618
|
-
this.afDesc = undefined;
|
|
619
|
-
this.afSvgAriaHidden = true;
|
|
620
|
-
this.afSvgAriaLabelledby = undefined;
|
|
621
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
622
|
-
}
|
|
623
|
-
render() {
|
|
624
|
-
return (h("svg", { key: '7dc0c9f8048a3b30aaf2143c82b2f0366ccdfa83', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
625
|
-
? this.afSvgAriaLabelledby
|
|
626
|
-
: this.afTitle
|
|
627
|
-
? this.titleId
|
|
628
|
-
: undefined }, this.afTitle && h("title", { key: 'f535e8b2c1adc3cb25b69715516cd070910fa7e5', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0334d350007035ab9b3025a3b50b89fa0076d1ee' }, this.afDesc), h("path", { key: '8387fd4576eddbf0ae0d43c11b5a6b2811e266fb', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
629
|
-
}
|
|
630
|
-
};
|
|
631
|
-
IconBars.style = DigiIconBarsStyle0;
|
|
632
|
-
|
|
633
|
-
const iconBellFilledCss = ".sc-digi-icon-bell-filled-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-bell-filled-h svg.sc-digi-icon-bell-filled{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)}";
|
|
634
|
-
const DigiIconBellFilledStyle0 = iconBellFilledCss;
|
|
635
|
-
|
|
636
|
-
const IconBellFilled = class {
|
|
637
|
-
constructor(hostRef) {
|
|
638
|
-
registerInstance(this, hostRef);
|
|
639
|
-
this.afTitle = undefined;
|
|
640
|
-
this.afDesc = undefined;
|
|
641
|
-
this.afSvgAriaHidden = true;
|
|
642
|
-
this.afSvgAriaLabelledby = undefined;
|
|
643
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
644
|
-
}
|
|
645
|
-
render() {
|
|
646
|
-
return (h("svg", { key: '5e2a17ce1dfb69440a0b81f54d09c8f004060832', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
647
|
-
? this.afSvgAriaLabelledby
|
|
648
|
-
: this.afTitle
|
|
649
|
-
? this.titleId
|
|
650
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'cc392e3818738b235726b47dfc5ecf03f9a3d09a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '14c6a0831afa0e8137109bd8ff9ad63adb255ace' }, this.afDesc), h("path", { key: 'cae066c44eca47b6cde2ba3e977447fe463c6166', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
651
|
-
}
|
|
652
|
-
};
|
|
653
|
-
IconBellFilled.style = DigiIconBellFilledStyle0;
|
|
654
|
-
|
|
655
|
-
const iconEnvelopeCss = ".sc-digi-icon-envelope-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-envelope-h svg.sc-digi-icon-envelope{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)}";
|
|
656
|
-
const DigiIconEnvelopeStyle0 = iconEnvelopeCss;
|
|
657
|
-
|
|
658
|
-
const IconEnvelope = class {
|
|
659
|
-
constructor(hostRef) {
|
|
660
|
-
registerInstance(this, hostRef);
|
|
661
|
-
this.afTitle = undefined;
|
|
662
|
-
this.afDesc = undefined;
|
|
663
|
-
this.afSvgAriaHidden = true;
|
|
664
|
-
this.afSvgAriaLabelledby = undefined;
|
|
665
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
666
|
-
}
|
|
667
|
-
render() {
|
|
668
|
-
return (h("svg", { key: 'f92a2b27b17aed1bef4a021c7fff4b89d8df3365', class: "digi-icon-envelope", width: "26", height: "19", viewBox: "0 0 26 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
669
|
-
? this.afSvgAriaLabelledby
|
|
670
|
-
: this.afTitle
|
|
671
|
-
? this.titleId
|
|
672
|
-
: undefined }, this.afTitle && h("title", { key: '5048aede82b13d9f652e245a6bf4de3db4c09936', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'edaa81d4b3c7f227935c63c3d6815c9bf6a3f407' }, this.afDesc), h("path", { key: '47f5e21f6e14c1d272dff393bcb7a7944c51df19', class: "digi-icon-envelope__shape", d: "M23.563 0H2.438C1.09 0 0 1.063 0 2.375v14.25C0 17.937 1.091 19 2.438 19h21.125C24.909 19 26 17.937 26 16.625V2.375C26 1.063 24.909 0 23.562 0zm0 2.375v2.019c-1.14.903-2.954 2.308-6.835 5.269-.855.655-2.55 2.23-3.728 2.212-1.179.018-2.873-1.557-3.728-2.212-3.88-2.96-5.696-4.365-6.835-5.269V2.375h21.125zM2.438 16.625V7.442c1.163.903 2.813 2.17 5.328 4.089 1.11.851 3.054 2.73 5.234 2.719 2.17.011 4.088-1.84 5.233-2.719a859.794 859.794 0 005.33-4.09v9.184H2.438z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
673
|
-
}
|
|
674
|
-
};
|
|
675
|
-
IconEnvelope.style = DigiIconEnvelopeStyle0;
|
|
676
|
-
|
|
677
|
-
const iconExternalLinkAltCss = ".sc-digi-icon-external-link-alt-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-external-link-alt-h svg.sc-digi-icon-external-link-alt{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)}";
|
|
678
|
-
const DigiIconExternalLinkAltStyle0 = iconExternalLinkAltCss;
|
|
679
|
-
|
|
680
|
-
const IconExternalLinkAlt = class {
|
|
681
|
-
constructor(hostRef) {
|
|
682
|
-
registerInstance(this, hostRef);
|
|
683
|
-
this.afTitle = undefined;
|
|
684
|
-
this.afDesc = undefined;
|
|
685
|
-
this.afSvgAriaHidden = true;
|
|
686
|
-
this.afSvgAriaLabelledby = undefined;
|
|
687
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
688
|
-
}
|
|
689
|
-
render() {
|
|
690
|
-
return (h("svg", { key: '9cf4499be369cf9ea1b8af28da106eaaf175f2e3', class: "digi-icon-external-link-alt", width: "29", height: "26", viewBox: "0 0 29 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
691
|
-
? this.afSvgAriaLabelledby
|
|
692
|
-
: this.afTitle
|
|
693
|
-
? this.titleId
|
|
694
|
-
: undefined }, this.afTitle && h("title", { key: '09a91354d1b8aec9e76b112417773b4abd06f3eb', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '952b3abbe4c57d0fb668d794730f86a319da63b3' }, this.afDesc), h("path", { key: '4fd6ba2cd3df63c810f9b5266c031acd551bf32b', class: "digi-icon-external-link-alt__shape", d: "M22.556 12.28v11.283A2.427 2.427 0 0120.139 26H2.417A2.427 2.427 0 010 23.562V5.688A2.427 2.427 0 012.417 3.25h17.117c.538 0 .807.656.427 1.04L18.752 5.51a.602.602 0 01-.427.178H2.72a.303.303 0 00-.302.305v17.266c0 .168.135.305.302.305h17.118a.303.303 0 00.302-.305v-9.76c0-.16.064-.316.177-.43l1.208-1.219a.604.604 0 011.032.431zM28.396 0h-6.847c-.536 0-.807.657-.427 1.04l2.426 2.448L9.844 17.311a.613.613 0 000 .862l1.139 1.149a.6.6 0 00.854 0L25.542 5.499l2.427 2.447A.604.604 0 0029 7.516V.608C29 .273 28.73 0 28.396 0z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
695
|
-
}
|
|
696
|
-
};
|
|
697
|
-
IconExternalLinkAlt.style = DigiIconExternalLinkAltStyle0;
|
|
698
|
-
|
|
699
|
-
const iconGlobeCss = ".sc-digi-icon-globe-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-globe-h svg.sc-digi-icon-globe{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)}";
|
|
700
|
-
const DigiIconGlobeStyle0 = iconGlobeCss;
|
|
701
|
-
|
|
702
|
-
const IconGlobe = class {
|
|
703
|
-
constructor(hostRef) {
|
|
704
|
-
registerInstance(this, hostRef);
|
|
705
|
-
this.afTitle = undefined;
|
|
706
|
-
this.afDesc = undefined;
|
|
707
|
-
this.afSvgAriaHidden = true;
|
|
708
|
-
this.afSvgAriaLabelledby = undefined;
|
|
709
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
710
|
-
}
|
|
711
|
-
render() {
|
|
712
|
-
return (h("svg", { key: '286ecd27c8f70d47b6364f87288ab52ebc6f0d24', class: "digi-icon-globe", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
713
|
-
? this.afSvgAriaLabelledby
|
|
714
|
-
: this.afTitle
|
|
715
|
-
? this.titleId
|
|
716
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '4b002066e990575c0f9b9b9911f817e34a0cd073', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ad66192b7c7de8b11438a625aaeafab6fea6a5c4' }, this.afDesc), h("path", { key: '5d01f8436329436e077fd34eabd52dfaa57fb1d3', class: "digi-icon-globe__shape", d: "M12.5 0C5.596 0 0 5.596 0 12.5S5.596 25 12.5 25 25 19.404 25 12.5 19.404 0 12.5 0zm9.057 8.065h-4.24c-.37-1.886-.973-3.646-1.781-5.182a10.127 10.127 0 016.021 5.182zm.823 6.451h-4.724c.11-1.306.118-2.647 0-4.032h4.724a10.22 10.22 0 010 4.032zm-12.605 0a21.098 21.098 0 01-.002-4.032h5.454a21.098 21.098 0 01-.002 4.032h-5.45zm5.068 2.42c-.472 2.12-1.275 4.027-2.343 5.506-1.068-1.479-1.871-3.387-2.343-5.507h4.686zM2.62 10.483h4.724a23.69 23.69 0 000 4.032H2.62a10.22 10.22 0 010-4.032zm7.53-2.42c.468-2.115 1.27-4.014 2.35-5.507 1.08 1.493 1.882 3.392 2.35 5.508h-4.7zm-.686-5.181c-.808 1.536-1.412 3.296-1.781 5.182h-4.24a10.127 10.127 0 016.02-5.182zM3.443 16.935h4.236c.368 1.89.97 3.645 1.78 5.18a10.127 10.127 0 01-6.016-5.18zm12.099 5.18c.81-1.535 1.411-3.29 1.78-5.18h4.235a10.127 10.127 0 01-6.015 5.18z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
717
|
-
}
|
|
718
|
-
};
|
|
719
|
-
IconGlobe.style = DigiIconGlobeStyle0;
|
|
720
|
-
|
|
721
|
-
const iconSignCss = ".sc-digi-icon-sign-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-sign-h svg.sc-digi-icon-sign{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)}";
|
|
722
|
-
const DigiIconSignStyle0 = iconSignCss;
|
|
723
|
-
|
|
724
|
-
const IconSign = class {
|
|
725
|
-
constructor(hostRef) {
|
|
726
|
-
registerInstance(this, hostRef);
|
|
727
|
-
this.afTitle = undefined;
|
|
728
|
-
this.afDesc = undefined;
|
|
729
|
-
this.afSvgAriaHidden = true;
|
|
730
|
-
this.afSvgAriaLabelledby = undefined;
|
|
731
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
732
|
-
}
|
|
733
|
-
render() {
|
|
734
|
-
return (h("svg", { key: '9c154c540eee751006c0f62238a602b7496b48ae', class: "digi-icon-sign", width: "42", height: "48", viewBox: "0 0 42 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
735
|
-
? this.afSvgAriaLabelledby
|
|
736
|
-
: this.afTitle
|
|
737
|
-
? this.titleId
|
|
738
|
-
: undefined }, this.afTitle && h("title", { key: '5084198402d47b2e8f3d3baca74065a4c7cec20a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd5b3bb7a19f42e562f60bfa0425fa56e4856ba1a' }, this.afDesc), h("defs", { key: 'a45a8be9d10b4781716ad82b3f0a3fa03091ca77' }, h("polygon", { key: '263183c9d4846b2c134d7607dc34987b616cc498', id: "path-1", points: "3 17 42 17 42 48 3 48" })), h("g", { key: '29d3be4438661421b5d7bbb98772e6ecb5f92d3d', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '78d12aec490dc0c8de81630f43547b39247c4fd6', id: "Synk-webbplatsen-8mars-Copy", transform: "translate(-3260.000000, -5769.000000)" }, h("g", { key: 'e5f23cfa588813cfbd6e09cdfc9054537f0d1389', id: "Icon", transform: "translate(3260.000000, 5769.000000)" }, h("path", { key: 'a3d0876f6df720fde82289c779dd248e862be8ab', d: "M24.0851455,0 L24.3815781,0 C24.4124565,0.168720222 24.77466,0.00187814719 24.8262269,0.150251775 C26.7746534,4.78551904 28.7653834,10.3204188 30.8289863,15.1754293 C31.1414756,15.9107239 31.3529926,16.7984615 31.7182839,17.2789541 C32.255568,17.9857635 33.3517509,18.4327626 34.0897444,18.9317237 C34.8913475,19.4738821 35.653735,19.9772256 36.3870968,20.5844932 L36.3870968,26.2189347 L34.386177,26.2189347 C30.0375731,23.5006297 25.4953617,20.0742632 21.1208199,16.9784506 C20.5665528,16.5862308 19.6170422,15.8161905 19.1199001,15.7764364 C17.6287826,15.6574871 16.4899875,17.3731745 16.4520071,18.8565978 C16.3658564,22.2256808 20.031739,24.3038507 21.2690362,26.2189347 L16.5261152,26.2189347 C14.9963997,26.2189347 13.3613889,26.452138 11.8573024,26.2189347 C10.9300243,26.0749435 9.74769069,25.3722034 8.74476053,24.9417947 C6.6410157,24.0390319 4.73303988,23.2304895 2.5937849,22.3123886 C1.40712831,21.8030977 0.341515012,21.3507772 0.22232442,20.2839896 C0.0978845017,19.1705614 0.909368635,18.2436957 1.92681164,18.1804648 C2.74416267,18.1297548 3.73257999,18.7135456 4.52059654,19.0068495 C6.38441627,19.701138 7.48862755,20.072385 9.48584193,20.8098708 C10.0932199,21.0343094 11.5803232,21.871337 11.7831943,21.1103744 C12.0082977,20.2661472 9.61182577,19.4804557 8.96708495,19.1571013 C6.56196702,17.9513308 4.87044872,17.0955218 2.5937849,16.001814 C1.57603311,15.5128697 0.291183234,15.1544566 0,13.8982892 L0,13.2221562 C0.257217003,12.4884267 0.744478024,11.726838 1.70448722,11.6445126 C2.81610932,11.5490401 3.86659221,12.4348995 4.89113724,12.9216527 C7.11808685,13.9799886 8.70214835,14.7528462 10.8938966,15.8515623 C11.5460482,16.1783599 13.5630248,17.4648907 13.9323303,16.9033247 C14.4223704,16.1580133 13.0649563,15.6646866 12.7466001,15.4759328 C9.41945339,13.5038783 7.11839564,12.0883814 4.00183956,10.2171207 C2.75991065,9.47149627 1.16751199,8.91337353 1.1116221,7.51258875 C1.07456803,6.58760126 1.7010906,5.46791251 3.03843374,5.48418979 C4.18062545,5.49796287 5.39599895,6.6595969 6.44740819,7.28721109 C8.66941725,8.61380905 10.6854674,9.79234641 13.0430327,11.1937572 C13.6482491,11.5534224 15.9996387,13.3623912 16.3037908,12.3206456 C16.5227186,11.5703258 14.2083832,10.4471937 13.7841141,10.1419948 C11.7791801,8.69957777 10.0762368,7.42181164 8.15189541,6.010071 C7.2919322,5.37932657 5.83910387,4.67689952 5.70632679,3.53091671 C5.57478484,2.39588976 6.28931082,1.49531819 7.18848959,1.35226598 C8.4035543,1.15912984 8.88062545,1.84465356 9.70816635,2.4040284 C13.0652651,4.67345625 16.5887984,7.07560651 19.9350897,9.31561005 C20.6808028,9.81488418 21.2060443,10.3514082 21.9360095,10.2171207 C23.1359438,9.99675143 22.7629328,8.29295891 22.5288746,6.98670754 C22.3204454,5.82444745 21.8671506,4.38672578 21.9360095,3.15528728 C22.0357467,1.37261257 22.7981342,0.45451162 24.0851455,0", id: "Fill-1", fill: "currentColor" }), h("mask", { key: 'e14a14c6fc9d92cc41feb30003ae33df8e491987', id: "mask-2", fill: "white" }, h("use", { key: 'e16f97c90d309a46620b4eb14fec5b190b777a07', xlinkHref: "#path-1" })), h("g", { key: '86d5fda236a6a8cc04921604293860ff952c511b', id: "Clip-4" }), h("path", { key: 'cd3cf9fdada8d45931efb2fc5e6b6e55767e0b9f', d: "M42,27.4076739 L42,40.8629996 C40.8868282,40.9751299 39.7006462,41.0531875 38.4955126,41.1606715 C37.3804767,41.2604117 36.0961193,41.1866906 35.0655888,41.4580336 C34.3202638,41.6541067 33.5370357,42.5223421 32.7541183,42.9448441 C30.2534429,44.2947442 27.4563773,44.8018086 24.1047452,45.4724221 C20.0080988,46.2920264 15.8685784,47.1178257 11.6526304,48 L10.8324312,48 C9.03482799,47.6351119 8.68313652,45.3240508 10.3104863,44.5059952 C11.4342213,43.9410072 13.4126411,43.7480316 15.2316813,43.3165468 C15.8968504,43.1588829 16.7328944,42.9628098 17.6922789,42.7215128 C18.6286729,42.4867206 19.8350492,42.3560052 19.7800586,41.6810552 C19.7160582,40.8955236 17.8466876,41.3316547 16.8720797,41.4580336 C14.2548987,41.7969025 12.774812,42.0924061 10.3850498,42.4244604 C8.09253097,42.7431954 5.50113652,43.3016787 5.46385474,40.9376499 C5.43154386,38.876249 7.66099436,38.98745 9.71397776,38.7074341 C11.9667294,38.4001599 13.8317505,38.0931954 16.3501348,37.7410072 C17.3586069,37.5997602 19.2957061,37.6044065 19.2581137,36.8489209 C19.2186571,36.0556455 16.9951096,36.4109313 15.8281898,36.4772182 C13.0345417,36.6355016 10.7575569,36.7968825 8.0735794,36.9232614 C5.52723377,37.0431355 2.89451867,37.6564448 3.0032572,35.1390887 C3.09304416,33.0665368 5.70525427,33.2328737 7.84988872,33.1318945 C10.7957708,32.9931255 12.655821,32.818735 15.455372,32.6858513 C16.6673406,32.6285472 18.775936,32.7989109 18.8107323,32.0167866 C18.8480141,31.1785971 16.9006624,31.4220624 15.9027534,31.4220624 C13.1995136,31.4220624 11.435464,31.3133393 8.96834214,31.1990408 C6.6792408,31.0931055 4.42431442,31.41246 4.49452844,29.1918465 C4.56878132,26.8423761 7.56872195,27.3333333 10.1613591,27.3333333 L18.8852959,27.3333333 C20.2535372,27.3333333 22.2726563,27.5981715 22.5389104,26.5899281 C22.8769319,25.310032 21.4185929,24.357544 20.6748213,23.616307 C19.9447198,22.8883893 18.8654122,21.9758593 18.3633509,21.088729 C17.5316565,19.6183353 17.5170545,17.4001998 19.1835501,17 C22.9937481,19.606255 26.648916,22.2840627 30.5917751,24.8800959 C31.5384216,25.5036271 33.5367251,27.140048 34.6182074,27.3333333 C37.0440086,27.7669864 39.4480621,26.9514089 42,27.4076739", id: "Fill-3", fill: "currentColor" }))))));
|
|
739
|
-
}
|
|
740
|
-
};
|
|
741
|
-
IconSign.style = DigiIconSignStyle0;
|
|
742
|
-
|
|
743
|
-
const iconXCss = ".sc-digi-icon-x-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-x-h svg.sc-digi-icon-x{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)}";
|
|
744
|
-
const DigiIconXStyle0 = iconXCss;
|
|
745
|
-
|
|
746
|
-
const IconX = class {
|
|
747
|
-
constructor(hostRef) {
|
|
748
|
-
registerInstance(this, hostRef);
|
|
749
|
-
this.afTitle = undefined;
|
|
750
|
-
this.afDesc = undefined;
|
|
751
|
-
this.afSvgAriaHidden = true;
|
|
752
|
-
this.afSvgAriaLabelledby = undefined;
|
|
753
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
754
|
-
}
|
|
755
|
-
render() {
|
|
756
|
-
return (h("svg", { key: '942ec16bbd14ad227a81a3f45ab4202cdd251363', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
757
|
-
? this.afSvgAriaLabelledby
|
|
758
|
-
: this.afTitle
|
|
759
|
-
? this.titleId
|
|
760
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '72e7038743327dcc63f4d28a66010e1e293e9323', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '2bf2145598f76fc26d0d2fb5c3405bca7595d0eb' }, this.afDesc), h("g", { key: 'a92520dde57c971fb852153ef5efa46e070f887e', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '92adc49eaec1f820a8db670834315d2cdc377d03', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
|
|
761
|
-
}
|
|
762
|
-
};
|
|
763
|
-
IconX.style = DigiIconXStyle0;
|
|
764
|
-
|
|
765
|
-
const layoutBlockCss = ".sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}";
|
|
766
|
-
const DigiLayoutBlockStyle0 = layoutBlockCss;
|
|
767
|
-
|
|
768
|
-
const LayoutBlock = class {
|
|
769
|
-
constructor(hostRef) {
|
|
770
|
-
registerInstance(this, hostRef);
|
|
771
|
-
this._container = LayoutBlockContainer.STATIC;
|
|
772
|
-
this.afVariation = LayoutBlockVariation.PRIMARY;
|
|
773
|
-
this.afContainer = LayoutBlockContainer.STATIC;
|
|
774
|
-
this.afVerticalPadding = undefined;
|
|
775
|
-
this.afMarginTop = undefined;
|
|
776
|
-
this.afMarginBottom = undefined;
|
|
777
|
-
}
|
|
778
|
-
containerChangeHandler() {
|
|
779
|
-
this._container = this.afContainer;
|
|
780
|
-
}
|
|
781
|
-
componentWillLoad() {
|
|
782
|
-
this.containerChangeHandler();
|
|
783
|
-
}
|
|
784
|
-
get cssModifiers() {
|
|
785
|
-
return {
|
|
786
|
-
'digi-layout-block--transparent': this.afVariation === LayoutBlockVariation.TRANSPARENT,
|
|
787
|
-
'digi-layout-block--primary': this.afVariation === LayoutBlockVariation.PRIMARY,
|
|
788
|
-
'digi-layout-block--secondary': this.afVariation === LayoutBlockVariation.SECONDARY,
|
|
789
|
-
'digi-layout-block--tertiary': this.afVariation === LayoutBlockVariation.TERTIARY,
|
|
790
|
-
'digi-layout-block--symbol': this.afVariation === LayoutBlockVariation.SYMBOL,
|
|
791
|
-
'digi-layout-block--profile': this.afVariation === LayoutBlockVariation.PROFILE
|
|
792
|
-
};
|
|
793
|
-
}
|
|
794
|
-
render() {
|
|
795
|
-
return (h("div", { key: '1ae2b7371f08238720ee66d8f0452c7fbf1ec095', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
|
|
796
|
-
}
|
|
797
|
-
static get watchers() { return {
|
|
798
|
-
"afContainer": ["containerChangeHandler"]
|
|
799
|
-
}; }
|
|
800
|
-
};
|
|
801
|
-
LayoutBlock.style = DigiLayoutBlockStyle0;
|
|
802
|
-
|
|
803
|
-
const layoutContainerCss = ".sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
|
|
804
|
-
const DigiLayoutContainerStyle0 = layoutContainerCss;
|
|
805
|
-
|
|
806
|
-
const LayoutContainer = class {
|
|
807
|
-
constructor(hostRef) {
|
|
808
|
-
registerInstance(this, hostRef);
|
|
809
|
-
this._variation = LayoutContainerVariation.STATIC;
|
|
810
|
-
this.afVariation = LayoutContainerVariation.STATIC;
|
|
811
|
-
this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
|
|
812
|
-
this.afNoGutter = undefined;
|
|
813
|
-
this.afVerticalPadding = undefined;
|
|
814
|
-
this.afMarginTop = undefined;
|
|
815
|
-
this.afMarginBottom = undefined;
|
|
816
|
-
}
|
|
817
|
-
variationChangeHandler() {
|
|
818
|
-
this._variation = this.afVariation;
|
|
819
|
-
}
|
|
820
|
-
componentWillLoad() {
|
|
821
|
-
this.variationChangeHandler();
|
|
822
|
-
}
|
|
823
|
-
get cssModifiers() {
|
|
824
|
-
if (this._variation === LayoutContainerVariation.NONE) {
|
|
825
|
-
return {};
|
|
826
|
-
}
|
|
827
|
-
return {
|
|
828
|
-
'digi-layout-container': true,
|
|
829
|
-
'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
|
|
830
|
-
'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
|
|
831
|
-
'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
|
|
832
|
-
'digi-layout-container--no-gutter': this.afNoGutter,
|
|
833
|
-
'digi-layout-container--vertical-padding': this.afVerticalPadding,
|
|
834
|
-
'digi-layout-container--margin-top': this.afMarginTop,
|
|
835
|
-
'digi-layout-container--margin-bottom': this.afMarginBottom
|
|
836
|
-
};
|
|
837
|
-
}
|
|
838
|
-
render() {
|
|
839
|
-
return (h("div", { key: 'c5c995f525db9697284f7891573a62f7bf00e16a', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '571994e8ef260f38adb61ed52814e2da676e669f' })));
|
|
840
|
-
}
|
|
841
|
-
static get watchers() { return {
|
|
842
|
-
"afVariation": ["variationChangeHandler"]
|
|
843
|
-
}; }
|
|
844
|
-
};
|
|
845
|
-
LayoutContainer.style = DigiLayoutContainerStyle0;
|
|
846
|
-
|
|
847
|
-
const linkCss = ".sc-digi-link-h{--digi--link--gap:var(--digi--gutter--medium);--digi--link--color--default:var(--digi--color--text--interactive--primary);--digi--link--color--hover:var(--digi--color--text--interactive--primary);--digi--link--color--visited:var(--digi--color--text--interactive--visited);--digi--link--font-size:var(--digi--typography--link--font-size--desktop);--digi--link--font-family:var(--digi--global--typography--font-family--default);--digi--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link--line-height:var(--digi--typography--link--line-height--desktop);--digi--link--text-decoration--default:none;--digi--link--text-decoration--hover:underline;--digi--link--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link--text-decoration--icon--hover:underline;--digi--link--text-decoration-thickness:0.156em;--digi--link--text-underline-offset:3px;--COLOR:var(--digi--link--color--default);--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--default);position:relative}.sc-digi-link-h:focus-visible{outline:none}.digi-link--has-icon.sc-digi-link-h{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--icon--default)}.digi-link--has-icon.sc-digi-link-h:focus,.digi-link--has-icon.sc-digi-link-h:hover{--digi--link--text-decoration--hover:var(--digi--link--text-decoration--icon--hover)}.sc-digi-link-h a.sc-digi-link:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-h a.sc-digi-link:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-s>a{font-family:var(--digi--link--font-family);font-size:var(--digi--link--font-size);font-weight:var(--digi--link--font-weight);line-height:var(--digi--link--line-height);color:var(--COLOR);text-decoration:var(--LINK-TEXT-DECORATION);display:inline-flex;gap:var(--digi--link--gap);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-s>a:hover{cursor:pointer}.sc-digi-link-s>a:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover)}.sc-digi-link-s>a:visited{color:var(--digi--link--color--visited)}.sc-digi-link-s>a:visited svg{color:var(--digi--link--color--visited)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited .sc-digi-link-s>a:visited{color:var(--digi--link--color--default)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited.sc-digi-link-s>a:visited svg,.digi-link--hide-visited .sc-digi-link-s>a:visited svg{color:var(--digi--link--color--default)}.sc-digi-link-s>a [class*=digi-icon],.sc-digi-link-s>a [slot^=icon]{--digi--icon--color:var(--COLOR);--digi--icon--height:1em;--digi--icon--width:1em}";
|
|
848
|
-
const DigiLinkStyle0 = linkCss;
|
|
849
|
-
|
|
850
|
-
const Link = class {
|
|
851
|
-
constructor(hostRef) {
|
|
852
|
-
registerInstance(this, hostRef);
|
|
853
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
854
|
-
this.afOnReady = createEvent(this, "afOnReady", 3);
|
|
855
|
-
this.hasIcon = undefined;
|
|
856
|
-
this.relation = undefined;
|
|
857
|
-
this.afHref = undefined;
|
|
858
|
-
this.afDescribedby = undefined;
|
|
859
|
-
this.afAriaLabel = undefined;
|
|
860
|
-
this.afTarget = undefined;
|
|
861
|
-
this.afOverrideLink = false;
|
|
862
|
-
this.afLinkContainer = false;
|
|
863
|
-
this.hideVisitedColor = undefined;
|
|
864
|
-
this.afDownload = undefined;
|
|
865
|
-
}
|
|
866
|
-
async afMGetLinkElement() {
|
|
867
|
-
if (this.afLinkContainer) {
|
|
868
|
-
return this.hostElement.children.length > 0
|
|
869
|
-
? this.hostElement.children.item(0)
|
|
870
|
-
: undefined;
|
|
871
|
-
}
|
|
872
|
-
return this._link;
|
|
873
|
-
}
|
|
874
|
-
clickLinkHandler(e) {
|
|
875
|
-
if (this.afOverrideLink) {
|
|
876
|
-
e.preventDefault();
|
|
877
|
-
}
|
|
878
|
-
this.afOnClick.emit(e);
|
|
879
|
-
}
|
|
880
|
-
setRel() {
|
|
881
|
-
var _a;
|
|
882
|
-
this.relation =
|
|
883
|
-
((_a = this.afTarget) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === '_blank' ? 'noopener noreferrer' : null;
|
|
884
|
-
}
|
|
885
|
-
setHasIcon() {
|
|
886
|
-
this.hasIcon = !!this.hostElement.querySelector('[slot="icon"]');
|
|
887
|
-
}
|
|
888
|
-
componentWillLoad() {
|
|
889
|
-
this.setHasIcon();
|
|
890
|
-
this.setRel();
|
|
891
|
-
}
|
|
892
|
-
componentWillUpdate() {
|
|
893
|
-
this.setHasIcon();
|
|
894
|
-
this.setRel();
|
|
895
|
-
}
|
|
896
|
-
componentDidLoad() {
|
|
897
|
-
this.afOnReady.emit();
|
|
898
|
-
}
|
|
899
|
-
get cssModifiers() {
|
|
900
|
-
return {
|
|
901
|
-
'digi-link--has-icon': this.hasIcon,
|
|
902
|
-
'digi-link--hide-visited': this.hideVisitedColor
|
|
903
|
-
};
|
|
904
|
-
}
|
|
905
|
-
render() {
|
|
906
|
-
return (h(Host, { key: 'd4955d115e6943c86d1af4edc7bc9ab806db74ac', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '29204641d98ec78ba4dcb786972b250907d318dc', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: 'b983a1ebef256bb4eb416e6e25ef302c61a79956', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: 'ec1f818a869cfeea0613acc7f582a02f27a37c46', name: "icon" }))), h("slot", { key: 'e95b687ffc6908b5d8f0b84d19c84f059865b4b5' }))), this.afLinkContainer && h("slot", { key: '01aa827b552600745df8ee55fb8141f8d0991ac1' })));
|
|
907
|
-
}
|
|
908
|
-
get hostElement() { return getElement(this); }
|
|
909
|
-
static get watchers() { return {
|
|
910
|
-
"afTarget": ["setRel"]
|
|
911
|
-
}; }
|
|
912
|
-
};
|
|
913
|
-
Link.style = DigiLinkStyle0;
|
|
914
|
-
|
|
915
|
-
const logoCss = ".sc-digi-logo-h{--digi--logo--img--min-width:16rem;--digi--logo--img--max-width:18.25rem;--digi--logo--img--max-width--large:23rem;--digi--logo--img--max-width--system:2.75rem;--digi--logo--padding:1.375rem;--digi--logo--padding--wide:var(--digi--gutter--larger);--digi--logo--padding--large:var(--digi--gutter--medium);--digi--logo--padding--large--wide:var(--digi--gutter--larger);--digi--logo--primary--symbol:var(--digi--color--logotype--primary--symbol);--digi--logo--secondary--symbol:var(--digi--color--logotype--secondary--symbol);--digi--logo--primary--text:var(--digi--color--logotype--primary--text);--digi--logo--secondary--text:var(--digi--color--logotype--secondary--text)}.sc-digi-logo-h .digi-logo.sc-digi-logo{display:flex;align-items:center;padding-top:var(--digi--logo--padding);padding-right:var(--digi--logo--padding);padding-bottom:var(--digi--logo--padding);padding-left:0}.sc-digi-logo-h .digi-logo.sc-digi-logo .main-symbol.sc-digi-logo{fill:var(--COLOR--SYMBOL)}.sc-digi-logo-h .digi-logo__img.sc-digi-logo{display:flex}.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{fill:var(--COLOR--TEXT);width:100%;height:auto;max-width:var(--digi--logo--img--max-width)}.sc-digi-logo-h .digi-logo--primary.sc-digi-logo{--COLOR--SYMBOL:var(--digi--logo--primary--symbol);--COLOR--TEXT:var(--digi--logo--primary--text)}.sc-digi-logo-h .digi-logo--secondary.sc-digi-logo{--COLOR--SYMBOL:var(--digi--logo--secondary--symbol);--COLOR--TEXT:var(--digi--logo--secondary--text)}.sc-digi-logo-h .digi-logo--only-symbol.sc-digi-logo .digi-logo__img.sc-digi-logo{flex-shrink:0}.sc-digi-logo-h .digi-logo--full-logo.sc-digi-logo svg.sc-digi-logo{min-width:var(--digi--logo--img--min-width)}@media (min-width: 61.9375rem){.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(--digi--logo--img--max-width--large)}}";
|
|
916
|
-
const DigiLogoStyle0 = logoCss;
|
|
917
|
-
|
|
918
|
-
const Logo = class {
|
|
919
|
-
constructor(hostRef) {
|
|
920
|
-
registerInstance(this, hostRef);
|
|
921
|
-
this.isMobile = undefined;
|
|
922
|
-
this.relation = undefined;
|
|
923
|
-
this.afOnlySymbol = undefined;
|
|
924
|
-
this.afColor = LogoColor.PRIMARY;
|
|
925
|
-
this.afTitle = 'Arbetsförmedlingen';
|
|
926
|
-
this.afDesc = undefined;
|
|
927
|
-
this.afSvgAriaHidden = undefined;
|
|
928
|
-
this.afTitleId = randomIdGenerator('digi-logo__title');
|
|
929
|
-
}
|
|
930
|
-
/**
|
|
931
|
-
* Till dess afVariation är helt utfasad, använd afOnlySymbol i första hand
|
|
932
|
-
* men om den inte är satt, fall tillbaks på afVariation om den är satt
|
|
933
|
-
*/
|
|
934
|
-
get isOnlySymbol() {
|
|
935
|
-
if (typeof this.afOnlySymbol !== 'undefined') {
|
|
936
|
-
return this.afOnlySymbol;
|
|
937
|
-
}
|
|
938
|
-
return false;
|
|
939
|
-
}
|
|
940
|
-
get cssModifiers() {
|
|
941
|
-
return {
|
|
942
|
-
'digi-logo': true,
|
|
943
|
-
'digi-logo--only-symbol': this.isOnlySymbol,
|
|
944
|
-
'digi-logo--full-logo': !this.isOnlySymbol,
|
|
945
|
-
'digi-logo--primary': this.afColor === LogoColor.PRIMARY,
|
|
946
|
-
'digi-logo--secondary': this.afColor === LogoColor.SECONDARY
|
|
947
|
-
};
|
|
948
|
-
}
|
|
949
|
-
render() {
|
|
950
|
-
return (h("div", { key: 'd757be93fe7cdbc847a2d41adb46856bfda72a36', class: Object.assign({}, this.cssModifiers) }, h("div", { key: '42f9d1908e9faa8daa1f9e74cbb9679979506b68', class: "digi-logo__img" }, this.isOnlySymbol && (h("svg", { key: 'd7d72a1458885922e7a678873bc52d8268816e81', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": this.afTitle ? this.afTitleId : null, "aria-hidden": this.afSvgAriaHidden && 'true', role: "img" }, this.afTitle && (h("title", { key: '7950bb28e1b890c6011e002b58a8b15d937b9763', id: this.afTitleId }, this.afTitle)), this.afDesc && h("desc", { key: 'ee8dc7276730c6870de3458d67d43699b3f9979a' }, this.afDesc), h("path", { key: '454d6e78974763b3d3a252013781b15b7f77d654', class: "main-symbol", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z" }))), !this.isOnlySymbol && (h("svg", { key: '3b8a8b5cd478165ed02c2cba3ca806e95b263961', width: "368", height: "44", viewBox: "0 0 368 44", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden && 'true', role: "img" }, this.afTitle && (h("title", { key: '93b36330a76c648535c330f237f3fb09adae4809', id: this.afTitleId }, this.afTitle)), this.afDesc && h("desc", { key: '11cf3461188741d22d9ca92f270d4cfe80b77bbb' }, this.afDesc), h("path", { key: 'adc73c7cfedbb4f7fb0b08499bcfc07756af9566', class: "main-symbol", d: "M15.0078 0C31.0196 0.000130168 44 12.9058 44 28.8262C44 34.3952 42.4074 39.5924 39.6562 44L33.8018 40.1592C35.8218 36.8549 36.9853 32.9757 36.9854 28.8262C36.9854 16.7577 27.1459 6.97474 15.0078 6.97461V0ZM15.0078 13.9043C23.2961 13.9044 30.0156 20.5859 30.0156 28.8262C30.0154 37.0667 23.296 43.7469 15.0078 43.7471C6.71954 43.7471 0.000236897 37.0668 0 28.8262C0 20.5858 6.7194 13.9043 15.0078 13.9043ZM15.0078 20.8545C10.5797 20.8545 6.99023 24.424 6.99023 28.8262C6.99047 33.2286 10.5799 36.7969 15.0078 36.7969C19.4356 36.7967 23.0242 33.2285 23.0244 28.8262C23.0244 24.4241 19.4358 20.8546 15.0078 20.8545Z" }), h("path", { key: '5238bbee8f7e595840b64b923b761b018e304f5a', class: "logo-text", d: "M69.8467 40.2754L71.2441 37.2012L69.2539 32.8271H70.9902L72.0908 35.2949L73.1924 32.8271H74.8857L72.8955 37.1572L74.293 40.2754L77.6387 32.8271H79.459L74.3779 44H74.3359L72.0908 39.0635L69.8467 44L64.7656 32.8271H66.502L69.8467 40.2754ZM145.729 40.3623C145.73 41.4882 146.577 42.4414 147.89 42.4414C149.16 42.4412 150.049 41.4881 150.049 40.3623V32.8271H151.658V40.3623C151.658 42.441 150.218 44 147.932 44C145.56 44 144.12 42.3977 144.12 40.3623V32.8271H145.729V40.3623ZM240.329 32.5674C243.505 32.5674 246.046 35.0786 246.046 38.2832C246.046 41.4446 243.505 43.9999 240.329 44C237.153 44 234.612 41.4446 234.612 38.2832C234.612 35.1219 237.153 32.5674 240.329 32.5674ZM340.01 40.2754L343.355 32.8271H345.133L340.052 44H340.01L334.929 32.8271H336.664L340.01 40.2754ZM288.645 40.0156V32.7832L290.254 32.8271V43.957H290.212L283.437 36.4648V43.7402H281.827V32.5674H281.87L288.645 40.0156ZM87.5469 34.4727H83.3555V37.5469H87.4629V39.1064H83.3555V42.2676H87.5469V43.8271H81.7461V32.9131H87.5469V34.4727ZM199.72 34.4727H195.527V37.5469H199.635V39.1064H195.527V42.2676H199.72V43.8271H193.919V32.9131H199.72V34.4727ZM278.101 34.4727H273.909V37.5469H278.017V39.1064H273.909V42.2676H278.101V43.8271H272.3V32.9131H278.101V34.4727ZM323.156 34.4727H318.964V37.5469H323.071V39.1064H318.964V42.2676H323.156V43.8271H317.355V32.9131H323.156V34.4727ZM368 34.4727H363.808V37.5469H367.915V39.1064H363.808V42.2676H368V43.8271H362.198V32.9131H368V34.4727ZM62.6484 34.4287H59.5996C58.7104 34.4287 57.9903 34.992 57.9902 35.9014C57.9902 36.8108 58.7104 37.374 59.5996 37.374H59.9805C62.2248 37.374 63.2412 38.7602 63.2412 40.5791C63.2411 42.3545 62.0552 43.7832 59.9805 43.7832H56.8047V42.2246H60.0225C60.9116 42.2246 61.6736 41.4884 61.6738 40.5791C61.6738 39.6697 60.9117 38.9326 60.0225 38.9326H59.6416C57.4397 38.9326 56.4238 37.6769 56.4238 35.9014C56.4239 34.1259 57.5668 32.8702 59.6416 32.8701H62.6484V34.4287ZM113.505 34.4287H110.456C109.567 34.4287 108.847 34.992 108.847 35.9014C108.847 36.8108 109.567 37.374 110.456 37.374H110.837C113.081 37.374 114.098 38.7602 114.098 40.5791C114.097 42.3545 112.912 43.7832 110.837 43.7832H107.661V42.2246H110.837C111.726 42.2246 112.488 41.4884 112.488 40.5791C112.488 39.6697 111.726 38.9326 110.837 38.9326H110.456C108.254 38.9326 107.237 37.677 107.237 35.9014C107.237 34.1259 108.381 32.8701 110.456 32.8701H113.505V34.4287ZM158.518 32.8701C160.296 32.8701 161.693 34.1697 161.693 35.9453C161.693 36.9411 161.27 37.7203 160.593 38.2832C161.27 38.7596 161.863 39.626 161.863 40.6221C161.863 42.5709 160.465 43.7832 158.518 43.7832H155.173V32.8701H158.518ZM166.775 42.2676H170.841V43.7832H165.166V32.8701H166.775V42.2676ZM185.407 34.3857H183.798C181.342 34.3858 179.732 35.9453 179.732 38.3271C179.733 40.6655 181.384 42.2245 183.798 42.2246H185.407V43.7832H183.798C180.495 43.7398 178.081 41.4879 178.081 38.2832C178.081 35.0787 180.495 32.8272 183.798 32.8271H185.407V34.3857ZM221.443 32.8271C223.264 32.8273 224.703 34.1698 224.703 35.9453C224.703 37.764 223.264 39.1064 221.485 39.1064H219.707V43.7402L218.098 43.7832V32.8701L221.443 32.8271ZM228.896 42.2676H232.961V43.7832H227.287V32.8701H228.896V42.2676ZM313.374 34.4287H310.326C309.437 34.4287 308.716 34.992 308.716 35.9014C308.716 36.8108 309.437 37.374 310.326 37.374H310.707C312.951 37.3741 313.968 38.7603 313.968 40.5791C313.968 42.3545 312.782 43.7831 310.707 43.7832H307.531L307.488 42.2246H310.707C311.596 42.2245 312.358 41.4883 312.358 40.5791C312.358 39.6697 311.596 38.9327 310.707 38.9326H310.326C308.124 38.9326 307.107 37.677 307.107 35.9014C307.108 34.1259 308.251 32.8701 310.326 32.8701H313.374V34.4287ZM330.312 32.8271C332.091 32.8271 333.531 34.1697 333.531 35.9453C333.531 37.7205 332.134 38.9327 330.355 39.0195L334.081 43.7832H332.134V43.7402L328.407 38.9326V43.7402H326.798V32.8271H330.312ZM359.234 34.3857H357.625C355.169 34.3857 353.561 35.9453 353.561 38.3271C353.561 40.6655 355.212 42.2246 357.625 42.2246H359.234V43.7832H357.625C354.322 43.7399 351.908 41.4879 351.908 38.2832C351.908 35.0786 354.323 32.8271 357.625 32.8271H359.234V34.3857ZM93.8564 32.8271C97.1593 32.8271 99.5731 35.0786 99.5732 38.2832C99.5732 41.4879 97.1594 43.7402 93.8564 43.7402H91.1465V32.8271H93.8564ZM104.104 43.7402H102.495V32.8271H104.104V43.7402ZM118.629 37.5039H123.837V32.8271H125.446V43.7402H123.837V39.0635H118.629V43.7402H117.02V32.8271H118.629V37.5039ZM138.107 32.8271C139.928 32.8271 141.368 34.1697 141.368 35.9453C141.368 37.764 139.928 39.1064 138.149 39.1064H136.371V43.7402H134.763V32.8271H138.107ZM175.244 43.7402H173.635V32.8271H175.244V43.7402ZM208.824 37.1143L214.159 32.6104V43.7402H212.551V35.9453L208.782 39.1494L205.013 35.9453V43.7402H203.446V32.5674H203.488L208.824 37.1143ZM251.127 36.7676L253.414 32.8271H255.192L251.932 38.457V43.7402H250.322V38.457L247.062 32.8271H248.841L251.127 36.7676ZM262.899 37.1143L268.276 32.6104V43.7402H266.668V35.9453L262.899 39.1494L259.13 35.9453V43.7402H257.521V32.5674H257.563L262.899 37.1143ZM299.993 34.3857H297.241V43.7402H295.632V34.3857H292.837V32.8271H299.993V34.3857ZM348.987 43.7402H347.378V32.8271H348.987V43.7402ZM240.328 34.126C237.999 34.1262 236.222 35.9449 236.222 38.2832C236.222 40.6649 237.999 42.4412 240.328 42.4414C242.658 42.4414 244.437 40.6651 244.437 38.2832C244.436 35.9014 242.657 34.126 240.328 34.126ZM156.739 42.2246H158.518C159.407 42.2246 160.254 41.5315 160.254 40.6221C160.254 39.7126 159.449 39.0195 158.518 39.0195H156.739V42.2246ZM92.7979 42.1807H94.123C96.4143 42.1238 97.9639 40.5487 97.9639 38.2832C97.9637 35.9449 96.3128 34.3429 93.8994 34.3428H92.7979V42.1807ZM136.414 37.5469H138.192C139.081 37.5468 139.802 36.8978 139.802 35.9453C139.802 35.0359 139.082 34.3429 138.192 34.3428H136.414V37.5469ZM219.707 37.5469H221.485C222.417 37.5469 223.095 36.8978 223.095 35.9453C223.095 35.0359 222.375 34.3428 221.485 34.3428H219.707V37.5469ZM328.406 37.5469H330.312C331.244 37.5468 331.922 36.8978 331.922 35.9453C331.922 35.0359 331.202 34.3859 330.312 34.3857H328.406V37.5469ZM156.739 37.4609H158.518C159.449 37.4609 160.085 36.8541 160.085 35.9014C160.085 34.992 159.449 34.3857 158.518 34.3857H156.739V37.4609ZM183.163 4.15723C188.202 4.15734 192.31 8.1851 192.31 13.252C192.31 18.3188 188.244 22.3466 183.163 22.3467C178.082 22.3467 174.017 18.3189 174.017 13.252C174.017 8.18503 178.082 4.15723 183.163 4.15723ZM310.58 15.1572V4.54688H313.629V22.3467H313.586L302.746 11.3467V22H299.697V4.20117H299.739L310.58 15.1572ZM364.993 15.1572V4.54688H368V22.3467H367.958L357.117 11.3467V22H354.068V4.20117H354.11L364.993 15.1572ZM72.4297 22H69.127L67.2637 17.7559H61.166L59.2178 22H56L64.1729 4.02734H64.2578L72.4297 22ZM82.8467 4.54688C85.7684 4.54688 88.0975 6.71247 88.0977 9.65723C88.0977 12.6021 85.9805 14.2476 83.3975 14.5508L89.2412 22H85.3877L79.7979 14.6377V22H76.749V4.54688H82.8467ZM100.293 4.54688C103.215 4.54688 105.459 6.71247 105.459 9.65723C105.459 11.1729 104.909 12.3862 103.851 13.209C105.036 13.9453 105.798 15.3741 105.798 16.8896C105.798 19.7912 103.511 22 100.293 22H94.7031V4.54688H100.293ZM138.488 7.44922H134.127V22H131.078V7.44922H126.717V4.54688H138.488V7.44922ZM152.886 7.49219H147.974C146.746 7.49232 145.772 8.27219 145.772 9.57129C145.773 10.8268 146.746 11.4765 147.974 11.4766L148.736 11.5195C151.954 11.5196 153.86 13.2953 153.86 16.7598C153.86 20.0077 151.489 21.9999 148.609 22H143.231V19.0547H148.609C149.837 19.0545 150.812 18.0156 150.812 16.7598C150.811 15.504 149.837 14.5079 148.609 14.5078L147.847 14.4648C144.756 14.4648 142.723 12.819 142.723 9.57129C142.723 6.28007 145.094 4.59094 147.974 4.59082H152.886V7.49219ZM203.7 4.54688C206.622 4.54688 208.951 6.71247 208.951 9.65723C208.951 12.602 206.834 14.2476 204.251 14.5508L210.095 22H206.241L200.651 14.6377V22H197.603V4.54688H203.7ZM224.365 11.8232L233.088 4.15723H233.215V22H230.166V10.6533L224.407 15.8066L218.605 10.6104V22H215.557V4.15723H215.6L224.365 11.8232ZM260.824 4.54688C266.075 4.54692 269.929 8.1416 269.929 13.2949C269.929 18.4051 266.075 22 260.824 22H256.293V4.54688H260.824ZM292.964 22H289.915V4.50391H292.964V22ZM331.244 7.44922H328.322C324.723 7.44931 322.31 9.78746 322.31 13.252C322.31 16.7165 324.723 19.0546 328.322 19.0547H329.508V14.7246H326.925V11.8232H332.515V22H328.322C323.029 21.9999 319.218 18.3618 319.218 13.2949C319.218 8.18494 323.072 4.54697 328.322 4.54688H331.244V7.44922ZM168.893 7.40527L162.371 7.44922V11.7793H168.723V14.6807H162.371V21.957H159.449V4.50391H168.893V7.40527ZM278.144 19.0547H284.537V21.957H275.095V4.50391H278.144V19.0547ZM121.593 7.3623H115.156V11.7793H121.381V14.6807H115.156V19.0117H121.593V21.9131H112.149V4.46094H121.593V7.3623ZM249.434 7.3623H242.997V11.7793H249.222V14.6807H242.997V19.0117H249.434V21.9131H239.99V4.46094H249.434V7.3623ZM348.056 7.3623H341.619V11.7793H347.844V14.6807H341.619V19.0117H348.056V21.9131H338.612V4.46094H348.056V7.3623ZM183.163 7.10254C179.733 7.10254 177.107 9.78739 177.107 13.252C177.107 16.7598 179.733 19.4014 183.163 19.4014C186.551 19.4446 189.218 16.7598 189.218 13.252C189.218 9.74416 186.593 7.10265 183.163 7.10254ZM97.71 19.0547H100.293C101.521 19.0547 102.622 18.1889 102.622 16.8896C102.622 15.6338 101.521 14.6377 100.293 14.6377H97.71V19.0547ZM259.3 19.0547H260.824C264.424 19.0546 266.837 16.7161 266.837 13.2949C266.837 9.83058 264.423 7.49223 260.824 7.49219H259.3V19.0547ZM62.3096 14.9844H66.0781L64.2148 10.2637L62.3096 14.9844ZM79.7979 11.9531H82.7627C83.9904 11.9529 85.0486 10.9567 85.0488 9.70117C85.0488 8.44527 84.0747 7.44922 82.8467 7.44922H79.7979V11.9531ZM200.651 11.9531H203.615C204.843 11.9531 205.902 10.9569 205.902 9.70117C205.902 8.44527 204.928 7.44922 203.7 7.44922H200.651V11.9531ZM97.71 11.7363H100.293C101.521 11.7363 102.41 10.9134 102.41 9.61426C102.41 8.35835 101.521 7.44922 100.293 7.44922H97.71V11.7363ZM177.997 0.0429688C178.929 0.0431503 179.775 0.823389 179.775 1.81934C179.775 2.81507 178.928 3.59455 177.997 3.59473C177.066 3.59473 176.218 2.81519 176.218 1.81934C176.218 0.823273 177.065 0.0429688 177.997 0.0429688ZM188.371 0C189.303 0 190.149 0.779423 190.149 1.77539C190.149 2.77145 189.303 3.55078 188.371 3.55078C187.44 3.55065 186.593 2.81467 186.593 1.77539C186.593 0.77951 187.44 0.000136235 188.371 0Z" }))))));
|
|
951
|
-
}
|
|
952
|
-
};
|
|
953
|
-
Logo.style = DigiLogoStyle0;
|
|
954
|
-
|
|
955
|
-
const mediaImageCss = ".digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}";
|
|
956
|
-
const DigiMediaImageStyle0 = mediaImageCss;
|
|
957
|
-
|
|
958
|
-
const MediaImage = class {
|
|
959
|
-
constructor(hostRef) {
|
|
960
|
-
registerInstance(this, hostRef);
|
|
961
|
-
this.afOnLoad = createEvent(this, "afOnLoad", 7);
|
|
962
|
-
this.isPlaceholderLoaded = false;
|
|
963
|
-
this.hasSetSrc = false;
|
|
964
|
-
this.hasAspectRatio = false;
|
|
965
|
-
this.paddedBoxPadding = '0%';
|
|
966
|
-
this.isLoaded = false;
|
|
967
|
-
this.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=';
|
|
968
|
-
this.srcset = undefined;
|
|
969
|
-
this.afObserverOptions = {
|
|
970
|
-
rootMargin: '200px',
|
|
971
|
-
threshold: 0
|
|
972
|
-
};
|
|
973
|
-
this.afSrc = undefined;
|
|
974
|
-
this.afSrcset = undefined;
|
|
975
|
-
this.afAlt = undefined;
|
|
976
|
-
this.afTitle = undefined;
|
|
977
|
-
this.afAriaLabel = undefined;
|
|
978
|
-
this.afWidth = undefined;
|
|
979
|
-
this.afHeight = undefined;
|
|
980
|
-
this.afFullwidth = undefined;
|
|
981
|
-
this.afUnlazy = false;
|
|
982
|
-
}
|
|
983
|
-
srcChangeHandler() {
|
|
984
|
-
this.setImageSrc();
|
|
985
|
-
}
|
|
986
|
-
connectedCallback() {
|
|
987
|
-
if (this.afUnlazy) {
|
|
988
|
-
this.setImageSrc();
|
|
989
|
-
}
|
|
990
|
-
// Add padded box to wrapper if width and height props exists
|
|
991
|
-
if (this.afWidth && this.afHeight) {
|
|
992
|
-
this.hasAspectRatio = true;
|
|
993
|
-
this.setPaddedBox();
|
|
994
|
-
}
|
|
995
|
-
}
|
|
996
|
-
setImageSrc() {
|
|
997
|
-
this.src = this.afSrc;
|
|
998
|
-
this.srcset = this.afSrcset;
|
|
999
|
-
this.hasSetSrc = true;
|
|
1000
|
-
}
|
|
1001
|
-
setPaddedBox() {
|
|
1002
|
-
this.paddedBoxPadding =
|
|
1003
|
-
(parseInt(this.afHeight, 10) / parseInt(this.afWidth, 10)) * 100 + '%';
|
|
1004
|
-
}
|
|
1005
|
-
intersectHandler() {
|
|
1006
|
-
if (this.afUnlazy) {
|
|
1007
|
-
return;
|
|
1008
|
-
}
|
|
1009
|
-
this.setImageSrc();
|
|
1010
|
-
}
|
|
1011
|
-
loadHandler(e) {
|
|
1012
|
-
if (this.afUnlazy) {
|
|
1013
|
-
return;
|
|
1014
|
-
}
|
|
1015
|
-
if (this.isPlaceholderLoaded) {
|
|
1016
|
-
this.isLoaded = true;
|
|
1017
|
-
this.afOnLoad.emit(e);
|
|
1018
|
-
return;
|
|
1019
|
-
}
|
|
1020
|
-
this.isPlaceholderLoaded = true;
|
|
1021
|
-
}
|
|
1022
|
-
get cssModifiers() {
|
|
1023
|
-
return {
|
|
1024
|
-
'digi-media-image--unlazy': this.afUnlazy,
|
|
1025
|
-
'digi-media-image--loaded': this.isLoaded,
|
|
1026
|
-
'digi-media-image--aspect-ratio': this.hasAspectRatio,
|
|
1027
|
-
'digi-media-image--fullwidth': this.afFullwidth
|
|
1028
|
-
};
|
|
1029
|
-
}
|
|
1030
|
-
get cssInlineStyles() {
|
|
1031
|
-
return {
|
|
1032
|
-
'--digi--media-image--padded-box': this.paddedBoxPadding
|
|
1033
|
-
};
|
|
1034
|
-
}
|
|
1035
|
-
render() {
|
|
1036
|
-
return (h("host", { key: 'f7ebdbd8b7316c1b6d9f12eb03c4986a4566459b' }, h("div", { key: 'c8d61959305c742ee6f175f41a23d41b88db9991', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
|
|
1037
|
-
'--digi--media-image--width': this.afWidth
|
|
1038
|
-
? `${this.afWidth}px`
|
|
1039
|
-
: null
|
|
1040
|
-
} }, h("digi-util-intersection-observer", { key: '246059ec0642b7b38cb036937c5f77c2bbee3477', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'a4e16aa68f1dc0ba8d2d092407265a821c6c0631', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '5134934f7749c24cb282641400b138368f2cb076', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
|
|
1041
|
-
}
|
|
1042
|
-
static get watchers() { return {
|
|
1043
|
-
"afSrc": ["srcChangeHandler"]
|
|
1044
|
-
}; }
|
|
1045
|
-
};
|
|
1046
|
-
MediaImage.style = DigiMediaImageStyle0;
|
|
1047
|
-
|
|
1048
|
-
const navigationSidebarButtonCss = ".sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}";
|
|
1049
|
-
const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
|
|
1050
|
-
|
|
1051
|
-
const NavigationSidebarButton = class {
|
|
1052
|
-
constructor(hostRef) {
|
|
1053
|
-
registerInstance(this, hostRef);
|
|
1054
|
-
this.afOnToggle = createEvent(this, "afOnToggle", 7);
|
|
1055
|
-
this.isActive = false;
|
|
1056
|
-
this.afText = undefined;
|
|
1057
|
-
this.afAriaLabel = undefined;
|
|
1058
|
-
this.afId = randomIdGenerator('digi-navigation-sidebar-button');
|
|
1059
|
-
}
|
|
1060
|
-
toggleHandler() {
|
|
1061
|
-
this.isActive = !this.isActive;
|
|
1062
|
-
this.afOnToggle.emit(this.isActive);
|
|
1063
|
-
}
|
|
1064
|
-
render() {
|
|
1065
|
-
return (h("digi-button", { key: '7acca73ca3640af74c61a13d68afd02b7297d824', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: 'faaff993a4c7b93c1ff81b78b53d971848269032', slot: "icon" })));
|
|
1066
|
-
}
|
|
1067
|
-
};
|
|
1068
|
-
NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
|
|
1069
|
-
|
|
1070
|
-
const titleLogoCss = ".sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype--primary--symbol);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}";
|
|
1071
|
-
const DigiTitleLogoStyle0 = titleLogoCss;
|
|
1072
|
-
|
|
1073
|
-
const TitleLogo = class {
|
|
1074
|
-
constructor(hostRef) {
|
|
1075
|
-
registerInstance(this, hostRef);
|
|
1076
|
-
this.handleWindowResize = () => {
|
|
1077
|
-
this.titleLogoVariation = this.setLogoVariation(window.innerWidth);
|
|
1078
|
-
};
|
|
1079
|
-
this.isMobile = undefined;
|
|
1080
|
-
this.isTablet = undefined;
|
|
1081
|
-
this.titleLogoVariation = undefined;
|
|
1082
|
-
this.afAriaLabel = undefined;
|
|
1083
|
-
this.afLogoBreakpoint = undefined;
|
|
1084
|
-
}
|
|
1085
|
-
setLogoVariation(width) {
|
|
1086
|
-
if (this.isMobile)
|
|
1087
|
-
return TitleLogoVariation.MOBILE;
|
|
1088
|
-
const isNarrow = this.afLogoBreakpoint
|
|
1089
|
-
? width < this.afLogoBreakpoint
|
|
1090
|
-
: this.isTablet;
|
|
1091
|
-
if (isNarrow) {
|
|
1092
|
-
return this.hasTwoRowLogoName
|
|
1093
|
-
? TitleLogoVariation.TWO_ROWS
|
|
1094
|
-
: TitleLogoVariation.ONE_ROW;
|
|
1095
|
-
}
|
|
1096
|
-
return this.hasOneRowLogoName
|
|
1097
|
-
? TitleLogoVariation.ONE_ROW
|
|
1098
|
-
: TitleLogoVariation.TWO_ROWS;
|
|
1099
|
-
}
|
|
1100
|
-
/**
|
|
1101
|
-
* Find out if we have one or both of the possible logo variations
|
|
1102
|
-
* Throw an error if we have none
|
|
1103
|
-
*/
|
|
1104
|
-
componentWillLoad() {
|
|
1105
|
-
this.hasOneRowLogoName = !!this.hostElement.querySelector('[slot="logo-one-row"]');
|
|
1106
|
-
this.hasTwoRowLogoName = !!this.hostElement.querySelector('[slot="logo-two-rows"]');
|
|
1107
|
-
if (!this.hasOneRowLogoName && !this.hasTwoRowLogoName) {
|
|
1108
|
-
throw new Error('Du behöver ange minst en variant av logo-text');
|
|
1109
|
-
}
|
|
1110
|
-
}
|
|
1111
|
-
/**
|
|
1112
|
-
* We need a custom resize listener here, since we're
|
|
1113
|
-
* not only relying on breakpoints
|
|
1114
|
-
*/
|
|
1115
|
-
componentDidLoad() {
|
|
1116
|
-
if (window) {
|
|
1117
|
-
this.handleWindowResize();
|
|
1118
|
-
window.addEventListener('resize', this.handleWindowResize, {
|
|
1119
|
-
passive: true
|
|
1120
|
-
});
|
|
1121
|
-
}
|
|
1122
|
-
}
|
|
1123
|
-
/**
|
|
1124
|
-
* Let's clean up as well
|
|
1125
|
-
*/
|
|
1126
|
-
disconnectedCallback() {
|
|
1127
|
-
if (window) {
|
|
1128
|
-
window.removeEventListener('resize', this.handleWindowResize);
|
|
1129
|
-
}
|
|
1130
|
-
}
|
|
1131
|
-
handleBreakpointObserver(e) {
|
|
1132
|
-
this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
|
|
1133
|
-
this.isTablet = e.detail.value === UtilBreakpointObserverBreakpoints.MEDIUM;
|
|
1134
|
-
}
|
|
1135
|
-
get cssModifiers() {
|
|
1136
|
-
return {
|
|
1137
|
-
'digi-title-logo--mobile': this.titleLogoVariation === TitleLogoVariation.MOBILE,
|
|
1138
|
-
'digi-title-logo--one-row': this.titleLogoVariation === TitleLogoVariation.ONE_ROW,
|
|
1139
|
-
'digi-title-logo--two-rows': this.titleLogoVariation === TitleLogoVariation.TWO_ROWS
|
|
1140
|
-
};
|
|
1141
|
-
}
|
|
1142
|
-
render() {
|
|
1143
|
-
return (h("div", { key: 'a6b4469ef950c515fed566d2ae896e97b47cc913', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'ab48388d57bf01f711c1954d6d4bfbe979d25349', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: '57513832c5ae8d09b6578fe7fa9084ff26fae145', class: "digi-title-logo-symbol" }, h("svg", { key: '1bf2e94d0bebcfc84d0ca9ad1c70e1b96ae479a7', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: 'b1795d919f4f412e996b632e1f3cfead50190715', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: 'aa07057fb3255f3c93b3c36672a63ee637ed54c1', class: "digi-title-logo-name-wrapper" }, h("slot", { key: '73f73fbad0f148d7a45296db645f9a4bb18b348e', name: "logo-one-row" }), h("slot", { key: '317ee5205fd79adee52676fc4c556d65315ce5b9', name: "logo-two-rows" }))));
|
|
1144
|
-
}
|
|
1145
|
-
get hostElement() { return getElement(this); }
|
|
1146
|
-
};
|
|
1147
|
-
TitleLogo.style = DigiTitleLogoStyle0;
|
|
1148
|
-
|
|
1149
|
-
const typographyCss = "digi-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--mobile\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--mobile\n );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--mobile\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--mobile\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--mobile\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--mobile\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--mobile\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--mobile\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--mobile\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--mobile\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--mobile\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small)}@media (min-width: 61.9375rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul,digi-typography ol{margin:0 0 var(--MARGIN--BODY) 0;padding-inline-start:1.5rem}digi-typography ul li,digi-typography ol li{margin-top:initial;margin-bottom:0.5rem;box-sizing:border-box;width:100%;padding-left:0}digi-typography ul li:last-child,digi-typography ol li:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--interactive--primary);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--interactive--visited)}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--interactive--primary)}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
|
|
1150
|
-
const DigiTypographyStyle0 = typographyCss;
|
|
1151
|
-
|
|
1152
|
-
const Typography = class {
|
|
1153
|
-
constructor(hostRef) {
|
|
1154
|
-
registerInstance(this, hostRef);
|
|
1155
|
-
this.hideVisitedColor = undefined;
|
|
1156
|
-
}
|
|
1157
|
-
get cssModifiers() {
|
|
1158
|
-
return {
|
|
1159
|
-
'digi-typography--hide-visited': this.hideVisitedColor
|
|
1160
|
-
};
|
|
1161
|
-
}
|
|
1162
|
-
render() {
|
|
1163
|
-
return (h("div", { key: '50437a6253cd108f81aa9375be96b444f74fdaa7', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '0d229970db0f141afb8a40c4fde52957c776f0d2' })));
|
|
1164
|
-
}
|
|
1165
|
-
};
|
|
1166
|
-
Typography.style = DigiTypographyStyle0;
|
|
1167
|
-
|
|
1168
|
-
const utilBreakpointObserverCss = ".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
|
|
1169
|
-
const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
|
|
1170
|
-
|
|
1171
|
-
const UtilBreakpointObserver = class {
|
|
1172
|
-
constructor(hostRef) {
|
|
1173
|
-
registerInstance(this, hostRef);
|
|
1174
|
-
this.afOnChange = createEvent(this, "afOnChange", 7);
|
|
1175
|
-
this.afOnSmall = createEvent(this, "afOnSmall", 7);
|
|
1176
|
-
this.afOnMedium = createEvent(this, "afOnMedium", 7);
|
|
1177
|
-
this.afOnLarge = createEvent(this, "afOnLarge", 7);
|
|
1178
|
-
this.afOnXLarge = createEvent(this, "afOnXLarge", 7);
|
|
1179
|
-
}
|
|
1180
|
-
componentDidLoad() {
|
|
1181
|
-
this.handleBreakpoint();
|
|
1182
|
-
}
|
|
1183
|
-
handleBreakpoint(e) {
|
|
1184
|
-
const observerCSSVariables = window.getComputedStyle(this._observer);
|
|
1185
|
-
const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
|
|
1186
|
-
this.afOnChange.emit({ value, e });
|
|
1187
|
-
switch (value) {
|
|
1188
|
-
case UtilBreakpointObserverBreakpoints.SMALL:
|
|
1189
|
-
this.afOnSmall.emit({ value, e });
|
|
1190
|
-
break;
|
|
1191
|
-
case UtilBreakpointObserverBreakpoints.MEDIUM:
|
|
1192
|
-
this.afOnMedium.emit({ value, e });
|
|
1193
|
-
break;
|
|
1194
|
-
case UtilBreakpointObserverBreakpoints.LARGE:
|
|
1195
|
-
this.afOnLarge.emit({ value, e });
|
|
1196
|
-
break;
|
|
1197
|
-
case UtilBreakpointObserverBreakpoints.XLARGE:
|
|
1198
|
-
this.afOnXLarge.emit({ value, e });
|
|
1199
|
-
}
|
|
1200
|
-
}
|
|
1201
|
-
render() {
|
|
1202
|
-
return (h(Host, { key: 'fa76f2542c87860d7a6b501698cdd9ea28385fd7' }, h("div", { key: 'a4fc9b5eab47cf889040f6e3816f179961a28003', class: "digi-util-breakpoint-observer" }, h("div", { key: '12ce5bbab68aa3f29f9839f9d18a4717c0d256d0', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '0772066a14b4d34a52b4a3a0488411ea092e68ee' }))));
|
|
1203
|
-
}
|
|
1204
|
-
get hostElement() { return getElement(this); }
|
|
1205
|
-
};
|
|
1206
|
-
UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
|
|
1207
|
-
|
|
1208
|
-
const UtilIntersectionObserver = class {
|
|
1209
|
-
constructor(hostRef) {
|
|
1210
|
-
registerInstance(this, hostRef);
|
|
1211
|
-
this.afOnChange = createEvent(this, "afOnChange", 7);
|
|
1212
|
-
this.afOnIntersect = createEvent(this, "afOnIntersect", 7);
|
|
1213
|
-
this.afOnUnintersect = createEvent(this, "afOnUnintersect", 7);
|
|
1214
|
-
this._observer = null;
|
|
1215
|
-
this._hasIntersected = false;
|
|
1216
|
-
this._isObserving = false;
|
|
1217
|
-
this.afOnce = false;
|
|
1218
|
-
this.afOptions = {
|
|
1219
|
-
rootMargin: '0px',
|
|
1220
|
-
threshold: 0
|
|
1221
|
-
};
|
|
1222
|
-
}
|
|
1223
|
-
afOptionsWatcher(newValue) {
|
|
1224
|
-
this._afOptions =
|
|
1225
|
-
typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
|
|
1226
|
-
}
|
|
1227
|
-
componentWillLoad() {
|
|
1228
|
-
this.afOptionsWatcher(this.afOptions);
|
|
1229
|
-
this.initObserver();
|
|
1230
|
-
}
|
|
1231
|
-
disconnectedCallback() {
|
|
1232
|
-
if (this._isObserving) {
|
|
1233
|
-
this.removeObserver();
|
|
1234
|
-
}
|
|
1235
|
-
}
|
|
1236
|
-
initObserver() {
|
|
1237
|
-
this._observer = new IntersectionObserver(([entry]) => {
|
|
1238
|
-
if (entry && entry.isIntersecting) {
|
|
1239
|
-
this.intersectionHandler();
|
|
1240
|
-
if (this.afOnce) {
|
|
1241
|
-
this.removeObserver();
|
|
1242
|
-
}
|
|
1243
|
-
}
|
|
1244
|
-
else if (entry && this._hasIntersected) {
|
|
1245
|
-
this.unintersectionHandler();
|
|
1246
|
-
}
|
|
1247
|
-
}, this._afOptions);
|
|
1248
|
-
this._observer.observe(this.$el);
|
|
1249
|
-
this._isObserving = true;
|
|
1250
|
-
}
|
|
1251
|
-
removeObserver() {
|
|
1252
|
-
this._observer.disconnect();
|
|
1253
|
-
this._isObserving = false;
|
|
1254
|
-
}
|
|
1255
|
-
intersectionHandler() {
|
|
1256
|
-
this.afOnChange.emit(true);
|
|
1257
|
-
this.afOnIntersect.emit();
|
|
1258
|
-
this._hasIntersected = true;
|
|
1259
|
-
}
|
|
1260
|
-
unintersectionHandler() {
|
|
1261
|
-
this.afOnChange.emit(false);
|
|
1262
|
-
this.afOnUnintersect.emit();
|
|
1263
|
-
this._hasIntersected = false;
|
|
1264
|
-
}
|
|
1265
|
-
render() {
|
|
1266
|
-
return h("slot", { key: '260dfb333c243a5ad9b76d95dee73d4a2c6f9b22' });
|
|
1267
|
-
}
|
|
1268
|
-
get $el() { return getElement(this); }
|
|
1269
|
-
static get watchers() { return {
|
|
1270
|
-
"afOptions": ["afOptionsWatcher"]
|
|
1271
|
-
}; }
|
|
1272
|
-
};
|
|
1273
|
-
|
|
1274
|
-
const UtilKeydownHandler = class {
|
|
1275
|
-
constructor(hostRef) {
|
|
1276
|
-
registerInstance(this, hostRef);
|
|
1277
|
-
this.afOnEsc = createEvent(this, "afOnEsc", 7);
|
|
1278
|
-
this.afOnEnter = createEvent(this, "afOnEnter", 7);
|
|
1279
|
-
this.afOnTab = createEvent(this, "afOnTab", 7);
|
|
1280
|
-
this.afOnSpace = createEvent(this, "afOnSpace", 7);
|
|
1281
|
-
this.afOnShiftTab = createEvent(this, "afOnShiftTab", 7);
|
|
1282
|
-
this.afOnUp = createEvent(this, "afOnUp", 7);
|
|
1283
|
-
this.afOnDown = createEvent(this, "afOnDown", 7);
|
|
1284
|
-
this.afOnLeft = createEvent(this, "afOnLeft", 7);
|
|
1285
|
-
this.afOnRight = createEvent(this, "afOnRight", 7);
|
|
1286
|
-
this.afOnHome = createEvent(this, "afOnHome", 7);
|
|
1287
|
-
this.afOnEnd = createEvent(this, "afOnEnd", 7);
|
|
1288
|
-
this.afOnKeyDown = createEvent(this, "afOnKeyDown", 7);
|
|
1289
|
-
}
|
|
1290
|
-
keydownHandler(e) {
|
|
1291
|
-
const key = keyboardHandler(e);
|
|
1292
|
-
switch (key) {
|
|
1293
|
-
case KEY_CODE.SHIFT_TAB:
|
|
1294
|
-
this.afOnShiftTab.emit(e);
|
|
1295
|
-
break;
|
|
1296
|
-
case KEY_CODE.DOWN_ARROW:
|
|
1297
|
-
this.afOnDown.emit(e);
|
|
1298
|
-
this.afOnKeyDown.emit(e);
|
|
1299
|
-
break;
|
|
1300
|
-
case KEY_CODE.UP_ARROW:
|
|
1301
|
-
this.afOnUp.emit(e);
|
|
1302
|
-
this.afOnKeyDown.emit(e);
|
|
1303
|
-
break;
|
|
1304
|
-
case KEY_CODE.LEFT_ARROW:
|
|
1305
|
-
this.afOnLeft.emit(e);
|
|
1306
|
-
this.afOnKeyDown.emit(e);
|
|
1307
|
-
break;
|
|
1308
|
-
case KEY_CODE.RIGHT_ARROW:
|
|
1309
|
-
this.afOnRight.emit(e);
|
|
1310
|
-
this.afOnKeyDown.emit(e);
|
|
1311
|
-
break;
|
|
1312
|
-
case KEY_CODE.ENTER:
|
|
1313
|
-
this.afOnEnter.emit(e);
|
|
1314
|
-
this.afOnKeyDown.emit(e);
|
|
1315
|
-
break;
|
|
1316
|
-
case KEY_CODE.ESCAPE:
|
|
1317
|
-
this.afOnEsc.emit(e);
|
|
1318
|
-
this.afOnKeyDown.emit(e);
|
|
1319
|
-
break;
|
|
1320
|
-
case KEY_CODE.TAB:
|
|
1321
|
-
this.afOnTab.emit(e);
|
|
1322
|
-
this.afOnKeyDown.emit(e);
|
|
1323
|
-
break;
|
|
1324
|
-
case KEY_CODE.SPACE:
|
|
1325
|
-
this.afOnSpace.emit(e);
|
|
1326
|
-
this.afOnKeyDown.emit(e);
|
|
1327
|
-
break;
|
|
1328
|
-
case KEY_CODE.HOME:
|
|
1329
|
-
this.afOnHome.emit(e);
|
|
1330
|
-
this.afOnKeyDown.emit(e);
|
|
1331
|
-
break;
|
|
1332
|
-
case KEY_CODE.END:
|
|
1333
|
-
this.afOnEnd.emit(e);
|
|
1334
|
-
this.afOnKeyDown.emit(e);
|
|
1335
|
-
break;
|
|
1336
|
-
case KEY_CODE.ANY:
|
|
1337
|
-
this.afOnKeyDown.emit(e);
|
|
1338
|
-
break;
|
|
1339
|
-
default:
|
|
1340
|
-
this.afOnKeyDown.emit(e);
|
|
1341
|
-
return;
|
|
1342
|
-
}
|
|
1343
|
-
}
|
|
1344
|
-
render() {
|
|
1345
|
-
return h("slot", { key: 'fcd72f74e391d6becc44f6178461db694fe9c803' });
|
|
1346
|
-
}
|
|
1347
|
-
};
|
|
1348
|
-
|
|
1349
|
-
export { Button as digi_button, FooterFooter as digi_footer, FooterFooterCard as digi_footer_card, Header as digi_header, NavigationAvatar as digi_header_avatar, HeaderNavigation as digi_header_navigation, HeaderNavigationItem as digi_header_navigation_item, HeaderNotification as digi_header_notification, IconAccessibilityUniversal as digi_icon_accessibility_universal, IconBars as digi_icon_bars, IconBellFilled as digi_icon_bell_filled, IconEnvelope as digi_icon_envelope, IconExternalLinkAlt as digi_icon_external_link_alt, IconGlobe as digi_icon_globe, IconSign as digi_icon_sign, IconX as digi_icon_x, LayoutBlock as digi_layout_block, LayoutContainer as digi_layout_container, Link as digi_link, Logo as digi_logo, MediaImage as digi_media_image, NavigationSidebarButton as digi_navigation_sidebar_button, TitleLogo as digi_title_logo, Typography as digi_typography, UtilBreakpointObserver as digi_util_breakpoint_observer, UtilIntersectionObserver as digi_util_intersection_observer, UtilKeydownHandler as digi_util_keydown_handler };
|