@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,48 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-148a7577.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
|
|
4
|
-
const iconMinusCss = ".sc-digi-icon-minus-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-minus-h svg.sc-digi-icon-minus{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
5
|
-
const DigiIconMinusStyle0 = iconMinusCss;
|
|
6
|
-
|
|
7
|
-
const IconMinus = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.afTitle = undefined;
|
|
11
|
-
this.afDesc = undefined;
|
|
12
|
-
this.afSvgAriaHidden = true;
|
|
13
|
-
this.afSvgAriaLabelledby = undefined;
|
|
14
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h("svg", { key: '2eedf51cbacccf86c4c9393e1d68dd050d4c62cf', class: "digi-icon-minus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
18
|
-
? this.afSvgAriaLabelledby
|
|
19
|
-
: this.afTitle
|
|
20
|
-
? this.titleId
|
|
21
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b74c2b670925dd70ad2e2c2f2b3838a1892a77ee', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '29e940a64745176397f9964b5dc07ac08d87cb1c' }, this.afDesc), h("path", { key: '8746e8081aff62fe7aa3cc6d0f0bb98fdec809df', class: "digi-icon-minus__shape", d: "M21.2,13c0,0.7-0.5,1.2-1.2,1.2H2c-0.7,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2H20C20.7,11.8,21.2,12.4,21.2,13z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
IconMinus.style = DigiIconMinusStyle0;
|
|
25
|
-
|
|
26
|
-
const iconPlusCss = ".sc-digi-icon-plus-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-plus-h svg.sc-digi-icon-plus{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)}";
|
|
27
|
-
const DigiIconPlusStyle0 = iconPlusCss;
|
|
28
|
-
|
|
29
|
-
const IconPlus = class {
|
|
30
|
-
constructor(hostRef) {
|
|
31
|
-
registerInstance(this, hostRef);
|
|
32
|
-
this.afTitle = undefined;
|
|
33
|
-
this.afDesc = undefined;
|
|
34
|
-
this.afSvgAriaHidden = true;
|
|
35
|
-
this.afSvgAriaLabelledby = undefined;
|
|
36
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
37
|
-
}
|
|
38
|
-
render() {
|
|
39
|
-
return (h("svg", { key: '65603ac1bbbbea7c151465b4b06426dd0aa38b72', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
40
|
-
? this.afSvgAriaLabelledby
|
|
41
|
-
: this.afTitle
|
|
42
|
-
? this.titleId
|
|
43
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b87d41076a691353bfa3c2af0f35e11fe99bd26a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1eec4be3799c78b04a9db5f873f511b96de2af6e' }, this.afDesc), h("path", { key: '05e94127089630252d96a12231484a3a03735a8d', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
IconPlus.style = DigiIconPlusStyle0;
|
|
47
|
-
|
|
48
|
-
export { IconMinus as digi_icon_minus, IconPlus as digi_icon_plus };
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-148a7577.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
|
|
4
|
-
const iconNotificationErrorCss = ".sc-digi-icon-notification-error-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-notification-error-h svg.sc-digi-icon-notification-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
5
|
-
const DigiIconNotificationErrorStyle0 = iconNotificationErrorCss;
|
|
6
|
-
|
|
7
|
-
const IconNotificationError = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.afTitle = undefined;
|
|
11
|
-
this.afDesc = undefined;
|
|
12
|
-
this.afSvgAriaHidden = true;
|
|
13
|
-
this.afSvgAriaLabelledby = undefined;
|
|
14
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h("svg", { key: '0e294a0009a8c96d914e6313d2de578d1e884c02', class: "digi-icon-notification-error", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
18
|
-
? this.afSvgAriaLabelledby
|
|
19
|
-
: this.afTitle
|
|
20
|
-
? this.titleId
|
|
21
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b91dd074112f90cf182f46c1bba3cdd39a98143f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '522bb264c37483718c55b498e3325319cfce6b80' }, this.afDesc), h("path", { key: '6dd38856442bcaed13ed73ed3351c5f42ba719a3', class: "digi-icon-notification-error__shape", d: "M16.3083126,13.5575621 C17.212521,12.6758465 18.6746453,12.6758465 19.4922806,13.5575621 L24.0133226,18.0230248 L28.6209379,13.5575621 C29.5251463,12.6758465 30.9872705,12.6758465 31.8049058,13.5575621 C32.7860681,14.4487585 32.7860681,15.889842 31.8049058,16.6957111 L27.3608176,21.151693 L31.8049058,25.6930023 C32.7860681,26.5841986 32.7860681,28.0252822 31.8049058,28.8311512 C30.9872705,29.7981941 29.5251463,29.7981941 28.6209379,28.8311512 L24.0133226,24.4510158 L19.4922806,28.8311512 C18.6746453,29.7981941 17.212521,29.7981941 16.3083126,28.8311512 C15.4137234,28.0252822 15.4137234,26.5841986 16.3083126,25.6930023 L20.8389739,21.151693 L16.3083126,16.6957111 C15.4137234,15.889842 15.4137234,14.4487585 16.3083126,13.5575621 L16.3083126,13.5575621 Z M9.87119353,3.24 C11.1166068,1.228125 13.3583507,0 15.6767354,0 L32.240732,0 C34.6453376,0 36.8870815,1.228125 38.1324948,3.24 L46.9940893,17.49375 C48.3353036,19.65 48.3353036,22.35 46.9940893,24.50625 L38.1324948,38.75625 C36.8870815,40.771875 34.6453376,42 32.240732,42 L15.6767354,42 C13.3583507,42 11.1166068,40.771875 9.87119353,38.75625 L1.00576702,24.50625 C-0.335255674,22.35 -0.335255674,19.65 1.00576702,17.49375 L9.87119353,3.24 Z M4.95376353,20.0519187 C4.50454509,20.7819413 4.50454509,21.6920993 4.95376353,22.4221219 L13.8554068,36.8329571 C14.2690341,37.5060948 15.0193347,37.9232506 15.7407776,37.9232506 L32.3724409,37.9232506 C33.1804569,37.9232506 33.9307575,37.5060948 34.3443848,36.8329571 L43.2421804,22.4221219 C43.6942846,21.6920993 43.6942846,20.7819413 43.2421804,20.0519187 L34.3443848,5.64297968 C33.9307575,4.96510158 33.1804569,4.55079007 32.3724409,4.55079007 L15.7407776,4.55079007 C15.0193347,4.55079007 14.2690341,4.96510158 13.8554068,5.64297968 L4.95376353,20.0519187 Z M38.2882725,3.27656885 L34.3443848,5.64297968 L38.2882725,3.27656885 Z M1.00987575,24.7828442 L4.95376353,22.4221219 L1.00987575,24.7828442 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
IconNotificationError.style = DigiIconNotificationErrorStyle0;
|
|
25
|
-
|
|
26
|
-
const iconNotificationInfoCss = ".sc-digi-icon-notification-info-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-notification-info-h svg.sc-digi-icon-notification-info{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)}";
|
|
27
|
-
const DigiIconNotificationInfoStyle0 = iconNotificationInfoCss;
|
|
28
|
-
|
|
29
|
-
const IconNotificationInfo = class {
|
|
30
|
-
constructor(hostRef) {
|
|
31
|
-
registerInstance(this, hostRef);
|
|
32
|
-
this.afTitle = undefined;
|
|
33
|
-
this.afDesc = undefined;
|
|
34
|
-
this.afSvgAriaHidden = true;
|
|
35
|
-
this.afSvgAriaLabelledby = undefined;
|
|
36
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
37
|
-
}
|
|
38
|
-
render() {
|
|
39
|
-
return (h("svg", { key: '616ec0f39ec5d5a48a0972547c3b0ac2e93a2dc7', class: "digi-icon-notification-info", width: "42", height: "42", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
40
|
-
? this.afSvgAriaLabelledby
|
|
41
|
-
: this.afTitle
|
|
42
|
-
? this.titleId
|
|
43
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'd7bb8023ce15d92add1e01f130cb395fcc8e33fc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b77f9df693e08138338506931477d78000d4d204' }, this.afDesc), h("g", { key: '000561f5fa44ea34ba775c6ff51dece35a376ccd', class: "digi-icon-notification-info__shape", fill: "currentColor", "fill-rule": "nonzero" }, h("path", { key: '4a3ab2679c7dd2f0027eafc30a6b102b484544a1', d: "m24 0c-13.254 0-24 10.75-24 24 0 13.258 10.746 24 24 24s24-10.742 24-24c0-13.25-10.746-24-24-24zm0 43.355c-10.697 0-19.355-8.6546-19.355-19.355 0-10.693 8.6586-19.355 19.355-19.355 10.693 0 19.355 8.6585 19.355 19.355 0 10.696-8.6546 19.355-19.355 19.355zm0-32.71c2.2448 0 4.0645 1.8197 4.0645 4.0645s-1.8197 4.0645-4.0645 4.0645-4.0645-1.8197-4.0645-4.0645 1.8197-4.0645 4.0645-4.0645zm5.4194 24.581c0 0.64132-0.51997 1.1613-1.1613 1.1613h-8.5161c-0.64132 0-1.1613-0.51997-1.1613-1.1613v-2.3226c0-0.64132 0.51997-1.1613 1.1613-1.1613h1.1613v-6.1935h-1.1613c-0.64132 0-1.1613-0.51997-1.1613-1.1613v-2.3226c0-0.64132 0.51997-1.1613 1.1613-1.1613h6.1935c0.64132 0 1.1613 0.51997 1.1613 1.1613v9.6774h1.1613c0.64132 0 1.1613 0.51997 1.1613 1.1613v2.3226z", fill: "currentColor", "fill-rule": "nonzero" }))));
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
IconNotificationInfo.style = DigiIconNotificationInfoStyle0;
|
|
47
|
-
|
|
48
|
-
const iconNotificationSuccesCss = ".sc-digi-icon-notification-succes-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-notification-succes-h svg.sc-digi-icon-notification-succes{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)}";
|
|
49
|
-
const DigiIconNotificationSuccesStyle0 = iconNotificationSuccesCss;
|
|
50
|
-
|
|
51
|
-
const IconCheckCircleReg = class {
|
|
52
|
-
constructor(hostRef) {
|
|
53
|
-
registerInstance(this, hostRef);
|
|
54
|
-
this.afTitle = undefined;
|
|
55
|
-
this.afDesc = undefined;
|
|
56
|
-
this.afSvgAriaHidden = true;
|
|
57
|
-
this.afSvgAriaLabelledby = undefined;
|
|
58
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
59
|
-
}
|
|
60
|
-
render() {
|
|
61
|
-
return (h("svg", { key: '090562cb947a7ea42c7856d0c88b2cf065e8f5b9', class: "digi-icon-notification-succes", width: "25", height: "25", viewBox: "0 0 25 25", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
62
|
-
? this.afSvgAriaLabelledby
|
|
63
|
-
: this.afTitle
|
|
64
|
-
? this.titleId
|
|
65
|
-
: undefined }, this.afTitle && h("title", { key: 'bdd2bf0c0f210b0178b467a3e4dfb607e5ea8451', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '4e4465eda60a763b517271dfb15065a1971b296c' }, this.afDesc), h("path", { key: 'be99dcb23a6d2971a2669698f90f947a4c08a7c1', class: "digi-icon-notification-succes__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 0zm0 2.42c5.571 0 10.08 4.508 10.08 10.08 0 5.571-4.508 10.08-10.08 10.08A10.075 10.075 0 012.42 12.5c0-5.571 4.508-10.08 10.08-10.08zm7.067 6.565L18.43 7.84a.605.605 0 00-.855-.003l-7.125 7.067-3.014-3.038a.605.605 0 00-.855-.004l-1.145 1.136a.605.605 0 00-.004.856l4.576 4.612a.605.605 0 00.855.004l8.7-8.63a.605.605 0 00.003-.855z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
IconCheckCircleReg.style = DigiIconNotificationSuccesStyle0;
|
|
69
|
-
|
|
70
|
-
const iconNotificationWarningCss = ".sc-digi-icon-notification-warning-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-notification-warning-h svg.sc-digi-icon-notification-warning{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)}";
|
|
71
|
-
const DigiIconNotificationWarningStyle0 = iconNotificationWarningCss;
|
|
72
|
-
|
|
73
|
-
const IconExclamationCircle = class {
|
|
74
|
-
constructor(hostRef) {
|
|
75
|
-
registerInstance(this, hostRef);
|
|
76
|
-
this.afTitle = undefined;
|
|
77
|
-
this.afDesc = undefined;
|
|
78
|
-
this.afSvgAriaHidden = true;
|
|
79
|
-
this.afSvgAriaLabelledby = undefined;
|
|
80
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
81
|
-
}
|
|
82
|
-
render() {
|
|
83
|
-
return (h("svg", { key: '803d9b3876b8e8d77eb8db59fa1fd713dbed3400', class: "digi-icon-notification-warning", width: "42", height: "42", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
84
|
-
? this.afSvgAriaLabelledby
|
|
85
|
-
: this.afTitle
|
|
86
|
-
? this.titleId
|
|
87
|
-
: undefined }, this.afTitle && h("title", { key: '694acdc967463f6c71e674d471f57afdce37b76b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0ee9b8c1321dbe42045c20a864e5f117ac5b1dc4' }, this.afDesc), h("g", { key: 'de9ff311562734136c0a06f21c1472335f902f1c', fill: "currentColor", class: "digi-icon-notification-warning__shape" }, h("path", { key: 'ae85e6639ef4922ce2e891aaddbbb0dd763380fe', d: "m24 0c-13.254 0-24 10.75-24 24 0 13.258 10.746 24 24 24s24-10.742 24-24c0-13.25-10.746-24-24-24zm0 43.355c-10.697 0-19.355-8.6546-19.355-19.355 0-10.693 8.6586-19.355 19.355-19.355 10.693 0 19.355 8.6585 19.355 19.355 0 10.696-8.6546 19.355-19.355 19.355zm4.0645-10.065c0 2.2412-1.8233 4.0645-4.0645 4.0645s-4.0645-1.8233-4.0645-4.0645c0-2.2412 1.8233-4.0645 4.0645-4.0645s4.0645 1.8233 4.0645 4.0645zm-7.8745-20.458 0.65806 13.161c0.030871 0.6181 0.54106 1.1033 1.1598 1.1033h3.9842c0.61877 0 1.129-0.48523 1.1598-1.1033l0.65806-13.161c0.033194-0.66329-0.49568-1.2193-1.1598-1.2193h-5.3003c-0.66416 0-1.193 0.55597-1.1598 1.2193z", fill: "currentColor", "fill-rule": "nonzero" }))));
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
IconExclamationCircle.style = DigiIconNotificationWarningStyle0;
|
|
91
|
-
|
|
92
|
-
export { IconNotificationError as digi_icon_notification_error, IconNotificationInfo as digi_icon_notification_info, IconCheckCircleReg as digi_icon_notification_succes, IconExclamationCircle as digi_icon_notification_warning };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-148a7577.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
|
|
4
|
-
const iconSpinnerCss = ".sc-digi-icon-spinner-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-spinner-h svg.sc-digi-icon-spinner{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
5
|
-
const DigiIconSpinnerStyle0 = iconSpinnerCss;
|
|
6
|
-
|
|
7
|
-
const IconSpinner = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this._path = 'M25 42c9.389 0 17-7.611 17-17S34.389 8 25 8 8 15.611 8 25s7.611 17 17 17zm0 8C11.193 50 0 38.807 0 25S11.193 0 25 0s25 11.193 25 25-11.193 25-25 25z';
|
|
11
|
-
this.afTitle = undefined;
|
|
12
|
-
this.afDesc = undefined;
|
|
13
|
-
this.afSvgAriaHidden = true;
|
|
14
|
-
this.afSvgAriaLabelledby = undefined;
|
|
15
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (h("svg", { key: '35da283f190c33cafe802af4b71845c367656303', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
19
|
-
? this.afSvgAriaLabelledby
|
|
20
|
-
: this.afTitle
|
|
21
|
-
? this.titleId
|
|
22
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '5b4f0142bec3760e2a14bc5f3142e2c7813cf7ea', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8d29d90e9dae0799e736e06e24776a1054a26fbe' }, this.afDesc), h("g", { key: '7590886730f9645570bd5d6dcba9cba87e083ec0', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, h("mask", { key: 'bb526346d915290d3d54d0e95ed13f8034841cda', fill: "#fff", id: "iconSpinnerPath" }, h("path", { key: 'c0348d7dd3c4de9164fda69b26ef60a2e87657b3', d: this._path })), h("path", { key: 'c82688d3d005d2481eb9cba021b643c8438fb6bb', d: this._path, fill: "#dddddd", "fill-rule": "nonzero" }), h("path", { key: '255b7873abe63c8c0a9dbdfd07f32a4d0c199b5b', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
IconSpinner.style = DigiIconSpinnerStyle0;
|
|
26
|
-
|
|
27
|
-
export { IconSpinner as digi_icon_spinner };
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-148a7577.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
|
|
4
|
-
const iconValidationErrorCss = ".sc-digi-icon-validation-error-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-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
5
|
-
const DigiIconValidationErrorStyle0 = iconValidationErrorCss;
|
|
6
|
-
|
|
7
|
-
const IconValidationError = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.afTitle = undefined;
|
|
11
|
-
this.afDesc = undefined;
|
|
12
|
-
this.afSvgAriaHidden = true;
|
|
13
|
-
this.afSvgAriaLabelledby = undefined;
|
|
14
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h("svg", { key: '215ed4d45fc7125b502405f45be9b8525980c0a1', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
18
|
-
? this.afSvgAriaLabelledby
|
|
19
|
-
: this.afTitle
|
|
20
|
-
? this.titleId
|
|
21
|
-
: undefined }, this.afTitle && h("title", { key: '50e41b34e0eac377caa84b0fcd931963843949c5', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6884921d2dfbb0ce9af9cd2959e929aa8a351a6f' }, this.afDesc), h("path", { key: '18c6dbfd917e05e1d08c4aff64e2a8b7c39bfe95', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
IconValidationError.style = DigiIconValidationErrorStyle0;
|
|
25
|
-
|
|
26
|
-
const iconValidationWarningCss = ".sc-digi-icon-validation-warning-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-validation-warning-h svg.sc-digi-icon-validation-warning{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)}";
|
|
27
|
-
const DigiIconValidationWarningStyle0 = iconValidationWarningCss;
|
|
28
|
-
|
|
29
|
-
const IconValidationWarning = class {
|
|
30
|
-
constructor(hostRef) {
|
|
31
|
-
registerInstance(this, hostRef);
|
|
32
|
-
this.afTitle = undefined;
|
|
33
|
-
this.afDesc = undefined;
|
|
34
|
-
this.afSvgAriaHidden = true;
|
|
35
|
-
this.afSvgAriaLabelledby = undefined;
|
|
36
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
37
|
-
}
|
|
38
|
-
render() {
|
|
39
|
-
return (h("div", { key: '0e72404fd84b522858a70020f72399924d37ec18' }, h("svg", { key: 'cd993cacfd3c1b6409b448f28e493dfc2bbfac60', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
40
|
-
? this.afSvgAriaLabelledby
|
|
41
|
-
: this.afTitle
|
|
42
|
-
? this.titleId
|
|
43
|
-
: undefined }, this.afTitle && h("title", { key: 'ecb012faa417a12dd8364cdb668d05871cbd9e2d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '79645e3d7c66df619e6395fc230ceb168e126b55' }, this.afDesc), h("g", { key: 'f45dfa63c0474d9ec4d4b5761aa4d89eeec96885', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '51f6f20faff8a50086a66a1865ed56711e96d01c', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '45179f87b52df55eba0a3ca50113df0cd14eba9b', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
IconValidationWarning.style = DigiIconValidationWarningStyle0;
|
|
47
|
-
|
|
48
|
-
export { IconValidationError as digi_icon_validation_error, IconValidationWarning as digi_icon_validation_warning };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-148a7577.js';
|
|
2
|
-
|
|
3
|
-
const infoCardMultiContainerCss = ".sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);font-family:var(--digi--global--typography--font-family--default);line-height:var(--digi--typography--heading-2--line-height--desktop)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop-large);font-weight:var(--digi--typography--heading-2--font-weight--desktop-large);line-height:var(--digi--typography--heading-2--line-height--desktop-large)}}.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__content.sc-digi-info-card-multi-container{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(365px, 1fr))}";
|
|
4
|
-
const DigiInfoCardMultiContainerStyle0 = infoCardMultiContainerCss;
|
|
5
|
-
|
|
6
|
-
const InfoCardMultiContainer = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.afHeading = undefined;
|
|
10
|
-
this.afHeadingLevel = undefined;
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h("div", { key: '2d91d2d4e461b4160373e89dd827740e7e9adc45', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: 'bcaeeebf96f779e3b58dc383f758ee05ffda7d5a', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: 'dde2c2295c8bbd09a177f8f6dca9f0da2916ca3b', "af-variation": "three" }, h("slot", { key: '86202b3f63bd71bf6480936777a6c819440fe94d' }))));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
InfoCardMultiContainer.style = DigiInfoCardMultiContainerStyle0;
|
|
17
|
-
|
|
18
|
-
export { InfoCardMultiContainer as digi_info_card_multi_container };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
|
-
import { I as InfoCardMultiType } from './info-card-multi-type.enum-07ee124f.js';
|
|
3
|
-
import { l as logger } from './logger.util-ede3c48a.js';
|
|
4
|
-
import { T as TagMediaIcon } from './tag-media-icon.enum-fefa191c.js';
|
|
5
|
-
|
|
6
|
-
const infoCardMultiCss = ".sc-digi-info-card-multi-h{--digi--info-card-multi--color--heading:var(--digi--color--text--primary);--digi--info-card-multi--color--heading--link:var(--digi--color--text--interactive--primary);--digi--info-card-multi--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card-multi--padding--image:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--image--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card-multi--media-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--media-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--related-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--related-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--entry-heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card-multi--entry-heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--info-card--background-color:var(--digi--color--background--primary)}.sc-digi-info-card-multi-h .digi-info-card-multi.sc-digi-info-card-multi{box-sizing:border-box;background-color:var(--BACKGROUND-COLOR);height:100%;display:grid}.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--image);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--PADDING:var(--digi--info-card-multi--padding--image--desktop);--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{border-top:var(--digi--info-card-multi--border)}.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi__image.sc-digi-info-card-multi{position:relative}.sc-digi-info-card-multi-h .digi-info-card-multi__tag.sc-digi-info-card-multi{position:absolute;z-index:1;left:1rem;bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi__content.sc-digi-info-card-multi{grid-column:1;grid-row:1}.sc-digi-info-card-multi-h .digi-info-card-multi__text.sc-digi-info-card-multi{padding:var(--PADDING)}.sc-digi-info-card-multi-h .digi-info-card-multi__heading.sc-digi-info-card-multi{font-size:var(--FONT-SIZE--HEADING);color:var(--COLOR--HEADING);font-family:var(--digi--global--typography--font-family--default);font-weight:var(--digi--info-card-multi--heading--font-weight);display:inline-block;margin-top:0;margin-bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi--active-link.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi{text-decoration:underline}.sc-digi-info-card-multi-h .digi-info-card-multi__link.sc-digi-info-card-multi{margin-top:0;display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-multi-h .digi-info-card-multi__link-overlay.sc-digi-info-card-multi{grid-column:1;grid-row:1;opacity:0}.sc-digi-info-card-multi-h .digi-info-card-multi--hide-visited.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi .digi-info-card-multi__link.sc-digi-info-card-multi:visited{color:var(--digi--info-card-multi--color--heading--link)}.sc-digi-info-card-multi-s .digi-media-image{display:block !important}.sc-digi-info-card-multi-s img{display:block !important}";
|
|
7
|
-
const DigiInfoCardMultiStyle0 = infoCardMultiCss;
|
|
8
|
-
|
|
9
|
-
const InfoCardMulti = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
|
|
13
|
-
this.afSrc = undefined;
|
|
14
|
-
this.afAlt = undefined;
|
|
15
|
-
this.afTagText = undefined;
|
|
16
|
-
this.afTagIcon = TagMediaIcon.NEWS;
|
|
17
|
-
this.afHeading = undefined;
|
|
18
|
-
this.afHeadingLevel = undefined;
|
|
19
|
-
this.afType = InfoCardMultiType.MEDIA;
|
|
20
|
-
this.afLinkHref = undefined;
|
|
21
|
-
this.hideVisitedColor = undefined;
|
|
22
|
-
this.activeLink = false;
|
|
23
|
-
}
|
|
24
|
-
componentWillLoad() {
|
|
25
|
-
this.validateHeading();
|
|
26
|
-
}
|
|
27
|
-
validateHeading() {
|
|
28
|
-
if (!this.afHeading || !this.afHeadingLevel) {
|
|
29
|
-
logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
clickLinkHandler(e) {
|
|
33
|
-
this.afOnClickLink.emit(e);
|
|
34
|
-
}
|
|
35
|
-
get cssModifiers() {
|
|
36
|
-
return {
|
|
37
|
-
'digi-info-card-multi--media': this.afType === InfoCardMultiType.MEDIA,
|
|
38
|
-
'digi-info-card-multi--related': this.afType === InfoCardMultiType.RELATED,
|
|
39
|
-
'digi-info-card-multi--entry': this.afType === InfoCardMultiType.ENTRY,
|
|
40
|
-
'digi-info-card-multi--hide-visited': this.hideVisitedColor
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
render() {
|
|
44
|
-
return (h(Host, { key: 'a05608b955f142a66703d9648b7d3ec32bbcf645' }, h("div", { key: '8650bc5ae00357c2fc0c592fc4a6c7d1ebe565ff', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'f2ecd84c75e2bede595b351e6330bd24b434e807', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: 'a13529f04b172be43648e74382c49d3d507c7d52', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: 'ad53e158a5255732503a9808e62d239d822e6295', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '7822841c0652aad7c3b14438e3f5b00eaf911433', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: 'c5c400e89444726c3c3479bbc85dcab16f673408', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '8329f1fc4bcc040c3b69041c1acc798140781c7d', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'd47bcf8798d1ea0d83332b7abc8f568aa6f4ebe5', class: "digi-info-card-multi__heading" }, h("a", { key: 'fca34c5fbe950cb3e2016b3e23c1b5b590df39d4', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: '821e6203fba01efb9d9d2c64fc676123ad2e918b' }, h("slot", { key: '2a216306befcb253efe763eda089262b3e84b30f' })))))));
|
|
45
|
-
}
|
|
46
|
-
get hostElement() { return getElement(this); }
|
|
47
|
-
static get watchers() { return {
|
|
48
|
-
"afHeading": ["validateHeading"],
|
|
49
|
-
"afHeadingLevel": ["validateHeading"]
|
|
50
|
-
}; }
|
|
51
|
-
};
|
|
52
|
-
InfoCardMulti.style = DigiInfoCardMultiStyle0;
|
|
53
|
-
|
|
54
|
-
export { InfoCardMulti as digi_info_card_multi };
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
|
|
2
|
-
import { b as InfoCardType, a as InfoCardSize, I as InfoCardBorderPosition, c as InfoCardVariation } from './info-card-variation.enum-2ccc52c1.js';
|
|
3
|
-
import { l as logger } from './logger.util-ede3c48a.js';
|
|
4
|
-
|
|
5
|
-
const infoCardCss = ".sc-digi-info-card-h{--digi--info-card--background-color--primary:var(--digi--color--background--pop-out);--digi--info-card--background-color--secondary:var(--digi--color--background--secondary);--digi--info-card--background-color--related:var(--digi--color--background--primary);--digi--info-card--color--heading:var(--digi--color--text--primary);--digi--info-card--color--heading--multi:var(--digi--color--text--interactive--primary);--digi--info-card--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card--padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);--digi--info-card--padding--desktop:var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);--digi--info-card--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card--heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card--heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--BACKGROUND-COLOR:var(--digi--info-card--background-color--single)}.sc-digi-info-card-h .digi-info-card.sc-digi-info-card{background-color:var(--BACKGROUND-COLOR);height:100%;display:grid;position:relative}.sc-digi-info-card-h .digi-info-card--primary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--primary)}.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--related);--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--secondary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--secondary)}.sc-digi-info-card-h .digi-info-card--border-top.sc-digi-info-card{border-top:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card--border-left.sc-digi-info-card{border-left:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card__content.sc-digi-info-card{grid-column:1;grid-row:1;padding:var(--PADDING)}.sc-digi-info-card-h .digi-info-card__icon.sc-digi-info-card{position:absolute;top:0;right:0;transform:translateY(-50%)}.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--info-card--heading--font-size--mobile);margin-top:0;margin-bottom:0.5rem;font-weight:var(--digi--info-card--heading--font-weight);display:block;color:var(--COLOR--HEADING)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-size:var(--digi--info-card--heading--font-size--desktop);margin-bottom:1rem}}.sc-digi-info-card-h .digi-info-card--active-link.sc-digi-info-card .digi-info-card__heading.sc-digi-info-card{text-decoration:underline}.sc-digi-info-card-h .digi-info-card__link.sc-digi-info-card{margin-top:var(--MARGIN-TOP);display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-h .digi-info-card__link-overlay.sc-digi-info-card{grid-column:1;grid-row:1;opacity:0}";
|
|
6
|
-
const DigiInfoCardStyle0 = infoCardCss;
|
|
7
|
-
|
|
8
|
-
const InfoCard = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
|
|
12
|
-
this.afHeading = undefined;
|
|
13
|
-
this.afHeadingLevel = undefined;
|
|
14
|
-
this.afType = InfoCardType.TIP;
|
|
15
|
-
this.afSize = InfoCardSize.STANDARD;
|
|
16
|
-
this.afBorderPosition = InfoCardBorderPosition.TOP;
|
|
17
|
-
this.afVariation = InfoCardVariation.PRIMARY;
|
|
18
|
-
this.afLinkText = undefined;
|
|
19
|
-
this.afLinkHref = undefined;
|
|
20
|
-
this.hideVisitedColor = undefined;
|
|
21
|
-
this.activeLink = false;
|
|
22
|
-
this.afSvgAriaHidden = undefined;
|
|
23
|
-
this.hasListIcon = false;
|
|
24
|
-
}
|
|
25
|
-
// get shouldRenderListIcon() {
|
|
26
|
-
// return true
|
|
27
|
-
// }
|
|
28
|
-
setHasListIcon() {
|
|
29
|
-
const List = this.hostElement.querySelector('digi-list');
|
|
30
|
-
if (List) {
|
|
31
|
-
this.hasListIcon = true;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
componentWillLoad() {
|
|
35
|
-
this.validateHeading();
|
|
36
|
-
this.setHasListIcon();
|
|
37
|
-
}
|
|
38
|
-
validateHeading() {
|
|
39
|
-
if (!this.afHeading || !this.afHeadingLevel) {
|
|
40
|
-
logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
clickLinkHandler(e) {
|
|
44
|
-
this.afOnClickLink.emit(e);
|
|
45
|
-
}
|
|
46
|
-
get shouldRenderInternalLink() {
|
|
47
|
-
return this.afType !== this.afLinkText && this.afLinkHref;
|
|
48
|
-
}
|
|
49
|
-
get cssModifiers() {
|
|
50
|
-
return {
|
|
51
|
-
'digi-info-card--primary': this.afVariation === InfoCardVariation.PRIMARY &&
|
|
52
|
-
this.afType === InfoCardType.TIP,
|
|
53
|
-
'digi-info-card--secondary': this.afVariation === InfoCardVariation.SECONDARY,
|
|
54
|
-
'digi-info-card--tip': this.afType === InfoCardType.TIP,
|
|
55
|
-
'digi-info-card--related': this.afType === InfoCardType.RELATED,
|
|
56
|
-
'digi-info-card--standard': this.afSize === InfoCardSize.STANDARD,
|
|
57
|
-
'digi-info-card--border-top': this.afBorderPosition === InfoCardBorderPosition.TOP &&
|
|
58
|
-
this.afType === InfoCardType.RELATED,
|
|
59
|
-
'digi-info-card--border-left': this.afBorderPosition === InfoCardBorderPosition.LEFT &&
|
|
60
|
-
this.afType === InfoCardType.RELATED,
|
|
61
|
-
'digi-info-card--active-link': this.activeLink === true
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
render() {
|
|
65
|
-
return (h("div", { key: 'f7f629acc7bd66a48b30bdf8ca6e4aeee6da9735', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: 'ca7b539e6c95853b4300d343a3d0953005773bd8', class: "digi-info-card__content" }, h("div", { key: 'c264f8a955a4a1dd10c706ee5e026b5de6a9480a', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '8bb815c3349de26a8c126769a96c91cf0ee59ced', class: "digi-info-card__icon" }, h("slot", { key: '352c1e31d5fc7daa9c0e896218fbfa3049b4b3fd', name: "icon" })))), h(this.afHeadingLevel, { key: 'ed911ad3eba1cd61ad9d27d85c56dff209ae2596', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '93ebdf196ff8de19303b4122f624bc72db6f43fd' }, h("slot", { key: '6f0964297e065e5674c0452902b937f9a96c29a1' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: 'af116bc1d9b2054f1b595defa395fc3ca4cacb02', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
|
|
66
|
-
}
|
|
67
|
-
get hostElement() { return getElement(this); }
|
|
68
|
-
static get watchers() { return {
|
|
69
|
-
"afHeading": ["validateHeading"],
|
|
70
|
-
"afHeadingLevel": ["validateHeading"]
|
|
71
|
-
}; }
|
|
72
|
-
};
|
|
73
|
-
InfoCard.style = DigiInfoCardStyle0;
|
|
74
|
-
|
|
75
|
-
export { InfoCard as digi_info_card };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-148a7577.js';
|
|
2
|
-
import { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './layout-columns-variation.enum-34f7754e.js';
|
|
3
|
-
|
|
4
|
-
const layoutColumnsCss = ".sc-digi-layout-columns-h{--digi--layout-columns--gap--column:var(--digi--gutter--largest);--digi--layout-columns--gap--row:var(--digi--gutter--largest);--digi--layout-columns--min-width:0;--digi--layout-columns--gap--column--32:var(--digi--global--spacing--largest-4)}.sc-digi-layout-columns-h .digi-layout-columns.sc-digi-layout-columns{display:grid;grid-column-gap:var(--digi--layout-columns--gap--column);grid-row-gap:var(--digi--layout-columns--gap--row);grid-template-columns:repeat(auto-fit, minmax(var(--digi--layout-columns--min-width), 1fr))}.sc-digi-layout-columns-h .digi-layout-columns--column-gap-32.sc-digi-layout-columns{--digi--layout-columns--gap--column:var(--digi--layout-columns--gap--column--32)}.sc-digi-layout-columns-h .digi-layout-columns--one.sc-digi-layout-columns{--digi--layout-columns--min-width:100%}.sc-digi-layout-columns-h .digi-layout-columns--two.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(50% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--three.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(33% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--four.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(25% - var(--digi--layout-columns--gap--column))}";
|
|
5
|
-
const DigiLayoutColumnsStyle0 = layoutColumnsCss;
|
|
6
|
-
|
|
7
|
-
const LayoutColumns = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.afElement = LayoutColumnsElement.DIV;
|
|
11
|
-
this.afVariation = undefined;
|
|
12
|
-
this.afColumnGap = LayoutColumnsGap.DEFAULT;
|
|
13
|
-
}
|
|
14
|
-
get cssModifiers() {
|
|
15
|
-
return {
|
|
16
|
-
'digi-layout-columns--one': this.afVariation === LayoutColumnsVariation.ONE,
|
|
17
|
-
'digi-layout-columns--two': this.afVariation === LayoutColumnsVariation.TWO,
|
|
18
|
-
'digi-layout-columns--three': this.afVariation === LayoutColumnsVariation.THREE,
|
|
19
|
-
'digi-layout-columns--four': this.afVariation === LayoutColumnsVariation.FOUR,
|
|
20
|
-
'digi-layout-columns--column-gap-32': this.afColumnGap === LayoutColumnsGap.GAP_32
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return (h(this.afElement, { key: 'be3b15187c7de3cb245847ca0a4f37ed3bc9d5b1', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: '57c7075fa79bfb94954aefddae4e39fe5024959c' })));
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
LayoutColumns.style = DigiLayoutColumnsStyle0;
|
|
28
|
-
|
|
29
|
-
export { LayoutColumns as digi_layout_columns };
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
|
-
import { L as LinkButtonVariation } from './link-button-variation.enum-84d4976f.js';
|
|
3
|
-
|
|
4
|
-
const linkButtonCss = ".sc-digi-link-button-h{--digi--link-button--font-size--medium:var(--digi--typography--button--font-size--desktop);--digi--link-button--font-family:var(--digi--global--typography--font-family--default);--digi--link-button--font-weight:var(--digi--typography--button--font-weight--desktop);--digi--link-button--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--link-button--border:var(--digi--border-width--secondary) solid;--digi--link-button--border-radius:var(--digi--global--border-radius--largest-2);--digi--link-button--icon--margin-left:var(--digi--margin--large);--digi--link-button--color--primary--default:var(--digi--color--text--interactive--secondary);--digi--link-button--color--primary--hover:var(--digi--color--text--interactive--secondary);--digi--link-button--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--link-button--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--link-button--border-color--primary--default:var(--digi--color--border--interactive--default--primary);--digi--link-button--border-color--primary--hover:var(--digi--color--border--interactive--hover--primary);--digi--link-button--color--primary-alt--default:var(--digi--color--text--interactive--brand-primary);--digi--link-button--color--primary-alt--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--primary-alt--default:var(--digi--color--background--interactive--default--primary-inverted);--digi--link-button--background--primary-alt--hover:var(--digi--color--background--interactive--hover--inverted);--digi--link-button--border-color--primary-alt--default:var(--digi--color--border--interactive--default--inverted);--digi--link-button--border-color--primary-alt--hover:var(--digi--color--border--interactive--hover--inverted);--digi--link-button--color--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--link-button--color--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--link-button--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--link-button--border-color--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--link-button--border-color--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--link-button--color--secondary-alt--default:var(--digi--color--text--interactive--brand-secondary);--digi--link-button--color--secondary-alt--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--secondary-alt--default:var(--digi--color--background--interactive--default--secondary-inverted);--digi--link-button--background--secondary-alt--hover:var(--digi--color--background--interactive--hover--inverted);--digi--link-button--border-color--secondary-alt--default:var(--digi--color--border--interactive--default--inverted);--digi--link-button--border-color--secondary-alt--hover:var(--digi--color--border--interactive--hover--inverted);--BADGE--RIGHT:1.75rem}.digi-link-button--primary.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--primary--default);--COLOR--HOVER:var(--digi--link-button--color--primary--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--primary--default);--BACKGROUND--HOVER:var(--digi--link-button--background--primary--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--primary--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--primary--hover)}.digi-link-button--primary-alt.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--primary-alt--default);--COLOR--HOVER:var(--digi--link-button--color--primary-alt--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--primary-alt--default);--BACKGROUND--HOVER:var(--digi--link-button--background--primary-alt--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--primary-alt--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--primary-alt--hover)}.digi-link-button--secondary.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--secondary--default);--COLOR--HOVER:var(--digi--link-button--color--secondary--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--secondary--default);--BACKGROUND--HOVER:var(--digi--link-button--background--secondary--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--secondary--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--secondary--hover)}.digi-link-button--secondary-alt.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--secondary-alt--default);--COLOR--HOVER:var(--digi--link-button--color--secondary-alt--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--secondary-alt--default);--BACKGROUND--HOVER:var(--digi--link-button--background--secondary-alt--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--secondary-alt--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--secondary-alt--hover)}.sc-digi-link-button-s>a digi-badge-notification{position:absolute;top:0;transform:translateY(-50%);right:var(--BADGE--RIGHT)}.sc-digi-link-button-s>a{position:relative;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;font-family:var(--digi--link-button--font-family);font-size:var(--digi--link-button--font-size--medium);height:2.5rem;font-weight:var(--digi--link-button--font-weight);background:var(--BACKGROUND--DEFAULT);padding:var(--digi--link-button--padding--medium);border-radius:var(--digi--link-button--border-radius);border:var(--digi--link-button--border);border-color:var(--BORDER-COLOR--DEFAULT);box-sizing:border-box;white-space:nowrap}.sc-digi-link-button-s>a,.sc-digi-link-button-s>a:visited{color:var(--COLOR--DEFAULT)}.sc-digi-link-button-s>a:hover,.sc-digi-link-button-s>a:focus-visible,.sc-digi-link-button-s>a:active{background:var(--BACKGROUND--HOVER);color:var(--COLOR--HOVER);border-color:var(--BORDER-COLOR--HOVER)}.sc-digi-link-button-s>a:hover .digi-link-button__icon,.sc-digi-link-button-s>a:focus-visible .digi-link-button__icon,.sc-digi-link-button-s>a:active .digi-link-button__icon{--COLOR--DEFAULT:var(--COLOR--HOVER)}.sc-digi-link-button-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-link-button--hide-icon.sc-digi-link-button-s>a [class*=digi-icon],.digi-link-button--hide-icon .sc-digi-link-button-s>a [class*=digi-icon],.digi-link-button--hide-icon.sc-digi-link-button-s>a .digi-link-button__icon,.digi-link-button--hide-icon .sc-digi-link-button-s>a .digi-link-button__icon{display:none}.digi-link-button--fullwidth.sc-digi-link-button-s>a,.digi-link-button--fullwidth .sc-digi-link-button-s>a{width:100%}.sc-digi-link-button-s>a [class*=digi-icon],.sc-digi-link-button-s>a .digi-link-button__icon{margin-left:var(--digi--link-button--icon--margin-left);--digi--icon--color:var(--COLOR--DEFAULT)}";
|
|
5
|
-
const DigiLinkButtonStyle0 = linkButtonCss;
|
|
6
|
-
|
|
7
|
-
const LinkButton = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
11
|
-
this.afHref = undefined;
|
|
12
|
-
this.afAriaLabel = undefined;
|
|
13
|
-
this.afVariation = LinkButtonVariation.PRIMARY;
|
|
14
|
-
this.afOverrideLink = false;
|
|
15
|
-
this.afLinkContainer = false;
|
|
16
|
-
this.afHideIcon = false;
|
|
17
|
-
this.afFullwidth = false;
|
|
18
|
-
this.hasNotification = undefined;
|
|
19
|
-
}
|
|
20
|
-
clickLinkHandler(e) {
|
|
21
|
-
if (this.afOverrideLink) {
|
|
22
|
-
e.preventDefault();
|
|
23
|
-
}
|
|
24
|
-
this.afOnClick.emit(e);
|
|
25
|
-
}
|
|
26
|
-
initRouting() {
|
|
27
|
-
const tabIndex = this.hostElement.getAttribute('tabIndex');
|
|
28
|
-
!!tabIndex && tabIndex === '0' && this._link.setAttribute('tabIndex', '-1');
|
|
29
|
-
}
|
|
30
|
-
componentWillLoad() {
|
|
31
|
-
this.setHasNotification();
|
|
32
|
-
}
|
|
33
|
-
componentWillUpdate() {
|
|
34
|
-
this.setHasNotification();
|
|
35
|
-
}
|
|
36
|
-
componentDidLoad() {
|
|
37
|
-
this.initRouting();
|
|
38
|
-
}
|
|
39
|
-
setHasNotification() {
|
|
40
|
-
const notification = !!this.hostElement.querySelector('[slot="notification"]');
|
|
41
|
-
if (notification) {
|
|
42
|
-
this.hasNotification = notification;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
get cssModifiers() {
|
|
46
|
-
return {
|
|
47
|
-
'digi-link-button--primary': this.afVariation === LinkButtonVariation.PRIMARY,
|
|
48
|
-
'digi-link-button--secondary': this.afVariation === LinkButtonVariation.SECONDARY,
|
|
49
|
-
'digi-link-button--primary-alt': this.afVariation === LinkButtonVariation.PRIMARY_ALT,
|
|
50
|
-
'digi-link-button--secondary-alt': this.afVariation === LinkButtonVariation.SECONDARY_ALT,
|
|
51
|
-
'digi-link-button--hide-icon': this.afHideIcon,
|
|
52
|
-
'digi-link-button--fullwidth': this.afFullwidth
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
render() {
|
|
56
|
-
return (h(Host, { key: '46458f669c4841d319e88abec5acaff8fa0763c7', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '041e70d145bd0a581557354a79633519bfb725bf', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: 'b1eb50dbbd8bdfe366eecc4763b51a0beb9e012f', class: "digi-link-button__text" }, h("slot", { key: '49c971415b792cc1ca1cb271c2aeee3935721cdd' })), this.hasNotification && h("slot", { key: '64fa0e232a6c3ec189d51a1d3cdbcfa6a4d5b3f8', name: "notification" }), h("digi-icon-chevron-right", { key: '431fd10cbee41812db9bbb123d3160a247e7814f', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: '58d510056cac70ccc94a3ee824f8bac2c0f0ed6d' }, h("slot", { key: '843533e3d19e26965c36240abc2f1e373bbab4bc' }), this.hasNotification && h("slot", { key: '592a9a5b697acf614e553db42f814050aedef9bf', name: "notification" })))));
|
|
57
|
-
}
|
|
58
|
-
get hostElement() { return getElement(this); }
|
|
59
|
-
};
|
|
60
|
-
LinkButton.style = DigiLinkButtonStyle0;
|
|
61
|
-
|
|
62
|
-
export { LinkButton as digi_link_button };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
|
-
|
|
3
|
-
const linkExternalCss = ".sc-digi-link-external-h{--digi--link-external--gap:var(--digi--gutter--medium);--digi--link-external--color--default:var(--digi--color--text--interactive--primary);--digi--link-external--color--hover:var(--digi--color--text--interactive--primary);--digi--link-external--color--visited:var(--digi--color--text--interactive--visited);--digi--link-external--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-external--font-family:var(--digi--global--typography--font-family--default);--digi--link-external--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-external--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration-thickness:0.156em;--digi--link-external--text-underline-offset:3px}.sc-digi-link-external-h .digi-link-external.sc-digi-link-external{--digi--link--gap:var(--digi--link-external--gap);--digi--link--color--default:var(--digi--link-external--color--default);--digi--link--color--hover:var(--digi--link-external--color--hover);--digi--link--color--visited:var(--digi--link-external--color--visited);--digi--link--font-size:var(--digi--link-external--font-size);--digi--link--font-family:var(--digi--link-external--font-family);--digi--link--font-weight:var(--digi--link-external--font-weight);--digi--link--text-decoration--default:var(--digi--link-external--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-external--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-external--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-external--text-decoration--icon--hover)}";
|
|
4
|
-
const DigiLinkExternalStyle0 = linkExternalCss;
|
|
5
|
-
|
|
6
|
-
const LinkExternal = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
10
|
-
this.afHref = undefined;
|
|
11
|
-
this.afDescribedby = undefined;
|
|
12
|
-
this.afAriaLabel = undefined;
|
|
13
|
-
this.afTarget = undefined;
|
|
14
|
-
this.hideVisitedColor = undefined;
|
|
15
|
-
}
|
|
16
|
-
clickLinkHandler(e) {
|
|
17
|
-
e.stopImmediatePropagation();
|
|
18
|
-
this.afOnClick.emit(e.detail);
|
|
19
|
-
}
|
|
20
|
-
get cssModifiers() {
|
|
21
|
-
return {
|
|
22
|
-
'digi-link--hide-visited': this.hideVisitedColor
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (h(Host, { key: '9b2ac931b4316c0b7d539654de9fd22fc95ba3d3' }, h("digi-link", { key: '1f35b97590c453167484fd95ff981e1229690142', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: 'ee7c222e75b6ff7a18b1c80923d5892ca764eab8', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: 'f78bca89c5e36e2fb5b721ba12326c95ab4b68f0' }))));
|
|
27
|
-
}
|
|
28
|
-
get hostElement() { return getElement(this); }
|
|
29
|
-
};
|
|
30
|
-
LinkExternal.style = DigiLinkExternalStyle0;
|
|
31
|
-
|
|
32
|
-
export { LinkExternal as digi_link_external };
|