@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
|
@@ -0,0 +1,115 @@
|
|
|
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
|
+
const layoutContainerMaxWidth_enum = 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 headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{display:flex;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
|
|
55
|
+
const DigiHeaderStyle0 = headerCss;
|
|
56
|
+
|
|
57
|
+
const Header = class {
|
|
58
|
+
constructor(hostRef) {
|
|
59
|
+
index.registerInstance(this, hostRef);
|
|
60
|
+
this.afActive = undefined;
|
|
61
|
+
this.isMobile = undefined;
|
|
62
|
+
this.hasNavigation = undefined;
|
|
63
|
+
this.afMenuButtonText = undefined;
|
|
64
|
+
this.afAriaLabel = undefined;
|
|
65
|
+
this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
|
|
66
|
+
}
|
|
67
|
+
toggleHandler(e) {
|
|
68
|
+
const element = e.target;
|
|
69
|
+
if (element.matches('digi-navigation-sidebar-button')) {
|
|
70
|
+
this.afActive = true;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
closeHandler() {
|
|
74
|
+
this.afActive = false;
|
|
75
|
+
}
|
|
76
|
+
get cssModifiers() {
|
|
77
|
+
return {
|
|
78
|
+
'digi-header--af-centered': this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT,
|
|
79
|
+
'digi-header--has-navigation': this.hasNavigation
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
handleBreakpointObserver(e) {
|
|
83
|
+
this.isMobile = e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
|
|
87
|
+
* @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
|
|
88
|
+
*/
|
|
89
|
+
checkNavigation() {
|
|
90
|
+
this.hasNavigation = !!this.hostElement.querySelector('[slot="header-navigation"]');
|
|
91
|
+
}
|
|
92
|
+
componentWillLoad() {
|
|
93
|
+
this.checkNavigation();
|
|
94
|
+
}
|
|
95
|
+
/**
|
|
96
|
+
* If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
|
|
97
|
+
* is true when we're in mobile
|
|
98
|
+
*/
|
|
99
|
+
componentWillRender() {
|
|
100
|
+
const afLogo = this.hostElement.querySelector('digi-logo');
|
|
101
|
+
if (afLogo) {
|
|
102
|
+
afLogo.afOnlySymbol = this.isMobile || afLogo.afOnlySymbol;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
renderContent() {
|
|
106
|
+
return (index.h("div", { class: "digi-header__wrapper" }, index.h("slot", { name: "header-logo" }), index.h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (index.h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
|
|
107
|
+
}
|
|
108
|
+
render() {
|
|
109
|
+
return (index.h("header", { key: '35b1b75534609c95cf188dee68dc65756b60cf6e', "aria-label": this.afAriaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '6eee8b721fdf80e41db49d6983d1d5bfd8c27632', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("digi-layout-block", { key: '4caa83ed4b792ceaae5da6517241e2d09962fb9f', afContainer: layoutContainerMaxWidth_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: 'd4bf22ad37c16accd0073ce6f286298146b04e33', class: "digi-header__border" }), index.h("slot", { key: '33f07a226d4e07f6bf83c019e7ea46f91d28596a', name: "header-navigation" }))));
|
|
110
|
+
}
|
|
111
|
+
get hostElement() { return index.getElement(this); }
|
|
112
|
+
};
|
|
113
|
+
Header.style = DigiHeaderStyle0;
|
|
114
|
+
|
|
115
|
+
exports.digi_header = Header;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconAccessibilityUniversalCss = ".sc-digi-icon-accessibility-universal-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-accessibility-universal-h svg.sc-digi-icon-accessibility-universal{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconAccessibilityUniversalStyle0 = iconAccessibilityUniversalCss;
|
|
10
|
+
|
|
11
|
+
const IconAccessibilityUniversal = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: 'e74bbea7350fa9289a85f9450543e8bd87b2c7bc', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '0a55a02961af9db1a6883d0af1557b8809c35a1e', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '09444b004ba00c48cc01c6bf16f2aefe437d1aea' }, this.afDesc), index.h("path", { key: '4b77643d3bb076dd34e75dd19b4d3b00f3d91e41', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconAccessibilityUniversal.style = DigiIconAccessibilityUniversalStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_accessibility_universal = IconAccessibilityUniversal;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconBarsCss = ".sc-digi-icon-bars-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bars-h svg.sc-digi-icon-bars{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconBarsStyle0 = iconBarsCss;
|
|
10
|
+
|
|
11
|
+
const IconBars = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: '7dc0c9f8048a3b30aaf2143c82b2f0366ccdfa83', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined }, this.afTitle && index.h("title", { key: 'f535e8b2c1adc3cb25b69715516cd070910fa7e5', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '0334d350007035ab9b3025a3b50b89fa0076d1ee' }, this.afDesc), index.h("path", { key: '8387fd4576eddbf0ae0d43c11b5a6b2811e266fb', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconBars.style = DigiIconBarsStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_bars = IconBars;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconBellFilledCss = ".sc-digi-icon-bell-filled-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bell-filled-h svg.sc-digi-icon-bell-filled{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconBellFilledStyle0 = iconBellFilledCss;
|
|
10
|
+
|
|
11
|
+
const IconBellFilled = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: '5e2a17ce1dfb69440a0b81f54d09c8f004060832', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'cc392e3818738b235726b47dfc5ecf03f9a3d09a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '14c6a0831afa0e8137109bd8ff9ad63adb255ace' }, this.afDesc), index.h("path", { key: 'cae066c44eca47b6cde2ba3e977447fe463c6166', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconBellFilled.style = DigiIconBellFilledStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_bell_filled = IconBellFilled;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconEnvelopeCss = ".sc-digi-icon-envelope-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-envelope-h svg.sc-digi-icon-envelope{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconEnvelopeStyle0 = iconEnvelopeCss;
|
|
10
|
+
|
|
11
|
+
const IconEnvelope = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: 'f92a2b27b17aed1bef4a021c7fff4b89d8df3365', class: "digi-icon-envelope", width: "26", height: "19", viewBox: "0 0 26 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined }, this.afTitle && index.h("title", { key: '5048aede82b13d9f652e245a6bf4de3db4c09936', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'edaa81d4b3c7f227935c63c3d6815c9bf6a3f407' }, this.afDesc), index.h("path", { key: '47f5e21f6e14c1d272dff393bcb7a7944c51df19', class: "digi-icon-envelope__shape", d: "M23.563 0H2.438C1.09 0 0 1.063 0 2.375v14.25C0 17.937 1.091 19 2.438 19h21.125C24.909 19 26 17.937 26 16.625V2.375C26 1.063 24.909 0 23.562 0zm0 2.375v2.019c-1.14.903-2.954 2.308-6.835 5.269-.855.655-2.55 2.23-3.728 2.212-1.179.018-2.873-1.557-3.728-2.212-3.88-2.96-5.696-4.365-6.835-5.269V2.375h21.125zM2.438 16.625V7.442c1.163.903 2.813 2.17 5.328 4.089 1.11.851 3.054 2.73 5.234 2.719 2.17.011 4.088-1.84 5.233-2.719a859.794 859.794 0 005.33-4.09v9.184H2.438z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconEnvelope.style = DigiIconEnvelopeStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_envelope = IconEnvelope;
|
package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js}
RENAMED
|
@@ -3,6 +3,29 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconExternalLinkAltCss = ".sc-digi-icon-external-link-alt-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-external-link-alt-h svg.sc-digi-icon-external-link-alt{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconExternalLinkAltStyle0 = iconExternalLinkAltCss;
|
|
10
|
+
|
|
11
|
+
const IconExternalLinkAlt = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: '9cf4499be369cf9ea1b8af28da106eaaf175f2e3', class: "digi-icon-external-link-alt", width: "29", height: "26", viewBox: "0 0 29 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined }, this.afTitle && index.h("title", { key: '09a91354d1b8aec9e76b112417773b4abd06f3eb', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '952b3abbe4c57d0fb668d794730f86a319da63b3' }, this.afDesc), index.h("path", { key: '4fd6ba2cd3df63c810f9b5266c031acd551bf32b', class: "digi-icon-external-link-alt__shape", d: "M22.556 12.28v11.283A2.427 2.427 0 0120.139 26H2.417A2.427 2.427 0 010 23.562V5.688A2.427 2.427 0 012.417 3.25h17.117c.538 0 .807.656.427 1.04L18.752 5.51a.602.602 0 01-.427.178H2.72a.303.303 0 00-.302.305v17.266c0 .168.135.305.302.305h17.118a.303.303 0 00.302-.305v-9.76c0-.16.064-.316.177-.43l1.208-1.219a.604.604 0 011.032.431zM28.396 0h-6.847c-.536 0-.807.657-.427 1.04l2.426 2.448L9.844 17.311a.613.613 0 000 .862l1.139 1.149a.6.6 0 00.854 0L25.542 5.499l2.427 2.447A.604.604 0 0029 7.516V.608C29 .273 28.73 0 28.396 0z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconExternalLinkAlt.style = DigiIconExternalLinkAltStyle0;
|
|
6
29
|
|
|
7
30
|
const linkExternalCss = ".sc-digi-link-external-h{--digi--link-external--gap:var(--digi--gutter--medium);--digi--link-external--color--default:var(--digi--color--text--interactive--primary);--digi--link-external--color--hover:var(--digi--color--text--interactive--primary);--digi--link-external--color--visited:var(--digi--color--text--interactive--visited);--digi--link-external--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-external--font-family:var(--digi--global--typography--font-family--default);--digi--link-external--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-external--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration-thickness:0.156em;--digi--link-external--text-underline-offset:3px}.sc-digi-link-external-h .digi-link-external.sc-digi-link-external{--digi--link--gap:var(--digi--link-external--gap);--digi--link--color--default:var(--digi--link-external--color--default);--digi--link--color--hover:var(--digi--link-external--color--hover);--digi--link--color--visited:var(--digi--link-external--color--visited);--digi--link--font-size:var(--digi--link-external--font-size);--digi--link--font-family:var(--digi--link-external--font-family);--digi--link--font-weight:var(--digi--link-external--font-weight);--digi--link--text-decoration--default:var(--digi--link-external--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-external--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-external--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-external--text-decoration--icon--hover)}";
|
|
8
31
|
const DigiLinkExternalStyle0 = linkExternalCss;
|
|
@@ -33,4 +56,5 @@ const LinkExternal = class {
|
|
|
33
56
|
};
|
|
34
57
|
LinkExternal.style = DigiLinkExternalStyle0;
|
|
35
58
|
|
|
59
|
+
exports.digi_icon_external_link_alt = IconExternalLinkAlt;
|
|
36
60
|
exports.digi_link_external = LinkExternal;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconGlobeCss = ".sc-digi-icon-globe-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-globe-h svg.sc-digi-icon-globe{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconGlobeStyle0 = iconGlobeCss;
|
|
10
|
+
|
|
11
|
+
const IconGlobe = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: '286ecd27c8f70d47b6364f87288ab52ebc6f0d24', class: "digi-icon-globe", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '4b002066e990575c0f9b9b9911f817e34a0cd073', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ad66192b7c7de8b11438a625aaeafab6fea6a5c4' }, this.afDesc), index.h("path", { key: '5d01f8436329436e077fd34eabd52dfaa57fb1d3', class: "digi-icon-globe__shape", d: "M12.5 0C5.596 0 0 5.596 0 12.5S5.596 25 12.5 25 25 19.404 25 12.5 19.404 0 12.5 0zm9.057 8.065h-4.24c-.37-1.886-.973-3.646-1.781-5.182a10.127 10.127 0 016.021 5.182zm.823 6.451h-4.724c.11-1.306.118-2.647 0-4.032h4.724a10.22 10.22 0 010 4.032zm-12.605 0a21.098 21.098 0 01-.002-4.032h5.454a21.098 21.098 0 01-.002 4.032h-5.45zm5.068 2.42c-.472 2.12-1.275 4.027-2.343 5.506-1.068-1.479-1.871-3.387-2.343-5.507h4.686zM2.62 10.483h4.724a23.69 23.69 0 000 4.032H2.62a10.22 10.22 0 010-4.032zm7.53-2.42c.468-2.115 1.27-4.014 2.35-5.507 1.08 1.493 1.882 3.392 2.35 5.508h-4.7zm-.686-5.181c-.808 1.536-1.412 3.296-1.781 5.182h-4.24a10.127 10.127 0 016.02-5.182zM3.443 16.935h4.236c.368 1.89.97 3.645 1.78 5.18a10.127 10.127 0 01-6.016-5.18zm12.099 5.18c.81-1.535 1.411-3.29 1.78-5.18h4.235a10.127 10.127 0 01-6.015 5.18z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconGlobe.style = DigiIconGlobeStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_globe = IconGlobe;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconSignCss = ".sc-digi-icon-sign-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-sign-h svg.sc-digi-icon-sign{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconSignStyle0 = iconSignCss;
|
|
10
|
+
|
|
11
|
+
const IconSign = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: '9c154c540eee751006c0f62238a602b7496b48ae', class: "digi-icon-sign", width: "42", height: "48", viewBox: "0 0 42 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined }, this.afTitle && index.h("title", { key: '5084198402d47b2e8f3d3baca74065a4c7cec20a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'd5b3bb7a19f42e562f60bfa0425fa56e4856ba1a' }, this.afDesc), index.h("defs", { key: 'a45a8be9d10b4781716ad82b3f0a3fa03091ca77' }, index.h("polygon", { key: '263183c9d4846b2c134d7607dc34987b616cc498', id: "path-1", points: "3 17 42 17 42 48 3 48" })), index.h("g", { key: '29d3be4438661421b5d7bbb98772e6ecb5f92d3d', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '78d12aec490dc0c8de81630f43547b39247c4fd6', id: "Synk-webbplatsen-8mars-Copy", transform: "translate(-3260.000000, -5769.000000)" }, index.h("g", { key: 'e5f23cfa588813cfbd6e09cdfc9054537f0d1389', id: "Icon", transform: "translate(3260.000000, 5769.000000)" }, index.h("path", { key: 'a3d0876f6df720fde82289c779dd248e862be8ab', d: "M24.0851455,0 L24.3815781,0 C24.4124565,0.168720222 24.77466,0.00187814719 24.8262269,0.150251775 C26.7746534,4.78551904 28.7653834,10.3204188 30.8289863,15.1754293 C31.1414756,15.9107239 31.3529926,16.7984615 31.7182839,17.2789541 C32.255568,17.9857635 33.3517509,18.4327626 34.0897444,18.9317237 C34.8913475,19.4738821 35.653735,19.9772256 36.3870968,20.5844932 L36.3870968,26.2189347 L34.386177,26.2189347 C30.0375731,23.5006297 25.4953617,20.0742632 21.1208199,16.9784506 C20.5665528,16.5862308 19.6170422,15.8161905 19.1199001,15.7764364 C17.6287826,15.6574871 16.4899875,17.3731745 16.4520071,18.8565978 C16.3658564,22.2256808 20.031739,24.3038507 21.2690362,26.2189347 L16.5261152,26.2189347 C14.9963997,26.2189347 13.3613889,26.452138 11.8573024,26.2189347 C10.9300243,26.0749435 9.74769069,25.3722034 8.74476053,24.9417947 C6.6410157,24.0390319 4.73303988,23.2304895 2.5937849,22.3123886 C1.40712831,21.8030977 0.341515012,21.3507772 0.22232442,20.2839896 C0.0978845017,19.1705614 0.909368635,18.2436957 1.92681164,18.1804648 C2.74416267,18.1297548 3.73257999,18.7135456 4.52059654,19.0068495 C6.38441627,19.701138 7.48862755,20.072385 9.48584193,20.8098708 C10.0932199,21.0343094 11.5803232,21.871337 11.7831943,21.1103744 C12.0082977,20.2661472 9.61182577,19.4804557 8.96708495,19.1571013 C6.56196702,17.9513308 4.87044872,17.0955218 2.5937849,16.001814 C1.57603311,15.5128697 0.291183234,15.1544566 0,13.8982892 L0,13.2221562 C0.257217003,12.4884267 0.744478024,11.726838 1.70448722,11.6445126 C2.81610932,11.5490401 3.86659221,12.4348995 4.89113724,12.9216527 C7.11808685,13.9799886 8.70214835,14.7528462 10.8938966,15.8515623 C11.5460482,16.1783599 13.5630248,17.4648907 13.9323303,16.9033247 C14.4223704,16.1580133 13.0649563,15.6646866 12.7466001,15.4759328 C9.41945339,13.5038783 7.11839564,12.0883814 4.00183956,10.2171207 C2.75991065,9.47149627 1.16751199,8.91337353 1.1116221,7.51258875 C1.07456803,6.58760126 1.7010906,5.46791251 3.03843374,5.48418979 C4.18062545,5.49796287 5.39599895,6.6595969 6.44740819,7.28721109 C8.66941725,8.61380905 10.6854674,9.79234641 13.0430327,11.1937572 C13.6482491,11.5534224 15.9996387,13.3623912 16.3037908,12.3206456 C16.5227186,11.5703258 14.2083832,10.4471937 13.7841141,10.1419948 C11.7791801,8.69957777 10.0762368,7.42181164 8.15189541,6.010071 C7.2919322,5.37932657 5.83910387,4.67689952 5.70632679,3.53091671 C5.57478484,2.39588976 6.28931082,1.49531819 7.18848959,1.35226598 C8.4035543,1.15912984 8.88062545,1.84465356 9.70816635,2.4040284 C13.0652651,4.67345625 16.5887984,7.07560651 19.9350897,9.31561005 C20.6808028,9.81488418 21.2060443,10.3514082 21.9360095,10.2171207 C23.1359438,9.99675143 22.7629328,8.29295891 22.5288746,6.98670754 C22.3204454,5.82444745 21.8671506,4.38672578 21.9360095,3.15528728 C22.0357467,1.37261257 22.7981342,0.45451162 24.0851455,0", id: "Fill-1", fill: "currentColor" }), index.h("mask", { key: 'e14a14c6fc9d92cc41feb30003ae33df8e491987', id: "mask-2", fill: "white" }, index.h("use", { key: 'e16f97c90d309a46620b4eb14fec5b190b777a07', xlinkHref: "#path-1" })), index.h("g", { key: '86d5fda236a6a8cc04921604293860ff952c511b', id: "Clip-4" }), index.h("path", { key: 'cd3cf9fdada8d45931efb2fc5e6b6e55767e0b9f', d: "M42,27.4076739 L42,40.8629996 C40.8868282,40.9751299 39.7006462,41.0531875 38.4955126,41.1606715 C37.3804767,41.2604117 36.0961193,41.1866906 35.0655888,41.4580336 C34.3202638,41.6541067 33.5370357,42.5223421 32.7541183,42.9448441 C30.2534429,44.2947442 27.4563773,44.8018086 24.1047452,45.4724221 C20.0080988,46.2920264 15.8685784,47.1178257 11.6526304,48 L10.8324312,48 C9.03482799,47.6351119 8.68313652,45.3240508 10.3104863,44.5059952 C11.4342213,43.9410072 13.4126411,43.7480316 15.2316813,43.3165468 C15.8968504,43.1588829 16.7328944,42.9628098 17.6922789,42.7215128 C18.6286729,42.4867206 19.8350492,42.3560052 19.7800586,41.6810552 C19.7160582,40.8955236 17.8466876,41.3316547 16.8720797,41.4580336 C14.2548987,41.7969025 12.774812,42.0924061 10.3850498,42.4244604 C8.09253097,42.7431954 5.50113652,43.3016787 5.46385474,40.9376499 C5.43154386,38.876249 7.66099436,38.98745 9.71397776,38.7074341 C11.9667294,38.4001599 13.8317505,38.0931954 16.3501348,37.7410072 C17.3586069,37.5997602 19.2957061,37.6044065 19.2581137,36.8489209 C19.2186571,36.0556455 16.9951096,36.4109313 15.8281898,36.4772182 C13.0345417,36.6355016 10.7575569,36.7968825 8.0735794,36.9232614 C5.52723377,37.0431355 2.89451867,37.6564448 3.0032572,35.1390887 C3.09304416,33.0665368 5.70525427,33.2328737 7.84988872,33.1318945 C10.7957708,32.9931255 12.655821,32.818735 15.455372,32.6858513 C16.6673406,32.6285472 18.775936,32.7989109 18.8107323,32.0167866 C18.8480141,31.1785971 16.9006624,31.4220624 15.9027534,31.4220624 C13.1995136,31.4220624 11.435464,31.3133393 8.96834214,31.1990408 C6.6792408,31.0931055 4.42431442,31.41246 4.49452844,29.1918465 C4.56878132,26.8423761 7.56872195,27.3333333 10.1613591,27.3333333 L18.8852959,27.3333333 C20.2535372,27.3333333 22.2726563,27.5981715 22.5389104,26.5899281 C22.8769319,25.310032 21.4185929,24.357544 20.6748213,23.616307 C19.9447198,22.8883893 18.8654122,21.9758593 18.3633509,21.088729 C17.5316565,19.6183353 17.5170545,17.4001998 19.1835501,17 C22.9937481,19.606255 26.648916,22.2840627 30.5917751,24.8800959 C31.5384216,25.5036271 33.5367251,27.140048 34.6182074,27.3333333 C37.0440086,27.7669864 39.4480621,26.9514089 42,27.4076739", id: "Fill-3", fill: "currentColor" }))))));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconSign.style = DigiIconSignStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_sign = IconSign;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
+
|
|
8
|
+
const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
+
const DigiIconXStyle0 = iconXCss;
|
|
10
|
+
|
|
11
|
+
const IconX = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.afTitle = undefined;
|
|
15
|
+
this.afDesc = undefined;
|
|
16
|
+
this.afSvgAriaHidden = true;
|
|
17
|
+
this.afSvgAriaLabelledby = undefined;
|
|
18
|
+
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (index.h("svg", { key: '942ec16bbd14ad227a81a3f45ab4202cdd251363', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
+
? this.afSvgAriaLabelledby
|
|
23
|
+
: this.afTitle
|
|
24
|
+
? this.titleId
|
|
25
|
+
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '72e7038743327dcc63f4d28a66010e1e293e9323', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2bf2145598f76fc26d0d2fb5c3405bca7595d0eb' }, this.afDesc), index.h("g", { key: 'a92520dde57c971fb852153ef5efa46e070f887e', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: '92adc49eaec1f820a8db670834315d2cdc377d03', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
IconX.style = DigiIconXStyle0;
|
|
29
|
+
|
|
30
|
+
exports.digi_icon_x = IconX;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
|
|
7
|
+
const layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-7e637f44.js');
|
|
8
|
+
|
|
9
|
+
const layoutBlockCss = ".sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}";
|
|
10
|
+
const DigiLayoutBlockStyle0 = layoutBlockCss;
|
|
11
|
+
|
|
12
|
+
const LayoutBlock = class {
|
|
13
|
+
constructor(hostRef) {
|
|
14
|
+
index.registerInstance(this, hostRef);
|
|
15
|
+
this._container = layoutContainerMaxWidth_enum.LayoutBlockContainer.STATIC;
|
|
16
|
+
this.afVariation = layoutBlockVariation_enum.LayoutBlockVariation.PRIMARY;
|
|
17
|
+
this.afContainer = layoutContainerMaxWidth_enum.LayoutBlockContainer.STATIC;
|
|
18
|
+
this.afVerticalPadding = undefined;
|
|
19
|
+
this.afMarginTop = undefined;
|
|
20
|
+
this.afMarginBottom = undefined;
|
|
21
|
+
}
|
|
22
|
+
containerChangeHandler() {
|
|
23
|
+
this._container = this.afContainer;
|
|
24
|
+
}
|
|
25
|
+
componentWillLoad() {
|
|
26
|
+
this.containerChangeHandler();
|
|
27
|
+
}
|
|
28
|
+
get cssModifiers() {
|
|
29
|
+
return {
|
|
30
|
+
'digi-layout-block--transparent': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT,
|
|
31
|
+
'digi-layout-block--primary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.PRIMARY,
|
|
32
|
+
'digi-layout-block--secondary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.SECONDARY,
|
|
33
|
+
'digi-layout-block--tertiary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.TERTIARY,
|
|
34
|
+
'digi-layout-block--symbol': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.SYMBOL,
|
|
35
|
+
'digi-layout-block--profile': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.PROFILE
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
return (index.h("div", { key: '1ae2b7371f08238720ee66d8f0452c7fbf1ec095', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === layoutContainerMaxWidth_enum.LayoutBlockContainer.NONE ? (index.h(index.Fragment, null, index.h("slot", null))) : (index.h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, index.h("slot", null)))));
|
|
40
|
+
}
|
|
41
|
+
static get watchers() { return {
|
|
42
|
+
"afContainer": ["containerChangeHandler"]
|
|
43
|
+
}; }
|
|
44
|
+
};
|
|
45
|
+
LayoutBlock.style = DigiLayoutBlockStyle0;
|
|
46
|
+
|
|
47
|
+
const layoutContainerCss = ".sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}";
|
|
48
|
+
const DigiLayoutContainerStyle0 = layoutContainerCss;
|
|
49
|
+
|
|
50
|
+
const LayoutContainer = class {
|
|
51
|
+
constructor(hostRef) {
|
|
52
|
+
index.registerInstance(this, hostRef);
|
|
53
|
+
this._variation = layoutContainerMaxWidth_enum.LayoutContainerVariation.STATIC;
|
|
54
|
+
this.afVariation = layoutContainerMaxWidth_enum.LayoutContainerVariation.STATIC;
|
|
55
|
+
this.afMaxWidth = layoutContainerMaxWidth_enum.LayoutContainerMaxWidth.WIDTH_1400;
|
|
56
|
+
this.afNoGutter = undefined;
|
|
57
|
+
this.afVerticalPadding = undefined;
|
|
58
|
+
this.afMarginTop = undefined;
|
|
59
|
+
this.afMarginBottom = undefined;
|
|
60
|
+
}
|
|
61
|
+
variationChangeHandler() {
|
|
62
|
+
this._variation = this.afVariation;
|
|
63
|
+
}
|
|
64
|
+
componentWillLoad() {
|
|
65
|
+
this.variationChangeHandler();
|
|
66
|
+
}
|
|
67
|
+
get cssModifiers() {
|
|
68
|
+
if (this._variation === layoutContainerMaxWidth_enum.LayoutContainerVariation.NONE) {
|
|
69
|
+
return {};
|
|
70
|
+
}
|
|
71
|
+
return {
|
|
72
|
+
'digi-layout-container': true,
|
|
73
|
+
'digi-layout-container--static': this._variation === layoutContainerMaxWidth_enum.LayoutContainerVariation.STATIC,
|
|
74
|
+
'digi-layout-container--fluid': this._variation === layoutContainerMaxWidth_enum.LayoutContainerVariation.FLUID,
|
|
75
|
+
'digi-layout-container--max-width-1200': this.afMaxWidth === layoutContainerMaxWidth_enum.LayoutContainerMaxWidth.WIDTH_1200,
|
|
76
|
+
'digi-layout-container--no-gutter': this.afNoGutter,
|
|
77
|
+
'digi-layout-container--vertical-padding': this.afVerticalPadding,
|
|
78
|
+
'digi-layout-container--margin-top': this.afMarginTop,
|
|
79
|
+
'digi-layout-container--margin-bottom': this.afMarginBottom
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
render() {
|
|
83
|
+
return (index.h("div", { key: 'c5c995f525db9697284f7891573a62f7bf00e16a', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '571994e8ef260f38adb61ed52814e2da676e669f' })));
|
|
84
|
+
}
|
|
85
|
+
static get watchers() { return {
|
|
86
|
+
"afVariation": ["variationChangeHandler"]
|
|
87
|
+
}; }
|
|
88
|
+
};
|
|
89
|
+
LayoutContainer.style = DigiLayoutContainerStyle0;
|
|
90
|
+
|
|
91
|
+
exports.digi_layout_block = LayoutBlock;
|
|
92
|
+
exports.digi_layout_container = LayoutContainer;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-7a477838.js');
|
|
6
|
+
|
|
7
|
+
const linkCss = ".sc-digi-link-h{--digi--link--gap:var(--digi--gutter--medium);--digi--link--color--default:var(--digi--color--text--interactive--primary);--digi--link--color--hover:var(--digi--color--text--interactive--primary);--digi--link--color--visited:var(--digi--color--text--interactive--visited);--digi--link--font-size:var(--digi--typography--link--font-size--desktop);--digi--link--font-family:var(--digi--global--typography--font-family--default);--digi--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link--line-height:var(--digi--typography--link--line-height--desktop);--digi--link--text-decoration--default:none;--digi--link--text-decoration--hover:underline;--digi--link--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link--text-decoration--icon--hover:underline;--digi--link--text-decoration-thickness:0.156em;--digi--link--text-underline-offset:3px;--COLOR:var(--digi--link--color--default);--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--default);position:relative}.sc-digi-link-h:focus-visible{outline:none}.digi-link--has-icon.sc-digi-link-h{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--icon--default)}.digi-link--has-icon.sc-digi-link-h:focus,.digi-link--has-icon.sc-digi-link-h:hover{--digi--link--text-decoration--hover:var(--digi--link--text-decoration--icon--hover)}.sc-digi-link-h a.sc-digi-link:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-h a.sc-digi-link:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-s>a{font-family:var(--digi--link--font-family);font-size:var(--digi--link--font-size);font-weight:var(--digi--link--font-weight);line-height:var(--digi--link--line-height);color:var(--COLOR);text-decoration:var(--LINK-TEXT-DECORATION);display:inline-flex;gap:var(--digi--link--gap);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-s>a:hover{cursor:pointer}.sc-digi-link-s>a:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover)}.sc-digi-link-s>a:visited{color:var(--digi--link--color--visited)}.sc-digi-link-s>a:visited svg{color:var(--digi--link--color--visited)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited .sc-digi-link-s>a:visited{color:var(--digi--link--color--default)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited.sc-digi-link-s>a:visited svg,.digi-link--hide-visited .sc-digi-link-s>a:visited svg{color:var(--digi--link--color--default)}.sc-digi-link-s>a [class*=digi-icon],.sc-digi-link-s>a [slot^=icon]{--digi--icon--color:var(--COLOR);--digi--icon--height:1em;--digi--icon--width:1em}";
|
|
8
|
+
const DigiLinkStyle0 = linkCss;
|
|
9
|
+
|
|
10
|
+
const Link = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.afOnClick = index.createEvent(this, "afOnClick", 7);
|
|
14
|
+
this.afOnReady = index.createEvent(this, "afOnReady", 3);
|
|
15
|
+
this.hasIcon = undefined;
|
|
16
|
+
this.relation = undefined;
|
|
17
|
+
this.afHref = undefined;
|
|
18
|
+
this.afDescribedby = undefined;
|
|
19
|
+
this.afAriaLabel = undefined;
|
|
20
|
+
this.afTarget = undefined;
|
|
21
|
+
this.afOverrideLink = false;
|
|
22
|
+
this.afLinkContainer = false;
|
|
23
|
+
this.hideVisitedColor = undefined;
|
|
24
|
+
this.afDownload = undefined;
|
|
25
|
+
}
|
|
26
|
+
async afMGetLinkElement() {
|
|
27
|
+
if (this.afLinkContainer) {
|
|
28
|
+
return this.hostElement.children.length > 0
|
|
29
|
+
? this.hostElement.children.item(0)
|
|
30
|
+
: undefined;
|
|
31
|
+
}
|
|
32
|
+
return this._link;
|
|
33
|
+
}
|
|
34
|
+
clickLinkHandler(e) {
|
|
35
|
+
if (this.afOverrideLink) {
|
|
36
|
+
e.preventDefault();
|
|
37
|
+
}
|
|
38
|
+
this.afOnClick.emit(e);
|
|
39
|
+
}
|
|
40
|
+
setRel() {
|
|
41
|
+
var _a;
|
|
42
|
+
this.relation =
|
|
43
|
+
((_a = this.afTarget) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === '_blank' ? 'noopener noreferrer' : null;
|
|
44
|
+
}
|
|
45
|
+
setHasIcon() {
|
|
46
|
+
this.hasIcon = !!this.hostElement.querySelector('[slot="icon"]');
|
|
47
|
+
}
|
|
48
|
+
componentWillLoad() {
|
|
49
|
+
this.setHasIcon();
|
|
50
|
+
this.setRel();
|
|
51
|
+
}
|
|
52
|
+
componentWillUpdate() {
|
|
53
|
+
this.setHasIcon();
|
|
54
|
+
this.setRel();
|
|
55
|
+
}
|
|
56
|
+
componentDidLoad() {
|
|
57
|
+
this.afOnReady.emit();
|
|
58
|
+
}
|
|
59
|
+
get cssModifiers() {
|
|
60
|
+
return {
|
|
61
|
+
'digi-link--has-icon': this.hasIcon,
|
|
62
|
+
'digi-link--hide-visited': this.hideVisitedColor
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
render() {
|
|
66
|
+
return (index.h(index.Host, { key: 'd4955d115e6943c86d1af4edc7bc9ab806db74ac', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '29204641d98ec78ba4dcb786972b250907d318dc', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (index.h("div", { key: 'b983a1ebef256bb4eb416e6e25ef302c61a79956', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, index.h("slot", { key: 'ec1f818a869cfeea0613acc7f582a02f27a37c46', name: "icon" }))), index.h("slot", { key: 'e95b687ffc6908b5d8f0b84d19c84f059865b4b5' }))), this.afLinkContainer && index.h("slot", { key: '01aa827b552600745df8ee55fb8141f8d0991ac1' })));
|
|
67
|
+
}
|
|
68
|
+
get hostElement() { return index.getElement(this); }
|
|
69
|
+
static get watchers() { return {
|
|
70
|
+
"afTarget": ["setRel"]
|
|
71
|
+
}; }
|
|
72
|
+
};
|
|
73
|
+
Link.style = DigiLinkStyle0;
|
|
74
|
+
|
|
75
|
+
exports.digi_link = Link;
|