@designsystem-se/af 38.1.0 → 38.2.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-calendar-datepicker.js +10 -6
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +33 -1
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-select-filter.js +84 -47
- package/components/{p-13c09880.js → p-f84f590e.js} +2 -2
- package/custom-elements.json +9 -1
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-button_11.cjs.entry.js +1194 -0
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +15 -13
- package/dist/cjs/digi-code-block_3.cjs.entry.js +6 -6
- package/dist/cjs/digi-dialog.cjs.entry.js +6 -6
- package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
- package/dist/cjs/digi-footer.cjs.entry.js +74 -0
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +39 -7
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +9 -10
- package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -7
- package/dist/cjs/digi-form-receipt.cjs.entry.js +6 -6
- package/dist/cjs/digi-header-avatar.cjs.entry.js +114 -0
- package/dist/cjs/digi-header-navigation-item.cjs.entry.js +27 -0
- package/dist/cjs/digi-header-navigation.cjs.entry.js +228 -0
- package/dist/cjs/digi-header-notification.cjs.entry.js +23 -0
- package/dist/cjs/digi-header.cjs.entry.js +115 -0
- package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-bars.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
- package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
- package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
- package/dist/cjs/digi-layout-block_2.cjs.entry.js +92 -0
- package/dist/cjs/digi-link.cjs.entry.js +75 -0
- package/dist/cjs/digi-logo.cjs.entry.js +49 -0
- package/dist/cjs/digi-media-image_2.cjs.entry.js +167 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +6 -6
- package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +30 -0
- package/dist/cjs/digi-notification-alert.cjs.entry.js +6 -6
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +6 -6
- package/dist/cjs/digi-title-logo.cjs.entry.js +133 -0
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +6 -6
- package/dist/cjs/digi-typography.cjs.entry.js +26 -0
- package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +48 -0
- package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
- package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
- package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
- package/dist/cjs/index-7a477838.js +84 -20
- package/dist/cjs/index.cjs.js +73 -73
- package/dist/cjs/layout-container-max-width.enum-7e637f44.js +21 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-color.enum-76f6c506.js +7 -0
- package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-9aab5027.js} +28 -33
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +53 -6
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +8 -5
- package/dist/collection/components/_form/form-error-list/form-error-list.js +20 -1
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
- package/dist/collection/design-tokens/components/_logo.variables.scss +17 -15
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +2 -0
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-8833044b.entry.js → p-02731621.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-0ef5ec06.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-10261517.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-37c0ea9e.entry.js → p-2295239c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-97f66789.entry.js → p-25371300.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-2c685e4f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-300aa9ef.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3efa2f0b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4e9f2f05.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-ddd659bf.entry.js → p-655cda00.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-6abd8d58.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7e77bbe7.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7e85c9e3.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8713df13.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8d9f4f10.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8ef41ad9.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-18880083.entry.js → p-986a1582.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-9dd41cc4.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a0c77dff.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a2008b0a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e5bd5a7e.entry.js → p-b3283953.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-beba49c2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-bf80a488.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-a186888d.entry.js → p-c3e0f6dd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c553b73b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c604694f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c604a480.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c7a512ee.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c7d079d0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c9dfda73.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d6d7b1d8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-db246e29.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-39468f49.entry.js → p-de22ce43.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ecc2e481.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f2e16531.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f5bcd77b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f87c0b45.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fa77fcf7.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-button_11.entry.js +1180 -0
- package/dist/esm/digi-calendar-datepicker.entry.js +14 -12
- package/dist/esm/digi-code-block_3.entry.js +6 -6
- package/dist/esm/digi-dialog.entry.js +6 -6
- package/dist/esm/digi-footer-card.entry.js +25 -0
- package/dist/esm/digi-footer.entry.js +70 -0
- package/dist/esm/digi-form-checkbox.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +39 -7
- package/dist/esm/digi-form-file-upload.entry.js +1 -2
- package/dist/esm/digi-form-input-search.entry.js +1 -2
- package/dist/esm/digi-form-receipt.entry.js +6 -6
- package/dist/esm/digi-header-avatar.entry.js +110 -0
- package/dist/esm/digi-header-navigation-item.entry.js +23 -0
- package/dist/esm/digi-header-navigation.entry.js +224 -0
- package/dist/esm/digi-header-notification.entry.js +19 -0
- package/dist/esm/digi-header.entry.js +111 -0
- package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
- package/dist/esm/digi-icon-bars.entry.js +26 -0
- package/dist/esm/digi-icon-bell-filled.entry.js +26 -0
- package/dist/esm/digi-icon-envelope.entry.js +26 -0
- package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
- package/dist/esm/digi-icon-globe.entry.js +26 -0
- package/dist/esm/digi-icon-sign.entry.js +26 -0
- package/dist/esm/digi-icon-x.entry.js +26 -0
- package/dist/esm/digi-layout-block_2.entry.js +87 -0
- package/dist/esm/digi-link.entry.js +71 -0
- package/dist/esm/digi-logo.entry.js +45 -0
- package/dist/esm/digi-media-image_2.entry.js +162 -0
- package/dist/esm/digi-navigation-pagination.entry.js +6 -6
- package/dist/esm/digi-navigation-sidebar-button.entry.js +26 -0
- package/dist/esm/digi-notification-alert.entry.js +6 -6
- package/dist/esm/digi-notification-error-page.entry.js +6 -6
- package/dist/esm/digi-title-logo.entry.js +129 -0
- package/dist/esm/digi-tools-feedback.entry.js +6 -6
- package/dist/esm/digi-typography.entry.js +22 -0
- package/dist/esm/digi-util-breakpoint-observer.entry.js +44 -0
- package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
- package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
- package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
- package/dist/esm/index-148a7577.js +84 -20
- package/dist/esm/index.js +6 -6
- package/dist/esm/layout-container-max-width.enum-c40018ac.js +21 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-color.enum-8593dca6.js +7 -0
- package/dist/esm/{typography-variation.enum-c85d7857.js → typography-variation.enum-fdda731c.js} +29 -34
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +10 -0
- package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +5 -2
- package/dist/types/components/_form/form-error-list/form-error-list.d.ts +3 -0
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
- package/dist/types/components.d.ts +26 -6
- package/hydrate/index.js +129 -56
- package/hydrate/index.mjs +129 -56
- package/package.json +1 -1
- package/dist/cjs/digi-button_27.cjs.entry.js +0 -1380
- package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
- package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -564
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -53
- package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +0 -15
- package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
- package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
- package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2788683e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4841b4e1.js +0 -1
- package/dist/digi-arbetsformedlingen/p-59073668.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
- package/dist/digi-arbetsformedlingen/p-82611050.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d595e8a3.js +0 -1
- package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +0 -1
- package/dist/esm/digi-button_27.entry.js +0 -1350
- package/dist/esm/digi-form-input.entry.js +0 -190
- package/dist/esm/digi-form-label_3.entry.js +0 -123
- package/dist/esm/digi-form-select-filter.entry.js +0 -560
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
- package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
- package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +0 -15
- package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
- package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
|
-
const typographyVariation_enum = require('./typography-variation.enum-
|
|
6
|
+
const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
|
|
7
7
|
require('./badge-notification-shape.enum-ff802554.js');
|
|
8
8
|
require('./badge-status-variation.enum-0a5adc21.js');
|
|
9
9
|
require('./code-example-variation.enum-1611825e.js');
|
|
10
|
-
require('./form-input-
|
|
10
|
+
require('./form-input-type.enum-1fb2180a.js');
|
|
11
11
|
require('./button-variation.enum-bc521499.js');
|
|
12
12
|
require('./calendar-week-view-heading-level.enum-fd0c841b.js');
|
|
13
13
|
require('./bar-chart-variation.enum-a4e866b6.js');
|
|
@@ -15,22 +15,22 @@ require('./code-variation.enum-c4a4e6fd.js');
|
|
|
15
15
|
require('./expandable-accordion-header-level.enum-45483252.js');
|
|
16
16
|
require('./expandable-faq-item-variation.enum-89427195.js');
|
|
17
17
|
require('./expandable-faq-variation.enum-af923f49.js');
|
|
18
|
+
require('./footer-card-variation.enum-99555edc.js');
|
|
18
19
|
require('./form-checkbox-variation.enum-d2ca879e.js');
|
|
19
|
-
require('./form-
|
|
20
|
-
require('./form-input-type.enum-9c8ee12a.js');
|
|
21
|
-
require('./form-input-variation.enum-c750520c.js');
|
|
20
|
+
require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
22
21
|
require('./form-radiogroup-validation.enum-03a17d4d.js');
|
|
23
22
|
require('./form-select-variation.enum-528c1bf0.js');
|
|
24
23
|
require('./form-textarea-variation.enum-9c90d40f.js');
|
|
25
|
-
require('./form-validation-message-variation.enum-855ae0be.js');
|
|
26
24
|
require('./info-card-multi-type.enum-14746572.js');
|
|
27
25
|
require('./info-card-variation.enum-64cef637.js');
|
|
26
|
+
require('./layout-container-max-width.enum-7e637f44.js');
|
|
28
27
|
const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
|
|
29
28
|
require('./layout-columns-variation.enum-65675649.js');
|
|
30
29
|
require('./link-button-variation.enum-137785e3.js');
|
|
31
30
|
require('./list-type.enum-aea4d012.js');
|
|
32
31
|
require('./loader-skeleton-variation.enum-d52ba55e.js');
|
|
33
32
|
require('./loader-spinner-size.enum-db2973f0.js');
|
|
33
|
+
require('./logo-color.enum-76f6c506.js');
|
|
34
34
|
require('./media-figure-alignment.enum-3885aba5.js');
|
|
35
35
|
require('./navigation-sidebar-variation.enum-1c0c3064.js');
|
|
36
36
|
require('./navigation-vertical-menu-variation.enum-c237edd3.js');
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
|
|
7
|
+
/* eslint-disable max-len */
|
|
8
|
+
const avatarPlaceholder = {
|
|
9
|
+
'avatar-logged-in': {
|
|
10
|
+
AvatarPlaceholderComponent({ afSvgAriaHidden, afSvgAriaLabelledby }, children) {
|
|
11
|
+
return (index.h("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": afSvgAriaLabelledby },
|
|
12
|
+
children,
|
|
13
|
+
index.h("defs", null,
|
|
14
|
+
index.h("polygon", { id: "path-avatar-1", points: "0 0 32 0 32 32 0 32" }),
|
|
15
|
+
index.h("polygon", { id: "path-avatar-3", points: "0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581" })),
|
|
16
|
+
index.h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
17
|
+
index.h("g", { id: "Artboard", transform: "translate(-281, -653)" },
|
|
18
|
+
index.h("g", { id: "Group-9", transform: "translate(281, 653)" },
|
|
19
|
+
index.h("g", { id: "Group-3" },
|
|
20
|
+
index.h("mask", { id: "mask-avatar-2", fill: "white" },
|
|
21
|
+
index.h("use", { xlinkHref: "#path-avatar-1" })),
|
|
22
|
+
index.h("g", { id: "Clip-2" }),
|
|
23
|
+
index.h("path", { d: "M32.0002117,15.9999294 C32.0002117,24.8361768 24.8366065,32.0002822 16.0001058,32.0002822 C7.16360517,32.0002822 0,24.8361768 0,15.9999294 C0,7.16368206 7.16360517,-0.000423327086 16.0001058,-0.000423327086 C24.8366065,-0.000423327086 32.0002117,7.16368206 32.0002117,15.9999294", id: "Fill-1", mask: "url(#mask-avatar-2)" })),
|
|
24
|
+
index.h("path", { d: "M9.6578493,11.5102635 C9.6578493,15.2821078 12.5704231,18.3399405 16.1624564,18.3399405 C19.7551953,18.3399405 22.6677691,15.2821078 22.6677691,11.5102635 C22.6677691,7.73841914 19.7551953,4.68058648 16.1624564,4.68058648 C12.5704231,4.68058648 9.6578493,7.73841914 9.6578493,11.5102635", id: "Fill-4", fill: "currentColor" }),
|
|
25
|
+
index.h("g", { id: "Group-8", transform: "translate(4.7794, 20.0476)" },
|
|
26
|
+
index.h("mask", { id: "mask-avatar-4", fill: "white" },
|
|
27
|
+
index.h("use", { xlinkHref: "#path-avatar-3" })),
|
|
28
|
+
index.h("g", { id: "Clip-7" }),
|
|
29
|
+
index.h("path", { d: "M17.8881988,0 L15.1125046,0 C12.7911945,1.11758351 10.0641844,1.16062176 7.65467867,0 L4.87827895,0 C2.18372481,0 0,2.29372726 0,5.12225774 L0,7.35460258 C2.88787905,10.197244 6.84821746,11.9526403 11.220606,11.9526403 C15.7602136,11.9526403 19.8546094,10.0589571 22.7664777,7.02229082 L22.7664777,5.12225774 C22.7664777,2.29372726 20.5827529,0 17.8881988,0", id: "Fill-6", fill: "currentColor", mask: "url(#mask-avatar-4)" })))))));
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
'avatar-logged-out': {
|
|
33
|
+
AvatarPlaceholderComponent({ afSvgAriaHidden, afSvgAriaLabelledby }, children) {
|
|
34
|
+
return (index.h("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": afSvgAriaLabelledby },
|
|
35
|
+
children,
|
|
36
|
+
index.h("defs", null,
|
|
37
|
+
index.h("polygon", { id: "path-avatar-1", points: "0 0 32 0 32 32 0 32" }),
|
|
38
|
+
index.h("polygon", { id: "path-avatar-3", points: "0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581" })),
|
|
39
|
+
index.h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
|
|
40
|
+
index.h("g", { id: "Artboard", transform: "translate(-491, -742)" },
|
|
41
|
+
index.h("g", { id: "Group-9", transform: "translate(491, 742)" },
|
|
42
|
+
index.h("g", { id: "Group-3" },
|
|
43
|
+
index.h("mask", { id: "mask-avatar-2", fill: "white" },
|
|
44
|
+
index.h("use", { xlinkHref: "#path-avatar-1" })),
|
|
45
|
+
index.h("g", { id: "Clip-2" })),
|
|
46
|
+
index.h("path", { d: "M9.6578493,11.5102635 C9.6578493,15.2821078 12.5704231,18.3399405 16.1624564,18.3399405 C19.7551953,18.3399405 22.6677691,15.2821078 22.6677691,11.5102635 C22.6677691,7.73841914 19.7551953,4.68058648 16.1624564,4.68058648 C12.5704231,4.68058648 9.6578493,7.73841914 9.6578493,11.5102635", id: "Fill-4", fill: "currentColor" }),
|
|
47
|
+
index.h("g", { id: "Group-8", transform: "translate(4.7794, 20.0476)" },
|
|
48
|
+
index.h("mask", { id: "mask-avatar-4", fill: "white" },
|
|
49
|
+
index.h("use", { xlinkHref: "#path-avatar-3" })),
|
|
50
|
+
index.h("g", { id: "Clip-7" }),
|
|
51
|
+
index.h("path", { d: "M17.8881988,0 L15.1125046,0 C12.7911945,1.11758351 10.0641844,1.16062176 7.65467867,0 L4.87827895,0 C2.18372481,0 0,2.29372726 0,5.12225774 L0,7.35460258 C2.88787905,10.197244 6.84821746,11.9526403 11.220606,11.9526403 C15.7602136,11.9526403 19.8546094,10.0589571 22.7664777,7.02229082 L22.7664777,5.12225774 C22.7664777,2.29372726 20.5827529,0 17.8881988,0", id: "Fill-6", fill: "currentColor", mask: "url(#mask-avatar-4)" })))))));
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
const headerAvatarCss = ".sc-digi-header-avatar:root{--digi--grayscale--0:#ffffff;--digi--grayscale--100:#f4f4f4;--digi--grayscale--1000:#000000;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--50:#fbfbfb;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--misc--transparent:#ffffff00;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0a4dd1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008a20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:0.3s;--digi--global--animation--duration--short:0.2s;--digi--global--animation--duration--shorter:0.1s;--digi--global--animation--duration--shortest:0.01s;--digi--global--animation--duration--long:0.4s;--digi--global--animation--duration--longer:0.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:'Open Sans';--digi--global--typography--font-family--mono:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--amethyst--500:#822998;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--primary-alt--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--secondary-alt--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light--af18:var(--digi--color--leaf--500);--digi--color--logotype--primary--text--light--af18:var(--digi--color--stratos--500);--digi--color--logotype--secondary--symbol--light--af18:#1db920;--digi--color--logotype--secondary--text--light--af18:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--250);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--norrsken--500);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--primary-alt--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--300);--digi--color--infographic--brand--secondary-alt--light:var(--digi--granskott--300);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light:var(--digi--granskott--700);--digi--color--logotype--primary--text--light:var(--digi--natthimmel--800);--digi--color--logotype--secondary--symbol--light:#1db920;--digi--color--logotype--secondary--text--light:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--250);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--primary-alt:var(--digi--color--infographic--brand--primary-alt--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--secondary-alt:var(--digi--color--infographic--brand--secondary-alt--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--logotype--primary--symbol:var(--digi--color--logotype--primary--symbol--light);--digi--color--logotype--primary--text:var(--digi--color--logotype--primary--text--light);--digi--color--logotype--secondary--symbol:var(--digi--color--logotype--secondary--symbol--light);--digi--color--logotype--secondary--text:var(--digi--color--logotype--secondary--text--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light)}body.sc-digi-header-avatar{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-header-avatar-h{--digi--header-avatar--margin:var(--digi--gutter--medium);--digi--header-avatar--font-family:var(--digi--global--typography--font-family--default);--digi--header-avatar--font-size:var(--digi--typography--label--font-size--desktop);--digi--header-avatar--line-height:var(--digi--typography--label--line-height--desktop);--digi--header-avatar--color:var(--digi--color--icon--primary);--digi--header-avatar-icon--color:var(--digi--color--icon--primary);--digi--header-avatar-icon--background-color:var(--digi--color--background--interactive--default--tertiary);--digi--header-avatar-icon-active--color:var(--digi--color--icon--brand-primary);display:block}.sc-digi-header-avatar-h .digi-header-avatar.sc-digi-header-avatar{display:flex;align-items:center;font-family:var(--digi--header-avatar--font-family);color:var(--digi--header-avatar--color);font-weight:var(--digi--typography--title-logo--font-weight--desktop);font-size:var(--digi--header--font-size)}.sc-digi-header-avatar-h .digi-header-avatar__icon.sc-digi-header-avatar{height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--header-avatar-icon--background-color);border-radius:50%}.sc-digi-header-avatar-h .digi-header-avatar__icon-logged-in.sc-digi-header-avatar{color:var(--digi--header-avatar-icon-active--color)}.sc-digi-header-avatar-h .digi-header-avatar__icon-logged-out.sc-digi-header-avatar{color:var(--digi--header-avatar-icon--color)}.sc-digi-header-avatar-h .digi-header-avatar__image.sc-digi-header-avatar{display:block;height:32px}.sc-digi-header-avatar-h .digi-header-avatar__image.sc-digi-header-avatar *.sc-digi-header-avatar img.sc-digi-header-avatar{border-radius:100%}.sc-digi-header-avatar-h .digi-header-avatar__placeholder.sc-digi-header-avatar{background:#ddd;border-radius:100%;height:32px;width:32px;display:flex;justify-content:center;margin-left:var(--digi--header-avatar--margin)}.sc-digi-header-avatar-h .digi-header-avatar__name.sc-digi-header-avatar,.sc-digi-header-avatar-h .digi-header-avatar__signature.sc-digi-header-avatar{margin-left:var(--digi--header-avatar--margin)}.sc-digi-header-avatar-s img{border-radius:100%}";
|
|
57
|
+
const DigiHeaderAvatarStyle0 = headerAvatarCss;
|
|
58
|
+
|
|
59
|
+
const NavigationAvatar = class {
|
|
60
|
+
constructor(hostRef) {
|
|
61
|
+
index.registerInstance(this, hostRef);
|
|
62
|
+
this.currentAvatar = undefined;
|
|
63
|
+
this.afIsLoggedIn = true;
|
|
64
|
+
this.afSrc = undefined;
|
|
65
|
+
this.afAlt = undefined;
|
|
66
|
+
this.afShowPlaceholderImage = undefined;
|
|
67
|
+
this.afHideImage = false;
|
|
68
|
+
this.afName = undefined;
|
|
69
|
+
this.afHideName = false;
|
|
70
|
+
this.afSignature = undefined;
|
|
71
|
+
this.afHideSignature = false;
|
|
72
|
+
this.afUserPlacerholder = 'Inloggad';
|
|
73
|
+
this.afPlacerholderTitle = '';
|
|
74
|
+
this.afHideUser = false;
|
|
75
|
+
}
|
|
76
|
+
setCurrentLoginName() {
|
|
77
|
+
if (!this.afHideName && !this.afHideSignature) {
|
|
78
|
+
return this.afName + ' (' + this.afSignature + ')';
|
|
79
|
+
}
|
|
80
|
+
if (!this.afHideSignature) {
|
|
81
|
+
return this.afSignature;
|
|
82
|
+
}
|
|
83
|
+
if (!this.afHideName) {
|
|
84
|
+
return this.afName;
|
|
85
|
+
}
|
|
86
|
+
if (this.afHideUser) {
|
|
87
|
+
return this.afUserPlacerholder;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
setAvatarPlaceholder(name) {
|
|
91
|
+
const { AvatarPlaceholderComponent } = avatarPlaceholder[name];
|
|
92
|
+
this.currentAvatar = AvatarPlaceholderComponent;
|
|
93
|
+
}
|
|
94
|
+
componentWillLoad() {
|
|
95
|
+
this.getAvatar();
|
|
96
|
+
}
|
|
97
|
+
getAvatar() {
|
|
98
|
+
if (this.afIsLoggedIn) {
|
|
99
|
+
return this.setAvatarPlaceholder('avatar-logged-in');
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
return this.setAvatarPlaceholder('avatar-logged-out');
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
render() {
|
|
106
|
+
if (this.afShowPlaceholderImage) {
|
|
107
|
+
this.afHideImage = true;
|
|
108
|
+
}
|
|
109
|
+
return (index.h("div", { key: '263ff956649e16808df995770e8587f3024ef939', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (index.h("digi-media-image", { key: '96454ff51324f790755e60156a886328c93ed7f9', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (index.h("span", { key: 'a5f384149f42c074c5a53a70cdd9005c83f62c03', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, index.h(this.currentAvatar, { key: '526e60574c1e4ad62e32c99639f9fa3d0937f598' }, index.h("title", { key: '47a398d1f2eab571090a52773dc28e9c0ccc0a74' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (index.h("span", { key: 'f9ca3151f1cde4293bf768c4688a6624d12724ec', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (index.h("span", { key: 'a80d89feb830427cf1273efd1d51a9d222bfe7de', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, index.h(this.currentAvatar, { key: '83400b4082e64521551fa1ac987b7efc9460a709' }, index.h("title", { key: '5f2b700dd679b352eaa3c9e875de30c3e935d525' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && index.h("slot", { key: 'b89927a758131f5976b889f8efeb3b67b330da47' })));
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
NavigationAvatar.style = DigiHeaderAvatarStyle0;
|
|
113
|
+
|
|
114
|
+
exports.digi_header_avatar = NavigationAvatar;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
|
|
7
|
+
const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
|
|
8
|
+
const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;
|
|
9
|
+
|
|
10
|
+
const HeaderNavigationItem = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.afCurrentPage = undefined;
|
|
14
|
+
}
|
|
15
|
+
get cssModifiers() {
|
|
16
|
+
return {
|
|
17
|
+
'digi-header-navigation-item--active': this.afCurrentPage,
|
|
18
|
+
'digi-header-navigation-item-indicator--active': this.afCurrentPage
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
return (index.h("div", { key: '341d978e1ef5c809cf602b54e4e0e184b00b836a', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: 'a8e11402dc43a6adeddf2d009e8a53a797649622' }), index.h("div", { key: 'd9c9b92ddf8e9364234421bf56beb93366da7567', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;
|
|
26
|
+
|
|
27
|
+
exports.digi_header_navigation_item = HeaderNavigationItem;
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
require('./badge-notification-shape.enum-ff802554.js');
|
|
7
|
+
const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
|
|
8
|
+
require('./badge-status-variation.enum-0a5adc21.js');
|
|
9
|
+
require('./code-example-variation.enum-1611825e.js');
|
|
10
|
+
require('./form-input-type.enum-1fb2180a.js');
|
|
11
|
+
require('./button-variation.enum-bc521499.js');
|
|
12
|
+
require('./calendar-week-view-heading-level.enum-fd0c841b.js');
|
|
13
|
+
require('./bar-chart-variation.enum-a4e866b6.js');
|
|
14
|
+
require('./code-variation.enum-c4a4e6fd.js');
|
|
15
|
+
require('./expandable-accordion-header-level.enum-45483252.js');
|
|
16
|
+
require('./expandable-faq-item-variation.enum-89427195.js');
|
|
17
|
+
require('./expandable-faq-variation.enum-af923f49.js');
|
|
18
|
+
require('./footer-card-variation.enum-99555edc.js');
|
|
19
|
+
require('./form-checkbox-variation.enum-d2ca879e.js');
|
|
20
|
+
require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
21
|
+
require('./form-radiogroup-validation.enum-03a17d4d.js');
|
|
22
|
+
require('./form-select-variation.enum-528c1bf0.js');
|
|
23
|
+
require('./form-textarea-variation.enum-9c90d40f.js');
|
|
24
|
+
require('./info-card-multi-type.enum-14746572.js');
|
|
25
|
+
require('./info-card-variation.enum-64cef637.js');
|
|
26
|
+
require('./layout-container-max-width.enum-7e637f44.js');
|
|
27
|
+
require('./layout-block-variation.enum-f6102119.js');
|
|
28
|
+
require('./layout-columns-variation.enum-65675649.js');
|
|
29
|
+
require('./link-button-variation.enum-137785e3.js');
|
|
30
|
+
require('./list-type.enum-aea4d012.js');
|
|
31
|
+
require('./loader-skeleton-variation.enum-d52ba55e.js');
|
|
32
|
+
require('./loader-spinner-size.enum-db2973f0.js');
|
|
33
|
+
require('./logo-color.enum-76f6c506.js');
|
|
34
|
+
require('./media-figure-alignment.enum-3885aba5.js');
|
|
35
|
+
require('./navigation-sidebar-variation.enum-1c0c3064.js');
|
|
36
|
+
require('./navigation-vertical-menu-variation.enum-c237edd3.js');
|
|
37
|
+
require('./progress-circle-role.enum-b7fdcf0c.js');
|
|
38
|
+
require('./progress-indicator-variation.enum-7cf8e0e4.js');
|
|
39
|
+
require('./progress-list-item-variation.enum-90e4c874.js');
|
|
40
|
+
require('./progress-list-variation.enum-06d5ce27.js');
|
|
41
|
+
require('./progressbar-variation.enum-aff9fa80.js');
|
|
42
|
+
require('./quote-image-inner-position.enum-e64e7a6d.js');
|
|
43
|
+
require('./table-variation.enum-25df2ad7.js');
|
|
44
|
+
require('./tag-media-icon.enum-372563c5.js');
|
|
45
|
+
require('./tag-size.enum-387c516c.js');
|
|
46
|
+
require('./tools-feedback-banner-type.enum-de373ba0.js');
|
|
47
|
+
require('./tools-feedback-rating-variation.enum-2f71e84d.js');
|
|
48
|
+
require('./tools-theme-provider.brand.enum-bc855272.js');
|
|
49
|
+
require('./typography-heading-jumbo-variation.enum-8677e099.js');
|
|
50
|
+
require('./typography-meta-variation.enum-13ac3538.js');
|
|
51
|
+
require('./typography-time-variation.enum-bce1d87e.js');
|
|
52
|
+
const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
|
|
53
|
+
|
|
54
|
+
const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
|
|
55
|
+
const DigiHeaderNavigationStyle0 = headerNavigationCss;
|
|
56
|
+
|
|
57
|
+
const HeaderNavigation = class {
|
|
58
|
+
constructor(hostRef) {
|
|
59
|
+
index.registerInstance(this, hostRef);
|
|
60
|
+
this.afOnClose = index.createEvent(this, "afOnClose", 7);
|
|
61
|
+
this.afOnEsc = index.createEvent(this, "afOnEsc", 7);
|
|
62
|
+
this.afOnBackdropClick = index.createEvent(this, "afOnBackdropClick", 7);
|
|
63
|
+
this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
|
|
64
|
+
this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
|
|
65
|
+
this.focusableElements = [];
|
|
66
|
+
this.isMobile = undefined;
|
|
67
|
+
this.isVisible = undefined;
|
|
68
|
+
this.afCloseButtonText = undefined;
|
|
69
|
+
this.afNavAriaLabel = undefined;
|
|
70
|
+
this.afCloseButtonAriaLabel = undefined;
|
|
71
|
+
this.afFocusableElement = undefined;
|
|
72
|
+
this.afCloseFocusableElement = undefined;
|
|
73
|
+
this.afActive = false;
|
|
74
|
+
this.afBackdrop = true;
|
|
75
|
+
this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
|
|
76
|
+
}
|
|
77
|
+
//private _observer: any;
|
|
78
|
+
enablePageScroll() {
|
|
79
|
+
document.body.style.height = '';
|
|
80
|
+
document.body.style.overflowY = '';
|
|
81
|
+
document.body.style.paddingRight = '';
|
|
82
|
+
}
|
|
83
|
+
disablePageScroll() {
|
|
84
|
+
document.body.style.height = '100vh';
|
|
85
|
+
document.body.style.overflowY = 'hidden';
|
|
86
|
+
}
|
|
87
|
+
toggleHandler(e) {
|
|
88
|
+
const element = e.target;
|
|
89
|
+
this._closeFocusableElement = element.querySelector('.digi-navigation-sidebar-button button');
|
|
90
|
+
if (element.matches('digi-navigation-sidebar-button')) {
|
|
91
|
+
this.afActive = true;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
get shouldUseFocusTrap() {
|
|
95
|
+
return this.isMobile && this.focusableElements.length > 0;
|
|
96
|
+
}
|
|
97
|
+
closeHandler(e) {
|
|
98
|
+
this.afActive = false;
|
|
99
|
+
this.afOnClose.emit(e);
|
|
100
|
+
}
|
|
101
|
+
escHandler(e) {
|
|
102
|
+
if (this.isMobile) {
|
|
103
|
+
this.afActive = false;
|
|
104
|
+
this.afOnClose.emit(e);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
tabHandler(e) {
|
|
108
|
+
if (this.shouldUseFocusTrap) {
|
|
109
|
+
if (document.activeElement === this.lastFocusableEl) {
|
|
110
|
+
e.detail.preventDefault();
|
|
111
|
+
this.firstFocusableEl.focus();
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
backdropClickHandler(e) {
|
|
116
|
+
this.afActive = false;
|
|
117
|
+
this.afOnClose.emit(e);
|
|
118
|
+
}
|
|
119
|
+
shiftHandler(e) {
|
|
120
|
+
if (this.shouldUseFocusTrap) {
|
|
121
|
+
if (document.activeElement === this.firstFocusableEl) {
|
|
122
|
+
e.detail.preventDefault();
|
|
123
|
+
this.lastFocusableEl.focus();
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
clickHandler(e) {
|
|
128
|
+
// If clicking on toggle button, refresh the focusable items list
|
|
129
|
+
// with the new sub level of items
|
|
130
|
+
if (this.shouldUseFocusTrap) {
|
|
131
|
+
const el = e.detail.target;
|
|
132
|
+
if (el.tagName.toLowerCase() === 'button') {
|
|
133
|
+
setTimeout(() => {
|
|
134
|
+
this.getFocusableItems();
|
|
135
|
+
}, 100);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
setMobileView(isMobile) {
|
|
140
|
+
isMobile && this.afActive
|
|
141
|
+
? (this.disablePageScroll(), this.getFocusableItems())
|
|
142
|
+
: this.enablePageScroll();
|
|
143
|
+
}
|
|
144
|
+
breakpointChange(e) {
|
|
145
|
+
this.isVisible = false;
|
|
146
|
+
const element = e.target;
|
|
147
|
+
const type = element.nodeName;
|
|
148
|
+
if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
|
|
149
|
+
this.isMobile =
|
|
150
|
+
e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
|
|
151
|
+
}
|
|
152
|
+
if (this.isMobile) {
|
|
153
|
+
setTimeout(() => {
|
|
154
|
+
this.isVisible = true;
|
|
155
|
+
}, 100);
|
|
156
|
+
}
|
|
157
|
+
else {
|
|
158
|
+
this.isVisible = true;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
componentDidLoad() {
|
|
162
|
+
const transition = this._wrapper;
|
|
163
|
+
transition.addEventListener('transitionend', () => {
|
|
164
|
+
this.getFocusableItems();
|
|
165
|
+
this.setFocus();
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
getFocusableItems() {
|
|
169
|
+
const allElements = this._wrapper.querySelectorAll(this._focusableElementsSelectors);
|
|
170
|
+
// Filters out visible items
|
|
171
|
+
this.focusableElements = Array.prototype.slice
|
|
172
|
+
.call(allElements)
|
|
173
|
+
.filter(function (item) {
|
|
174
|
+
return item.offsetParent !== null;
|
|
175
|
+
});
|
|
176
|
+
// Sets first and last focusable element
|
|
177
|
+
if (this.focusableElements.length > 0) {
|
|
178
|
+
this.firstFocusableEl = this.focusableElements[0];
|
|
179
|
+
this.lastFocusableEl = this.focusableElements[this.focusableElements.length - 1];
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
setFocus() {
|
|
183
|
+
if (this.afActive) {
|
|
184
|
+
let el;
|
|
185
|
+
const firstNavLink = this.firstFocusableEl;
|
|
186
|
+
if (this.afFocusableElement) {
|
|
187
|
+
el = this.hostElement.querySelector(`${this.afFocusableElement}`);
|
|
188
|
+
}
|
|
189
|
+
else {
|
|
190
|
+
el = firstNavLink;
|
|
191
|
+
}
|
|
192
|
+
if (el) {
|
|
193
|
+
el.focus();
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
else {
|
|
197
|
+
if (this.afCloseFocusableElement) {
|
|
198
|
+
const el = document.querySelector(`${this.afCloseFocusableElement}`);
|
|
199
|
+
el.focus();
|
|
200
|
+
}
|
|
201
|
+
else if (this._closeFocusableElement) {
|
|
202
|
+
const el = this._closeFocusableElement;
|
|
203
|
+
el.focus();
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
get cssModifiers() {
|
|
208
|
+
return {
|
|
209
|
+
'digi-header-navigation--open': this.afActive,
|
|
210
|
+
'digi-header-navigation--mobile': this.isMobile,
|
|
211
|
+
'digi-header-navigation--visible': this.isVisible,
|
|
212
|
+
'digi-header-navigation--centered': this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT
|
|
213
|
+
};
|
|
214
|
+
}
|
|
215
|
+
render() {
|
|
216
|
+
return (index.h("div", { key: 'e4e7695d89401721d59e38f8eb142f1a9f595fab', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '559643977784b181f3637c8975bb6e006b6bc2f6', onAfOnChange: (e) => (this.isMobile =
|
|
217
|
+
e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: 'bf73f58461b128726c8e14500f2319b419da549f', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: '02ebe20f0f0f381d260946a801719699bd3370e0' }, this.isMobile && (index.h("div", { key: 'a35fce6e4d3e0b702576ef41ba461f3cb7b9ec28', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: 'c38f7101c0e9229841b7d0c00e1e02f812efac39', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
|
|
218
|
+
this._wrapper = el;
|
|
219
|
+
} }, this.isMobile && (index.h("digi-button", { key: 'e58f51aa2409be7b434d31d0de3ab631b24093b1', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: '9c0626935bf4b0411f5055d415c20ec3273a0da4', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
|
|
220
|
+
}
|
|
221
|
+
get hostElement() { return index.getElement(this); }
|
|
222
|
+
static get watchers() { return {
|
|
223
|
+
"isMobile": ["setMobileView"]
|
|
224
|
+
}; }
|
|
225
|
+
};
|
|
226
|
+
HeaderNavigation.style = DigiHeaderNavigationStyle0;
|
|
227
|
+
|
|
228
|
+
exports.digi_header_navigation = HeaderNavigation;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
|
|
7
|
+
const headerNotificationCss = ".sc-digi-header-notification-h .digi-header-notification.sc-digi-header-notification{--digi--header-notification--font-family:var(--digi--global--typography--font-family--default);--digi--header-notification--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-notification--color:var(--digi--color--text--primary);--digi--header-notification--color-hover:var(--digi--color--text--interactive--primary);--digi--header-notification--color-active:var(--digi--color--text--interactive--primary);display:flex;position:relative;align-items:center;font-family:\"Open Sans\"}.sc-digi-header-notification-h .digi-header-notification__number.sc-digi-header-notification{background-color:var(--digi--color--background--notification);color:var(--digi--color--text--secondary--light);padding:2px;z-index:5;font-size:12px;line-height:normal;font-weight:600;border-radius:10px;padding:1px 6px;position:absolute;top:-12px;left:20px;letter-spacing:0.5px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h .sc-digi-header-notification-s>a{display:flex;position:relative;align-items:center;margin-right:8px;text-decoration:none;color:var(--digi--header-notification--color);font-family:var(--digi--header-notification--font-family);font-size:var(--digi--header-notification--font-size)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a [class*=digi-icon]:not(svg),.sc-digi-header-notification-h .sc-digi-header-notification-s>a [class*=digi-icon]:not(svg){height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--color--background--interactive--default--tertiary);justify-content:center;border-radius:100%;margin-right:8px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a svg{--digi--icon--width:1rem;--digi--icon--height:1rem}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{color:var(--digi--header-notification--color-hover);text-decoration:underline}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active svg{color:var(--digi--color--text--primary)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
|
|
8
|
+
const DigiHeaderNotificationStyle0 = headerNotificationCss;
|
|
9
|
+
|
|
10
|
+
const HeaderNotification = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.afNotificationAmount = undefined;
|
|
14
|
+
}
|
|
15
|
+
render() {
|
|
16
|
+
return (index.h("div", { key: '09b98b8c03390654e580cae1c2ae1becb1ced0fd', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: '070b143dfb2d2fe760d52649f2eef55a5383b2d6', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
|
|
17
|
+
? this.afNotificationAmount
|
|
18
|
+
: '+99')), index.h("slot", { key: '76d0edbd756942295385457529138f258b71080c' })));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
HeaderNotification.style = DigiHeaderNotificationStyle0;
|
|
22
|
+
|
|
23
|
+
exports.digi_header_notification = HeaderNotification;
|