@dso-toolkit/core 99.3.0 → 99.4.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 +6 -6
- package/dist/bundle/dso-action-list-item.js +1 -1
- package/dist/bundle/dso-advanced-select.js +15 -11
- package/dist/bundle/dso-alert.js +1 -1
- package/dist/bundle/dso-annotation-activiteit.js +4 -4
- package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +4 -4
- package/dist/bundle/dso-annotation-kaart.js +2 -2
- package/dist/bundle/dso-annotation-locatie.js +1 -1
- package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +4 -4
- package/dist/bundle/dso-attachments-counter.js +1 -1
- package/dist/bundle/dso-autosuggest.js +10 -7
- package/dist/bundle/dso-badge.js +1 -1
- package/dist/bundle/dso-banner.js +3 -3
- package/dist/bundle/dso-button-group.js +1 -1
- package/dist/bundle/dso-card-container.js +1 -1
- package/dist/bundle/dso-card.js +3 -3
- package/dist/bundle/dso-contact-information.js +1 -1
- package/dist/bundle/dso-cursor-tooltip.js +1 -1
- 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-group.js +2 -2
- package/dist/bundle/dso-dropdown-menu-item.js +2 -2
- package/dist/bundle/dso-dropdown-menu.js +6 -6
- package/dist/bundle/dso-expandable.js +1 -1
- package/dist/bundle/dso-header.js +6 -6
- 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 +2 -2
- package/dist/bundle/dso-label.js +1 -1
- package/dist/bundle/dso-legend-group.js +4 -4
- package/dist/bundle/dso-legend-item.js +8 -8
- package/dist/bundle/dso-legend.js +5 -5
- package/dist/bundle/dso-list-button.js +8 -8
- package/dist/bundle/dso-logo.js +1 -1
- package/dist/bundle/dso-map-base-layers.js +9 -9
- package/dist/bundle/dso-map-controls.js +7 -7
- package/dist/bundle/dso-map-layer-object.js +2 -2
- package/dist/bundle/dso-map-layer.js +2 -2
- package/dist/bundle/dso-map-message.js +3 -3
- package/dist/bundle/dso-map-overlays.js +9 -9
- package/dist/bundle/dso-mark-bar.js +3 -3
- package/dist/bundle/dso-modal.js +1 -1
- package/dist/bundle/dso-onboarding-tip.js +4 -4
- 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 +2 -2
- package/dist/bundle/dso-panel.js +1 -1
- package/dist/bundle/dso-plekinfo-card.js +2 -2
- package/dist/bundle/dso-progress-indicator.js +1 -1
- package/dist/bundle/dso-project-item.js +4 -4
- 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-table.js +1 -1
- package/dist/bundle/dso-tabs.js +1 -1
- package/dist/bundle/dso-tijdreis-banner.js +2 -2
- package/dist/bundle/dso-tooltip.js +1 -1
- package/dist/bundle/dso-tree-view.js +3 -3
- package/dist/bundle/dso-viewer-grid.js +3 -3
- package/dist/bundle/dsot-document-component-demo.js +17 -17
- package/dist/bundle/{p-DjHplS8O.js → p-A4t9O4cN.js} +4 -4
- package/dist/bundle/{p-ClkjYPNB.js → p-BEvvjBre.js} +2 -2
- package/dist/bundle/{p-46yF0HRA.js → p-BHoewcI-.js} +10 -10
- package/dist/bundle/{p-CIKsNci_.js → p-BPeUsEu7.js} +1 -1
- package/dist/bundle/{p-BgSoLhHt.js → p-BSPLBZYE.js} +6 -6
- package/dist/bundle/p-BdeLamBx.js +162 -0
- package/dist/bundle/{p-qKhyhLEu.js → p-BoPUWtZk.js} +17 -17
- package/dist/bundle/{p-ClbMNMhN.js → p-C-LiStfD.js} +2 -2
- package/dist/bundle/{p-Du2uEAur.js → p-C9U8p69U.js} +1 -1
- package/dist/bundle/{p-hUKFzHir.js → p-CAqSxnd4.js} +3 -3
- package/dist/{esm/i18n-CUWMAyh7.js → bundle/p-CCOI5nUo.js} +9 -6
- package/dist/bundle/{p-DLeHmqb5.js → p-CC_FTvSe.js} +3 -3
- package/dist/bundle/{p-BnKQUOO3.js → p-CIYEcIdu.js} +2 -2
- package/dist/{esm/v4-BF0_OXTe.js → bundle/p-CK3_k8jD.js} +6 -13
- package/dist/bundle/{p-Bw8_UiAv.js → p-Cs38e0-P.js} +4 -4
- package/dist/bundle/{p-BHLdB8zD.js → p-CyPdFUPX.js} +1 -1
- package/dist/bundle/{p-CnCAM5gC.js → p-Cybcqk9K.js} +118 -123
- package/dist/bundle/{p-CXcA4DEL.js → p-CyyXeBpT.js} +5 -5
- package/dist/bundle/{p-ryJKPQPH.js → p-DChzHBbI.js} +4 -4
- package/dist/bundle/{p-y0R9QGf7.js → p-DHLpi_b6.js} +5 -5
- package/dist/bundle/{p-BXj3KQLr.js → p-DaYftqWs.js} +3 -3
- package/dist/bundle/{p-Cc1GnE4g.js → p-Dhml-KNY.js} +4 -4
- package/dist/bundle/{p-BuYJl3wN.js → p-DjX5FuBA.js} +2 -2
- package/dist/bundle/{p-WTVvB0zs.js → p-DtOWRu1L.js} +10 -6
- package/dist/bundle/{p-BVpypRBU.js → p-J6T9IaVD.js} +4 -7
- package/dist/bundle/{p-CNgFbSIC.js → p-Slg3tfdg.js} +1 -1
- package/dist/bundle/{p-DpwxsXR-.js → p-lAMOCPzk.js} +1 -1
- package/dist/cjs/dso-advanced-select.cjs.entry.js +10 -6
- package/dist/cjs/dso-alert_7.cjs.entry.js +12 -12
- package/dist/cjs/dso-annotation-locatie_2.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 +7 -4
- package/dist/cjs/dso-banner.cjs.entry.js +2 -2
- package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
- package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
- package/dist/cjs/dso-card.cjs.entry.js +2 -2
- package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
- package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
- 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-group.cjs.entry.js +2 -2
- package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-dropdown-menu.cjs.entry.js +4 -4
- package/dist/cjs/dso-header.cjs.entry.js +4 -4
- 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-button.cjs.entry.js +3 -7
- package/dist/cjs/dso-icon.cjs.entry.js +1 -1
- package/dist/cjs/dso-info_3.cjs.entry.js +8 -5
- package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
- package/dist/cjs/dso-label_3.cjs.entry.js +6 -6
- package/dist/cjs/dso-legend-group.cjs.entry.js +2 -2
- package/dist/cjs/dso-legend-item.cjs.entry.js +3 -3
- package/dist/cjs/dso-legend.cjs.entry.js +2 -2
- package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
- package/dist/cjs/dso-logo.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -3
- package/dist/cjs/dso-map-controls.cjs.entry.js +3 -3
- package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-message.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-overlays.cjs.entry.js +3 -3
- package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
- package/dist/cjs/dso-modal.cjs.entry.js +5 -4
- package/dist/cjs/dso-onboarding-tip.cjs.entry.js +3 -3
- package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-progress-indicator.cjs.entry.js +2 -2
- 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 +2 -2
- 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-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- 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 +3 -3
- package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
- package/dist/cjs/{floating-ui.dom-ClybLJQM.js → floating-ui.dom-BKTTOpb1.js} +118 -123
- package/dist/cjs/{i18n-DK8kVhhe.js → i18n-DH0Su3jj.js} +9 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{position-tooltip.function-BjWi5ZKZ.js → position-tooltip.function-DCOaqlbY.js} +1 -1
- package/dist/cjs/{v4-Br3XC_0C.js → v4-_2BfiRUa.js} +6 -13
- package/dist/collection/components/advanced-select/advanced-select.css +26 -68
- package/dist/collection/components/advanced-select/advanced-select.js +26 -10
- package/dist/collection/components/autosuggest/autosuggest.js +5 -2
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/banner/banner.js +2 -2
- package/dist/collection/components/button-group/button-group.js +1 -1
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card-container/card-container.js +1 -1
- package/dist/collection/components/contact-information/contact-information.js +1 -1
- package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/document-card/document-card.js +1 -1
- package/dist/collection/components/document-component/document-component.css +1 -15
- package/dist/collection/components/document-component/document-component.js +4 -4
- package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
- package/dist/collection/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.js +1 -1
- package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.js +1 -1
- package/dist/collection/components/dropdown-menu/dropdown-menu.css +1 -7
- package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
- package/dist/collection/components/expandable/expandable.js +2 -2
- package/dist/collection/components/header/header.js +1 -1
- package/dist/collection/components/highlight-box/highlight-box.js +1 -1
- package/dist/collection/components/history-item/history-item.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +23 -9
- package/dist/collection/components/info/info.js +1 -1
- package/dist/collection/components/info-button/info-button.js +1 -1
- package/dist/collection/components/input-range/input-range.js +2 -2
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
- package/dist/collection/components/legend/legend-item/legend-item.js +2 -2
- package/dist/collection/components/legend/legend.js +1 -1
- package/dist/collection/components/list-button/list-button.css +1 -7
- package/dist/collection/components/list-button/list-button.js +1 -1
- package/dist/collection/components/logo/logo.js +1 -1
- package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
- package/dist/collection/components/map-controls/map-controls.css +1 -15
- package/dist/collection/components/map-controls/map-controls.js +1 -1
- package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
- package/dist/collection/components/map-layer/map-layer.js +1 -1
- package/dist/collection/components/map-message/map-message.js +2 -2
- package/dist/collection/components/map-overlays/map-overlays.js +1 -1
- package/dist/collection/components/mark-bar/mark-bar.js +1 -1
- package/dist/collection/components/modal/modal.css +38 -72
- package/dist/collection/components/modal/modal.js +2 -1
- package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
- package/dist/collection/components/ozon-content/ozon-content.css +1 -15
- package/dist/collection/components/ozon-content/ozon-content.js +1 -1
- package/dist/collection/components/panel/panel.js +1 -1
- package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
- package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
- package/dist/collection/components/project-item/project-item.js +1 -1
- package/dist/collection/components/responsive-element/responsive-element.js +1 -1
- package/dist/collection/components/scrollable/scrollable.js +2 -2
- package/dist/collection/components/segmented-button/segmented-button.js +1 -1
- package/dist/collection/components/selectable/selectable.js +24 -2
- package/dist/collection/components/skiplink/skiplink.js +1 -1
- package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
- package/dist/collection/components/survey-rating/survey-rating.js +2 -2
- package/dist/collection/components/table/table.css +1 -17
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tree-view/tree-view.js +1 -1
- package/dist/collection/components/viewer-grid/viewer-grid.css +1 -7
- package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
- package/dist/components/badge.js +1 -1
- package/dist/components/button-group.js +1 -1
- package/dist/components/document-component.js +1 -1
- package/dist/components/dso-advanced-select.js +2 -2
- package/dist/components/dso-autosuggest.js +1 -1
- package/dist/components/dso-banner.js +1 -1
- package/dist/components/dso-card-container.js +1 -1
- package/dist/components/dso-card.js +1 -1
- package/dist/components/dso-contact-information.js +1 -1
- package/dist/components/dso-cursor-tooltip.js +1 -1
- package/dist/components/dso-date-picker.js +1 -1
- package/dist/components/dso-document-card.js +1 -1
- package/dist/components/dso-dropdown-menu-group.js +1 -1
- package/dist/components/dso-dropdown-menu-item.js +1 -1
- package/dist/components/dso-dropdown-menu.js +1 -1
- package/dist/components/dso-header.js +1 -1
- package/dist/components/dso-highlight-box.js +1 -1
- package/dist/components/dso-history-item.js +1 -1
- package/dist/components/dso-input-range.js +1 -1
- package/dist/components/dso-legend-group.js +1 -1
- package/dist/components/dso-legend-item.js +1 -1
- package/dist/components/dso-legend.js +1 -1
- package/dist/components/dso-list-button.js +1 -1
- package/dist/components/dso-logo.js +1 -1
- package/dist/components/dso-map-base-layers.js +1 -1
- package/dist/components/dso-map-controls.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-map-overlays.js +1 -1
- package/dist/components/dso-mark-bar.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-project-item.js +1 -1
- package/dist/components/dso-segmented-button.js +1 -1
- package/dist/components/dso-skiplink.js +1 -1
- package/dist/components/dso-survey-rating.js +1 -1
- package/dist/components/dso-tabs.js +1 -1
- package/dist/components/dso-tijdreis-banner.js +1 -1
- package/dist/components/dso-tooltip.js +1 -1
- package/dist/components/dso-tree-view.js +1 -1
- package/dist/components/dso-viewer-grid.js +1 -1
- package/dist/components/dsot-document-component-demo.js +1 -1
- package/dist/components/expandable.js +1 -1
- package/dist/components/floating-ui.dom.js +1 -1
- package/dist/components/i18n.js +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/info-button.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-toggletip.js +1 -1
- package/dist/components/ozon-content.js +1 -1
- package/dist/components/panel.js +1 -1
- package/dist/components/progress-indicator.js +1 -1
- package/dist/components/responsive-element.js +1 -1
- package/dist/components/scrollable.js +1 -1
- package/dist/components/selectable.js +1 -1
- package/dist/components/slide-toggle.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/v4.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/{p-0e964c0b.entry.js → p-0083183c.entry.js} +1 -1
- package/dist/dso-toolkit/{p-1d2e543a.entry.js → p-0925b25d.entry.js} +1 -1
- package/dist/dso-toolkit/{p-14c079e3.entry.js → p-0ce9b9ec.entry.js} +1 -1
- package/dist/dso-toolkit/{p-e452dd0a.entry.js → p-0f2ae02f.entry.js} +1 -1
- package/dist/dso-toolkit/p-0fc1acaa.entry.js +1 -0
- package/dist/dso-toolkit/{p-c97b503c.entry.js → p-1281cc01.entry.js} +1 -1
- package/dist/dso-toolkit/{p-2ac35007.entry.js → p-1a76abf1.entry.js} +1 -1
- package/dist/dso-toolkit/{p-63b6ebe0.entry.js → p-1ce3c197.entry.js} +1 -1
- package/dist/dso-toolkit/{p-2dcc260e.entry.js → p-2149be85.entry.js} +1 -1
- package/dist/dso-toolkit/p-2e501bb0.entry.js +1 -0
- package/dist/dso-toolkit/p-3d705a78.entry.js +1 -0
- package/dist/dso-toolkit/{p-c56e654d.entry.js → p-441b88f3.entry.js} +1 -1
- package/dist/dso-toolkit/p-49d26a29.entry.js +1 -0
- package/dist/dso-toolkit/{p-3a37e36a.entry.js → p-538f968a.entry.js} +1 -1
- package/dist/dso-toolkit/{p-6fdad8bd.entry.js → p-5cdda2dd.entry.js} +1 -1
- package/dist/dso-toolkit/{p-40d5fc69.entry.js → p-5cfc5bc7.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d728026a.entry.js → p-6e027a66.entry.js} +1 -1
- package/dist/dso-toolkit/{p-3959d0b8.entry.js → p-71f63631.entry.js} +1 -1
- package/dist/dso-toolkit/{p-28d7d4f2.entry.js → p-7a852b15.entry.js} +1 -1
- package/dist/dso-toolkit/{p-3f6ddf06.entry.js → p-7e155437.entry.js} +1 -1
- package/dist/dso-toolkit/{p-6b59eed1.entry.js → p-7e808e9e.entry.js} +1 -1
- package/dist/dso-toolkit/p-87a19b2e.entry.js +1 -0
- package/dist/dso-toolkit/{p-415db2f9.entry.js → p-8bdb1eb9.entry.js} +1 -1
- package/dist/dso-toolkit/{p-f3798508.entry.js → p-8d4cce03.entry.js} +1 -1
- package/dist/dso-toolkit/{p-fa490d62.entry.js → p-8dd7f11a.entry.js} +1 -1
- package/dist/dso-toolkit/{p-fcab1797.entry.js → p-9209aec4.entry.js} +1 -1
- package/dist/dso-toolkit/{p-fbf11382.entry.js → p-92e7fa78.entry.js} +1 -1
- package/dist/dso-toolkit/{p-f8d2c3d6.entry.js → p-9430341b.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d2a0c83c.entry.js → p-9454c434.entry.js} +1 -1
- package/dist/dso-toolkit/{p-f2a9cf31.entry.js → p-989c2c78.entry.js} +1 -1
- package/dist/dso-toolkit/{p-2412ccfa.entry.js → p-9b468b2a.entry.js} +1 -1
- package/dist/dso-toolkit/p-CCOI5nUo.js +1 -0
- package/dist/dso-toolkit/p-CK3_k8jD.js +1 -0
- package/dist/dso-toolkit/{p-DdaJdjEq.js → p-CcOMPHLg.js} +1 -1
- package/dist/dso-toolkit/p-DMUqzLuy.js +1 -0
- package/dist/dso-toolkit/{p-4de1556f.entry.js → p-ace3aaa4.entry.js} +1 -1
- package/dist/dso-toolkit/{p-10360fa4.entry.js → p-ae526b7b.entry.js} +1 -1
- package/dist/dso-toolkit/{p-669d8774.entry.js → p-b5c4719a.entry.js} +1 -1
- package/dist/dso-toolkit/p-bb6cbd71.entry.js +1 -0
- package/dist/dso-toolkit/{p-4d708856.entry.js → p-bfbbc6d6.entry.js} +1 -1
- package/dist/dso-toolkit/{p-09fee564.entry.js → p-c352e814.entry.js} +1 -1
- package/dist/dso-toolkit/p-cc9167cd.entry.js +1 -0
- package/dist/dso-toolkit/{p-17d3e3e4.entry.js → p-ccbbfdc7.entry.js} +1 -1
- package/dist/dso-toolkit/p-cfb08b19.entry.js +1 -0
- package/dist/dso-toolkit/{p-a10dddce.entry.js → p-d271dd46.entry.js} +1 -1
- package/dist/dso-toolkit/{p-9330b7e6.entry.js → p-db491dfd.entry.js} +1 -1
- package/dist/dso-toolkit/p-e3826220.entry.js +5 -0
- package/dist/dso-toolkit/{p-fbe4aa66.entry.js → p-e58e9b96.entry.js} +1 -1
- package/dist/dso-toolkit/{p-ffc60fb8.entry.js → p-e5bb3203.entry.js} +1 -1
- package/dist/dso-toolkit/{p-f8ed1a64.entry.js → p-e966fb4d.entry.js} +1 -1
- package/dist/dso-toolkit/{p-3b620a1f.entry.js → p-e98aad46.entry.js} +1 -1
- package/dist/dso-toolkit/{p-3d1b5a25.entry.js → p-ee9693c6.entry.js} +1 -1
- package/dist/dso-toolkit/{p-8c52725c.entry.js → p-f163e3db.entry.js} +1 -1
- package/dist/dso-toolkit/p-f205b38c.entry.js +1 -0
- package/dist/dso-toolkit/p-f485cda1.entry.js +1 -0
- package/dist/dso-toolkit/{p-1cf76eb8.entry.js → p-ffdd9174.entry.js} +1 -1
- package/dist/esm/dso-advanced-select.entry.js +10 -6
- package/dist/esm/dso-alert_7.entry.js +12 -12
- package/dist/esm/dso-annotation-locatie_2.entry.js +5 -5
- package/dist/esm/dso-attachments-counter_2.entry.js +2 -2
- package/dist/esm/dso-autosuggest.entry.js +7 -4
- package/dist/esm/dso-banner.entry.js +2 -2
- package/dist/esm/dso-button-group.entry.js +1 -1
- package/dist/esm/dso-card-container.entry.js +1 -1
- package/dist/esm/dso-card.entry.js +2 -2
- package/dist/esm/dso-contact-information.entry.js +1 -1
- package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
- 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-group.entry.js +2 -2
- package/dist/esm/dso-dropdown-menu-item.entry.js +1 -1
- package/dist/esm/dso-dropdown-menu.entry.js +4 -4
- package/dist/esm/dso-header.entry.js +4 -4
- 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-button.entry.js +3 -7
- package/dist/esm/dso-icon.entry.js +1 -1
- package/dist/esm/dso-info_3.entry.js +8 -5
- package/dist/esm/dso-input-range.entry.js +2 -2
- package/dist/esm/dso-label_3.entry.js +6 -6
- package/dist/esm/dso-legend-group.entry.js +2 -2
- package/dist/esm/dso-legend-item.entry.js +3 -3
- package/dist/esm/dso-legend.entry.js +2 -2
- package/dist/esm/dso-list-button.entry.js +2 -2
- package/dist/esm/dso-logo.entry.js +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +3 -3
- package/dist/esm/dso-map-controls.entry.js +3 -3
- package/dist/esm/dso-map-layer-object.entry.js +1 -1
- package/dist/esm/dso-map-layer.entry.js +1 -1
- package/dist/esm/dso-map-message.entry.js +2 -2
- package/dist/esm/dso-map-overlays.entry.js +3 -3
- package/dist/esm/dso-mark-bar.entry.js +1 -1
- package/dist/esm/dso-modal.entry.js +5 -4
- package/dist/esm/dso-onboarding-tip.entry.js +3 -3
- package/dist/esm/dso-plekinfo-card.entry.js +1 -1
- package/dist/esm/dso-progress-indicator.entry.js +2 -2
- 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 +2 -2
- 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-tabs.entry.js +1 -1
- package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
- package/dist/esm/dso-toolkit.js +1 -1
- 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 +3 -3
- package/dist/esm/dsot-document-component-demo.entry.js +1 -1
- package/dist/esm/{floating-ui.dom-zRaH89Qj.js → floating-ui.dom-DMUqzLuy.js} +118 -123
- package/dist/{bundle/p-CUWMAyh7.js → esm/i18n-CCOI5nUo.js} +9 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{position-tooltip.function-DoXRpCfQ.js → position-tooltip.function-qfYgMCby.js} +1 -1
- package/dist/{bundle/p-BF0_OXTe.js → esm/v4-CK3_k8jD.js} +6 -13
- package/dist/types/components/advanced-select/advanced-select.d.ts +2 -2
- package/dist/types/components/advanced-select/advanced-select.interfaces.d.ts +1 -1
- package/dist/types/components/icon-button/icon-button.d.ts +5 -1
- package/dist/types/components/selectable/selectable.d.ts +12 -1
- package/dist/types/components.d.ts +25 -9
- package/package.json +14 -14
- package/dist/bundle/p-YGjRwvU1.js +0 -161
- package/dist/dso-toolkit/p-0c07dd43.entry.js +0 -1
- package/dist/dso-toolkit/p-0d4ea549.entry.js +0 -1
- package/dist/dso-toolkit/p-11d86ad0.entry.js +0 -1
- package/dist/dso-toolkit/p-73c95410.entry.js +0 -1
- package/dist/dso-toolkit/p-929ef098.entry.js +0 -1
- package/dist/dso-toolkit/p-BF0_OXTe.js +0 -1
- package/dist/dso-toolkit/p-CUWMAyh7.js +0 -1
- package/dist/dso-toolkit/p-b2cf776e.entry.js +0 -1
- package/dist/dso-toolkit/p-c10f35d7.entry.js +0 -1
- package/dist/dso-toolkit/p-e782f187.entry.js +0 -5
- package/dist/dso-toolkit/p-ec9ca424.entry.js +0 -1
- package/dist/dso-toolkit/p-ec9dac3d.entry.js +0 -1
- package/dist/dso-toolkit/p-f31456c8.entry.js +0 -1
- package/dist/dso-toolkit/p-zRaH89Qj.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,d as r,h as t,F as e}from"./p-pqfDfKeZ.js";const n=class{constructor(t){o(this,t),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return t("dso-panel",{key:"6ca6b26ed474a78d633d09e35804b79f9d63b3d9",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},t("h2",{key:"df15ccd200b3cf97986061649d30cf0c29eacbcf",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),t("strong",{key:"aa873e2a3a66edd83cb2201b4b67a6b870ae7cf7"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),t("form",{key:"f06e716b611998ee3041b120e3ab9bcc2ac9daa3",onSubmit:o=>this.handleForm(o)},t("div",{key:"f776d80c9821095bc2d57c473ca41067ed337040",class:"visual-rating-labels","aria-hidden":"true"},t("span",{key:"8a5c8731ebe09e5304ca55d41d2f56dd730a9152"},"Heel moeilijk"),t("span",{key:"ed77602612e229c6297192d74ce1bd54663b4b53"},"Heel makkelijk")),t("div",{key:"b056b09f7d8d371ffd5dc4db9e605680befa4d4b",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const n=r+1;return t(e,null,t("label",{class:`survey-rating-${n}`},n,t("span",{class:"sr-only"},o),t("input",{type:"radio",name:"rating",value:n,checked:n===this.rating,onChange:o=>this.handleChange(o)})))}))),t("button",{key:"01f22023d3f1b066b6d6707cc7fc6185e2263cad",type:"submit",class:"dso-secondary"},t("span",{key:"2dd146d805c4f096cc0a25f264e4b2fd7d9b197c"},"Antwoord verzenden"))))}};n.style=":host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::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); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: \"\"; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_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: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_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: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_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: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: \"\"; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }";export{n as dso_survey_rating}
|
|
1
|
+
import{r as o,d as r,h as t,F as e}from"./p-pqfDfKeZ.js";const n=class{constructor(t){o(this,t),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return t("dso-panel",{key:"3d6733ce56f73b4e35b3f5d68388bd22f6ef4450",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},t("h2",{key:"f93cbf6d816962a848f15b40055a8b9ff3f26fdc",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),t("strong",{key:"e83390a76e6d45fc72a9c9f7d45e6650941c91b9"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),t("form",{key:"c671091557cb1096c47f88e99eb7e6bb42838479",onSubmit:o=>this.handleForm(o)},t("div",{key:"952782116562f822ba8a8788104a9817739b4601",class:"visual-rating-labels","aria-hidden":"true"},t("span",{key:"67fb62008f260e99c956709ca2cea83f22121460"},"Heel moeilijk"),t("span",{key:"eacf518d23c1e618162ce116890bcae4c28df240"},"Heel makkelijk")),t("div",{key:"bf9a0977e6e7508b362680aa49f78b9319ce7915",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const n=r+1;return t(e,null,t("label",{class:`survey-rating-${n}`},n,t("span",{class:"sr-only"},o),t("input",{type:"radio",name:"rating",value:n,checked:n===this.rating,onChange:o=>this.handleChange(o)})))}))),t("button",{key:"1cb51daa334ca994ede7ea2bbc74534635f42921",type:"submit",class:"dso-secondary"},t("span",{key:"044a0844ae775fed12db6089e76dd449494ad84b"},"Antwoord verzenden"))))}};n.style=":host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::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); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: \"\"; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_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: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_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: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_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: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_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: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: \"\"; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }";export{n as dso_survey_rating}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,d as
|
|
1
|
+
import{r as i,d as o,h as e}from"./p-pqfDfKeZ.js";import{i as s}from"./p-Hgv-pDpy.js";const n=class{constructor(e){i(this,e),this.dsoSkiplinkClick=o(this,"dsoSkiplinkClick",7)}clickEventHandler(i){if(i.target instanceof HTMLElement&&this.to)return this.dsoSkiplinkClick.emit({originalEvent:i,isModifiedEvent:s(i)})}render(){return e("a",{key:"b1d674b864fd216fcb084f4b7fedbc2f227c4278",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,e("dso-icon",{key:"a258bc4b68fe756513fbf1f8b41f20504a289439",icon:"chevron-right"}))}};n.style=":host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--_dso-link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}";export{n as dso_skiplink}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{r as o,d as r,h as t,g as n}from"./p-pqfDfKeZ.js";import{c as e}from"./p-ChV9xqsO.js";import{t as i,f as a,i as c,g as d,a as s}from"./p-B7w6tF4K.js";import{i as l}from"./p-Hgv-pDpy.js";
|
|
2
|
+
/*!
|
|
3
|
+
* focus-trap 8.2.2
|
|
4
|
+
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
5
|
+
*/function u(o,r){(null==r||r>o.length)&&(r=o.length);for(var t=0,n=Array(r);t<r;t++)n[t]=o[t];return n}function b(o,r){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=p(o))||r){t&&(o=t);var n=0,e=function(){};return{s:e,n:function(){return n>=o.length?{done:!0}:{done:!1,value:o[n++]}},e:function(o){throw o},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){t=t.call(o)},n:function(){var o=t.next();return a=o.done,o},e:function(o){c=!0,i=o},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}function f(o,r,t){return(r=function(o){var r=function(o,r){if("object"!=typeof o||!o)return o;var t=o[Symbol.toPrimitive];if(void 0!==t){var n=t.call(o,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(o)}(o,"string");return"symbol"==typeof r?r:r+""}(r))in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function v(o,r){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),t.push.apply(t,n)}return t}function _(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){f(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))}))}return o}function p(o,r){if(o){if("string"==typeof o)return u(o,r);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(o,r):void 0}}var y={getActiveTrap:function(o){return(null==o?void 0:o.length)>0?o[o.length-1]:null},activateTrap:function(o,r){r!==y.getActiveTrap(o)&&y.pauseTrap(o);var t=o.indexOf(r);-1===t||o.splice(t,1),o.push(r)},deactivateTrap:function(o,r){var t=o.indexOf(r);-1!==t&&o.splice(t,1),y.unpauseTrap(o)},pauseTrap:function(o){var r=y.getActiveTrap(o);null==r||r._setPausedState(!0)},unpauseTrap:function(o){var r=y.getActiveTrap(o);r&&!r._isManuallyPaused()&&r._setPausedState(!1)}},g=function(o){return"Tab"===(null==o?void 0:o.key)||9===(null==o?void 0:o.keyCode)},h=function(o){return g(o)&&!o.shiftKey},k=function(o){return g(o)&&o.shiftKey},w=function(o){return setTimeout(o,0)},m=function(o){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return"function"==typeof o?o.apply(void 0,t):o},x=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target},C=[],j=function(o,r){var t,n=(null==r?void 0:r.document)||document,e=(null==r?void 0:r.trapStack)||C,l=_({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:h,isKeyBackward:k},r),f={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},v=function(o,r,t){return o&&void 0!==o[r]?o[r]:l[t||r]},j=function(o,r){var t="function"==typeof(null==r?void 0:r.composedPath)?r.composedPath():void 0;return f.containerGroups.findIndex((function(r){var n=r.container,e=r.tabbableNodes;return n.contains(o)||(null==t?void 0:t.includes(n))||e.find((function(r){return r===o}))}))},F=function(o){var r,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=t.hasFallback,i=void 0!==e&&e,a=t.params,c=l[o];if("function"==typeof c&&(c=c.apply(void 0,function(o){if(Array.isArray(o))return u(o)}(r=void 0===a?[]:a)||function(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}(r)||p(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),!0===c&&(c=void 0),!c){if(void 0===c||!1===c)return c;throw new Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=c;if("string"==typeof c){try{d=n.querySelector(c)}catch(r){throw new Error("`".concat(o,'` appears to be an invalid selector; error="').concat(r.message,'"'))}if(!d&&!i)throw new Error("`".concat(o,"` as selector refers to no known node"))}return d},S=function(o){var r=o.activeElement;return r?r.shadowRoot&&null!==r.shadowRoot.activeElement?S(r.shadowRoot):r:null},z=function(){var o=F("initialFocus",{hasFallback:!0});if(!1===o)return!1;if(void 0===o||o&&!s(o,l.tabbableOptions)){var r=S(n);if(j(r)>=0)o=r;else{var t=f.tabbableGroups[0];o=t&&t.firstTabbableNode||F("fallbackFocus")}}else null===o&&(o=F("fallbackFocus"));if(!o)throw new Error("Your focus-trap needs to have at least one focusable element");return o},T=function(){if(f.containerGroups=f.containers.map((function(o){var r=i(o,l.tabbableOptions),t=a(o,l.tabbableOptions),n=r.length>0?r[0]:void 0,e=r.length>0?r[r.length-1]:void 0,s=t.find((function(o){return c(o)})),u=t.slice().reverse().find((function(o){return c(o)})),b=!!r.find((function(o){return d(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:t,posTabIndexesFound:b,firstTabbableNode:n,lastTabbableNode:e,firstDomTabbableNode:s,lastDomTabbableNode:u,nextTabbableNode:function(o){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=r.indexOf(o);return e<0?n?t.slice(t.indexOf(o)+1).find((function(o){return c(o)})):t.slice(0,t.indexOf(o)).reverse().find((function(o){return c(o)})):r[e+(n?1:-1)]}}})),f.tabbableGroups=f.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),f.tabbableGroups.length<=0&&!F("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(f.containerGroups.find((function(o){return o.posTabIndexesFound}))&&f.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},O=function(o){!1!==o&&o!==S(document)&&(o&&o.focus?(o.focus({preventScroll:!!l.preventScroll}),f.mostRecentlyFocusedNode=o,function(o){return o.tagName&&"input"===o.tagName.toLowerCase()&&"function"==typeof o.select}(o)&&o.select()):O(z()))},D=function(o){var r=F("setReturnFocus",{params:[o]});return r||!1!==r&&o},E=function(o){var r=o.target,t=o.event,n=o.isBackward,e=void 0!==n&&n;r=r||x(t),T();var i=null;if(f.tabbableGroups.length>0){var a=j(r,t),u=a>=0?f.containerGroups[a]:void 0;if(a<0)i=e?f.tabbableGroups[f.tabbableGroups.length-1].lastTabbableNode:f.tabbableGroups[0].firstTabbableNode;else if(e){var b=f.tabbableGroups.findIndex((function(o){return r===o.firstTabbableNode}));if(b<0&&(u.container===r||s(r,l.tabbableOptions)&&!c(r,l.tabbableOptions)&&!u.nextTabbableNode(r,!1))&&(b=a),b>=0){var v=f.tabbableGroups[0===b?f.tabbableGroups.length-1:b-1];i=d(r)>=0?v.lastTabbableNode:v.lastDomTabbableNode}else g(t)||(i=u.nextTabbableNode(r,!1))}else{var _=f.tabbableGroups.findIndex((function(o){return r===o.lastTabbableNode}));if(_<0&&(u.container===r||s(r,l.tabbableOptions)&&!c(r,l.tabbableOptions)&&!u.nextTabbableNode(r))&&(_=a),_>=0){var p=f.tabbableGroups[_===f.tabbableGroups.length-1?0:_+1];i=d(r)>=0?p.firstTabbableNode:p.firstDomTabbableNode}else g(t)||(i=u.nextTabbableNode(r))}}else i=F("fallbackFocus");return i},A=function(o){var r=x(o);j(r,o)>=0||(m(l.clickOutsideDeactivates,o)?t.deactivate({returnFocus:l.returnFocusOnDeactivate}):m(l.allowOutsideClick,o)||o.preventDefault())},R=function(o){var r=x(o),t=j(r,o)>=0;if(t||r instanceof Document)t&&(f.mostRecentlyFocusedNode=r);else{var n;o.stopImmediatePropagation();var e=!0;if(f.mostRecentlyFocusedNode)if(d(f.mostRecentlyFocusedNode)>0){var i=j(f.mostRecentlyFocusedNode),a=f.containerGroups[i].tabbableNodes;if(a.length>0){var c=a.findIndex((function(o){return o===f.mostRecentlyFocusedNode}));c>=0&&(l.isKeyForward(f.recentNavEvent)?c+1<a.length&&(n=a[c+1],e=!1):c-1>=0&&(n=a[c-1],e=!1))}}else f.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return d(o)>0}))}))||(e=!1);else e=!1;e&&(n=E({target:f.mostRecentlyFocusedNode,isBackward:l.isKeyBackward(f.recentNavEvent)})),O(n||f.mostRecentlyFocusedNode||z())}f.recentNavEvent=void 0},P=function(o){(l.isKeyForward(o)||l.isKeyBackward(o))&&function(o){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];f.recentNavEvent=o;var t=E({event:o,isBackward:r});t&&(g(o)&&o.preventDefault(),O(t))}(o,l.isKeyBackward(o))},I=function(o){var r;"Escape"!==(null==(r=o)?void 0:r.key)&&"Esc"!==(null==r?void 0:r.key)&&27!==(null==r?void 0:r.keyCode)||!1===m(l.escapeDeactivates,o)||(o.preventDefault(),t.deactivate())},N=function(o){var r=x(o);j(r,o)>=0||m(l.clickOutsideDeactivates,o)||m(l.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},B=function(){var o;if(f.active)return y.activateTrap(e,t),l.delayInitialFocus?o=new Promise((function(o){f.delayInitialFocusTimer=w((function(){O(z()),o()}))})):O(z()),n.addEventListener("focusin",R,!0),n.addEventListener("mousedown",A,{capture:!0,passive:!1}),n.addEventListener("touchstart",A,{capture:!0,passive:!1}),n.addEventListener("click",N,{capture:!0,passive:!1}),n.addEventListener("keydown",P,{capture:!0,passive:!1}),n.addEventListener("keydown",I),o},M=function(){if(f.active)return n.removeEventListener("focusin",R,!0),n.removeEventListener("mousedown",A,!0),n.removeEventListener("touchstart",A,!0),n.removeEventListener("click",N,!0),n.removeEventListener("keydown",P,!0),n.removeEventListener("keydown",I),t},H="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(o){var r=f.mostRecentlyFocusedNode;if(r&&o.some((function(o){return Array.from(o.removedNodes).some((function(o){return o===r||"function"==typeof o.contains&&o.contains(r)}))}))&&f.containers.some((function(o){return null==o?void 0:o.isConnected}))){T();var t=z();O(t)}})):void 0,K=function(){H&&(H.disconnect(),f.active&&!f.paused&&f.containers.map((function(o){H.observe(o,{subtree:!0,childList:!0})})))};return t={get active(){return f.active},get paused(){return f.paused},activate:function(o){if(f.active)return this;var r,i=v(o,"onActivate"),a=v(o,"onPostActivate"),c=v(o,"checkCanFocusTrap"),d=y.getActiveTrap(e),s=!1;d&&!d.paused&&(null===(r=d._setSubtreeIsolation)||void 0===r||r.call(d,!1),s=!0);try{c||T(),f.active=!0,f.paused=!1,f.nodeFocusedBeforeActivation=S(n),null==i||i({trap:t});var l=function(){c&&T();var o=function(){t._setSubtreeIsolation(!0),K(),null==a||a({trap:t})},r=B();r?r.then(o):o()};if(c)return c(f.containers.concat()).then(l,l),this;l()}catch(o){var u;throw d===y.getActiveTrap(e)&&s&&(null===(u=d._setSubtreeIsolation)||void 0===u||u.call(d,!0)),o}return this},deactivate:function(o){if(!f.active)return this;var r=_({onDeactivate:l.onDeactivate,onPostDeactivate:l.onPostDeactivate,checkCanReturnFocus:l.checkCanReturnFocus},o);clearTimeout(f.delayInitialFocusTimer),f.delayInitialFocusTimer=void 0,f.paused||t._setSubtreeIsolation(!1),f.alreadySilent.clear(),M(),f.active=!1,f.paused=!1,K(),y.deactivateTrap(e,t);var n=v(r,"onDeactivate"),i=v(r,"onPostDeactivate"),a=v(r,"checkCanReturnFocus"),c=v(r,"delayReturnFocus"),d=v(r,"returnFocus","returnFocusOnDeactivate");null==n||n({trap:t});var s=function(){d&&O(D(f.nodeFocusedBeforeActivation)),null==i||i({trap:t})},u=function(){c&&d?w(s):s()};return d&&a?(a(D(f.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(o){return f.active?(f.manuallyPaused=!0,this._setPausedState(!0,o)):this},unpause:function(o){return f.active?(f.manuallyPaused=!1,e[e.length-1]!==this?this:this._setPausedState(!1,o)):this},updateContainerElements:function(o){var r=[].concat(o).filter(Boolean);return f.containers=r.map((function(o){return"string"==typeof o?n.querySelector(o):o})),l.isolateSubtrees&&function(o){f.active&&!f.paused&&t._setSubtreeIsolation(!1),f.adjacentElements.clear(),f.alreadySilent.clear();var r,n=new Set,e=new Set,i=b(o);try{for(i.s();!(r=i.n()).done;){var a=r.value;n.add(a);for(var c="undefined"!=typeof ShadowRoot&&a.getRootNode()instanceof ShadowRoot,d=a;d;){n.add(d);var s=d.parentElement,l=[];s?l=s.children:!s&&c&&(l=d.getRootNode().children,s=d.getRootNode().host,c="undefined"!=typeof ShadowRoot&&s.getRootNode()instanceof ShadowRoot);var u,v=b(l);try{for(v.s();!(u=v.n()).done;)e.add(u.value)}catch(o){v.e(o)}finally{v.f()}d=s}}}catch(o){i.e(o)}finally{i.f()}n.forEach((function(o){e.delete(o)})),f.adjacentElements=e}(f.containers),f.active&&(T(),f.paused||t._setSubtreeIsolation(!0)),K(),this}},Object.defineProperties(t,{_isManuallyPaused:{value:function(){return f.manuallyPaused}},_setPausedState:{value:function(o,r){if(f.paused===o)return this;if(f.paused=o,o){var n=v(r,"onPause"),e=v(r,"onPostPause");null==n||n({trap:t}),M(),t._setSubtreeIsolation(!1),K(),null==e||e({trap:t})}else{var i=v(r,"onUnpause"),a=v(r,"onPostUnpause");null==i||i({trap:t}),function(){T();var o=function(){t._setSubtreeIsolation(!0),K(),null==a||a({trap:t})},r=B();r?r.then(o):o()}()}return this}},_setSubtreeIsolation:{value:function(o){l.isolateSubtrees&&f.adjacentElements.forEach((function(r){var t;o?"aria-hidden"===l.isolateSubtrees?("true"!==r.ariaHidden&&"true"!==(null===(t=r.getAttribute("aria-hidden"))||void 0===t?void 0:t.toLowerCase())||f.alreadySilent.add(r),r.setAttribute("aria-hidden","true")):((r.inert||r.hasAttribute("inert"))&&f.alreadySilent.add(r),r.setAttribute("inert",!0)):f.alreadySilent.has(r)||r.removeAttribute("aria-hidden"===l.isolateSubtrees?"aria-hidden":"inert")}))}}}),t.updateContainerElements(o),t};const F=class{constructor(t){o(this,t),this.dsoChange=r(this,"dsoChange",3),this.dsoRedirect=r(this,"dsoRedirect",3),this.options=[],this.open=!1,this.toggleOpen=()=>{this.open=!this.open},this.handleOptionClick=(o,r)=>{this.dsoChange.emit({originalEvent:o,option:r}),this.open=!1},this.handleRedirectClick=(o,r)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:l(o),redirect:r}),this.open=!1}}keyDownListener(o){this.open&&"ArrowUp"===o.key?(o.preventDefault(),this.handleTab(-1)):this.open&&"ArrowDown"===o.key&&(o.preventDefault(),this.handleTab(1))}componentDidRender(){this.open&&!this.trap?this.createTrap():!this.open&&this.trap&&this.removeTrap()}createTrap(){this.trap=j(this.host,{clickOutsideDeactivates:!0,escapeDeactivates:!0,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:!0},onDeactivate:()=>{this.open=!1}}).activate()}removeTrap(){this.trap?.deactivate(),delete this.trap}handleTab(o){const r=this.host.isConnected?i(this.host,{getShadowRoot:!0}):[];let t=r.findIndex((o=>o===this.host.shadowRoot?.activeElement))+o;t>=r.length?t=0:t<0&&(t=r.length-1),r[t]?.focus()}render(){const o=this.open?"caret-up":"caret-down";return t("div",{key:"caa960271b7eb724eedf59a6ecc3963d0edd44a7",class:"advanced-select"},t("div",{key:"ee68b2509312c5069a1efa48340b41420b815900",class:"advanced-select-button"},t("button",{key:"fcf9ad0e9f20869b4f023054b8a0d5c85120ce4b","aria-expanded":this.open.toString(),class:e(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},t(T,{key:"1fa22990b25898c3efb0e30f37f1be77b521a7c6",active:this.active,options:this.options}),t("span",{key:"ecd6a91ab2508d20beb307a1455199cf2639311f",class:"active-option-label"},this.active?.label??"Selecteer een optie"),t("span",{key:"f9614e4abb3d443df8460a05e65177da03eb5aa9",class:"active-option-aside"},t("dso-icon",{key:"3ce4f7aa4468e2697c5a4a51ba59bc6f50dffb09",icon:o,"aria-hidden":"true"}))),this.open&&t("div",{key:"9ef3f404c54ae68f8ecdfa583c1e1f5e6043473c",class:"groups-container"},t("ul",{key:"2060f56e121dc676f80e5fb421f7417c57f69c89",class:"groups"},this.options.map((o=>"options"in o&&t("li",{class:e(["group",{[`group-${o.variant}`]:!!o.variant}])},t("p",{class:"group-label"},o.label),t("ul",{class:"options"},o.options.map((r=>t("li",null,t(S,{option:r,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick,variant:o.variant}))))),o.redirect&&t(z,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&t("li",{class:"group"},t("p",{class:"group-label"},o.label),t("p",{class:"placeholder"},o.placeholder),o.redirect&&t(z,{redirect:o.redirect,callback:this.handleRedirectClick}))||t("li",null,t(S,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))))),this.options.some((o=>"summaryCounter"in o&&o?.summaryCounter))&&t("span",{key:"9d376f04f707c29a7e094b760aacd117cf0a2d39",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!o?.summaryCounter)).map((o=>t("dso-badge",{status:o.variant??"outline",label:o.badgeLabel??`Toon toelichting voor ${o.label.toLowerCase()}`},o.options.length,t("div",{slot:"toggletip"},o.toggletip))))))}static get delegatesFocus(){return!0}get host(){return n(this)}},S=({option:o,active:r,activeHint:n,callback:i,variant:a})=>{const c="success"===a?"document":"warning"===a?"document-pencil":"hammer";return t("button",{class:e(["option",{"option-active":r===o}]),type:"button",onClick:r=>i(r,o)},t("dso-icon",{icon:c,"aria-hidden":"true"}),t("span",{class:"option-label"},o.label," ",!!n&&r===o&&t("span",{class:"option-hint"},"(",n,")")))},z=({redirect:o,callback:r})=>t("a",{class:"group-link",href:o.href,onClick:t=>r(t,o)},o.label,t("dso-icon",{icon:"chevron-right","aria-hidden":"true"})),T=({active:o,options:r})=>{const n=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return n&&t("dso-label",{compact:!0,status:n.variant},n.activeLabel)};F.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select{display:flex;flex-direction:row}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{line-height:1;padding-block:12px;padding-inline:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px;padding-inline-start:8px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:600}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#39870c;text-decoration:none}.group-link:hover,.group-link:focus{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.options{margin:0;padding:0}.option{display:flex;align-items:center;gap:8px;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option dso-icon{flex-shrink:0}.option.option-active,.option.option-active:hover,.option.option-active:focus{background-color:#275937}.option.option-active .option-label,.option.option-active dso-icon,.option.option-active:hover .option-label,.option.option-active:hover dso-icon,.option.option-active:focus .option-label,.option.option-active:focus dso-icon{color:#fff;font-weight:600}.option:hover,.option:focus{background-color:#ebf3e6}.option-label{position:relative;color:#191919}.option-hint{padding-inline-start:5px;color:#fff;font-weight:600}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}";export{F as dso_advanced_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,f as o,h as a,a as s,g as r}from"./p-pqfDfKeZ.js";import{c as t}from"./p-ChV9xqsO.js";import{v as
|
|
1
|
+
import{r as e,f as o,h as a,a as s,g as r}from"./p-pqfDfKeZ.js";import{c as t}from"./p-ChV9xqsO.js";import{v as d}from"./p-CK3_k8jD.js";const i=class{constructor(o){e(this,o)}get dropdownMenu(){return this.host.closest("dso-dropdown-menu")}componentWillLoad(){this.dropdownMenu?._getState().then((e=>{this.dropdownMenuState=e,o(this.host)}))}render(){const e=this.dropdownMenuState?.checkable,o=this.label?d():void 0;return a(s,{key:"f639886cfa9c18db2e9c3736a2e73f57ca25ec6d"},a("div",{key:"b1e4bfaa31fb2dc7d8de3ca5000bcfbd6a92a953","aria-labelledby":o,role:"group"},this.label&&a("div",{key:"d6478020f5809b0de212b31a8dca44a08ee54844",id:o,class:t("group-label",{checkable:e}),role:"none"},this.label),a("slot",{key:"4d41b59001ef3446dcb5cce821be8301a147ea62"})))}get host(){return r(this)}};i.style=":host{display:block}.group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding-block:4px 2px;padding-inline:20px;text-transform:uppercase}.group-label.checkable{padding-inline-start:40px}";export{i as dso_dropdown_menu_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,d as t,f as n,h as e,F as r,a as i,g as a}from"./p-pqfDfKeZ.js";import{W as d}from"./p-DHGCm31c.js";import{i as c}from"./p-Hgv-pDpy.js";const s=class{constructor(n){o(this,n),this.dsoPlekinfoCardClick=t(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:c(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return e(i,{key:"
|
|
1
|
+
import{r as o,d as t,f as n,h as e,F as r,a as i,g as a}from"./p-pqfDfKeZ.js";import{W as d}from"./p-DHGCm31c.js";import{i as c}from"./p-Hgv-pDpy.js";const s=class{constructor(n){o(this,n),this.dsoPlekinfoCardClick=t(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:c(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return e(i,{key:"437d4a33a0e211aadf0dc8bcbc7a496da9397248","has-symbol":o},e(d,{key:"9f1fd4476439c0ef2615ef833d72c616f1cc6a93",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-container"},e("div",{key:"b94b3600602cdeaf62bc27db494e9f072ecb1e32",class:"dso-plekinfo-card-symbol",hidden:!o},e("slot",{key:"0baef3101fbc038d44bedb0ba8b088f4d60c57e3",name:"symbol"})),e("div",{key:"bdb88b0aa83edf3290dc6caf9a37f46a46aec59c",class:"dso-plekinfo-card-heading"},this.href?e("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},e("span",{class:"heading-content"},e("slot",{name:"heading"})),"",this.targetBlank?e(r,null,e("dso-icon",{icon:"external-link"}),e("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):e("dso-icon",{icon:"chevron-right"})):e("slot",{name:"heading"}),null!==this.metaSlottedElement&&e("slot",{key:"b8f6cf68630a0f47c1fa359c840428693686bc62",name:"meta"}),null!==this.interaction&&e("slot",{key:"7b161f07954e118fbfca5d0ba08abe3192dc74cd",name:"interaction"})),e("div",{key:"a512be16ff20690a3e391784b8fd503c5f913b5d",class:"dso-plekinfo-card-content"},e("slot",{key:"c834eb19244f613204d77953dc604668b5470b7b",name:"content"}))))}get host(){return a(this)}};s.style="ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}";export{s as dso_plekinfo_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as e,a as i,g as o}from"./p-pqfDfKeZ.js";import{i as n}from"./p-
|
|
1
|
+
import{r as s,h as e,a as i,g as o}from"./p-pqfDfKeZ.js";import{i as n}from"./p-CCOI5nUo.js";const r={en:{"dso-progress-indicator":{label:"Loading results. Please wait..."}},nl:{"dso-progress-indicator":{label:"Resultaten laden: een moment geduld alstublieft."}}},a=class{constructor(e){s(this,e),this.text=n((()=>this.host),r)}render(){return e(i,{key:"b704af2a0e3f0de7de1d80789a6f709163c888d3"},e("span",{key:"64a093e0ca5fc8537fa46cd2d9e0e4edcd7d54ad",class:"dso-progress-indicator-spinner",role:"progressbar","aria-labelledby":"progress-indicator-label"},e("dso-icon",{key:"b3c2bf36581157070ee8730533cc2f875008c246",icon:"spinner"})),e("span",{key:"f7670e47fc323563d694d575306abee23e99fb02",id:"progress-indicator-label",class:"dso-progress-indicator-label"},this.label||this.text("label")))}get host(){return o(this)}};a.style="*,*::after,*::before{box-sizing:border-box}.dso-progress-indicator-spinner{display:inline-block;margin:0;position:relative;vertical-align:middle}span.dso-progress-indicator-label{margin-inline-start:16px;vertical-align:middle}:host([block]){align-items:center;display:flex;justify-content:center}:host([size=small]) .dso-progress-indicator-spinner,:host([size=small]) dso-icon,:host(:not([size=medium]):not([size=large])) .dso-progress-indicator-spinner,:host(:not([size=medium]):not([size=large])) dso-icon{block-size:24px;inline-size:24px}:host([size=small]):host([block]),:host(:not([size=medium]):not([size=large])):host([block]){padding-block:12px;padding-inline:16px}:host([size=medium]) .dso-progress-indicator-spinner,:host([size=medium]) dso-icon{block-size:32px;inline-size:32px}:host([size=medium]):host([block]){padding:16px}:host([size=large]) .dso-progress-indicator-spinner,:host([size=large]) dso-icon{block-size:48px;inline-size:48px}:host([size=large]):host([block]){padding-block:24px;padding-inline:16px}";export{a as dso_progress_indicator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-pqfDfKeZ.js";const t={success:"status-success",error:"status-error"},
|
|
1
|
+
import{r as o,h as r}from"./p-pqfDfKeZ.js";const t={success:"status-success",error:"status-error"},e=class{constructor(r){o(this,r),this.hasActions=!1,this.handleActionsSlotChange=o=>{const r=o.target;r instanceof HTMLSlotElement&&(this.hasActions=r.assignedElements().length>0)}}render(){const o=this.variant?t[this.variant]:void 0;return r("div",{key:"25841279245a46c78d06c179ed80df66582f0008",class:{"map-message-content":!0,"has-icon":void 0!==o,"has-actions":this.hasActions},role:"error"===this.variant?"alert":"status","aria-atomic":"true"},r("div",{key:"7c8e851c402259060d5d310392f9bc6d9ff24acb",class:"map-message-body"},o&&r("dso-icon",{key:"1711c92092ef3462b96650cfad487551c399a586",class:"map-message-icon",icon:o,"aria-hidden":"true"}),r("span",{key:"abec1d334734f12f87ec5e54254f57b376072787",class:"map-message-text"},r("slot",{key:"09e75a6fb96ee9413bf79e86fb34e3e22c8519db",name:"message"}))),r("slot",{key:"a3133aa9fd782e00609ffb4bfe87ee86c36835a3",name:"actions",onSlotchange:this.handleActionsSlotChange}))}};e.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}";export{e as dso_map_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,d as i,h as t,a as e,g as h}from"./p-pqfDfKeZ.js";const a=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],r=class{constructor(t){s(this,t),this.dsoSizeChange=i(this,"dsoSizeChange",7),this.sizeAlias=a[0].alias,this.sizeWidth=0,this.flushSizeChange=()=>{this.resizeFrameId=void 0,this.host.isConnected&&this.pendingSizeAlias&&this.pendingSizeAlias!==this.sizeAlias&&(this.sizeAlias=this.pendingSizeAlias,this.dsoSizeChange.emit(this.pendingSizeAlias))},this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");this.pendingSizeAlias=a.find((i=>s.contentRect.width>=i.width))?.alias??a[0].alias,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushSizeChange))}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.observer.unobserve(this.host)}render(){return t(e,{key:"
|
|
1
|
+
import{r as s,d as i,h as t,a as e,g as h}from"./p-pqfDfKeZ.js";const a=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],r=class{constructor(t){s(this,t),this.dsoSizeChange=i(this,"dsoSizeChange",7),this.sizeAlias=a[0].alias,this.sizeWidth=0,this.flushSizeChange=()=>{this.resizeFrameId=void 0,this.host.isConnected&&this.pendingSizeAlias&&this.pendingSizeAlias!==this.sizeAlias&&(this.sizeAlias=this.pendingSizeAlias,this.dsoSizeChange.emit(this.pendingSizeAlias))},this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");this.pendingSizeAlias=a.find((i=>s.contentRect.width>=i.width))?.alias??a[0].alias,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushSizeChange))}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.observer.unobserve(this.host)}render(){return t(e,{key:"035e0fbd46df2b7bb17eaa4341082f1d242a5155",small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},t("slot",{key:"25bb0eb9de92fcf9b95a2c0a0bb642788b625946"}))}get host(){return h(this)}};r.style=":host{display:block}";export{r as dso_responsive_element}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r,F as t}from"./p-pqfDfKeZ.js";const d=class{constructor(r){o(this,r)}render(){return r(t,{key:"
|
|
1
|
+
import{r as o,h as r,F as t}from"./p-pqfDfKeZ.js";const d=class{constructor(r){o(this,r)}render(){return r(t,{key:"4bde48340c627e60f8655d71e11d358ce3706f63"},r("dso-icon",{key:"33020e99bfc7d8fba1f799c0ea4324c417bd64d1",icon:"clock-outline"}),r("slot",{key:"be1174fc29ad9eae607fbced2dc2ffc9874e2973"}),r("slot",{key:"7b6ff42a67dcaeb757c24473cb3c8caa4456c90b",name:"button"}))}};d.style='*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}';export{d as dso_tijdreis_banner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,d as t,f as n,h as a,g as o}from"./p-pqfDfKeZ.js";import{i as d}from"./p-Hgv-pDpy.js";const i=class{constructor(n){e(this,n),this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return a("div",{key:"4046f10a2e45993afefe33ab3f92c14d6b6963d6",class:"dso-document-card-container"},a("div",{key:"0d72ed7262faf99184904eed86301cfacd77d09b",class:"dso-document-card-heading"},a("a",{key:"1edb52c2ad08a63bdf2d786ed36a33f6477c434c",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("span",{key:"2b7ea520003646ef4d0f93f022f6a9ccc355a67d",class:"icon-container"},a("dso-icon",{key:"3bea6d5d33dbcfd143d58a8e3b1777cc10876944",icon:"chevron-right"}),a("slot",{key:"cee11afecd7ade47d47bde74d37587decebabc49",name:"heading"})))),a("div",{key:"4d82525ec2c83fe9a72b785b6ce458a37d4fe915",class:"dso-document-card-type"},a("slot",{key:"69ebf7af4c44cf5afe03074fcf8639a903fb3f36",name:"type"})),a("div",{key:"7eea440b8780cf2a541c74f5f644358a8c8b7961",class:"dso-document-card-status"},null!==this.metaSlottedElement&&a("slot",{key:"0370eeeb1dc83e5120e77e996f524d60b28afc40",name:"meta"}),a("slot",{key:"0750731813a2890b40cbbb02d474452e14d80eb2",name:"status"}),null!==this.interactionsSlottedElement&&a("slot",{key:"8e8256e3895a7c90f807430f3b84c603355d0950",name:"interactions"})))}get host(){return o(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dso-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}";export{i as dso_document_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,d as t,h as i,a as s,g as d}from"./p-pqfDfKeZ.js";import{i as n}from"./p-CCOI5nUo.js";const o={en:{"dso-legend-group":{edit:"Edit layers",view:"Leave editmode"}},nl:{"dso-legend-group":{edit:"Kaartlagen bewerken",view:"Bewerken verlaten"}}},a=class{constructor(i){e(this,i),this.dsoLegendGroupModeChange=t(this,"dsoLegendGroupModeChange",3),this.text=n((()=>this.host),o),this.toggleMode=e=>{this.dsoLegendGroupModeChange.emit({originalEvent:e.detail.originalEvent,next:"view"===this.mode?"edit":"view"})}}handleModeChange(){if(this.mode){const e=this.mode;this.legendItems.forEach((t=>{t._mode=e}))}}get legendItems(){return Array.from(this.host.querySelectorAll("dso-legend-item"))}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.handleModeChange()})),this.mutationObserver.observe(this.host,{childList:!0}),this.handleModeChange()}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return i(s,{key:"972513a3527ff446324c759714755b664c058d46"},i("div",{key:"e57660d4098c734dd093cd4f78914b80950a223b",class:"legend-group-header"},i("slot",{key:"165c84da0b66aad1256ef510779ac6d79495b42a",name:"heading"}),this.mode&&i("dso-icon-button",{key:"a1401577f95f4192c0faea3907f77fec40df7cf2",expanded:"edit"===this.mode,label:this.text("view"===this.mode?"edit":"view"),icon:"view"===this.mode?"pencil":"check",variant:"tertiary",onDsoClick:this.toggleMode})),"edit"===this.mode&&i("slot",{key:"f8c427b63ab20594f04d2099ec5b0f15b9bf9b20",name:"options"}),i("slot",{key:"97fd5268954f1a83d097c5241983de5dc7adc30e"}))}get host(){return d(this)}static get watchers(){return{mode:[{handleModeChange:0}]}}};a.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.legend-group-header{position:relative}.legend-group-header ::slotted(h3){margin-block:8px !important;padding-block:4px !important}.legend-group-header dso-icon-button{position:absolute;inset-block-start:0;inset-inline-end:0}";export{a as dso_legend_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,d as s,h as a,g as i}from"./p-pqfDfKeZ.js";import{i as o}from"./p-
|
|
1
|
+
import{r as e,d as s,h as a,g as i}from"./p-pqfDfKeZ.js";import{i as o}from"./p-CCOI5nUo.js";import{v as t}from"./p-CK3_k8jD.js";const d={en:{"dso-map-base-layers":{background:"Background"}},nl:{"dso-map-base-layers":{background:"Achtergrond"}}},r=class{constructor(a){e(this,a),this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7),this.selectableRefs={},this.group=t(),this.text=o((()=>this.host),d)}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>!e.disabled&&!0===this.previousBaselayers?.find((s=>s.id===e.id))?.disabled)).forEach((e=>{this.selectableRefs[e.id]?.toggleInfo(!1)})),this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return a("fieldset",{key:"fc725366824a2bfbecc6b3b54a9d66189897788d",class:"form-group dso-radios"},a("legend",{key:"a5e7265492ee924e04bc784c57f26e474f0c4c21",class:"sr-only"},"Achtergrond"),a("div",{key:"344f1765eefba53c5d4a8c25d0f1853359e5029b",class:"dso-label-container"},a("span",{key:"f2de7cae48c08e0487ad8f1cd45a1f72def76858",class:"control-label","aria-hidden":"true"},this.text("background"))),a("div",{key:"c5dfd3492af5de39d9e718c2df24393e5069dc16",class:"dso-field-container"},this.baseLayers.map((e=>a("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?a("p",{slot:"info"},e.info):null)))))}get host(){return i(this)}};r.style=":host{display:block}*,*::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)}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";export{r as dso_map_base_layers}
|
|
@@ -1296,7 +1296,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
1296
1296
|
return trap;
|
|
1297
1297
|
};
|
|
1298
1298
|
|
|
1299
|
-
const advancedSelectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select{display:flex;flex-direction:row}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px;padding-inline-start:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}`;
|
|
1299
|
+
const advancedSelectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select{display:flex;flex-direction:row}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{line-height:1;padding-block:12px;padding-inline:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px;padding-inline-start:8px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:600}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#39870c;text-decoration:none}.group-link:hover,.group-link:focus{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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}.options{margin:0;padding:0}.option{display:flex;align-items:center;gap:8px;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option dso-icon{flex-shrink:0}.option.option-active,.option.option-active:hover,.option.option-active:focus{background-color:#275937}.option.option-active .option-label,.option.option-active dso-icon,.option.option-active:hover .option-label,.option.option-active:hover dso-icon,.option.option-active:focus .option-label,.option.option-active:focus dso-icon{color:#fff;font-weight:600}.option:hover,.option:focus{background-color:#ebf3e6}.option-label{position:relative;color:#191919}.option-hint{padding-inline-start:5px;color:#fff;font-weight:600}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}`;
|
|
1300
1300
|
|
|
1301
1301
|
const AdvancedSelect = class {
|
|
1302
1302
|
constructor(hostRef) {
|
|
@@ -1371,16 +1371,20 @@ const AdvancedSelect = class {
|
|
|
1371
1371
|
elements[nextIndex]?.focus();
|
|
1372
1372
|
}
|
|
1373
1373
|
render() {
|
|
1374
|
-
|
|
1375
|
-
|
|
1374
|
+
const icon = this.open ? "caret-up" : "caret-down";
|
|
1375
|
+
return (h("div", { key: 'caa960271b7eb724eedf59a6ecc3963d0edd44a7', class: "advanced-select" }, h("div", { key: 'ee68b2509312c5069a1efa48340b41420b815900', class: "advanced-select-button" }, h("button", { key: 'fcf9ad0e9f20869b4f023054b8a0d5c85120ce4b', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h(ActiveGroupLabel, { key: '1fa22990b25898c3efb0e30f37f1be77b521a7c6', active: this.active, options: this.options }), h("span", { key: 'ecd6a91ab2508d20beb307a1455199cf2639311f', class: "active-option-label" }, this.active?.label ?? "Selecteer een optie"), h("span", { key: 'f9614e4abb3d443df8460a05e65177da03eb5aa9', class: "active-option-aside" }, h("dso-icon", { key: '3ce4f7aa4468e2697c5a4a51ba59bc6f50dffb09', icon: icon, "aria-hidden": "true" }))), this.open && (h("div", { key: '9ef3f404c54ae68f8ecdfa583c1e1f5e6043473c', class: "groups-container" }, h("ul", { key: '2060f56e121dc676f80e5fb421f7417c57f69c89', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick, variant: optionOrGroup.variant }))))), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
|
|
1376
|
+
("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))), this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && optionOrGroup?.summaryCounter) && (h("span", { key: '9d376f04f707c29a7e094b760aacd117cf0a2d39', class: "badges" }, this.options
|
|
1376
1377
|
.filter((option) => "options" in option && "summaryCounter" in option && !!option?.summaryCounter)
|
|
1377
|
-
.map((group) => (h("dso-badge", { status: group.variant ?? "outline", label: `Toon toelichting voor ${group.label.toLowerCase()}` }, group.options.length, h("div", { slot: "toggletip" }, group.toggletip))))))));
|
|
1378
|
+
.map((group) => (h("dso-badge", { status: group.variant ?? "outline", label: group.badgeLabel ?? `Toon toelichting voor ${group.label.toLowerCase()}` }, group.options.length, h("div", { slot: "toggletip" }, group.toggletip))))))));
|
|
1378
1379
|
}
|
|
1379
1380
|
static get delegatesFocus() { return true; }
|
|
1380
1381
|
get host() { return getElement(this); }
|
|
1381
1382
|
};
|
|
1382
|
-
const OptionButton = ({ option, active, activeHint, callback
|
|
1383
|
-
const
|
|
1383
|
+
const OptionButton = ({ option, active, activeHint, callback, variant }) => {
|
|
1384
|
+
const icon = variant === "success" ? "document" : variant === "warning" ? "document-pencil" : "hammer";
|
|
1385
|
+
return (h("button", { class: clsx(["option", { "option-active": active === option }]), type: "button", onClick: (e) => callback(e, option) }, h("dso-icon", { icon: icon, "aria-hidden": "true" }), h("span", { class: "option-label" }, option.label, " ", !!activeHint && active === option && h("span", { class: "option-hint" }, "(", activeHint, ")"))));
|
|
1386
|
+
};
|
|
1387
|
+
const RedirectAnchor = ({ redirect, callback }) => (h("a", { class: "group-link", href: redirect.href, onClick: (e) => callback(e, redirect) }, redirect.label, h("dso-icon", { icon: "chevron-right", "aria-hidden": "true" })));
|
|
1384
1388
|
const ActiveGroupLabel = ({ active, options }) => {
|
|
1385
1389
|
const group = options.find((optionOrGroup) => "options" in optionOrGroup &&
|
|
1386
1390
|
!!optionOrGroup.options.find((option) => option === active) &&
|