@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
|
@@ -67,7 +67,7 @@ export class ListButton {
|
|
|
67
67
|
}
|
|
68
68
|
render() {
|
|
69
69
|
const selected = this.checked || (this.count !== undefined && this.count > 0);
|
|
70
|
-
return (h("div", { key: '
|
|
70
|
+
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") })))));
|
|
71
71
|
}
|
|
72
72
|
static get is() { return "dso-list-button"; }
|
|
73
73
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class Logo {
|
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
25
|
return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, { name: this.name }))) : (h(DsoLogo, { name: this.name })), this.label &&
|
|
26
|
-
(!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: '
|
|
26
|
+
(!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)));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "dso-logo"; }
|
|
29
29
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,7 +27,7 @@ export class MapBaseLayers {
|
|
|
27
27
|
for (const ref in this.selectableRefs) {
|
|
28
28
|
delete this.selectableRefs[ref];
|
|
29
29
|
}
|
|
30
|
-
return (h("fieldset", { key: '
|
|
30
|
+
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))))));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "dso-map-base-layers"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -953,28 +953,22 @@ a.dso-tertiary, a.dso-tertiary:visited {
|
|
|
953
953
|
box-sizing: border-box;
|
|
954
954
|
}
|
|
955
955
|
|
|
956
|
-
.sr-only {
|
|
957
|
-
position: absolute;
|
|
958
|
-
inline-size: 1px;
|
|
959
|
-
block-size: 1px;
|
|
960
|
-
padding: 0;
|
|
961
|
-
margin: -1px;
|
|
962
|
-
border: 0;
|
|
963
|
-
overflow: hidden;
|
|
964
|
-
clip-path: rect(0 0 0 0);
|
|
965
|
-
}
|
|
966
|
-
|
|
967
956
|
:host([open]) {
|
|
968
957
|
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
|
|
969
958
|
transform: translateX(-100%);
|
|
970
959
|
}
|
|
971
|
-
:host([open]) .toggle-visibility-button
|
|
960
|
+
:host([open]) .toggle-visibility-button,
|
|
961
|
+
:host([open]) .toggle-visibility-icon-button {
|
|
972
962
|
display: none;
|
|
973
963
|
}
|
|
974
964
|
:host([open]) .zoom-buttons {
|
|
975
965
|
inset-block-start: 16px;
|
|
976
966
|
}
|
|
977
967
|
|
|
968
|
+
.toggle-visibility-icon-button {
|
|
969
|
+
display: none;
|
|
970
|
+
}
|
|
971
|
+
|
|
978
972
|
.toggle-visibility-button {
|
|
979
973
|
position: absolute;
|
|
980
974
|
inset-inline-end: calc(100% + 56px);
|
|
@@ -1019,24 +1013,13 @@ header h2 {
|
|
|
1019
1013
|
|
|
1020
1014
|
@media screen and (max-width: 767px) {
|
|
1021
1015
|
button.toggle-visibility-button {
|
|
1022
|
-
|
|
1023
|
-
margin-inline-end: 0;
|
|
1024
|
-
min-inline-size: auto;
|
|
1025
|
-
inset-inline-end: calc(100% + 16px);
|
|
1026
|
-
inline-size: 40px;
|
|
1027
|
-
}
|
|
1028
|
-
button.toggle-visibility-button dso-icon {
|
|
1029
|
-
margin-inline-end: 0;
|
|
1016
|
+
display: none;
|
|
1030
1017
|
}
|
|
1031
|
-
|
|
1018
|
+
.toggle-visibility-icon-button {
|
|
1019
|
+
display: inline-block;
|
|
1032
1020
|
position: absolute;
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
padding: 0;
|
|
1036
|
-
margin: -1px;
|
|
1037
|
-
border: 0;
|
|
1038
|
-
overflow: hidden;
|
|
1039
|
-
clip-path: rect(0 0 0 0);
|
|
1021
|
+
inset-block-start: 16px;
|
|
1022
|
+
inset-inline-end: calc(100% + 16px);
|
|
1040
1023
|
}
|
|
1041
1024
|
.zoom-buttons {
|
|
1042
1025
|
inset-block-start: 72px;
|
|
@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
14
14
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
15
15
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
16
16
|
};
|
|
17
|
-
var _MapControls_closeButtonElement, _MapControls_toggleButtonElement;
|
|
17
|
+
var _MapControls_closeButtonElement, _MapControls_toggleButtonElement, _MapControls_toggleIconButtonElement;
|
|
18
18
|
import { Fragment, h, } from "@stencil/core";
|
|
19
19
|
import { i18n } from "../../utils/i18n";
|
|
20
20
|
import { translations } from "./map-controls.i18n";
|
|
@@ -30,6 +30,7 @@ export class MapControls {
|
|
|
30
30
|
this.text = i18n(() => this.host, translations);
|
|
31
31
|
_MapControls_closeButtonElement.set(this, void 0);
|
|
32
32
|
_MapControls_toggleButtonElement.set(this, void 0);
|
|
33
|
+
_MapControls_toggleIconButtonElement.set(this, void 0);
|
|
33
34
|
}
|
|
34
35
|
watchOpen(open) {
|
|
35
36
|
if (open) {
|
|
@@ -38,9 +39,14 @@ export class MapControls {
|
|
|
38
39
|
}
|
|
39
40
|
else {
|
|
40
41
|
setTimeout(() => {
|
|
41
|
-
var _a;
|
|
42
|
+
var _a, _b, _c;
|
|
42
43
|
this.hideContent = true;
|
|
43
|
-
(_a = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.
|
|
44
|
+
if ((_a = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.checkVisibility()) {
|
|
45
|
+
(_b = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _b === void 0 ? void 0 : _b.focus();
|
|
46
|
+
}
|
|
47
|
+
if ((_c = __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")) === null || _c === void 0 ? void 0 : _c.checkVisibility()) {
|
|
48
|
+
__classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f").focus();
|
|
49
|
+
}
|
|
44
50
|
}, transitionDuration);
|
|
45
51
|
}
|
|
46
52
|
}
|
|
@@ -58,7 +64,7 @@ export class MapControls {
|
|
|
58
64
|
});
|
|
59
65
|
}
|
|
60
66
|
render() {
|
|
61
|
-
return (h(Fragment, { key: '
|
|
67
|
+
return (h(Fragment, { key: '01911c8dc014aaa6f941329c571d1c76b9c1ffee' }, h("dso-icon-button", { key: '64be9ccb531e2aa703b392e86ed5bb510a27fec9', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '8d48b75032378995d6e30eb3655ad6f6a2a67722', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '5ab20edbb0ecb20d469282e4e68ff5f3f651152c', icon: "layers" }), h("span", { key: '97ec028d9dbecf0d1457b22c4f4cb12c25ae552d' }, this.text("layersButton"))), h("dso-button-group", { key: '881f8f66b9bc2738bbd3390877e1bde6a22f00c5', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '18d5f9f00dbd8f07c44911812bf65df3a3c763b1', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '2e3b7b0981af3629943628f5520d12cc13ae20de', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: '30e38d9be05cd9a13d8700ba8d3ae7abb40ff43c', hidden: this.hideContent }, h("header", { key: 'ad89e7561ebbb63d3d96f2698d39b742593e1411' }, h("h2", { key: '595b97288aa443385d6bff2af57e8334dab6fb3b' }, this.text("title")), h("dso-icon-button", { key: '0d08846e6c4d339715a9ba44a11b4b4f049aa18b', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "times", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: '8b58ee957121f17e453b03bdd4a4cd22476f3148' }, h("div", { key: '95240b301aaf18d7586a016306d7dc5891a0eb2f', class: "content" }, h("slot", { key: '18e6a37a46075604f942cbf20fe80536e91fda43' }))))));
|
|
62
68
|
}
|
|
63
69
|
static get is() { return "dso-map-controls"; }
|
|
64
70
|
static get encapsulation() { return "shadow"; }
|
|
@@ -228,5 +234,5 @@ export class MapControls {
|
|
|
228
234
|
}];
|
|
229
235
|
}
|
|
230
236
|
}
|
|
231
|
-
_MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap();
|
|
237
|
+
_MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap();
|
|
232
238
|
//# sourceMappingURL=map-controls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-controls.js","sourceRoot":"","sources":["../../../../src/components/map-controls/map-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EAET,OAAO,EACP,KAAK,EAEL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACL,CAAC,GACF,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,+EAA+E;AAC/E,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAO/B,MAAM,OAAO,WAAW;IALxB;QASE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAkCb,gBAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"map-controls.js","sourceRoot":"","sources":["../../../../src/components/map-controls/map-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EAET,OAAO,EACP,KAAK,EAEL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACL,CAAC,GACF,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,+EAA+E;AAC/E,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAO/B,MAAM,OAAO,WAAW;IALxB;QASE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAkCb,gBAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QAuCjB,SAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QAEnD,kDAA0D;QAC1D,mDAAoD;QACpD,uDAA+D;KA8DhE;IAtGC,SAAS,CAAC,IAAa;QACrB,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAEzB,UAAU,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,uBAAA,IAAI,uCAAoB,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,kBAAkB,CAAC,CAAC;QAC1E,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE;;gBACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBAExB,IAAI,MAAA,uBAAA,IAAI,wCAAqB,0CAAE,eAAe,EAAE,EAAE,CAAC;oBACjD,MAAA,uBAAA,IAAI,wCAAqB,0CAAE,KAAK,EAAE,CAAC;gBACrC,CAAC;gBAED,IAAI,MAAA,uBAAA,IAAI,4CAAyB,0CAAE,eAAe,EAAE,EAAE,CAAC;oBACrD,uBAAA,IAAI,4CAAyB,CAAC,KAAK,EAAE,CAAC;gBACxC,CAAC;YACH,CAAC,EAAE,kBAAkB,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED;;;;;OAKG;IAEH,KAAK,CAAC,gBAAgB,CAAC,CAA6B;QAClD,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,aAAa,EAAE,CAAC;YAChB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC,CAAC;IACL,CAAC;IAQD,MAAM;QACJ,OAAO,CACL,EAAC,QAAQ;YACP,wEACE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,EAChC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,KAAK,EACb,gBAAgB,EAAC,MAAM,EACvB,KAAK,EAAC,+BAA+B,EACrC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAChE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,uBAAA,IAAI,wCAA4B,OAAO,MAAA,CAAC,GAC3D;YACF,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kCAAkC,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACxC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,uBAAA,IAAI,oCAAwB,OAAO,MAAA,CAAC;gBAEvD,iEAAU,IAAI,EAAC,QAAQ,GAAY;gBACnC,+DAAO,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAQ,CACjC;YACT,yEAAkB,KAAK,EAAC,cAAc,EAAC,SAAS,EAAC,QAAQ;gBACvD,wEACE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1B,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,KAAK,EACb,gBAAgB,EAAC,MAAM,EACvB,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAC9D,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,GAClE;gBACF,wEACE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAC3B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,KAAK,EACb,gBAAgB,EAAC,MAAM,EACvB,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAC/D,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,GACnE,CACe;YACnB,gEAAS,MAAM,EAAE,IAAI,CAAC,WAAW;gBAC/B;oBACE,6DAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAM;oBAC7B,wEACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAC5D,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAChE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,uBAAA,IAAI,mCAAuB,OAAO,MAAA,CAAC,GACtD,CACK;gBACT;oBACE,4DAAK,KAAK,EAAC,SAAS;wBAClB,8DAAa,CACT,CACS,CACT,CACD,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n Method,\r\n Prop,\r\n State,\r\n Watch,\r\n h,\r\n} from \"@stencil/core\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./map-controls.i18n\";\r\nimport { MapControlsToggleEvent } from \"./map-controls.interfaces\";\r\n\r\n// Sync with $transition-duration in ./map-controls.scss and map-controls.cy.ts\r\nconst transitionDuration = 300;\r\n\r\n@Component({\r\n tag: \"dso-map-controls\",\r\n styleUrl: \"./map-controls.scss\",\r\n shadow: true,\r\n})\r\nexport class MapControls implements ComponentInterface {\r\n @Element()\r\n host!: HTMLDsoMapControlsElement;\r\n\r\n /**\r\n * To show and hide the Map Controls.\r\n */\r\n @Prop({ reflect: true, mutable: true })\r\n open = false;\r\n\r\n /**\r\n * To disable the zoom controls:\r\n *\r\n * * `in`: Disable zoom in button.\r\n * * `out`: Disable zoom out button.\r\n * * `both`: Disable zoom in and zoom out.\r\n */\r\n @Prop()\r\n disableZoom?: \"in\" | \"out\" | \"both\";\r\n\r\n /**\r\n * Emitted when the user activates the zoom in button.\r\n */\r\n @Event()\r\n dsoZoomIn!: EventEmitter<MouseEvent>;\r\n\r\n /**\r\n * Emitted when the user activates the zoom out button.\r\n */\r\n @Event()\r\n dsoZoomOut!: EventEmitter<MouseEvent>;\r\n\r\n /**\r\n * emits when the panel opens or closes.\r\n *\r\n * - `event.detail.originalEvent` contains the original `MouseEvent / KeyboardEvent` when the panel is toggled by clicking the visibility button or the close button.\r\n * - `event.detail.open` is true when the panel opens and false when the panel closes.\r\n */\r\n @Event()\r\n dsoToggle!: EventEmitter<MapControlsToggleEvent>;\r\n\r\n @State()\r\n hideContent = !this.open;\r\n\r\n @Watch(\"open\")\r\n watchOpen(open: boolean) {\r\n if (open) {\r\n this.hideContent = false;\r\n\r\n setTimeout(() => this.#closeButtonElement?.focus(), transitionDuration);\r\n } else {\r\n setTimeout(() => {\r\n this.hideContent = true;\r\n\r\n if (this.#toggleButtonElement?.checkVisibility()) {\r\n this.#toggleButtonElement?.focus();\r\n }\r\n\r\n if (this.#toggleIconButtonElement?.checkVisibility()) {\r\n this.#toggleIconButtonElement.focus();\r\n }\r\n }, transitionDuration);\r\n }\r\n }\r\n\r\n /**\r\n * Emitted when the visibility is toggled.\r\n *\r\n * Can be used to recalculate map widths or reposition center when the Map Controls opens or closes.\r\n * @param e\r\n */\r\n @Method()\r\n async toggleVisibility(e: MouseEvent | KeyboardEvent) {\r\n this.open = !this.open;\r\n\r\n this.dsoToggle.emit({\r\n originalEvent: e,\r\n open: this.open,\r\n });\r\n }\r\n\r\n private text = i18n(() => this.host, translations);\r\n\r\n #closeButtonElement: HTMLDsoIconButtonElement | undefined;\r\n #toggleButtonElement: HTMLButtonElement | undefined;\r\n #toggleIconButtonElement: HTMLDsoIconButtonElement | undefined;\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <dso-icon-button\r\n label={this.text(\"layersButton\")}\r\n icon=\"layers\"\r\n variant=\"map\"\r\n tooltipPlacement=\"left\"\r\n class=\"toggle-visibility-icon-button\"\r\n onDsoClick={(e) => this.toggleVisibility(e.detail.originalEvent)}\r\n ref={(element) => (this.#toggleIconButtonElement = element)}\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"dso-map toggle-visibility-button\"\r\n onClick={(e) => this.toggleVisibility(e)}\r\n ref={(element) => (this.#toggleButtonElement = element)}\r\n >\r\n <dso-icon icon=\"layers\"></dso-icon>\r\n <span>{this.text(\"layersButton\")}</span>\r\n </button>\r\n <dso-button-group class=\"zoom-buttons\" direction=\"column\">\r\n <dso-icon-button\r\n label={this.text(\"zoomIn\")}\r\n icon=\"plus\"\r\n variant=\"map\"\r\n tooltipPlacement=\"left\"\r\n onDsoClick={(e) => this.dsoZoomIn.emit(e.detail.originalEvent)}\r\n disabled={this.disableZoom === \"in\" || this.disableZoom === \"both\"}\r\n />\r\n <dso-icon-button\r\n label={this.text(\"zoomOut\")}\r\n icon=\"minus\"\r\n variant=\"map\"\r\n tooltipPlacement=\"left\"\r\n onDsoClick={(e) => this.dsoZoomOut.emit(e.detail.originalEvent)}\r\n disabled={this.disableZoom === \"out\" || this.disableZoom === \"both\"}\r\n />\r\n </dso-button-group>\r\n <section hidden={this.hideContent}>\r\n <header>\r\n <h2>{this.text(\"title\")}</h2>\r\n <dso-icon-button\r\n class=\"close-button\"\r\n label={this.text(\"hidePanel\", { title: this.text(\"title\") })}\r\n icon=\"times\"\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.toggleVisibility(e.detail.originalEvent)}\r\n ref={(element) => (this.#closeButtonElement = element)}\r\n />\r\n </header>\r\n <dso-scrollable>\r\n <div class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </dso-scrollable>\r\n </section>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -14,7 +14,7 @@ export class MapLayerObject {
|
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '5c90002aefb7e8d2909bcd9f186e245dd6f49a66', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '2fcd20641e4cb8315d8bc2be32274931a10980fc', class: "map-layer-object" }, h("div", { key: '9c405ad65801cc50636dd51cf073ea5371d94ecc' }, h("slot", { key: '772b7519bea83446c13c98b41998284903e98e95', name: "symbol" })), h("div", { key: '74f073d85af8ab9584563fdb9497556e36d43461' }, h("slot", { key: '9bc8dcd77172661daa1f98c7744002be4f638fb7' })), h("div", { key: '6634f4a1af4a24751e5c7e13ecd96f4510e74b1e', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '1e055de4b973ef732e86975f749dc766513868fa', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "dso-map-layer-object"; }
|
|
20
20
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,7 +18,7 @@ export class MapLayer {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Fragment, { key: '
|
|
21
|
+
return (h(Fragment, { key: 'f276fa73a747d32b661eace9d507750806d326f4' }, h("div", { key: 'c2ba53849e4d7cff6bd77af155b6aea50239cd80', class: "map-layer" }, h("span", { key: '83ead9191fc01f511de50b16a2f7723accb5fa90', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '7f04d01ae09df068365a110b03fca7ed2aa5a438', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '294d0aca0e8699794ba66b873a7d65cbaefec7af', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '4e80145bdea752cf4002b68b5a6a0544d8be15f2' })));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "dso-map-layer"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,7 +28,7 @@ export class MapOverlays {
|
|
|
28
28
|
for (const ref in this.selectableRefs) {
|
|
29
29
|
delete this.selectableRefs[ref];
|
|
30
30
|
}
|
|
31
|
-
return (h("fieldset", { key: '
|
|
31
|
+
return (h("fieldset", { key: '7d5393569bd4c33d22696aaee3dbb4308a9e7fbe', class: "form-group dso-checkboxes" }, h("legend", { key: '01bbd08d45ea56bcc02f6059e69bade5c298b83b', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'd62f0086427b450d9ad2d3ca362847c77d908ad4', class: "dso-label-container" }, h("span", { key: '99c58b18fbed22423969314f372370f4eb6661dd', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '59f3a885d12e6b482b6b6940b173ac0ac8a42eba', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "dso-map-overlays"; }
|
|
34
34
|
static get encapsulation() { return "shadow"; }
|
|
@@ -42,7 +42,7 @@ export class MarkBar {
|
|
|
42
42
|
render() {
|
|
43
43
|
const current = this.current || 0;
|
|
44
44
|
const totalCount = this.totalCount || 0;
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: 'c910390a280323410612690ce9b9b61897013549', class: "dso-mark-bar" }, h("div", { key: 'cdd42f831f7db8f84bcc84062ad66092402727ec', class: "dso-mark-bar-input" }, h("input", { key: 'a65c2109c929c69d318479c0e5bf212e01e3ccc8', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'a25f67483fbfe90274cb0ab43c90662f4d428fc9', htmlFor: "search-input" }, h("dso-icon", { key: '0a3ab8c86897b675d410ce45df8899e2e3b12f26', class: "dso-search-icon", icon: "search" }), h("span", { key: '0dcc1fd40b22ab8f1b0545641b2c64e16ecb1d8b', class: "label-text" }, this.label)), h("dso-icon-button", { key: '533ae60b2ce99d7cdd6a8eb0c68f6f2fdc348ebe', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '662c8f5823140f82256cae102dfaa64c142626f5', class: "dso-button-container" }, h("span", { key: '362a212a8b3d20f2e6083e11bc26a5e4746e5afc', class: "divider" }), h("dso-icon-button", { key: 'c44c43677f071df7e4cad780152feec507203556', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '43195674b0b1370e93d920645894ed32680d14cf' }, current, "/", totalCount), h("dso-icon-button", { key: 'e235186b6f80d4c0305b6a7b60a5ba17b066db10', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "dso-mark-bar"; }
|
|
48
48
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,7 +65,7 @@ export class Modal {
|
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
67
|
var _a;
|
|
68
|
-
return (h("dialog", { key: '
|
|
68
|
+
return (h("dialog", { key: 'ee7a1036ab1dfe13a9cde99c938b2ac17676e52d', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '14656bc85a2d0891fd68b162a96a2827bc6672ed', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '712c6de66982b6dfa2494e0440a85d652a4edaa7' }, h("div", { key: 'c91004b645f00dc94166665cb960c4352702ae51', class: "dso-body", tabIndex: 0 }, h("slot", { key: 'ac362abcac247ec40d0bdf86fafb657d0ffa75af', name: "body" }))), this.hasFooter && (h("div", { key: '9484d993a10c134304663efa3c16f7a51eef1b74', class: "dso-footer" }, h("slot", { key: 'cdddbb8a63bea8c8857ff4fe0e2016a620accff1', name: "footer" }))))));
|
|
69
69
|
}
|
|
70
70
|
static get is() { return "dso-modal"; }
|
|
71
71
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
|
1
|
+
import { Host, forceUpdate, h, } from "@stencil/core";
|
|
2
2
|
import { positionTooltip } from "../../functional-components/tooltip/position-tooltip.function";
|
|
3
3
|
export class OnboardingTip {
|
|
4
4
|
constructor() {
|
|
@@ -8,14 +8,29 @@ export class OnboardingTip {
|
|
|
8
8
|
this.placement = "right";
|
|
9
9
|
this.ready = false;
|
|
10
10
|
this.popoverOpen = false;
|
|
11
|
+
this.blockEscapeKey = (e) => {
|
|
12
|
+
if (e.key === "Escape") {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
this.dsoClose.emit({ originalEvent: e });
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
connectedCallback() {
|
|
19
|
+
this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
|
|
20
|
+
this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true, characterData: true });
|
|
11
21
|
}
|
|
12
22
|
componentDidRender() {
|
|
23
|
+
var _a;
|
|
13
24
|
if (!this.host.isConnected) {
|
|
14
25
|
return;
|
|
15
26
|
}
|
|
16
27
|
if (!this.popoverOpen) {
|
|
17
28
|
this.host.showPopover();
|
|
18
29
|
this.popoverOpen = true;
|
|
30
|
+
const onboardingTipElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".onboarding-tip");
|
|
31
|
+
if (this.hasOnboardingTipElement(onboardingTipElement)) {
|
|
32
|
+
OnboardingTip.setFocus(onboardingTipElement);
|
|
33
|
+
}
|
|
19
34
|
}
|
|
20
35
|
if (!this.cleanUp && this.referenceElement && this.tipArrowRef instanceof HTMLElement) {
|
|
21
36
|
this.cleanUp = positionTooltip({
|
|
@@ -29,16 +44,31 @@ export class OnboardingTip {
|
|
|
29
44
|
}
|
|
30
45
|
}
|
|
31
46
|
disconnectedCallback() {
|
|
32
|
-
var _a;
|
|
47
|
+
var _a, _b;
|
|
48
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
49
|
+
delete this.mutationObserver;
|
|
33
50
|
if (this.popoverOpen) {
|
|
34
51
|
this.host.hidePopover();
|
|
35
52
|
this.popoverOpen = false;
|
|
36
53
|
}
|
|
37
|
-
(
|
|
54
|
+
(_b = this.cleanUp) === null || _b === void 0 ? void 0 : _b.call(this);
|
|
38
55
|
this.cleanUp = undefined;
|
|
39
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* Set focus on the onboarding tip element and reset tabIndex for accessibility.
|
|
59
|
+
*/
|
|
60
|
+
static setFocus(target) {
|
|
61
|
+
if (target) {
|
|
62
|
+
target.focus();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
hasOnboardingTipElement(element) {
|
|
66
|
+
return element instanceof HTMLElement;
|
|
67
|
+
}
|
|
40
68
|
render() {
|
|
41
|
-
|
|
69
|
+
var _a;
|
|
70
|
+
const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
|
|
71
|
+
return (h(Host, { key: 'd819fe1ae171a8db0594ebc594024d4648bf006d', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'de196244db29891f948ab77f4f66dbb6568fe84b', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '299416de5f0f8fbf1dbb1833c93cae7bce386ea7', class: "onboarding-tip-inner" }, h("div", { key: '2ca611a1029242013c3d4d64fdec99e4942aa56e', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '80a2f51a5a4f6972e7949f37e3aeee8f7a904a40', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'c3da42b106b11ca6b30b435f9d609a69cbf06fd5', icon: "light-bulb" }), h("slot", { key: '104787777d28b84b9d9f44bd836148c067eb97aa', name: "heading" }))), h("dso-icon-button", { key: '343d6dfefd5253acd8b767a3d6f9cc9d07d05155', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '3acb3a6dd64f6ba0ae9051a751b436a4ef4cf9fc' }))), h("div", { key: 'b0107b1b4a640c324e7ca720f857ded0aec1f1f0', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
|
|
42
72
|
}
|
|
43
73
|
get headingSlottedElement() {
|
|
44
74
|
return this.host.querySelector("[slot='heading']");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-tip.js","sourceRoot":"","sources":["../../../../src/components/onboarding-tip/onboarding-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"onboarding-tip.js","sourceRoot":"","sources":["../../../../src/components/onboarding-tip/onboarding-tip.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n Host,\r\n Prop,\r\n State,\r\n forceUpdate,\r\n h,\r\n} from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../functional-components/tooltip/position-tooltip.function\";\r\nimport { TooltipClean, TooltipPlacement } from \"../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\nimport { OnboardingTipCloseEvent } from \"./onboarding-tip.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-onboarding-tip\",\r\n styleUrl: \"onboarding-tip.scss\",\r\n shadow: true,\r\n})\r\nexport class OnboardingTip implements ComponentInterface {\r\n @Element()\r\n private host!: HTMLDsoOnboardingTipElement;\r\n\r\n /**\r\n * Where to place the Onboarding Tip relative to its reference element.\r\n */\r\n @Prop()\r\n placement: TooltipPlacement = \"right\";\r\n\r\n /**\r\n * Emitted when the user closes the Onboarding Tip.\r\n */\r\n @Event()\r\n dsoClose!: EventEmitter<OnboardingTipCloseEvent>;\r\n\r\n @State()\r\n ready = false;\r\n\r\n @State()\r\n popoverOpen = false;\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, subtree: true, characterData: true });\r\n }\r\n\r\n componentDidRender() {\r\n if (!this.host.isConnected) {\r\n return;\r\n }\r\n\r\n if (!this.popoverOpen) {\r\n this.host.showPopover();\r\n this.popoverOpen = true;\r\n\r\n const onboardingTipElement = this.host.shadowRoot?.querySelector(\".onboarding-tip\");\r\n if (this.hasOnboardingTipElement(onboardingTipElement)) {\r\n OnboardingTip.setFocus(onboardingTipElement);\r\n }\r\n }\r\n\r\n if (!this.cleanUp && this.referenceElement && this.tipArrowRef instanceof HTMLElement) {\r\n this.cleanUp = positionTooltip({\r\n referenceElement: this.referenceElement,\r\n tipRef: this.host,\r\n tipArrowRef: this.tipArrowRef,\r\n placementTip: `${this.placement}-start`,\r\n topPositionSmallViewPort: true,\r\n halfMainAxisOffset: true,\r\n });\r\n }\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.mutationObserver?.disconnect();\r\n delete this.mutationObserver;\r\n if (this.popoverOpen) {\r\n this.host.hidePopover();\r\n this.popoverOpen = false;\r\n }\r\n this.cleanUp?.();\r\n this.cleanUp = undefined;\r\n }\r\n\r\n /**\r\n * Set focus on the onboarding tip element and reset tabIndex for accessibility.\r\n */\r\n private static setFocus(target: HTMLElement) {\r\n if (target) {\r\n target.focus();\r\n }\r\n }\r\n\r\n private hasOnboardingTipElement(element: Element | null | undefined): element is HTMLElement {\r\n return element instanceof HTMLElement;\r\n }\r\n\r\n private blockEscapeKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.preventDefault();\r\n\r\n this.dsoClose.emit({ originalEvent: e });\r\n }\r\n };\r\n\r\n render() {\r\n const ariaLabel = this.headingSlottedElement?.textContent;\r\n return (\r\n <Host popover=\"manual\" ready={this.ready} onAnimationend={() => (this.ready = true)}>\r\n <div role=\"dialog\" class=\"onboarding-tip\" aria-label={ariaLabel} onKeyDown={this.blockEscapeKey} tabindex={-1}>\r\n <div class=\"onboarding-tip-inner\">\r\n <div class=\"onboarding-tip-content-wrapper\">\r\n {this.headingSlottedElement !== null && (\r\n <div class=\"onboarding-tip-content-heading\">\r\n <dso-icon icon=\"light-bulb\"></dso-icon>\r\n <slot name=\"heading\" />\r\n </div>\r\n )}\r\n <dso-icon-button\r\n class=\"dso-close\"\r\n label=\"Sluiten\"\r\n variant=\"tertiary\"\r\n icon=\"times\"\r\n onDsoClick={(e) => this.dsoClose.emit({ originalEvent: e })}\r\n />\r\n <slot></slot>\r\n </div>\r\n </div>\r\n <div class=\"onboarding-tip-arrow\" ref={(ref) => (this.tipArrowRef = ref)}></div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private tipArrowRef: HTMLDivElement | undefined;\r\n\r\n private get headingSlottedElement() {\r\n return this.host.querySelector(\"[slot='heading']\");\r\n }\r\n\r\n private cleanUp: TooltipClean | undefined;\r\n\r\n private get referenceElement(): HTMLElement | undefined {\r\n const id = this.host.id;\r\n\r\n if (!id) {\r\n console.warn(\"Unable to find reference. Onboarding Tip has no [id] attribute.\");\r\n\r\n return;\r\n }\r\n\r\n const rootNode = this.host.getRootNode();\r\n if (!(rootNode instanceof Document || rootNode instanceof ShadowRoot)) {\r\n console.warn(`rootNode is not instance of Document or ShadowRoot`);\r\n\r\n return;\r\n }\r\n\r\n const reference = rootNode.querySelector<HTMLElement>(`[aria-describedby=\"${id}\"]`);\r\n if (!reference) {\r\n console.warn(`Unable to find reference element with aria-describedby ${id}`);\r\n\r\n return;\r\n }\r\n\r\n return reference;\r\n }\r\n}\r\n"]}
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
visibility: visible;
|
|
27
27
|
}
|
|
28
28
|
.dso-tooltip .tooltip-inner {
|
|
29
|
+
--_dt-span-role-paragraph-margin-block: 8px;
|
|
29
30
|
--_dso-alert-success-border-color: initial;
|
|
30
31
|
--_dso-alert-error-border-color: initial;
|
|
31
32
|
--_dso-alert-info-border-color: initial;
|
|
@@ -92,6 +93,7 @@
|
|
|
92
93
|
vertical-align: baseline;
|
|
93
94
|
display: inline;
|
|
94
95
|
overflow-wrap: break-word;
|
|
96
|
+
user-select: text;
|
|
95
97
|
}
|
|
96
98
|
.toggletip-button, .toggletip-button:hover, .toggletip-button:focus-visible, .toggletip-button:active {
|
|
97
99
|
text-decoration-line: var(--_dso-ozon-content-toggletip-text-decoration, underline);
|
|
@@ -64,7 +64,7 @@ export class ozonContentToggletip {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h(Fragment, { key: '
|
|
67
|
+
return (h(Fragment, { key: '461010eb2eafbf5ba97aed6bf49261fcc790e755' }, h("span", { key: '182c96c0f91b8a871bfbcd34f1dffe704cbee0f5', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyUpHandler, onFocusout: this.focusOutHandler, ref: (element) => (this.container = element) }, h("span", { key: '2450aa008e277ba04bb1acf010b13cde6c2d5d6d', class: "icon-container" }, h("slot", { key: 'df4f968b7a33aaa90c5205a9a82a8cb37f624168', name: "label" }), h("dso-icon", { key: '65430abf4a67ffb447518055a45db4deb5ef62ed', icon: this.icon }))), h(Tooltip, { key: '31455a4c8dca198feb8471682022c19bd7095a03', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '098d9db719a1f412ccb49a8a5a4bfac5f5cab2ca' }))));
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "dso-ozon-content-toggletip"; }
|
|
70
70
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ozon-content-toggletip.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ozon-content-toggletip.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, Element, Fragment, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean } from \"../../../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-ozon-content-toggletip\",\r\n styleUrl: \"./ozon-content-toggletip.scss\",\r\n shadow: true,\r\n})\r\nexport class ozonContentToggletip implements ComponentInterface {\r\n @Element()\r\n host!: HTMLDsoOzonContentToggletipElement;\r\n\r\n /**\r\n * The alias of the icon in the button.\r\n */\r\n @Prop({ reflect: true })\r\n icon?: string;\r\n\r\n @State()\r\n active = false;\r\n\r\n @State()\r\n showToggletip = false;\r\n\r\n private container: HTMLSpanElement | undefined;\r\n private tooltip: HTMLElement | undefined;\r\n private tooltipArrow: HTMLElement | undefined;\r\n\r\n private toggle = () => {\r\n if (this.active) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n };\r\n\r\n private open = () => {\r\n this.active = true;\r\n };\r\n\r\n private close = () => {\r\n this.active = false;\r\n };\r\n\r\n private focusOutHandler = (event: FocusEvent) => {\r\n if (!this.host.contains(event.relatedTarget as Node)) {\r\n this.close();\r\n }\r\n };\r\n\r\n private keyUpHandler = (event: KeyboardEvent) => {\r\n switch (event.key) {\r\n case \"Escape\":\r\n this.close();\r\n return;\r\n case \" \":\r\n case \"Enter\":\r\n this.toggle();\r\n return;\r\n default:\r\n return;\r\n }\r\n };\r\n\r\n componentDidRender() {\r\n if (this.tooltip) {\r\n if (this.active && !this.showToggletip) {\r\n this.tooltip.showPopover();\r\n this.showToggletip = true;\r\n } else if (!this.active && this.showToggletip) {\r\n this.tooltip?.hidePopover();\r\n this.showToggletip = false;\r\n }\r\n }\r\n\r\n let cleanUp: TooltipClean | undefined;\r\n\r\n if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {\r\n cleanUp = positionTooltip({\r\n referenceElement: this.container,\r\n tipRef: this.tooltip,\r\n tipArrowRef: this.tooltipArrow,\r\n placementTip: \"top\",\r\n });\r\n }\r\n\r\n if (!this.active && cleanUp) {\r\n cleanUp();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <span\r\n class=\"toggletip-button\"\r\n role=\"button\"\r\n tabindex={0}\r\n onClick={this.toggle}\r\n onKeyDown={this.keyUpHandler}\r\n onFocusout={this.focusOutHandler}\r\n ref={(element) => (this.container = element)}\r\n >\r\n <span class=\"icon-container\">\r\n <slot name=\"label\" />\r\n <dso-icon icon={this.icon} />\r\n </span>\r\n </span>\r\n <Tooltip\r\n visible\r\n onAfterHidden={() => {}}\r\n tipElementRef={(element) => (this.tooltip = element)}\r\n tipArrowElementRef={(element) => (this.tooltipArrow = element)}\r\n >\r\n <slot />\r\n </Tooltip>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1520,8 +1520,14 @@ span[role=paragraph] {
|
|
|
1520
1520
|
display: block;
|
|
1521
1521
|
}
|
|
1522
1522
|
|
|
1523
|
+
span[role=paragraph] {
|
|
1524
|
+
margin-block: var(--_dt-span-role-paragraph-margin-block, 0);
|
|
1525
|
+
}
|
|
1523
1526
|
span[role=paragraph] + span[role=paragraph] {
|
|
1524
|
-
margin-block: 16px 0;
|
|
1527
|
+
margin-block: var(--_dt-span-role-paragraph-margin-block, 16px 0);
|
|
1528
|
+
}
|
|
1529
|
+
span[role=paragraph] + span[role=paragraph] .dso-tertiary {
|
|
1530
|
+
margin-block-start: -3px;
|
|
1525
1531
|
}
|
|
1526
1532
|
|
|
1527
1533
|
:host(:not([inline])) .fallback {
|
|
@@ -33,7 +33,7 @@ export class OzonContent {
|
|
|
33
33
|
annotated: this.annotated,
|
|
34
34
|
};
|
|
35
35
|
const transformed = mapper.transform(this.content, context);
|
|
36
|
-
return h(Fragment, { key: '
|
|
36
|
+
return h(Fragment, { key: 'd9e13c0c7a3e5ffc6e8a3f7068381995bb901443' }, transformed);
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "dso-ozon-content"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -50,7 +50,7 @@ export class PlekinfoCard {
|
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
52
|
const hasSymbol = this.symbolSlottedElement !== null;
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: 'c85829e5394b454b4b8321aaedc2d8a003217965', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '381d4c329babc90d571721dce4adf54213565bdd', wijzigactie: this.wijzigactie }, h("div", { key: 'f5428a065521b0090f878836fe49a8500834f3eb', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'c2d8beb448bccd85ed971c6a02e6dcbdf64a5c4a', name: "symbol" })), h("div", { key: 'e399e890106f6e682e7f15294abc148c499d4f6e', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'df5638433f527a6f721116f5dccef25c1e2d9b94', name: "meta" }), this.interaction !== null && h("slot", { key: 'bca4e22d224a42974c4efb3aba87b74bf8c9c5ad', name: "interaction" })), h("div", { key: '7aa97a191e3aa8a1fc34dd8c87ab22a8402046a3', class: "dso-plekinfo-card-content" }, h("slot", { key: 'df4a923f270486da6e11326ba4a0cb2f9fc46f75', name: "content" })))));
|
|
54
54
|
}
|
|
55
55
|
static get is() { return "dso-plekinfo-card"; }
|
|
56
56
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export class Progressindicator {
|
|
|
6
6
|
this.text = i18n(() => this.host, translations);
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '6a5b6341f74d9ae115bc77333ce90014c6160224' }, h("span", { key: '72788ccf13a8861fa1760df72cfb6c653010f597', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'ffcb4f515a4c712ee2ad3d65217e3737807f60ce', icon: "spinner" })), h("span", { key: '0e93dde2c4da71b976592c6f5f1d10a112cd30c5', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "dso-progress-indicator"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, h } from "@stencil/core";
|
|
2
2
|
export class ProjectItem {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Fragment, { key: '
|
|
4
|
+
return (h(Fragment, { key: '185d37771a61499c4dea89bb66d28283583da6f7' }, h("div", { key: '17f1973490ea3c4b4b0d1b6051e3bcc587035d56', class: "project-item-header" }, h("div", { key: '8a0a0fcb17da4d3bc2a69fe96b818f168b07830d', class: "project-item-title" }, h("slot", { key: '4160b51c9b4cca09bc3173c64505c764c128fdd9', name: "title" }), this.label && (h("dso-label", { key: '5b2d8afa3160e301802d3accb74314cd84894c8b', status: "error", compact: true }, this.label))), h("div", { key: '145e89a71c030994c3da2c709ec4408141d566d8', class: "project-item-actions" }, h("slot", { key: '15fc8128afc40d941b03b4b03b3d021e55b60a10', name: "actions" }))), h("div", { key: '1d0827720fe361319ff298e286779efc858c7910', class: "project-item-info" }, h("div", { key: '43f16dc31d3b1f98f1461d8ea0385eef7ce3fdb6', class: "project-item-progress" }, h("slot", { key: '29ff9265e1ba9e5eb2dbac7fd112dea7a5db402d', name: "progress" })), h("div", { key: 'cf3e3d8fa0cd8896151672de43b7f43ffcc6a5aa', class: "project-item-status" }, h("slot", { key: '7bac2642ce089ad16c823af0030ce8fa55700eeb', name: "status" })))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "dso-project-item"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -40,7 +40,7 @@ export class ResponsiveElement {
|
|
|
40
40
|
this.observer.unobserve(this.host);
|
|
41
41
|
}
|
|
42
42
|
render() {
|
|
43
|
-
return (h(Host, { key: '
|
|
43
|
+
return (h(Host, { key: '02e79ea205a525e2a5a39be76394694a2809fadf', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'ce7d40c378ac0bc879c8d6c91481aee9f6288b7e' })));
|
|
44
44
|
}
|
|
45
45
|
static get is() { return "dso-responsive-element"; }
|
|
46
46
|
static get encapsulation() { return "shadow"; }
|
|
@@ -84,9 +84,9 @@ export class Scrollable {
|
|
|
84
84
|
this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
|
|
85
85
|
}
|
|
86
86
|
render() {
|
|
87
|
-
return (h("div", { key: '
|
|
87
|
+
return (h("div", { key: '2a165cccd9752bd30f14e094d30b452b0033199f', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'da8177aa9845e6c56f5d4db605cadab951e6c011', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
|
|
88
88
|
[`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
|
|
89
|
-
}), onScroll: () => this._setScrollState() }, h("slot", { key: '
|
|
89
|
+
}), onScroll: () => this._setScrollState() }, h("slot", { key: 'e22f6da29d333b959e25ac8ffd623baaee7e3d59' }))));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "dso-scrollable"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,7 +49,7 @@ export class Selectable {
|
|
|
49
49
|
render() {
|
|
50
50
|
var _a;
|
|
51
51
|
const hasInfo = !!this.host.querySelector('[slot="info"]');
|
|
52
|
-
return (h(Fragment, { key: '
|
|
52
|
+
return (h(Fragment, { key: 'fd39e588c2e7192251aaa1ba2ce0059c5a148bf8' }, h("div", { key: 'c10126ae1366c0ac63e50414a3fc5fdd2b7d7279', class: "dso-selectable-container" }, h("div", { key: '7151d4e9a53473a6784a4fa7db2cc6b46619caed', class: "dso-selectable-input-wrapper" }, h("input", { key: 'c4767583ea01d20c2261928c7abba2e1baa82bd9', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '786376c68173bc0fabbe21b3fcd0361ebd46a0cf', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'e16c0653024466ac4435e19063700c8a8c7ac933', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'db608fea9f32208bda0e87c72defd98deca6a8bd' }, h("slot", { key: '2230755391a6141cde8e431566c11746ccc4c9f2', name: "info" })))), h("slot", { key: '0c15f2a50d082f7d2f0d7184a004c5bd701ba6f8', name: "options" })));
|
|
53
53
|
}
|
|
54
54
|
componentDidRender() {
|
|
55
55
|
if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
|