@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 @@
|
|
|
1
|
+
import{r as i,h as a}from"./p-52e3bb32.js";const e=class{constructor(a){i(this,a),this.afCurrentPage=void 0}get cssModifiers(){return{"digi-header-navigation-item--active":this.afCurrentPage,"digi-header-navigation-item-indicator--active":this.afCurrentPage}}render(){return a("div",{key:"341d978e1ef5c809cf602b54e4e0e184b00b836a",role:"listitem",class:Object.assign({"digi-header-navigation-item":!0},this.cssModifiers)},a("slot",{key:"a8e11402dc43a6adeddf2d009e8a53a797649622"}),a("div",{key:"d9c9b92ddf8e9364234421bf56beb93366da7567",class:Object.assign({"digi-header-navigation-item-indicator":!0},this.cssModifiers)}))}};e.style=".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}";export{e as digi_header_navigation_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as o,g as d}from"./p-52e3bb32.js";import{r as t}from"./p-ffe5c0e8.js";import{x as s,w as a,v as r}from"./p-d595e8a3.js";import{L as c}from"./p-a39f86c9.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as n}from"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as l}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const g=class{constructor(o){i(this,o),this.afOnReady=e(this,"afOnReady",3),this.afVariation=s.PRIMARY,this.afType=a.FULLWIDTH,this.afText=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=r.H4,this.afFeedback=void 0,this.afId=t("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===s.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===s.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===a.FULLWIDTH,"digi-tools-feedback--grid":this.afType===a.GRID}}get icon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},o("title",null,"Chat"),o("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},o("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},o("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",class:"digi-tools-feedback__infographic-secondary"}),o("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("g",{id:"Group-8"},o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),o("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},o("title",null,"Check mark"),o("g",{fill:"none","fill-rule":"evenodd"},o("g",{transform:"translate(-170 -32)"},o("g",{transform:"translate(170 32.325)"},o("g",{transform:"translate(0 .77495)"},o("mask",{id:"b",fill:"white"},o("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),o("path",{d:"m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556",fill:"#333",mask:"url(#b)"})),o("g",{transform:"translate(4.2177)"},o("mask",{id:"a",fill:"white"},o("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),o("path",{d:"m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324",class:"digi-tools-feedback__infographic-primary",mask:"url(#a)"}))))))}get content(){return o("div",null,1===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"},this.icon,o(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),o("div",{class:"digi-tools-feedback__container-btns"},o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,o("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),o("div",{class:"digi-tools-feedback__container-forms"},o("slot",{name:"form"})),3===this.currentStep&&o("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,o("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return o("div",{key:"8d8391ebc8fbc5a4a597e74965dc8ec42051e795",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===a.FULLWIDTH&&o("digi-layout-block",{key:"3af4691534a06683985b40ae583bb00da3e8f43d",afVariation:c.TRANSPARENT},this.content),this.afType!==a.FULLWIDTH&&this.content)}get hostElement(){return d(this)}static get watchers(){return{afIsDone:["afIsDoneHandler"]}}};g.style=".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{g as digi_tools_feedback}
|
|
1
|
+
import{r as i,c as e,h as o,g as d}from"./p-52e3bb32.js";import{r as t}from"./p-ffe5c0e8.js";import{w as s,v as a,u as r}from"./p-c9dfda73.js";import{L as c}from"./p-a39f86c9.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as n}from"./p-53d9556b.js";import"./p-c64b4626.js";import{B as l}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-9dd41cc4.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const g=class{constructor(o){i(this,o),this.afOnReady=e(this,"afOnReady",3),this.afVariation=s.PRIMARY,this.afType=a.FULLWIDTH,this.afText=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=r.H4,this.afFeedback=void 0,this.afId=t("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===s.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===s.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===a.FULLWIDTH,"digi-tools-feedback--grid":this.afType===a.GRID}}get icon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},o("title",null,"Chat"),o("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},o("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},o("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",class:"digi-tools-feedback__infographic-secondary"}),o("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("g",{id:"Group-8"},o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),o("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},o("title",null,"Check mark"),o("g",{fill:"none","fill-rule":"evenodd"},o("g",{transform:"translate(-170 -32)"},o("g",{transform:"translate(170 32.325)"},o("g",{transform:"translate(0 .77495)"},o("mask",{id:"b",fill:"white"},o("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),o("path",{d:"m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556",fill:"#333",mask:"url(#b)"})),o("g",{transform:"translate(4.2177)"},o("mask",{id:"a",fill:"white"},o("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),o("path",{d:"m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324",class:"digi-tools-feedback__infographic-primary",mask:"url(#a)"}))))))}get content(){return o("div",null,1===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"},this.icon,o(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),o("div",{class:"digi-tools-feedback__container-btns"},o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,o("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),o("div",{class:"digi-tools-feedback__container-forms"},o("slot",{name:"form"})),3===this.currentStep&&o("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,o("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return o("div",{key:"8d8391ebc8fbc5a4a597e74965dc8ec42051e795",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===a.FULLWIDTH&&o("digi-layout-block",{key:"3af4691534a06683985b40ae583bb00da3e8f43d",afVariation:c.TRANSPARENT},this.content),this.afType!==a.FULLWIDTH&&this.content)}get hostElement(){return d(this)}static get watchers(){return{afIsDone:["afIsDoneHandler"]}}};g.style=".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{g as digi_tools_feedback}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var r;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary"}(r||(r={}));export{r as L}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as o,g as t}from"./p-52e3bb32.js";import"./p-717306ef.js";import{T as l}from"./p-c9dfda73.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-c64b4626.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-9dd41cc4.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import{U as e}from"./p-cdcaf0eb.js";const g=class{constructor(o){i(this,o),this.handleWindowResize=()=>{this.titleLogoVariation=this.setLogoVariation(window.innerWidth)},this.isMobile=void 0,this.isTablet=void 0,this.titleLogoVariation=void 0,this.afAriaLabel=void 0,this.afLogoBreakpoint=void 0}setLogoVariation(i){return this.isMobile?l.MOBILE:(this.afLogoBreakpoint?i<this.afLogoBreakpoint:this.isTablet)?this.hasTwoRowLogoName?l.TWO_ROWS:l.ONE_ROW:this.hasOneRowLogoName?l.ONE_ROW:l.TWO_ROWS}componentWillLoad(){if(this.hasOneRowLogoName=!!this.hostElement.querySelector('[slot="logo-one-row"]'),this.hasTwoRowLogoName=!!this.hostElement.querySelector('[slot="logo-two-rows"]'),!this.hasOneRowLogoName&&!this.hasTwoRowLogoName)throw new Error("Du behöver ange minst en variant av logo-text")}componentDidLoad(){window&&(this.handleWindowResize(),window.addEventListener("resize",this.handleWindowResize,{passive:!0}))}disconnectedCallback(){window&&window.removeEventListener("resize",this.handleWindowResize)}handleBreakpointObserver(i){this.isMobile=i.detail.value===e.SMALL,this.isTablet=i.detail.value===e.MEDIUM}get cssModifiers(){return{"digi-title-logo--mobile":this.titleLogoVariation===l.MOBILE,"digi-title-logo--one-row":this.titleLogoVariation===l.ONE_ROW,"digi-title-logo--two-rows":this.titleLogoVariation===l.TWO_ROWS}}render(){return o("div",{key:"a6b4469ef950c515fed566d2ae896e97b47cc913",class:Object.assign({"digi-title-logo":!0},this.cssModifiers)},o("digi-util-breakpoint-observer",{key:"ab48388d57bf01f711c1954d6d4bfbe979d25349",onAfOnChange:i=>this.handleBreakpointObserver(i)}),o("div",{key:"57513832c5ae8d09b6578fe7fa9084ff26fae145",class:"digi-title-logo-symbol"},o("svg",{key:"1bf2e94d0bebcfc84d0ca9ad1c70e1b96ae479a7",height:"44px",width:"44px",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img"},o("path",{key:"b1795d919f4f412e996b632e1f3cfead50190715","fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z",class:"main-symbol"}))),o("div",{key:"aa07057fb3255f3c93b3c36672a63ee637ed54c1",class:"digi-title-logo-name-wrapper"},o("slot",{key:"73f73fbad0f148d7a45296db645f9a4bb18b348e",name:"logo-one-row"}),o("slot",{key:"317ee5205fd79adee52676fc4c556d65315ce5b9",name:"logo-two-rows"})))}get hostElement(){return t(this)}};g.style=".sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype--primary--symbol);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}";export{g as digi_title_logo}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as t,F as a}from"./p-52e3bb32.js";import{L as o}from"./p-a39f86c9.js";import{L as r,a as n,b as d}from"./p-300aa9ef.js";const c=class{constructor(t){i(this,t),this._container=r.STATIC,this.afVariation=o.PRIMARY,this.afContainer=r.STATIC,this.afVerticalPadding=void 0,this.afMarginTop=void 0,this.afMarginBottom=void 0}containerChangeHandler(){this._container=this.afContainer}componentWillLoad(){this.containerChangeHandler()}get cssModifiers(){return{"digi-layout-block--transparent":this.afVariation===o.TRANSPARENT,"digi-layout-block--primary":this.afVariation===o.PRIMARY,"digi-layout-block--secondary":this.afVariation===o.SECONDARY,"digi-layout-block--tertiary":this.afVariation===o.TERTIARY,"digi-layout-block--symbol":this.afVariation===o.SYMBOL,"digi-layout-block--profile":this.afVariation===o.PROFILE}}render(){return t("div",{key:"1ae2b7371f08238720ee66d8f0452c7fbf1ec095",class:Object.assign({"digi-layout-block":!0},this.cssModifiers)},this._container===r.NONE?t(a,null,t("slot",null)):t("digi-layout-container",{afVariation:this._container,"af-vertical-padding":this.afVerticalPadding,"af-margin-top":this.afMarginTop,"af-margin-bottom":this.afMarginBottom},t("slot",null)))}static get watchers(){return{afContainer:["containerChangeHandler"]}}};c.style=".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)}";const l=class{constructor(t){i(this,t),this._variation=n.STATIC,this.afVariation=n.STATIC,this.afMaxWidth=d.WIDTH_1400,this.afNoGutter=void 0,this.afVerticalPadding=void 0,this.afMarginTop=void 0,this.afMarginBottom=void 0}variationChangeHandler(){this._variation=this.afVariation}componentWillLoad(){this.variationChangeHandler()}get cssModifiers(){return this._variation===n.NONE?{}:{"digi-layout-container":!0,"digi-layout-container--static":this._variation===n.STATIC,"digi-layout-container--fluid":this._variation===n.FLUID,"digi-layout-container--max-width-1200":this.afMaxWidth===d.WIDTH_1200,"digi-layout-container--no-gutter":this.afNoGutter,"digi-layout-container--vertical-padding":this.afVerticalPadding,"digi-layout-container--margin-top":this.afMarginTop,"digi-layout-container--margin-bottom":this.afMarginBottom}}render(){return t("div",{key:"c5c995f525db9697284f7891573a62f7bf00e16a",class:Object.assign({},this.cssModifiers)},t("slot",{key:"571994e8ef260f38adb61ed52814e2da676e669f"}))}static get watchers(){return{afVariation:["variationChangeHandler"]}}};l.style=".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)}";export{c as digi_layout_block,l as digi_layout_container}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as a,h as t}from"./p-52e3bb32.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-d595e8a3.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as g}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const o=class{constructor(t){i(this,t),this.afOnPageChange=a(this,"afOnPageChange",7),this.afOnReady=a(this,"afOnReady",3),this.currentPage=void 0,this.twoRows=void 0,this.limit=6,this.afInitActivePage=1,this.afTotalPages=void 0,this.afCurrentResultStart=void 0,this.afId=n("digi-navigation-pagination"),this.afCurrentResultEnd=void 0,this.afTotalResults=0,this.afResultName="",this.afLimit=6}setTwoRows(i){this.twoRows=i}setLimit(i){this.limit=i}async afMSetCurrentPage(i){this.setCurrentPage(i,!1)}getPagination(i,a,t){let n=Math.max(i-Math.floor(t/2),1),g=n+t-1;g>a&&(g=a,n=Math.max(g-t+1,1));const o=[];for(let i=n;i<=g;i++)o.push(i);return n>1&&(o.shift(),o.unshift("1…")),g<a&&(o.pop(),o.push("…"+a)),o}get currentInterval(){return this.getPagination(this.currentPage,this.afTotalPages,this.limit)}prevPage(){this.setCurrentPage(this.currentPage-1,!0)}nextPage(){this.setCurrentPage(this.currentPage+1,!0)}setCurrentPage(i=this.currentPage,a=!0){i!==this.currentPage&&(this.currentPage=i<=1?1:i<=this.afTotalPages?i:this.afTotalPages,a&&this.afOnPageChange.emit(this.currentPage))}buttonAriaLabel(i){return`${i}`}handleResizeObserver(i){const a=Math.round(i.detail.contentRect.width);if(!isNaN(a)){const i=570;if(a>i){const t=Math.floor((a-i)/52);this.setLimit(Math.min(6+t,this.afLimit)),this.setTwoRows(!1)}else this.setTwoRows(!0)}}componentDidLoad(){this.afOnReady.emit()}componentWillLoad(){this.setCurrentPage(this.afInitActivePage,!1)}isCurrentPage(i,a){if(i===a)return"page"}labelledby(){return this.afTotalResults>0?`\n ${this.afId}-aria-label\n ${this.afId}-result-show\n ${this.afId}-result-current\n ${this.afId}-result-of\n ${this.afId}-result-total\n ${this.afId}-result-name\n `:`${this.afId}-aria-label`}render(){return t("div",{key:"3b630788a5b8742d4227c392b1c38bb2ad7ebb9c",class:"digi-navigation-pagination"},t("digi-util-resize-observer",{key:"56b769efec4df90ab7c342b14817e531c9f7a99e",onAfOnChange:i=>{this.handleResizeObserver(i)}}),t("span",{key:"fa471092c53bd161a46a1be2fada00bebe34cdae",id:`${this.afId}-aria-label`,"aria-hidden":"true",class:"digi-navigation-pagination__aria-label"},"Paginering"),t("nav",{key:"0478997569a03a6b4f23caf0b6bcf981e2bb7211","aria-labelledby":this.labelledby(),class:"digi-navigation-pagination__pagination "+(this.twoRows?"digi-navigation-pagination--two-rows":"")},t("digi-button",{key:"c47b1868ccf14713b7b8b0603e8cabc691f963e3",onClick:()=>this.prevPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--previous":!0,"digi-navigation-pagination__button--hidden":1===this.currentPage},afVariation:"secondary",afAriaLabel:"Föregående"},t("digi-icon-chevron-left",{key:"f0aa5556407a54e36c3b5ef4638bf39321e5fb54",slot:"icon"}),t("span",{key:"69c943c55fbe6ff3b1468ca05ae78d49523749bb"},"Föregående")),t("digi-button",{key:"044af3583e4d6e2ae034209051e486603e748075",onClick:()=>this.nextPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--next":!0,"digi-navigation-pagination__button--hidden":this.currentPage===this.afTotalPages},afVariation:"secondary",afAriaLabel:"Nästa"},t("digi-icon-chevron-right",{key:"e8052553ce2edcf0a6734991b2242d14b4627be1",slot:"icon-secondary"}),t("span",{key:"3719c3863d8408e5d7a81891cc4194b3cf8f09e2"},"Nästa")),t("div",{key:"d490cba5e0a51a3e3da1ea811d6f7745c74d6eb3",class:"digi-navigation-pagination__pages"},t("ol",{key:"998d03e6d1873e387715519ecbf9a5dfec3902ba",class:"digi-navigation-pagination__page-list"},this.currentInterval.map((i=>{const a=isNaN(i)?parseInt(i.replace("…","")):i;return t("li",{class:"digi-navigation-pagination__page-list-item "+(isNaN(i)?1===a?"ellipsis-first":"ellipsis-last":"")},t("digi-button",{onClick:()=>this.setCurrentPage(a),afAriaLabel:this.buttonAriaLabel(a),afAriaCurrent:this.isCurrentPage(this.currentPage,a),class:{"digi-navigation-pagination__button":!0,"digi-navigation-pagination__page-button":!0,"digi-navigation-pagination__page-button--active":this.currentPage===a},afVariation:this.currentPage===a?g.PRIMARY:g.SECONDARY},t("span",{class:"digi-navigation-pagination__page-text"},a)))}))))),this.afTotalResults>0&&t("div",{key:"c8defae7c6d0fc88165491ea109abc5778019db7",class:{"digi-navigation-pagination__result":!0,"digi-navigation-pagination__result--pages":this.afTotalPages>1},"aria-hidden":this.afTotalPages>1?"true":"false",id:`${this.afId}-result`},t("digi-typography",{key:"eb6e956c231a168b19b8c9094c54bb3b36dad8e6"},t("span",{key:"5b17935a90bde0d01c9641fd1e9bdf955c8441a4",id:`${this.afId}-result-show`},"Visar "),t("strong",{key:"908e4763194c24c6b61b85a5ffc7a4d21ae4a4c5",id:`${this.afId}-result-current`},this.afCurrentResultStart,"-",this.afCurrentResultEnd),t("span",{key:"93c07c1cd5473ba110336592113942aea103791e",id:`${this.afId}-result-of`}," av "),t("strong",{key:"b04064122f9bf39c31adf964681c7287173383ae",id:`${this.afId}-result-total`},this.afTotalResults),this.afResultName&&t("span",{key:"d67fd999cffb2dcdba43148573a56612e28ff19b",id:`${this.afId}-result-name`},` ${this.afResultName}`))))}};o.style='@charset "UTF-8";.sc-digi-navigation-pagination-h{--digi--navigation-pagination--button--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--navigation-pagination--button--icon--width:var(--digi--gutter--medium);--digi--navigation-pagination--button--width:8.750rem;--digi--navigation-pagination--button--margin:0.125rem;--digi--navigation-pagination--button--display:flex;--digi--navigation-pagination--button--justify-content--default:center;--digi--navigation-pagination--button--keep-right--margin:8.375rem;--digi--navigation-pagination--button--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--navigation-pagination--button--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--navigation-pagination--button--page-button--padding:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--largest) - 1px);--digi--navigation-pagination--button--page-button--padding--compressed:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--medium) - 1px);--digi--navigation-pagination--button--page-button--margin:0 2px;--digi--navigation-pagination--button--page-button--width:2.750rem;--digi--navigation-pagination--button--page-button--height:2.750rem;--digi--navigation-pagination--button--page-button--border-radius:0;--digi--navigation-pagination--pages--margin:0 0 var(--digi--global--spacing--smallest-4) 0;--digi--navigation-pagination--result--pages--margin:var(--digi--margin--smaller) 0 0 0;--digi--navigation-pagination--result--margin:0;--digi--navigation-pagination--result--strong--font-weight:600;--digi--navigation-pagination--result--text-align:center;--digi--navigation-pagination--page-list--padding:0;--digi--navigation-pagination--page-list--margin:0}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination{font-family:var(--digi--global--typography--font-family--default);text-align:var(--digi--navigation-pagination--result--text-align);font-size:var(--digi--typography--tag--font-size--desktop);margin:var(--digi--navigation-pagination--result--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result--pages.sc-digi-navigation-pagination{--digi--navigation-pagination--result--margin:var(--digi--navigation-pagination--result--pages--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination strong.sc-digi-navigation-pagination{font-weight:var(--digi--navigation-pagination--result--strong--font-weight)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination{display:flex;flex-wrap:wrap;justify-content:center;min-width:290px;gap:4px}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:2}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.digi-navigation-pagination--two-rows.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:-1;flex:1 0 100%;margin:var(--digi--navigation-pagination--pages--margin);display:flex;justify-content:center}.digi-navigation-pagination__button.sc-digi-navigation-pagination{--digi--button--padding--medium:var(--digi--navigation-pagination--button--padding);--digi--button--display:var(--digi--navigation-pagination--button--display);--digi--button--width:var(--digi--navigation-pagination--button--width);--digi--button--min-height--small:var(--digi--navigation-pagination--button--page-button--height);--digi--button--justify-content--default:var(--digi--navigation-pagination--button--justify-content--default)}.digi-navigation-pagination__button--hidden.sc-digi-navigation-pagination{visibility:hidden}.digi-navigation-pagination__button--previous.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--previous-button--border-radius);order:1}.digi-navigation-pagination__button--next.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--next-button--border-radius);order:3}.digi-navigation-pagination__button.sc-digi-navigation-pagination-s>[slot^=icon],.digi-navigation-pagination__button .sc-digi-navigation-pagination-s>[slot^=icon]{--digi--icon--width:var(--digi--navigation-pagination--button--icon--width)}.digi-navigation-pagination__page-button.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--width:var(--digi--navigation-pagination--button--page-button--width);--digi--button--font-size--medium:14px;--digi--button--padding--medium:calc(var(--digi--gutter--medium) - 1px) 0;--digi--button--align-items:center;display:inline-block;text-align:center;letter-spacing:-1px}.ellipsis-first.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:after{content:"…"}.ellipsis-last.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:before{content:"…"}.sc-digi-navigation-pagination-h .digi-navigation-pagination__page-list.sc-digi-navigation-pagination{display:flex;list-style:none;padding:var(--digi--navigation-pagination--page-list--padding);margin:var(--digi--navigation-pagination--page-list--margin);gap:4px}.digi-navigation-pagination__aria-label.sc-digi-navigation-pagination{clip:rect(0 0 0 0);height:1px;padding:0;white-space:nowrap;width:1px;overflow:hidden;position:absolute}';export{o as digi_navigation_pagination}
|
|
1
|
+
import{r as i,c as a,h as t}from"./p-52e3bb32.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-c9dfda73.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-c64b4626.js";import{B as g}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-9dd41cc4.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const o=class{constructor(t){i(this,t),this.afOnPageChange=a(this,"afOnPageChange",7),this.afOnReady=a(this,"afOnReady",3),this.currentPage=void 0,this.twoRows=void 0,this.limit=6,this.afInitActivePage=1,this.afTotalPages=void 0,this.afCurrentResultStart=void 0,this.afId=n("digi-navigation-pagination"),this.afCurrentResultEnd=void 0,this.afTotalResults=0,this.afResultName="",this.afLimit=6}setTwoRows(i){this.twoRows=i}setLimit(i){this.limit=i}async afMSetCurrentPage(i){this.setCurrentPage(i,!1)}getPagination(i,a,t){let n=Math.max(i-Math.floor(t/2),1),g=n+t-1;g>a&&(g=a,n=Math.max(g-t+1,1));const o=[];for(let i=n;i<=g;i++)o.push(i);return n>1&&(o.shift(),o.unshift("1…")),g<a&&(o.pop(),o.push("…"+a)),o}get currentInterval(){return this.getPagination(this.currentPage,this.afTotalPages,this.limit)}prevPage(){this.setCurrentPage(this.currentPage-1,!0)}nextPage(){this.setCurrentPage(this.currentPage+1,!0)}setCurrentPage(i=this.currentPage,a=!0){i!==this.currentPage&&(this.currentPage=i<=1?1:i<=this.afTotalPages?i:this.afTotalPages,a&&this.afOnPageChange.emit(this.currentPage))}buttonAriaLabel(i){return`${i}`}handleResizeObserver(i){const a=Math.round(i.detail.contentRect.width);if(!isNaN(a)){const i=570;if(a>i){const t=Math.floor((a-i)/52);this.setLimit(Math.min(6+t,this.afLimit)),this.setTwoRows(!1)}else this.setTwoRows(!0)}}componentDidLoad(){this.afOnReady.emit()}componentWillLoad(){this.setCurrentPage(this.afInitActivePage,!1)}isCurrentPage(i,a){if(i===a)return"page"}labelledby(){return this.afTotalResults>0?`\n ${this.afId}-aria-label\n ${this.afId}-result-show\n ${this.afId}-result-current\n ${this.afId}-result-of\n ${this.afId}-result-total\n ${this.afId}-result-name\n `:`${this.afId}-aria-label`}render(){return t("div",{key:"3b630788a5b8742d4227c392b1c38bb2ad7ebb9c",class:"digi-navigation-pagination"},t("digi-util-resize-observer",{key:"56b769efec4df90ab7c342b14817e531c9f7a99e",onAfOnChange:i=>{this.handleResizeObserver(i)}}),t("span",{key:"fa471092c53bd161a46a1be2fada00bebe34cdae",id:`${this.afId}-aria-label`,"aria-hidden":"true",class:"digi-navigation-pagination__aria-label"},"Paginering"),t("nav",{key:"0478997569a03a6b4f23caf0b6bcf981e2bb7211","aria-labelledby":this.labelledby(),class:"digi-navigation-pagination__pagination "+(this.twoRows?"digi-navigation-pagination--two-rows":"")},t("digi-button",{key:"c47b1868ccf14713b7b8b0603e8cabc691f963e3",onClick:()=>this.prevPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--previous":!0,"digi-navigation-pagination__button--hidden":1===this.currentPage},afVariation:"secondary",afAriaLabel:"Föregående"},t("digi-icon-chevron-left",{key:"f0aa5556407a54e36c3b5ef4638bf39321e5fb54",slot:"icon"}),t("span",{key:"69c943c55fbe6ff3b1468ca05ae78d49523749bb"},"Föregående")),t("digi-button",{key:"044af3583e4d6e2ae034209051e486603e748075",onClick:()=>this.nextPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--next":!0,"digi-navigation-pagination__button--hidden":this.currentPage===this.afTotalPages},afVariation:"secondary",afAriaLabel:"Nästa"},t("digi-icon-chevron-right",{key:"e8052553ce2edcf0a6734991b2242d14b4627be1",slot:"icon-secondary"}),t("span",{key:"3719c3863d8408e5d7a81891cc4194b3cf8f09e2"},"Nästa")),t("div",{key:"d490cba5e0a51a3e3da1ea811d6f7745c74d6eb3",class:"digi-navigation-pagination__pages"},t("ol",{key:"998d03e6d1873e387715519ecbf9a5dfec3902ba",class:"digi-navigation-pagination__page-list"},this.currentInterval.map((i=>{const a=isNaN(i)?parseInt(i.replace("…","")):i;return t("li",{class:"digi-navigation-pagination__page-list-item "+(isNaN(i)?1===a?"ellipsis-first":"ellipsis-last":"")},t("digi-button",{onClick:()=>this.setCurrentPage(a),afAriaLabel:this.buttonAriaLabel(a),afAriaCurrent:this.isCurrentPage(this.currentPage,a),class:{"digi-navigation-pagination__button":!0,"digi-navigation-pagination__page-button":!0,"digi-navigation-pagination__page-button--active":this.currentPage===a},afVariation:this.currentPage===a?g.PRIMARY:g.SECONDARY},t("span",{class:"digi-navigation-pagination__page-text"},a)))}))))),this.afTotalResults>0&&t("div",{key:"c8defae7c6d0fc88165491ea109abc5778019db7",class:{"digi-navigation-pagination__result":!0,"digi-navigation-pagination__result--pages":this.afTotalPages>1},"aria-hidden":this.afTotalPages>1?"true":"false",id:`${this.afId}-result`},t("digi-typography",{key:"eb6e956c231a168b19b8c9094c54bb3b36dad8e6"},t("span",{key:"5b17935a90bde0d01c9641fd1e9bdf955c8441a4",id:`${this.afId}-result-show`},"Visar "),t("strong",{key:"908e4763194c24c6b61b85a5ffc7a4d21ae4a4c5",id:`${this.afId}-result-current`},this.afCurrentResultStart,"-",this.afCurrentResultEnd),t("span",{key:"93c07c1cd5473ba110336592113942aea103791e",id:`${this.afId}-result-of`}," av "),t("strong",{key:"b04064122f9bf39c31adf964681c7287173383ae",id:`${this.afId}-result-total`},this.afTotalResults),this.afResultName&&t("span",{key:"d67fd999cffb2dcdba43148573a56612e28ff19b",id:`${this.afId}-result-name`},` ${this.afResultName}`))))}};o.style='@charset "UTF-8";.sc-digi-navigation-pagination-h{--digi--navigation-pagination--button--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--navigation-pagination--button--icon--width:var(--digi--gutter--medium);--digi--navigation-pagination--button--width:8.750rem;--digi--navigation-pagination--button--margin:0.125rem;--digi--navigation-pagination--button--display:flex;--digi--navigation-pagination--button--justify-content--default:center;--digi--navigation-pagination--button--keep-right--margin:8.375rem;--digi--navigation-pagination--button--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--navigation-pagination--button--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--navigation-pagination--button--page-button--padding:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--largest) - 1px);--digi--navigation-pagination--button--page-button--padding--compressed:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--medium) - 1px);--digi--navigation-pagination--button--page-button--margin:0 2px;--digi--navigation-pagination--button--page-button--width:2.750rem;--digi--navigation-pagination--button--page-button--height:2.750rem;--digi--navigation-pagination--button--page-button--border-radius:0;--digi--navigation-pagination--pages--margin:0 0 var(--digi--global--spacing--smallest-4) 0;--digi--navigation-pagination--result--pages--margin:var(--digi--margin--smaller) 0 0 0;--digi--navigation-pagination--result--margin:0;--digi--navigation-pagination--result--strong--font-weight:600;--digi--navigation-pagination--result--text-align:center;--digi--navigation-pagination--page-list--padding:0;--digi--navigation-pagination--page-list--margin:0}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination{font-family:var(--digi--global--typography--font-family--default);text-align:var(--digi--navigation-pagination--result--text-align);font-size:var(--digi--typography--tag--font-size--desktop);margin:var(--digi--navigation-pagination--result--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result--pages.sc-digi-navigation-pagination{--digi--navigation-pagination--result--margin:var(--digi--navigation-pagination--result--pages--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination strong.sc-digi-navigation-pagination{font-weight:var(--digi--navigation-pagination--result--strong--font-weight)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination{display:flex;flex-wrap:wrap;justify-content:center;min-width:290px;gap:4px}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:2}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.digi-navigation-pagination--two-rows.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:-1;flex:1 0 100%;margin:var(--digi--navigation-pagination--pages--margin);display:flex;justify-content:center}.digi-navigation-pagination__button.sc-digi-navigation-pagination{--digi--button--padding--medium:var(--digi--navigation-pagination--button--padding);--digi--button--display:var(--digi--navigation-pagination--button--display);--digi--button--width:var(--digi--navigation-pagination--button--width);--digi--button--min-height--small:var(--digi--navigation-pagination--button--page-button--height);--digi--button--justify-content--default:var(--digi--navigation-pagination--button--justify-content--default)}.digi-navigation-pagination__button--hidden.sc-digi-navigation-pagination{visibility:hidden}.digi-navigation-pagination__button--previous.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--previous-button--border-radius);order:1}.digi-navigation-pagination__button--next.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--next-button--border-radius);order:3}.digi-navigation-pagination__button.sc-digi-navigation-pagination-s>[slot^=icon],.digi-navigation-pagination__button .sc-digi-navigation-pagination-s>[slot^=icon]{--digi--icon--width:var(--digi--navigation-pagination--button--icon--width)}.digi-navigation-pagination__page-button.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--width:var(--digi--navigation-pagination--button--page-button--width);--digi--button--font-size--medium:14px;--digi--button--padding--medium:calc(var(--digi--gutter--medium) - 1px) 0;--digi--button--align-items:center;display:inline-block;text-align:center;letter-spacing:-1px}.ellipsis-first.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:after{content:"…"}.ellipsis-last.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:before{content:"…"}.sc-digi-navigation-pagination-h .digi-navigation-pagination__page-list.sc-digi-navigation-pagination{display:flex;list-style:none;padding:var(--digi--navigation-pagination--page-list--padding);margin:var(--digi--navigation-pagination--page-list--margin);gap:4px}.digi-navigation-pagination__aria-label.sc-digi-navigation-pagination{clip:rect(0 0 0 0);height:1px;padding:0;white-space:nowrap;width:1px;overflow:hidden;position:absolute}';export{o as digi_navigation_pagination}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as o,h as e,F as r,g as d}from"./p-52e3bb32.js";import{_ as l}from"./p-903a27d9.js";import{r as a}from"./p-ffe5c0e8.js";import{b as n,a as t,F as f,c as s}from"./p-3887bb40.js";import{U as g}from"./p-cdcaf0eb.js";const m=class{constructor(e){i(this,e),this.afOnUploadFile=o(this,"afOnUploadFile",7),this.afOnRemoveFile=o(this,"afOnRemoveFile",7),this.afOnCancelFile=o(this,"afOnCancelFile",7),this.afOnReady=o(this,"afOnReady",3),this.afShowModal=o(this,"afShowModal",7),this.toBase64=i=>new Promise(((o,e)=>{const r=new FileReader;r.readAsDataURL(i),r.onload=()=>{const i=r.result.toString().replace(/^data:(.*,)?/,"");o(i)},r.onerror=i=>e(i)})),this._input=void 0,this._fileList=void 0,this._uploadButton=void 0,this._srTextContainer=void 0,this.files=[],this.error=!1,this.errorMessages=[],this.fileHover=!1,this.afLabel=l.form.file_upload,this.afLabelDescription=void 0,this.afVariation=n.SMALL,this.afId=a("digi-form-file-upload"),this.afFileTypes=void 0,this.afFileMaxSize=10,this.afMaxFiles=void 0,this.afName=void 0,this.afUploadBtnText=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afHeadingFiles=l.form.file_uploaded_files,this.afAnnounceIfOptionalText=void 0,this.afFileMaxSizeText=void 0,this.afShowThumbnail=!1,this.afEnablePreview=!1,this.afValidationText=void 0,this.afValidation=t.DISABLED,this.afHeadingLevel=f.H2,this.afErrorMessageIsAlert=!0}afValidationTextChange(){this.setValidationText()}get errorMessageIsAlert(){return!1!==this.afErrorMessageIsAlert&&"false"!==this.afErrorMessageIsAlert}breakpointHandler(i){i.detail.value&&(this.afVariation=i.detail.value===g.SMALL?n.SMALL:this.aforiginalVariation)}async afMValidateFile(i){if(this.fileExistInFiles(i))if(this.removeFileFromList(i.id),"error"!==i.status){const o=new File([i],i.name,{type:i.type});o.id=i.id,o.status=i.status,o.base64=await this.toBase64(i),this.files=[...this.files,o]}else this.validateFile(i)}async afMGetAllFiles(){return this.files}async afMGetValidationState(){return{isValid:!this.error,errorMessages:this.errorMessages}}async afMImportFiles(i){if(this.resetErrors(),i&&i.length>0)for(const o of i)this.validateFile(o);const o=0===this.errorMessages.length?i:this.getFilesThatAreOK(i);0!==o.length&&(this.files=this.files.concat(o))}async afMGetFormControlElement(){return this._input}async afMClearFiles(){this.files=[],this.resetErrors()}focusOnInput(){this._input.focus()}componentWillLoad(){this.aforiginalVariation=this.afVariation}componentDidLoad(){this.hostElement.setAttribute("tabindex","-1"),this.afOnReady.emit(),this.setValidationText()}get fileMaxSize(){return 1048576*this.afFileMaxSize}setValidationText(){if(this.afValidationText&&this.afValidationText.length>0){let i=!1;this.errorMessages.length>0&&this.errorMessages.forEach((o=>{o.message===this.afValidationText&&(i=!0)})),i||this.errorMessages.push({fileName:"",message:this.afValidationText}),this.error=!0}else this.resetErrors()}fileExistInFiles(i){let o=!1;return this.files.length>0&&this.files.forEach((e=>{e.id!==i.id?e.name===i.name&&(o=!0):o=!0})),o}checkAcceptedTypes(i){const o=this.afFileTypes.replace(/\s/g,"").split(","),e=i.type,r=i.name.split(".").slice(-1).map((i=>"."+i.toLowerCase())).toString();return o.some((i=>i.includes("/*")?i.split("/").slice(0,1).toString()==e.split("/").slice(0,1).toString():i===e||i===r||"*"===i))}resetErrors(i=!1){this.error=!1,this._srTextContainer.textContent="",this.errorMessages=[],i&&setTimeout((()=>{this._uploadButton.focus()}),100)}addErrorMessage(i,o){this.errorMessages.push({fileName:i,message:o})}validateFileStatus(i){i.status&&i.status===s.ERROR&&this.addErrorMessage(i.name,i.error?i.error:l.form.file_error_unknown_error)}validateMaxSize(i){if(i.size>this.fileMaxSize){const o=this.afFileMaxSizeText?this.afFileMaxSizeText:l.form.file_error_too_large(i.name,this.afFileMaxSize);this.addErrorMessage(i.name,o)}}validateFileType(i){this.checkAcceptedTypes(i)||this.addErrorMessage(i.name,l.form.file_error_filetype_not_allowed(i.name,this.afFileTypes))}validateFile(i){this.validateIfFileIsAlreadyUploaded(i),this.validateFileStatus(i),this.validateMaxSize(i),this.validateFileType(i),this.error=this.errorMessages.length>0}onCancelFileHandler(i,o){i.preventDefault();const e=this.removeFileFromList(o);e.status="error",e.error=l.form.file_upload_canceled,this.afOnCancelFile.emit(e)}removeFileFromList(i){const o=this.getIndexOfFile(i);if(-1===o)return;const e=this.files[o];return this.files=[...this.files.slice(0,o),...this.files.slice(o+1)],e}getIndexOfFile(i){return this.files.findIndex((o=>o.id==i))}getFilesThatAreOK(i){const o=[];return i.forEach((i=>{let e=!0;this.errorMessages.forEach((o=>{o.fileName===i.name&&(e=!1)})),e&&o.push(i)})),o}validateIfFileIsAlreadyUploaded(i){for(const o of this.files)o.name===i.name&&this.addErrorMessage(i.name,l.form.file_error_exists(i.name))}handleFiles(i){var o,e;this.resetErrors();const r=i.dataTransfer?null===(o=i.dataTransfer)||void 0===o?void 0:o.files:null===(e=i.target)||void 0===e?void 0:e.files,d=[];if(Array.from(r).forEach((i=>{d.push(i)})),!d||0===d.length)return;if(d.length+this.files.length>this.afMaxFiles)return this.addErrorMessage("",l.form.file_error_too_many),void(this.error=!0);d.forEach((i=>{this.validateFile(i)}));const a=0===this.errorMessages.length?d:this.getFilesThatAreOK(d);if(0===a.length)return;const n=new FormData;a.forEach((i=>{n.append("file",i)}));for(const i of n.entries())this.addFileStatusAndEmitFiles(i[1]);this._input.value=""}onButtonUploadFileHandler(i){i.preventDefault(),i.target.files&&this.handleFiles(i)}onRemoveFileHandler(i,o){i.preventDefault(),this.resetErrors();const e=this.removeFileFromList(o);this.afOnRemoveFile.emit(e),this._input.value="",this.handleFocusAfterFileRemoved()}handleFocusAfterFileRemoved(){setTimeout((()=>{this.files.length>0?this._fileList.focus():this._uploadButton.focus()}),100)}emitFile(i){const o=this.getIndexOfFile(i.id);this.afValidation===t.ENABLED||(this.files[o].status="OK"),this.afOnUploadFile.emit(this.files[o])}async addFileStatusAndEmitFiles(i){i.id=a("file"),i.status="pending",i.base64=await this.toBase64(i),this.files=[...this.files,i],this.emitFile(i)}handleDrop(i){i.stopPropagation(),i.preventDefault(),this.fileHover=!1,i.dataTransfer.files&&this.handleFiles(i)}handleAllowDrop(i){this.afVariation!==n.SMALL&&(i.stopPropagation(),i.preventDefault())}handleOnDragEnterLeave(i){this.handleAllowDrop(i),this.fileHover=!this.fileHover}handleInputClick(i){i.stopPropagation(),this.afShowModal.emit(),this._input.click()}getFiletypeAndShortFileName(i){let o=null,e=i.name;const r=e.split(".").pop(),d=e.replace("."+r,""),l=window.innerWidth<769?6:e.length,a=window.innerWidth<769?14:e.length;return o="image"===String(i.type).split("/")[0]?"image":"pdf"===String(i.type).split("/")[1]?"pdf":"default",e=e.length>l?d.substring(0,l)+"..."+r:e.length>a?d.substring(0,6)+"..."+r:i.name,{type:o,name:e}}async viewUploadedFile(i,o){if(i.preventDefault(),"image"===this.getFiletypeAndShortFileName(o).type){const i=window.open();i.document.write(`<img src="data:${o.type};base64,${o.base64}" alt="${o.name}" />`),i.document.title=o.name}else if("pdf"===this.getFiletypeAndShortFileName(o).type)(async()=>{const i=await fetch(`data:application/pdf;base64,${o.base64}`),e=await i.blob(),r=new Blob([e],{type:"application/pdf"}),d=URL.createObjectURL(r);setTimeout((()=>{window.open(d,"_blank")}),30)})();else{const i=URL.createObjectURL(o),e=document.createElement("a");e.href=i,e.target="_blank",e.download=o.name,e.click()}}get cssModifiers(){return{"digi-form-file-upload--small":"small"==this.afVariation,"digi-form-file-upload--medium":"medium"==this.afVariation,"digi-form-file-upload--large":"large"==this.afVariation,"digi-form-file-upload--has-errors":this.errorMessages.length>0}}renderErrorMessage(){if(this.error)return this.readErrorMessagesToAssistiveTechnologies(),e("div",{class:"digi-form-file-upload__error-list-container "+(this.files.length>0?"with-files":"")},e("ul",{class:"digi-form-file-upload__error-list","aria-hidden":"true"},this.renderErrorMessages()),e("button",{type:"button","aria-label":l.form.file_upload_reset_errors_aria_label,class:"digi-form-file-upload__button clear-button hidden-mobile",onClick:()=>{this.resetErrors(!0)}},e("span",null,l.form.file_upload_reset_errors)),e("button",{type:"button",onClick:()=>{this.resetErrors(!0)},class:"digi-form-file-upload__button clear-button hidden-desktop","aria-label":l.form.file_upload_reset_errors_aria_label},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon clear-icon","aria-hidden":"true"})))}readErrorMessagesToAssistiveTechnologies(){this._srTextContainer.textContent="";const i=this.errorMessages.map((i=>i.message+" "));setTimeout((()=>{this._srTextContainer.textContent=i.toString()}),200)}renderErrorMessages(){return this.errorMessages.map((i=>e("li",null,e("digi-form-validation-message",{id:"digi-form-file-upload__error",class:"digi-form-file-upload__error","af-variation":"error"},i.message))))}renderPendingFile(i){return e("div",{class:"digi-form-file-upload__item-pending-container"},e("span",{class:"info-wrapper"},e("digi-icon-spinner",{class:"digi-form-file-upload__spinner"}),e("span",{style:{margin:"0"}},l.form.file_upload_progress," ",e("span",{class:"hidden-mobile"},"|")),e("p",{class:"digi-form-file-upload__item-name-pending hidden-mobile"},this.getFiletypeAndShortFileName(i).name)),e("span",{class:"button-wrapper"},e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button-abort hidden-mobile","aria-label":l.form.file_cancel_upload_long(i.name)},l.form.file_cancel_upload),e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button hidden-desktop","aria-label":l.form.file_cancel_upload_long(i.name)},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon","aria-hidden":"true"}))))}renderImageThumbnail(i){return this.afShowThumbnail?e("figure",{class:"digi-form-file-upload__item-text-container-figure",style:{margin:"0"}},e("img",{"aria-hidden":"true",class:"thumbnail",src:`data:${i.type};base64,${i.base64}`}),e("figcaption",{class:"visually-hidden"},"Miniatyr av ",i.name)):this.renderCheckmark()}renderCheckmark(){return e("span",{class:"digi-form-file-upload__item-green-check"},e("digi-icon-check-circle-solid",null))}renderPDFThumbnail(i){return this.afShowThumbnail?e("span",{class:`${this.afShowThumbnail?"digi-form-file-upload__item-pdf-preview-bis":null}`,"aria-label":i.name},e("svg",{style:{scale:"1"},width:"23.76",height:"32",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z",fill:"var(--digi--color--icon--cta)","fill-rule":"evenodd"}))):this.renderCheckmark()}renderThumbnail(i){switch(this.getFiletypeAndShortFileName(i).type){case"pdf":return this.renderPDFThumbnail(i);case"image":return this.renderImageThumbnail(i);default:return this.renderCheckmark()}}renderFileName(i){return this.afEnablePreview?e("a",{class:"digi-form-file-upload__item-name",href:"#",onClick:o=>{this.viewUploadedFile(o,i)}},i.name):e("span",{class:"digi-form-file-upload__item-name"},i.name)}renderOKFile(i){return e(r,null,e("span",{class:"digi-form-file-upload__item-text-and-thumbnail-container"},this.renderThumbnail(i),this.renderFileName(i)),e("button",{type:"button",onClick:o=>this.onRemoveFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button--mobile","aria-label":l.form.file_remove(i.name)},e("span",{class:"hidden-mobile"},l.form.file_remove()),e("digi-icon-trash",{class:"digi-form-file-upload__button-icon hidden-desktop"})))}renderFile(i){return"pending"===i.status?this.renderPendingFile(i):this.renderOKFile(i)}renderFiles(){return this.files.map(((i,o)=>e("li",{class:"digi-form-file-upload__item-container",key:"file-"+o},e("div",{class:"digi-form-file-upload__item"},e("div",{class:"digi-form-file-upload__item-text-container"},this.renderFile(i))))))}renderFileContainer(){if(0!==this.files.length)return e(r,null,e(this.afHeadingLevel,{class:{"digi-form-file-upload__files-heading":!0,"digi-form-file-upload__files-heading--and-errors":this.error}},this.afHeadingFiles),e("ul",{class:"digi-form-file-upload__files-list",tabindex:-1,ref:i=>{this._fileList=i}},this.renderFiles()))}render(){return e(r,{key:"bec280d44d534a720927ab737b34335600c3fe80"},e("digi-util-breakpoint-observer",{key:"93983b718eda1869ff95f7a0abe8c6704395a1e0",onAfOnChange:i=>this.breakpointHandler(i)}),e("div",{key:"23f30473aa0dd681c6c4ea20138d3f13391bb070",class:Object.assign({"digi-form-file-upload":!0},this.cssModifiers)},e("digi-form-label",{key:"c42a873187b3bf30ddfdb71561d6902a8b2f98fe",afFor:this.afId,afLabel:this.afLabel,afDescription:this.afLabelDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),e("div",{key:"db1082e11bafb320c13a790d639d37ca821617ac",class:{"digi-form-file-upload__upload-area":!0,"digi-form-file-upload__upload-area--hover":this.fileHover},onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),onDragEnter:i=>this.handleOnDragEnterLeave(i),onDragLeave:i=>this.handleOnDragEnterLeave(i),onClick:i=>this.handleInputClick(i)},this.fileHover&&this.afVariation!=n.SMALL&&e("div",{key:"f58d5f61b5568263e9b60b255f47e6ef418c78e5",class:"digi-form-file-upload__upload-area-overlay"}),e("div",{key:"c58c52f7e2c8aa8d17fe510ef90435d488844237",class:"digi-form-file-upload__text-area"},e("button",{key:"1bb7fa84e0778702d0e77008f7d468d560ac8e17",type:"button",id:this.afId+"-button",ref:i=>{this._uploadButton=i},onClick:i=>this.handleInputClick(i),class:"digi-form-file-upload__button hidden_mobile",style:{margin:"0"}},e("digi-icon-paperclip",{key:"a84b67ad055682b1c1b013ec948af0935c35ed0c","aria-hidden":"true",class:"digi-form-file-upload__button-icon paper-clip",slot:"icon"}),this.afUploadBtnText?this.afUploadBtnText:l.form.file_choose),e("input",{key:"d0babe3bcbc5d03f2436c0f4a7ee23a93ecb0474",ref:i=>{this._input=i},onChange:i=>this.onButtonUploadFileHandler(i),class:"digi-form-file-upload__input",multiple:!0,type:"file",id:this.afId,accept:this.afFileTypes,name:this.afName?this.afName:null,required:this.afRequired?this.afRequired:null,onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),"aria-errormessage":"digi-form-file-upload__error","aria-describedBy":"digi-form-file-upload__error"}),e("span",{key:"20a4158d0462ee2f871bddb57b9e168d356573ed"},this.afVariation!==n.SMALL&&l.form.file_dropzone))),e("p",{key:"ade6d22fde218536ce42daff285a1605ac16bdb1",class:"visually-hidden",role:this.errorMessageIsAlert?"alert":null,"aria-atomic":"true",ref:i=>{this._srTextContainer=i}}),(this.files.length>0||this.error)&&e("div",{key:"06044ba8e2a5d7e76374af1dfa479c891554ab45",class:"digi-form-file-upload__files"},this.renderErrorMessage(),this.renderFileContainer())))}get hostElement(){return d(this)}static get watchers(){return{afValidationText:["afValidationTextChange"]}}};m.style=".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n overflow-wrap: break-word;\n gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";export{m as digi_form_file_upload}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as i,r as a}from"./p-52e3bb32.js";const r={"avatar-logged-in":{AvatarPlaceholderComponent:({afSvgAriaHidden:a,afSvgAriaLabelledby:r},g)=>i("svg",{width:"32px",height:"32px",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":a?"true":"false","aria-labelledby":r},g,i("defs",null,i("polygon",{id:"path-avatar-1",points:"0 0 32 0 32 32 0 32"}),i("polygon",{id:"path-avatar-3",points:"0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581"})),i("g",{id:"Page-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{id:"Artboard",transform:"translate(-281, -653)"},i("g",{id:"Group-9",transform:"translate(281, 653)"},i("g",{id:"Group-3"},i("mask",{id:"mask-avatar-2",fill:"white"},i("use",{xlinkHref:"#path-avatar-1"})),i("g",{id:"Clip-2"}),i("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)"})),i("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"}),i("g",{id:"Group-8",transform:"translate(4.7794, 20.0476)"},i("mask",{id:"mask-avatar-4",fill:"white"},i("use",{xlinkHref:"#path-avatar-3"})),i("g",{id:"Clip-7"}),i("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)"}))))))},"avatar-logged-out":{AvatarPlaceholderComponent:({afSvgAriaHidden:a,afSvgAriaLabelledby:r},g)=>i("svg",{width:"32px",height:"32px",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":a?"true":"false","aria-labelledby":r},g,i("defs",null,i("polygon",{id:"path-avatar-1",points:"0 0 32 0 32 32 0 32"}),i("polygon",{id:"path-avatar-3",points:"0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581"})),i("g",{id:"Page-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{id:"Artboard",transform:"translate(-491, -742)"},i("g",{id:"Group-9",transform:"translate(491, 742)"},i("g",{id:"Group-3"},i("mask",{id:"mask-avatar-2",fill:"white"},i("use",{xlinkHref:"#path-avatar-1"})),i("g",{id:"Clip-2"})),i("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"}),i("g",{id:"Group-8",transform:"translate(4.7794, 20.0476)"},i("mask",{id:"mask-avatar-4",fill:"white"},i("use",{xlinkHref:"#path-avatar-3"})),i("g",{id:"Clip-7"}),i("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)"}))))))}},g=class{constructor(i){a(this,i),this.currentAvatar=void 0,this.afIsLoggedIn=!0,this.afSrc=void 0,this.afAlt=void 0,this.afShowPlaceholderImage=void 0,this.afHideImage=!1,this.afName=void 0,this.afHideName=!1,this.afSignature=void 0,this.afHideSignature=!1,this.afUserPlacerholder="Inloggad",this.afPlacerholderTitle="",this.afHideUser=!1}setCurrentLoginName(){return this.afHideName||this.afHideSignature?this.afHideSignature?this.afHideName?this.afHideUser?this.afUserPlacerholder:void 0:this.afName:this.afSignature:this.afName+" ("+this.afSignature+")"}setAvatarPlaceholder(i){const{AvatarPlaceholderComponent:a}=r[i];this.currentAvatar=a}componentWillLoad(){this.getAvatar()}getAvatar(){return this.setAvatarPlaceholder(this.afIsLoggedIn?"avatar-logged-in":"avatar-logged-out")}render(){return this.afShowPlaceholderImage&&(this.afHideImage=!0),i("div",{key:"263ff956649e16808df995770e8587f3024ef939",class:"digi-header-avatar"},!this.afHideImage&&this.afIsLoggedIn&&i("digi-media-image",{key:"96454ff51324f790755e60156a886328c93ed7f9",class:"digi-header-avatar__image","af-height":"32","af-width":"32",afUnlazy:!0,"af-src":this.afSrc,afAlt:this.afAlt}),this.afShowPlaceholderImage&&this.afIsLoggedIn&&i("span",{key:"a5f384149f42c074c5a53a70cdd9005c83f62c03",class:"digi-header-avatar__icon digi-header-avatar__icon-logged-in"},i(this.currentAvatar,{key:"526e60574c1e4ad62e32c99639f9fa3d0937f598"},i("title",{key:"47a398d1f2eab571090a52773dc28e9c0ccc0a74"},this.afPlacerholderTitle))),this.afIsLoggedIn&&i("span",{key:"f9ca3151f1cde4293bf768c4688a6624d12724ec",class:"digi-header-avatar__name"},this.setCurrentLoginName()),!this.afIsLoggedIn&&i("span",{key:"a80d89feb830427cf1273efd1d51a9d222bfe7de",class:"digi-header-avatar__icon digi-header-avatar__icon-logged-out"},i(this.currentAvatar,{key:"83400b4082e64521551fa1ac987b7efc9460a709"},i("title",{key:"5f2b700dd679b352eaa3c9e875de30c3e935d525"},this.afPlacerholderTitle))),!this.afIsLoggedIn&&i("slot",{key:"b89927a758131f5976b889f8efeb3b67b330da47"}))}};g.style=".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%}";export{g as digi_header_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as o,H as a,g as d}from"./p-52e3bb32.js";import{c as r,b as s,D as e}from"./p-d595e8a3.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as g}from"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as c}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const l=class{constructor(o){i(this,o),this.afPrimaryButtonClick=t(this,"afPrimaryButtonClick",7),this.afSecondaryButtonClick=t(this,"afSecondaryButtonClick",7),this.afOnClose=t(this,"afOnClose",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.afId=n("digi-dialog"),this.afVariation=r.PRIMARY,this.afSize=s.MEDIUM,this.afShowDialog=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=e.H2,this.afHeading=void 0,this.afPrimaryButtonText=void 0,this.afSecondaryButtonText=void 0,this.afFallbackElementSelector=void 0}primaryClickHandler(i){this.afPrimaryButtonClick.emit(i)}secondaryClickHandler(i){this.afSecondaryButtonClick.emit(i)}escHandler(i){this._closeButton&&this.closeDialog(i)}shiftHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this._dialogHeading&&this.closeButtonEl||t===this.firstFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):(t===this._dialogHeading&&!this.closeButtonEl||t===this.firstFocusableEl&&!this.closeButtonEl||t===this.closeButtonEl)&&(i.detail.preventDefault(),this.lastFocusableEl.focus()):i.detail.preventDefault()}tabHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this.lastFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):t!==this.closeButtonEl&&t!==this.lastFocusableEl||(i.detail.preventDefault(),this.firstFocusableEl.focus()):i.detail.preventDefault()}onActive(){document.body.style.overflow="hidden",this.afCloseButtonText||(this._wrapper.style.paddingTop="25px"),this._dialogHeading&&(this._dialogHeading.style.marginTop="0"),this.onResize(),setTimeout((()=>{this.setFallback(),this.getFocusableItems(),this.setFocus()}),50)}buttonWidthMaxContent(){this._primaryButton&&(this._primaryButton.style.width="max-content",this._primaryButton.querySelector("button").style.width="max-content"),this._secondaryButton&&(this._secondaryButton.style.width="max-content",this._secondaryButton.querySelector("button").style.width="max-content")}buttonWidth100Percent(){this._primaryButton&&(this._primaryButton.style.width="100%",this._primaryButton.querySelector("button").style.width="100%"),this._secondaryButton&&(this._secondaryButton.style.width="100%",this._secondaryButton.querySelector("button").style.width="100%")}onResize(){this.buttonContainerObserver=new ResizeObserver((()=>{this._buttonContainer.clientWidth<=313?this.buttonWidth100Percent():this.buttonWidthMaxContent()})),this.buttonContainerObserver.observe(this._buttonContainer)}onInactive(){const i=this.fallbackElement;i&&i.focus(),this.buttonContainerObserver.disconnect(),document.body.style.overflow=""}closeDialog(i){this.afShowDialog=!1,this.afOnClose.emit(i)}setFallback(){this.afFallbackElementSelector&&document.querySelector(this.afFallbackElementSelector)?(this.fallbackElement=document.querySelector(this.afFallbackElementSelector),this.fallbackElement instanceof HTMLHeadingElement&&this.fallbackElement.setAttribute("tabindex","-1")):this.fallbackElement=document.activeElement}setFocus(){if(this.afShowDialog){let i;this.afHeading?(i=this._dialogHeading,this._dialogHeading.style.outline="none"):this.firstFocusableEl?(i=this.firstFocusableEl,i.getAttribute("tabindex")||i.setAttribute("tabindex","0")):this.closeButtonEl?i=this.closeButtonEl:(i=this._wrapper,i.setAttribute("tabindex","0")),i&&i.focus()}}getFocusableItems(){let i;const t=this._host.querySelectorAll(this._focusableElementsSelectors),o=this._wrapper.querySelectorAll(this._focusableElementsSelectors);if(this._closeButton){this.closeButtonEl=this._closeButton.children[0];const a=Array.prototype.slice.call(o);a.shift(),i=Array.from(t).concat(Array.from(a))}else i=Array.from(t).concat(Array.from(o));this.focusableElements=i,this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}componentDidLoad(){this.afShowDialog&&this.onActive()}componentDidUpdate(){this.afShowDialog?this.onActive():!this.afShowDialog&&this.fallbackElement&&this.onInactive()}get shouldUseFocusTrap(){return this.afShowDialog&&this.focusableElements.length>0}get cssModifiers(){return{"digi-dialog--primary":this.afVariation==r.PRIMARY,"digi-dialog--secondary":this.afVariation==r.SECONDARY,"digi-dialog--small":this.afSize==s.SMALL,"digi-dialog--medium":this.afSize==s.MEDIUM,"digi-dialog--large":this.afSize==s.LARGE}}render(){return o(a,{key:"081d59c8f189c983387036ce62f06b4ee2769647",ref:i=>{this._host=i}},this.afShowDialog&&o("div",{key:"debe37c7ada92dd174a8123ca689219d212e7424",class:Object.assign({"digi-dialog":!0},this.cssModifiers)},o("digi-util-keydown-handler",{key:"fbdcc37692c3c73745bc2d423e896137fd878392",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i),class:"digi-dialog__keydown-handler"},o("div",{key:"f2f07c84aa00a9b52a8d1a74f31607707c875870",ref:i=>{this._wrapper=i},role:"dialog","aria-modal":"true",class:"digi-dialog__content"},o("digi-typography",{key:"da283fbd5b0a912196108295202513f3052a9c02"},this.afCloseButtonText&&o("digi-button",{key:"7c502ad56a21bbf0d1c04b297431c4a34fef9c7f",ref:i=>this._closeButton=i,class:"digi-dialog__close-button",afAriaLabel:this.afCloseButtonText,afSize:g.MEDIUM,"af-variation":"function",onAfOnClick:i=>this.closeDialog(i)},this.afCloseButtonText,o("digi-icon-x",{key:"7bb393f9bec6ffddc1f359d55cc57e034169282a",class:"digi-dialog__close-icon",slot:"icon-secondary"})),o("slot",{key:"ff74759213789351ed6bd7b814e2c5cf213f462a",name:"over-heading"}),this.afHeadingLevel&&this.afHeading&&o(this.afHeadingLevel,{key:"67858397ee97563fc6c72be0de618940177957af",tabindex:"-1",ref:i=>this._dialogHeading=i},this.afHeading),o("slot",{key:"7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd"}),o("div",{key:"32f8cd053a1ae5c149146997a37785fbfce87875",ref:i=>this._buttonContainer=i,class:"digi-dialog__button-container"},this.afSecondaryButtonText&&o("digi-button",{key:"85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4",ref:i=>this._secondaryButton=i,afVariation:c.SECONDARY,onAfOnClick:i=>this.secondaryClickHandler(i)},this.afSecondaryButtonText),this.afPrimaryButtonText&&o("digi-button",{key:"ef5e3b1b3af175edb2efcb423640badf0cfa9e9e",ref:i=>this._primaryButton=i,afVariation:c.PRIMARY,onAfOnClick:i=>this.primaryClickHandler(i)},this.afPrimaryButtonText)))))))}get hostElement(){return d(this)}};l.style=":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n --digi--dialog--content--color--background--primary\n );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n --digi--global--color--profile--white--base\n );--digi--dialog--content--color--background--secondary:var(\n --digi--global--color--profile--blue--base\n );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n --digi--dialog--content--color--background--secondary\n );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";export{l as digi_dialog}
|
|
1
|
+
import{r as i,c as t,h as o,H as a,g as d}from"./p-52e3bb32.js";import{c as r,b as s,D as e}from"./p-c9dfda73.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as g}from"./p-53d9556b.js";import"./p-c64b4626.js";import{B as c}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-9dd41cc4.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const l=class{constructor(o){i(this,o),this.afPrimaryButtonClick=t(this,"afPrimaryButtonClick",7),this.afSecondaryButtonClick=t(this,"afSecondaryButtonClick",7),this.afOnClose=t(this,"afOnClose",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.afId=n("digi-dialog"),this.afVariation=r.PRIMARY,this.afSize=s.MEDIUM,this.afShowDialog=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=e.H2,this.afHeading=void 0,this.afPrimaryButtonText=void 0,this.afSecondaryButtonText=void 0,this.afFallbackElementSelector=void 0}primaryClickHandler(i){this.afPrimaryButtonClick.emit(i)}secondaryClickHandler(i){this.afSecondaryButtonClick.emit(i)}escHandler(i){this._closeButton&&this.closeDialog(i)}shiftHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this._dialogHeading&&this.closeButtonEl||t===this.firstFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):(t===this._dialogHeading&&!this.closeButtonEl||t===this.firstFocusableEl&&!this.closeButtonEl||t===this.closeButtonEl)&&(i.detail.preventDefault(),this.lastFocusableEl.focus()):i.detail.preventDefault()}tabHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this.lastFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):t!==this.closeButtonEl&&t!==this.lastFocusableEl||(i.detail.preventDefault(),this.firstFocusableEl.focus()):i.detail.preventDefault()}onActive(){document.body.style.overflow="hidden",this.afCloseButtonText||(this._wrapper.style.paddingTop="25px"),this._dialogHeading&&(this._dialogHeading.style.marginTop="0"),this.onResize(),setTimeout((()=>{this.setFallback(),this.getFocusableItems(),this.setFocus()}),50)}buttonWidthMaxContent(){this._primaryButton&&(this._primaryButton.style.width="max-content",this._primaryButton.querySelector("button").style.width="max-content"),this._secondaryButton&&(this._secondaryButton.style.width="max-content",this._secondaryButton.querySelector("button").style.width="max-content")}buttonWidth100Percent(){this._primaryButton&&(this._primaryButton.style.width="100%",this._primaryButton.querySelector("button").style.width="100%"),this._secondaryButton&&(this._secondaryButton.style.width="100%",this._secondaryButton.querySelector("button").style.width="100%")}onResize(){this.buttonContainerObserver=new ResizeObserver((()=>{this._buttonContainer.clientWidth<=313?this.buttonWidth100Percent():this.buttonWidthMaxContent()})),this.buttonContainerObserver.observe(this._buttonContainer)}onInactive(){const i=this.fallbackElement;i&&i.focus(),this.buttonContainerObserver.disconnect(),document.body.style.overflow=""}closeDialog(i){this.afShowDialog=!1,this.afOnClose.emit(i)}setFallback(){this.afFallbackElementSelector&&document.querySelector(this.afFallbackElementSelector)?(this.fallbackElement=document.querySelector(this.afFallbackElementSelector),this.fallbackElement instanceof HTMLHeadingElement&&this.fallbackElement.setAttribute("tabindex","-1")):this.fallbackElement=document.activeElement}setFocus(){if(this.afShowDialog){let i;this.afHeading?(i=this._dialogHeading,this._dialogHeading.style.outline="none"):this.firstFocusableEl?(i=this.firstFocusableEl,i.getAttribute("tabindex")||i.setAttribute("tabindex","0")):this.closeButtonEl?i=this.closeButtonEl:(i=this._wrapper,i.setAttribute("tabindex","0")),i&&i.focus()}}getFocusableItems(){let i;const t=this._host.querySelectorAll(this._focusableElementsSelectors),o=this._wrapper.querySelectorAll(this._focusableElementsSelectors);if(this._closeButton){this.closeButtonEl=this._closeButton.children[0];const a=Array.prototype.slice.call(o);a.shift(),i=Array.from(t).concat(Array.from(a))}else i=Array.from(t).concat(Array.from(o));this.focusableElements=i,this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}componentDidLoad(){this.afShowDialog&&this.onActive()}componentDidUpdate(){this.afShowDialog?this.onActive():!this.afShowDialog&&this.fallbackElement&&this.onInactive()}get shouldUseFocusTrap(){return this.afShowDialog&&this.focusableElements.length>0}get cssModifiers(){return{"digi-dialog--primary":this.afVariation==r.PRIMARY,"digi-dialog--secondary":this.afVariation==r.SECONDARY,"digi-dialog--small":this.afSize==s.SMALL,"digi-dialog--medium":this.afSize==s.MEDIUM,"digi-dialog--large":this.afSize==s.LARGE}}render(){return o(a,{key:"081d59c8f189c983387036ce62f06b4ee2769647",ref:i=>{this._host=i}},this.afShowDialog&&o("div",{key:"debe37c7ada92dd174a8123ca689219d212e7424",class:Object.assign({"digi-dialog":!0},this.cssModifiers)},o("digi-util-keydown-handler",{key:"fbdcc37692c3c73745bc2d423e896137fd878392",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i),class:"digi-dialog__keydown-handler"},o("div",{key:"f2f07c84aa00a9b52a8d1a74f31607707c875870",ref:i=>{this._wrapper=i},role:"dialog","aria-modal":"true",class:"digi-dialog__content"},o("digi-typography",{key:"da283fbd5b0a912196108295202513f3052a9c02"},this.afCloseButtonText&&o("digi-button",{key:"7c502ad56a21bbf0d1c04b297431c4a34fef9c7f",ref:i=>this._closeButton=i,class:"digi-dialog__close-button",afAriaLabel:this.afCloseButtonText,afSize:g.MEDIUM,"af-variation":"function",onAfOnClick:i=>this.closeDialog(i)},this.afCloseButtonText,o("digi-icon-x",{key:"7bb393f9bec6ffddc1f359d55cc57e034169282a",class:"digi-dialog__close-icon",slot:"icon-secondary"})),o("slot",{key:"ff74759213789351ed6bd7b814e2c5cf213f462a",name:"over-heading"}),this.afHeadingLevel&&this.afHeading&&o(this.afHeadingLevel,{key:"67858397ee97563fc6c72be0de618940177957af",tabindex:"-1",ref:i=>this._dialogHeading=i},this.afHeading),o("slot",{key:"7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd"}),o("div",{key:"32f8cd053a1ae5c149146997a37785fbfce87875",ref:i=>this._buttonContainer=i,class:"digi-dialog__button-container"},this.afSecondaryButtonText&&o("digi-button",{key:"85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4",ref:i=>this._secondaryButton=i,afVariation:c.SECONDARY,onAfOnClick:i=>this.secondaryClickHandler(i)},this.afSecondaryButtonText),this.afPrimaryButtonText&&o("digi-button",{key:"ef5e3b1b3af175edb2efcb423640badf0cfa9e9e",ref:i=>this._primaryButton=i,afVariation:c.PRIMARY,onAfOnClick:i=>this.primaryClickHandler(i)},this.afPrimaryButtonText)))))))}get hostElement(){return d(this)}};l.style=":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n --digi--dialog--content--color--background--primary\n );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n --digi--global--color--profile--white--base\n );--digi--dialog--content--color--background--secondary:var(\n --digi--global--color--profile--blue--base\n );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n --digi--dialog--content--color--background--secondary\n );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";export{l as digi_dialog}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as a,h as e,g as t}from"./p-52e3bb32.js";import"./p-717306ef.js";import{H as d}from"./p-c9dfda73.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-c64b4626.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-9dd41cc4.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import{U as n}from"./p-cdcaf0eb.js";const o=class{constructor(e){i(this,e),this.afOnClose=a(this,"afOnClose",7),this.afOnEsc=a(this,"afOnEsc",7),this.afOnBackdropClick=a(this,"afOnBackdropClick",7),this.afOnToggle=a(this,"afOnToggle",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.isMobile=void 0,this.isVisible=void 0,this.afCloseButtonText=void 0,this.afNavAriaLabel=void 0,this.afCloseButtonAriaLabel=void 0,this.afFocusableElement=void 0,this.afCloseFocusableElement=void 0,this.afActive=!1,this.afBackdrop=!0,this.afCentered=d.DEFAULT}enablePageScroll(){document.body.style.height="",document.body.style.overflowY="",document.body.style.paddingRight=""}disablePageScroll(){document.body.style.height="100vh",document.body.style.overflowY="hidden"}toggleHandler(i){const a=i.target;this._closeFocusableElement=a.querySelector(".digi-navigation-sidebar-button button"),a.matches("digi-navigation-sidebar-button")&&(this.afActive=!0)}get shouldUseFocusTrap(){return this.isMobile&&this.focusableElements.length>0}closeHandler(i){this.afActive=!1,this.afOnClose.emit(i)}escHandler(i){this.isMobile&&(this.afActive=!1,this.afOnClose.emit(i))}tabHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.lastFocusableEl&&(i.detail.preventDefault(),this.firstFocusableEl.focus())}backdropClickHandler(i){this.afActive=!1,this.afOnClose.emit(i)}shiftHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.firstFocusableEl&&(i.detail.preventDefault(),this.lastFocusableEl.focus())}clickHandler(i){this.shouldUseFocusTrap&&"button"===i.detail.target.tagName.toLowerCase()&&setTimeout((()=>{this.getFocusableItems()}),100)}setMobileView(i){i&&this.afActive?(this.disablePageScroll(),this.getFocusableItems()):this.enablePageScroll()}breakpointChange(i){this.isVisible=!1,"digi-util-breakpoint-observer"===i.target.nodeName.toLowerCase()&&(this.isMobile=i.detail.value===n.SMALL),this.isMobile?setTimeout((()=>{this.isVisible=!0}),100):this.isVisible=!0}componentDidLoad(){this._wrapper.addEventListener("transitionend",(()=>{this.getFocusableItems(),this.setFocus()}))}getFocusableItems(){const i=this._wrapper.querySelectorAll(this._focusableElementsSelectors);this.focusableElements=Array.prototype.slice.call(i).filter((function(i){return null!==i.offsetParent})),this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}setFocus(){if(this.afActive){let i;const a=this.firstFocusableEl;i=this.afFocusableElement?this.hostElement.querySelector(`${this.afFocusableElement}`):a,i&&i.focus()}else this.afCloseFocusableElement?document.querySelector(`${this.afCloseFocusableElement}`).focus():this._closeFocusableElement&&this._closeFocusableElement.focus()}get cssModifiers(){return{"digi-header-navigation--open":this.afActive,"digi-header-navigation--mobile":this.isMobile,"digi-header-navigation--visible":this.isVisible,"digi-header-navigation--centered":this.afCentered!==d.DEFAULT}}render(){return e("div",{key:"e4e7695d89401721d59e38f8eb142f1a9f595fab",class:Object.assign({"digi-header-navigation":!0},this.cssModifiers)},e("digi-util-breakpoint-observer",{key:"559643977784b181f3637c8975bb6e006b6bc2f6",onAfOnChange:i=>this.isMobile=i.detail.value===n.SMALL},e("digi-util-keydown-handler",{key:"bf73f58461b128726c8e14500f2319b419da549f",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i)},e("div",{key:"02ebe20f0f0f381d260946a801719699bd3370e0"},this.isMobile&&e("div",{key:"a35fce6e4d3e0b702576ef41ba461f3cb7b9ec28",class:"digi-header-navigation__backdrop",onClick:i=>this.backdropClickHandler(i)}),e("nav",{key:"c38f7101c0e9229841b7d0c00e1e02f812efac39",class:"digi-header-navigation__wrapper","aria-label":this.afNavAriaLabel,"af-centered":this.afCentered,ref:i=>{this._wrapper=i}},this.isMobile&&e("digi-button",{key:"e58f51aa2409be7b434d31d0de3ab631b24093b1",onClick:i=>this.closeHandler(i),"af-variation":"function","af-aria-label":this.afCloseButtonAriaLabel,class:"digi-header-navigation__close-button"},this.afCloseButtonText,e("digi-icon-x",{key:"9c0626935bf4b0411f5055d415c20ec3273a0da4",slot:"icon-secondary"})),this.afCentered!==d.DEFAULT?e("digi-layout-container",{"af-max-width":this.afCentered},e("div",{role:"list",class:"digi-header-navigation__inner"},e("slot",null))):e("div",{role:"list",class:"digi-header-navigation__inner"},e("slot",null)))))))}get hostElement(){return t(this)}static get watchers(){return{isMobile:["setMobileView"]}}};o.style=".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)}";export{o as digi_header_navigation}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as s}from"./p-52e3bb32.js";import{r as e}from"./p-ffe5c0e8.js";const t=class{constructor(s){i(this,s),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=e("icontitle")}render(){return s("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?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&s("title",{key:"0a55a02961af9db1a6883d0af1557b8809c35a1e",id:this.titleId},this.afTitle),this.afDesc&&s("desc",{key:"09444b004ba00c48cc01c6bf16f2aefe437d1aea"},this.afDesc),s("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"}))}};t.style=".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)}";export{t as digi_icon_accessibility_universal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as r,h as s,g as t}from"./p-52e3bb32.js";import{r as o}from"./p-ffe5c0e8.js";import{d as p,t as e,x as a}from"./p-c9dfda73.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-c64b4626.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-9dd41cc4.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const d=class{constructor(s){i(this,s),this.afOnClickLink=r(this,"afOnClickLink",7),this.afOnReady=r(this,"afOnReady",3),this.afHeading=void 0,this.afHeadingLevel=p.H2,this.afDescription=void 0,this.afId=o("digi-form-error-list"),this.afOverrideLink=!1,this.afEnableHeadingFocus=!0}async afMSetHeadingFocus(){this.setHeadingFocus()}connectedCallback(){this.observer=new MutationObserver((i=>{if(i.some((i=>"childList"===i.type))){const i=this.hostElement.querySelector(".digi-form-error-list");!function(i,r){const s=[...i.classList].filter((i=>i.startsWith("sc-")));s.length&&(r.classList.add(...s),r.querySelectorAll("*").forEach((i=>{i.classList.add(...s)})))}(i,i)}})),this.observer.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}componentDidLoad(){this.setHeadingFocus(),this.afOnReady.emit()}setHeadingFocus(){this.afEnableHeadingFocus&&setTimeout((async()=>{var i;const r=await(null===(i=this._notificationAlert)||void 0===i?void 0:i.afMGetHeadingElement());r&&r.focus()}),0)}clickResponse(i){const r=i.detail,s=null==r?void 0:r.target;if(!s)return;const t=(s.getAttribute("href")||"").replace("#","");this.afOverrideLink&&i.detail.preventDefault(),this.afOnClickLink.emit({id:t})}render(){return s("div",{key:"9471a904e95c6304644d884e15aac90d3b0fbad1",class:"digi-form-error-list",id:this.afId},s("digi-notification-alert",{key:"13a8bf3037570f929f470cc2a531156d552ca53a",ref:i=>this._notificationAlert=i,"af-heading":this.afHeading,"af-heading-level":this.afHeadingLevel,"af-variation":e.DANGER},this.afDescription&&s("digi-typography",{key:"8e8ef106286f426b0cbcfd904407582e79e8ce24","af-variation":a.SMALL},s("p",{key:"51175a8da94efe46a262ce365994aa3c23983f2e",class:"digi-form-error-list__description"},this.afDescription)),s("slot",{key:"b9f5287d0e2c0326100a094a48fa5e7ab314b92f"})))}get hostElement(){return t(this)}};d.style=".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list>li.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";export{d as digi_form_error_list}
|