@dso-toolkit/core 97.1.1 → 99.0.0

package/dist/components/image-overlay.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,forceUpdate as e,h as r,Host as i,transformTag as d}from"@stencil/core/internal/client";import{d as a}from"./index2.js";import{d as n}from"./icon.js";import{d as c}from"./icon-button.js";const s={verwijder:"Verwijderd",voegtoe:"Toegevoegd"},l=({active:o,src:t,alt:e,ref:i,close:d,click:a},n)=>o&&t&&r("dialog",{class:"wrapper",ref:i,onClose:d,onClick:d},r("div",{onClick:d},n[2],n[0],r("img",{src:t,alt:e}),r("dso-icon-button",{icon:"cross",variant:"map",class:"close",label:"Sluiten",onDsoClick:a}),n[1])),b=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.zoomable=!1,this.titelSlot=null,this.bijschriftSlot=null,this.dialogCloseEventListener=o=>{o.target instanceof HTMLDialogElement&&this.closeZoomedImage()}}loadListener(o){o.target instanceof HTMLImageElement&&this.setZoomable(o.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(a((()=>{const o=this.host.querySelector("img");o instanceof HTMLImageElement&&this.setZoomable(o)}),200)),this.mutationObserver=new MutationObserver((o=>{e(this.host),"childList"===o[0]?.type&&(this.resizeObserver?.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}componentDidRender(){this.active&&!this.wrapperElement?.open&&this.wrapperElement?.showModal()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}initZoomableImage(){const o=this.host.querySelector("img");o instanceof HTMLImageElement&&(o.complete&&this.setZoomable(o),this.resizeObserver?.observe(o))}setZoomable(o){const{width:t,naturalWidth:e,height:r,naturalHeight:i}=o;this.zoomable=t<e||r<i}isWijzigactie(o){return"voegtoe"===o||"verwijder"===o}closeZoomedImage(){this.wrapperElement?.close(),this.active=!1}render(){const{src:o,alt:t}=this.host.querySelector("img")??{},e=this.wijzigactie&&this.isWijzigactie(this.wijzigactie)&&s[this.wijzigactie]||void 0,d=this.zoomable&&r("dso-icon-button",{icon:"external-link",class:"open",variant:"map",label:"Afbeelding vergroot weergeven",ref:o=>this.iconButtonElement=o,onDsoClick:()=>this.active=!0});return"verwijder"===this.wijzigactie?r(i,{onClick:()=>this.iconButtonElement?.setFocus()},r("del",{class:"editaction-remove"},r("div",{class:"editaction-label"},e,":"),r(l,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},e,":")),r("slot",null),d)):"voegtoe"===this.wijzigactie?r(i,{onClick:()=>this.iconButtonElement?.setFocus()},r("ins",{class:"editaction-add"},r("div",{class:"editaction-label"},e,":"),r(l,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},e,":")),r("slot",null),d)):r(i,{onClick:()=>this.iconButtonElement?.setFocus()},r(l,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"}))),r("slot",null),d)}get host(){return this}static get style(){return':host{display:inline-block;position:relative}:host .wrapper{overflow:visible;padding:0;border:0}:host .wrapper::backdrop{background-color:rgba(255, 255, 255, 0.8)}:host(:hover) .open,.open:focus{opacity:1}.open{opacity:0;position:absolute;inset-inline-end:16px;inset-block-start:16px}.wrapper{align-self:center;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);line-height:0;outline:4px solid #fff;z-index:20}.wrapper .title{background-color:#fff;font-weight:700;line-height:initial;padding:8px;position:absolute}.wrapper img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100vh - 64px)}.wrapper .figuur-bijschrift:not([hidden]){display:block;font-size:0.75rem;font-style:italic;padding-block-end:12px;padding-block-start:16px}.close{position:absolute;inset-block-start:16px;inset-inline-end:16px}ins.editaction-add{display:inline-block;margin-block-end:8px;padding:8px;text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins.editaction-add 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"))}ins.editaction-add 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"))}ins.editaction-add 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"))}ins.editaction-add 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"))}ins.editaction-add{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-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);--_dt-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper{outline:none;padding:8px;--_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}ins.editaction-add .wrapper 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"))}ins.editaction-add .wrapper 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"))}ins.editaction-add .wrapper 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"))}ins.editaction-add .wrapper 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"))}ins.editaction-add .wrapper{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-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);--_dt-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper .editaction-label{line-height:1.5}ins.editaction-add .wrapper .close{inset-block-start:48px}ins.editaction-add .open{inset-block-start:48px}del.editaction-remove{display:inline-block;margin-block-end:8px;padding:8px;--_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}del.editaction-remove 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"))}del.editaction-remove 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"))}del.editaction-remove 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"))}del.editaction-remove 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"))}del.editaction-remove{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-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;--_dt-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dt-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove{font-family:sans-serif}}del.editaction-remove .wrapper{outline:none;padding:8px;--_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}del.editaction-remove .wrapper 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"))}del.editaction-remove .wrapper 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"))}del.editaction-remove .wrapper 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"))}del.editaction-remove .wrapper 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"))}del.editaction-remove .wrapper{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-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;--_dt-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dt-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove .wrapper{font-family:sans-serif}}del.editaction-remove .wrapper .title{text-decoration:line-through}del.editaction-remove .wrapper .editaction-label{line-height:1.5}del.editaction-remove .wrapper .close{inset-block-start:48px}del.editaction-remove .open{inset-block-start:48px}.editaction-label{font-style:italic;margin-block-end:8px}'}},[257,"dso-image-overlay",{wijzigactie:[1],active:[32],zoomable:[32]},[[2,"load","loadListener"]]]);function u(){"undefined"!=typeof customElements&&["dso-image-overlay","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-image-overlay":customElements.get(d(o))||customElements.define(d(o),b);break;case"dso-icon":customElements.get(d(o))||n();break;case"dso-icon-button":customElements.get(d(o))||c()}}))}export{b as I,u as d}
+import{proxyCustomElement as o,HTMLElement as t,forceUpdate as i,h as r,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d as c}from"./index3.js";import{d}from"./icon.js";import{d as s}from"./icon-button.js";const l={verwijder:"Verwijderd",voegtoe:"Toegevoegd"},a=({active:o,src:t,alt:i,ref:e,close:n,click:c},d)=>o&&t&&r("dialog",{class:"wrapper",ref:e,onClose:n,onClick:n},r("div",{onClick:n},d[2],d[0],r("img",{src:t,alt:i}),r("dso-icon-button",{icon:"cross",variant:"map",class:"close",label:"Sluiten",onDsoClick:c}),d[1])),b=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.zoomable=!1,this.titelSlot=null,this.bijschriftSlot=null,this.dialogCloseEventListener=o=>{o.target instanceof HTMLDialogElement&&this.closeZoomedImage()}}loadListener(o){o.target instanceof HTMLImageElement&&this.scheduleZoomableUpdate(o.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(c((()=>{const o=this.host.querySelector("img");o instanceof HTMLImageElement&&this.setZoomable(o)}),200)),this.mutationObserver=new MutationObserver((o=>{i(this.host),"childList"===o[0]?.type&&(this.resizeObserver?.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}componentDidRender(){this.active&&!this.wrapperElement?.open&&this.wrapperElement?.showModal()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),void 0!==this.zoomableFrameId&&(cancelAnimationFrame(this.zoomableFrameId),this.zoomableFrameId=void 0)}initZoomableImage(){const o=this.host.querySelector("img");o instanceof HTMLImageElement&&(o.complete&&this.scheduleZoomableUpdate(o),this.resizeObserver?.observe(o))}scheduleZoomableUpdate(o){const{width:t,naturalWidth:i,height:r,naturalHeight:e}=o;this.pendingZoomable=t<i||r<e,void 0===this.zoomableFrameId&&(this.zoomableFrameId=requestAnimationFrame((()=>{this.zoomableFrameId=void 0,this.host.isConnected&&void 0!==this.pendingZoomable&&this.zoomable!==this.pendingZoomable&&(this.zoomable=this.pendingZoomable)})))}setZoomable(o){this.scheduleZoomableUpdate(o)}isWijzigactie(o){return"voegtoe"===o||"verwijder"===o}closeZoomedImage(){this.wrapperElement?.close(),this.active=!1}render(){const{src:o,alt:t}=this.host.querySelector("img")??{},i=this.wijzigactie&&this.isWijzigactie(this.wijzigactie)&&l[this.wijzigactie]||void 0,n=this.zoomable&&r("dso-icon-button",{icon:"external-link",class:"open",variant:"map",label:"Afbeelding vergroot weergeven",ref:o=>this.iconButtonElement=o,onDsoClick:()=>this.active=!0});return"verwijder"===this.wijzigactie?r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r("del",{class:"editaction-remove"},r("div",{class:"editaction-label"},i,":"),r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},i,":")),r("slot",null),n)):"voegtoe"===this.wijzigactie?r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r("ins",{class:"editaction-add"},r("div",{class:"editaction-label"},i,":"),r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},i,":")),r("slot",null),n)):r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"}))),r("slot",null),n)}get host(){return this}static get style(){return":host{display:inline-block;position:relative}:host .wrapper{overflow:visible;padding:0;border:0}:host .wrapper::backdrop{background-color:rgba(255, 255, 255, 0.8)}:host(:hover) .open,.open:focus{opacity:1}.open{opacity:0;position:absolute;inset-inline-end:16px;inset-block-start:16px}.wrapper{align-self:center;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);line-height:0;outline:4px solid #fff;z-index:20}.wrapper .title{background-color:#fff;font-weight:700;line-height:initial;padding:8px;position:absolute}.wrapper img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100vh - 64px)}.wrapper .figuur-bijschrift:not([hidden]){display:block;font-size:0.75rem;font-style:italic;padding-block-end:12px;padding-block-start:16px}.close{position:absolute;inset-block-start:16px;inset-inline-end:16px}ins.editaction-add{display:inline-block;margin-block-end:8px;padding:8px;text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper{outline:none;padding:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper .editaction-label{line-height:1.5}ins.editaction-add .wrapper .close{inset-block-start:48px}ins.editaction-add .open{inset-block-start:48px}del.editaction-remove{display:inline-block;margin-block-end:8px;padding:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove{font-family:sans-serif}}del.editaction-remove .wrapper{outline:none;padding:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove .wrapper{font-family:sans-serif}}del.editaction-remove .wrapper .title{text-decoration:line-through}del.editaction-remove .wrapper .editaction-label{line-height:1.5}del.editaction-remove .wrapper .close{inset-block-start:48px}del.editaction-remove .open{inset-block-start:48px}.editaction-label{font-style:italic;margin-block-end:8px}"}},[257,"dso-image-overlay",{wijzigactie:[1],active:[32],zoomable:[32]},[[2,"load","loadListener"]]]);function h(){"undefined"!=typeof customElements&&["dso-image-overlay","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-image-overlay":customElements.get(n(o))||customElements.define(n(o),b);break;case"dso-icon":customElements.get(n(o))||d();break;case"dso-icon-button":customElements.get(n(o))||s()}}))}export{b as I,h as d}

package/dist/components/index.d.ts

@@ -47,6 +47,10 @@ export { DocumentComponent as DsoDocumentComponent } from '../types/components/d
 export { defineCustomElement as defineCustomElementDsoDocumentComponent } from './dso-document-component';
 export { DropdownMenu as DsoDropdownMenu } from '../types/components/dropdown-menu/dropdown-menu';
 export { defineCustomElement as defineCustomElementDsoDropdownMenu } from './dso-dropdown-menu';
+export { DropdownMenuGroup as DsoDropdownMenuGroup } from '../types/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group';
+export { defineCustomElement as defineCustomElementDsoDropdownMenuGroup } from './dso-dropdown-menu-group';
+export { DropdownMenuItem as DsoDropdownMenuItem } from '../types/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item';
+export { defineCustomElement as defineCustomElementDsoDropdownMenuItem } from './dso-dropdown-menu-item';
 export { Expandable as DsoExpandable } from '../types/components/expandable/expandable';
 export { defineCustomElement as defineCustomElementDsoExpandable } from './dso-expandable';
 export { Header as DsoHeader } from '../types/components/header/header';

package/dist/components/index.esm.js

@@ -1,5 +1,5 @@
 /*!
-* tabbable 6.4.0
+* tabbable 6.5.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var n=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],t=n.join(","),r="undefined"==typeof Element,e=r?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,i=!r&&Element.prototype.getRootNode?function(n){var t;return null==n||null===(t=n.getRootNode)||void 0===t?void 0:t.call(n)}:function(n){return null==n?void 0:n.ownerDocument},o=function(n,t){var r;void 0===t&&(t=!0);var e=null==n||null===(r=n.getAttribute)||void 0===r?void 0:r.call(n,"inert");return""===e||"true"===e||t&&n&&("function"==typeof n.closest?n.closest("[inert]"):o(n.parentNode))},u=function(n,r,i){if(o(n))return[];var u=Array.prototype.slice.apply(n.querySelectorAll(t));return r&&e.call(n,t)&&u.unshift(n),u.filter(i)},a=function(n,r,i){for(var u=[],f=Array.from(n);f.length;){var l=f.shift();if(!o(l,!1))if("SLOT"===l.tagName){var d=l.assignedElements(),c=a(d.length?d:l.children,!0,i);i.flatten?u.push.apply(u,c):u.push({scopeParent:l,candidates:c})}else{e.call(l,t)&&i.filter(l)&&(r||!n.includes(l))&&u.push(l);var v=l.shadowRoot||"function"==typeof i.getShadowRoot&&i.getShadowRoot(l),s=!o(v,!1)&&(!i.shadowRootFilter||i.shadowRootFilter(l));if(v&&s){var p=a(!0===v?l.children:v.children,!0,i);i.flatten?u.push.apply(u,p):u.push({scopeParent:l,candidates:p})}else f.unshift.apply(f,l.children)}}return u},f=function(n){return!isNaN(parseInt(n.getAttribute("tabindex"),10))},l=function(n){if(!n)throw new Error("No node provided");return n.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||function(n){var t,r=null==n||null===(t=n.getAttribute)||void 0===t?void 0:t.call(n,"contenteditable");return""===r||"true"===r}(n))&&!f(n)?0:n.tabIndex},d=function(n,t){return n.tabIndex===t.tabIndex?n.documentOrder-t.documentOrder:n.tabIndex-t.tabIndex},c=function(n){return"INPUT"===n.tagName},v=function(n){var t=n.getBoundingClientRect();return 0===t.width&&0===t.height},s=function(n,t){return!(t.disabled||function(n){return c(n)&&"hidden"===n.type}(t)||function(n,t){var r=t.displayCheck,o=t.getShadowRoot;if("full-native"===r&&"checkVisibility"in n)return!n.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});if("hidden"===getComputedStyle(n).visibility)return!0;var u=e.call(n,"details>summary:first-of-type");if(e.call(u?n.parentElement:n,"details:not([open]) *"))return!0;if(r&&"full"!==r&&"full-native"!==r&&"legacy-full"!==r){if("non-zero-area"===r)return v(n)}else{if("function"==typeof o){for(var a=n;n;){var f=n.parentElement,l=i(n);if(f&&!f.shadowRoot&&!0===o(f))return v(n);n=n.assignedSlot?n.assignedSlot:f||l===n.ownerDocument?f:l.host}n=a}if(function(n){var t,r,e,o,u=n&&i(n),a=null===(t=u)||void 0===t?void 0:t.host,f=!1;if(u&&u!==n)for(f=!!(null!==(r=a)&&void 0!==r&&null!==(e=r.ownerDocument)&&void 0!==e&&e.contains(a)||null!=n&&null!==(o=n.ownerDocument)&&void 0!==o&&o.contains(n));!f&&a;){var l,d,c;f=!(null===(d=a=null===(l=u=i(a))||void 0===l?void 0:l.host)||void 0===d||null===(c=d.ownerDocument)||void 0===c||!c.contains(a))}return f}(n))return!n.getClientRects().length;if("legacy-full"!==r)return!0}return!1}(t,n)||function(n){return"DETAILS"===n.tagName&&Array.prototype.slice.apply(n.children).some((function(n){return"SUMMARY"===n.tagName}))}(t)||function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var t=n.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var r=0;r<t.children.length;r++){var i=t.children.item(r);if("LEGEND"===i.tagName)return!!e.call(t,"fieldset[disabled] *")||!i.contains(n)}return!0}t=t.parentElement}return!1}(t))},p=function(n,t){return!(function(n){return function(n){return c(n)&&"radio"===n.type}(n)&&!function(n){if(!n.name)return!0;var t,r=n.form||i(n),e=function(n){return r.querySelectorAll('input[type="radio"][name="'+n+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=e(window.CSS.escape(n.name));else try{t=e(n.name)}catch(n){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message),!1}var o=function(n,t){for(var r=0;r<n.length;r++)if(n[r].checked&&n[r].form===t)return n[r]}(t,n.form);return!o||o===n}(n)}(t)||l(t)<0||!s(n,t))},y=function(n){var t=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},E=function(n){var t=[],r=[];return n.forEach((function(n,e){var i=!!n.scopeParent,o=i?n.scopeParent:n,u=function(n,t){var r=l(n);return r<0&&t&&!f(n)?0:r}(o,i),a=i?E(n.candidates):o;0===u?i?t.push.apply(t,a):t.push(o):r.push({documentOrder:e,tabIndex:u,item:n,isScope:i,content:a})})),r.sort(d).reduce((function(n,t){return t.isScope?n.push.apply(n,t.content):n.push(t.content),n}),[]).concat(t)},w=function(n,t){var r;return r=(t=t||{}).getShadowRoot?a([n],t.includeContainer,{filter:p.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:y}):u(n,t.includeContainer,p.bind(null,t)),E(r)},h=function(n,t){return(t=t||{}).getShadowRoot?a([n],t.includeContainer,{filter:s.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):u(n,t.includeContainer,s.bind(null,t))},S=function(n,r){if(r=r||{},!n)throw new Error("No node provided");return!1!==e.call(n,t)&&p(r,n)},b=n.concat("iframe:not([inert]):not([inert] *)").join(","),m=function(n,t){if(t=t||{},!n)throw new Error("No node provided");return!1!==e.call(n,b)&&s(t,n)};export{S as a,h as f,l as g,m as i,w as t}
+var n=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","area[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],t=n.join(","),r="undefined"==typeof Element,e=r?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,i=!r&&Element.prototype.getRootNode?function(n){var t;return null==n||null===(t=n.getRootNode)||void 0===t?void 0:t.call(n)}:function(n){return null==n?void 0:n.ownerDocument},o=function(n,t){var r;void 0===t&&(t=!0);var e=null==n||null===(r=n.getAttribute)||void 0===r?void 0:r.call(n,"inert");return""===e||"true"===e||t&&n&&("function"==typeof n.closest?n.closest("[inert]"):o(n.parentNode))},u=function(n,r,i){if(o(n))return[];var u=Array.prototype.slice.apply(n.querySelectorAll(t));return r&&e.call(n,t)&&u.unshift(n),u.filter(i)},a=function(n,r,i){for(var u=[],f=Array.from(n);f.length;){var l=f.shift();if(!o(l,!1))if("SLOT"===l.tagName){var c=l.assignedElements(),d=a(c.length?c:l.children,!0,i);i.flatten?u.push.apply(u,d):u.push({scopeParent:l,candidates:d})}else{e.call(l,t)&&i.filter(l)&&(r||!n.includes(l))&&u.push(l);var v=l.shadowRoot||"function"==typeof i.getShadowRoot&&i.getShadowRoot(l),s=!o(v,!1)&&(!i.shadowRootFilter||i.shadowRootFilter(l));if(v&&s){var p=a(!0===v?l.children:v.children,!0,i);i.flatten?u.push.apply(u,p):u.push({scopeParent:l,candidates:p})}else f.unshift.apply(f,l.children)}}return u},f=function(n){return!isNaN(parseInt(n.getAttribute("tabindex"),10))},l=function(n){if(!n)throw new Error("No node provided");return n.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||function(n){var t,r=null==n||null===(t=n.getAttribute)||void 0===t?void 0:t.call(n,"contenteditable");return""===r||"true"===r}(n))&&!f(n)?0:n.tabIndex},c=function(n,t){return n.tabIndex===t.tabIndex?n.documentOrder-t.documentOrder:n.tabIndex-t.tabIndex},d=function(n){return"INPUT"===n.tagName},v=function(n){var t=n.getBoundingClientRect();return 0===t.width&&0===t.height},s=function(n,t){return!(t.disabled||function(n){return d(n)&&"hidden"===n.type}(t)||function(n,t){var r=t.displayCheck,o=t.getShadowRoot;if("full-native"===r&&"checkVisibility"in n)return!n.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});var u=getComputedStyle(n).visibility;if("hidden"===u||"collapse"===u)return!0;var a=e.call(n,"details>summary:first-of-type");if(e.call(a?n.parentElement:n,"details:not([open]) *"))return!0;if(r&&"full"!==r&&"full-native"!==r&&"legacy-full"!==r){if("non-zero-area"===r)return v(n)}else{if("function"==typeof o){for(var f=n;n;){var l=n.parentElement,c=i(n);if(l&&!l.shadowRoot&&!0===o(l))return v(n);n=n.assignedSlot?n.assignedSlot:l||c===n.ownerDocument?l:c.host}n=f}if(function(n){var t,r,e,o,u=n&&i(n),a=null===(t=u)||void 0===t?void 0:t.host,f=!1;if(u&&u!==n)for(f=!!(null!==(r=a)&&void 0!==r&&null!==(e=r.ownerDocument)&&void 0!==e&&e.contains(a)||null!=n&&null!==(o=n.ownerDocument)&&void 0!==o&&o.contains(n));!f&&a;){var l,c,d;f=!(null===(c=a=null===(l=u=i(a))||void 0===l?void 0:l.host)||void 0===c||null===(d=c.ownerDocument)||void 0===d||!d.contains(a))}return f}(n))return!n.getClientRects().length;if("legacy-full"!==r)return!0}return!1}(t,n)||function(n){return"DETAILS"===n.tagName&&Array.prototype.slice.apply(n.children).some((function(n){return"SUMMARY"===n.tagName}))}(t)||function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var t=n.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var r=0;r<t.children.length;r++){var i=t.children.item(r);if("LEGEND"===i.tagName)return!!e.call(t,"fieldset[disabled] *")||!i.contains(n)}return!0}t=t.parentElement}return!1}(t))},p=function(n,t){return!(function(n){return function(n){return d(n)&&"radio"===n.type}(n)&&!function(n){if(!n.name)return!0;var t,r=n.form||i(n),e=function(n){return r.querySelectorAll('input[type="radio"][name="'+n+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=e(window.CSS.escape(n.name));else try{t=e(n.name)}catch(n){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message),!1}var o=function(n,t){for(var r=0;r<n.length;r++)if(n[r].checked&&n[r].form===t)return n[r]}(t,n.form);return!o||o===n}(n)}(t)||l(t)<0||!s(n,t))},y=function(n){var t=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},E=function(n){var t=[],r=[];return n.forEach((function(n,e){var i=!!n.scopeParent,o=i?n.scopeParent:n,u=function(n,t){var r=l(n);return r<0&&t&&!f(n)?0:r}(o,i),a=i?E(n.candidates):o;0===u?i?t.push.apply(t,a):t.push(o):r.push({documentOrder:e,tabIndex:u,item:n,isScope:i,content:a})})),r.sort(c).reduce((function(n,t){return t.isScope?n.push.apply(n,t.content):n.push(t.content),n}),[]).concat(t)},h=function(n,t){var r;return r=(t=t||{}).getShadowRoot?a([n],t.includeContainer,{filter:p.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:y}):u(n,t.includeContainer,p.bind(null,t)),E(r)},w=function(n,t){return(t=t||{}).getShadowRoot?a([n],t.includeContainer,{filter:s.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):u(n,t.includeContainer,s.bind(null,t))},S=function(n,r){if(r=r||{},!n)throw new Error("No node provided");return!1!==e.call(n,t)&&p(r,n)},b=n.concat("iframe:not([inert]):not([inert] *)").join(","),m=function(n,t){if(t=t||{},!n)throw new Error("No node provided");return!1!==e.call(n,b)&&s(t,n)};export{m as a,w as f,l as g,S as i,h as t}

package/dist/components/index.js

@@ -1 +1 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{DsoAccordion,defineCustomElement as defineCustomElementDsoAccordion}from"./dso-accordion.js";export{DsoAccordionSection,defineCustomElement as defineCustomElementDsoAccordionSection}from"./dso-accordion-section.js";export{DsoActionList,defineCustomElement as defineCustomElementDsoActionList}from"./dso-action-list.js";export{DsoActionListItem,defineCustomElement as defineCustomElementDsoActionListItem}from"./dso-action-list-item.js";export{DsoAdvancedSelect,defineCustomElement as defineCustomElementDsoAdvancedSelect}from"./dso-advanced-select.js";export{DsoAlert,defineCustomElement as defineCustomElementDsoAlert}from"./dso-alert.js";export{DsoAnnotationActiviteit,defineCustomElement as defineCustomElementDsoAnnotationActiviteit}from"./dso-annotation-activiteit.js";export{DsoAnnotationGebiedsaanwijzing,defineCustomElement as defineCustomElementDsoAnnotationGebiedsaanwijzing}from"./dso-annotation-gebiedsaanwijzing.js";export{DsoAnnotationKaart,defineCustomElement as defineCustomElementDsoAnnotationKaart}from"./dso-annotation-kaart.js";export{DsoAnnotationLocatie,defineCustomElement as defineCustomElementDsoAnnotationLocatie}from"./dso-annotation-locatie.js";export{DsoAnnotationOmgevingsnormwaarde,defineCustomElement as defineCustomElementDsoAnnotationOmgevingsnormwaarde}from"./dso-annotation-omgevingsnormwaarde.js";export{DsoAttachmentsCounter,defineCustomElement as defineCustomElementDsoAttachmentsCounter}from"./dso-attachments-counter.js";export{DsoAutosuggest,defineCustomElement as defineCustomElementDsoAutosuggest}from"./dso-autosuggest.js";export{DsoBadge,defineCustomElement as defineCustomElementDsoBadge}from"./dso-badge.js";export{DsoBanner,defineCustomElement as defineCustomElementDsoBanner}from"./dso-banner.js";export{DsoButtonGroup,defineCustomElement as defineCustomElementDsoButtonGroup}from"./dso-button-group.js";export{DsoCard,defineCustomElement as defineCustomElementDsoCard}from"./dso-card.js";export{DsoCardContainer,defineCustomElement as defineCustomElementDsoCardContainer}from"./dso-card-container.js";export{DsoContactInformation,defineCustomElement as defineCustomElementDsoContactInformation}from"./dso-contact-information.js";export{DsoCursorTooltip,defineCustomElement as defineCustomElementDsoCursorTooltip}from"./dso-cursor-tooltip.js";export{DsoDatePicker,defineCustomElement as defineCustomElementDsoDatePicker}from"./dso-date-picker.js";export{DsoDocumentCard,defineCustomElement as defineCustomElementDsoDocumentCard}from"./dso-document-card.js";export{DsoDocumentComponent,defineCustomElement as defineCustomElementDsoDocumentComponent}from"./dso-document-component.js";export{DsoDropdownMenu,defineCustomElement as defineCustomElementDsoDropdownMenu}from"./dso-dropdown-menu.js";export{DsoExpandable,defineCustomElement as defineCustomElementDsoExpandable}from"./dso-expandable.js";export{DsoHeader,defineCustomElement as defineCustomElementDsoHeader}from"./dso-header.js";export{DsoHighlightBox,defineCustomElement as defineCustomElementDsoHighlightBox}from"./dso-highlight-box.js";export{DsoHistoryItem,defineCustomElement as defineCustomElementDsoHistoryItem}from"./dso-history-item.js";export{DsoIcon,defineCustomElement as defineCustomElementDsoIcon}from"./dso-icon.js";export{DsoIconButton,defineCustomElement as defineCustomElementDsoIconButton}from"./dso-icon-button.js";export{DsoImageOverlay,defineCustomElement as defineCustomElementDsoImageOverlay}from"./dso-image-overlay.js";export{DsoInfo,defineCustomElement as defineCustomElementDsoInfo}from"./dso-info.js";export{DsoInfoButton,defineCustomElement as defineCustomElementDsoInfoButton}from"./dso-info-button.js";export{DsoInputRange,defineCustomElement as defineCustomElementDsoInputRange}from"./dso-input-range.js";export{DsoLabel,defineCustomElement as defineCustomElementDsoLabel}from"./dso-label.js";export{DsoLegend,defineCustomElement as defineCustomElementDsoLegend}from"./dso-legend.js";export{DsoLegendGroup,defineCustomElement as defineCustomElementDsoLegendGroup}from"./dso-legend-group.js";export{DsoLegendItem,defineCustomElement as defineCustomElementDsoLegendItem}from"./dso-legend-item.js";export{DsoListButton,defineCustomElement as defineCustomElementDsoListButton}from"./dso-list-button.js";export{DsoLogo,defineCustomElement as defineCustomElementDsoLogo}from"./dso-logo.js";export{DsoMapBaseLayers,defineCustomElement as defineCustomElementDsoMapBaseLayers}from"./dso-map-base-layers.js";export{DsoMapControls,defineCustomElement as defineCustomElementDsoMapControls}from"./dso-map-controls.js";export{DsoMapLayer,defineCustomElement as defineCustomElementDsoMapLayer}from"./dso-map-layer.js";export{DsoMapLayerObject,defineCustomElement as defineCustomElementDsoMapLayerObject}from"./dso-map-layer-object.js";export{DsoMapMessage,defineCustomElement as defineCustomElementDsoMapMessage}from"./dso-map-message.js";export{DsoMapOverlays,defineCustomElement as defineCustomElementDsoMapOverlays}from"./dso-map-overlays.js";export{DsoMarkBar,defineCustomElement as defineCustomElementDsoMarkBar}from"./dso-mark-bar.js";export{DsoModal,defineCustomElement as defineCustomElementDsoModal}from"./dso-modal.js";export{DsoOnboardingTip,defineCustomElement as defineCustomElementDsoOnboardingTip}from"./dso-onboarding-tip.js";export{DsoOzonContent,defineCustomElement as defineCustomElementDsoOzonContent}from"./dso-ozon-content.js";export{DsoOzonContentToggletip,defineCustomElement as defineCustomElementDsoOzonContentToggletip}from"./dso-ozon-content-toggletip.js";export{DsoPagination,defineCustomElement as defineCustomElementDsoPagination}from"./dso-pagination.js";export{DsoPanel,defineCustomElement as defineCustomElementDsoPanel}from"./dso-panel.js";export{DsoPlekinfoCard,defineCustomElement as defineCustomElementDsoPlekinfoCard}from"./dso-plekinfo-card.js";export{DsoProgressIndicator,defineCustomElement as defineCustomElementDsoProgressIndicator}from"./dso-progress-indicator.js";export{DsoProjectItem,defineCustomElement as defineCustomElementDsoProjectItem}from"./dso-project-item.js";export{DsoRenvooi,defineCustomElement as defineCustomElementDsoRenvooi}from"./dso-renvooi.js";export{DsoResponsiveElement,defineCustomElement as defineCustomElementDsoResponsiveElement}from"./dso-responsive-element.js";export{DsoScrollable,defineCustomElement as defineCustomElementDsoScrollable}from"./dso-scrollable.js";export{DsoSegmentedButton,defineCustomElement as defineCustomElementDsoSegmentedButton}from"./dso-segmented-button.js";export{DsoSelectable,defineCustomElement as defineCustomElementDsoSelectable}from"./dso-selectable.js";export{DsoSkiplink,defineCustomElement as defineCustomElementDsoSkiplink}from"./dso-skiplink.js";export{DsoSlideToggle,defineCustomElement as defineCustomElementDsoSlideToggle}from"./dso-slide-toggle.js";export{DsoSurveyRating,defineCustomElement as defineCustomElementDsoSurveyRating}from"./dso-survey-rating.js";export{DsoTab,defineCustomElement as defineCustomElementDsoTab}from"./dso-tab.js";export{DsoTable,defineCustomElement as defineCustomElementDsoTable}from"./dso-table.js";export{DsoTabs,defineCustomElement as defineCustomElementDsoTabs}from"./dso-tabs.js";export{DsoTijdreisBanner,defineCustomElement as defineCustomElementDsoTijdreisBanner}from"./dso-tijdreis-banner.js";export{DsoTooltip,defineCustomElement as defineCustomElementDsoTooltip}from"./dso-tooltip.js";export{DsoTreeView,defineCustomElement as defineCustomElementDsoTreeView}from"./dso-tree-view.js";export{DsoViewerGrid,defineCustomElement as defineCustomElementDsoViewerGrid}from"./dso-viewer-grid.js";export{DsotDocumentComponentDemo,defineCustomElement as defineCustomElementDsotDocumentComponentDemo}from"./dsot-document-component-demo.js";
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{DsoAccordion,defineCustomElement as defineCustomElementDsoAccordion}from"./dso-accordion.js";export{DsoAccordionSection,defineCustomElement as defineCustomElementDsoAccordionSection}from"./dso-accordion-section.js";export{DsoActionList,defineCustomElement as defineCustomElementDsoActionList}from"./dso-action-list.js";export{DsoActionListItem,defineCustomElement as defineCustomElementDsoActionListItem}from"./dso-action-list-item.js";export{DsoAdvancedSelect,defineCustomElement as defineCustomElementDsoAdvancedSelect}from"./dso-advanced-select.js";export{DsoAlert,defineCustomElement as defineCustomElementDsoAlert}from"./dso-alert.js";export{DsoAnnotationActiviteit,defineCustomElement as defineCustomElementDsoAnnotationActiviteit}from"./dso-annotation-activiteit.js";export{DsoAnnotationGebiedsaanwijzing,defineCustomElement as defineCustomElementDsoAnnotationGebiedsaanwijzing}from"./dso-annotation-gebiedsaanwijzing.js";export{DsoAnnotationKaart,defineCustomElement as defineCustomElementDsoAnnotationKaart}from"./dso-annotation-kaart.js";export{DsoAnnotationLocatie,defineCustomElement as defineCustomElementDsoAnnotationLocatie}from"./dso-annotation-locatie.js";export{DsoAnnotationOmgevingsnormwaarde,defineCustomElement as defineCustomElementDsoAnnotationOmgevingsnormwaarde}from"./dso-annotation-omgevingsnormwaarde.js";export{DsoAttachmentsCounter,defineCustomElement as defineCustomElementDsoAttachmentsCounter}from"./dso-attachments-counter.js";export{DsoAutosuggest,defineCustomElement as defineCustomElementDsoAutosuggest}from"./dso-autosuggest.js";export{DsoBadge,defineCustomElement as defineCustomElementDsoBadge}from"./dso-badge.js";export{DsoBanner,defineCustomElement as defineCustomElementDsoBanner}from"./dso-banner.js";export{DsoButtonGroup,defineCustomElement as defineCustomElementDsoButtonGroup}from"./dso-button-group.js";export{DsoCard,defineCustomElement as defineCustomElementDsoCard}from"./dso-card.js";export{DsoCardContainer,defineCustomElement as defineCustomElementDsoCardContainer}from"./dso-card-container.js";export{DsoContactInformation,defineCustomElement as defineCustomElementDsoContactInformation}from"./dso-contact-information.js";export{DsoCursorTooltip,defineCustomElement as defineCustomElementDsoCursorTooltip}from"./dso-cursor-tooltip.js";export{DsoDatePicker,defineCustomElement as defineCustomElementDsoDatePicker}from"./dso-date-picker.js";export{DsoDocumentCard,defineCustomElement as defineCustomElementDsoDocumentCard}from"./dso-document-card.js";export{DsoDocumentComponent,defineCustomElement as defineCustomElementDsoDocumentComponent}from"./dso-document-component.js";export{DsoDropdownMenu,defineCustomElement as defineCustomElementDsoDropdownMenu}from"./dso-dropdown-menu.js";export{DsoDropdownMenuGroup,defineCustomElement as defineCustomElementDsoDropdownMenuGroup}from"./dso-dropdown-menu-group.js";export{DsoDropdownMenuItem,defineCustomElement as defineCustomElementDsoDropdownMenuItem}from"./dso-dropdown-menu-item.js";export{DsoExpandable,defineCustomElement as defineCustomElementDsoExpandable}from"./dso-expandable.js";export{DsoHeader,defineCustomElement as defineCustomElementDsoHeader}from"./dso-header.js";export{DsoHighlightBox,defineCustomElement as defineCustomElementDsoHighlightBox}from"./dso-highlight-box.js";export{DsoHistoryItem,defineCustomElement as defineCustomElementDsoHistoryItem}from"./dso-history-item.js";export{DsoIcon,defineCustomElement as defineCustomElementDsoIcon}from"./dso-icon.js";export{DsoIconButton,defineCustomElement as defineCustomElementDsoIconButton}from"./dso-icon-button.js";export{DsoImageOverlay,defineCustomElement as defineCustomElementDsoImageOverlay}from"./dso-image-overlay.js";export{DsoInfo,defineCustomElement as defineCustomElementDsoInfo}from"./dso-info.js";export{DsoInfoButton,defineCustomElement as defineCustomElementDsoInfoButton}from"./dso-info-button.js";export{DsoInputRange,defineCustomElement as defineCustomElementDsoInputRange}from"./dso-input-range.js";export{DsoLabel,defineCustomElement as defineCustomElementDsoLabel}from"./dso-label.js";export{DsoLegend,defineCustomElement as defineCustomElementDsoLegend}from"./dso-legend.js";export{DsoLegendGroup,defineCustomElement as defineCustomElementDsoLegendGroup}from"./dso-legend-group.js";export{DsoLegendItem,defineCustomElement as defineCustomElementDsoLegendItem}from"./dso-legend-item.js";export{DsoListButton,defineCustomElement as defineCustomElementDsoListButton}from"./dso-list-button.js";export{DsoLogo,defineCustomElement as defineCustomElementDsoLogo}from"./dso-logo.js";export{DsoMapBaseLayers,defineCustomElement as defineCustomElementDsoMapBaseLayers}from"./dso-map-base-layers.js";export{DsoMapControls,defineCustomElement as defineCustomElementDsoMapControls}from"./dso-map-controls.js";export{DsoMapLayer,defineCustomElement as defineCustomElementDsoMapLayer}from"./dso-map-layer.js";export{DsoMapLayerObject,defineCustomElement as defineCustomElementDsoMapLayerObject}from"./dso-map-layer-object.js";export{DsoMapMessage,defineCustomElement as defineCustomElementDsoMapMessage}from"./dso-map-message.js";export{DsoMapOverlays,defineCustomElement as defineCustomElementDsoMapOverlays}from"./dso-map-overlays.js";export{DsoMarkBar,defineCustomElement as defineCustomElementDsoMarkBar}from"./dso-mark-bar.js";export{DsoModal,defineCustomElement as defineCustomElementDsoModal}from"./dso-modal.js";export{DsoOnboardingTip,defineCustomElement as defineCustomElementDsoOnboardingTip}from"./dso-onboarding-tip.js";export{DsoOzonContent,defineCustomElement as defineCustomElementDsoOzonContent}from"./dso-ozon-content.js";export{DsoOzonContentToggletip,defineCustomElement as defineCustomElementDsoOzonContentToggletip}from"./dso-ozon-content-toggletip.js";export{DsoPagination,defineCustomElement as defineCustomElementDsoPagination}from"./dso-pagination.js";export{DsoPanel,defineCustomElement as defineCustomElementDsoPanel}from"./dso-panel.js";export{DsoPlekinfoCard,defineCustomElement as defineCustomElementDsoPlekinfoCard}from"./dso-plekinfo-card.js";export{DsoProgressIndicator,defineCustomElement as defineCustomElementDsoProgressIndicator}from"./dso-progress-indicator.js";export{DsoProjectItem,defineCustomElement as defineCustomElementDsoProjectItem}from"./dso-project-item.js";export{DsoRenvooi,defineCustomElement as defineCustomElementDsoRenvooi}from"./dso-renvooi.js";export{DsoResponsiveElement,defineCustomElement as defineCustomElementDsoResponsiveElement}from"./dso-responsive-element.js";export{DsoScrollable,defineCustomElement as defineCustomElementDsoScrollable}from"./dso-scrollable.js";export{DsoSegmentedButton,defineCustomElement as defineCustomElementDsoSegmentedButton}from"./dso-segmented-button.js";export{DsoSelectable,defineCustomElement as defineCustomElementDsoSelectable}from"./dso-selectable.js";export{DsoSkiplink,defineCustomElement as defineCustomElementDsoSkiplink}from"./dso-skiplink.js";export{DsoSlideToggle,defineCustomElement as defineCustomElementDsoSlideToggle}from"./dso-slide-toggle.js";export{DsoSurveyRating,defineCustomElement as defineCustomElementDsoSurveyRating}from"./dso-survey-rating.js";export{DsoTab,defineCustomElement as defineCustomElementDsoTab}from"./dso-tab.js";export{DsoTable,defineCustomElement as defineCustomElementDsoTable}from"./dso-table.js";export{DsoTabs,defineCustomElement as defineCustomElementDsoTabs}from"./dso-tabs.js";export{DsoTijdreisBanner,defineCustomElement as defineCustomElementDsoTijdreisBanner}from"./dso-tijdreis-banner.js";export{DsoTooltip,defineCustomElement as defineCustomElementDsoTooltip}from"./dso-tooltip.js";export{DsoTreeView,defineCustomElement as defineCustomElementDsoTreeView}from"./dso-tree-view.js";export{DsoViewerGrid,defineCustomElement as defineCustomElementDsoViewerGrid}from"./dso-viewer-grid.js";export{DsotDocumentComponentDemo,defineCustomElement as defineCustomElementDsotDocumentComponentDemo}from"./dsot-document-component-demo.js";

package/dist/components/index2.js

@@ -1 +1 @@
-function t(t,e=100,o={}){if("function"!=typeof t)throw new TypeError(`Expected the first parameter to be a function, got \`${typeof t}\`.`);if(e<0)throw new RangeError("`wait` must not be negative.");if("boolean"==typeof o)throw new TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");const{immediate:n}=o;let i,r,a,c,s;function f(){const e=i,o=r;return i=void 0,r=void 0,s=t.apply(e,o),s}function d(){const t=Date.now()-c;t<e&&t>=0?a=setTimeout(d,e-t):(a=void 0,n||(s=f()))}const u=function(...t){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw new Error("Debounced method called with different contexts of the same prototype.");i=this,r=t,c=Date.now();const o=n&&!a;if(a||(a=setTimeout(d,e)),o)return s=f(),s};return Object.defineProperty(u,"isPending",{get:()=>void 0!==a}),u.clear=()=>{a&&(clearTimeout(a),a=void 0,i=void 0,r=void 0)},u.flush=()=>{a&&u.trigger()},u.trigger=()=>{s=f(),u.clear()},u}export{t as d}
+import*as e from"@stencil/core/internal/client";const t=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys()){const n=e.get(t).filter((e=>{const t=e.deref();return t&&(!("isConnected"in(n=t))||n.isConnected);var n}));e.set(t,n)}})(...t)}),2e3)}})(),n=e.forceUpdate,o=e.getRenderingRef,r=(e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)},s=(e,s)=>{const c=((e,t=(e,t)=>e!==t)=>{const n=()=>{return("function"==typeof(t=e)?t():t)??{};var t},o=n();let s=new Map(Object.entries(o));const c="undefined"!=typeof Proxy,i=c?null:{},u={dispose:[],get:[],set:[],reset:[]},f=new Map,a=()=>{s=new Map(Object.entries(n())),c||w(),u.reset.forEach((e=>e()))},p=e=>(u.get.forEach((t=>t(e))),s.get(e)),l=(e,n)=>{const o=s.get(e);t(n,o,e)&&(s.set(e,n),c||b(e),u.set.forEach((t=>t(e,n,o))))},d=c?new Proxy(o,{get:(e,t)=>p(t),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>s.has(t),set:(e,t,n)=>(l(t,n),!0)}):(w(),i),g=(e,t)=>(u[e].push(t),()=>{r(u[e],t)});function b(e){!c&&i&&(Object.prototype.hasOwnProperty.call(i,e)||Object.defineProperty(i,e,{configurable:!0,enumerable:!0,get:()=>p(e),set(t){l(e,t)}}))}function w(){if(c||!i)return;const e=new Set(s.keys());for(const t of Object.keys(i))e.has(t)||delete i[t];for(const t of e)b(t)}return{state:d,get:p,set:l,on:g,onChange:(e,t)=>{const o=(n,o)=>{n===e&&t(o)},r=()=>{const o=n();t(o[e])},s=g("set",o),c=g("reset",r);return f.set(t,{setHandler:o,resetHandler:r,propName:e}),()=>{s(),c(),f.delete(t)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(g("set",t.set)),t.get&&e.push(g("get",t.get)),t.reset&&e.push(g("reset",t.reset)),t.dispose&&e.push(g("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{u.dispose.forEach((e=>e())),a()},reset:a,forceUpdate:e=>{const t=s.get(e);u.set.forEach((n=>n(e,t,t)))},removeListener:(e,t)=>{const n=f.get(t);n&&n.propName===e&&(r(u.set,n.setHandler),r(u.reset,n.resetHandler),f.delete(t))}}})(e,s);return c.use((()=>{if("function"!=typeof o||"function"!=typeof n)return{};const e=n,r=o,s=new Map;return{dispose:()=>s.clear(),get:e=>{const t=r();t&&((e,t,n)=>{let o=e.get(t);o||(o=[],e.set(t,o)),o.some((e=>e.deref()===n))||o.push(new WeakRef(n))})(s,e,t)},set:n=>{const o=s.get(n);if(o){const t=o.filter((t=>{const n=t.deref();return!!n&&e(n)}));s.set(n,t)}t(s)},reset:()=>{s.forEach((t=>{t.forEach((t=>{const n=t.deref();n&&e(n)}))})),t(s)}}})()),c};export{s as c}

package/dist/components/index3.js

@@ -0,0 +1 @@
+function t(t,e=100,o={}){if("function"!=typeof t)throw new TypeError(`Expected the first parameter to be a function, got \`${typeof t}\`.`);if(e<0)throw new RangeError("`wait` must not be negative.");if("boolean"==typeof o)throw new TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");const{immediate:n}=o;let i,r,a,c,s;function f(){const e=i,o=r;return i=void 0,r=void 0,s=t.apply(e,o),s}function d(){const t=Date.now()-c;t<e&&t>=0?a=setTimeout(d,e-t):(a=void 0,n||(s=f()))}const u=function(...t){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw new Error("Debounced method called with different contexts of the same prototype.");i=this,r=t,c=Date.now();const o=n&&!a;if(a||(a=setTimeout(d,e)),o)return s=f(),s};return Object.defineProperty(u,"isPending",{get:()=>void 0!==a}),u.clear=()=>{a&&(clearTimeout(a),a=void 0,i=void 0,r=void 0)},u.flush=()=>{a&&u.trigger()},u.trigger=()=>{s=f(),u.clear()},u}export{t as d}

package/dist/components/info-button.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{p as r,T as l}from"./tooltip.functional-component.js";import{d as a}from"./icon.js";import{d as c}from"./icon-button.js";import{d}from"./scrollable.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoToggle=o(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=t=>{this.toggletipActive&&(t.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&this.closeToggletip()}}onDocumentFocusIn(t){this.handleOutsideEvent(t)}onDocumentPointerDown(t){this.handleOutsideEvent(t)}async setFocus(){this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=r({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return e(s,{key:"41ad3d6976d58821505f0a5640807c0a55d6ebfa",onKeyDown:this.keyDownHandler},e("dso-icon-button",{key:"c1a6157d01a1e3da93ec829232e3c10689ba5b9e",variant:"tertiary",label:this.label,onDsoClick:t=>this.handleToggle(t.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:t=>this.button=t,"aria-expanded":this.toggletipActive?"true":"false","aria-controls":this.hasToggletip?"toggletip-content":void 0}),this.hasToggletip&&e(l,{key:"f7d3496067690d138339a2dbb41496df3c85d7e9",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t},e("dso-scrollable",{key:"ac265421464d919247dbc4ceea7f4c1daefb250f",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},e("slot",{key:"af1197efa5166f2618424b1424d5c438ab7089e6",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;--_dt-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.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)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],label:[513],toggletipPlacement:[513,"toggletip-placement"],toggletipActive:[32],hasToggletip:[32],setFocus:[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]);function p(){"undefined"!=typeof customElements&&["dso-info-button","dso-icon","dso-icon-button","dso-scrollable"].forEach((t=>{switch(t){case"dso-info-button":customElements.get(n(t))||customElements.define(n(t),h);break;case"dso-icon":customElements.get(n(t))||a();break;case"dso-icon-button":customElements.get(n(t))||c();break;case"dso-scrollable":customElements.get(n(t))||d()}}))}export{h as I,p as d}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{p as r,T as l}from"./tooltip.functional-component.js";import{d as a}from"./icon.js";import{d as c}from"./icon-button.js";import{d}from"./scrollable.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoToggle=o(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=t=>{this.toggletipActive&&(t.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&this.closeToggletip()}}onDocumentFocusIn(t){this.handleOutsideEvent(t)}onDocumentPointerDown(t){this.handleOutsideEvent(t)}async setFocus(){this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=r({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return e(s,{key:"31ce4940a10c5ab113b9f25c12cf40ac8d16fb59",onKeyDown:this.keyDownHandler},e("dso-icon-button",{key:"b27118b176790485247ee5a4c6c684058b652af9",variant:"tertiary",label:this.label,onDsoClick:t=>this.handleToggle(t.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:t=>this.button=t,"aria-expanded":this.toggletipActive?"true":"false","aria-controls":this.hasToggletip?"toggletip-content":void 0}),this.hasToggletip&&e(l,{key:"35ccc8f40c131e6f21061b2b06d64b593ad7dd4b",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t},e("dso-scrollable",{key:"c13c0433ec17fd17f2fae88d1acd1699eb10df17",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},e("slot",{key:"a2991c55a469c0996ae411d1828bb294c4713ae6",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.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)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],label:[513],toggletipPlacement:[513,"toggletip-placement"],toggletipActive:[32],hasToggletip:[32],setFocus:[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]);function p(){"undefined"!=typeof customElements&&["dso-info-button","dso-icon","dso-icon-button","dso-scrollable"].forEach((t=>{switch(t){case"dso-info-button":customElements.get(n(t))||customElements.define(n(t),h);break;case"dso-icon":customElements.get(n(t))||a();break;case"dso-icon-button":customElements.get(n(t))||c();break;case"dso-scrollable":customElements.get(n(t))||d()}}))}export{h as I,p as d}

package/dist/components/info.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as e,Fragment as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./icon.js";import{d}from"./icon-button.js";const c=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=t(this,"dsoClose",7)}render(){return e(i,{key:"d81ab4dea211496332b74f79201433be6b63090c"},e("slot",{key:"51d4fbc532a26ef9aef802597deef2998b7865cf"}),!this.fixed&&e("dso-icon-button",{key:"b7ce0e7b9cd19a8a958be91d87165a15e0003ac0",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return':host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_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-zwart"))}: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-zwart"))}: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-zwart"))}: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-zwart"))}:host{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}'}},[257,"dso-info",{fixed:[516],active:[516]}]);function a(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(s(o))||customElements.define(s(o),c);break;case"dso-icon":customElements.get(s(o))||n();break;case"dso-icon-button":customElements.get(s(o))||d()}}))}export{c as I,a as d}
+import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as e,Fragment as n,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./icon.js";import{d as c}from"./icon-button.js";const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=r(this,"dsoClose",7)}render(){return e(n,{key:"3155979f2b9164ed98c842e27b23ee3960aaadd4"},e("slot",{key:"056134ca144d2b3ab4268d0d12cfaa94b5a46536"}),!this.fixed&&e("dso-icon-button",{key:"99252360520991c65f3900df6290b6fb299e2857",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return":host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}"}},[257,"dso-info",{fixed:[516],active:[516]}]);function a(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(i(o))||customElements.define(i(o),d);break;case"dso-icon":customElements.get(i(o))||s();break;case"dso-icon-button":customElements.get(i(o))||c()}}))}export{d as I,a as d}

package/dist/components/label.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,Fragment as d,transformTag as a}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as i}from"./index2.js";import{p as l,T as c}from"./tooltip.functional-component.js";import{d as n}from"./icon.js";import{d as b}from"./icon-button.js";const u=new ResizeObserver(i((o=>{o.forEach((({target:o})=>{"DSO-LABEL"===o.tagName&&o._truncateLabel()}))}),150)),g=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoRemoveClick=e(this,"dsoRemoveClick",7),this.isTruncated=!1,this.labelText="",this.handleShowTooltip=()=>{this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.labelContent&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=l({referenceElement:this.labelContent,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0}))},this.handleHideTooltip=()=>{this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()}}watchRemovable(o){o?this.startMutationObserver():this.stopMutationObserver()}watchTruncate(o){o?this.startTruncate():this.stopTruncate()}keyDownListener(o){"Escape"===o.key&&this.handleHideTooltip()}async _truncateLabel(){setTimeout((()=>{var o;this.isTruncated=!!this.labelContent&&(o=this.labelContent).scrollWidth>o.clientWidth}))}syncLabelText(){this.labelText=this.host.textContent?.trim()??""}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidLoad(){this.truncate&&this.startTruncate(),this.removable&&this.startMutationObserver()}disconnectedCallback(){this.stopTruncate(),this.stopMutationObserver(!0),this.cleanUpTooltip()}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText())),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0}),this.syncLabelText()}stopMutationObserver(o=!1){!o&&this.truncate&&this.removable||(this.mutationObserver?.disconnect(),delete this.mutationObserver)}startTruncate(){u.observe(this.host),this.startMutationObserver(),this._truncateLabel()}stopTruncate(){u.unobserve(this.host),this.stopMutationObserver(),this.isTruncated=!1}render(){return t(d,{key:"a99d6cc8963369323170ebcc53e28b94b7d7c7c3"},t("span",{key:"537eb8d01a5267b8a086f9d36f3467a966b17a46","aria-describedby":this.isTruncated?"toggle-anchor":null,class:s("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},t("slot",{key:"c5b88bf55d16e7eba13b38772921569c19e7154e",name:"symbol"}),t("span",{key:"1d38e0213e1f29c766d90572445912fa11865baf",class:"dso-label-content",ref:o=>this.labelContent=o,tabindex:this.truncate&&this.isTruncated?0:void 0,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip},t("slot",{key:"f5aecdb0e9c06e07d07d9b851d09d17ffcb48201"})),this.removable&&t("dso-icon-button",{key:"22f46320e8dad5ea1a4ac74ab42c7b8112e961c0",variant:"tertiary",icon:"cross",label:`Verwijder: ${this.labelText}`,onDsoClick:o=>this.dsoRemoveClick.emit(o.detail.originalEvent),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1})),this.isTruncated&&t(c,{key:"cb87883adf00cae721807f5198517b693943e9ab",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},t("span",{key:"f511c9137ef32eda3f8d15d4fd5431907926d682",id:"toggle-anchor"},this.labelText)))}get host(){return this}static get watchers(){return{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}}static get style(){return'.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_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}.dso-label 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"))}.dso-label 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"))}.dso-label 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"))}.dso-label 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"))}.dso-label{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_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}.dso-label.dso-label-info 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"))}.dso-label.dso-label-info 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"))}.dso-label.dso-label-info 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"))}.dso-label.dso-label-info 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"))}.dso-label.dso-label-info{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_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}.dso-label.dso-label-primary 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"))}.dso-label.dso-label-primary 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"))}.dso-label.dso-label-primary 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"))}.dso-label.dso-label-primary 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"))}.dso-label.dso-label-primary{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_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}.dso-label.dso-label-success 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"))}.dso-label.dso-label-success 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"))}.dso-label.dso-label-success 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"))}.dso-label.dso-label-success 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"))}.dso-label.dso-label-success{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_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}.dso-label.dso-label-warning 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"))}.dso-label.dso-label-warning 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"))}.dso-label.dso-label-warning 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"))}.dso-label.dso-label-warning 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"))}.dso-label.dso-label-warning{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_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}.dso-label.dso-label-error 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"))}.dso-label.dso-label-error 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"))}.dso-label.dso-label-error 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"))}.dso-label.dso-label-error 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"))}.dso-label.dso-label-error{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_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}.dso-label.dso-label-attention 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"))}.dso-label.dso-label-attention 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"))}.dso-label.dso-label-attention 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"))}.dso-label.dso-label-attention 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"))}.dso-label.dso-label-attention{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_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}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_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}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-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);--_dt-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_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}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-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;--_dt-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dt-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}'}},[257,"dso-label",{compact:[516],removable:[516],status:[513],truncate:[516],removeHover:[32],removeFocus:[32],isTruncated:[32],labelText:[32],_truncateLabel:[64]},[[4,"keydown","keyDownListener"]],{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}]);function f(){"undefined"!=typeof customElements&&["dso-label","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-label":customElements.get(a(o))||customElements.define(a(o),g);break;case"dso-icon":customElements.get(a(o))||n();break;case"dso-icon-button":customElements.get(a(o))||b()}}))}export{g as L,f as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as d,Fragment as n,transformTag as e}from"@stencil/core/internal/client";import{c}from"./clsx.js";import{d as i}from"./index3.js";import{p as a,T as l}from"./tooltip.functional-component.js";import{d as s}from"./icon.js";import{d as b}from"./icon-button.js";const _=new ResizeObserver(i((o=>{o.forEach((({target:o})=>{"DSO-LABEL"===o.tagName&&o._truncateLabel()}))}),150)),u=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoRemoveClick=t(this,"dsoRemoveClick",7),this.isTruncated=!1,this.labelText="",this.handleShowTooltip=()=>{this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.labelContent&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.labelContent,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0}))},this.handleHideTooltip=()=>{this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()}}watchRemovable(o){o?this.startMutationObserver():this.stopMutationObserver()}watchTruncate(o){o?this.startTruncate():this.stopTruncate()}keyDownListener(o){"Escape"===o.key&&this.handleHideTooltip()}async _truncateLabel(){setTimeout((()=>{var o;this.isTruncated=!!this.labelContent&&(o=this.labelContent).scrollWidth>o.clientWidth}))}syncLabelText(){this.labelText=this.host.textContent?.trim()??""}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidLoad(){this.truncate&&this.startTruncate(),this.removable&&this.startMutationObserver()}disconnectedCallback(){this.stopTruncate(),this.stopMutationObserver(!0),this.cleanUpTooltip()}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText())),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0}),this.syncLabelText()}stopMutationObserver(o=!1){!o&&this.truncate&&this.removable||(this.mutationObserver?.disconnect(),delete this.mutationObserver)}startTruncate(){_.observe(this.host),this.startMutationObserver(),this._truncateLabel()}stopTruncate(){_.unobserve(this.host),this.stopMutationObserver(),this.isTruncated=!1}render(){return d(n,{key:"62ff5e1c7a7d85020e47e26766526f2c50b96a03"},d("span",{key:"c1e2cf2b3c0d7b822184b057d78be3cd351ecc52","aria-describedby":this.isTruncated?"toggle-anchor":null,class:c("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},d("slot",{key:"1bb784f120695b2827846d14b9da54c12b4e3f80",name:"symbol"}),d("span",{key:"c9fc4b3d33156fa7f53bcde7135cac5045ec1014",class:"dso-label-content",ref:o=>this.labelContent=o,tabindex:this.truncate&&this.isTruncated?0:void 0,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip},d("slot",{key:"4f8454a833534fe9d80658e78406d43cc0f216ac"})),this.removable&&d("dso-icon-button",{key:"c797dff48da44b2ec475b31434e451206ccca1de",variant:"tertiary",icon:"cross",label:`Verwijder: ${this.labelText}`,onDsoClick:o=>this.dsoRemoveClick.emit(o.detail.originalEvent),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1})),this.isTruncated&&d(l,{key:"a8feb69f90da4616a0b61c689ceb2412f989a2d8",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},d("span",{key:"211f13fc2f281a3c0bf16cdc28ed8e566318b740",id:"toggle-anchor"},this.labelText)))}get host(){return this}static get watchers(){return{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}}static get style(){return".dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}"}},[257,"dso-label",{compact:[516],removable:[516],status:[513],truncate:[516],removeHover:[32],removeFocus:[32],isTruncated:[32],labelText:[32],_truncateLabel:[64]},[[4,"keydown","keyDownListener"]],{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}]);function f(){"undefined"!=typeof customElements&&["dso-label","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-label":customElements.get(e(o))||customElements.define(e(o),u);break;case"dso-icon":customElements.get(e(o))||s();break;case"dso-icon-button":customElements.get(e(o))||b()}}))}export{u as L,f as d}

package/dist/components/modal.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as d,createEvent as s,h as i,transformTag as l}from"@stencil/core/internal/client";import{g as a}from"./get-active-element.js";import{i as e}from"./i18n.js";import{d as n}from"./icon.js";import{d as t}from"./icon-button.js";import{d as r}from"./scrollable.js";import{v as c}from"./v4.js";const m={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},b=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=s(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.ariaId=c(),this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=e((()=>this.host),m),this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=a();o instanceof d&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}disconnectedCallback(){this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogMouseDown(o){this.startedMouseDownOutsideDialog=o.target===this.htmlDialogElement}handleDialogMouseUp(o){this.endedMouseUpOutsideDialog=o.target===this.htmlDialogElement}handleDialogClick(o){this.closable&&this.startedMouseDownOutsideDialog&&this.endedMouseUpOutsideDialog&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return i("dialog",{key:"cb67b4f86a336a53950c58e478568b477814ab95",class:"dso-modal",role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onMouseDown:o=>this.handleDialogMouseDown(o),onMouseUp:o=>this.handleDialogMouseUp(o),onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},i("div",{key:"2fe648cf7531cfff5f2b99752f38a0022f79e368",class:"dso-dialog"},this.modalTitle?i("div",{class:"dso-header"},i("h2",{id:this.ariaId},this.modalTitle),this.closable&&i("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):i("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),i("dso-scrollable",{key:"9d29e590dd54cba08c75cd9a9a2bfa143b9d660a"},i("div",{key:"25604debf3b521f6edbafe7e6fdfa55a6927635f",class:"dso-body",tabIndex:0},i("slot",{key:"4c9048ce5787a64f3698b92763d380eb799f1066",name:"body"}))),this.hasFooter&&i("div",{key:"762486f200c46cf91a5ebb127f298046d9a4271d",class:"dso-footer"},i("slot",{key:"37012ed27188890dc9bc9e81d9182c3b524d7759",name:"footer"}))))}get host(){return this}static get style(){return"@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dt-button-float-tertiary:inline-start;--_dt-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dt-modal-inline-size, auto);margin:var(--_dt-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dt-button-inline-size:100%;--_dt-button-after-button-margin-inline-start:0;--_dt-button-after-button-margin-block-start:8px;--_dt-button-text-align:center;inline-size:100%}}@media screen and (max-height: 380px){.dso-modal{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:var(--_dt-modal-dialog-inline-size, 640px);margin-block-start:var(--_dt-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dt-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dt-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:var(--_dt-modal-header-close-btn, 22px);inset-inline-end:17px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dt-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dt-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}"}},[257,"dso-modal",{fullscreen:[516],modalTitle:[1,"modal-title"],dialogRole:[1,"dialog-role"],returnFocus:[4,"return-focus"],closable:[4],ariaId:[32]}]);function g(){"undefined"!=typeof customElements&&["dso-modal","dso-icon","dso-icon-button","dso-scrollable"].forEach((o=>{switch(o){case"dso-modal":customElements.get(l(o))||customElements.define(l(o),b);break;case"dso-icon":customElements.get(l(o))||n();break;case"dso-icon-button":customElements.get(l(o))||t();break;case"dso-scrollable":customElements.get(l(o))||r()}}))}export{b as M,g as d}
+import{proxyCustomElement as o,HTMLElement as d,createEvent as s,h as i,transformTag as l}from"@stencil/core/internal/client";import{g as a}from"./get-active-element.js";import{i as e}from"./i18n.js";import{d as n}from"./icon.js";import{d as t}from"./icon-button.js";import{d as r}from"./scrollable.js";import{v as c}from"./v4.js";const m={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},b=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=s(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.ariaId=c(),this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=e((()=>this.host),m),this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=a();o instanceof d&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}disconnectedCallback(){this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogMouseDown(o){this.startedMouseDownOutsideDialog=o.target===this.htmlDialogElement}handleDialogMouseUp(o){this.endedMouseUpOutsideDialog=o.target===this.htmlDialogElement}handleDialogClick(o){this.closable&&this.startedMouseDownOutsideDialog&&this.endedMouseUpOutsideDialog&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return i("dialog",{key:"ff360d453e6fa57737aca88ad7014c6f32dbddc7",class:"dso-modal",role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onMouseDown:o=>this.handleDialogMouseDown(o),onMouseUp:o=>this.handleDialogMouseUp(o),onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},i("div",{key:"6f611ad28ed40c48ff1a6c66ddf881822f1955c8",class:"dso-dialog"},this.modalTitle?i("div",{class:"dso-header"},i("h2",{id:this.ariaId},this.modalTitle),this.closable&&i("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):i("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),i("dso-scrollable",{key:"7ea88e557de1193a975824b91a7ed22bc2c78345"},i("div",{key:"95923d6c979d83a2d3ad140bfab0987c0c42d0c8",class:"dso-body",tabIndex:0},i("slot",{key:"b049dab69487db71428ce0ab8150f852ce0b371c",name:"body"}))),this.hasFooter&&i("div",{key:"e7bbb58c528281b3c509bcf0232a64e550ba8838",class:"dso-footer"},i("slot",{key:"d594c7207a231d0eb77ebc03dce19abccf6647bf",name:"footer"}))))}get host(){return this}static get style(){return"@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}}@media screen and (max-height: 380px){.dso-modal{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{inline-size:var(--_dso-modal-dialog-inline-size, 640px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:var(--_dso-modal-header-close-btn, 22px);inset-inline-end:17px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}"}},[257,"dso-modal",{fullscreen:[516],modalTitle:[1,"modal-title"],dialogRole:[1,"dialog-role"],returnFocus:[4,"return-focus"],closable:[4],ariaId:[32]}]);function g(){"undefined"!=typeof customElements&&["dso-modal","dso-icon","dso-icon-button","dso-scrollable"].forEach((o=>{switch(o){case"dso-modal":customElements.get(l(o))||customElements.define(l(o),b);break;case"dso-icon":customElements.get(l(o))||n();break;case"dso-icon-button":customElements.get(l(o))||t();break;case"dso-scrollable":customElements.get(l(o))||r()}}))}export{b as M,g as d}

package/dist/components/ozon-content-toggletip.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Fragment as i,transformTag as n}from"@stencil/core/internal/client";import{p as r,T as s}from"./tooltip.functional-component.js";import{d as l}from"./icon.js";import{d as a}from"./scrollable.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.toggle=()=>{this.active=!this.active},this.keyDownHandler=t=>{switch(t.key){case"Escape":return void(this.active=!1);case" ":case"Enter":return void this.toggle();default:return}}}handleWindowClick(t){if(!this.active)return;const o=t.composedPath(),i=o.includes(this.host),n=this.tooltipElRef&&o.includes(this.tooltipElRef);i||n||this.toggle(),n&&o.some((t=>t instanceof e&&"BUTTON"===t.tagName))&&this.toggle()}componentDidRender(){!this.cleanUpFunction&&this.active&&this.container&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=r({referenceElement:this.container,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&this.tooltipElRef&&(this.active?this.tooltipElRef?.showPopover():(this.tooltipElRef?.hidePopover(),this.cleanUpTooltip()))}disconnectedCallback(){this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}render(){return o(i,{key:"5e54dbce02b540496fb538eadedfc32a4b1eafea"},o("span",{key:"cad807753fee411572008dd1f1a2a841e1a93ab7","aria-describedby":this.active?"toggletip-tooltip":void 0,"aria-expanded":this.active.toString(),class:"toggletip-button",role:"button",tabIndex:0,onClick:this.toggle,onKeyDown:this.keyDownHandler,ref:t=>this.container=t},this.icon&&o(i,{key:"97b8db4bf26031a304a75c388991ba8c0d5b7c5c"},o("span",{key:"a8765fa2ac6e76e087e9bfe9bd627fc5f0a5c79b",class:"toggletip-label"},o("slot",{key:"00dba54661b9f0ad7e1969a83303df2198f16e65",name:"label"})),"⁠",o("dso-icon",{key:"4d720f065907db48f9b5c56bc3c57e4314ed6854",icon:this.icon})),!this.icon&&o("slot",{key:"81d39f8d9cfc6633ec9362abaa67963ab87c2b79",name:"label"})),o(s,{key:"27c78cc9b59e364f3e1e9547cd91eca219d435ab",id:"toggletip-tooltip",tipElementRef:t=>this.tooltipElRef=t,tipArrowElementRef:t=>this.tooltipArrowElRef=t},o("dso-scrollable",{key:"ca1ecf95f1b7cbb61eef69326c0ff44e203331d2",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},o("slot",{key:"ffcdba2eeb34da7e06a92eb6f150470bc847afa5"}))))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:480px}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{--_dt-rich-content-margin-block:8px;--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:var(--_dt-button-text-align, start);user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dt-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dt-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}"}},[257,"dso-ozon-content-toggletip",{icon:[513],active:[32]},[[8,"click","handleWindowClick"]]]);function d(){"undefined"!=typeof customElements&&["dso-ozon-content-toggletip","dso-icon","dso-scrollable"].forEach((t=>{switch(t){case"dso-ozon-content-toggletip":customElements.get(n(t))||customElements.define(n(t),c);break;case"dso-icon":customElements.get(n(t))||l();break;case"dso-scrollable":customElements.get(n(t))||a()}}))}export{c as O,d}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Fragment as i,transformTag as n}from"@stencil/core/internal/client";import{p as s,T as r}from"./tooltip.functional-component.js";import{d as l}from"./icon.js";import{d as a}from"./scrollable.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.toggle=()=>{this.active=!this.active},this.keyDownHandler=t=>{switch(t.key){case"Escape":return void(this.active=!1);case" ":case"Enter":return void this.toggle();default:return}}}handleWindowClick(t){if(!this.active)return;const o=t.composedPath(),i=o.includes(this.host),n=this.tooltipElRef&&o.includes(this.tooltipElRef);i||n||this.toggle(),n&&o.some((t=>t instanceof e&&"BUTTON"===t.tagName))&&this.toggle()}componentDidRender(){!this.cleanUpFunction&&this.active&&this.container&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=s({referenceElement:this.container,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&this.tooltipElRef&&(this.active?this.tooltipElRef?.showPopover():(this.tooltipElRef?.hidePopover(),this.cleanUpTooltip()))}disconnectedCallback(){this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}render(){return o(i,{key:"24a1d0f7591ce554683e85c92cdbbf29b02607aa"},o("span",{key:"5bd3286eac936c18eedb64b08514cab425d63228","aria-describedby":this.active?"toggletip-tooltip":void 0,"aria-expanded":this.active.toString(),class:"toggletip-button",role:"button",tabIndex:0,onClick:this.toggle,onKeyDown:this.keyDownHandler,ref:t=>this.container=t},this.icon&&o(i,{key:"6440939beb4167196a058db1c64c4402cee405ad"},o("span",{key:"d5555ed7f39575ad908b15181ee6dd4634752141",class:"toggletip-label"},o("slot",{key:"a5ade307e3958ffeabb56c4ae5b589be2a64bcd1",name:"label"})),"⁠",o("dso-icon",{key:"70a3995fb3f3a0a5cd1fe7c506b342814bb96b60",icon:this.icon})),!this.icon&&o("slot",{key:"f577d0c3a1130c301269ffc88df48473567d39aa",name:"label"})),o(r,{key:"3ee5e6ae5b1813692f273e41712e5859538ce389",id:"toggletip-tooltip",tipElementRef:t=>this.tooltipElRef=t,tipArrowElementRef:t=>this.tooltipArrowElRef=t},o("dso-scrollable",{key:"7075e282928afc17cae8b7f5b0af84bc56728501",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},o("slot",{key:"edab20ecf06738341aef3cec039a2fd12e0fd411"}))))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:480px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{--_dso-rich-content-margin-block:8px;--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;display:inline}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:var(--_dso-button-text-align, start);user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}"}},[257,"dso-ozon-content-toggletip",{icon:[513],active:[32]},[[8,"click","handleWindowClick"]]]);function d(){"undefined"!=typeof customElements&&["dso-ozon-content-toggletip","dso-icon","dso-scrollable"].forEach((t=>{switch(t){case"dso-ozon-content-toggletip":customElements.get(n(t))||customElements.define(n(t),c);break;case"dso-icon":customElements.get(n(t))||l();break;case"dso-scrollable":customElements.get(n(t))||a()}}))}export{c as O,d}