@designsystem-se/af 32.3.1-beta.1 → 33.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-bar-chart.js +1 -1
- package/components/digi-calendar-datepicker.js +3 -4
- package/components/digi-calendar-week-view.js +1 -1
- package/components/digi-calendar.js +1 -1
- package/components/digi-card.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 +9 -7
- package/components/digi-context-menu.js +151 -52
- package/components/digi-dialog.js +3 -4
- package/components/digi-expandable-accordion.js +2 -3
- package/components/digi-expandable-faq-item.js +1 -1
- package/components/digi-footer.js +2 -3
- package/components/digi-form-error-list.js +3 -4
- package/components/digi-form-file-upload.js +1 -1
- package/components/digi-form-receipt.js +1 -2
- package/components/digi-form-select-filter.js +2 -3
- package/components/digi-header-avatar.js +2 -2
- package/components/digi-header-navigation.js +3 -4
- package/components/digi-header.js +3 -4
- package/components/digi-info-card-multi.js +4 -4
- package/components/digi-info-card.js +1 -1
- package/components/digi-list.js +1 -1
- package/components/digi-loader-spinner.js +1 -1
- package/components/digi-media-image.js +1 -1
- package/components/digi-navigation-context-menu.js +1 -1
- package/components/digi-navigation-pagination.js +9 -10
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +4 -4
- package/components/digi-navigation-vertical-menu-item.js +6 -6
- package/components/digi-navigation-vertical-menu.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +7 -15
- package/components/digi-progress-circle.js +12 -8
- package/components/digi-progress-indicator.js +7 -3
- package/components/digi-progress-list-item.js +5 -5
- package/components/digi-progress-list.js +2 -2
- package/components/digi-progressbar.js +2 -2
- package/components/digi-quote.js +3 -3
- package/components/digi-table.js +1 -1
- package/components/digi-tablist-panel.js +2 -2
- package/components/digi-tablist.js +5 -5
- package/components/digi-tag-media.js +1 -1
- package/components/digi-tag.js +5 -3
- package/components/digi-tools-feedback-banner.js +1 -1
- package/components/digi-tools-feedback-rating.js +3 -3
- package/components/digi-tools-feedback.js +2 -3
- package/components/digi-tools-languagepicker.js +5 -5
- package/components/digi-typography-heading-jumbo.js +6 -2
- package/components/digi-typography-meta.js +37 -1
- package/components/digi-typography-preamble.js +1 -1
- package/components/digi-typography-time.js +1 -1
- package/components/digi-typography.js +1 -1
- package/components/digi-util-breakpoint-observer.js +1 -1
- package/components/digi-util-detect-click-outside.js +1 -1
- package/components/digi-util-detect-focus-outside.js +1 -1
- package/components/digi-util-intersection-observer.js +1 -1
- package/components/digi-util-keydown-handler.js +1 -1
- package/components/digi-util-keyup-handler.js +1 -1
- package/components/digi-util-resize-observer.js +1 -1
- package/components/index.d.ts +0 -6
- package/components/index.js +1 -5
- package/components/{p-d7211fec.js → p-2b4c472b.js} +1 -11
- package/components/{p-1ee02c0b.js → p-38b0d0c7.js} +1 -2
- package/components/{p-e87d124f.js → p-4b8bc232.js} +1 -1
- package/components/{p-ed121585.js → p-50634baa.js} +1 -1
- package/components/{p-83e38978.js → p-5e487ed4.js} +1 -1
- package/components/{p-dfa85da0.js → p-8a1aaa8e.js} +6 -6
- package/components/{p-809fd710.js → p-918e9955.js} +2 -2
- package/components/{p-23d4119d.js → p-950b05b1.js} +1 -1
- package/components/{p-f034b64e.js → p-aa59e5c0.js} +1 -1
- package/components/{p-af7ab137.js → p-d08de295.js} +1 -1
- package/components/{p-648cd0b2.js → p-ef49c2f8.js} +4 -5
- package/components/{p-2bfb4163.js → p-f0bdf339.js} +1 -1
- package/components/{p-71554a36.js → p-f3c5a743.js} +1 -1
- package/custom-elements.json +11 -120
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-button_6.cjs.entry.js +246 -2301
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +3 -4
- package/dist/cjs/digi-chart-line.cjs.entry.js +2314 -0
- package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -4
- package/dist/cjs/digi-code-example.cjs.entry.js +7 -5
- package/dist/cjs/digi-dialog.cjs.entry.js +3 -4
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +3 -4
- package/dist/cjs/digi-footer.cjs.entry.js +3 -4
- package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -4
- package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -4
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -4
- package/dist/cjs/digi-header-navigation.cjs.entry.js +3 -4
- package/dist/cjs/digi-header.cjs.entry.js +4 -5
- package/dist/cjs/digi-icon-chart_2.cjs.entry.js +53 -0
- package/dist/cjs/digi-icon-language-outline_4.cjs.entry.js +5 -5
- package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
- package/dist/cjs/digi-layout-block.cjs.entry.js +47 -0
- package/dist/cjs/digi-loader-spinner.cjs.entry.js +1 -1
- package/dist/cjs/digi-logo_2.cjs.entry.js +1 -1
- package/dist/cjs/digi-media-image_2.cjs.entry.js +1 -1
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +9 -10
- package/dist/cjs/digi-navigation-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +6 -6
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +1 -1
- package/dist/cjs/digi-notification-alert.cjs.entry.js +5 -6
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +7 -15
- package/dist/cjs/digi-progress-circle.cjs.entry.js +12 -8
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +7 -3
- package/dist/cjs/digi-progress-list-item.cjs.entry.js +5 -5
- package/dist/cjs/digi-progress-list.cjs.entry.js +1 -1
- package/dist/cjs/digi-progressbar.cjs.entry.js +2 -2
- package/dist/cjs/digi-quote.cjs.entry.js +1 -1
- package/dist/cjs/digi-table.cjs.entry.js +1 -1
- package/dist/cjs/digi-tablist-panel.cjs.entry.js +2 -2
- package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
- package/dist/cjs/digi-tag-media.cjs.entry.js +2 -2
- package/dist/cjs/digi-tag.cjs.entry.js +3 -2
- package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js +2 -2
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +4 -5
- package/dist/cjs/digi-tools-languagepicker.cjs.entry.js +3 -3
- package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +6 -2
- package/dist/cjs/digi-typography-meta.cjs.entry.js +1 -1
- package/dist/cjs/digi-typography-preamble.cjs.entry.js +1 -1
- package/dist/cjs/digi-typography-time.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-detect-click-outside.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-detect-focus-outside.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-keyup-handler.cjs.entry.js +1 -1
- package/dist/cjs/digi-util-resize-observer.cjs.entry.js +1 -1
- package/dist/cjs/index-cfa8e9be.js +18 -30
- package/dist/cjs/index.cjs.js +22 -35
- package/dist/cjs/layout-block-container.enum-52ae6994.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tools-feedback-variation.enum-4547e1e3.js → tools-feedback-variation.enum-2ac9956e.js} +0 -10
- package/dist/cjs/{layout-container-max-width.enum-7e637f44.js → typography-variation.enum-d7083728.js} +6 -7
- package/dist/collection/collection-manifest.json +0 -3
- package/dist/collection/components/_code/code-example/code-example.js +7 -5
- package/dist/collection/components/_loader/loader-spinner/loader-spinner.css +1 -0
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css +85 -172
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +190 -62
- package/dist/collection/components/_navigation/navigation-context-menu-legacy/navigation-context-menu.js +5 -5
- package/dist/collection/components/_navigation/navigation-pagination/navigation-pagination.js +6 -6
- package/dist/collection/components/_navigation/navigation-sidebar/navigation-sidebar.js +2 -2
- package/dist/collection/components/_navigation/navigation-sidebar-button/navigation-sidebar-button.js +1 -1
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
- package/dist/collection/components/_navigation/navigation-tablist-panel/tablist-panel.js +2 -2
- package/dist/collection/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.js +1 -1
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.js +6 -6
- package/dist/collection/components/_notification/notification-alert/notification-alert.js +2 -2
- package/dist/collection/components/_notification/notification-error-page/illustrations/illustrations.js +7 -7
- package/dist/collection/components/_notification/notification-error-page/notification-error-page.js +3 -3
- package/dist/collection/components/_progress/progress-circle/progress-circle.js +12 -8
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.js +7 -3
- package/dist/collection/components/_progress/progress-list/progress-list.js +1 -1
- package/dist/collection/components/_progress/progress-list-item/progress-list-item.js +5 -5
- package/dist/collection/components/_progress/progressbar/progressbar.js +2 -2
- package/dist/collection/components/_quote/quote/quote.js +1 -2
- package/dist/collection/components/_table/table/table.js +1 -1
- package/dist/collection/components/_tag/tag/tag.css +10 -0
- package/dist/collection/components/_tag/tag/tag.js +25 -1
- package/dist/collection/components/_tag/tag-media/tag-media.js +2 -2
- package/dist/collection/components/_tools/tools-feedback/tools-feedback.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js +2 -2
- package/dist/collection/components/_tools/tools-languagepicker/tools-languagepicker.js +4 -4
- package/dist/collection/components/_typography/typography/typography.js +1 -1
- package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js +6 -2
- package/dist/collection/components/_typography/typography-meta/typography-meta.js +1 -1
- package/dist/collection/components/_typography/typography-preamble/typography-preamble.js +1 -1
- package/dist/collection/components/_typography/typography-time/typography-time.js +1 -1
- package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js +1 -1
- package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js +1 -1
- package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js +1 -1
- package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js +1 -1
- package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js +1 -1
- package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js +1 -1
- package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js +1 -1
- package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +3 -47
- package/dist/collection/design-tokens/css/variables.css +3 -0
- package/dist/collection/design-tokens/scss/variables.scss +3 -0
- package/dist/collection/design-tokens/styleguide/web.json +57 -0
- package/dist/collection/design-tokens/styleguide/web.scss +3 -0
- package/dist/collection/enums.js +0 -2
- package/dist/collection/interfaces.js +0 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +41 -45
- package/dist/digi-arbetsformedlingen/design-tokens/css/variables.css +3 -0
- package/dist/digi-arbetsformedlingen/design-tokens/scss/variables.scss +3 -0
- package/dist/digi-arbetsformedlingen/design-tokens/styleguide/web.json +57 -0
- package/dist/digi-arbetsformedlingen/design-tokens/styleguide/web.scss +3 -0
- 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-005c72ca.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-028dd0d4.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-5a7a3e3d.entry.js → p-04ca1ba6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-0551a242.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-a64f6920.entry.js → p-0f485fa7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-14368210.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-16aa5a85.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-b1759898.entry.js → p-1d3f7336.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a4727186.entry.js → p-20a65f1c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-2af9b440.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-d3ad14b2.entry.js → p-2f79bfcc.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-11a56b7a.entry.js → p-346297b2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-ca626e5c.entry.js → p-349f73d9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6b57023d.entry.js → p-3ee7d913.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-816ed242.entry.js → p-3fde4aec.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-40a81c4a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-edda9cea.entry.js → p-419d99f0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4638e6b1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-c2bec230.entry.js → p-48664690.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4fa41b6b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-bbad90a7.entry.js → p-57665401.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-59d1de44.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-64609e83.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-61e92fa9.entry.js → p-66b0d3c6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0a6f6df3.entry.js → p-68886e60.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-699e385a.entry.js → p-7bbee718.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-7f4f58d5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-81cac8dd.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-860e37c2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8f42a48e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-9a53b638.entry.js → p-9657af86.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-9d5f4dd0.entry.js → p-966ea804.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-9a06e85b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-cccdb2c8.entry.js → p-9d8d64fa.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-caf79640.entry.js → p-a6fcc0f7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-a7970fe3.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-eb7ca274.entry.js → p-affe6eac.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-b77ea3a1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-70d542da.entry.js → p-ba740002.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-bad82d8a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-bd56d622.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c16371b2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-7b7c092f.entry.js → p-c16e6afe.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c2a5da97.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-8fc1143f.js → p-c2ee26cb.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c750cc28.entry.js → p-d630f2e9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-9c72fecd.entry.js → p-e07fed59.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-e361c7bb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-edd43c5d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ee5f2630.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-eedd8fdb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-305a1547.entry.js → p-f0cdaac5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0873a381.entry.js → p-f427db52.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-22beda0f.entry.js → p-f84d9dea.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-fa7824e9.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fa890d2b.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-bar-chart.entry.js +1 -1
- package/dist/esm/digi-button_6.entry.js +243 -2298
- package/dist/esm/digi-calendar-datepicker.entry.js +3 -4
- package/dist/esm/digi-chart-line.entry.js +2310 -0
- package/dist/esm/digi-code-block_3.entry.js +3 -4
- package/dist/esm/digi-code-example.entry.js +7 -5
- package/dist/esm/digi-dialog.entry.js +3 -4
- package/dist/esm/digi-expandable-accordion.entry.js +3 -4
- package/dist/esm/digi-footer.entry.js +3 -4
- package/dist/esm/digi-form-error-list.entry.js +3 -4
- package/dist/esm/digi-form-receipt.entry.js +3 -4
- package/dist/esm/digi-form-select-filter.entry.js +3 -4
- package/dist/esm/digi-header-navigation.entry.js +3 -4
- package/dist/esm/digi-header.entry.js +3 -4
- package/dist/esm/digi-icon-chart_2.entry.js +48 -0
- package/dist/esm/digi-icon-language-outline_4.entry.js +5 -5
- package/dist/esm/digi-icon-x.entry.js +26 -0
- package/dist/esm/digi-layout-block.entry.js +43 -0
- package/dist/esm/digi-loader-spinner.entry.js +1 -1
- package/dist/esm/digi-logo_2.entry.js +1 -1
- package/dist/esm/digi-media-image_2.entry.js +1 -1
- package/dist/esm/digi-navigation-pagination.entry.js +9 -10
- package/dist/esm/digi-navigation-sidebar.entry.js +2 -2
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +6 -6
- package/dist/esm/digi-navigation-vertical-menu.entry.js +1 -1
- package/dist/esm/digi-notification-alert.entry.js +5 -6
- package/dist/esm/digi-notification-error-page.entry.js +7 -15
- package/dist/esm/digi-progress-circle.entry.js +12 -8
- package/dist/esm/digi-progress-indicator.entry.js +7 -3
- package/dist/esm/digi-progress-list-item.entry.js +5 -5
- package/dist/esm/digi-progress-list.entry.js +1 -1
- package/dist/esm/digi-progressbar.entry.js +2 -2
- package/dist/esm/digi-quote.entry.js +1 -1
- package/dist/esm/digi-table.entry.js +1 -1
- package/dist/esm/digi-tablist-panel.entry.js +2 -2
- package/dist/esm/digi-tablist.entry.js +5 -5
- package/dist/esm/digi-tag-media.entry.js +2 -2
- package/dist/esm/digi-tag.entry.js +3 -2
- package/dist/esm/digi-tools-feedback-banner.entry.js +1 -1
- package/dist/esm/digi-tools-feedback-rating.entry.js +2 -2
- package/dist/esm/digi-tools-feedback.entry.js +4 -5
- package/dist/esm/digi-tools-languagepicker.entry.js +3 -3
- package/dist/esm/digi-typography-heading-jumbo.entry.js +6 -2
- package/dist/esm/digi-typography-meta.entry.js +1 -1
- package/dist/esm/digi-typography-preamble.entry.js +1 -1
- package/dist/esm/digi-typography-time.entry.js +1 -1
- package/dist/esm/digi-util-breakpoint-observer.entry.js +1 -1
- package/dist/esm/digi-util-detect-click-outside.entry.js +1 -1
- package/dist/esm/digi-util-detect-focus-outside.entry.js +1 -1
- package/dist/esm/digi-util-keydown-handler.entry.js +1 -1
- package/dist/esm/digi-util-keyup-handler.entry.js +1 -1
- package/dist/esm/digi-util-resize-observer.entry.js +1 -1
- package/dist/esm/index-8e318bb2.js +18 -30
- package/dist/esm/index.js +3 -4
- package/dist/esm/layout-block-container.enum-29d52ee9.js +8 -0
- package/dist/esm/{linear-f59f8318.js → linear-ef018ffb.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tools-feedback-variation.enum-92d10df2.js → tools-feedback-variation.enum-45abb679.js} +1 -11
- package/dist/esm/{layout-container-max-width.enum-c40018ac.js → typography-variation.enum-d9fdbf06.js} +7 -8
- package/dist/types/components/_code/code-example/code-example.d.ts +1 -0
- package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +52 -14
- package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.types.d.ts +7 -3
- package/dist/types/components/_progress/progress-circle/progress-circle.d.ts +4 -0
- package/dist/types/components/_progress/progress-indicator/progress-indicator.d.ts +4 -0
- package/dist/types/components/_quote/quote/quote.d.ts +0 -1
- package/dist/types/components/_tag/tag/tag.d.ts +4 -0
- package/dist/types/components/_tools/tools-languagepicker/tools-languagepicker.d.ts +1 -1
- package/dist/types/components/_typography/typography-heading-jumbo/typography-heading-jumbo.d.ts +4 -0
- package/dist/types/components.d.ts +77 -220
- package/dist/types/enums.d.ts +0 -2
- package/dist/types/interfaces.d.ts +0 -1
- package/hydrate/index.js +250 -451
- package/hydrate/index.mjs +250 -451
- package/package.json +1 -1
- package/components/digi-navigation-dropdown.d.ts +0 -11
- package/components/digi-navigation-dropdown.js +0 -6
- package/components/digi-quote-multi-container.d.ts +0 -11
- package/components/digi-quote-multi-container.js +0 -39
- package/components/digi-quote-single.d.ts +0 -11
- package/components/digi-quote-single.js +0 -63
- package/components/p-3f827c1d.js +0 -39
- package/components/p-8fa816d6.js +0 -8
- package/components/p-e308ef6b.js +0 -221
- package/dist/cjs/digi-context-menu.cjs.entry.js +0 -132
- 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-layout-block_2.cjs.entry.js +0 -92
- package/dist/cjs/digi-navigation-dropdown.cjs.entry.js +0 -188
- package/dist/cjs/digi-quote-multi-container.cjs.entry.js +0 -23
- package/dist/cjs/digi-quote-single.cjs.entry.js +0 -33
- package/dist/cjs/quote-single-variation.enum-53f94dbc.js +0 -8
- package/dist/cjs/typography-variation.enum-5b035b3b.js +0 -7
- package/dist/collection/components/_navigation/navigation-dropdown/navigation-dropdown.css +0 -319
- package/dist/collection/components/_navigation/navigation-dropdown/navigation-dropdown.js +0 -539
- package/dist/collection/components/_navigation/navigation-dropdown/navigation-dropdown.types.js +0 -1
- package/dist/collection/components/_quote/quote-multi-container/quote-multi-container-heading-level.enum.js +0 -9
- package/dist/collection/components/_quote/quote-multi-container/quote-multi-container.css +0 -26
- package/dist/collection/components/_quote/quote-multi-container/quote-multi-container.js +0 -86
- package/dist/collection/components/_quote/quote-single/quote-single-variation.enum.js +0 -6
- package/dist/collection/components/_quote/quote-single/quote.css +0 -324
- package/dist/collection/components/_quote/quote-single/quote.js +0 -141
- package/dist/collection/design-tokens/components/_quote-quote-multi-container.variables.scss +0 -5
- package/dist/collection/design-tokens/components/_quote-single.variables.scss +0 -14
- package/dist/digi-arbetsformedlingen/design-tokens/components/_quote-quote-multi-container.variables.scss +0 -5
- package/dist/digi-arbetsformedlingen/design-tokens/components/_quote-single.variables.scss +0 -14
- package/dist/digi-arbetsformedlingen/p-02646d18.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0eac1bee.js +0 -1
- package/dist/digi-arbetsformedlingen/p-125dd887.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-167234fc.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-195cf497.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-25faef21.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-300aa9ef.js +0 -1
- package/dist/digi-arbetsformedlingen/p-331e95be.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4028ad65.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-45fe2828.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4c6f74fb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4e9b1820.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-51706444.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7cb35359.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-81e86ac1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-848aa358.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-87c1f5c7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8fa816d6.js +0 -1
- package/dist/digi-arbetsformedlingen/p-903b00e6.js +0 -1
- package/dist/digi-arbetsformedlingen/p-994395cb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a06dd644.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a272c883.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a6d806e5.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d7fe697e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-de4c4238.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e092908a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e661462a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e8ae7a8d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f2339f8e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f4c3f47e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fb8ac3de.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fc4dc147.entry.js +0 -1
- package/dist/esm/digi-context-menu.entry.js +0 -128
- 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-layout-block_2.entry.js +0 -87
- package/dist/esm/digi-navigation-dropdown.entry.js +0 -184
- package/dist/esm/digi-quote-multi-container.entry.js +0 -19
- package/dist/esm/digi-quote-single.entry.js +0 -29
- package/dist/esm/quote-single-variation.enum-be92a9f7.js +0 -8
- package/dist/esm/typography-variation.enum-38d1ef90.js +0 -7
- package/dist/types/components/_navigation/navigation-dropdown/navigation-dropdown.d.ts +0 -44
- package/dist/types/components/_navigation/navigation-dropdown/navigation-dropdown.types.d.ts +0 -18
- package/dist/types/components/_quote/quote-multi-container/quote-multi-container-heading-level.enum.d.ts +0 -8
- package/dist/types/components/_quote/quote-multi-container/quote-multi-container.d.ts +0 -25
- package/dist/types/components/_quote/quote-single/quote-single-variation.enum.d.ts +0 -5
- package/dist/types/components/_quote/quote-single/quote.d.ts +0 -40
package/hydrate/index.mjs
CHANGED
|
@@ -9292,23 +9292,6 @@ var QuoteImageInnerPosition;
|
|
|
9292
9292
|
QuoteImageInnerPosition["RIGHT"] = "right";
|
|
9293
9293
|
})(QuoteImageInnerPosition || (QuoteImageInnerPosition = {}));
|
|
9294
9294
|
|
|
9295
|
-
var QuoteMultiContainerHeadingLevel;
|
|
9296
|
-
(function (QuoteMultiContainerHeadingLevel) {
|
|
9297
|
-
QuoteMultiContainerHeadingLevel["H1"] = "h1";
|
|
9298
|
-
QuoteMultiContainerHeadingLevel["H2"] = "h2";
|
|
9299
|
-
QuoteMultiContainerHeadingLevel["H3"] = "h3";
|
|
9300
|
-
QuoteMultiContainerHeadingLevel["H4"] = "h4";
|
|
9301
|
-
QuoteMultiContainerHeadingLevel["H5"] = "h5";
|
|
9302
|
-
QuoteMultiContainerHeadingLevel["H6"] = "h6";
|
|
9303
|
-
})(QuoteMultiContainerHeadingLevel || (QuoteMultiContainerHeadingLevel = {}));
|
|
9304
|
-
|
|
9305
|
-
var QuoteSingleVariation;
|
|
9306
|
-
(function (QuoteSingleVariation) {
|
|
9307
|
-
QuoteSingleVariation["PRIMARY"] = "primary";
|
|
9308
|
-
QuoteSingleVariation["SECONDARY"] = "secondary";
|
|
9309
|
-
QuoteSingleVariation["TERTIARY"] = "tertiary";
|
|
9310
|
-
})(QuoteSingleVariation || (QuoteSingleVariation = {}));
|
|
9311
|
-
|
|
9312
9295
|
var TableSize;
|
|
9313
9296
|
(function (TableSize) {
|
|
9314
9297
|
TableSize["SMALL"] = "small";
|
|
@@ -19065,6 +19048,7 @@ var DigiCodeExampleStyle0 = codeExampleCss;
|
|
|
19065
19048
|
class CodeExample {
|
|
19066
19049
|
constructor(hostRef) {
|
|
19067
19050
|
registerInstance(this, hostRef);
|
|
19051
|
+
this._id = randomIdGenerator('code');
|
|
19068
19052
|
this.isActive = true;
|
|
19069
19053
|
this.codeLanguage = undefined;
|
|
19070
19054
|
this.hasControls = undefined;
|
|
@@ -19186,23 +19170,23 @@ class CodeExample {
|
|
|
19186
19170
|
.replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
|
|
19187
19171
|
}
|
|
19188
19172
|
render() {
|
|
19189
|
-
return (hAsync("div", { key: '
|
|
19173
|
+
return (hAsync("div", { key: '1fc09f95af1e8f599b593ddad279743574ded843', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, hAsync("div", { key: '696edf1c732923293a2406393207eecd921b17de', class: {
|
|
19190
19174
|
'digi-code-example__container': true
|
|
19191
|
-
} }, hAsync("div", { key: '
|
|
19175
|
+
} }, hAsync("div", { key: '9cc7fa9e045bbeda26fa4b8d9f96efebc24da263', class: "digi-code-example__example" }, hAsync("slot", { key: '01a468003e94818b1459b62b90a83a8304acaaa8' })), !this.afHideCode && (hAsync("div", { key: '565f2d91029c63a867e3f80c12c736e5b03deec9', class: "digi-code-example__code" }, this.showMoreButton && (hAsync("button", { key: '3cea8c377900e8244bc164318875b3e2b8c0b1a3', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', hAsync("digi-icon-chevron-down", { key: '1b2260b6ba50e105d1cf7cfbd77b6506904ad138', class: {
|
|
19192
19176
|
'digi-code-example__code-expand-icon': true,
|
|
19193
19177
|
'digi-code-example__code-expand-icon--open': this.isActive
|
|
19194
|
-
}, "aria-hidden": "true" }))), hAsync("div", { key: '
|
|
19178
|
+
}, "aria-hidden": "true" }))), hAsync("div", { key: '5d3fc7f0415d1c7bf698d7275d3d04ca0f5fd4c5', class: {
|
|
19195
19179
|
'digi-code-example__codeblock': true,
|
|
19196
19180
|
'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
|
|
19197
19181
|
'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
|
|
19198
19182
|
'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
|
|
19199
|
-
} }, hAsync("digi-code-block", { key: '
|
|
19183
|
+
} }, hAsync("digi-code-block", { key: 'c1caedb22bf5d4ebe05cb060e1500b9c25bb0865', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (hAsync("div", { class: {
|
|
19200
19184
|
'digi-code-example__fade': true,
|
|
19201
19185
|
'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
|
|
19202
19186
|
'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
|
|
19203
19187
|
}, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (hAsync("div", { class: {
|
|
19204
19188
|
'digi-code-example__controls': true
|
|
19205
|
-
}, hidden: !!this.afHideControls }, hAsync("span", null, hAsync("slot", { name: "controls" }), hAsync("div", { class: "slot__controls" }, this.codeExampleLanguages && (hAsync("digi-form-fieldset", { "af-legend": _t.code.language, "af-name":
|
|
19189
|
+
}, hidden: !!this.afHideControls }, hAsync("span", null, hAsync("slot", { name: "controls" }), hAsync("div", { class: "slot__controls" }, this.codeExampleLanguages && (hAsync("digi-form-fieldset", { "af-legend": _t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (hAsync("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), hAsync("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, hAsync("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy))) : (!this.afHideControls && (hAsync("digi-button", { class: {
|
|
19206
19190
|
'digi-code-example__copy-button': true,
|
|
19207
19191
|
'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
|
|
19208
19192
|
}, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, hAsync("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
|
|
@@ -19234,10 +19218,10 @@ class CodeExample {
|
|
|
19234
19218
|
}; }
|
|
19235
19219
|
}
|
|
19236
19220
|
|
|
19237
|
-
const navigationContextMenuCss$1 = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{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}.digi--util--hidden{display:none}[id$=-identifier]{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--display--start:block;--digi--navigation-context-menu--display--end:inline-block;--digi--navigation-context-menu--content--position:absolute;--digi--navigation-context-menu--content--margin-top:var(--digi--gutter--smaller);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--button--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button--background:transparent;--digi--navigation-context-menu--button--background--hover:transparent;--digi--navigation-context-menu--button--color:var(--digi--color--text--primary);--digi--navigation-context-menu--button--border:0;--digi--navigation-context-menu--button--font-weight:normal;--digi--navigation-context-menu--button--padding:var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);--digi--navigation-context-menu--button--bordered--padding:var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);--digi--navigation-context-menu--button--outline--focus:none;--digi--navigation-context-menu--button--width:100%;--digi--navigation-context-menu--button--text-align:left;--digi--navigation-context-menu--button--display:flex;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-icon--margin-right:-1.125rem;--digi--navigation-context-menu--button-icon--margin-left:0.25rem;--digi--navigation-context-menu--button-icon--display:inline-flex;--digi--navigation-context-menu--link--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--link--text-decoration:none;--digi--navigation-context-menu--link--color:var(--digi--color--text--primary);--digi--navigation-context-menu--link--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--link--focus--outline:none;--digi--navigation-context-menu--link--padding:var(--digi--gutter--smallest-2) var(--digi--gutter--large);--digi--navigation-context-menu--link--bordered--padding:var(--digi--gutter--large);--digi--navigation-context-menu--link--display:inline-block;--digi--navigation-context-menu--link--width:100%;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--font-size--desktop:var(--digi--typography--body--font-size--desktop-large);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--button-trigger--background-color:transparent;--digi--navigation-context-menu--button-trigger--background-color--hover:transparent;--digi--navigation-context-menu--button-trigger--border-radius:initial;--digi--navigation-context-menu--button-trigger--border-radius--hover:initial;--digi--navigation-context-menu--button-trigger--border-radius--focus:initial;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-wight--selected:600;--digi--navigation-context-menu--item--border-top:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);--digi--navigation-context-menu--items--margin:0;--digi--navigation-context-menu--items--padding:var(--digi--gutter--large) 0}[id$=-identifier] .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}[id$=-identifier] .content-wrapper{display:flex;flex-direction:row;align-items:center;padding-left:1rem;padding-right:1rem;gap:0.5rem}[id$=-identifier] .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:var(--digi--navigation-context-menu--display--start)}[id$=-identifier] .digi-navigation-context-menu--horizontal-position-end{position:relative;--HORIZONTAL-POSITION:0;--digi--navigation-context-menu--display--start:var(\n --digi--navigation-context-menu--display--end\n )}[id$=-identifier] .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}[id$=-identifier] .digi-navigation-context-menu__trigger-button{--digi--button--padding--medium:var(\n --digi--navigation-context-menu--button-trigger--padding\n );--digi--button--font-size--medium:var(\n --digi--navigation-context-menu--button-trigger--font-size\n )}[id$=-identifier] .digi-navigation-context-menu__content{right:var(--HORIZONTAL-POSITION);margin-top:var(--digi--navigation-context-menu--content--margin-top);position:var(--digi--navigation-context-menu--content--position);background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);z-index:1}[id$=-identifier] .digi-navigation-context-menu__content--hidden{display:none}[id$=-identifier] .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family)}[id$=-identifier] .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item--active{background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item--selected{--digi--navigation-context-menu--button--font-weight:var(\n --digi--navigation-context-menu--item--font-wight--selected\n );background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item[dir=rtl] digi-icon-chevron-down,[id$=-identifier] .digi-navigation-context-menu__item[dir=rtl] digi-icon-check{margin-right:var(--digi--navigation-context-menu--button-icon--margin-left);margin-left:var(--digi--navigation-context-menu--button-icon--margin-right)}[id$=-identifier] .digi-navigation-context-menu__item.digi-navigation-context-menu__item--selected[dir=rtl] .digi-navigation-context-menu__button{--digi--button--padding--medium:var(--digi--gutter--large) 0\n var(--digi--gutter--large) var(--digi--gutter--largest-3)}[id$=-identifier] .digi-navigation-context-menu__item.digi-navigation-context-menu__item--selected[dir=ltr] .digi-navigation-context-menu__button{--digi--button--padding--medium:var(--digi--gutter--large)\n var(--digi--gutter--large) var(--digi--gutter--large) 0}[id$=-identifier] .digi-navigation-context-menu__button{--digi--button--font-size--medium:var(\n --digi--navigation-context-menu--button--font-size\n );--digi--button--color--background--primary--default:var(\n --digi--navigation-context-menu--button--background\n );--digi--button--color--background--primary--focus:var(\n --digi--navigation-context-menu--button--background\n );--digi--button--color--text--primary--default:var(\n --digi--navigation-context-menu--button--color\n );--digi--button--color--text--primary--hover:var(\n --digi--navigation-context-menu--button--color\n );--digi--button--border-width--primary--default:var(\n --digi--navigation-context-menu--button--border\n );--digi--button--border-width--primary--hover:var(\n --digi--navigation-context-menu--button--border\n );--digi--button--font-weight:var(\n --digi--navigation-context-menu--button--font-weight\n );--digi--button--padding--medium:var(\n --digi--navigation-context-menu--button--padding\n );--digi--button--color--background--primary--hover:var(\n --digi--navigation-context-menu--button--background--hover\n );--digi--button--outline--focus:var(\n --digi--navigation-context-menu--button--outline--focus\n );--digi--button--width:var(--digi--navigation-context-menu--button--width);--digi--button--text-align:var(\n --digi--navigation-context-menu--button--text-align\n );--digi--button--display:var(\n --digi--navigation-context-menu--button--display\n );--digi--button--color--text--primary--focus:var(\n --digi--navigation-context-menu--link--color\n );--digi--button--color--background--primary--active:unset;--digi--button--color--text--primary--active:var(\n --digi--navigation-context-menu--button--color\n );flex:1 0 0}[id$=-identifier] .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n --digi--navigation-context-menu--button-icon--width\n )}[id$=-identifier] .digi-navigation-context-menu__link{font-size:var(--digi--navigation-context-menu--link--font-size);text-decoration:var(--digi--navigation-context-menu--link--text-decoration);color:var(--digi--navigation-context-menu--link--color);font-family:var(--digi--navigation-context-menu--link--font-family);padding:var(--digi--navigation-context-menu--link--padding);display:var(--digi--navigation-context-menu--link--display);box-sizing:border-box;width:var(--digi--navigation-context-menu--link--width)}[id$=-identifier] .digi-navigation-context-menu__link:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}[id$=-identifier] .digi-navigation-context-menu__items{list-style:none;margin:var(--digi--navigation-context-menu--items--margin);padding:var(--digi--navigation-context-menu--items--padding)}[id$=-identifier] .digi-navigation-context-menu__items--bordered{--digi--navigation-context-menu--button--padding:var(\n --digi--navigation-context-menu--button--bordered--padding\n )}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__link{padding:var(--digi--navigation-context-menu--link--bordered--padding)}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__item{margin:0;padding:0}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__item:not(:first-child){border-top:var(--digi--navigation-context-menu--item--border-top)}";
|
|
19221
|
+
const navigationContextMenuCss$1 = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{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}.digi--util--hidden{display:none}.digi-navigation-context-menu{display:block;box-sizing:border-box;width:fit-content}.digi-navigation-context-menu *,.digi-navigation-context-menu *::before,.digi-navigation-context-menu *::after{box-sizing:border-box}:host{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary)}.digi-navigation-context-menu--id-wrapper{display:grid}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:block}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__trigger-button{display:block;--digi--button--padding--medium:var(\n --digi--navigation-context-menu--button-trigger--padding\n );width:fit-content;--digi--button--font-size--medium:var(\n --digi--navigation-context-menu--button-trigger--font-size\n )}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__list{width:100%;position:relative;display:inline-grid}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);position:absolute}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--visible{display:block}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-right{right:0}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-center{left:50%;transform:translateX(-50%)}.digi-navigation-context-menu--id-wrapper .content-wrapper{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--active{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link{list-style:none;margin:0;padding:0}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link a{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n --digi--navigation-context-menu--button-icon--width\n )}";
|
|
19238
19222
|
var DigiContextMenuStyle0 = navigationContextMenuCss$1;
|
|
19239
19223
|
|
|
19240
|
-
function deserializeProp
|
|
19224
|
+
function deserializeProp(prop) {
|
|
19241
19225
|
if (typeof prop === 'string') {
|
|
19242
19226
|
return JSON.parse(prop);
|
|
19243
19227
|
}
|
|
@@ -19255,6 +19239,9 @@ class ContextMenu {
|
|
|
19255
19239
|
this.afToggleMenu = createEvent(this, "afToggleMenu", 7);
|
|
19256
19240
|
this.afBlur = createEvent(this, "afBlur", 7);
|
|
19257
19241
|
this.itemRefs = {};
|
|
19242
|
+
this.visible = false;
|
|
19243
|
+
this.activeItemIdx = undefined;
|
|
19244
|
+
this.selectItemIdx = 0;
|
|
19258
19245
|
this.afId = randomIdGenerator('digi-context-menu');
|
|
19259
19246
|
this.afIcon = undefined;
|
|
19260
19247
|
this.afTitle = undefined;
|
|
@@ -19264,9 +19251,6 @@ class ContextMenu {
|
|
|
19264
19251
|
this.afAriaLabel = undefined;
|
|
19265
19252
|
this.afMenuPosition = 'left-bottom';
|
|
19266
19253
|
this.afActiveItem = undefined;
|
|
19267
|
-
this.items = [];
|
|
19268
|
-
this.visible = false;
|
|
19269
|
-
this.activeItemIdx = undefined;
|
|
19270
19254
|
}
|
|
19271
19255
|
clickHandler(e) {
|
|
19272
19256
|
const target = e.target;
|
|
@@ -19283,6 +19267,24 @@ class ContextMenu {
|
|
|
19283
19267
|
this.afBlur.emit();
|
|
19284
19268
|
}
|
|
19285
19269
|
}
|
|
19270
|
+
syncActiveItem() {
|
|
19271
|
+
if (this.afActiveItem != null) {
|
|
19272
|
+
const menuItems = this.afMenuItems;
|
|
19273
|
+
this.activeItemIdx = menuItems.findIndex((item) => item.id.toString() === this.afActiveItem);
|
|
19274
|
+
}
|
|
19275
|
+
}
|
|
19276
|
+
syncItems() {
|
|
19277
|
+
this.afMenuItems = deserializeProp(this.afMenuItems);
|
|
19278
|
+
}
|
|
19279
|
+
componentWillLoad() {
|
|
19280
|
+
this.syncItems();
|
|
19281
|
+
this.syncActiveItem();
|
|
19282
|
+
}
|
|
19283
|
+
get digiIcon() {
|
|
19284
|
+
if (this.afIcon != null) {
|
|
19285
|
+
return `digi-icon-${this.afIcon}`;
|
|
19286
|
+
}
|
|
19287
|
+
}
|
|
19286
19288
|
hideMenu() {
|
|
19287
19289
|
this.visible = false;
|
|
19288
19290
|
this.afToggleMenu.emit(this.visible);
|
|
@@ -19291,66 +19293,153 @@ class ContextMenu {
|
|
|
19291
19293
|
this.visible = true;
|
|
19292
19294
|
this.afToggleMenu.emit(this.visible);
|
|
19293
19295
|
}
|
|
19294
|
-
|
|
19295
|
-
|
|
19296
|
+
isLink() {
|
|
19297
|
+
if (this.afMenuItems && this.afMenuItems.length > 0) {
|
|
19298
|
+
const itemToCheck = this.afMenuItems[0];
|
|
19299
|
+
return itemToCheck.type && itemToCheck.type === 'link';
|
|
19300
|
+
}
|
|
19301
|
+
return false;
|
|
19302
|
+
}
|
|
19303
|
+
async handleToggle() {
|
|
19296
19304
|
if (this.visible) {
|
|
19297
19305
|
this.hideMenu();
|
|
19298
|
-
|
|
19306
|
+
this.focusOnButton();
|
|
19299
19307
|
}
|
|
19300
19308
|
else {
|
|
19301
19309
|
this.showMenu();
|
|
19302
|
-
|
|
19303
|
-
|
|
19304
|
-
|
|
19310
|
+
if (!this.isLink()) {
|
|
19311
|
+
const idx = this.activeItemIdx || 0;
|
|
19312
|
+
const item = this.afMenuItems[idx];
|
|
19313
|
+
setTimeout(() => this.itemRefs[item.id].focus(), 25);
|
|
19314
|
+
}
|
|
19305
19315
|
}
|
|
19306
19316
|
}
|
|
19317
|
+
async focusOnButton() {
|
|
19318
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
19319
|
+
// @ts-expect-error
|
|
19320
|
+
const digiButton = this.buttonRef;
|
|
19321
|
+
const button = (await digiButton.afMGetButtonElement());
|
|
19322
|
+
button.focus();
|
|
19323
|
+
}
|
|
19307
19324
|
handleChangeItem(item, idx) {
|
|
19308
19325
|
this.activeItemIdx = idx;
|
|
19309
19326
|
this.handleToggle();
|
|
19310
19327
|
this.afChangeItem.emit({ item, idx });
|
|
19311
19328
|
}
|
|
19312
|
-
handleFocusItem(item, idx) {
|
|
19313
|
-
this.afFocusItem.emit({ item, idx });
|
|
19314
|
-
}
|
|
19315
19329
|
handleRef(ref, refId, payload) {
|
|
19316
19330
|
if (refId === 'item') {
|
|
19317
19331
|
this.itemRefs[payload.id] = ref;
|
|
19318
19332
|
}
|
|
19319
19333
|
}
|
|
19320
|
-
|
|
19321
|
-
if (this.
|
|
19322
|
-
this.activeItemIdx
|
|
19334
|
+
isActive(idx) {
|
|
19335
|
+
if ((this.activeItemIdx !== undefined || this.activeItemIdx !== null) &&
|
|
19336
|
+
this.activeItemIdx === idx) {
|
|
19337
|
+
return true;
|
|
19323
19338
|
}
|
|
19339
|
+
return false;
|
|
19324
19340
|
}
|
|
19325
|
-
|
|
19326
|
-
this.
|
|
19341
|
+
isSelected(idx) {
|
|
19342
|
+
return this.selectItemIdx === idx;
|
|
19327
19343
|
}
|
|
19328
|
-
|
|
19329
|
-
this.
|
|
19330
|
-
|
|
19344
|
+
nextIdx(idx) {
|
|
19345
|
+
if (idx > this.afMenuItems.length - 1) {
|
|
19346
|
+
return 0;
|
|
19347
|
+
}
|
|
19348
|
+
else if (idx < 0) {
|
|
19349
|
+
return this.afMenuItems.length - 1;
|
|
19350
|
+
}
|
|
19351
|
+
else {
|
|
19352
|
+
return idx;
|
|
19353
|
+
}
|
|
19331
19354
|
}
|
|
19332
|
-
|
|
19333
|
-
|
|
19334
|
-
|
|
19355
|
+
activateItem(idx) {
|
|
19356
|
+
const item = this.afMenuItems[idx];
|
|
19357
|
+
this.activeItemIdx = idx;
|
|
19358
|
+
this.focusItem(idx);
|
|
19359
|
+
this.handleChangeItem(item, idx);
|
|
19360
|
+
}
|
|
19361
|
+
focusItem(idx) {
|
|
19362
|
+
var _a;
|
|
19363
|
+
const item = this.afMenuItems[idx];
|
|
19364
|
+
this.selectItemIdx = idx;
|
|
19365
|
+
(_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
19366
|
+
this.afFocusItem.emit({ item, idx });
|
|
19367
|
+
}
|
|
19368
|
+
focusCaptured() {
|
|
19369
|
+
const menuItems = this.afMenuItems;
|
|
19370
|
+
return menuItems.some((item) => this.itemRefs[item.id] === document.activeElement);
|
|
19371
|
+
}
|
|
19372
|
+
handleKey(e) {
|
|
19373
|
+
if (!this.focusCaptured())
|
|
19374
|
+
return;
|
|
19375
|
+
switch (e.key) {
|
|
19376
|
+
case 'ArrowUp':
|
|
19377
|
+
this.focusItem(this.nextIdx(this.selectItemIdx - 1));
|
|
19378
|
+
break;
|
|
19379
|
+
case 'ArrowDown':
|
|
19380
|
+
this.focusItem(this.nextIdx(this.selectItemIdx + 1));
|
|
19381
|
+
break;
|
|
19382
|
+
case 'Escape':
|
|
19383
|
+
this.hideMenu();
|
|
19384
|
+
this.focusOnButton();
|
|
19385
|
+
break;
|
|
19386
|
+
case 'Enter':
|
|
19387
|
+
case ' ':
|
|
19388
|
+
e.preventDefault();
|
|
19389
|
+
e.stopPropagation();
|
|
19390
|
+
this.activateItem(this.selectItemIdx);
|
|
19391
|
+
break;
|
|
19335
19392
|
}
|
|
19336
19393
|
}
|
|
19394
|
+
handleLinkClick(e, item, idx) {
|
|
19395
|
+
if (!item.overrideLink) {
|
|
19396
|
+
window.location.assign(item.href);
|
|
19397
|
+
}
|
|
19398
|
+
else {
|
|
19399
|
+
e.preventDefault();
|
|
19400
|
+
this.handleChangeItem(item, idx);
|
|
19401
|
+
}
|
|
19402
|
+
}
|
|
19403
|
+
renderLink(item, idx) {
|
|
19404
|
+
const menuItem = this.afMenuItems[idx];
|
|
19405
|
+
return (hAsync("li", { id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
|
|
19406
|
+
'digi-navigation-context-menu__item': true,
|
|
19407
|
+
'digi-navigation-context-menu__item--link': true,
|
|
19408
|
+
'digi-navigation-context-menu__item--active': this.isActive(idx)
|
|
19409
|
+
}, dir: this.afDir, lang: this.afLang, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, hAsync("a", { "aria-label": item.ariaLabel ? item.ariaLabel : null, href: menuItem.href ? menuItem.href : null, onClick: (e) => this.handleLinkClick(e, item, idx) }, item.title)));
|
|
19410
|
+
}
|
|
19411
|
+
renderDiv(item, idx) {
|
|
19412
|
+
return (hAsync("div", { role: "option", id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
|
|
19413
|
+
'digi-navigation-context-menu__item': true,
|
|
19414
|
+
'digi-navigation-context-menu__item--active': this.isActive(idx)
|
|
19415
|
+
}, dir: this.afDir, lang: this.afLang, "aria-selected": this.isActive(idx).toString(), tabIndex: this.isSelected(idx) ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, hAsync("div", { class: "content-wrapper" }, hAsync("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
|
|
19416
|
+
visibility: idx === this.activeItemIdx && this.visible
|
|
19417
|
+
? 'visible'
|
|
19418
|
+
: 'hidden'
|
|
19419
|
+
} }), hAsync("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
|
|
19420
|
+
}
|
|
19337
19421
|
render() {
|
|
19338
|
-
|
|
19339
|
-
|
|
19340
|
-
const Container = menuItem.type === 'link' ? 'a' : 'div';
|
|
19341
|
-
const containerArgs = menuItem.type === 'link'
|
|
19342
|
-
? { href: menuItem.href, tabindex: -1 }
|
|
19343
|
-
: {};
|
|
19344
|
-
const showIcon = menuItem.type !== 'link';
|
|
19345
|
-
return (hAsync(Container, Object.assign({ class: "content-wrapper" }, containerArgs), showIcon && (hAsync("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
|
|
19346
|
-
visibility: idx === this.activeItemIdx && this.visible
|
|
19347
|
-
? 'visible'
|
|
19348
|
-
: 'hidden'
|
|
19349
|
-
} })), hAsync("p", null, item.title)));
|
|
19350
|
-
} }, hAsync("digi-button", { key: 'b8e22491a441218e7f2d47ff7a64acdbceb8291a', id: `${this.afId}-trigger`, afInputRef: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: this.afId, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
|
|
19422
|
+
const menuItems = this.afMenuItems;
|
|
19423
|
+
return (hAsync(Host, { key: '8b9ddb1d31e294505f5ae3f226510ba587ecfc04', class: 'digi-navigation-context-menu' }, hAsync("div", { key: 'bcc94554eb00a58409b7cae6a5c3668767ddb26d', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, hAsync("digi-button", { key: '287e0f1f1afba43c8250185e5ea589aa26c5367c', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
|
|
19351
19424
|
'digi-navigation-context-menu__trigger-button': true,
|
|
19352
19425
|
'digi-navigation-context-menu--active': this.visible
|
|
19353
|
-
} }, !!this.afIcon && hAsync(this.digiIcon, { key: '
|
|
19426
|
+
} }, !!this.afIcon && hAsync(this.digiIcon, { key: 'db42fdd3432f87096be2e5da8b3e05732b0aedf4', slot: "icon" }), this.afTitle, hAsync("digi-icon-chevron-down", { key: '7977ded8cc5a7aa0aec7e2735dc38f95a4d31a06', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), hAsync("div", { key: '5ff21d52bb2f57c8777bd04bf906730c960bc054', class: "digi-navigation-context-menu__list" }, hAsync("div", { key: 'a8e81ab1b3c371ef501bf96f7c14c11d54a97836', onKeyDown: (e) => {
|
|
19427
|
+
this.handleKey(e);
|
|
19428
|
+
}, id: `${this.afId}-dropdown`, style: {
|
|
19429
|
+
visibility: this.visible ? 'visible' : 'hidden'
|
|
19430
|
+
}, role: this.isLink() ? 'list' : 'listbox', "aria-labelledby": `${this.afId}-trigger`, class: {
|
|
19431
|
+
'dropdown-wrapper': true,
|
|
19432
|
+
'dropdown-wrapper--visible': this.visible,
|
|
19433
|
+
'dropdown-wrapper--position-right': this.afMenuPosition === 'right-bottom',
|
|
19434
|
+
'dropdown-wrapper--position-center': this.afMenuPosition === 'center-bottom'
|
|
19435
|
+
} }, menuItems &&
|
|
19436
|
+
menuItems.map((item, idx) => {
|
|
19437
|
+
const menuItem = menuItems[idx];
|
|
19438
|
+
if (menuItem.type && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.type) === 'link') {
|
|
19439
|
+
return this.renderLink(item, idx);
|
|
19440
|
+
}
|
|
19441
|
+
return this.renderDiv(item, idx);
|
|
19442
|
+
}))))));
|
|
19354
19443
|
}
|
|
19355
19444
|
static get watchers() { return {
|
|
19356
19445
|
"afActiveItem": ["syncActiveItem"],
|
|
@@ -19370,9 +19459,9 @@ class ContextMenu {
|
|
|
19370
19459
|
"afAriaLabel": [1, "af-aria-label"],
|
|
19371
19460
|
"afMenuPosition": [1, "af-menu-position"],
|
|
19372
19461
|
"afActiveItem": [8, "af-active-item"],
|
|
19373
|
-
"items": [32],
|
|
19374
19462
|
"visible": [32],
|
|
19375
|
-
"activeItemIdx": [32]
|
|
19463
|
+
"activeItemIdx": [32],
|
|
19464
|
+
"selectItemIdx": [32]
|
|
19376
19465
|
},
|
|
19377
19466
|
"$listeners$": [[8, "click", "clickHandler"], [4, "focusin", "focusoutHandler"]],
|
|
19378
19467
|
"$lazyBundleId$": "-",
|
|
@@ -19646,216 +19735,6 @@ class Dialog {
|
|
|
19646
19735
|
}; }
|
|
19647
19736
|
}
|
|
19648
19737
|
|
|
19649
|
-
const navigationDropdownCss = ".digi--util--fs--xs.sc-digi-navigation-dropdown{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-navigation-dropdown{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-navigation-dropdown{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-navigation-dropdown{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-navigation-dropdown{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-navigation-dropdown{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-navigation-dropdown{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-navigation-dropdown{padding-top:5rem !important}.digi--util--pb--1.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-navigation-dropdown{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-navigation-dropdown{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-navigation-dropdown{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-navigation-dropdown{padding:2.5rem !important}.digi--util--p--60.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-navigation-dropdown{padding:4.5rem !important}.digi--util--p--90.sc-digi-navigation-dropdown{padding:5rem !important}.digi--util--ptb--1.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-navigation-dropdown{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-navigation-dropdown{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-navigation-dropdown{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-navigation-dropdown{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-navigation-dropdown{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-navigation-dropdown{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-navigation-dropdown{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}.digi--util--hidden.sc-digi-navigation-dropdown{display:none}.dropdown.sc-digi-navigation-dropdown{--digi--dropdown--background-color:white;--digi--dropdown--text-color:rgb(15, 15, 20);--digi--dropdown--py:0.5rem;--digi--dropdown--border-radius:6px;--digi--dropdown--box-shadow:rgba(0, 0, 0, 0.7) 0px 2px 6px 0px;--digi--dropdown--spacing:0.25rem;--digi--dropdown--item--font-family:\"Open Sans\";--digi--dropdown--item--font-weight:regular;--digi--dropdown--item--pl:1rem;--digi--dropdown--item--pr:1rem;--digi--dropdown--item--py:0.25rem;--digi--dropdown--item--background-color--hover:rgb(237, 237, 237);--digi--dropdown--item--background-color--active:rgb(237, 237, 237);--digi--dropdown--item--font-weight--active:600;--digi--dropdown--item--box-shadow--focus:0px 0px 0px 1px black,\n 0px 0px 0px 2px white, 0px 0px 0px 3px black}.dropdown.sc-digi-navigation-dropdown a.sc-digi-navigation-dropdown{text-decoration:none;color:inherit}.dropdown.sc-digi-navigation-dropdown .dropdown-wrapper.sc-digi-navigation-dropdown{display:flex;flex-direction:column;gap:var(--digi--dropdown--spacing);background-color:var(--digi--dropdown--background-color);color:var(--digi--dropdown--text-color);padding-top:var(--digi--dropdown--py);padding-bottom:var(--digi--dropdown--py);border-radius:var(--digi--dropdown--border-radius);box-shadow:var(--digi--dropdown--box-shadow)}.dropdown.sc-digi-navigation-dropdown .dropdown-wrapper--dir-rtl.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown{flex-direction:row-reverse}.dropdown.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown{font-family:var(--digi--dropdown--item--font-family);padding-top:var(--digi--dropdown--item--py);padding-bottom:var(--digi--dropdown--item--py)}.dropdown.sc-digi-navigation-dropdown .option-wrapper--active.sc-digi-navigation-dropdown{background-color:var(--digi--dropdown--item--background-color--active);font-weight:var(--digi--dropdown--item--font-weight--active)}.dropdown.sc-digi-navigation-dropdown .option-wrapper[dir=rtl].sc-digi-navigation-dropdown{flex-direction:row-reverse}.dropdown.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown:hover{background-color:var(--digi--dropdown--item--background-color--hover);cursor:pointer}.dropdown.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}";
|
|
19650
|
-
var DigiNavigationDropdownStyle0 = navigationDropdownCss;
|
|
19651
|
-
|
|
19652
|
-
function deserializeProp(prop) {
|
|
19653
|
-
if (typeof prop === 'string') {
|
|
19654
|
-
return JSON.parse(prop);
|
|
19655
|
-
}
|
|
19656
|
-
return prop;
|
|
19657
|
-
}
|
|
19658
|
-
function getItemRole(role) {
|
|
19659
|
-
switch (role) {
|
|
19660
|
-
case 'listbox':
|
|
19661
|
-
return 'option';
|
|
19662
|
-
case 'menu':
|
|
19663
|
-
return 'menuitem';
|
|
19664
|
-
}
|
|
19665
|
-
}
|
|
19666
|
-
/**
|
|
19667
|
-
* @private internal use only
|
|
19668
|
-
* @swedishName Rullgardin
|
|
19669
|
-
*/
|
|
19670
|
-
class DigiDropdown {
|
|
19671
|
-
constructor(hostRef) {
|
|
19672
|
-
registerInstance(this, hostRef);
|
|
19673
|
-
this.afChangeItem = createEvent(this, "afChangeItem", 7);
|
|
19674
|
-
this.afFocusItem = createEvent(this, "afFocusItem", 7);
|
|
19675
|
-
this.afChangeVisibility = createEvent(this, "afChangeVisibility", 7);
|
|
19676
|
-
this.afRef = createEvent(this, "afRef", 7);
|
|
19677
|
-
this.afId = undefined;
|
|
19678
|
-
this.afItems = undefined;
|
|
19679
|
-
this.afSelectItem = undefined;
|
|
19680
|
-
this.afActiveItem = undefined;
|
|
19681
|
-
this.afVisible = true;
|
|
19682
|
-
this.afAriaLabelledby = undefined;
|
|
19683
|
-
this.afAriaLabel = undefined;
|
|
19684
|
-
this.afDir = undefined;
|
|
19685
|
-
this.afLang = undefined;
|
|
19686
|
-
this.afMenuPosition = 'left-bottom';
|
|
19687
|
-
this.afRenderItem = undefined;
|
|
19688
|
-
this.items = [];
|
|
19689
|
-
this.selectItemIdx = 0;
|
|
19690
|
-
this.activeItemIdx = undefined;
|
|
19691
|
-
this.posTop = undefined;
|
|
19692
|
-
this.posLeft = undefined;
|
|
19693
|
-
}
|
|
19694
|
-
handleKey(e) {
|
|
19695
|
-
if (!this.focusCaptured())
|
|
19696
|
-
return;
|
|
19697
|
-
let supportsKey = true;
|
|
19698
|
-
switch (e.key) {
|
|
19699
|
-
case 'ArrowUp':
|
|
19700
|
-
this.focusItem(this.nextIdx(this.selectItemIdx - 1));
|
|
19701
|
-
break;
|
|
19702
|
-
case 'ArrowDown':
|
|
19703
|
-
this.focusItem(this.nextIdx(this.selectItemIdx + 1));
|
|
19704
|
-
break;
|
|
19705
|
-
case 'Enter':
|
|
19706
|
-
case ' ':
|
|
19707
|
-
this.activateItem(this.selectItemIdx);
|
|
19708
|
-
break;
|
|
19709
|
-
default:
|
|
19710
|
-
supportsKey = false;
|
|
19711
|
-
break;
|
|
19712
|
-
}
|
|
19713
|
-
if (supportsKey) {
|
|
19714
|
-
e.preventDefault();
|
|
19715
|
-
}
|
|
19716
|
-
}
|
|
19717
|
-
handleChangeVisibility() {
|
|
19718
|
-
this.afChangeVisibility.emit(this.afVisible);
|
|
19719
|
-
}
|
|
19720
|
-
syncItems(prop, _, propName) {
|
|
19721
|
-
switch (propName) {
|
|
19722
|
-
case 'afItems':
|
|
19723
|
-
this.items = deserializeProp(prop);
|
|
19724
|
-
break;
|
|
19725
|
-
case 'afSelectItem':
|
|
19726
|
-
this.selectItemIdx = prop !== null && prop !== void 0 ? prop : this.selectItemIdx;
|
|
19727
|
-
break;
|
|
19728
|
-
case 'afActiveItem':
|
|
19729
|
-
this.activeItemIdx = prop !== null && prop !== void 0 ? prop : this.activeItemIdx;
|
|
19730
|
-
this.selectItemIdx = prop !== null && prop !== void 0 ? prop : this.selectItemIdx;
|
|
19731
|
-
break;
|
|
19732
|
-
}
|
|
19733
|
-
}
|
|
19734
|
-
focusCaptured() {
|
|
19735
|
-
return this.items.some((item) => this.itemRefs[item.id] === document.activeElement);
|
|
19736
|
-
}
|
|
19737
|
-
nextIdx(idx) {
|
|
19738
|
-
if (idx > this.items.length - 1) {
|
|
19739
|
-
return 0;
|
|
19740
|
-
}
|
|
19741
|
-
else if (idx < 0) {
|
|
19742
|
-
return this.items.length - 1;
|
|
19743
|
-
}
|
|
19744
|
-
else {
|
|
19745
|
-
return idx;
|
|
19746
|
-
}
|
|
19747
|
-
}
|
|
19748
|
-
activateItem(idx) {
|
|
19749
|
-
const item = this.items[idx];
|
|
19750
|
-
this.activeItemIdx = idx;
|
|
19751
|
-
this.focusItem(idx);
|
|
19752
|
-
this.afChangeItem.emit({ item, idx });
|
|
19753
|
-
}
|
|
19754
|
-
focusItem(idx) {
|
|
19755
|
-
var _a;
|
|
19756
|
-
const item = this.items[idx];
|
|
19757
|
-
this.selectItemIdx = idx;
|
|
19758
|
-
(_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
19759
|
-
this.afFocusItem.emit({ item, idx });
|
|
19760
|
-
}
|
|
19761
|
-
handleRef(ref, refId, payload) {
|
|
19762
|
-
if (refId === 'item') {
|
|
19763
|
-
const item = payload;
|
|
19764
|
-
this.itemRefs = Object.assign(Object.assign({}, this.itemRefs), { [item.id]: ref });
|
|
19765
|
-
}
|
|
19766
|
-
else if (refId === 'host') {
|
|
19767
|
-
this.dropdownRef = ref;
|
|
19768
|
-
}
|
|
19769
|
-
this.afRef.emit({
|
|
19770
|
-
id: refId,
|
|
19771
|
-
ref,
|
|
19772
|
-
payload
|
|
19773
|
-
});
|
|
19774
|
-
}
|
|
19775
|
-
handleChangeItem(_, idx) {
|
|
19776
|
-
this.activateItem(idx);
|
|
19777
|
-
}
|
|
19778
|
-
syncPosition() {
|
|
19779
|
-
if (this.slotRef != null) {
|
|
19780
|
-
const anchorBox = this.slotRef.children[0].getBoundingClientRect();
|
|
19781
|
-
const elemBox = this.dropdownRef.getBoundingClientRect();
|
|
19782
|
-
if (this.afMenuPosition === 'right-bottom') {
|
|
19783
|
-
this.posLeft = anchorBox.width - elemBox.width;
|
|
19784
|
-
}
|
|
19785
|
-
else if (this.afMenuPosition === 'center-bottom') {
|
|
19786
|
-
this.posLeft = anchorBox.width / 2 - elemBox.width / 2;
|
|
19787
|
-
}
|
|
19788
|
-
else {
|
|
19789
|
-
this.posLeft = 0;
|
|
19790
|
-
}
|
|
19791
|
-
}
|
|
19792
|
-
}
|
|
19793
|
-
componentWillLoad() {
|
|
19794
|
-
this.syncItems(this.afItems, null, 'afItems');
|
|
19795
|
-
this.syncItems(this.afSelectItem, null, 'afSelectItem');
|
|
19796
|
-
this.syncItems(this.afActiveItem, null, 'afActiveItem');
|
|
19797
|
-
}
|
|
19798
|
-
componentDidLoad() {
|
|
19799
|
-
this.syncPosition();
|
|
19800
|
-
}
|
|
19801
|
-
render() {
|
|
19802
|
-
return (hAsync("div", { key: 'db4846c1e21a01f34d2d592b9248fb9f5f8c9893', style: {
|
|
19803
|
-
position: 'relative',
|
|
19804
|
-
display: 'flex'
|
|
19805
|
-
} }, hAsync("div", { key: 'f4d1b5dd32b681a1d746cae9faf76f0aa2389aa9', ref: (ref) => (this.slotRef = ref) }, hAsync("slot", { key: '3a59e5e5a4abccd0f8207971137b6b5e647c7b43' })), hAsync("div", { key: '14c9c8946710f6bd7bcc2335d2c2913fad45e266', style: {
|
|
19806
|
-
position: 'absolute',
|
|
19807
|
-
top: 'calc(100% + 0.5rem)',
|
|
19808
|
-
left: `${this.posLeft}px`,
|
|
19809
|
-
zIndex: '10',
|
|
19810
|
-
visibility: this.afVisible ? 'visible' : 'hidden'
|
|
19811
|
-
} }, hAsync("div", { key: '1459909e61af73da7af4efc78623be3baf5eeb7a', id: this.afId, class: { dropdown: true }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'host'); } }, hAsync("div", { key: 'b863da8e664b9ae336a776c996ed5fc7b7f4d852', role: "listbox", id: `${this.afId}-listbox`, class: {
|
|
19812
|
-
'dropdown-wrapper': true,
|
|
19813
|
-
'dropdown-wrapper--dir-rtl': this.afDir === 'rtl'
|
|
19814
|
-
}, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, tabIndex: -1 }, this.items.map((item, idx) => {
|
|
19815
|
-
var _a;
|
|
19816
|
-
const active = this.activeItemIdx === idx;
|
|
19817
|
-
const select = this.selectItemIdx === idx;
|
|
19818
|
-
return (hAsync("div", { role: getItemRole('listbox'), id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
|
|
19819
|
-
'option-wrapper': true,
|
|
19820
|
-
'option-wrapper--active': active
|
|
19821
|
-
}, dir: this.afDir, lang: this.afLang, "aria-selected": active.toString(), tabIndex: select ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, (_a = this.afRenderItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx)));
|
|
19822
|
-
}))))));
|
|
19823
|
-
}
|
|
19824
|
-
static get watchers() { return {
|
|
19825
|
-
"afVisible": ["handleChangeVisibility"],
|
|
19826
|
-
"afItems": ["syncItems"],
|
|
19827
|
-
"afSelectItem": ["syncItems"],
|
|
19828
|
-
"afActiveItem": ["syncItems"],
|
|
19829
|
-
"afMenuPosition": ["syncPosition"]
|
|
19830
|
-
}; }
|
|
19831
|
-
static get style() { return DigiNavigationDropdownStyle0; }
|
|
19832
|
-
static get cmpMeta() { return {
|
|
19833
|
-
"$flags$": 6,
|
|
19834
|
-
"$tagName$": "digi-navigation-dropdown",
|
|
19835
|
-
"$members$": {
|
|
19836
|
-
"afId": [1, "af-id"],
|
|
19837
|
-
"afItems": [1, "af-items"],
|
|
19838
|
-
"afSelectItem": [2, "af-select-item"],
|
|
19839
|
-
"afActiveItem": [2, "af-active-item"],
|
|
19840
|
-
"afVisible": [4, "af-visible"],
|
|
19841
|
-
"afAriaLabelledby": [1, "af-aria-labelledby"],
|
|
19842
|
-
"afAriaLabel": [1, "af-aria-label"],
|
|
19843
|
-
"afDir": [1, "af-dir"],
|
|
19844
|
-
"afLang": [1, "af-lang"],
|
|
19845
|
-
"afMenuPosition": [1, "af-menu-position"],
|
|
19846
|
-
"afRenderItem": [16],
|
|
19847
|
-
"items": [32],
|
|
19848
|
-
"selectItemIdx": [32],
|
|
19849
|
-
"activeItemIdx": [32],
|
|
19850
|
-
"posTop": [32],
|
|
19851
|
-
"posLeft": [32]
|
|
19852
|
-
},
|
|
19853
|
-
"$listeners$": [[0, "keydown", "handleKey"]],
|
|
19854
|
-
"$lazyBundleId$": "-",
|
|
19855
|
-
"$attrsToReflect$": []
|
|
19856
|
-
}; }
|
|
19857
|
-
}
|
|
19858
|
-
|
|
19859
19738
|
const expandableAccordionCss = ".digi--util--fs--xs.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-accordion{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-accordion{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-accordion{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-accordion{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-accordion{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-accordion{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-accordion{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-accordion{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-accordion{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-accordion{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-accordion{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-accordion{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-accordion{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-accordion{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-accordion{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-accordion{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-accordion{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-accordion{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}.digi--util--hidden.sc-digi-expandable-accordion{display:none}.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--border--informative);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion::after{content:none}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{justify-content:space-between;min-height:var(--digi--input-height--large);padding:0 var(--digi--gutter--medium);border-radius:var(--digi--border-radius--primary);background-color:var(--digi--color--background--input-empty);border:1px solid var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:var(--digi--focus-outline);background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--inverted);background-color:var(--digi--color--background--inverted-1);border-color:var(--digi--color--background--inverted-1);border-block-end:none;border-end-end-radius:0;border-end-start-radius:0}.digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-size:var(--digi--global--typography--font-size--interaction-medium);color:var(--digi--color--text--secondary)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{--digi--icon--color:currentColor;color:currentColor}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{background:var(--digi--color--background--input-empty)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{display:flex;flex-direction:column}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion digi-typography.sc-digi-expandable-accordion{display:block;padding:var(--digi--container-gutter--small)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{border:1px solid var(--digi--color--background--inverted-1);border-radius:var(--digi--border-radius--primary);border-start-end-radius:0;border-start-start-radius:0}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(\n --digi--color--background--tertiary\n )}@keyframes heightAnim{from{height:0%}to{height:100%}}";
|
|
19860
19739
|
var DigiExpandableAccordionStyle0 = expandableAccordionCss;
|
|
19861
19740
|
|
|
@@ -20237,7 +20116,7 @@ class FeedbackBanner {
|
|
|
20237
20116
|
}), hAsync("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, hAsync("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, hAsync("slot", null))))));
|
|
20238
20117
|
}
|
|
20239
20118
|
render() {
|
|
20240
|
-
return (hAsync("div", { key: '
|
|
20119
|
+
return (hAsync("div", { key: 'c7b4c2ba4fc1d8a012fb6660c57f9aaf16719695', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (hAsync("digi-layout-block", { key: '6730815e4d57ef48bc1b23da9bda93c427e42325', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
|
|
20241
20120
|
}
|
|
20242
20121
|
get hostElement() { return getElement(this); }
|
|
20243
20122
|
static get watchers() { return {
|
|
@@ -31742,7 +31621,7 @@ class LoaderSkeleton {
|
|
|
31742
31621
|
}; }
|
|
31743
31622
|
}
|
|
31744
31623
|
|
|
31745
|
-
const loaderSpinnerCss = ".sc-digi-loader-spinner-h{--digi--loader-spinner--icon--size--small:1rem;--digi--loader-spinner--icon--size--medium:2rem;--digi--loader-spinner--icon--size--large:5rem;--digi-loader-spinner--font--size--small:var(--digi--typography--heading-4--font-size--desktop-xsmall);--digi-loader-spinner--font--size--medium:var(--digi--typography--heading-4--font-size--desktop);--digi-loader-spinner--font--size--large:var(--digi--typography--heading-4--font-size--desktop-large)}.sc-digi-loader-spinner-h .digi-loader-spinner.sc-digi-loader-spinner{display:flex;flex-direction:column;align-items:center;width:max-content;padding:var(--PADDING)}.sc-digi-loader-spinner-h .digi-loader-spinner--small.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--small);--FONT-SIZE:var(--digi-loader-spinner--font--size--small);--PADDING:0}.sc-digi-loader-spinner-h .digi-loader-spinner--medium.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--medium);--FONT-SIZE:var(--digi-loader-spinner--font--size--medium);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner--large.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--large);--FONT-SIZE:var(--digi-loader-spinner--font--size--large);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner__container.sc-digi-loader-spinner{height:max-content;width:max-content}.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:var(--ICON-HEIGHT)}@media (prefers-reduced-motion){.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-loader-spinner-h .digi-loader-spinner__label.sc-digi-loader-spinner{margin-top:var(--digi--gutter--medium)}";
|
|
31624
|
+
const loaderSpinnerCss = ".sc-digi-loader-spinner-h{--digi--loader-spinner--icon--size--small:1rem;--digi--loader-spinner--icon--size--medium:2rem;--digi--loader-spinner--icon--size--large:5rem;--digi-loader-spinner--font--size--small:var(--digi--typography--heading-4--font-size--desktop-xsmall);--digi-loader-spinner--font--size--medium:var(--digi--typography--heading-4--font-size--desktop);--digi-loader-spinner--font--size--large:var(--digi--typography--heading-4--font-size--desktop-large)}.sc-digi-loader-spinner-h .digi-loader-spinner.sc-digi-loader-spinner{display:flex;flex-direction:column;align-items:center;width:max-content;padding:var(--PADDING)}.sc-digi-loader-spinner-h .digi-loader-spinner--small.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--small);--FONT-SIZE:var(--digi-loader-spinner--font--size--small);--PADDING:0}.sc-digi-loader-spinner-h .digi-loader-spinner--medium.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--medium);--FONT-SIZE:var(--digi-loader-spinner--font--size--medium);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner--large.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--large);--FONT-SIZE:var(--digi-loader-spinner--font--size--large);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner__container.sc-digi-loader-spinner{height:max-content;width:max-content}.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:var(--ICON-HEIGHT);--digi--icon--color:var(--digi--stratos-500)}@media (prefers-reduced-motion){.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-loader-spinner-h .digi-loader-spinner__label.sc-digi-loader-spinner{margin-top:var(--digi--gutter--medium)}";
|
|
31746
31625
|
var DigiLoaderSpinnerStyle0 = loaderSpinnerCss;
|
|
31747
31626
|
|
|
31748
31627
|
/**
|
|
@@ -32428,13 +32307,13 @@ class NavigationContextMenu {
|
|
|
32428
32307
|
};
|
|
32429
32308
|
}
|
|
32430
32309
|
render() {
|
|
32431
|
-
return (hAsync("div", { key: '
|
|
32310
|
+
return (hAsync("div", { key: 'c807f0ab3459be7e91d946e61293295181bcd80c', class: Object.assign({ 'digi-navigation-context-menu': true }, this.cssModifiers), id: `${this.afId}-identifier` }, hAsync("digi-util-keydown-handler", { key: 'ff38f5fb09e9bdcf47d1c14385f9d6863e6f1d9f', onAfOnEsc: () => this.setInactive(true) }, hAsync("digi-button", { key: '440a855733e0b2f6ff0c9729141eefa2e9a8b688', ref: (el) => (this._toggleButton = el), onClick: (e) => this.toggleMenu(e), id: `${this.afId}-trigger`, "af-variation": "function", "af-aria-controls": this.afId, "af-aria-expanded": this.isActive ? 'true' : 'false', class: {
|
|
32432
32311
|
'digi-navigation-context-menu__trigger-button': true,
|
|
32433
32312
|
'digi-navigation-context-menu--active': this.isActive
|
|
32434
|
-
} }, !!this.afIcon && hAsync(this.digiIcon, { key: '
|
|
32313
|
+
} }, !!this.afIcon && hAsync(this.digiIcon, { key: 'e36465dff1c19c4854982849be74c0075fe418b5', slot: "icon" }), this.afText, hAsync("digi-icon-chevron-down", { key: 'f32eab5d3b948ceb36f933aa578d7f8be8deb171', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), hAsync("div", { key: '89b8b4d23790d590bcac9f1ab0992448a4300ebb', class: {
|
|
32435
32314
|
'digi-navigation-context-menu__content': true,
|
|
32436
32315
|
'digi-navigation-context-menu__content--hidden': !this.isActive
|
|
32437
|
-
} }, hAsync("digi-util-keydown-handler", { key: '
|
|
32316
|
+
} }, hAsync("digi-util-keydown-handler", { key: '5a0f489027f45983db0c8a56bf0894636874f53c', onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnDown: (e) => this.downHandler(e), onAfOnTab: () => this.setInactive(), onAfOnShiftTab: () => this.setInactive() }, hAsync("ul", { key: '117b0505fb7b85f60f325af7e0ea72a15a9ca827', id: this.afId, class: {
|
|
32438
32317
|
'digi-navigation-context-menu__items': true,
|
|
32439
32318
|
'digi-navigation-context-menu__items--bordered': this.listItems.length > 4
|
|
32440
32319
|
}, role: "menu", "aria-describedby": `${this.afId}-trigger` }, this.listItems.map((item) => {
|
|
@@ -32445,9 +32324,9 @@ class NavigationContextMenu {
|
|
|
32445
32324
|
'digi-navigation-context-menu__item--selected': Number(item.index) ===
|
|
32446
32325
|
Number(this.selectedListItemIndex)
|
|
32447
32326
|
}, key: item.index, "data-key": item.index, dir: item.dir }, this.showCheckIcon(item.index, item.type) && (hAsync("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon" })), item.type === 'button' && (hAsync("digi-button", { "af-tabindex": "-1", afRole: "menuitemradio", "data-type": item.type, "data-value": item.value, class: "digi-navigation-context-menu__button", afDir: item.dir, afLang: item.lang, onClick: (e) => this.itemClickHandler(e, true), afAriaChecked: this.showCheckIcon(item.index, item.type) }, item.text)), item.type === 'link' && (hAsync("a", { tabindex: "-1", role: "menuitem", class: "digi-navigation-context-menu__link", href: item.href, "data-type": item.type, onClick: (e) => this.itemClickHandler(e), dir: item.dir, lang: item.lang }, item.text))));
|
|
32448
|
-
}))))), hAsync("digi-util-mutation-observer", { key: '
|
|
32327
|
+
}))))), hAsync("digi-util-mutation-observer", { key: 'fadd9063b8c46ce6d44dc51e7deb85bbdadabf23', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: this.debounce(() => {
|
|
32449
32328
|
this.generateListItems(this._observer.children);
|
|
32450
|
-
}) }, hAsync("slot", { key: '
|
|
32329
|
+
}) }, hAsync("slot", { key: '65921a6880190a8fde38409994bae985511c12ba' }))));
|
|
32451
32330
|
}
|
|
32452
32331
|
get hostElement() { return getElement(this); }
|
|
32453
32332
|
static get watchers() { return {
|
|
@@ -32646,15 +32525,15 @@ class NavigationPagination {
|
|
|
32646
32525
|
}
|
|
32647
32526
|
}
|
|
32648
32527
|
render() {
|
|
32649
|
-
return (hAsync("div", { key: '
|
|
32528
|
+
return (hAsync("div", { key: '78a0c9b0111a713414b6054516ca77e1ccbeb005', class: "digi-navigation-pagination" }, hAsync("digi-util-resize-observer", { key: '1041fa4a1646b2fd15b2f1c727e9a660d2c315ec', onAfOnChange: (e) => {
|
|
32650
32529
|
this.handleResizeObserver(e);
|
|
32651
|
-
} }), hAsync("span", { key: '
|
|
32530
|
+
} }), hAsync("span", { key: 'ae9b310fe9445e675d0bdfa1a539e5f09144af4b', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), hAsync("nav", { key: 'a477d801bdb33ffd80d75d5c6e1620517ce380fc', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, hAsync("digi-button", { key: '6d484990a96b9922f06e9ec11b948755ae308b3c', onClick: () => this.prevPage(), class: {
|
|
32652
32531
|
'digi-navigation-pagination__button digi-navigation-pagination__button--previous': true,
|
|
32653
32532
|
'digi-navigation-pagination__button--hidden': this.currentPage === 1
|
|
32654
|
-
}, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, hAsync("digi-icon-chevron-left", { key: '
|
|
32533
|
+
}, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, hAsync("digi-icon-chevron-left", { key: 'a36537d8d5f333778d18be1d8616cd7a65bee6e7', slot: "icon" }), hAsync("span", { key: '03290c16634c64d353378e062bc766e98b2e3044' }, "F\u00F6reg\u00E5ende")), hAsync("digi-button", { key: '10c78fa592a81dc7cf647c1a5fd2c3d643ff2b89', onClick: () => this.nextPage(), class: {
|
|
32655
32534
|
'digi-navigation-pagination__button digi-navigation-pagination__button--next': true,
|
|
32656
32535
|
'digi-navigation-pagination__button--hidden': this.currentPage === this.afTotalPages
|
|
32657
|
-
}, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, hAsync("digi-icon-chevron-right", { key: '
|
|
32536
|
+
}, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, hAsync("digi-icon-chevron-right", { key: 'fe6384ea7c761d2ed8b98b973587a73db49d25cc', slot: "icon-secondary" }), hAsync("span", { key: '359b1452f66b801192c0870c70673e3ea60d04fe' }, "N\u00E4sta")), hAsync("div", { key: '9dbc2f31e802dfb49cd5b0ee42a39c72c46f557e', class: "digi-navigation-pagination__pages" }, hAsync("ol", { key: '85e87ec458c7d48ea79f7cea88048bf1f1762fe2', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
|
|
32658
32537
|
const page = isNaN(pageValue)
|
|
32659
32538
|
? parseInt(pageValue.replace('…', ''))
|
|
32660
32539
|
: pageValue;
|
|
@@ -32665,10 +32544,10 @@ class NavigationPagination {
|
|
|
32665
32544
|
}, afVariation: this.currentPage === page
|
|
32666
32545
|
? ButtonVariation.PRIMARY
|
|
32667
32546
|
: ButtonVariation.SECONDARY }, hAsync("span", { class: `digi-navigation-pagination__page-text` }, page))));
|
|
32668
|
-
})))), this.afTotalResults > 0 && (hAsync("div", { key: '
|
|
32547
|
+
})))), this.afTotalResults > 0 && (hAsync("div", { key: '788a812309eb4f14ff76390f644e11820d420a5a', class: {
|
|
32669
32548
|
'digi-navigation-pagination__result': true,
|
|
32670
32549
|
'digi-navigation-pagination__result--pages': this.afTotalPages > 1
|
|
32671
|
-
}, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, hAsync("digi-typography", { key: '
|
|
32550
|
+
}, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, hAsync("digi-typography", { key: 'a48519e08c288a011d8f6a34606d650037aac21c' }, hAsync("span", { key: '94205b0d38dd6d2cb980a9e78c9778f4d9a56bcc', id: `${this.afId}-result-show` }, "Visar "), hAsync("strong", { key: '567b3490941c533fbda1b1463b55e4472779f13f', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), hAsync("span", { key: '9189447acda031c0d6864dec369a78099c6f064a', id: `${this.afId}-result-of` }, " av "), hAsync("strong", { key: '5aa4106a61c5bdd3c77033442b9a932b5d762bd0', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (hAsync("span", { key: 'f665e8c988854f35284242d48ee30923c4c421e2', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
|
|
32672
32551
|
}
|
|
32673
32552
|
static get style() { return DigiNavigationPaginationStyle0; }
|
|
32674
32553
|
static get cmpMeta() { return {
|
|
@@ -32974,7 +32853,7 @@ class NavigationSidebar {
|
|
|
32974
32853
|
};
|
|
32975
32854
|
}
|
|
32976
32855
|
render() {
|
|
32977
|
-
return (hAsync(Host, { key: '
|
|
32856
|
+
return (hAsync(Host, { key: '5626465a5b84eab9eeb95d78922990ed7e12d5e2' }, hAsync("digi-util-breakpoint-observer", { key: '04a1bb4d90251f028d5486c2606f8b56fb9be132' }, hAsync("digi-util-keydown-handler", { key: '0623f5974acc30ef8778d26ba9f3913eb4f04dab', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, hAsync("div", { key: '9fc53cb121f03c4db8c81e3fc165e5b9a270ad5b', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, hAsync("div", { key: 'c93b854b2c0d971983d22235258b58bbb08a36a2', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), hAsync("div", { key: 'd959f2bd96456de3a598447706da62264edb4ba9', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, hAsync("div", { key: '7bf5238552a08738c449a3f4deb5f4b38d43c5d0', class: "digi-navigation-sidebar__inner", ref: (el) => {
|
|
32978
32857
|
this._wrapper = el;
|
|
32979
32858
|
} }, this.showHeader ? (hAsync("div", { class: {
|
|
32980
32859
|
'digi-navigation-sidebar__header': true,
|
|
@@ -32983,7 +32862,7 @@ class NavigationSidebar {
|
|
|
32983
32862
|
'digi-navigation-sidebar__header--close-button--end': this.afCloseButtonPosition ===
|
|
32984
32863
|
NavigationSidebarCloseButtonPosition.END,
|
|
32985
32864
|
'digi-navigation-sidebar__header--reversed': !!this.afHeading
|
|
32986
|
-
} }, this.afHeading && (hAsync(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), hAsync("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, hAsync("digi-icon-x", { slot: "icon-secondary" })))) : (hAsync("div", null)), hAsync("div", { key: '
|
|
32865
|
+
} }, this.afHeading && (hAsync(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), hAsync("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, hAsync("digi-icon-x", { slot: "icon-secondary" })))) : (hAsync("div", null)), hAsync("div", { key: '01acb6fe480569238677836cbe5cd5afa1afd81d', class: "digi-navigation-sidebar__content" }, hAsync("div", { key: '8a174b798ef129fa9fe9ade633e8f7de8d952ae6', class: "digi-navigation-sidebar__nav-wrapper" }, hAsync("slot", { key: 'f2e86c0bf80b36d1ff6c12a884abc16964c7c001' })), this._hasFooter && (hAsync("div", { key: '4bc6ced8a6333bf05aefe623a5a000b75bd7b010', class: "digi-navigation-sidebar__footer" }, hAsync("slot", { key: 'c04599b4192a266d4f631588b8b329c4ac2e7bef', name: "footer" })))))))))));
|
|
32987
32866
|
}
|
|
32988
32867
|
get hostElement() { return getElement(this); }
|
|
32989
32868
|
static get watchers() { return {
|
|
@@ -33042,7 +32921,7 @@ class NavigationSidebarButton {
|
|
|
33042
32921
|
this.afOnToggle.emit(this.isActive);
|
|
33043
32922
|
}
|
|
33044
32923
|
render() {
|
|
33045
|
-
return (hAsync("digi-button", { key: '
|
|
32924
|
+
return (hAsync("digi-button", { key: 'f90df32c8458d64c6460066c62c656aa5e75fa63', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, hAsync("digi-icon-bars", { key: '35681837fa0887f2614f9cf04621d89b9add6fbe', slot: "icon" })));
|
|
33046
32925
|
}
|
|
33047
32926
|
static get style() { return DigiNavigationSidebarButtonStyle0; }
|
|
33048
32927
|
static get cmpMeta() { return {
|
|
@@ -33071,11 +32950,11 @@ class NavigationTabPanel {
|
|
|
33071
32950
|
this.isVisible = false;
|
|
33072
32951
|
}
|
|
33073
32952
|
render() {
|
|
33074
|
-
return (hAsync(Host, { key: '
|
|
32953
|
+
return (hAsync(Host, { key: '86f137cc5e2a52c59307d8efd21981606c84478e' }, hAsync("div", { key: '642ae49a6b9c667b786acd732d30b5e62f0a629e', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
|
|
33075
32954
|
display: this.isVisible ? 'initial' : 'none',
|
|
33076
32955
|
overflowX: 'hidden',
|
|
33077
32956
|
overflowY: 'auto'
|
|
33078
|
-
} }, hAsync("slot", { key: '
|
|
32957
|
+
} }, hAsync("slot", { key: '01cdafb4516423f5561fdf8d8128fc7370e4f9ec' }))));
|
|
33079
32958
|
}
|
|
33080
32959
|
get hostElement() { return getElement(this); }
|
|
33081
32960
|
static get cmpMeta() { return {
|
|
@@ -33329,14 +33208,14 @@ class NavigationTablist {
|
|
|
33329
33208
|
cancelAnimationFrame(this._requestAnimationFrame);
|
|
33330
33209
|
}
|
|
33331
33210
|
render() {
|
|
33332
|
-
return (hAsync(Host, { key: '
|
|
33211
|
+
return (hAsync(Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, hAsync("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
|
|
33333
33212
|
'digi-tablist': true,
|
|
33334
33213
|
'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
|
|
33335
33214
|
'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
|
|
33336
|
-
} }, hAsync("div", { key: '
|
|
33215
|
+
} }, hAsync("div", { key: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
|
|
33337
33216
|
left: '0',
|
|
33338
33217
|
visibility: this.showPrev ? 'visible' : 'hidden'
|
|
33339
|
-
} }, hAsync("button", { key: '
|
|
33218
|
+
} }, hAsync("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, hAsync("digi-icon-chevron-left", { key: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), hAsync("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
|
|
33340
33219
|
const focusable = tab.id === this.tabs[this.selectedTab].id;
|
|
33341
33220
|
const isActive = tab.id === this.tabs[this.activeTab].id;
|
|
33342
33221
|
const Icon = `digi-icon-${tab.icon}`;
|
|
@@ -33345,10 +33224,10 @@ class NavigationTablist {
|
|
|
33345
33224
|
'digi-tab': true,
|
|
33346
33225
|
'is-active': isActive
|
|
33347
33226
|
}, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, hAsync("div", { class: "content-wrapper" }, hAsync("span", { class: "tablist-content" }, tab.icon && hAsync(Icon, { "aria-hidden": "true" }), hAsync("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (hAsync("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), hAsync("div", { class: "indicator" }))));
|
|
33348
|
-
})), hAsync("div", { key: '
|
|
33227
|
+
})), hAsync("div", { key: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
|
|
33349
33228
|
right: '0',
|
|
33350
33229
|
visibility: this.showNext ? 'visible' : 'hidden'
|
|
33351
|
-
} }, hAsync("button", { key: '
|
|
33230
|
+
} }, hAsync("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, hAsync("digi-icon-chevron-right", { key: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), hAsync("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, hAsync("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
|
|
33352
33231
|
}
|
|
33353
33232
|
static get watchers() { return {
|
|
33354
33233
|
"activeTab": ["syncPanels"],
|
|
@@ -33552,7 +33431,7 @@ class NavigationVerticalMenu {
|
|
|
33552
33431
|
};
|
|
33553
33432
|
}
|
|
33554
33433
|
render() {
|
|
33555
|
-
return (hAsync("nav", { key: '
|
|
33434
|
+
return (hAsync("nav", { key: 'fbfc0638443d0632580c4ae2c53090b4e3f1e5a6', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, hAsync("slot", { key: '755eafab9d245bf601b28f3b5b5777920f344156' })));
|
|
33556
33435
|
}
|
|
33557
33436
|
get hostElement() { return getElement(this); }
|
|
33558
33437
|
static get style() { return DigiNavigationVerticalMenuStyle0; }
|
|
@@ -33693,24 +33572,24 @@ class NavigationVerticalMenuItem {
|
|
|
33693
33572
|
}
|
|
33694
33573
|
}
|
|
33695
33574
|
render() {
|
|
33696
|
-
return (hAsync("host", { key: '
|
|
33575
|
+
return (hAsync("host", { key: '2f2359793d28c6ba0716683157208d17efc6251a', class: {
|
|
33697
33576
|
'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
|
|
33698
33577
|
'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
|
|
33699
|
-
} }, hAsync("div", { key: '
|
|
33578
|
+
} }, hAsync("div", { key: 'b3bff02bdaf99cca35c2f4b17fe25b85ea816656', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (hAsync("div", { key: '7e312eeeec0f3f458208739d95856c32379da7c4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, hAsync("a", { key: '1ab2faf7e35bc196d35521b27681a0bc7fc40774', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
33700
33579
|
'digi-navigation-vertical-menu-item__link': true,
|
|
33701
33580
|
'digi-navigation-vertical-menu-item__has-subnav': true,
|
|
33702
33581
|
'digi-navigation-vertical-menu-item__link--active': this.isActive,
|
|
33703
33582
|
'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
|
|
33704
|
-
}, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '
|
|
33583
|
+
}, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: 'cd3f002b2f815b4408c98e8321d57475e24233de', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '5eadc9a85b08e5b6c543ce935c266d7b9151b4fb', name: "icon" })), hAsync("span", { key: '759938bb34b8af5c480c6dd1e51ef42c6a79d0b8', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '5c81f925ab25ed96e0819d55ee06daad4e47ae9a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: '7b7dfe574e6355428823ce168911c6e03884797d', name: "badge" }))), hAsync("button", { key: 'a0a7e83416fc0797ef8aca5ff0c612731901a03e', type: "button", id: `${this.afId}-toggle-button`, class: {
|
|
33705
33584
|
'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
|
|
33706
33585
|
'digi-navigation-vertical-menu-item__button--active': this.isActive
|
|
33707
|
-
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, hAsync("span", { key: '
|
|
33586
|
+
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, hAsync("span", { key: '9c42984717dee2b6eac09ff50611e63cea6e189b', class: "digi-navigation-vertical-menu-item__toggle-icon" }, hAsync("span", { key: 'acd1fe02c6dcb6113f7849c4b0c29b7e5359da06', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (hAsync("div", { key: '68c573eb24d342396f932b4474e704a85199dbf6', class: "digi-navigation-vertical-menu-item__inner" }, hAsync("button", { key: '8510c79aa62ba83064b8ea1a464a4c973e96d83c', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, hAsync("span", { key: '72bc6c4d86ff6c3999d1902adf5dbe516dde8863', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '16e2647a296b7021163381f8fa42c570167696ef', name: "icon" })), hAsync("span", { key: '5c44a355878aaa6f5528ea9b220f25daf80f34f7', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '42f91b15bb3d99347b93bc1c06adf3095f88c153', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: 'b016a90afff30650ebd88e86c2b52c32be67c209', name: "badge" })), hAsync("span", { key: '35ae3a1d50831d977730d4fb7dea0b5ad90d0466', class: "digi-navigation-vertical-menu-item__toggle-icon" }, hAsync("span", { key: '7b482d5ecab31c6d98e6cdfba5808b74c5dd050c' }, this.toggleIcon))))), !this.hasSubnav && (hAsync("div", { key: '47a5658c6f6e049e4b52c5146130e1ea9f4de598', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (hAsync("a", { key: '934f930abd86abf7014bfd59f737339714c82ff1', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
33708
33587
|
'digi-navigation-vertical-menu-item__link': true,
|
|
33709
33588
|
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
33710
|
-
}, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '
|
|
33589
|
+
}, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: 'c112a0e8462e04be069feb62a4af311c150cbb18', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '8884a6a300bf211b177354ce34ce7aac8f49d228', name: "icon" })), hAsync("span", { key: 'c26f8fd29f0b4a1d8612a5a576d6410ca930d754', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: 'ecad78e4ea28f5aaea194e2c84fd0c04b3c331d1', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: '734ba82ec71353f514a700921c8fe23d8c6ca2f5', name: "badge" })))), this.isActive && (hAsync("a", { key: 'ccdff17960fe8d78d111435d11626f901c096f11', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
|
|
33711
33590
|
'digi-navigation-vertical-menu-item__link': true,
|
|
33712
33591
|
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
33713
|
-
}, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '
|
|
33592
|
+
}, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '98b6ef79ab34656585aa442ea9a7004d845fa46c', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '5dc5abd4ec44aa243b07b8c30694560fec15c4b5', name: "icon" })), hAsync("span", { key: '657145f6767c2ce1be8e2a9dab7489e5cfa694ef', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: 'e868ca7ce91446e75a7850b1f65629167124db43', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: 'dee1d6d5c667890a005ed3f4c22eb1daee71f4e2', name: "badge" })))))))));
|
|
33714
33593
|
}
|
|
33715
33594
|
get hostElement() { return getElement(this); }
|
|
33716
33595
|
static get watchers() { return {
|
|
@@ -33802,8 +33681,8 @@ class NotificationAlert {
|
|
|
33802
33681
|
}
|
|
33803
33682
|
}
|
|
33804
33683
|
render() {
|
|
33805
|
-
return (hAsync("div", { key: '
|
|
33806
|
-
this.afSize === NotificationAlertSize.LARGE && (hAsync(this.afHeadingLevel, { key: '
|
|
33684
|
+
return (hAsync("div", { key: '7cca9a299e7b91439c512e2f1fa3e7df274db607', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, hAsync("digi-layout-media-object", { key: 'b896dd5441ad01b4926725153156dda00f6eb6dc', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, hAsync("div", { key: '1b28677a805f7dae4b07e66ea3a89b4d8cf8d506', class: "digi-notification-alert__icon", slot: "media" }, this.icon), hAsync("div", { key: '76edcae9db470be457b2929494057031b54e5370', class: "digi-notification-alert__wrapper" }, this.afCloseable && (hAsync("digi-button", { key: '831505bbf558a47f015bf830c41ccf2977ccb2d8', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, hAsync("span", { key: '4bce749e679e9b9254730aee061525d59a0d22f2', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), hAsync("digi-icon-x", { key: '0b9730f2fb5a03a6d14d6e95d855aa29d4bbc6b2', slot: "icon-secondary", "aria-hidden": "true" }))), hAsync("div", { key: '1c6196dadac1d9c75b04e8b88413379c1ccd3760', class: "digi-notification-alert__text" }, this.afHeading &&
|
|
33685
|
+
this.afSize === NotificationAlertSize.LARGE && (hAsync(this.afHeadingLevel, { key: '8ffb9757e413dfc1a7bfc7db3b63e862eb807233', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), hAsync("div", { key: 'f901aacc7794e0cf0077c91d6c7a8ee391878c72', class: "digi-notification-alert__content" }, hAsync("digi-typography", { key: '5fff7db073552d964d2c6de4129a9284426dd51f', "af-variation": TypographyVariation.SMALL }, hAsync("slot", { key: 'bc489ce0adc42d82a051b4167502b0d5fe417909' }))))))));
|
|
33807
33686
|
}
|
|
33808
33687
|
get hostElement() { return getElement(this); }
|
|
33809
33688
|
static get style() { return DigiNotificationAlertStyle0; }
|
|
@@ -33830,8 +33709,7 @@ class NotificationAlert {
|
|
|
33830
33709
|
const notificationIllustrations = {
|
|
33831
33710
|
'ill-401': {
|
|
33832
33711
|
NotificationIllustrationComponent(children) {
|
|
33833
|
-
return (hAsync("svg", { width: "296.9px", height: "336.8px", viewBox: "0 0 296.9 336.8", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33834
|
-
hAsync("title", null, "ill-401-dskt"),
|
|
33712
|
+
return (hAsync("svg", { "aria-hidden": "true", width: "296.9px", height: "336.8px", viewBox: "0 0 296.9 336.8", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33835
33713
|
children,
|
|
33836
33714
|
hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
33837
33715
|
hAsync("g", { id: "base-symbols/svg/deskt/401", transform: "translate(-174.100000, -2.100000)" },
|
|
@@ -33848,7 +33726,6 @@ const notificationIllustrations = {
|
|
|
33848
33726
|
'ill-403': {
|
|
33849
33727
|
NotificationIllustrationComponent(children) {
|
|
33850
33728
|
return (hAsync("svg", { width: "320.880434px", height: "348.880002px", viewBox: "0 0 320.880434 348.880002", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33851
|
-
hAsync("title", null, "ill-403-dskt"),
|
|
33852
33729
|
children,
|
|
33853
33730
|
hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
33854
33731
|
hAsync("g", { id: "base-symbols/svg/deskt/403", transform: "translate(-154.559953, -2.560000)" },
|
|
@@ -33873,7 +33750,6 @@ const notificationIllustrations = {
|
|
|
33873
33750
|
'ill-404': {
|
|
33874
33751
|
NotificationIllustrationComponent(children) {
|
|
33875
33752
|
return (hAsync("svg", { width: "351.88px", height: "283.88px", viewBox: "0 0 351.88 283.88", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33876
|
-
hAsync("title", null, "ill-404-dskt"),
|
|
33877
33753
|
children,
|
|
33878
33754
|
hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
33879
33755
|
hAsync("g", { id: "base-symbols/svg/deskt/404", transform: "translate(-119.560000, -1.560000)" },
|
|
@@ -33907,7 +33783,6 @@ const notificationIllustrations = {
|
|
|
33907
33783
|
'ill-410': {
|
|
33908
33784
|
NotificationIllustrationComponent(children) {
|
|
33909
33785
|
return (hAsync("svg", { width: "450.667027px", height: "312.33355px", viewBox: "0 0 450.667027 312.33355", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33910
|
-
hAsync("title", null, "ill-410-dskt"),
|
|
33911
33786
|
children,
|
|
33912
33787
|
hAsync("defs", null,
|
|
33913
33788
|
hAsync("polygon", { id: "path-1", points: "0 0 32.3885059 0 32.3885059 56.5918546 0 56.5918546" })),
|
|
@@ -33946,7 +33821,6 @@ const notificationIllustrations = {
|
|
|
33946
33821
|
'ill-500': {
|
|
33947
33822
|
NotificationIllustrationComponent(children) {
|
|
33948
33823
|
return (hAsync("svg", { width: "358.675px", height: "317.675px", viewBox: "0 0 358.675 317.675", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33949
|
-
hAsync("title", null, "ill-500-dskt"),
|
|
33950
33824
|
children,
|
|
33951
33825
|
hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
33952
33826
|
hAsync("g", { id: "base-symbols/svg/deskt/500", transform: "translate(-115.162500, -11.162500)" },
|
|
@@ -33966,7 +33840,6 @@ const notificationIllustrations = {
|
|
|
33966
33840
|
'ill-503': {
|
|
33967
33841
|
NotificationIllustrationComponent(children) {
|
|
33968
33842
|
return (hAsync("svg", { width: "310", height: "349", viewBox: "0 0 310 349", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
33969
|
-
hAsync("title", null, "ill-503"),
|
|
33970
33843
|
children,
|
|
33971
33844
|
hAsync("path", { d: "M178.013 33.1343V40.3293C178.013 51.8662 171.598 62.2979 161.256 67.5533H161.245C161.065 67.6548 160.918 67.7675 160.794 67.9029C158.262 69.9554 156.754 73.0341 156.754 76.2257V133.109H143.981V84.9545H140.605V133.109H127.832V76.2257C127.832 73.0341 126.335 69.9554 123.814 67.9141C123.679 67.7675 123.522 67.6548 123.342 67.5645C112.999 62.3092 106.574 51.8775 106.574 40.3293V33.1343C106.574 19.6238 115.678 7.64711 128.496 3.86914V36.9574C128.496 42.0774 132.66 46.25 137.78 46.25H146.817C151.938 46.25 156.09 42.0774 156.09 36.9574V3.86914C168.92 7.64711 178.013 19.6238 178.013 33.1343Z", fill: "white" }),
|
|
33972
33845
|
hAsync("path", { d: "M178.013 308.26V315.466C178.013 328.966 168.92 340.954 156.09 344.72V311.643C156.09 306.512 151.938 302.339 146.817 302.339H137.78C132.66 302.339 128.496 306.512 128.496 311.643V344.72C115.678 340.954 106.574 328.966 106.574 315.466V308.26C106.574 296.723 112.999 286.292 123.342 281.036C123.342 281.036 123.353 281.036 123.353 281.025C123.533 280.935 123.679 280.822 123.814 280.687C126.335 278.634 127.832 275.555 127.832 272.375V248.828H140.605V263.635H143.981V248.828H156.754V272.375C156.754 275.657 158.352 278.837 161.031 280.89C161.098 280.935 161.177 280.991 161.245 281.036C161.267 281.047 161.278 281.047 161.301 281.059C161.312 281.07 161.323 281.07 161.323 281.07C161.335 281.07 161.346 281.07 161.357 281.093C171.632 286.359 178.013 296.757 178.013 308.26Z", fill: "white" }),
|
|
@@ -33991,7 +33864,6 @@ const notificationIllustrations = {
|
|
|
33991
33864
|
'ill-504': {
|
|
33992
33865
|
NotificationIllustrationComponent(children) {
|
|
33993
33866
|
return (hAsync("svg", { width: "336.450496px", height: "356.8025px", viewBox: "0 0 336.450496 356.8025", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
33994
|
-
hAsync("title", null, "ill-504-dskt"),
|
|
33995
33867
|
children,
|
|
33996
33868
|
hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
33997
33869
|
hAsync("g", { id: "base-symbols/svg/deskt/504", transform: "translate(-138.352004, -3.000000)" },
|
|
@@ -34153,15 +34025,15 @@ class NotificationErrorPage {
|
|
|
34153
34025
|
}
|
|
34154
34026
|
}
|
|
34155
34027
|
render() {
|
|
34156
|
-
return (hAsync(Host, { key: '
|
|
34028
|
+
return (hAsync(Host, { key: '69b1211fc7d3d4db840c8e1123e257089fdd8e0f' }, hAsync("digi-layout-container", { key: 'c2d0853971479bed66da16ec998026d3e4ac5563', class: {
|
|
34157
34029
|
'digi-notification-error-page': true,
|
|
34158
34030
|
'digi-notification-error-page--mobile': this.isMobile
|
|
34159
|
-
}, id: this.afId }, hAsync("digi-typography", { key: '
|
|
34031
|
+
}, id: this.afId }, hAsync("digi-typography", { key: 'd2e5b8f0fce07cd7cfa06644ca8f436195511450' }, hAsync("digi-util-breakpoint-observer", { key: 'aaa01436570a3e2daa311c8a10a54d4b70d0f0bb', onAfOnChange: (e) => {
|
|
34160
34032
|
const val = e.detail.value;
|
|
34161
34033
|
this.isMobile =
|
|
34162
34034
|
val === UtilBreakpointObserverBreakpoints.SMALL ||
|
|
34163
34035
|
val === UtilBreakpointObserverBreakpoints.MEDIUM;
|
|
34164
|
-
} }), hAsync("div", { key: '
|
|
34036
|
+
} }), hAsync("div", { key: '8de7e47b2bb931e958b8b102f4a6494e9ec585a9', class: "digi-notification-error-page__grid" }, hAsync("div", { key: '9c569fb53b9f2ccb151e610e337833548367da54', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (hAsync(this.currentIllustration, null)) : null), hAsync("div", { key: 'd378738a817d498298bd56110480bff977de340e', class: "digi-notification-error-page__content" }, hAsync("h1", { key: 'b6d765c168c40d0ab4cdac4459d6ddd2bf16dce9', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (hAsync("div", { class: "digi-notification-error-page__content__bodytext" }, hAsync("slot", { name: "bodytext" }))) : (hAsync("div", { class: "digi-notification-error-page__content__bodytext" }, hAsync("div", { innerHTML: this.getText().body }))), this.hasSearch && (hAsync("div", { key: '402a4ea8c2783706b25f0d1053c34c7faef353b9', class: "digi-notification-error-page__content__search" }, hAsync("slot", { key: '270dfcc9e84cac8da44f186010295e4da827e8e6', name: "search" }))), this.hasLinks && (hAsync("div", { key: '9a4154b3ab9775ad0690af8bcb32389dd896ace6', class: "digi-notification-error-page__content__links" }, hAsync("slot", { key: 'd2d0ea4f25126989b86181ac61651a9d0de0431e', name: "links" })))))))));
|
|
34165
34037
|
}
|
|
34166
34038
|
get hostElement() { return getElement(this); }
|
|
34167
34039
|
static get watchers() { return {
|
|
@@ -34272,6 +34144,10 @@ class ProgressCircle {
|
|
|
34272
34144
|
changeCompletedStepsHandler(value) {
|
|
34273
34145
|
this.completedSteps = value;
|
|
34274
34146
|
}
|
|
34147
|
+
/**
|
|
34148
|
+
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
|
|
34149
|
+
* @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
|
|
34150
|
+
*/
|
|
34275
34151
|
focusOnHeading() {
|
|
34276
34152
|
this.headingElement.focus();
|
|
34277
34153
|
}
|
|
@@ -34288,20 +34164,20 @@ class ProgressCircle {
|
|
|
34288
34164
|
return;
|
|
34289
34165
|
}
|
|
34290
34166
|
render() {
|
|
34291
|
-
return (hAsync("div", { key: '
|
|
34167
|
+
return (hAsync("div", { key: '313f925e9c663a767f0c187f2e0c28419f05b717', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
|
|
34292
34168
|
? ProgressCircleRole.STATUS
|
|
34293
|
-
: null }, hAsync("div", { key: '
|
|
34294
|
-
' 15', pathLength: "1000" }))), hAsync("g", { key: '
|
|
34295
|
-
' 1000', pathLength: "1000" }), this.afWarningStep && (hAsync("circle", { key: '
|
|
34296
|
-
(this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (hAsync("circle", { key: '
|
|
34297
|
-
(this.afCompletedSteps - 1), pathLength: "1000" }))))), hAsync("div", { key: '
|
|
34169
|
+
: null }, hAsync("div", { key: 'efa8f433e6d8c0191167788b5b37e6468bd4488e', class: "digi-progress-circle__circle-wrapper" }, hAsync("div", { key: '67b7980b3747f2b5f714e6f186e22e65985cdcfd', class: "digi-progress-circle__circle" }, hAsync("p", { key: '6beab3bd347292e640450750265f8f392b968017', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), hAsync("svg", { key: '475b126c34edf9e3da66a23108f177291c941918', width: this.radius * 2, height: this.radius * 2 }, hAsync("defs", { key: '26cce0f47c702093546592ee194a05624475b7a9' }, hAsync("mask", { key: '485c7ca4564d1c16a4b2f6a749cfc4f372dfc7b8', id: this.afId }, hAsync("circle", { key: '0594753f47a8fb563b52992eeb204c4c5373962e', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
|
|
34170
|
+
' 15', pathLength: "1000" }))), hAsync("g", { key: '019dff70966a9bcf92920a3a6d41a8a856a97aa0' }, hAsync("circle", { key: '7e581598ae735eb3c9a165f12fa1736421afb3bd', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), hAsync("circle", { key: '8ea320289a4d28e43577e2b752540458ddd17278', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
|
|
34171
|
+
' 1000', pathLength: "1000" }), this.afWarningStep && (hAsync("circle", { key: '981935dcfe69e5fce609e78b10c6dde2979ddc72', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
|
|
34172
|
+
(this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (hAsync("circle", { key: '430052951101efa1f38b2464ea55c8fd5d1a381a', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
|
|
34173
|
+
(this.afCompletedSteps - 1), pathLength: "1000" }))))), hAsync("div", { key: '1d416f43064725e8028be4ec3535abcfe2fee45d', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (hAsync("p", { key: 'cdfed2655943bd9db4a5700d5026e48e7045009f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
|
|
34298
34174
|
visibility: 'hidden'
|
|
34299
|
-
} }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { key: '
|
|
34175
|
+
} }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { key: 'f917fb0a169becaf6291c4681c228b0d2d53965b', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
|
|
34300
34176
|
visibility: this.afStepNextLabel !== null &&
|
|
34301
34177
|
this.afStepNextLabel !== undefined
|
|
34302
34178
|
? 'visible'
|
|
34303
34179
|
: 'hidden'
|
|
34304
|
-
} }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: '
|
|
34180
|
+
} }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: 'a80cdd18ffa18536b68926c3b59de5c2b2da5db4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, hAsync("digi-icon-validation-warning", { key: '372bf47ba739af7528da52e053a187371e82d6e0', class: "digi-progress-circle__icon--warning" }), hAsync("span", { key: 'a3dd19434e4ca601cc88aa3944a3707a81a3438f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (hAsync("p", { key: '5179e5145a9bf1d0cffca68b3bca92d429e2caa9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, hAsync("digi-icon-validation-error", { key: '59123cb52600064e9c53dcf754c597094de92d24', class: "digi-progress-circle__icon--error" }), hAsync("span", { key: 'ca983c8a656a8e415d740142493bac7afbcef246' }, this.afValidationLabel)))));
|
|
34305
34181
|
}
|
|
34306
34182
|
get hostElement() { return getElement(this); }
|
|
34307
34183
|
static get watchers() { return {
|
|
@@ -34407,6 +34283,10 @@ class ProgressIndicator {
|
|
|
34407
34283
|
});
|
|
34408
34284
|
}
|
|
34409
34285
|
}
|
|
34286
|
+
/**
|
|
34287
|
+
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
|
|
34288
|
+
* @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
|
|
34289
|
+
*/
|
|
34410
34290
|
focusOnHeading() {
|
|
34411
34291
|
this.headingElement.focus();
|
|
34412
34292
|
}
|
|
@@ -34425,9 +34305,9 @@ class ProgressIndicator {
|
|
|
34425
34305
|
return;
|
|
34426
34306
|
}
|
|
34427
34307
|
render() {
|
|
34428
|
-
return (hAsync("div", { key: '
|
|
34308
|
+
return (hAsync("div", { key: '129050ed3f0aecee43976870d8c3fe834ab498fa', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
|
|
34429
34309
|
? ProgressIndicatorRole.STATUS
|
|
34430
|
-
: null }, hAsync("div", { key: '
|
|
34310
|
+
: null }, hAsync("div", { key: 'ec760ad17be307e7078188b5f355f14008bd939d' }, this.afStepNextLabel !== undefined ? (hAsync("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { class: "digi-progress-indicator__next", style: {
|
|
34431
34311
|
visibility: this.afStepNextLabel !== null &&
|
|
34432
34312
|
this.afStepNextLabel !== undefined
|
|
34433
34313
|
? 'visible'
|
|
@@ -34453,7 +34333,7 @@ class ProgressIndicator {
|
|
|
34453
34333
|
ProgressIndicatorVariation.SECONDARY &&
|
|
34454
34334
|
item.checked &&
|
|
34455
34335
|
this.afCompletedSteps !== index + 1 && (hAsync("digi-icon-check", { class: "digi-progress-indicator__icon" })), hAsync("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
|
|
34456
|
-
}))), this.afStepNextLabel !== undefined && (hAsync("p", { key: '
|
|
34336
|
+
}))), this.afStepNextLabel !== undefined && (hAsync("p", { key: 'd22d8344fdec62143e0147e701c011ce7e189eac', class: "digi-progress-indicator__label" }, hAsync("span", { key: '9a66cc1d054ce853a014acf2a5cbad43a1ac3e19' }, `${this.afStepText}`, " "), hAsync("span", { key: '68bfada37c4de1fee2ec4e53ceb467831832f947', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: 'd0b2f915f238245bd993401c9e16f17190258508', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, hAsync("digi-icon-validation-warning", { key: '29ce0863e62eae150df7d327d79eb516bb2d6d20', class: "digi-progress-indicator__icon--warning" }), hAsync("span", { key: 'c360860b68c279fdb61441cb2d2d21e9b0b18101' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (hAsync("p", { key: '40839ee9f09d34803a7cf4e3800be15bfb5d8532', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, hAsync("digi-icon-validation-error", { key: '81cde2de59b5d0b8965a96e2c23fdb1a586be862', class: "digi-progress-indicator__icon--error" }), hAsync("span", { key: 'b9a33dcce30760da08233f6333acd425392d11e3' }, this.afValidationLabel))), hAsync("div", { key: '1dcd28b87affe8aea016a0a47bacee08b2eac637', hidden: true, class: "digi-progress-indicator__slot" }, hAsync("digi-util-mutation-observer", { key: '1d2f85e12f722cf8e322f89efcb109a377d2c09a', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, hAsync("slot", { key: 'f12c39b8602f924929873b075acb04a57bac3f12' })))));
|
|
34457
34337
|
}
|
|
34458
34338
|
get hostElement() { return getElement(this); }
|
|
34459
34339
|
static get watchers() { return {
|
|
@@ -34598,7 +34478,7 @@ class ProgressList {
|
|
|
34598
34478
|
return null;
|
|
34599
34479
|
}
|
|
34600
34480
|
render() {
|
|
34601
|
-
return (hAsync("div", { key: '
|
|
34481
|
+
return (hAsync("div", { key: 'f00cf7b4acc30e32aa2f5b0032d999733bf3d3f5', class: "digi-progress-list" }, hAsync("digi-typography", { key: '870b83fe756b5594e4a3cbd80d2875d45ff7dc95' }, this.renderHeading(), hAsync("ol", { key: 'fe6c80534fb9c387e339a1c888270f469077790d', class: "digi-progress-list__content" }, hAsync("slot", { key: '6b357caf4c3368131f26a66d7bf3bcf14e362bd6' })))));
|
|
34602
34482
|
}
|
|
34603
34483
|
get hostElement() { return getElement(this); }
|
|
34604
34484
|
static get style() { return DigiProgressListStyle0; }
|
|
@@ -34703,7 +34583,7 @@ class ProgressListItem {
|
|
|
34703
34583
|
}
|
|
34704
34584
|
render() {
|
|
34705
34585
|
const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
|
|
34706
|
-
return (hAsync(Host, { key: '
|
|
34586
|
+
return (hAsync(Host, { key: 'c527e33ef4dfe0504c747f8643c45b2c21344533', role: "listitem", "aria-current": ariaCurrent }, hAsync("div", { key: 'c91f73ec86c55b767523160771fb70bfcc71bf4c', class: {
|
|
34707
34587
|
'digi-progress-list-item': true,
|
|
34708
34588
|
'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
|
|
34709
34589
|
[`digi-progress-list-item--${this.afStepStatus}`]: true,
|
|
@@ -34711,18 +34591,18 @@ class ProgressListItem {
|
|
|
34711
34591
|
'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
|
|
34712
34592
|
'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
|
|
34713
34593
|
'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
|
|
34714
|
-
} }, hAsync("span", { key: '
|
|
34594
|
+
} }, hAsync("span", { key: '380e428b67ed7c033b6add22ea7f8d3734cf7a38', class: "digi-progress-list-item__indicator" }, hAsync("span", { key: '4e440c6b736d91bda35c6bc7ce6c1c9c783be777', class: {
|
|
34715
34595
|
'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
|
|
34716
34596
|
'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
|
|
34717
|
-
} }, this.renderStatusIcon()), hAsync("span", { key: '
|
|
34597
|
+
} }, this.renderStatusIcon()), hAsync("span", { key: '2d8f62b655a505350f68dbcbe2ae409458f2b02e', class: "digi-progress-list-item__indicator--line" })), hAsync("div", { key: 'db7136beb9e99297a139b30adfad5d8d72a00a94', class: {
|
|
34718
34598
|
'digi-progress-list-item__wrapper': true,
|
|
34719
34599
|
'digi-progress-list-item__wrapper--last': this.afIsLast
|
|
34720
|
-
} }, hAsync("div", { key: '
|
|
34600
|
+
} }, hAsync("div", { key: 'e38ba65ea5235c4567beb15cf82f344eb5204597', class: "digi-progress-list-item__header" }, hAsync(this.afHeadingLevel, { key: '77b6a655561af992fdbd9a61b446c5adf041d375', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), hAsync("div", { key: '92dbfab6b9cee06e5893c1f068fe4ef659efb161', class: {
|
|
34721
34601
|
'digi-progress-list-item__content': true,
|
|
34722
34602
|
'digi-progress-list-item__content--expandable': this.afExpandable,
|
|
34723
34603
|
'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
|
|
34724
34604
|
'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
|
|
34725
|
-
}, id: `${this.afId}-content` }, hAsync("div", { key: '
|
|
34605
|
+
}, id: `${this.afId}-content` }, hAsync("div", { key: 'c01a10d5f6210befae10f96c874ce9ed93f18176' }, hAsync("slot", { key: '6cfc2f43a2edf8ab7e73f2ac4837b340083ab489' })))))));
|
|
34726
34606
|
}
|
|
34727
34607
|
get hostElement() { return getElement(this); }
|
|
34728
34608
|
static get style() { return DigiProgressListItemStyle0; }
|
|
@@ -34828,7 +34708,7 @@ class Progressbar {
|
|
|
34828
34708
|
return;
|
|
34829
34709
|
}
|
|
34830
34710
|
render() {
|
|
34831
|
-
return (hAsync("div", { key: '
|
|
34711
|
+
return (hAsync("div", { key: '19aa7eb7cc780b10e7d24221fadcabf50a39aff8', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, hAsync("p", { key: '9548f8e9c5189cb20a184e249a5c24997a0cc5a4', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (hAsync("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
|
|
34832
34712
|
return (hAsync("li", { class: {
|
|
34833
34713
|
'digi-progressbar__step': true,
|
|
34834
34714
|
'digi-progressbar__step--active': this.afCompletedSteps > i,
|
|
@@ -34839,7 +34719,7 @@ class Progressbar {
|
|
|
34839
34719
|
'digi-progressbar__step': true,
|
|
34840
34720
|
'digi-progressbar__step--active': item.checked
|
|
34841
34721
|
} }, hAsync("span", { class: "digi-progressbar__step-indicator" }, hAsync("span", { class: "digi-progressbar__step-number" }, index + 1))));
|
|
34842
|
-
}))), hAsync("div", { key: '
|
|
34722
|
+
}))), hAsync("div", { key: '14e4da3e6aaa62fcff644e5d51f4fd73fd14c911', hidden: true, class: "digi-progressbar__slot" }, hAsync("digi-util-mutation-observer", { key: '7a9c3ab5f6d95848a6266c98203da43a0517a96e', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, hAsync("slot", { key: '5b2bc7d3445a7149d013ef33d3b8532a71e22a63' })))));
|
|
34843
34723
|
}
|
|
34844
34724
|
get hostElement() { return getElement(this); }
|
|
34845
34725
|
static get watchers() { return {
|
|
@@ -34869,8 +34749,8 @@ class Progressbar {
|
|
|
34869
34749
|
}; }
|
|
34870
34750
|
}
|
|
34871
34751
|
|
|
34872
|
-
const quoteCss$1 = ".digi--util--fs--xs.sc-digi-quote{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-quote{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-quote{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-quote{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-quote{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-quote{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-quote{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-quote{padding-top:5rem !important}.digi--util--pb--1.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-quote{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-quote{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-quote{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-quote{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-quote{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-quote{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-quote{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-quote{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-quote{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-quote{padding:2.5rem !important}.digi--util--p--60.sc-digi-quote{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-quote{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-quote{padding:4.5rem !important}.digi--util--p--90.sc-digi-quote{padding:5rem !important}.digi--util--ptb--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-quote{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-quote{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-quote{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-quote{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-quote{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-quote{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-quote{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-quote{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}.digi--util--hidden.sc-digi-quote{display:none}.sc-digi-quote-h{--digi--quote--background--primary:var(--digi--color--background--primary);--digi--quote--background--secondary:var(--digi--color--background--neutral-5);--digi--quote--background--tertiary:var(--digi--color--background--secondary);--BACKGROUND:transparent}.sc-digi-quote-h .digi-quote.sc-digi-quote{display:block;position:relative}.sc-digi-quote-h .digi-quote--variation-primary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--primary)}.sc-digi-quote-h .digi-quote--variation-secondary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--secondary)}.sc-digi-quote-h .digi-quote--variation-tertiary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--tertiary)}.sc-digi-quote-h .digi-quote__variation-wrapper.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:43rem}.sc-digi-quote-h .digi-quote__variation-wrapper-no-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:fit-content}.sc-digi-quote-h .digi-quote__variation-wrapper-vertical-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:30rem}.sc-digi-quote-h .digi-quote__image-position.sc-digi-quote{display:flex;flex-direction:row;gap:0.5rem;align-items:flex-start}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:row-reverse}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:flex-start;margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem}.sc-digi-quote-h .digi-quote__image.sc-digi-quote{flex-shrink:0;width:10.625rem;border-radius:50%;overflow:hidden;aspect-ratio:1/1;position:relative;align-self:flex-start}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__img.sc-digi-quote{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{float:left;margin-left:-0.125rem;margin-top:-0.1875rem;margin-right:0.625rem}.sc-digi-quote-h .digi-quote__text.sc-digi-quote{display:inline-block;padding:var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-h .digi-quote__text.sc-digi-quote{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-h .digi-quote__author.sc-digi-quote{padding-top:var(--digi--padding--small);margin-bottom:0;font-size:0.875rem;font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-quote-h .digi-quote__author-title.sc-digi-quote{max-width:var(--digi--paragraph-width--medium);margin:0;font-size:0.875rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__text.sc-digi-quote{padding:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:1.5rem}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:center;margin-top:1.5rem;margin-left:0;margin-right:0;margin-bottom:0;width:8.75rem;height:8.75rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem;margin-left:0;align-self:center}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:0.75rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-left:0}}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-icon.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{width:2.875rem;height:2.5rem;margin-right:0.625rem;margin-bottom:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{display:flex;justify-content:flex-start;flex-direction:row;gap:0.5rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote .hide.sc-digi-quote{display:none}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.is-mobile.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-content.sc-digi-quote{display:flex;flex-direction:column;gap:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote blockquote.sc-digi-quote{font-size:1.5rem;line-height:2rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-image.sc-digi-quote{width:fit-content;align-self:center}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem}}@media (max-width: 48rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}}";
|
|
34873
|
-
var DigiQuoteStyle0 = quoteCss
|
|
34752
|
+
const quoteCss = ".digi--util--fs--xs.sc-digi-quote{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-quote{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-quote{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-quote{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-quote{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-quote{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-quote{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-quote{padding-top:5rem !important}.digi--util--pb--1.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-quote{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-quote{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-quote{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-quote{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-quote{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-quote{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-quote{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-quote{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-quote{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-quote{padding:2.5rem !important}.digi--util--p--60.sc-digi-quote{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-quote{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-quote{padding:4.5rem !important}.digi--util--p--90.sc-digi-quote{padding:5rem !important}.digi--util--ptb--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-quote{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-quote{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-quote{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-quote{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-quote{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-quote{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-quote{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-quote{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}.digi--util--hidden.sc-digi-quote{display:none}.sc-digi-quote-h{--digi--quote--background--primary:var(--digi--color--background--primary);--digi--quote--background--secondary:var(--digi--color--background--neutral-5);--digi--quote--background--tertiary:var(--digi--color--background--secondary);--BACKGROUND:transparent}.sc-digi-quote-h .digi-quote.sc-digi-quote{display:block;position:relative}.sc-digi-quote-h .digi-quote--variation-primary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--primary)}.sc-digi-quote-h .digi-quote--variation-secondary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--secondary)}.sc-digi-quote-h .digi-quote--variation-tertiary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--tertiary)}.sc-digi-quote-h .digi-quote__variation-wrapper.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:43rem}.sc-digi-quote-h .digi-quote__variation-wrapper-no-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:fit-content}.sc-digi-quote-h .digi-quote__variation-wrapper-vertical-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:30rem}.sc-digi-quote-h .digi-quote__image-position.sc-digi-quote{display:flex;flex-direction:row;gap:0.5rem;align-items:flex-start}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:row-reverse}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:flex-start;margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem}.sc-digi-quote-h .digi-quote__image.sc-digi-quote{flex-shrink:0;width:10.625rem;border-radius:50%;overflow:hidden;aspect-ratio:1/1;position:relative;align-self:flex-start}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__img.sc-digi-quote{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{float:left;margin-left:-0.125rem;margin-top:-0.1875rem;margin-right:0.625rem}.sc-digi-quote-h .digi-quote__text.sc-digi-quote{display:inline-block;padding:var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-h .digi-quote__text.sc-digi-quote{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-h .digi-quote__author.sc-digi-quote{padding-top:var(--digi--padding--small);margin-bottom:0;font-size:0.875rem;font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-quote-h .digi-quote__author-title.sc-digi-quote{max-width:var(--digi--paragraph-width--medium);margin:0;font-size:0.875rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__text.sc-digi-quote{padding:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:1.5rem}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:center;margin-top:1.5rem;margin-left:0;margin-right:0;margin-bottom:0;width:8.75rem;height:8.75rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem;margin-left:0;align-self:center}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:0.75rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-left:0}}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-icon.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{width:2.875rem;height:2.5rem;margin-right:0.625rem;margin-bottom:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{display:flex;justify-content:flex-start;flex-direction:row;gap:0.5rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote .hide.sc-digi-quote{display:none}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.is-mobile.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-content.sc-digi-quote{display:flex;flex-direction:column;gap:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote blockquote.sc-digi-quote{font-size:1.5rem;line-height:2rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-image.sc-digi-quote{width:fit-content;align-self:center}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem}}@media (max-width: 48rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}}";
|
|
34753
|
+
var DigiQuoteStyle0 = quoteCss;
|
|
34874
34754
|
|
|
34875
34755
|
/**
|
|
34876
34756
|
*
|
|
@@ -34878,7 +34758,6 @@ var DigiQuoteStyle0 = quoteCss$1;
|
|
|
34878
34758
|
* @enums QuoteType - quote-type.enum
|
|
34879
34759
|
* @enums QuoteImagePosition - quote-image-position.enum
|
|
34880
34760
|
* @enums QuoteImageInnerPosition - quote-image-inner-position.enum
|
|
34881
|
-
* @new
|
|
34882
34761
|
* @swedishName Citat
|
|
34883
34762
|
*/
|
|
34884
34763
|
class Quote {
|
|
@@ -34968,7 +34847,7 @@ class Quote {
|
|
|
34968
34847
|
return (hAsync("div", { class: "digi-quote__variation--highlight-wrapper" }, hAsync("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), hAsync("div", { class: "digi-quote-icon-flex" }, hAsync("span", { class: "quote-icon" }, this.renderQuotationMark()), hAsync("div", { class: "quote-content" }, hAsync("digi-typography", null, hAsync("blockquote", null, hAsync("slot", null))), hAsync("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), hAsync("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
|
|
34969
34848
|
}
|
|
34970
34849
|
render() {
|
|
34971
|
-
return (hAsync(Host, { key: '
|
|
34850
|
+
return (hAsync(Host, { key: '9e8b787191871822c615e3dd6e5ba11afe2c9558' }, hAsync("digi-util-breakpoint-observer", { key: '1d4928219776edf8e04063a747df706b1fc72267', onAfOnChange: (e) => this.breakpointHandler(e) }), hAsync("div", { key: 'cc9d869d70e83686b7ce07e31cc9e3a757e30354', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
|
|
34972
34851
|
}
|
|
34973
34852
|
static get style() { return DigiQuoteStyle0; }
|
|
34974
34853
|
static get cmpMeta() { return {
|
|
@@ -34991,89 +34870,6 @@ class Quote {
|
|
|
34991
34870
|
}; }
|
|
34992
34871
|
}
|
|
34993
34872
|
|
|
34994
|
-
const quoteMultiContainerCss = ".sc-digi-quote-multi-container-h .digi-quote-multi-container__heading.sc-digi-quote-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: 62rem){.sc-digi-quote-multi-container-h .digi-quote-multi-container__heading.sc-digi-quote-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-quote-multi-container-h .digi-quote-multi-container__content.sc-digi-quote-multi-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--digi--padding--large);align-items:stretch;width:fit-content}@media screen and (max-width: 61.9375rem){.sc-digi-quote-multi-container-h .digi-quote-multi-container__content.sc-digi-quote-multi-container{grid-template-columns:1fr;gap:var(--digi--padding--small)}}";
|
|
34995
|
-
var DigiQuoteMultiContainerStyle0 = quoteMultiContainerCss;
|
|
34996
|
-
|
|
34997
|
-
/**
|
|
34998
|
-
* @deprecated Denna komponent kommer tas bort från Designsystemet i slutet av oktober 2025. Använd <digi-quote/> istället.
|
|
34999
|
-
*
|
|
35000
|
-
* @slot mySlot - Slot description, if any
|
|
35001
|
-
*
|
|
35002
|
-
* @enums QuoteMultiContainerHeadingLevel - quote-multi-container-heading-level.enum.ts
|
|
35003
|
-
*
|
|
35004
|
-
* @swedishName Citatbehållare
|
|
35005
|
-
*/
|
|
35006
|
-
class QuoteMultiContainer {
|
|
35007
|
-
constructor(hostRef) {
|
|
35008
|
-
registerInstance(this, hostRef);
|
|
35009
|
-
this.afHeading = undefined;
|
|
35010
|
-
this.afHeadingLevel = undefined;
|
|
35011
|
-
}
|
|
35012
|
-
render() {
|
|
35013
|
-
return (hAsync("div", { key: '7600c1979b64619b0712ca8e0ea749f5fb3384b3', class: "digi-quote-multi-container" }, this.afHeading && this.afHeadingLevel && (hAsync(this.afHeadingLevel, { key: '440a74b2ba5895a400f74fe97ff78378d58ee6b4', class: "digi-quote-multi-container__heading" }, this.afHeading)), hAsync("div", { key: 'ee9dc88606016f4e9369439517461a393f72f045', class: "digi-quote-multi-container__content" }, hAsync("slot", { key: '854f29fe1e20751ae8d19020b91a814aa10c671d' }))));
|
|
35014
|
-
}
|
|
35015
|
-
get hostElement() { return getElement(this); }
|
|
35016
|
-
static get style() { return DigiQuoteMultiContainerStyle0; }
|
|
35017
|
-
static get cmpMeta() { return {
|
|
35018
|
-
"$flags$": 6,
|
|
35019
|
-
"$tagName$": "digi-quote-multi-container",
|
|
35020
|
-
"$members$": {
|
|
35021
|
-
"afHeading": [1, "af-heading"],
|
|
35022
|
-
"afHeadingLevel": [1, "af-heading-level"]
|
|
35023
|
-
},
|
|
35024
|
-
"$listeners$": undefined,
|
|
35025
|
-
"$lazyBundleId$": "-",
|
|
35026
|
-
"$attrsToReflect$": []
|
|
35027
|
-
}; }
|
|
35028
|
-
}
|
|
35029
|
-
|
|
35030
|
-
const quoteCss = ".digi--util--fs--xs.sc-digi-quote-single{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-quote-single{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-quote-single{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-quote-single{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-quote-single{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-quote-single{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-quote-single{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-quote-single{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-quote-single{padding-top:5rem !important}.digi--util--pb--1.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-quote-single{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-quote-single{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-quote-single{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-quote-single{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-quote-single{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-quote-single{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-quote-single{padding:2.5rem !important}.digi--util--p--60.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-quote-single{padding:4.5rem !important}.digi--util--p--90.sc-digi-quote-single{padding:5rem !important}.digi--util--ptb--1.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-quote-single{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-quote-single{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-quote-single{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-quote-single{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-quote-single{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-quote-single{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-quote-single{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-quote-single{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-quote-single{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-quote-single{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-quote-single{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}.digi--util--hidden.sc-digi-quote-single{display:none}.sc-digi-quote-single-h{--digi--quote-single--background--primary:var(--digi--color--background--neutral-5);--digi--quote-single--background--secondary:var(--digi--color--background--secondary);--digi--quote-single--background--tertiary:var(--digi--color--background--primary);--BACKGROUND:transparent}.sc-digi-quote-single-h .digi-quote-single.sc-digi-quote-single{display:block;position:relative}.sc-digi-quote-single-h .digi-quote-single--primary.sc-digi-quote-single{--BACKGROUND:var(--digi--quote-single--background--primary)}.sc-digi-quote-single-h .digi-quote-single--secondary.sc-digi-quote-single{--BACKGROUND:var(--digi--quote-single--background--secondary)}.sc-digi-quote-single-h .digi-quote-single--tertiary.sc-digi-quote-single{--BACKGROUND:var(--digi--quote-single--background--tertiary)}.sc-digi-quote-single-h .digi-quote-single__content.sc-digi-quote-single{padding-top:var(--digi--padding--large);padding-bottom:var(--digi--padding--large);max-width:fit-content}.sc-digi-quote-single-h .digi-quote-single__icon.sc-digi-quote-single{float:left;width:2.5625rem;height:1.875rem;margin-left:-0.125rem;margin-top:-0.625rem;margin-right:0.625rem}.sc-digi-quote-single-h .digi-quote-single__text.sc-digi-quote-single{display:inline-block;background:var(--BACKGROUND);font-weight:var(--digi--typography--label--font-weight--desktop);padding:var(--digi--padding--largest-2) var(--digi--padding--large) var(--digi--padding--largest-2) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-single-h .digi-quote-single__text.sc-digi-quote-single{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-single-h .digi-quote-single__author.sc-digi-quote-single{padding-top:var(--digi--padding--small);line-height:var(--digi--typography--label--line-height--desktop);font-weight:var(--digi--typography--label--font-weight--desktop);margin-bottom:0}.sc-digi-quote-single-h .digi-quote-single__author-title.sc-digi-quote-single{max-width:var(--digi--paragraph-width--medium);line-height:var(--digi--typography--label-description--line-height--desktop);font-size:var(--digi--typography--label-description--font-size--desktop)}";
|
|
35031
|
-
var DigiQuoteSingleStyle0 = quoteCss;
|
|
35032
|
-
|
|
35033
|
-
/**
|
|
35034
|
-
* @deprecated Denna komponent kommer tas bort från Designsystemet i slutet av oktober 2025. Använd <digi-quote/> istället.
|
|
35035
|
-
*
|
|
35036
|
-
* @slot default -
|
|
35037
|
-
*
|
|
35038
|
-
* @enums QuoteSingleVariation - quote-single-variation.enum.ts
|
|
35039
|
-
*
|
|
35040
|
-
* @swedishName Citat Enkel
|
|
35041
|
-
*/
|
|
35042
|
-
class QuoteSingle {
|
|
35043
|
-
constructor(hostRef) {
|
|
35044
|
-
registerInstance(this, hostRef);
|
|
35045
|
-
this.afVariation = QuoteSingleVariation.PRIMARY;
|
|
35046
|
-
this.afQuoteText = undefined;
|
|
35047
|
-
this.afQuoteAuthorName = undefined;
|
|
35048
|
-
this.afQuoteAuthorTitle = undefined;
|
|
35049
|
-
}
|
|
35050
|
-
get cssModifiers() {
|
|
35051
|
-
return {
|
|
35052
|
-
'digi-quote-single--primary': this.afVariation === QuoteSingleVariation.PRIMARY,
|
|
35053
|
-
'digi-quote-single--secondary': this.afVariation === QuoteSingleVariation.SECONDARY,
|
|
35054
|
-
'digi-quote-single--tertiary': this.afVariation === QuoteSingleVariation.TERTIARY
|
|
35055
|
-
};
|
|
35056
|
-
}
|
|
35057
|
-
render() {
|
|
35058
|
-
return (hAsync("div", { key: '842ef66492c32c28dc12e2031df690233fddb699', class: Object.assign({ 'digi-quote-single': true }, this.cssModifiers) }, hAsync("div", { key: 'd0b906c4986a1687d9411e051d72395825e524e5', class: "digi-quote-single__content" }, hAsync("section", { key: '7f33a055c8f15ddef505b1c4b8c63c5eab44ed22', class: "digi-quote-single__text" }, hAsync("digi-typography", { key: '76f00f69ac8cf78add9c7de3be55513b14b0f1d8' }, hAsync("svg", { key: '0faaeab3611731864d25b4b7ccfdedcf06bb5e58', class: "digi-quote-single__icon", "aria-hidden": "true", width: "51px", height: "40px", viewBox: "0 0 51 40", fill: "#00005A" }, hAsync("path", { key: '4a3e3c14011fa2c589fedd4edbcf6a24d78cc91a', d: "M0.602908277,34.1566952 C4.73191648,32.1718898 7.96569724,29.8622982 10.3042506,27.2279202 C12.6428039,24.5935423 13.99478,21.3998101 14.360179,17.6467236 L11.2908277,17.6467236 C9.02535421,17.6467236 7.18008949,17.3941121 5.75503356,16.8888889 C4.32997763,16.3836657 3.17897092,15.679962 2.30201342,14.7777778 C1.46159582,13.9116809 0.867822521,12.9553656 0.520693512,11.9088319 C0.173564504,10.8622982 0,9.77967711 0,8.66096866 C0,6.35137702 0.940902312,4.33048433 2.82270694,2.5982906 C4.70451156,0.866096866 6.92431022,0 9.48210291,0 C13.5014914,0 16.5891126,1.31718898 18.7449664,3.95156695 C20.9008203,6.58594492 21.9787472,10.2307692 21.9787472,14.8860399 C21.9787472,19.2165242 20.1243475,23.5830959 16.4155481,27.985755 C12.7067487,32.3884141 8.23974646,35.7264957 3.01454139,38 L0.602908277,34.1566952 Z M27.6241611,34.1566952 C31.7531693,32.1718898 34.98695,29.8622982 37.3255034,27.2279202 C39.6640567,24.5935423 41.0160328,21.3998101 41.3814318,17.6467236 L38.3120805,17.6467236 C36.046607,17.6467236 34.2013423,17.3941121 32.7762864,16.8888889 C31.3512304,16.3836657 30.2002237,15.679962 29.3232662,14.7777778 C28.4828486,13.9116809 27.8890753,12.9553656 27.5419463,11.9088319 C27.1948173,10.8622982 27.0212528,9.77967711 27.0212528,8.66096866 C27.0212528,6.35137702 27.9621551,4.33048433 29.8439597,2.5982906 C31.7257644,0.866096866 33.945563,0 36.5033557,0 C40.5227442,0 43.6103654,1.31718898 45.7662192,3.95156695 C47.9220731,6.58594492 49,10.2307692 49,14.8860399 C49,19.2165242 47.1456003,23.5830959 43.4368009,27.985755 C39.7280015,32.3884141 35.2609993,35.7264957 30.0357942,38 L27.6241611,34.1566952 Z" })), hAsync("blockquote", { key: '98b6e1ff2c30458468f525ea9eb75d6991c3a655' }, hAsync("slot", { key: 'da09cb06035ff115ca776fd15fb4e2fb6434d2a8' })))), hAsync("digi-typography-meta", { key: '995246b4c06a7885d7e22e21ba17bab22c46f03b', "af-variation": "primary" }, this.afQuoteAuthorName && (hAsync("p", { key: '64817abf03f2f276bb43396f856ad3b8bf9428d8', class: "digi-quote-single__author" }, this.afQuoteAuthorName)), this.afQuoteAuthorTitle && (hAsync("p", { key: '3454b06aea3ab5926f5e3afce929538b4b6e7406', class: "digi-quote-single__author-title", slot: "secondary" }, this.afQuoteAuthorTitle))))));
|
|
35059
|
-
}
|
|
35060
|
-
get hostElement() { return getElement(this); }
|
|
35061
|
-
static get style() { return DigiQuoteSingleStyle0; }
|
|
35062
|
-
static get cmpMeta() { return {
|
|
35063
|
-
"$flags$": 6,
|
|
35064
|
-
"$tagName$": "digi-quote-single",
|
|
35065
|
-
"$members$": {
|
|
35066
|
-
"afVariation": [1, "af-variation"],
|
|
35067
|
-
"afQuoteText": [1, "af-quote-text"],
|
|
35068
|
-
"afQuoteAuthorName": [1, "af-quote-author-name"],
|
|
35069
|
-
"afQuoteAuthorTitle": [1, "af-quote-author-title"]
|
|
35070
|
-
},
|
|
35071
|
-
"$listeners$": undefined,
|
|
35072
|
-
"$lazyBundleId$": "-",
|
|
35073
|
-
"$attrsToReflect$": []
|
|
35074
|
-
}; }
|
|
35075
|
-
}
|
|
35076
|
-
|
|
35077
34873
|
const iconScaleCss = ".sc-digi-icon-scale-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-scale-h svg.sc-digi-icon-scale{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)}";
|
|
35078
34874
|
var DigiIconScaleStyle0 = iconScaleCss;
|
|
35079
34875
|
|
|
@@ -35142,7 +34938,7 @@ class Table {
|
|
|
35142
34938
|
};
|
|
35143
34939
|
}
|
|
35144
34940
|
render() {
|
|
35145
|
-
return (hAsync("div", { key: '
|
|
34941
|
+
return (hAsync("div", { key: '081ef1b6b8ea07625c06a2009187f2d39f03abd3', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, hAsync("div", { key: '035c017a946ac09441f65e44b823d0fcb3e10b05', class: "digi-table__scroll-container" }, hAsync("slot", { key: '49ebdc1e980713faee29d3dec72ecf8dfbcb50db' }))));
|
|
35146
34942
|
}
|
|
35147
34943
|
static get style() { return DigiTableStyle0; }
|
|
35148
34944
|
static get cmpMeta() { return {
|
|
@@ -35159,7 +34955,7 @@ class Table {
|
|
|
35159
34955
|
}; }
|
|
35160
34956
|
}
|
|
35161
34957
|
|
|
35162
|
-
const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}";
|
|
34958
|
+
const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
|
|
35163
34959
|
var DigiTagStyle0 = tagCss;
|
|
35164
34960
|
|
|
35165
34961
|
/**
|
|
@@ -35173,6 +34969,7 @@ class Tag {
|
|
|
35173
34969
|
this.afNoIcon = false;
|
|
35174
34970
|
this.afAriaLabel = undefined;
|
|
35175
34971
|
this.afSize = TagSize.SMALL;
|
|
34972
|
+
this.afBreakWords = false;
|
|
35176
34973
|
}
|
|
35177
34974
|
clickHandler(e) {
|
|
35178
34975
|
this.afOnClick.emit(e);
|
|
@@ -35188,7 +34985,7 @@ class Tag {
|
|
|
35188
34985
|
return this.afText;
|
|
35189
34986
|
}
|
|
35190
34987
|
render() {
|
|
35191
|
-
return (hAsync("digi-button", { key: '
|
|
34988
|
+
return (hAsync("digi-button", { key: '6462faeac49e6bea1de19d53cfceb82189b27daf', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && hAsync("digi-icon-x", { key: '89c4ecec2d4e7fdbf665fe75b19e784548067029', slot: "icon-secondary" })));
|
|
35192
34989
|
}
|
|
35193
34990
|
static get style() { return DigiTagStyle0; }
|
|
35194
34991
|
static get cmpMeta() { return {
|
|
@@ -35198,7 +34995,8 @@ class Tag {
|
|
|
35198
34995
|
"afText": [1, "af-text"],
|
|
35199
34996
|
"afNoIcon": [4, "af-no-icon"],
|
|
35200
34997
|
"afAriaLabel": [1, "af-aria-label"],
|
|
35201
|
-
"afSize": [1, "af-size"]
|
|
34998
|
+
"afSize": [1, "af-size"],
|
|
34999
|
+
"afBreakWords": [4, "af-break-words"]
|
|
35202
35000
|
},
|
|
35203
35001
|
"$listeners$": undefined,
|
|
35204
35002
|
"$lazyBundleId$": "-",
|
|
@@ -35243,9 +35041,9 @@ class TagMedia {
|
|
|
35243
35041
|
return hAsync("digi-icon-news", { class: "digi-tag-media__icon" });
|
|
35244
35042
|
}
|
|
35245
35043
|
render() {
|
|
35246
|
-
return (hAsync(Host, { key: '
|
|
35044
|
+
return (hAsync(Host, { key: '6495cad281699957e8e521be923aab4f3fcfeb9f' }, hAsync("div", { key: 'a634a1c2c35b6888b8220923b316b701e0647f76', class: {
|
|
35247
35045
|
'digi-tag-media': true
|
|
35248
|
-
} }, this.tagIcon, hAsync("span", { key: '
|
|
35046
|
+
} }, this.tagIcon, hAsync("span", { key: '506bf750e77c8147c2becc2cce14fb7026984343', class: "digi-tag-media__text" }, this.afText))));
|
|
35249
35047
|
}
|
|
35250
35048
|
get hostElement() { return getElement(this); }
|
|
35251
35049
|
static get style() { return DigiTagMediaStyle0; }
|
|
@@ -35334,7 +35132,7 @@ class ToolsFeedback {
|
|
|
35334
35132
|
this.afOnReady.emit();
|
|
35335
35133
|
}
|
|
35336
35134
|
render() {
|
|
35337
|
-
return (hAsync("div", { key: '
|
|
35135
|
+
return (hAsync("div", { key: '83db61c7c9b70f2dbef26326b875516084e9f1bf', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (hAsync("digi-layout-block", { key: '5b40e1b4d98076f70aae457ae44bc361d3a4c38a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
|
|
35338
35136
|
}
|
|
35339
35137
|
get hostElement() { return getElement(this); }
|
|
35340
35138
|
static get watchers() { return {
|
|
@@ -35530,10 +35328,10 @@ class ToolsFeedbackRating {
|
|
|
35530
35328
|
get content() {
|
|
35531
35329
|
return (hAsync("digi-typography", null, this.validContent && (hAsync("div", { dir: this.afDir, lang: this.afLang, class: `digi-tools-feedback-rating__wrapper ${this.currentStep === 2 ? 'step2' : ''}` }, this.currentStep === 1 && (hAsync("div", { class: "digi-tools-feedback-rating__star-rating" }, hAsync(this.afHeadingLevel, { id: `${this.afId}-rating-question`, class: `digi-tools-feedback-rating__heading ${this.afType === FeedbackRatingType.MINIMAL ? 'hidden' : ''}` }, this.afQuestion), hAsync("div", { class: "digi-tools-feedback-rating__step1-wrapper" }, this.afRatings && (hAsync("span", { class: "digi-tools-feedback-rating__step1-description" }, "V\u00E4lj fr\u00E5n", ' ', `${(this.ratingsData().find((item) => item.value === 1) ||
|
|
35532
35330
|
{}).text.toLowerCase() || null} till ${(this.ratingsData().find((item) => item.value === 5) ||
|
|
35533
|
-
{}).text.toLowerCase() || null}`)), hAsync("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (hAsync("div", { class: "digi-tools-feedback-rating__star-rating-star" }, hAsync("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, hAsync("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, hAsync("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, hAsync("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, hAsync("g", { transform: "translate(1663, 2565)" }, hAsync("g", { transform: "translate(190, 0)" }, hAsync("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z"
|
|
35331
|
+
{}).text.toLowerCase() || null}`)), hAsync("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (hAsync("div", { class: "digi-tools-feedback-rating__star-rating-star" }, hAsync("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, hAsync("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, hAsync("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, hAsync("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, hAsync("g", { transform: "translate(1663, 2565)" }, hAsync("g", { transform: "translate(190, 0)" }, hAsync("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (hAsync("div", { class: "digi-tools-feedback-rating__thankyou" }, hAsync("div", { class: "digi-tools-feedback-rating__thankyou-text" }, hAsync("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), hAsync("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "#95C13E" }))), hAsync("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (hAsync("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (hAsync("div", { class: "digi-tools-feedback-rating__link" }, hAsync("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
|
|
35534
35332
|
}
|
|
35535
35333
|
render() {
|
|
35536
|
-
return (hAsync("div", { key: '
|
|
35334
|
+
return (hAsync("div", { key: '26c24e24485d795838830758c6616229bd9d5fc4', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, hAsync("digi-layout-block", { key: '9df5e3a6c4d99c8e206c7bb08407c79247e52121', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
|
|
35537
35335
|
}
|
|
35538
35336
|
get hostElement() { return getElement(this); }
|
|
35539
35337
|
static get watchers() { return {
|
|
@@ -35582,7 +35380,7 @@ var DigiToolsLanguagepickerStyle0 = toolsLanguagepickerCss;
|
|
|
35582
35380
|
|
|
35583
35381
|
/**
|
|
35584
35382
|
* @swedishName Språkväljare
|
|
35585
|
-
* @deprecated
|
|
35383
|
+
* @deprecated Komponenten utgår i slutet av januari 2026.
|
|
35586
35384
|
*/
|
|
35587
35385
|
class ToolsLanguagepicker {
|
|
35588
35386
|
constructor(hostRef) {
|
|
@@ -35672,19 +35470,19 @@ class ToolsLanguagepicker {
|
|
|
35672
35470
|
return {};
|
|
35673
35471
|
}
|
|
35674
35472
|
render() {
|
|
35675
|
-
return (hAsync("div", { key: '
|
|
35473
|
+
return (hAsync("div", { key: '9d6a102cfafccc1ce645b30116103f774747f8ff', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (hAsync("digi-navigation-context-menu", { key: '7330c35a38e49cc30afbecee91b263be666d0854', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (hAsync("digi-button", { key: '8207ac75310488b64ca90106eff988d4df1c494e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
|
|
35676
35474
|
this.afOnClick.emit(event);
|
|
35677
35475
|
}, onAfOnBlur: (event) => {
|
|
35678
35476
|
this.afOnBlur.emit(event);
|
|
35679
35477
|
}, onAfOnFocus: (event) => {
|
|
35680
35478
|
this.afOnFocus.emit(event);
|
|
35681
|
-
}, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, hAsync("digi-icon-volume", { key: '
|
|
35479
|
+
}, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, hAsync("digi-icon-volume", { key: '8f223b7951a4bcccbf2cbadbec0740b082067450', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (hAsync("digi-button", { key: '9002660c75d94c4a907ff0f6b967dfc5583ebbeb', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
|
|
35682
35480
|
this.afOnClick.emit(event);
|
|
35683
35481
|
}, onAfOnBlur: (event) => {
|
|
35684
35482
|
this.afOnBlur.emit(event);
|
|
35685
35483
|
}, onAfOnFocus: (event) => {
|
|
35686
35484
|
this.afOnFocus.emit(event);
|
|
35687
|
-
}, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, hAsync("digi-icon-sign", { key: '
|
|
35485
|
+
}, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, hAsync("digi-icon-sign", { key: '9dd664b4a3620cc063ad7128046ffab5e7175760', slot: "icon" }), this._afSignlangText))));
|
|
35688
35486
|
}
|
|
35689
35487
|
static get watchers() { return {
|
|
35690
35488
|
"afLanguagepickerText": ["watchHandler_afLanguagepickerText"],
|
|
@@ -35752,7 +35550,7 @@ class Typography {
|
|
|
35752
35550
|
};
|
|
35753
35551
|
}
|
|
35754
35552
|
render() {
|
|
35755
|
-
return (hAsync("div", { key: '
|
|
35553
|
+
return (hAsync("div", { key: 'd4c7dde696cb9e4f629649c2d12e5b015c7aa713', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, hAsync("slot", { key: '4512f6b74ec58c3f04437c6ef598eb1d3625d347' })));
|
|
35756
35554
|
}
|
|
35757
35555
|
static get style() { return DigiTypographyStyle0; }
|
|
35758
35556
|
static get cmpMeta() { return {
|
|
@@ -35784,17 +35582,21 @@ class TypographyHeadingJumbo {
|
|
|
35784
35582
|
this.afLevel = TypographyHeadingJumboLevel.H1;
|
|
35785
35583
|
this.afLang = 'sv';
|
|
35786
35584
|
}
|
|
35585
|
+
/**
|
|
35586
|
+
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
|
|
35587
|
+
* @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
|
|
35588
|
+
*/
|
|
35787
35589
|
focusOnHeading() {
|
|
35788
35590
|
this.headingElement.focus();
|
|
35789
35591
|
}
|
|
35790
35592
|
get cssModifiers() {
|
|
35791
35593
|
return {
|
|
35792
35594
|
'digi-typography-heading-jumbo--primary': this.afVariation === TypographyHeadingJumboVariation.PRIMARY,
|
|
35793
|
-
'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY
|
|
35595
|
+
'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY
|
|
35794
35596
|
};
|
|
35795
35597
|
}
|
|
35796
35598
|
render() {
|
|
35797
|
-
return (hAsync(this.afLevel, { key: '
|
|
35599
|
+
return (hAsync(this.afLevel, { key: 'b02d50505c6632cea642b1d8e5139549e20da4e6', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
|
|
35798
35600
|
}
|
|
35799
35601
|
static get style() { return DigiTypographyHeadingJumboStyle0; }
|
|
35800
35602
|
static get cmpMeta() { return {
|
|
@@ -35833,7 +35635,7 @@ class TypographyMeta {
|
|
|
35833
35635
|
};
|
|
35834
35636
|
}
|
|
35835
35637
|
render() {
|
|
35836
|
-
return (hAsync("div", { key: '
|
|
35638
|
+
return (hAsync("div", { key: '3ee5dded39b2d51658341da17e292d3068762787', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, hAsync("div", { key: 'f71d213cc1dfad7e7516e96599d05bf76605eadf', class: "digi-typography-meta__meta" }, hAsync("slot", { key: '853e4fd578eff23c9ed34da3ec5f01406e12e854' })), hAsync("div", { key: 'f47e062ff4fd82c68c9fc6dff4f623ca2c94f201', class: "digi-typography-meta__meta-secondary" }, hAsync("slot", { key: '1b76d4139b3a44248acdd45dfd63d7cd348ae0e8', name: "secondary" }))));
|
|
35837
35639
|
}
|
|
35838
35640
|
static get style() { return DigiTypographyMetaStyle0; }
|
|
35839
35641
|
static get cmpMeta() { return {
|
|
@@ -35860,7 +35662,7 @@ class TypographyPreamble {
|
|
|
35860
35662
|
registerInstance(this, hostRef);
|
|
35861
35663
|
}
|
|
35862
35664
|
render() {
|
|
35863
|
-
return (hAsync("p", { key: '
|
|
35665
|
+
return (hAsync("p", { key: 'bd94a45a6e7f6d6953330c0b6586b645dc090556', class: "digi-typography-preamble" }, hAsync("slot", { key: '494ea6df5cb83761fe900b42e2a73708fbeef53d' })));
|
|
35864
35666
|
}
|
|
35865
35667
|
static get style() { return DigiTypographyPreambleStyle0; }
|
|
35866
35668
|
static get cmpMeta() { return {
|
|
@@ -35931,7 +35733,7 @@ class TypographyTime {
|
|
|
35931
35733
|
this.formatDate(this.afDateTime);
|
|
35932
35734
|
}
|
|
35933
35735
|
render() {
|
|
35934
|
-
return (hAsync("time", { key: '
|
|
35736
|
+
return (hAsync("time", { key: 'cf2add9fa09b0f8abd5415c3a657db4816724c86', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
|
|
35935
35737
|
}
|
|
35936
35738
|
static get watchers() { return {
|
|
35937
35739
|
"afDateTime": ["formatDate"]
|
|
@@ -36077,7 +35879,7 @@ class UtilBreakpointObserver {
|
|
|
36077
35879
|
}
|
|
36078
35880
|
}
|
|
36079
35881
|
render() {
|
|
36080
|
-
return (hAsync(Host, { key: '
|
|
35882
|
+
return (hAsync(Host, { key: 'ba5398acadf2b4176d14141b58730584cf4e257e' }, hAsync("div", { key: '7631a229fcc854c038204c7629371f897c081c39', class: "digi-util-breakpoint-observer" }, hAsync("div", { key: 'f41adcb1dd9d6e79015e144a11861bd8be980827', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), hAsync("slot", { key: '11adf8b8d66e375e9bdb67eb3d70c777200d14ed' }))));
|
|
36081
35883
|
}
|
|
36082
35884
|
get hostElement() { return getElement(this); }
|
|
36083
35885
|
static get style() { return DigiUtilBreakpointObserverStyle0; }
|
|
@@ -36117,7 +35919,7 @@ class UtilDetectClickOutside {
|
|
|
36117
35919
|
}
|
|
36118
35920
|
}
|
|
36119
35921
|
render() {
|
|
36120
|
-
return hAsync("slot", { key: '
|
|
35922
|
+
return hAsync("slot", { key: 'b03263404bb4c4e57ba4fc2150082a51d7a74696' });
|
|
36121
35923
|
}
|
|
36122
35924
|
get $el() { return getElement(this); }
|
|
36123
35925
|
static get cmpMeta() { return {
|
|
@@ -36159,7 +35961,7 @@ class UtilDetectFocusOutside {
|
|
|
36159
35961
|
}
|
|
36160
35962
|
}
|
|
36161
35963
|
render() {
|
|
36162
|
-
return hAsync("slot", { key: '
|
|
35964
|
+
return hAsync("slot", { key: '9d26cb8defe6c54071da9b09d9e8cc6b64ac174b' });
|
|
36163
35965
|
}
|
|
36164
35966
|
get $el() { return getElement(this); }
|
|
36165
35967
|
static get cmpMeta() { return {
|
|
@@ -36237,7 +36039,7 @@ class UtilIntersectionObserver {
|
|
|
36237
36039
|
this._hasIntersected = false;
|
|
36238
36040
|
}
|
|
36239
36041
|
render() {
|
|
36240
|
-
return hAsync("slot", { key: '
|
|
36042
|
+
return hAsync("slot", { key: 'ce0c9e2bd65c8a8edb706b02b0cc03a1788ca2eb' });
|
|
36241
36043
|
}
|
|
36242
36044
|
get $el() { return getElement(this); }
|
|
36243
36045
|
static get watchers() { return {
|
|
@@ -36396,7 +36198,7 @@ class UtilKeydownHandler {
|
|
|
36396
36198
|
}
|
|
36397
36199
|
}
|
|
36398
36200
|
render() {
|
|
36399
|
-
return hAsync("slot", { key: '
|
|
36201
|
+
return hAsync("slot", { key: 'e07347cd86e34c905bf0a0b19eee84dc4f201a30' });
|
|
36400
36202
|
}
|
|
36401
36203
|
static get cmpMeta() { return {
|
|
36402
36204
|
"$flags$": 6,
|
|
@@ -36484,7 +36286,7 @@ class UtilKeyupHandler {
|
|
|
36484
36286
|
}
|
|
36485
36287
|
}
|
|
36486
36288
|
render() {
|
|
36487
|
-
return hAsync("slot", { key: '
|
|
36289
|
+
return hAsync("slot", { key: '1bb4b13b5468e6cb2b1c957491039294832e62fb' });
|
|
36488
36290
|
}
|
|
36489
36291
|
static get cmpMeta() { return {
|
|
36490
36292
|
"$flags$": 6,
|
|
@@ -36602,7 +36404,7 @@ class UtilResizeObserver {
|
|
|
36602
36404
|
this.afOnChange.emit(e);
|
|
36603
36405
|
}
|
|
36604
36406
|
render() {
|
|
36605
|
-
return hAsync("slot", { key: '
|
|
36407
|
+
return hAsync("slot", { key: 'e2b7566f065251777a86b3367120d49ca2284c71' });
|
|
36606
36408
|
}
|
|
36607
36409
|
get hostElement() { return getElement(this); }
|
|
36608
36410
|
static get style() { return DigiUtilResizeObserverStyle0; }
|
|
@@ -38042,7 +37844,6 @@ registerComponents([
|
|
|
38042
37844
|
CodeExample,
|
|
38043
37845
|
ContextMenu,
|
|
38044
37846
|
Dialog,
|
|
38045
|
-
DigiDropdown,
|
|
38046
37847
|
ExpandableAccordion,
|
|
38047
37848
|
ExpandableFaq,
|
|
38048
37849
|
ExpandableFaqItem,
|
|
@@ -38294,8 +38095,6 @@ registerComponents([
|
|
|
38294
38095
|
ProgressListItem,
|
|
38295
38096
|
Progressbar,
|
|
38296
38097
|
Quote,
|
|
38297
|
-
QuoteMultiContainer,
|
|
38298
|
-
QuoteSingle,
|
|
38299
38098
|
Scale,
|
|
38300
38099
|
Table,
|
|
38301
38100
|
Tag,
|