@dso-toolkit/core 95.1.0 → 96.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle/dso-accordion-section.js +9 -9
- package/dist/bundle/dso-accordion.js +1 -1
- package/dist/bundle/dso-action-list-item.js +2 -2
- package/dist/bundle/dso-action-list.js +2 -2
- package/dist/bundle/dso-advanced-select.js +11 -10
- package/dist/bundle/dso-alert.js +1 -1
- package/dist/bundle/dso-annotation-activiteit.js +10 -10
- package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +9 -9
- package/dist/bundle/dso-annotation-kaart.js +6 -6
- package/dist/bundle/dso-annotation-locatie.js +1 -1
- package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +10 -10
- package/dist/bundle/dso-attachments-counter.js +1 -1
- package/dist/bundle/dso-autosuggest.js +4 -4
- package/dist/bundle/dso-badge.js +1 -1
- package/dist/bundle/dso-banner.js +1 -1
- package/dist/bundle/dso-button-group.js +1 -1
- package/dist/bundle/dso-card-container.js +2 -2
- package/dist/bundle/dso-card.js +2 -2
- package/dist/bundle/dso-contact-information.js +1 -1
- package/dist/bundle/dso-cursor-tooltip.js +2 -2
- package/dist/bundle/dso-date-picker.js +1 -1
- package/dist/bundle/dso-document-card.js +2 -2
- package/dist/bundle/dso-document-component.js +1 -1
- package/dist/bundle/dso-dropdown-menu.js +203 -1
- package/dist/bundle/dso-expandable.js +1 -1
- package/dist/bundle/dso-header.js +108 -15
- package/dist/bundle/dso-highlight-box.js +1 -1
- package/dist/bundle/dso-history-item.js +2 -2
- package/dist/bundle/dso-icon-button.js +1 -1
- package/dist/bundle/dso-icon.js +1 -1
- package/dist/bundle/dso-image-overlay.js +1 -1
- package/dist/bundle/dso-info-button.js +1 -1
- package/dist/bundle/dso-info.js +1 -1
- package/dist/bundle/dso-input-range.js +1 -1
- package/dist/bundle/dso-label.js +1 -1
- package/dist/bundle/dso-legend-group.js +3 -3
- package/dist/bundle/dso-legend-item.js +9 -9
- package/dist/bundle/dso-legend.js +4 -4
- package/dist/bundle/dso-list-button.js +7 -7
- package/dist/bundle/dso-logo.js +1 -1
- package/dist/bundle/dso-map-base-layers.js +7 -7
- package/dist/bundle/dso-map-controls.js +5 -5
- package/dist/bundle/dso-map-layer-object.js +4 -4
- package/dist/bundle/dso-map-layer.js +4 -4
- package/dist/bundle/dso-map-message.js +3 -3
- package/dist/bundle/dso-map-overlays.js +7 -7
- package/dist/bundle/dso-mark-bar.js +3 -3
- package/dist/bundle/dso-modal.js +1 -1
- package/dist/bundle/dso-onboarding-tip.js +5 -5
- package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
- package/dist/bundle/dso-ozon-content.js +1 -1
- package/dist/bundle/dso-pagination.js +3 -3
- package/dist/bundle/dso-panel.js +1 -1
- package/dist/bundle/dso-plekinfo-card.js +4 -4
- package/dist/bundle/dso-progress-indicator.js +1 -1
- package/dist/bundle/dso-project-item.js +4 -4
- package/dist/bundle/dso-renvooi.js +1 -1
- package/dist/bundle/dso-responsive-element.js +1 -1
- package/dist/bundle/dso-scrollable.js +1 -1
- package/dist/bundle/dso-segmented-button.js +1 -1
- package/dist/bundle/dso-selectable.js +1 -1
- package/dist/bundle/dso-skiplink.js +2 -2
- package/dist/bundle/dso-slide-toggle.js +1 -1
- package/dist/bundle/dso-survey-rating.js +5 -5
- package/dist/bundle/dso-tab.js +1 -1
- package/dist/bundle/dso-table.js +1 -1
- package/dist/bundle/dso-tabs.js +1 -1
- package/dist/bundle/dso-tijdreis-banner.js +3 -3
- package/dist/bundle/dso-tooltip.js +1 -1
- package/dist/bundle/dso-tree-view.js +3 -3
- package/dist/bundle/dso-viewer-grid.js +1 -1
- package/dist/bundle/dsot-document-component-demo.js +18 -18
- package/dist/bundle/index.js +2 -2
- package/dist/bundle/{p-C_yE-yT4.js → p-59kJLyHW.js} +2 -2
- package/dist/bundle/p-B0uMC739.js +166 -0
- package/dist/bundle/{p-CbZsDFSf.js → p-B59_zDt7.js} +4 -4
- package/dist/bundle/{p-DBi6XQa8.js → p-BIShp3sw.js} +1 -1
- package/dist/bundle/{p-Bh6sbzpT.js → p-BNEJjrr8.js} +2 -2
- package/dist/bundle/{p-DZGMkIzK.js → p-Bmlt2DmQ.js} +4 -4
- package/dist/bundle/p-Bq0uu4Hw.js +83 -0
- package/dist/bundle/{p-7h6dLq9M.js → p-C8XiO-Wa.js} +1 -1
- package/dist/bundle/{p-B-VMnSMl.js → p-CLOFxKEP.js} +5 -5
- package/dist/bundle/{p-BLZJxjte.js → p-CSIJlEGw.js} +5 -5
- package/dist/bundle/{p-DInlGNus.js → p-CWmPLVV_.js} +10 -10
- package/dist/bundle/p-CZ4y0u8f.js +124 -0
- package/dist/bundle/{p-DIM0fY1S.js → p-CaIC9qQK.js} +1 -1
- package/dist/bundle/{p-B3m8trPV.js → p-CgXakBQA.js} +1 -1
- package/dist/bundle/{p-DQ4k80p_.js → p-Clsgdvn9.js} +1 -1
- package/dist/bundle/{p-CjrG2WYI.js → p-DFsS5-fk.js} +9 -9
- package/dist/bundle/{p-CuGyp3WQ.js → p-DI8rxU8b.js} +1 -1
- package/dist/bundle/{p-ClIxAe6b.js → p-DNwAVxmk.js} +5 -5
- package/dist/bundle/{p-B9XEou_S.js → p-DQjbC88c.js} +4 -4
- package/dist/bundle/{p-DV3b_VnF.js → p-DUg2fsNj.js} +1 -1
- package/dist/bundle/{p-DAF7EsKp.js → p-DYD-46VI.js} +4 -4
- package/dist/bundle/{p-BSaHsr79.js → p-DaRtnn5i.js} +1 -1
- package/dist/bundle/{p-CpHN9nNa.js → p-Db33kA_6.js} +1 -1
- package/dist/bundle/{p-RkXc1mJn.js → p-DdpyZaP7.js} +6 -6
- package/dist/bundle/{p-DoVqfHFv.js → p-DgKvq-q9.js} +1 -1
- package/dist/bundle/{p-5nlGueoS.js → p-WEiXvjCu.js} +1 -1
- package/dist/bundle/{p-B5uIYOPn.js → p-XuOq2p5M.js} +14 -14
- package/dist/bundle/p-kacTtdx5.js +189 -0
- package/dist/bundle/{p-NCJ9jUD-.js → p-rHiKziuf.js} +1 -1
- package/dist/bundle/{p-BbrcIY5U.js → p-vBUHC-e7.js} +4 -4
- package/dist/cjs/{annotation-body-BYBiDMDz.js → annotation-body-DorcBRdu.js} +1 -1
- package/dist/cjs/{annotation-list-renvooi-values-D5GfwuRO.js → annotation-list-renvooi-values-DY_nt_wa.js} +1 -1
- package/dist/cjs/{annotation-watcher-DRtgT1BA.js → annotation-watcher-DuftgGaK.js} +1 -1
- package/dist/cjs/dso-accordion-section.cjs.entry.js +2 -2
- package/dist/cjs/dso-accordion.cjs.entry.js +1 -1
- package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-action-list.cjs.entry.js +2 -2
- package/dist/cjs/dso-advanced-select.cjs.entry.js +5 -4
- package/dist/cjs/dso-alert_7.cjs.entry.js +9 -9
- package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +5 -5
- package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +4 -4
- package/dist/cjs/dso-annotation-kaart.cjs.entry.js +3 -3
- package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +6 -6
- package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +5 -5
- package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +2 -2
- package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
- package/dist/cjs/dso-banner.cjs.entry.js +1 -1
- package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
- package/dist/cjs/dso-card-container.cjs.entry.js +2 -2
- package/dist/cjs/dso-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
- package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/dso-header.cjs.entry.js +104 -6
- package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
- package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-icon_2.cjs.entry.js +10 -6
- package/dist/cjs/dso-info_3.cjs.entry.js +3 -3
- package/dist/cjs/dso-input-range.cjs.entry.js +1 -1
- package/dist/cjs/dso-label_3.cjs.entry.js +4 -4
- package/dist/cjs/dso-legend-group.cjs.entry.js +1 -1
- package/dist/cjs/dso-legend-item.cjs.entry.js +4 -4
- package/dist/cjs/dso-legend.cjs.entry.js +1 -1
- package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-logo.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-layer-object.cjs.entry.js +3 -3
- package/dist/cjs/dso-map-layer.cjs.entry.js +3 -3
- package/dist/cjs/dso-map-message.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
- package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
- package/dist/cjs/dso-modal.cjs.entry.js +2 -2
- package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
- package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
- package/dist/cjs/dso-plekinfo-card.cjs.entry.js +3 -3
- package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
- package/dist/cjs/dso-scrollable.cjs.entry.js +1 -1
- package/dist/cjs/dso-segmented-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
- package/dist/cjs/dso-survey-rating.cjs.entry.js +2 -2
- package/dist/cjs/dso-tab.cjs.entry.js +1 -1
- package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
- package/dist/cjs/dso-toolkit.cjs.js +2 -2
- package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
- package/dist/cjs/dso-viewer-grid.cjs.entry.js +1 -1
- package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
- package/dist/cjs/{index-v3FWnSvn.js → index-BOI4CviS.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{parse-wijzigactie-from-node.function-joV1jDjd.js → parse-wijzigactie-from-node.function-BbYINqVA.js} +1 -1
- package/dist/cjs/{tooltip.functional-component-Dbxr_PJe.js → tooltip.functional-component-CW6vXWhM.js} +1 -1
- package/dist/cjs/{wrap-wijzigactie.functional-component-BDznkHgj.js → wrap-wijzigactie.functional-component-BOafAh_v.js} +1 -1
- package/dist/collection/components/accordion/components/accordion-section.css +8 -1
- package/dist/collection/components/action-list/action-list.css +8 -1
- package/dist/collection/components/advanced-select/advanced-select.css +64 -11
- package/dist/collection/components/advanced-select/advanced-select.js +3 -2
- package/dist/collection/components/alert/alert.css +32 -4
- package/dist/collection/components/annotation/annotation.css +16 -2
- package/dist/collection/components/attachments-counter/attachments-counter.js +2 -2
- package/dist/collection/components/badge/badge.css +240 -45
- package/dist/collection/components/card-container/card-container.css +6 -0
- package/dist/collection/components/cursor-tooltip/cursor-tooltip.css +10 -2
- package/dist/collection/components/document-component/document-component.css +16 -2
- package/dist/collection/components/header/header.css +81 -132
- package/dist/collection/components/header/header.js +104 -5
- package/dist/collection/components/icon-button/icon-button.css +67 -5
- package/dist/collection/components/icon-button/icon-button.js +27 -3
- package/dist/collection/components/image-overlay/image-overlay.css +32 -4
- package/dist/collection/components/info/info.css +8 -1
- package/dist/collection/components/label/label.css +88 -14
- package/dist/collection/components/legend/legend-item/legend-item.css +0 -3
- package/dist/collection/components/legend/legend-item/legend-item.js +2 -2
- package/dist/collection/components/map-layer/components/map-layer-object.css +23 -5
- package/dist/collection/components/map-layer/map-layer.css +16 -2
- package/dist/collection/components/map-message/map-message.css +10 -2
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/onboarding-tip/onboarding-tip.css +10 -2
- package/dist/collection/components/ozon-content/ozon-content.css +112 -14
- package/dist/collection/components/panel/panel.css +8 -1
- package/dist/collection/components/plekinfo-card/plekinfo-card.css +16 -2
- package/dist/collection/components/renvooi/renvooi.css +16 -2
- package/dist/collection/components/survey-rating/survey-rating.css +64 -11
- package/dist/collection/components/tijdreis-banner/tijdreis-banner.css +10 -2
- package/dist/components/alert.js +1 -1
- package/dist/components/annotation-locatie.js +1 -1
- package/dist/components/attachments-counter.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/document-component.js +1 -1
- package/dist/components/dso-accordion-section.js +1 -1
- package/dist/components/dso-action-list.js +1 -1
- package/dist/components/dso-advanced-select.js +3 -3
- package/dist/components/dso-annotation-activiteit.js +1 -1
- package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
- package/dist/components/dso-annotation-kaart.js +1 -1
- package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
- package/dist/components/dso-card-container.js +1 -1
- package/dist/components/dso-cursor-tooltip.js +1 -1
- package/dist/components/dso-dropdown-menu.js +1 -1
- package/dist/components/dso-header.js +1 -1
- package/dist/components/dso-legend-item.js +1 -1
- package/dist/components/dso-map-layer-object.js +1 -1
- package/dist/components/dso-map-layer.js +1 -1
- package/dist/components/dso-map-message.js +1 -1
- package/dist/components/dso-onboarding-tip.js +1 -1
- package/dist/components/dso-plekinfo-card.js +1 -1
- package/dist/components/dso-survey-rating.js +1 -1
- package/dist/components/dso-tijdreis-banner.js +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/image-overlay.js +1 -1
- package/dist/components/info.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/ozon-content.js +1 -1
- package/dist/components/panel.js +1 -1
- package/dist/components/renvooi.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/p-0a7a25b0.entry.js +1 -0
- package/dist/dso-toolkit/{p-cb1937ac.entry.js → p-0ac102e5.entry.js} +1 -1
- package/dist/dso-toolkit/{p-825dad32.entry.js → p-0bf03672.entry.js} +1 -1
- package/dist/dso-toolkit/p-1288e20c.entry.js +1 -0
- package/dist/dso-toolkit/p-1bb92456.entry.js +7 -0
- package/dist/dso-toolkit/{p-037cc6e2.entry.js → p-1ca49cd0.entry.js} +1 -1
- package/dist/dso-toolkit/{p-19645089.entry.js → p-22c3f8cc.entry.js} +1 -1
- package/dist/dso-toolkit/{p-252007ac.entry.js → p-24d2f855.entry.js} +1 -1
- package/dist/dso-toolkit/{p-57cd10e4.entry.js → p-2ce0f6e0.entry.js} +1 -1
- package/dist/dso-toolkit/p-2edbfaae.entry.js +1 -0
- package/dist/dso-toolkit/p-31b238ed.entry.js +1 -0
- package/dist/dso-toolkit/{p-0f58bc7d.entry.js → p-3e5a439d.entry.js} +1 -1
- package/dist/dso-toolkit/{p-fe202eef.entry.js → p-3ea66e8f.entry.js} +1 -1
- package/dist/dso-toolkit/{p-885f6260.entry.js → p-4020bb89.entry.js} +1 -1
- package/dist/dso-toolkit/{p-c6d4aacf.entry.js → p-414cdaee.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d7c1ff76.entry.js → p-44549e9c.entry.js} +1 -1
- package/dist/dso-toolkit/{p-151dd30f.entry.js → p-4604bbbf.entry.js} +1 -1
- package/dist/dso-toolkit/p-474de47c.entry.js +1 -0
- package/dist/dso-toolkit/p-47b10abe.entry.js +1 -0
- package/dist/dso-toolkit/{p-846794a5.entry.js → p-4c9cefa6.entry.js} +1 -1
- package/dist/dso-toolkit/{p-44552258.entry.js → p-50cb65a2.entry.js} +1 -1
- package/dist/dso-toolkit/{p-de4a1c14.entry.js → p-52a3836d.entry.js} +1 -1
- package/dist/dso-toolkit/{p-c45e35cb.entry.js → p-5a25d8d9.entry.js} +1 -1
- package/dist/dso-toolkit/p-5e95d872.entry.js +1 -0
- package/dist/dso-toolkit/{p-61cd4ede.entry.js → p-5f9a7dbb.entry.js} +1 -1
- package/dist/dso-toolkit/{p-b295a325.entry.js → p-613a3ba8.entry.js} +1 -1
- package/dist/dso-toolkit/{p-c59bc8c0.entry.js → p-61a5baf7.entry.js} +1 -1
- package/dist/dso-toolkit/p-6404d224.entry.js +1 -0
- package/dist/dso-toolkit/{p-57a0fb42.entry.js → p-6956ca7f.entry.js} +1 -1
- package/dist/dso-toolkit/{p-dd84ff10.entry.js → p-6e0d8f02.entry.js} +1 -1
- package/dist/dso-toolkit/{p-94db498f.entry.js → p-6ef02655.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d685a2f7.entry.js → p-7905523e.entry.js} +1 -1
- package/dist/dso-toolkit/{p-ab9af74a.entry.js → p-8bf66f9c.entry.js} +1 -1
- package/dist/dso-toolkit/{p-7e817da1.entry.js → p-8e206e7e.entry.js} +1 -1
- package/dist/dso-toolkit/p-969295b5.entry.js +1 -0
- package/dist/dso-toolkit/{p-6d3cc273.entry.js → p-98aa047d.entry.js} +1 -1
- package/dist/dso-toolkit/p-AZpKxz9p.js +1 -0
- package/dist/dso-toolkit/{p-ViUybizz.js → p-BKr5d3Gu.js} +1 -1
- package/dist/dso-toolkit/{p-tZPA50GA.js → p-Chbfdofl.js} +1 -1
- package/dist/dso-toolkit/{p-DEkvng4d.js → p-Dev1bLxp.js} +1 -1
- package/dist/dso-toolkit/{p-uGZacrki.js → p-DrQGiJP8.js} +1 -1
- package/dist/dso-toolkit/p-PjubEIMY.js +1 -0
- package/dist/dso-toolkit/{p-9c186af8.entry.js → p-a14ee5bd.entry.js} +1 -1
- package/dist/dso-toolkit/{p-c92a750b.entry.js → p-a6a4c4a8.entry.js} +1 -1
- package/dist/dso-toolkit/{p-7f7f9551.entry.js → p-ad49a0c1.entry.js} +1 -1
- package/dist/dso-toolkit/{p-a64cbe94.entry.js → p-b270f26b.entry.js} +1 -1
- package/dist/dso-toolkit/{p-b8614377.entry.js → p-b7e743e1.entry.js} +1 -1
- package/dist/dso-toolkit/{p-c50752f2.entry.js → p-ba238c62.entry.js} +1 -1
- package/dist/dso-toolkit/{p-20fb5b5a.entry.js → p-c1cc6a7c.entry.js} +1 -1
- package/dist/dso-toolkit/{p-39e33d16.entry.js → p-c2be5c47.entry.js} +1 -1
- package/dist/dso-toolkit/{p-17d68c90.entry.js → p-c8d1b667.entry.js} +1 -1
- package/dist/dso-toolkit/p-ce372007.entry.js +1 -0
- package/dist/dso-toolkit/{p-1d1a3740.entry.js → p-d13380b6.entry.js} +1 -1
- package/dist/dso-toolkit/p-d4ee2c83.entry.js +1 -0
- package/dist/dso-toolkit/{p-455afb41.entry.js → p-d68d0a36.entry.js} +1 -1
- package/dist/dso-toolkit/p-d799baab.entry.js +1 -0
- package/dist/dso-toolkit/p-d967c5ba.entry.js +1 -0
- package/dist/dso-toolkit/{p-169b492d.entry.js → p-db0ff9e0.entry.js} +1 -1
- package/dist/dso-toolkit/{p-0d9c2c99.entry.js → p-db32a77a.entry.js} +1 -1
- package/dist/dso-toolkit/p-ddba5bfc.entry.js +1 -0
- package/dist/dso-toolkit/{p-be187c76.entry.js → p-e6085bc0.entry.js} +1 -1
- package/dist/dso-toolkit/p-e6331c16.entry.js +1 -0
- package/dist/dso-toolkit/{p-a56a45c0.entry.js → p-e8c7977e.entry.js} +1 -1
- package/dist/dso-toolkit/p-ef831b89.entry.js +1 -0
- package/dist/dso-toolkit/{p-53a165b2.entry.js → p-f913f551.entry.js} +1 -1
- package/dist/dso-toolkit/p-go_iJ4_L.js +1 -0
- package/dist/esm/{annotation-body-BbGGiDzU.js → annotation-body-DeKLxp3F.js} +1 -1
- package/dist/esm/{annotation-list-renvooi-values-DV918XX7.js → annotation-list-renvooi-values-CGxBKqb7.js} +1 -1
- package/dist/esm/{annotation-watcher-D5FQ94at.js → annotation-watcher-BO_h7wWk.js} +1 -1
- package/dist/esm/dso-accordion-section.entry.js +2 -2
- package/dist/esm/dso-accordion.entry.js +1 -1
- package/dist/esm/dso-action-list-item.entry.js +1 -1
- package/dist/esm/dso-action-list.entry.js +2 -2
- package/dist/esm/dso-advanced-select.entry.js +5 -4
- package/dist/esm/dso-alert_7.entry.js +9 -9
- package/dist/esm/dso-annotation-activiteit.entry.js +5 -5
- package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +4 -4
- package/dist/esm/dso-annotation-kaart.entry.js +3 -3
- package/dist/esm/dso-annotation-locatie_2.entry.js +6 -6
- package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +5 -5
- package/dist/esm/dso-attachments-counter_2.entry.js +2 -2
- package/dist/esm/dso-autosuggest.entry.js +1 -1
- package/dist/esm/dso-banner.entry.js +1 -1
- package/dist/esm/dso-button-group.entry.js +1 -1
- package/dist/esm/dso-card-container.entry.js +2 -2
- package/dist/esm/dso-card.entry.js +1 -1
- package/dist/esm/dso-contact-information.entry.js +1 -1
- package/dist/esm/dso-cursor-tooltip.entry.js +2 -2
- package/dist/esm/dso-date-picker.entry.js +1 -1
- package/dist/esm/dso-document-card.entry.js +1 -1
- package/dist/esm/dso-dropdown-menu.entry.js +1 -1
- package/dist/esm/dso-header.entry.js +104 -6
- package/dist/esm/dso-highlight-box.entry.js +1 -1
- package/dist/esm/dso-history-item.entry.js +1 -1
- package/dist/esm/dso-icon_2.entry.js +10 -6
- package/dist/esm/dso-info_3.entry.js +3 -3
- package/dist/esm/dso-input-range.entry.js +1 -1
- package/dist/esm/dso-label_3.entry.js +4 -4
- package/dist/esm/dso-legend-group.entry.js +1 -1
- package/dist/esm/dso-legend-item.entry.js +4 -4
- package/dist/esm/dso-legend.entry.js +1 -1
- package/dist/esm/dso-list-button.entry.js +1 -1
- package/dist/esm/dso-logo.entry.js +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +1 -1
- package/dist/esm/dso-map-controls.entry.js +1 -1
- package/dist/esm/dso-map-layer-object.entry.js +3 -3
- package/dist/esm/dso-map-layer.entry.js +3 -3
- package/dist/esm/dso-map-message.entry.js +2 -2
- package/dist/esm/dso-map-overlays.entry.js +1 -1
- package/dist/esm/dso-mark-bar.entry.js +1 -1
- package/dist/esm/dso-modal.entry.js +2 -2
- package/dist/esm/dso-onboarding-tip.entry.js +2 -2
- package/dist/esm/dso-pagination.entry.js +1 -1
- package/dist/esm/dso-plekinfo-card.entry.js +3 -3
- package/dist/esm/dso-progress-indicator.entry.js +1 -1
- package/dist/esm/dso-project-item.entry.js +1 -1
- package/dist/esm/dso-responsive-element.entry.js +1 -1
- package/dist/esm/dso-scrollable.entry.js +1 -1
- package/dist/esm/dso-segmented-button.entry.js +1 -1
- package/dist/esm/dso-skiplink.entry.js +1 -1
- package/dist/esm/dso-survey-rating.entry.js +2 -2
- package/dist/esm/dso-tab.entry.js +1 -1
- package/dist/esm/dso-tabs.entry.js +1 -1
- package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
- package/dist/esm/dso-toolkit.js +3 -3
- package/dist/esm/dso-tooltip.entry.js +1 -1
- package/dist/esm/dso-tree-view.entry.js +1 -1
- package/dist/esm/dso-viewer-grid.entry.js +1 -1
- package/dist/esm/dsot-document-component-demo.entry.js +1 -1
- package/dist/esm/{index-uGZacrki.js → index-DrQGiJP8.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{parse-wijzigactie-from-node.function-BtJ4WFIK.js → parse-wijzigactie-from-node.function-BroGebB4.js} +1 -1
- package/dist/esm/{tooltip.functional-component-DNqxwCG5.js → tooltip.functional-component-nHAIYF3o.js} +1 -1
- package/dist/esm/{wrap-wijzigactie.functional-component-ChvYnlwn.js → wrap-wijzigactie.functional-component-BCT1o51-.js} +1 -1
- package/dist/types/components/header/header.d.ts +10 -0
- package/dist/types/components/icon-button/icon-button.d.ts +4 -0
- package/dist/types/components/icon-button/icon-button.interfaces.d.ts +1 -0
- package/dist/types/components.d.ts +11 -0
- package/package.json +3 -3
- package/dist/bundle/p-C3TYRjeb.js +0 -166
- package/dist/bundle/p-CF5u2saq.js +0 -83
- package/dist/bundle/p-CwETV-gv.js +0 -205
- package/dist/bundle/p-D6mShNSe.js +0 -119
- package/dist/bundle/p-DQAO2E8R.js +0 -189
- package/dist/components/dropdown-menu.js +0 -1
- package/dist/dso-toolkit/p-13a4359b.entry.js +0 -1
- package/dist/dso-toolkit/p-164492f5.entry.js +0 -1
- package/dist/dso-toolkit/p-25cea845.entry.js +0 -1
- package/dist/dso-toolkit/p-2df078b0.entry.js +0 -1
- package/dist/dso-toolkit/p-2f0febe0.entry.js +0 -1
- package/dist/dso-toolkit/p-3a3e6ad1.entry.js +0 -1
- package/dist/dso-toolkit/p-3d5affd8.entry.js +0 -1
- package/dist/dso-toolkit/p-432f4b4b.entry.js +0 -1
- package/dist/dso-toolkit/p-4e05b633.entry.js +0 -1
- package/dist/dso-toolkit/p-4f21807b.entry.js +0 -7
- package/dist/dso-toolkit/p-846fe7d0.entry.js +0 -1
- package/dist/dso-toolkit/p-89160dc8.entry.js +0 -1
- package/dist/dso-toolkit/p-9e9eee7c.entry.js +0 -1
- package/dist/dso-toolkit/p-CYHYSMIz.js +0 -1
- package/dist/dso-toolkit/p-DfixBhJX.js +0 -1
- package/dist/dso-toolkit/p-ccdd9458.entry.js +0 -1
- package/dist/dso-toolkit/p-ecb84284.entry.js +0 -1
- package/dist/dso-toolkit/p-eyz38o4U.js +0 -1
- package/dist/dso-toolkit/p-f2d1acf2.entry.js +0 -1
- package/dist/dso-toolkit/p-fcf93614.entry.js +0 -1
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DBi6XQa8.js';
|
|
2
|
-
import { c as clsx } from './p-ChV9xqsO.js';
|
|
3
|
-
import { p as positionTooltip, T as Tooltip } from './p-NCJ9jUD-.js';
|
|
4
|
-
import { d as defineCustomElement$1 } from './p-CuGyp3WQ.js';
|
|
5
|
-
|
|
6
|
-
const badgeCss = () => `.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-badge{border-width:1px;border-style:solid;border-radius:1em;display:inline-block;font-size:0.875em;line-height:1;min-inline-size:1.5rem;padding-block:4px;padding-inline:8px;text-align:center;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#666;color:#fff;border-color:#666}.dso-badge.badge-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.badge-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.badge-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.badge-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.badge-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.badge-info{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff;border-color:#2b5780}.dso-badge.badge-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.badge-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.badge-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.badge-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.badge-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.badge-primary{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff;border-color:#275937}.dso-badge.badge-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.badge-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.badge-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.badge-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.badge-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.badge-success{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff;border-color:#39870c}.dso-badge.badge-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.badge-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-badge.badge-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-badge.badge-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-badge.badge-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-badge.badge-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919;border-color:#dcd400}.dso-badge.badge-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.badge-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.badge-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.badge-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.badge-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.badge-error{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff;border-color:#ce3f51}.dso-badge.badge-outline{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-color:#191919}.dso-badge.badge-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.badge-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.badge-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.badge-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.badge-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.badge-attention{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff;border-color:#8b4a6a}.dso-badge.interactive:hover,.dso-badge.interactive:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive:hover,.dso-badge.interactive:focus-visible{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#4c4c4c;color:#fff;border-color:#4c4c4c}.dso-badge.interactive.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.toggled{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#323232;color:#fff;border-color:#323232}.dso-badge.interactive.badge-info:hover,.dso-badge.interactive.badge-info:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-info:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-info:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-info:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-info:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-info:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-info:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-info:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-info:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-info:hover,.dso-badge.interactive.badge-info:focus-visible{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#224666;color:#fff;border-color:#224666}.dso-badge.interactive.badge-info.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-info.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-info.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-info.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-info.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-info.toggled{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#1e3d5a;color:#fff;border-color:#1e3d5a}.dso-badge.interactive.badge-primary:hover,.dso-badge.interactive.badge-primary:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-primary:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-primary:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-primary:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-primary:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-primary:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-primary:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-primary:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-primary:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-primary:hover,.dso-badge.interactive.badge-primary:focus-visible{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#1f472c;color:#fff;border-color:#1f472c}.dso-badge.interactive.badge-primary.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-primary.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-primary.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-primary.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-primary.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-primary.toggled{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#1b3e27;color:#fff;border-color:#1b3e27}.dso-badge.interactive.badge-success:hover,.dso-badge.interactive.badge-success:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-success:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-success:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-success:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-success:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-success:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-success:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-success:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-success:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-success:hover,.dso-badge.interactive.badge-success:focus-visible{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2e6c0a;color:#fff;border-color:#2e6c0a}.dso-badge.interactive.badge-success.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-success.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-success.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-success.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-success.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-success.toggled{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#285f08;color:#fff;border-color:#285f08}.dso-badge.interactive.badge-warning:hover,.dso-badge.interactive.badge-warning:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-warning:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-warning:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-badge.interactive.badge-warning:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-warning:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-badge.interactive.badge-warning:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-warning:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-badge.interactive.badge-warning:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-warning:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-badge.interactive.badge-warning:hover,.dso-badge.interactive.badge-warning:focus-visible{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#c6bf00;color:#191919;border-color:#c6bf00}.dso-badge.interactive.badge-warning.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-warning.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-badge.interactive.badge-warning.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-badge.interactive.badge-warning.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-badge.interactive.badge-warning.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-badge.interactive.badge-warning.toggled{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#b0aa00;color:#191919;border-color:#b0aa00}.dso-badge.interactive.badge-error:hover,.dso-badge.interactive.badge-error:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-error:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-error:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-error:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-error:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-error:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-error:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-error:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-error:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-error:hover,.dso-badge.interactive.badge-error:focus-visible{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#a53241;color:#fff;border-color:#a53241}.dso-badge.interactive.badge-error.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-error.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-error.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-error.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-error.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-error.toggled{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#902c39;color:#fff;border-color:#902c39}.dso-badge.interactive.badge-outline:hover,.dso-badge.interactive.badge-outline:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-outline:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-outline:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-badge.interactive.badge-outline:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-outline:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-badge.interactive.badge-outline:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-outline:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-badge.interactive.badge-outline:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-outline:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-badge.interactive.badge-outline:hover,.dso-badge.interactive.badge-outline:focus-visible{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e5e5e5;color:#191919;border-color:#191919}.dso-badge.interactive.badge-outline.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-outline.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-badge.interactive.badge-outline.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-badge.interactive.badge-outline.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-badge.interactive.badge-outline.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-badge.interactive.badge-outline.toggled{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#ccc;color:#191919;border-color:#191919}.dso-badge.interactive.badge-attention:hover,.dso-badge.interactive.badge-attention:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-attention:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible),.dso-badge.interactive.badge-attention:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-attention:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible),.dso-badge.interactive.badge-attention:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-attention:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible),.dso-badge.interactive.badge-attention:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-attention:hover a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible),.dso-badge.interactive.badge-attention:focus-visible a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-attention:hover,.dso-badge.interactive.badge-attention:focus-visible{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#6f3b55;color:#fff;border-color:#6f3b55}.dso-badge.interactive.badge-attention.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-badge.interactive.badge-attention.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-badge.interactive.badge-attention.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-badge.interactive.badge-attention.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-badge.interactive.badge-attention.toggled a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-badge.interactive.badge-attention.toggled{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#61344a;color:#fff;border-color:#61344a}.toggletip-button{background-color:transparent;border:0;cursor:pointer;font-size:1rem;padding:0}.toggletip-button+.dso-tooltip{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.toggletip-button+.dso-tooltip a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.toggletip-button+.dso-tooltip a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.toggletip-button+.dso-tooltip a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.toggletip-button+.dso-tooltip a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.toggletip-button+.dso-tooltip{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#666;color:#fff;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:320px}.toggletip-button+.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.toggletip-button+.dso-tooltip .tooltip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.toggletip-button+.dso-tooltip .tooltip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.toggletip-button+.dso-tooltip .tooltip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.toggletip-button+.dso-tooltip .tooltip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.toggletip-button+.dso-tooltip .tooltip-inner{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#666;color:#fff;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:8px;border-radius:4px;line-height:1.5}.toggletip-button+.dso-tooltip .tooltip-arrow{position:absolute;background-color:#666;border-start-start-radius:4px;block-size:8px;inline-size:8px;pointer-events:none;z-index:-1}`;
|
|
7
|
-
|
|
8
|
-
const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
|
|
9
|
-
constructor(registerHost) {
|
|
10
|
-
super();
|
|
11
|
-
if (registerHost !== false) {
|
|
12
|
-
this.__registerHost();
|
|
13
|
-
}
|
|
14
|
-
this.__attachShadow();
|
|
15
|
-
this.lastClickTime = 0;
|
|
16
|
-
this.tooltipShowDelay = 500;
|
|
17
|
-
/**
|
|
18
|
-
* The placement of the toggletip on click of the interactive Badge with Toggletip.
|
|
19
|
-
*/
|
|
20
|
-
this.toggletipPlacement = "top";
|
|
21
|
-
this.toggletipActive = false;
|
|
22
|
-
this.hasToggletip = false;
|
|
23
|
-
this.handleShowTooltip = () => {
|
|
24
|
-
// Don't show the tooltip if the button is clicked within 500ms of the last click
|
|
25
|
-
if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
this.clearToolTipTimeout();
|
|
29
|
-
this.tooltipTimeout = window.setTimeout(() => {
|
|
30
|
-
if (!this.tooltipElRef?.isConnected) {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
this.tooltipElRef?.showPopover();
|
|
34
|
-
if (!this.cleanUpFunctionTooltip && this.buttonElRef && this.tooltipElRef && this.tooltipArrowElRef) {
|
|
35
|
-
this.cleanUpFunctionTooltip = positionTooltip({
|
|
36
|
-
referenceElement: this.buttonElRef,
|
|
37
|
-
tipRef: this.tooltipElRef,
|
|
38
|
-
tipArrowRef: this.tooltipArrowElRef,
|
|
39
|
-
placementTip: "top",
|
|
40
|
-
topPositionSmallViewPort: false,
|
|
41
|
-
halfMainAxisOffset: false,
|
|
42
|
-
forceVisible: true,
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}, this.tooltipShowDelay);
|
|
46
|
-
};
|
|
47
|
-
this.handleHideTooltip = () => {
|
|
48
|
-
this.clearToolTipTimeout();
|
|
49
|
-
if (this.tooltipElRef?.isConnected && this.tooltipElRef.matches(":popover-open")) {
|
|
50
|
-
this.tooltipElRef.hidePopover();
|
|
51
|
-
}
|
|
52
|
-
if (this.cleanUpFunctionTooltip) {
|
|
53
|
-
this.cleanUpFunctionTooltip();
|
|
54
|
-
this.cleanUpFunctionTooltip = undefined;
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
this.keyDownHandler = (event) => {
|
|
58
|
-
if (!this.toggletipActive)
|
|
59
|
-
return;
|
|
60
|
-
if (event.key === "Escape") {
|
|
61
|
-
this.toggletipActive = false;
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
this.focusOutHandler = (event) => {
|
|
65
|
-
if (!this.host.contains(event.relatedTarget)) {
|
|
66
|
-
this.toggletipActive = false;
|
|
67
|
-
this.toggletipElRef?.hidePopover();
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
this.clearToolTipTimeout = () => {
|
|
71
|
-
if (this.tooltipTimeout) {
|
|
72
|
-
clearTimeout(this.tooltipTimeout);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
handleToggle() {
|
|
77
|
-
this.lastClickTime = Date.now();
|
|
78
|
-
this.toggletipActive = !this.toggletipActive;
|
|
79
|
-
this.handleHideTooltip();
|
|
80
|
-
}
|
|
81
|
-
cleanUpToggletip() {
|
|
82
|
-
this.cleanUpFunctionToggletip?.();
|
|
83
|
-
this.cleanUpFunctionToggletip = undefined;
|
|
84
|
-
}
|
|
85
|
-
cleanUpTooltip() {
|
|
86
|
-
this.clearToolTipTimeout();
|
|
87
|
-
this.cleanUpFunctionTooltip?.();
|
|
88
|
-
this.cleanUpFunctionTooltip = undefined;
|
|
89
|
-
}
|
|
90
|
-
componentDidRender() {
|
|
91
|
-
if (!this.hasToggletip) {
|
|
92
|
-
this.toggletipElRef?.hidePopover();
|
|
93
|
-
this.cleanUpToggletip();
|
|
94
|
-
this.cleanUpTooltip();
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
if (!this.cleanUpFunctionToggletip &&
|
|
98
|
-
this.toggletipActive &&
|
|
99
|
-
this.buttonElRef &&
|
|
100
|
-
this.toggletipElRef &&
|
|
101
|
-
this.toggletipArrowElRef) {
|
|
102
|
-
this.cleanUpFunctionToggletip = positionTooltip({
|
|
103
|
-
referenceElement: this.buttonElRef,
|
|
104
|
-
tipRef: this.toggletipElRef,
|
|
105
|
-
tipArrowRef: this.toggletipArrowElRef,
|
|
106
|
-
placementTip: this.toggletipPlacement,
|
|
107
|
-
restrictContentElement: this.restrictContentElement,
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
if (this.cleanUpFunctionToggletip) {
|
|
111
|
-
if (this.toggletipActive) {
|
|
112
|
-
this.toggletipElRef?.showPopover();
|
|
113
|
-
}
|
|
114
|
-
else {
|
|
115
|
-
this.toggletipElRef?.hidePopover();
|
|
116
|
-
this.cleanUpToggletip();
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
connectedCallback() {
|
|
121
|
-
this.mutationObserver = new MutationObserver(() => {
|
|
122
|
-
this.hasToggletip = !!this.host.querySelector("[slot='toggletip']");
|
|
123
|
-
});
|
|
124
|
-
this.mutationObserver.observe(this.host, {
|
|
125
|
-
childList: true,
|
|
126
|
-
attributes: true,
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
disconnectedCallback() {
|
|
130
|
-
this.cleanUpToggletip();
|
|
131
|
-
this.mutationObserver?.disconnect();
|
|
132
|
-
delete this.mutationObserver;
|
|
133
|
-
}
|
|
134
|
-
render() {
|
|
135
|
-
return ((this.hasToggletip && (h(Host, { key: '2d25d87a76c142459c782f1cf0a08420a5abbb3b', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: 'bb6195981bfb96c304ed2688ab641d201815068c', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: 'e0dddc8bce05334ef7b384a1329c6053f8103924', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '3d87639654caea6d6fc8c979be555d835fb79872' }))), h(Tooltip, { key: 'ebb6a04bfcfb9161c52564f21e129bcef2a3468c', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '3066b04379adf8924c9739804534f58f7c458faf', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: '568d942b7cdf26bcdb66e23d44a3aa6b87e5915a', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'caa5e141110124717e718b26dbc62d9c3e27e95e', name: "toggletip" })))))) ||
|
|
136
|
-
(!this.hasToggletip && (h("span", { key: 'a44e767ebb07af2d9a6795d86405a62fb22734e1', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'd39894fd1236eb0be88f3171f0a2767a26ba6891' })))));
|
|
137
|
-
}
|
|
138
|
-
get host() { return this; }
|
|
139
|
-
static get style() { return badgeCss(); }
|
|
140
|
-
}, [257, "dso-badge", {
|
|
141
|
-
"status": [513],
|
|
142
|
-
"label": [513],
|
|
143
|
-
"toggletipPlacement": [513, "toggletip-placement"],
|
|
144
|
-
"toggletipActive": [32],
|
|
145
|
-
"hasToggletip": [32]
|
|
146
|
-
}]);
|
|
147
|
-
function defineCustomElement() {
|
|
148
|
-
if (typeof customElements === "undefined") {
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
const components = ["dso-badge", "dso-scrollable"];
|
|
152
|
-
components.forEach(tagName => { switch (tagName) {
|
|
153
|
-
case "dso-badge":
|
|
154
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
155
|
-
customElements.define(transformTag(tagName), Badge);
|
|
156
|
-
}
|
|
157
|
-
break;
|
|
158
|
-
case "dso-scrollable":
|
|
159
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
160
|
-
defineCustomElement$1();
|
|
161
|
-
}
|
|
162
|
-
break;
|
|
163
|
-
} });
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
export { Badge as B, defineCustomElement as d };
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DBi6XQa8.js';
|
|
2
|
-
import { c as clsx } from './p-ChV9xqsO.js';
|
|
3
|
-
import { i as i18n } from './p-DwBHVuoZ.js';
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-DQ4k80p_.js';
|
|
5
|
-
import { d as defineCustomElement$1 } from './p-D6mShNSe.js';
|
|
6
|
-
|
|
7
|
-
const translations = {
|
|
8
|
-
en: {
|
|
9
|
-
"dso-alert": {
|
|
10
|
-
close: "Close",
|
|
11
|
-
success: "Success",
|
|
12
|
-
info: "Notice",
|
|
13
|
-
warning: "Warning",
|
|
14
|
-
error: "Error",
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
nl: {
|
|
18
|
-
"dso-alert": {
|
|
19
|
-
close: "Sluiten",
|
|
20
|
-
success: "Gelukt",
|
|
21
|
-
info: "Opmerking",
|
|
22
|
-
warning: "Waarschuwing",
|
|
23
|
-
error: "Fout",
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
const alertCss = () => `:host{display:block}:host(:not(:first-child)){margin-block-start:24px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 24px);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert:not(:first-child){margin-block-start:24px}.alert .icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.dso-compact{min-block-size:16px}.alert.alert-success{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-success{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-error{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-error{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-warning{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.alert.alert-info{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{min-block-size:16px}::slotted(.dso-rich-content){--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0;--_dso-button-primary-color:#000;--_dso-button-primary-background-color:rgba(25, 25, 25, 0.05);--_dso-button-primary-border-color:rgba(25, 25, 25, 0.05);--_dso-button-primary-hover-color:#000;--_dso-button-primary-hover-background-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-hover-border-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-active-color:#000;--_dso-button-primary-active-background-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-active-border-color:rgba(25, 25, 25, 0.2);--_dt-heading-base-color:#000;--_dt-heading-h2-color:#000;--_dt-heading-h3-color:#000;--_dt-heading-h4-color:#000;--_dt-heading-h5-color:#000;--_dt-heading-h1-font-size-xs:1em;--_dt-heading-h1-font-size:1em;--_dt-heading-h2-font-size-xs:1em;--_dt-heading-h2-font-size:1em;--_dt-heading-h3-font-size-xs:1em;--_dt-heading-h3-font-size:1em;--_dt-heading-h4-font-size:1em;--_dt-heading-h5-font-size:1em;--_dt-heading-h6-font-size:1em;--_dt-heading-h1-line-height:1.5;--_dt-heading-h2-line-height:1.5;--_dt-heading-h3-line-height:1.5;--_dt-heading-h4-line-height:1.5;--_dt-heading-h5-line-height:1.5;--_dt-heading-h6-line-height:1.5;--_dt-heading-margin-large-margin-block-end:8px;--_dt-heading-margin-large-margin-block-start:8px;--_dt-heading-margin-small-margin-block-end:8px;--_dt-heading-margin-small-margin-block-start:8px}`;
|
|
29
|
-
|
|
30
|
-
const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends H {
|
|
31
|
-
constructor(registerHost) {
|
|
32
|
-
super();
|
|
33
|
-
if (registerHost !== false) {
|
|
34
|
-
this.__registerHost();
|
|
35
|
-
}
|
|
36
|
-
this.__attachShadow();
|
|
37
|
-
this.dsoClose = createEvent(this, "dsoClose", 7);
|
|
38
|
-
/**
|
|
39
|
-
* When `false` the close button in the alert will not be rendered.
|
|
40
|
-
*/
|
|
41
|
-
this.closable = false;
|
|
42
|
-
this.text = i18n(() => this.host, translations);
|
|
43
|
-
}
|
|
44
|
-
render() {
|
|
45
|
-
const status = this.text(this.status);
|
|
46
|
-
if (!status) {
|
|
47
|
-
throw new Error(`Invalid status ${this.status}`);
|
|
48
|
-
}
|
|
49
|
-
return (h("div", { key: '3523f656fb83ebc5c1b64b6a81796debcb180d5a', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && (h("dso-icon", { key: 'cc5b49cc6711309d3beac250028aff76dc0d25c4', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}` })), h("span", { key: 'facad507699a3b11049f516b189dae8f54ce42e4', class: "sr-only" }, status, ":"), h("slot", { key: '33b0fda4382a8cd1408b4b423ba4f29ef2c132a7' }), this.closable && (h("dso-icon-button", { key: 'ab8e6a15ea79dc19252fd7adcb68243d50e7a937', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
|
|
50
|
-
}
|
|
51
|
-
get host() { return this; }
|
|
52
|
-
static get style() { return alertCss(); }
|
|
53
|
-
}, [257, "dso-alert", {
|
|
54
|
-
"status": [513],
|
|
55
|
-
"roleAlert": [4, "role-alert"],
|
|
56
|
-
"compact": [516],
|
|
57
|
-
"closable": [4]
|
|
58
|
-
}]);
|
|
59
|
-
function defineCustomElement() {
|
|
60
|
-
if (typeof customElements === "undefined") {
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
const components = ["dso-alert", "dso-icon", "dso-icon-button"];
|
|
64
|
-
components.forEach(tagName => { switch (tagName) {
|
|
65
|
-
case "dso-alert":
|
|
66
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
67
|
-
customElements.define(transformTag(tagName), Alert);
|
|
68
|
-
}
|
|
69
|
-
break;
|
|
70
|
-
case "dso-icon":
|
|
71
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
72
|
-
defineCustomElement$2();
|
|
73
|
-
}
|
|
74
|
-
break;
|
|
75
|
-
case "dso-icon-button":
|
|
76
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
77
|
-
defineCustomElement$1();
|
|
78
|
-
}
|
|
79
|
-
break;
|
|
80
|
-
} });
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export { Alert as A, defineCustomElement as d };
|
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DBi6XQa8.js';
|
|
2
|
-
import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './p-zRaH89Qj.js';
|
|
3
|
-
import { t as tabbable } from './p-PsHl6ZhV.js';
|
|
4
|
-
import { g as getActiveElement } from './p-BWkWD1Z2.js';
|
|
5
|
-
import { v as v4 } from './p-CK3_k8jD.js';
|
|
6
|
-
|
|
7
|
-
const dropdownMenuCss = () => `:host(:focus){outline:none}:host{display:inline-block}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}`;
|
|
8
|
-
|
|
9
|
-
const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class DropdownMenu extends H {
|
|
10
|
-
constructor(registerHost) {
|
|
11
|
-
super();
|
|
12
|
-
if (registerHost !== false) {
|
|
13
|
-
this.__registerHost();
|
|
14
|
-
}
|
|
15
|
-
this.__attachShadow();
|
|
16
|
-
/**
|
|
17
|
-
* Whether the menu is open or closed.
|
|
18
|
-
* This attribute is reflected and mutable.
|
|
19
|
-
*/
|
|
20
|
-
this.open = false;
|
|
21
|
-
/**
|
|
22
|
-
* Alignment of the dropdown
|
|
23
|
-
*/
|
|
24
|
-
this.dropdownAlign = "left";
|
|
25
|
-
/**
|
|
26
|
-
* Space between button and dropdown options
|
|
27
|
-
*/
|
|
28
|
-
this.dropdownOptionsOffset = 2;
|
|
29
|
-
/**
|
|
30
|
-
* Whether the menu is checkable.
|
|
31
|
-
*/
|
|
32
|
-
this.checkable = false;
|
|
33
|
-
this.focusOutListener = (event) => {
|
|
34
|
-
if (this.open &&
|
|
35
|
-
(!(event.relatedTarget instanceof H) || !this.tabbables(true).includes(event.relatedTarget))) {
|
|
36
|
-
this.toggleOptions(false);
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
this.keyDownListener = (event) => {
|
|
40
|
-
if (event.defaultPrevented || !this.open) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
switch (event.key) {
|
|
44
|
-
case "Tab":
|
|
45
|
-
if (event.shiftKey) {
|
|
46
|
-
this.tabInPopup(this.tabbables(true), -1);
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
this.tabInPopup(this.tabbables(true), 1);
|
|
50
|
-
}
|
|
51
|
-
break;
|
|
52
|
-
case "ArrowDown":
|
|
53
|
-
this.tabInPopup(this.tabbables(false), 1);
|
|
54
|
-
break;
|
|
55
|
-
case "ArrowUp":
|
|
56
|
-
this.tabInPopup(this.tabbables(false), -1);
|
|
57
|
-
break;
|
|
58
|
-
case "Escape":
|
|
59
|
-
this.escape();
|
|
60
|
-
break;
|
|
61
|
-
case " ":
|
|
62
|
-
if (event.target instanceof H) {
|
|
63
|
-
event.target.click();
|
|
64
|
-
}
|
|
65
|
-
break;
|
|
66
|
-
default:
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
event.preventDefault();
|
|
70
|
-
};
|
|
71
|
-
this.escape = () => {
|
|
72
|
-
this.button.focus();
|
|
73
|
-
this.toggleOptions(false);
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
get button() {
|
|
77
|
-
const button = this.host.querySelector('button[slot="toggle"]');
|
|
78
|
-
if (!(button instanceof HTMLButtonElement)) {
|
|
79
|
-
throw new ReferenceError("Mandatory toggle button not found");
|
|
80
|
-
}
|
|
81
|
-
return button;
|
|
82
|
-
}
|
|
83
|
-
tabbables(withButton) {
|
|
84
|
-
const tabbables = this.host.isConnected ? tabbable(this.host) : [];
|
|
85
|
-
return withButton ? tabbables : tabbables.filter((element) => element !== this.button);
|
|
86
|
-
}
|
|
87
|
-
componentDidLoad() {
|
|
88
|
-
this.button.setAttribute("aria-haspopup", "menu");
|
|
89
|
-
this.button.setAttribute("aria-expanded", "false");
|
|
90
|
-
if (!this.button.id) {
|
|
91
|
-
this.button.id = v4();
|
|
92
|
-
}
|
|
93
|
-
const dropdownOptionsElement = this.host.querySelector(".dso-dropdown-options");
|
|
94
|
-
if (!(dropdownOptionsElement instanceof H)) {
|
|
95
|
-
throw new Error("dropdown options element is not instanceof HTMLElement");
|
|
96
|
-
}
|
|
97
|
-
dropdownOptionsElement.setAttribute("role", "menu");
|
|
98
|
-
dropdownOptionsElement.setAttribute("aria-labelledby", this.button.id);
|
|
99
|
-
for (const ul of Array.from(this.host.getElementsByTagName("ul"))) {
|
|
100
|
-
ul.setAttribute("role", "group");
|
|
101
|
-
for (const li of Array.from(ul.getElementsByTagName("li"))) {
|
|
102
|
-
li.setAttribute("role", "none");
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
componentDidRender() {
|
|
107
|
-
for (const li of Array.from(this.host.getElementsByTagName("li"))) {
|
|
108
|
-
for (const tab of this.host.isConnected ? tabbable(li) : []) {
|
|
109
|
-
tab.setAttribute("role", this.checkable ? "menuitemradio" : "menuitem");
|
|
110
|
-
if (this.checkable) {
|
|
111
|
-
tab.setAttribute("aria-checked", li.classList.contains("dso-checked").toString());
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
this.button.setAttribute("aria-expanded", this.open ? "true" : "false");
|
|
116
|
-
if (this.popoverElement && !this.cleanUp) {
|
|
117
|
-
const element = this.popoverElement;
|
|
118
|
-
this.cleanUp = autoUpdate(this.button, element, () => {
|
|
119
|
-
computePosition(this.button, element, {
|
|
120
|
-
strategy: "fixed",
|
|
121
|
-
middleware: [
|
|
122
|
-
offset(this.dropdownOptionsOffset),
|
|
123
|
-
flip({
|
|
124
|
-
padding: this.dropdownOptionsOffset,
|
|
125
|
-
}),
|
|
126
|
-
],
|
|
127
|
-
placement: this.dropdownAlign === "right" ? "bottom-end" : "bottom-start",
|
|
128
|
-
}).then(({ x, y }) => {
|
|
129
|
-
Object.assign(element.style, {
|
|
130
|
-
left: `${x}px`,
|
|
131
|
-
top: `${y}px`,
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
onClick(event) {
|
|
138
|
-
const composedPath = event.composedPath();
|
|
139
|
-
if (this.isToggleButtonEvent(composedPath)) {
|
|
140
|
-
this.toggleOptions();
|
|
141
|
-
}
|
|
142
|
-
else if (this.open && this.isMenuItemEvent(composedPath)) {
|
|
143
|
-
this.toggleOptions(false);
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
isToggleButtonEvent(composedPath) {
|
|
147
|
-
return composedPath.includes(this.button);
|
|
148
|
-
}
|
|
149
|
-
isMenuItemEvent(composedPath) {
|
|
150
|
-
return composedPath.includes(this.host) && !this.isToggleButtonEvent(composedPath);
|
|
151
|
-
}
|
|
152
|
-
toggleOptions(force) {
|
|
153
|
-
this.open = force ?? !this.open;
|
|
154
|
-
if (this.popoverElement?.isConnected) {
|
|
155
|
-
this.popoverElement?.togglePopover(this.open);
|
|
156
|
-
}
|
|
157
|
-
if (!this.open && this.cleanUp) {
|
|
158
|
-
this.cleanUp();
|
|
159
|
-
this.cleanUp = undefined;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
connectedCallback() {
|
|
163
|
-
this.host.addEventListener("keydown", this.keyDownListener);
|
|
164
|
-
}
|
|
165
|
-
disconnectedCallback() {
|
|
166
|
-
this.host.removeEventListener("keydown", this.keyDownListener);
|
|
167
|
-
this.toggleOptions(false);
|
|
168
|
-
}
|
|
169
|
-
tabInPopup(tabbables, direction) {
|
|
170
|
-
const currentIndex = tabbables.findIndex((e) => e === getActiveElement());
|
|
171
|
-
let nextIndex = currentIndex + direction;
|
|
172
|
-
if (nextIndex >= tabbables.length) {
|
|
173
|
-
nextIndex = 0;
|
|
174
|
-
}
|
|
175
|
-
else if (nextIndex < 0) {
|
|
176
|
-
nextIndex = tabbables.length - 1;
|
|
177
|
-
}
|
|
178
|
-
tabbables[nextIndex]?.focus();
|
|
179
|
-
}
|
|
180
|
-
render() {
|
|
181
|
-
return (h(Host, { key: '28f8eb6a00bf4a1b139c917e44ce8de42067e8c6', onFocusout: this.focusOutListener }, h("slot", { key: 'fcf093b872932b1f604ae3d5f93391189ac60bbb', name: "toggle" }), h("div", { key: '2a621a9cdcf5817faf1354640a0062caa5c5fe04', popover: "manual", ref: (element) => (this.popoverElement = element) }, h("slot", { key: '68633d9a0c505d120acac96e15058d44e01d9a00' }))));
|
|
182
|
-
}
|
|
183
|
-
get host() { return this; }
|
|
184
|
-
static get style() { return dropdownMenuCss(); }
|
|
185
|
-
}, [257, "dso-dropdown-menu", {
|
|
186
|
-
"open": [1540],
|
|
187
|
-
"dropdownAlign": [1, "dropdown-align"],
|
|
188
|
-
"dropdownOptionsOffset": [2, "dropdown-options-offset"],
|
|
189
|
-
"checkable": [4]
|
|
190
|
-
}, [[8, "click", "onClick"]]]);
|
|
191
|
-
function defineCustomElement() {
|
|
192
|
-
if (typeof customElements === "undefined") {
|
|
193
|
-
return;
|
|
194
|
-
}
|
|
195
|
-
const components = ["dso-dropdown-menu"];
|
|
196
|
-
components.forEach(tagName => { switch (tagName) {
|
|
197
|
-
case "dso-dropdown-menu":
|
|
198
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
199
|
-
customElements.define(transformTag(tagName), DropdownMenu);
|
|
200
|
-
}
|
|
201
|
-
break;
|
|
202
|
-
} });
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
export { DropdownMenu as D, defineCustomElement as d };
|