@designsystem-se/af 39.2.3 → 39.3.0-beta.darkmode.1
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.js +1 -1
- package/components/digi-badge-status.js +2 -2
- package/components/digi-bar-chart.js +8 -8
- package/components/digi-button.js +1 -1
- package/components/digi-calendar-datepicker.js +26 -25
- package/components/digi-calendar-week-view.js +5 -5
- package/components/digi-calendar.js +1 -1
- package/components/digi-chart-line.js +6 -6
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +18 -18
- package/components/digi-code.js +1 -1
- package/components/digi-context-menu.js +8 -8
- package/components/digi-dialog.js +9 -9
- package/components/digi-expandable-accordion.js +3 -3
- package/components/digi-expandable-faq-item.js +3 -3
- package/components/digi-expandable-faq.js +1 -1
- package/components/digi-footer-card.js +1 -1
- package/components/digi-footer.js +8 -8
- package/components/digi-form-category-filter.js +5 -5
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +13 -13
- package/components/digi-form-fieldset.js +1 -1
- package/components/digi-form-file-upload.js +13 -13
- package/components/digi-form-filter.js +5 -5
- package/components/digi-form-input-search.js +9 -9
- package/components/digi-form-input.js +1 -1
- package/components/digi-form-label.js +1 -1
- package/components/digi-form-radiobutton.js +1 -1
- package/components/digi-form-radiogroup.js +5 -5
- package/components/digi-form-receipt.js +7 -7
- package/components/digi-form-select-filter.js +26 -23
- package/components/digi-form-select.js +1 -1
- package/components/digi-form-textarea.js +9 -9
- package/components/digi-form-validation-message.js +1 -1
- package/components/digi-header-avatar.js +5 -5
- package/components/digi-header-navigation-item.js +2 -2
- package/components/digi-header-navigation.js +13 -13
- package/components/digi-header-notification.js +3 -3
- package/components/digi-header.js +13 -13
- package/components/digi-icon-accessibility-deaf.js +3 -3
- package/components/digi-icon-accessibility-universal.js +3 -3
- package/components/digi-icon-apple.js +3 -3
- package/components/digi-icon-archive-outline.js +3 -3
- package/components/digi-icon-archive.js +3 -3
- package/components/digi-icon-arrow-back.js +3 -3
- package/components/digi-icon-arrow-down.js +3 -3
- package/components/digi-icon-arrow-left.js +3 -3
- package/components/digi-icon-arrow-right.js +1 -1
- package/components/digi-icon-arrow-sign-in.js +3 -3
- package/components/digi-icon-arrow-sign-out.js +3 -3
- package/components/digi-icon-arrow-up.js +3 -3
- package/components/digi-icon-at.js +3 -3
- package/components/digi-icon-bars.js +1 -1
- package/components/digi-icon-bell-filled.js +3 -3
- package/components/digi-icon-bell.js +3 -3
- package/components/digi-icon-book.js +3 -3
- package/components/digi-icon-bookmark-outline.js +3 -3
- package/components/digi-icon-bookmark-solid.js +3 -3
- package/components/digi-icon-bubble-ellipsis.js +3 -3
- package/components/digi-icon-bubble.js +3 -3
- package/components/digi-icon-building-outline.js +3 -3
- package/components/digi-icon-building-solid.js +3 -3
- package/components/digi-icon-bullseye.js +3 -3
- package/components/digi-icon-calculator-solid.js +3 -3
- package/components/digi-icon-calendar-alt-alert.js +3 -3
- package/components/digi-icon-calendar-alt.js +1 -1
- package/components/digi-icon-calendar.js +3 -3
- package/components/digi-icon-caret-circle-right.js +3 -3
- package/components/digi-icon-caret-down.js +1 -1
- package/components/digi-icon-caret-left.js +3 -3
- package/components/digi-icon-caret-right.js +3 -3
- package/components/digi-icon-caret-up.js +1 -1
- package/components/digi-icon-chart.js +1 -1
- package/components/digi-icon-chat.js +3 -3
- package/components/digi-icon-check-circle-reg-alt.js +3 -3
- package/components/digi-icon-check-circle-solid.js +1 -1
- package/components/digi-icon-check.js +1 -1
- package/components/digi-icon-checklist.js +3 -3
- package/components/digi-icon-chevron-down.js +1 -1
- package/components/digi-icon-chevron-left.js +1 -1
- package/components/digi-icon-chevron-right.js +1 -1
- package/components/digi-icon-chevron-up.js +3 -3
- package/components/digi-icon-clock.js +3 -3
- package/components/digi-icon-communication-play-solid.js +3 -3
- package/components/digi-icon-compress-alt.js +3 -3
- package/components/digi-icon-comunication-case.js +3 -3
- package/components/digi-icon-comunication-flag.js +3 -3
- package/components/digi-icon-comunication-graduate.js +3 -3
- package/components/digi-icon-comunication-play.js +3 -3
- package/components/digi-icon-cooperation.js +3 -3
- package/components/digi-icon-copy.js +1 -1
- package/components/digi-icon-danger-outline.js +3 -3
- package/components/digi-icon-download.js +3 -3
- package/components/digi-icon-dxa.js +3 -3
- package/components/digi-icon-edit.js +3 -3
- package/components/digi-icon-ellipsis.js +3 -3
- package/components/digi-icon-envelope-filled.js +3 -3
- package/components/digi-icon-envelope.js +3 -3
- package/components/digi-icon-exclamation-circle-filled.js +3 -3
- package/components/digi-icon-exclamation-triangle-filled.js +3 -3
- package/components/digi-icon-exclamation-triangle-warning.js +3 -3
- package/components/digi-icon-exclamation-triangle.js +3 -3
- package/components/digi-icon-expand-alt.js +3 -3
- package/components/digi-icon-external-link-alt.js +1 -1
- package/components/digi-icon-eye-slash.js +3 -3
- package/components/digi-icon-eye.js +3 -3
- package/components/digi-icon-facebook-square.js +3 -3
- package/components/digi-icon-file-add.js +2 -2
- package/components/digi-icon-file-document.js +3 -3
- package/components/digi-icon-file-excel.js +3 -3
- package/components/digi-icon-file-export.js +2 -2
- package/components/digi-icon-file-governing.js +3 -3
- package/components/digi-icon-file-pdf.js +3 -3
- package/components/digi-icon-file-powerpoint.js +3 -3
- package/components/digi-icon-file-remove.js +2 -2
- package/components/digi-icon-file-word.js +3 -3
- package/components/digi-icon-film.js +3 -3
- package/components/digi-icon-filter.js +3 -3
- package/components/digi-icon-folder-add.js +2 -2
- package/components/digi-icon-folder-directory.js +2 -2
- package/components/digi-icon-folder-open.js +2 -2
- package/components/digi-icon-folder.js +2 -2
- package/components/digi-icon-globe-filled.js +3 -3
- package/components/digi-icon-globe.js +3 -3
- package/components/digi-icon-headphones.js +3 -3
- package/components/digi-icon-heart-solid.js +3 -3
- package/components/digi-icon-heart.js +3 -3
- package/components/digi-icon-history.js +3 -3
- package/components/digi-icon-home.js +3 -3
- package/components/digi-icon-image.js +3 -3
- package/components/digi-icon-info-circle-solid.js +3 -3
- package/components/digi-icon-input-select-marker.js +1 -1
- package/components/digi-icon-instagram.js +3 -3
- package/components/digi-icon-job-suggestion.js +3 -3
- package/components/digi-icon-language-outline.js +3 -3
- package/components/digi-icon-language.js +3 -3
- package/components/digi-icon-laptop-phone.js +3 -3
- package/components/digi-icon-lattlast.js +3 -3
- package/components/digi-icon-licence-bus.js +3 -3
- package/components/digi-icon-licence-car.js +3 -3
- package/components/digi-icon-licence-motorcycle.js +3 -3
- package/components/digi-icon-licence-truck.js +3 -3
- package/components/digi-icon-lightbulb.js +3 -3
- package/components/digi-icon-linkedin-in.js +3 -3
- package/components/digi-icon-list-ul.js +1 -1
- package/components/digi-icon-lock.js +3 -3
- package/components/digi-icon-marker-filled.js +3 -3
- package/components/digi-icon-marker.js +3 -3
- package/components/digi-icon-media-course.js +3 -3
- package/components/digi-icon-media-podcast.js +3 -3
- package/components/digi-icon-microphone-off.js +3 -3
- package/components/digi-icon-microphone.js +3 -3
- package/components/digi-icon-minus.js +1 -1
- package/components/digi-icon-move.js +3 -3
- package/components/digi-icon-news.js +1 -1
- package/components/digi-icon-notification-error.js +1 -1
- package/components/digi-icon-notification-info.js +1 -1
- package/components/digi-icon-notification-succes.js +1 -1
- package/components/digi-icon-notification-warning.js +1 -1
- package/components/digi-icon-online-computervideo.js +1 -1
- package/components/digi-icon-online-interview.js +3 -3
- package/components/digi-icon-online-meeting.js +3 -3
- package/components/digi-icon-online-task.js +3 -3
- package/components/digi-icon-online-video.js +1 -1
- package/components/digi-icon-open-source.js +3 -3
- package/components/digi-icon-palette.js +3 -3
- package/components/digi-icon-paperclip.js +1 -1
- package/components/digi-icon-paste.js +2 -2
- package/components/digi-icon-pen.js +3 -3
- package/components/digi-icon-phone-hangup.js +3 -3
- package/components/digi-icon-phone.js +3 -3
- package/components/digi-icon-plus.js +1 -1
- package/components/digi-icon-pod.js +1 -1
- package/components/digi-icon-print.js +3 -3
- package/components/digi-icon-read.js +3 -3
- package/components/digi-icon-redo.js +3 -3
- package/components/digi-icon-scale.js +2 -2
- package/components/digi-icon-screensharing-off.js +3 -3
- package/components/digi-icon-screensharing.js +3 -3
- package/components/digi-icon-search.js +1 -1
- package/components/digi-icon-send-outline.js +3 -3
- package/components/digi-icon-send-solid.js +3 -3
- package/components/digi-icon-settings.js +3 -3
- package/components/digi-icon-share-alt.js +3 -3
- package/components/digi-icon-share-chain.js +3 -3
- package/components/digi-icon-sign.js +3 -3
- package/components/digi-icon-sliders-h.js +3 -3
- package/components/digi-icon-sokkandidat.js +3 -3
- package/components/digi-icon-sort-down.js +3 -3
- package/components/digi-icon-sort-up.js +3 -3
- package/components/digi-icon-sort.js +3 -3
- package/components/digi-icon-spinner.js +1 -1
- package/components/digi-icon-star-reg.js +3 -3
- package/components/digi-icon-star.js +3 -3
- package/components/digi-icon-suitcase-outline.js +3 -3
- package/components/digi-icon-suitcase-solid.js +3 -3
- package/components/digi-icon-system-assistance.js +3 -3
- package/components/digi-icon-table-column.js +3 -3
- package/components/digi-icon-table-row.js +3 -3
- package/components/digi-icon-table.js +1 -1
- package/components/digi-icon-task-done.js +3 -3
- package/components/digi-icon-toggle-off.js +3 -3
- package/components/digi-icon-toggle-on.js +3 -3
- package/components/digi-icon-trash.js +1 -1
- package/components/digi-icon-twitter.js +3 -3
- package/components/digi-icon-tyck-till.js +3 -3
- package/components/digi-icon-unlock.js +3 -3
- package/components/digi-icon-update.js +3 -3
- package/components/digi-icon-upload.js +3 -3
- package/components/digi-icon-user-add.js +2 -2
- package/components/digi-icon-user-alt.js +3 -3
- package/components/digi-icon-user-edit.js +2 -2
- package/components/digi-icon-users-solid.js +3 -3
- package/components/digi-icon-validation-error.js +1 -1
- package/components/digi-icon-validation-success.js +1 -1
- package/components/digi-icon-validation-warning.js +1 -1
- package/components/digi-icon-videocamera-off.js +3 -3
- package/components/digi-icon-videocamera.js +3 -3
- package/components/digi-icon-volume.js +3 -3
- package/components/digi-icon-web-tv.js +3 -3
- package/components/digi-icon-webinar.js +1 -1
- package/components/digi-icon-wifi-signal0.js +3 -3
- package/components/digi-icon-wifi-signal1.js +3 -3
- package/components/digi-icon-wifi-signal2.js +3 -3
- package/components/digi-icon-wifi-signal3.js +3 -3
- package/components/digi-icon-window.js +3 -3
- package/components/digi-icon-x-button-outline.js +1 -1
- package/components/digi-icon-x-button.js +3 -3
- package/components/digi-icon-x.js +1 -1
- package/components/digi-icon-youtube.js +3 -3
- package/components/digi-info-card-multi-container.js +3 -3
- package/components/digi-info-card-multi.js +18 -13
- package/components/digi-info-card.js +12 -7
- package/components/digi-layout-block.js +1 -1
- package/components/digi-layout-columns.js +1 -1
- package/components/digi-layout-container.js +1 -1
- package/components/digi-link-button.js +4 -4
- package/components/digi-link-external.js +1 -1
- package/components/digi-link-internal.js +1 -1
- package/components/digi-link.js +1 -1
- package/components/digi-list.js +4 -7
- package/components/digi-loader-skeleton.js +4 -4
- package/components/digi-loader-spinner.js +3 -3
- package/components/digi-logo.js +2 -2
- package/components/digi-media-figure.js +6 -4
- package/components/digi-media-image.js +1 -1
- package/components/digi-navigation-breadcrumbs.js +3 -3
- package/components/digi-navigation-pagination.js +16 -16
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +8 -8
- package/components/digi-navigation-vertical-menu-item.js +10 -10
- package/components/digi-navigation-vertical-menu.js +2 -2
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +11 -11
- package/components/digi-progress-circle.js +11 -11
- package/components/digi-progress-indicator.js +8 -8
- package/components/digi-progress-list-item.js +10 -10
- package/components/digi-progress-list.js +3 -3
- package/components/digi-progressbar.js +3 -3
- package/components/digi-quote.js +4 -4
- package/components/digi-table.js +2 -2
- package/components/digi-tablist-panel.js +3 -3
- package/components/digi-tablist.js +9 -9
- package/components/digi-tag-media.js +1 -1
- package/components/digi-tag.js +4 -4
- package/components/digi-title-logo.js +7 -7
- package/components/digi-tools-feedback-banner.js +7 -7
- package/components/digi-tools-feedback-rating.js +8 -8
- package/components/digi-tools-feedback.js +9 -9
- package/components/digi-tools-theme-provider.js +18 -6
- package/components/digi-typography-heading-jumbo.js +2 -2
- package/components/digi-typography-meta.js +2 -2
- package/components/digi-typography-preamble.js +2 -2
- package/components/digi-typography-time.js +2 -2
- package/components/digi-typography.js +1 -1
- package/components/digi-util-breakpoint-observer.js +1 -1
- package/components/digi-util-detect-click-outside.js +2 -2
- package/components/digi-util-detect-focus-outside.js +2 -2
- package/components/digi-util-intersection-observer.js +1 -1
- package/components/digi-util-keydown-handler.js +1 -1
- package/components/digi-util-keyup-handler.js +2 -2
- package/components/digi-util-mutation-observer.js +2 -2
- package/components/digi-util-resize-observer.js +1 -1
- package/components/index.js +5 -5
- package/components/{p-Du_iCC0o.js → p-4W4Hh-1K.js} +3 -3
- package/components/{p-Dc8gh6yZ.js → p-6D73wDqB.js} +3 -3
- package/components/{p-zeCQ8TGq.js → p-8D2Q3pJ_.js} +5 -5
- package/components/{p-DWk0TQi5.js → p-8kJ76fL-.js} +3 -3
- package/components/{p-BaFkfL3J.js → p-B1BbVqUa.js} +3 -3
- package/components/{p-P1LBiiXm.js → p-B6Abx6Zg.js} +4 -4
- package/components/{p-V8bIji56.js → p-B8_KD6Al.js} +3 -3
- package/components/{p-DDdKfPB2.js → p-BBfhnNVU.js} +1 -1
- package/components/{p-B0NtWuWm.js → p-BLOmgEsX.js} +3 -3
- package/components/{p-DCcDMmpc.js → p-BMz3Mwm5.js} +3 -3
- package/components/p-BYZUJ0Q_.js +13 -0
- package/components/{p-oVqRvXYm.js → p-B_3ddyxC.js} +3 -3
- package/components/{p-DuEh6-g9.js → p-BbP-JDQJ.js} +2 -2
- package/components/{p-noQGUY_w.js → p-BfRlR4xj.js} +3 -3
- package/components/{p--OfIV-on.js → p-BfowUtGd.js} +3 -3
- package/components/{p-C1wkAzXH.js → p-BhMV1A4T.js} +3 -3
- package/components/{p-DwuDBDrV.js → p-Bh_sg8gR.js} +2 -2
- package/components/{p-DCCg-GBa.js → p-BsAPLA0e.js} +3 -3
- package/components/{p-DEBBHpvE.js → p-BsiHkesb.js} +3 -3
- package/components/{p-CW-HnEHk.js → p-BtF8TiKg.js} +3 -3
- package/components/{p-IUbLqTDz.js → p-BvwHzRsG.js} +4 -4
- package/components/{p-B3TKmnH5.js → p-C4L7I2-l.js} +3 -3
- package/components/{p-Dzjkl5Kh.js → p-C8kYgpX0.js} +2 -2
- package/components/p-CADPxOIW.js +187 -0
- package/components/{p-DQnLbEWg.js → p-CC1VINA6.js} +3 -3
- package/components/{p-0YsihRkX.js → p-CEQc8Lgh.js} +2 -2
- package/components/{p-BbGPkkqr.js → p-CEr0zDQh.js} +1 -21
- package/components/{p-52C4taMR.js → p-CJSiQTQg.js} +3 -3
- package/components/{p-CGIRXM14.js → p-CKsbnSaM.js} +2 -2
- package/components/{p-Cf91SknN.js → p-CMlBHhfq.js} +5 -5
- package/components/{p--uSFOD5O.js → p-CTeuxQiO.js} +3 -3
- package/components/{p-jKxa9rP_.js → p-CZ-hijtT.js} +3 -3
- package/components/{p-DdUXwmS6.js → p-CcmZvRBf.js} +6 -6
- package/components/{p-BkdqrgFa.js → p-CfYHISjl.js} +9 -9
- package/components/{p-CZexDcPm.js → p-CjwP8Ij8.js} +15 -15
- package/components/{p-BJgweNmE.js → p-CqTFMb9M.js} +3 -3
- package/components/{p-CBCmbVA7.js → p-Cxtv4gVL.js} +8 -8
- package/components/{p-BOuscZWN.js → p-D-LQMtbI.js} +3 -3
- package/components/{p-Din5WNxk.js → p-D4bY3v5c.js} +2 -2
- package/components/{p-DYNoU7Ab.js → p-D6tXsbG5.js} +3 -3
- package/components/{p-CSefQfv6.js → p-DD2reCpf.js} +3 -3
- package/components/{p-DdqhvfV6.js → p-DIfgSRwJ.js} +3 -3
- package/components/{p-C7W4tsEH.js → p-DJv6OoL9.js} +3 -3
- package/components/{p-BaIqYsaL.js → p-DVLJEd3J.js} +4 -4
- package/components/{p-B1hBNnkP.js → p-D_A-o8bh.js} +2 -2
- package/components/{p-Cn6V9H9D.js → p-D_L0F8G3.js} +3 -3
- package/components/{p-Dp2m5Ssh.js → p-DeAdlydM.js} +7 -7
- package/components/{p-DY1BY52y.js → p-DgIvYXTP.js} +3 -3
- package/components/{p-1kIXcBRD.js → p-DqhOrTQb.js} +3 -3
- package/components/{p-DB2hM8IT.js → p-DuoqsfcP.js} +2 -2
- package/components/{p-CtUzKtIv.js → p-ECRgWJMD.js} +3 -3
- package/components/{p-PhdhPGeA.js → p-Ms9ojVB1.js} +3 -3
- package/components/{p-0pTevzmo.js → p-NgLIlAyd.js} +1 -1
- package/components/{p-_ycZeBN4.js → p-PuRFa9pe.js} +11 -1
- package/components/{p-CAW-ueZH.js → p-Vp7ElJtC.js} +3 -3
- package/components/{p-BkRrSWNb.js → p-X1RKy4f6.js} +3 -3
- package/components/{p-C2LUp3Td.js → p-ZrjxWHb2.js} +3 -3
- package/components/{p-BISIikBQ.js → p-dVYYfEpf.js} +3 -3
- package/components/p-et-K89ZK.js +172 -0
- package/components/{p-C5A2t93y.js → p-gqICqz1u.js} +12 -12
- package/components/{p-Br3uVgA1.js → p-h3jRETU1.js} +3 -3
- package/components/{p-BUFtpryS.js → p-h5HRDH3r.js} +3 -3
- package/components/{p-BupNdJre.js → p-iYELs-_J.js} +3 -3
- package/components/{p-B85a4tNl.js → p-kgbTQN1p.js} +2 -2
- package/components/{p-jUJnNkiJ.js → p-ksOAIiSx.js} +3 -3
- package/components/p-u37CGyZ9.js +18 -0
- package/components/p-x-50zPLf.js +72 -0
- package/custom-elements.json +12 -0
- package/dist/cjs/{code-example-variation.enum-Cq-BioXW.js → code-example-variation.enum-BCENTUV2.js} +6 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +2 -2
- package/dist/cjs/digi-badge-notification.cjs.entry.js +1 -1
- package/dist/cjs/digi-badge-status.cjs.entry.js +2 -2
- package/dist/cjs/digi-bar-chart.cjs.entry.js +1 -1
- package/dist/cjs/digi-button_83.cjs.entry.js +8868 -0
- 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 → digi-code-block_2.cjs.entry.js} +6 -141
- package/dist/cjs/digi-code-example.cjs.entry.js +9 -10
- package/dist/cjs/digi-code.cjs.entry.js +1 -1
- package/dist/cjs/digi-dialog.cjs.entry.js +6 -20
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +128 -0
- package/dist/cjs/digi-expandable-faq.cjs.entry.js +1 -1
- package/dist/cjs/digi-form-error-list.cjs.entry.js +5 -19
- package/dist/cjs/digi-form-input-search.cjs.entry.js +3 -4
- package/dist/cjs/digi-form-radiogroup.cjs.entry.js +1 -1
- package/dist/cjs/digi-form-receipt.cjs.entry.js +5 -19
- package/dist/cjs/digi-form-textarea.cjs.entry.js +4 -4
- package/dist/cjs/digi-icon-accessibility-deaf.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-apple.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-archive-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-archive.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-back.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-down.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-left.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-right.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-sign-in.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-sign-out.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-arrow-up.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-at.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-bell.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-book.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-bookmark-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-bookmark-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-bubble-ellipsis.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-bubble.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-building-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-building-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-bullseye.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-calculator-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-calendar-alt-alert.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-calendar.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-caret-circle-right.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-caret-down_2.cjs.entry.js +5 -5
- package/dist/cjs/digi-icon-caret-left.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-caret-right.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-chart_2.cjs.entry.js +5 -5
- package/dist/cjs/digi-icon-chat.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-check-circle-reg-alt.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-checklist.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-chevron-up.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-clock.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-communication-play-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-compress-alt.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-comunication-case.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-comunication-flag.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-comunication-graduate.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-comunication-play.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-cooperation.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-danger-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-download.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-dxa.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-edit.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-ellipsis.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-envelope-filled.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-exclamation-circle-filled.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-exclamation-triangle-filled.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-exclamation-triangle-warning.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-exclamation-triangle.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-expand-alt.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-eye-slash.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-eye.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-facebook-square.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-file-add.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-file-document.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-file-excel.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-file-export.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-file-governing.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-file-pdf.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-file-powerpoint.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-file-remove.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-file-word.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-film.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-filter.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-folder-add.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-folder-directory.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-folder-open.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-folder.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-globe-filled.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-headphones.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-heart-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-heart.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-history.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-home.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-image.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-info-circle-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-instagram.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-job-suggestion.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-language-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-language.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-laptop-phone.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-lattlast.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-licence-bus.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-licence-car.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-licence-motorcycle.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-licence-truck.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-lightbulb.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-linkedin-in.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-lock.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-marker-filled.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-marker.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-media-course.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-media-podcast.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-microphone-off.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-microphone.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-move.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-online-interview.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-online-meeting.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-online-task.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-open-source.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-palette.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-paste.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-pen.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-phone-hangup.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-phone.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-print.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-read.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-redo.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-scale.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-screensharing-off.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-screensharing.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-search.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-send-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-send-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-settings.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-share-alt.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-share-chain.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-sliders-h.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-sokkandidat.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-sort-down.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-sort-up.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-sort.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-star-reg.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-star.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-suitcase-outline.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-suitcase-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-system-assistance.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-table-column.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-table-row.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-task-done.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-toggle-off.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-toggle-on.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-twitter.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-tyck-till.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-unlock.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-update.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-upload.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-user-add.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-user-alt.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-user-edit.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-users-solid.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-videocamera-off.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-videocamera.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-volume.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-web-tv.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-wifi-signal0.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-wifi-signal1.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-wifi-signal2.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-wifi-signal3.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-window.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-x-button.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-youtube.cjs.entry.js +3 -3
- package/dist/cjs/digi-list.cjs.entry.js +2 -5
- package/dist/cjs/digi-loader-skeleton.cjs.entry.js +4 -4
- package/dist/cjs/digi-loader-spinner.cjs.entry.js +2 -2
- package/dist/cjs/digi-media-figure.cjs.entry.js +5 -4
- package/dist/cjs/digi-navigation-breadcrumbs.cjs.entry.js +3 -3
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +11 -25
- package/dist/cjs/digi-navigation-sidebar.cjs.entry.js +4 -4
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +8 -22
- package/dist/cjs/digi-progress-circle.cjs.entry.js +9 -9
- package/dist/cjs/digi-progress-list-item.cjs.entry.js +7 -7
- package/dist/cjs/digi-progress-list.cjs.entry.js +2 -2
- package/dist/cjs/digi-progressbar.cjs.entry.js +3 -3
- package/dist/cjs/digi-quote.cjs.entry.js +2 -2
- package/dist/cjs/digi-table.cjs.entry.js +2 -2
- package/dist/cjs/digi-tablist-panel.cjs.entry.js +3 -3
- package/dist/cjs/digi-tablist.cjs.entry.js +6 -6
- package/dist/cjs/digi-tag.cjs.entry.js +2 -2
- package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js +2 -2
- package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js +2 -2
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +8 -22
- package/dist/cjs/digi-typography-meta.cjs.entry.js +2 -2
- package/dist/cjs/digi-typography-time.cjs.entry.js +2 -2
- package/dist/cjs/digi-util-detect-click-outside.cjs.entry.js +2 -2
- package/dist/cjs/digi-util-detect-focus-outside.cjs.entry.js +2 -2
- package/dist/cjs/digi-util-keyup-handler.cjs.entry.js +2 -2
- package/dist/cjs/digi-util-mutation-observer.cjs.entry.js +2 -2
- package/dist/cjs/digi-util-resize-observer.cjs.entry.js +2 -2
- package/dist/cjs/expandable-accordion-header-level.enum-CjL9V3Kt.js +11 -0
- package/dist/cjs/{form-input-type.enum-CCCcY8gv.js → form-input-type.enum-B2CsNSBg.js} +7 -0
- package/dist/cjs/{index-Cn1hHaSy.js → index-B867TQwZ.js} +9 -201
- package/dist/cjs/index.cjs.js +145 -155
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{typography-variation.enum-CVUvogxJ.js → typography-variation.enum-B05du-qd.js} +197 -10
- package/dist/collection/components/_badge/badge-status/badge-status.css +3 -3
- package/dist/collection/components/_button/button/button.css +11 -11
- package/dist/collection/components/_calendar/calendar/calendar.css +8 -3
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +577 -28
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +28 -6
- package/dist/collection/components/_code/code-example/code-example.css +6 -0
- package/dist/collection/components/_code/code-example/code-example.js +4 -5
- package/dist/collection/components/_form/form-category-filter/form-category-filter.css +2 -2
- package/dist/collection/components/_form/form-checkbox/form-checkbox.css +589 -25
- package/dist/collection/components/_form/form-file-upload/form-file-upload.css +9 -8
- package/dist/collection/components/_form/form-filter/form-filter.css +3 -4
- package/dist/collection/components/_form/form-label/form-label.css +10 -13
- package/dist/collection/components/_form/form-label/form-label.js +1 -1
- package/dist/collection/components/_form/form-radiobutton/form-radiobutton.css +6 -0
- package/dist/collection/components/_form/form-select/form-select.css +2 -2
- package/dist/collection/components/_form/form-select-filter/form-select-filter.css +4 -4
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +10 -7
- package/dist/collection/components/_form/form-textarea/form-textarea.js +3 -3
- package/dist/collection/components/_form/form-validation-message/form-validation-message.js +1 -1
- package/dist/collection/components/_header/header/header.js +2 -2
- package/dist/collection/components/_header/header-avatar/header-avatar.css +574 -24
- package/dist/collection/components/_header/header-avatar/header-avatar.js +1 -1
- package/dist/collection/components/_header/header-navigation/header-navigation.js +3 -3
- package/dist/collection/components/_header/header-navigation-item/header-navigation-item.js +1 -1
- package/dist/collection/components/_header/header-notification/header-notification.js +2 -2
- package/dist/collection/components/_icon/icon-accessibility-deaf/icon-accessibility-deaf.js +2 -2
- package/dist/collection/components/_icon/icon-accessibility-universal/icon-accessibility-universal.js +2 -2
- package/dist/collection/components/_icon/icon-apple/icon-apple.js +2 -2
- package/dist/collection/components/_icon/icon-archive/icon-archive.js +2 -2
- package/dist/collection/components/_icon/icon-archive-outline/icon-archive-outline.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-back/icon-arrow-back.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-down/icon-arrow-down.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-left/icon-arrow-left.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-right/icon-arrow-right.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-sign-in/icon-arrow-sign-in.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-sign-out/icon-arrow-sign-out.js +2 -2
- package/dist/collection/components/_icon/icon-arrow-up/icon-arrow-up.js +2 -2
- package/dist/collection/components/_icon/icon-at/icon-at.js +2 -2
- package/dist/collection/components/_icon/icon-bars/icon-bars.js +2 -2
- package/dist/collection/components/_icon/icon-bell/icon-bell.js +2 -2
- package/dist/collection/components/_icon/icon-bell-filled/icon-bell-filled.js +2 -2
- package/dist/collection/components/_icon/icon-book/icon-book.js +2 -2
- package/dist/collection/components/_icon/icon-bookmark-outline/icon-bookmark-outline.js +2 -2
- package/dist/collection/components/_icon/icon-bookmark-solid/icon-bookmark-solid.js +2 -2
- package/dist/collection/components/_icon/icon-bubble/icon-bubble.js +2 -2
- package/dist/collection/components/_icon/icon-bubble-ellipsis/icon-bubble-ellipsis.js +2 -2
- package/dist/collection/components/_icon/icon-building-outline/icon-building-outline.js +2 -2
- package/dist/collection/components/_icon/icon-building-solid/icon-building-solid.js +2 -2
- package/dist/collection/components/_icon/icon-bullseye/icon-bullseye.js +2 -2
- package/dist/collection/components/_icon/icon-calculator-solid/icon-calculator-solid.js +2 -2
- package/dist/collection/components/_icon/icon-calendar/icon-calendar.js +2 -2
- package/dist/collection/components/_icon/icon-calendar-alt/icon-calendar-alt.js +2 -2
- package/dist/collection/components/_icon/icon-calendar-alt-alert/icon-calendar-alt-alert.js +2 -2
- package/dist/collection/components/_icon/icon-caret-circle-right/icon-caret-circle-right.js +2 -2
- package/dist/collection/components/_icon/icon-caret-down/icon-caret-down.js +2 -2
- package/dist/collection/components/_icon/icon-caret-left/icon-caret-left.js +2 -2
- package/dist/collection/components/_icon/icon-caret-right/icon-caret-right.js +2 -2
- package/dist/collection/components/_icon/icon-caret-up/icon-caret-up.js +2 -2
- package/dist/collection/components/_icon/icon-chart/icon-chart.js +2 -2
- package/dist/collection/components/_icon/icon-chat/icon-chat.js +2 -2
- package/dist/collection/components/_icon/icon-check/icon-check.js +2 -2
- package/dist/collection/components/_icon/icon-check-circle-reg-alt/icon-check-circle-reg-alt.js +2 -2
- package/dist/collection/components/_icon/icon-check-circle-solid/icon-check-circle-solid.js +2 -2
- package/dist/collection/components/_icon/icon-checklist/icon-checklist.js +2 -2
- package/dist/collection/components/_icon/icon-chevron-down/icon-chevron-down.js +2 -2
- package/dist/collection/components/_icon/icon-chevron-left/icon-chevron-left.js +2 -2
- package/dist/collection/components/_icon/icon-chevron-right/icon-chevron-right.js +2 -2
- package/dist/collection/components/_icon/icon-chevron-up/icon-chevron-up.js +2 -2
- package/dist/collection/components/_icon/icon-clock/icon-clock.js +2 -2
- package/dist/collection/components/_icon/icon-communication-play-solid/icon-communication-play-solid.js +2 -2
- package/dist/collection/components/_icon/icon-compress-alt/icon-compress-alt.js +2 -2
- package/dist/collection/components/_icon/icon-comunication-case/icon-comunication-case.js +2 -2
- package/dist/collection/components/_icon/icon-comunication-flag/icon-comunication-flag.js +2 -2
- package/dist/collection/components/_icon/icon-comunication-graduate/icon-comunication-graduate.js +2 -2
- package/dist/collection/components/_icon/icon-comunication-play/icon-comunication-play.js +2 -2
- package/dist/collection/components/_icon/icon-cooperation/icon-cooperation.js +2 -2
- package/dist/collection/components/_icon/icon-copy/icon-copy.js +2 -2
- package/dist/collection/components/_icon/icon-danger-outline/icon-danger-outline.js +2 -2
- package/dist/collection/components/_icon/icon-download/icon-download.js +2 -2
- package/dist/collection/components/_icon/icon-dxa/icon-dxa.js +2 -2
- package/dist/collection/components/_icon/icon-edit/icon-edit.js +2 -2
- package/dist/collection/components/_icon/icon-ellipsis/icon-ellipsis.js +2 -2
- package/dist/collection/components/_icon/icon-envelope/icon-envelope.js +2 -2
- package/dist/collection/components/_icon/icon-envelope-filled/icon-envelope-filled.js +2 -2
- package/dist/collection/components/_icon/icon-exclamation-circle-filled/icon-exclamation-circle-filled.js +2 -2
- package/dist/collection/components/_icon/icon-exclamation-triangle/icon-exclamation-triangle.js +2 -2
- package/dist/collection/components/_icon/icon-exclamation-triangle-filled/icon-exclamation-triangle-filled.js +2 -2
- package/dist/collection/components/_icon/icon-exclamation-triangle-warning/icon-exclamation-triangle-warning.js +2 -2
- package/dist/collection/components/_icon/icon-expand-alt/icon-expand-alt.js +2 -2
- package/dist/collection/components/_icon/icon-external-link-alt/icon-external-link-alt.js +2 -2
- package/dist/collection/components/_icon/icon-eye/icon-eye.js +2 -2
- package/dist/collection/components/_icon/icon-eye-slash/icon-eye-slash.js +2 -2
- package/dist/collection/components/_icon/icon-facebook-square/icon-facebook-square.js +2 -2
- package/dist/collection/components/_icon/icon-file-add/icon-file-add.js +1 -1
- package/dist/collection/components/_icon/icon-file-document/icon-file-document.js +2 -2
- package/dist/collection/components/_icon/icon-file-excel/icon-file-excel.js +2 -2
- package/dist/collection/components/_icon/icon-file-export/icon-file-export.js +1 -1
- package/dist/collection/components/_icon/icon-file-governing/icon-file-governing.js +2 -2
- package/dist/collection/components/_icon/icon-file-pdf/icon-file-pdf.js +2 -2
- package/dist/collection/components/_icon/icon-file-powerpoint/icon-file-powerpoint.js +2 -2
- package/dist/collection/components/_icon/icon-file-remove/icon-file-remove.js +1 -1
- package/dist/collection/components/_icon/icon-file-word/icon-file-word.js +2 -2
- package/dist/collection/components/_icon/icon-film/icon-film.js +2 -2
- package/dist/collection/components/_icon/icon-filter/icon-filter.js +2 -2
- package/dist/collection/components/_icon/icon-folder/icon-folder.js +1 -1
- package/dist/collection/components/_icon/icon-folder-add/icon-folder-add.js +1 -1
- package/dist/collection/components/_icon/icon-folder-directory/icon-folder-directory.js +1 -1
- package/dist/collection/components/_icon/icon-folder-open/icon-folder-open.js +1 -1
- package/dist/collection/components/_icon/icon-globe/icon-globe.js +2 -2
- package/dist/collection/components/_icon/icon-globe-filled/icon-globe-filled.js +2 -2
- package/dist/collection/components/_icon/icon-headphones/icon-headphones.js +2 -2
- package/dist/collection/components/_icon/icon-heart/icon-heart.js +2 -2
- package/dist/collection/components/_icon/icon-heart-solid/icon-heart-solid.js +2 -2
- package/dist/collection/components/_icon/icon-history/icon-history.js +2 -2
- package/dist/collection/components/_icon/icon-home/icon-home.js +2 -2
- package/dist/collection/components/_icon/icon-image/icon-image.js +2 -2
- package/dist/collection/components/_icon/icon-info-circle-solid/icon-info-circle-solid.js +2 -2
- package/dist/collection/components/_icon/icon-input-select-marker/icon-input-select-marker.js +2 -2
- package/dist/collection/components/_icon/icon-instagram/icon-instagram.js +2 -2
- package/dist/collection/components/_icon/icon-job-suggestion/icon-job-suggestion.js +2 -2
- package/dist/collection/components/_icon/icon-language/icon-language.js +2 -2
- package/dist/collection/components/_icon/icon-language-outline/icon-language-outline.js +2 -2
- package/dist/collection/components/_icon/icon-laptop-phone/icon-laptop-phone.js +2 -2
- package/dist/collection/components/_icon/icon-lattlast/icon-lattlast.js +2 -2
- package/dist/collection/components/_icon/icon-licence-bus/icon-licence-bus.js +2 -2
- package/dist/collection/components/_icon/icon-licence-car/icon-licence-car.js +2 -2
- package/dist/collection/components/_icon/icon-licence-motorcycle/icon-licence-motorcycle.js +2 -2
- package/dist/collection/components/_icon/icon-licence-truck/icon-licence-truck.js +2 -2
- package/dist/collection/components/_icon/icon-lightbulb/icon-lightbulb.js +2 -2
- package/dist/collection/components/_icon/icon-linkedin-in/icon-linkedin-in.js +2 -2
- package/dist/collection/components/_icon/icon-list-ul/icon-list-ul.js +2 -2
- package/dist/collection/components/_icon/icon-lock/icon-lock.js +2 -2
- package/dist/collection/components/_icon/icon-marker/icon-marker.js +2 -2
- package/dist/collection/components/_icon/icon-marker-filled/icon-marker-filled.js +2 -2
- package/dist/collection/components/_icon/icon-media-course/icon-media-course.js +2 -2
- package/dist/collection/components/_icon/icon-media-podcast/icon-media-podcast.js +2 -2
- package/dist/collection/components/_icon/icon-microphone/icon-microphone.js +2 -2
- package/dist/collection/components/_icon/icon-microphone-off/icon-microphone-off.js +2 -2
- package/dist/collection/components/_icon/icon-minus/icon-minus.js +2 -2
- package/dist/collection/components/_icon/icon-move/icon-move.js +2 -2
- package/dist/collection/components/_icon/icon-news/icon-news.js +2 -2
- package/dist/collection/components/_icon/icon-notification-error/icon-notification-error.js +2 -2
- package/dist/collection/components/_icon/icon-notification-info/icon-notification-info.js +2 -2
- package/dist/collection/components/_icon/icon-notification-succes/icon-notification-succes.js +2 -2
- package/dist/collection/components/_icon/icon-notification-warning/icon-notification-warning.js +2 -2
- package/dist/collection/components/_icon/icon-online-computervideo/icon-online-computervideo.js +2 -2
- package/dist/collection/components/_icon/icon-online-interview/icon-online-interview.js +2 -2
- package/dist/collection/components/_icon/icon-online-meeting/icon-online-meeting.js +2 -2
- package/dist/collection/components/_icon/icon-online-task/icon-online-task.js +2 -2
- package/dist/collection/components/_icon/icon-online-video/icon-online-video.js +2 -2
- package/dist/collection/components/_icon/icon-open-source/icon-open-source.js +2 -2
- package/dist/collection/components/_icon/icon-palette/icon-palette.js +2 -2
- package/dist/collection/components/_icon/icon-paperclip/icon-paperclip.js +2 -2
- package/dist/collection/components/_icon/icon-paste/icon-paste.js +1 -1
- package/dist/collection/components/_icon/icon-pen/icon-pen.js +2 -2
- package/dist/collection/components/_icon/icon-phone/icon-phone.js +2 -2
- package/dist/collection/components/_icon/icon-phone-hangup/icon-phone-hangup.js +2 -2
- package/dist/collection/components/_icon/icon-plus/icon-plus.js +2 -2
- package/dist/collection/components/_icon/icon-pod/icon-pod.js +2 -2
- package/dist/collection/components/_icon/icon-print/icon-print.js +2 -2
- package/dist/collection/components/_icon/icon-read/icon-read.js +2 -2
- package/dist/collection/components/_icon/icon-redo/icon-redo.js +2 -2
- package/dist/collection/components/_icon/icon-scale/icon-scale.js +1 -1
- package/dist/collection/components/_icon/icon-screensharing/icon-screensharing.js +2 -2
- package/dist/collection/components/_icon/icon-screensharing-off/icon-screensharing-off.js +2 -2
- package/dist/collection/components/_icon/icon-search/icon-search.js +2 -2
- package/dist/collection/components/_icon/icon-send-outline/icon-send-outline.js +2 -2
- package/dist/collection/components/_icon/icon-send-solid/icon-send-solid.js +2 -2
- package/dist/collection/components/_icon/icon-settings/icon-settings.js +2 -2
- package/dist/collection/components/_icon/icon-share-alt/icon-share-alt.js +2 -2
- package/dist/collection/components/_icon/icon-share-chain/icon-share-chain.js +2 -2
- package/dist/collection/components/_icon/icon-sign/icon-sign.js +2 -2
- package/dist/collection/components/_icon/icon-sliders-h/icon-sliders-h.js +2 -2
- package/dist/collection/components/_icon/icon-sokkandidat/icon-sokkandidat.js +2 -2
- package/dist/collection/components/_icon/icon-sort/icon-sort.js +2 -2
- package/dist/collection/components/_icon/icon-sort-down/icon-sort-down.js +2 -2
- package/dist/collection/components/_icon/icon-sort-up/icon-sort-up.js +2 -2
- package/dist/collection/components/_icon/icon-spinner/icon-spinner.js +2 -2
- package/dist/collection/components/_icon/icon-star/icon-star.js +2 -2
- package/dist/collection/components/_icon/icon-star-reg/icon-star-reg.js +2 -2
- package/dist/collection/components/_icon/icon-suitcase-outline/icon-suitcase-outline.js +2 -2
- package/dist/collection/components/_icon/icon-suitcase-solid/icon-suitcase-solid.js +2 -2
- package/dist/collection/components/_icon/icon-system-assistance/icon-system-assistance.js +2 -2
- package/dist/collection/components/_icon/icon-table/icon-table.js +2 -2
- package/dist/collection/components/_icon/icon-table-column/icon-table-column.js +2 -2
- package/dist/collection/components/_icon/icon-table-row/icon-table-row.js +2 -2
- package/dist/collection/components/_icon/icon-task-done/icon-task-done.js +2 -2
- package/dist/collection/components/_icon/icon-toggle-off/icon-toggle-off.js +2 -2
- package/dist/collection/components/_icon/icon-toggle-on/icon-toggle-on.js +2 -2
- package/dist/collection/components/_icon/icon-trash/icon-trash.js +2 -2
- package/dist/collection/components/_icon/icon-twitter/icon-twitter.js +2 -2
- package/dist/collection/components/_icon/icon-tyck-till/icon-tyck-till.js +2 -2
- package/dist/collection/components/_icon/icon-unlock/icon-unlock.js +2 -2
- package/dist/collection/components/_icon/icon-update/icon-update.js +2 -2
- package/dist/collection/components/_icon/icon-upload/icon-upload.js +2 -2
- package/dist/collection/components/_icon/icon-user-add/icon-user-add.js +1 -1
- package/dist/collection/components/_icon/icon-user-alt/icon-user-alt.js +2 -2
- package/dist/collection/components/_icon/icon-user-edit/icon-user-edit.js +1 -1
- package/dist/collection/components/_icon/icon-users-solid/icon-users-solid.js +2 -2
- package/dist/collection/components/_icon/icon-validation-error/icon-validation-error.js +2 -2
- package/dist/collection/components/_icon/icon-validation-success/icon-validation-success.js +2 -2
- package/dist/collection/components/_icon/icon-validation-warning/icon-validation-warning.js +2 -2
- package/dist/collection/components/_icon/icon-videocamera/icon-videocamera.js +2 -2
- package/dist/collection/components/_icon/icon-videocamera-off/icon-videocamera-off.js +2 -2
- package/dist/collection/components/_icon/icon-volume/icon-volume.js +2 -2
- package/dist/collection/components/_icon/icon-web-tv/icon-web-tv.js +2 -2
- package/dist/collection/components/_icon/icon-webinar/icon-webinar.js +2 -2
- package/dist/collection/components/_icon/icon-wifi-signal0/icon-wifi-signal0.js +2 -2
- package/dist/collection/components/_icon/icon-wifi-signal1/icon-wifi-signal1.js +2 -2
- package/dist/collection/components/_icon/icon-wifi-signal2/icon-wifi-signal2.js +2 -2
- package/dist/collection/components/_icon/icon-wifi-signal3/icon-wifi-signal3.js +2 -2
- package/dist/collection/components/_icon/icon-window/icon-window.js +2 -2
- package/dist/collection/components/_icon/icon-x/icon-x.js +2 -2
- package/dist/collection/components/_icon/icon-x-button/icon-x-button.js +2 -2
- package/dist/collection/components/_icon/icon-x-button-outline/icon-x-button-outline.js +2 -2
- package/dist/collection/components/_icon/icon-youtube/icon-youtube.js +2 -2
- package/dist/collection/components/_info-card/info-card/info-card.js +10 -3
- package/dist/collection/components/_info-card/info-card-multi/info-card-multi.js +10 -3
- package/dist/collection/components/_info-card/info-card-multi-container/info-card-multi-container.js +2 -1
- package/dist/collection/components/_layout/layout-block/layout-block.js +1 -1
- package/dist/collection/components/_layout/layout-columns/layout-columns.js +1 -1
- package/dist/collection/components/_layout/layout-container/layout-container.js +1 -1
- package/dist/collection/components/_link/link/link.js +1 -1
- package/dist/collection/components/_link/link-button/link-button.css +3 -3
- package/dist/collection/components/_link/link-button/link-button.js +1 -1
- package/dist/collection/components/_link/link-external/link-external.js +1 -1
- package/dist/collection/components/_link/link-internal/link-internal.css +574 -24
- package/dist/collection/components/_link/link-internal/link-internal.js +1 -1
- package/dist/collection/components/_list/list/list.js +1 -4
- package/dist/collection/components/_loader/loader-skeleton/loader-skeleton.js +3 -3
- package/dist/collection/components/_loader/loader-spinner/loader-spinner.js +1 -1
- package/dist/collection/components/_logo/logo/logo.js +1 -1
- package/dist/collection/components/_logo/title-logo/title-logo.js +1 -1
- package/dist/collection/components/_media/media-figure/media-figure.css +19 -1
- package/dist/collection/components/_media/media-figure/media-figure.js +25 -2
- package/dist/collection/components/_media/media-image/media-image.js +2 -2
- package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.js +2 -2
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css +4 -3
- package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +3 -3
- package/dist/collection/components/_navigation/navigation-pagination/navigation-pagination.js +6 -6
- package/dist/collection/components/_navigation/navigation-sidebar/navigation-sidebar.css +1 -1
- package/dist/collection/components/_navigation/navigation-sidebar/navigation-sidebar.js +2 -2
- package/dist/collection/components/_navigation/navigation-sidebar-button/navigation-sidebar-button.js +1 -1
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
- package/dist/collection/components/_navigation/navigation-tablist-panel/tablist-panel.js +2 -2
- package/dist/collection/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.js +1 -1
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.js +6 -6
- package/dist/collection/components/_notification/notification-alert/notification-alert.css +1 -1
- package/dist/collection/components/_notification/notification-alert/notification-alert.js +2 -2
- package/dist/collection/components/_notification/notification-error-page/notification-error-page.js +3 -3
- package/dist/collection/components/_progress/progress-circle/progress-circle.js +8 -8
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +5 -4
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.js +3 -3
- package/dist/collection/components/_progress/progress-list/progress-list.js +1 -1
- package/dist/collection/components/_progress/progress-list-item/progress-list-item.css +2 -2
- package/dist/collection/components/_progress/progress-list-item/progress-list-item.js +5 -5
- package/dist/collection/components/_progress/progressbar/progressbar.js +2 -2
- package/dist/collection/components/_quote/quote/quote.js +1 -1
- package/dist/collection/components/_table/table/table.js +1 -1
- package/dist/collection/components/_tag/tag/tag.js +1 -1
- package/dist/collection/components/_tag/tag-media/tag-media.js +2 -2
- package/dist/collection/components/_tools/tools-feedback/tools-feedback.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js +1 -1
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +167 -18
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +43 -2
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +5 -0
- package/dist/collection/components/_typography/typography/typography.js +1 -1
- package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js +1 -1
- package/dist/collection/components/_typography/typography-meta/typography-meta.js +1 -1
- package/dist/collection/components/_typography/typography-preamble/typography-preamble.js +1 -1
- package/dist/collection/components/_typography/typography-time/typography-time.js +1 -1
- package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js +1 -1
- package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js +1 -1
- package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js +1 -1
- package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js +1 -1
- package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js +1 -1
- package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js +1 -1
- package/dist/collection/components/_util/util-mutation-observer/util-mutation-observer.js +1 -1
- package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js +1 -1
- package/dist/collection/design-tokens/components/_badge-status.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_button.variables.scss +11 -11
- package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -2
- package/dist/collection/design-tokens/components/_calendar.variables.scss +4 -3
- package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +5 -3
- package/dist/collection/design-tokens/components/_form-filter.variables.scss +2 -3
- package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +3 -3
- package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_link-button.variables.scss +3 -3
- package/dist/collection/design-tokens/components/_logo.variables.scss +2 -0
- package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
- package/dist/collection/design-tokens/components/_notification-alert.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_progress-indicator.variables.scss +1 -1
- package/dist/collection/enums.js +1 -0
- package/dist/collection/styles/src/index.scss +16 -2
- package/dist/collection/styles/src/themes/_alias-dark.mixin.scss +122 -0
- package/dist/{digi-arbetsformedlingen/styles/src/_alias.mixin.scss → collection/styles/src/themes/_alias-light.mixin.scss} +22 -8
- package/dist/collection/styles/src/themes/_brand-af18.mixin.scss +22 -8
- package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +151 -8
- package/dist/collection/styles/src/themes/_brand-common.mixin.scss +13 -0
- package/dist/collection/styles/src/tokens-documentation/web-AF25.json +576 -160
- package/dist/collection/styles/src/utils/_box-shadow.mixin.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_badge-status.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +11 -11
- package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +4 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +5 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +2 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +3 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_link-button.variables.scss +3 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +15 -17
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_notification-alert.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_progress-indicator.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-005d7f65.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-50fd3a59.entry.js → p-0064d723.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6cb8d615.entry.js → p-01d7788f.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-9717db6a.entry.js → p-01f6fb59.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-db633609.entry.js → p-02930c32.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-aa4c09a4.entry.js → p-02fb1215.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-728074a0.entry.js → p-053b2e01.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-074ebfb8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-333ce113.entry.js → p-0760d4b2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-40d900dd.entry.js → p-07bfbbd7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-85d9d52c.entry.js → p-09ae4523.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2599113d.entry.js → p-0a16e550.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2613c3ab.entry.js → p-0a83f03d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f4ff6302.entry.js → p-0c3ec39e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-0ccd0fe2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-36e544fd.entry.js → p-0d516035.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-3424c4a9.entry.js → p-0de062d1.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-7d0555f8.entry.js → p-0e0e6afd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-40abb10c.entry.js → p-0e80cec5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2a778743.entry.js → p-118f0dd8.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d8907731.entry.js → p-11f8b441.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c345e105.entry.js → p-120a03b0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-dabcf5b4.entry.js → p-19f1ca00.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d1bd8f00.entry.js → p-1a083c05.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a055ea73.entry.js → p-1a5094c4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a8b9a245.entry.js → p-1b3b439b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-269e2587.entry.js → p-1d582ae6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d923550e.entry.js → p-1e5b117b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-62f9f5a0.entry.js → p-20bf162d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-240f1c23.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-07cd5ff6.entry.js → p-253bc6d6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-86c97931.entry.js → p-253d9b49.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-051495cd.entry.js → p-25ea3cbc.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-391de403.entry.js → p-26c124d7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-287d529e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-aa3d5f76.entry.js → p-2aba40a1.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f4f5ce7b.entry.js → p-2c63cb5b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e6ec44dd.entry.js → p-2e7107fd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-725df73b.entry.js → p-3064c4dd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c07dad2f.entry.js → p-314e8bef.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-324d779d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-6a06b14f.entry.js → p-32eaf7d1.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-32959401.entry.js → p-359f39f7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-b9ae3c3d.entry.js → p-372e95ac.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a0515a9a.entry.js → p-383c0522.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-48290eeb.entry.js → p-3896a6b9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-610230e7.entry.js → p-38ea9e39.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e6976f43.entry.js → p-3adad803.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-63bbb611.entry.js → p-3cef8560.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-9e1897de.entry.js → p-3cf47bbe.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-870a00f8.entry.js → p-3e232dbf.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-bdba8440.entry.js → p-3fca1e34.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a8aabd0d.entry.js → p-408cd4df.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a1deddb1.entry.js → p-426ff136.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-98d5e757.entry.js → p-460a5c31.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f6b4acb7.entry.js → p-46918dd4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-18b52cf2.entry.js → p-48b22de4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-7bc3f73a.entry.js → p-4996f445.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-8fe026d9.entry.js → p-4a2c0216.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e51bfddc.entry.js → p-4a36766d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-b2d712ce.entry.js → p-4aa6abfb.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-65a5d6df.entry.js → p-4b0d5703.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-b29b6f7a.entry.js → p-4c25a8b0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c5472db0.entry.js → p-4e502734.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4e8e4072.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-3642b109.entry.js → p-4faee019.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-51f551f1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-9145bf7a.entry.js → p-522ec022.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-ce760d56.entry.js → p-53b2bd74.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-8e065a49.entry.js → p-54e4744d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-56a8f916.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-575c1521.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-3a954fbe.entry.js → p-57931da4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-58571324.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-178f511d.entry.js → p-588e219d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2e7b03b0.entry.js → p-589b5c74.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2d8f7119.entry.js → p-59c6eea9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c76f56d9.entry.js → p-5ab3219d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d11f831f.entry.js → p-5fe348a8.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4f1e9553.entry.js → p-5ffcd46e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c6573e5d.entry.js → p-605a8548.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e4b2e4d3.entry.js → p-60a3c4fc.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-622469f7.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-abeb2ae6.entry.js → p-6331a230.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-6437e0d5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-f0d6f813.entry.js → p-66432c23.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6b8f46fc.entry.js → p-6898f846.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4ca25777.entry.js → p-693f21c5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-737f41e9.entry.js → p-6b71c1e0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1614e405.entry.js → p-6b8dec0c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e3448802.entry.js → p-6c1c4e57.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6408a7e2.entry.js → p-6cb0b862.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1a211ec6.entry.js → p-6e592b31.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-10a4e3aa.entry.js → p-6e97727b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-b746c5f8.entry.js → p-70cc8529.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-71fcac0e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-4dd23355.entry.js → p-745d6097.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d63d588f.entry.js → p-748ea975.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-b260cce3.entry.js → p-74a6cc5f.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0394e694.entry.js → p-74f2af73.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-368a5bea.entry.js → p-75ba66fa.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fab6da17.entry.js → p-77d48142.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1d7ee591.entry.js → p-7a9f1d69.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2187ef80.entry.js → p-7bb2a59a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-984ce8c2.entry.js → p-7bf83440.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-17b7fa43.entry.js → p-7ccb134d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6557a26c.entry.js → p-7efe3f79.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-165c926d.entry.js → p-8525939b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f982758f.entry.js → p-876a254d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fae174e9.entry.js → p-886fcf0d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e7c10f6a.entry.js → p-8a046670.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-8ad55d05.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-44e0607a.entry.js → p-8cbcf54f.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5f1951f7.entry.js → p-8f49ca21.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-ffd747f1.entry.js → p-8f6f7350.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-8f77234b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-bdf0adf8.entry.js → p-94351b2a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fb20fc2b.entry.js → p-95ab1f75.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-62805bf3.entry.js → p-962baa0e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-616af459.entry.js → p-970b457f.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-9a55b8cb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e41abde9.entry.js → p-9b89f4f2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-424ad06e.entry.js → p-9b9f6374.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-64fa2f88.entry.js → p-9d761ef0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-93689a8d.entry.js → p-9de12238.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-7ce5cc4c.entry.js → p-9e1c4f67.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-CC1-vxoR.js +1 -0
- package/dist/digi-arbetsformedlingen/p-CN1mgrt1.js +1 -0
- package/dist/digi-arbetsformedlingen/p-DwNlf6Sh.js +1 -0
- package/dist/digi-arbetsformedlingen/p-DyS35Hwi.js +3 -0
- package/dist/digi-arbetsformedlingen/p-Ooszw6tl.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-63ef5e5d.entry.js → p-a06ba659.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-24951793.entry.js → p-a2f9f3d0.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4149264b.entry.js → p-a4654347.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0e18dc69.entry.js → p-a4a48e7a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2eea1661.entry.js → p-a5cf1218.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-eddffe09.entry.js → p-a6f635bb.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-a70ba3ca.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-379d52d7.entry.js → p-a7d58ef3.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f6305c8e.entry.js → p-a9369eb2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d306dcc2.entry.js → p-a96de784.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-291d80fd.entry.js → p-a98822d3.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-3c1d20cc.entry.js → p-a9c13dd6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-aedcf116.entry.js → p-a9cf1b18.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-800141af.entry.js → p-ac1022e5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4061c1aa.entry.js → p-add9f606.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-adfb6e1e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-afb23694.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-24028559.entry.js → p-b208a42b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-2a4be324.entry.js → p-b25cc631.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-02f709b9.entry.js → p-b4c175db.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6662177f.entry.js → p-b68eb7fd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-66623058.entry.js → p-b751ea29.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-85ce04f2.entry.js → p-badf1aaf.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0b4f9561.entry.js → p-bb2c4993.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d169bba2.entry.js → p-bb565a0e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0003a1b4.entry.js → p-bba69042.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6c1c6267.entry.js → p-bbbce7a5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-d6db185c.entry.js → p-c35d8a5f.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-0109cd67.entry.js → p-c69ad5ea.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-206404ae.entry.js → p-c7ede71b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-7b32d26e.entry.js → p-c944bbce.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c9bbcdaa.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-9b03b04a.entry.js → p-c9fc4e79.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ccc7efdb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d29a85cf.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d36e2d84.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e74cbfb8.entry.js → p-d3db3edd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-ff0a2f84.entry.js → p-d415fd24.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-7e9dec30.entry.js → p-d4fcc806.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f069b6a2.entry.js → p-d5045f2a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-d5d38ae1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-eb40c752.entry.js → p-d7a8537c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-cbf181d6.entry.js → p-d8a85696.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-e083b072.entry.js → p-d8d31dcd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-bb123c61.entry.js → p-d8d66bc6.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6c174a9c.entry.js → p-dd430983.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-f1541030.entry.js → p-de234410.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-a74f6719.entry.js → p-dfb3f522.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-b61bb68d.entry.js → p-dfca870b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-51b028d6.entry.js → p-e0f0b9f5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-97669c38.entry.js → p-e2be49bf.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-e33cece1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-30ba7ac3.entry.js → p-e442878e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-9a11a125.entry.js → p-e456eef5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-6e256f0c.entry.js → p-e544ba41.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1430039a.entry.js → p-e5f8f11f.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4f48ceee.entry.js → p-e655b01d.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-82f0b85a.entry.js → p-e978089b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-655a6196.entry.js → p-ecfb5b7a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-c93d9638.entry.js → p-ed06da44.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-3267691f.entry.js → p-ed287c88.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-cf284ff4.entry.js → p-edbcb0fa.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-f0904327.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-6b99ac0c.entry.js → p-f216da61.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-21cb5136.entry.js → p-f559e84a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-f5ccd3e6.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-82a5250b.entry.js → p-f81e378e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-69594580.entry.js → p-f8ab4d65.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-78e547be.entry.js → p-faf93f84.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-3f497ad0.entry.js → p-fb2d6cb5.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-07b783f7.entry.js → p-fd970e92.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-ac3be3d5.entry.js → p-fed99f18.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/styles/src/index.scss +16 -2
- package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.mixin.scss +122 -0
- package/dist/{collection/styles/src/_alias.mixin.scss → digi-arbetsformedlingen/styles/src/themes/_alias-light.mixin.scss} +22 -8
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af18.mixin.scss +22 -8
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +151 -8
- package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-common.mixin.scss +13 -0
- package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +576 -160
- package/dist/digi-arbetsformedlingen/styles/src/utils/_box-shadow.mixin.scss +2 -2
- package/dist/esm/{code-example-variation.enum-DGI7Jkg2.js → code-example-variation.enum-Ooszw6tl.js} +7 -1
- package/dist/esm/digi-arbetsformedlingen.js +3 -3
- package/dist/esm/digi-badge-notification.entry.js +1 -1
- package/dist/esm/digi-badge-status.entry.js +2 -2
- package/dist/esm/digi-bar-chart.entry.js +1 -1
- package/dist/esm/digi-button_83.entry.js +8784 -0
- 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 → digi-code-block_2.entry.js} +6 -140
- package/dist/esm/digi-code-example.entry.js +7 -8
- package/dist/esm/digi-code.entry.js +1 -1
- package/dist/esm/digi-dialog.entry.js +5 -19
- package/dist/esm/digi-expandable-accordion.entry.js +126 -0
- package/dist/esm/digi-expandable-faq.entry.js +1 -1
- package/dist/esm/digi-form-error-list.entry.js +5 -19
- package/dist/esm/digi-form-input-search.entry.js +2 -3
- package/dist/esm/digi-form-radiogroup.entry.js +1 -1
- package/dist/esm/digi-form-receipt.entry.js +5 -19
- package/dist/esm/digi-form-textarea.entry.js +4 -4
- package/dist/esm/digi-icon-accessibility-deaf.entry.js +3 -3
- package/dist/esm/digi-icon-apple.entry.js +3 -3
- package/dist/esm/digi-icon-archive-outline.entry.js +3 -3
- package/dist/esm/digi-icon-archive.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-back.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-down.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-left.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-right.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-sign-in.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-sign-out.entry.js +3 -3
- package/dist/esm/digi-icon-arrow-up.entry.js +3 -3
- package/dist/esm/digi-icon-at.entry.js +3 -3
- package/dist/esm/digi-icon-bell.entry.js +3 -3
- package/dist/esm/digi-icon-book.entry.js +3 -3
- package/dist/esm/digi-icon-bookmark-outline.entry.js +3 -3
- package/dist/esm/digi-icon-bookmark-solid.entry.js +3 -3
- package/dist/esm/digi-icon-bubble-ellipsis.entry.js +3 -3
- package/dist/esm/digi-icon-bubble.entry.js +3 -3
- package/dist/esm/digi-icon-building-outline.entry.js +3 -3
- package/dist/esm/digi-icon-building-solid.entry.js +3 -3
- package/dist/esm/digi-icon-bullseye.entry.js +3 -3
- package/dist/esm/digi-icon-calculator-solid.entry.js +3 -3
- package/dist/esm/digi-icon-calendar-alt-alert.entry.js +3 -3
- package/dist/esm/digi-icon-calendar.entry.js +3 -3
- package/dist/esm/digi-icon-caret-circle-right.entry.js +3 -3
- package/dist/esm/digi-icon-caret-down_2.entry.js +5 -5
- package/dist/esm/digi-icon-caret-left.entry.js +3 -3
- package/dist/esm/digi-icon-caret-right.entry.js +3 -3
- package/dist/esm/digi-icon-chart_2.entry.js +5 -5
- package/dist/esm/digi-icon-chat.entry.js +3 -3
- package/dist/esm/digi-icon-check-circle-reg-alt.entry.js +3 -3
- package/dist/esm/digi-icon-checklist.entry.js +3 -3
- package/dist/esm/digi-icon-chevron-up.entry.js +3 -3
- package/dist/esm/digi-icon-clock.entry.js +3 -3
- package/dist/esm/digi-icon-communication-play-solid.entry.js +3 -3
- package/dist/esm/digi-icon-compress-alt.entry.js +3 -3
- package/dist/esm/digi-icon-comunication-case.entry.js +3 -3
- package/dist/esm/digi-icon-comunication-flag.entry.js +3 -3
- package/dist/esm/digi-icon-comunication-graduate.entry.js +3 -3
- package/dist/esm/digi-icon-comunication-play.entry.js +3 -3
- package/dist/esm/digi-icon-cooperation.entry.js +3 -3
- package/dist/esm/digi-icon-danger-outline.entry.js +3 -3
- package/dist/esm/digi-icon-download.entry.js +3 -3
- package/dist/esm/digi-icon-dxa.entry.js +3 -3
- package/dist/esm/digi-icon-edit.entry.js +3 -3
- package/dist/esm/digi-icon-ellipsis.entry.js +3 -3
- package/dist/esm/digi-icon-envelope-filled.entry.js +3 -3
- package/dist/esm/digi-icon-exclamation-circle-filled.entry.js +3 -3
- package/dist/esm/digi-icon-exclamation-triangle-filled.entry.js +3 -3
- package/dist/esm/digi-icon-exclamation-triangle-warning.entry.js +3 -3
- package/dist/esm/digi-icon-exclamation-triangle.entry.js +3 -3
- package/dist/esm/digi-icon-expand-alt.entry.js +3 -3
- package/dist/esm/digi-icon-eye-slash.entry.js +3 -3
- package/dist/esm/digi-icon-eye.entry.js +3 -3
- package/dist/esm/digi-icon-facebook-square.entry.js +3 -3
- package/dist/esm/digi-icon-file-add.entry.js +2 -2
- package/dist/esm/digi-icon-file-document.entry.js +3 -3
- package/dist/esm/digi-icon-file-excel.entry.js +3 -3
- package/dist/esm/digi-icon-file-export.entry.js +2 -2
- package/dist/esm/digi-icon-file-governing.entry.js +3 -3
- package/dist/esm/digi-icon-file-pdf.entry.js +3 -3
- package/dist/esm/digi-icon-file-powerpoint.entry.js +3 -3
- package/dist/esm/digi-icon-file-remove.entry.js +2 -2
- package/dist/esm/digi-icon-file-word.entry.js +3 -3
- package/dist/esm/digi-icon-film.entry.js +3 -3
- package/dist/esm/digi-icon-filter.entry.js +3 -3
- package/dist/esm/digi-icon-folder-add.entry.js +2 -2
- package/dist/esm/digi-icon-folder-directory.entry.js +2 -2
- package/dist/esm/digi-icon-folder-open.entry.js +2 -2
- package/dist/esm/digi-icon-folder.entry.js +2 -2
- package/dist/esm/digi-icon-globe-filled.entry.js +3 -3
- package/dist/esm/digi-icon-headphones.entry.js +3 -3
- package/dist/esm/digi-icon-heart-solid.entry.js +3 -3
- package/dist/esm/digi-icon-heart.entry.js +3 -3
- package/dist/esm/digi-icon-history.entry.js +3 -3
- package/dist/esm/digi-icon-home.entry.js +3 -3
- package/dist/esm/digi-icon-image.entry.js +3 -3
- package/dist/esm/digi-icon-info-circle-solid.entry.js +3 -3
- package/dist/esm/digi-icon-instagram.entry.js +3 -3
- package/dist/esm/digi-icon-job-suggestion.entry.js +3 -3
- package/dist/esm/digi-icon-language-outline.entry.js +3 -3
- package/dist/esm/digi-icon-language.entry.js +3 -3
- package/dist/esm/digi-icon-laptop-phone.entry.js +3 -3
- package/dist/esm/digi-icon-lattlast.entry.js +3 -3
- package/dist/esm/digi-icon-licence-bus.entry.js +3 -3
- package/dist/esm/digi-icon-licence-car.entry.js +3 -3
- package/dist/esm/digi-icon-licence-motorcycle.entry.js +3 -3
- package/dist/esm/digi-icon-licence-truck.entry.js +3 -3
- package/dist/esm/digi-icon-lightbulb.entry.js +3 -3
- package/dist/esm/digi-icon-linkedin-in.entry.js +3 -3
- package/dist/esm/digi-icon-lock.entry.js +3 -3
- package/dist/esm/digi-icon-marker-filled.entry.js +3 -3
- package/dist/esm/digi-icon-marker.entry.js +3 -3
- package/dist/esm/digi-icon-media-course.entry.js +3 -3
- package/dist/esm/digi-icon-media-podcast.entry.js +3 -3
- package/dist/esm/digi-icon-microphone-off.entry.js +3 -3
- package/dist/esm/digi-icon-microphone.entry.js +3 -3
- package/dist/esm/digi-icon-move.entry.js +3 -3
- package/dist/esm/digi-icon-online-interview.entry.js +3 -3
- package/dist/esm/digi-icon-online-meeting.entry.js +3 -3
- package/dist/esm/digi-icon-online-task.entry.js +3 -3
- package/dist/esm/digi-icon-open-source.entry.js +3 -3
- package/dist/esm/digi-icon-palette.entry.js +3 -3
- package/dist/esm/digi-icon-paste.entry.js +2 -2
- package/dist/esm/digi-icon-pen.entry.js +3 -3
- package/dist/esm/digi-icon-phone-hangup.entry.js +3 -3
- package/dist/esm/digi-icon-phone.entry.js +3 -3
- package/dist/esm/digi-icon-print.entry.js +3 -3
- package/dist/esm/digi-icon-read.entry.js +3 -3
- package/dist/esm/digi-icon-redo.entry.js +3 -3
- package/dist/esm/digi-icon-scale.entry.js +2 -2
- package/dist/esm/digi-icon-screensharing-off.entry.js +3 -3
- package/dist/esm/digi-icon-screensharing.entry.js +3 -3
- package/dist/esm/digi-icon-search.entry.js +3 -3
- package/dist/esm/digi-icon-send-outline.entry.js +3 -3
- package/dist/esm/digi-icon-send-solid.entry.js +3 -3
- package/dist/esm/digi-icon-settings.entry.js +3 -3
- package/dist/esm/digi-icon-share-alt.entry.js +3 -3
- package/dist/esm/digi-icon-share-chain.entry.js +3 -3
- package/dist/esm/digi-icon-sliders-h.entry.js +3 -3
- package/dist/esm/digi-icon-sokkandidat.entry.js +3 -3
- package/dist/esm/digi-icon-sort-down.entry.js +3 -3
- package/dist/esm/digi-icon-sort-up.entry.js +3 -3
- package/dist/esm/digi-icon-sort.entry.js +3 -3
- package/dist/esm/digi-icon-star-reg.entry.js +3 -3
- package/dist/esm/digi-icon-star.entry.js +3 -3
- package/dist/esm/digi-icon-suitcase-outline.entry.js +3 -3
- package/dist/esm/digi-icon-suitcase-solid.entry.js +3 -3
- package/dist/esm/digi-icon-system-assistance.entry.js +3 -3
- package/dist/esm/digi-icon-table-column.entry.js +3 -3
- package/dist/esm/digi-icon-table-row.entry.js +3 -3
- package/dist/esm/digi-icon-task-done.entry.js +3 -3
- package/dist/esm/digi-icon-toggle-off.entry.js +3 -3
- package/dist/esm/digi-icon-toggle-on.entry.js +3 -3
- package/dist/esm/digi-icon-twitter.entry.js +3 -3
- package/dist/esm/digi-icon-tyck-till.entry.js +3 -3
- package/dist/esm/digi-icon-unlock.entry.js +3 -3
- package/dist/esm/digi-icon-update.entry.js +3 -3
- package/dist/esm/digi-icon-upload.entry.js +3 -3
- package/dist/esm/digi-icon-user-add.entry.js +2 -2
- package/dist/esm/digi-icon-user-alt.entry.js +3 -3
- package/dist/esm/digi-icon-user-edit.entry.js +2 -2
- package/dist/esm/digi-icon-users-solid.entry.js +3 -3
- package/dist/esm/digi-icon-videocamera-off.entry.js +3 -3
- package/dist/esm/digi-icon-videocamera.entry.js +3 -3
- package/dist/esm/digi-icon-volume.entry.js +3 -3
- package/dist/esm/digi-icon-web-tv.entry.js +3 -3
- package/dist/esm/digi-icon-wifi-signal0.entry.js +3 -3
- package/dist/esm/digi-icon-wifi-signal1.entry.js +3 -3
- package/dist/esm/digi-icon-wifi-signal2.entry.js +3 -3
- package/dist/esm/digi-icon-wifi-signal3.entry.js +3 -3
- package/dist/esm/digi-icon-window.entry.js +3 -3
- package/dist/esm/digi-icon-x-button.entry.js +3 -3
- package/dist/esm/digi-icon-youtube.entry.js +3 -3
- package/dist/esm/digi-list.entry.js +2 -5
- package/dist/esm/digi-loader-skeleton.entry.js +4 -4
- package/dist/esm/digi-loader-spinner.entry.js +2 -2
- package/dist/esm/digi-media-figure.entry.js +5 -4
- package/dist/esm/digi-navigation-breadcrumbs.entry.js +3 -3
- package/dist/esm/digi-navigation-pagination.entry.js +11 -25
- package/dist/esm/digi-navigation-sidebar.entry.js +4 -4
- package/dist/esm/digi-notification-error-page.entry.js +8 -22
- package/dist/esm/digi-progress-circle.entry.js +9 -9
- package/dist/esm/digi-progress-list-item.entry.js +7 -7
- package/dist/esm/digi-progress-list.entry.js +2 -2
- package/dist/esm/digi-progressbar.entry.js +3 -3
- package/dist/esm/digi-quote.entry.js +2 -2
- package/dist/esm/digi-table.entry.js +2 -2
- package/dist/esm/digi-tablist-panel.entry.js +3 -3
- package/dist/esm/digi-tablist.entry.js +6 -6
- package/dist/esm/digi-tag.entry.js +2 -2
- package/dist/esm/digi-tools-feedback-banner.entry.js +2 -2
- package/dist/esm/digi-tools-feedback-rating.entry.js +2 -2
- package/dist/esm/digi-tools-feedback.entry.js +6 -20
- package/dist/esm/digi-typography-meta.entry.js +2 -2
- package/dist/esm/digi-typography-time.entry.js +2 -2
- package/dist/esm/digi-util-detect-click-outside.entry.js +2 -2
- package/dist/esm/digi-util-detect-focus-outside.entry.js +2 -2
- package/dist/esm/digi-util-keyup-handler.entry.js +2 -2
- package/dist/esm/digi-util-mutation-observer.entry.js +2 -2
- package/dist/esm/digi-util-resize-observer.entry.js +2 -2
- package/dist/esm/expandable-accordion-header-level.enum-DwNlf6Sh.js +11 -0
- package/dist/esm/{form-input-type.enum-C6S1HfeA.js → form-input-type.enum-CN1mgrt1.js} +8 -1
- package/dist/esm/{index-BnKuq1L7.js → index-DyS35Hwi.js} +9 -201
- package/dist/esm/index.js +4 -18
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{typography-variation.enum-Zivp2NJB.js → typography-variation.enum-CC1-vxoR.js} +198 -11
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +5 -0
- package/dist/types/components/_info-card/info-card-multi-container/info-card-multi-container.d.ts +1 -0
- package/dist/types/components/_media/media-figure/media-figure.d.ts +6 -0
- package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +9 -0
- package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +4 -0
- package/dist/types/components.d.ts +47 -4
- package/dist/types/enums.d.ts +1 -0
- package/hydrate/index.js +558 -525
- package/hydrate/index.mjs +558 -525
- package/package.json +1 -1
- package/components/p-BYefdyRg.js +0 -187
- package/components/p-BxG1tqmk.js +0 -172
- package/components/p-CkIb3cUS.js +0 -8
- package/components/p-DTbZcA8e.js +0 -72
- package/components/p-DpDyNuVC.js +0 -7
- package/dist/cjs/button-size.enum-DgyvMkwE.js +0 -7
- package/dist/cjs/button-type.enum-2UH0KkO-.js +0 -8
- package/dist/cjs/digi-button.cjs.entry.js +0 -131
- package/dist/cjs/digi-calendar_19.cjs.entry.js +0 -4227
- package/dist/cjs/digi-context-menu.cjs.entry.js +0 -241
- package/dist/cjs/digi-footer-card.cjs.entry.js +0 -30
- package/dist/cjs/digi-footer.cjs.entry.js +0 -73
- package/dist/cjs/digi-form-category-filter.cjs.entry.js +0 -152
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +0 -141
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +0 -632
- package/dist/cjs/digi-form-filter.cjs.entry.js +0 -257
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -643
- package/dist/cjs/digi-header-avatar.cjs.entry.js +0 -98
- package/dist/cjs/digi-header-navigation-item.cjs.entry.js +0 -23
- package/dist/cjs/digi-header-navigation.cjs.entry.js +0 -230
- package/dist/cjs/digi-header-notification.cjs.entry.js +0 -19
- package/dist/cjs/digi-header.cjs.entry.js +0 -109
- package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-bars.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +0 -97
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-copy.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-envelope.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +0 -52
- package/dist/cjs/digi-icon-globe.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +0 -143
- package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -51
- package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +0 -97
- package/dist/cjs/digi-icon-sign.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-spinner.cjs.entry.js +0 -29
- package/dist/cjs/digi-icon-x.cjs.entry.js +0 -28
- package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +0 -17
- package/dist/cjs/digi-info-card-multi.cjs.entry.js +0 -60
- package/dist/cjs/digi-info-card.cjs.entry.js +0 -90
- package/dist/cjs/digi-layout-block_2.cjs.entry.js +0 -101
- package/dist/cjs/digi-layout-columns.cjs.entry.js +0 -37
- package/dist/cjs/digi-link-button.cjs.entry.js +0 -69
- package/dist/cjs/digi-link-internal.cjs.entry.js +0 -39
- package/dist/cjs/digi-link.cjs.entry.js +0 -75
- package/dist/cjs/digi-logo.cjs.entry.js +0 -54
- package/dist/cjs/digi-media-image_2.cjs.entry.js +0 -180
- package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +0 -29
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -167
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -200
- package/dist/cjs/digi-notification-alert.cjs.entry.js +0 -130
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -153
- package/dist/cjs/digi-tag-media.cjs.entry.js +0 -47
- package/dist/cjs/digi-title-logo.cjs.entry.js +0 -123
- package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +0 -29
- package/dist/cjs/digi-typography-preamble.cjs.entry.js +0 -17
- package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +0 -45
- package/dist/cjs/footer-card-variation.enum-BPnpkC45.js +0 -8
- package/dist/cjs/form-checkbox-variation.enum-BfOGU4Qt.js +0 -19
- package/dist/cjs/form-validation-message-variation.enum-DgkifAnP.js +0 -31
- package/dist/cjs/info-card-multi-type.enum-pqhvdrsN.js +0 -8
- package/dist/cjs/info-card-variation.enum-B1cqmknX.js +0 -24
- package/dist/cjs/layout-columns-variation.enum-OgD-hvRN.js +0 -23
- package/dist/cjs/layout-container-max-width.enum-DqWtU7WK.js +0 -21
- package/dist/cjs/link-button-variation.enum-03cHZQxx.js +0 -9
- package/dist/cjs/logo-color.enum-BJZv-f6R.js +0 -7
- package/dist/cjs/navigation-vertical-menu-variation.enum-7IUICId3.js +0 -13
- package/dist/cjs/progress-indicator-heading-level.enum-CNarUduE.js +0 -23
- package/dist/cjs/tag-media-icon.enum-DzhiwvjI.js +0 -11
- package/dist/cjs/tools-theme-provider.brand.enum-BzduvCUY.js +0 -7
- package/dist/digi-arbetsformedlingen/p-00bc2401.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0230ec9b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0476f89d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-04bbbd14.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0cf25433.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0d72dd25.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0e4c3542.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-10581b5d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-17824a0b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2346e439.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-25815f15.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-267a1c32.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2957148d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-296301d4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2ca1bcdd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-322ff73a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-36c81161.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3bdcc894.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3c99eb52.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3d4ac22e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-41b2fd4b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-47513f97.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-49d38827.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4aefce1e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5b122492.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5be00cb0.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5bea0492.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5c5b4dd6.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5ee5766d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6-MpaVf8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-62c7ee21.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6f1671ed.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-71a36a21.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-78001766.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7a954634.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7d59ccc3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88dc2ed4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8a01b372.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-99f6ee4e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9n7Okhf1.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BnKuq1L7.js +0 -3
- package/dist/digi-arbetsformedlingen/p-BvcVTm_t.js +0 -1
- package/dist/digi-arbetsformedlingen/p-C6S1HfeA.js +0 -1
- package/dist/digi-arbetsformedlingen/p-C7xgnp99.js +0 -1
- package/dist/digi-arbetsformedlingen/p-CPzcg9n3.js +0 -1
- package/dist/digi-arbetsformedlingen/p-Chk3GCYK.js +0 -1
- package/dist/digi-arbetsformedlingen/p-CkIb3cUS.js +0 -1
- package/dist/digi-arbetsformedlingen/p-CuhrrYGE.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DE6sqPn9.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DGI7Jkg2.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DJCufAhy.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DPkRL9Bv.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DShzaNrQ.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DpDyNuVC.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DzSu1-K0.js +0 -1
- package/dist/digi-arbetsformedlingen/p-Zivp2NJB.js +0 -1
- package/dist/digi-arbetsformedlingen/p-_ycZeBN4.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a0ad3ada.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a29b6fff.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a3f3f306.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a5118bc8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a75b1e3b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ace2e5fd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ad329338.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-adc42d2b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ae8cda59.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-af474b8b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b411a549.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b4534304.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b7712996.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bfccf413.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c28f67ee.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c7fcf4c0.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-cdd65abb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d1e0380b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d4406627.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d55fca6c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d9f05bc7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-dd95c75e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e376ef67.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e52b0375.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e5396b1e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e55c62c2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e867c5e1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-eab48785.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ebfcc08b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f63550f1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f6a311ff.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f866ad1f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f91295ac.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f97e4bd6.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fbea2a99.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ff94e924.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ffb4fac6.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ffe8578c.entry.js +0 -1
- package/dist/esm/button-size.enum-C7xgnp99.js +0 -7
- package/dist/esm/button-type.enum-DShzaNrQ.js +0 -8
- package/dist/esm/digi-button.entry.js +0 -129
- package/dist/esm/digi-calendar_19.entry.js +0 -4207
- package/dist/esm/digi-context-menu.entry.js +0 -239
- package/dist/esm/digi-footer-card.entry.js +0 -28
- package/dist/esm/digi-footer.entry.js +0 -71
- package/dist/esm/digi-form-category-filter.entry.js +0 -150
- package/dist/esm/digi-form-checkbox.entry.js +0 -139
- package/dist/esm/digi-form-file-upload.entry.js +0 -630
- package/dist/esm/digi-form-filter.entry.js +0 -255
- package/dist/esm/digi-form-select-filter.entry.js +0 -641
- package/dist/esm/digi-header-avatar.entry.js +0 -96
- package/dist/esm/digi-header-navigation-item.entry.js +0 -21
- package/dist/esm/digi-header-navigation.entry.js +0 -228
- package/dist/esm/digi-header-notification.entry.js +0 -17
- package/dist/esm/digi-header.entry.js +0 -107
- package/dist/esm/digi-icon-accessibility-universal.entry.js +0 -26
- package/dist/esm/digi-icon-bars.entry.js +0 -26
- package/dist/esm/digi-icon-bell-filled.entry.js +0 -26
- package/dist/esm/digi-icon-check-circle-solid_4.entry.js +0 -92
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-icon-copy.entry.js +0 -26
- package/dist/esm/digi-icon-envelope.entry.js +0 -26
- package/dist/esm/digi-icon-external-link-alt_2.entry.js +0 -49
- package/dist/esm/digi-icon-globe.entry.js +0 -26
- package/dist/esm/digi-icon-list-ul_6.entry.js +0 -136
- package/dist/esm/digi-icon-minus_2.entry.js +0 -48
- package/dist/esm/digi-icon-notification-error_4.entry.js +0 -92
- package/dist/esm/digi-icon-sign.entry.js +0 -26
- package/dist/esm/digi-icon-spinner.entry.js +0 -27
- package/dist/esm/digi-icon-x.entry.js +0 -26
- package/dist/esm/digi-info-card-multi-container.entry.js +0 -15
- package/dist/esm/digi-info-card-multi.entry.js +0 -58
- package/dist/esm/digi-info-card.entry.js +0 -88
- package/dist/esm/digi-layout-block_2.entry.js +0 -98
- package/dist/esm/digi-layout-columns.entry.js +0 -35
- package/dist/esm/digi-link-button.entry.js +0 -67
- package/dist/esm/digi-link-internal.entry.js +0 -37
- package/dist/esm/digi-link.entry.js +0 -73
- package/dist/esm/digi-logo.entry.js +0 -52
- package/dist/esm/digi-media-image_2.entry.js +0 -177
- package/dist/esm/digi-navigation-sidebar-button.entry.js +0 -27
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -165
- package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -198
- package/dist/esm/digi-notification-alert.entry.js +0 -128
- package/dist/esm/digi-progress-indicator.entry.js +0 -151
- package/dist/esm/digi-tag-media.entry.js +0 -45
- package/dist/esm/digi-title-logo.entry.js +0 -121
- package/dist/esm/digi-tools-theme-provider.entry.js +0 -27
- package/dist/esm/digi-typography-preamble.entry.js +0 -15
- package/dist/esm/digi-util-breakpoint-observer.entry.js +0 -43
- package/dist/esm/footer-card-variation.enum-DzSu1-K0.js +0 -8
- package/dist/esm/form-checkbox-variation.enum-6-MpaVf8.js +0 -19
- package/dist/esm/form-validation-message-variation.enum-9n7Okhf1.js +0 -31
- package/dist/esm/info-card-multi-type.enum-CkIb3cUS.js +0 -8
- package/dist/esm/info-card-variation.enum-_ycZeBN4.js +0 -24
- package/dist/esm/layout-columns-variation.enum-DJCufAhy.js +0 -23
- package/dist/esm/layout-container-max-width.enum-CuhrrYGE.js +0 -21
- package/dist/esm/link-button-variation.enum-CPzcg9n3.js +0 -9
- package/dist/esm/logo-color.enum-Chk3GCYK.js +0 -7
- package/dist/esm/navigation-vertical-menu-variation.enum-DPkRL9Bv.js +0 -13
- package/dist/esm/progress-indicator-heading-level.enum-DE6sqPn9.js +0 -23
- package/dist/esm/tag-media-icon.enum-BvcVTm_t.js +0 -11
- package/dist/esm/tools-theme-provider.brand.enum-DpDyNuVC.js +0 -7
|
@@ -1,4207 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
|
|
3
|
-
import { d as detectClickOutside } from './detectClickOutside.util-ROzp1Ej2.js';
|
|
4
|
-
import { d as detectFocusOutside } from './detectFocusOutside.util-aFLLVVle.js';
|
|
5
|
-
import { l as logger } from './logger.util-DdB9j8uV.js';
|
|
6
|
-
import { _ as _t } from './text-DsO1BTml.js';
|
|
7
|
-
import { r as requiredArgs, t as toDate, a as toInteger, g as getUTCISOWeek, b as getUTCWeek, s as startOfUTCISOWeek, c as startOfUTCWeek, d as getUTCWeekYear, l as locale, e as longFormatters, i as isProtectedWeekYearToken, f as throwProtectedError, h as isProtectedDayOfYearToken, j as subMilliseconds, k as getTimezoneOffsetInMilliseconds, m as isValid } from './index-Cnyfh_8_.js';
|
|
8
|
-
import './badge-notification-shape.enum-CKoZU0-H.js';
|
|
9
|
-
import { C as CalendarDatepickerValidation, h as FormInputValidation, E as ExpandableAccordionHeaderLevel, d as ExpandableFaqItemHeadingLevel, e as ExpandableFaqItemVariation, g as FormInputMode, i as FormInputVariation, s as FormSelectVariation, r as FormSelectValidation, J as TypographyHeadingJumboLevel, K as TypographyHeadingJumboVariation } from './typography-variation.enum-Zivp2NJB.js';
|
|
10
|
-
import './badge-status-variation.enum-C0A-p3cU.js';
|
|
11
|
-
import './button-size.enum-C7xgnp99.js';
|
|
12
|
-
import './button-type.enum-DShzaNrQ.js';
|
|
13
|
-
import './button-variation.enum-y5Nm4oWF.js';
|
|
14
|
-
import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
|
|
15
|
-
import './bar-chart-variation.enum-DPeoHh1J.js';
|
|
16
|
-
import './code-example-variation.enum-DGI7Jkg2.js';
|
|
17
|
-
import './code-variation.enum-qc6KRZue.js';
|
|
18
|
-
import './expandable-faq-variation.enum-CES5gUEo.js';
|
|
19
|
-
import './footer-card-variation.enum-DzSu1-K0.js';
|
|
20
|
-
import './form-checkbox-variation.enum-6-MpaVf8.js';
|
|
21
|
-
import { c as FormValidationMessageVariation } from './form-validation-message-variation.enum-9n7Okhf1.js';
|
|
22
|
-
import { b as FormInputType, a as FormInputButtonVariation } from './form-input-type.enum-C6S1HfeA.js';
|
|
23
|
-
import './form-radiogroup-validation.enum-DcnvI7UR.js';
|
|
24
|
-
import './form-textarea-variation.enum-DogB9kfH.js';
|
|
25
|
-
import './info-card-multi-type.enum-CkIb3cUS.js';
|
|
26
|
-
import './info-card-variation.enum-_ycZeBN4.js';
|
|
27
|
-
import './layout-container-max-width.enum-CuhrrYGE.js';
|
|
28
|
-
import './layout-block-variation.enum-CWFirwyE.js';
|
|
29
|
-
import './layout-columns-variation.enum-DJCufAhy.js';
|
|
30
|
-
import './link-button-variation.enum-CPzcg9n3.js';
|
|
31
|
-
import './list-type.enum-CsNHGpkJ.js';
|
|
32
|
-
import './loader-skeleton-variation.enum-D_VIx0pC.js';
|
|
33
|
-
import './loader-spinner-size.enum-ArGkfrXt.js';
|
|
34
|
-
import './logo-color.enum-Chk3GCYK.js';
|
|
35
|
-
import './media-figure-alignment.enum-evtVuhQt.js';
|
|
36
|
-
import './navigation-sidebar-variation.enum-V-HTxO5a.js';
|
|
37
|
-
import './navigation-vertical-menu-variation.enum-DPkRL9Bv.js';
|
|
38
|
-
import './progress-circle-heading-level.enum-D0CENVum.js';
|
|
39
|
-
import './progress-indicator-heading-level.enum-DE6sqPn9.js';
|
|
40
|
-
import './progress-list-item-variation.enum-DXqRzyRP.js';
|
|
41
|
-
import './progress-list-variation.enum-DoZkBEe8.js';
|
|
42
|
-
import './progressbar-variation.enum-m9xS70Ez.js';
|
|
43
|
-
import './quote-image-inner-position.enum-CmH9mJ43.js';
|
|
44
|
-
import './table-variation.enum-DBcU_EnL.js';
|
|
45
|
-
import './tag-media-icon.enum-BvcVTm_t.js';
|
|
46
|
-
import './tag-size.enum-bQJ38En_.js';
|
|
47
|
-
import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
|
|
48
|
-
import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
|
|
49
|
-
import './tools-theme-provider.brand.enum-DpDyNuVC.js';
|
|
50
|
-
import './typography-meta-variation.enum-CHxBAbI8.js';
|
|
51
|
-
import './typography-time-variation.enum-rhVqmQwC.js';
|
|
52
|
-
import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';
|
|
53
|
-
import { K as KEY_CODE, k as keyboardHandler } from './keyboardHandler.util-CflatMTG.js';
|
|
54
|
-
import './detectClosest.util-DwBvm-Nc.js';
|
|
55
|
-
|
|
56
|
-
function assign(target, dirtyObject) {
|
|
57
|
-
if (target == null) {
|
|
58
|
-
throw new TypeError('assign requires that input parameter not be null or undefined');
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
dirtyObject = dirtyObject || {};
|
|
62
|
-
|
|
63
|
-
for (var property in dirtyObject) {
|
|
64
|
-
if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {
|
|
65
|
-
target[property] = dirtyObject[property];
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
return target;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* @name isAfter
|
|
74
|
-
* @category Common Helpers
|
|
75
|
-
* @summary Is the first date after the second one?
|
|
76
|
-
*
|
|
77
|
-
* @description
|
|
78
|
-
* Is the first date after the second one?
|
|
79
|
-
*
|
|
80
|
-
* ### v2.0.0 breaking changes:
|
|
81
|
-
*
|
|
82
|
-
* - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
|
|
83
|
-
*
|
|
84
|
-
* @param {Date|Number} date - the date that should be after the other one to return true
|
|
85
|
-
* @param {Date|Number} dateToCompare - the date to compare with
|
|
86
|
-
* @returns {Boolean} the first date is after the second date
|
|
87
|
-
* @throws {TypeError} 2 arguments required
|
|
88
|
-
*
|
|
89
|
-
* @example
|
|
90
|
-
* // Is 10 July 1989 after 11 February 1987?
|
|
91
|
-
* var result = isAfter(new Date(1989, 6, 10), new Date(1987, 1, 11))
|
|
92
|
-
* //=> true
|
|
93
|
-
*/
|
|
94
|
-
|
|
95
|
-
function isAfter(dirtyDate, dirtyDateToCompare) {
|
|
96
|
-
requiredArgs(2, arguments);
|
|
97
|
-
var date = toDate(dirtyDate);
|
|
98
|
-
var dateToCompare = toDate(dirtyDateToCompare);
|
|
99
|
-
return date.getTime() > dateToCompare.getTime();
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* @name isBefore
|
|
104
|
-
* @category Common Helpers
|
|
105
|
-
* @summary Is the first date before the second one?
|
|
106
|
-
*
|
|
107
|
-
* @description
|
|
108
|
-
* Is the first date before the second one?
|
|
109
|
-
*
|
|
110
|
-
* ### v2.0.0 breaking changes:
|
|
111
|
-
*
|
|
112
|
-
* - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
|
|
113
|
-
*
|
|
114
|
-
* @param {Date|Number} date - the date that should be before the other one to return true
|
|
115
|
-
* @param {Date|Number} dateToCompare - the date to compare with
|
|
116
|
-
* @returns {Boolean} the first date is before the second date
|
|
117
|
-
* @throws {TypeError} 2 arguments required
|
|
118
|
-
*
|
|
119
|
-
* @example
|
|
120
|
-
* // Is 10 July 1989 before 11 February 1987?
|
|
121
|
-
* var result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))
|
|
122
|
-
* //=> false
|
|
123
|
-
*/
|
|
124
|
-
|
|
125
|
-
function isBefore(dirtyDate, dirtyDateToCompare) {
|
|
126
|
-
requiredArgs(2, arguments);
|
|
127
|
-
var date = toDate(dirtyDate);
|
|
128
|
-
var dateToCompare = toDate(dirtyDateToCompare);
|
|
129
|
-
return date.getTime() < dateToCompare.getTime();
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
// See issue: https://github.com/date-fns/date-fns/issues/376
|
|
133
|
-
|
|
134
|
-
function setUTCDay(dirtyDate, dirtyDay, dirtyOptions) {
|
|
135
|
-
requiredArgs(2, arguments);
|
|
136
|
-
var options = dirtyOptions || {};
|
|
137
|
-
var locale = options.locale;
|
|
138
|
-
var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
|
|
139
|
-
var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
|
|
140
|
-
var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
|
|
141
|
-
|
|
142
|
-
if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
|
|
143
|
-
throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
var date = toDate(dirtyDate);
|
|
147
|
-
var day = toInteger(dirtyDay);
|
|
148
|
-
var currentDay = date.getUTCDay();
|
|
149
|
-
var remainder = day % 7;
|
|
150
|
-
var dayIndex = (remainder + 7) % 7;
|
|
151
|
-
var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
|
|
152
|
-
date.setUTCDate(date.getUTCDate() + diff);
|
|
153
|
-
return date;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
// See issue: https://github.com/date-fns/date-fns/issues/376
|
|
157
|
-
|
|
158
|
-
function setUTCISODay(dirtyDate, dirtyDay) {
|
|
159
|
-
requiredArgs(2, arguments);
|
|
160
|
-
var day = toInteger(dirtyDay);
|
|
161
|
-
|
|
162
|
-
if (day % 7 === 0) {
|
|
163
|
-
day = day - 7;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
var weekStartsOn = 1;
|
|
167
|
-
var date = toDate(dirtyDate);
|
|
168
|
-
var currentDay = date.getUTCDay();
|
|
169
|
-
var remainder = day % 7;
|
|
170
|
-
var dayIndex = (remainder + 7) % 7;
|
|
171
|
-
var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
|
|
172
|
-
date.setUTCDate(date.getUTCDate() + diff);
|
|
173
|
-
return date;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
// See issue: https://github.com/date-fns/date-fns/issues/376
|
|
177
|
-
|
|
178
|
-
function setUTCISOWeek(dirtyDate, dirtyISOWeek) {
|
|
179
|
-
requiredArgs(2, arguments);
|
|
180
|
-
var date = toDate(dirtyDate);
|
|
181
|
-
var isoWeek = toInteger(dirtyISOWeek);
|
|
182
|
-
var diff = getUTCISOWeek(date) - isoWeek;
|
|
183
|
-
date.setUTCDate(date.getUTCDate() - diff * 7);
|
|
184
|
-
return date;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
// See issue: https://github.com/date-fns/date-fns/issues/376
|
|
188
|
-
|
|
189
|
-
function setUTCWeek(dirtyDate, dirtyWeek, options) {
|
|
190
|
-
requiredArgs(2, arguments);
|
|
191
|
-
var date = toDate(dirtyDate);
|
|
192
|
-
var week = toInteger(dirtyWeek);
|
|
193
|
-
var diff = getUTCWeek(date, options) - week;
|
|
194
|
-
date.setUTCDate(date.getUTCDate() - diff * 7);
|
|
195
|
-
return date;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
var MILLISECONDS_IN_HOUR = 3600000;
|
|
199
|
-
var MILLISECONDS_IN_MINUTE = 60000;
|
|
200
|
-
var MILLISECONDS_IN_SECOND = 1000;
|
|
201
|
-
var numericPatterns = {
|
|
202
|
-
month: /^(1[0-2]|0?\d)/,
|
|
203
|
-
// 0 to 12
|
|
204
|
-
date: /^(3[0-1]|[0-2]?\d)/,
|
|
205
|
-
// 0 to 31
|
|
206
|
-
dayOfYear: /^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,
|
|
207
|
-
// 0 to 366
|
|
208
|
-
week: /^(5[0-3]|[0-4]?\d)/,
|
|
209
|
-
// 0 to 53
|
|
210
|
-
hour23h: /^(2[0-3]|[0-1]?\d)/,
|
|
211
|
-
// 0 to 23
|
|
212
|
-
hour24h: /^(2[0-4]|[0-1]?\d)/,
|
|
213
|
-
// 0 to 24
|
|
214
|
-
hour11h: /^(1[0-1]|0?\d)/,
|
|
215
|
-
// 0 to 11
|
|
216
|
-
hour12h: /^(1[0-2]|0?\d)/,
|
|
217
|
-
// 0 to 12
|
|
218
|
-
minute: /^[0-5]?\d/,
|
|
219
|
-
// 0 to 59
|
|
220
|
-
second: /^[0-5]?\d/,
|
|
221
|
-
// 0 to 59
|
|
222
|
-
singleDigit: /^\d/,
|
|
223
|
-
// 0 to 9
|
|
224
|
-
twoDigits: /^\d{1,2}/,
|
|
225
|
-
// 0 to 99
|
|
226
|
-
threeDigits: /^\d{1,3}/,
|
|
227
|
-
// 0 to 999
|
|
228
|
-
fourDigits: /^\d{1,4}/,
|
|
229
|
-
// 0 to 9999
|
|
230
|
-
anyDigitsSigned: /^-?\d+/,
|
|
231
|
-
singleDigitSigned: /^-?\d/,
|
|
232
|
-
// 0 to 9, -0 to -9
|
|
233
|
-
twoDigitsSigned: /^-?\d{1,2}/,
|
|
234
|
-
// 0 to 99, -0 to -99
|
|
235
|
-
threeDigitsSigned: /^-?\d{1,3}/,
|
|
236
|
-
// 0 to 999, -0 to -999
|
|
237
|
-
fourDigitsSigned: /^-?\d{1,4}/ // 0 to 9999, -0 to -9999
|
|
238
|
-
|
|
239
|
-
};
|
|
240
|
-
var timezonePatterns = {
|
|
241
|
-
basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
|
|
242
|
-
basic: /^([+-])(\d{2})(\d{2})|Z/,
|
|
243
|
-
basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
|
|
244
|
-
extended: /^([+-])(\d{2}):(\d{2})|Z/,
|
|
245
|
-
extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
|
|
246
|
-
};
|
|
247
|
-
|
|
248
|
-
function parseNumericPattern(pattern, string, valueCallback) {
|
|
249
|
-
var matchResult = string.match(pattern);
|
|
250
|
-
|
|
251
|
-
if (!matchResult) {
|
|
252
|
-
return null;
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
var value = parseInt(matchResult[0], 10);
|
|
256
|
-
return {
|
|
257
|
-
value: valueCallback ? valueCallback(value) : value,
|
|
258
|
-
rest: string.slice(matchResult[0].length)
|
|
259
|
-
};
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
function parseTimezonePattern(pattern, string) {
|
|
263
|
-
var matchResult = string.match(pattern);
|
|
264
|
-
|
|
265
|
-
if (!matchResult) {
|
|
266
|
-
return null;
|
|
267
|
-
} // Input is 'Z'
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
if (matchResult[0] === 'Z') {
|
|
271
|
-
return {
|
|
272
|
-
value: 0,
|
|
273
|
-
rest: string.slice(1)
|
|
274
|
-
};
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
var sign = matchResult[1] === '+' ? 1 : -1;
|
|
278
|
-
var hours = matchResult[2] ? parseInt(matchResult[2], 10) : 0;
|
|
279
|
-
var minutes = matchResult[3] ? parseInt(matchResult[3], 10) : 0;
|
|
280
|
-
var seconds = matchResult[5] ? parseInt(matchResult[5], 10) : 0;
|
|
281
|
-
return {
|
|
282
|
-
value: sign * (hours * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE + seconds * MILLISECONDS_IN_SECOND),
|
|
283
|
-
rest: string.slice(matchResult[0].length)
|
|
284
|
-
};
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
function parseAnyDigitsSigned(string, valueCallback) {
|
|
288
|
-
return parseNumericPattern(numericPatterns.anyDigitsSigned, string, valueCallback);
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
function parseNDigits(n, string, valueCallback) {
|
|
292
|
-
switch (n) {
|
|
293
|
-
case 1:
|
|
294
|
-
return parseNumericPattern(numericPatterns.singleDigit, string, valueCallback);
|
|
295
|
-
|
|
296
|
-
case 2:
|
|
297
|
-
return parseNumericPattern(numericPatterns.twoDigits, string, valueCallback);
|
|
298
|
-
|
|
299
|
-
case 3:
|
|
300
|
-
return parseNumericPattern(numericPatterns.threeDigits, string, valueCallback);
|
|
301
|
-
|
|
302
|
-
case 4:
|
|
303
|
-
return parseNumericPattern(numericPatterns.fourDigits, string, valueCallback);
|
|
304
|
-
|
|
305
|
-
default:
|
|
306
|
-
return parseNumericPattern(new RegExp('^\\d{1,' + n + '}'), string, valueCallback);
|
|
307
|
-
}
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
function parseNDigitsSigned(n, string, valueCallback) {
|
|
311
|
-
switch (n) {
|
|
312
|
-
case 1:
|
|
313
|
-
return parseNumericPattern(numericPatterns.singleDigitSigned, string, valueCallback);
|
|
314
|
-
|
|
315
|
-
case 2:
|
|
316
|
-
return parseNumericPattern(numericPatterns.twoDigitsSigned, string, valueCallback);
|
|
317
|
-
|
|
318
|
-
case 3:
|
|
319
|
-
return parseNumericPattern(numericPatterns.threeDigitsSigned, string, valueCallback);
|
|
320
|
-
|
|
321
|
-
case 4:
|
|
322
|
-
return parseNumericPattern(numericPatterns.fourDigitsSigned, string, valueCallback);
|
|
323
|
-
|
|
324
|
-
default:
|
|
325
|
-
return parseNumericPattern(new RegExp('^-?\\d{1,' + n + '}'), string, valueCallback);
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
function dayPeriodEnumToHours(enumValue) {
|
|
330
|
-
switch (enumValue) {
|
|
331
|
-
case 'morning':
|
|
332
|
-
return 4;
|
|
333
|
-
|
|
334
|
-
case 'evening':
|
|
335
|
-
return 17;
|
|
336
|
-
|
|
337
|
-
case 'pm':
|
|
338
|
-
case 'noon':
|
|
339
|
-
case 'afternoon':
|
|
340
|
-
return 12;
|
|
341
|
-
|
|
342
|
-
case 'am':
|
|
343
|
-
case 'midnight':
|
|
344
|
-
case 'night':
|
|
345
|
-
default:
|
|
346
|
-
return 0;
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
function normalizeTwoDigitYear(twoDigitYear, currentYear) {
|
|
351
|
-
var isCommonEra = currentYear > 0; // Absolute number of the current year:
|
|
352
|
-
// 1 -> 1 AC
|
|
353
|
-
// 0 -> 1 BC
|
|
354
|
-
// -1 -> 2 BC
|
|
355
|
-
|
|
356
|
-
var absCurrentYear = isCommonEra ? currentYear : 1 - currentYear;
|
|
357
|
-
var result;
|
|
358
|
-
|
|
359
|
-
if (absCurrentYear <= 50) {
|
|
360
|
-
result = twoDigitYear || 100;
|
|
361
|
-
} else {
|
|
362
|
-
var rangeEnd = absCurrentYear + 50;
|
|
363
|
-
var rangeEndCentury = Math.floor(rangeEnd / 100) * 100;
|
|
364
|
-
var isPreviousCentury = twoDigitYear >= rangeEnd % 100;
|
|
365
|
-
result = twoDigitYear + rangeEndCentury - (isPreviousCentury ? 100 : 0);
|
|
366
|
-
}
|
|
367
|
-
|
|
368
|
-
return isCommonEra ? result : 1 - result;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
var DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
|
372
|
-
var DAYS_IN_MONTH_LEAP_YEAR = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; // User for validation
|
|
373
|
-
|
|
374
|
-
function isLeapYearIndex(year) {
|
|
375
|
-
return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
|
|
376
|
-
}
|
|
377
|
-
/*
|
|
378
|
-
* | | Unit | | Unit |
|
|
379
|
-
* |-----|--------------------------------|-----|--------------------------------|
|
|
380
|
-
* | a | AM, PM | A* | Milliseconds in day |
|
|
381
|
-
* | b | AM, PM, noon, midnight | B | Flexible day period |
|
|
382
|
-
* | c | Stand-alone local day of week | C* | Localized hour w/ day period |
|
|
383
|
-
* | d | Day of month | D | Day of year |
|
|
384
|
-
* | e | Local day of week | E | Day of week |
|
|
385
|
-
* | f | | F* | Day of week in month |
|
|
386
|
-
* | g* | Modified Julian day | G | Era |
|
|
387
|
-
* | h | Hour [1-12] | H | Hour [0-23] |
|
|
388
|
-
* | i! | ISO day of week | I! | ISO week of year |
|
|
389
|
-
* | j* | Localized hour w/ day period | J* | Localized hour w/o day period |
|
|
390
|
-
* | k | Hour [1-24] | K | Hour [0-11] |
|
|
391
|
-
* | l* | (deprecated) | L | Stand-alone month |
|
|
392
|
-
* | m | Minute | M | Month |
|
|
393
|
-
* | n | | N | |
|
|
394
|
-
* | o! | Ordinal number modifier | O* | Timezone (GMT) |
|
|
395
|
-
* | p | | P | |
|
|
396
|
-
* | q | Stand-alone quarter | Q | Quarter |
|
|
397
|
-
* | r* | Related Gregorian year | R! | ISO week-numbering year |
|
|
398
|
-
* | s | Second | S | Fraction of second |
|
|
399
|
-
* | t! | Seconds timestamp | T! | Milliseconds timestamp |
|
|
400
|
-
* | u | Extended year | U* | Cyclic year |
|
|
401
|
-
* | v* | Timezone (generic non-locat.) | V* | Timezone (location) |
|
|
402
|
-
* | w | Local week of year | W* | Week of month |
|
|
403
|
-
* | x | Timezone (ISO-8601 w/o Z) | X | Timezone (ISO-8601) |
|
|
404
|
-
* | y | Year (abs) | Y | Local week-numbering year |
|
|
405
|
-
* | z* | Timezone (specific non-locat.) | Z* | Timezone (aliases) |
|
|
406
|
-
*
|
|
407
|
-
* Letters marked by * are not implemented but reserved by Unicode standard.
|
|
408
|
-
*
|
|
409
|
-
* Letters marked by ! are non-standard, but implemented by date-fns:
|
|
410
|
-
* - `o` modifies the previous token to turn it into an ordinal (see `parse` docs)
|
|
411
|
-
* - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
|
|
412
|
-
* i.e. 7 for Sunday, 1 for Monday, etc.
|
|
413
|
-
* - `I` is ISO week of year, as opposed to `w` which is local week of year.
|
|
414
|
-
* - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
|
|
415
|
-
* `R` is supposed to be used in conjunction with `I` and `i`
|
|
416
|
-
* for universal ISO week-numbering date, whereas
|
|
417
|
-
* `Y` is supposed to be used in conjunction with `w` and `e`
|
|
418
|
-
* for week-numbering date specific to the locale.
|
|
419
|
-
*/
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
var parsers = {
|
|
423
|
-
// Era
|
|
424
|
-
G: {
|
|
425
|
-
priority: 140,
|
|
426
|
-
parse: function (string, token, match, _options) {
|
|
427
|
-
switch (token) {
|
|
428
|
-
// AD, BC
|
|
429
|
-
case 'G':
|
|
430
|
-
case 'GG':
|
|
431
|
-
case 'GGG':
|
|
432
|
-
return match.era(string, {
|
|
433
|
-
width: 'abbreviated'
|
|
434
|
-
}) || match.era(string, {
|
|
435
|
-
width: 'narrow'
|
|
436
|
-
});
|
|
437
|
-
// A, B
|
|
438
|
-
|
|
439
|
-
case 'GGGGG':
|
|
440
|
-
return match.era(string, {
|
|
441
|
-
width: 'narrow'
|
|
442
|
-
});
|
|
443
|
-
// Anno Domini, Before Christ
|
|
444
|
-
|
|
445
|
-
case 'GGGG':
|
|
446
|
-
default:
|
|
447
|
-
return match.era(string, {
|
|
448
|
-
width: 'wide'
|
|
449
|
-
}) || match.era(string, {
|
|
450
|
-
width: 'abbreviated'
|
|
451
|
-
}) || match.era(string, {
|
|
452
|
-
width: 'narrow'
|
|
453
|
-
});
|
|
454
|
-
}
|
|
455
|
-
},
|
|
456
|
-
set: function (date, flags, value, _options) {
|
|
457
|
-
flags.era = value;
|
|
458
|
-
date.setUTCFullYear(value, 0, 1);
|
|
459
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
460
|
-
return date;
|
|
461
|
-
},
|
|
462
|
-
incompatibleTokens: ['R', 'u', 't', 'T']
|
|
463
|
-
},
|
|
464
|
-
// Year
|
|
465
|
-
y: {
|
|
466
|
-
// From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_Patterns
|
|
467
|
-
// | Year | y | yy | yyy | yyyy | yyyyy |
|
|
468
|
-
// |----------|-------|----|-------|-------|-------|
|
|
469
|
-
// | AD 1 | 1 | 01 | 001 | 0001 | 00001 |
|
|
470
|
-
// | AD 12 | 12 | 12 | 012 | 0012 | 00012 |
|
|
471
|
-
// | AD 123 | 123 | 23 | 123 | 0123 | 00123 |
|
|
472
|
-
// | AD 1234 | 1234 | 34 | 1234 | 1234 | 01234 |
|
|
473
|
-
// | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
|
|
474
|
-
priority: 130,
|
|
475
|
-
parse: function (string, token, match, _options) {
|
|
476
|
-
var valueCallback = function (year) {
|
|
477
|
-
return {
|
|
478
|
-
year: year,
|
|
479
|
-
isTwoDigitYear: token === 'yy'
|
|
480
|
-
};
|
|
481
|
-
};
|
|
482
|
-
|
|
483
|
-
switch (token) {
|
|
484
|
-
case 'y':
|
|
485
|
-
return parseNDigits(4, string, valueCallback);
|
|
486
|
-
|
|
487
|
-
case 'yo':
|
|
488
|
-
return match.ordinalNumber(string, {
|
|
489
|
-
unit: 'year',
|
|
490
|
-
valueCallback: valueCallback
|
|
491
|
-
});
|
|
492
|
-
|
|
493
|
-
default:
|
|
494
|
-
return parseNDigits(token.length, string, valueCallback);
|
|
495
|
-
}
|
|
496
|
-
},
|
|
497
|
-
validate: function (_date, value, _options) {
|
|
498
|
-
return value.isTwoDigitYear || value.year > 0;
|
|
499
|
-
},
|
|
500
|
-
set: function (date, flags, value, _options) {
|
|
501
|
-
var currentYear = date.getUTCFullYear();
|
|
502
|
-
|
|
503
|
-
if (value.isTwoDigitYear) {
|
|
504
|
-
var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
|
|
505
|
-
date.setUTCFullYear(normalizedTwoDigitYear, 0, 1);
|
|
506
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
507
|
-
return date;
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
var year = !('era' in flags) || flags.era === 1 ? value.year : 1 - value.year;
|
|
511
|
-
date.setUTCFullYear(year, 0, 1);
|
|
512
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
513
|
-
return date;
|
|
514
|
-
},
|
|
515
|
-
incompatibleTokens: ['Y', 'R', 'u', 'w', 'I', 'i', 'e', 'c', 't', 'T']
|
|
516
|
-
},
|
|
517
|
-
// Local week-numbering year
|
|
518
|
-
Y: {
|
|
519
|
-
priority: 130,
|
|
520
|
-
parse: function (string, token, match, _options) {
|
|
521
|
-
var valueCallback = function (year) {
|
|
522
|
-
return {
|
|
523
|
-
year: year,
|
|
524
|
-
isTwoDigitYear: token === 'YY'
|
|
525
|
-
};
|
|
526
|
-
};
|
|
527
|
-
|
|
528
|
-
switch (token) {
|
|
529
|
-
case 'Y':
|
|
530
|
-
return parseNDigits(4, string, valueCallback);
|
|
531
|
-
|
|
532
|
-
case 'Yo':
|
|
533
|
-
return match.ordinalNumber(string, {
|
|
534
|
-
unit: 'year',
|
|
535
|
-
valueCallback: valueCallback
|
|
536
|
-
});
|
|
537
|
-
|
|
538
|
-
default:
|
|
539
|
-
return parseNDigits(token.length, string, valueCallback);
|
|
540
|
-
}
|
|
541
|
-
},
|
|
542
|
-
validate: function (_date, value, _options) {
|
|
543
|
-
return value.isTwoDigitYear || value.year > 0;
|
|
544
|
-
},
|
|
545
|
-
set: function (date, flags, value, options) {
|
|
546
|
-
var currentYear = getUTCWeekYear(date, options);
|
|
547
|
-
|
|
548
|
-
if (value.isTwoDigitYear) {
|
|
549
|
-
var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
|
|
550
|
-
date.setUTCFullYear(normalizedTwoDigitYear, 0, options.firstWeekContainsDate);
|
|
551
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
552
|
-
return startOfUTCWeek(date, options);
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
var year = !('era' in flags) || flags.era === 1 ? value.year : 1 - value.year;
|
|
556
|
-
date.setUTCFullYear(year, 0, options.firstWeekContainsDate);
|
|
557
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
558
|
-
return startOfUTCWeek(date, options);
|
|
559
|
-
},
|
|
560
|
-
incompatibleTokens: ['y', 'R', 'u', 'Q', 'q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T']
|
|
561
|
-
},
|
|
562
|
-
// ISO week-numbering year
|
|
563
|
-
R: {
|
|
564
|
-
priority: 130,
|
|
565
|
-
parse: function (string, token, _match, _options) {
|
|
566
|
-
if (token === 'R') {
|
|
567
|
-
return parseNDigitsSigned(4, string);
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
return parseNDigitsSigned(token.length, string);
|
|
571
|
-
},
|
|
572
|
-
set: function (_date, _flags, value, _options) {
|
|
573
|
-
var firstWeekOfYear = new Date(0);
|
|
574
|
-
firstWeekOfYear.setUTCFullYear(value, 0, 4);
|
|
575
|
-
firstWeekOfYear.setUTCHours(0, 0, 0, 0);
|
|
576
|
-
return startOfUTCISOWeek(firstWeekOfYear);
|
|
577
|
-
},
|
|
578
|
-
incompatibleTokens: ['G', 'y', 'Y', 'u', 'Q', 'q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T']
|
|
579
|
-
},
|
|
580
|
-
// Extended year
|
|
581
|
-
u: {
|
|
582
|
-
priority: 130,
|
|
583
|
-
parse: function (string, token, _match, _options) {
|
|
584
|
-
if (token === 'u') {
|
|
585
|
-
return parseNDigitsSigned(4, string);
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
return parseNDigitsSigned(token.length, string);
|
|
589
|
-
},
|
|
590
|
-
set: function (date, _flags, value, _options) {
|
|
591
|
-
date.setUTCFullYear(value, 0, 1);
|
|
592
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
593
|
-
return date;
|
|
594
|
-
},
|
|
595
|
-
incompatibleTokens: ['G', 'y', 'Y', 'R', 'w', 'I', 'i', 'e', 'c', 't', 'T']
|
|
596
|
-
},
|
|
597
|
-
// Quarter
|
|
598
|
-
Q: {
|
|
599
|
-
priority: 120,
|
|
600
|
-
parse: function (string, token, match, _options) {
|
|
601
|
-
switch (token) {
|
|
602
|
-
// 1, 2, 3, 4
|
|
603
|
-
case 'Q':
|
|
604
|
-
case 'QQ':
|
|
605
|
-
// 01, 02, 03, 04
|
|
606
|
-
return parseNDigits(token.length, string);
|
|
607
|
-
// 1st, 2nd, 3rd, 4th
|
|
608
|
-
|
|
609
|
-
case 'Qo':
|
|
610
|
-
return match.ordinalNumber(string, {
|
|
611
|
-
unit: 'quarter'
|
|
612
|
-
});
|
|
613
|
-
// Q1, Q2, Q3, Q4
|
|
614
|
-
|
|
615
|
-
case 'QQQ':
|
|
616
|
-
return match.quarter(string, {
|
|
617
|
-
width: 'abbreviated',
|
|
618
|
-
context: 'formatting'
|
|
619
|
-
}) || match.quarter(string, {
|
|
620
|
-
width: 'narrow',
|
|
621
|
-
context: 'formatting'
|
|
622
|
-
});
|
|
623
|
-
// 1, 2, 3, 4 (narrow quarter; could be not numerical)
|
|
624
|
-
|
|
625
|
-
case 'QQQQQ':
|
|
626
|
-
return match.quarter(string, {
|
|
627
|
-
width: 'narrow',
|
|
628
|
-
context: 'formatting'
|
|
629
|
-
});
|
|
630
|
-
// 1st quarter, 2nd quarter, ...
|
|
631
|
-
|
|
632
|
-
case 'QQQQ':
|
|
633
|
-
default:
|
|
634
|
-
return match.quarter(string, {
|
|
635
|
-
width: 'wide',
|
|
636
|
-
context: 'formatting'
|
|
637
|
-
}) || match.quarter(string, {
|
|
638
|
-
width: 'abbreviated',
|
|
639
|
-
context: 'formatting'
|
|
640
|
-
}) || match.quarter(string, {
|
|
641
|
-
width: 'narrow',
|
|
642
|
-
context: 'formatting'
|
|
643
|
-
});
|
|
644
|
-
}
|
|
645
|
-
},
|
|
646
|
-
validate: function (_date, value, _options) {
|
|
647
|
-
return value >= 1 && value <= 4;
|
|
648
|
-
},
|
|
649
|
-
set: function (date, _flags, value, _options) {
|
|
650
|
-
date.setUTCMonth((value - 1) * 3, 1);
|
|
651
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
652
|
-
return date;
|
|
653
|
-
},
|
|
654
|
-
incompatibleTokens: ['Y', 'R', 'q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T']
|
|
655
|
-
},
|
|
656
|
-
// Stand-alone quarter
|
|
657
|
-
q: {
|
|
658
|
-
priority: 120,
|
|
659
|
-
parse: function (string, token, match, _options) {
|
|
660
|
-
switch (token) {
|
|
661
|
-
// 1, 2, 3, 4
|
|
662
|
-
case 'q':
|
|
663
|
-
case 'qq':
|
|
664
|
-
// 01, 02, 03, 04
|
|
665
|
-
return parseNDigits(token.length, string);
|
|
666
|
-
// 1st, 2nd, 3rd, 4th
|
|
667
|
-
|
|
668
|
-
case 'qo':
|
|
669
|
-
return match.ordinalNumber(string, {
|
|
670
|
-
unit: 'quarter'
|
|
671
|
-
});
|
|
672
|
-
// Q1, Q2, Q3, Q4
|
|
673
|
-
|
|
674
|
-
case 'qqq':
|
|
675
|
-
return match.quarter(string, {
|
|
676
|
-
width: 'abbreviated',
|
|
677
|
-
context: 'standalone'
|
|
678
|
-
}) || match.quarter(string, {
|
|
679
|
-
width: 'narrow',
|
|
680
|
-
context: 'standalone'
|
|
681
|
-
});
|
|
682
|
-
// 1, 2, 3, 4 (narrow quarter; could be not numerical)
|
|
683
|
-
|
|
684
|
-
case 'qqqqq':
|
|
685
|
-
return match.quarter(string, {
|
|
686
|
-
width: 'narrow',
|
|
687
|
-
context: 'standalone'
|
|
688
|
-
});
|
|
689
|
-
// 1st quarter, 2nd quarter, ...
|
|
690
|
-
|
|
691
|
-
case 'qqqq':
|
|
692
|
-
default:
|
|
693
|
-
return match.quarter(string, {
|
|
694
|
-
width: 'wide',
|
|
695
|
-
context: 'standalone'
|
|
696
|
-
}) || match.quarter(string, {
|
|
697
|
-
width: 'abbreviated',
|
|
698
|
-
context: 'standalone'
|
|
699
|
-
}) || match.quarter(string, {
|
|
700
|
-
width: 'narrow',
|
|
701
|
-
context: 'standalone'
|
|
702
|
-
});
|
|
703
|
-
}
|
|
704
|
-
},
|
|
705
|
-
validate: function (_date, value, _options) {
|
|
706
|
-
return value >= 1 && value <= 4;
|
|
707
|
-
},
|
|
708
|
-
set: function (date, _flags, value, _options) {
|
|
709
|
-
date.setUTCMonth((value - 1) * 3, 1);
|
|
710
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
711
|
-
return date;
|
|
712
|
-
},
|
|
713
|
-
incompatibleTokens: ['Y', 'R', 'Q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T']
|
|
714
|
-
},
|
|
715
|
-
// Month
|
|
716
|
-
M: {
|
|
717
|
-
priority: 110,
|
|
718
|
-
parse: function (string, token, match, _options) {
|
|
719
|
-
var valueCallback = function (value) {
|
|
720
|
-
return value - 1;
|
|
721
|
-
};
|
|
722
|
-
|
|
723
|
-
switch (token) {
|
|
724
|
-
// 1, 2, ..., 12
|
|
725
|
-
case 'M':
|
|
726
|
-
return parseNumericPattern(numericPatterns.month, string, valueCallback);
|
|
727
|
-
// 01, 02, ..., 12
|
|
728
|
-
|
|
729
|
-
case 'MM':
|
|
730
|
-
return parseNDigits(2, string, valueCallback);
|
|
731
|
-
// 1st, 2nd, ..., 12th
|
|
732
|
-
|
|
733
|
-
case 'Mo':
|
|
734
|
-
return match.ordinalNumber(string, {
|
|
735
|
-
unit: 'month',
|
|
736
|
-
valueCallback: valueCallback
|
|
737
|
-
});
|
|
738
|
-
// Jan, Feb, ..., Dec
|
|
739
|
-
|
|
740
|
-
case 'MMM':
|
|
741
|
-
return match.month(string, {
|
|
742
|
-
width: 'abbreviated',
|
|
743
|
-
context: 'formatting'
|
|
744
|
-
}) || match.month(string, {
|
|
745
|
-
width: 'narrow',
|
|
746
|
-
context: 'formatting'
|
|
747
|
-
});
|
|
748
|
-
// J, F, ..., D
|
|
749
|
-
|
|
750
|
-
case 'MMMMM':
|
|
751
|
-
return match.month(string, {
|
|
752
|
-
width: 'narrow',
|
|
753
|
-
context: 'formatting'
|
|
754
|
-
});
|
|
755
|
-
// January, February, ..., December
|
|
756
|
-
|
|
757
|
-
case 'MMMM':
|
|
758
|
-
default:
|
|
759
|
-
return match.month(string, {
|
|
760
|
-
width: 'wide',
|
|
761
|
-
context: 'formatting'
|
|
762
|
-
}) || match.month(string, {
|
|
763
|
-
width: 'abbreviated',
|
|
764
|
-
context: 'formatting'
|
|
765
|
-
}) || match.month(string, {
|
|
766
|
-
width: 'narrow',
|
|
767
|
-
context: 'formatting'
|
|
768
|
-
});
|
|
769
|
-
}
|
|
770
|
-
},
|
|
771
|
-
validate: function (_date, value, _options) {
|
|
772
|
-
return value >= 0 && value <= 11;
|
|
773
|
-
},
|
|
774
|
-
set: function (date, _flags, value, _options) {
|
|
775
|
-
date.setUTCMonth(value, 1);
|
|
776
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
777
|
-
return date;
|
|
778
|
-
},
|
|
779
|
-
incompatibleTokens: ['Y', 'R', 'q', 'Q', 'L', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']
|
|
780
|
-
},
|
|
781
|
-
// Stand-alone month
|
|
782
|
-
L: {
|
|
783
|
-
priority: 110,
|
|
784
|
-
parse: function (string, token, match, _options) {
|
|
785
|
-
var valueCallback = function (value) {
|
|
786
|
-
return value - 1;
|
|
787
|
-
};
|
|
788
|
-
|
|
789
|
-
switch (token) {
|
|
790
|
-
// 1, 2, ..., 12
|
|
791
|
-
case 'L':
|
|
792
|
-
return parseNumericPattern(numericPatterns.month, string, valueCallback);
|
|
793
|
-
// 01, 02, ..., 12
|
|
794
|
-
|
|
795
|
-
case 'LL':
|
|
796
|
-
return parseNDigits(2, string, valueCallback);
|
|
797
|
-
// 1st, 2nd, ..., 12th
|
|
798
|
-
|
|
799
|
-
case 'Lo':
|
|
800
|
-
return match.ordinalNumber(string, {
|
|
801
|
-
unit: 'month',
|
|
802
|
-
valueCallback: valueCallback
|
|
803
|
-
});
|
|
804
|
-
// Jan, Feb, ..., Dec
|
|
805
|
-
|
|
806
|
-
case 'LLL':
|
|
807
|
-
return match.month(string, {
|
|
808
|
-
width: 'abbreviated',
|
|
809
|
-
context: 'standalone'
|
|
810
|
-
}) || match.month(string, {
|
|
811
|
-
width: 'narrow',
|
|
812
|
-
context: 'standalone'
|
|
813
|
-
});
|
|
814
|
-
// J, F, ..., D
|
|
815
|
-
|
|
816
|
-
case 'LLLLL':
|
|
817
|
-
return match.month(string, {
|
|
818
|
-
width: 'narrow',
|
|
819
|
-
context: 'standalone'
|
|
820
|
-
});
|
|
821
|
-
// January, February, ..., December
|
|
822
|
-
|
|
823
|
-
case 'LLLL':
|
|
824
|
-
default:
|
|
825
|
-
return match.month(string, {
|
|
826
|
-
width: 'wide',
|
|
827
|
-
context: 'standalone'
|
|
828
|
-
}) || match.month(string, {
|
|
829
|
-
width: 'abbreviated',
|
|
830
|
-
context: 'standalone'
|
|
831
|
-
}) || match.month(string, {
|
|
832
|
-
width: 'narrow',
|
|
833
|
-
context: 'standalone'
|
|
834
|
-
});
|
|
835
|
-
}
|
|
836
|
-
},
|
|
837
|
-
validate: function (_date, value, _options) {
|
|
838
|
-
return value >= 0 && value <= 11;
|
|
839
|
-
},
|
|
840
|
-
set: function (date, _flags, value, _options) {
|
|
841
|
-
date.setUTCMonth(value, 1);
|
|
842
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
843
|
-
return date;
|
|
844
|
-
},
|
|
845
|
-
incompatibleTokens: ['Y', 'R', 'q', 'Q', 'M', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']
|
|
846
|
-
},
|
|
847
|
-
// Local week of year
|
|
848
|
-
w: {
|
|
849
|
-
priority: 100,
|
|
850
|
-
parse: function (string, token, match, _options) {
|
|
851
|
-
switch (token) {
|
|
852
|
-
case 'w':
|
|
853
|
-
return parseNumericPattern(numericPatterns.week, string);
|
|
854
|
-
|
|
855
|
-
case 'wo':
|
|
856
|
-
return match.ordinalNumber(string, {
|
|
857
|
-
unit: 'week'
|
|
858
|
-
});
|
|
859
|
-
|
|
860
|
-
default:
|
|
861
|
-
return parseNDigits(token.length, string);
|
|
862
|
-
}
|
|
863
|
-
},
|
|
864
|
-
validate: function (_date, value, _options) {
|
|
865
|
-
return value >= 1 && value <= 53;
|
|
866
|
-
},
|
|
867
|
-
set: function (date, _flags, value, options) {
|
|
868
|
-
return startOfUTCWeek(setUTCWeek(date, value, options), options);
|
|
869
|
-
},
|
|
870
|
-
incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T']
|
|
871
|
-
},
|
|
872
|
-
// ISO week of year
|
|
873
|
-
I: {
|
|
874
|
-
priority: 100,
|
|
875
|
-
parse: function (string, token, match, _options) {
|
|
876
|
-
switch (token) {
|
|
877
|
-
case 'I':
|
|
878
|
-
return parseNumericPattern(numericPatterns.week, string);
|
|
879
|
-
|
|
880
|
-
case 'Io':
|
|
881
|
-
return match.ordinalNumber(string, {
|
|
882
|
-
unit: 'week'
|
|
883
|
-
});
|
|
884
|
-
|
|
885
|
-
default:
|
|
886
|
-
return parseNDigits(token.length, string);
|
|
887
|
-
}
|
|
888
|
-
},
|
|
889
|
-
validate: function (_date, value, _options) {
|
|
890
|
-
return value >= 1 && value <= 53;
|
|
891
|
-
},
|
|
892
|
-
set: function (date, _flags, value, options) {
|
|
893
|
-
return startOfUTCISOWeek(setUTCISOWeek(date, value, options), options);
|
|
894
|
-
},
|
|
895
|
-
incompatibleTokens: ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T']
|
|
896
|
-
},
|
|
897
|
-
// Day of the month
|
|
898
|
-
d: {
|
|
899
|
-
priority: 90,
|
|
900
|
-
subPriority: 1,
|
|
901
|
-
parse: function (string, token, match, _options) {
|
|
902
|
-
switch (token) {
|
|
903
|
-
case 'd':
|
|
904
|
-
return parseNumericPattern(numericPatterns.date, string);
|
|
905
|
-
|
|
906
|
-
case 'do':
|
|
907
|
-
return match.ordinalNumber(string, {
|
|
908
|
-
unit: 'date'
|
|
909
|
-
});
|
|
910
|
-
|
|
911
|
-
default:
|
|
912
|
-
return parseNDigits(token.length, string);
|
|
913
|
-
}
|
|
914
|
-
},
|
|
915
|
-
validate: function (date, value, _options) {
|
|
916
|
-
var year = date.getUTCFullYear();
|
|
917
|
-
var isLeapYear = isLeapYearIndex(year);
|
|
918
|
-
var month = date.getUTCMonth();
|
|
919
|
-
|
|
920
|
-
if (isLeapYear) {
|
|
921
|
-
return value >= 1 && value <= DAYS_IN_MONTH_LEAP_YEAR[month];
|
|
922
|
-
} else {
|
|
923
|
-
return value >= 1 && value <= DAYS_IN_MONTH[month];
|
|
924
|
-
}
|
|
925
|
-
},
|
|
926
|
-
set: function (date, _flags, value, _options) {
|
|
927
|
-
date.setUTCDate(value);
|
|
928
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
929
|
-
return date;
|
|
930
|
-
},
|
|
931
|
-
incompatibleTokens: ['Y', 'R', 'q', 'Q', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T']
|
|
932
|
-
},
|
|
933
|
-
// Day of year
|
|
934
|
-
D: {
|
|
935
|
-
priority: 90,
|
|
936
|
-
subPriority: 1,
|
|
937
|
-
parse: function (string, token, match, _options) {
|
|
938
|
-
switch (token) {
|
|
939
|
-
case 'D':
|
|
940
|
-
case 'DD':
|
|
941
|
-
return parseNumericPattern(numericPatterns.dayOfYear, string);
|
|
942
|
-
|
|
943
|
-
case 'Do':
|
|
944
|
-
return match.ordinalNumber(string, {
|
|
945
|
-
unit: 'date'
|
|
946
|
-
});
|
|
947
|
-
|
|
948
|
-
default:
|
|
949
|
-
return parseNDigits(token.length, string);
|
|
950
|
-
}
|
|
951
|
-
},
|
|
952
|
-
validate: function (date, value, _options) {
|
|
953
|
-
var year = date.getUTCFullYear();
|
|
954
|
-
var isLeapYear = isLeapYearIndex(year);
|
|
955
|
-
|
|
956
|
-
if (isLeapYear) {
|
|
957
|
-
return value >= 1 && value <= 366;
|
|
958
|
-
} else {
|
|
959
|
-
return value >= 1 && value <= 365;
|
|
960
|
-
}
|
|
961
|
-
},
|
|
962
|
-
set: function (date, _flags, value, _options) {
|
|
963
|
-
date.setUTCMonth(0, value);
|
|
964
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
965
|
-
return date;
|
|
966
|
-
},
|
|
967
|
-
incompatibleTokens: ['Y', 'R', 'q', 'Q', 'M', 'L', 'w', 'I', 'd', 'E', 'i', 'e', 'c', 't', 'T']
|
|
968
|
-
},
|
|
969
|
-
// Day of week
|
|
970
|
-
E: {
|
|
971
|
-
priority: 90,
|
|
972
|
-
parse: function (string, token, match, _options) {
|
|
973
|
-
switch (token) {
|
|
974
|
-
// Tue
|
|
975
|
-
case 'E':
|
|
976
|
-
case 'EE':
|
|
977
|
-
case 'EEE':
|
|
978
|
-
return match.day(string, {
|
|
979
|
-
width: 'abbreviated',
|
|
980
|
-
context: 'formatting'
|
|
981
|
-
}) || match.day(string, {
|
|
982
|
-
width: 'short',
|
|
983
|
-
context: 'formatting'
|
|
984
|
-
}) || match.day(string, {
|
|
985
|
-
width: 'narrow',
|
|
986
|
-
context: 'formatting'
|
|
987
|
-
});
|
|
988
|
-
// T
|
|
989
|
-
|
|
990
|
-
case 'EEEEE':
|
|
991
|
-
return match.day(string, {
|
|
992
|
-
width: 'narrow',
|
|
993
|
-
context: 'formatting'
|
|
994
|
-
});
|
|
995
|
-
// Tu
|
|
996
|
-
|
|
997
|
-
case 'EEEEEE':
|
|
998
|
-
return match.day(string, {
|
|
999
|
-
width: 'short',
|
|
1000
|
-
context: 'formatting'
|
|
1001
|
-
}) || match.day(string, {
|
|
1002
|
-
width: 'narrow',
|
|
1003
|
-
context: 'formatting'
|
|
1004
|
-
});
|
|
1005
|
-
// Tuesday
|
|
1006
|
-
|
|
1007
|
-
case 'EEEE':
|
|
1008
|
-
default:
|
|
1009
|
-
return match.day(string, {
|
|
1010
|
-
width: 'wide',
|
|
1011
|
-
context: 'formatting'
|
|
1012
|
-
}) || match.day(string, {
|
|
1013
|
-
width: 'abbreviated',
|
|
1014
|
-
context: 'formatting'
|
|
1015
|
-
}) || match.day(string, {
|
|
1016
|
-
width: 'short',
|
|
1017
|
-
context: 'formatting'
|
|
1018
|
-
}) || match.day(string, {
|
|
1019
|
-
width: 'narrow',
|
|
1020
|
-
context: 'formatting'
|
|
1021
|
-
});
|
|
1022
|
-
}
|
|
1023
|
-
},
|
|
1024
|
-
validate: function (_date, value, _options) {
|
|
1025
|
-
return value >= 0 && value <= 6;
|
|
1026
|
-
},
|
|
1027
|
-
set: function (date, _flags, value, options) {
|
|
1028
|
-
date = setUTCDay(date, value, options);
|
|
1029
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
1030
|
-
return date;
|
|
1031
|
-
},
|
|
1032
|
-
incompatibleTokens: ['D', 'i', 'e', 'c', 't', 'T']
|
|
1033
|
-
},
|
|
1034
|
-
// Local day of week
|
|
1035
|
-
e: {
|
|
1036
|
-
priority: 90,
|
|
1037
|
-
parse: function (string, token, match, options) {
|
|
1038
|
-
var valueCallback = function (value) {
|
|
1039
|
-
var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
|
|
1040
|
-
return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
|
|
1041
|
-
};
|
|
1042
|
-
|
|
1043
|
-
switch (token) {
|
|
1044
|
-
// 3
|
|
1045
|
-
case 'e':
|
|
1046
|
-
case 'ee':
|
|
1047
|
-
// 03
|
|
1048
|
-
return parseNDigits(token.length, string, valueCallback);
|
|
1049
|
-
// 3rd
|
|
1050
|
-
|
|
1051
|
-
case 'eo':
|
|
1052
|
-
return match.ordinalNumber(string, {
|
|
1053
|
-
unit: 'day',
|
|
1054
|
-
valueCallback: valueCallback
|
|
1055
|
-
});
|
|
1056
|
-
// Tue
|
|
1057
|
-
|
|
1058
|
-
case 'eee':
|
|
1059
|
-
return match.day(string, {
|
|
1060
|
-
width: 'abbreviated',
|
|
1061
|
-
context: 'formatting'
|
|
1062
|
-
}) || match.day(string, {
|
|
1063
|
-
width: 'short',
|
|
1064
|
-
context: 'formatting'
|
|
1065
|
-
}) || match.day(string, {
|
|
1066
|
-
width: 'narrow',
|
|
1067
|
-
context: 'formatting'
|
|
1068
|
-
});
|
|
1069
|
-
// T
|
|
1070
|
-
|
|
1071
|
-
case 'eeeee':
|
|
1072
|
-
return match.day(string, {
|
|
1073
|
-
width: 'narrow',
|
|
1074
|
-
context: 'formatting'
|
|
1075
|
-
});
|
|
1076
|
-
// Tu
|
|
1077
|
-
|
|
1078
|
-
case 'eeeeee':
|
|
1079
|
-
return match.day(string, {
|
|
1080
|
-
width: 'short',
|
|
1081
|
-
context: 'formatting'
|
|
1082
|
-
}) || match.day(string, {
|
|
1083
|
-
width: 'narrow',
|
|
1084
|
-
context: 'formatting'
|
|
1085
|
-
});
|
|
1086
|
-
// Tuesday
|
|
1087
|
-
|
|
1088
|
-
case 'eeee':
|
|
1089
|
-
default:
|
|
1090
|
-
return match.day(string, {
|
|
1091
|
-
width: 'wide',
|
|
1092
|
-
context: 'formatting'
|
|
1093
|
-
}) || match.day(string, {
|
|
1094
|
-
width: 'abbreviated',
|
|
1095
|
-
context: 'formatting'
|
|
1096
|
-
}) || match.day(string, {
|
|
1097
|
-
width: 'short',
|
|
1098
|
-
context: 'formatting'
|
|
1099
|
-
}) || match.day(string, {
|
|
1100
|
-
width: 'narrow',
|
|
1101
|
-
context: 'formatting'
|
|
1102
|
-
});
|
|
1103
|
-
}
|
|
1104
|
-
},
|
|
1105
|
-
validate: function (_date, value, _options) {
|
|
1106
|
-
return value >= 0 && value <= 6;
|
|
1107
|
-
},
|
|
1108
|
-
set: function (date, _flags, value, options) {
|
|
1109
|
-
date = setUTCDay(date, value, options);
|
|
1110
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
1111
|
-
return date;
|
|
1112
|
-
},
|
|
1113
|
-
incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'E', 'i', 'c', 't', 'T']
|
|
1114
|
-
},
|
|
1115
|
-
// Stand-alone local day of week
|
|
1116
|
-
c: {
|
|
1117
|
-
priority: 90,
|
|
1118
|
-
parse: function (string, token, match, options) {
|
|
1119
|
-
var valueCallback = function (value) {
|
|
1120
|
-
var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
|
|
1121
|
-
return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
|
|
1122
|
-
};
|
|
1123
|
-
|
|
1124
|
-
switch (token) {
|
|
1125
|
-
// 3
|
|
1126
|
-
case 'c':
|
|
1127
|
-
case 'cc':
|
|
1128
|
-
// 03
|
|
1129
|
-
return parseNDigits(token.length, string, valueCallback);
|
|
1130
|
-
// 3rd
|
|
1131
|
-
|
|
1132
|
-
case 'co':
|
|
1133
|
-
return match.ordinalNumber(string, {
|
|
1134
|
-
unit: 'day',
|
|
1135
|
-
valueCallback: valueCallback
|
|
1136
|
-
});
|
|
1137
|
-
// Tue
|
|
1138
|
-
|
|
1139
|
-
case 'ccc':
|
|
1140
|
-
return match.day(string, {
|
|
1141
|
-
width: 'abbreviated',
|
|
1142
|
-
context: 'standalone'
|
|
1143
|
-
}) || match.day(string, {
|
|
1144
|
-
width: 'short',
|
|
1145
|
-
context: 'standalone'
|
|
1146
|
-
}) || match.day(string, {
|
|
1147
|
-
width: 'narrow',
|
|
1148
|
-
context: 'standalone'
|
|
1149
|
-
});
|
|
1150
|
-
// T
|
|
1151
|
-
|
|
1152
|
-
case 'ccccc':
|
|
1153
|
-
return match.day(string, {
|
|
1154
|
-
width: 'narrow',
|
|
1155
|
-
context: 'standalone'
|
|
1156
|
-
});
|
|
1157
|
-
// Tu
|
|
1158
|
-
|
|
1159
|
-
case 'cccccc':
|
|
1160
|
-
return match.day(string, {
|
|
1161
|
-
width: 'short',
|
|
1162
|
-
context: 'standalone'
|
|
1163
|
-
}) || match.day(string, {
|
|
1164
|
-
width: 'narrow',
|
|
1165
|
-
context: 'standalone'
|
|
1166
|
-
});
|
|
1167
|
-
// Tuesday
|
|
1168
|
-
|
|
1169
|
-
case 'cccc':
|
|
1170
|
-
default:
|
|
1171
|
-
return match.day(string, {
|
|
1172
|
-
width: 'wide',
|
|
1173
|
-
context: 'standalone'
|
|
1174
|
-
}) || match.day(string, {
|
|
1175
|
-
width: 'abbreviated',
|
|
1176
|
-
context: 'standalone'
|
|
1177
|
-
}) || match.day(string, {
|
|
1178
|
-
width: 'short',
|
|
1179
|
-
context: 'standalone'
|
|
1180
|
-
}) || match.day(string, {
|
|
1181
|
-
width: 'narrow',
|
|
1182
|
-
context: 'standalone'
|
|
1183
|
-
});
|
|
1184
|
-
}
|
|
1185
|
-
},
|
|
1186
|
-
validate: function (_date, value, _options) {
|
|
1187
|
-
return value >= 0 && value <= 6;
|
|
1188
|
-
},
|
|
1189
|
-
set: function (date, _flags, value, options) {
|
|
1190
|
-
date = setUTCDay(date, value, options);
|
|
1191
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
1192
|
-
return date;
|
|
1193
|
-
},
|
|
1194
|
-
incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'E', 'i', 'e', 't', 'T']
|
|
1195
|
-
},
|
|
1196
|
-
// ISO day of week
|
|
1197
|
-
i: {
|
|
1198
|
-
priority: 90,
|
|
1199
|
-
parse: function (string, token, match, _options) {
|
|
1200
|
-
var valueCallback = function (value) {
|
|
1201
|
-
if (value === 0) {
|
|
1202
|
-
return 7;
|
|
1203
|
-
}
|
|
1204
|
-
|
|
1205
|
-
return value;
|
|
1206
|
-
};
|
|
1207
|
-
|
|
1208
|
-
switch (token) {
|
|
1209
|
-
// 2
|
|
1210
|
-
case 'i':
|
|
1211
|
-
case 'ii':
|
|
1212
|
-
// 02
|
|
1213
|
-
return parseNDigits(token.length, string);
|
|
1214
|
-
// 2nd
|
|
1215
|
-
|
|
1216
|
-
case 'io':
|
|
1217
|
-
return match.ordinalNumber(string, {
|
|
1218
|
-
unit: 'day'
|
|
1219
|
-
});
|
|
1220
|
-
// Tue
|
|
1221
|
-
|
|
1222
|
-
case 'iii':
|
|
1223
|
-
return match.day(string, {
|
|
1224
|
-
width: 'abbreviated',
|
|
1225
|
-
context: 'formatting',
|
|
1226
|
-
valueCallback: valueCallback
|
|
1227
|
-
}) || match.day(string, {
|
|
1228
|
-
width: 'short',
|
|
1229
|
-
context: 'formatting',
|
|
1230
|
-
valueCallback: valueCallback
|
|
1231
|
-
}) || match.day(string, {
|
|
1232
|
-
width: 'narrow',
|
|
1233
|
-
context: 'formatting',
|
|
1234
|
-
valueCallback: valueCallback
|
|
1235
|
-
});
|
|
1236
|
-
// T
|
|
1237
|
-
|
|
1238
|
-
case 'iiiii':
|
|
1239
|
-
return match.day(string, {
|
|
1240
|
-
width: 'narrow',
|
|
1241
|
-
context: 'formatting',
|
|
1242
|
-
valueCallback: valueCallback
|
|
1243
|
-
});
|
|
1244
|
-
// Tu
|
|
1245
|
-
|
|
1246
|
-
case 'iiiiii':
|
|
1247
|
-
return match.day(string, {
|
|
1248
|
-
width: 'short',
|
|
1249
|
-
context: 'formatting',
|
|
1250
|
-
valueCallback: valueCallback
|
|
1251
|
-
}) || match.day(string, {
|
|
1252
|
-
width: 'narrow',
|
|
1253
|
-
context: 'formatting',
|
|
1254
|
-
valueCallback: valueCallback
|
|
1255
|
-
});
|
|
1256
|
-
// Tuesday
|
|
1257
|
-
|
|
1258
|
-
case 'iiii':
|
|
1259
|
-
default:
|
|
1260
|
-
return match.day(string, {
|
|
1261
|
-
width: 'wide',
|
|
1262
|
-
context: 'formatting',
|
|
1263
|
-
valueCallback: valueCallback
|
|
1264
|
-
}) || match.day(string, {
|
|
1265
|
-
width: 'abbreviated',
|
|
1266
|
-
context: 'formatting',
|
|
1267
|
-
valueCallback: valueCallback
|
|
1268
|
-
}) || match.day(string, {
|
|
1269
|
-
width: 'short',
|
|
1270
|
-
context: 'formatting',
|
|
1271
|
-
valueCallback: valueCallback
|
|
1272
|
-
}) || match.day(string, {
|
|
1273
|
-
width: 'narrow',
|
|
1274
|
-
context: 'formatting',
|
|
1275
|
-
valueCallback: valueCallback
|
|
1276
|
-
});
|
|
1277
|
-
}
|
|
1278
|
-
},
|
|
1279
|
-
validate: function (_date, value, _options) {
|
|
1280
|
-
return value >= 1 && value <= 7;
|
|
1281
|
-
},
|
|
1282
|
-
set: function (date, _flags, value, options) {
|
|
1283
|
-
date = setUTCISODay(date, value, options);
|
|
1284
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
1285
|
-
return date;
|
|
1286
|
-
},
|
|
1287
|
-
incompatibleTokens: ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'E', 'e', 'c', 't', 'T']
|
|
1288
|
-
},
|
|
1289
|
-
// AM or PM
|
|
1290
|
-
a: {
|
|
1291
|
-
priority: 80,
|
|
1292
|
-
parse: function (string, token, match, _options) {
|
|
1293
|
-
switch (token) {
|
|
1294
|
-
case 'a':
|
|
1295
|
-
case 'aa':
|
|
1296
|
-
case 'aaa':
|
|
1297
|
-
return match.dayPeriod(string, {
|
|
1298
|
-
width: 'abbreviated',
|
|
1299
|
-
context: 'formatting'
|
|
1300
|
-
}) || match.dayPeriod(string, {
|
|
1301
|
-
width: 'narrow',
|
|
1302
|
-
context: 'formatting'
|
|
1303
|
-
});
|
|
1304
|
-
|
|
1305
|
-
case 'aaaaa':
|
|
1306
|
-
return match.dayPeriod(string, {
|
|
1307
|
-
width: 'narrow',
|
|
1308
|
-
context: 'formatting'
|
|
1309
|
-
});
|
|
1310
|
-
|
|
1311
|
-
case 'aaaa':
|
|
1312
|
-
default:
|
|
1313
|
-
return match.dayPeriod(string, {
|
|
1314
|
-
width: 'wide',
|
|
1315
|
-
context: 'formatting'
|
|
1316
|
-
}) || match.dayPeriod(string, {
|
|
1317
|
-
width: 'abbreviated',
|
|
1318
|
-
context: 'formatting'
|
|
1319
|
-
}) || match.dayPeriod(string, {
|
|
1320
|
-
width: 'narrow',
|
|
1321
|
-
context: 'formatting'
|
|
1322
|
-
});
|
|
1323
|
-
}
|
|
1324
|
-
},
|
|
1325
|
-
set: function (date, _flags, value, _options) {
|
|
1326
|
-
date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
|
|
1327
|
-
return date;
|
|
1328
|
-
},
|
|
1329
|
-
incompatibleTokens: ['b', 'B', 'H', 'K', 'k', 't', 'T']
|
|
1330
|
-
},
|
|
1331
|
-
// AM, PM, midnight
|
|
1332
|
-
b: {
|
|
1333
|
-
priority: 80,
|
|
1334
|
-
parse: function (string, token, match, _options) {
|
|
1335
|
-
switch (token) {
|
|
1336
|
-
case 'b':
|
|
1337
|
-
case 'bb':
|
|
1338
|
-
case 'bbb':
|
|
1339
|
-
return match.dayPeriod(string, {
|
|
1340
|
-
width: 'abbreviated',
|
|
1341
|
-
context: 'formatting'
|
|
1342
|
-
}) || match.dayPeriod(string, {
|
|
1343
|
-
width: 'narrow',
|
|
1344
|
-
context: 'formatting'
|
|
1345
|
-
});
|
|
1346
|
-
|
|
1347
|
-
case 'bbbbb':
|
|
1348
|
-
return match.dayPeriod(string, {
|
|
1349
|
-
width: 'narrow',
|
|
1350
|
-
context: 'formatting'
|
|
1351
|
-
});
|
|
1352
|
-
|
|
1353
|
-
case 'bbbb':
|
|
1354
|
-
default:
|
|
1355
|
-
return match.dayPeriod(string, {
|
|
1356
|
-
width: 'wide',
|
|
1357
|
-
context: 'formatting'
|
|
1358
|
-
}) || match.dayPeriod(string, {
|
|
1359
|
-
width: 'abbreviated',
|
|
1360
|
-
context: 'formatting'
|
|
1361
|
-
}) || match.dayPeriod(string, {
|
|
1362
|
-
width: 'narrow',
|
|
1363
|
-
context: 'formatting'
|
|
1364
|
-
});
|
|
1365
|
-
}
|
|
1366
|
-
},
|
|
1367
|
-
set: function (date, _flags, value, _options) {
|
|
1368
|
-
date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
|
|
1369
|
-
return date;
|
|
1370
|
-
},
|
|
1371
|
-
incompatibleTokens: ['a', 'B', 'H', 'K', 'k', 't', 'T']
|
|
1372
|
-
},
|
|
1373
|
-
// in the morning, in the afternoon, in the evening, at night
|
|
1374
|
-
B: {
|
|
1375
|
-
priority: 80,
|
|
1376
|
-
parse: function (string, token, match, _options) {
|
|
1377
|
-
switch (token) {
|
|
1378
|
-
case 'B':
|
|
1379
|
-
case 'BB':
|
|
1380
|
-
case 'BBB':
|
|
1381
|
-
return match.dayPeriod(string, {
|
|
1382
|
-
width: 'abbreviated',
|
|
1383
|
-
context: 'formatting'
|
|
1384
|
-
}) || match.dayPeriod(string, {
|
|
1385
|
-
width: 'narrow',
|
|
1386
|
-
context: 'formatting'
|
|
1387
|
-
});
|
|
1388
|
-
|
|
1389
|
-
case 'BBBBB':
|
|
1390
|
-
return match.dayPeriod(string, {
|
|
1391
|
-
width: 'narrow',
|
|
1392
|
-
context: 'formatting'
|
|
1393
|
-
});
|
|
1394
|
-
|
|
1395
|
-
case 'BBBB':
|
|
1396
|
-
default:
|
|
1397
|
-
return match.dayPeriod(string, {
|
|
1398
|
-
width: 'wide',
|
|
1399
|
-
context: 'formatting'
|
|
1400
|
-
}) || match.dayPeriod(string, {
|
|
1401
|
-
width: 'abbreviated',
|
|
1402
|
-
context: 'formatting'
|
|
1403
|
-
}) || match.dayPeriod(string, {
|
|
1404
|
-
width: 'narrow',
|
|
1405
|
-
context: 'formatting'
|
|
1406
|
-
});
|
|
1407
|
-
}
|
|
1408
|
-
},
|
|
1409
|
-
set: function (date, _flags, value, _options) {
|
|
1410
|
-
date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
|
|
1411
|
-
return date;
|
|
1412
|
-
},
|
|
1413
|
-
incompatibleTokens: ['a', 'b', 't', 'T']
|
|
1414
|
-
},
|
|
1415
|
-
// Hour [1-12]
|
|
1416
|
-
h: {
|
|
1417
|
-
priority: 70,
|
|
1418
|
-
parse: function (string, token, match, _options) {
|
|
1419
|
-
switch (token) {
|
|
1420
|
-
case 'h':
|
|
1421
|
-
return parseNumericPattern(numericPatterns.hour12h, string);
|
|
1422
|
-
|
|
1423
|
-
case 'ho':
|
|
1424
|
-
return match.ordinalNumber(string, {
|
|
1425
|
-
unit: 'hour'
|
|
1426
|
-
});
|
|
1427
|
-
|
|
1428
|
-
default:
|
|
1429
|
-
return parseNDigits(token.length, string);
|
|
1430
|
-
}
|
|
1431
|
-
},
|
|
1432
|
-
validate: function (_date, value, _options) {
|
|
1433
|
-
return value >= 1 && value <= 12;
|
|
1434
|
-
},
|
|
1435
|
-
set: function (date, _flags, value, _options) {
|
|
1436
|
-
var isPM = date.getUTCHours() >= 12;
|
|
1437
|
-
|
|
1438
|
-
if (isPM && value < 12) {
|
|
1439
|
-
date.setUTCHours(value + 12, 0, 0, 0);
|
|
1440
|
-
} else if (!isPM && value === 12) {
|
|
1441
|
-
date.setUTCHours(0, 0, 0, 0);
|
|
1442
|
-
} else {
|
|
1443
|
-
date.setUTCHours(value, 0, 0, 0);
|
|
1444
|
-
}
|
|
1445
|
-
|
|
1446
|
-
return date;
|
|
1447
|
-
},
|
|
1448
|
-
incompatibleTokens: ['H', 'K', 'k', 't', 'T']
|
|
1449
|
-
},
|
|
1450
|
-
// Hour [0-23]
|
|
1451
|
-
H: {
|
|
1452
|
-
priority: 70,
|
|
1453
|
-
parse: function (string, token, match, _options) {
|
|
1454
|
-
switch (token) {
|
|
1455
|
-
case 'H':
|
|
1456
|
-
return parseNumericPattern(numericPatterns.hour23h, string);
|
|
1457
|
-
|
|
1458
|
-
case 'Ho':
|
|
1459
|
-
return match.ordinalNumber(string, {
|
|
1460
|
-
unit: 'hour'
|
|
1461
|
-
});
|
|
1462
|
-
|
|
1463
|
-
default:
|
|
1464
|
-
return parseNDigits(token.length, string);
|
|
1465
|
-
}
|
|
1466
|
-
},
|
|
1467
|
-
validate: function (_date, value, _options) {
|
|
1468
|
-
return value >= 0 && value <= 23;
|
|
1469
|
-
},
|
|
1470
|
-
set: function (date, _flags, value, _options) {
|
|
1471
|
-
date.setUTCHours(value, 0, 0, 0);
|
|
1472
|
-
return date;
|
|
1473
|
-
},
|
|
1474
|
-
incompatibleTokens: ['a', 'b', 'h', 'K', 'k', 't', 'T']
|
|
1475
|
-
},
|
|
1476
|
-
// Hour [0-11]
|
|
1477
|
-
K: {
|
|
1478
|
-
priority: 70,
|
|
1479
|
-
parse: function (string, token, match, _options) {
|
|
1480
|
-
switch (token) {
|
|
1481
|
-
case 'K':
|
|
1482
|
-
return parseNumericPattern(numericPatterns.hour11h, string);
|
|
1483
|
-
|
|
1484
|
-
case 'Ko':
|
|
1485
|
-
return match.ordinalNumber(string, {
|
|
1486
|
-
unit: 'hour'
|
|
1487
|
-
});
|
|
1488
|
-
|
|
1489
|
-
default:
|
|
1490
|
-
return parseNDigits(token.length, string);
|
|
1491
|
-
}
|
|
1492
|
-
},
|
|
1493
|
-
validate: function (_date, value, _options) {
|
|
1494
|
-
return value >= 0 && value <= 11;
|
|
1495
|
-
},
|
|
1496
|
-
set: function (date, _flags, value, _options) {
|
|
1497
|
-
var isPM = date.getUTCHours() >= 12;
|
|
1498
|
-
|
|
1499
|
-
if (isPM && value < 12) {
|
|
1500
|
-
date.setUTCHours(value + 12, 0, 0, 0);
|
|
1501
|
-
} else {
|
|
1502
|
-
date.setUTCHours(value, 0, 0, 0);
|
|
1503
|
-
}
|
|
1504
|
-
|
|
1505
|
-
return date;
|
|
1506
|
-
},
|
|
1507
|
-
incompatibleTokens: ['a', 'b', 'h', 'H', 'k', 't', 'T']
|
|
1508
|
-
},
|
|
1509
|
-
// Hour [1-24]
|
|
1510
|
-
k: {
|
|
1511
|
-
priority: 70,
|
|
1512
|
-
parse: function (string, token, match, _options) {
|
|
1513
|
-
switch (token) {
|
|
1514
|
-
case 'k':
|
|
1515
|
-
return parseNumericPattern(numericPatterns.hour24h, string);
|
|
1516
|
-
|
|
1517
|
-
case 'ko':
|
|
1518
|
-
return match.ordinalNumber(string, {
|
|
1519
|
-
unit: 'hour'
|
|
1520
|
-
});
|
|
1521
|
-
|
|
1522
|
-
default:
|
|
1523
|
-
return parseNDigits(token.length, string);
|
|
1524
|
-
}
|
|
1525
|
-
},
|
|
1526
|
-
validate: function (_date, value, _options) {
|
|
1527
|
-
return value >= 1 && value <= 24;
|
|
1528
|
-
},
|
|
1529
|
-
set: function (date, _flags, value, _options) {
|
|
1530
|
-
var hours = value <= 24 ? value % 24 : value;
|
|
1531
|
-
date.setUTCHours(hours, 0, 0, 0);
|
|
1532
|
-
return date;
|
|
1533
|
-
},
|
|
1534
|
-
incompatibleTokens: ['a', 'b', 'h', 'H', 'K', 't', 'T']
|
|
1535
|
-
},
|
|
1536
|
-
// Minute
|
|
1537
|
-
m: {
|
|
1538
|
-
priority: 60,
|
|
1539
|
-
parse: function (string, token, match, _options) {
|
|
1540
|
-
switch (token) {
|
|
1541
|
-
case 'm':
|
|
1542
|
-
return parseNumericPattern(numericPatterns.minute, string);
|
|
1543
|
-
|
|
1544
|
-
case 'mo':
|
|
1545
|
-
return match.ordinalNumber(string, {
|
|
1546
|
-
unit: 'minute'
|
|
1547
|
-
});
|
|
1548
|
-
|
|
1549
|
-
default:
|
|
1550
|
-
return parseNDigits(token.length, string);
|
|
1551
|
-
}
|
|
1552
|
-
},
|
|
1553
|
-
validate: function (_date, value, _options) {
|
|
1554
|
-
return value >= 0 && value <= 59;
|
|
1555
|
-
},
|
|
1556
|
-
set: function (date, _flags, value, _options) {
|
|
1557
|
-
date.setUTCMinutes(value, 0, 0);
|
|
1558
|
-
return date;
|
|
1559
|
-
},
|
|
1560
|
-
incompatibleTokens: ['t', 'T']
|
|
1561
|
-
},
|
|
1562
|
-
// Second
|
|
1563
|
-
s: {
|
|
1564
|
-
priority: 50,
|
|
1565
|
-
parse: function (string, token, match, _options) {
|
|
1566
|
-
switch (token) {
|
|
1567
|
-
case 's':
|
|
1568
|
-
return parseNumericPattern(numericPatterns.second, string);
|
|
1569
|
-
|
|
1570
|
-
case 'so':
|
|
1571
|
-
return match.ordinalNumber(string, {
|
|
1572
|
-
unit: 'second'
|
|
1573
|
-
});
|
|
1574
|
-
|
|
1575
|
-
default:
|
|
1576
|
-
return parseNDigits(token.length, string);
|
|
1577
|
-
}
|
|
1578
|
-
},
|
|
1579
|
-
validate: function (_date, value, _options) {
|
|
1580
|
-
return value >= 0 && value <= 59;
|
|
1581
|
-
},
|
|
1582
|
-
set: function (date, _flags, value, _options) {
|
|
1583
|
-
date.setUTCSeconds(value, 0);
|
|
1584
|
-
return date;
|
|
1585
|
-
},
|
|
1586
|
-
incompatibleTokens: ['t', 'T']
|
|
1587
|
-
},
|
|
1588
|
-
// Fraction of second
|
|
1589
|
-
S: {
|
|
1590
|
-
priority: 30,
|
|
1591
|
-
parse: function (string, token, _match, _options) {
|
|
1592
|
-
var valueCallback = function (value) {
|
|
1593
|
-
return Math.floor(value * Math.pow(10, -token.length + 3));
|
|
1594
|
-
};
|
|
1595
|
-
|
|
1596
|
-
return parseNDigits(token.length, string, valueCallback);
|
|
1597
|
-
},
|
|
1598
|
-
set: function (date, _flags, value, _options) {
|
|
1599
|
-
date.setUTCMilliseconds(value);
|
|
1600
|
-
return date;
|
|
1601
|
-
},
|
|
1602
|
-
incompatibleTokens: ['t', 'T']
|
|
1603
|
-
},
|
|
1604
|
-
// Timezone (ISO-8601. +00:00 is `'Z'`)
|
|
1605
|
-
X: {
|
|
1606
|
-
priority: 10,
|
|
1607
|
-
parse: function (string, token, _match, _options) {
|
|
1608
|
-
switch (token) {
|
|
1609
|
-
case 'X':
|
|
1610
|
-
return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, string);
|
|
1611
|
-
|
|
1612
|
-
case 'XX':
|
|
1613
|
-
return parseTimezonePattern(timezonePatterns.basic, string);
|
|
1614
|
-
|
|
1615
|
-
case 'XXXX':
|
|
1616
|
-
return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, string);
|
|
1617
|
-
|
|
1618
|
-
case 'XXXXX':
|
|
1619
|
-
return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, string);
|
|
1620
|
-
|
|
1621
|
-
case 'XXX':
|
|
1622
|
-
default:
|
|
1623
|
-
return parseTimezonePattern(timezonePatterns.extended, string);
|
|
1624
|
-
}
|
|
1625
|
-
},
|
|
1626
|
-
set: function (date, flags, value, _options) {
|
|
1627
|
-
if (flags.timestampIsSet) {
|
|
1628
|
-
return date;
|
|
1629
|
-
}
|
|
1630
|
-
|
|
1631
|
-
return new Date(date.getTime() - value);
|
|
1632
|
-
},
|
|
1633
|
-
incompatibleTokens: ['t', 'T', 'x']
|
|
1634
|
-
},
|
|
1635
|
-
// Timezone (ISO-8601)
|
|
1636
|
-
x: {
|
|
1637
|
-
priority: 10,
|
|
1638
|
-
parse: function (string, token, _match, _options) {
|
|
1639
|
-
switch (token) {
|
|
1640
|
-
case 'x':
|
|
1641
|
-
return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, string);
|
|
1642
|
-
|
|
1643
|
-
case 'xx':
|
|
1644
|
-
return parseTimezonePattern(timezonePatterns.basic, string);
|
|
1645
|
-
|
|
1646
|
-
case 'xxxx':
|
|
1647
|
-
return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, string);
|
|
1648
|
-
|
|
1649
|
-
case 'xxxxx':
|
|
1650
|
-
return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, string);
|
|
1651
|
-
|
|
1652
|
-
case 'xxx':
|
|
1653
|
-
default:
|
|
1654
|
-
return parseTimezonePattern(timezonePatterns.extended, string);
|
|
1655
|
-
}
|
|
1656
|
-
},
|
|
1657
|
-
set: function (date, flags, value, _options) {
|
|
1658
|
-
if (flags.timestampIsSet) {
|
|
1659
|
-
return date;
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
|
-
return new Date(date.getTime() - value);
|
|
1663
|
-
},
|
|
1664
|
-
incompatibleTokens: ['t', 'T', 'X']
|
|
1665
|
-
},
|
|
1666
|
-
// Seconds timestamp
|
|
1667
|
-
t: {
|
|
1668
|
-
priority: 40,
|
|
1669
|
-
parse: function (string, _token, _match, _options) {
|
|
1670
|
-
return parseAnyDigitsSigned(string);
|
|
1671
|
-
},
|
|
1672
|
-
set: function (_date, _flags, value, _options) {
|
|
1673
|
-
return [new Date(value * 1000), {
|
|
1674
|
-
timestampIsSet: true
|
|
1675
|
-
}];
|
|
1676
|
-
},
|
|
1677
|
-
incompatibleTokens: '*'
|
|
1678
|
-
},
|
|
1679
|
-
// Milliseconds timestamp
|
|
1680
|
-
T: {
|
|
1681
|
-
priority: 20,
|
|
1682
|
-
parse: function (string, _token, _match, _options) {
|
|
1683
|
-
return parseAnyDigitsSigned(string);
|
|
1684
|
-
},
|
|
1685
|
-
set: function (_date, _flags, value, _options) {
|
|
1686
|
-
return [new Date(value), {
|
|
1687
|
-
timestampIsSet: true
|
|
1688
|
-
}];
|
|
1689
|
-
},
|
|
1690
|
-
incompatibleTokens: '*'
|
|
1691
|
-
}
|
|
1692
|
-
};
|
|
1693
|
-
|
|
1694
|
-
var TIMEZONE_UNIT_PRIORITY = 10; // This RegExp consists of three parts separated by `|`:
|
|
1695
|
-
// - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
|
|
1696
|
-
// (one of the certain letters followed by `o`)
|
|
1697
|
-
// - (\w)\1* matches any sequences of the same letter
|
|
1698
|
-
// - '' matches two quote characters in a row
|
|
1699
|
-
// - '(''|[^'])+('|$) matches anything surrounded by two quote characters ('),
|
|
1700
|
-
// except a single quote symbol, which ends the sequence.
|
|
1701
|
-
// Two quote characters do not end the sequence.
|
|
1702
|
-
// If there is no matching single quote
|
|
1703
|
-
// then the sequence will continue until the end of the string.
|
|
1704
|
-
// - . matches any single character unmatched by previous parts of the RegExps
|
|
1705
|
-
|
|
1706
|
-
var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g; // This RegExp catches symbols escaped by quotes, and also
|
|
1707
|
-
// sequences of symbols P, p, and the combinations like `PPPPPPPppppp`
|
|
1708
|
-
|
|
1709
|
-
var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
|
|
1710
|
-
var escapedStringRegExp = /^'([^]*?)'?$/;
|
|
1711
|
-
var doubleQuoteRegExp = /''/g;
|
|
1712
|
-
var notWhitespaceRegExp = /\S/;
|
|
1713
|
-
var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
|
|
1714
|
-
/**
|
|
1715
|
-
* @name parse
|
|
1716
|
-
* @category Common Helpers
|
|
1717
|
-
* @summary Parse the date.
|
|
1718
|
-
*
|
|
1719
|
-
* @description
|
|
1720
|
-
* Return the date parsed from string using the given format string.
|
|
1721
|
-
*
|
|
1722
|
-
* > ⚠️ Please note that the `format` tokens differ from Moment.js and other libraries.
|
|
1723
|
-
* > See: https://git.io/fxCyr
|
|
1724
|
-
*
|
|
1725
|
-
* The characters in the format string wrapped between two single quotes characters (') are escaped.
|
|
1726
|
-
* Two single quotes in a row, whether inside or outside a quoted sequence, represent a 'real' single quote.
|
|
1727
|
-
*
|
|
1728
|
-
* Format of the format string is based on Unicode Technical Standard #35:
|
|
1729
|
-
* https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
|
|
1730
|
-
* with a few additions (see note 5 below the table).
|
|
1731
|
-
*
|
|
1732
|
-
* Not all tokens are compatible. Combinations that don't make sense or could lead to bugs are prohibited
|
|
1733
|
-
* and will throw `RangeError`. For example usage of 24-hour format token with AM/PM token will throw an exception:
|
|
1734
|
-
*
|
|
1735
|
-
* ```javascript
|
|
1736
|
-
* parse('23 AM', 'HH a', new Date())
|
|
1737
|
-
* //=> RangeError: The format string mustn't contain `HH` and `a` at the same time
|
|
1738
|
-
* ```
|
|
1739
|
-
*
|
|
1740
|
-
* See the compatibility table: https://docs.google.com/spreadsheets/d/e/2PACX-1vQOPU3xUhplll6dyoMmVUXHKl_8CRDs6_ueLmex3SoqwhuolkuN3O05l4rqx5h1dKX8eb46Ul-CCSrq/pubhtml?gid=0&single=true
|
|
1741
|
-
*
|
|
1742
|
-
* Accepted format string patterns:
|
|
1743
|
-
* | Unit |Prior| Pattern | Result examples | Notes |
|
|
1744
|
-
* |---------------------------------|-----|---------|-----------------------------------|-------|
|
|
1745
|
-
* | Era | 140 | G..GGG | AD, BC | |
|
|
1746
|
-
* | | | GGGG | Anno Domini, Before Christ | 2 |
|
|
1747
|
-
* | | | GGGGG | A, B | |
|
|
1748
|
-
* | Calendar year | 130 | y | 44, 1, 1900, 2017, 9999 | 4 |
|
|
1749
|
-
* | | | yo | 44th, 1st, 1900th, 9999999th | 4,5 |
|
|
1750
|
-
* | | | yy | 44, 01, 00, 17 | 4 |
|
|
1751
|
-
* | | | yyy | 044, 001, 123, 999 | 4 |
|
|
1752
|
-
* | | | yyyy | 0044, 0001, 1900, 2017 | 4 |
|
|
1753
|
-
* | | | yyyyy | ... | 2,4 |
|
|
1754
|
-
* | Local week-numbering year | 130 | Y | 44, 1, 1900, 2017, 9000 | 4 |
|
|
1755
|
-
* | | | Yo | 44th, 1st, 1900th, 9999999th | 4,5 |
|
|
1756
|
-
* | | | YY | 44, 01, 00, 17 | 4,6 |
|
|
1757
|
-
* | | | YYY | 044, 001, 123, 999 | 4 |
|
|
1758
|
-
* | | | YYYY | 0044, 0001, 1900, 2017 | 4,6 |
|
|
1759
|
-
* | | | YYYYY | ... | 2,4 |
|
|
1760
|
-
* | ISO week-numbering year | 130 | R | -43, 1, 1900, 2017, 9999, -9999 | 4,5 |
|
|
1761
|
-
* | | | RR | -43, 01, 00, 17 | 4,5 |
|
|
1762
|
-
* | | | RRR | -043, 001, 123, 999, -999 | 4,5 |
|
|
1763
|
-
* | | | RRRR | -0043, 0001, 2017, 9999, -9999 | 4,5 |
|
|
1764
|
-
* | | | RRRRR | ... | 2,4,5 |
|
|
1765
|
-
* | Extended year | 130 | u | -43, 1, 1900, 2017, 9999, -999 | 4 |
|
|
1766
|
-
* | | | uu | -43, 01, 99, -99 | 4 |
|
|
1767
|
-
* | | | uuu | -043, 001, 123, 999, -999 | 4 |
|
|
1768
|
-
* | | | uuuu | -0043, 0001, 2017, 9999, -9999 | 4 |
|
|
1769
|
-
* | | | uuuuu | ... | 2,4 |
|
|
1770
|
-
* | Quarter (formatting) | 120 | Q | 1, 2, 3, 4 | |
|
|
1771
|
-
* | | | Qo | 1st, 2nd, 3rd, 4th | 5 |
|
|
1772
|
-
* | | | QQ | 01, 02, 03, 04 | |
|
|
1773
|
-
* | | | QQQ | Q1, Q2, Q3, Q4 | |
|
|
1774
|
-
* | | | QQQQ | 1st quarter, 2nd quarter, ... | 2 |
|
|
1775
|
-
* | | | QQQQQ | 1, 2, 3, 4 | 4 |
|
|
1776
|
-
* | Quarter (stand-alone) | 120 | q | 1, 2, 3, 4 | |
|
|
1777
|
-
* | | | qo | 1st, 2nd, 3rd, 4th | 5 |
|
|
1778
|
-
* | | | qq | 01, 02, 03, 04 | |
|
|
1779
|
-
* | | | qqq | Q1, Q2, Q3, Q4 | |
|
|
1780
|
-
* | | | qqqq | 1st quarter, 2nd quarter, ... | 2 |
|
|
1781
|
-
* | | | qqqqq | 1, 2, 3, 4 | 3 |
|
|
1782
|
-
* | Month (formatting) | 110 | M | 1, 2, ..., 12 | |
|
|
1783
|
-
* | | | Mo | 1st, 2nd, ..., 12th | 5 |
|
|
1784
|
-
* | | | MM | 01, 02, ..., 12 | |
|
|
1785
|
-
* | | | MMM | Jan, Feb, ..., Dec | |
|
|
1786
|
-
* | | | MMMM | January, February, ..., December | 2 |
|
|
1787
|
-
* | | | MMMMM | J, F, ..., D | |
|
|
1788
|
-
* | Month (stand-alone) | 110 | L | 1, 2, ..., 12 | |
|
|
1789
|
-
* | | | Lo | 1st, 2nd, ..., 12th | 5 |
|
|
1790
|
-
* | | | LL | 01, 02, ..., 12 | |
|
|
1791
|
-
* | | | LLL | Jan, Feb, ..., Dec | |
|
|
1792
|
-
* | | | LLLL | January, February, ..., December | 2 |
|
|
1793
|
-
* | | | LLLLL | J, F, ..., D | |
|
|
1794
|
-
* | Local week of year | 100 | w | 1, 2, ..., 53 | |
|
|
1795
|
-
* | | | wo | 1st, 2nd, ..., 53th | 5 |
|
|
1796
|
-
* | | | ww | 01, 02, ..., 53 | |
|
|
1797
|
-
* | ISO week of year | 100 | I | 1, 2, ..., 53 | 5 |
|
|
1798
|
-
* | | | Io | 1st, 2nd, ..., 53th | 5 |
|
|
1799
|
-
* | | | II | 01, 02, ..., 53 | 5 |
|
|
1800
|
-
* | Day of month | 90 | d | 1, 2, ..., 31 | |
|
|
1801
|
-
* | | | do | 1st, 2nd, ..., 31st | 5 |
|
|
1802
|
-
* | | | dd | 01, 02, ..., 31 | |
|
|
1803
|
-
* | Day of year | 90 | D | 1, 2, ..., 365, 366 | 7 |
|
|
1804
|
-
* | | | Do | 1st, 2nd, ..., 365th, 366th | 5 |
|
|
1805
|
-
* | | | DD | 01, 02, ..., 365, 366 | 7 |
|
|
1806
|
-
* | | | DDD | 001, 002, ..., 365, 366 | |
|
|
1807
|
-
* | | | DDDD | ... | 2 |
|
|
1808
|
-
* | Day of week (formatting) | 90 | E..EEE | Mon, Tue, Wed, ..., Sun | |
|
|
1809
|
-
* | | | EEEE | Monday, Tuesday, ..., Sunday | 2 |
|
|
1810
|
-
* | | | EEEEE | M, T, W, T, F, S, S | |
|
|
1811
|
-
* | | | EEEEEE | Mo, Tu, We, Th, Fr, Sa, Su | |
|
|
1812
|
-
* | ISO day of week (formatting) | 90 | i | 1, 2, 3, ..., 7 | 5 |
|
|
1813
|
-
* | | | io | 1st, 2nd, ..., 7th | 5 |
|
|
1814
|
-
* | | | ii | 01, 02, ..., 07 | 5 |
|
|
1815
|
-
* | | | iii | Mon, Tue, Wed, ..., Sun | 5 |
|
|
1816
|
-
* | | | iiii | Monday, Tuesday, ..., Sunday | 2,5 |
|
|
1817
|
-
* | | | iiiii | M, T, W, T, F, S, S | 5 |
|
|
1818
|
-
* | | | iiiiii | Mo, Tu, We, Th, Fr, Sa, Su | 5 |
|
|
1819
|
-
* | Local day of week (formatting) | 90 | e | 2, 3, 4, ..., 1 | |
|
|
1820
|
-
* | | | eo | 2nd, 3rd, ..., 1st | 5 |
|
|
1821
|
-
* | | | ee | 02, 03, ..., 01 | |
|
|
1822
|
-
* | | | eee | Mon, Tue, Wed, ..., Sun | |
|
|
1823
|
-
* | | | eeee | Monday, Tuesday, ..., Sunday | 2 |
|
|
1824
|
-
* | | | eeeee | M, T, W, T, F, S, S | |
|
|
1825
|
-
* | | | eeeeee | Mo, Tu, We, Th, Fr, Sa, Su | |
|
|
1826
|
-
* | Local day of week (stand-alone) | 90 | c | 2, 3, 4, ..., 1 | |
|
|
1827
|
-
* | | | co | 2nd, 3rd, ..., 1st | 5 |
|
|
1828
|
-
* | | | cc | 02, 03, ..., 01 | |
|
|
1829
|
-
* | | | ccc | Mon, Tue, Wed, ..., Sun | |
|
|
1830
|
-
* | | | cccc | Monday, Tuesday, ..., Sunday | 2 |
|
|
1831
|
-
* | | | ccccc | M, T, W, T, F, S, S | |
|
|
1832
|
-
* | | | cccccc | Mo, Tu, We, Th, Fr, Sa, Su | |
|
|
1833
|
-
* | AM, PM | 80 | a..aaa | AM, PM | |
|
|
1834
|
-
* | | | aaaa | a.m., p.m. | 2 |
|
|
1835
|
-
* | | | aaaaa | a, p | |
|
|
1836
|
-
* | AM, PM, noon, midnight | 80 | b..bbb | AM, PM, noon, midnight | |
|
|
1837
|
-
* | | | bbbb | a.m., p.m., noon, midnight | 2 |
|
|
1838
|
-
* | | | bbbbb | a, p, n, mi | |
|
|
1839
|
-
* | Flexible day period | 80 | B..BBB | at night, in the morning, ... | |
|
|
1840
|
-
* | | | BBBB | at night, in the morning, ... | 2 |
|
|
1841
|
-
* | | | BBBBB | at night, in the morning, ... | |
|
|
1842
|
-
* | Hour [1-12] | 70 | h | 1, 2, ..., 11, 12 | |
|
|
1843
|
-
* | | | ho | 1st, 2nd, ..., 11th, 12th | 5 |
|
|
1844
|
-
* | | | hh | 01, 02, ..., 11, 12 | |
|
|
1845
|
-
* | Hour [0-23] | 70 | H | 0, 1, 2, ..., 23 | |
|
|
1846
|
-
* | | | Ho | 0th, 1st, 2nd, ..., 23rd | 5 |
|
|
1847
|
-
* | | | HH | 00, 01, 02, ..., 23 | |
|
|
1848
|
-
* | Hour [0-11] | 70 | K | 1, 2, ..., 11, 0 | |
|
|
1849
|
-
* | | | Ko | 1st, 2nd, ..., 11th, 0th | 5 |
|
|
1850
|
-
* | | | KK | 01, 02, ..., 11, 00 | |
|
|
1851
|
-
* | Hour [1-24] | 70 | k | 24, 1, 2, ..., 23 | |
|
|
1852
|
-
* | | | ko | 24th, 1st, 2nd, ..., 23rd | 5 |
|
|
1853
|
-
* | | | kk | 24, 01, 02, ..., 23 | |
|
|
1854
|
-
* | Minute | 60 | m | 0, 1, ..., 59 | |
|
|
1855
|
-
* | | | mo | 0th, 1st, ..., 59th | 5 |
|
|
1856
|
-
* | | | mm | 00, 01, ..., 59 | |
|
|
1857
|
-
* | Second | 50 | s | 0, 1, ..., 59 | |
|
|
1858
|
-
* | | | so | 0th, 1st, ..., 59th | 5 |
|
|
1859
|
-
* | | | ss | 00, 01, ..., 59 | |
|
|
1860
|
-
* | Seconds timestamp | 40 | t | 512969520 | |
|
|
1861
|
-
* | | | tt | ... | 2 |
|
|
1862
|
-
* | Fraction of second | 30 | S | 0, 1, ..., 9 | |
|
|
1863
|
-
* | | | SS | 00, 01, ..., 99 | |
|
|
1864
|
-
* | | | SSS | 000, 0001, ..., 999 | |
|
|
1865
|
-
* | | | SSSS | ... | 2 |
|
|
1866
|
-
* | Milliseconds timestamp | 20 | T | 512969520900 | |
|
|
1867
|
-
* | | | TT | ... | 2 |
|
|
1868
|
-
* | Timezone (ISO-8601 w/ Z) | 10 | X | -08, +0530, Z | |
|
|
1869
|
-
* | | | XX | -0800, +0530, Z | |
|
|
1870
|
-
* | | | XXX | -08:00, +05:30, Z | |
|
|
1871
|
-
* | | | XXXX | -0800, +0530, Z, +123456 | 2 |
|
|
1872
|
-
* | | | XXXXX | -08:00, +05:30, Z, +12:34:56 | |
|
|
1873
|
-
* | Timezone (ISO-8601 w/o Z) | 10 | x | -08, +0530, +00 | |
|
|
1874
|
-
* | | | xx | -0800, +0530, +0000 | |
|
|
1875
|
-
* | | | xxx | -08:00, +05:30, +00:00 | 2 |
|
|
1876
|
-
* | | | xxxx | -0800, +0530, +0000, +123456 | |
|
|
1877
|
-
* | | | xxxxx | -08:00, +05:30, +00:00, +12:34:56 | |
|
|
1878
|
-
* | Long localized date | NA | P | 05/29/1453 | 5,8 |
|
|
1879
|
-
* | | | PP | May 29, 1453 | |
|
|
1880
|
-
* | | | PPP | May 29th, 1453 | |
|
|
1881
|
-
* | | | PPPP | Sunday, May 29th, 1453 | 2,5,8 |
|
|
1882
|
-
* | Long localized time | NA | p | 12:00 AM | 5,8 |
|
|
1883
|
-
* | | | pp | 12:00:00 AM | |
|
|
1884
|
-
* | Combination of date and time | NA | Pp | 05/29/1453, 12:00 AM | |
|
|
1885
|
-
* | | | PPpp | May 29, 1453, 12:00:00 AM | |
|
|
1886
|
-
* | | | PPPpp | May 29th, 1453 at ... | |
|
|
1887
|
-
* | | | PPPPpp | Sunday, May 29th, 1453 at ... | 2,5,8 |
|
|
1888
|
-
* Notes:
|
|
1889
|
-
* 1. "Formatting" units (e.g. formatting quarter) in the default en-US locale
|
|
1890
|
-
* are the same as "stand-alone" units, but are different in some languages.
|
|
1891
|
-
* "Formatting" units are declined according to the rules of the language
|
|
1892
|
-
* in the context of a date. "Stand-alone" units are always nominative singular.
|
|
1893
|
-
* In `format` function, they will produce different result:
|
|
1894
|
-
*
|
|
1895
|
-
* `format(new Date(2017, 10, 6), 'do LLLL', {locale: cs}) //=> '6. listopad'`
|
|
1896
|
-
*
|
|
1897
|
-
* `format(new Date(2017, 10, 6), 'do MMMM', {locale: cs}) //=> '6. listopadu'`
|
|
1898
|
-
*
|
|
1899
|
-
* `parse` will try to match both formatting and stand-alone units interchangably.
|
|
1900
|
-
*
|
|
1901
|
-
* 2. Any sequence of the identical letters is a pattern, unless it is escaped by
|
|
1902
|
-
* the single quote characters (see below).
|
|
1903
|
-
* If the sequence is longer than listed in table:
|
|
1904
|
-
* - for numerical units (`yyyyyyyy`) `parse` will try to match a number
|
|
1905
|
-
* as wide as the sequence
|
|
1906
|
-
* - for text units (`MMMMMMMM`) `parse` will try to match the widest variation of the unit.
|
|
1907
|
-
* These variations are marked with "2" in the last column of the table.
|
|
1908
|
-
*
|
|
1909
|
-
* 3. `QQQQQ` and `qqqqq` could be not strictly numerical in some locales.
|
|
1910
|
-
* These tokens represent the shortest form of the quarter.
|
|
1911
|
-
*
|
|
1912
|
-
* 4. The main difference between `y` and `u` patterns are B.C. years:
|
|
1913
|
-
*
|
|
1914
|
-
* | Year | `y` | `u` |
|
|
1915
|
-
* |------|-----|-----|
|
|
1916
|
-
* | AC 1 | 1 | 1 |
|
|
1917
|
-
* | BC 1 | 1 | 0 |
|
|
1918
|
-
* | BC 2 | 2 | -1 |
|
|
1919
|
-
*
|
|
1920
|
-
* Also `yy` will try to guess the century of two digit year by proximity with `referenceDate`:
|
|
1921
|
-
*
|
|
1922
|
-
* `parse('50', 'yy', new Date(2018, 0, 1)) //=> Sat Jan 01 2050 00:00:00`
|
|
1923
|
-
*
|
|
1924
|
-
* `parse('75', 'yy', new Date(2018, 0, 1)) //=> Wed Jan 01 1975 00:00:00`
|
|
1925
|
-
*
|
|
1926
|
-
* while `uu` will just assign the year as is:
|
|
1927
|
-
*
|
|
1928
|
-
* `parse('50', 'uu', new Date(2018, 0, 1)) //=> Sat Jan 01 0050 00:00:00`
|
|
1929
|
-
*
|
|
1930
|
-
* `parse('75', 'uu', new Date(2018, 0, 1)) //=> Tue Jan 01 0075 00:00:00`
|
|
1931
|
-
*
|
|
1932
|
-
* The same difference is true for local and ISO week-numbering years (`Y` and `R`),
|
|
1933
|
-
* except local week-numbering years are dependent on `options.weekStartsOn`
|
|
1934
|
-
* and `options.firstWeekContainsDate` (compare [setISOWeekYear]{@link https://date-fns.org/docs/setISOWeekYear}
|
|
1935
|
-
* and [setWeekYear]{@link https://date-fns.org/docs/setWeekYear}).
|
|
1936
|
-
*
|
|
1937
|
-
* 5. These patterns are not in the Unicode Technical Standard #35:
|
|
1938
|
-
* - `i`: ISO day of week
|
|
1939
|
-
* - `I`: ISO week of year
|
|
1940
|
-
* - `R`: ISO week-numbering year
|
|
1941
|
-
* - `o`: ordinal number modifier
|
|
1942
|
-
* - `P`: long localized date
|
|
1943
|
-
* - `p`: long localized time
|
|
1944
|
-
*
|
|
1945
|
-
* 6. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
|
|
1946
|
-
* You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://git.io/fxCyr
|
|
1947
|
-
*
|
|
1948
|
-
* 7. `D` and `DD` tokens represent days of the year but they are ofthen confused with days of the month.
|
|
1949
|
-
* You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://git.io/fxCyr
|
|
1950
|
-
*
|
|
1951
|
-
* 8. `P+` tokens do not have a defined priority since they are merely aliases to other tokens based
|
|
1952
|
-
* on the given locale.
|
|
1953
|
-
*
|
|
1954
|
-
* using `en-US` locale: `P` => `MM/dd/yyyy`
|
|
1955
|
-
* using `en-US` locale: `p` => `hh:mm a`
|
|
1956
|
-
* using `pt-BR` locale: `P` => `dd/MM/yyyy`
|
|
1957
|
-
* using `pt-BR` locale: `p` => `HH:mm`
|
|
1958
|
-
*
|
|
1959
|
-
* Values will be assigned to the date in the descending order of its unit's priority.
|
|
1960
|
-
* Units of an equal priority overwrite each other in the order of appearance.
|
|
1961
|
-
*
|
|
1962
|
-
* If no values of higher priority are parsed (e.g. when parsing string 'January 1st' without a year),
|
|
1963
|
-
* the values will be taken from 3rd argument `referenceDate` which works as a context of parsing.
|
|
1964
|
-
*
|
|
1965
|
-
* `referenceDate` must be passed for correct work of the function.
|
|
1966
|
-
* If you're not sure which `referenceDate` to supply, create a new instance of Date:
|
|
1967
|
-
* `parse('02/11/2014', 'MM/dd/yyyy', new Date())`
|
|
1968
|
-
* In this case parsing will be done in the context of the current date.
|
|
1969
|
-
* If `referenceDate` is `Invalid Date` or a value not convertible to valid `Date`,
|
|
1970
|
-
* then `Invalid Date` will be returned.
|
|
1971
|
-
*
|
|
1972
|
-
* The result may vary by locale.
|
|
1973
|
-
*
|
|
1974
|
-
* If `formatString` matches with `dateString` but does not provides tokens, `referenceDate` will be returned.
|
|
1975
|
-
*
|
|
1976
|
-
* If parsing failed, `Invalid Date` will be returned.
|
|
1977
|
-
* Invalid Date is a Date, whose time value is NaN.
|
|
1978
|
-
* Time value of Date: http://es5.github.io/#x15.9.1.1
|
|
1979
|
-
*
|
|
1980
|
-
* ### v2.0.0 breaking changes:
|
|
1981
|
-
*
|
|
1982
|
-
* - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
|
|
1983
|
-
*
|
|
1984
|
-
* - Old `parse` was renamed to `toDate`.
|
|
1985
|
-
* Now `parse` is a new function which parses a string using a provided format.
|
|
1986
|
-
*
|
|
1987
|
-
* ```javascript
|
|
1988
|
-
* // Before v2.0.0
|
|
1989
|
-
* parse('2016-01-01')
|
|
1990
|
-
*
|
|
1991
|
-
* // v2.0.0 onward (toDate no longer accepts a string)
|
|
1992
|
-
* toDate(1392098430000) // Unix to timestamp
|
|
1993
|
-
* toDate(new Date(2014, 1, 11, 11, 30, 30)) // Cloning the date
|
|
1994
|
-
* parse('2016-01-01', 'yyyy-MM-dd', new Date())
|
|
1995
|
-
* ```
|
|
1996
|
-
*
|
|
1997
|
-
* @param {String} dateString - the string to parse
|
|
1998
|
-
* @param {String} formatString - the string of tokens
|
|
1999
|
-
* @param {Date|Number} referenceDate - defines values missing from the parsed dateString
|
|
2000
|
-
* @param {Object} [options] - an object with options.
|
|
2001
|
-
* @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
|
|
2002
|
-
* @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
|
|
2003
|
-
* @param {1|2|3|4|5|6|7} [options.firstWeekContainsDate=1] - the day of January, which is always in the first week of the year
|
|
2004
|
-
* @param {Boolean} [options.useAdditionalWeekYearTokens=false] - if true, allows usage of the week-numbering year tokens `YY` and `YYYY`;
|
|
2005
|
-
* see: https://git.io/fxCyr
|
|
2006
|
-
* @param {Boolean} [options.useAdditionalDayOfYearTokens=false] - if true, allows usage of the day of year tokens `D` and `DD`;
|
|
2007
|
-
* see: https://git.io/fxCyr
|
|
2008
|
-
* @returns {Date} the parsed date
|
|
2009
|
-
* @throws {TypeError} 3 arguments required
|
|
2010
|
-
* @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
|
|
2011
|
-
* @throws {RangeError} `options.firstWeekContainsDate` must be between 1 and 7
|
|
2012
|
-
* @throws {RangeError} `options.locale` must contain `match` property
|
|
2013
|
-
* @throws {RangeError} use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
|
|
2014
|
-
* @throws {RangeError} use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
|
|
2015
|
-
* @throws {RangeError} use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
|
|
2016
|
-
* @throws {RangeError} use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
|
|
2017
|
-
* @throws {RangeError} format string contains an unescaped latin alphabet character
|
|
2018
|
-
*
|
|
2019
|
-
* @example
|
|
2020
|
-
* // Parse 11 February 2014 from middle-endian format:
|
|
2021
|
-
* var result = parse('02/11/2014', 'MM/dd/yyyy', new Date())
|
|
2022
|
-
* //=> Tue Feb 11 2014 00:00:00
|
|
2023
|
-
*
|
|
2024
|
-
* @example
|
|
2025
|
-
* // Parse 28th of February in Esperanto locale in the context of 2010 year:
|
|
2026
|
-
* import eo from 'date-fns/locale/eo'
|
|
2027
|
-
* var result = parse('28-a de februaro', "do 'de' MMMM", new Date(2010, 0, 1), {
|
|
2028
|
-
* locale: eo
|
|
2029
|
-
* })
|
|
2030
|
-
* //=> Sun Feb 28 2010 00:00:00
|
|
2031
|
-
*/
|
|
2032
|
-
|
|
2033
|
-
function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, dirtyOptions) {
|
|
2034
|
-
requiredArgs(3, arguments);
|
|
2035
|
-
var dateString = String(dirtyDateString);
|
|
2036
|
-
var formatString = String(dirtyFormatString);
|
|
2037
|
-
var options = {};
|
|
2038
|
-
var locale$1 = options.locale || locale;
|
|
2039
|
-
|
|
2040
|
-
if (!locale$1.match) {
|
|
2041
|
-
throw new RangeError('locale must contain match property');
|
|
2042
|
-
}
|
|
2043
|
-
|
|
2044
|
-
var localeFirstWeekContainsDate = locale$1.options && locale$1.options.firstWeekContainsDate;
|
|
2045
|
-
var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
|
|
2046
|
-
var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
|
|
2047
|
-
|
|
2048
|
-
if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
|
|
2049
|
-
throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
|
|
2050
|
-
}
|
|
2051
|
-
|
|
2052
|
-
var localeWeekStartsOn = locale$1.options && locale$1.options.weekStartsOn;
|
|
2053
|
-
var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
|
|
2054
|
-
var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
|
|
2055
|
-
|
|
2056
|
-
if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
|
|
2057
|
-
throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
|
|
2058
|
-
}
|
|
2059
|
-
|
|
2060
|
-
if (formatString === '') {
|
|
2061
|
-
if (dateString === '') {
|
|
2062
|
-
return toDate(dirtyReferenceDate);
|
|
2063
|
-
} else {
|
|
2064
|
-
return new Date(NaN);
|
|
2065
|
-
}
|
|
2066
|
-
}
|
|
2067
|
-
|
|
2068
|
-
var subFnOptions = {
|
|
2069
|
-
firstWeekContainsDate: firstWeekContainsDate,
|
|
2070
|
-
weekStartsOn: weekStartsOn,
|
|
2071
|
-
locale: locale$1
|
|
2072
|
-
}; // If timezone isn't specified, it will be set to the system timezone
|
|
2073
|
-
|
|
2074
|
-
var setters = [{
|
|
2075
|
-
priority: TIMEZONE_UNIT_PRIORITY,
|
|
2076
|
-
subPriority: -1,
|
|
2077
|
-
set: dateToSystemTimezone,
|
|
2078
|
-
index: 0
|
|
2079
|
-
}];
|
|
2080
|
-
var i;
|
|
2081
|
-
var tokens = formatString.match(longFormattingTokensRegExp).map(function (substring) {
|
|
2082
|
-
var firstCharacter = substring[0];
|
|
2083
|
-
|
|
2084
|
-
if (firstCharacter === 'p' || firstCharacter === 'P') {
|
|
2085
|
-
var longFormatter = longFormatters[firstCharacter];
|
|
2086
|
-
return longFormatter(substring, locale$1.formatLong, subFnOptions);
|
|
2087
|
-
}
|
|
2088
|
-
|
|
2089
|
-
return substring;
|
|
2090
|
-
}).join('').match(formattingTokensRegExp);
|
|
2091
|
-
var usedTokens = [];
|
|
2092
|
-
|
|
2093
|
-
for (i = 0; i < tokens.length; i++) {
|
|
2094
|
-
var token = tokens[i];
|
|
2095
|
-
|
|
2096
|
-
if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(token)) {
|
|
2097
|
-
throwProtectedError(token, formatString, dirtyDateString);
|
|
2098
|
-
}
|
|
2099
|
-
|
|
2100
|
-
if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(token)) {
|
|
2101
|
-
throwProtectedError(token, formatString, dirtyDateString);
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
var firstCharacter = token[0];
|
|
2105
|
-
var parser = parsers[firstCharacter];
|
|
2106
|
-
|
|
2107
|
-
if (parser) {
|
|
2108
|
-
var incompatibleTokens = parser.incompatibleTokens;
|
|
2109
|
-
|
|
2110
|
-
if (Array.isArray(incompatibleTokens)) {
|
|
2111
|
-
var incompatibleToken = void 0;
|
|
2112
|
-
|
|
2113
|
-
for (var _i = 0; _i < usedTokens.length; _i++) {
|
|
2114
|
-
var usedToken = usedTokens[_i].token;
|
|
2115
|
-
|
|
2116
|
-
if (incompatibleTokens.indexOf(usedToken) !== -1 || usedToken === firstCharacter) {
|
|
2117
|
-
incompatibleToken = usedTokens[_i];
|
|
2118
|
-
break;
|
|
2119
|
-
}
|
|
2120
|
-
}
|
|
2121
|
-
|
|
2122
|
-
if (incompatibleToken) {
|
|
2123
|
-
throw new RangeError("The format string mustn't contain `".concat(incompatibleToken.fullToken, "` and `").concat(token, "` at the same time"));
|
|
2124
|
-
}
|
|
2125
|
-
} else if (parser.incompatibleTokens === '*' && usedTokens.length) {
|
|
2126
|
-
throw new RangeError("The format string mustn't contain `".concat(token, "` and any other token at the same time"));
|
|
2127
|
-
}
|
|
2128
|
-
|
|
2129
|
-
usedTokens.push({
|
|
2130
|
-
token: firstCharacter,
|
|
2131
|
-
fullToken: token
|
|
2132
|
-
});
|
|
2133
|
-
var parseResult = parser.parse(dateString, token, locale$1.match, subFnOptions);
|
|
2134
|
-
|
|
2135
|
-
if (!parseResult) {
|
|
2136
|
-
return new Date(NaN);
|
|
2137
|
-
}
|
|
2138
|
-
|
|
2139
|
-
setters.push({
|
|
2140
|
-
priority: parser.priority,
|
|
2141
|
-
subPriority: parser.subPriority || 0,
|
|
2142
|
-
set: parser.set,
|
|
2143
|
-
validate: parser.validate,
|
|
2144
|
-
value: parseResult.value,
|
|
2145
|
-
index: setters.length
|
|
2146
|
-
});
|
|
2147
|
-
dateString = parseResult.rest;
|
|
2148
|
-
} else {
|
|
2149
|
-
if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
|
|
2150
|
-
throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
|
|
2151
|
-
} // Replace two single quote characters with one single quote character
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
if (token === "''") {
|
|
2155
|
-
token = "'";
|
|
2156
|
-
} else if (firstCharacter === "'") {
|
|
2157
|
-
token = cleanEscapedString(token);
|
|
2158
|
-
} // Cut token from string, or, if string doesn't match the token, return Invalid Date
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
if (dateString.indexOf(token) === 0) {
|
|
2162
|
-
dateString = dateString.slice(token.length);
|
|
2163
|
-
} else {
|
|
2164
|
-
return new Date(NaN);
|
|
2165
|
-
}
|
|
2166
|
-
}
|
|
2167
|
-
} // Check if the remaining input contains something other than whitespace
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
if (dateString.length > 0 && notWhitespaceRegExp.test(dateString)) {
|
|
2171
|
-
return new Date(NaN);
|
|
2172
|
-
}
|
|
2173
|
-
|
|
2174
|
-
var uniquePrioritySetters = setters.map(function (setter) {
|
|
2175
|
-
return setter.priority;
|
|
2176
|
-
}).sort(function (a, b) {
|
|
2177
|
-
return b - a;
|
|
2178
|
-
}).filter(function (priority, index, array) {
|
|
2179
|
-
return array.indexOf(priority) === index;
|
|
2180
|
-
}).map(function (priority) {
|
|
2181
|
-
return setters.filter(function (setter) {
|
|
2182
|
-
return setter.priority === priority;
|
|
2183
|
-
}).sort(function (a, b) {
|
|
2184
|
-
return b.subPriority - a.subPriority;
|
|
2185
|
-
});
|
|
2186
|
-
}).map(function (setterArray) {
|
|
2187
|
-
return setterArray[0];
|
|
2188
|
-
});
|
|
2189
|
-
var date = toDate(dirtyReferenceDate);
|
|
2190
|
-
|
|
2191
|
-
if (isNaN(date)) {
|
|
2192
|
-
return new Date(NaN);
|
|
2193
|
-
} // Convert the date in system timezone to the same date in UTC+00:00 timezone.
|
|
2194
|
-
// This ensures that when UTC functions will be implemented, locales will be compatible with them.
|
|
2195
|
-
// See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/37
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
var utcDate = subMilliseconds(date, getTimezoneOffsetInMilliseconds(date));
|
|
2199
|
-
var flags = {};
|
|
2200
|
-
|
|
2201
|
-
for (i = 0; i < uniquePrioritySetters.length; i++) {
|
|
2202
|
-
var setter = uniquePrioritySetters[i];
|
|
2203
|
-
|
|
2204
|
-
if (setter.validate && !setter.validate(utcDate, setter.value, subFnOptions)) {
|
|
2205
|
-
return new Date(NaN);
|
|
2206
|
-
}
|
|
2207
|
-
|
|
2208
|
-
var result = setter.set(utcDate, flags, setter.value, subFnOptions); // Result is tuple (date, flags)
|
|
2209
|
-
|
|
2210
|
-
if (result[0]) {
|
|
2211
|
-
utcDate = result[0];
|
|
2212
|
-
assign(flags, result[1]); // Result is date
|
|
2213
|
-
} else {
|
|
2214
|
-
utcDate = result;
|
|
2215
|
-
}
|
|
2216
|
-
}
|
|
2217
|
-
|
|
2218
|
-
return utcDate;
|
|
2219
|
-
}
|
|
2220
|
-
|
|
2221
|
-
function dateToSystemTimezone(date, flags) {
|
|
2222
|
-
if (flags.timestampIsSet) {
|
|
2223
|
-
return date;
|
|
2224
|
-
}
|
|
2225
|
-
|
|
2226
|
-
var convertedDate = new Date(0);
|
|
2227
|
-
convertedDate.setFullYear(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
|
|
2228
|
-
convertedDate.setHours(date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), date.getUTCMilliseconds());
|
|
2229
|
-
return convertedDate;
|
|
2230
|
-
}
|
|
2231
|
-
|
|
2232
|
-
function cleanEscapedString(input) {
|
|
2233
|
-
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
2234
|
-
}
|
|
2235
|
-
|
|
2236
|
-
const calendarCss = () => `.sc-digi-calendar-h{--digi--calendar--display:inline-block;--digi--calendar--header--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--header--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--header--display:flex;--digi--calendar--header--align-items:center;--digi--calendar--header--justify-content:space-between;--digi--calendar--header--text-align:center;--digi--calendar--header--button--padding:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--calendar--header--button--background:transparent;--digi--calendar--header--button--box-shadow:none;--digi--calendar--header--button--background--hover:var(--digi--color--background--interactive--hover--secondary);--digi--calendar--table--border-spacing:0;--digi--calendar--table--border-collapse:collapse;--digi--calendar--table--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--table--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--table-header--padding:var(--digi--gutter--larger) 0;--digi--calendar--table-header--font-weight-normal:var(--digi--typography--body--font-weight--desktop);--digi--calendar--date--border-color:none;--digi--calendar--date--box-shadow:none;--digi--calendar--date--background-color:var(--digi--color--background--interactive--default--secondary);--digi--calendar--date--background-color--hover:var(--digi--color--background--interactive--hover--secondary);--digi--calendar--date--padding:var(--digi--gutter--large);--digi--calendar--date--color:var(--digi--color--text--primary);--digi--calendar--date--focused--background-color:var(--digi--color--background--interactive--hover--secondary);--digi--calendar--date--today--circle-border:2px solid var(--digi--color--marking--indication--secondary);--digi--calendar--date--today--circle-margin:10%;--digi--calendar--date--selected--color:var(--digi--color--text--interactive--secondary);--digi--calendar--date--selected--background-color:var(--digi--color--background--interactive--selected--primary);--digi--calendar--date--not-selectable-strike--color:var(--digi--color--marking--indication--tertiary);--digi--calendar--week--font-style:italic;--digi--calendar--week--font-size:var(--digi--global--typography--font-size--small);--digi--calendar--week--border-color:var(--digi--color--divider--primary);--digi--calendar--week--border-width:var(--digi--border-width--primary)}.sc-digi-calendar-h .digi-calendar.sc-digi-calendar{display:var(--digi--calendar--display);background:var(--digi--calendar--header--button--background);padding:0px 1px 3px 1px;overflow:hidden;max-width:23.4375rem}.sc-digi-calendar-h .digi-calendar--hide.sc-digi-calendar{--digi--calendar--display:none}.sc-digi-calendar-h .digi-calendar__header.sc-digi-calendar{display:var(--digi--calendar--header--display);align-items:var(--digi--calendar--header--align-items);justify-content:var(--digi--calendar--header--justify-content);text-align:var(--digi--calendar--header--text-align);font-size:var(--digi--global--typography--font-size--base);font-family:var(--digi--calendar--header--font-family);font-weight:var(--digi--calendar--header--font-weight)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar{display:inherit;justify-content:center;margin:0 auto}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:first-child{margin-right:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:last-child{width:5rem}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar select.sc-digi-calendar{padding-inline-end:2rem}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar{flex:auto;display:inherit;align-items:inherit;justify-content:inherit}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-name.sc-digi-calendar{padding-inline:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--digi--calendar--date--color);display:flex;align-items:center;background:var(--digi--calendar--header--button--background);border:var(--digi--calendar--date--box-shadow);padding:var(--digi--calendar--header--button--padding)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:last-child{border-radius:0 4px 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:first-child{border-radius:4px 0 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible:not(.digi-calendar__date--not-selectable),.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:active:not(.digi-calendar__date--not-selectable){--digi--calendar--header--button--background:var(--digi--calendar--header--button--background--hover);text-decoration:underline;cursor:pointer}@media (any-hover: hover){.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:hover:not(.digi-calendar__date--not-selectable){--digi--calendar--header--button--background:var(--digi--calendar--header--button--background--hover);text-decoration:underline;cursor:pointer}}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar{border-collapse:var(--digi--calendar--table--border-collapse);border-spacing:var(--digi--calendar--table--border-spacing);font-family:var(--digi--calendar--table--font-family);table-layout:fixed;margin-bottom:var(--digi--margin--medium)}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar th.sc-digi-calendar{text-align:center}.sc-digi-calendar-h .digi-calendar__table-header-week.sc-digi-calendar{font-style:italic;padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table-header--font-weight-normal);width:50px}.sc-digi-calendar-h .digi-calendar__table-header.sc-digi-calendar{padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table--font-weight);width:46px}.sc-digi-calendar-h .digi-calendar__td-week.sc-digi-calendar{border-right:var(--digi--calendar--week--border-width) solid var(--digi--calendar--week--border-color)}.sc-digi-calendar-h .digi-calendar__td.sc-digi-calendar{text-align:right}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar{font-style:var(--digi--calendar--week--font-style);font-size:var(--digi--calendar--week--font-size);display:table-cell;text-align:center}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar:hover{cursor:default}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar{position:relative;padding:var(--digi--calendar--date--padding);color:var(--digi--calendar--date--color);background-color:var(--digi--calendar--date--background-color);border-color:var(--digi--calendar--date--border-color);border-radius:var(--digi--border-radius--secondary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;border:none;width:44px;height:44px}.sc-digi-calendar-h .digi-calendar__date--disabled.sc-digi-calendar{--digi--calendar--date--color:transparent;pointer-events:none}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar{position:relative}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar::after{display:block;content:" ";position:absolute;top:var(--digi--calendar--date--today--circle-margin);bottom:var(--digi--calendar--date--today--circle-margin);left:var(--digi--calendar--date--today--circle-margin);right:var(--digi--calendar--date--today--circle-margin);border:var(--digi--calendar--date--today--circle-border);border-radius:50%}.sc-digi-calendar-h .digi-calendar__date--today.digi-calendar__date--selected.sc-digi-calendar::after{border-color:var(--digi--color--icon--secondary)}@media (any-hover: hover){.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover:not(.digi-calendar__date--not-selectable){cursor:pointer}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover:not(.digi-calendar__date--not-selectable):not(.digi-calendar__date--selected){--digi--calendar--date--box-shadow:var(--digi--calendar--date--box-shadow--hover);--digi--calendar--date--background-color:var(--digi--calendar--date--background-color--hover)}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover:not(.digi-calendar__date--not-selectable) span.sc-digi-calendar{text-decoration:underline}}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar{--digi--calendar--date--background-color:var(--digi--calendar--date--selected--background-color);--digi--calendar--date--color:var(--digi--calendar--date--selected--color)}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover{--digi--calendar--date--background-color:var(--digi--calendar--date--selected--background-color)}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:none}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar{cursor:not-allowed}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar::after{display:block;content:" ";width:0px;height:100%;border:1px solid #757575;transform:rotate(-45deg);position:absolute;top:0%;left:50%}.sc-digi-calendar-h .digi-calendar__date--focused.sc-digi-calendar:focus-visible:not(.digi-calendar__date--selected):not(.digi-calendar__date--not-selectable){--digi--calendar--date--background-color:var(--digi--calendar--date--focused--background-color);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-s digi-form-label{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}`;
|
|
2237
|
-
|
|
2238
|
-
const Calendar = class {
|
|
2239
|
-
constructor(hostRef) {
|
|
2240
|
-
registerInstance(this, hostRef);
|
|
2241
|
-
this.afOnDateSelectedChange = createEvent(this, "afOnDateSelectedChange", 7);
|
|
2242
|
-
this.afOnFocusOutside = createEvent(this, "afOnFocusOutside", 7);
|
|
2243
|
-
this.afOnClickOutside = createEvent(this, "afOnClickOutside", 7);
|
|
2244
|
-
this.afOnDirty = createEvent(this, "afOnDirty", 7);
|
|
2245
|
-
this.selectedDates = [];
|
|
2246
|
-
this.dirty = false;
|
|
2247
|
-
/**
|
|
2248
|
-
* Prefix för komponentens 'id'-attribut. Ex. 'my-cool-id' genererar 'my-cool-id-calendar'. Ges inget värde genereras ett slumpmässigt.
|
|
2249
|
-
* @en Prefix for the component's 'id' attribute. Example: 'my-cool-id' generates 'my-cool-id-calendar'. Defaults to random string.
|
|
2250
|
-
*/
|
|
2251
|
-
this.afId = randomIdGenerator('digi-calendar');
|
|
2252
|
-
/**
|
|
2253
|
-
* Visa veckonummer i kalender
|
|
2254
|
-
* @en Show week number in the calendar
|
|
2255
|
-
*/
|
|
2256
|
-
this.afShowWeekNumber = false;
|
|
2257
|
-
/**
|
|
2258
|
-
* Valda datum i kalendern
|
|
2259
|
-
* @en Selected dates in calendar
|
|
2260
|
-
*/
|
|
2261
|
-
this.afSelectedDates = [];
|
|
2262
|
-
/**
|
|
2263
|
-
* Visar eller döljer kalendern.
|
|
2264
|
-
* @en Toggle calendar hide/show.
|
|
2265
|
-
*/
|
|
2266
|
-
this.afActive = true;
|
|
2267
|
-
/**
|
|
2268
|
-
* Sätt denna till true för att tillåta val av flera datum
|
|
2269
|
-
* @en Set this to true to be able to allow selection of multiple dates
|
|
2270
|
-
*/
|
|
2271
|
-
this.afMultipleDates = false;
|
|
2272
|
-
/**
|
|
2273
|
-
* Sätt denna till true för att visa väljare för år
|
|
2274
|
-
* @en Set this to true to be show year selector
|
|
2275
|
-
*/
|
|
2276
|
-
this.afYearSelect = false;
|
|
2277
|
-
this.activeCalendar = [];
|
|
2278
|
-
}
|
|
2279
|
-
focusedDateChanged() {
|
|
2280
|
-
this.drawCalendar(this.focusedDate);
|
|
2281
|
-
}
|
|
2282
|
-
afOpenCalendarToChangeHandler() {
|
|
2283
|
-
this.determineFocusedDate();
|
|
2284
|
-
}
|
|
2285
|
-
afShowWeekNumberChangeHandler() {
|
|
2286
|
-
this.drawCalendar(this.focusedDate);
|
|
2287
|
-
}
|
|
2288
|
-
afSelectedDateChangeHandler() {
|
|
2289
|
-
this.afSelectedDates = isValid(this.afSelectedDate)
|
|
2290
|
-
? [this.afSelectedDate]
|
|
2291
|
-
: [];
|
|
2292
|
-
}
|
|
2293
|
-
afSelectedDatesChangeHandler() {
|
|
2294
|
-
if (this.afSelectedDates.length > 0) {
|
|
2295
|
-
if (this.afMultipleDates) {
|
|
2296
|
-
const invalidDate = this.afSelectedDates.find((date) => !isValid(date));
|
|
2297
|
-
if (invalidDate === undefined) {
|
|
2298
|
-
this.selectedDates = this.afSelectedDates;
|
|
2299
|
-
this.determineFocusedDate();
|
|
2300
|
-
}
|
|
2301
|
-
}
|
|
2302
|
-
else if (isValid(this.afSelectedDates[0])) {
|
|
2303
|
-
this.selectedDates = [this.afSelectedDates[0]];
|
|
2304
|
-
this.determineFocusedDate();
|
|
2305
|
-
}
|
|
2306
|
-
}
|
|
2307
|
-
else {
|
|
2308
|
-
this.selectedDates = [];
|
|
2309
|
-
}
|
|
2310
|
-
}
|
|
2311
|
-
focusoutHandler(e) {
|
|
2312
|
-
const target = e.target;
|
|
2313
|
-
const selector = `#${this.afId}-calendar`;
|
|
2314
|
-
if (detectFocusOutside(target, selector)) {
|
|
2315
|
-
this.afOnFocusOutside.emit(e);
|
|
2316
|
-
}
|
|
2317
|
-
}
|
|
2318
|
-
clickHandler(e) {
|
|
2319
|
-
const target = e.target;
|
|
2320
|
-
const selector = `#${this.afId}-calendar`;
|
|
2321
|
-
if (detectClickOutside(target, selector)) {
|
|
2322
|
-
this.afOnClickOutside.emit(e);
|
|
2323
|
-
}
|
|
2324
|
-
}
|
|
2325
|
-
determineFocusedDate() {
|
|
2326
|
-
if (this.dirty) {
|
|
2327
|
-
return; // Don't change focused date if user has already interacted with the calendar
|
|
2328
|
-
}
|
|
2329
|
-
else if (this.afOpenCalendarTo && isValid(this.afOpenCalendarTo)) {
|
|
2330
|
-
this.focusedDate = this.afOpenCalendarTo;
|
|
2331
|
-
}
|
|
2332
|
-
else if (this.selectedDates.length > 0) {
|
|
2333
|
-
this.focusedDate = this.selectedDates[0];
|
|
2334
|
-
}
|
|
2335
|
-
else {
|
|
2336
|
-
this.focusedDate = new Date();
|
|
2337
|
-
}
|
|
2338
|
-
}
|
|
2339
|
-
drawCalendar(focusedDate) {
|
|
2340
|
-
const date = {
|
|
2341
|
-
year: focusedDate.getFullYear(),
|
|
2342
|
-
month: focusedDate.getMonth()
|
|
2343
|
-
};
|
|
2344
|
-
this.lastWeekOfPreviousMonth = this.getWeekDays(this.getLastDayOfPrevMonth(date));
|
|
2345
|
-
this.firstWeekOfNextMonth = this.getWeekDays(this.getFirstDayOfNextMonth(date));
|
|
2346
|
-
this.weeksBetween = this.getWeeksBetween(this.getLastDayOfPrevMonth(date), this.getFirstDayOfNextMonth(date));
|
|
2347
|
-
this.weekDaysbetween = this.getWeekdaysOfMonth(this.weeksBetween);
|
|
2348
|
-
this.activeCalendar = this.appendFirstWeekOfNextMonth()
|
|
2349
|
-
? [
|
|
2350
|
-
this.lastWeekOfPreviousMonth,
|
|
2351
|
-
...this.weekDaysbetween,
|
|
2352
|
-
this.appendFirstWeekOfNextMonth()
|
|
2353
|
-
]
|
|
2354
|
-
: [this.lastWeekOfPreviousMonth, ...this.weekDaysbetween];
|
|
2355
|
-
this.appendFirstWeekOfNextMonth();
|
|
2356
|
-
if (this.afShowWeekNumber) {
|
|
2357
|
-
this.activeCalendar.forEach((el, i) => {
|
|
2358
|
-
this.activeCalendar[i].unshift(this.getWeekNumbers(el[0]));
|
|
2359
|
-
});
|
|
2360
|
-
}
|
|
2361
|
-
}
|
|
2362
|
-
appendFirstWeekOfNextMonth() {
|
|
2363
|
-
const lastArray = JSON.stringify(this.weekDaysbetween.slice(-1)[0]);
|
|
2364
|
-
const stringFirstweek = JSON.stringify(this.firstWeekOfNextMonth);
|
|
2365
|
-
if (!this.firstWeekOfNextMonth.some((date) => this.isSameMonth(date, this.focusedDate))) {
|
|
2366
|
-
return;
|
|
2367
|
-
}
|
|
2368
|
-
else if (lastArray !== stringFirstweek) {
|
|
2369
|
-
return this.firstWeekOfNextMonth;
|
|
2370
|
-
}
|
|
2371
|
-
}
|
|
2372
|
-
getLastDayOfPrevMonth(date) {
|
|
2373
|
-
return new Date(date.year, date.month, 0);
|
|
2374
|
-
}
|
|
2375
|
-
getWeekDays(date) {
|
|
2376
|
-
const today = date || new Date();
|
|
2377
|
-
const week = [];
|
|
2378
|
-
const dayOffset = today.getDay(); // 0=söndag
|
|
2379
|
-
for (let i = 1; i <= 7; i++) {
|
|
2380
|
-
week.push(new Date(today.getFullYear(), today.getMonth(), today.getDate() - dayOffset + i));
|
|
2381
|
-
}
|
|
2382
|
-
return week;
|
|
2383
|
-
}
|
|
2384
|
-
getFirstDayOfNextMonth(date) {
|
|
2385
|
-
return new Date(date.year, date.month + 1, 1);
|
|
2386
|
-
}
|
|
2387
|
-
getWeeksBetween(lastDayOfPrevMonth, firstDayOnNextMonth) {
|
|
2388
|
-
const week = 7 * 24 * 60 * 60 * 1000;
|
|
2389
|
-
const d1ms = lastDayOfPrevMonth.getTime();
|
|
2390
|
-
const d2ms = firstDayOnNextMonth.getTime();
|
|
2391
|
-
const diff = Math.abs(d2ms - d1ms);
|
|
2392
|
-
return Math.floor(diff / week);
|
|
2393
|
-
}
|
|
2394
|
-
getWeekdaysOfMonth(weeksBetween) {
|
|
2395
|
-
let weeks = [];
|
|
2396
|
-
for (let i = 1; i <= weeksBetween; i++) {
|
|
2397
|
-
weeks = [...weeks, this.getWeekDays(this.getUpcoming(i))];
|
|
2398
|
-
}
|
|
2399
|
-
return weeks;
|
|
2400
|
-
}
|
|
2401
|
-
getUpcoming(weeks) {
|
|
2402
|
-
return new Date(this.focusedDate.getFullYear(), this.focusedDate.getMonth(), 7 * weeks);
|
|
2403
|
-
}
|
|
2404
|
-
onDirty() {
|
|
2405
|
-
if (!this.dirty) {
|
|
2406
|
-
this.dirty = true;
|
|
2407
|
-
this.afOnDirty.emit(this.dirty);
|
|
2408
|
-
}
|
|
2409
|
-
}
|
|
2410
|
-
selectDateHandler(dateSelected) {
|
|
2411
|
-
this.onDirty();
|
|
2412
|
-
if (!this.isDateSelectable(dateSelected))
|
|
2413
|
-
return;
|
|
2414
|
-
if (this.isDateSelected(dateSelected)) {
|
|
2415
|
-
this.selectedDates = this.afMultipleDates
|
|
2416
|
-
? this.selectedDates.filter((d) => {
|
|
2417
|
-
return !this.isSameDate(d, dateSelected);
|
|
2418
|
-
})
|
|
2419
|
-
: [];
|
|
2420
|
-
}
|
|
2421
|
-
else {
|
|
2422
|
-
this.selectedDates = this.afMultipleDates
|
|
2423
|
-
? [...this.selectedDates, dateSelected]
|
|
2424
|
-
: [dateSelected];
|
|
2425
|
-
}
|
|
2426
|
-
this.focusedDate = new Date(dateSelected);
|
|
2427
|
-
this.afOnDateSelectedChange.emit(this.selectedDates);
|
|
2428
|
-
}
|
|
2429
|
-
getMonthName(monthNumber) {
|
|
2430
|
-
return new Date(1992, monthNumber, 1)
|
|
2431
|
-
.toLocaleDateString(_t.locale, {
|
|
2432
|
-
month: 'short'
|
|
2433
|
-
})
|
|
2434
|
-
.replace('.', '');
|
|
2435
|
-
}
|
|
2436
|
-
getFullMonthName(monthNumber) {
|
|
2437
|
-
return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(_t.locale, {
|
|
2438
|
-
month: 'long',
|
|
2439
|
-
year: 'numeric'
|
|
2440
|
-
});
|
|
2441
|
-
}
|
|
2442
|
-
// Get the week number of a specific date. Taken from https://weeknumber.com/how-to/javascript
|
|
2443
|
-
getWeekNumbers(dateInput) {
|
|
2444
|
-
const date = new Date(dateInput);
|
|
2445
|
-
date.getTime();
|
|
2446
|
-
date.setHours(0, 0, 0, 0);
|
|
2447
|
-
date.setDate(date.getDate() + 3 - ((date.getDay() + 6) % 7));
|
|
2448
|
-
const week1 = new Date(date.getFullYear(), 0, 4);
|
|
2449
|
-
return (1 +
|
|
2450
|
-
Math.round(((date.getTime() - week1.getTime()) / 86400000 -
|
|
2451
|
-
3 +
|
|
2452
|
-
((week1.getDay() + 6) % 7)) /
|
|
2453
|
-
7));
|
|
2454
|
-
}
|
|
2455
|
-
isSameMonth(date, currentDate) {
|
|
2456
|
-
if (date instanceof Date && date instanceof Date) {
|
|
2457
|
-
return (`${date.getFullYear()}${date.getMonth()}` ===
|
|
2458
|
-
`${currentDate.getFullYear()}${currentDate.getMonth()}`);
|
|
2459
|
-
}
|
|
2460
|
-
return false;
|
|
2461
|
-
}
|
|
2462
|
-
isSameDate(date, newDate) {
|
|
2463
|
-
return this.getDateString(date) === this.getDateString(newDate);
|
|
2464
|
-
}
|
|
2465
|
-
getDateString(date) {
|
|
2466
|
-
return `${date.getDate()}${date.getMonth()}${date.getFullYear()}`;
|
|
2467
|
-
}
|
|
2468
|
-
isDateSelected(date) {
|
|
2469
|
-
return !!this.selectedDates.find((d) => this.isSameDate(date, d));
|
|
2470
|
-
}
|
|
2471
|
-
isDateSelectable(date) {
|
|
2472
|
-
if (this.afMinDate && this.isBefore(date, this.afMinDate))
|
|
2473
|
-
return false;
|
|
2474
|
-
if (this.afMaxDate && this.isAfter(date, this.afMaxDate))
|
|
2475
|
-
return false;
|
|
2476
|
-
return true;
|
|
2477
|
-
}
|
|
2478
|
-
isBefore(a, b) {
|
|
2479
|
-
return isBefore(this.dateWithoutTime(a), this.dateWithoutTime(b));
|
|
2480
|
-
}
|
|
2481
|
-
isAfter(a, b) {
|
|
2482
|
-
return isAfter(this.dateWithoutTime(a), this.dateWithoutTime(b));
|
|
2483
|
-
}
|
|
2484
|
-
dateWithoutTime(date) {
|
|
2485
|
-
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
|
2486
|
-
}
|
|
2487
|
-
isInAnotherMonth(date) {
|
|
2488
|
-
return !this.isSameMonth(date, this.focusedDate);
|
|
2489
|
-
}
|
|
2490
|
-
subtractMonth() {
|
|
2491
|
-
this.onDirty();
|
|
2492
|
-
const month = new Date(this.focusedDate);
|
|
2493
|
-
const currentDay = month.getDate();
|
|
2494
|
-
month.setMonth(month.getMonth() - 1, 1);
|
|
2495
|
-
const lastDayOfPrevMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
|
|
2496
|
-
month.setDate(Math.min(currentDay, lastDayOfPrevMonth));
|
|
2497
|
-
this.focusedDate = month;
|
|
2498
|
-
}
|
|
2499
|
-
addMonth() {
|
|
2500
|
-
this.onDirty();
|
|
2501
|
-
const month = new Date(this.focusedDate);
|
|
2502
|
-
const currentDay = month.getDate();
|
|
2503
|
-
month.setMonth(month.getMonth() + 1, 1);
|
|
2504
|
-
const lastDayOfNextMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
|
|
2505
|
-
month.setDate(Math.min(currentDay, lastDayOfNextMonth));
|
|
2506
|
-
this.focusedDate = month;
|
|
2507
|
-
}
|
|
2508
|
-
getCurrent(date) {
|
|
2509
|
-
return this.isSameDate(date, new Date()) ? 'date' : null;
|
|
2510
|
-
}
|
|
2511
|
-
setTabIndex(date) {
|
|
2512
|
-
return this.isFocused(date) ? 0 : -1;
|
|
2513
|
-
}
|
|
2514
|
-
navigateHandler(e, daysToAdd) {
|
|
2515
|
-
!!e.detail && e.detail.preventDefault();
|
|
2516
|
-
if (e.detail.key === 'Tab') {
|
|
2517
|
-
return;
|
|
2518
|
-
}
|
|
2519
|
-
this.onDirty();
|
|
2520
|
-
const date = new Date(e.detail.target.dataset.date);
|
|
2521
|
-
const newDate = new Date(date.setDate(date.getDate() + daysToAdd));
|
|
2522
|
-
this.focusedDate = newDate;
|
|
2523
|
-
this.resetFocus();
|
|
2524
|
-
}
|
|
2525
|
-
resetFocus() {
|
|
2526
|
-
setTimeout(() => {
|
|
2527
|
-
const dates = this._tbody.querySelectorAll('.digi-calendar__date');
|
|
2528
|
-
if (dates.length <= 0) {
|
|
2529
|
-
logger.warn(`Could not find an element with data-date attribute matching navigated date.`, this._tbody);
|
|
2530
|
-
return;
|
|
2531
|
-
}
|
|
2532
|
-
Array.from(dates).map((date) => {
|
|
2533
|
-
const d = date;
|
|
2534
|
-
d.tabIndex = -1;
|
|
2535
|
-
d.classList.remove('digi-calendar__date--focused');
|
|
2536
|
-
if (d.dataset.date === this.getFullDate(this.focusedDate)) {
|
|
2537
|
-
d.focus();
|
|
2538
|
-
d.tabIndex = 0;
|
|
2539
|
-
d.classList.add('digi-calendar__date--focused');
|
|
2540
|
-
}
|
|
2541
|
-
});
|
|
2542
|
-
}, 100);
|
|
2543
|
-
}
|
|
2544
|
-
getFullDate(date) {
|
|
2545
|
-
return date.toLocaleString(_t.locale, {
|
|
2546
|
-
day: 'numeric',
|
|
2547
|
-
month: 'numeric',
|
|
2548
|
-
year: 'numeric'
|
|
2549
|
-
});
|
|
2550
|
-
}
|
|
2551
|
-
getDateName(date) {
|
|
2552
|
-
return date.toLocaleString(_t.locale, {
|
|
2553
|
-
year: 'numeric',
|
|
2554
|
-
month: 'long',
|
|
2555
|
-
day: 'numeric'
|
|
2556
|
-
});
|
|
2557
|
-
}
|
|
2558
|
-
isFocused(date) {
|
|
2559
|
-
if (this.dirty) {
|
|
2560
|
-
return this.isSameDate(date, this.focusedDate);
|
|
2561
|
-
}
|
|
2562
|
-
if (this.afOpenCalendarTo) {
|
|
2563
|
-
return this.isSameDate(date, this.afOpenCalendarTo);
|
|
2564
|
-
}
|
|
2565
|
-
return this.isSameMonth(date, new Date())
|
|
2566
|
-
? this.isSameDate(date, new Date())
|
|
2567
|
-
: this.isSameMonth(date, this.focusedDate) && date.getDate() === 1;
|
|
2568
|
-
}
|
|
2569
|
-
ariaPressed(date) {
|
|
2570
|
-
return this.selectedDates.length > 0 &&
|
|
2571
|
-
!!this.selectedDates.find((d) => this.isSameDate(d, date))
|
|
2572
|
-
? 'true'
|
|
2573
|
-
: 'false';
|
|
2574
|
-
}
|
|
2575
|
-
selectMonth(evt) {
|
|
2576
|
-
this.onDirty();
|
|
2577
|
-
const tempDate = new Date(this.focusedDate);
|
|
2578
|
-
const selectedMonth = parseInt(evt.target.value, 10);
|
|
2579
|
-
const currentDay = tempDate.getDate();
|
|
2580
|
-
tempDate.setMonth(selectedMonth, 1);
|
|
2581
|
-
const lastDayOfSelectedMonth = new Date(tempDate.getFullYear(), selectedMonth + 1, 0).getDate();
|
|
2582
|
-
tempDate.setDate(Math.min(currentDay, lastDayOfSelectedMonth));
|
|
2583
|
-
this.focusedDate = tempDate;
|
|
2584
|
-
}
|
|
2585
|
-
selectYear(evt) {
|
|
2586
|
-
this.onDirty();
|
|
2587
|
-
const selectedYear = parseInt(evt.target.value, 10);
|
|
2588
|
-
// Skydda mot ogiltiga datum som 29 februari
|
|
2589
|
-
const day = Math.min(this.focusedDate.getDate(), new Date(selectedYear, this.focusedDate.getMonth() + 1, 0).getDate());
|
|
2590
|
-
const newDate = new Date(selectedYear, this.focusedDate.getMonth(), day);
|
|
2591
|
-
this.focusedDate = newDate;
|
|
2592
|
-
}
|
|
2593
|
-
earliestSelectableYear() {
|
|
2594
|
-
if (this.afMinDate)
|
|
2595
|
-
return this.afMinDate.getFullYear();
|
|
2596
|
-
return 1900;
|
|
2597
|
-
}
|
|
2598
|
-
latestSelectableYear() {
|
|
2599
|
-
if (this.afMaxDate)
|
|
2600
|
-
return this.afMaxDate.getFullYear();
|
|
2601
|
-
return new Date(Date.now()).getFullYear() + 10;
|
|
2602
|
-
}
|
|
2603
|
-
allSelectableYears() {
|
|
2604
|
-
const allYears = [];
|
|
2605
|
-
let currentYear = this.earliestSelectableYear();
|
|
2606
|
-
while (currentYear <= this.latestSelectableYear()) {
|
|
2607
|
-
allYears.push(currentYear++);
|
|
2608
|
-
}
|
|
2609
|
-
return allYears;
|
|
2610
|
-
}
|
|
2611
|
-
componentWillLoad() {
|
|
2612
|
-
var _a;
|
|
2613
|
-
if (isValid(this.afSelectedDate)) {
|
|
2614
|
-
this.selectedDates = [this.afSelectedDate];
|
|
2615
|
-
}
|
|
2616
|
-
else if (((_a = this.afSelectedDates) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
2617
|
-
const valid = this.afSelectedDates.filter((d) => isValid(d));
|
|
2618
|
-
if (valid.length > 0)
|
|
2619
|
-
this.selectedDates = valid;
|
|
2620
|
-
}
|
|
2621
|
-
this.determineFocusedDate();
|
|
2622
|
-
this.drawCalendar(this.focusedDate);
|
|
2623
|
-
}
|
|
2624
|
-
async componentDidLoad() {
|
|
2625
|
-
if (isValid(this.afSelectedDate))
|
|
2626
|
-
this.selectedDates = [this.afSelectedDate];
|
|
2627
|
-
else
|
|
2628
|
-
this.afSelectedDatesChangeHandler();
|
|
2629
|
-
await customElements.whenDefined('digi-form-select');
|
|
2630
|
-
}
|
|
2631
|
-
cssDateModifiers(date) {
|
|
2632
|
-
const shownMonth = this.focusedDate.getMonth();
|
|
2633
|
-
return {
|
|
2634
|
-
'digi-calendar__date--today': this.isSameDate(date, new Date()) && !this.isInAnotherMonth(date),
|
|
2635
|
-
'digi-calendar__date--disabled': this.isInAnotherMonth(date),
|
|
2636
|
-
'digi-calendar__date--focused': this.isFocused(date),
|
|
2637
|
-
'digi-calendar__date--selected': this.isDateSelected(date) && date.getMonth() === shownMonth,
|
|
2638
|
-
'digi-calendar__date--not-selectable': !this.isInAnotherMonth(date) && !this.isDateSelectable(date)
|
|
2639
|
-
};
|
|
2640
|
-
}
|
|
2641
|
-
render() {
|
|
2642
|
-
return (h("div", { key: '1077a770af823d9e0c0f59cdc6f1fef2a49d761a', class: {
|
|
2643
|
-
'digi-calendar': true,
|
|
2644
|
-
'digi-calendar--hide': !this.afActive
|
|
2645
|
-
}, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: 'cd7dfa8e20efd08afa590cd4e177ddb4c41455d8', class: "digi-calendar__header" }, h("div", { key: 'd1e6e956713de7fe417253be0fc1ec3aea9748b0', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: 'cf34feec9ed25e0251effe86b3ce393918a32eda', afLabel: _t.calendar.month, "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
|
|
2646
|
-
this.selectMonth(evt);
|
|
2647
|
-
} }, _t.calendar.months.map((month, index) => {
|
|
2648
|
-
return h("option", { value: index }, month);
|
|
2649
|
-
})), h("digi-form-select", { key: 'ddcd90917d6dba315f8018c4311c852f3471d3c0', afLabel: _t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
|
|
2650
|
-
this.selectYear(evt);
|
|
2651
|
-
} }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: '814648caa21619240a5904a809c95024398e9741', class: "digi-calendar__header" }, h("div", { key: 'd3dc54a4d0172d503bff66e5171846f433755c4b', class: "digi-calendar__header--month-step" }, h("button", { key: '7725160aab267e5cdd70618613b2f485d5b7dd7f', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
|
|
2652
|
-
', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: 'e8d1dc80011cb7e79ce6af893df2fd4601d92c74', slot: "icon", "aria-hidden": "true" }), h("span", { key: 'ae56dadf565d819f8e89804596dbe38119fb592e', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), h("div", { key: '257ac7d346e084390aba658eb7329cab913e3463', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), h("button", { key: '0c483763c0420f1c172c78364d2ce931ffcd116d', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
|
|
2653
|
-
', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, h("span", { key: 'de4617285a713bd9baa375a99f81bb027768c947', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), h("digi-icon-chevron-right", { key: '8d6252fcdd7a035ce8fe4e6f4cb468ce7935aeba', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: '5080246278db71745444dcd40d0722a64e8c80b5', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, h("table", { key: '9052f9c8135d95110f927c6a5a949fbd63daec7a', role: "grid", class: "digi-calendar__table" }, h("thead", { key: '428467866c49e65d348db796a006611542aabc02' }, h("tr", { key: '260024069438dadff553bc3391a37bbb533b5d11', role: "row" }, this.afShowWeekNumber && (h("th", { key: '2c22102011ade9125e61416ac78eaed16dec2e26', role: "columnheader", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (h("th", { role: "columnheader", "aria-label": _t.calendar.weekdays[day], abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), h("tbody", { key: 'cbe3d290919c35ad27799c17e6b6236557dbe126', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
|
|
2654
|
-
return (h("tr", null, week.map((day, i) => {
|
|
2655
|
-
if (this.afShowWeekNumber && i === 0) {
|
|
2656
|
-
return (h("th", { role: "rowheader", "aria-label": _t.calendar.week + ' ' + day, class: "digi-calendar__td-week digi-calendar__date--week-number", id: 'digi-calendar__week-' + day }, day));
|
|
2657
|
-
}
|
|
2658
|
-
else {
|
|
2659
|
-
return this.isInAnotherMonth(day) ? (h("td", null)) : (h("td", { role: "gridcell", class: "digi-calendar__td" }, h("button", { key: this.getFullDate(day), type: "button", class: Object.assign(Object.assign({}, this.cssDateModifiers(day)), { 'digi-calendar__date': true }), onClick: () => this.selectDateHandler(day), "aria-current": this.isSameDate(day, new Date()) ? 'date' : null, "aria-label": `
|
|
2660
|
-
${!this.isDateSelectable(day)
|
|
2661
|
-
? _t.calendar.disabledDate
|
|
2662
|
-
: ''} ${this.getDateName(day)}
|
|
2663
|
-
`, "aria-disabled": !this.isDateSelectable(day) ? 'true' : null, tabindex: this.setTabIndex(day), "data-date": this.getFullDate(day), "aria-pressed": this.isDateSelectable(day)
|
|
2664
|
-
? this.ariaPressed(day)
|
|
2665
|
-
: null }, h("span", { "aria-hidden": "true" }, day.getDate()))));
|
|
2666
|
-
}
|
|
2667
|
-
})));
|
|
2668
|
-
})))), h("slot", { key: 'e97e8147fc91a3b401665eeeb8db6be7036f678b', name: "calendar-footer" })));
|
|
2669
|
-
}
|
|
2670
|
-
static get watchers() { return {
|
|
2671
|
-
"focusedDate": [{
|
|
2672
|
-
"focusedDateChanged": 0
|
|
2673
|
-
}],
|
|
2674
|
-
"afOpenCalendarTo": [{
|
|
2675
|
-
"afOpenCalendarToChangeHandler": 0
|
|
2676
|
-
}],
|
|
2677
|
-
"afShowWeekNumber": [{
|
|
2678
|
-
"afShowWeekNumberChangeHandler": 0
|
|
2679
|
-
}],
|
|
2680
|
-
"afSelectedDate": [{
|
|
2681
|
-
"afSelectedDateChangeHandler": 0
|
|
2682
|
-
}],
|
|
2683
|
-
"afSelectedDates": [{
|
|
2684
|
-
"afSelectedDatesChangeHandler": 0
|
|
2685
|
-
}]
|
|
2686
|
-
}; }
|
|
2687
|
-
};
|
|
2688
|
-
Calendar.style = calendarCss();
|
|
2689
|
-
|
|
2690
|
-
const calendarDatepickerCss = () => `.sc-digi-calendar-datepicker:root{--digi--grayscale--0:#ffffff;--digi--grayscale--100:#f4f4f4;--digi--grayscale--1000:#000000;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--50:#fbfbfb;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--misc--transparent:#ffffff00;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0a4dd1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008a20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:0.3s;--digi--global--animation--duration--short:0.2s;--digi--global--animation--duration--shorter:0.1s;--digi--global--animation--duration--shortest:0.01s;--digi--global--animation--duration--long:0.4s;--digi--global--animation--duration--longer:0.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:'Open Sans';--digi--global--typography--font-family--mono:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--amethyst--500:#822998;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--primary-alt--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--secondary-alt--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light--af18:var(--digi--color--leaf--500);--digi--color--logotype--primary--text--light--af18:var(--digi--color--stratos--500);--digi--color--logotype--secondary--symbol--light--af18:#1db920;--digi--color--logotype--secondary--text--light--af18:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--350);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--norrsken--500);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--primary-alt--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--300);--digi--color--infographic--brand--secondary-alt--light:var(--digi--granskott--300);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light:var(--digi--granskott--700);--digi--color--logotype--primary--text--light:var(--digi--natthimmel--800);--digi--color--logotype--secondary--symbol--light:#1db920;--digi--color--logotype--secondary--text--light:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--350);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--primary-alt:var(--digi--color--infographic--brand--primary-alt--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--secondary-alt:var(--digi--color--infographic--brand--secondary-alt--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--logotype--primary--symbol:var(--digi--color--logotype--primary--symbol--light);--digi--color--logotype--primary--text:var(--digi--color--logotype--primary--text--light);--digi--color--logotype--secondary--symbol:var(--digi--color--logotype--secondary--symbol--light);--digi--color--logotype--secondary--text:var(--digi--color--logotype--secondary--text--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light)}body.sc-digi-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}`;
|
|
2691
|
-
|
|
2692
|
-
const CalendarDatepicker = class {
|
|
2693
|
-
constructor(hostRef) {
|
|
2694
|
-
registerInstance(this, hostRef);
|
|
2695
|
-
this.afOnDateChange = createEvent(this, "afOnDateChange", 7);
|
|
2696
|
-
this.afOnDateChangeRawText = createEvent(this, "afOnDateChangeRawText", 7);
|
|
2697
|
-
this.afOnValidationChange = createEvent(this, "afOnValidationChange", 7);
|
|
2698
|
-
this.showWrongFormatError = false;
|
|
2699
|
-
this.showDisabledDateError = false;
|
|
2700
|
-
this.showCalendar = false;
|
|
2701
|
-
this.futureYears = 10;
|
|
2702
|
-
this.screenReaderUpdateTrigger = false;
|
|
2703
|
-
this.userInput = '';
|
|
2704
|
-
/**
|
|
2705
|
-
* Sätter attributet id för inputfältet, och utgör basen för andra id:n i komponenten
|
|
2706
|
-
* @en Sets an id attribute for the input field, and serves as the base for other ids in the component
|
|
2707
|
-
*/
|
|
2708
|
-
this.afId = randomIdGenerator('digi-calendar-datepicker');
|
|
2709
|
-
/**
|
|
2710
|
-
* Texten till etiketten
|
|
2711
|
-
* @en The label text
|
|
2712
|
-
*/
|
|
2713
|
-
this.afLabel = _t.calendar.datepicker.label;
|
|
2714
|
-
/**
|
|
2715
|
-
* Aria-label till knappen som öppnar kalendern
|
|
2716
|
-
* @en Aria-label for the button that opens the calendar
|
|
2717
|
-
*/
|
|
2718
|
-
this.afOpenCalendarAriaLabel = _t.calendar.datepicker.openCalendarAriaLabel;
|
|
2719
|
-
/**
|
|
2720
|
-
* Aria-label till knappen som stänger kalendern
|
|
2721
|
-
* @en Aria-label for the button that closes the calendar
|
|
2722
|
-
*/
|
|
2723
|
-
this.afCloseCalendarAriaLabel = _t.calendar.datepicker.closeCalendarAriaLabel;
|
|
2724
|
-
/**
|
|
2725
|
-
* Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting. Om värdet är 'error' sätts också aria-invalid="true" på input-elementet.
|
|
2726
|
-
* @en Set input validation status
|
|
2727
|
-
*/
|
|
2728
|
-
this.afValidation = CalendarDatepickerValidation.NEUTRAL;
|
|
2729
|
-
/**
|
|
2730
|
-
* Sätter valideringsmeddelandet för den inbyggda formatvalideringen. Default är "Fel format"
|
|
2731
|
-
* @en Set input validation message for the built-in format validation
|
|
2732
|
-
*/
|
|
2733
|
-
this.afValidationWrongFormat = _t.calendar.datepicker.validationWrongFormat;
|
|
2734
|
-
/**
|
|
2735
|
-
* Sätter valideringsmeddelandet för den inbyggda valideringen när man anger datum som inte är valbara. Default är "Ej valbart datum"
|
|
2736
|
-
* @en Set input validation message for the built-in when date is not selectable
|
|
2737
|
-
*/
|
|
2738
|
-
this.afValidationDisabledDate = _t.calendar.datepicker.validationDisabledDate;
|
|
2739
|
-
/**
|
|
2740
|
-
* Sätt denna till true för att stänga av komponentens egna validering
|
|
2741
|
-
* @en Set this to true to disable internal validation
|
|
2742
|
-
*/
|
|
2743
|
-
this.afDisableValidation = false;
|
|
2744
|
-
/**
|
|
2745
|
-
* Valda datum i kalendern
|
|
2746
|
-
* @en Selected dates in calendar
|
|
2747
|
-
*/
|
|
2748
|
-
this.afSelectedDates = [];
|
|
2749
|
-
/**
|
|
2750
|
-
* Sätts till true för att byta knapparna för föregående och nästa månad till dropdowns för att välja månad och år. Rekommenderas då förväntat datum är många månader bakåt eller framåt i tiden, som exempelvis ett födelsedatum.
|
|
2751
|
-
* @en Set this to true to change the previous/next month buttons to dropdowns for selecting month and year. Recommended when the expected date is many months back or forward in time, such as a birthdate.
|
|
2752
|
-
*/
|
|
2753
|
-
this.afYearSelect = false;
|
|
2754
|
-
/**
|
|
2755
|
-
* Sätter attributet 'value'
|
|
2756
|
-
* @en Input value attribute
|
|
2757
|
-
* @ignore
|
|
2758
|
-
*/
|
|
2759
|
-
this.value = [];
|
|
2760
|
-
/**
|
|
2761
|
-
* Visa veckonummer i kalender
|
|
2762
|
-
* @en Show week number in the calander.
|
|
2763
|
-
*/
|
|
2764
|
-
this.afShowWeekNumber = false;
|
|
2765
|
-
/**
|
|
2766
|
-
* Sätt denna till true för att kunna markera mer en ett datum i kalendern
|
|
2767
|
-
* @en Set this to true to be able to select multiple dates in the calander
|
|
2768
|
-
*/
|
|
2769
|
-
this.afMultipleDates = false;
|
|
2770
|
-
/**
|
|
2771
|
-
* Sätt denna till true om kalendern ska stängas när användaren väljer ett datum
|
|
2772
|
-
* @en Set this to true if the calendar should close when a date is selected
|
|
2773
|
-
*/
|
|
2774
|
-
this.afCloseOnSelect = false;
|
|
2775
|
-
/**
|
|
2776
|
-
* Om värdet är true får felmeddelandet attributet role="alert".
|
|
2777
|
-
* Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
|
|
2778
|
-
* @en If the value is true, the error message gets the attribute role="alert".
|
|
2779
|
-
* If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
|
|
2780
|
-
*/
|
|
2781
|
-
this.afErrorMessageIsAlert = true;
|
|
2782
|
-
/**
|
|
2783
|
-
* Sätt denna till true om formuläret innehåller fler obligatoriska fält än valfria.
|
|
2784
|
-
* @en Set this to true if the form contains more required fields than optional fields.
|
|
2785
|
-
*/
|
|
2786
|
-
this.afAnnounceIfOptional = false;
|
|
2787
|
-
}
|
|
2788
|
-
afDisableValidationChangeHandler(newVal) {
|
|
2789
|
-
if (!newVal) {
|
|
2790
|
-
const dates = this.userInput !== ''
|
|
2791
|
-
? this.parseInputString(this.userInput)
|
|
2792
|
-
: this.afSelectedDates;
|
|
2793
|
-
this.validateInputAndShowErrors(dates);
|
|
2794
|
-
}
|
|
2795
|
-
else {
|
|
2796
|
-
this.showWrongFormatError = false;
|
|
2797
|
-
this.showDisabledDateError = false;
|
|
2798
|
-
}
|
|
2799
|
-
}
|
|
2800
|
-
afSelectedDatesChangeHandler(newVal) {
|
|
2801
|
-
if (!this.afDisableValidation && newVal.length > 0) {
|
|
2802
|
-
this.validateInputAndShowErrors(newVal);
|
|
2803
|
-
}
|
|
2804
|
-
}
|
|
2805
|
-
valueChangeHandler(newVal) {
|
|
2806
|
-
if (this.afDisableValidation && this.afSelectedDates.length > 0) {
|
|
2807
|
-
this.afSelectedDates = [];
|
|
2808
|
-
}
|
|
2809
|
-
/**
|
|
2810
|
-
* Behövde lägga till den här förändringen för att angular med value accessor betedde sig märkligt vid onBlur av input-fält. Den reagerade när man lämnade fältet även fast fältet var tomt (pratar om watchern). Så behövde bygga en guard/gatekeeper som kontrollerar värdet först. Ska inte påverka manuell-, eller autovalidering.
|
|
2811
|
-
*/
|
|
2812
|
-
if (Array.isArray(newVal) &&
|
|
2813
|
-
newVal.every((d) => d instanceof Date && !isNaN(d.getTime()))) {
|
|
2814
|
-
this.afSelectedDates = newVal;
|
|
2815
|
-
this.userInput = '';
|
|
2816
|
-
}
|
|
2817
|
-
}
|
|
2818
|
-
afMinDateChangeHandler(newVal) {
|
|
2819
|
-
if (!this.afDisableValidation && newVal) {
|
|
2820
|
-
this.validateInputAndShowErrors(this.afSelectedDates);
|
|
2821
|
-
}
|
|
2822
|
-
}
|
|
2823
|
-
afMaxDateChangeHandler(newVal) {
|
|
2824
|
-
if (!this.afDisableValidation && newVal) {
|
|
2825
|
-
this.validateInputAndShowErrors(this.afSelectedDates);
|
|
2826
|
-
}
|
|
2827
|
-
}
|
|
2828
|
-
afMultipleDatesChangeHandler() {
|
|
2829
|
-
var _a;
|
|
2830
|
-
if (!this.afMultipleDates && this.afSelectedDates.length > 1) {
|
|
2831
|
-
this.afSelectedDates = this.afSelectedDates.slice(-1);
|
|
2832
|
-
this.value = (_a = this.afSelectedDates) !== null && _a !== void 0 ? _a : [];
|
|
2833
|
-
}
|
|
2834
|
-
}
|
|
2835
|
-
get errorMessageIsAlert() {
|
|
2836
|
-
return (this.afErrorMessageIsAlert !== false &&
|
|
2837
|
-
this.afErrorMessageIsAlert !== 'false');
|
|
2838
|
-
}
|
|
2839
|
-
clickHandler(e) {
|
|
2840
|
-
const target = e.target;
|
|
2841
|
-
const selector = `#${this.afId}-datepicker`;
|
|
2842
|
-
if (detectClickOutside(target, selector)) {
|
|
2843
|
-
this.showCalendar = false;
|
|
2844
|
-
}
|
|
2845
|
-
}
|
|
2846
|
-
/**
|
|
2847
|
-
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
|
|
2848
|
-
* @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
|
|
2849
|
-
*/
|
|
2850
|
-
focusOnInput() {
|
|
2851
|
-
this._input.focus();
|
|
2852
|
-
}
|
|
2853
|
-
connectedCallback() {
|
|
2854
|
-
this.hostElement.addEventListener('keyup', this.keyUpHandler.bind(this));
|
|
2855
|
-
}
|
|
2856
|
-
disconnectedCallback() {
|
|
2857
|
-
this.hostElement.removeEventListener('keyup', this.keyUpHandler.bind(this));
|
|
2858
|
-
}
|
|
2859
|
-
componentDidLoad() {
|
|
2860
|
-
var _a;
|
|
2861
|
-
if ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) {
|
|
2862
|
-
this.setValue(this.value);
|
|
2863
|
-
}
|
|
2864
|
-
}
|
|
2865
|
-
componentDidUpdate() {
|
|
2866
|
-
if (this.showCalendar) {
|
|
2867
|
-
this.positionCalendar();
|
|
2868
|
-
}
|
|
2869
|
-
}
|
|
2870
|
-
get cssModifiers() {
|
|
2871
|
-
return {
|
|
2872
|
-
'digi-calendar-datepicker__show-week-numbers': this.afShowWeekNumber,
|
|
2873
|
-
'digi-calendar-datepicker__show-error': this.hasBuiltInValidationError() || this.hasCustomValidationError(),
|
|
2874
|
-
'digi-calendar-datepicker__show-calendar': this.showCalendar
|
|
2875
|
-
};
|
|
2876
|
-
}
|
|
2877
|
-
keyUpHandler(e) {
|
|
2878
|
-
if (e.key === 'Escape' && this.showCalendar) {
|
|
2879
|
-
this.showCalendar = false;
|
|
2880
|
-
this.focusOnCalendarButton();
|
|
2881
|
-
e.stopPropagation();
|
|
2882
|
-
}
|
|
2883
|
-
}
|
|
2884
|
-
focusOnCalendarInput() {
|
|
2885
|
-
const input = this.hostElement.querySelector(`#${this.afId}-datepicker input`);
|
|
2886
|
-
input === null || input === void 0 ? void 0 : input.focus();
|
|
2887
|
-
}
|
|
2888
|
-
focusOnCalendarButton() {
|
|
2889
|
-
const calendarButton = this.hostElement.querySelector(`#${this.afId}-button`);
|
|
2890
|
-
calendarButton.focus();
|
|
2891
|
-
}
|
|
2892
|
-
positionCalendar() {
|
|
2893
|
-
const btn = this.hostElement.querySelector(`#${this.afId}-button`);
|
|
2894
|
-
const datepickerEl = this.hostElement.querySelector(`#${this.afId}-datepicker`);
|
|
2895
|
-
if (!btn || !datepickerEl)
|
|
2896
|
-
return;
|
|
2897
|
-
const btnRect = btn.getBoundingClientRect();
|
|
2898
|
-
const containerRect = datepickerEl.getBoundingClientRect();
|
|
2899
|
-
datepickerEl.style.setProperty('--digi--datepicker--calendar--popup-top', `${btnRect.bottom - containerRect.top + 5}px`);
|
|
2900
|
-
}
|
|
2901
|
-
toggleCalendar() {
|
|
2902
|
-
if (!this.showCalendar) {
|
|
2903
|
-
this.positionCalendar();
|
|
2904
|
-
}
|
|
2905
|
-
this.showCalendar = !this.showCalendar;
|
|
2906
|
-
if (this.showCalendar) {
|
|
2907
|
-
this.screenReaderUpdateTrigger = !this.screenReaderUpdateTrigger;
|
|
2908
|
-
}
|
|
2909
|
-
}
|
|
2910
|
-
parseInputString(value) {
|
|
2911
|
-
return value
|
|
2912
|
-
.split(new RegExp(`[&,]|${_t.and}`, 'g'))
|
|
2913
|
-
.map((text) => this.parseDateString(text.trim()));
|
|
2914
|
-
}
|
|
2915
|
-
resetValueAndState() {
|
|
2916
|
-
this.showWrongFormatError = false;
|
|
2917
|
-
this.showDisabledDateError = false;
|
|
2918
|
-
this.setValue([]);
|
|
2919
|
-
this.afOnDateChange.emit([]);
|
|
2920
|
-
this.afSelectedDates = [];
|
|
2921
|
-
}
|
|
2922
|
-
removeDuplicateDates(dates) {
|
|
2923
|
-
const seen = new Set();
|
|
2924
|
-
return dates.filter((date) => {
|
|
2925
|
-
if (!(date instanceof Date) || isNaN(date.getTime())) {
|
|
2926
|
-
return true;
|
|
2927
|
-
}
|
|
2928
|
-
const key = date.toISOString().split('T')[0]; // yyyy-mm-dd
|
|
2929
|
-
if (seen.has(key)) {
|
|
2930
|
-
return false;
|
|
2931
|
-
}
|
|
2932
|
-
seen.add(key);
|
|
2933
|
-
return true;
|
|
2934
|
-
});
|
|
2935
|
-
}
|
|
2936
|
-
validateInputAndShowErrors(dates) {
|
|
2937
|
-
this.showWrongFormatError = !!dates.find((date) => !isValid(date));
|
|
2938
|
-
this.showDisabledDateError = !!dates.find((date) => !this.isDateSelectable(date));
|
|
2939
|
-
const inputIsValid = !this.showWrongFormatError && !this.showDisabledDateError;
|
|
2940
|
-
this.afOnValidationChange.emit({
|
|
2941
|
-
isValid: inputIsValid,
|
|
2942
|
-
validationText: inputIsValid
|
|
2943
|
-
? undefined
|
|
2944
|
-
: this.showWrongFormatError
|
|
2945
|
-
? this.afValidationWrongFormat
|
|
2946
|
-
: this.afValidationDisabledDate
|
|
2947
|
-
});
|
|
2948
|
-
}
|
|
2949
|
-
setValue(value) {
|
|
2950
|
-
this.afSelectedDates = value;
|
|
2951
|
-
this.value = value;
|
|
2952
|
-
}
|
|
2953
|
-
parseInput(evt) {
|
|
2954
|
-
let newValue = '';
|
|
2955
|
-
if (evt.detail && typeof evt.detail.value === 'string') {
|
|
2956
|
-
newValue = evt.detail.value;
|
|
2957
|
-
}
|
|
2958
|
-
else if (evt.target && evt.target.value != null) {
|
|
2959
|
-
newValue = evt.target.value;
|
|
2960
|
-
}
|
|
2961
|
-
this.userInput = newValue;
|
|
2962
|
-
if (newValue === '') {
|
|
2963
|
-
this.resetValueAndState();
|
|
2964
|
-
return;
|
|
2965
|
-
}
|
|
2966
|
-
let dates = this.parseInputString(newValue);
|
|
2967
|
-
// Single dates - acceptera inte flera datum inskrivna
|
|
2968
|
-
if (!this.afDisableValidation &&
|
|
2969
|
-
!this.afMultipleDates &&
|
|
2970
|
-
dates.length > 1) {
|
|
2971
|
-
this.showWrongFormatError = true;
|
|
2972
|
-
this.afOnValidationChange.emit({
|
|
2973
|
-
isValid: false,
|
|
2974
|
-
validationText: this.afValidationWrongFormat
|
|
2975
|
-
});
|
|
2976
|
-
return;
|
|
2977
|
-
}
|
|
2978
|
-
// Multiple dates - filtrera bort dubbletter
|
|
2979
|
-
if (!this.afDisableValidation && this.afMultipleDates) {
|
|
2980
|
-
const uniqueDates = this.removeDuplicateDates(dates);
|
|
2981
|
-
if (uniqueDates.length !== dates.length) {
|
|
2982
|
-
dates = uniqueDates;
|
|
2983
|
-
this.userInput = this.datesToInputString(dates);
|
|
2984
|
-
}
|
|
2985
|
-
}
|
|
2986
|
-
this.setValue(dates);
|
|
2987
|
-
if (!this.afDisableValidation) {
|
|
2988
|
-
this.validateInputAndShowErrors(dates);
|
|
2989
|
-
}
|
|
2990
|
-
this.afOnDateChange.emit(dates);
|
|
2991
|
-
}
|
|
2992
|
-
parseCalendar(evt) {
|
|
2993
|
-
if (!(evt === null || evt === void 0 ? void 0 : evt.detail))
|
|
2994
|
-
return;
|
|
2995
|
-
if (!this.afDisableValidation) {
|
|
2996
|
-
this.showWrongFormatError = false;
|
|
2997
|
-
this.showDisabledDateError = false;
|
|
2998
|
-
}
|
|
2999
|
-
this.userInput = '';
|
|
3000
|
-
this.setValue(evt.detail);
|
|
3001
|
-
this.afOnDateChangeRawText.emit(this.inputValue);
|
|
3002
|
-
if (this.afCloseOnSelect) {
|
|
3003
|
-
this.toggleCalendar();
|
|
3004
|
-
this.focusOnCalendarButton();
|
|
3005
|
-
}
|
|
3006
|
-
this.afOnDateChange.emit(this.afSelectedDates);
|
|
3007
|
-
}
|
|
3008
|
-
/*
|
|
3009
|
-
|
|
3010
|
-
Metoden överskrider JavaScripts inbyggda "isValid"-funktion, då den tillåter att ex., "1" är rätt format medans ex., "13" är fel format vid YYYY-MM-DD krav på inmatat format.
|
|
3011
|
-
|
|
3012
|
-
*/
|
|
3013
|
-
parseDateString(s) {
|
|
3014
|
-
const raw = s.trim().replace(/[./]/g, '-');
|
|
3015
|
-
// 1) yyyy-MM-dd
|
|
3016
|
-
if (/^\d{4}-\d{2}-\d{2}$/.test(raw)) {
|
|
3017
|
-
const d = parse(raw, 'yyyy-MM-dd', new Date());
|
|
3018
|
-
return isValid(d) ? d : new Date(NaN);
|
|
3019
|
-
}
|
|
3020
|
-
// 2) yyyymmdd
|
|
3021
|
-
if (/^\d{8}$/.test(raw)) {
|
|
3022
|
-
const yyyy = raw.slice(0, 4);
|
|
3023
|
-
const mm = raw.slice(4, 6);
|
|
3024
|
-
const dd = raw.slice(6, 8);
|
|
3025
|
-
const d = parse(`${yyyy}-${mm}-${dd}`, 'yyyy-MM-dd', new Date());
|
|
3026
|
-
return isValid(d) ? d : new Date(NaN);
|
|
3027
|
-
}
|
|
3028
|
-
// 3) yymmdd (map to full year using the previous futureYears logic)
|
|
3029
|
-
if (/^\d{6}$/.test(raw)) {
|
|
3030
|
-
const yy = raw.slice(0, 2);
|
|
3031
|
-
const mm = raw.slice(2, 4);
|
|
3032
|
-
const dd = raw.slice(4, 6);
|
|
3033
|
-
const yyyy = this.getFullYear(yy);
|
|
3034
|
-
const d = parse(`${yyyy}-${mm}-${dd}`, 'yyyy-MM-dd', new Date());
|
|
3035
|
-
return isValid(d) ? d : new Date(NaN);
|
|
3036
|
-
}
|
|
3037
|
-
// Everything else is invalid (so "1" and "25" will now be "Fel format")
|
|
3038
|
-
return new Date(NaN);
|
|
3039
|
-
}
|
|
3040
|
-
getFullYear(s) {
|
|
3041
|
-
if (s.length === 4)
|
|
3042
|
-
return s;
|
|
3043
|
-
const y = new Date().getFullYear().toString();
|
|
3044
|
-
return parseInt(s) > parseInt(y.slice(-2)) + this.futureYears
|
|
3045
|
-
? parseInt(y.slice(0, -2)) - 1 + s
|
|
3046
|
-
: y.slice(0, -2) + s;
|
|
3047
|
-
}
|
|
3048
|
-
isDateSelectable(date) {
|
|
3049
|
-
if (this.afMinDate && this.isBefore(date, this.afMinDate))
|
|
3050
|
-
return false;
|
|
3051
|
-
if (this.afMaxDate && this.isAfter(date, this.afMaxDate))
|
|
3052
|
-
return false;
|
|
3053
|
-
return true;
|
|
3054
|
-
}
|
|
3055
|
-
isBefore(a, b) {
|
|
3056
|
-
return isBefore(this.dateWithoutTime(a), this.dateWithoutTime(b));
|
|
3057
|
-
}
|
|
3058
|
-
isAfter(a, b) {
|
|
3059
|
-
return isAfter(this.dateWithoutTime(a), this.dateWithoutTime(b));
|
|
3060
|
-
}
|
|
3061
|
-
dateWithoutTime(date) {
|
|
3062
|
-
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
|
3063
|
-
}
|
|
3064
|
-
hasBuiltInValidationError() {
|
|
3065
|
-
return this.showWrongFormatError || this.showDisabledDateError;
|
|
3066
|
-
}
|
|
3067
|
-
hasCustomValidationError() {
|
|
3068
|
-
return (this.afValidation &&
|
|
3069
|
-
this.afValidation !== CalendarDatepickerValidation.NEUTRAL);
|
|
3070
|
-
}
|
|
3071
|
-
getErrorText() {
|
|
3072
|
-
if (this.hasBuiltInValidationError()) {
|
|
3073
|
-
return this.showWrongFormatError
|
|
3074
|
-
? this.afValidationWrongFormat
|
|
3075
|
-
: this.afValidationDisabledDate;
|
|
3076
|
-
}
|
|
3077
|
-
if (this.hasCustomValidationError()) {
|
|
3078
|
-
return this.afValidationText;
|
|
3079
|
-
}
|
|
3080
|
-
}
|
|
3081
|
-
get inputValue() {
|
|
3082
|
-
if (this.userInput !== '') {
|
|
3083
|
-
return this.userInput;
|
|
3084
|
-
}
|
|
3085
|
-
// otherwise format your real selected dates
|
|
3086
|
-
const sorted = this.afSelectedDates
|
|
3087
|
-
.slice()
|
|
3088
|
-
.sort((a, b) => (this.isBefore(a, b) ? -1 : 1));
|
|
3089
|
-
return this.datesToInputString(sorted);
|
|
3090
|
-
}
|
|
3091
|
-
datesToInputString(dates) {
|
|
3092
|
-
return dates.every((date) => date instanceof Date && !isNaN(date.getTime()))
|
|
3093
|
-
? dates
|
|
3094
|
-
.map((date) => date.toLocaleDateString(_t.locale))
|
|
3095
|
-
.flatMap((date, index, all) => {
|
|
3096
|
-
const isLast = index == all.length - 1;
|
|
3097
|
-
const isFirst = index === 0;
|
|
3098
|
-
if (isFirst) {
|
|
3099
|
-
return date;
|
|
3100
|
-
}
|
|
3101
|
-
else if (isLast) {
|
|
3102
|
-
return [` ${_t.and} `, date];
|
|
3103
|
-
}
|
|
3104
|
-
else {
|
|
3105
|
-
return [', ', date];
|
|
3106
|
-
}
|
|
3107
|
-
})
|
|
3108
|
-
.join('')
|
|
3109
|
-
: '';
|
|
3110
|
-
}
|
|
3111
|
-
get getSelectedDates() {
|
|
3112
|
-
if (!this.afDisableValidation && this.hasBuiltInValidationError()) {
|
|
3113
|
-
return [];
|
|
3114
|
-
}
|
|
3115
|
-
return this.afSelectedDates;
|
|
3116
|
-
}
|
|
3117
|
-
render() {
|
|
3118
|
-
return (h(Host, { key: 'a22b366eece8bdf2a6d66ba7b4561093391ad16d', tabindex: -1 }, h("div", { key: '5ec3557df78bb012f2e10f1852252e78e2470ee3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '1215a13021718ac98ad2a4a7a5bae3c456385124', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: '8794d312452fe11f0f9052bbdd238e5570ec55f0', ref: (el) => (this._input = el), class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
|
|
3119
|
-
? FormInputValidation.ERROR
|
|
3120
|
-
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, afAnnounceIfOptional: this.afAnnounceIfOptional, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText, onAfOnChange: (evt) => {
|
|
3121
|
-
evt.stopImmediatePropagation();
|
|
3122
|
-
this.parseInput(evt);
|
|
3123
|
-
}, onAfOnBlur: (evt) => {
|
|
3124
|
-
evt.stopImmediatePropagation();
|
|
3125
|
-
this.afOnDateChangeRawText.emit(this.inputValue);
|
|
3126
|
-
}, onKeyDown: (e) => {
|
|
3127
|
-
// Focus trap: Catch backwards tab from input field and direct it to date button.
|
|
3128
|
-
if (!this.showCalendar || e.key !== 'Tab' || !e.shiftKey)
|
|
3129
|
-
return;
|
|
3130
|
-
if (e.target.tagName !== 'INPUT')
|
|
3131
|
-
return;
|
|
3132
|
-
e.preventDefault();
|
|
3133
|
-
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
3134
|
-
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
3135
|
-
} }, h("button", { key: 'c953ddf0c99cfd3b892941da7da4a887b342fd78', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
3136
|
-
? this.afCloseCalendarAriaLabel
|
|
3137
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '46c7387d404b77911b97f31c10e7147bd436c7e3', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: '91894a4219afa79d913f558f5d1cc6b410b535ce', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: '989fc17ea7a95aa014a26e09f7db7f59fe53a36b', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
|
|
3138
|
-
? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
3139
|
-
: ''), h("digi-calendar", { key: '6e62fb845769eca0a9b8cb21e4a09a5620804d42', 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) => {
|
|
3140
|
-
evt.stopImmediatePropagation();
|
|
3141
|
-
this.parseCalendar(evt);
|
|
3142
|
-
}, onKeyDown: (e) => {
|
|
3143
|
-
// Focus trap: Catch forward tab from last focusable element in calendar and direct it to the input.
|
|
3144
|
-
if (!this.showCalendar || e.key !== 'Tab' || e.shiftKey)
|
|
3145
|
-
return;
|
|
3146
|
-
if (!e.target.classList.contains('digi-calendar__date'))
|
|
3147
|
-
return;
|
|
3148
|
-
e.preventDefault();
|
|
3149
|
-
this.focusOnCalendarInput();
|
|
3150
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'd9f3eb470b29a0ab96134f1e4666743efacd7448', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
|
|
3151
|
-
? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
3152
|
-
: '')))));
|
|
3153
|
-
}
|
|
3154
|
-
get hostElement() { return getElement(this); }
|
|
3155
|
-
static get watchers() { return {
|
|
3156
|
-
"afDisableValidation": [{
|
|
3157
|
-
"afDisableValidationChangeHandler": 0
|
|
3158
|
-
}],
|
|
3159
|
-
"afSelectedDates": [{
|
|
3160
|
-
"afSelectedDatesChangeHandler": 0
|
|
3161
|
-
}],
|
|
3162
|
-
"value": [{
|
|
3163
|
-
"valueChangeHandler": 0
|
|
3164
|
-
}],
|
|
3165
|
-
"afMinDate": [{
|
|
3166
|
-
"afMinDateChangeHandler": 0
|
|
3167
|
-
}],
|
|
3168
|
-
"afMaxDate": [{
|
|
3169
|
-
"afMaxDateChangeHandler": 0
|
|
3170
|
-
}],
|
|
3171
|
-
"afMultipleDates": [{
|
|
3172
|
-
"afMultipleDatesChangeHandler": 0
|
|
3173
|
-
}]
|
|
3174
|
-
}; }
|
|
3175
|
-
};
|
|
3176
|
-
CalendarDatepicker.style = calendarDatepickerCss();
|
|
3177
|
-
|
|
3178
|
-
const expandableAccordionCss = () => `.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--divider--cta);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:"";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion::after{content:"";display:block;max-width:none;border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:none}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__heading-text.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium)}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{max-width:none}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(--digi--color--background--primary)}@keyframes heightAnim{from{height:0%}to{height:100%}}`;
|
|
3179
|
-
|
|
3180
|
-
const ExpandableAccordion = class {
|
|
3181
|
-
constructor(hostRef) {
|
|
3182
|
-
registerInstance(this, hostRef);
|
|
3183
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
3184
|
-
/**
|
|
3185
|
-
* Sätter utfällbar rubrik. 'h2' är förvalt.
|
|
3186
|
-
* @en Set heading level. Default is 'h2'
|
|
3187
|
-
*/
|
|
3188
|
-
this.afHeadingLevel = ExpandableAccordionHeaderLevel.H2;
|
|
3189
|
-
/**
|
|
3190
|
-
* Gör så att komponenten tar upp 100% i bredd av ytan den befinner sig i.
|
|
3191
|
-
* @en Makes the component take up 100% of the width of the surface it is in.
|
|
3192
|
-
*/
|
|
3193
|
-
this.afFullWidth = false;
|
|
3194
|
-
/**
|
|
3195
|
-
* Sätter läge på rubriken om den ska vara expanderad eller ej.
|
|
3196
|
-
* @en Sets the state of the accordion to expanded or not.
|
|
3197
|
-
*/
|
|
3198
|
-
this.afExpanded = false;
|
|
3199
|
-
/**
|
|
3200
|
-
* Ställer in ifall komponenten ska ha en animation vid utfällning. Animation är påslagen som standard.
|
|
3201
|
-
* @en Sets the state of the animation for the accordion's expanded area. Animation is on as default.
|
|
3202
|
-
*/
|
|
3203
|
-
this.afAnimation = true;
|
|
3204
|
-
/**
|
|
3205
|
-
* Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
|
|
3206
|
-
* @en Set id attribute. Defaults to random string.
|
|
3207
|
-
*/
|
|
3208
|
-
this.afId = randomIdGenerator('digi-expandable-accordion');
|
|
3209
|
-
/**
|
|
3210
|
-
* Sätter texten som visas på knappen som expanderar komponenten. Om inget väljs så används "Visa"
|
|
3211
|
-
* @en Sets the text on the button that expands the component. Defaults to "Visa".
|
|
3212
|
-
*/
|
|
3213
|
-
this.afExpandText = _t.show;
|
|
3214
|
-
/**
|
|
3215
|
-
* Sätter texten som visas på knappen som kollapsar komponenten. Om inget väljs så används "Dölj"
|
|
3216
|
-
* @en Sets the text on the button that collapses the component. Defaults to "Dölj".
|
|
3217
|
-
*/
|
|
3218
|
-
this.afCollapseText = _t.hide;
|
|
3219
|
-
}
|
|
3220
|
-
get cssModifiers() {
|
|
3221
|
-
return {
|
|
3222
|
-
[`digi-expandable-accordion--expanded-${!!this.afExpanded}`]: true,
|
|
3223
|
-
[`digi-expandable-accordion--animation-${!!this.afAnimation}`]: true,
|
|
3224
|
-
[`digi-expandable-accordion--variation-primary`]: true,
|
|
3225
|
-
[`digi-expandable-accordion--fullwidth`]: this.afFullWidth
|
|
3226
|
-
};
|
|
3227
|
-
}
|
|
3228
|
-
/**
|
|
3229
|
-
* Hämtar en höjden till innehållet i Utfällbar yta och animera innehållet.
|
|
3230
|
-
* @en Gets a height to the content for expandable and animate the content.
|
|
3231
|
-
*/
|
|
3232
|
-
componentDidLoad() {
|
|
3233
|
-
const content = this.hostElement.querySelector(`#${this.afId}-content`);
|
|
3234
|
-
if (!this.afExpanded) {
|
|
3235
|
-
content.style.visibility = 'hidden';
|
|
3236
|
-
}
|
|
3237
|
-
else {
|
|
3238
|
-
content.style.overflowY = 'inherit';
|
|
3239
|
-
content.style.height = 'auto';
|
|
3240
|
-
}
|
|
3241
|
-
content.addEventListener('transitionend', () => {
|
|
3242
|
-
if (!this.afExpanded) {
|
|
3243
|
-
content.style.visibility = 'hidden';
|
|
3244
|
-
content.style.height = '0px';
|
|
3245
|
-
}
|
|
3246
|
-
else {
|
|
3247
|
-
content.style.height = 'auto';
|
|
3248
|
-
content.style.overflowY = 'inherit';
|
|
3249
|
-
}
|
|
3250
|
-
});
|
|
3251
|
-
}
|
|
3252
|
-
animateContentHeight() {
|
|
3253
|
-
const content = this.hostElement.querySelector(`#${this.afId}-content`);
|
|
3254
|
-
const sectionHeight = content.firstElementChild
|
|
3255
|
-
.offsetHeight;
|
|
3256
|
-
if (!this.afExpanded && content.style.height === 'auto') {
|
|
3257
|
-
content.style.height = sectionHeight + 'px';
|
|
3258
|
-
setTimeout(() => {
|
|
3259
|
-
content.style.height = '0';
|
|
3260
|
-
content.style.overflowY = 'hidden';
|
|
3261
|
-
});
|
|
3262
|
-
return;
|
|
3263
|
-
}
|
|
3264
|
-
if (this.afExpanded) {
|
|
3265
|
-
content.style.height = sectionHeight + 'px';
|
|
3266
|
-
content.style.visibility = 'visible';
|
|
3267
|
-
if (!this.afAnimation) {
|
|
3268
|
-
setTimeout(() => {
|
|
3269
|
-
content.style.height = 'auto';
|
|
3270
|
-
content.style.overflowY = 'inherit';
|
|
3271
|
-
});
|
|
3272
|
-
}
|
|
3273
|
-
}
|
|
3274
|
-
else {
|
|
3275
|
-
content.style.height = '0px';
|
|
3276
|
-
}
|
|
3277
|
-
}
|
|
3278
|
-
clickToggleHandler(e, resetFocus = false) {
|
|
3279
|
-
e.preventDefault();
|
|
3280
|
-
this.afExpanded = !this.afExpanded;
|
|
3281
|
-
if (resetFocus) {
|
|
3282
|
-
this._button.focus();
|
|
3283
|
-
}
|
|
3284
|
-
this.afOnClick.emit(e);
|
|
3285
|
-
}
|
|
3286
|
-
render() {
|
|
3287
|
-
return (h("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, h("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, h("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, h("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
|
|
3288
|
-
}
|
|
3289
|
-
get hostElement() { return getElement(this); }
|
|
3290
|
-
static get watchers() { return {
|
|
3291
|
-
"afExpanded": [{
|
|
3292
|
-
"animateContentHeight": 0
|
|
3293
|
-
}]
|
|
3294
|
-
}; }
|
|
3295
|
-
};
|
|
3296
|
-
ExpandableAccordion.style = expandableAccordionCss();
|
|
3297
|
-
|
|
3298
|
-
const expandableFaqItemCss = () => `.sc-digi-expandable-faq-item-h{--digi--expandable-faq-item--header--background-color--primary:var(--digi--color--background--pop-out);--digi--expandable-faq-item--header--background-color--secondary:var(--digi--color--background--secondary);--digi--expandable-faq-item--header--background-color--tertiary:var(--digi--color--background--primary);--digi--expandable-faq-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-faq-item--content--transition:ease-in-out var(--digi--animation--duration--base) height;--digi--expandable-faq-item--icon--size:0.875rem;--digi--expandable-faq-item--icon--margin-right:var(--digi--margin--medium);--digi--expandable-faq-item--header--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--expandable-faq-item--header--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--expandable-faq-item--border-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--content--padding:var(--digi--gutter--largest-2);display:block}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--primary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--primary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--secondary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--secondary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--tertiary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--tertiary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item.sc-digi-expandable-faq-item{margin-bottom:var(--digi--global--spacing--smallest-4);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--expanded.sc-digi-expandable-faq-item{border-bottom-color:var(--BACKGROUND)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{background-color:var(--BACKGROUND);width:100%;max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2))}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item .digi-expandable-faq-item--fullwidth.sc-digi-expandable-faq-item{max-width:none}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header-text.sc-digi-expandable-faq-item{max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h1.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h2.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h3.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h4.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h5.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h6.sc-digi-expandable-faq-item{margin:0}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item{margin-right:var(--digi--expandable-faq-item--icon--margin-right);transition:var(--digi--expandable-faq-item--header--toggle-icon--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon--expanded.sc-digi-expandable-faq-item{transform:rotate(-180deg)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item-s>[slot^=icon],.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon .sc-digi-expandable-faq-item-s>[slot^=icon]{--digi--icon--width:var(--digi--expandable-faq-item--icon--size);--digi--icon--height:var(--digi--expandable-faq-item--icon--size)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--fullwidth.sc-digi-expandable-faq-item .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{max-width:none}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item{color:var(--digi--color--text--primary);background-color:var(--BACKGROUND);border:none;border-radius:0;padding:var(--digi--expandable-faq-item--content--padding);font-size:var(--digi--expandable-faq-item--header--font-size);font-weight:var(--digi--expandable-faq-item--header--font-weight);width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:hover{text-decoration:underline}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item{overflow-y:hidden}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item>div.sc-digi-expandable-faq-item{padding:var(--digi--expandable-faq-item--content--padding);box-sizing:border-box;max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--animation.sc-digi-expandable-faq-item{transition:var(--digi--expandable-faq-item--content--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--hidden.sc-digi-expandable-faq-item{height:0}`;
|
|
3299
|
-
|
|
3300
|
-
const ExpandableFaqItem = class {
|
|
3301
|
-
constructor(hostRef) {
|
|
3302
|
-
registerInstance(this, hostRef);
|
|
3303
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
3304
|
-
/**
|
|
3305
|
-
* Sätter rubriknivå. 'h3' är förvalt.
|
|
3306
|
-
* @en Set heading level. Default is 'h3'
|
|
3307
|
-
*/
|
|
3308
|
-
this.afHeadingLevel = ExpandableFaqItemHeadingLevel.H3;
|
|
3309
|
-
/**
|
|
3310
|
-
* Gör så att komponenten tar upp 100% i bredd av ytan den befinner sig i.
|
|
3311
|
-
* @en Makes the component take up 100% of the width of the surface it is in.
|
|
3312
|
-
*/
|
|
3313
|
-
this.afFullWidth = false;
|
|
3314
|
-
/**
|
|
3315
|
-
* Sätter läge på FAQ-frågan om den ska vara expanderad eller ej.
|
|
3316
|
-
* @en Sets the state of the FAQ item to expanded or not.
|
|
3317
|
-
*/
|
|
3318
|
-
this.afExpanded = false;
|
|
3319
|
-
/**
|
|
3320
|
-
* Sätter variant. Kan vara 'Primary' eller 'Secondary'
|
|
3321
|
-
* @en Set variation. Can be 'Primary' or 'Secondary'
|
|
3322
|
-
*/
|
|
3323
|
-
this.afVariation = ExpandableFaqItemVariation.PRIMARY;
|
|
3324
|
-
/**
|
|
3325
|
-
* Ställer in ifall komponenten ska ha en animation vid utfällning. Animation är påslagen som standard.
|
|
3326
|
-
* @en Sets the state of the animation for the accordion's expanded area. Animation is on as default.
|
|
3327
|
-
*/
|
|
3328
|
-
this.afAnimation = true;
|
|
3329
|
-
/**
|
|
3330
|
-
* Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
|
|
3331
|
-
* @en Set id attribute. Defaults to random string.
|
|
3332
|
-
*/
|
|
3333
|
-
this.afId = randomIdGenerator('digi-expandable-faq-item');
|
|
3334
|
-
}
|
|
3335
|
-
get cssModifiers() {
|
|
3336
|
-
return {
|
|
3337
|
-
'digi-expandable-faq-item--expanded': this.afExpanded,
|
|
3338
|
-
'digi-expandable-faq-item--fullwidth': this.afFullWidth,
|
|
3339
|
-
'digi-expandable-faq-item--primary': this.afVariation === ExpandableFaqItemVariation.PRIMARY,
|
|
3340
|
-
'digi-expandable-faq-item--secondary': this.afVariation === ExpandableFaqItemVariation.SECONDARY,
|
|
3341
|
-
'digi-expandable-faq-item--tertiary': this.afVariation === ExpandableFaqItemVariation.TERTIARY
|
|
3342
|
-
};
|
|
3343
|
-
}
|
|
3344
|
-
/**
|
|
3345
|
-
* Hämtar en höjden till innehållet i vanliga frågor och svar och animera innehållet.
|
|
3346
|
-
* @en Gets a height to the content for FAQ and animate the content.
|
|
3347
|
-
*/
|
|
3348
|
-
componentDidLoad() {
|
|
3349
|
-
const content = this.hostElement.querySelector(`#${this.afId}-content`);
|
|
3350
|
-
if (!this.afExpanded) {
|
|
3351
|
-
content.style.visibility = 'hidden';
|
|
3352
|
-
}
|
|
3353
|
-
else {
|
|
3354
|
-
content.style.height = 'auto';
|
|
3355
|
-
content.style.overflowY = 'inherit';
|
|
3356
|
-
}
|
|
3357
|
-
content.addEventListener('transitionend', () => {
|
|
3358
|
-
if (!this.afExpanded) {
|
|
3359
|
-
content.style.visibility = 'hidden';
|
|
3360
|
-
content.style.height = '0px';
|
|
3361
|
-
}
|
|
3362
|
-
else {
|
|
3363
|
-
content.style.height = 'auto';
|
|
3364
|
-
content.style.overflowY = 'inherit';
|
|
3365
|
-
}
|
|
3366
|
-
});
|
|
3367
|
-
}
|
|
3368
|
-
animateContentHeight() {
|
|
3369
|
-
const content = this.hostElement.querySelector(`#${this.afId}-content`);
|
|
3370
|
-
const sectionHeight = content.firstElementChild
|
|
3371
|
-
.offsetHeight;
|
|
3372
|
-
if (!this.afExpanded && content.style.height === 'auto') {
|
|
3373
|
-
content.style.height = sectionHeight + 'px';
|
|
3374
|
-
setTimeout(() => {
|
|
3375
|
-
content.style.height = '0';
|
|
3376
|
-
content.style.overflowY = 'hidden';
|
|
3377
|
-
});
|
|
3378
|
-
return;
|
|
3379
|
-
}
|
|
3380
|
-
if (this.afExpanded) {
|
|
3381
|
-
content.style.height = sectionHeight + 'px';
|
|
3382
|
-
content.style.visibility = 'visible';
|
|
3383
|
-
if (!this.afAnimation) {
|
|
3384
|
-
setTimeout(() => {
|
|
3385
|
-
content.style.height = 'auto';
|
|
3386
|
-
content.style.overflowY = 'inherit';
|
|
3387
|
-
});
|
|
3388
|
-
}
|
|
3389
|
-
}
|
|
3390
|
-
else {
|
|
3391
|
-
content.style.height = '0px';
|
|
3392
|
-
}
|
|
3393
|
-
}
|
|
3394
|
-
render() {
|
|
3395
|
-
return (h("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, h("button", { key: 'b2c20566cc84a2b4cbcbe2dcc2a35e44e8f0fcc9', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
|
|
3396
|
-
e.preventDefault();
|
|
3397
|
-
this.afExpanded = !this.afExpanded;
|
|
3398
|
-
this.afOnClick.emit(e);
|
|
3399
|
-
}, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '40e0a896b3d7d44bf282e8462a24c43060a29eff', class: {
|
|
3400
|
-
'digi-expandable-faq-item__header--toggle-icon': true,
|
|
3401
|
-
'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
|
|
3402
|
-
} }), h("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: 'b4d0dd00a3e6fe9e8367ef5a6f197696de55f4fd', class: {
|
|
3403
|
-
'digi-expandable-faq-item__content': true,
|
|
3404
|
-
'digi-expandable-faq-item__content--animation': this.afAnimation,
|
|
3405
|
-
'digi-expandable-faq-item__content--hidden': !this.afExpanded
|
|
3406
|
-
}, id: `${this.afId}-content` }, h("div", { key: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, h("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, h("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
|
|
3407
|
-
}
|
|
3408
|
-
get hostElement() { return getElement(this); }
|
|
3409
|
-
static get watchers() { return {
|
|
3410
|
-
"afExpanded": [{
|
|
3411
|
-
"animateContentHeight": 0
|
|
3412
|
-
}]
|
|
3413
|
-
}; }
|
|
3414
|
-
};
|
|
3415
|
-
ExpandableFaqItem.style = expandableFaqItemCss();
|
|
3416
|
-
|
|
3417
|
-
const formInputCss = () => `.sc-digi-form-input-h{--digi--form-input--height--small:var(--digi--input-height--small);--digi--form-input--height--medium:var(--digi--input-height--medium);--digi--form-input--height--large:var(--digi--input-height--large);--digi--form-input--border-radius:var(--digi--border-radius--input);--digi--form-input--padding:0 var(--digi--gutter--medium);--digi--form-input--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-input--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-input--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-input--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-input--border--error:var(--digi--border-width--input-validation) solid;--digi--form-input--border--success:var(--digi--border-width--input-validation) solid;--digi--form-input--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-input--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-input--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-input--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-input--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-input-h .digi-form-input.sc-digi-form-input{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-input-h .digi-form-input--small.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--small)}.sc-digi-form-input-h .digi-form-input--medium.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--medium)}.sc-digi-form-input-h .digi-form-input--large.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--large)}.sc-digi-form-input-h .digi-form-input--neutral.sc-digi-form-input{--BORDER:var(--digi--form-input--border--neutral);--BORDER-COLOR:var(--digi--form-input--border-color--neutral);--BACKGROUND:var(--digi--form-input--background--neutral)}.sc-digi-form-input-h .digi-form-input--empty.sc-digi-form-input:not(:focus-within){--BACKGROUND:var(--digi--form-input--background--empty)}.sc-digi-form-input-h .digi-form-input--success.sc-digi-form-input{--BORDER:var(--digi--form-input--border--success);--BORDER-COLOR:var(--digi--form-input--border-color--success);--BACKGROUND:var(--digi--form-input--background--success)}.sc-digi-form-input-h .digi-form-input--warning.sc-digi-form-input{--BORDER:var(--digi--form-input--border--warning);--BORDER-COLOR:var(--digi--form-input--border-color--warning);--BACKGROUND:var(--digi--form-input--background--warning)}.sc-digi-form-input-h .digi-form-input--error.sc-digi-form-input{--BORDER:var(--digi--form-input--border--error);--BORDER-COLOR:var(--digi--form-input--border-color--error);--BACKGROUND:var(--digi--form-input--background--error)}.digi-form-input__input-wrapper.sc-digi-form-input{position:relative;display:flex}.digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{--MIN-HEIGHT:100%}.digi-form-input--button-variation-primary .digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{border-start-start-radius:0;border-end-start-radius:0}.digi-form-input--button-variation-secondary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input-wrapper.sc-digi-form-input{gap:var(--digi--gutter--medium);flex-wrap:wrap}.digi-form-input__input.sc-digi-form-input{flex:1;height:var(--HEIGHT);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-input--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-input--border-radius);box-sizing:border-box}.digi-form-input__input.sc-digi-form-input:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-input--button-variation-primary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input.sc-digi-form-input{border-end-end-radius:0;border-start-end-radius:0}`;
|
|
3418
|
-
|
|
3419
|
-
const FormInput = class {
|
|
3420
|
-
constructor(hostRef) {
|
|
3421
|
-
registerInstance(this, hostRef);
|
|
3422
|
-
this.afOnChange = createEvent(this, "afOnChange", 7);
|
|
3423
|
-
this.afOnBlur = createEvent(this, "afOnBlur", 7);
|
|
3424
|
-
this.afOnKeyup = createEvent(this, "afOnKeyup", 7);
|
|
3425
|
-
this.afOnFocus = createEvent(this, "afOnFocus", 7);
|
|
3426
|
-
this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
|
|
3427
|
-
this.afOnInput = createEvent(this, "afOnInput", 7);
|
|
3428
|
-
this.afOnDirty = createEvent(this, "afOnDirty", 7);
|
|
3429
|
-
this.afOnTouched = createEvent(this, "afOnTouched", 7);
|
|
3430
|
-
this.afOnReady = createEvent(this, "afOnReady", 3);
|
|
3431
|
-
this.hasActiveValidationMessage = false;
|
|
3432
|
-
this.dirty = false;
|
|
3433
|
-
this.touched = false;
|
|
3434
|
-
/**
|
|
3435
|
-
* Sätter attributet 'type'.
|
|
3436
|
-
* @en Input type attribute
|
|
3437
|
-
*/
|
|
3438
|
-
this.afType = FormInputType.TEXT;
|
|
3439
|
-
/**
|
|
3440
|
-
* Sätter attributet 'inputmode'.
|
|
3441
|
-
* @en Inputmode type attribute
|
|
3442
|
-
*/
|
|
3443
|
-
this.afInputmode = FormInputMode.DEFAULT;
|
|
3444
|
-
/**
|
|
3445
|
-
* Layout för hur inmatningsfältet ska visas då det finns en knapp
|
|
3446
|
-
* @en Input layout when there is a button
|
|
3447
|
-
*/
|
|
3448
|
-
this.afButtonVariation = FormInputButtonVariation.PRIMARY;
|
|
3449
|
-
/**
|
|
3450
|
-
* Sätter variant. Kan vara 'small', 'medium' eller 'large'
|
|
3451
|
-
* @en Set input variation.
|
|
3452
|
-
*/
|
|
3453
|
-
this.afVariation = FormInputVariation.MEDIUM;
|
|
3454
|
-
/**
|
|
3455
|
-
* Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
|
|
3456
|
-
* @en Input id attribute. Defaults to random string.
|
|
3457
|
-
*/
|
|
3458
|
-
this.afId = randomIdGenerator('digi-form-input');
|
|
3459
|
-
/**
|
|
3460
|
-
* Sätt denna till true om formuläret innehåller fler obligatoriska fält än valfria.
|
|
3461
|
-
* @en Set this to true if the form contains more required fields than optional fields.
|
|
3462
|
-
*/
|
|
3463
|
-
this.afAnnounceIfOptional = false;
|
|
3464
|
-
/**
|
|
3465
|
-
* Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
|
|
3466
|
-
* @en Set input validation status
|
|
3467
|
-
*/
|
|
3468
|
-
this.afValidation = FormInputValidation.NEUTRAL;
|
|
3469
|
-
/**
|
|
3470
|
-
* Om värdet är true får felmeddelandet attributet role="alert".
|
|
3471
|
-
* Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
|
|
3472
|
-
* @en If the value is true, the error message gets the attribute role="alert".
|
|
3473
|
-
* If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
|
|
3474
|
-
*/
|
|
3475
|
-
this.afErrorMessageIsAlert = true;
|
|
3476
|
-
}
|
|
3477
|
-
onValueChanged(value) {
|
|
3478
|
-
this.afValue = value;
|
|
3479
|
-
}
|
|
3480
|
-
onAfValueChanged(value) {
|
|
3481
|
-
this.value = value;
|
|
3482
|
-
if (this._input && this._input.value !== String(value !== null && value !== void 0 ? value : '')) {
|
|
3483
|
-
this._input.value = String(value !== null && value !== void 0 ? value : '');
|
|
3484
|
-
}
|
|
3485
|
-
}
|
|
3486
|
-
get errorMessageIsAlert() {
|
|
3487
|
-
return (this.afErrorMessageIsAlert !== false &&
|
|
3488
|
-
this.afErrorMessageIsAlert !== 'false');
|
|
3489
|
-
}
|
|
3490
|
-
afValidationTextWatch() {
|
|
3491
|
-
this.setActiveValidationMessage();
|
|
3492
|
-
}
|
|
3493
|
-
/**
|
|
3494
|
-
* Hämtar en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
|
|
3495
|
-
* @en Returns a reference to the input element. Handy for setting focus programmatically.
|
|
3496
|
-
*/
|
|
3497
|
-
async afMGetFormControlElement() {
|
|
3498
|
-
return this._input;
|
|
3499
|
-
}
|
|
3500
|
-
/**
|
|
3501
|
-
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
|
|
3502
|
-
* @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
|
|
3503
|
-
*/
|
|
3504
|
-
focusOnInput() {
|
|
3505
|
-
this._input.focus();
|
|
3506
|
-
}
|
|
3507
|
-
componentWillLoad() {
|
|
3508
|
-
this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
|
|
3509
|
-
this.setActiveValidationMessage();
|
|
3510
|
-
this.setHasButton();
|
|
3511
|
-
}
|
|
3512
|
-
componentWillUpdate() {
|
|
3513
|
-
this.setHasButton();
|
|
3514
|
-
}
|
|
3515
|
-
componentDidLoad() {
|
|
3516
|
-
this.afOnReady.emit();
|
|
3517
|
-
}
|
|
3518
|
-
setActiveValidationMessage() {
|
|
3519
|
-
this.hasActiveValidationMessage = !!this.afValidationText;
|
|
3520
|
-
}
|
|
3521
|
-
get cssModifiers() {
|
|
3522
|
-
return {
|
|
3523
|
-
'digi-form-input--small': this.afVariation === FormInputVariation.SMALL,
|
|
3524
|
-
'digi-form-input--medium': this.afVariation === FormInputVariation.MEDIUM,
|
|
3525
|
-
'digi-form-input--large': this.afVariation === FormInputVariation.LARGE,
|
|
3526
|
-
'digi-form-input--neutral': this.afValidation === FormInputValidation.NEUTRAL,
|
|
3527
|
-
'digi-form-input--success': this.afValidation === FormInputValidation.SUCCESS,
|
|
3528
|
-
'digi-form-input--error': this.afValidation === FormInputValidation.ERROR,
|
|
3529
|
-
'digi-form-input--warning': this.afValidation === FormInputValidation.WARNING,
|
|
3530
|
-
[`digi-form-input--button-variation-${this.afButtonVariation}`]: !!this.afButtonVariation,
|
|
3531
|
-
[`digi-form-input--has-button-${this.hasButton}`]: true,
|
|
3532
|
-
'digi-form-input--empty': !this.afValue &&
|
|
3533
|
-
(!this.afValidation ||
|
|
3534
|
-
this.afValidation === FormInputValidation.NEUTRAL)
|
|
3535
|
-
};
|
|
3536
|
-
}
|
|
3537
|
-
blurHandler(e) {
|
|
3538
|
-
const trimableTypes = [
|
|
3539
|
-
FormInputType.TEXT,
|
|
3540
|
-
FormInputType.EMAIL,
|
|
3541
|
-
FormInputType.SEARCH,
|
|
3542
|
-
FormInputType.TEL,
|
|
3543
|
-
FormInputType.URL
|
|
3544
|
-
];
|
|
3545
|
-
const shouldTrim = this.afTrimValue && trimableTypes.includes(this.afType);
|
|
3546
|
-
if (shouldTrim && typeof e.target.value === 'string') {
|
|
3547
|
-
const trimmedValue = e.target.value.trim();
|
|
3548
|
-
if (trimmedValue !== e.target.value) {
|
|
3549
|
-
this.afValue = this.value = trimmedValue;
|
|
3550
|
-
if (this._input) {
|
|
3551
|
-
this._input.value = trimmedValue;
|
|
3552
|
-
}
|
|
3553
|
-
// Emittar afOnInput så Angulars value accessor får det trimmade värdet
|
|
3554
|
-
this.afOnInput.emit(e);
|
|
3555
|
-
}
|
|
3556
|
-
}
|
|
3557
|
-
if (!this.touched) {
|
|
3558
|
-
this.afOnTouched.emit(e);
|
|
3559
|
-
this.touched = true;
|
|
3560
|
-
}
|
|
3561
|
-
this.afOnBlur.emit(e);
|
|
3562
|
-
}
|
|
3563
|
-
changeHandler(e) {
|
|
3564
|
-
this.setActiveValidationMessage();
|
|
3565
|
-
this.afOnChange.emit(e);
|
|
3566
|
-
}
|
|
3567
|
-
focusHandler(e) {
|
|
3568
|
-
this.afOnFocus.emit(e);
|
|
3569
|
-
}
|
|
3570
|
-
focusoutHandler(e) {
|
|
3571
|
-
this.afOnFocusout.emit(e);
|
|
3572
|
-
}
|
|
3573
|
-
keyupHandler(e) {
|
|
3574
|
-
this.afOnKeyup.emit(e);
|
|
3575
|
-
}
|
|
3576
|
-
inputHandler(e) {
|
|
3577
|
-
this.afValue = this.value =
|
|
3578
|
-
this.afType === FormInputType.NUMBER
|
|
3579
|
-
? parseFloat(e.target.value)
|
|
3580
|
-
: e.target.value;
|
|
3581
|
-
if (!this.dirty) {
|
|
3582
|
-
this.afOnDirty.emit(e);
|
|
3583
|
-
this.dirty = true;
|
|
3584
|
-
}
|
|
3585
|
-
this.setActiveValidationMessage();
|
|
3586
|
-
this.afOnInput.emit(e);
|
|
3587
|
-
}
|
|
3588
|
-
setHasButton() {
|
|
3589
|
-
this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
|
|
3590
|
-
}
|
|
3591
|
-
render() {
|
|
3592
|
-
return (h(Host, { key: '2739bdd7385125581d7ea9c25a3610f5950c6a74', tabindex: -1 }, h("div", { key: '7e261c1e2fc4f37f4ddda861872a470c89181e16', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '7e8fd283dedf0a851c714331ae640f7c74176bde', 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 }), h("div", { key: '68d715181c180ebaf957dfb46afb63b19b8a8188', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'e25ab871e988f9e8bd0837f75403e85f7423805f', 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} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR
|
|
3593
|
-
? 'true'
|
|
3594
|
-
: '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 == FormInputMode.DEFAULT
|
|
3595
|
-
? {}
|
|
3596
|
-
: { inputmode: this.afInputmode }))), h("slot", { key: 'c14ae079a53099fc3928bcf3ac7f5517c20b0f36', name: "button" })), h("div", { key: '75d6afa176cd8620e31c384e169b3c84a3bb584d', class: "digi-form-input__footer" }, h("div", { key: '81029d425aae06e3c72c08afe982f2ff1a7bb81d', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
|
|
3597
|
-
this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '9a8fec12db8c78a037a9b70194b32814d7641dad', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
3598
|
-
}
|
|
3599
|
-
get hostElement() { return getElement(this); }
|
|
3600
|
-
static get watchers() { return {
|
|
3601
|
-
"value": [{
|
|
3602
|
-
"onValueChanged": 0
|
|
3603
|
-
}],
|
|
3604
|
-
"afValue": [{
|
|
3605
|
-
"onAfValueChanged": 0
|
|
3606
|
-
}],
|
|
3607
|
-
"afValidationText": [{
|
|
3608
|
-
"afValidationTextWatch": 0
|
|
3609
|
-
}]
|
|
3610
|
-
}; }
|
|
3611
|
-
};
|
|
3612
|
-
FormInput.style = formInputCss();
|
|
3613
|
-
|
|
3614
|
-
const formLabelCss = () => `.sc-digi-form-label-h .digi-form-label.sc-digi-form-label{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary);display:flex;flex-direction:column}.sc-digi-form-label-h .digi-form-label__label--label.sc-digi-form-label{font-weight:var(--digi--typography--label--font-weight--desktop)}.sc-digi-form-label-h .digi-form-label__label--label.sc-digi-form-label,.sc-digi-form-label-h .digi-form-label__label--description.sc-digi-form-label{line-height:var(--digi--typography--label--line-height--desktop);cursor:pointer;display:block}.sc-digi-form-label-h .digi-form-label__label-group.sc-digi-form-label{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon)}.sc-digi-form-label-h .digi-form-label__description.sc-digi-form-label{max-width:var(--digi--paragraph-width--medium);line-height:var(--digi--typography--label-description--line-height--desktop);font-size:var(--digi--typography--label-description--font-size--desktop)}`;
|
|
3615
|
-
|
|
3616
|
-
const FormLabel = class {
|
|
3617
|
-
constructor(hostRef) {
|
|
3618
|
-
registerInstance(this, hostRef);
|
|
3619
|
-
/**
|
|
3620
|
-
* Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
|
|
3621
|
-
* @en Set id attribute. Defaults to random string.
|
|
3622
|
-
*/
|
|
3623
|
-
this.afId = randomIdGenerator('digi-form-label');
|
|
3624
|
-
/**
|
|
3625
|
-
* Sätt denna till true om formuläret innehåller fler obligatoriska fält än valfria.
|
|
3626
|
-
* @en Set this to true if the form contains more required fields than optional fields.
|
|
3627
|
-
*/
|
|
3628
|
-
this.afAnnounceIfOptional = false;
|
|
3629
|
-
/**
|
|
3630
|
-
* Sätter text för afRequired.
|
|
3631
|
-
* @en Set text for afRequired.
|
|
3632
|
-
*/
|
|
3633
|
-
this.afRequiredText = _t.required.toLowerCase();
|
|
3634
|
-
/**
|
|
3635
|
-
* Sätter text för afAnnounceIfOptional.
|
|
3636
|
-
* @en Set text for afAnnounceIfOptional.
|
|
3637
|
-
*/
|
|
3638
|
-
this.afAnnounceIfOptionalText = _t.optional.toLowerCase();
|
|
3639
|
-
}
|
|
3640
|
-
componentWillLoad() {
|
|
3641
|
-
this.setLabelText();
|
|
3642
|
-
this.validateFor();
|
|
3643
|
-
this.handleSlotVisibility();
|
|
3644
|
-
}
|
|
3645
|
-
validateFor() {
|
|
3646
|
-
if (this.afFor == null) {
|
|
3647
|
-
logger.warn(`digi-form-label must have a for attribute. Please add a for attribute using af-for`, this.hostElement);
|
|
3648
|
-
}
|
|
3649
|
-
}
|
|
3650
|
-
setLabelText() {
|
|
3651
|
-
this.labelText = `${this.afLabel} ${this.requiredText}`;
|
|
3652
|
-
if (!this.afLabel) {
|
|
3653
|
-
logger.warn(`digi-form-label must have a label. Please add a label using af-label`, this.hostElement);
|
|
3654
|
-
}
|
|
3655
|
-
}
|
|
3656
|
-
handleSlotVisibility() {
|
|
3657
|
-
this.hasActionSlot = !!this.hostElement.querySelector('[slot="actions"]');
|
|
3658
|
-
}
|
|
3659
|
-
get requiredText() {
|
|
3660
|
-
if (this.afRequired && !this.afAnnounceIfOptional) {
|
|
3661
|
-
return this.afRequiredText ? ` (${this.afRequiredText})` : '';
|
|
3662
|
-
}
|
|
3663
|
-
else if (!this.afRequired && this.afAnnounceIfOptional) {
|
|
3664
|
-
return this.afAnnounceIfOptionalText
|
|
3665
|
-
? ` (${this.afAnnounceIfOptionalText})`
|
|
3666
|
-
: '';
|
|
3667
|
-
}
|
|
3668
|
-
else {
|
|
3669
|
-
return '';
|
|
3670
|
-
}
|
|
3671
|
-
}
|
|
3672
|
-
render() {
|
|
3673
|
-
return (h("div", { key: 'ac9aec4d1d20cc37694af578a97a16a17291c9f3', class: "digi-form-label" }, h("div", { key: 'bf27c3012d1973798095e6b832572fc20863c5f1', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '75435e49548e4fa27330a35b033689a0ed9e99a7', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '0527ddcebbd2a1b215f42eaed06ba7fc28633d43', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '8a3b3e6a0ec0a97adb0760b390f0ddb34b3e0b87', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: 'f2e6ad691a5cbc57b990416097454a393da35c01', class: "digi-form-label__actions" }, h("slot", { key: '1fab5cca94da7ad0f2b617db7f713d3b4d17c52d', name: "actions" }))))));
|
|
3674
|
-
}
|
|
3675
|
-
get hostElement() { return getElement(this); }
|
|
3676
|
-
static get watchers() { return {
|
|
3677
|
-
"afFor": [{
|
|
3678
|
-
"validateFor": 0
|
|
3679
|
-
}],
|
|
3680
|
-
"afLabel": [{
|
|
3681
|
-
"setLabelText": 0
|
|
3682
|
-
}],
|
|
3683
|
-
"afRequired": [{
|
|
3684
|
-
"setLabelText": 0
|
|
3685
|
-
}],
|
|
3686
|
-
"afAnnounceIfOptional": [{
|
|
3687
|
-
"setLabelText": 0
|
|
3688
|
-
}]
|
|
3689
|
-
}; }
|
|
3690
|
-
};
|
|
3691
|
-
FormLabel.style = formLabelCss();
|
|
3692
|
-
|
|
3693
|
-
const formSelectCss = () => `.sc-digi-form-select-h{--digi--form-select--background--empty:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--neutral:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-select--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select--select-wrapper--position:relative;--digi--form-select--select--height--small:var(--digi--input-height--small);--digi--form-select--select--height--medium:var(--digi--input-height--medium);--digi--form-select--select--height--large:var(--digi--input-height--large);--digi--form-select--select--border-radius:var(--digi--border-radius--input);--digi--form-select--select--padding:0 var(--digi--gutter--medium);--digi--form-select--select--padding--inline-end:var(--digi--padding--large);--digi--form-select--select--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select--select--border-width--success:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--error:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select--select--width:100%;--digi--form-select--select--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--select-option--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--label--margin-bottom:var(--digi--gutter--medium);--digi--form-select--icon--inline-end:0.75rem;--digi--form-select--icon--top:50%;--digi--form-select--icon--transform:translateY(-50%);--digi--form-select--icon--color:var(--digi--color--icon--primary);--digi--form-select--footer--margin-top:var(--digi--gutter--medium)}.sc-digi-form-select-h .digi-form-select.sc-digi-form-select{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-select-h .digi-form-select--neutral.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--neutral);--BORDER-COLOR:var(--digi--form-select--border-color--neutral);--BACKGROUND:var(--digi--form-select--background--neutral)}.sc-digi-form-select-h .digi-form-select--success.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--success);--BORDER-COLOR:var(--digi--form-select--border-color--success);--BACKGROUND:var(--digi--form-select--background--success)}.sc-digi-form-select-h .digi-form-select--warning.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--warning);--BORDER-COLOR:var(--digi--form-select--border-color--warning);--BACKGROUND:var(--digi--form-select--background--warning)}.sc-digi-form-select-h .digi-form-select--error.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--error);--BORDER-COLOR:var(--digi--form-select--border-color--error);--BACKGROUND:var(--digi--form-select--background--error)}.sc-digi-form-select-h .digi-form-select--small.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--small)}.sc-digi-form-select-h .digi-form-select--medium.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--medium)}.sc-digi-form-select-h .digi-form-select--large.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--large)}.sc-digi-form-select-h .digi-form-select--empty.sc-digi-form-select:not(:focus-within){--BACKGROUND:var(--digi--form-select--background--empty)}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select{appearance:none;width:var(--digi--form-select--select--width);padding:var(--digi--form-select--select--padding);padding-inline-end:var(--digi--form-select--select--padding--inline-end);height:var(--HEIGHT);border:var(--BORDER-WIDTH) solid;border-radius:var(--digi--form-select--select--border-radius);border-color:var(--BORDER-COLOR);cursor:pointer;font-size:var(--digi--form-select--select--font-size);color:var(--digi--color--text--primary);background:var(--BACKGROUND);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-h .digi-form-select__select-wrapper.sc-digi-form-select{position:var(--digi--form-select--select-wrapper--position)}.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{font-size:var(--digi--form-select--select-option--font-size)}@media (min-width: 48rem){.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{--digi--form-select--select-option--font-size:var(--digi--typography--font-size--l)}}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select::-ms-expand{display:none}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-h .digi-form-select__icon.sc-digi-form-select{position:absolute;inset-inline-end:var(--digi--form-select--icon--inline-end);inset-block-start:var(--digi--form-select--icon--top);transform:var(--digi--form-select--icon--transform);pointer-events:none;color:var(--digi--form-select--icon--color)}.digi-form-select--neutral.sc-digi-form-select .digi-form-select__footer.sc-digi-form-select{position:absolute}`;
|
|
3694
|
-
|
|
3695
|
-
const FormSelect = class {
|
|
3696
|
-
constructor(hostRef) {
|
|
3697
|
-
registerInstance(this, hostRef);
|
|
3698
|
-
this.afOnChange = createEvent(this, "afOnChange", 7);
|
|
3699
|
-
this.afOnSelect = createEvent(this, "afOnSelect", 7);
|
|
3700
|
-
this.afOnFocus = createEvent(this, "afOnFocus", 7);
|
|
3701
|
-
this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
|
|
3702
|
-
this.afOnBlur = createEvent(this, "afOnBlur", 7);
|
|
3703
|
-
this.afOnDirty = createEvent(this, "afOnDirty", 7);
|
|
3704
|
-
this.afOnReady = createEvent(this, "afOnReady", 3);
|
|
3705
|
-
this.optionItems = [];
|
|
3706
|
-
this.dirty = false;
|
|
3707
|
-
this.touched = false;
|
|
3708
|
-
this.hasPlaceholder = false;
|
|
3709
|
-
/**
|
|
3710
|
-
* Normalt betonas ett obligatoriskt fält visuellt och semantiskt.
|
|
3711
|
-
* Detta vänder på det och betonar fältet om det inte krävs.
|
|
3712
|
-
* Ställ in detta till sant om ditt formulär innehåller fler obligatoriska fält än inte.
|
|
3713
|
-
* @en Normally a required field is visually and semantically emphasized.
|
|
3714
|
-
* This flips that and emphasizes the field if it is not required.
|
|
3715
|
-
* Set this to true if your form contains more required fields than not.
|
|
3716
|
-
*/
|
|
3717
|
-
this.afAnnounceIfOptional = false;
|
|
3718
|
-
/**
|
|
3719
|
-
* Sätter ett id attribut.
|
|
3720
|
-
* @en Sets an id attribute. Standard är slumpmässig sträng.
|
|
3721
|
-
*/
|
|
3722
|
-
this.afId = randomIdGenerator('digi-form-select');
|
|
3723
|
-
/**
|
|
3724
|
-
* Sätter väljarens storlek.
|
|
3725
|
-
* @en Set select input size.
|
|
3726
|
-
*/
|
|
3727
|
-
this.afVariation = FormSelectVariation.MEDIUM;
|
|
3728
|
-
/**
|
|
3729
|
-
* Sätter väljarens validering
|
|
3730
|
-
* @en Set select validation
|
|
3731
|
-
*/
|
|
3732
|
-
this.afValidation = FormSelectValidation.NEUTRAL;
|
|
3733
|
-
/**
|
|
3734
|
-
* Om värdet är true får felmeddelandet attributet role="alert".
|
|
3735
|
-
* Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
|
|
3736
|
-
* @en If the value is true, the error message gets the attribute role="alert".
|
|
3737
|
-
* If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
|
|
3738
|
-
*/
|
|
3739
|
-
this.afErrorMessageIsAlert = true;
|
|
3740
|
-
}
|
|
3741
|
-
onValueChanged(value) {
|
|
3742
|
-
this.afValue = value;
|
|
3743
|
-
}
|
|
3744
|
-
onAfValueChanged(value) {
|
|
3745
|
-
this.value = value;
|
|
3746
|
-
}
|
|
3747
|
-
get errorMessageIsAlert() {
|
|
3748
|
-
return (this.afErrorMessageIsAlert !== false &&
|
|
3749
|
-
this.afErrorMessageIsAlert !== 'false');
|
|
3750
|
-
}
|
|
3751
|
-
getOptions() {
|
|
3752
|
-
this.checkIfPlaceholder();
|
|
3753
|
-
const options = Array.from(this.hostElement.querySelectorAll('option')).filter((el) => { var _a; return !((_a = this._select) === null || _a === void 0 ? void 0 : _a.contains(el)); });
|
|
3754
|
-
const updatedOptionItems = options.map((el) => ({
|
|
3755
|
-
value: el.value,
|
|
3756
|
-
text: el.text
|
|
3757
|
-
}));
|
|
3758
|
-
if (JSON.stringify(updatedOptionItems) === JSON.stringify(this.optionItems)) {
|
|
3759
|
-
return;
|
|
3760
|
-
}
|
|
3761
|
-
this.optionItems = updatedOptionItems;
|
|
3762
|
-
}
|
|
3763
|
-
checkIfPlaceholder() {
|
|
3764
|
-
this.hasPlaceholder = !!this.afPlaceholder;
|
|
3765
|
-
}
|
|
3766
|
-
componentWillLoad() {
|
|
3767
|
-
this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
|
|
3768
|
-
}
|
|
3769
|
-
componentDidLoad() {
|
|
3770
|
-
this.optionsObserver = new MutationObserver(() => this.getOptions());
|
|
3771
|
-
this.optionsObserver.observe(this.hostElement, {
|
|
3772
|
-
childList: true,
|
|
3773
|
-
subtree: true
|
|
3774
|
-
});
|
|
3775
|
-
this.getOptions();
|
|
3776
|
-
this.afOnReady.emit();
|
|
3777
|
-
}
|
|
3778
|
-
disconnectedCallback() {
|
|
3779
|
-
var _a;
|
|
3780
|
-
(_a = this.optionsObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
3781
|
-
}
|
|
3782
|
-
/**
|
|
3783
|
-
* Returnerar en referens till formulärkontrollelementet.
|
|
3784
|
-
* @en Returns a reference to the form control element.
|
|
3785
|
-
*/
|
|
3786
|
-
async afMGetFormControlElement() {
|
|
3787
|
-
return this._select;
|
|
3788
|
-
}
|
|
3789
|
-
/**
|
|
3790
|
-
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet.
|
|
3791
|
-
* @en Listens for when focus is set on the custom element and propagates it down to the actual select element.
|
|
3792
|
-
*/
|
|
3793
|
-
focusOnInput() {
|
|
3794
|
-
var _a;
|
|
3795
|
-
(_a = this._select) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3796
|
-
}
|
|
3797
|
-
get cssModifiers() {
|
|
3798
|
-
return {
|
|
3799
|
-
'digi-form-select--small': this.afVariation === FormSelectVariation.SMALL,
|
|
3800
|
-
'digi-form-select--medium': this.afVariation === FormSelectVariation.MEDIUM,
|
|
3801
|
-
'digi-form-select--large': this.afVariation === FormSelectVariation.LARGE,
|
|
3802
|
-
'digi-form-select--neutral': this.afValidation === FormSelectValidation.NEUTRAL,
|
|
3803
|
-
'digi-form-select--success': this.afValidation === FormSelectValidation.SUCCESS,
|
|
3804
|
-
'digi-form-select--warning': this.afValidation === FormSelectValidation.WARNING,
|
|
3805
|
-
'digi-form-select--error': this.afValidation === FormSelectValidation.ERROR,
|
|
3806
|
-
'digi-form-select--empty': !this.afValue &&
|
|
3807
|
-
(!this.afValidation ||
|
|
3808
|
-
this.afValidation === FormSelectValidation.NEUTRAL)
|
|
3809
|
-
};
|
|
3810
|
-
}
|
|
3811
|
-
changeHandler(e) {
|
|
3812
|
-
if (!this.dirty) {
|
|
3813
|
-
this.afOnDirty.emit(e);
|
|
3814
|
-
this.dirty = true;
|
|
3815
|
-
}
|
|
3816
|
-
this.value = this.afValue = e.target.value;
|
|
3817
|
-
this.afOnChange.emit(e);
|
|
3818
|
-
}
|
|
3819
|
-
selectHandler(e) {
|
|
3820
|
-
this.value = this.afValue = e.target.value;
|
|
3821
|
-
this.afOnSelect.emit(e);
|
|
3822
|
-
}
|
|
3823
|
-
focusHandler(e) {
|
|
3824
|
-
this.afOnFocus.emit(e);
|
|
3825
|
-
}
|
|
3826
|
-
focusoutHandler(e) {
|
|
3827
|
-
this.afOnFocusout.emit(e);
|
|
3828
|
-
}
|
|
3829
|
-
blurHandler(e) {
|
|
3830
|
-
this.afOnBlur.emit(e);
|
|
3831
|
-
}
|
|
3832
|
-
getSelectedItem(option) {
|
|
3833
|
-
return this.afValue == option.value;
|
|
3834
|
-
}
|
|
3835
|
-
showValidation() {
|
|
3836
|
-
return !this.afDisableValidation &&
|
|
3837
|
-
this.afValidation !== FormSelectValidation.NEUTRAL &&
|
|
3838
|
-
this.afValidationText
|
|
3839
|
-
? true
|
|
3840
|
-
: false;
|
|
3841
|
-
}
|
|
3842
|
-
render() {
|
|
3843
|
-
return (h(Host, { key: 'b40fb54f41ae0b739a943d600624889b604865b2', tabindex: -1 }, h("div", { key: 'e753b10a46503f6711b35dd1d30b8be59296cc0b', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'a820eb5ffec3ac101febd080add2ddf9aa537c21', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'ad8616ae6b48a6e10c2827a7d00d51daa44129ec', 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 })), h("div", { key: 'ffe072a753cfe6a7f6afd300e34f8aff9ec4fc2a', class: "digi-form-select__select-wrapper" }, h("select", { key: '204dbc6361c6fb0a0ae0265cdd05db1888380c6d', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
|
|
3844
|
-
? 'true'
|
|
3845
|
-
: 'false', "aria-describedby": `${this.afId}--validation-message`, 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 && (h("option", { key: '0f4675533c05c4e6a2f3dd7b502676aa6354c001', class: {
|
|
3846
|
-
'digi-form-select__select-option': true,
|
|
3847
|
-
'digi-form-select__select-option--initial-value': true
|
|
3848
|
-
}, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
|
|
3849
|
-
return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
|
|
3850
|
-
})), h("digi-icon-input-select-marker", { key: '13c14346d06dbf9d67bedfcb45300ee0cd7921e4', class: "digi-form-select__icon", slot: "icon" })), h("div", { key: '9a88dda5d1d981016bb17a053d913eadd89e5e07', hidden: true }, h("slot", { key: '9b6cc012b2c0fead2a1e70441abebbb28364b450' })), h("div", { key: '1f13d6ddaf2a9d78a7c66c242bfe5ac35cf2c961', class: "digi-form-select__footer" }, h("div", { key: '6ba7c2aea4196e0e1b646e22ca9d14be65540ccb', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'eee53a1c30af8d43e8f60d3c85764f65d335e9ec', "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
3851
|
-
}
|
|
3852
|
-
get hostElement() { return getElement(this); }
|
|
3853
|
-
static get watchers() { return {
|
|
3854
|
-
"value": [{
|
|
3855
|
-
"onValueChanged": 0
|
|
3856
|
-
}],
|
|
3857
|
-
"afValue": [{
|
|
3858
|
-
"onAfValueChanged": 0
|
|
3859
|
-
}]
|
|
3860
|
-
}; }
|
|
3861
|
-
};
|
|
3862
|
-
FormSelect.style = formSelectCss();
|
|
3863
|
-
|
|
3864
|
-
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)}`;
|
|
3865
|
-
|
|
3866
|
-
const FormValidationMessage = class {
|
|
3867
|
-
constructor(hostRef) {
|
|
3868
|
-
registerInstance(this, hostRef);
|
|
3869
|
-
/**
|
|
3870
|
-
* Sätter valideringsstatus. Kan vara 'success', 'error' eller 'warning'.
|
|
3871
|
-
* @en Set validation status
|
|
3872
|
-
*/
|
|
3873
|
-
this.afVariation = FormValidationMessageVariation.SUCCESS;
|
|
3874
|
-
}
|
|
3875
|
-
get cssModifiers() {
|
|
3876
|
-
return {
|
|
3877
|
-
'digi-form-validation-message--success': this.afVariation === FormValidationMessageVariation.SUCCESS,
|
|
3878
|
-
'digi-form-validation-message--error': this.afVariation === FormValidationMessageVariation.ERROR,
|
|
3879
|
-
'digi-form-validation-message--warning': this.afVariation === FormValidationMessageVariation.WARNING
|
|
3880
|
-
};
|
|
3881
|
-
}
|
|
3882
|
-
get icon() {
|
|
3883
|
-
switch (this.afVariation) {
|
|
3884
|
-
case FormValidationMessageVariation.SUCCESS:
|
|
3885
|
-
return h("digi-icon-validation-success", null);
|
|
3886
|
-
case FormValidationMessageVariation.ERROR:
|
|
3887
|
-
return h("digi-icon-validation-error", null);
|
|
3888
|
-
case FormValidationMessageVariation.WARNING:
|
|
3889
|
-
return h("digi-icon-validation-warning", { class: "warning" });
|
|
3890
|
-
}
|
|
3891
|
-
}
|
|
3892
|
-
render() {
|
|
3893
|
-
return (h("div", { key: '5c89cb2cfe7085ec0203814f2c7a43c9fe518db4', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'cb85b6a6e02b081710f80ad7bbbe96e182d8c353', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '9b1689dcad19fd3f033c679f496a1c94348f393b', class: "digi-form-validation-message__text" }, h("slot", { key: '794c1b1c0771cae8c0b19bd7123f7f5bc28e99b7' }))));
|
|
3894
|
-
}
|
|
3895
|
-
get hostElement() { return getElement(this); }
|
|
3896
|
-
};
|
|
3897
|
-
FormValidationMessage.style = formValidationMessageCss();
|
|
3898
|
-
|
|
3899
|
-
const iconCalendarAltCss = () => `.sc-digi-icon-calendar-alt-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-calendar-alt-h svg.sc-digi-icon-calendar-alt{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
3900
|
-
|
|
3901
|
-
const IconCalendarAlt = class {
|
|
3902
|
-
constructor(hostRef) {
|
|
3903
|
-
registerInstance(this, hostRef);
|
|
3904
|
-
/**
|
|
3905
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
3906
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
3907
|
-
*/
|
|
3908
|
-
this.afSvgAriaHidden = true;
|
|
3909
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
3910
|
-
}
|
|
3911
|
-
render() {
|
|
3912
|
-
return (h("svg", { key: '51b9d922462d3ad108545dbe7df4bf805334b0ef', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
3913
|
-
? this.afSvgAriaLabelledby
|
|
3914
|
-
: this.afTitle
|
|
3915
|
-
? this.titleId
|
|
3916
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '0cf10651a3b238c59bc9f342cec98ff7c2a967e7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'a7826ce588a9bd9580c3f45a20834ff4e66a3620' }, this.afDesc), h("path", { key: '0854e6fc47b9a773f3d902e557535765d973252a', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
3917
|
-
}
|
|
3918
|
-
};
|
|
3919
|
-
IconCalendarAlt.style = iconCalendarAltCss();
|
|
3920
|
-
|
|
3921
|
-
const iconChevronDownCss = () => `.sc-digi-icon-chevron-down-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-down-h svg.sc-digi-icon-chevron-down{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
3922
|
-
|
|
3923
|
-
const IconChevronDown = class {
|
|
3924
|
-
constructor(hostRef) {
|
|
3925
|
-
registerInstance(this, hostRef);
|
|
3926
|
-
/**
|
|
3927
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
3928
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
3929
|
-
*/
|
|
3930
|
-
this.afSvgAriaHidden = true;
|
|
3931
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
3932
|
-
}
|
|
3933
|
-
render() {
|
|
3934
|
-
return (h("svg", { key: '14c50bb9ce94f2ae7e6b89e99417668515a0e1fa', class: "digi-icon-chevron-down", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
3935
|
-
? this.afSvgAriaLabelledby
|
|
3936
|
-
: this.afTitle
|
|
3937
|
-
? this.titleId
|
|
3938
|
-
: undefined }, this.afTitle && h("title", { key: '4692fea634337c2e89e5eeac67c707c84f919563', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3948943affb34ebc1967aeb54389b0c3230e6daf' }, this.afDesc), h("path", { key: '252f72d574b43e0d794341fa05f5a2cf39cedb4d', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
|
|
3939
|
-
}
|
|
3940
|
-
};
|
|
3941
|
-
IconChevronDown.style = iconChevronDownCss();
|
|
3942
|
-
|
|
3943
|
-
const iconChevronLeftCss = () => `.sc-digi-icon-chevron-left-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-left-h svg.sc-digi-icon-chevron-left{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
3944
|
-
|
|
3945
|
-
const IconChevronLeft = class {
|
|
3946
|
-
constructor(hostRef) {
|
|
3947
|
-
registerInstance(this, hostRef);
|
|
3948
|
-
/**
|
|
3949
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
3950
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
3951
|
-
*/
|
|
3952
|
-
this.afSvgAriaHidden = true;
|
|
3953
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
3954
|
-
}
|
|
3955
|
-
render() {
|
|
3956
|
-
return (h("svg", { key: 'def846a254699c1487c6650595a307d69570b03b', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
3957
|
-
? this.afSvgAriaLabelledby
|
|
3958
|
-
: this.afTitle
|
|
3959
|
-
? this.titleId
|
|
3960
|
-
: undefined }, this.afTitle && h("title", { key: '07e54926302b1524b1040b2a807060670448c0f8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'af3cae8cfe1b8451e4698e1ec43aeb52122d0f81' }, this.afDesc), h("path", { key: 'd98281b3481fbbc3853c5a34d1fdd35f58b0056c', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
|
|
3961
|
-
}
|
|
3962
|
-
};
|
|
3963
|
-
IconChevronLeft.style = iconChevronLeftCss();
|
|
3964
|
-
|
|
3965
|
-
const iconChevronRightCss = () => `.sc-digi-icon-chevron-right-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-right-h svg.sc-digi-icon-chevron-right{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
3966
|
-
|
|
3967
|
-
const IconChevronRight = class {
|
|
3968
|
-
constructor(hostRef) {
|
|
3969
|
-
registerInstance(this, hostRef);
|
|
3970
|
-
/**
|
|
3971
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
3972
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
3973
|
-
*/
|
|
3974
|
-
this.afSvgAriaHidden = true;
|
|
3975
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
3976
|
-
}
|
|
3977
|
-
render() {
|
|
3978
|
-
return (h("svg", { key: '8a7349c8865c737830b6af0e3ea9aa7c6bd50f6f', class: "digi-icon-chevron-right", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
3979
|
-
? this.afSvgAriaLabelledby
|
|
3980
|
-
: this.afTitle
|
|
3981
|
-
? this.titleId
|
|
3982
|
-
: undefined }, this.afTitle && h("title", { key: '83176271f8248b1ad42e1e5baf2f31ddc244cb0a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c22c051704141e87412e98ab3733afab36bf0bf3' }, this.afDesc), h("path", { key: '5f3f04a5512ca21c49e25797401bf68ac726c9d7', class: "digi-icon-chevron-right__shape", d: "M1 13l6-6.074L1.147 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
|
|
3983
|
-
}
|
|
3984
|
-
};
|
|
3985
|
-
IconChevronRight.style = iconChevronRightCss();
|
|
3986
|
-
|
|
3987
|
-
const iconInputSelectMarkerCss = () => `.sc-digi-icon-input-select-marker-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-input-select-marker-h svg.sc-digi-icon-input-select-marker{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
3988
|
-
|
|
3989
|
-
const IconInputSelectMarker = class {
|
|
3990
|
-
constructor(hostRef) {
|
|
3991
|
-
registerInstance(this, hostRef);
|
|
3992
|
-
/**
|
|
3993
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
3994
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
3995
|
-
*/
|
|
3996
|
-
this.afSvgAriaHidden = true;
|
|
3997
|
-
this.titleId = randomIdGenerator('icon-input-select-marker');
|
|
3998
|
-
}
|
|
3999
|
-
render() {
|
|
4000
|
-
return (h("svg", { key: '3a27d862f015acdf222435b2abcf67f1a6c312f7', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
4001
|
-
? this.afSvgAriaLabelledby
|
|
4002
|
-
: this.afTitle
|
|
4003
|
-
? this.titleId
|
|
4004
|
-
: undefined }, this.afTitle && h("title", { key: '88b3c6625077baef962e3851804f50700191b43a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fd1b1225f6bfbc57e34126608b3fd91143253758' }, this.afDesc), h("path", { key: 'e83bfd8eef85f4e2f5c5171dd1d08a44d611fdea', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
|
|
4005
|
-
}
|
|
4006
|
-
};
|
|
4007
|
-
IconInputSelectMarker.style = iconInputSelectMarkerCss();
|
|
4008
|
-
|
|
4009
|
-
const iconValidationErrorCss = () => `.sc-digi-icon-validation-error-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
4010
|
-
|
|
4011
|
-
const IconValidationError = class {
|
|
4012
|
-
constructor(hostRef) {
|
|
4013
|
-
registerInstance(this, hostRef);
|
|
4014
|
-
/**
|
|
4015
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
4016
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
4017
|
-
*/
|
|
4018
|
-
this.afSvgAriaHidden = true;
|
|
4019
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
4020
|
-
}
|
|
4021
|
-
render() {
|
|
4022
|
-
return (h("svg", { key: 'b20fb61395f90adad2b9e5be72d3e2ea3c5a3feb', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
4023
|
-
? this.afSvgAriaLabelledby
|
|
4024
|
-
: this.afTitle
|
|
4025
|
-
? this.titleId
|
|
4026
|
-
: undefined }, this.afTitle && h("title", { key: '5e08a1b947d534b913fff06e02109b53c607a0be', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f016b92eb4957943a5308d12db1ce2f1b73fae3f' }, this.afDesc), h("path", { key: 'f5ba662eeb6689959a6990ae2e880edc42670490', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
4027
|
-
}
|
|
4028
|
-
};
|
|
4029
|
-
IconValidationError.style = iconValidationErrorCss();
|
|
4030
|
-
|
|
4031
|
-
const iconValidationSuccessCss = () => `.sc-digi-icon-validation-success-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-success-h svg.sc-digi-icon-validation-success{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
4032
|
-
|
|
4033
|
-
const IconCheckCircle = class {
|
|
4034
|
-
constructor(hostRef) {
|
|
4035
|
-
registerInstance(this, hostRef);
|
|
4036
|
-
/**
|
|
4037
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
4038
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
4039
|
-
*/
|
|
4040
|
-
this.afSvgAriaHidden = true;
|
|
4041
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
4042
|
-
}
|
|
4043
|
-
render() {
|
|
4044
|
-
return (h("svg", { key: '1c9dcaf014e400504cbce24f69c67bdbb1dc0361', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
4045
|
-
? this.afSvgAriaLabelledby
|
|
4046
|
-
: this.afTitle
|
|
4047
|
-
? this.titleId
|
|
4048
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ed5b4d39b987b025d99ef2ce2153a8de749f587e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7c5175b745577dd9076170ba83fa00f8cc03c4a2' }, this.afDesc), h("path", { key: 'f9cb601de2dfbf7959b2b43023692e111f1fbf91', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
4049
|
-
}
|
|
4050
|
-
};
|
|
4051
|
-
IconCheckCircle.style = iconValidationSuccessCss();
|
|
4052
|
-
|
|
4053
|
-
const iconValidationWarningCss = () => `.sc-digi-icon-validation-warning-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-warning-h svg.sc-digi-icon-validation-warning{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
|
|
4054
|
-
|
|
4055
|
-
const IconValidationWarning = class {
|
|
4056
|
-
constructor(hostRef) {
|
|
4057
|
-
registerInstance(this, hostRef);
|
|
4058
|
-
/**
|
|
4059
|
-
* För att dölja ikonen för skärmläsare. Default är satt till true.
|
|
4060
|
-
* @en Hides the icon for screen readers. Default is set to true.
|
|
4061
|
-
*/
|
|
4062
|
-
this.afSvgAriaHidden = true;
|
|
4063
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
4064
|
-
}
|
|
4065
|
-
render() {
|
|
4066
|
-
return (h("div", { key: '7017a09730cca2dafe42548b11d18e34a693f81b' }, h("svg", { key: 'd56b196f88aaf6dd87bb416e422d399667e80202', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
4067
|
-
? this.afSvgAriaLabelledby
|
|
4068
|
-
: this.afTitle
|
|
4069
|
-
? this.titleId
|
|
4070
|
-
: undefined }, this.afTitle && h("title", { key: '25751b0fd552d8dcabc3402345ba8528126dd973', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '41476cbdf1b92dd9b7c44d8791481a5cf00186ca' }, this.afDesc), h("g", { key: '6607df5c4713e5680fcaa2e9ea29b7cab5064e3d', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: 'c87e6472093671bc2f1f6b3d7eb0b34f512468c1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '17b79d3e780ecbb2394b38586388ea457c65a2f7', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
|
|
4071
|
-
}
|
|
4072
|
-
};
|
|
4073
|
-
IconValidationWarning.style = iconValidationWarningCss();
|
|
4074
|
-
|
|
4075
|
-
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:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);--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( --digi--typography--body--text-decoration--mobile );--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( --digi--typography--link--text-decoration--mobile );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var( --digi--typography--heading-1--line-height--mobile );--FONT-WEIGHT--HEADING-1:var( --digi--typography--heading-1--font-weight--mobile );--TEXT-DECORATION--HEADING-1:var( --digi--typography--heading-1--text-decoration--mobile );--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( --digi--typography--heading-2--line-height--mobile );--FONT-WEIGHT--HEADING-2:var( --digi--typography--heading-2--font-weight--mobile );--TEXT-DECORATION--HEADING-2:var( --digi--typography--heading-2--text-decoration--mobile );--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( --digi--typography--heading-3--line-height--mobile );--FONT-WEIGHT--HEADING-3:var( --digi--typography--heading-3--font-weight--mobile );--TEXT-DECORATION--HEADING-3:var( --digi--typography--heading-3--text-decoration--mobile );--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( --digi--typography--heading-4--line-height--mobile );--FONT-WEIGHT--HEADING-4:var( --digi--typography--heading-4--font-weight--mobile );--TEXT-DECORATION--HEADING-4:var( --digi--typography--heading-4--text-decoration--mobile );--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( --digi--typography--heading-4--line-height--mobile );--FONT-WEIGHT--HEADING-5:var( --digi--typography--heading-4--font-weight--mobile );--TEXT-DECORATION--HEADING-5:var( --digi--typography--heading-4--text-decoration--mobile );--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( --digi--typography--heading-4--line-height--mobile );--FONT-WEIGHT--HEADING-6:var( --digi--typography--heading-4--font-weight--mobile );--TEXT-DECORATION--HEADING-6:var( --digi--typography--heading-4--text-decoration--mobile );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small)}@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( --digi--typography--body--text-decoration--desktop );--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( --digi--typography--link--text-decoration--desktop );--FONT-SIZE--HEADING-1:var( --digi--typography--heading-1--font-size--desktop );--LINE-HEIGHT--HEADING-1:var( --digi--typography--heading-1--line-height--desktop );--FONT-WEIGHT--HEADING-1:var( --digi--typography--heading-1--font-weight--desktop );--TEXT-DECORATION--HEADING-1:var( --digi--typography--heading-1--text-decoration--desktop );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var( --digi--typography--heading-2--font-size--desktop );--LINE-HEIGHT--HEADING-2:var( --digi--typography--heading-2--line-height--desktop );--FONT-WEIGHT--HEADING-2:var( --digi--typography--heading-2--font-weight--desktop );--TEXT-DECORATION--HEADING-2:var( --digi--typography--heading-2--text-decoration--desktop );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var( --digi--typography--heading-3--font-size--desktop );--LINE-HEIGHT--HEADING-3:var( --digi--typography--heading-3--line-height--desktop );--FONT-WEIGHT--HEADING-3:var( --digi--typography--heading-3--font-weight--desktop );--TEXT-DECORATION--HEADING-3:var( --digi--typography--heading-3--text-decoration--desktop );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var( --digi--typography--heading-4--font-size--desktop );--LINE-HEIGHT--HEADING-4:var( --digi--typography--heading-4--line-height--desktop );--FONT-WEIGHT--HEADING-4:var( --digi--typography--heading-4--font-weight--desktop );--TEXT-DECORATION--HEADING-4:var( --digi--typography--heading-4--text-decoration--desktop );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var( --digi--typography--heading-4--font-size--desktop );--LINE-HEIGHT--HEADING-5:var( --digi--typography--heading-4--line-height--desktop );--FONT-WEIGHT--HEADING-5:var( --digi--typography--heading-4--font-weight--desktop );--TEXT-DECORATION--HEADING-5:var( --digi--typography--heading-4--text-decoration--desktop );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var( --digi--typography--heading-4--font-size--desktop );--LINE-HEIGHT--HEADING-6:var( --digi--typography--heading-4--line-height--desktop );--FONT-WEIGHT--HEADING-6:var( --digi--typography--heading-4--font-weight--desktop );--TEXT-DECORATION--HEADING-6:var( --digi--typography--heading-4--text-decoration--desktop );--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)}`;
|
|
4076
|
-
|
|
4077
|
-
const Typography = class {
|
|
4078
|
-
constructor(hostRef) {
|
|
4079
|
-
registerInstance(this, hostRef);
|
|
4080
|
-
}
|
|
4081
|
-
get cssModifiers() {
|
|
4082
|
-
return {
|
|
4083
|
-
'digi-typography--hide-visited': this.hideVisitedColor
|
|
4084
|
-
};
|
|
4085
|
-
}
|
|
4086
|
-
render() {
|
|
4087
|
-
return (h("div", { key: '2b78d2c69b94e258feb4c99d5835cc58507d7886', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '1f952d99d2331fb09a1b6d549a6ea97440302346' })));
|
|
4088
|
-
}
|
|
4089
|
-
};
|
|
4090
|
-
Typography.style = typographyCss();
|
|
4091
|
-
|
|
4092
|
-
const typographyHeadingJumboCss = () => `.sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale--0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:"";width:11.875rem;height:0.4375rem;background:var(--digi--color--border--accent--primary);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--color--border--accent--secondary)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}`;
|
|
4093
|
-
|
|
4094
|
-
const TypographyHeadingJumbo = class {
|
|
4095
|
-
constructor(hostRef) {
|
|
4096
|
-
registerInstance(this, hostRef);
|
|
4097
|
-
/**
|
|
4098
|
-
* Rubrikens text
|
|
4099
|
-
* @en The heading text
|
|
4100
|
-
*/
|
|
4101
|
-
this.afText = '';
|
|
4102
|
-
/**
|
|
4103
|
-
* Sätt rubrikens vikt. 'h1' är förvalt.
|
|
4104
|
-
* @en Set heading level. Default is 'h1'
|
|
4105
|
-
*/
|
|
4106
|
-
this.afLevel = TypographyHeadingJumboLevel.H1;
|
|
4107
|
-
/**
|
|
4108
|
-
* Sätt språk inuti rubrik-elementet. 'sv' (svenska) är förvalt.
|
|
4109
|
-
* @en Set language inside of title element. Defaults to 'sv' (swedish).
|
|
4110
|
-
*/
|
|
4111
|
-
this.afLang = 'sv';
|
|
4112
|
-
}
|
|
4113
|
-
/**
|
|
4114
|
-
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
|
|
4115
|
-
* @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
|
|
4116
|
-
*/
|
|
4117
|
-
focusOnHeading() {
|
|
4118
|
-
this.headingElement.focus();
|
|
4119
|
-
}
|
|
4120
|
-
get cssModifiers() {
|
|
4121
|
-
return {
|
|
4122
|
-
'digi-typography-heading-jumbo--primary': this.afVariation === TypographyHeadingJumboVariation.PRIMARY,
|
|
4123
|
-
'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY
|
|
4124
|
-
};
|
|
4125
|
-
}
|
|
4126
|
-
render() {
|
|
4127
|
-
return (h(this.afLevel, { key: 'b63f9447d1ccefc73fcd3ac26562ed4d9f106f3c', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
|
|
4128
|
-
}
|
|
4129
|
-
};
|
|
4130
|
-
TypographyHeadingJumbo.style = typographyHeadingJumboCss();
|
|
4131
|
-
|
|
4132
|
-
const UtilKeydownHandler = class {
|
|
4133
|
-
constructor(hostRef) {
|
|
4134
|
-
registerInstance(this, hostRef);
|
|
4135
|
-
this.afOnEsc = createEvent(this, "afOnEsc", 7);
|
|
4136
|
-
this.afOnEnter = createEvent(this, "afOnEnter", 7);
|
|
4137
|
-
this.afOnTab = createEvent(this, "afOnTab", 7);
|
|
4138
|
-
this.afOnSpace = createEvent(this, "afOnSpace", 7);
|
|
4139
|
-
this.afOnShiftTab = createEvent(this, "afOnShiftTab", 7);
|
|
4140
|
-
this.afOnUp = createEvent(this, "afOnUp", 7);
|
|
4141
|
-
this.afOnDown = createEvent(this, "afOnDown", 7);
|
|
4142
|
-
this.afOnLeft = createEvent(this, "afOnLeft", 7);
|
|
4143
|
-
this.afOnRight = createEvent(this, "afOnRight", 7);
|
|
4144
|
-
this.afOnHome = createEvent(this, "afOnHome", 7);
|
|
4145
|
-
this.afOnEnd = createEvent(this, "afOnEnd", 7);
|
|
4146
|
-
this.afOnKeyDown = createEvent(this, "afOnKeyDown", 7);
|
|
4147
|
-
}
|
|
4148
|
-
keydownHandler(e) {
|
|
4149
|
-
const key = keyboardHandler(e);
|
|
4150
|
-
switch (key) {
|
|
4151
|
-
case KEY_CODE.SHIFT_TAB:
|
|
4152
|
-
this.afOnShiftTab.emit(e);
|
|
4153
|
-
break;
|
|
4154
|
-
case KEY_CODE.DOWN_ARROW:
|
|
4155
|
-
this.afOnDown.emit(e);
|
|
4156
|
-
this.afOnKeyDown.emit(e);
|
|
4157
|
-
break;
|
|
4158
|
-
case KEY_CODE.UP_ARROW:
|
|
4159
|
-
this.afOnUp.emit(e);
|
|
4160
|
-
this.afOnKeyDown.emit(e);
|
|
4161
|
-
break;
|
|
4162
|
-
case KEY_CODE.LEFT_ARROW:
|
|
4163
|
-
this.afOnLeft.emit(e);
|
|
4164
|
-
this.afOnKeyDown.emit(e);
|
|
4165
|
-
break;
|
|
4166
|
-
case KEY_CODE.RIGHT_ARROW:
|
|
4167
|
-
this.afOnRight.emit(e);
|
|
4168
|
-
this.afOnKeyDown.emit(e);
|
|
4169
|
-
break;
|
|
4170
|
-
case KEY_CODE.ENTER:
|
|
4171
|
-
this.afOnEnter.emit(e);
|
|
4172
|
-
this.afOnKeyDown.emit(e);
|
|
4173
|
-
break;
|
|
4174
|
-
case KEY_CODE.ESCAPE:
|
|
4175
|
-
this.afOnEsc.emit(e);
|
|
4176
|
-
this.afOnKeyDown.emit(e);
|
|
4177
|
-
break;
|
|
4178
|
-
case KEY_CODE.TAB:
|
|
4179
|
-
this.afOnTab.emit(e);
|
|
4180
|
-
this.afOnKeyDown.emit(e);
|
|
4181
|
-
break;
|
|
4182
|
-
case KEY_CODE.SPACE:
|
|
4183
|
-
this.afOnSpace.emit(e);
|
|
4184
|
-
this.afOnKeyDown.emit(e);
|
|
4185
|
-
break;
|
|
4186
|
-
case KEY_CODE.HOME:
|
|
4187
|
-
this.afOnHome.emit(e);
|
|
4188
|
-
this.afOnKeyDown.emit(e);
|
|
4189
|
-
break;
|
|
4190
|
-
case KEY_CODE.END:
|
|
4191
|
-
this.afOnEnd.emit(e);
|
|
4192
|
-
this.afOnKeyDown.emit(e);
|
|
4193
|
-
break;
|
|
4194
|
-
case KEY_CODE.ANY:
|
|
4195
|
-
this.afOnKeyDown.emit(e);
|
|
4196
|
-
break;
|
|
4197
|
-
default:
|
|
4198
|
-
this.afOnKeyDown.emit(e);
|
|
4199
|
-
return;
|
|
4200
|
-
}
|
|
4201
|
-
}
|
|
4202
|
-
render() {
|
|
4203
|
-
return h("slot", { key: 'c0a9e056eb5e48ce215370d38ee65a62ca2e33d9' });
|
|
4204
|
-
}
|
|
4205
|
-
};
|
|
4206
|
-
|
|
4207
|
-
export { Calendar as digi_calendar, CalendarDatepicker as digi_calendar_datepicker, ExpandableAccordion as digi_expandable_accordion, ExpandableFaqItem as digi_expandable_faq_item, FormInput as digi_form_input, FormLabel as digi_form_label, FormSelect as digi_form_select, FormValidationMessage as digi_form_validation_message, IconCalendarAlt as digi_icon_calendar_alt, IconChevronDown as digi_icon_chevron_down, IconChevronLeft as digi_icon_chevron_left, IconChevronRight as digi_icon_chevron_right, IconInputSelectMarker as digi_icon_input_select_marker, IconValidationError as digi_icon_validation_error, IconCheckCircle as digi_icon_validation_success, IconValidationWarning as digi_icon_validation_warning, Typography as digi_typography, TypographyHeadingJumbo as digi_typography_heading_jumbo, UtilKeydownHandler as digi_util_keydown_handler };
|