@dso-toolkit/core 91.0.0 → 92.0.0-ghi-3567.0

package/dist/components/dso-annotation-activiteit.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,createEvent as r,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as g}from"./icon.js";import{d as u}from"./icon-button.js";import{d as m}from"./label.js";import{d as b}from"./renvooi.js";import{d as v}from"./slide-toggle.js";import{d as h}from"./tooltip.js";const y=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(n,{key:"cb74e19ab9677f8e0ff3f3622130687c749a1429",symbol:o?i(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:i("dso-renvooi",{value:this.naam}),data:i(t,null,i("span",{class:"content"},this.regelKwalificatie&&i(t,null,i("dso-renvooi",{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&this.regelKwalificatieVoorzetsel+": ",i(l,{values:this.locatieNoemers})),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-activiteit",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],regelKwalificatie:[1,"regel-kwalificatie"],locatieNoemers:[16],regelKwalificatieVoorzetsel:[1,"regel-kwalificatie-voorzetsel"]}]),p=y,k=function(){"undefined"!=typeof customElements&&["dso-annotation-activiteit","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-activiteit":customElements.get(a(o))||customElements.define(a(o),y);break;case"dso-icon":customElements.get(a(o))||g();break;case"dso-icon-button":customElements.get(a(o))||u();break;case"dso-label":customElements.get(a(o))||m();break;case"dso-renvooi":customElements.get(a(o))||b();break;case"dso-slide-toggle":customElements.get(a(o))||v();break;case"dso-tooltip":customElements.get(a(o))||h()}}))};export{p as DsoAnnotationActiviteit,k as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as e,createEvent as r,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as g}from"./icon.js";import{d as u}from"./icon-button.js";import{d as m}from"./label.js";import{d as b}from"./renvooi.js";import{d as v}from"./slide-toggle.js";import{d as h}from"./tooltip.js";const y=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(n,{key:"e55895628d0237cb6576fb2f71512bb8a484b812",symbol:o?i(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:i("dso-renvooi",{value:this.naam}),data:i(t,null,i("span",{class:"content"},this.regelKwalificatie&&i(t,null,i("dso-renvooi",{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&this.regelKwalificatieVoorzetsel+": ",i(l,{values:this.locatieNoemers})),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-activiteit",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],regelKwalificatie:[1,"regel-kwalificatie"],locatieNoemers:[16],regelKwalificatieVoorzetsel:[1,"regel-kwalificatie-voorzetsel"]}]),p=y,k=function(){"undefined"!=typeof customElements&&["dso-annotation-activiteit","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-activiteit":customElements.get(a(o))||customElements.define(a(o),y);break;case"dso-icon":customElements.get(a(o))||g();break;case"dso-icon-button":customElements.get(a(o))||u();break;case"dso-label":customElements.get(a(o))||m();break;case"dso-renvooi":customElements.get(a(o))||b();break;case"dso-slide-toggle":customElements.get(a(o))||v();break;case"dso-tooltip":customElements.get(a(o))||h()}}))};export{p as DsoAnnotationActiviteit,k as defineCustomElement}

package/dist/components/dso-annotation-gebiedsaanwijzing.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as g}from"./icon-button.js";import{d as u}from"./label.js";import{d as m}from"./renvooi.js";import{d as b}from"./slide-toggle.js";import{d as v}from"./tooltip.js";const h=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(n,{key:"771869166623d9e58b476e457b1b00e2bf40b132",symbol:o?i(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:i(t,null,i("span",{class:"content"},i("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-gebiedsaanwijzing",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1]}]),y=h,p=function(){"undefined"!=typeof customElements&&["dso-annotation-gebiedsaanwijzing","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-gebiedsaanwijzing":customElements.get(a(o))||customElements.define(a(o),h);break;case"dso-icon":customElements.get(a(o))||l();break;case"dso-icon-button":customElements.get(a(o))||g();break;case"dso-label":customElements.get(a(o))||u();break;case"dso-renvooi":customElements.get(a(o))||m();break;case"dso-slide-toggle":customElements.get(a(o))||b();break;case"dso-tooltip":customElements.get(a(o))||v()}}))};export{y as DsoAnnotationGebiedsaanwijzing,p as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as g}from"./icon-button.js";import{d as u}from"./label.js";import{d as m}from"./renvooi.js";import{d as b}from"./slide-toggle.js";import{d as v}from"./tooltip.js";const h=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(n,{key:"4c7a5d5bc7100ac88d6caf69949df24e16a984fd",symbol:o?i(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:i(t,null,i("span",{class:"content"},i("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-gebiedsaanwijzing",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1]}]),y=h,p=function(){"undefined"!=typeof customElements&&["dso-annotation-gebiedsaanwijzing","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-gebiedsaanwijzing":customElements.get(a(o))||customElements.define(a(o),h);break;case"dso-icon":customElements.get(a(o))||l();break;case"dso-icon-button":customElements.get(a(o))||g();break;case"dso-label":customElements.get(a(o))||u();break;case"dso-renvooi":customElements.get(a(o))||m();break;case"dso-slide-toggle":customElements.get(a(o))||b();break;case"dso-tooltip":customElements.get(a(o))||v()}}))};export{y as DsoAnnotationGebiedsaanwijzing,p as defineCustomElement}

package/dist/components/dso-annotation-kaart.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as i,transformTag as t}from"@stencil/core/internal/client";import{i as a}from"./is-modified-event.js";import{A as n}from"./annotation-body.js";import{d}from"./icon.js";import{d as s}from"./renvooi.js";import{d as c}from"./slide-toggle.js";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClick=e(this,"dsoClick",3),this.clickHandler=o=>{this.href&&this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:a(o)})}}render(){const o=this.href?i("a",{class:"content",href:this.href,onClick:this.clickHandler},i("dso-renvooi",{value:this.naam})):i("span",{class:"content"},i("dso-renvooi",{value:this.naam}));return i(n,{key:"5e922d5ecca09a1f233dfe1646861c9d86dc2c44",symbol:i("dso-icon",{icon:"land"}),title:o})}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-kaart",{wijzigactie:[513],naam:[1],href:[513]}]),g=l,u=function(){"undefined"!=typeof customElements&&["dso-annotation-kaart","dso-icon","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-kaart":customElements.get(t(o))||customElements.define(t(o),l);break;case"dso-icon":customElements.get(t(o))||d();break;case"dso-renvooi":customElements.get(t(o))||s();break;case"dso-slide-toggle":customElements.get(t(o))||c()}}))};export{g as DsoAnnotationKaart,u as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as i,transformTag as a}from"@stencil/core/internal/client";import{i as t}from"./is-modified-event.js";import{A as n}from"./annotation-body.js";import{d}from"./icon.js";import{d as s}from"./renvooi.js";import{d as c}from"./slide-toggle.js";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClick=e(this,"dsoClick",3),this.clickHandler=o=>{this.href&&this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:t(o)})}}render(){const o=this.href?i("a",{class:"content",href:this.href,onClick:this.clickHandler},i("dso-renvooi",{value:this.naam})):i("span",{class:"content"},i("dso-renvooi",{value:this.naam}));return i(n,{key:"7763afbcb7aa3488eb161aea7ae7ecf9aae9c7ee",symbol:i("dso-icon",{icon:"land"}),title:o})}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-kaart",{wijzigactie:[513],naam:[1],href:[513]}]),g=l,u=function(){"undefined"!=typeof customElements&&["dso-annotation-kaart","dso-icon","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-kaart":customElements.get(a(o))||customElements.define(a(o),l);break;case"dso-icon":customElements.get(a(o))||d();break;case"dso-renvooi":customElements.get(a(o))||s();break;case"dso-slide-toggle":customElements.get(a(o))||c()}}))};export{g as DsoAnnotationKaart,u as defineCustomElement}

package/dist/components/dso-annotation-omgevingsnormwaarde.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as g}from"./icon.js";import{d as m}from"./icon-button.js";import{d as u}from"./label.js";import{d as b}from"./renvooi.js";import{d as v}from"./slide-toggle.js";import{d as h}from"./tooltip.js";const y=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(n,{key:"9409a8f102f2702137b37f276f4de1de6dc94266",symbol:o?i(c,null):void 0,active:this.active||!1,dsoActiveChange:this.dsoActiveChange,title:i(t,null,i("dso-renvooi",{value:this.naam}),this.eenheid&&i(t,null," ","(in ",i("dso-renvooi",{value:this.eenheid}),")")),data:i(t,null,i("span",{class:"content"},this.toelichting&&i(t,null,this.toelichting),this.waardes&&this.waardes.length>0&&i(t,null,": ",i(l,{values:this.waardes}))),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-omgevingsnormwaarde",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],toelichting:[1],waardes:[16],eenheid:[1]}]),p=y,k=function(){"undefined"!=typeof customElements&&["dso-annotation-omgevingsnormwaarde","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-omgevingsnormwaarde":customElements.get(a(o))||customElements.define(a(o),y);break;case"dso-icon":customElements.get(a(o))||g();break;case"dso-icon-button":customElements.get(a(o))||m();break;case"dso-label":customElements.get(a(o))||u();break;case"dso-renvooi":customElements.get(a(o))||b();break;case"dso-slide-toggle":customElements.get(a(o))||v();break;case"dso-tooltip":customElements.get(a(o))||h()}}))};export{p as DsoAnnotationOmgevingsnormwaarde,k as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as g}from"./icon.js";import{d as m}from"./icon-button.js";import{d as u}from"./label.js";import{d as b}from"./renvooi.js";import{d as v}from"./slide-toggle.js";import{d as h}from"./tooltip.js";const y=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(n,{key:"5a8276a04c0506a83d57156e26d6d9ed098718de",symbol:o?i(c,null):void 0,active:this.active||!1,dsoActiveChange:this.dsoActiveChange,title:i(t,null,i("dso-renvooi",{value:this.naam}),this.eenheid&&i(t,null," ","(in ",i("dso-renvooi",{value:this.eenheid}),")")),data:i(t,null,i("span",{class:"content"},this.toelichting&&i(t,null,this.toelichting),this.waardes&&this.waardes.length>0&&i(t,null,": ",i(l,{values:this.waardes}))),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-omgevingsnormwaarde",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],toelichting:[1],waardes:[16],eenheid:[1]}]),p=y,k=function(){"undefined"!=typeof customElements&&["dso-annotation-omgevingsnormwaarde","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-omgevingsnormwaarde":customElements.get(a(o))||customElements.define(a(o),y);break;case"dso-icon":customElements.get(a(o))||g();break;case"dso-icon-button":customElements.get(a(o))||m();break;case"dso-label":customElements.get(a(o))||u();break;case"dso-renvooi":customElements.get(a(o))||b();break;case"dso-slide-toggle":customElements.get(a(o))||v();break;case"dso-tooltip":customElements.get(a(o))||h()}}))};export{p as DsoAnnotationOmgevingsnormwaarde,k as defineCustomElement}

package/dist/components/dso-autosuggest.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as t,createEvent as i,h as e,Fragment as o,transformTag as h}from"@stencil/core/internal/client";import{d as n}from"./index2.js";import{i as a}from"./i18n.js";import{d as r}from"./icon.js";import{d as u}from"./progress-indicator.js";import{d as c}from"./scrollable.js";import{v as g}from"./v4.js";const l={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},d=({id:s,mouseEnter:t,mouseLeave:i,click:o,selected:h,suggestion:n,ref:a,markedSuggestion:r})=>e("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:i,onClick:o,"aria-selected":h,"aria-label":n.value,ref:a},e("div",{class:"suggestion-row"},e("span",{class:"value"},r.value),r.type?e("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>e("div",{class:"suggestion-row"},s.map((s=>e("span",{class:"extra"},s)))))));function p(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function b(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const f=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsoSelect=i(this,"dsoSelect",7),this.dsoChange=i(this,"dsoChange",7),this.dsoSearch=i(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=g(),this.inputId=g(),this.labelId=g(),this.resizeObserver=new ResizeObserver(n((()=>this.setListboxContainerMaxBlockSize()),150)),this.debouncedEmitValue=n((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=n((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=a((()=>this.host),l),this.onWindowResize=n((()=>this.setListboxContainerMaxBlockSize()),150),this.onScrollend=()=>this.setListboxContainerMaxBlockSize(),this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.setListboxContainerMaxBlockSize()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),this.resizeObserver.disconnect()}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0,t=0;const i=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let t=0;t<i;t++)s+=this.listboxItems[t]?.getBoundingClientRect().height||0;const e=window.innerHeight-this.host.getBoundingClientRect().bottom,o=s+16+2;t=e<o||e<=s?e-16:o,this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",t+"px")}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?e("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return p(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);this.input?.setAttribute("aria-activedescendant",t),s&&document.getElementById(t)?.scrollIntoView({block:"nearest"})}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",""+(this.showSuggestions||this.notFound)),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${b(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return b(this.suggestions)?s=this.suggestions.length:p(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),s+" resultaten gevonden."}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=p(this.suggestions),i=b(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),e(o,null,e("slot",{key:"08888b7a48deb495aef359e3e71ee657694edfa8"}),this.loading&&this.showLoading?e("div",{class:"autosuggest-progress-box"},e("dso-progress-indicator",{label:this.loadingLabel})):s&&e(o,null,e("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s},e("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s,tabindex:"0"},i&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>e(d,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:()=>this.pickSelectedValue(),selected:""+(s===this.selectedSuggestion),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=g();return e("div",{role:"group",class:"group","aria-labelledby":t},e("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>e(d,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:()=>this.pickSelectedValue(),selected:""+(t===this.selectedSuggestion),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&e("div",{class:"option"},e("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue})))))),e("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.getAutosuggestStatus())))}get host(){return this}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}static get style(){return".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}.extra.sc-dso-autosuggest{font-size:14px;line-height:21px}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}"}},[262,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],mark:[16],showSuggestions:[32],selectedSuggestion:[32],selectedSuggestionGroup:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]],{suggestions:[{suggestionsWatcher:0}]}]),x=f,m=function(){"undefined"!=typeof customElements&&["dso-autosuggest","dso-icon","dso-progress-indicator","dso-scrollable"].forEach((s=>{switch(s){case"dso-autosuggest":customElements.get(h(s))||customElements.define(h(s),f);break;case"dso-icon":customElements.get(h(s))||r();break;case"dso-progress-indicator":customElements.get(h(s))||u();break;case"dso-scrollable":customElements.get(h(s))||c()}}))};export{x as DsoAutosuggest,m as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as t,createEvent as i,h as e,Fragment as o,transformTag as h}from"@stencil/core/internal/client";import{d as n}from"./index2.js";import{i as a}from"./i18n.js";import{d as r}from"./icon.js";import{d as u}from"./progress-indicator.js";import{d as c}from"./scrollable.js";import{v as g}from"./v4.js";const l={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},d=({id:s,mouseEnter:t,mouseLeave:i,click:o,selected:h,suggestion:n,ref:a,markedSuggestion:r})=>e("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:i,onClick:o,"aria-selected":h,"aria-label":n.value,ref:a},e("div",{class:"suggestion-row"},e("span",{class:"value"},r.value),r.type?e("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>e("div",{class:"suggestion-row"},s.map((s=>e("span",{class:"extra"},s)))))));function p(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function b(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const f=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsoSelect=i(this,"dsoSelect",7),this.dsoChange=i(this,"dsoChange",7),this.dsoSearch=i(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=g(),this.inputId=g(),this.labelId=g(),this.resizeObserver=new ResizeObserver(n((()=>this.setListboxContainerMaxBlockSize()),150)),this.debouncedEmitValue=n((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=n((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=a((()=>this.host),l),this.onWindowResize=n((()=>this.setListboxContainerMaxBlockSize()),150),this.onScrollend=()=>this.setListboxContainerMaxBlockSize(),this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.setListboxContainerMaxBlockSize()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),this.resizeObserver.disconnect()}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0,t=0;const i=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let t=0;t<i;t++)s+=this.listboxItems[t]?.getBoundingClientRect().height||0;const e=window.innerHeight-this.host.getBoundingClientRect().bottom,o=s+16+2;t=e<o||e<=s?e-16:o,this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",t+"px")}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?e("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return p(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);this.input?.setAttribute("aria-activedescendant",t),s&&document.getElementById(t)?.scrollIntoView({block:"nearest"})}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",""+(this.showSuggestions||this.notFound)),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${b(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return b(this.suggestions)?s=this.suggestions.length:p(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),s+" resultaten gevonden."}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=p(this.suggestions),i=b(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),e(o,null,e("slot",{key:"86042c6ac6dff7d0c37f251a5a2233292eec8ac1"}),this.loading&&this.showLoading?e("div",{class:"autosuggest-progress-box"},e("dso-progress-indicator",{label:this.loadingLabel})):s&&e(o,null,e("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s},e("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s,tabindex:"0"},i&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>e(d,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:()=>this.pickSelectedValue(),selected:""+(s===this.selectedSuggestion),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=g();return e("div",{role:"group",class:"group","aria-labelledby":t},e("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>e(d,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:()=>this.pickSelectedValue(),selected:""+(t===this.selectedSuggestion),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&e("div",{class:"option"},e("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue})))))),e("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.getAutosuggestStatus())))}get host(){return this}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}static get style(){return".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}.extra.sc-dso-autosuggest{font-size:14px;line-height:21px}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}"}},[262,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],mark:[16],showSuggestions:[32],selectedSuggestion:[32],selectedSuggestionGroup:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]],{suggestions:[{suggestionsWatcher:0}]}]),x=f,m=function(){"undefined"!=typeof customElements&&["dso-autosuggest","dso-icon","dso-progress-indicator","dso-scrollable"].forEach((s=>{switch(s){case"dso-autosuggest":customElements.get(h(s))||customElements.define(h(s),f);break;case"dso-icon":customElements.get(h(s))||r();break;case"dso-progress-indicator":customElements.get(h(s))||u();break;case"dso-scrollable":customElements.get(h(s))||c()}}))};export{x as DsoAutosuggest,m as defineCustomElement}

package/dist/components/dso-banner.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.compact=!1,this.icon=!1}render(){return s("section",{key:"4ad9e6b19c2820e01c0e91d51727d0954cbfc3a7",class:o("dso-banner","alert-"+this.status,{"dso-compact":this.compact}),role:"alert"},s("slot",{key:"291ad1941b09d5762826c0f6529c00c5693947fd"}))}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}"}},[257,"dso-banner",{status:[513],compact:[4],icon:[516]}]),i=c,r=function(){"undefined"!=typeof customElements&&["dso-banner"].forEach((e=>{"dso-banner"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{i as DsoBanner,r as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.compact=!1,this.icon=!1}render(){return s("section",{key:"1f953952b736586deeb73f0a436a3ef1d7ad51ab",class:o("dso-banner","alert-"+this.status,{"dso-compact":this.compact}),role:"alert"},s("slot",{key:"3587c1a299268323692bf2d2c27a4259f75eb480"}))}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}"}},[257,"dso-banner",{status:[513],compact:[4],icon:[516]}]),i=a,r=function(){"undefined"!=typeof customElements&&["dso-banner"].forEach((e=>{"dso-banner"===e&&(customElements.get(n(e))||customElements.define(n(e),a))}))};export{i as DsoBanner,r as defineCustomElement}

package/dist/components/dso-card-container.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as d,Fragment as s,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.mode="list"}render(){return d(s,null,"list"===this.mode&&d("ul",{key:"d593775800ecb1923ef9ad855255e7dd37ea591a",class:"dso-card-list"},d("slot",{key:"7ea9f4b7e848bf3afa2039f5ec4ab14ce2573243"})),"grid"===this.mode&&d("div",{key:"b4ce1e46af681b37be5e7d53ee56be82a286d9c7",class:"dso-card-grid"},d("slot",{key:"1d29ddba3f221ee0a507ba93a36869a24e4ad19f"})))}static get style(){return":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}"}},[257,"dso-card-container",{mode:[513]}]),i=r,o=function(){"undefined"!=typeof customElements&&["dso-card-container"].forEach((e=>{"dso-card-container"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{i as DsoCardContainer,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as d,h as t,Fragment as s,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.mode="list"}render(){return t(s,null,"list"===this.mode&&t("ul",{key:"95c4b9efb0f971e75400362b4307082d08a9ecfa",class:"dso-card-list"},t("slot",{key:"c5e9b1c6a1ec0daf9959fae074983fd2d5131320"})),"grid"===this.mode&&t("div",{key:"7b63aba8eb02ae54187ea9aa4dfb0dade6608ed8",class:"dso-card-grid"},t("slot",{key:"f7f20475f46a670706d12824e7efd7aadd2e6c19"})))}static get style(){return":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}"}},[257,"dso-card-container",{mode:[513]}]),i=r,o=function(){"undefined"!=typeof customElements&&["dso-card-container"].forEach((e=>{"dso-card-container"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{i as DsoCardContainer,o as defineCustomElement}

package/dist/components/dso-card.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,createEvent as o,forceUpdate as n,h as i,Host as t,transformTag as r}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as s}from"./icon.js";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCardClick=o(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof a&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(t,{key:"4054a302510ad07362d9089c942e58995baa99be","is-selectable":e},i("div",{key:"6bc8237ad90d02bfe4b3f051c616ce1fa5c2e93e",class:"dso-card-container"},i("div",{key:"655658b4979420b339e0acd1e25d799b36ab8d33",class:"dso-card-selectable",hidden:!e},i("slot",{key:"441362e9baa84ea7366fd1eeda03bb694c3af304",name:"selectable"})),i("div",{key:"b38fc0c9bbbb2fa228936039b6a4897ac1c27ad2",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"df8998e9b31aa38b61595cd49012b8f3ff51464e",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"b4685d2a490ed81e6eb7082a537a28fbae4d6072",name:"heading"}),i("dso-icon",{key:"eb741b5b1d283c333e06ae0c87eb501aacb741b5",icon:"external-link"}),i("span",{key:"6f88b705b3967c9dd6b03419b6f18a7b1e77dc15",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"e0cf75a7c96ded19a96d96f4451c973336a1a507",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"c33e908eedae868f081bff313f0981449852de12",name:"heading"}),i("dso-icon",{key:"ff774bc81320ea2f532f816de3a14c35899fb3ac",icon:"download"}))||i("a",{key:"e0160cd81ad54b2665e5c87b49769aa8cf31fcfd",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"48dff93e79734127e2e578c1b8d28c2c6bf67085",name:"heading"}),i("dso-icon",{key:"89d2c5f135e95204702b1b76725c694da3e3ba8b",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"177b551119e7b08ed23d501199d1ec57a60e6a95",name:"interactions"})),i("div",{key:"11a6c27534df33821844c9ff6ea602517f1602b0",class:"dso-card-content"},i("slot",{key:"0145480ad4b5b50a80dcaa6c816e7cab3784d06f",name:"content"}))))}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.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)}::slotted([slot=selectable]){font-size:0 !important;--_dt-selectable-padding-inline-start:24px;--_dt-selectable-input-wrapper-margin-inline-start:-24px;--_dt-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}'}},[257,"dso-card",{href:[513],mode:[513],active:[516]}]),l=c,b=function(){"undefined"!=typeof customElements&&["dso-card","dso-icon"].forEach((e=>{switch(e){case"dso-card":customElements.get(r(e))||customElements.define(r(e),c);break;case"dso-icon":customElements.get(r(e))||s()}}))};export{l as DsoCard,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,createEvent as o,forceUpdate as n,h as i,Host as t,transformTag as r}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as s}from"./icon.js";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCardClick=o(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof a&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(t,{key:"0b9c26d1a491eead187bdcc26d2b6b57817eca31","is-selectable":e},i("div",{key:"b52c62ddcee54a435c5d8212721612877a07b972",class:"dso-card-container"},i("div",{key:"a07e3907ba0c6455f8ccb36958ece3220af93eab",class:"dso-card-selectable",hidden:!e},i("slot",{key:"fa8bde0f224549caf881623a0ceb5745d07abce2",name:"selectable"})),i("div",{key:"34962e8d62f38925d2009d14669c5686690fcbfa",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"754585f88fe4bc2a0dc90de191e81654ad01c0f0",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"90cb149fe3d70cbc8b6db973ba2341ec0091a4e1",name:"heading"}),i("dso-icon",{key:"61731f3b68644ce94fbb82880714370fad5d9211",icon:"external-link"}),i("span",{key:"ef03c618b979ec850b6ebb79efa5b26a19e218ca",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"64d6243c5aef5cc6359ddc86745420c67e257989",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"1df2c690db408fc0c3cd7bc952d9c6e390ae0614",name:"heading"}),i("dso-icon",{key:"b2720002592fd8bd947c86ca4b3199c5cff73535",icon:"download"}))||i("a",{key:"5d1e9b8f8c3cd1a98d1a77699b3083b6c2b323f6",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"d9c93d3289412d714ed543dea3ecb4a299242959",name:"heading"}),i("dso-icon",{key:"deadcd1ae3ae36e346a6ab050f7a085a4b2afe0d",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"53c596e25689b490a4e8a6cb059cbc8e60d7d3f4",name:"interactions"})),i("div",{key:"9237379b0b91ce0d0e3a4797aa19389e8aa99356",class:"dso-card-content"},i("slot",{key:"63d29f83f27cd4be3251c161bee697bea774ae92",name:"content"}))))}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.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)}::slotted([slot=selectable]){font-size:0 !important;--_dt-selectable-padding-inline-start:24px;--_dt-selectable-input-wrapper-margin-inline-start:-24px;--_dt-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}'}},[257,"dso-card",{href:[513],mode:[513],active:[516]}]),l=c,b=function(){"undefined"!=typeof customElements&&["dso-card","dso-icon"].forEach((e=>{switch(e){case"dso-card":customElements.get(r(e))||customElements.define(r(e),c);break;case"dso-icon":customElements.get(r(e))||s()}}))};export{l as DsoCard,b as defineCustomElement}

package/dist/components/dso-contact-information.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as n,h as o,transformTag as e}from"@stencil/core/internal/client";const i=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"bbabd0b1c2088b6e7fffdd7c51dcbad08205a7e7",class:"dso-contact-information"},o("slot",{key:"e002381ccc600ede34f2d024d9ff6afa992d497b",name:"heading"}),o("slot",{key:"f03b77b304836ccfe8cf48b310ea79f6fbdebb61",name:"anchor-items"}),o("slot",{key:"b73bae3565c07464938d138c31fe5a9f3156e1f4",name:"info-items"}))}static get style(){return":host{--_dso-di-background-image:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:16px !important}"}},[257,"dso-contact-information"]),s=i,a=function(){"undefined"!=typeof customElements&&["dso-contact-information"].forEach((t=>{"dso-contact-information"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))};export{s as DsoContactInformation,a as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as n,h as o,transformTag as e}from"@stencil/core/internal/client";const i=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"509b3f51fa023a5b58d46e40252b917971afb600",class:"dso-contact-information"},o("slot",{key:"281b8ad46ec6f591a9fc4d6d565d4dc847979ab7",name:"heading"}),o("slot",{key:"2de8f14e5116bf5bda27ef17f287b711997fd82c",name:"anchor-items"}),o("slot",{key:"e67e73ff0b3785f5e13e76b01467484007378fbf",name:"info-items"}))}static get style(){return":host{--_dso-di-background-image:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:16px !important}"}},[257,"dso-contact-information"]),s=i,a=function(){"undefined"!=typeof customElements&&["dso-contact-information"].forEach((t=>{"dso-contact-information"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))};export{s as DsoContactInformation,a as defineCustomElement}

package/dist/components/dso-cursor-tooltip.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,h as t,Host as e,transformTag as d}from"@stencil/core/internal/client";const n=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"c78f4b922f494720c57e20e481a5ca85347f79e3",class:"dso-cursor-tooltip"},t("slot",{key:"bcd9e0dccd6aa2858692231104c0e22cc2efdbae"}))}static get style(){return'*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}'}},[257,"dso-cursor-tooltip"]),s=n,a=function(){"undefined"!=typeof customElements&&["dso-cursor-tooltip"].forEach((o=>{"dso-cursor-tooltip"===o&&(customElements.get(d(o))||customElements.define(d(o),n))}))};export{s as DsoCursorTooltip,a as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as r,h as t,Host as e,transformTag as d}from"@stencil/core/internal/client";const n=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"fe3c40f9ab20b3172e840b353cf4b2eeca1a96fe",class:"dso-cursor-tooltip"},t("slot",{key:"11c043f041dce83de7740ffdb0b62481c4d10516"}))}static get style(){return'*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}'}},[257,"dso-cursor-tooltip"]),s=n,a=function(){"undefined"!=typeof customElements&&["dso-cursor-tooltip"].forEach((o=>{"dso-cursor-tooltip"===o&&(customElements.get(d(o))||customElements.define(d(o),n))}))};export{s as DsoCursorTooltip,a as defineCustomElement}

package/dist/components/dso-date-picker.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";function d(e){if(!e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}function a(e){return e?[e.getDate().toString(10).padStart(2,"0"),(e.getMonth()+1).toString(10).padStart(2,"0"),e.getFullYear().toString(10).padStart(4,"0")].join("-"):""}const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoDateChange=i(this,"dsoDateChange",7),this.dsoBlur=i(this,"dsoBlur",7),this.dsoKeyUp=i(this,"dsoKeyUp",7),this.dsoKeyDown=i(this,"dsoKeyDown",7),this.dsoFocus=i(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:a(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t||void 0}}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return s("input",{key:"c599e90b8e1029573beb7097dc5364e06759dcd7",type:"date",id:this.identifier,class:"dso-date__input",value:d(this.value),name:this.name,min:d(this.min),max:d(this.max),disabled:this.disabled||void 0,required:this.required||void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus||void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return this}static get style(){return".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:40px;padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}"}},[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],required:[516],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[513],min:[1],max:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-date-picker"].forEach((e=>{"dso-date-picker"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{r as DsoDatePicker,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";function d(e){if(!e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}function a(e){return e?[e.getDate().toString(10).padStart(2,"0"),(e.getMonth()+1).toString(10).padStart(2,"0"),e.getFullYear().toString(10).padStart(4,"0")].join("-"):""}const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoDateChange=i(this,"dsoDateChange",7),this.dsoBlur=i(this,"dsoBlur",7),this.dsoKeyUp=i(this,"dsoKeyUp",7),this.dsoKeyDown=i(this,"dsoKeyDown",7),this.dsoFocus=i(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:a(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t||void 0}}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return s("input",{key:"d158728374aeea203e28cb6f8b9d3f5c99d4f887",type:"date",id:this.identifier,class:"dso-date__input",value:d(this.value),name:this.name,min:d(this.min),max:d(this.max),disabled:this.disabled||void 0,required:this.required||void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus||void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return this}static get style(){return".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:40px;padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}"}},[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],required:[516],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[513],min:[1],max:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-date-picker"].forEach((e=>{"dso-date-picker"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{r as DsoDatePicker,c as defineCustomElement}

package/dist/components/dso-document-card.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as n,forceUpdate as o,h as i,transformTag as d}from"@stencil/core/internal/client";import{i as a}from"./is-modified-event.js";import{d as c}from"./icon.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoDocumentCardClick=n(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof t&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:a(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return i("div",{key:"4affec0b22c5f5f4144283b1589b9e1c4f570b57",class:"dso-document-card-container"},i("div",{key:"6bcd0afa4b40f8179cc4144749a151ecc2d66f91",class:"dso-document-card-heading"},i("a",{key:"ad6932aec840d9efe9b4451fd9d8d0a1ddf7a0dc",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("span",{key:"54992c382674ec9b41c0f6b4bd70a5ecd8a8973b",class:"icon-container"},i("dso-icon",{key:"35838a3f95be20e19b1b7df724534c8d83e6de09",icon:"chevron-right"}),i("slot",{key:"863d45862be6f562777380d67287db009f0b339a",name:"heading"})))),i("div",{key:"63c1788593589f43f737a5ae68c0f66dbc3621fd",class:"dso-document-card-type"},i("slot",{key:"ed970cda2b97962b197693fc924117f1f09965b3",name:"type"})),i("div",{key:"fe0dc0a723692b4020a3184fe871c4dc4d636b75",class:"dso-document-card-status"},null!==this.metaSlottedElement&&i("slot",{key:"83a09d88b8226cdab151b6ef785c4e5539e8b630",name:"meta"}),i("slot",{key:"5e76d509a5d7904316959472e2f8fac04aa817ac",name:"status"}),null!==this.interactionsSlottedElement&&i("slot",{key:"3fa930f7e59f9502df2e7fc58c28b8950206053a",name:"interactions"})))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}"}},[257,"dso-document-card",{href:[513],active:[516]}]),r=s,l=function(){"undefined"!=typeof customElements&&["dso-document-card","dso-icon"].forEach((e=>{switch(e){case"dso-document-card":customElements.get(d(e))||customElements.define(d(e),s);break;case"dso-icon":customElements.get(d(e))||c()}}))};export{r as DsoDocumentCard,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,forceUpdate as o,h as i,transformTag as a}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as s}from"./icon.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoDocumentCardClick=n(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof t&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return i("div",{key:"424a1e6058327ca1892f41626288909fdbe28972",class:"dso-document-card-container"},i("div",{key:"bf0e9dc501a1850af4dd64d36590de0d2103b164",class:"dso-document-card-heading"},i("a",{key:"fa110e3c6f1984741d02b515082e847b11aea781",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("span",{key:"32cd23687a349abef9083164795ebb17e833baf2",class:"icon-container"},i("dso-icon",{key:"f796e32f7d8c7e1ee350aa1b7a3de65be51fed36",icon:"chevron-right"}),i("slot",{key:"a23262482804914228c0320525f41c2bbf35314e",name:"heading"})))),i("div",{key:"75734d9e95ded9f4fdde9c999d7a4233b8314f06",class:"dso-document-card-type"},i("slot",{key:"b18ce3010ae3cb4736ae92108e014fe51a2e2484",name:"type"})),i("div",{key:"46673ebfc66c849b1ba48337f1fb2f864b182759",class:"dso-document-card-status"},null!==this.metaSlottedElement&&i("slot",{key:"45418a415877277de76dcf3a6f8df0ad86c4f732",name:"meta"}),i("slot",{key:"cd8bf629833394d19d423ba7b8912be3a7af5f53",name:"status"}),null!==this.interactionsSlottedElement&&i("slot",{key:"3996b4f72f7658ef760dfcf7f6578b4b8951e0a0",name:"interactions"})))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}"}},[257,"dso-document-card",{href:[513],active:[516]}]),r=c,l=function(){"undefined"!=typeof customElements&&["dso-document-card","dso-icon"].forEach((e=>{switch(e){case"dso-document-card":customElements.get(a(e))||customElements.define(a(e),c);break;case"dso-icon":customElements.get(a(e))||s()}}))};export{r as DsoDocumentCard,l as defineCustomElement}

package/dist/components/dso-header.js

@@ -1 +1 @@
-import{h as o,proxyCustomElement as n,HTMLElement as i,createEvent as s,forceUpdate as e,Host as t,Fragment as d,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./clsx.js";import{i as a}from"./i18n.js";import{i as p}from"./is-modified-event.js";import{d as u}from"./dropdown-menu.js";import{d as h}from"./icon.js";const c={en:{"dso-header":{menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}},m=({item:n,onClick:i,key:s,ref:e})=>o("li",{class:l({"dso-active":n.active}),key:s,ref:e},o("a",{href:n.url,"aria-current":n.active?"page":void 0,onClick:i},n.label)),g=n(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoHeaderClick=s(this,"dsoHeaderClick",7),this.mainMenu=[],this.compact="auto",this.authStatus="none",this.showHelp=!1,this.userHomeActive=!1,this.visibleMenuItemsCount=void 0,this.dropdownOptionsOffset=0,this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=void 0},this.clickHandler=(o,n,i)=>{this.dsoHeaderClick.emit({originalEvent:o,isModifiedEvent:p(o),type:n,menuItem:i?.menuItem,url:i?.url??i?.menuItem?.url})},this.menuItemElementRefs=[],this.text=a((()=>this.host),c),this.resizeObserver=new ResizeObserver((()=>{this.resetVisibleMenuItems(),e(this.host)}))}mainMenuChanged(){this.resetVisibleMenuItems()}get isCompact(){return"always"===this.compact||window.innerWidth<992}calculateOverflowMenuItemCount(o){const n=o.offsetWidth,i=this.menuItemElementRefs[this.menuItemElementRefs.length-1],s=this.userHomeMenuItemElementRef??i,e=this.dropdownMenuItemElementRef;if(!s||!e||!i)return this.menuItemElementRefs.length;const t=e.offsetLeft+e.offsetWidth-(i.offsetLeft+i.offsetWidth);if(s.offsetLeft+s.offsetWidth-t<=n)return this.menuItemElementRefs.length;const d=n-t-(this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(e.offsetLeft+e.offsetWidth):0),r=this.menuItemElementRefs.findIndex((o=>o&&o.offsetLeft+o.offsetWidth>d));return r<0?this.menuItemElementRefs.length:r}calculateDropdownOptionsOffset(){return this.dropdownElement?this.host.clientHeight-(this.dropdownElement?.getBoundingClientRect().bottom-this.host.getBoundingClientRect().top):0}get visibleMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidRender(){this.host.isConnected&&(this.isCompact&&this.dropdownElement&&(this.dropdownElement.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()),void 0===this.visibleMenuItemsCount&&this.navElement&&(this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)))}render(){return o(t,{key:"c5dab8e925d9b642a69e0ca2f65d6de1e7012c14","is-compact":this.isCompact},o("div",{key:"08c8c495b559546d79ba787bc0408819f8d69ffc",class:"dso-header"},o("div",{key:"dd73a4de4f64c7ebefadccb11a9cfc02fbe49e47",class:"logo-container"},o("slot",{key:"8e65f287778d2e983eaec13a6692f1990506670b",name:"logo"})),this.isCompact?this.renderCompact():this.renderNormal()))}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||"none"!==this.authStatus)&&o("div",{class:"dropdown"},o("dso-dropdown-menu",{"dropdown-align":"right",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:o=>this.dropdownElement=o},o("button",{type:"button",slot:"toggle"},o("span",null,this.text("menu")),o("dso-icon",{icon:"chevron-down"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.mainMenu.map((n=>o(m,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))),this.userHomeUrl&&o("li",null,o("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("li",null,o("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,o("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&o("li",null,this.loginUrl?o("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("li",null,this.logoutUrl?o("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("li",null,this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{type:"button",class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})))))))}renderNormal(){return this.menuItemElementRefs=[],o(d,null,o("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("div",{class:"profile"},o("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&o("div",{class:"login"},this.loginUrl?o("a",{href:this.loginUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("div",{class:"logout"},this.logoutUrl?o("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("div",{class:"help"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})))),(this.mainMenu.length>0||this.userHomeUrl)&&o("nav",{class:"dso-navbar"},o("ul",{class:l("dso-nav","dso-nav-main",{ready:void 0!==this.visibleMenuItemsCount}),ref:o=>this.navElement=o},this.visibleMainMenuItems.map(((n,i)=>o(m,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label,ref:o=>this.menuItemElementRefs[i]=o}))),(void 0===this.visibleMenuItemsCount||this.hiddenMainMenuItems.length>0)&&o("li",{"aria-hidden":void 0===this.visibleMenuItemsCount,ref:o=>this.dropdownMenuItemElementRef=o,class:"dropdown-menu-item"},o("dso-dropdown-menu",null,o("button",{type:"button",slot:"toggle"},o("span",null,this.text("overflowMenu")),o("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.hiddenMainMenuItems.map((n=>o(m,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))))))),this.userHomeUrl&&o("li",{class:l("menu-user-home",{"dso-active":this.userHomeActive}),ref:o=>this.userHomeMenuItemElementRef=o},o("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":void 0,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},o("dso-icon",{icon:"user-outline",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return this}static get watchers(){return{mainMenu:[{mainMenuChanged:0}]}}static get style(){return'*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) dso-dropdown-menu .dso-dropdown-options{inline-size:100%}:host(:not([is-compact])) .dso-header{align-items:center}:host(:not([is-compact])) dso-dropdown-menu .dso-dropdown-options{inline-size:375px}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;align-items:center;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help{border-inline-start:3px solid #ccc;margin-inline-start:8px;padding-inline-start:8px}.dso-header-session .help a,.dso-header-session .help button{display:flex}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-dropdown-menu>.dso-primary,dso-dropdown-menu>.dso-secondary,dso-dropdown-menu>.dso-tertiary{position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after{content:"";display:inline-block}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after{margin-inline-start:8px}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding-block:4px 2px;padding-inline:20px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-block:5px;padding-inline:0;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus-visible,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus-visible,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}dso-dropdown-menu button{background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;align-items:center;position:relative}dso-dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}dso-dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}dso-dropdown-menu .dso-dropdown-options{border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}dso-dropdown-menu .dso-dropdown-options ul{margin:0;padding:0;list-style:none}dso-dropdown-menu .dso-dropdown-options ul li a,dso-dropdown-menu .dso-dropdown-options ul li button{display:block;padding:16px;color:#275937;font-size:1.25rem;white-space:pre-wrap;text-decoration:none}dso-dropdown-menu .dso-dropdown-options ul li a:focus-visible,dso-dropdown-menu .dso-dropdown-options ul li button:focus-visible{background-color:#39870c;color:#fff}dso-dropdown-menu .dso-dropdown-options ul li a:hover,dso-dropdown-menu .dso-dropdown-options ul li button:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu .dso-dropdown-options ul li a:visited:not(:hover):not(:focus-visible),dso-dropdown-menu .dso-dropdown-options ul li button:visited:not(:hover):not(:focus-visible){color:#275937}dso-dropdown-menu .dso-dropdown-options ul li button{inline-size:100%;text-align:start}dso-dropdown-menu .dso-dropdown-options ul li button dso-icon{margin-inline-start:0}dso-dropdown-menu .dso-dropdown-options ul li.dso-active a{font-weight:600}dso-dropdown-menu .dso-dropdown-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown dso-dropdown-menu{position:static}.dropdown dso-dropdown-menu .dso-dropdown-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dropdown dso-dropdown-menu>button{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown dso-dropdown-menu>button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:50%;transform:translateY(-50%)}.dropdown dso-dropdown-menu>button:hover,.dropdown dso-dropdown-menu>button:active{cursor:pointer;text-decoration:underline}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main dso-dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main dso-dropdown-menu button:hover,.dso-nav.dso-nav-main dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}'}},[257,"dso-header",{mainMenu:[16],compact:[1],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],showHelp:[4,"show-help"],helpUrl:[1,"help-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],userHomeActive:[4,"user-home-active"],visibleMenuItemsCount:[32],dropdownOptionsOffset:[32]},void 0,{mainMenu:[{mainMenuChanged:0}]}]),w=g,b=function(){"undefined"!=typeof customElements&&["dso-header","dso-dropdown-menu","dso-icon"].forEach((o=>{switch(o){case"dso-header":customElements.get(r(o))||customElements.define(r(o),g);break;case"dso-dropdown-menu":customElements.get(r(o))||u();break;case"dso-icon":customElements.get(r(o))||h()}}))};export{w as DsoHeader,b as defineCustomElement}
+import{h as o,proxyCustomElement as n,HTMLElement as i,createEvent as s,forceUpdate as e,Host as t,Fragment as d,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./clsx.js";import{i as a}from"./i18n.js";import{i as p}from"./is-modified-event.js";import{d as u}from"./dropdown-menu.js";import{d as h}from"./icon.js";const c={en:{"dso-header":{menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}},m=({item:n,onClick:i,key:s,ref:e})=>o("li",{class:l({"dso-active":n.active}),key:s,ref:e},o("a",{href:n.url,"aria-current":n.active?"page":void 0,onClick:i},n.label)),g=n(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoHeaderClick=s(this,"dsoHeaderClick",7),this.mainMenu=[],this.compact="auto",this.authStatus="none",this.showHelp=!1,this.userHomeActive=!1,this.visibleMenuItemsCount=void 0,this.dropdownOptionsOffset=0,this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=void 0},this.clickHandler=(o,n,i)=>{this.dsoHeaderClick.emit({originalEvent:o,isModifiedEvent:p(o),type:n,menuItem:i?.menuItem,url:i?.url??i?.menuItem?.url})},this.menuItemElementRefs=[],this.text=a((()=>this.host),c),this.resizeObserver=new ResizeObserver((()=>{this.resetVisibleMenuItems(),e(this.host)}))}mainMenuChanged(){this.resetVisibleMenuItems()}get isCompact(){return"always"===this.compact||window.innerWidth<992}calculateOverflowMenuItemCount(o){const n=o.offsetWidth,i=this.menuItemElementRefs[this.menuItemElementRefs.length-1],s=this.userHomeMenuItemElementRef??i,e=this.dropdownMenuItemElementRef;if(!s||!e||!i)return this.menuItemElementRefs.length;const t=e.offsetLeft+e.offsetWidth-(i.offsetLeft+i.offsetWidth);if(s.offsetLeft+s.offsetWidth-t<=n)return this.menuItemElementRefs.length;const d=n-t-(this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(e.offsetLeft+e.offsetWidth):0),r=this.menuItemElementRefs.findIndex((o=>o&&o.offsetLeft+o.offsetWidth>d));return r<0?this.menuItemElementRefs.length:r}calculateDropdownOptionsOffset(){return this.dropdownElement?this.host.clientHeight-(this.dropdownElement?.getBoundingClientRect().bottom-this.host.getBoundingClientRect().top):0}get visibleMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidRender(){this.host.isConnected&&(this.isCompact&&this.dropdownElement&&(this.dropdownElement.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()),void 0===this.visibleMenuItemsCount&&this.navElement&&(this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)))}render(){return o(t,{key:"8850386c7bf2d6e8351feddbce7c96066b25e4a8","is-compact":this.isCompact},o("div",{key:"e5dc88c23f33ff0436e7a32018ad6805bc63dab8",class:"dso-header"},o("div",{key:"3dddcad9303c819dcb4a27f4f0b5b66c39536dd0",class:"logo-container"},o("slot",{key:"9afb7a64d9d97010a2a98b9416f81a4de80933a7",name:"logo"})),this.isCompact?this.renderCompact():this.renderNormal()))}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||"none"!==this.authStatus)&&o("div",{class:"dropdown"},o("dso-dropdown-menu",{"dropdown-align":"right",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:o=>this.dropdownElement=o},o("button",{type:"button",slot:"toggle"},o("span",null,this.text("menu")),o("dso-icon",{icon:"chevron-down"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.mainMenu.map((n=>o(m,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))),this.userHomeUrl&&o("li",null,o("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("li",null,o("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,o("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&o("li",null,this.loginUrl?o("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("li",null,this.logoutUrl?o("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("li",null,this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{type:"button",class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})))))))}renderNormal(){return this.menuItemElementRefs=[],o(d,null,o("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("div",{class:"profile"},o("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&o("div",{class:"login"},this.loginUrl?o("a",{href:this.loginUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("div",{class:"logout"},this.logoutUrl?o("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("div",{class:"help"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})))),(this.mainMenu.length>0||this.userHomeUrl)&&o("nav",{class:"dso-navbar"},o("ul",{class:l("dso-nav","dso-nav-main",{ready:void 0!==this.visibleMenuItemsCount}),ref:o=>this.navElement=o},this.visibleMainMenuItems.map(((n,i)=>o(m,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label,ref:o=>this.menuItemElementRefs[i]=o}))),(void 0===this.visibleMenuItemsCount||this.hiddenMainMenuItems.length>0)&&o("li",{"aria-hidden":void 0===this.visibleMenuItemsCount,ref:o=>this.dropdownMenuItemElementRef=o,class:"dropdown-menu-item"},o("dso-dropdown-menu",null,o("button",{type:"button",slot:"toggle"},o("span",null,this.text("overflowMenu")),o("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.hiddenMainMenuItems.map((n=>o(m,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))))))),this.userHomeUrl&&o("li",{class:l("menu-user-home",{"dso-active":this.userHomeActive}),ref:o=>this.userHomeMenuItemElementRef=o},o("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":void 0,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},o("dso-icon",{icon:"user-outline",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return this}static get watchers(){return{mainMenu:[{mainMenuChanged:0}]}}static get style(){return'*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) dso-dropdown-menu .dso-dropdown-options{inline-size:100%}:host(:not([is-compact])) .dso-header{align-items:center}:host(:not([is-compact])) dso-dropdown-menu .dso-dropdown-options{inline-size:375px}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;align-items:center;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help{border-inline-start:3px solid #ccc;margin-inline-start:8px;padding-inline-start:8px}.dso-header-session .help a,.dso-header-session .help button{display:flex}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-dropdown-menu>.dso-primary,dso-dropdown-menu>.dso-secondary,dso-dropdown-menu>.dso-tertiary{position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after{content:"";display:inline-block}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after{margin-inline-start:8px}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding-block:4px 2px;padding-inline:20px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-block:5px;padding-inline:0;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus-visible,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus-visible,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}dso-dropdown-menu button{background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;align-items:center;position:relative}dso-dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}dso-dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}dso-dropdown-menu .dso-dropdown-options{border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}dso-dropdown-menu .dso-dropdown-options ul{margin:0;padding:0;list-style:none}dso-dropdown-menu .dso-dropdown-options ul li a,dso-dropdown-menu .dso-dropdown-options ul li button{display:block;padding:16px;color:#275937;font-size:1.25rem;white-space:pre-wrap;text-decoration:none}dso-dropdown-menu .dso-dropdown-options ul li a:focus-visible,dso-dropdown-menu .dso-dropdown-options ul li button:focus-visible{background-color:#39870c;color:#fff}dso-dropdown-menu .dso-dropdown-options ul li a:hover,dso-dropdown-menu .dso-dropdown-options ul li button:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu .dso-dropdown-options ul li a:visited:not(:hover):not(:focus-visible),dso-dropdown-menu .dso-dropdown-options ul li button:visited:not(:hover):not(:focus-visible){color:#275937}dso-dropdown-menu .dso-dropdown-options ul li button{inline-size:100%;text-align:start}dso-dropdown-menu .dso-dropdown-options ul li button dso-icon{margin-inline-start:0}dso-dropdown-menu .dso-dropdown-options ul li.dso-active a{font-weight:600}dso-dropdown-menu .dso-dropdown-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown dso-dropdown-menu{position:static}.dropdown dso-dropdown-menu .dso-dropdown-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dropdown dso-dropdown-menu>button{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown dso-dropdown-menu>button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:50%;transform:translateY(-50%)}.dropdown dso-dropdown-menu>button:hover,.dropdown dso-dropdown-menu>button:active{cursor:pointer;text-decoration:underline}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main dso-dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main dso-dropdown-menu button:hover,.dso-nav.dso-nav-main dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}'}},[257,"dso-header",{mainMenu:[16],compact:[1],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],showHelp:[4,"show-help"],helpUrl:[1,"help-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],userHomeActive:[4,"user-home-active"],visibleMenuItemsCount:[32],dropdownOptionsOffset:[32]},void 0,{mainMenu:[{mainMenuChanged:0}]}]),w=g,b=function(){"undefined"!=typeof customElements&&["dso-header","dso-dropdown-menu","dso-icon"].forEach((o=>{switch(o){case"dso-header":customElements.get(r(o))||customElements.define(r(o),g);break;case"dso-dropdown-menu":customElements.get(r(o))||u();break;case"dso-icon":customElements.get(r(o))||h()}}))};export{w as DsoHeader,b as defineCustomElement}

package/dist/components/dso-highlight-box.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.step||!!this.element.querySelector("[slot=icon]");return o(i,{key:"37c8e0a11211e492b1969195f3a4829b756f3191","has-counter":e},e&&o("div",{key:"97dc69885551c40bf8a9578fd062798782c87b37",class:"dso-step-counter"},this.step??o("slot",{key:"8fb89cc0a0a37c0195d0dd1922df73a2978ec086",name:"icon"})),o("slot",{key:"9af4954e7cc681e435b36ac0a8eb524fa4c2031b"}))}get element(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;inset-inline-start:16px;position:absolute;inset-block-start:-1.5rem;block-size:2rem;inline-size:2rem;color:#fff;font-size:1.25rem;font-weight:500;line-height:2rem;text-align:center}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset)}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}:host{display:block;container-type:inline-size;position:relative;z-index:1}"}},[257,"dso-highlight-box",{yellow:[516],border:[516],white:[516],green:[516],dropShadow:[516,"drop-shadow"],step:[514]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-highlight-box"].forEach((e=>{"dso-highlight-box"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))};export{r as DsoHighlightBox,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.step||!!this.element.querySelector("[slot=icon]");return o(i,{key:"35803c970b866b42d0512c7d6a7db877b431053f","has-counter":e},e&&o("div",{key:"228e50bc3a6a61065feb605a466e7a3b943d2b56",class:"dso-step-counter"},this.step??o("slot",{key:"77cee35b45294b747acf6602bc4ffb5399e3f94a",name:"icon"})),o("slot",{key:"7f6d38f4c8514605b9721466409882313236b887"}))}get element(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;inset-inline-start:16px;position:absolute;inset-block-start:-1.5rem;block-size:2rem;inline-size:2rem;color:#fff;font-size:1.25rem;font-weight:500;line-height:2rem;text-align:center}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset)}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}:host{display:block;container-type:inline-size;position:relative;z-index:1}"}},[257,"dso-highlight-box",{yellow:[516],border:[516],white:[516],green:[516],dropShadow:[516,"drop-shadow"],step:[514]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-highlight-box"].forEach((e=>{"dso-highlight-box"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))};export{r as DsoHighlightBox,c as defineCustomElement}

package/dist/components/dso-history-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,forceUpdate as s,h as o,transformTag as a}from"@stencil/core/internal/client";import{i as n}from"./is-modified-event.js";import{d as r}from"./icon.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoClick=i(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>s(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof t&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:n(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return o("div",{key:"db1e85f9f3e1c1fd0062b6162dcf0bb5e47d63a8",class:"history-item"},o("div",{key:"7c74c958d0301cc1bddd65bab0f014991fc424d6",class:"history-item-date"},o("slot",{key:"6e2e62ea5643b2f57e5831d8b321c250cf9b6a91",name:"date"})),o("div",{key:"58ddf3999eb6c1852b84336f9d1193dd5b111415",class:"history-item-content"},o("div",{key:"1b37480a4fc59b547ce43368f568f26b3b7e3c68",class:"history-item-status-message"},o("dso-icon",{key:"89fd3a158fabff9e39eb704607c3dfe3e642753f",icon:this.typeIcons[this.type],"aria-hidden":"true"}),o("slot",{key:"3ee454ba72a5fe16bc881e628e79e8f52f55dc3b",name:"status"})),null!==this.titleSlottedElement&&this.href&&o("div",{key:"d499731a18b8dfc319a7bb5d7664b3577dede4e4",class:"history-item-title"},o("a",{key:"015f1ff71b91e1de22befe8cd08dc6df94c3ff43",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},o("span",{key:"f4d69a1fd97a76e3877206d5b20b64853bf8b4b9",class:"history-item-title-content"},o("slot",{key:"8df3189a5eeb51ce25d3072c65a2a468b57a9716",name:"title"})),"⁠",o("dso-icon",{key:"b581dcf322e80b4ede1a943418ea1554644a12ac",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&o("div",{key:"4a5d0535570bd2d4f487ddfc0f597d6013a62af5",class:"history-item-explanation"},o("slot",{key:"64f179bc5fe66d33632ee1d4b9b1da9e48469ee0",name:"explanation"})),null!==this.warningSlottedElement&&o("div",{key:"6f2db3202af45f6a6892bb71ad15c1a9edda4ef9",class:"history-item-warning"},o("dso-icon",{key:"381f2f5da6fe60e9b9b587bfdc568ff7c93f4b17",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),o("slot",{key:"770ea9457ddf105fd133af03c13ad65a10eb5a59",name:"warning"}))))}get host(){return this}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}"}},[257,"dso-history-item",{type:[513],href:[513],current:[516]}]),l=d,c=function(){"undefined"!=typeof customElements&&["dso-history-item","dso-icon"].forEach((e=>{switch(e){case"dso-history-item":customElements.get(a(e))||customElements.define(a(e),d);break;case"dso-icon":customElements.get(a(e))||r()}}))};export{l as DsoHistoryItem,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,forceUpdate as s,h as a,transformTag as o}from"@stencil/core/internal/client";import{i as n}from"./is-modified-event.js";import{d as r}from"./icon.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoClick=i(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>s(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof t&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:n(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return a("div",{key:"1f64d214c8a55e32d46924c44e2a67e6fe762ba6",class:"history-item"},a("div",{key:"1faf71543e8465d42636730a7a2d1f3f6b731b97",class:"history-item-date"},a("slot",{key:"fd30727dea17f047cc1191b17585b34e1aa28527",name:"date"})),a("div",{key:"af748c630159e9fd76d7489ae9b463c60e7a2047",class:"history-item-content"},a("div",{key:"718da0969265515c84b27397dda672aa5519a61f",class:"history-item-status-message"},a("dso-icon",{key:"52e2f8abb5a0db890604556cf2eb6d03c1d977fd",icon:this.typeIcons[this.type],"aria-hidden":"true"}),a("slot",{key:"a605bad20f157372dea498db2586cc99ca1aa4e7",name:"status"})),null!==this.titleSlottedElement&&this.href&&a("div",{key:"147a283e5614d681a5828e2eed49892f4bc2b308",class:"history-item-title"},a("a",{key:"94dc57f6a9de0eda156871da5eb08bc63967347c",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},a("span",{key:"a9e3fbb2a158c5301cd2e3b77417aa45d3f18d50",class:"history-item-title-content"},a("slot",{key:"f96e09b0853ded2962d51604c6924d18e8ec7352",name:"title"})),"⁠",a("dso-icon",{key:"4f2c3df04231db6a328adb4ddc2787604447d119",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&a("div",{key:"4eb066cbfc8f5aeae2d4a81e78647bae853b5439",class:"history-item-explanation"},a("slot",{key:"3c24ab2930fe3b24f222705f3581de5aee3949d4",name:"explanation"})),null!==this.warningSlottedElement&&a("div",{key:"46ebd43221d15f1f5de0a4cf2458018278c85236",class:"history-item-warning"},a("dso-icon",{key:"75863ed1f713b3873a2ea50c3b5a14f127c50e6e",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),a("slot",{key:"11f28b0b0e75cdaf14b7abdf5006f08faf81ec08",name:"warning"}))))}get host(){return this}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}"}},[257,"dso-history-item",{type:[513],href:[513],current:[516]}]),l=d,c=function(){"undefined"!=typeof customElements&&["dso-history-item","dso-icon"].forEach((e=>{switch(e){case"dso-history-item":customElements.get(o(e))||customElements.define(o(e),d);break;case"dso-icon":customElements.get(o(e))||r()}}))};export{l as DsoHistoryItem,c as defineCustomElement}

package/dist/components/dso-input-range.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as n,h as i,Fragment as t,transformTag as o}from"@stencil/core/internal/client";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoChange=n(this,"dsoChange",3),this.unit=""}render(){const e=this.min||0,r=this.max||100,n=this.step||1;return i(t,null,this.description&&i("span",{key:"65ccfdac13441b76d6559c1f1867dd7b274bedb4",id:"description",hidden:!0},this.description),i("span",{key:"a0c1e4e540b4b95b15b58bb57a2fd9d296753624",class:"counter","aria-hidden":"true"},e,this.unit),i("input",{key:"80196cc537e627dfd841eb04ae55ca5850d33ff1",type:"range",min:e,max:r,step:n,value:this.value,class:"input","aria-label":this.label,"aria-describedby":this.description?"description":void 0,onChange:i=>this.dsoChange.emit({originalEvent:i,value:i.target instanceof HTMLInputElement?parseInt(i.target.value,10):void 0,max:r,min:e,step:n})}),i("span",{key:"f269ffc6b715b45f8b913b241d76f7f75b7d190f",class:"counter","aria-hidden":"true"},r,this.unit))}get host(){return this}static get style(){return":host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}"}},[1,"dso-input-range",{min:[514],max:[514],value:[514],step:[514],label:[513],unit:[513],description:[513]}]),a=s,c=function(){"undefined"!=typeof customElements&&["dso-input-range"].forEach((e=>{"dso-input-range"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as DsoInputRange,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as n,h as i,Fragment as t,transformTag as o}from"@stencil/core/internal/client";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoChange=n(this,"dsoChange",3),this.unit=""}render(){const e=this.min||0,r=this.max||100,n=this.step||1;return i(t,null,this.description&&i("span",{key:"e6d9d790d42f441d15b461010d3773ac94851482",id:"description",hidden:!0},this.description),i("span",{key:"c5bd62d65306dc41df200366cff5d38a3f9fd46a",class:"counter","aria-hidden":"true"},e,this.unit),i("input",{key:"8c6134aa6334b9cc475f08cf62f60357d11d78ee",type:"range",min:e,max:r,step:n,value:this.value,class:"input","aria-label":this.label,"aria-describedby":this.description?"description":void 0,onChange:i=>this.dsoChange.emit({originalEvent:i,value:i.target instanceof HTMLInputElement?parseInt(i.target.value,10):void 0,max:r,min:e,step:n})}),i("span",{key:"ed7323ee13025476fadba72522d829531c32263f",class:"counter","aria-hidden":"true"},r,this.unit))}get host(){return this}static get style(){return":host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}"}},[1,"dso-input-range",{min:[514],max:[514],value:[514],step:[514],label:[513],unit:[513],description:[513]}]),s=a,c=function(){"undefined"!=typeof customElements&&["dso-input-range"].forEach((e=>{"dso-input-range"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{s as DsoInputRange,c as defineCustomElement}