@designsystem-se/af 34.0.1-beta.0 → 34.0.2
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 +2 -2
- package/components/digi-button.js +1 -1
- package/components/digi-calendar-week-view.js +2 -2
- package/components/digi-card.js +1 -1
- package/components/digi-chart-line.js +2 -2
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-context-menu.js +1 -1
- package/components/digi-dialog.js +2 -2
- package/components/digi-expandable-accordion.js +2 -2
- package/components/digi-expandable-faq-item.js +1 -1
- package/components/digi-footer.js +1 -1
- package/components/digi-form-category-filter.js +1 -1
- package/components/digi-form-error-list.js +4 -4
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-input-search.js +1 -1
- package/components/digi-form-select-filter.js +8 -30
- package/components/digi-header-navigation.js +1 -1
- package/components/digi-header.js +2 -2
- package/components/digi-info-card-multi.js +1 -1
- package/components/digi-info-card.js +1 -1
- package/components/digi-layout-media-object.js +1 -1
- package/components/digi-link-button.js +1 -1
- package/components/digi-list.js +12 -9
- package/components/digi-navigation-breadcrumbs.js +1 -1
- package/components/digi-navigation-context-menu.js +1 -1
- package/components/digi-navigation-pagination.js +2 -2
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +1 -1
- package/components/digi-progress-indicator.js +1 -1
- package/components/digi-progress-list.js +1 -1
- package/components/digi-quote.js +1 -1
- package/components/digi-tablist.js +23 -6
- package/components/digi-tag.js +2 -2
- package/components/digi-tools-feedback-rating.js +1 -1
- package/components/digi-tools-feedback.js +1 -1
- package/components/digi-tools-languagepicker.js +2 -2
- package/components/digi-typography.js +1 -1
- package/components/{p-5e487ed4.js → p-10503e1d.js} +2 -2
- package/components/{p-09e0586b.js → p-68dbf3ef.js} +2 -2
- package/components/{p-8a1aaa8e.js → p-9f5ead44.js} +1 -1
- package/components/{p-f6347f75.js → p-a92aa84e.js} +3 -3
- package/components/{p-aa59e5c0.js → p-afc595b8.js} +1 -1
- package/components/{p-7f5a8dd1.js → p-dc9fbc23.js} +1 -1
- package/components/{p-acb38ff0.js → p-f6ca68ba.js} +1 -1
- package/custom-elements.json +1 -1
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-button_4.cjs.entry.js → digi-button.cjs.entry.js} +2 -84
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +2 -2
- package/dist/cjs/digi-code-block_3.cjs.entry.js +2 -2
- package/dist/cjs/digi-dialog.cjs.entry.js +2 -2
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +2 -2
- package/dist/cjs/digi-footer.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -2
- package/dist/cjs/{digi-form-label_5.cjs.entry.js → digi-form-label_3.cjs.entry.js} +0 -46
- package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +9 -31
- package/dist/cjs/digi-header-navigation.cjs.entry.js +2 -2
- package/dist/cjs/digi-header.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-check_6.cjs.entry.js +286 -0
- package/dist/cjs/digi-icon-notification-error_5.cjs.entry.js +1 -1
- package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
- package/dist/cjs/digi-link-button.cjs.entry.js +1 -1
- package/dist/cjs/digi-list.cjs.entry.js +11 -8
- package/dist/cjs/digi-navigation-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -2
- package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -2
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -2
- package/dist/cjs/digi-tablist.cjs.entry.js +23 -6
- package/dist/cjs/digi-tag.cjs.entry.js +42 -0
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -2
- package/dist/cjs/index-cfa8e9be.js +12 -12
- package/dist/cjs/index.cjs.js +11 -11
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tag-size.enum-0a6be639.js +8 -0
- package/dist/cjs/{progress-indicator-variation.enum-7cf8e0e4.js → typography-variation.enum-252bed2e.js} +6 -0
- package/dist/collection/components/_button/button/button.js +5 -2
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +7 -29
- package/dist/collection/components/_layout/layout-media-object/layout-media-object.js +2 -1
- package/dist/collection/components/_link/link-button/link-button.js +6 -3
- package/dist/collection/components/_list/list/list.css +7 -19
- package/dist/collection/components/_list/list/list.js +10 -7
- package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.css +2 -0
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +23 -6
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +15 -2
- package/dist/collection/components/_tag/tag/tag.js +4 -1
- package/dist/collection/components/_typography/typography/typography.css +12 -3
- package/dist/collection/components/_typography/typography/typography.js +4 -1
- package/dist/collection/design-tokens/components/_list.variables.scss +1 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_list.variables.scss +1 -2
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-00d6ab21.js +1 -0
- package/dist/digi-arbetsformedlingen/p-03c74be2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-83ed81f6.entry.js → p-04162d84.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-04e1b953.entry.js → p-2eb2de93.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-38ac4375.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-02a9c10c.entry.js → p-4771449c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4b258acf.entry.js → p-48d8109b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4e311538.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4e9cd0cd.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-83621ca7.entry.js → p-4f4113d7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-68306648.entry.js → p-525bd193.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1235e21c.entry.js → p-551f6906.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fcb4e37b.entry.js → p-5a7db717.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fd42009d.entry.js → p-6492e062.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-71613ea0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-20e04419.entry.js → p-766df2e4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-7f1574ff.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-db5cbe34.entry.js → p-80fce66a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-a0607d6f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-0a97b588.entry.js → p-bc37453e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-afe213a1.entry.js → p-c7fd83fa.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c8110048.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-6a09632d.entry.js → p-d13c7e47.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-521b26de.entry.js → p-edf6fbd2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-921b40e3.entry.js → p-f3b56695.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-fa7824e9.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-button_4.entry.js → digi-button.entry.js} +3 -82
- package/dist/esm/digi-calendar-datepicker.entry.js +2 -2
- package/dist/esm/digi-code-block_3.entry.js +2 -2
- package/dist/esm/digi-dialog.entry.js +2 -2
- package/dist/esm/digi-expandable-accordion.entry.js +2 -2
- package/dist/esm/digi-footer.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +2 -2
- package/dist/esm/{digi-form-label_5.entry.js → digi-form-label_3.entry.js} +1 -45
- package/dist/esm/digi-form-receipt.entry.js +2 -2
- package/dist/esm/digi-form-select-filter.entry.js +9 -31
- package/dist/esm/digi-header-navigation.entry.js +2 -2
- package/dist/esm/digi-header.entry.js +2 -2
- package/dist/esm/digi-icon-check_6.entry.js +277 -0
- package/dist/esm/digi-icon-notification-error_5.entry.js +1 -1
- package/dist/esm/digi-icon-x.entry.js +26 -0
- package/dist/esm/digi-link-button.entry.js +1 -1
- package/dist/esm/digi-list.entry.js +11 -8
- package/dist/esm/digi-navigation-breadcrumbs.entry.js +1 -1
- package/dist/esm/digi-navigation-pagination.entry.js +2 -2
- package/dist/esm/digi-notification-alert.entry.js +2 -2
- package/dist/esm/digi-notification-error-page.entry.js +2 -2
- package/dist/esm/digi-tablist.entry.js +23 -6
- package/dist/esm/digi-tag.entry.js +38 -0
- package/dist/esm/digi-tools-feedback.entry.js +2 -2
- package/dist/esm/index-8e318bb2.js +12 -12
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tag-size.enum-1e1bcf94.js +8 -0
- package/dist/esm/{progress-indicator-variation.enum-b12ba50a.js → typography-variation.enum-d5ac8594.js} +7 -1
- package/dist/types/components/_button/button/button.d.ts +1 -0
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +0 -2
- package/dist/types/components/_layout/layout-media-object/layout-media-object.d.ts +1 -0
- package/dist/types/components/_link/link-button/link-button.d.ts +3 -2
- package/dist/types/components/_list/list/list.d.ts +0 -1
- package/dist/types/components/_tag/tag/tag.d.ts +1 -0
- package/dist/types/components/_typography/typography/typography.d.ts +1 -0
- package/dist/types/components.d.ts +16 -4
- package/hydrate/index.js +51 -52
- package/hydrate/index.mjs +51 -52
- package/package.json +1 -1
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
- package/dist/cjs/digi-util-mutation-observer.cjs.entry.js +0 -64
- package/dist/cjs/typography-variation.enum-bba759ae.js +0 -14
- package/dist/digi-arbetsformedlingen/p-4d48c55a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-614a1149.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-642eaeed.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6fcac607.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a29a52f3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-de4c4238.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ece582a3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f84d9dea.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fe5da310.js +0 -1
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-progress-indicator.entry.js +0 -133
- package/dist/esm/digi-util-mutation-observer.entry.js +0 -60
- package/dist/esm/typography-variation.enum-850aad78.js +0 -14
|
@@ -3,8 +3,6 @@ import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
|
3
3
|
import { B as ButtonSize } from './button-size.enum-2dcd673f.js';
|
|
4
4
|
import { B as ButtonType } from './button-type.enum-5250ae0b.js';
|
|
5
5
|
import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
|
|
6
|
-
import { T as TagSize, a as TypographyVariation } from './typography-variation.enum-850aad78.js';
|
|
7
|
-
import { _ as _t } from './text-ee5498fa.js';
|
|
8
6
|
|
|
9
7
|
const buttonCss = ".digi--util--fs--xs.sc-digi-button{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-button{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-button{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-button{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-button{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-button{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-button{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-button{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-button{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-button{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-button{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-button{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-button{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-button{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-button{padding-top:5rem !important}.digi--util--pb--1.sc-digi-button{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-button{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-button{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-button{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-button{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-button{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-button{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-button{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-button{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-button{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-button{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-button{padding:2.5rem !important}.digi--util--p--60.sc-digi-button{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-button{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-button{padding:4.5rem !important}.digi--util--p--90.sc-digi-button{padding:5rem !important}.digi--util--ptb--1.sc-digi-button{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-button{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-button{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-button{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-button{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-button{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-button{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-button{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-button{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-button{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-button{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-button{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-button{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-button{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-button{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-button{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-button{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-button{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-button{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-button{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-button{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-button{display:none}.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--inverted-1);--digi--button--color--background--primary--hover:var(--digi--color--background--inverted-6);--digi--button--color--background--primary--focus:var(--digi--color--background--inverted-6);--digi--button--color--background--primary--active:var(--digi--color--background--inverted-6);--digi--button--color--background--secondary--default:var(--digi--color--background--primary);--digi--button--color--background--secondary--hover:var(--digi--color--background--inverted-5);--digi--button--color--background--secondary--focus:var(--digi--color--background--inverted-5);--digi--button--color--background--secondary--active:var(--digi--color--background--inverted-5);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--inverted);--digi--button--color--text--primary--hover:var(--digi--color--text--inverted);--digi--button--color--text--primary--focus:var(--digi--color--text--inverted);--digi--button--color--text--primary--active:var(--digi--color--text--inverted);--digi--button--color--text--secondary--default:var(--digi--color--text--secondary);--digi--button--color--text--secondary--hover:var(--digi--color--text--secondary);--digi--button--color--text--secondary--focus:var(--digi--color--text--secondary);--digi--button--color--text--secondary--active:var(--digi--color--text--secondary);--digi--button--color--text--function--default:var(--digi--color--text--link);--digi--button--color--text--function--hover:var(--digi--color--text--link-hover);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--text--function--active:var(--digi--color--text--secondary);--digi--button--color--border--primary--default:var(--digi--color--border--secondary);--digi--button--color--border--primary--hover:var(--digi--color--border--inverted-2);--digi--button--color--border--primary--focus:var(--digi--color--border--inverted-2);--digi--button--color--border--primary--active:var(--digi--color--border--inverted-2);--digi--button--color--border--secondary--default:var(--digi--color--border--secondary);--digi--button--color--border--secondary--hover:var(--digi--color--border--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--secondary);--digi--button--color--border--secondary--active:var(--digi--color--border--secondary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--text--inverted);--digi--button--color--icon--primary--hover:var(--digi--color--text--inverted);--digi--button--color--icon--primary--focus:var(--digi--color--text--inverted);--digi--button--color--icon--primary--active:var(--digi--color--text--inverted);--digi--button--color--icon--secondary--default:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--hover:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--focus:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--active:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--link);--digi--button--color--icon--function--hover:var(--digi--color--text--link-hover);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--active:var(--digi--color--text--secondary);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-size--large:var(--digi--global--typography--font-size--interaction-large);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset;--digi--button--min-height--large:unset}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n --digi--button--color--background--primary--default\n );--COLOR--BACKGROUND--HOVER:var(\n --digi--button--color--background--primary--hover\n );--COLOR--BACKGROUND--FOCUS:var(\n --digi--button--color--background--primary--focus\n );--COLOR--BACKGROUND--ACTIVE:var(\n --digi--button--color--background--primary--active\n );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(\n --digi--button--color--border--primary--default\n );--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(\n --digi--button--border-radius--primary--default\n );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n --digi--button--color--background--secondary--default\n );--COLOR--BACKGROUND--HOVER:var(\n --digi--button--color--background--secondary--hover\n );--COLOR--BACKGROUND--FOCUS:var(\n --digi--button--color--background--secondary--focus\n );--COLOR--BACKGROUND--ACTIVE:var(\n --digi--button--color--background--secondary--active\n );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(\n --digi--button--color--border--secondary--default\n );--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(\n --digi--button--color--border--secondary--active\n );--BORDER-RADIUS--DEFAULT:var(\n --digi--button--border-radius--secondary--default\n );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(\n --digi--button--border-radius--secondary--active\n );--BORDER-WIDTH--DEFAULT:var(\n --digi--button--border-width--secondary--default\n );--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(\n --digi--button--border-style--secondary--default\n );--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n --digi--button--color--background--function--default\n );--COLOR--BACKGROUND--HOVER:var(\n --digi--button--color--background--function--hover\n );--COLOR--BACKGROUND--FOCUS:var(\n --digi--button--color--background--function--focus\n );--COLOR--BACKGROUND--ACTIVE:var(\n --digi--button--color--background--function--active\n );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(\n --digi--button--color--border--function--default\n );--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(\n --digi--button--border-radius--function--default\n );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--MIN-HEIGHT:var(--digi--button--min-height--large)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(\n --digi--button--text-align--full-width\n );--digi--button--justify-content--default:var(\n --digi--button--justify-content--full-width\n )}";
|
|
10
8
|
const DigiButtonStyle0 = buttonCss;
|
|
@@ -107,7 +105,7 @@ const Button = class {
|
|
|
107
105
|
this.afOnBlur.emit(e);
|
|
108
106
|
}
|
|
109
107
|
render() {
|
|
110
|
-
return (h(Host, { key: '
|
|
108
|
+
return (h(Host, { key: 'ef36d70f087c51bb37fa5b2c0fdd9ff7bebb7b02' }, h("button", { key: 'c62591e478d6dec6cb33d197c46ab4aea06ee9f6', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
|
|
111
109
|
var _a, _b, _c;
|
|
112
110
|
this._button = el;
|
|
113
111
|
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
@@ -116,7 +114,7 @@ const Button = class {
|
|
|
116
114
|
this.afForm
|
|
117
115
|
? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
|
|
118
116
|
: (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
|
|
119
|
-
}, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: '
|
|
117
|
+
}, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: 'dd57484f5da45dbc1caf2b04733b89ac1641fd8b', class: "digi-button__icon" }, h("slot", { key: 'ca59512ee3eef6d6e772d6fc45d3b97523fc57a0', name: "icon" }))), h("span", { key: '4808cd35ff202c5ae9a07421e028cc463f87f951', class: "digi-button__text" }, h("slot", { key: '2e8005e8c42e81b1dbec44aef6ef9625ee7a089d' })), this.hasIconSecondary && (h("span", { key: '8a7e897b5cebf94c11d3dd6aa1c8a3ca23bc056d', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: 'ead4d4e5be559f0e6740e63ccff69bb03e46fee9', name: "icon-secondary" }))))));
|
|
120
118
|
}
|
|
121
119
|
get hostElement() { return getElement(this); }
|
|
122
120
|
static get watchers() { return {
|
|
@@ -125,81 +123,4 @@ const Button = class {
|
|
|
125
123
|
};
|
|
126
124
|
Button.style = DigiButtonStyle0;
|
|
127
125
|
|
|
128
|
-
|
|
129
|
-
const DigiIconXStyle0 = iconXCss;
|
|
130
|
-
|
|
131
|
-
const IconX = class {
|
|
132
|
-
constructor(hostRef) {
|
|
133
|
-
registerInstance(this, hostRef);
|
|
134
|
-
this.afTitle = undefined;
|
|
135
|
-
this.afDesc = undefined;
|
|
136
|
-
this.afSvgAriaHidden = true;
|
|
137
|
-
this.afSvgAriaLabelledby = undefined;
|
|
138
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
139
|
-
}
|
|
140
|
-
render() {
|
|
141
|
-
return (h("svg", { key: '06415f56b7bdcf4e4d01e3f8e22c972cd166039e', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
142
|
-
? this.afSvgAriaLabelledby
|
|
143
|
-
: this.afTitle
|
|
144
|
-
? this.titleId
|
|
145
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '12da73d80236640ba89463221e4f15cccddee097', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e9083ab8497e6b711aa1452456f2d5897e1e6829' }, this.afDesc), h("g", { key: 'd8a9bbd2743f1b3e01739576fec36cbe470d4c52', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '5a20c2fee197c4120038b297cd243a22b5aab5f2', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
|
|
146
|
-
}
|
|
147
|
-
};
|
|
148
|
-
IconX.style = DigiIconXStyle0;
|
|
149
|
-
|
|
150
|
-
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}";
|
|
151
|
-
const DigiTagStyle0 = tagCss;
|
|
152
|
-
|
|
153
|
-
const Tag = class {
|
|
154
|
-
constructor(hostRef) {
|
|
155
|
-
registerInstance(this, hostRef);
|
|
156
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
157
|
-
this.afText = undefined;
|
|
158
|
-
this.afNoIcon = false;
|
|
159
|
-
this.afAriaLabel = undefined;
|
|
160
|
-
this.afSize = TagSize.SMALL;
|
|
161
|
-
this.afBreakWords = false;
|
|
162
|
-
}
|
|
163
|
-
clickHandler(e) {
|
|
164
|
-
e.stopPropagation();
|
|
165
|
-
this.afOnClick.emit(e);
|
|
166
|
-
}
|
|
167
|
-
get ariaLabel() {
|
|
168
|
-
const showIcon = !this.afNoIcon;
|
|
169
|
-
if (this.afAriaLabel) {
|
|
170
|
-
return this.afAriaLabel;
|
|
171
|
-
}
|
|
172
|
-
else if (showIcon) {
|
|
173
|
-
return _t.removeItem(this.afText);
|
|
174
|
-
}
|
|
175
|
-
return this.afText;
|
|
176
|
-
}
|
|
177
|
-
render() {
|
|
178
|
-
return (h("digi-button", { key: 'cb0aef834156e83db3da9d2afa1b88cce2c14b34', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: 'd147c33804713948a4d3466decf7e3c30381e0c8', slot: "icon-secondary" })));
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
|
-
Tag.style = DigiTagStyle0;
|
|
182
|
-
|
|
183
|
-
const typographyCss = ".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-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--mobile\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--mobile\n );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--mobile\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--mobile\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--mobile\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--mobile\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--mobile\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--mobile\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--mobile\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--mobile\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--mobile\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 62rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}@media (min-width: 62rem){digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop-large);--LINE-HEIGHT--BODY:var(\n --digi--typography--body--line-height--desktop-large\n );--FONT-WEIGHT--BODY:var(\n --digi--typography--body--font-weight--desktop-large\n );--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop-large\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--large);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop-large);--LINE-HEIGHT--LINK:var(\n --digi--typography--link--line-height--desktop-large\n );--FONT-WEIGHT--LINK:var(\n --digi--typography--link--font-weight--desktop-large\n );--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop-large\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop-large\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--large);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop-large\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--large);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop-large\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--large);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop-large\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--large);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop-large\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--large);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop-large\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--large)}}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--link-secondary, var(--digi--color--text--link))}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul:last-child,digi-typography ol:last-child,digi-typography dl:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--link-secondary, var(--digi--color--text--link));text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--link-secondary-visited, var(--digi--color--text--link-visited))}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
|
|
184
|
-
const DigiTypographyStyle0 = typographyCss;
|
|
185
|
-
|
|
186
|
-
const Typography = class {
|
|
187
|
-
constructor(hostRef) {
|
|
188
|
-
registerInstance(this, hostRef);
|
|
189
|
-
this.afVariation = TypographyVariation.SMALL;
|
|
190
|
-
this.hideVisitedColor = undefined;
|
|
191
|
-
}
|
|
192
|
-
get cssModifiers() {
|
|
193
|
-
return {
|
|
194
|
-
'digi-typography--large': this.afVariation === TypographyVariation.LARGE,
|
|
195
|
-
'digi-typography--small': this.afVariation === TypographyVariation.SMALL,
|
|
196
|
-
'digi-typography--hide-visited': this.hideVisitedColor
|
|
197
|
-
};
|
|
198
|
-
}
|
|
199
|
-
render() {
|
|
200
|
-
return (h("div", { key: 'd4c7dde696cb9e4f629649c2d12e5b015c7aa713', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4512f6b74ec58c3f04437c6ef598eb1d3625d347' })));
|
|
201
|
-
}
|
|
202
|
-
};
|
|
203
|
-
Typography.style = DigiTypographyStyle0;
|
|
204
|
-
|
|
205
|
-
export { Button as digi_button, IconX as digi_icon_x, Tag as digi_tag, Typography as digi_typography };
|
|
126
|
+
export { Button as digi_button };
|
|
@@ -37,14 +37,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
37
37
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
38
38
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
39
39
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
40
|
-
import './
|
|
40
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
41
41
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
42
42
|
import './progress-list-variation.enum-300bd89d.js';
|
|
43
43
|
import './progressbar-variation.enum-40adaab4.js';
|
|
44
44
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
45
45
|
import './table-variation.enum-dd9366b6.js';
|
|
46
46
|
import './tag-media-icon.enum-fefa191c.js';
|
|
47
|
-
import './
|
|
47
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
48
48
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
49
49
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
50
50
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -38,14 +38,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
38
38
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
39
39
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
40
40
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
41
|
-
import './
|
|
41
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
42
42
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
43
43
|
import './progress-list-variation.enum-300bd89d.js';
|
|
44
44
|
import './progressbar-variation.enum-40adaab4.js';
|
|
45
45
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
46
46
|
import './table-variation.enum-dd9366b6.js';
|
|
47
47
|
import './tag-media-icon.enum-fefa191c.js';
|
|
48
|
-
import './
|
|
48
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
49
49
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
50
50
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
51
51
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -38,14 +38,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
38
38
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
39
39
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
40
40
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
41
|
-
import './
|
|
41
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
42
42
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
43
43
|
import './progress-list-variation.enum-300bd89d.js';
|
|
44
44
|
import './progressbar-variation.enum-40adaab4.js';
|
|
45
45
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
46
46
|
import './table-variation.enum-dd9366b6.js';
|
|
47
47
|
import './tag-media-icon.enum-fefa191c.js';
|
|
48
|
-
import './
|
|
48
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
49
49
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
50
50
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
51
51
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -38,14 +38,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
38
38
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
39
39
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
40
40
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
41
|
-
import './
|
|
41
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
42
42
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
43
43
|
import './progress-list-variation.enum-300bd89d.js';
|
|
44
44
|
import './progressbar-variation.enum-40adaab4.js';
|
|
45
45
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
46
46
|
import './table-variation.enum-dd9366b6.js';
|
|
47
47
|
import './tag-media-icon.enum-fefa191c.js';
|
|
48
|
-
import './
|
|
48
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
49
49
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
50
50
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
51
51
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -37,14 +37,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
37
37
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
38
38
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
39
39
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
40
|
-
import './
|
|
40
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
41
41
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
42
42
|
import './progress-list-variation.enum-300bd89d.js';
|
|
43
43
|
import './progressbar-variation.enum-40adaab4.js';
|
|
44
44
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
45
45
|
import './table-variation.enum-dd9366b6.js';
|
|
46
46
|
import './tag-media-icon.enum-fefa191c.js';
|
|
47
|
-
import './
|
|
47
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
48
48
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
49
49
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
50
50
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -39,14 +39,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
39
39
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
40
40
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
41
41
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
42
|
-
import './
|
|
42
|
+
import { T as TypographyVariation } from './typography-variation.enum-d5ac8594.js';
|
|
43
43
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
44
44
|
import './progress-list-variation.enum-300bd89d.js';
|
|
45
45
|
import './progressbar-variation.enum-40adaab4.js';
|
|
46
46
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
47
47
|
import './table-variation.enum-dd9366b6.js';
|
|
48
48
|
import './tag-media-icon.enum-fefa191c.js';
|
|
49
|
-
import
|
|
49
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
50
50
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
51
51
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
52
52
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -98,28 +98,6 @@ const FormValidationMessage = class {
|
|
|
98
98
|
};
|
|
99
99
|
FormValidationMessage.style = DigiFormValidationMessageStyle0;
|
|
100
100
|
|
|
101
|
-
const iconValidationErrorCss = ".sc-digi-icon-validation-error-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-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
102
|
-
const DigiIconValidationErrorStyle0 = iconValidationErrorCss;
|
|
103
|
-
|
|
104
|
-
const IconValidationError = class {
|
|
105
|
-
constructor(hostRef) {
|
|
106
|
-
registerInstance(this, hostRef);
|
|
107
|
-
this.afTitle = undefined;
|
|
108
|
-
this.afDesc = undefined;
|
|
109
|
-
this.afSvgAriaHidden = true;
|
|
110
|
-
this.afSvgAriaLabelledby = undefined;
|
|
111
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
112
|
-
}
|
|
113
|
-
render() {
|
|
114
|
-
return (h("svg", { key: '41ffc4c3d87390ae217263e98d041467a3f4c3a8', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
115
|
-
? this.afSvgAriaLabelledby
|
|
116
|
-
: this.afTitle
|
|
117
|
-
? this.titleId
|
|
118
|
-
: undefined }, this.afTitle && h("title", { key: 'd1bdf3cb7894761018a33df17e461562c62f2a88', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '03e28955baed21df8d54fd9a45b5b6b52c861e72' }, this.afDesc), h("path", { key: 'd1aad885c99e8dcefbd87554dfa24ff4793e3e80', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
IconValidationError.style = DigiIconValidationErrorStyle0;
|
|
122
|
-
|
|
123
101
|
const iconValidationSuccessCss = ".sc-digi-icon-validation-success-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-validation-success-h svg.sc-digi-icon-validation-success{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)}";
|
|
124
102
|
const DigiIconValidationSuccessStyle0 = iconValidationSuccessCss;
|
|
125
103
|
|
|
@@ -142,26 +120,4 @@ const IconCheckCircle = class {
|
|
|
142
120
|
};
|
|
143
121
|
IconCheckCircle.style = DigiIconValidationSuccessStyle0;
|
|
144
122
|
|
|
145
|
-
|
|
146
|
-
const DigiIconValidationWarningStyle0 = iconValidationWarningCss;
|
|
147
|
-
|
|
148
|
-
const IconValidationWarning = class {
|
|
149
|
-
constructor(hostRef) {
|
|
150
|
-
registerInstance(this, hostRef);
|
|
151
|
-
this.afTitle = undefined;
|
|
152
|
-
this.afDesc = undefined;
|
|
153
|
-
this.afSvgAriaHidden = true;
|
|
154
|
-
this.afSvgAriaLabelledby = undefined;
|
|
155
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
156
|
-
}
|
|
157
|
-
render() {
|
|
158
|
-
return (h("div", { key: '584c0d857b5b1f2e872abfac1ac0b67c743ee109' }, h("svg", { key: '9181b9f7e07e98629826415884de3dc8224282d7', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
159
|
-
? this.afSvgAriaLabelledby
|
|
160
|
-
: this.afTitle
|
|
161
|
-
? this.titleId
|
|
162
|
-
: undefined }, this.afTitle && h("title", { key: 'b86270de37ffe0d0dcdc2d3b11d122b294970e22', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c534be9c18e9467d18aa8397698edac77f15dfae' }, this.afDesc), h("g", { key: '42657f7631a8c9a54e3b7a02bd95757222c68b86', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '863ad3e5f51f15d8385558494f9ea9e389a8d216', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '53881444c3a8a351d3a2b41bad03c0d10d190668', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
|
|
163
|
-
}
|
|
164
|
-
};
|
|
165
|
-
IconValidationWarning.style = DigiIconValidationWarningStyle0;
|
|
166
|
-
|
|
167
|
-
export { FormLabel as digi_form_label, FormValidationMessage as digi_form_validation_message, IconValidationError as digi_icon_validation_error, IconCheckCircle as digi_icon_validation_success, IconValidationWarning as digi_icon_validation_warning };
|
|
123
|
+
export { FormLabel as digi_form_label, FormValidationMessage as digi_form_validation_message, IconCheckCircle as digi_icon_validation_success };
|
|
@@ -37,14 +37,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
37
37
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
38
38
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
39
39
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
40
|
-
import './
|
|
40
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
41
41
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
42
42
|
import './progress-list-variation.enum-300bd89d.js';
|
|
43
43
|
import './progressbar-variation.enum-40adaab4.js';
|
|
44
44
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
45
45
|
import './table-variation.enum-dd9366b6.js';
|
|
46
46
|
import './tag-media-icon.enum-fefa191c.js';
|
|
47
|
-
import './
|
|
47
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
48
48
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
49
49
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
50
50
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -42,14 +42,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
42
42
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
43
43
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
44
44
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
45
|
-
import './
|
|
45
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
46
46
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
47
47
|
import './progress-list-variation.enum-300bd89d.js';
|
|
48
48
|
import './progressbar-variation.enum-40adaab4.js';
|
|
49
49
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
50
50
|
import './table-variation.enum-dd9366b6.js';
|
|
51
51
|
import './tag-media-icon.enum-fefa191c.js';
|
|
52
|
-
import './
|
|
52
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
53
53
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
54
54
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
55
55
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -176,11 +176,6 @@ const FormSelectFilter = class {
|
|
|
176
176
|
}
|
|
177
177
|
else {
|
|
178
178
|
this.focusInList = !detectFocusOutside(target, `#${this.afId}-select-filter-list`);
|
|
179
|
-
//Update tabindex on focused input element
|
|
180
|
-
if (this.isOpen && this.focusInList && target.tagName === 'LI') {
|
|
181
|
-
this.setTabIndex();
|
|
182
|
-
this.updateTabIndex(target);
|
|
183
|
-
}
|
|
184
179
|
}
|
|
185
180
|
}
|
|
186
181
|
debounce(func, timeout = 300) {
|
|
@@ -264,23 +259,6 @@ const FormSelectFilter = class {
|
|
|
264
259
|
element.focus();
|
|
265
260
|
}
|
|
266
261
|
}
|
|
267
|
-
setTabIndex() {
|
|
268
|
-
const tabindexes = document.querySelectorAll(`#${this.afId}-dropdown-menu`);
|
|
269
|
-
if (!tabindexes) {
|
|
270
|
-
logger.warn(`No input elements was found to set tabindex on.`, this.hostElement);
|
|
271
|
-
return;
|
|
272
|
-
}
|
|
273
|
-
Array.from(tabindexes).map((tabindex) => {
|
|
274
|
-
tabindex.setAttribute('tabindex', '-1');
|
|
275
|
-
});
|
|
276
|
-
}
|
|
277
|
-
updateTabIndex(element) {
|
|
278
|
-
if (!element) {
|
|
279
|
-
logger.warn(`No input element was found to update tabindex on.`, this.hostElement);
|
|
280
|
-
return;
|
|
281
|
-
}
|
|
282
|
-
element.setAttribute('tabindex', '0');
|
|
283
|
-
}
|
|
284
262
|
incrementFocusItem() {
|
|
285
263
|
const listLength = this.showNeutralValue
|
|
286
264
|
? this._filteredResult.length
|
|
@@ -523,15 +501,15 @@ const FormSelectFilter = class {
|
|
|
523
501
|
} }, h("slot", { name: "empty-search-result" })))));
|
|
524
502
|
}
|
|
525
503
|
render() {
|
|
526
|
-
return (h("div", { key: '
|
|
504
|
+
return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
|
|
527
505
|
'digi-form-select-filter__dropdown': true,
|
|
528
506
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
529
507
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
530
|
-
} }, h("fieldset", { key: '
|
|
508
|
+
} }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
531
509
|
this.focusListItemIndex = 0;
|
|
532
510
|
}, onAfOnKeyup: (e) => {
|
|
533
511
|
this.inputSearchKeyboardHandler(e.detail);
|
|
534
|
-
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '
|
|
512
|
+
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
|
|
535
513
|
? 'false'
|
|
536
514
|
: this.afValidation === FormSelectFilterValidation.ERROR
|
|
537
515
|
? 'true'
|
|
@@ -539,11 +517,11 @@ const FormSelectFilter = class {
|
|
|
539
517
|
? false
|
|
540
518
|
: this.afRequired
|
|
541
519
|
? 'true'
|
|
542
|
-
: 'false' }, this.showNeutralValue && (h("li", { key: '
|
|
520
|
+
: 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
543
521
|
? 'false'
|
|
544
522
|
: this.afRequired
|
|
545
523
|
? 'true'
|
|
546
|
-
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '
|
|
524
|
+
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
|
|
547
525
|
this._filteredResult.map((item, index) => {
|
|
548
526
|
return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
|
|
549
527
|
? 'false'
|
|
@@ -555,9 +533,9 @@ const FormSelectFilter = class {
|
|
|
555
533
|
? 'true'
|
|
556
534
|
: 'false'
|
|
557
535
|
: 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
558
|
-
}))))), this.afMultipleItems && (h("div", { key: '
|
|
536
|
+
}))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
|
|
559
537
|
this.setClosed(true);
|
|
560
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '
|
|
538
|
+
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
|
|
561
539
|
}
|
|
562
540
|
get hostElement() { return getElement(this); }
|
|
563
541
|
static get watchers() { return {
|
|
@@ -37,14 +37,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
37
37
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
38
38
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
39
39
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
40
|
-
import './
|
|
40
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
41
41
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
42
42
|
import './progress-list-variation.enum-300bd89d.js';
|
|
43
43
|
import './progressbar-variation.enum-40adaab4.js';
|
|
44
44
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
45
45
|
import './table-variation.enum-dd9366b6.js';
|
|
46
46
|
import './tag-media-icon.enum-fefa191c.js';
|
|
47
|
-
import './
|
|
47
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
48
48
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
49
49
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
50
50
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
@@ -37,14 +37,14 @@ import './navigation-context-menu-item-type.enum-d5434f5a.js';
|
|
|
37
37
|
import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
|
|
38
38
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
39
39
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
40
|
-
import './
|
|
40
|
+
import './typography-variation.enum-d5ac8594.js';
|
|
41
41
|
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
42
42
|
import './progress-list-variation.enum-300bd89d.js';
|
|
43
43
|
import './progressbar-variation.enum-40adaab4.js';
|
|
44
44
|
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
45
45
|
import './table-variation.enum-dd9366b6.js';
|
|
46
46
|
import './tag-media-icon.enum-fefa191c.js';
|
|
47
|
-
import './
|
|
47
|
+
import './tag-size.enum-1e1bcf94.js';
|
|
48
48
|
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
49
49
|
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
50
50
|
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|