@designsystem-se/af 35.2.1-beta.1 → 35.2.1-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-badge-notification.d.ts +1 -1
- package/components/digi-badge-status.d.ts +1 -1
- package/components/digi-bar-chart.d.ts +1 -1
- package/components/digi-bar-chart.js +1 -1
- package/components/digi-button.d.ts +1 -1
- package/components/digi-calendar-datepicker.d.ts +1 -1
- package/components/digi-calendar-datepicker.js +63 -48
- package/components/digi-calendar-week-view.d.ts +1 -1
- package/components/digi-calendar-week-view.js +1 -1
- package/components/digi-calendar.d.ts +1 -1
- package/components/digi-calendar.js +1 -1
- package/components/digi-chart-line.d.ts +1 -1
- package/components/digi-chart-line.js +1 -1
- package/components/digi-code-block.d.ts +1 -1
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.d.ts +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-code.d.ts +1 -1
- package/components/digi-context-menu.d.ts +1 -1
- package/components/digi-dialog.d.ts +1 -1
- package/components/digi-expandable-accordion.d.ts +1 -1
- package/components/digi-expandable-accordion.js +1 -1
- package/components/digi-expandable-faq-item.d.ts +1 -1
- package/components/digi-expandable-faq.d.ts +1 -1
- package/components/digi-footer-card.d.ts +1 -1
- package/components/digi-footer.d.ts +1 -1
- package/components/digi-form-category-filter.d.ts +1 -1
- package/components/digi-form-category-filter.js +2 -2
- package/components/digi-form-checkbox.d.ts +1 -1
- package/components/digi-form-error-list.d.ts +1 -1
- package/components/digi-form-fieldset.d.ts +1 -1
- package/components/digi-form-file-upload.d.ts +1 -1
- package/components/digi-form-file-upload.js +8 -8
- package/components/digi-form-filter.d.ts +1 -1
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-input-search.d.ts +1 -1
- package/components/digi-form-input-search.js +2 -2
- package/components/digi-form-input.d.ts +1 -1
- package/components/digi-form-input.js +1 -1
- package/components/digi-form-label.d.ts +1 -1
- package/components/digi-form-label.js +1 -1
- package/components/digi-form-radiobutton.d.ts +1 -1
- package/components/digi-form-radiogroup.d.ts +1 -1
- package/components/digi-form-receipt.d.ts +1 -1
- package/components/digi-form-select-filter.d.ts +1 -1
- package/components/digi-form-select-filter.js +10 -10
- package/components/digi-form-select.d.ts +1 -1
- package/components/digi-form-select.js +1 -1
- package/components/digi-form-textarea.d.ts +1 -1
- package/components/digi-form-textarea.js +6 -9
- package/components/digi-form-validation-message.d.ts +1 -1
- package/components/digi-header-avatar.d.ts +1 -1
- package/components/digi-header-navigation-item.d.ts +1 -1
- package/components/digi-header-navigation.d.ts +1 -1
- package/components/digi-header-notification.d.ts +1 -1
- package/components/digi-header.d.ts +1 -1
- package/components/digi-icon-accessibility-deaf.d.ts +1 -1
- package/components/digi-icon-accessibility-universal.d.ts +1 -1
- package/components/digi-icon-apple.d.ts +1 -1
- package/components/digi-icon-archive-outline.d.ts +1 -1
- package/components/digi-icon-archive.d.ts +1 -1
- package/components/digi-icon-arrow-back.d.ts +1 -1
- package/components/digi-icon-arrow-down.d.ts +1 -1
- package/components/digi-icon-arrow-left.d.ts +1 -1
- package/components/digi-icon-arrow-right.d.ts +1 -1
- package/components/digi-icon-arrow-sign-in.d.ts +1 -1
- package/components/digi-icon-arrow-sign-out.d.ts +1 -1
- package/components/digi-icon-arrow-up.d.ts +1 -1
- package/components/digi-icon-at.d.ts +1 -1
- package/components/digi-icon-bars.d.ts +1 -1
- package/components/digi-icon-bell-filled.d.ts +1 -1
- package/components/digi-icon-bell.d.ts +1 -1
- package/components/digi-icon-book.d.ts +1 -1
- package/components/digi-icon-bookmark-outline.d.ts +1 -1
- package/components/digi-icon-bookmark-solid.d.ts +1 -1
- package/components/digi-icon-bubble-ellipsis.d.ts +1 -1
- package/components/digi-icon-bubble.d.ts +1 -1
- package/components/digi-icon-building-outline.d.ts +1 -1
- package/components/digi-icon-building-solid.d.ts +1 -1
- package/components/digi-icon-bullseye.d.ts +1 -1
- package/components/digi-icon-calculator-solid.d.ts +1 -1
- package/components/digi-icon-calendar-alt-alert.d.ts +1 -1
- package/components/digi-icon-calendar-alt.d.ts +1 -1
- package/components/digi-icon-calendar.d.ts +1 -1
- package/components/digi-icon-caret-circle-right.d.ts +1 -1
- package/components/digi-icon-caret-down.d.ts +1 -1
- package/components/digi-icon-caret-left.d.ts +1 -1
- package/components/digi-icon-caret-right.d.ts +1 -1
- package/components/digi-icon-caret-up.d.ts +1 -1
- package/components/digi-icon-chart.d.ts +1 -1
- package/components/digi-icon-chat.d.ts +1 -1
- package/components/digi-icon-check-circle-reg-alt.d.ts +1 -1
- package/components/digi-icon-check-circle-solid.d.ts +1 -1
- package/components/digi-icon-check.d.ts +1 -1
- package/components/digi-icon-checklist.d.ts +1 -1
- package/components/digi-icon-chevron-down.d.ts +1 -1
- package/components/digi-icon-chevron-left.d.ts +1 -1
- package/components/digi-icon-chevron-right.d.ts +1 -1
- package/components/digi-icon-chevron-up.d.ts +1 -1
- package/components/digi-icon-clock.d.ts +1 -1
- package/components/digi-icon-communication-play-solid.d.ts +1 -1
- package/components/digi-icon-compress-alt.d.ts +1 -1
- package/components/digi-icon-comunication-case.d.ts +1 -1
- package/components/digi-icon-comunication-flag.d.ts +1 -1
- package/components/digi-icon-comunication-graduate.d.ts +1 -1
- package/components/digi-icon-comunication-play.d.ts +1 -1
- package/components/digi-icon-cooperation.d.ts +1 -1
- package/components/digi-icon-copy.d.ts +1 -1
- package/components/digi-icon-danger-outline.d.ts +1 -1
- package/components/digi-icon-download.d.ts +1 -1
- package/components/digi-icon-dxa.d.ts +1 -1
- package/components/digi-icon-edit.d.ts +1 -1
- package/components/digi-icon-ellipsis.d.ts +1 -1
- package/components/digi-icon-envelope-filled.d.ts +1 -1
- package/components/digi-icon-envelope.d.ts +1 -1
- package/components/digi-icon-exclamation-circle-filled.d.ts +1 -1
- package/components/digi-icon-exclamation-triangle-filled.d.ts +1 -1
- package/components/digi-icon-exclamation-triangle-warning.d.ts +1 -1
- package/components/digi-icon-exclamation-triangle.d.ts +1 -1
- package/components/digi-icon-expand-alt.d.ts +1 -1
- package/components/digi-icon-external-link-alt.d.ts +1 -1
- package/components/digi-icon-eye-slash.d.ts +1 -1
- package/components/digi-icon-eye.d.ts +1 -1
- package/components/digi-icon-facebook-square.d.ts +1 -1
- package/components/digi-icon-file-add.d.ts +1 -1
- package/components/digi-icon-file-document.d.ts +1 -1
- package/components/digi-icon-file-excel.d.ts +1 -1
- package/components/digi-icon-file-export.d.ts +1 -1
- package/components/digi-icon-file-governing.d.ts +1 -1
- package/components/digi-icon-file-pdf.d.ts +1 -1
- package/components/digi-icon-file-powerpoint.d.ts +1 -1
- package/components/digi-icon-file-remove.d.ts +1 -1
- package/components/digi-icon-file-word.d.ts +1 -1
- package/components/digi-icon-film.d.ts +1 -1
- package/components/digi-icon-filter.d.ts +1 -1
- package/components/digi-icon-folder-add.d.ts +1 -1
- package/components/digi-icon-folder-directory.d.ts +1 -1
- package/components/digi-icon-folder-open.d.ts +1 -1
- package/components/digi-icon-folder.d.ts +1 -1
- package/components/digi-icon-globe-filled.d.ts +1 -1
- package/components/digi-icon-globe.d.ts +1 -1
- package/components/digi-icon-headphones.d.ts +1 -1
- package/components/digi-icon-heart-solid.d.ts +1 -1
- package/components/digi-icon-heart.d.ts +1 -1
- package/components/digi-icon-history.d.ts +1 -1
- package/components/digi-icon-home.d.ts +1 -1
- package/components/digi-icon-image.d.ts +1 -1
- package/components/digi-icon-info-circle-solid.d.ts +1 -1
- package/components/digi-icon-input-select-marker.d.ts +1 -1
- package/components/digi-icon-instagram.d.ts +1 -1
- package/components/digi-icon-job-suggestion.d.ts +1 -1
- package/components/digi-icon-language-outline.d.ts +1 -1
- package/components/digi-icon-language.d.ts +1 -1
- package/components/digi-icon-laptop-phone.d.ts +1 -1
- package/components/digi-icon-lattlast.d.ts +1 -1
- package/components/digi-icon-licence-bus.d.ts +1 -1
- package/components/digi-icon-licence-car.d.ts +1 -1
- package/components/digi-icon-licence-motorcycle.d.ts +1 -1
- package/components/digi-icon-licence-truck.d.ts +1 -1
- package/components/digi-icon-lightbulb.d.ts +1 -1
- package/components/digi-icon-linkedin-in.d.ts +1 -1
- package/components/digi-icon-list-ul.d.ts +1 -1
- package/components/digi-icon-lock.d.ts +1 -1
- package/components/digi-icon-marker-filled.d.ts +1 -1
- package/components/digi-icon-marker.d.ts +1 -1
- package/components/digi-icon-media-course.d.ts +1 -1
- package/components/digi-icon-media-podcast.d.ts +1 -1
- package/components/digi-icon-microphone-off.d.ts +1 -1
- package/components/digi-icon-microphone.d.ts +1 -1
- package/components/digi-icon-minus.d.ts +1 -1
- package/components/digi-icon-move.d.ts +1 -1
- package/components/digi-icon-news.d.ts +1 -1
- package/components/digi-icon-notification-error.d.ts +1 -1
- package/components/digi-icon-notification-info.d.ts +1 -1
- package/components/digi-icon-notification-succes.d.ts +1 -1
- package/components/digi-icon-notification-warning.d.ts +1 -1
- package/components/digi-icon-online-computervideo.d.ts +1 -1
- package/components/digi-icon-online-interview.d.ts +1 -1
- package/components/digi-icon-online-meeting.d.ts +1 -1
- package/components/digi-icon-online-task.d.ts +1 -1
- package/components/digi-icon-online-video.d.ts +1 -1
- package/components/digi-icon-open-source.d.ts +1 -1
- package/components/digi-icon-palette.d.ts +1 -1
- package/components/digi-icon-paperclip.d.ts +1 -1
- package/components/digi-icon-paste.d.ts +1 -1
- package/components/digi-icon-pen.d.ts +1 -1
- package/components/digi-icon-phone-hangup.d.ts +1 -1
- package/components/digi-icon-phone.d.ts +1 -1
- package/components/digi-icon-plus.d.ts +1 -1
- package/components/digi-icon-pod.d.ts +1 -1
- package/components/digi-icon-print.d.ts +1 -1
- package/components/digi-icon-read.d.ts +1 -1
- package/components/digi-icon-redo.d.ts +1 -1
- package/components/digi-icon-scale.d.ts +1 -1
- package/components/digi-icon-screensharing-off.d.ts +1 -1
- package/components/digi-icon-screensharing.d.ts +1 -1
- package/components/digi-icon-search.d.ts +1 -1
- package/components/digi-icon-send-outline.d.ts +1 -1
- package/components/digi-icon-send-solid.d.ts +1 -1
- package/components/digi-icon-settings.d.ts +1 -1
- package/components/digi-icon-share-alt.d.ts +1 -1
- package/components/digi-icon-share-chain.d.ts +1 -1
- package/components/digi-icon-sign.d.ts +1 -1
- package/components/digi-icon-sliders-h.d.ts +1 -1
- package/components/digi-icon-sokkandidat.d.ts +1 -1
- package/components/digi-icon-sort-down.d.ts +1 -1
- package/components/digi-icon-sort-up.d.ts +1 -1
- package/components/digi-icon-sort.d.ts +1 -1
- package/components/digi-icon-spinner.d.ts +1 -1
- package/components/digi-icon-star-reg.d.ts +1 -1
- package/components/digi-icon-star.d.ts +1 -1
- package/components/digi-icon-suitcase-outline.d.ts +1 -1
- package/components/digi-icon-suitcase-solid.d.ts +1 -1
- package/components/digi-icon-system-assistance.d.ts +1 -1
- package/components/digi-icon-table-column.d.ts +1 -1
- package/components/digi-icon-table-row.d.ts +1 -1
- package/components/digi-icon-table.d.ts +1 -1
- package/components/digi-icon-task-done.d.ts +1 -1
- package/components/digi-icon-toggle-off.d.ts +1 -1
- package/components/digi-icon-toggle-on.d.ts +1 -1
- package/components/digi-icon-trash.d.ts +1 -1
- package/components/digi-icon-twitter.d.ts +1 -1
- package/components/digi-icon-tyck-till.d.ts +1 -1
- package/components/digi-icon-unlock.d.ts +1 -1
- package/components/digi-icon-update.d.ts +1 -1
- package/components/digi-icon-upload.d.ts +1 -1
- package/components/digi-icon-user-add.d.ts +1 -1
- package/components/digi-icon-user-alt.d.ts +1 -1
- package/components/digi-icon-user-edit.d.ts +1 -1
- package/components/digi-icon-users-solid.d.ts +1 -1
- package/components/digi-icon-validation-error.d.ts +1 -1
- package/components/digi-icon-validation-success.d.ts +1 -1
- package/components/digi-icon-validation-warning.d.ts +1 -1
- package/components/digi-icon-videocamera-off.d.ts +1 -1
- package/components/digi-icon-videocamera.d.ts +1 -1
- package/components/digi-icon-volume.d.ts +1 -1
- package/components/digi-icon-web-tv.d.ts +1 -1
- package/components/digi-icon-webinar.d.ts +1 -1
- package/components/digi-icon-wifi-signal0.d.ts +1 -1
- package/components/digi-icon-wifi-signal1.d.ts +1 -1
- package/components/digi-icon-wifi-signal2.d.ts +1 -1
- package/components/digi-icon-wifi-signal3.d.ts +1 -1
- package/components/digi-icon-window.d.ts +1 -1
- package/components/digi-icon-x-button-outline.d.ts +1 -1
- package/components/digi-icon-x-button.d.ts +1 -1
- package/components/digi-icon-x.d.ts +1 -1
- package/components/digi-icon-youtube.d.ts +1 -1
- package/components/digi-info-card-multi-container.d.ts +1 -1
- package/components/digi-info-card-multi.d.ts +1 -1
- package/components/digi-info-card.d.ts +1 -1
- package/components/digi-layout-block.d.ts +1 -1
- package/components/digi-layout-columns.d.ts +1 -1
- package/components/digi-layout-container.d.ts +1 -1
- package/components/digi-link-button.d.ts +1 -1
- package/components/digi-link-external.d.ts +1 -1
- package/components/digi-link-internal.d.ts +1 -1
- package/components/digi-link.d.ts +1 -1
- package/components/digi-list.d.ts +1 -1
- package/components/digi-loader-skeleton.d.ts +1 -1
- package/components/digi-loader-spinner.d.ts +1 -1
- package/components/digi-logo.d.ts +1 -1
- package/components/digi-media-figure.d.ts +1 -1
- package/components/digi-media-image.d.ts +1 -1
- package/components/digi-navigation-breadcrumbs.d.ts +1 -1
- package/components/digi-navigation-breadcrumbs.js +1 -1
- package/components/digi-navigation-pagination.d.ts +1 -1
- package/components/digi-navigation-sidebar-button.d.ts +1 -1
- package/components/digi-navigation-sidebar.d.ts +1 -1
- package/components/digi-navigation-vertical-menu-item.d.ts +1 -1
- package/components/digi-navigation-vertical-menu.d.ts +1 -1
- package/components/digi-notification-alert.d.ts +1 -1
- package/components/digi-notification-error-page.d.ts +1 -1
- package/components/digi-progress-circle.d.ts +1 -1
- package/components/digi-progress-circle.js +1 -1
- package/components/digi-progress-indicator.d.ts +1 -1
- package/components/digi-progress-indicator.js +1 -1
- package/components/digi-progress-list-item.d.ts +1 -1
- package/components/digi-progress-list-item.js +1 -1
- package/components/digi-progress-list.d.ts +1 -1
- package/components/digi-progressbar.d.ts +1 -1
- package/components/digi-progressbar.js +1 -1
- package/components/digi-quote.d.ts +1 -1
- package/components/digi-table.d.ts +1 -1
- package/components/digi-tablist-panel.d.ts +1 -1
- package/components/digi-tablist.d.ts +1 -1
- package/components/digi-tag-media.d.ts +1 -1
- package/components/digi-tag.d.ts +1 -1
- package/components/digi-tag.js +1 -1
- package/components/digi-tools-feedback-banner.d.ts +1 -1
- package/components/digi-tools-feedback-rating.d.ts +1 -1
- package/components/digi-tools-feedback.d.ts +1 -1
- package/components/digi-tools-theme-provider.d.ts +1 -1
- package/components/digi-typography-heading-jumbo.d.ts +1 -1
- package/components/digi-typography-meta.d.ts +1 -1
- package/components/digi-typography-preamble.d.ts +1 -1
- package/components/digi-typography-time.d.ts +1 -1
- package/components/digi-typography-time.js +1 -1
- package/components/digi-typography.d.ts +1 -1
- package/components/digi-util-breakpoint-observer.d.ts +1 -1
- package/components/digi-util-detect-click-outside.d.ts +1 -1
- package/components/digi-util-detect-focus-outside.d.ts +1 -1
- package/components/digi-util-intersection-observer.d.ts +1 -1
- package/components/digi-util-keydown-handler.d.ts +1 -1
- package/components/digi-util-keyup-handler.d.ts +1 -1
- package/components/digi-util-mutation-observer.d.ts +1 -1
- package/components/digi-util-resize-observer.d.ts +1 -1
- package/components/index.d.ts +283 -283
- package/components/{p-98765f91.js → p-504118d4.js} +1 -1
- package/components/{p-0dd35954.js → p-669e7c83.js} +54 -72
- package/components/{p-08cf2c0e.js → p-903a27d9.js} +19 -0
- package/components/{p-e3961597.js → p-9cbf7565.js} +9 -9
- package/components/{p-5010c1e6.js → p-aa63b60e.js} +1 -1
- package/components/{p-05a97800.js → p-cb20ea78.js} +5 -5
- package/custom-elements.json +23 -23
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-bar-chart.cjs.entry.js +1 -1
- package/dist/cjs/{digi-button_19.cjs.entry.js → digi-button_17.cjs.entry.js} +117 -268
- package/dist/cjs/digi-calendar-week-view.cjs.entry.js +1 -1
- package/dist/cjs/digi-chart-line.cjs.entry.js +1 -1
- package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -2
- package/dist/cjs/digi-code-example.cjs.entry.js +1 -1
- package/dist/cjs/digi-dialog.cjs.entry.js +2 -1
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +1 -1
- package/dist/cjs/digi-footer.cjs.entry.js +2 -1
- package/dist/cjs/digi-form-category-filter.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -1
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +7 -7
- package/dist/cjs/digi-form-filter.cjs.entry.js +1 -1
- package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -1
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +10 -9
- package/dist/cjs/digi-form-textarea.cjs.entry.js +133 -0
- package/dist/cjs/digi-header-navigation.cjs.entry.js +2 -1
- package/dist/cjs/digi-header.cjs.entry.js +2 -1
- package/dist/cjs/digi-navigation-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -1
- package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -1
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -1
- package/dist/cjs/digi-progress-circle.cjs.entry.js +1 -1
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
- package/dist/cjs/digi-progressbar.cjs.entry.js +1 -1
- package/dist/cjs/digi-tag.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -1
- package/dist/cjs/digi-typography-time.cjs.entry.js +1 -1
- package/dist/cjs/digi-typography.cjs.entry.js +26 -0
- package/dist/cjs/form-textarea-variation.enum-9c90d40f.js +17 -0
- package/dist/cjs/index-81fc5a97.js +10 -2
- package/dist/cjs/index.cjs.js +14 -13
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{text-3157012b.js → text-65b1b58c.js} +19 -0
- package/dist/cjs/{typography-variation.enum-c6bb12f2.js → typography-variation.enum-6077eba3.js} +0 -16
- package/dist/collection/components/_calendar/calendar/calendar.js +61 -77
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +4 -1
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +115 -75
- package/dist/collection/components/_form/form-category-filter/form-category-filter.js +13 -13
- package/dist/collection/components/_form/form-file-upload/form-file-upload.js +6 -6
- package/dist/collection/components/_form/form-input/form-input.js +9 -9
- package/dist/collection/components/_form/form-select/form-select.js +6 -6
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +27 -15
- package/dist/collection/components/_form/form-textarea/form-textarea.js +6 -9
- package/dist/collection/text/locale/sv/text.js +19 -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-460572d9.entry.js → p-038a6f4d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-03e35369.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-5ffc1490.entry.js → p-04b9fcfc.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-086ef192.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-58a86b5f.entry.js → p-1472371d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-19f13b56.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-220c63f6.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-365e6558.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-693e33b2.entry.js → p-3d0c0083.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-48f60428.entry.js → p-41e16393.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4a1af082.entry.js → p-4e81efad.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-59bf3077.js +1 -0
- package/dist/digi-arbetsformedlingen/p-64067f33.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-73358d64.entry.js → p-6ea62ad2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-7bdbb8b4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-903a27d9.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e2fe3edf.entry.js → p-954b1a74.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-9c5a93d8.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-bfb78e9e.entry.js → p-9ebefb9c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-9ed7d731.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ac812f71.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b21ccf7c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b4c9f295.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d0465354.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-3ae0fb97.entry.js → p-d24cebf9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-d6cc9061.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-df0dfa95.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-79c6ecc6.entry.js → p-dff9777b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1a12faea.entry.js → p-e03b9727.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1443ee18.entry.js → p-e955c7bd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ed3db5d0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fb17bf4b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fd32cb7c.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-bar-chart.entry.js +1 -1
- package/dist/esm/{digi-button_19.entry.js → digi-button_17.entry.js} +118 -267
- package/dist/esm/digi-calendar-week-view.entry.js +1 -1
- package/dist/esm/digi-chart-line.entry.js +1 -1
- package/dist/esm/digi-code-block_3.entry.js +3 -2
- package/dist/esm/digi-code-example.entry.js +1 -1
- package/dist/esm/digi-dialog.entry.js +2 -1
- package/dist/esm/digi-expandable-accordion.entry.js +1 -1
- package/dist/esm/digi-footer.entry.js +2 -1
- package/dist/esm/digi-form-category-filter.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +2 -1
- package/dist/esm/digi-form-file-upload.entry.js +7 -7
- package/dist/esm/digi-form-filter.entry.js +1 -1
- package/dist/esm/digi-form-receipt.entry.js +2 -1
- package/dist/esm/digi-form-select-filter.entry.js +10 -9
- package/dist/esm/digi-form-textarea.entry.js +129 -0
- package/dist/esm/digi-header-navigation.entry.js +2 -1
- package/dist/esm/digi-header.entry.js +2 -1
- package/dist/esm/digi-navigation-breadcrumbs.entry.js +1 -1
- package/dist/esm/digi-navigation-pagination.entry.js +2 -1
- package/dist/esm/digi-notification-alert.entry.js +2 -1
- package/dist/esm/digi-notification-error-page.entry.js +2 -1
- package/dist/esm/digi-progress-circle.entry.js +1 -1
- package/dist/esm/digi-progress-indicator.entry.js +1 -1
- package/dist/esm/digi-progress-list-item.entry.js +1 -1
- package/dist/esm/digi-progressbar.entry.js +1 -1
- package/dist/esm/digi-tag.entry.js +1 -1
- package/dist/esm/digi-tools-feedback.entry.js +2 -1
- package/dist/esm/digi-typography-time.entry.js +1 -1
- package/dist/esm/digi-typography.entry.js +22 -0
- package/dist/esm/form-textarea-variation.enum-05017e8e.js +17 -0
- package/dist/esm/index-bfea2cc5.js +10 -2
- package/dist/esm/index.js +2 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{text-26e02c8d.js → text-8f88c0f6.js} +19 -0
- package/dist/esm/{typography-variation.enum-dea0fe69.js → typography-variation.enum-04944af5.js} +1 -17
- package/dist/types/components/_calendar/calendar/calendar.d.ts +12 -12
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +38 -32
- package/dist/types/components/_form/form-category-filter/form-category-filter.d.ts +10 -10
- package/dist/types/components/_form/form-input/form-input.d.ts +0 -1
- package/dist/types/components/_form/form-select/form-select.d.ts +2 -2
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +4 -4
- package/dist/types/components/_form/form-textarea/form-textarea.d.ts +0 -1
- package/dist/types/components.d.ts +126 -110
- package/dist/types/text/locale/sv/text.d.ts +6 -0
- package/hydrate/index.js +158 -147
- package/hydrate/index.mjs +158 -147
- package/package.json +1 -1
- package/dist/digi-arbetsformedlingen/p-02a6c3e6.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-08cf2c0e.js +0 -1
- package/dist/digi-arbetsformedlingen/p-11035a85.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2242582b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4f68f34d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5990798b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5bd4feb1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5c6726e4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-648ed420.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6c701c64.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-70cd00fd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-871eb27f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8dde1275.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-903cd4b7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-94170a0d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-aa63b05a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bb92f2eb.js +0 -1
|
@@ -10,10 +10,10 @@ const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
|
|
|
10
10
|
const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
|
|
11
11
|
const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
|
|
12
12
|
const logger_util = require('./logger.util-fdafc086.js');
|
|
13
|
-
const text = require('./text-
|
|
13
|
+
const text = require('./text-65b1b58c.js');
|
|
14
14
|
const index$1 = require('./index-acb7b350.js');
|
|
15
15
|
require('./badge-notification-shape.enum-ff802554.js');
|
|
16
|
-
const typographyVariation_enum = require('./typography-variation.enum-
|
|
16
|
+
const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
|
|
17
17
|
require('./badge-status-variation.enum-0a5adc21.js');
|
|
18
18
|
require('./calendar-week-view-heading-level.enum-fd0c841b.js');
|
|
19
19
|
require('./bar-chart-variation.enum-a4e866b6.js');
|
|
@@ -25,6 +25,7 @@ require('./footer-card-variation.enum-99555edc.js');
|
|
|
25
25
|
require('./form-checkbox-variation.enum-d2ca879e.js');
|
|
26
26
|
const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
27
27
|
require('./form-radiogroup-validation.enum-03a17d4d.js');
|
|
28
|
+
require('./form-textarea-variation.enum-9c90d40f.js');
|
|
28
29
|
require('./info-card-multi-type.enum-14746572.js');
|
|
29
30
|
require('./info-card-variation.enum-64cef637.js');
|
|
30
31
|
require('./layout-container-max-width.enum-7e637f44.js');
|
|
@@ -2366,15 +2367,11 @@ const Calendar = class {
|
|
|
2366
2367
|
this.afOnFocusOutside = index.createEvent(this, "afOnFocusOutside", 7);
|
|
2367
2368
|
this.afOnClickOutside = index.createEvent(this, "afOnClickOutside", 7);
|
|
2368
2369
|
this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
|
|
2369
|
-
var _a;
|
|
2370
|
-
this.locale = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.lang) || 'sv-SE';
|
|
2371
|
-
this.activeCalendar = [];
|
|
2372
|
-
this.months = [];
|
|
2373
2370
|
this.selectedDates = [];
|
|
2374
2371
|
this.focusedDate = undefined;
|
|
2375
2372
|
this.dirty = false;
|
|
2376
2373
|
this.afId = randomIdGenerator_util.randomIdGenerator('digi-calendar');
|
|
2377
|
-
this.
|
|
2374
|
+
this.afOpenCalendarTo = undefined;
|
|
2378
2375
|
this.afShowWeekNumber = false;
|
|
2379
2376
|
this.afSelectedDate = undefined;
|
|
2380
2377
|
this.afSelectedDates = [];
|
|
@@ -2383,6 +2380,13 @@ const Calendar = class {
|
|
|
2383
2380
|
this.afMaxDate = undefined;
|
|
2384
2381
|
this.afMultipleDates = false;
|
|
2385
2382
|
this.afYearSelect = false;
|
|
2383
|
+
this.activeCalendar = [];
|
|
2384
|
+
}
|
|
2385
|
+
focusedDateChanged() {
|
|
2386
|
+
this.drawCalendar(this.focusedDate);
|
|
2387
|
+
}
|
|
2388
|
+
afOpenCalendarToChangeHandler() {
|
|
2389
|
+
this.determineFocusedDate();
|
|
2386
2390
|
}
|
|
2387
2391
|
afSelectedDateChangeHandler() {
|
|
2388
2392
|
this.afSelectedDates = index$1.isValid(this.afSelectedDate)
|
|
@@ -2395,24 +2399,12 @@ const Calendar = class {
|
|
|
2395
2399
|
const invalidDate = this.afSelectedDates.find((date) => !index$1.isValid(date));
|
|
2396
2400
|
if (invalidDate === undefined) {
|
|
2397
2401
|
this.selectedDates = this.afSelectedDates;
|
|
2398
|
-
|
|
2399
|
-
this.focusedDate = this.afInitFocusDate;
|
|
2400
|
-
}
|
|
2401
|
-
else {
|
|
2402
|
-
this.focusedDate = new Date(this.afSelectedDates
|
|
2403
|
-
.slice()
|
|
2404
|
-
.sort((a, b) => a.getTime() - b.getTime())[0]);
|
|
2405
|
-
}
|
|
2402
|
+
this.determineFocusedDate();
|
|
2406
2403
|
}
|
|
2407
2404
|
}
|
|
2408
2405
|
else if (index$1.isValid(this.afSelectedDates[0])) {
|
|
2409
2406
|
this.selectedDates = [this.afSelectedDates[0]];
|
|
2410
|
-
|
|
2411
|
-
this.focusedDate = this.afInitFocusDate;
|
|
2412
|
-
}
|
|
2413
|
-
else {
|
|
2414
|
-
this.focusedDate = new Date(this.afSelectedDates[0]);
|
|
2415
|
-
}
|
|
2407
|
+
this.determineFocusedDate();
|
|
2416
2408
|
}
|
|
2417
2409
|
}
|
|
2418
2410
|
else {
|
|
@@ -2433,6 +2425,20 @@ const Calendar = class {
|
|
|
2433
2425
|
this.afOnClickOutside.emit(e);
|
|
2434
2426
|
}
|
|
2435
2427
|
}
|
|
2428
|
+
determineFocusedDate() {
|
|
2429
|
+
if (this.dirty) {
|
|
2430
|
+
return; // Don't change focused date if user has already interacted with the calendar
|
|
2431
|
+
}
|
|
2432
|
+
else if (this.afOpenCalendarTo && index$1.isValid(this.afOpenCalendarTo)) {
|
|
2433
|
+
this.focusedDate = this.afOpenCalendarTo;
|
|
2434
|
+
}
|
|
2435
|
+
else if (this.selectedDates.length > 0) {
|
|
2436
|
+
this.focusedDate = this.selectedDates[0];
|
|
2437
|
+
}
|
|
2438
|
+
else {
|
|
2439
|
+
this.focusedDate = new Date();
|
|
2440
|
+
}
|
|
2441
|
+
}
|
|
2436
2442
|
drawCalendar(focusedDate) {
|
|
2437
2443
|
const date = {
|
|
2438
2444
|
year: focusedDate.getFullYear(),
|
|
@@ -2442,20 +2448,6 @@ const Calendar = class {
|
|
|
2442
2448
|
this.firstWeekOfNextMonth = this.getWeekDays(this.getFirstDayOfNextMonth(date));
|
|
2443
2449
|
this.weeksBetween = this.getWeeksBetween(this.getLastDayOfPrevMonth(date), this.getFirstDayOfNextMonth(date));
|
|
2444
2450
|
this.weekDaysbetween = this.getWeekdaysOfMonth(this.weeksBetween);
|
|
2445
|
-
this.months = [
|
|
2446
|
-
'januari',
|
|
2447
|
-
'februari',
|
|
2448
|
-
'mars',
|
|
2449
|
-
'april',
|
|
2450
|
-
'maj',
|
|
2451
|
-
'juni',
|
|
2452
|
-
'juli',
|
|
2453
|
-
'augusti',
|
|
2454
|
-
'september',
|
|
2455
|
-
'oktober',
|
|
2456
|
-
'november',
|
|
2457
|
-
'december'
|
|
2458
|
-
];
|
|
2459
2451
|
this.activeCalendar = this.appendFirstWeekOfNextMonth()
|
|
2460
2452
|
? [
|
|
2461
2453
|
this.lastWeekOfPreviousMonth,
|
|
@@ -2486,10 +2478,9 @@ const Calendar = class {
|
|
|
2486
2478
|
getWeekDays(date) {
|
|
2487
2479
|
const today = date || new Date();
|
|
2488
2480
|
const week = [];
|
|
2481
|
+
const dayOffset = today.getDay(); // 0=söndag
|
|
2489
2482
|
for (let i = 1; i <= 7; i++) {
|
|
2490
|
-
|
|
2491
|
-
const day = new Date(today.setDate(first));
|
|
2492
|
-
week.push(day);
|
|
2483
|
+
week.push(new Date(today.getFullYear(), today.getMonth(), today.getDate() - dayOffset + i));
|
|
2493
2484
|
}
|
|
2494
2485
|
return week;
|
|
2495
2486
|
}
|
|
@@ -2540,13 +2531,13 @@ const Calendar = class {
|
|
|
2540
2531
|
}
|
|
2541
2532
|
getMonthName(monthNumber) {
|
|
2542
2533
|
return new Date(1992, monthNumber, 1)
|
|
2543
|
-
.toLocaleDateString(
|
|
2534
|
+
.toLocaleDateString(text._t.locale, {
|
|
2544
2535
|
month: 'short'
|
|
2545
2536
|
})
|
|
2546
2537
|
.replace('.', '');
|
|
2547
2538
|
}
|
|
2548
2539
|
getFullMonthName(monthNumber) {
|
|
2549
|
-
return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(
|
|
2540
|
+
return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(text._t.locale, {
|
|
2550
2541
|
month: 'long',
|
|
2551
2542
|
year: 'numeric'
|
|
2552
2543
|
});
|
|
@@ -2671,8 +2662,8 @@ const Calendar = class {
|
|
|
2671
2662
|
if (this.dirty) {
|
|
2672
2663
|
return this.isSameDate(date, this.focusedDate);
|
|
2673
2664
|
}
|
|
2674
|
-
if (this.
|
|
2675
|
-
return this.isSameDate(date, this.
|
|
2665
|
+
if (this.afOpenCalendarTo) {
|
|
2666
|
+
return this.isSameDate(date, this.afOpenCalendarTo);
|
|
2676
2667
|
}
|
|
2677
2668
|
return this.isSameMonth(date, new Date())
|
|
2678
2669
|
? this.isSameDate(date, new Date())
|
|
@@ -2693,14 +2684,14 @@ const Calendar = class {
|
|
|
2693
2684
|
const lastDayOfSelectedMonth = new Date(tempDate.getFullYear(), selectedMonth + 1, 0).getDate();
|
|
2694
2685
|
tempDate.setDate(Math.min(currentDay, lastDayOfSelectedMonth));
|
|
2695
2686
|
this.focusedDate = tempDate;
|
|
2696
|
-
this.drawCalendar(this.focusedDate);
|
|
2697
2687
|
}
|
|
2698
2688
|
selectYear(evt) {
|
|
2699
2689
|
this.onDirty();
|
|
2700
|
-
const
|
|
2701
|
-
|
|
2702
|
-
this.focusedDate
|
|
2703
|
-
|
|
2690
|
+
const selectedYear = parseInt(evt.target.value, 10);
|
|
2691
|
+
// Skydda mot ogiltiga datum som 29 februari
|
|
2692
|
+
const day = Math.min(this.focusedDate.getDate(), new Date(selectedYear, this.focusedDate.getMonth() + 1, 0).getDate());
|
|
2693
|
+
const newDate = new Date(selectedYear, this.focusedDate.getMonth(), day);
|
|
2694
|
+
this.focusedDate = newDate;
|
|
2704
2695
|
}
|
|
2705
2696
|
earliestSelectableYear() {
|
|
2706
2697
|
if (this.afMinDate)
|
|
@@ -2730,20 +2721,7 @@ const Calendar = class {
|
|
|
2730
2721
|
if (valid.length > 0)
|
|
2731
2722
|
this.selectedDates = valid;
|
|
2732
2723
|
}
|
|
2733
|
-
|
|
2734
|
-
this.focusedDate = this.afInitFocusDate;
|
|
2735
|
-
}
|
|
2736
|
-
else if (this.selectedDates.length > 0) {
|
|
2737
|
-
this.focusedDate = this.selectedDates
|
|
2738
|
-
.slice()
|
|
2739
|
-
.sort((a, b) => a.getTime() - b.getTime())[0];
|
|
2740
|
-
}
|
|
2741
|
-
else {
|
|
2742
|
-
this.focusedDate = new Date();
|
|
2743
|
-
}
|
|
2744
|
-
this.drawCalendar(this.focusedDate);
|
|
2745
|
-
}
|
|
2746
|
-
componentWillUpdate() {
|
|
2724
|
+
this.determineFocusedDate();
|
|
2747
2725
|
this.drawCalendar(this.focusedDate);
|
|
2748
2726
|
}
|
|
2749
2727
|
async componentDidLoad() {
|
|
@@ -2764,18 +2742,18 @@ const Calendar = class {
|
|
|
2764
2742
|
};
|
|
2765
2743
|
}
|
|
2766
2744
|
render() {
|
|
2767
|
-
return (index.h("div", { key: '
|
|
2745
|
+
return (index.h("div", { key: '2951c3cb75fbace29267998e7e17ed48fd7c934f', class: {
|
|
2768
2746
|
'digi-calendar': true,
|
|
2769
2747
|
'digi-calendar--hide': !this.afActive
|
|
2770
|
-
}, id: `${this.afId}-calendar` }, this.afYearSelect && (index.h("div", { key: '
|
|
2748
|
+
}, id: `${this.afId}-calendar` }, this.afYearSelect && (index.h("div", { key: '0afa63be62669edd3ecef28953711892810a308b', class: "digi-calendar__header" }, index.h("div", { key: '37d19ca99a173d0195179a361d7460c18e3e75db', class: "digi-calendar__header--year-select" }, index.h("digi-form-select", { key: '6c5cde1508e7948b675d4495190f04a69c321570', afLabel: text._t.calendar.month, "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
|
|
2771
2749
|
this.selectMonth(evt);
|
|
2772
|
-
} },
|
|
2750
|
+
} }, text._t.calendar.months.map((month, index$1) => {
|
|
2773
2751
|
return index.h("option", { value: index$1 }, month);
|
|
2774
|
-
})), index.h("digi-form-select", { key: '
|
|
2752
|
+
})), index.h("digi-form-select", { key: '2ac58393e542efb8dab01da4aa3367107646f524', afLabel: text._t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
|
|
2775
2753
|
this.selectYear(evt);
|
|
2776
|
-
} }, this.allSelectableYears().map((year) => (index.h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (index.h("div", { key: '
|
|
2777
|
-
',
|
|
2778
|
-
',
|
|
2754
|
+
} }, this.allSelectableYears().map((year) => (index.h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (index.h("div", { key: '0c715aeece50ada4c13173e95a431b4bf3b2d584', class: "digi-calendar__header" }, index.h("div", { key: '7183e490dbfe41f705b06e525907c63a11d13c7d', class: "digi-calendar__header--month-step" }, index.h("button", { key: '1ac729938041d87ee0a2588211c09ff8eaedafae', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
|
|
2755
|
+
', ' + text._t.calendar.previousMonth, onClick: () => this.subtractMonth() }, index.h("digi-icon-chevron-left", { key: '2fc849f377c0d817d2c03b2f365f5f35ae2ae422', slot: "icon", "aria-hidden": "true" }), index.h("span", { key: '9a454f6a75c8525d0559013f420083461e59e38c', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), index.h("div", { key: 'fe11bd1a3e7fe57152136e6cd05763735d64c164', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), index.h("button", { key: '1b46134446f5fb21be57b3d9b492a227c732aded', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
|
|
2756
|
+
', ' + text._t.calendar.nextMonth, onClick: () => this.addMonth() }, index.h("span", { key: '07efeb5a1b3341814e6a9fd3cbe9c81fdf8d55fb', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), index.h("digi-icon-chevron-right", { key: 'f16b49b2d05d06a928b944f515b9706d21a860d7', slot: "icon", "aria-hidden": "true" }))))), index.h("digi-util-keydown-handler", { key: 'dc86ed3df6e5f70384b9e2ada473f4af2a11ccca', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, index.h("table", { key: 'f493df85506b3482066bc542e19630311180d224', role: "grid", class: "digi-calendar__table" }, index.h("thead", { key: 'b2f33f1dc3b75c4406df209e0cd37ff6e915dfa4' }, index.h("tr", { key: '74baa5b744116ad187f5cb04ff5b160117698adc', role: "row" }, this.afShowWeekNumber && (index.h("th", { key: '4cd7f3261eb3fb270a0299a23f4ced5d21301270', role: "columnheader", abbr: text._t.calendar.week, class: "digi-calendar__table-header-week" }, text._t.calendar.week.toLowerCase())), Object.keys(text._t.calendar.weekdays).map((day) => (index.h("th", { role: "columnheader", "aria-label": text._t.calendar.weekdays[day], abbr: text._t.calendar.weekdays[day], class: "digi-calendar__table-header" }, text._t.calendar.weekdays_short[day].toLowerCase()))))), index.h("tbody", { key: '40266516692ee0a3b67781ff51881bf71fa325ba', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
|
|
2779
2757
|
return (index.h("tr", null, week.map((day, i) => {
|
|
2780
2758
|
if (this.afShowWeekNumber && i === 0) {
|
|
2781
2759
|
return (index.h("th", { role: "rowheader", "aria-label": text._t.calendar.week + ' ' + day, class: "digi-calendar__td-week digi-calendar__date--week-number", id: 'digi-calendar__week-' + day }, day));
|
|
@@ -2790,23 +2768,25 @@ const Calendar = class {
|
|
|
2790
2768
|
: null }, index.h("span", { "aria-hidden": "true" }, day.getDate()))));
|
|
2791
2769
|
}
|
|
2792
2770
|
})));
|
|
2793
|
-
})))), index.h("slot", { key: '
|
|
2771
|
+
})))), index.h("slot", { key: 'a1d6061116378a7f60fbc8d779999db45cf04b86', name: "calendar-footer" })));
|
|
2794
2772
|
}
|
|
2795
2773
|
static get watchers() { return {
|
|
2774
|
+
"focusedDate": ["focusedDateChanged"],
|
|
2775
|
+
"afOpenCalendarTo": ["afOpenCalendarToChangeHandler"],
|
|
2796
2776
|
"afSelectedDate": ["afSelectedDateChangeHandler"],
|
|
2797
2777
|
"afSelectedDates": ["afSelectedDatesChangeHandler"]
|
|
2798
2778
|
}; }
|
|
2799
2779
|
};
|
|
2800
2780
|
Calendar.style = DigiCalendarStyle0;
|
|
2801
2781
|
|
|
2802
|
-
const calendarDatepickerCss = ".sc-digi-calendar-datepicker:root{--digi--grayscale--0:#ffffff;--digi--grayscale--50:#fbfbfb;--digi--grayscale--100:#f4f4f4;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--grayscale--1000:#000000;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0A4DD1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--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--misc--transparent:#ffffff00;--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:.3s;--digi--global--animation--duration--short:.2s;--digi--global--animation--duration--shorter:.1s;--digi--global--animation--duration--shortest:.01s;--digi--global--animation--duration--long:.4s;--digi--global--animation--duration--longer:.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--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--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--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--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--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--visited:var(--digi--color--text--interactive--visited--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-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--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--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--default--quaternary:var(--digi--color--background--interactive--default--quaternary--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--hover--primary:var(--digi--color--background--interactive--hover--primary--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--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--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--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--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--interactive--validation--error:var(--digi--color--background--interactive--validation--error--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--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--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--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--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--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--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--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--inverted:var(--digi--color--border--interactive--default--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--hover--inverted:var(--digi--color--border--interactive--hover--inverted--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--interactive--validation--error:var(--digi--color--border--interactive--validation--error--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--sentiment--error:var(--digi--color--border--sentiment--error--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--sentiment--info:var(--digi--color--border--sentiment--info--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--marking--navigation--selected:var(--digi--color--marking--navigation--selected--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--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--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--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--cta:var(--digi--color--icon--cta--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--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--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--logotype-color--light:var(--digi--granskott--700);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--250);--digi--color--infographic--brand--tertiary--light:var(--digi--rallarros--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--text--description--light:var(--digi--grayscale--800);--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--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--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--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--default--quaternary--light:var(--digi--grayscale--100);--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--hover--primary--light:var(--digi--natthimmel--700);--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--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--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--selected--on-menu-minus-button--light:var(--digi--granskott--250);--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--interactive--validation--error--light:var(--digi--sentiment--error--200);--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--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--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--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--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--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--inverted--light:var(--digi--norrsken--500);--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--hover--inverted--light:var(--digi--norrsken--400);--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--interactive--validation--error--light:var(--digi--sentiment--error--500);--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--sentiment--error--light:var(--digi--sentiment--error--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--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--marking--navigation--selected--light:var(--digi--granskott--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--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--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--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--cta--light:var(--digi--sapphire--500);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--granskott--700);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--amber--200:#fff398;--digi--color--amber--50:#fffbdd;--digi--color--amber--500:#ffe200;--digi--color--amber--700:#ffc108;--digi--color--amber--900:#664d00;--digi--color--amethyst--500:#822998;--digi--color--forest--200:#e9f6ec;--digi--color--forest--500:#009322;--digi--color--forest--700:#02703c;--digi--color--indigo--200:#e9e9ff;--digi--color--indigo--500:#0000ff;--digi--color--indigo--700:#0058a3;--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--moon--0:#ffffff;--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--ruby--200:#fdeded;--digi--color--ruby--500:#da0000;--digi--color--ruby--700:#c7311a;--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--logotype-color--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--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--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--tertiary--light--af18:var(--digi--color--rose--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--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--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--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--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--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--default--quaternary--light--af18:var(--digi--grayscale--100);--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--hover--primary--light--af18:var(--digi--color--water--700);--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--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--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--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--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--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--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--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--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--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--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--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--inverted--light--af18:var(--digi--color--leaf--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--hover--inverted--light--af18:var(--digi--color--pear--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--interactive--validation--error--light--af18:var(--digi--sentiment--error--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--sentiment--error--light--af18:var(--digi--sentiment--error--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--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--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--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--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--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--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--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--cta--light--af18:var(--digi--color--sapphire--500);--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--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400)}body.sc-digi-calendar-datepicker{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-calendar-datepicker-h{--digi--datepicker--max-width:18.75rem;--digi--datepicker--border-radius:0.25rem;--digi--datepicker--calendar--max-width:20.25rem;--digi--datepicker--calendar--show-week--max-width:23.375rem;--digi--datepicker--calendar-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--datepicker--calendar--background-color:var(--digi--color--background--interactive--default--secondary);--digi--datepicker--input-icon--width:0.875rem;--digi--datepicker--input-icon--horizontal-padding:0.75rem;--digi--datepicker--input-icon--vertical-padding:var(--digi--global--spacing--smallest-2);--digi--datepicker--input--inline-start:var(--digi--gutter--medium);--digi--datepicker--input--inline-end:calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);box-sizing:content-box}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker.sc-digi-calendar-datepicker{position:relative}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker{position:relative;max-width:var(--digi--datepicker--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__inactive.sc-digi-calendar-datepicker{--digi--form-input--background--empty:var(--digi--datepicker--input--inactive-background)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker{background:var(--digi--color--background--primary);height:var(--digi--form-input--height--medium);color:inherit;border:1px solid var(--digi--color--border--interactive--default--on-input);border-left:none;padding:0;font:inherit;outline:inherit;cursor:pointer}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker .digi-calendar-datepicker__button-icon.sc-digi-calendar-datepicker{box-sizing:content-box;width:var(--digi--datepicker--input-icon--width);padding:var(--digi--datepicker--input-icon--vertical-padding) var(--digi--datepicker--input-icon--horizontal-padding)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker svg.sc-digi-calendar-datepicker{color:var(--digi--color--icon--brand-primary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:hover{background:var(--digi--color--background--interactive--hover--secondary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--max-width);height:0px;border-radius:var(--digi--datepicker--border-radius);overflow:hidden;z-index:1}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-week-numbers.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--show-week--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-calendar.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{height:auto;background-color:var(--digi--datepicker--calendar--background-color);box-shadow:var(--digi--datepicker--calendar-shadow);position:absolute;top:var(--digi--datepicker--calendar--popup-top);left:0}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-component.sc-digi-calendar-datepicker{--digi--form-input--padding:0 var(--digi--datepicker--input--inline-end) 0 var(--digi--datepicker--input--inline-start)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__selected-date-alert.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__sr-instructions.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}";
|
|
2782
|
+
const calendarDatepickerCss = ".sc-digi-calendar-datepicker:root{--digi--grayscale--0:#ffffff;--digi--grayscale--50:#fbfbfb;--digi--grayscale--100:#f4f4f4;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--grayscale--1000:#000000;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0A4DD1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--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--misc--transparent:#ffffff00;--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:.3s;--digi--global--animation--duration--short:.2s;--digi--global--animation--duration--shorter:.1s;--digi--global--animation--duration--shortest:.01s;--digi--global--animation--duration--long:.4s;--digi--global--animation--duration--longer:.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--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--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--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--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--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--visited:var(--digi--color--text--interactive--visited--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-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--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--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--default--quaternary:var(--digi--color--background--interactive--default--quaternary--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--hover--primary:var(--digi--color--background--interactive--hover--primary--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--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--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--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--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--interactive--validation--error:var(--digi--color--background--interactive--validation--error--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--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--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--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--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--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--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--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--inverted:var(--digi--color--border--interactive--default--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--hover--inverted:var(--digi--color--border--interactive--hover--inverted--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--interactive--validation--error:var(--digi--color--border--interactive--validation--error--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--sentiment--error:var(--digi--color--border--sentiment--error--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--sentiment--info:var(--digi--color--border--sentiment--info--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--marking--navigation--selected:var(--digi--color--marking--navigation--selected--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--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--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--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--cta:var(--digi--color--icon--cta--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--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--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--logotype-color--light:var(--digi--granskott--700);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--250);--digi--color--infographic--brand--tertiary--light:var(--digi--rallarros--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--text--description--light:var(--digi--grayscale--800);--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--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--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--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--default--quaternary--light:var(--digi--grayscale--100);--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--hover--primary--light:var(--digi--natthimmel--700);--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--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--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--selected--on-menu-minus-button--light:var(--digi--granskott--250);--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--interactive--validation--error--light:var(--digi--sentiment--error--200);--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--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--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--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--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--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--inverted--light:var(--digi--norrsken--500);--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--hover--inverted--light:var(--digi--norrsken--400);--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--interactive--validation--error--light:var(--digi--sentiment--error--500);--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--sentiment--error--light:var(--digi--sentiment--error--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--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--marking--navigation--selected--light:var(--digi--granskott--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--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--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--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--cta--light:var(--digi--sapphire--500);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--granskott--700);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--amber--200:#fff398;--digi--color--amber--50:#fffbdd;--digi--color--amber--500:#ffe200;--digi--color--amber--700:#ffc108;--digi--color--amber--900:#664d00;--digi--color--amethyst--500:#822998;--digi--color--forest--200:#e9f6ec;--digi--color--forest--500:#009322;--digi--color--forest--700:#02703c;--digi--color--indigo--200:#e9e9ff;--digi--color--indigo--500:#0000ff;--digi--color--indigo--700:#0058a3;--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--moon--0:#ffffff;--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--ruby--200:#fdeded;--digi--color--ruby--500:#da0000;--digi--color--ruby--700:#c7311a;--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--logotype-color--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--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--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--tertiary--light--af18:var(--digi--color--rose--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--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--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--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--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--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--default--quaternary--light--af18:var(--digi--grayscale--100);--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--hover--primary--light--af18:var(--digi--color--water--700);--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--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--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--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--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--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--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--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--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--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--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--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--inverted--light--af18:var(--digi--color--leaf--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--hover--inverted--light--af18:var(--digi--color--pear--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--interactive--validation--error--light--af18:var(--digi--sentiment--error--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--sentiment--error--light--af18:var(--digi--sentiment--error--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--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--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--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--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--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--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--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--cta--light--af18:var(--digi--color--sapphire--500);--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--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400)}body.sc-digi-calendar-datepicker{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-calendar-datepicker-h{--digi--datepicker--max-width:18.75rem;--digi--datepicker--border-radius:0.25rem;--digi--datepicker--calendar--max-width:20.25rem;--digi--datepicker--calendar--show-week--max-width:23.375rem;--digi--datepicker--calendar-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--datepicker--calendar--background-color:var(--digi--color--background--interactive--default--secondary);--digi--datepicker--input-icon--width:0.875rem;--digi--datepicker--input-icon--horizontal-padding:0.75rem;--digi--datepicker--input-icon--vertical-padding:var(--digi--global--spacing--smallest-2);--digi--datepicker--input--inline-start:var(--digi--gutter--medium);--digi--datepicker--input--inline-end:calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);box-sizing:content-box}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker.sc-digi-calendar-datepicker{position:relative;pointer-events:none}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker{position:relative;max-width:var(--digi--datepicker--max-width);pointer-events:auto}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__inactive.sc-digi-calendar-datepicker{--digi--form-input--background--empty:var(--digi--datepicker--input--inactive-background)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker{background:var(--digi--color--background--primary);height:var(--digi--form-input--height--medium);color:inherit;border:1px solid var(--digi--color--border--interactive--default--on-input);border-left:none;padding:0;font:inherit;outline:inherit;cursor:pointer}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker .digi-calendar-datepicker__button-icon.sc-digi-calendar-datepicker{box-sizing:content-box;width:var(--digi--datepicker--input-icon--width);padding:var(--digi--datepicker--input-icon--vertical-padding) var(--digi--datepicker--input-icon--horizontal-padding)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker svg.sc-digi-calendar-datepicker{color:var(--digi--color--icon--brand-primary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:hover,.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus{background:var(--digi--color--background--interactive--hover--secondary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--max-width);height:0px;border-radius:var(--digi--datepicker--border-radius);overflow:hidden;z-index:1}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-week-numbers.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--show-week--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-calendar.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{height:auto;background-color:var(--digi--datepicker--calendar--background-color);box-shadow:var(--digi--datepicker--calendar-shadow);position:absolute;top:var(--digi--datepicker--calendar--popup-top);left:0;pointer-events:auto}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-component.sc-digi-calendar-datepicker{--digi--form-input--padding:0 var(--digi--datepicker--input--inline-end) 0 var(--digi--datepicker--input--inline-start)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__selected-date-alert.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__sr-instructions.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}";
|
|
2803
2783
|
const DigiCalendarDatepickerStyle0 = calendarDatepickerCss;
|
|
2804
2784
|
|
|
2805
2785
|
const CalendarDatepicker = class {
|
|
2806
2786
|
constructor(hostRef) {
|
|
2807
2787
|
index.registerInstance(this, hostRef);
|
|
2808
2788
|
this.afOnDateChange = index.createEvent(this, "afOnDateChange", 7);
|
|
2809
|
-
this.
|
|
2789
|
+
this.afOnDateChangeRawText = index.createEvent(this, "afOnDateChangeRawText", 7);
|
|
2810
2790
|
this.afOnValidationChange = index.createEvent(this, "afOnValidationChange", 7);
|
|
2811
2791
|
this.futureYears = 10;
|
|
2812
2792
|
this.screenReaderUpdateTrigger = false;
|
|
@@ -2814,7 +2794,6 @@ const CalendarDatepicker = class {
|
|
|
2814
2794
|
this.showDisabledDateError = false;
|
|
2815
2795
|
this.showCalendar = false;
|
|
2816
2796
|
this.userInput = '';
|
|
2817
|
-
this.isEditing = false;
|
|
2818
2797
|
this.afId = randomIdGenerator_util.randomIdGenerator('digi-calendar-datepicker');
|
|
2819
2798
|
this.afLabel = text._t.calendar.datepicker.label;
|
|
2820
2799
|
this.afLabelDescription = text._t.calendar.datepicker.description;
|
|
@@ -2826,7 +2805,7 @@ const CalendarDatepicker = class {
|
|
|
2826
2805
|
this.afValidationWrongFormat = text._t.calendar.datepicker.validationWrongFormat;
|
|
2827
2806
|
this.afValidationDisabledDate = text._t.calendar.datepicker.validationDisabledDate;
|
|
2828
2807
|
this.afRequired = undefined;
|
|
2829
|
-
this.afDisableValidation =
|
|
2808
|
+
this.afDisableValidation = false;
|
|
2830
2809
|
this.afRequiredText = undefined;
|
|
2831
2810
|
this.afSelectedDates = [];
|
|
2832
2811
|
this.afYearSelect = false;
|
|
@@ -2836,6 +2815,7 @@ const CalendarDatepicker = class {
|
|
|
2836
2815
|
this.afShowWeekNumber = false;
|
|
2837
2816
|
this.afMultipleDates = false;
|
|
2838
2817
|
this.afCloseOnSelect = false;
|
|
2818
|
+
this.afOpenCalendarTo = undefined;
|
|
2839
2819
|
}
|
|
2840
2820
|
afDisableValidationChangeHandler(newVal) {
|
|
2841
2821
|
if (!newVal) {
|
|
@@ -2922,6 +2902,10 @@ const CalendarDatepicker = class {
|
|
|
2922
2902
|
e.stopPropagation();
|
|
2923
2903
|
}
|
|
2924
2904
|
}
|
|
2905
|
+
focusOnCalendarInput() {
|
|
2906
|
+
const input = this.hostElement.querySelector(`#${this.afId}-datepicker input`);
|
|
2907
|
+
input === null || input === void 0 ? void 0 : input.focus();
|
|
2908
|
+
}
|
|
2925
2909
|
focusOnCalendarButton() {
|
|
2926
2910
|
const calendarButton = this.hostElement.querySelector(`#${this.afId}-button`);
|
|
2927
2911
|
calendarButton.focus();
|
|
@@ -2946,7 +2930,7 @@ const CalendarDatepicker = class {
|
|
|
2946
2930
|
}
|
|
2947
2931
|
parseInputString(value) {
|
|
2948
2932
|
return value
|
|
2949
|
-
.split(
|
|
2933
|
+
.split(new RegExp(`[&,]|${text._t.and}`, 'g'))
|
|
2950
2934
|
.map((text) => this.parseDateString(text.trim()));
|
|
2951
2935
|
}
|
|
2952
2936
|
resetValueAndState() {
|
|
@@ -2973,8 +2957,14 @@ const CalendarDatepicker = class {
|
|
|
2973
2957
|
validateInputAndShowErrors(dates) {
|
|
2974
2958
|
this.showWrongFormatError = !!dates.find((date) => !index$1.isValid(date));
|
|
2975
2959
|
this.showDisabledDateError = !!dates.find((date) => !this.isDateSelectable(date));
|
|
2960
|
+
const inputIsValid = !this.showWrongFormatError && !this.showDisabledDateError;
|
|
2976
2961
|
this.afOnValidationChange.emit({
|
|
2977
|
-
|
|
2962
|
+
isValid: inputIsValid,
|
|
2963
|
+
validationText: inputIsValid
|
|
2964
|
+
? undefined
|
|
2965
|
+
: this.showWrongFormatError
|
|
2966
|
+
? this.afValidationWrongFormat
|
|
2967
|
+
: this.afValidationDisabledDate
|
|
2978
2968
|
});
|
|
2979
2969
|
}
|
|
2980
2970
|
setValue(value) {
|
|
@@ -2995,10 +2985,22 @@ const CalendarDatepicker = class {
|
|
|
2995
2985
|
return;
|
|
2996
2986
|
}
|
|
2997
2987
|
let dates = this.parseInputString(newValue);
|
|
2998
|
-
|
|
2988
|
+
// Single dates - acceptera inte flera datum inskrivna
|
|
2989
|
+
if (!this.afDisableValidation &&
|
|
2990
|
+
!this.afMultipleDates &&
|
|
2991
|
+
dates.length > 1) {
|
|
2992
|
+
this.showWrongFormatError = true;
|
|
2993
|
+
this.afOnValidationChange.emit({
|
|
2994
|
+
isValid: false,
|
|
2995
|
+
validationText: this.afValidationWrongFormat
|
|
2996
|
+
});
|
|
2997
|
+
return;
|
|
2998
|
+
}
|
|
2999
|
+
// Multiple dates - filtrera bort dubbletter
|
|
3000
|
+
if (!this.afDisableValidation && this.afMultipleDates) {
|
|
2999
3001
|
const uniqueDates = this.removeDuplicateDates(dates);
|
|
3000
3002
|
if (uniqueDates.length !== dates.length) {
|
|
3001
|
-
dates =
|
|
3003
|
+
dates = uniqueDates;
|
|
3002
3004
|
this.userInput = this.datesToInputString(dates);
|
|
3003
3005
|
}
|
|
3004
3006
|
}
|
|
@@ -3017,7 +3019,7 @@ const CalendarDatepicker = class {
|
|
|
3017
3019
|
}
|
|
3018
3020
|
this.userInput = '';
|
|
3019
3021
|
this.setValue(evt.detail);
|
|
3020
|
-
this.
|
|
3022
|
+
this.afOnDateChangeRawText.emit(this.inputValue);
|
|
3021
3023
|
if (this.afCloseOnSelect) {
|
|
3022
3024
|
this.toggleCalendar();
|
|
3023
3025
|
this.focusOnCalendarButton();
|
|
@@ -3110,7 +3112,7 @@ const CalendarDatepicker = class {
|
|
|
3110
3112
|
datesToInputString(dates) {
|
|
3111
3113
|
return dates.every((date) => date instanceof Date && !isNaN(date.getTime()))
|
|
3112
3114
|
? dates
|
|
3113
|
-
.map((date) => date.toLocaleDateString(
|
|
3115
|
+
.map((date) => date.toLocaleDateString(text._t.locale))
|
|
3114
3116
|
.flatMap((date, index, all) => {
|
|
3115
3117
|
const isLast = index == all.length - 1;
|
|
3116
3118
|
const isFirst = index === 0;
|
|
@@ -3118,7 +3120,7 @@ const CalendarDatepicker = class {
|
|
|
3118
3120
|
return date;
|
|
3119
3121
|
}
|
|
3120
3122
|
else if (isLast) {
|
|
3121
|
-
return [
|
|
3123
|
+
return [` ${text._t.and} `, date];
|
|
3122
3124
|
}
|
|
3123
3125
|
else {
|
|
3124
3126
|
return [', ', date];
|
|
@@ -3134,44 +3136,37 @@ const CalendarDatepicker = class {
|
|
|
3134
3136
|
return this.afSelectedDates;
|
|
3135
3137
|
}
|
|
3136
3138
|
render() {
|
|
3137
|
-
return (index.h(index.Host, { key: '
|
|
3138
|
-
? typographyVariation_enum.FormInputValidation.
|
|
3139
|
-
: this.
|
|
3140
|
-
? typographyVariation_enum.FormInputValidation.ERROR
|
|
3141
|
-
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
3139
|
+
return (index.h(index.Host, { key: '0e4fa182ae33ac82d440e3841f853e6328b67794' }, index.h("div", { key: '81e2d07ec330b4e2994e1fd86d693dcb5405410d', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index.h("div", { key: 'a47c94fa8498d8f88caea31f725fd0294ea03ac2', class: "digi-calendar-datepicker__input-field" }, index.h("digi-form-input", { key: 'af7ad6bdec9ec1e45e11ff2ac06a51fdad7ea80a', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
|
|
3140
|
+
? typographyVariation_enum.FormInputValidation.ERROR
|
|
3141
|
+
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
3142
3142
|
evt.stopImmediatePropagation();
|
|
3143
|
-
this.isEditing = true;
|
|
3144
3143
|
this.parseInput(evt);
|
|
3145
3144
|
}, onAfOnBlur: (evt) => {
|
|
3146
3145
|
evt.stopImmediatePropagation();
|
|
3147
|
-
this.
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3146
|
+
this.afOnDateChangeRawText.emit(this.inputValue);
|
|
3147
|
+
}, onKeyDown: (e) => {
|
|
3148
|
+
if (!this.showCalendar || e.key !== 'Tab' || !e.shiftKey)
|
|
3149
|
+
return;
|
|
3150
|
+
if (e.target.tagName !== 'INPUT')
|
|
3151
|
+
return;
|
|
3152
|
+
e.preventDefault();
|
|
3153
|
+
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
3154
|
+
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
3155
|
+
} }, index.h("button", { key: 'fbd02f05da4d93f60a4c4d8b52adba311fc4a324', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
3152
3156
|
? this.afCloseCalendarAriaLabel
|
|
3153
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, this.showCalendar ? (index.h("digi-icon-x", { class: "digi-calendar-datepicker__button-icon", slot: "icon" })) : (index.h("digi-icon-calendar-alt", { class: "digi-calendar-datepicker__button-icon", slot: "icon" }))))), index.h("div", { key: '
|
|
3157
|
+
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, this.showCalendar ? (index.h("digi-icon-x", { class: "digi-calendar-datepicker__button-icon", slot: "icon" })) : (index.h("digi-icon-calendar-alt", { class: "digi-calendar-datepicker__button-icon", slot: "icon" }))))), index.h("div", { key: '07bed93717efb5bf1dba04ce61f2006403a860d2', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, index.h("p", { key: '8fc156658ea084cf2291149f2f4c6a7a246b731f', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
|
|
3154
3158
|
? `${text._t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
3155
|
-
: ''), index.h("digi-calendar", { key: '
|
|
3159
|
+
: ''), index.h("digi-calendar", { key: '0cf7d10740ad6be29431c366127893741184544d', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
|
|
3156
3160
|
evt.stopImmediatePropagation();
|
|
3157
3161
|
this.parseCalendar(evt);
|
|
3158
|
-
},
|
|
3159
|
-
if (this.showCalendar)
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
if (isDateButton) {
|
|
3167
|
-
this.focusOnCalendarButton();
|
|
3168
|
-
}
|
|
3169
|
-
else if (isToggleButton) {
|
|
3170
|
-
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
3171
|
-
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
3172
|
-
}
|
|
3173
|
-
}
|
|
3174
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (index.h("div", { key: 'e05fb1b11b44ad4c4f5c7ad452aa7f7e548f8db5', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
|
|
3162
|
+
}, onKeyDown: (e) => {
|
|
3163
|
+
if (!this.showCalendar || e.key !== 'Tab' || e.shiftKey)
|
|
3164
|
+
return;
|
|
3165
|
+
if (!e.target.classList.contains('digi-calendar__date'))
|
|
3166
|
+
return;
|
|
3167
|
+
e.preventDefault();
|
|
3168
|
+
this.focusOnCalendarInput();
|
|
3169
|
+
} })), this.afCloseOnSelect && !this.afMultipleDates && (index.h("div", { key: 'ba8d4fb43fc1c54cc417e48c42c47264e2731e74', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
|
|
3175
3170
|
? `${text._t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
3176
3171
|
: '')))));
|
|
3177
3172
|
}
|
|
@@ -3206,7 +3201,6 @@ const FormInput = class {
|
|
|
3206
3201
|
this.hasButton = undefined;
|
|
3207
3202
|
this.dirty = false;
|
|
3208
3203
|
this.touched = false;
|
|
3209
|
-
this.isEditing = false;
|
|
3210
3204
|
this.afLabel = undefined;
|
|
3211
3205
|
this.afLabelDescription = undefined;
|
|
3212
3206
|
this.afType = formInputType_enum.FormInputType.TEXT;
|
|
@@ -3245,6 +3239,9 @@ const FormInput = class {
|
|
|
3245
3239
|
}
|
|
3246
3240
|
onAfValueChanged(value) {
|
|
3247
3241
|
this.value = value;
|
|
3242
|
+
if (this._input && this._input.value !== String(value !== null && value !== void 0 ? value : '')) {
|
|
3243
|
+
this._input.value = String(value !== null && value !== void 0 ? value : '');
|
|
3244
|
+
}
|
|
3248
3245
|
}
|
|
3249
3246
|
afValidationTextWatch() {
|
|
3250
3247
|
this.setActiveValidationMessage();
|
|
@@ -3277,8 +3274,8 @@ const FormInput = class {
|
|
|
3277
3274
|
'digi-form-input--large': this.afVariation === typographyVariation_enum.FormInputVariation.LARGE,
|
|
3278
3275
|
'digi-form-input--neutral': this.afValidation === typographyVariation_enum.FormInputValidation.NEUTRAL,
|
|
3279
3276
|
'digi-form-input--success': this.afValidation === typographyVariation_enum.FormInputValidation.SUCCESS,
|
|
3280
|
-
'digi-form-input--error':
|
|
3281
|
-
'digi-form-input--warning':
|
|
3277
|
+
'digi-form-input--error': this.afValidation === typographyVariation_enum.FormInputValidation.ERROR,
|
|
3278
|
+
'digi-form-input--warning': this.afValidation === typographyVariation_enum.FormInputValidation.WARNING,
|
|
3282
3279
|
[`digi-form-input--button-variation-${this.afButtonVariation}`]: !!this.afButtonVariation,
|
|
3283
3280
|
[`digi-form-input--has-button-${this.hasButton}`]: true,
|
|
3284
3281
|
'digi-form-input--empty': !this.afValue &&
|
|
@@ -3310,7 +3307,6 @@ const FormInput = class {
|
|
|
3310
3307
|
this.afOnTouched.emit(e);
|
|
3311
3308
|
this.touched = true;
|
|
3312
3309
|
}
|
|
3313
|
-
this.isEditing = false;
|
|
3314
3310
|
this.afOnBlur.emit(e);
|
|
3315
3311
|
}
|
|
3316
3312
|
changeHandler(e) {
|
|
@@ -3342,10 +3338,10 @@ const FormInput = class {
|
|
|
3342
3338
|
this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
|
|
3343
3339
|
}
|
|
3344
3340
|
render() {
|
|
3345
|
-
return (index.h("div", { key: '
|
|
3341
|
+
return (index.h("div", { key: '6309c6b61d95e8a96c724c1493daac592aa79f81', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '3ef5a2a1251e0e3c1c99a761482c4ec5ff634430', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: 'ebcb01079c78738339e5317cf9239f1a89e31921', class: "digi-form-input__input-wrapper" }, index.h("input", Object.assign({ key: '6ec3288227014624b27d7d10797fb7fde4c47f26', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === typographyVariation_enum.FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == typographyVariation_enum.FormInputMode.DEFAULT
|
|
3346
3342
|
? {}
|
|
3347
|
-
: { inputmode: this.afInputmode }))), index.h("slot", { key: '
|
|
3348
|
-
this.afValidation != typographyVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '
|
|
3343
|
+
: { inputmode: this.afInputmode }))), index.h("slot", { key: '0da5dfcd73e997a16bf3be18b4cbd3651cab7ebb', name: "button" })), index.h("div", { key: '4f24b7c3b070e5f8fbe4396d38865c1afa59709e', class: "digi-form-input__footer" }, index.h("div", { key: 'f0b6ee56051886efbecf82c136338c42130d80d8', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
|
|
3344
|
+
this.afValidation != typographyVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '0f00497d0bf3c0da8a11f60fbdb302c11b41e8aa', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
|
|
3349
3345
|
}
|
|
3350
3346
|
get hostElement() { return index.getElement(this); }
|
|
3351
3347
|
static get watchers() { return {
|
|
@@ -3541,17 +3537,17 @@ const FormSelect = class {
|
|
|
3541
3537
|
: false;
|
|
3542
3538
|
}
|
|
3543
3539
|
render() {
|
|
3544
|
-
return (index.h("div", { key: '
|
|
3540
|
+
return (index.h("div", { key: '09b309b4f5b1397162fa1b398f58d1696ebd2479', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, index.h("div", { key: 'e2d824232a6630111b87f325e3e5583d2dd08bd3', class: "digi-form-select__label-group" }, index.h("digi-form-label", { key: 'f60f04f30a9594d39b439239230441241d4fbe6c', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '621062b207232904aa2a6a6fbaa93ebedb146210', class: "digi-form-select__select-wrapper" }, index.h("select", { key: 'd199ce9bf648952a1309f8ac8914b9da59f15f98', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === typographyVariation_enum.FormSelectValidation.ERROR
|
|
3545
3541
|
? 'true'
|
|
3546
|
-
: 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: '
|
|
3542
|
+
: 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: '1537f5bbf4d76e607663b241913912e034af2006', class: {
|
|
3547
3543
|
'digi-form-select__select-option': true,
|
|
3548
3544
|
'digi-form-select__select-option--initial-value': true
|
|
3549
3545
|
}, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index$1) => {
|
|
3550
3546
|
return (index.h("option", { key: index$1, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
|
|
3551
|
-
})), index.h("digi-icon-input-select-marker", { key: '
|
|
3547
|
+
})), index.h("digi-icon-input-select-marker", { key: '43cc5722be7b769a59661c6128c3bd3149172adc', class: "digi-form-select__icon", slot: "icon" })), index.h("digi-util-mutation-observer", { key: '74e420460572eeb8d9ca308190dc33191b608b4e', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
|
|
3552
3548
|
e.stopImmediatePropagation();
|
|
3553
3549
|
this.getOptions();
|
|
3554
|
-
} }, index.h("slot", { key: '
|
|
3550
|
+
} }, index.h("slot", { key: 'd77e562c340452ec68c7dedda478c4d66933324a' })), index.h("div", { key: '81a982666ecded6b8b614bff3598b4dcaf91b2af', class: "digi-form-select__footer" }, index.h("div", { key: '5d6c5b802eba0c2238dec9930a6655f3ce57342c', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'f2c347f0404db61bace89dd4aa7e98c50b7ac30d', "af-variation": this.afValidation }, this.afValidationText))))));
|
|
3555
3551
|
}
|
|
3556
3552
|
get hostElement() { return index.getElement(this); }
|
|
3557
3553
|
static get watchers() { return {
|
|
@@ -3561,132 +3557,6 @@ const FormSelect = class {
|
|
|
3561
3557
|
};
|
|
3562
3558
|
FormSelect.style = DigiFormSelectStyle0;
|
|
3563
3559
|
|
|
3564
|
-
const formTextareaCss = ".sc-digi-form-textarea-h{--digi--form-textarea--height--small:4.6875rem;--digi--form-textarea--height--medium:8.4375rem;--digi--form-textarea--height--large:10.3125rem;--digi--form-textarea--height--auto:auto;--digi--form-textarea--border-radius:var(--digi--border-radius--input);--digi--form-textarea--padding:calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);--digi--form-textarea--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-textarea--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-textarea--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-textarea--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-textarea--border--error:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--success:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-textarea--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-textarea--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-textarea--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-textarea-h .digi-form-textarea.sc-digi-form-textarea{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-textarea-h .digi-form-textarea--small.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--small)}.sc-digi-form-textarea-h .digi-form-textarea--medium.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--medium)}.sc-digi-form-textarea-h .digi-form-textarea--large.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--large)}.sc-digi-form-textarea-h .digi-form-textarea--neutral.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--neutral);--BORDER-COLOR:var(--digi--form-textarea--border-color--neutral);--BACKGROUND:var(--digi--form-textarea--background--neutral)}.sc-digi-form-textarea-h .digi-form-textarea--empty.sc-digi-form-textarea:not(:focus-within){--BACKGROUND:var(--digi--form-textarea--background--empty)}.sc-digi-form-textarea-h .digi-form-textarea--success.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--success);--BORDER-COLOR:var(--digi--form-textarea--border-color--success);--BACKGROUND:var(--digi--form-textarea--background--success)}.sc-digi-form-textarea-h .digi-form-textarea--warning.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--warning);--BORDER-COLOR:var(--digi--form-textarea--border-color--warning);--BACKGROUND:var(--digi--form-textarea--background--warning)}.sc-digi-form-textarea-h .digi-form-textarea--error.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--error);--BORDER-COLOR:var(--digi--form-textarea--border-color--error);--BACKGROUND:var(--digi--form-textarea--background--error)}.sc-digi-form-textarea-h .digi-form-textarea__content.sc-digi-form-textarea{width:100%}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea{height:var(--HEIGHT);width:inherit;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-textarea--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-textarea--border-radius);box-sizing:border-box}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
|
|
3565
|
-
const DigiFormTextareaStyle0 = formTextareaCss;
|
|
3566
|
-
|
|
3567
|
-
const FormTextarea = class {
|
|
3568
|
-
constructor(hostRef) {
|
|
3569
|
-
index.registerInstance(this, hostRef);
|
|
3570
|
-
this.afOnChange = index.createEvent(this, "afOnChange", 7);
|
|
3571
|
-
this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
|
|
3572
|
-
this.afOnKeyup = index.createEvent(this, "afOnKeyup", 7);
|
|
3573
|
-
this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
|
|
3574
|
-
this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
|
|
3575
|
-
this.afOnInput = index.createEvent(this, "afOnInput", 7);
|
|
3576
|
-
this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
|
|
3577
|
-
this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
|
|
3578
|
-
this.afOnReady = index.createEvent(this, "afOnReady", 3);
|
|
3579
|
-
this.hasActiveValidationMessage = false;
|
|
3580
|
-
this.dirty = false;
|
|
3581
|
-
this.touched = false;
|
|
3582
|
-
this.isEditing = false;
|
|
3583
|
-
this.afLabel = undefined;
|
|
3584
|
-
this.afLabelDescription = undefined;
|
|
3585
|
-
this.afVariation = typographyVariation_enum.FormTextareaVariation.MEDIUM;
|
|
3586
|
-
this.afName = undefined;
|
|
3587
|
-
this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-textarea');
|
|
3588
|
-
this.afMaxlength = undefined;
|
|
3589
|
-
this.afMinlength = undefined;
|
|
3590
|
-
this.afRequired = undefined;
|
|
3591
|
-
this.afRequiredText = undefined;
|
|
3592
|
-
this.afAnnounceIfOptional = false;
|
|
3593
|
-
this.afAnnounceIfOptionalText = undefined;
|
|
3594
|
-
this.value = undefined;
|
|
3595
|
-
this.afValue = undefined;
|
|
3596
|
-
this.afValidation = typographyVariation_enum.FormTextareaValidation.NEUTRAL;
|
|
3597
|
-
this.afValidationText = undefined;
|
|
3598
|
-
this.afRole = undefined;
|
|
3599
|
-
this.afAriaActivedescendant = undefined;
|
|
3600
|
-
this.afAriaLabelledby = undefined;
|
|
3601
|
-
this.afAriaDescribedby = undefined;
|
|
3602
|
-
this.afAutofocus = undefined;
|
|
3603
|
-
}
|
|
3604
|
-
onValueChanged(value) {
|
|
3605
|
-
this.afValue = value;
|
|
3606
|
-
}
|
|
3607
|
-
onAfValueChanged(value) {
|
|
3608
|
-
this.value = value;
|
|
3609
|
-
}
|
|
3610
|
-
afValidationTextWatch() {
|
|
3611
|
-
this.setActiveValidationMessage();
|
|
3612
|
-
}
|
|
3613
|
-
/**
|
|
3614
|
-
* Hämtar en referens till textareaelementet. Bra för att t.ex. sätta fokus programmatiskt.
|
|
3615
|
-
* @en Returns a reference to the textarea element. Handy for setting focus programmatically.
|
|
3616
|
-
*/
|
|
3617
|
-
async afMGetFormControlElement() {
|
|
3618
|
-
return this._textarea;
|
|
3619
|
-
}
|
|
3620
|
-
componentWillLoad() {
|
|
3621
|
-
this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
|
|
3622
|
-
this.setActiveValidationMessage();
|
|
3623
|
-
}
|
|
3624
|
-
componentDidLoad() {
|
|
3625
|
-
this.afOnReady.emit();
|
|
3626
|
-
}
|
|
3627
|
-
setActiveValidationMessage() {
|
|
3628
|
-
this.hasActiveValidationMessage = !!this.afValidationText;
|
|
3629
|
-
}
|
|
3630
|
-
get cssModifiers() {
|
|
3631
|
-
return {
|
|
3632
|
-
'digi-form-textarea--small': this.afVariation === typographyVariation_enum.FormTextareaVariation.SMALL,
|
|
3633
|
-
'digi-form-textarea--medium': this.afVariation === typographyVariation_enum.FormTextareaVariation.MEDIUM,
|
|
3634
|
-
'digi-form-textarea--large': this.afVariation === typographyVariation_enum.FormTextareaVariation.LARGE,
|
|
3635
|
-
'digi-form-textarea--auto': this.afVariation === typographyVariation_enum.FormTextareaVariation.AUTO,
|
|
3636
|
-
'digi-form-textarea--neutral': this.afValidation === typographyVariation_enum.FormTextareaValidation.NEUTRAL,
|
|
3637
|
-
'digi-form-textarea--success': this.afValidation === typographyVariation_enum.FormTextareaValidation.SUCCESS,
|
|
3638
|
-
'digi-form-textarea--error': !this.isEditing && this.afValidation === typographyVariation_enum.FormTextareaValidation.ERROR,
|
|
3639
|
-
'digi-form-textarea--warning': !this.isEditing && this.afValidation === typographyVariation_enum.FormTextareaValidation.WARNING,
|
|
3640
|
-
'digi-form-textarea--empty': !this.afValue &&
|
|
3641
|
-
(!this.afValidation ||
|
|
3642
|
-
this.afValidation === typographyVariation_enum.FormTextareaValidation.NEUTRAL)
|
|
3643
|
-
};
|
|
3644
|
-
}
|
|
3645
|
-
blurHandler(e) {
|
|
3646
|
-
this.isEditing = false;
|
|
3647
|
-
if (!this.touched) {
|
|
3648
|
-
this.afOnTouched.emit(e);
|
|
3649
|
-
this.touched = true;
|
|
3650
|
-
}
|
|
3651
|
-
this.setActiveValidationMessage();
|
|
3652
|
-
this.afOnBlur.emit(e);
|
|
3653
|
-
}
|
|
3654
|
-
changeHandler(e) {
|
|
3655
|
-
this.afOnChange.emit(e);
|
|
3656
|
-
}
|
|
3657
|
-
focusHandler(e) {
|
|
3658
|
-
this.afOnFocus.emit(e);
|
|
3659
|
-
}
|
|
3660
|
-
focusoutHandler(e) {
|
|
3661
|
-
this.afOnFocusout.emit(e);
|
|
3662
|
-
}
|
|
3663
|
-
keyupHandler(e) {
|
|
3664
|
-
this.afOnKeyup.emit(e);
|
|
3665
|
-
}
|
|
3666
|
-
inputHandler(e) {
|
|
3667
|
-
this.afValue = this.value = e.target.value;
|
|
3668
|
-
if (!this.dirty) {
|
|
3669
|
-
this.afOnDirty.emit(e);
|
|
3670
|
-
this.dirty = true;
|
|
3671
|
-
}
|
|
3672
|
-
this.setActiveValidationMessage();
|
|
3673
|
-
this.afOnInput.emit(e);
|
|
3674
|
-
}
|
|
3675
|
-
render() {
|
|
3676
|
-
return (index.h("div", { key: 'ca77f5d62dc794ff17223c0c914ef00d070d4845', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: 'd155dcb5c0cb754cd76c557e9bc382836e3ef76a', class: "digi-form-textarea__label" }, index.h("digi-form-label", { key: '5c8d3b5b19417aa280812c2770cbb4cad2692969', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: 'dcddec6e31b9e97b9ba1d4109adf112af0a07b29', class: "digi-form-textarea__content" }, index.h("textarea", { key: 'c399e1aa0ef714c2a356edf6b538a71df1b27994', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyDown: () => this.isEditing = true, onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormTextareaValidation.ERROR
|
|
3677
|
-
? 'true'
|
|
3678
|
-
: 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), index.h("div", { key: '8954b122a04e741550553e5b5dc29145346501b3', class: "digi-form-textarea__footer" }, index.h("div", { key: '9540eee3c9c2aa70e0139b4b84f035494e9aee21', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, !this.isEditing && this.hasActiveValidationMessage &&
|
|
3679
|
-
this.afValidation != typographyVariation_enum.FormTextareaValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '350b51a7cd29627a53f2267a1726ad4917657cef', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
|
|
3680
|
-
}
|
|
3681
|
-
get hostElement() { return index.getElement(this); }
|
|
3682
|
-
static get watchers() { return {
|
|
3683
|
-
"value": ["onValueChanged"],
|
|
3684
|
-
"afValue": ["onAfValueChanged"],
|
|
3685
|
-
"afValidationText": ["afValidationTextWatch"]
|
|
3686
|
-
}; }
|
|
3687
|
-
};
|
|
3688
|
-
FormTextarea.style = DigiFormTextareaStyle0;
|
|
3689
|
-
|
|
3690
3560
|
const formValidationMessageCss = ".sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icon--validation--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icon--validation--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icon--validation--error)}.sc-digi-form-validation-message-h .digi-form-validation-message.sc-digi-form-validation-message{display:flex;flex-wrap:wrap;align-items:center}.sc-digi-form-validation-message-h .digi-form-validation-message--success.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--success)}.sc-digi-form-validation-message-h .digi-form-validation-message--warning.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--warning)}.sc-digi-form-validation-message-h .digi-form-validation-message--error.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--error)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message{color:var(--ICON-COLOR);margin-inline-end:var(--digi--gutter--icon)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message>*.sc-digi-form-validation-message{--digi--icon--width:1.25em;--digi--icon--height:1.25em;--digi--icon--color:var(--ICON-COLOR);display:flex}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message .warning.sc-digi-form-validation-message{top:3px;position:relative}.sc-digi-form-validation-message-h .digi-form-validation-message__text.sc-digi-form-validation-message{flex:1;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);color:var(--digi--color--text--primary)}";
|
|
3691
3561
|
const DigiFormValidationMessageStyle0 = formValidationMessageCss;
|
|
3692
3562
|
|
|
@@ -3895,25 +3765,6 @@ const IconX = class {
|
|
|
3895
3765
|
};
|
|
3896
3766
|
IconX.style = DigiIconXStyle0;
|
|
3897
3767
|
|
|
3898
|
-
const typographyCss = "digi-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--mobile\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--mobile\n );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--mobile\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--mobile\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--mobile\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--mobile\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--mobile\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--mobile\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--mobile\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--mobile\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--mobile\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 61.9375rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul,digi-typography ol{margin:0 0 var(--MARGIN--BODY) 0;padding-inline-start:1.5rem}digi-typography ul li,digi-typography ol li{margin-top:initial;margin-bottom:0.5rem;box-sizing:border-box;width:100%;padding-left:0}digi-typography ul li:last-child,digi-typography ol li:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--interactive--primary);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--interactive--visited)}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--interactive--primary)}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
|
|
3899
|
-
const DigiTypographyStyle0 = typographyCss;
|
|
3900
|
-
|
|
3901
|
-
const Typography = class {
|
|
3902
|
-
constructor(hostRef) {
|
|
3903
|
-
index.registerInstance(this, hostRef);
|
|
3904
|
-
this.hideVisitedColor = undefined;
|
|
3905
|
-
}
|
|
3906
|
-
get cssModifiers() {
|
|
3907
|
-
return {
|
|
3908
|
-
'digi-typography--hide-visited': this.hideVisitedColor
|
|
3909
|
-
};
|
|
3910
|
-
}
|
|
3911
|
-
render() {
|
|
3912
|
-
return (index.h("div", { key: '0a53e415d6ac45f689b60eed07395369e17f4d70', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '42d3601d815402494c54be1029bb2aa1f81750ee' })));
|
|
3913
|
-
}
|
|
3914
|
-
};
|
|
3915
|
-
Typography.style = DigiTypographyStyle0;
|
|
3916
|
-
|
|
3917
3768
|
const UtilKeydownHandler = class {
|
|
3918
3769
|
constructor(hostRef) {
|
|
3919
3770
|
index.registerInstance(this, hostRef);
|
|
@@ -4051,7 +3902,6 @@ exports.digi_calendar_datepicker = CalendarDatepicker;
|
|
|
4051
3902
|
exports.digi_form_input = FormInput;
|
|
4052
3903
|
exports.digi_form_label = FormLabel;
|
|
4053
3904
|
exports.digi_form_select = FormSelect;
|
|
4054
|
-
exports.digi_form_textarea = FormTextarea;
|
|
4055
3905
|
exports.digi_form_validation_message = FormValidationMessage;
|
|
4056
3906
|
exports.digi_icon_calendar_alt = IconCalendarAlt;
|
|
4057
3907
|
exports.digi_icon_chevron_left = IconChevronLeft;
|
|
@@ -4061,6 +3911,5 @@ exports.digi_icon_validation_error = IconValidationError;
|
|
|
4061
3911
|
exports.digi_icon_validation_success = IconCheckCircle;
|
|
4062
3912
|
exports.digi_icon_validation_warning = IconValidationWarning;
|
|
4063
3913
|
exports.digi_icon_x = IconX;
|
|
4064
|
-
exports.digi_typography = Typography;
|
|
4065
3914
|
exports.digi_util_keydown_handler = UtilKeydownHandler;
|
|
4066
3915
|
exports.digi_util_mutation_observer = UtilMutationObserver;
|