@dso-toolkit/core 85.0.0 → 86.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle/dso-accordion-section.js +6 -6
- package/dist/bundle/dso-action-list-item.js +1 -1
- package/dist/bundle/dso-advanced-select.js +4 -4
- package/dist/bundle/dso-alert.js +1 -1
- package/dist/bundle/dso-annotation-activiteit.js +5 -5
- package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +5 -5
- 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 +5 -5
- package/dist/bundle/dso-attachments-counter.js +1 -1
- package/dist/bundle/dso-autosuggest.js +3 -3
- package/dist/bundle/dso-button-group.js +1 -1
- package/dist/bundle/dso-card.js +1 -1
- package/dist/bundle/dso-document-card.js +6 -3
- package/dist/bundle/dso-document-card.js.map +1 -1
- package/dist/bundle/dso-document-component.js +1 -1
- package/dist/bundle/dso-dropdown-menu.js +1 -1
- package/dist/bundle/dso-header.js +3 -3
- 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-item.js +7 -7
- package/dist/bundle/dso-legend.js +4 -4
- package/dist/bundle/dso-list-button.js +6 -6
- package/dist/bundle/dso-logo.js +1 -1
- package/dist/bundle/dso-map-base-layers.js +6 -6
- package/dist/bundle/dso-map-controls.js +33 -38
- package/dist/bundle/dso-map-controls.js.map +1 -1
- package/dist/bundle/dso-map-layer-object.js +2 -2
- package/dist/bundle/dso-map-layer.js +2 -2
- package/dist/bundle/dso-map-overlays.js +6 -6
- package/dist/bundle/dso-mark-bar.js +3 -3
- package/dist/bundle/dso-modal.js +4 -4
- package/dist/bundle/dso-onboarding-tip.js +36 -6
- package/dist/bundle/dso-onboarding-tip.js.map +1 -1
- 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 +5 -5
- package/dist/bundle/dso-responsive-element.js +1 -1
- package/dist/bundle/dso-scrollable.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-toggletip.js +1 -1
- package/dist/bundle/dso-tooltip.js +1 -1
- package/dist/bundle/dso-tree-view.js +3 -3
- package/dist/bundle/dso-viewer-grid.js +6 -4
- package/dist/bundle/dso-viewer-grid.js.map +1 -1
- package/dist/bundle/dsot-document-component-demo.js +15 -15
- package/dist/bundle/{p-BgsDpCHt.js → p--3JV3Hsl.js} +4 -4
- package/dist/bundle/{p-BgsDpCHt.js.map → p--3JV3Hsl.js.map} +1 -1
- package/dist/bundle/{p-B39ewelJ.js → p-8fELqkLM.js} +4 -4
- package/dist/bundle/{p-B39ewelJ.js.map → p-8fELqkLM.js.map} +1 -1
- package/dist/bundle/{p-J6EVaTGZ.js → p-B5jOW6NE.js} +5 -5
- package/dist/bundle/p-B5jOW6NE.js.map +1 -0
- package/dist/bundle/{p-CvU3MN64.js → p-B6KrM61B.js} +3 -3
- package/dist/bundle/{p-CvU3MN64.js.map → p-B6KrM61B.js.map} +1 -1
- package/dist/bundle/{p-bgDHZ-CT.js → p-BFNIoCP5.js} +11 -5
- package/dist/bundle/p-BFNIoCP5.js.map +1 -0
- package/dist/bundle/{p-CVAPkfaq.js → p-BFOCXUdD.js} +3 -3
- package/dist/bundle/{p-CVAPkfaq.js.map → p-BFOCXUdD.js.map} +1 -1
- package/dist/bundle/{p-BheZWHUU.js → p-BGRoDyj6.js} +16 -6
- package/dist/bundle/p-BGRoDyj6.js.map +1 -0
- package/dist/bundle/{p-4OB3e0UW.js → p-BKg8_fA-.js} +14 -14
- package/dist/bundle/{p-4OB3e0UW.js.map → p-BKg8_fA-.js.map} +1 -1
- package/dist/bundle/{p-Dxf0wJyw.js → p-Br8TuC3x.js} +16 -10
- package/dist/bundle/p-Br8TuC3x.js.map +1 -0
- package/dist/bundle/{p-DAPEW-cK.js → p-C0EnGYRN.js} +3 -3
- package/dist/bundle/{p-DAPEW-cK.js.map → p-C0EnGYRN.js.map} +1 -1
- package/dist/bundle/{p-DQhNV0Ly.js → p-CAGq_ycS.js} +5 -5
- package/dist/bundle/{p-DQhNV0Ly.js.map → p-CAGq_ycS.js.map} +1 -1
- package/dist/bundle/{p-D73qXpcX.js → p-CCDR-SCb.js} +4 -4
- package/dist/bundle/{p-D73qXpcX.js.map → p-CCDR-SCb.js.map} +1 -1
- package/dist/bundle/{p-BbhVKEjM.js → p-CFM9wqmI.js} +7 -7
- package/dist/bundle/{p-BbhVKEjM.js.map → p-CFM9wqmI.js.map} +1 -1
- package/dist/bundle/{p-DiVQLv2Z.js → p-CJ5GzbS9.js} +3 -3
- package/dist/bundle/{p-DiVQLv2Z.js.map → p-CJ5GzbS9.js.map} +1 -1
- package/dist/bundle/{p-B4kCTpCL.js → p-CPgqc4eE.js} +5 -5
- package/dist/bundle/{p-B4kCTpCL.js.map → p-CPgqc4eE.js.map} +1 -1
- package/dist/bundle/{p-C2D3bMur.js → p-CytM1Biw.js} +3 -3
- package/dist/bundle/{p-C2D3bMur.js.map → p-CytM1Biw.js.map} +1 -1
- package/dist/bundle/{p-BCQXZLJD.js → p-D0TTjh52.js} +3 -3
- package/dist/bundle/{p-BCQXZLJD.js.map → p-D0TTjh52.js.map} +1 -1
- package/dist/bundle/{p-F64yBavo.js → p-DP6XV8DY.js} +4 -4
- package/dist/bundle/{p-F64yBavo.js.map → p-DP6XV8DY.js.map} +1 -1
- package/dist/bundle/{p-D3mPJFiY.js → p-DlXn_7gE.js} +4 -4
- package/dist/bundle/{p-D3mPJFiY.js.map → p-DlXn_7gE.js.map} +1 -1
- package/dist/bundle/{p-DYajyH7D.js → p-DnF8nNXV.js} +7 -7
- package/dist/bundle/{p-DYajyH7D.js.map → p-DnF8nNXV.js.map} +1 -1
- package/dist/bundle/{p-Cr7ZJh2L.js → p-OF4HG_oT.js} +7 -7
- package/dist/bundle/{p-Cr7ZJh2L.js.map → p-OF4HG_oT.js.map} +1 -1
- package/dist/bundle/{p-Dz-kOE9B.js → p-q0UGoBNE.js} +8 -8
- package/dist/bundle/{p-Dz-kOE9B.js.map → p-q0UGoBNE.js.map} +1 -1
- package/dist/bundle/p-r5BYffta.js +63 -0
- package/dist/bundle/p-r5BYffta.js.map +1 -0
- package/dist/cjs/dso-alert_7.cjs.entry.js +11 -5
- package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +2 -2
- package/dist/cjs/dso-button-group.cjs.entry.js +7 -4
- package/dist/cjs/dso-document-card.cjs.entry.js +5 -2
- package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/dso-header.cjs.entry.js +1 -1
- package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
- package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-icon_2.cjs.entry.js +14 -4
- package/dist/cjs/dso-info-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-info_2.cjs.entry.js +2 -2
- package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
- package/dist/cjs/dso-label_3.cjs.entry.js +4 -4
- package/dist/cjs/dso-legend-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-legend.cjs.entry.js +1 -1
- package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-logo.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-controls.cjs.entry.js +22 -33
- 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-overlays.cjs.entry.js +1 -1
- package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
- package/dist/cjs/dso-modal.cjs.entry.js +1 -1
- package/dist/cjs/dso-onboarding-tip.cjs.entry.js +33 -3
- package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
- package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
- 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-toggletip.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 +6 -4
- package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/button-group/button-group.css +11 -0
- package/dist/collection/components/button-group/button-group.js +6 -3
- package/dist/collection/components/button-group/button-group.js.map +1 -1
- package/dist/collection/components/document-card/document-card.css +8 -13
- package/dist/collection/components/document-card/document-card.js +6 -2
- package/dist/collection/components/document-card/document-card.js.map +1 -1
- package/dist/collection/components/document-component/document-component.js +2 -2
- package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
- package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
- 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.css +12 -2
- package/dist/collection/components/icon-button/icon-button.js +1 -1
- 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 +3 -3
- package/dist/collection/components/legend/legend.js +1 -1
- package/dist/collection/components/legend-item/legend-item.js +1 -1
- 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 +11 -28
- package/dist/collection/components/map-controls/map-controls.js +11 -5
- package/dist/collection/components/map-controls/map-controls.js.map +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-overlays/map-overlays.js +1 -1
- package/dist/collection/components/mark-bar/mark-bar.js +1 -1
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/onboarding-tip/onboarding-tip.js +34 -4
- package/dist/collection/components/onboarding-tip/onboarding-tip.js.map +1 -1
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.css +2 -0
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content.css +7 -1
- package/dist/collection/components/ozon-content/ozon-content.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/selectable/selectable.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/table/table.js.map +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/toggletip/toggletip.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 +5 -3
- package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
- package/dist/components/button-group.js +7 -4
- package/dist/components/button-group.js.map +1 -1
- package/dist/components/document-component.js +2 -2
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/dso-document-card.js +5 -2
- package/dist/components/dso-document-card.js.map +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 +2 -2
- 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 +32 -37
- package/dist/components/dso-map-controls.js.map +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-overlays.js +1 -1
- package/dist/components/dso-mark-bar.js +1 -1
- package/dist/components/dso-modal.js +1 -1
- package/dist/components/dso-onboarding-tip.js +34 -4
- package/dist/components/dso-onboarding-tip.js.map +1 -1
- package/dist/components/dso-plekinfo-card.js +1 -1
- package/dist/components/dso-project-item.js +1 -1
- package/dist/components/dso-skiplink.js +1 -1
- package/dist/components/dso-survey-rating.js +2 -2
- package/dist/components/dso-tabs.js +1 -1
- package/dist/components/dso-tijdreis-banner.js +1 -1
- package/dist/components/dso-tree-view.js +1 -1
- package/dist/components/dso-viewer-grid.js +6 -4
- package/dist/components/dso-viewer-grid.js.map +1 -1
- package/dist/components/dsot-document-component-demo.js +1 -1
- package/dist/components/icon-button.js +13 -3
- package/dist/components/icon-button.js.map +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 +3 -3
- package/dist/components/ozon-content-toggletip.js +2 -2
- package/dist/components/ozon-content-toggletip.js.map +1 -1
- package/dist/components/ozon-content.js +8 -2
- package/dist/components/ozon-content.js.map +1 -1
- package/dist/components/progress-indicator.js +1 -1
- package/dist/components/responsive-element.js +1 -1
- package/dist/components/scrollable.js +2 -2
- package/dist/components/selectable.js +1 -1
- package/dist/components/slide-toggle.js +1 -1
- package/dist/components/table.js +9 -3
- package/dist/components/table.js.map +1 -1
- package/dist/components/toggletip.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/{p-92cef7f0.entry.js → p-075edc85.entry.js} +2 -2
- package/dist/dso-toolkit/{p-dbb30a77.entry.js → p-0f1287d9.entry.js} +2 -2
- package/dist/dso-toolkit/{p-d3181474.entry.js → p-110c52d0.entry.js} +2 -2
- package/dist/dso-toolkit/{p-c86138aa.entry.js → p-1b07fab2.entry.js} +2 -2
- package/dist/dso-toolkit/{p-509d8d8f.entry.js → p-275aae3e.entry.js} +2 -2
- package/dist/dso-toolkit/{p-04a442fa.entry.js → p-282c4c3d.entry.js} +2 -2
- package/dist/dso-toolkit/{p-fe4dbed9.entry.js → p-28c8f873.entry.js} +2 -2
- package/dist/dso-toolkit/{p-d639b34d.entry.js → p-29709836.entry.js} +2 -2
- package/dist/dso-toolkit/p-320cc3d6.entry.js +2 -0
- package/dist/dso-toolkit/{p-2c434208.entry.js.map → p-320cc3d6.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-c1078d64.entry.js → p-393f6924.entry.js} +2 -2
- package/dist/dso-toolkit/{p-d99a07b7.entry.js → p-4abf84cf.entry.js} +2 -2
- package/dist/dso-toolkit/{p-0ed7cc17.entry.js → p-4c1dec03.entry.js} +2 -2
- package/dist/dso-toolkit/p-581667ed.entry.js +2 -0
- package/dist/dso-toolkit/{p-8d36cf3d.entry.js → p-5b5b4bc7.entry.js} +2 -2
- package/dist/dso-toolkit/{p-f4b5339e.entry.js → p-66bd3a9a.entry.js} +2 -2
- package/dist/dso-toolkit/{p-37ec10d0.entry.js → p-6980185d.entry.js} +2 -2
- package/dist/dso-toolkit/{p-2ae2eeb3.entry.js → p-6b992629.entry.js} +2 -2
- package/dist/dso-toolkit/{p-62785fa8.entry.js → p-7386c47c.entry.js} +2 -2
- package/dist/dso-toolkit/p-788d29c5.entry.js +2 -0
- package/dist/dso-toolkit/p-788d29c5.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-0faa7dca.entry.js → p-889c90a8.entry.js} +2 -2
- package/dist/dso-toolkit/{p-6cbf3348.entry.js → p-8c0cffaa.entry.js} +2 -2
- package/dist/dso-toolkit/{p-fe874e46.entry.js → p-968da2be.entry.js} +2 -2
- package/dist/dso-toolkit/p-9e083783.entry.js +2 -0
- package/dist/dso-toolkit/p-9e083783.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-0316163d.entry.js → p-a389b57b.entry.js} +2 -2
- package/dist/dso-toolkit/{p-0316163d.entry.js.map → p-a389b57b.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-ba271781.entry.js → p-a59ef97a.entry.js} +2 -2
- package/dist/dso-toolkit/p-aa0662de.entry.js +2 -0
- package/dist/dso-toolkit/{p-2cf48cf4.entry.js → p-b1a81a70.entry.js} +2 -2
- package/dist/dso-toolkit/{p-32f239b6.entry.js → p-b4fb98ad.entry.js} +2 -2
- package/dist/dso-toolkit/p-b4fb98ad.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-f81e0834.entry.js → p-b7ccbce9.entry.js} +2 -2
- package/dist/dso-toolkit/{p-370d5848.entry.js → p-bf327a22.entry.js} +2 -2
- package/dist/dso-toolkit/{p-3cdff9bc.entry.js → p-bf37fdda.entry.js} +2 -2
- package/dist/dso-toolkit/p-c05665d3.entry.js +2 -0
- package/dist/dso-toolkit/p-c05665d3.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-4ab4aff0.entry.js → p-c17bff8d.entry.js} +2 -2
- package/dist/dso-toolkit/{p-5f69ed68.entry.js → p-c3d6a132.entry.js} +2 -2
- package/dist/dso-toolkit/{p-7f6ef60b.entry.js → p-cd813472.entry.js} +2 -2
- package/dist/dso-toolkit/{p-865fd4cc.entry.js → p-d4de3291.entry.js} +2 -2
- package/dist/dso-toolkit/{p-8277eae8.entry.js → p-db1b2ac2.entry.js} +2 -2
- package/dist/dso-toolkit/{p-8277eae8.entry.js.map → p-db1b2ac2.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-afc2d771.entry.js → p-f8687cee.entry.js} +2 -2
- package/dist/dso-toolkit/{p-488e4048.entry.js → p-fb48a537.entry.js} +2 -2
- package/dist/esm/dso-alert_7.entry.js +11 -5
- package/dist/esm/dso-annotation-locatie_2.entry.js +2 -2
- package/dist/esm/dso-button-group.entry.js +7 -4
- package/dist/esm/dso-button-group.entry.js.map +1 -1
- package/dist/esm/dso-document-card.entry.js +5 -2
- package/dist/esm/dso-document-card.entry.js.map +1 -1
- package/dist/esm/dso-dropdown-menu.entry.js +1 -1
- package/dist/esm/dso-header.entry.js +1 -1
- package/dist/esm/dso-highlight-box.entry.js +1 -1
- package/dist/esm/dso-history-item.entry.js +1 -1
- package/dist/esm/dso-icon_2.entry.js +14 -4
- package/dist/esm/dso-info-button.entry.js +1 -1
- package/dist/esm/dso-info_2.entry.js +2 -2
- package/dist/esm/dso-input-range.entry.js +2 -2
- package/dist/esm/dso-label_3.entry.js +4 -4
- package/dist/esm/dso-legend-item.entry.js +1 -1
- package/dist/esm/dso-legend.entry.js +1 -1
- package/dist/esm/dso-list-button.entry.js +1 -1
- package/dist/esm/dso-logo.entry.js +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +1 -1
- package/dist/esm/dso-map-controls.entry.js +22 -33
- package/dist/esm/dso-map-controls.entry.js.map +1 -1
- 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-overlays.entry.js +1 -1
- package/dist/esm/dso-mark-bar.entry.js +1 -1
- package/dist/esm/dso-modal.entry.js +1 -1
- package/dist/esm/dso-onboarding-tip.entry.js +34 -4
- package/dist/esm/dso-onboarding-tip.entry.js.map +1 -1
- package/dist/esm/dso-plekinfo-card.entry.js +1 -1
- package/dist/esm/dso-progress-indicator.entry.js +1 -1
- package/dist/esm/dso-project-item.entry.js +1 -1
- package/dist/esm/dso-responsive-element.entry.js +1 -1
- package/dist/esm/dso-scrollable.entry.js +2 -2
- 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-toggletip.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 +6 -4
- package/dist/esm/dso-viewer-grid.entry.js.map +1 -1
- package/dist/esm/dsot-document-component-demo.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/button-group/button-group.d.ts +1 -1
- package/dist/types/components/document-card/document-card.d.ts +3 -1
- package/dist/types/components/onboarding-tip/onboarding-tip.d.ts +8 -0
- package/package.json +3 -3
- package/dist/bundle/p-BheZWHUU.js.map +0 -1
- package/dist/bundle/p-Dxf0wJyw.js.map +0 -1
- package/dist/bundle/p-J6EVaTGZ.js.map +0 -1
- package/dist/bundle/p-bgDHZ-CT.js.map +0 -1
- package/dist/bundle/p-pLR5tmBg.js +0 -60
- package/dist/bundle/p-pLR5tmBg.js.map +0 -1
- package/dist/dso-toolkit/p-2c434208.entry.js +0 -2
- package/dist/dso-toolkit/p-2fb49af0.entry.js +0 -2
- package/dist/dso-toolkit/p-2fb49af0.entry.js.map +0 -1
- package/dist/dso-toolkit/p-31922f53.entry.js +0 -2
- package/dist/dso-toolkit/p-31922f53.entry.js.map +0 -1
- package/dist/dso-toolkit/p-325f2186.entry.js +0 -2
- package/dist/dso-toolkit/p-32f239b6.entry.js.map +0 -1
- package/dist/dso-toolkit/p-4c041b9a.entry.js +0 -2
- package/dist/dso-toolkit/p-e9460f8b.entry.js +0 -2
- package/dist/dso-toolkit/p-e9460f8b.entry.js.map +0 -1
- /package/dist/dso-toolkit/{p-92cef7f0.entry.js.map → p-075edc85.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-dbb30a77.entry.js.map → p-0f1287d9.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-d3181474.entry.js.map → p-110c52d0.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-c86138aa.entry.js.map → p-1b07fab2.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-509d8d8f.entry.js.map → p-275aae3e.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-04a442fa.entry.js.map → p-282c4c3d.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-fe4dbed9.entry.js.map → p-28c8f873.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-d639b34d.entry.js.map → p-29709836.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-c1078d64.entry.js.map → p-393f6924.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-d99a07b7.entry.js.map → p-4abf84cf.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-0ed7cc17.entry.js.map → p-4c1dec03.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-325f2186.entry.js.map → p-581667ed.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-8d36cf3d.entry.js.map → p-5b5b4bc7.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-f4b5339e.entry.js.map → p-66bd3a9a.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-37ec10d0.entry.js.map → p-6980185d.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-2ae2eeb3.entry.js.map → p-6b992629.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-62785fa8.entry.js.map → p-7386c47c.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-0faa7dca.entry.js.map → p-889c90a8.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-6cbf3348.entry.js.map → p-8c0cffaa.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-fe874e46.entry.js.map → p-968da2be.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-ba271781.entry.js.map → p-a59ef97a.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-4c041b9a.entry.js.map → p-aa0662de.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-2cf48cf4.entry.js.map → p-b1a81a70.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-f81e0834.entry.js.map → p-b7ccbce9.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-370d5848.entry.js.map → p-bf327a22.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-3cdff9bc.entry.js.map → p-bf37fdda.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-4ab4aff0.entry.js.map → p-c17bff8d.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-5f69ed68.entry.js.map → p-c3d6a132.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-7f6ef60b.entry.js.map → p-cd813472.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-865fd4cc.entry.js.map → p-d4de3291.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-afc2d771.entry.js.map → p-f8687cee.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-488e4048.entry.js.map → p-fb48a537.entry.js.map} +0 -0
|
@@ -8,7 +8,7 @@ export class Skiplink {
|
|
|
8
8
|
return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("a", { key: '
|
|
11
|
+
return (h("a", { key: '5ed1332aea03d1b42bfadc9b64d72fade0c9e040', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '7df4dca20d1fc7df30456da33fec84ce3a7f53c8', icon: "chevron-right" })));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "dso-skiplink"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class SlideToggle {
|
|
|
25
25
|
this.hasVisibleLabel = this.host.querySelector("*") !== null;
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Fragment, { key: '
|
|
28
|
+
return (h(Fragment, { key: '7951732521fe2f5492e98f577a8db95368701a00' }, h("button", Object.assign({ key: 'dee277ad2f9588b83134762429e69e049a7968bf', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { key: '18c6aa1f628fac44a1fc461419e5a53d27ce2385', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '130f15a202fd726f2db7ba6100e63f735dcfd590', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '8f3f8c42d45032d4c1624875a635d204b5ca03be', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '20641da17a34b9cdf9960d7b640746f2d3be2fb0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'd03a0107701ab2dcf1e771d9f08596e3c286d44b', htmlFor: this.identifier }, h("slot", { key: '57ea87e3101fc832b88f74e0dd7b0134e38ea386' })))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "dso-slide-toggle"; }
|
|
31
31
|
static get encapsulation() { return "scoped"; }
|
|
@@ -18,10 +18,10 @@ export class SurveyRating {
|
|
|
18
18
|
"Makkelijk",
|
|
19
19
|
"Heel makkelijk",
|
|
20
20
|
];
|
|
21
|
-
return (h("dso-panel", { key: '
|
|
21
|
+
return (h("dso-panel", { key: 'b3702451bc2c35c842d25e9a841bc6bbc105cc58', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '6f26ba3199ef26a09fe086d7566b26d3f2acdb2f', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '8232dd5a31135657437532febf1397513ef25dda' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '569b39781b4edef67fc134936171ded4f324e743', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'd555e74cc21d2d40b4265cc64daac8b30ed6efee', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '7a73c071a6bbe096aaf65880b685640c34ba8fd5' }, "Heel moeilijk"), h("span", { key: '4f888fbb0d0714818df98ec7b9d544dc98568ea0' }, "Heel makkelijk")), h("div", { key: '4aaffebf20ac95cd7c5f608af1bca408369464b1', role: "radiogroup" }, ratings.map((rating, index) => {
|
|
22
22
|
const ratingNumber = index + 1;
|
|
23
23
|
return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
|
|
24
|
-
})), h("button", { key: '
|
|
24
|
+
})), h("button", { key: '6514e7c09960f2f2443ead0c34ae8fb1a4799df1', type: "submit", class: "dso-secondary" }, h("span", { key: '036179203b7580af8df862db58b92e5946b3524a' }, "Antwoord verzenden")))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "dso-survey-rating"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
@@ -36,7 +36,7 @@ export class Table {
|
|
|
36
36
|
render() {
|
|
37
37
|
var _a, _b, _c;
|
|
38
38
|
const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: '4aa3930ee445f9d4ddac187964f004158e36b917', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '4a3efeef65f242fdd54eaa7c2f4f9fac2f670c32', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body dso-table-body" }, h("slot", null))))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
|
|
40
40
|
}
|
|
41
41
|
openModal() {
|
|
42
42
|
this.placeholderHeight = this.host.clientHeight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAO1B,MAAM,OAAO,KAAK;IALlB;QAUU,iBAAY,GAAG,EAAE,EAAE,CAAC;QAK5B;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;QAMhB,gBAAW,GAAG,KAAK,CAAC;QASZ,6BAAwB,GAAG,GAAG,EAAE;YACtC,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, Element, Fragment, Host, Prop, State, h } from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { v4 } from \"uuid\";\r\n\r\n@Component({\r\n tag: \"dso-table\",\r\n styleUrl: \"table.scss\",\r\n shadow: true,\r\n})\r\nexport class Table implements ComponentInterface {\r\n private resizeObserver?: ResizeObserver;\r\n\r\n private dialogElement?: HTMLDialogElement;\r\n\r\n private labelledbyId = v4();\r\n\r\n @Element()\r\n host!: HTMLDsoTableElement;\r\n\r\n /**\r\n * Prevents the table being opened in a modal.\r\n */\r\n @Prop({ reflect: true })\r\n noModal = false;\r\n\r\n @State()\r\n isResponsive?: boolean;\r\n\r\n @State()\r\n modalActive = false;\r\n\r\n @State()\r\n placeholderHeight?: number;\r\n\r\n private startResponsiveBehavior(): void {\r\n this.resizeObserver?.observe(this.host);\r\n }\r\n\r\n private dialogCloseEventListener = () => {\r\n this.closeModal();\r\n };\r\n\r\n componentWillLoad(): void {\r\n this.resizeObserver = new ResizeObserver(debounce((entries) => this.setResponsiveTable(entries), 200));\r\n }\r\n\r\n componentDidLoad(): void {\r\n this.startResponsiveBehavior();\r\n }\r\n\r\n componentDidRender() {\r\n if (this.modalActive) {\r\n this.dialogElement?.showModal();\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n this.resizeObserver?.disconnect();\r\n }\r\n\r\n render() {\r\n const caption = this.host.querySelector(\":scope > table > caption\")?.textContent?.trim();\r\n\r\n return (\r\n <Host is-responsive={this.isResponsive?.toString()}>\r\n {this.modalActive && this.placeholderHeight && (\r\n <div class=\"dso-table-placeholder\" style={{ height: `${this.placeholderHeight}px` }} />\r\n )}\r\n\r\n {this.modalActive ? (\r\n <dialog\r\n class=\"dso-modal\"\r\n ref={(element) => (this.dialogElement = element)}\r\n onClose={this.dialogCloseEventListener}\r\n >\r\n <div class=\"dso-dialog dso-table-dialog\" aria-labelledby={this.labelledbyId}>\r\n <div class=\"dso-header\">\r\n <h2 id={this.labelledbyId} class={{ \"sr-only\": !caption }}>\r\n {caption || \"Uitvergrote tabel dialoog\"}\r\n </h2>\r\n <dso-icon-button\r\n icon=\"times\"\r\n variant=\"tertiary\"\r\n class=\"dso-close\"\r\n label=\"Sluiten\"\r\n onClick={() => this.closeModal()}\r\n />\r\n </div>\r\n\r\n <div class=\"dso-body dso-table-body\">\r\n <slot />\r\n </div>\r\n </div>\r\n </dialog>\r\n ) : (\r\n <Fragment>\r\n <div class=\"dso-table-utilities\" hidden={!this.isResponsive && this.noModal}>\r\n {this.isResponsive && (\r\n <div class=\"dso-responsive-message\">\r\n <span>beweeg de tabel van links naar rechts</span>\r\n </div>\r\n )}\r\n\r\n {!this.noModal && (\r\n <button type=\"button\" class=\"dso-tertiary open-modal-button\" onClick={() => this.openModal()}>\r\n <span class=\"sr-only\">tabel {caption ?? \"\"} </span>\r\n <span>vergroten</span>\r\n <dso-icon icon=\"external-link\"></dso-icon>\r\n </button>\r\n )}\r\n </div>\r\n\r\n <div class=\"dso-table-body\">\r\n <slot />\r\n </div>\r\n </Fragment>\r\n )}\r\n </Host>\r\n );\r\n }\r\n\r\n private openModal() {\r\n this.placeholderHeight = this.host.clientHeight;\r\n this.modalActive = true;\r\n }\r\n\r\n private closeModal() {\r\n this.placeholderHeight = undefined;\r\n this.dialogElement?.close();\r\n this.modalActive = false;\r\n }\r\n\r\n private setResponsiveTable([dsoTable]: ResizeObserverEntry[]): void {\r\n if (!dsoTable) {\r\n throw new Error(\"No dsoTable found\");\r\n }\r\n\r\n const tableElement = dsoTable.target.querySelector(\"table\");\r\n\r\n if (dsoTable && tableElement instanceof HTMLTableElement) {\r\n this.isResponsive =\r\n Math.floor(tableElement.getBoundingClientRect().width) > Math.floor(dsoTable.contentRect.width);\r\n }\r\n }\r\n}\r\n"]}
|
|
@@ -64,7 +64,7 @@ export class Tabs {
|
|
|
64
64
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '02f48018cba109abd625b1e094167a0ec0b010fd' }, h("div", { key: 'fd06374fe949fa076febb024e55b5a640a578249', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'f33c913d74c4e5b4e25a21d37556485b13d0bbe6' })), h("div", { key: '671257b83019a2a1bf91fcbff0dc02f394852979', role: "tabpanel", tabindex: "0" }, h("slot", { key: '8e55781731a30c76dbbfd0635b9c07343e871780', name: "panel" }))));
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "dso-tabs"; }
|
|
70
70
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, h } from "@stencil/core";
|
|
2
2
|
export class TijdreisBanner {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Fragment, { key: '
|
|
4
|
+
return (h(Fragment, { key: 'd8130a7c2ea4cc7cd20d6e00a09ac9a76e90be12' }, h("dso-icon", { key: '038bc0751131c76460776d84d663e3207b332d85', icon: "clock" }), h("slot", { key: 'a0b8af666def872b02abceb9d1e432db718e0d77' }), h("slot", { key: 'b120718ddaffa431b41e8d99fd3f4787369710d4', name: "button" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "dso-tijdreis-banner"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -44,7 +44,7 @@ export class Toggletip {
|
|
|
44
44
|
};
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (h(Fragment, { key: '
|
|
47
|
+
return (h(Fragment, { key: '1cf4249afadc5c17c53a1dcc3b7a48e11696d2dc' }, h("dso-info-button", { key: '0b7e61ada6e8503b1596f144119479f22f39b408', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '863a740c55a672563ba87ffe33c644026e883086', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: 'b4c79e6b3042616105233717bbcf936aae173102' }))));
|
|
48
48
|
}
|
|
49
49
|
static get is() { return "dso-toggletip"; }
|
|
50
50
|
static get encapsulation() { return "shadow"; }
|
|
@@ -189,7 +189,7 @@ export class Tooltip {
|
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
render() {
|
|
192
|
-
return (h(Host, { key: '
|
|
192
|
+
return (h(Host, { key: '895c14c3f74e68d415953d1624cfde5a99a7340a', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '59c5b6e414fbee97adce61152bb51bac763bc72d', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '8acac3a4ede03d256741c82b2affd148efd3cd8c', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '77ea9ac8ad174cf299f407d55edaa5962f7a2c11', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '255a3d5cc4146493303299661d2adad7f17a441f' })))));
|
|
193
193
|
}
|
|
194
194
|
activatePopper() {
|
|
195
195
|
var _a;
|
|
@@ -174,7 +174,7 @@ export class TreeView {
|
|
|
174
174
|
}
|
|
175
175
|
render() {
|
|
176
176
|
var _a;
|
|
177
|
-
return (h("div", { key: '
|
|
177
|
+
return (h("div", { key: '079b1e5102203359d1fc52ab56f46bcce7c50736', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '89b20ed47dc54c8712dbe22bf98c25776e0761ff', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
|
|
178
178
|
}
|
|
179
179
|
static get is() { return "dso-tree-view"; }
|
|
180
180
|
static get encapsulation() { return "shadow"; }
|
|
@@ -95,7 +95,8 @@ button::-moz-focus-inner {
|
|
|
95
95
|
padding-inline: 0 4px;
|
|
96
96
|
}
|
|
97
97
|
.dso-main-panel .toggle-button {
|
|
98
|
-
--
|
|
98
|
+
--_dt-icon-button-border-start-start-radius: 0;
|
|
99
|
+
--_dt-icon-button-border-end-start-radius: 0;
|
|
99
100
|
}
|
|
100
101
|
|
|
101
102
|
.dso-document-panel {
|
|
@@ -116,8 +117,9 @@ button::-moz-focus-inner {
|
|
|
116
117
|
}
|
|
117
118
|
.dso-document-panel .sizing-buttons .shrink,
|
|
118
119
|
.dso-document-panel .sizing-buttons .expand {
|
|
119
|
-
--
|
|
120
|
-
--
|
|
120
|
+
--_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;
|
|
121
|
+
--_dt-icon-button-border-start-end-radius: 0;
|
|
122
|
+
--_dt-icon-button-border-end-end-radius: 0;
|
|
121
123
|
}
|
|
122
124
|
|
|
123
125
|
.sizing-buttons,
|
|
@@ -158,7 +158,7 @@ export class ViewerGrid {
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
render() {
|
|
161
|
-
return (h(Fragment, { key: '
|
|
161
|
+
return (h(Fragment, { key: 'edd6deb29ac95de4a51f465a5cad1b0acc29005d' }, h("slot", { key: 'f729858fdad0e85c96b9e2e7b81e36e15e30641e', name: "top-bar" }), h("div", { key: '17f1daa140f34e79028d5dea6e90fcc1850bddf5', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'afaa536a79d579b1fcaf1497f58b26c8d1c01d09', class: "dso-navbar" }, h("ul", { key: '7e65e960e6cd485a3afd17bb0eba4f42fe3f4cf5', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '278f5d901b69f9cee5cec3baa97240bcda5d485d', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'ee7c500941365e37d3badf6ecf3637a6373b373f', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'a75a0db0f78d5ea026a858abc59a61f05b54f8b2', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'c7dec936116738089eda661459e8ea3551929cd2', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '0799f0fbe1f78a226d93906a62d6812553cb6df9', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'c7ef0202b56c549cc2518e8a9c0822c1cd570acc', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
|
|
162
162
|
}
|
|
163
163
|
static get is() { return "dso-viewer-grid"; }
|
|
164
164
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, forceUpdate, h, transformTag } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as clsx } from './clsx.js';
|
|
3
3
|
|
|
4
|
-
const buttonGroupCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;
|
|
4
|
+
const buttonGroupCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dt-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-start-end-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-end-start-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;
|
|
5
5
|
|
|
6
6
|
const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends HTMLElement {
|
|
7
7
|
constructor(registerHost) {
|
|
@@ -23,17 +23,20 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
|
|
|
23
23
|
});
|
|
24
24
|
this.mutationObserver.observe(this.host, {
|
|
25
25
|
childList: true,
|
|
26
|
+
attributes: true,
|
|
26
27
|
});
|
|
27
28
|
}
|
|
28
29
|
disconnectedCallback() {
|
|
29
30
|
var _a;
|
|
30
31
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
31
32
|
}
|
|
32
|
-
get
|
|
33
|
-
|
|
33
|
+
get hasMapButton() {
|
|
34
|
+
const hasMapIconButton = this.host.querySelector(":scope > dso-icon-button[variant='map']") !== null;
|
|
35
|
+
const hasMapClass = this.host.querySelector(":scope > .dso-map") !== null;
|
|
36
|
+
return hasMapIconButton || hasMapClass;
|
|
34
37
|
}
|
|
35
38
|
render() {
|
|
36
|
-
return (h("div", { key: '
|
|
39
|
+
return (h("div", { key: '0cd0a65e9b4ed512a7f51248628b5729e591e5a9', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '529bd12bf8558e3d8f0a7d76bb49c9c0200714ed' })));
|
|
37
40
|
}
|
|
38
41
|
get host() { return this; }
|
|
39
42
|
static get style() { return buttonGroupCss(); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"button-group.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,
|
|
1
|
+
{"file":"button-group.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,8lDAA8lD,CAAC;;MCUhnD,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAA,WAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;AAIG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAyB,KAAK;AAoCxC;IA7BC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;YAChD,WAAW,CAAC,IAAI,CAAC;AACnB,SAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;AACvC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;;QAClB,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE;;AAGrC,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,yCAAyC,CAAC,KAAK,IAAI;AACpG,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI;QAEzE,OAAO,gBAAgB,IAAI,WAAW;;IAGxC,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAC,OAAO,EAAA,EACnF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/button-group/button-group.scss?tag=dso-button-group&encapsulation=shadow","src/components/button-group/button-group.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n display: inline-block;\r\n}\r\n\r\n.container {\r\n display: inline-flex;\r\n border-radius: button.$border-radius;\r\n\r\n &.has-map-buttons {\r\n @include button.map-box-shadow();\r\n\r\n background-color: colors.$grijs-20;\r\n gap: 1px;\r\n\r\n --_dt-icon-button-map-box-shadow: 0;\r\n }\r\n}\r\n\r\n::slotted(*) {\r\n margin: 0 !important;\r\n}\r\n\r\n:host([direction=\"row\"]) {\r\n ::slotted(:not(:first-child)) {\r\n border-start-start-radius: 0 !important;\r\n border-end-start-radius: 0 !important;\r\n\r\n --_dt-icon-button-border-start-start-radius: 0;\r\n --_dt-icon-button-border-end-start-radius: 0;\r\n }\r\n\r\n ::slotted(:not(:last-child)) {\r\n border-start-end-radius: 0 !important;\r\n border-end-end-radius: 0 !important;\r\n\r\n --_dt-icon-button-border-start-end-radius: 0;\r\n --_dt-icon-button-border-end-end-radius: 0;\r\n\r\n --_dt-icon-button-border-inline-end-width: 0;\r\n }\r\n\r\n ::slotted(.dso-secondary) {\r\n margin-inline-start: -1px !important;\r\n }\r\n}\r\n\r\n:host([direction=\"column\"]) {\r\n .container {\r\n flex-direction: column;\r\n }\r\n\r\n ::slotted(*) {\r\n text-align: center !important;\r\n }\r\n\r\n ::slotted(:not(:first-child)) {\r\n border-start-start-radius: 0 !important;\r\n border-start-end-radius: 0 !important;\r\n\r\n --_dt-icon-button-border-start-start-radius: 0;\r\n --_dt-icon-button-border-start-end-radius: 0;\r\n }\r\n\r\n ::slotted(:not(:last-child)) {\r\n border-end-start-radius: 0 !important;\r\n border-end-end-radius: 0 !important;\r\n\r\n --_dt-icon-button-border-end-start-radius: 0;\r\n --_dt-icon-button-border-end-end-radius: 0;\r\n\r\n --_dt-icon-button-border-block-end-width: 0;\r\n }\r\n\r\n ::slotted(.dso-secondary) {\r\n margin-block-start: -1px !important;\r\n }\r\n}\r\n\r\n::slotted(:focus-visible) {\r\n z-index: 1 !important;\r\n}\r\n\r\n::slotted(.dso-map) {\r\n box-shadow: none !important;\r\n}\r\n","import { Component, ComponentInterface, Element, Prop, forceUpdate, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ButtonGroupDirection } from \"./button-group.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-button-group\",\r\n styleUrl: \"button-group.scss\",\r\n shadow: true,\r\n})\r\nexport class ButtonGroup implements ComponentInterface {\r\n /**\r\n * The direction in which the buttons are displayed.\r\n *\r\n * Defaults to `row`.\r\n */\r\n @Prop({ reflect: true })\r\n direction: ButtonGroupDirection = \"row\";\r\n\r\n @Element()\r\n private host!: HTMLDsoButtonGroupElement;\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n connectedCallback(): void {\r\n this.mutationObserver = new MutationObserver(() => {\r\n forceUpdate(this);\r\n });\r\n\r\n this.mutationObserver.observe(this.host, {\r\n childList: true,\r\n attributes: true,\r\n });\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n get hasMapButton(): boolean {\r\n const hasMapIconButton = this.host.querySelector(\":scope > dso-icon-button[variant='map']\") !== null;\r\n const hasMapClass = this.host.querySelector(\":scope > .dso-map\") !== null;\r\n\r\n return hasMapIconButton || hasMapClass;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={clsx(\"container\", { \"has-map-buttons\": this.hasMapButton })} role=\"group\">\r\n <slot />\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1482,8 +1482,8 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
|
|
|
1482
1482
|
this.alternativeTitle ||
|
|
1483
1483
|
this.bevatOntwerpInformatie ||
|
|
1484
1484
|
this.annotated);
|
|
1485
|
-
return (h(Host, { key: '
|
|
1486
|
-
(this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '
|
|
1485
|
+
return (h(Host, { key: 'aba44499e6433ece6ce7920d5de75d733193c6c1', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '428693873d24b98363506af29513f0466bc6b227', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '1d082eecc352d1ef736c91d32cd2749a081a6079', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'f9beebfca3d7fb28122cc4290b95b16adc942929', class: "heading" }, h(Heading, { key: 'f3181a88fbf4385fe95f3274e4a296be7cde1b1e', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '7c308cd8450bf0858de5e977d4798ed76b967a7d', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: 'f962ec3f762dfe2edf38abbfcb1eef6a2fc9d8ac' }, this.notApplicable && h("span", { key: 'da0dfdbea6e6a483bb0cf7f15a00d44502906c62', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
|
|
1486
|
+
(this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '108b2ac7b0886363e403a142f3e43148c97c70ab', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '823bb9d3feedc66dcfbdedffb94299a7083d6634', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showOntwerpBadge() && (h(Fragment, { key: '20a17e1166a7779658503bdf18e52bcb68d44c42' }, h("dso-badge", { key: 'e109deb510c0ed2c5ea53acca1f00a98f262cfa4', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '847fb8eee56a1ada1f51a7e3c7c52cb5c3424c2b', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '05374922a421136c714f023ef34c8e6fec4129df', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '98157a2cea6a8aafd3687d461f16653649bc2e3a', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '2080afb69362ab3579965cc0b36f94a74626290e', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: '5c0b7b8911cdc4153c14054db4302fddec4d016a', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '094db70fe17b34a4483523776960fe58e1e9aa69', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '17d3d1fbcb6698fd4a47f902c3ba84bb309a025c', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: 'b27d50059da4a8555802fffd9870f62e9cc64ae2', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '06e578f8ca178e2fa8838d5a52bafea07622634d', class: "content", part: "_content" }, h(AantekenAlert, { key: '9214f832e8b9b6911c2ee163fb22a32778e65fe8', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '423588f125b1b24c278bdfc9a052adf47d28e8e5', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: '5df1ce18b08eb2d5334e7caf81285dd15dfcd033', class: "children-container", part: "_children-container" }, h("slot", { key: 'db965cd6915d97bff3f63f11750ecaf0599a4340' }))));
|
|
1487
1487
|
}
|
|
1488
1488
|
static get style() { return documentComponentCss(); }
|
|
1489
1489
|
}, [257, "dso-document-component", {
|
|
@@ -180,7 +180,7 @@ const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class DropdownMenu extends
|
|
|
180
180
|
(_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
181
181
|
}
|
|
182
182
|
render() {
|
|
183
|
-
return (h(Host, { key: '
|
|
183
|
+
return (h(Host, { key: 'bf7687d8c1f0832d2966ebdbc482ce71a7ab8376', onFocusout: this.focusOutListener }, h("slot", { key: '20f2ab2831f5d2c717bfb95795f1c00fb6eeb7d6', name: "toggle" }), h("div", { key: '030420adaad80a6cf6030c4527a7198abab16fe5', popover: "manual", ref: (element) => (this.popoverElement = element) }, h("slot", { key: '76007e3d341828741a96a2e7e9250cbb9711e4fb' }))));
|
|
184
184
|
}
|
|
185
185
|
get host() { return this; }
|
|
186
186
|
static get style() { return dropdownMenuCss(); }
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, transform
|
|
|
2
2
|
import { i as isModifiedEvent } from './is-modified-event.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './icon.js';
|
|
4
4
|
|
|
5
|
-
const documentCardCss = () => `*,*::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=
|
|
5
|
+
const documentCardCss = () => `*,*::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]){--_dt-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}`;
|
|
6
6
|
|
|
7
7
|
const DocumentCard = /*@__PURE__*/ proxyCustomElement(class DocumentCard extends HTMLElement {
|
|
8
8
|
constructor(registerHost) {
|
|
@@ -31,8 +31,11 @@ const DocumentCard = /*@__PURE__*/ proxyCustomElement(class DocumentCard extends
|
|
|
31
31
|
get metaSlottedElement() {
|
|
32
32
|
return this.host.querySelector("[slot='meta']");
|
|
33
33
|
}
|
|
34
|
+
get interactionsSlottedElement() {
|
|
35
|
+
return this.host.querySelector("[slot='interactions']");
|
|
36
|
+
}
|
|
34
37
|
render() {
|
|
35
|
-
return (h("div", { key: '
|
|
38
|
+
return (h("div", { key: '7ad84c77cd9cad0cfe796d71d9889cd42a46dcff', class: "dso-document-card-container" }, h("div", { key: 'cd01ffeccf94bdf273afb2f0356610895ee2209c', class: "dso-document-card-heading" }, h("a", { key: '1272f0fb728edeb32ce9ad2dba93a3cb44f4c69a', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'acedac80a682a895706e45846230656d381c46cc', class: "icon-container" }, h("dso-icon", { key: '0808cc4158363e032e566f55783d4d81d8d00f7b', icon: "chevron-right" }), h("slot", { key: '0523647b2f8aafffabe191a0d0e985055581737f', name: "heading" })))), h("div", { key: 'bc5e9ca39e326cd9fdd0849b890b864de925f774', class: "dso-document-card-type" }, h("slot", { key: '22d9f6b73539a9e0a414b59a7c92c9bcddb70a52', name: "type" })), h("div", { key: 'a891f27126d774e6c50277d25fb4c72cc16d62a5', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '64199f7e9d2e0ae1fe039083d79a868b9760139b', name: "meta" }), h("slot", { key: '9dfbe5e04c8abfd93aff4982f9bd383170d711d5', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '7855de2e14a64d8b68c1840264082f96f48d895b', name: "interactions" }))));
|
|
36
39
|
}
|
|
37
40
|
get host() { return this; }
|
|
38
41
|
static get style() { return documentCardCss(); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dso-document-card.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,
|
|
1
|
+
{"file":"dso-document-card.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/document-card/document-card.scss?tag=dso-document-card&encapsulation=shadow","src/components/document-card/document-card.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/components/document-card\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.dso-document-card-container {\r\n padding-block: units.$u2;\r\n padding-inline: units.$u2;\r\n inline-size: 100%;\r\n\r\n .dso-document-card-heading {\r\n align-items: center;\r\n display: flex;\r\n\r\n @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n &:has(.dso-document-card-heading a:is(:hover, :focus-visible)) {\r\n background-color: document-card.$background-color-hover;\r\n }\r\n}\r\n\r\n:host([active]:not([active=\"false\"])) {\r\n .dso-document-card-container {\r\n background-color: document-card.$background-color-active;\r\n }\r\n}\r\n::slotted([slot=\"heading\"]) {\r\n display: inline !important;\r\n color: colors.$bosgroen !important;\r\n font-size: 1.125em !important;\r\n font-weight: 700 !important;\r\n line-height: 1.25 !important;\r\n margin-block-end: 0 !important;\r\n margin-block-start: 0 !important;\r\n}\r\n\r\n.heading-anchor {\r\n color: document-card.$heading-anchor-color;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n color: document-card.$heading-anchor-hover-color;\r\n text-decoration: underline;\r\n }\r\n\r\n &:visited {\r\n color: document-card.$heading-anchor-color;\r\n }\r\n\r\n .sr-only {\r\n @include utilities.sr-only();\r\n }\r\n\r\n .icon-container {\r\n position: relative;\r\n padding-inline-end: units.$u3;\r\n\r\n dso-icon {\r\n position: absolute;\r\n inset-inline-end: 0;\r\n inset-block-end: -3px;\r\n block-size: units.$u3;\r\n inline-size: units.$u3;\r\n }\r\n }\r\n}\r\n\r\n::slotted([slot=\"type\"]) {\r\n --_dt-info-button-margin-inline-start: 0;\r\n\r\n display: flex !important;\r\n gap: units.$u1 !important;\r\n}\r\n\r\n.dso-document-card-heading + .dso-document-card-type,\r\n.dso-document-card-heading + .dso-document-card-status,\r\n.dso-document-card-type + .dso-document-card-status {\r\n margin-block-start: units.$u1;\r\n}\r\n\r\n::slotted([slot=\"meta\"]) {\r\n margin-inline-end: units.$u1;\r\n}\r\n\r\n::slotted([slot=\"status\"]) {\r\n margin-inline-end: units.$u1;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Prop, forceUpdate, h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { DocumentCardClickEvent } from \"./document-card.interfaces\";\r\n\r\n/**\r\n * @slot heading - A slot to place the title of the card in.\r\n * @slot type - A slot to hold type of document with an optional `Toggletip`.\r\n * @slot meta - An optional slot to place a `Label` in.\r\n * @slot status - A slot to hold some status information on the document.\r\n * @slot interactions - An optional slot for one or more `Badge`'s.\r\n */\r\n@Component({\r\n tag: \"dso-document-card\",\r\n styleUrl: \"document-card.scss\",\r\n shadow: true,\r\n})\r\nexport class DocumentCard implements ComponentInterface {\r\n @Element()\r\n host!: HTMLDsoDocumentCardElement;\r\n\r\n /**\r\n * The URL to which the DocumentCard heading links.\r\n */\r\n @Prop({ reflect: true })\r\n href!: string | undefined;\r\n\r\n /**\r\n * Makes the DocumentCard active.\r\n */\r\n @Prop({ reflect: true })\r\n active?: boolean;\r\n\r\n /**\r\n * Emitted when the DocumentCard heading is clicked.\r\n */\r\n @Event()\r\n dsoDocumentCardClick!: EventEmitter<DocumentCardClickEvent>;\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n connectedCallback(): void {\r\n this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.mutationObserver?.disconnect();\r\n\r\n delete this.mutationObserver;\r\n }\r\n\r\n private clickEventHandler(e: MouseEvent) {\r\n if (!(e.target instanceof HTMLElement) || !this.href) {\r\n return;\r\n }\r\n\r\n return this.dsoDocumentCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n }\r\n\r\n get metaSlottedElement() {\r\n return this.host.querySelector(\"[slot='meta']\");\r\n }\r\n\r\n get interactionsSlottedElement() {\r\n return this.host.querySelector(\"[slot='interactions']\");\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"dso-document-card-container\">\r\n <div class=\"dso-document-card-heading\">\r\n <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n <span class=\"icon-container\">\r\n <dso-icon icon=\"chevron-right\" />\r\n <slot name=\"heading\" />\r\n </span>\r\n </a>\r\n </div>\r\n <div class=\"dso-document-card-type\">\r\n <slot name=\"type\" />\r\n </div>\r\n <div class=\"dso-document-card-status\">\r\n {this.metaSlottedElement !== null && <slot name=\"meta\" />}\r\n <slot name=\"status\" />\r\n {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -160,7 +160,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
|
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
render() {
|
|
163
|
-
return (h(Host, { key: '
|
|
163
|
+
return (h(Host, { key: '228fb75a1651e9674939baf063450690f28c4976', "is-compact": this.isCompact }, h("div", { key: '33568c3eb674b8d22e62ceb4efd9ea78a73b5ea3', class: "dso-header" }, h("div", { key: '895c3dc52a24defdb752cd1961dd5219b1d505a2', class: "logo-container" }, h("slot", { key: '5f911f80f477c4d902bb96cc6ca1d941aa80324e', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
|
|
164
164
|
}
|
|
165
165
|
renderCompact() {
|
|
166
166
|
return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("dso-dropdown-menu", { "dropdown-align": "right", dropdownOptionsOffset: this.dropdownOptionsOffset, ref: (element) => (this.dropdownElement = element) }, h("button", { type: "button", slot: "toggle" }, h("span", null, this.text("menu")), h("dso-icon", { icon: "chevron-down" })), h("div", { class: "dso-dropdown-options" }, h("ul", null, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", null, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", null, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedOut" && (h("li", null, this.loginUrl ? (h("a", { href: this.loginUrl, onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (h("li", null, this.logoutUrl ? (h("a", { href: this.logoutUrl, onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (h("li", null, this.helpUrl ? (h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, h("span", null, this.text("help")), h("dso-icon", { icon: "help" }))) : (h("button", { type: "button", class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help") }, h("span", null, this.text("help")), h("dso-icon", { icon: "help" })))))))))));
|
|
@@ -13,7 +13,7 @@ const HighlightBox = /*@__PURE__*/ proxyCustomElement(class HighlightBox extends
|
|
|
13
13
|
render() {
|
|
14
14
|
var _a;
|
|
15
15
|
const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '49ad2a72f1a776d093c82afbc2843084575c2cdf', "has-counter": hasCounter }, hasCounter && h("div", { key: '76d449915cb077afa494e3527824b721772defa9', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: '640640745b99f80117b9e97a80f9eb00b285b330', name: "icon" })), h("slot", { key: 'cdf119170cc1c86332eb9a8c249a741aa7174d94' })));
|
|
17
17
|
}
|
|
18
18
|
get element() { return this; }
|
|
19
19
|
static get style() { return highlightBoxCss(); }
|
|
@@ -46,7 +46,7 @@ const HistoryItem = /*@__PURE__*/ proxyCustomElement(class HistoryItem extends H
|
|
|
46
46
|
return this.host.querySelector("[slot='warning']");
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (h(Fragment, { key: '
|
|
49
|
+
return (h(Fragment, { key: '540840de191624a2a899117ab993346ad010addf' }, h("div", { key: 'a6c83fd5a9f776ff6a9af660bc52f6c9aa40e609', class: "history-item-date" }, h("slot", { key: 'cbec4ec21d97bcd969f2d757d118378e5bc99b80', name: "date" })), h("div", { key: '5d2ebd3b7669d770b1f6c4f87aab2dfef24ecb7d', class: "history-item-content" }, h("div", { key: 'da987825824c7b0b9d77d55b6a7756c2a057d9b5', class: "history-item-status-message" }, h("dso-icon", { key: '1efaac069ba0b9a9809f574ff87d0bd72e00fc54', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '4a0cb1eb1af2997086c895e50d79d9d60916d402', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '6f469044cc80f25ea3b8e29b572e4832a9c05cd3', class: "history-item-title" }, h("a", { key: '1b8872feb8d4fe27c8849abc804da2159ca57882', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ecb8d1339350840104fa20ce9809feadc507f100', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: '68e8f7a37f9a9dc77723ab7c1e357acf0c1ec107', class: "history-item-explanation" }, h("slot", { key: '964f77c8f75253092be241b72fe8e189ef908a46', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: 'b7687ba9fb1ba7ca3c9d87a3a3225e2e535e7d0f', class: "history-item-warning" }, h("dso-icon", { key: '02d0b36eb925ba6a6b187f329066c9326b014e00', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'b2a75c28f4523afa1c96409fbd7d970ac6772d90', name: "warning" }))))));
|
|
50
50
|
}
|
|
51
51
|
get host() { return this; }
|
|
52
52
|
static get style() { return historyItemCss(); }
|
|
@@ -19,13 +19,13 @@ const InputRange = /*@__PURE__*/ proxyCustomElement(class InputRange extends HTM
|
|
|
19
19
|
const min = this.min || 0;
|
|
20
20
|
const max = this.max || 100;
|
|
21
21
|
const step = this.step || 1;
|
|
22
|
-
return (h(Fragment, null, this.description && (h("span", { key: '
|
|
22
|
+
return (h(Fragment, null, this.description && (h("span", { key: 'd187af008bb6acdfacf391f509ab83d17eaef891', id: "description", hidden: true }, this.description)), h("span", { key: 'f1041606979f3cb05eec80fae45d2ea8c901fadf', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: '18d055df50d550b68b11511fab87cc3e9bd17bae', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
|
|
23
23
|
originalEvent: event,
|
|
24
24
|
value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
|
|
25
25
|
max,
|
|
26
26
|
min,
|
|
27
27
|
step,
|
|
28
|
-
}) }), h("span", { key: '
|
|
28
|
+
}) }), h("span", { key: '0c10b36570bf6ccbadf38e5b110d3b8f5c950521', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
|
|
29
29
|
}
|
|
30
30
|
get host() { return this; }
|
|
31
31
|
static get style() { return inputRangeCss(); }
|
|
@@ -48,7 +48,7 @@ const LegendItem = /*@__PURE__*/ proxyCustomElement(class LegendItem extends HTM
|
|
|
48
48
|
if (label === null || label === void 0 ? void 0 : label.textContent) {
|
|
49
49
|
accessibleLabel = `Maak ${label.textContent.toLowerCase()} actief`;
|
|
50
50
|
}
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: '113e4cc95985fed9befcc75cf7dd49d431a6a724', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '32b00c02feaa2107691c0f57cb508be44417033b', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '7fedb010d0ff7d53acddef537be6c6009f250f84' }, h("slot", { key: 'a566482b9b60fe5e69f74d2af4c3c093f01c8665', name: "symbol" }))), h("div", { key: 'd6c4fbe4e9dfbf52dd02255d3bad704de7edb313' }, h("slot", { key: 'bfa9d87992c0cab9d034260153e634158f4b6c3a', name: "label" })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '13927a8346bf1c2b34c83bcc5ab9fed9e3394789', position: "bottom" }, this.disabledMessage)), h("div", { key: 'daf55817441d0156625630afb68be8209a7ff96a', class: "legend-item-right-content" }, this.active && hasOptions && !this.disabled && (h("dso-icon-button", { key: '15d1448d3338cda2bae8c395f1a376f5c8b37449', label: "Opties", icon: "more", variant: "tertiary", class: { active: this.showOptions }, id: "edit-button", onDsoClick: () => (this.showOptions = !this.showOptions) })), this.activatable && (h("dso-slide-toggle", { key: '851d2b0d696a8c2271f3ae5a610115606773899c', accessibleLabel: accessibleLabel, checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) })))), hasOptions && (h("div", { key: 'b29ccf455d9326c56ec6f9d5cbc3d07302718773', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '8ce07dd6a490e7853ab464690af7a07f23bc7cae', name: "options" })))));
|
|
52
52
|
}
|
|
53
53
|
get host() { return this; }
|
|
54
54
|
static get style() { return legendItemCss(); }
|
|
@@ -75,7 +75,7 @@ const Legend = /*@__PURE__*/ proxyCustomElement(class Legend extends HTMLElement
|
|
|
75
75
|
this.moveFocusToTab(next);
|
|
76
76
|
}
|
|
77
77
|
render() {
|
|
78
|
-
return (h(Host, { key: '
|
|
78
|
+
return (h(Host, { key: '26e817d9f760e220fcba00aed980bf2bd7ee1697' }, h("div", { key: 'd9fed11954d8f4df4480fae12d361e134aafe7f3', class: "topbar" }, h("div", { key: 'e9f21c805928ffee5ee26293011704983ca46ebd', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", Object.assign({ class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false" }, (!tabItem.active ? { tabIndex: -1 } : {}), { onClick: this.clickHandler }), tabItem.label)))), h("dso-icon-button", { key: '1c51e117733829cd351074be0ace4dad008f1eeb', icon: "times", variant: "tertiary", label: "Sluit legenda", class: "close-button", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) })), h("dso-scrollable", { key: 'ef59ecc0c8221fbbec78df269b476aa43872a138', class: "content" }, h("div", { key: '6f4f8d627425c6d85c39953e0355ee2c48b969d5', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '2a57288315327f31330eb2389f0b0d01de51a783' })))));
|
|
79
79
|
}
|
|
80
80
|
get host() { return this; }
|
|
81
81
|
static get style() { return legendCss(); }
|
|
@@ -363,7 +363,7 @@ const ListButton = /*@__PURE__*/ proxyCustomElement(class ListButton extends HTM
|
|
|
363
363
|
}
|
|
364
364
|
render() {
|
|
365
365
|
const selected = this.checked || (this.count !== undefined && this.count > 0);
|
|
366
|
-
return (h("div", { key: '
|
|
366
|
+
return (h("div", { key: '18524f23f0f7ee53d1d58a44bbf7a52da891a242', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'a4791c2417d2c1ef254fa461a418344001af619c', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'ba27873a3c361e208b323e25303959e003186fa0', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, this.label, this.sublabel && h("span", { key: '18bf1b4be461a2c2d77bb27c728a783a61ac0a45', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'ab2069ddc2706ccf1c1b7c19e786d882282ddac8', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'dd68b887c2d357747c3a2e55c2a49666b1af93c0', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && h("span", { key: '224c0c30be29f1fbc6e981dcca12159ff64afc21', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '2ed6a6a284dc1cd3b2fc1bb1467814a512c6ff6b', class: "subcontent" }, h("slot", { key: '0bc0b5571e506bdc1f8373c483df5c44c870faac', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'e1ec7ea4e1fbd2f0e59bf0072615cd4561dbb2f0', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '3d56e5a0f3df0cec7de1bc8c3dcd086403d81061' }, h("dso-icon-button", { key: '177fa0949a44859cb1a041898536b2052c96bf47', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '971408d54dab124c80df07dcfe9a74d0f0a7878a', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '6e195268e820c57e707f200164c1d1445b0d53af', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
|
|
367
367
|
}
|
|
368
368
|
get host() { return this; }
|
|
369
369
|
static get style() { return listButtonCss(); }
|
|
@@ -171,7 +171,7 @@ const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends HTMLElement {
|
|
|
171
171
|
}
|
|
172
172
|
render() {
|
|
173
173
|
return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo$1, { name: this.name }))) : (h(DsoLogo$1, { name: this.name })), this.label &&
|
|
174
|
-
(!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '
|
|
174
|
+
(!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '35510db1a3d02a8f1130e37a49a4d55ed9478e2f', class: "logo-ribbon" }, this.ribbon)));
|
|
175
175
|
}
|
|
176
176
|
static get style() { return logoCss(); }
|
|
177
177
|
}, [257, "dso-logo", {
|
|
@@ -53,7 +53,7 @@ const MapBaseLayers = /*@__PURE__*/ proxyCustomElement(class MapBaseLayers exten
|
|
|
53
53
|
for (const ref in this.selectableRefs) {
|
|
54
54
|
delete this.selectableRefs[ref];
|
|
55
55
|
}
|
|
56
|
-
return (h("fieldset", { key: '
|
|
56
|
+
return (h("fieldset", { key: 'fbe66fa981184f6797ff8ee67dd4fa32152e0659', class: "form-group dso-radios" }, h("legend", { key: 'fe7c6025c6d6917f10e7d3b90db8791f398d01a2', class: "sr-only" }, "Achtergrond"), h("div", { key: '320f575fe9d8d0826af5dbd72259558c6f036a28', class: "dso-label-container" }, h("span", { key: '19e9dc173d434f9456de8104a29ac572c774f438', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '4b908dfb1e7d4cb6757456c6b5c658740bc99379', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
|
|
57
57
|
}
|
|
58
58
|
get host() { return this; }
|
|
59
59
|
static get style() { return mapBaseLayersCss(); }
|