@dso-toolkit/core 99.1.0 → 99.2.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 +1 -1
- package/dist/bundle/dso-advanced-select.js +2 -2
- package/dist/bundle/dso-annotation-activiteit.js +1 -1
- package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +1 -1
- package/dist/bundle/dso-annotation-kaart.js +1 -1
- package/dist/bundle/dso-annotation-locatie.js +1 -1
- package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +1 -1
- package/dist/bundle/dso-autosuggest.js +20 -4
- package/dist/bundle/dso-badge.js +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 +1 -1
- package/dist/bundle/dso-info-button.js +1 -1
- package/dist/bundle/dso-legend-item.js +3 -3
- package/dist/bundle/dso-legend.js +1 -1
- package/dist/bundle/dso-list-button.js +18 -10
- package/dist/bundle/dso-logo.js +1 -1
- package/dist/bundle/dso-map-base-layers.js +4 -4
- package/dist/bundle/dso-map-controls.js +2 -2
- package/dist/bundle/dso-map-layer-object.js +2 -2
- package/dist/bundle/dso-map-layer.js +2 -2
- package/dist/bundle/dso-map-message.js +2 -2
- package/dist/bundle/dso-map-overlays.js +4 -4
- package/dist/bundle/dso-mark-bar.js +1 -1
- package/dist/bundle/dso-modal.js +1 -1
- package/dist/bundle/dso-onboarding-tip.js +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 +1 -1
- package/dist/bundle/dso-panel.js +1 -1
- package/dist/bundle/dso-plekinfo-card.js +1 -1
- package/dist/bundle/dso-progress-indicator.js +1 -1
- package/dist/bundle/dso-project-item.js +1 -1
- package/dist/bundle/dso-responsive-element.js +1 -1
- package/dist/bundle/dso-scrollable.js +1 -1
- package/dist/bundle/dso-segmented-button.js +1 -1
- package/dist/bundle/dso-selectable.js +1 -1
- package/dist/bundle/dso-skiplink.js +1 -1
- package/dist/bundle/dso-slide-toggle.js +1 -1
- package/dist/bundle/dso-survey-rating.js +3 -3
- package/dist/bundle/dso-table.js +1 -1
- package/dist/bundle/dso-tabs.js +1 -1
- package/dist/bundle/dso-tijdreis-banner.js +1 -1
- package/dist/bundle/dso-tooltip.js +1 -1
- package/dist/bundle/dso-tree-view.js +2 -2
- package/dist/bundle/dso-viewer-grid.js +2 -2
- package/dist/bundle/dsot-document-component-demo.js +11 -11
- package/dist/bundle/{p-B985IZ5E.js → p-BXj3KQLr.js} +1 -1
- package/dist/bundle/{p-BUP7ETj9.js → p-Bd4DueUA.js} +3 -3
- package/dist/bundle/{p-CA2_39GL.js → p-BnDKmgzv.js} +7 -7
- package/dist/bundle/{p-CaqgkKJr.js → p-BnKQUOO3.js} +1 -1
- package/dist/bundle/{p-CjzslTc7.js → p-BuYJl3wN.js} +5 -2
- package/dist/bundle/{p-CWULuYeZ.js → p-Bw8_UiAv.js} +1 -1
- package/dist/bundle/{p-DP30G93t.js → p-Cc1GnE4g.js} +1 -1
- package/dist/bundle/p-CpX0AJp6.js +161 -0
- package/dist/bundle/{p-Cj4wP5c0.js → p-DfXIH4Cr.js} +5 -5
- package/dist/bundle/{p-Q0QoAbtJ.js → p-DjHplS8O.js} +2 -2
- package/dist/bundle/{p-C4ybibNA.js → p-DpwxsXR-.js} +1 -1
- package/dist/bundle/{p-D3Aw2q6j.js → p-WTVvB0zs.js} +3 -3
- package/dist/bundle/{p-BzYOu3k2.js → p-ryJKPQPH.js} +1 -1
- package/dist/bundle/{p-D7MKa3Zt.js → p-y0R9QGf7.js} +1 -1
- package/dist/cjs/dso-alert_7.cjs.entry.js +4 -4
- package/dist/cjs/dso-autosuggest.cjs.entry.js +17 -1
- package/dist/cjs/dso-info_3.cjs.entry.js +1 -1
- package/dist/cjs/dso-label_3.cjs.entry.js +1 -1
- package/dist/cjs/dso-list-button.cjs.entry.js +9 -1
- package/dist/cjs/dso-logo.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-message.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
- package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
- package/dist/cjs/dso-modal.cjs.entry.js +22 -2
- package/dist/cjs/dso-onboarding-tip.cjs.entry.js +1 -1
- 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 +4 -2
- package/dist/cjs/dso-segmented-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
- package/dist/cjs/dso-survey-rating.cjs.entry.js +2 -2
- package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
- package/dist/cjs/dso-viewer-grid.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/autosuggest/autosuggest.js +23 -1
- package/dist/collection/components/list-button/list-button.js +15 -7
- 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.js +1 -1
- package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
- package/dist/collection/components/map-layer/map-layer.js +1 -1
- package/dist/collection/components/map-message/map-message.js +2 -2
- package/dist/collection/components/map-overlays/map-overlays.js +1 -1
- package/dist/collection/components/mark-bar/mark-bar.js +1 -1
- package/dist/collection/components/modal/functional-components/body.js +4 -0
- package/dist/collection/components/modal/functional-components/footer.js +4 -0
- package/dist/collection/components/modal/functional-components/header.js +4 -0
- package/dist/collection/components/modal/modal.css +13 -0
- package/dist/collection/components/modal/modal.js +15 -3
- package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
- package/dist/collection/components/ozon-content/ozon-content.js +1 -1
- package/dist/collection/components/panel/panel.js +1 -1
- package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
- package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
- package/dist/collection/components/project-item/project-item.js +1 -1
- package/dist/collection/components/responsive-element/responsive-element.js +1 -1
- package/dist/collection/components/scrollable/scrollable.js +31 -2
- package/dist/collection/components/segmented-button/segmented-button.js +1 -1
- 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/tabs/tabs.js +1 -1
- package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tree-view/tree-view.js +1 -1
- package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
- package/dist/components/dso-autosuggest.js +1 -1
- package/dist/components/dso-list-button.js +1 -1
- package/dist/components/dso-logo.js +1 -1
- package/dist/components/dso-map-base-layers.js +1 -1
- package/dist/components/dso-map-controls.js +1 -1
- package/dist/components/dso-map-layer-object.js +1 -1
- package/dist/components/dso-map-layer.js +1 -1
- package/dist/components/dso-map-message.js +1 -1
- package/dist/components/dso-map-overlays.js +1 -1
- package/dist/components/dso-mark-bar.js +1 -1
- package/dist/components/dso-onboarding-tip.js +1 -1
- package/dist/components/dso-plekinfo-card.js +1 -1
- package/dist/components/dso-project-item.js +1 -1
- package/dist/components/dso-segmented-button.js +1 -1
- package/dist/components/dso-skiplink.js +1 -1
- package/dist/components/dso-survey-rating.js +1 -1
- package/dist/components/dso-tabs.js +1 -1
- package/dist/components/dso-tijdreis-banner.js +1 -1
- package/dist/components/dso-tooltip.js +1 -1
- package/dist/components/dso-tree-view.js +1 -1
- package/dist/components/dso-viewer-grid.js +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/ozon-content-toggletip.js +1 -1
- package/dist/components/ozon-content.js +1 -1
- package/dist/components/panel.js +1 -1
- package/dist/components/progress-indicator.js +1 -1
- package/dist/components/responsive-element.js +1 -1
- package/dist/components/scrollable.js +1 -1
- package/dist/components/selectable.js +1 -1
- package/dist/components/slide-toggle.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/{p-58d26e4a.entry.js → p-09fee564.entry.js} +1 -1
- package/dist/dso-toolkit/{p-04a866ad.entry.js → p-1cf76eb8.entry.js} +1 -1
- package/dist/dso-toolkit/p-1d2e543a.entry.js +1 -0
- package/dist/dso-toolkit/{p-527fd9ad.entry.js → p-2ac35007.entry.js} +1 -1
- package/dist/dso-toolkit/{p-f0c4bac8.entry.js → p-3959d0b8.entry.js} +1 -1
- package/dist/dso-toolkit/{p-906a2b17.entry.js → p-3b620a1f.entry.js} +1 -1
- package/dist/dso-toolkit/{p-a8d13aa8.entry.js → p-3d1b5a25.entry.js} +1 -1
- package/dist/dso-toolkit/p-3f6ddf06.entry.js +1 -0
- package/dist/dso-toolkit/{p-a9a82876.entry.js → p-40d5fc69.entry.js} +1 -1
- package/dist/dso-toolkit/{p-64b2d182.entry.js → p-415db2f9.entry.js} +1 -1
- package/dist/dso-toolkit/p-4de1556f.entry.js +1 -0
- package/dist/dso-toolkit/p-7f592a1e.entry.js +1 -0
- package/dist/dso-toolkit/{p-74c17d50.entry.js → p-8c52725c.entry.js} +1 -1
- package/dist/dso-toolkit/{p-f0ad44a4.entry.js → p-929ef098.entry.js} +1 -1
- package/dist/dso-toolkit/{p-87346597.entry.js → p-9330b7e6.entry.js} +1 -1
- package/dist/dso-toolkit/{p-a9e9e3df.entry.js → p-a44332f4.entry.js} +1 -1
- package/dist/dso-toolkit/{p-b01a50e9.entry.js → p-b2cf776e.entry.js} +1 -1
- package/dist/dso-toolkit/{p-7277bc47.entry.js → p-c56e654d.entry.js} +1 -1
- package/dist/dso-toolkit/{p-adaff168.entry.js → p-c97cf9f6.entry.js} +1 -1
- package/dist/dso-toolkit/{p-00ba5390.entry.js → p-cceb2ce1.entry.js} +1 -1
- package/dist/dso-toolkit/{p-bc465094.entry.js → p-d2a0c83c.entry.js} +1 -1
- package/dist/dso-toolkit/{p-154cd858.entry.js → p-d728026a.entry.js} +1 -1
- package/dist/dso-toolkit/{p-81c897d5.entry.js → p-e452dd0a.entry.js} +1 -1
- package/dist/dso-toolkit/p-f2a9cf31.entry.js +1 -0
- package/dist/dso-toolkit/{p-ecec7172.entry.js → p-f8d2c3d6.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d1d52478.entry.js → p-f8ed1a64.entry.js} +1 -1
- package/dist/dso-toolkit/{p-c2f33a71.entry.js → p-f9275008.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d9147307.entry.js → p-ffc60fb8.entry.js} +1 -1
- package/dist/esm/dso-alert_7.entry.js +4 -4
- package/dist/esm/dso-autosuggest.entry.js +17 -1
- package/dist/esm/dso-info_3.entry.js +1 -1
- package/dist/esm/dso-label_3.entry.js +1 -1
- package/dist/esm/dso-list-button.entry.js +9 -1
- package/dist/esm/dso-logo.entry.js +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +1 -1
- package/dist/esm/dso-map-controls.entry.js +1 -1
- package/dist/esm/dso-map-layer-object.entry.js +1 -1
- package/dist/esm/dso-map-layer.entry.js +1 -1
- package/dist/esm/dso-map-message.entry.js +2 -2
- package/dist/esm/dso-map-overlays.entry.js +1 -1
- package/dist/esm/dso-mark-bar.entry.js +1 -1
- package/dist/esm/dso-modal.entry.js +23 -3
- package/dist/esm/dso-onboarding-tip.entry.js +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 +4 -2
- package/dist/esm/dso-segmented-button.entry.js +1 -1
- package/dist/esm/dso-skiplink.entry.js +1 -1
- package/dist/esm/dso-survey-rating.entry.js +2 -2
- package/dist/esm/dso-tabs.entry.js +1 -1
- package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
- package/dist/esm/dso-toolkit.js +1 -1
- package/dist/esm/dso-tooltip.entry.js +1 -1
- package/dist/esm/dso-tree-view.entry.js +1 -1
- package/dist/esm/dso-viewer-grid.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/autosuggest/autosuggest.d.ts +2 -0
- package/dist/types/components/list-button/list-button.d.ts +2 -0
- package/dist/types/components/modal/functional-components/body.d.ts +2 -0
- package/dist/types/components/modal/functional-components/footer.d.ts +2 -0
- package/dist/types/components/modal/functional-components/header.d.ts +10 -0
- package/dist/types/components/modal/modal.d.ts +5 -0
- package/dist/types/components/scrollable/scrollable.d.ts +2 -0
- package/dist/types/components.d.ts +8 -1
- package/package.json +4 -4
- package/dist/bundle/p-CWNtCf83.js +0 -140
- package/dist/dso-toolkit/p-30ae4567.entry.js +0 -1
- package/dist/dso-toolkit/p-3f42436c.entry.js +0 -1
- package/dist/dso-toolkit/p-499a175a.entry.js +0 -1
- package/dist/dso-toolkit/p-53ae7599.entry.js +0 -1
- package/dist/dso-toolkit/p-b680dd08.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,d as t,f as n,h as e,F as r,a as i,g as a}from"./p-pqfDfKeZ.js";import{W as d}from"./p-DHGCm31c.js";import{i as c}from"./p-Hgv-pDpy.js";const s=class{constructor(n){o(this,n),this.dsoPlekinfoCardClick=t(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:c(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return e(i,{key:"
|
|
1
|
+
import{r as o,d as t,f as n,h as e,F as r,a as i,g as a}from"./p-pqfDfKeZ.js";import{W as d}from"./p-DHGCm31c.js";import{i as c}from"./p-Hgv-pDpy.js";const s=class{constructor(n){o(this,n),this.dsoPlekinfoCardClick=t(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:c(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return e(i,{key:"04a03ddc2aec20e38f7de8a2195a93435e1a1f03","has-symbol":o},e(d,{key:"c267438b6fdb1f28c5ed8d8a249f97a25134a6bf",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-container"},e("div",{key:"48bed56012a2ed540aeee5cc3455b53e11406bc2",class:"dso-plekinfo-card-symbol",hidden:!o},e("slot",{key:"3f0a73e4b3f6a145c07147b86e64789f532a3f49",name:"symbol"})),e("div",{key:"184289023c49d898a3fba857528c78543d896fa6",class:"dso-plekinfo-card-heading"},this.href?e("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},e("span",{class:"heading-content"},e("slot",{name:"heading"})),"",this.targetBlank?e(r,null,e("dso-icon",{icon:"external-link"}),e("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):e("dso-icon",{icon:"chevron-right"})):e("slot",{name:"heading"}),null!==this.metaSlottedElement&&e("slot",{key:"262ed6cc2fcd856ed5c2ad9242a2104b80b75c5d",name:"meta"}),null!==this.interaction&&e("slot",{key:"1a3da7c4ac5e66724301e37aa07334d3f07dbaad",name:"interaction"})),e("div",{key:"391825de86e308361ba4496a9dcd885fc1354ad1",class:"dso-plekinfo-card-content"},e("slot",{key:"5064056cbbfee42319f27e62edf7a0d6dee08fa1",name:"content"}))))}get host(){return a(this)}};s.style="ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}";export{s as dso_plekinfo_card}
|
|
@@ -1389,7 +1389,7 @@ const OzonContent = class {
|
|
|
1389
1389
|
annotated: this.annotated,
|
|
1390
1390
|
};
|
|
1391
1391
|
const transformed = mapper.transform(this.content, context);
|
|
1392
|
-
return h(Fragment, { key: '
|
|
1392
|
+
return h(Fragment, { key: '1927b2fc3ffe8dfa33268a2ed3a8980b2601b5de' }, transformed);
|
|
1393
1393
|
}
|
|
1394
1394
|
static get watchers() { return {
|
|
1395
1395
|
"content": [{
|
|
@@ -1466,7 +1466,7 @@ const OzonContentToggletip = class {
|
|
|
1466
1466
|
this.cleanUpFunction = undefined;
|
|
1467
1467
|
}
|
|
1468
1468
|
render() {
|
|
1469
|
-
return (h(Fragment, { key: '
|
|
1469
|
+
return (h(Fragment, { key: '054b1fc1100947196245910b357fb80c29182c54' }, h("span", { key: 'e3ade161d65fe3322ae0651dae6b529593c60a07', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'ba60e0ba165e0bb01781e89c9461bbc0e077ea3f' }, h("span", { key: 'e29b2372fd93624b5a7cc8c5181bb4ca68a5cccc', class: "toggletip-label" }, h("slot", { key: '21e96fe27e6ea3a86f03184f41c36a66aeb1596b', name: "label" })), "\u2060", h("dso-icon", { key: 'b4ab7245c3042967aff5dd4db73075edb751f3b4', icon: this.icon }))), !this.icon && h("slot", { key: '4aa818c5599151181a219b71ae23a8fb4d600e8a', name: "label" })), h(Tooltip, { key: '78420c36405e0076a8c8d8fce22bf866afe8e0ac', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: '21a1c7363cc32b4bc8637e7bc28b2ffcd35ba000', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: '93e1e8ac4e49b4d28eee9079e78c0369177ed0f9' })))));
|
|
1470
1470
|
}
|
|
1471
1471
|
get host() { return getElement(this); }
|
|
1472
1472
|
};
|
|
@@ -1498,7 +1498,7 @@ const Panel = class {
|
|
|
1498
1498
|
this.text = i18n(() => this.host, translations);
|
|
1499
1499
|
}
|
|
1500
1500
|
render() {
|
|
1501
|
-
return (h("div", { key: '
|
|
1501
|
+
return (h("div", { key: '67ada8aa839bc1bbf2b2f4287dafa1dd083fa948', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '5bb094e65e22665d8440bfa5963e447f049c3142', class: "panel-heading" }, h("slot", { key: '3c45923be0acb79a9ae9490c258ba3451d4ed22c', name: "heading" }), h("dso-icon-button", { key: 'dc09ab8819ff3d9dd8ee17ef6cfec58b52ea1e23', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '58a2bf0c6ac622062d60842303d3648d595e70ff', class: "panel-body" }, h("slot", { key: '04fd70c30319215c827fed78fe3be42a3a76d608' }))));
|
|
1502
1502
|
}
|
|
1503
1503
|
get host() { return getElement(this); }
|
|
1504
1504
|
};
|
|
@@ -1553,7 +1553,7 @@ const Table = class {
|
|
|
1553
1553
|
render() {
|
|
1554
1554
|
const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
|
|
1555
1555
|
const dialogLabel = caption || "Uitvergrote tabel";
|
|
1556
|
-
return (h(Host, { key: '
|
|
1556
|
+
return (h(Host, { key: 'a95e11e99ecccb0a19db29df6bb54ade6dd5732c', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '232ede1b0f1a58f9801c50652def10551c6641b4', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "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 ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
|
|
1557
1557
|
}
|
|
1558
1558
|
openModal() {
|
|
1559
1559
|
this.placeholderHeight = this.host.clientHeight;
|
|
@@ -107,6 +107,7 @@ const Autosuggest = class {
|
|
|
107
107
|
this.debouncedEmitValue(event.target.value.match(/(\S+)/g) ? event.target.value : "");
|
|
108
108
|
};
|
|
109
109
|
this.onFocusIn = () => {
|
|
110
|
+
this.input?.select();
|
|
110
111
|
if (this.suggestions && this.suggestions.length > 1) {
|
|
111
112
|
this.openSuggestions();
|
|
112
113
|
}
|
|
@@ -163,6 +164,21 @@ const Autosuggest = class {
|
|
|
163
164
|
this.closeSuggestions();
|
|
164
165
|
}
|
|
165
166
|
}
|
|
167
|
+
handleSearchBarButtonKeydown(event) {
|
|
168
|
+
if (event.defaultPrevented || this.loading || (event.key !== "ArrowDown" && event.key !== "ArrowUp")) {
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
if (!this.input || event.target === this.input || !this.isEventInOwnSearchBar(event)) {
|
|
172
|
+
return;
|
|
173
|
+
}
|
|
174
|
+
event.preventDefault();
|
|
175
|
+
this.input.focus();
|
|
176
|
+
this.openSuggestions(event.key === "ArrowDown" ? "first" : "last");
|
|
177
|
+
}
|
|
178
|
+
isEventInOwnSearchBar(event) {
|
|
179
|
+
const searchBar = this.host.closest(".dso-search-bar");
|
|
180
|
+
return !!searchBar && event.composedPath().includes(searchBar);
|
|
181
|
+
}
|
|
166
182
|
onDocumentClick(event) {
|
|
167
183
|
if ((this.showSuggestions || this.notFound) &&
|
|
168
184
|
this.listbox &&
|
|
@@ -516,7 +532,7 @@ const Autosuggest = class {
|
|
|
516
532
|
else if (this.input) {
|
|
517
533
|
this.input.removeAttribute("aria-controls");
|
|
518
534
|
}
|
|
519
|
-
return (h(Fragment, null, h("slot", { key: '
|
|
535
|
+
return (h(Fragment, null, h("slot", { key: '27cfa8bc81482dca996532582d210a0edcee11b2' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), _preventFocus: true }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element) }, (flat &&
|
|
520
536
|
this.showSuggestions &&
|
|
521
537
|
this.suggestions &&
|
|
522
538
|
this.suggestions.map((suggestion) => (h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||
|
|
@@ -200,7 +200,7 @@ const Selectable = class {
|
|
|
200
200
|
}
|
|
201
201
|
render() {
|
|
202
202
|
const hasInfo = !!this.host.querySelector('[slot="info"]');
|
|
203
|
-
return (h(Fragment, { key: '
|
|
203
|
+
return (h(Fragment, { key: '95f3d9e70e5e84af47aaeb22717b24e512f60b69' }, h("div", { key: 'b476892628f8d31b7d7c02943b176d4556fdfc3d', class: "dso-selectable-container" }, h("div", { key: '34a9f1229fc3dfad9680fed68e96a8cde4462d0d', class: "dso-selectable-input-wrapper" }, h("input", { key: '63bbaf3a1c42c4cf7a5ea5096b947d7b61d2e01c', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.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: 'af36de898ee7482871fb01d6d9efa21f0eb5d500', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '40624e717f271af06aee5ba7fc5d272483929750', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'ffa7a4635c7334676988c52e48d5c7960a38f62a' }, h("slot", { key: 'f47c40ef36bb8b84ef55de6cdcc80a9f50b17e0a', name: "info" })))), h("slot", { key: 'a72b777da30dfbea0124a3b75adf0280128dd0e5', name: "options" })));
|
|
204
204
|
}
|
|
205
205
|
componentDidRender() {
|
|
206
206
|
if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
|
|
@@ -224,7 +224,7 @@ const SlideToggle = class {
|
|
|
224
224
|
this.hasVisibleLabel = this.host.querySelector("*") !== null;
|
|
225
225
|
}
|
|
226
226
|
render() {
|
|
227
|
-
return (h(Fragment, { key: '
|
|
227
|
+
return (h(Fragment, { key: '7291becfe58cfdec1c9e21a50eef04b5dff72339' }, h("button", { key: 'c42b7de446e15d26d311e8e2b85bd61afacf0137', 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: '93cebbaa53dd978b48ba60863749856f03a5204b', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: 'fac4d1de935a905682dfc2b7ac3800c81c012881', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'd40be60369da898f6cc08813bc97326959affe31', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '9d57223f2aa69d6e1b739c650afe34bdaae4c32f', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '4542bb62c22b73aac39bf2e87a740e8d77d43780', htmlFor: this.identifier }, h("slot", { key: '1110114d4b96e4f9b87182bc7b8cc4805d07705d' })))));
|
|
228
228
|
}
|
|
229
229
|
get host() { return getElement(this); }
|
|
230
230
|
};
|
|
@@ -8,6 +8,7 @@ const ListButton = class {
|
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
this.dsoCountChange = createEvent(this, "dsoCountChange", 7);
|
|
10
10
|
this.dsoSelectedChange = createEvent(this, "dsoSelectedChange", 7);
|
|
11
|
+
this.focusIncrementButtonAfterRender = false;
|
|
11
12
|
/**
|
|
12
13
|
* Whether the List Button is checked.
|
|
13
14
|
*/
|
|
@@ -33,6 +34,10 @@ const ListButton = class {
|
|
|
33
34
|
if (!this.subcontentSlot?.hasAttribute("aria-hidden")) {
|
|
34
35
|
this.subcontentSlot?.setAttribute("aria-hidden", "true");
|
|
35
36
|
}
|
|
37
|
+
if (this.focusIncrementButtonAfterRender) {
|
|
38
|
+
this.focusIncrementButtonAfterRender = false;
|
|
39
|
+
void this.incrementButton?.setFocus();
|
|
40
|
+
}
|
|
36
41
|
}
|
|
37
42
|
disconnectedCallback() {
|
|
38
43
|
this.mutationObserver?.disconnect();
|
|
@@ -44,6 +49,9 @@ const ListButton = class {
|
|
|
44
49
|
if (!this.isNewCountValid(newValue)) {
|
|
45
50
|
return;
|
|
46
51
|
}
|
|
52
|
+
if (direction === "decrement" && newValue === 1) {
|
|
53
|
+
this.focusIncrementButtonAfterRender = true;
|
|
54
|
+
}
|
|
47
55
|
this.dsoCountChange.emit({
|
|
48
56
|
originalEvent: e,
|
|
49
57
|
count: newValue,
|
|
@@ -71,7 +79,7 @@ const ListButton = class {
|
|
|
71
79
|
}
|
|
72
80
|
render() {
|
|
73
81
|
const selected = this.checked || (this.count !== undefined && this.count > 0);
|
|
74
|
-
return (h("div", { key: '
|
|
82
|
+
return (h("div", { key: '28dc8cacf3635cf83f3bc526cce61870c16213d7', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '80788b4dae346a6ca92c37d3a23f58993a6f061b', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '123ae2c35a23673eeaa39a42e021edabb4b240a2', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: 'a882a847c1e0a0da71d45afa5f6bdca506655c9d' }, this.label, this.sublabel && h("span", { key: 'c87a1d5a74e8f76943943f21eda4ca70977a120b', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '8f11fd1a6285c3ef92d61679c2f28b4875ddbe5c', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '987ab02881c3e7eaf6efb1a16fbbd75855be2959', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: 'f58beece16efb79cf8c169fd48430ad64be5fe56', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'f4c6f59c9a327ac075608952ab81c9f38c886464', class: "subcontent" }, h("slot", { key: 'e0d025b91a7f60170dce5975a31926673e00f6f1', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'ce9f805f4cca58986ea9a1c18b5c6f982325b4d2', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'baa2dbcef366d7da042161dacdfe6548aa2e7667' }, h("dso-icon-button", { key: '98c240428924462f07caabbd3187409c08147062', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '4ce7451b2740c43259a610077a7d37022607764f', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: '340c4db349360e7adab309d84fe02a40795237ac', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: 'd1365a96fb41df03e35ce8687d994d102e338f84', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
|
|
75
83
|
}
|
|
76
84
|
get host() { return getElement(this); }
|
|
77
85
|
};
|
|
@@ -29,7 +29,7 @@ const Logo = class {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
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 &&
|
|
32
|
-
(!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: '
|
|
32
|
+
(!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: 'd9b8e664223d4763b318ca259cd3090ccc3b0a96', class: "logo-ribbon" }, this.ribbon)));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
Logo.style = logoCss();
|
|
@@ -43,7 +43,7 @@ const MapBaseLayers = class {
|
|
|
43
43
|
for (const ref in this.selectableRefs) {
|
|
44
44
|
delete this.selectableRefs[ref];
|
|
45
45
|
}
|
|
46
|
-
return (h("fieldset", { key: '
|
|
46
|
+
return (h("fieldset", { key: '26e0f25a4b9d26dfe2ad804c65253a08205909d4', class: "form-group dso-radios" }, h("legend", { key: 'fe913ce00c8ace09909deffc9e7e39a8891fe7f9', class: "sr-only" }, "Achtergrond"), h("div", { key: '7ecc76a72df6571c43902b8431bbf579259204c7', class: "dso-label-container" }, h("span", { key: 'abd27ffee2fa309cf2248a8f11a3e20e2053a1b2', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'fa9c69b1cd28e2646c8a92cbd6550d39c1ba3113', 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))))));
|
|
47
47
|
}
|
|
48
48
|
get host() { return getElement(this); }
|
|
49
49
|
};
|
|
@@ -129,7 +129,7 @@ const MapControls = class {
|
|
|
129
129
|
this.clearPostTransitionTimeout();
|
|
130
130
|
}
|
|
131
131
|
render() {
|
|
132
|
-
return (h(Fragment, { key: '
|
|
132
|
+
return (h(Fragment, { key: 'df742112e2025fdbb83de9414b0d6ca52d997826' }, h("dso-icon-button", { key: '213c786fdd190c1c7d176d897cdce2ddce007f21', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: 'e08ce9dbbc17469f0cb103e38a6603b2f6752725', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'e22486c5b4ec4de15d389d4349c2c987cbabd760', icon: "layers" }), h("span", { key: '876c81f18078ad0f316d1d33883fd01aba0c1b65' }, this.text("layersButton"))), h("dso-button-group", { key: '411ee5039d8e818cbca28ed237d0d5c54ab0c463', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'ee2f5435b15e91beef74f20ade813801c2237b32', 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: 'b51b4d38ecf01cdf1f414e0699c1809e86b7ff87', 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: 'ad07928c1d78c7e562f792bba2b6c18ba401ce75', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '462993fe80b521ea3c032940087a1240040d08ed' }, h("h2", { key: 'edf05e60556acaf9295f4a5f53edfe5f93759c7d', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '8883ececf16dee517102d9c27ca0cde32f412c78', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: 'ee13b3dc2596f06e99bf0e48d1f080018f1bedca' }, h("div", { key: 'e79644ff58ff6408cbc2dd0e3f8cef853807619c', class: "content" }, h("slot", { key: 'c721808970823379205241f527b917ead66f9d15' }))))));
|
|
133
133
|
}
|
|
134
134
|
get host() { return getElement(this); }
|
|
135
135
|
static get watchers() { return {
|
|
@@ -18,7 +18,7 @@ const MapLayerObject = class {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '7fbc1ef74509e1b4f80d56905fa764a34a333740', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '86a25068d41d0113456e7705b522d343e7642127', wijzigactie: this.wijzigactie }, h("div", { key: 'aa6678b819aa10f8a1c2cc8bca459aa95deac593', class: "map-layer-object" }, h("div", { key: '38fbefa271b39f82918dae41eb66b58492ba5574' }, h("slot", { key: '95385dd080311a6601799a49451fbed2830d8203', name: "symbol" })), h("div", { key: 'e35e66f79ee298235be738d265017f5cf1564559', class: "map-layer-object-heading" }, h("slot", { key: '2a99347bb68d8e5bffe168587042f3f601ac4456' }), h("slot", { key: '5105e4e49f5d644c70f09df20569ccca5c0e550a', name: "label" })), h("div", { key: 'b91932b72b31233927163885102039924098ad0c', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '9087cd162ea7434ee1d7f4b977cbb75b7a2ab4ef', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
MapLayerObject.style = mapLayerObjectCss();
|
|
@@ -21,7 +21,7 @@ const MapLayer = class {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(WrapWijzigactie, { key: '
|
|
24
|
+
return (h(WrapWijzigactie, { key: '58b032ccf7677ede268d977e40284fce488001cf', wijzigactie: this.wijzigactie }, h("div", { key: 'dfa603d5ff4e738955330e539cb27c04a06eb361', class: "map-layer" }, h("div", { key: 'd5b744910ec3ffbf76a1bc5e06c7c8a2862d7d33', class: "map-layer-heading" }, h("slot", { key: 'e52c97abb2ffd3dbeb8a1691567499d5b03628be', name: "name" }), h("slot", { key: 'f81a9b8d10970365dbc4a6d9e335cca4e2db6bd9', name: "label" })), this.activatable && (h("div", { key: 'db93351178c6ff143098d07bc1efb4aab486f97c', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'ab49a0cfd4105c9133a1c50da4496fddee2550fe', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'a9b8d33ee9c50c461c136a392fd57f177f84302a' })));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
MapLayer.style = mapLayerCss();
|
|
@@ -20,11 +20,11 @@ const MapMessage = class {
|
|
|
20
20
|
render() {
|
|
21
21
|
const iconName = this.variant ? iconMap[this.variant] : undefined;
|
|
22
22
|
const role = this.variant === "error" ? "alert" : "status";
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: 'c38f46748c57f3034e24cacaa91b5f792dab80dc', class: {
|
|
24
24
|
"map-message-content": true,
|
|
25
25
|
"has-icon": iconName !== undefined,
|
|
26
26
|
"has-actions": this.hasActions,
|
|
27
|
-
}, role: role, "aria-atomic": "true" }, h("div", { key: '
|
|
27
|
+
}, role: role, "aria-atomic": "true" }, h("div", { key: 'ca8ee505450598fb4a8271fcd89a54b46d7ba1c3', class: "map-message-body" }, iconName && h("dso-icon", { key: '8de97522b21cd5138769c72d424724a9ae28a958', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '2c22435cc51763c2eb070d228bf1f7cd44d6b3a3', class: "map-message-text" }, h("slot", { key: '1a0dc7b8f5a5c1ffaaeffdbd5c0a74f3a6048640', name: "message" }))), h("slot", { key: '0c3387b08b5f8f0196f2d09bb6ac994cceace168', name: "actions", onSlotchange: this.handleActionsSlotChange })));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
MapMessage.style = mapMessageCss();
|
|
@@ -44,7 +44,7 @@ const MapOverlays = class {
|
|
|
44
44
|
for (const ref in this.selectableRefs) {
|
|
45
45
|
delete this.selectableRefs[ref];
|
|
46
46
|
}
|
|
47
|
-
return (h("fieldset", { key: '
|
|
47
|
+
return (h("fieldset", { key: 'b875d9db957b7c85aff87f3ef79e90b65e20a548', class: "form-group dso-checkboxes" }, h("legend", { key: '31dcc45e2cb253ca78990d097a40fa23fecfeb37', class: "sr-only" }, "Kaartlagen"), h("div", { key: '9072cd6b8adb0fe47558e775caa34168cb10ff57', class: "dso-label-container" }, h("span", { key: '70f1ee5af74eddfb45b06e00692842c6222c5ec7', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'd7180472b4d9d63a652b00b6dd2a9382f888f450', 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))))));
|
|
48
48
|
}
|
|
49
49
|
get host() { return getElement(this); }
|
|
50
50
|
};
|
|
@@ -49,7 +49,7 @@ const MarkBar = class {
|
|
|
49
49
|
render() {
|
|
50
50
|
const current = this.current || 0;
|
|
51
51
|
const totalCount = this.totalCount || 0;
|
|
52
|
-
return (h("div", { key: '
|
|
52
|
+
return (h("div", { key: '7818d8f7762b007d1dbc90b657f9673ab42c0234', class: "dso-mark-bar" }, h("div", { key: '01a6513b3af2f365472421554c6a2442c8f61a73', class: "dso-mark-bar-input" }, h("input", { key: '1580d1b4d30542d1ff3b12dd0551249871db145b', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'd6d87a36588e949b524214fa45dda0ee7962a031', htmlFor: "search-input" }, h("dso-icon", { key: '5fa410193b67370970cda0690c574f482a47a95d', class: "dso-search-icon", icon: "search" }), h("span", { key: '001a6eb612430876e7757cbe98ba9efd326bf19f', class: "label-text" }, this.label)), h("dso-icon-button", { key: '7ae27f8d2a5be8bc0ae59f30e036a9089c0cebcb', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '3640ab6ad6b59223bd5fa02543e4eff19b25d7d0', class: "dso-button-container" }, h("span", { key: '580893adcea6d950a262e32911a1cfc9c16fb25b', class: "divider" }), h("dso-icon-button", { key: '16533f6d69a10f68b7c7773087ce8a8fe11bfa17', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'b70d11b9693c5204137fefac12660589d1f8a3c4', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: 'a55ad1bfb0d5cf583be81f83abc66fe64af4881a', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
MarkBar.style = markBarCss();
|
|
@@ -1,8 +1,20 @@
|
|
|
1
|
-
import { r as registerInstance, d as createEvent,
|
|
1
|
+
import { h, r as registerInstance, d as createEvent, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
|
|
2
2
|
import { g as getActiveElement } from './get-active-element-BWkWD1Z2.js';
|
|
3
3
|
import { i as i18n } from './i18n-CUWMAyh7.js';
|
|
4
4
|
import { v as v4 } from './v4-BF0_OXTe.js';
|
|
5
5
|
|
|
6
|
+
const Body = () => {
|
|
7
|
+
return (h("div", { class: "dso-body", tabIndex: 0 }, h("slot", { name: "body" })));
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
const Footer = () => {
|
|
11
|
+
return (h("div", { class: "dso-footer" }, h("slot", { name: "footer" })));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const Header = ({ modalTitle, closable, ariaId, text, dsoClose }) => {
|
|
15
|
+
return modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: ariaId }, modalTitle), closable && (h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: text("close"), onDsoClick: (e) => dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: ariaId }, text("dialog")));
|
|
16
|
+
};
|
|
17
|
+
|
|
6
18
|
const translations = {
|
|
7
19
|
en: {
|
|
8
20
|
"dso-modal": {
|
|
@@ -18,7 +30,7 @@ const translations = {
|
|
|
18
30
|
},
|
|
19
31
|
};
|
|
20
32
|
|
|
21
|
-
const modalCss = () => `@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}}@media screen and (max-height: 380px){.dso-modal{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{inline-size:var(--_dso-modal-dialog-inline-size, 640px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:var(--_dso-modal-header-close-btn, 22px);inset-inline-end:17px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>.dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}`;
|
|
33
|
+
const modalCss = () => `@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-body{flex:1 1 auto}}@media screen and (max-height: 380px){.dso-modal{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{inline-size:var(--_dso-modal-dialog-inline-size, 640px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:var(--_dso-modal-header-close-btn, 22px);inset-inline-end:17px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>.dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:6.5rem}@media screen and (min-width: 480px) and (max-width: 767px){.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:var(--_dso-modal-body-max-block-size, calc(100vh - 32px))}}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}`;
|
|
22
34
|
|
|
23
35
|
const Modal = class {
|
|
24
36
|
constructor(hostRef) {
|
|
@@ -26,7 +38,10 @@ const Modal = class {
|
|
|
26
38
|
this.dsoClose = createEvent(this, "dsoClose", 7);
|
|
27
39
|
this.startedMouseDownOutsideDialog = false;
|
|
28
40
|
this.endedMouseUpOutsideDialog = false;
|
|
41
|
+
this.narrowViewBreakpoint = 768;
|
|
42
|
+
this.mediaCondition = `(min-width: ${this.narrowViewBreakpoint}px)`;
|
|
29
43
|
this.ariaId = v4();
|
|
44
|
+
this.narrowView = window.innerWidth < this.narrowViewBreakpoint;
|
|
30
45
|
/**
|
|
31
46
|
* the role for the modal `dialog` | `alert` | `alertdialog`.
|
|
32
47
|
*/
|
|
@@ -46,6 +61,7 @@ const Modal = class {
|
|
|
46
61
|
*/
|
|
47
62
|
this.closable = false;
|
|
48
63
|
this.text = i18n(() => this.host, translations);
|
|
64
|
+
this.changeListener = (largeScreen) => (this.narrowView = !largeScreen.matches);
|
|
49
65
|
this.blockEscapeKey = (e) => {
|
|
50
66
|
if (e.key === "Escape") {
|
|
51
67
|
e.preventDefault();
|
|
@@ -67,7 +83,11 @@ const Modal = class {
|
|
|
67
83
|
this.htmlDialogElement.showModal();
|
|
68
84
|
}
|
|
69
85
|
}
|
|
86
|
+
connectedCallback() {
|
|
87
|
+
window.matchMedia(this.mediaCondition).addEventListener("change", this.changeListener);
|
|
88
|
+
}
|
|
70
89
|
disconnectedCallback() {
|
|
90
|
+
window.matchMedia(this.mediaCondition).removeEventListener("change", this.changeListener);
|
|
71
91
|
this.htmlDialogElement?.close();
|
|
72
92
|
if (this.returnFocus === false) {
|
|
73
93
|
return;
|
|
@@ -89,7 +109,7 @@ const Modal = class {
|
|
|
89
109
|
}
|
|
90
110
|
}
|
|
91
111
|
render() {
|
|
92
|
-
return (h("dialog", { key: '
|
|
112
|
+
return (h("dialog", { key: '5bf0dd2d3c65fbd1590b96bbe92838076246f507', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '42ca0a18d4e91eaa6e78739b20deb5bc11281599', class: "dso-dialog" }, this.narrowView ? (h("dso-scrollable", { class: "narrow" }, h("div", { class: "modal-scrollable" }, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h(Body, null), this.hasFooter && h(Footer, null)))) : (h(Fragment, null, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h("dso-scrollable", null, h(Body, null)), this.hasFooter && h(Footer, null))))));
|
|
93
113
|
}
|
|
94
114
|
get host() { return getElement(this); }
|
|
95
115
|
};
|
|
@@ -71,7 +71,7 @@ const OnboardingTip = class {
|
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
73
|
const ariaLabel = this.headingSlottedElement?.textContent;
|
|
74
|
-
return (h(Host, { key: '
|
|
74
|
+
return (h(Host, { key: 'efa9562670f37b9c3fcc4fdf23a0437a50adf481', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '3773eeb116a6649e3d148e3834b52b22df30ed54', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '8fa8ac6f8dea236497cf48bc3c51a9b61de0f734', class: "onboarding-tip-inner" }, h("div", { key: '0a58c5f7a0d96730dbad3672ceef6ee5422ecb34', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'c29e53b3c90fab777a516997ca772751c55d12bb', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '6c8adde6c36ae5f1c9637286d59d6c0e58d4c940', icon: "light-bulb" }), h("slot", { key: 'bf42aadbcd8b94a339924a87325699f09b93c995', name: "heading" }))), h("dso-icon-button", { key: '7a2e502fa17df9ceac99610702237d37b6806408', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b584371b8e75e573b661df4b903c922d9c8f1682' }))), h("div", { key: 'c8a90fd4fcff76340bfaa7f7c89b388b7599e726', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
|
|
75
75
|
}
|
|
76
76
|
get headingSlottedElement() {
|
|
77
77
|
return this.host.querySelector("[slot='heading']");
|
|
@@ -38,7 +38,7 @@ const PlekinfoCard = class {
|
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
40
|
const hasSymbol = this.symbolSlottedElement !== null;
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '04a03ddc2aec20e38f7de8a2195a93435e1a1f03', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'c267438b6fdb1f28c5ed8d8a249f97a25134a6bf', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '48bed56012a2ed540aeee5cc3455b53e11406bc2', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '3f0a73e4b3f6a145c07147b86e64789f532a3f49', name: "symbol" })), h("div", { key: '184289023c49d898a3fba857528c78543d896fa6', 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: "heading-content" }, h("slot", { name: "heading" })), "\u2060", 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" })), this.metaSlottedElement !== null && h("slot", { key: '262ed6cc2fcd856ed5c2ad9242a2104b80b75c5d', name: "meta" }), this.interaction !== null && h("slot", { key: '1a3da7c4ac5e66724301e37aa07334d3f07dbaad', name: "interaction" })), h("div", { key: '391825de86e308361ba4496a9dcd885fc1354ad1', class: "dso-plekinfo-card-content" }, h("slot", { key: '5064056cbbfee42319f27e62edf7a0d6dee08fa1', name: "content" })))));
|
|
42
42
|
}
|
|
43
43
|
get host() { return getElement(this); }
|
|
44
44
|
};
|
|
@@ -22,7 +22,7 @@ const Progressindicator = class {
|
|
|
22
22
|
this.text = i18n(() => this.host, translations);
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'e402d0ec2c2b45b293c8f26902934a2793785f11' }, h("span", { key: 'b7ece49dcb89895db3481e434b560d39043e1ba4', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '09ee99d87723c31afe6dbb2c0649956237ee61d9', icon: "spinner" })), h("span", { key: 'a80c70df92ed32cb10dbd723022e299a8bea33fe', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
|
|
26
26
|
}
|
|
27
27
|
get host() { return getElement(this); }
|
|
28
28
|
};
|
|
@@ -7,7 +7,7 @@ const ProjectItem = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Fragment, { key: '
|
|
10
|
+
return (h(Fragment, { key: '51ea303051a8e3ab5e406390872be0dcb7648bc3' }, h("div", { key: '2857e9d69cfe614abc8a0c8e8c6b62ad0f350a04', class: "project-item-header" }, h("div", { key: 'd203ee91ffe4a45dabacc80697e6f93fbe7220c3', class: "project-item-title" }, h("slot", { key: '509814470a58601a8fa0851c2fec38f3ad74d990', name: "title" }), this.label && (h("dso-label", { key: 'a38f0be207e4d31fae870f10bb04534c88f9e58e', status: "error", compact: true }, this.label))), h("div", { key: 'a08754ab2b09bf45977d977999cea844c9f75ccf', class: "project-item-actions" }, h("slot", { key: '702756f5fe1746d325027b0993ee18b3d2bc624a', name: "actions" }))), h("div", { key: '53d5ebd9895697b6e1227b26e4461b3c9830221c', class: "project-item-info" }, h("div", { key: '1140f2c0c8b3ef5c7bca5bddf1a2c430bea57ab9', class: "project-item-progress" }, h("slot", { key: '564f3e4d3eb5ba3bb8f98bce6603798b3ea28b04', name: "progress" })), h("div", { key: 'e20ddc7a8dc4fbdb60bfd2278b27b7c89c020fa8', class: "project-item-status" }, h("slot", { key: 'd8ac3b2df80b4cc24ff3f011b66b64108d0bce6b', name: "status" })))));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
ProjectItem.style = projectItemCss();
|
|
@@ -58,7 +58,7 @@ const ResponsiveElement = class {
|
|
|
58
58
|
this.observer.unobserve(this.host);
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '8810a98831ec68281fdb4b932207a58a6cdb63da', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'd9605668d6f91bba83aeb69abadf099387d7c72f' })));
|
|
62
62
|
}
|
|
63
63
|
get host() { return getElement(this); }
|
|
64
64
|
};
|
|
@@ -47,6 +47,8 @@ const Scrollable = class {
|
|
|
47
47
|
}
|
|
48
48
|
this._setScrollState();
|
|
49
49
|
}));
|
|
50
|
+
/** @internal Prevent the dso-scroll-container from receiving focus */
|
|
51
|
+
this._preventFocus = false;
|
|
50
52
|
this.scrollPosition = "noScroll";
|
|
51
53
|
}
|
|
52
54
|
/**
|
|
@@ -109,9 +111,9 @@ const Scrollable = class {
|
|
|
109
111
|
this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
|
|
110
112
|
}
|
|
111
113
|
render() {
|
|
112
|
-
return (h("div", { key: '
|
|
114
|
+
return (h("div", { key: '39886c77763609df1091051fbb068bf85e46b50d', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'd68080f2402ad6fa0f002f791efa7500206a3668', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
|
|
113
115
|
[`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
|
|
114
|
-
}), onScroll: () => this._setScrollState() }, h("slot", { key: '
|
|
116
|
+
}), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, h("slot", { key: '459ded76d0d5876c6fe5d326da81dd901a5f9e25' }))));
|
|
115
117
|
}
|
|
116
118
|
get host() { return getElement(this); }
|
|
117
119
|
};
|
|
@@ -22,7 +22,7 @@ const SegmentedButton = class {
|
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h("div", { key: '
|
|
25
|
+
return (h("div", { key: 'f5177c3667563f988ee7325755871f6e1af4d2ee', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
|
|
26
26
|
return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
|
|
27
27
|
})));
|
|
28
28
|
}
|
|
@@ -15,7 +15,7 @@ const Skiplink = class {
|
|
|
15
15
|
return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h("a", { key: '
|
|
18
|
+
return (h("a", { key: 'e12cfaf0004c50f66121104c124548082d521a8c', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'da2e4f459b2ceb176fa8f88484943b3a00809246', icon: "chevron-right" })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
Skiplink.style = skiplinkCss();
|
|
@@ -26,10 +26,10 @@ const SurveyRating = class {
|
|
|
26
26
|
"Makkelijk",
|
|
27
27
|
"Heel makkelijk",
|
|
28
28
|
];
|
|
29
|
-
return (h("dso-panel", { key: '
|
|
29
|
+
return (h("dso-panel", { key: '6ca6b26ed474a78d633d09e35804b79f9d63b3d9', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'df15ccd200b3cf97986061649d30cf0c29eacbcf', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'aa873e2a3a66edd83cb2201b4b67a6b870ae7cf7' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'f06e716b611998ee3041b120e3ab9bcc2ac9daa3', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'f776d80c9821095bc2d57c473ca41067ed337040', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '8a5c8731ebe09e5304ca55d41d2f56dd730a9152' }, "Heel moeilijk"), h("span", { key: 'ed77602612e229c6297192d74ce1bd54663b4b53' }, "Heel makkelijk")), h("div", { key: 'b056b09f7d8d371ffd5dc4db9e605680befa4d4b', role: "radiogroup" }, ratings.map((rating, index) => {
|
|
30
30
|
const ratingNumber = index + 1;
|
|
31
31
|
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) }))));
|
|
32
|
-
})), h("button", { key: '
|
|
32
|
+
})), h("button", { key: '01f22023d3f1b066b6d6707cc7fc6185e2263cad', type: "submit", class: "dso-secondary" }, h("span", { key: '2dd146d805c4f096cc0a25f264e4b2fd7d9b197c' }, "Antwoord verzenden")))));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
SurveyRating.style = surveyRatingCss();
|