@dso-toolkit/core 100.4.0 → 101.1.0

package/dist/components/progress-indicator.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as e,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{i as r}from"./i18n.js";import{d as t}from"./icon.js";const a={en:{"dso-progress-indicator":{label:"Loading results. Please wait..."}},nl:{"dso-progress-indicator":{label:"Resultaten laden: een moment geduld alstublieft."}}},l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.text=r((()=>this.host),a)}render(){return i(o,{key:"756b3c77f67be36f96ff5ab888468612ba099827"},i("span",{key:"11fb5c5829de9fc1a01ba440aacf0c1577c5bf2e",class:"dso-progress-indicator-spinner",role:"progressbar","aria-labelledby":"progress-indicator-label"},i("dso-icon",{key:"2ea1050a9196781ab9f246dd50b8f1b905bf085b",icon:"spinner"})),i("span",{key:"ec94e1009c0d8aa8540ceb3bc9b745db8f591e15",id:"progress-indicator-label",class:"dso-progress-indicator-label"},this.label||this.text("label")))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-progress-indicator-spinner{display:inline-block;margin:0;position:relative;vertical-align:middle}span.dso-progress-indicator-label{margin-inline-start:16px;vertical-align:middle}:host([block]){align-items:center;display:flex;justify-content:center}:host([size=small]) .dso-progress-indicator-spinner,:host([size=small]) dso-icon,:host(:not([size=medium]):not([size=large])) .dso-progress-indicator-spinner,:host(:not([size=medium]):not([size=large])) dso-icon{block-size:24px;inline-size:24px}:host([size=small]):host([block]),:host(:not([size=medium]):not([size=large])):host([block]){padding-block:12px;padding-inline:16px}:host([size=medium]) .dso-progress-indicator-spinner,:host([size=medium]) dso-icon{block-size:32px;inline-size:32px}:host([size=medium]):host([block]){padding:16px}:host([size=large]) .dso-progress-indicator-spinner,:host([size=large]) dso-icon{block-size:48px;inline-size:48px}:host([size=large]):host([block]){padding-block:24px;padding-inline:16px}"}},[1,"dso-progress-indicator",{label:[1],size:[513],block:[516]}]);function d(){"undefined"!=typeof customElements&&["dso-progress-indicator","dso-icon"].forEach((s=>{switch(s){case"dso-progress-indicator":customElements.get(n(s))||customElements.define(n(s),l);break;case"dso-icon":customElements.get(n(s))||t()}}))}export{l as P,d}
+import{proxyCustomElement as s,HTMLElement as e,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{i as r}from"./i18n.js";import{d as t}from"./icon.js";const a={en:{"dso-progress-indicator":{label:"Loading results. Please wait..."}},nl:{"dso-progress-indicator":{label:"Resultaten laden: een moment geduld alstublieft."}}},l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.text=r((()=>this.host),a)}render(){return i(o,{key:"4c4a20f9efaed65f1238c20d9e6edb1a451a22d9"},i("span",{key:"21ce4ac50f717a0219a8e5ffd59efb2319107705",class:"dso-progress-indicator-spinner",role:"progressbar","aria-labelledby":"progress-indicator-label"},i("dso-icon",{key:"7452a5fc2d83e55f6728aa3886c259984006b708",icon:"spinner"})),i("span",{key:"654ee10f19a190b00787f9bc2e714a23f76ad6b2",id:"progress-indicator-label",class:"dso-progress-indicator-label"},this.label||this.text("label")))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-progress-indicator-spinner{display:inline-block;margin:0;position:relative;vertical-align:middle}span.dso-progress-indicator-label{margin-inline-start:16px;vertical-align:middle}:host([block]){align-items:center;display:flex;justify-content:center}:host([size=small]) .dso-progress-indicator-spinner,:host([size=small]) dso-icon,:host(:not([size=medium]):not([size=large])) .dso-progress-indicator-spinner,:host(:not([size=medium]):not([size=large])) dso-icon{block-size:24px;inline-size:24px}:host([size=small]):host([block]),:host(:not([size=medium]):not([size=large])):host([block]){padding-block:12px;padding-inline:16px}:host([size=medium]) .dso-progress-indicator-spinner,:host([size=medium]) dso-icon{block-size:32px;inline-size:32px}:host([size=medium]):host([block]){padding:16px}:host([size=large]) .dso-progress-indicator-spinner,:host([size=large]) dso-icon{block-size:48px;inline-size:48px}:host([size=large]):host([block]){padding-block:24px;padding-inline:16px}"}},[1,"dso-progress-indicator",{label:[1],size:[513],block:[516]}]);function d(){"undefined"!=typeof customElements&&["dso-progress-indicator","dso-icon"].forEach((s=>{switch(s){case"dso-progress-indicator":customElements.get(n(s))||customElements.define(n(s),l);break;case"dso-icon":customElements.get(n(s))||t()}}))}export{l as P,d}

package/dist/components/responsive-element.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as t,createEvent as e,h as i,Host as h,transformTag as n}from"@stencil/core/internal/client";const o=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsoSizeChange=e(this,"dsoSizeChange",7),this.sizeAlias=o[0].alias,this.sizeWidth=0,this.flushSizeChange=()=>{this.resizeFrameId=void 0,this.host.isConnected&&this.pendingSizeAlias&&this.pendingSizeAlias!==this.sizeAlias&&(this.sizeAlias=this.pendingSizeAlias,this.dsoSizeChange.emit(this.pendingSizeAlias))},this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");this.pendingSizeAlias=o.find((t=>s.contentRect.width>=t.width))?.alias??o[0].alias,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushSizeChange))}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.observer.unobserve(this.host)}render(){return i(h,{key:"59035c21796e17384579a80ca5d2fa0604a344db",small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},i("slot",{key:"5e0966874e73a7740a6ba97bb3c11547d5959795"}))}get host(){return this}static get style(){return":host{display:block}"}},[257,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]);function r(){"undefined"!=typeof customElements&&["dso-responsive-element"].forEach((s=>{"dso-responsive-element"===s&&(customElements.get(n(s))||customElements.define(n(s),a))}))}export{a as R,r as d}
+import{proxyCustomElement as s,HTMLElement as t,createEvent as e,h as i,Host as h,transformTag as n}from"@stencil/core/internal/client";const o=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],r=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsoSizeChange=e(this,"dsoSizeChange",7),this.sizeAlias=o[0].alias,this.sizeWidth=0,this.flushSizeChange=()=>{this.resizeFrameId=void 0,this.host.isConnected&&this.pendingSizeAlias&&this.pendingSizeAlias!==this.sizeAlias&&(this.sizeAlias=this.pendingSizeAlias,this.dsoSizeChange.emit(this.pendingSizeAlias))},this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");this.pendingSizeAlias=o.find((t=>s.contentRect.width>=t.width))?.alias??o[0].alias,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushSizeChange))}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.observer.unobserve(this.host)}render(){return i(h,{key:"c0110d27f11f4def9eb46a41fbd42c8395545ebd",small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},i("slot",{key:"b10fe19d1414143bd61a42dbf85ff85898300414"}))}get host(){return this}static get style(){return":host{display:block}"}},[257,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]);function d(){"undefined"!=typeof customElements&&["dso-responsive-element"].forEach((s=>{"dso-responsive-element"===s&&(customElements.get(n(s))||customElements.define(n(s),r))}))}export{r as R,d}

package/dist/components/scrollable.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,createEvent as s,h as t,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";const i=new Set;let l=null;function a(){l=null,i.forEach((o=>o._setScrollState())),i.clear()}const c=new ResizeObserver((o=>{o.forEach((o=>{const e=function({target:o}){return o.parentNode instanceof ShadowRoot&&d(o.parentNode.host)?o.parentNode.host:o.parentElement&&d(o.parentElement)?o.parentElement:void 0}(o);e&&i.add(e)})),null===l&&(l=requestAnimationFrame(a))}));function d(o){return"DSO-SCROLLABLE"===o.tagName}const b=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoScrollEnd=s(this,"dsoScrollEnd",7),this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{const e=o.parentElement?.closest("dso-scrollable");e===this.host&&this._setScrollState()})))),this._preventFocus=!1,this.scrollPosition="noScroll"}async _setScrollState(){if(!this.host.isConnected)return;const o=this.getScrollPosition();this.scrollPosition!==o&&(this.scrollPosition=o,"top"!==this.scrollPosition&&"bottom"!==this.scrollPosition||this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition}))}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv)return"noScroll";const{scrollHeight:o,clientHeight:e,scrollTop:s}=this.scrollContainerDiv;return o-e<8?"noScroll":0===s?"top":o-s-e<1?"bottom":s>0?"middle":"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:!0,attributes:!1,childList:!1,subtree:!0}),this.shadowContainerDiv instanceof HTMLDivElement&&c.observe(this.shadowContainerDiv),this.slottedElements.forEach((o=>c.observe(o)))}disconnectedCallback(){this.shadowContainerDiv instanceof HTMLDivElement&&c.unobserve(this.shadowContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>c.unobserve(o)))}render(){return t("div",{key:"274bcedecaffc230d15a2fa9269dc0c642f80a8b",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},t("div",{key:"e3bd6322a428e44451c1d50368ae51f58e7edc18",ref:o=>this.scrollContainerDiv=o,class:n("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState(),tabIndex:this._preventFocus?-1:void 0},t("slot",{key:"f98ac76b8e6c297ac747eb8cd541d6c22da582cc"})))}get host(){return this}static get style(){return':host{display:block;block-size:var(--_dso-scrollable-block-size, 100%);overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}'}},[257,"dso-scrollable",{_preventFocus:[4,"_prevent-focus"],scrollPosition:[32],_setScrollState:[64]}]);function h(){"undefined"!=typeof customElements&&["dso-scrollable"].forEach((o=>{"dso-scrollable"===o&&(customElements.get(r(o))||customElements.define(r(o),b))}))}export{b as S,h as d}
+import{proxyCustomElement as o,HTMLElement as s,createEvent as e,h as t,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";const i=new Set;let l=null;function a(){l=null,i.forEach((o=>o._setScrollState())),i.clear()}const d=new ResizeObserver((o=>{o.forEach((o=>{const s=function({target:o}){return o.parentNode instanceof ShadowRoot&&c(o.parentNode.host)?o.parentNode.host:o.parentElement&&c(o.parentElement)?o.parentElement:void 0}(o);s&&i.add(s)})),null===l&&(l=requestAnimationFrame(a))}));function c(o){return"DSO-SCROLLABLE"===o.tagName}const b=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoScrollEnd=e(this,"dsoScrollEnd",7),this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{const s=o.parentElement?.closest("dso-scrollable");s===this.host&&this._setScrollState()})))),this._preventFocus=!1,this.scrollPosition="noScroll"}async _setScrollState(){if(!this.host.isConnected)return;const o=this.getScrollPosition();this.scrollPosition!==o&&(this.scrollPosition=o,"top"!==this.scrollPosition&&"bottom"!==this.scrollPosition||this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition}))}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv)return"noScroll";const{scrollHeight:o,clientHeight:s,scrollTop:e}=this.scrollContainerDiv;return o-s<8?"noScroll":0===e?"top":o-e-s<1?"bottom":e>0?"middle":"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:!0,attributes:!1,childList:!1,subtree:!0}),this.shadowContainerDiv instanceof HTMLDivElement&&d.observe(this.shadowContainerDiv),this.slottedElements.forEach((o=>d.observe(o)))}disconnectedCallback(){this.shadowContainerDiv instanceof HTMLDivElement&&d.unobserve(this.shadowContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>d.unobserve(o)))}render(){return t("div",{key:"044daadd0db3bfa44f41435dec701580c8cfbe80",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},t("div",{key:"c5041f6918872db966a93e5b9f533e7707681893",ref:o=>this.scrollContainerDiv=o,class:n("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState(),tabIndex:this._preventFocus?-1:void 0},t("slot",{key:"b8021f3b5aba48a53bd9d94cf61e2fe8846f184d"})))}get host(){return this}static get style(){return':host{display:block;block-size:var(--_dso-scrollable-block-size, 100%);overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}'}},[257,"dso-scrollable",{_preventFocus:[4,"_prevent-focus"],scrollPosition:[32],_setScrollState:[64]}]);function h(){"undefined"!=typeof customElements&&["dso-scrollable"].forEach((o=>{"dso-scrollable"===o&&(customElements.get(r(o))||customElements.define(r(o),b))}))}export{b as S,h as d}

package/dist/components/selectable.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as t,forceUpdate as l,h as o,Fragment as c,transformTag as a}from"@stencil/core/internal/client";import{d as i}from"./icon.js";import{d}from"./icon-button.js";import{d as b}from"./info.js";import{d as n}from"./info-button.js";import{d as r}from"./scrollable.js";function p(){return Math.random().toString(16).slice(-4)}const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoChange=t(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=`DsoSelectable-${p()}${p()}-${p()}-${p()}-${p()}-${p()}${p()}${p()}`,this.handleOnChange=e=>{const s=e.target instanceof HTMLInputElement?e.target:void 0;this.dsoChange.emit({originalEvent:e,checked:!!s?.checked,name:this.name,value:this.value}),l(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>l(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){this.mutationObserver?.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){const e=!!this.host.querySelector('[slot="info"]'),s=[e&&this.infoFixed?this.describedById:void 0,this.errormessage].filter((e=>void 0!==e)).join(" ")||void 0;return o(c,{key:"4fcfaccfc2f046747059a236b95e94fd0ff63eda"},o("div",{key:"b157a7b0666bff6a70c6f73c8f01e0f404be59a6",class:"dso-selectable-container"},o("div",{key:"0ae8a012600400a2ad5613a40b5edc7ed2e3697b",class:"dso-selectable-input-wrapper"},o("input",{key:"3766067fdbd363f009d8e468efa744cff7806125",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":this.invalid?.toString(),"aria-describedby":s,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),o("label",this.labelledById?null:{htmlFor:this.getIdentifier()},o("slot",null))),e&&!this.infoFixed&&o("dso-info-button",{key:"372012b7f352dbbec302bd8b8eb8ba06f61afb3b",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&o("dso-info",{key:"9df3328a5f9e511ce3c3e47198f8962ad9fd8e5f",id:e&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},o("div",{key:"669eeac1998e756335e46e571f09ed128b510b88"},o("slot",{key:"7988c3530d3b595a0bd8e276c5880bf23c32f480",name:"info"}))),o("slot",{key:"03944fb01644124409295f56dc44e7753d9d34e8",name:"options"}))}componentDidRender(){this.input&&"boolean"==typeof this.checked&&this.input.checked!==this.checked&&(this.input.checked=this.checked)}getIdentifier(){return this.identifier??this.fallbackIdentifier}get host(){return this}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}static get style(){return'.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}'}},[262,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],errormessage:[1],labelledById:[1,"labelled-by-id"],disabled:[4],required:[4],checked:[516],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],toggleInfo:[64]},void 0,{indeterminate:[{setIndeterminate:0}]}]);function f(){"undefined"!=typeof customElements&&["dso-selectable","dso-icon","dso-icon-button","dso-info","dso-info-button","dso-scrollable"].forEach((e=>{switch(e){case"dso-selectable":customElements.get(a(e))||customElements.define(a(e),h);break;case"dso-icon":customElements.get(a(e))||i();break;case"dso-icon-button":customElements.get(a(e))||d();break;case"dso-info":customElements.get(a(e))||b();break;case"dso-info-button":customElements.get(a(e))||n();break;case"dso-scrollable":customElements.get(a(e))||r()}}))}export{h as S,f as d}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as t,forceUpdate as l,h as c,Fragment as o,transformTag as a}from"@stencil/core/internal/client";import{d as i}from"./icon.js";import{d}from"./icon-button.js";import{d as b}from"./info.js";import{d as n}from"./info-button.js";import{d as r}from"./scrollable.js";function p(){return Math.random().toString(16).slice(-4)}const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoChange=t(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=`DsoSelectable-${p()}${p()}-${p()}-${p()}-${p()}-${p()}${p()}${p()}`,this.handleOnChange=e=>{const s=e.target instanceof HTMLInputElement?e.target:void 0;this.dsoChange.emit({originalEvent:e,checked:!!s?.checked,name:this.name,value:this.value}),l(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>l(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){this.mutationObserver?.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){const e=!!this.host.querySelector('[slot="info"]'),s=[e&&this.infoFixed?this.describedById:void 0,this.errormessage].filter((e=>void 0!==e)).join(" ")||void 0;return c(o,{key:"68845031d900fd4e836859c6628a6049a3f27ade"},c("div",{key:"f177f07dce575305a6fb165ca81c02ae09d7afa7",class:"dso-selectable-container"},c("div",{key:"0769aa30e6aaa1f6961d83ebaa7a0c083d42a009",class:"dso-selectable-input-wrapper"},c("input",{key:"c93ec1b0ada9abf961064c3bdfbe529fcf3933c2",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":this.invalid?.toString(),"aria-describedby":s,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),c("label",this.labelledById?null:{htmlFor:this.getIdentifier()},c("slot",null))),e&&!this.infoFixed&&c("dso-info-button",{key:"56e99d443552b32995befbea8dc16b656f38ac92",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&c("dso-info",{key:"59872ab73d6977023d5fd3fdecb3c30161877a6c",id:e&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},c("div",{key:"19f24fdacb00641989b95442a9c1b2c66a0bbdfd"},c("slot",{key:"45b881d9baef21e4cefa662ec0e8d8620779bfe7",name:"info"}))),c("slot",{key:"bdc7f35cd2d93d9d5710b250bfaa565b26d51e7f",name:"options"}))}componentDidRender(){this.input&&"boolean"==typeof this.checked&&this.input.checked!==this.checked&&(this.input.checked=this.checked)}getIdentifier(){return this.identifier??this.fallbackIdentifier}get host(){return this}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}static get style(){return'.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not(:disabled),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not(:disabled){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}'}},[262,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],errormessage:[1],labelledById:[1,"labelled-by-id"],disabled:[4],required:[4],checked:[516],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],toggleInfo:[64]},void 0,{indeterminate:[{setIndeterminate:0}]}]);function f(){"undefined"!=typeof customElements&&["dso-selectable","dso-icon","dso-icon-button","dso-info","dso-info-button","dso-scrollable"].forEach((e=>{switch(e){case"dso-selectable":customElements.get(a(e))||customElements.define(a(e),h);break;case"dso-icon":customElements.get(a(e))||i();break;case"dso-icon-button":customElements.get(a(e))||d();break;case"dso-info":customElements.get(a(e))||b();break;case"dso-info-button":customElements.get(a(e))||n();break;case"dso-scrollable":customElements.get(a(e))||r()}}))}export{h as S,f as d}

package/dist/components/slide-toggle.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as l,h as d,Fragment as i,transformTag as t}from"@stencil/core/internal/client";import{v as o}from"./v4.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoActiveChange=l(this,"dsoActiveChange",5),this.checked=!1,this.disabled=!1,this.identifier=o()}handleSwitch(e){this.dsoActiveChange.emit({originalEvent:e,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=null!==this.host.querySelector("*")}render(){return d(i,{key:"f223b48bd6d589546dc52d62c75e31ab99e0ef87"},d("button",{key:"b4590c86a7f8f70c8c55c860133a5a427ae02a65",id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:e=>this.handleSwitch(e),...this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},...this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}},d("svg",{key:"b2076589f34804cb099217efa9eaf124f39df6e5",xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},d("g",{key:"d5916e9d40ff2c98715c48447c1e06042322dd8e",fill:"none","fill-rule":"evenodd"},d("rect",{key:"8f50a3a0f1bb71ee5bacd20d7c5ad2209c23a270",width:"40",height:"20",fill:"currentColor",rx:"10"}),d("circle",{key:"422b4a4d496a8f7f2332849a9f59030d118ac93e",cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&d("label",{key:"f43a29b79dbe3860647f33d42fac4ff6183910f5",htmlFor:this.identifier},d("slot",{key:"e73863c80c3a35b007c9cce7c6a7a9c01edf5ef9"})))}get host(){return this}static get style(){return".sc-dso-slide-toggle-h{display:inline-block;padding-block-start:calc((1.5rem - 20px) * 0.5)}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}"}},[262,"dso-slide-toggle",{checked:[4],disabled:[4],accessibleLabel:[1,"accessible-label"],labelledbyId:[1,"labelledby-id"],identifier:[1],hasVisibleLabel:[32]}]);function r(){"undefined"!=typeof customElements&&["dso-slide-toggle"].forEach((e=>{"dso-slide-toggle"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}export{c as S,r as d}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as l,h as d,Fragment as i,transformTag as t}from"@stencil/core/internal/client";import{v as o}from"./v4.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoActiveChange=l(this,"dsoActiveChange",5),this.checked=!1,this.disabled=!1,this.identifier=o()}handleSwitch(e){this.dsoActiveChange.emit({originalEvent:e,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=null!==this.host.querySelector("*")}render(){return d(i,{key:"64a97f9d83968bdebbc47b3bb4a3a2351505ad61"},d("button",{key:"692a3db28c1d319ad3da63d632f0064b7e08af75",id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:e=>this.handleSwitch(e),...this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},...this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}},d("svg",{key:"4b4f22a4128da3c283c57c182705534df87cecb2",xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},d("g",{key:"948390a81782cfe675544c9e79863cd966bb0a08",fill:"none","fill-rule":"evenodd"},d("rect",{key:"690fb1aa53236f9d8ab8fd37043d4c8a63a86f01",width:"40",height:"20",fill:"currentColor",rx:"10"}),d("circle",{key:"9a34f945b81e9796438d1044d199feafc9404e5e",cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&d("label",{key:"c2de4147452d4a3266261f902fc2cc1704310d04",htmlFor:this.identifier},d("slot",{key:"a03022da8ddce1a038652c88b43f6cb6e59e07d1"})))}get host(){return this}static get style(){return".sc-dso-slide-toggle-h{display:inline-block;padding-block-start:calc((1.5rem - 20px) * 0.5)}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}"}},[262,"dso-slide-toggle",{checked:[4],disabled:[4],accessibleLabel:[1,"accessible-label"],labelledbyId:[1,"labelledby-id"],identifier:[1],hasVisibleLabel:[32]}]);function r(){"undefined"!=typeof customElements&&["dso-slide-toggle"].forEach((e=>{"dso-slide-toggle"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}export{c as S,r as d}

package/dist/components/table.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as a,Host as r,Fragment as s,transformTag as t}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{d}from"./icon.js";import{d as i}from"./icon-button.js";import{d as l}from"./modal.js";import{d as c}from"./scrollable.js";import{v as b}from"./v4.js";const p=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.shouldFocusButton=!1,this.openModalHandler=()=>this.openModal(),this.noModal=!1,this.modalActive=!1}startResponsiveBehavior(){this.resizeObserver?.observe(this.host)}scheduleResponsiveTable(o){this.pendingResizeEntry=o,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame((()=>{this.resizeFrameId=void 0,this.pendingResizeEntry&&(this.setResponsiveTable(this.pendingResizeEntry),this.pendingResizeEntry=void 0)})))}componentWillLoad(){this.resizeObserver=new ResizeObserver(n((o=>{if(!o[0])throw new Error("No dsoTable found");this.scheduleResponsiveTable(o[0])}),200))}componentDidLoad(){this.startResponsiveBehavior()}componentDidRender(){this.syncOpenModalButton()}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.resizeObserver?.disconnect(),this.openModalButton?.removeEventListener("click",this.openModalHandler),this.openModalButton?.remove(),this.openModalButton=void 0}render(){const o=this.host.querySelector(":scope > table > caption")?.textContent?.trim(),e=o||"Uitvergrote tabel";return a(r,{key:"8fc50f457933f687048719f717917d959252d288","is-responsive":this.isResponsive?.toString()},this.modalActive&&this.placeholderHeight&&a("div",{key:"f1371e96868734154cb211d0f1001051f9de2656",class:"dso-table-placeholder",style:{height:`${this.placeholderHeight}px`}}),this.modalActive?a("dso-modal",{modalTitle:o?e:void 0,closable:!0,returnFocus:!1,onDsoClose:()=>this.closeModal()},!o&&a("span",{slot:"body",class:"sr-only"},e),a("div",{slot:"body",class:"dso-table-body"},a("slot",null))):a(s,null,a("div",{class:"dso-table-utilities",hidden:!this.isResponsive&&this.noModal},this.isResponsive&&a("div",{class:"dso-responsive-message"},a("span",null,"beweeg de tabel van links naar rechts")),!this.noModal&&a("slot",{name:"open-modal-button"})),a("div",{class:"dso-table-body"},a("slot",null))))}openModal(){this.placeholderHeight=this.host.clientHeight,this.modalActive=!0}closeModal(){this.placeholderHeight=void 0,this.modalActive=!1,this.shouldFocusButton=!0}syncOpenModalButton(){const o=this.host.querySelector(":scope > table");if(o&&!o.id&&(o.id=`dso-table-${b()}`),this.noModal||this.modalActive)return this.openModalButton?.removeEventListener("click",this.openModalHandler),this.openModalButton?.remove(),void(this.openModalButton=void 0);if(!this.openModalButton){const o=document.createElement("button");o.type="button",o.className="dso-tertiary open-modal-button",o.setAttribute("slot","open-modal-button"),o.addEventListener("click",this.openModalHandler);const e=document.createElement("span");e.className="sr-only";const a=document.createElement("span");a.textContent="vergroten";const r=document.createElement("dso-icon");r.setAttribute("icon","external-link"),o.append(e,a,r),this.host.appendChild(o),this.openModalButton=o}const e=o?.querySelector(":scope > caption")?.textContent?.trim(),a=this.openModalButton.querySelector(".sr-only");a&&(a.textContent=`tabel ${e??""} `),o?.id?this.openModalButton.setAttribute("aria-controls",o.id):this.openModalButton.removeAttribute("aria-controls"),this.shouldFocusButton&&(this.shouldFocusButton=!1,this.openModalButton.focus())}setResponsiveTable(o){const e=o.target.querySelector("table");if(o&&e instanceof HTMLTableElement){const a=Math.floor(e.getBoundingClientRect().width)>Math.floor(o.contentRect.width);this.isResponsive!==a&&(this.isResponsive=a)}}get host(){return this}static get style(){return"button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  a.dso-primary, button.dso-primary, label.dso-primary {   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; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible {   outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after {   content: \"\";   display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff);   float: var(--_dso-button-float-primary, none); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff);   float: var(--_dso-button-float-primary, none); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff);   float: var(--_dso-button-float-primary, none); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small {   line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after {   background-image: var(--_dso-di-download-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background-image: var(--_dso-di-external-link-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   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; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible {   outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after {   content: \"\";   display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small {   line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after {   background-image: var(--_dso-di-download-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-download-bosgroen); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after {   background-image: var(--_dso-di-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background-image: var(--_dso-di-external-link-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-external-link-bosgroen); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after {   background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   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; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   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; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small {   line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   padding-block: 9px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span {   vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   position: relative;   inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after {   background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-download-grasgroen-40); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after {   background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-bosgroen)); } a.dso-map, button.dso-map, label.dso-map {   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; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active {   outline: 0; } a.dso-map, button.dso-map, label.dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } a.dso-map:active, button.dso-map:active, label.dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small {   line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; }  a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {   color: #fff;   text-decoration: none; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible {   text-decoration: none; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: var(--_dso-button-tertiary-color, #39870c); }  .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary {   margin-block-start: var(--_dso-button-after-button-margin-block-start, 0);   margin-inline-start: var(--_dso-button-after-button-margin-inline-start, 16px); }  :host {   --_dso-modal-inline-size: 100dvi;   --_dso-modal-margin: 0;   --_dso-modal-dialog-inline-size: 100%;   --_dso-modal-dialog-margin-block-start: 1rem;   --_dso-modal-dialog-margin-inline-start: 1rem;   --_dso-modal-dialog-margin-inline-end: 1rem;   display: block;   margin-block-end: 24px; }  :host([is-responsive=true]) .dso-table-body {   border: 1px solid #ccc;   margin-block-end: 0;   overflow-y: auto;   inline-size: 100%; }  .dso-table-utilities:not([hidden]) {   align-items: center;   display: flex;   justify-content: flex-end;   margin-block-end: 8px; } .dso-table-utilities:not([hidden]):has(.dso-responsive-message) {   justify-content: space-between; } .dso-table-utilities:not([hidden]) .dso-responsive-message {   margin-block-end: 0; } .dso-table-utilities:not([hidden]) .dso-responsive-message:only-child {   inline-size: 100%; }  .dso-responsive-message {   font-size: 0.8em;   margin-block-end: 8px;   position: relative;   text-align: center; }  .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-table-placeholder {   box-shadow: inset 0 0 0 1px #ccc;   display: grid;   place-content: center; }"}},[257,"dso-table",{noModal:[516,"no-modal"],isResponsive:[32],modalActive:[32],placeholderHeight:[32]}]);function m(){"undefined"!=typeof customElements&&["dso-table","dso-icon","dso-icon-button","dso-modal","dso-scrollable"].forEach((o=>{switch(o){case"dso-table":customElements.get(t(o))||customElements.define(t(o),p);break;case"dso-icon":customElements.get(t(o))||d();break;case"dso-icon-button":customElements.get(t(o))||i();break;case"dso-modal":customElements.get(t(o))||l();break;case"dso-scrollable":customElements.get(t(o))||c()}}))}export{p as T,m as d}
+import{proxyCustomElement as o,HTMLElement as e,h as a,Host as r,Fragment as s,transformTag as t}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{d}from"./icon.js";import{d as i}from"./icon-button.js";import{d as l}from"./modal.js";import{d as c}from"./scrollable.js";import{v as b}from"./v4.js";const p=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.shouldFocusButton=!1,this.openModalHandler=()=>this.openModal(),this.noModal=!1,this.modalActive=!1}startResponsiveBehavior(){this.resizeObserver?.observe(this.host)}scheduleResponsiveTable(o){this.pendingResizeEntry=o,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame((()=>{this.resizeFrameId=void 0,this.pendingResizeEntry&&(this.setResponsiveTable(this.pendingResizeEntry),this.pendingResizeEntry=void 0)})))}componentWillLoad(){this.resizeObserver=new ResizeObserver(n((o=>{if(!o[0])throw new Error("No dsoTable found");this.scheduleResponsiveTable(o[0])}),200))}componentDidLoad(){this.startResponsiveBehavior()}componentDidRender(){this.syncOpenModalButton()}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.resizeObserver?.disconnect(),this.openModalButton?.removeEventListener("click",this.openModalHandler),this.openModalButton?.remove(),this.openModalButton=void 0}render(){const o=this.host.querySelector(":scope > table > caption")?.textContent?.trim(),e=o||"Uitvergrote tabel";return a(r,{key:"cc679e90e830606f3b1d131fe537ecde181444eb","is-responsive":this.isResponsive?.toString()},this.modalActive&&this.placeholderHeight&&a("div",{key:"b3d883e89ebbf1918aa23c2a1d2ae35eb8e713cd",class:"dso-table-placeholder",style:{height:`${this.placeholderHeight}px`}}),this.modalActive?a("dso-modal",{modalTitle:o?e:void 0,closable:!0,returnFocus:!1,onDsoClose:()=>this.closeModal()},!o&&a("span",{slot:"body",class:"sr-only"},e),a("div",{slot:"body",class:"dso-table-body"},a("slot",null))):a(s,null,a("div",{class:"dso-table-utilities",hidden:!this.isResponsive&&this.noModal},this.isResponsive&&a("div",{class:"dso-responsive-message"},a("span",null,"beweeg de tabel van links naar rechts")),!this.noModal&&a("slot",{name:"open-modal-button"})),a("div",{class:"dso-table-body"},a("slot",null))))}openModal(){this.placeholderHeight=this.host.clientHeight,this.modalActive=!0}closeModal(){this.placeholderHeight=void 0,this.modalActive=!1,this.shouldFocusButton=!0}syncOpenModalButton(){const o=this.host.querySelector(":scope > table");if(o&&!o.id&&(o.id=`dso-table-${b()}`),this.noModal||this.modalActive)return this.openModalButton?.removeEventListener("click",this.openModalHandler),this.openModalButton?.remove(),void(this.openModalButton=void 0);if(!this.openModalButton){const o=document.createElement("button");o.type="button",o.className="dso-tertiary open-modal-button",o.setAttribute("slot","open-modal-button"),o.addEventListener("click",this.openModalHandler);const e=document.createElement("span");e.className="sr-only";const a=document.createElement("span");a.textContent="vergroten";const r=document.createElement("dso-icon");r.setAttribute("icon","external-link"),o.append(e,a,r),this.host.appendChild(o),this.openModalButton=o}const e=o?.querySelector(":scope > caption")?.textContent?.trim(),a=this.openModalButton.querySelector(".sr-only");a&&(a.textContent=`tabel ${e??""} `),o?.id?this.openModalButton.setAttribute("aria-controls",o.id):this.openModalButton.removeAttribute("aria-controls"),this.shouldFocusButton&&(this.shouldFocusButton=!1,this.openModalButton.focus())}setResponsiveTable(o){const e=o.target.querySelector("table");if(o&&e instanceof HTMLTableElement){const a=Math.floor(e.getBoundingClientRect().width)>Math.floor(o.contentRect.width);this.isResponsive!==a&&(this.isResponsive=a)}}get host(){return this}static get style(){return"button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  a.dso-primary, button.dso-primary, label.dso-primary {   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; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible {   outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after {   content: \"\";   display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff);   float: var(--_dso-button-float-primary, none); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff);   float: var(--_dso-button-float-primary, none); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff);   float: var(--_dso-button-float-primary, none); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small {   line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after {   background-image: var(--_dso-di-download-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background-image: var(--_dso-di-external-link-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   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; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible {   outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after {   content: \"\";   display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small {   line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after {   background-image: var(--_dso-di-download-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-download-bosgroen); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after {   background-image: var(--_dso-di-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background-image: var(--_dso-di-external-link-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-external-link-bosgroen); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after {   background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   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; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   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; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small {   line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   padding-block: 9px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span {   vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   position: relative;   inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after {   background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-download-grasgroen-40); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after {   background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-bosgroen)); } a.dso-map, button.dso-map, label.dso-map {   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; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active {   outline: 0; } a.dso-map, button.dso-map, label.dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } a.dso-map:active, button.dso-map:active, label.dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small {   line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; }  a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {   color: #fff;   text-decoration: none; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible {   text-decoration: none; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: var(--_dso-button-tertiary-color, #39870c); }  .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary {   margin-block-start: var(--_dso-button-after-button-margin-block-start, 0);   margin-inline-start: var(--_dso-button-after-button-margin-inline-start, 16px); }  :host {   --_dso-modal-inline-size: 100dvi;   --_dso-modal-margin: 0;   --_dso-modal-dialog-inline-size: 100%;   --_dso-modal-dialog-margin-block-start: 1rem;   --_dso-modal-dialog-margin-inline-start: 1rem;   --_dso-modal-dialog-margin-inline-end: 1rem;   display: block;   margin-block-end: 24px; }  :host([is-responsive=true]) .dso-table-body {   border: 1px solid #ccc;   margin-block-end: 0;   overflow-y: auto;   inline-size: 100%; }  .dso-table-utilities:not([hidden]) {   align-items: center;   display: flex;   justify-content: flex-end;   margin-block-end: 8px; } .dso-table-utilities:not([hidden]):has(.dso-responsive-message) {   justify-content: space-between; } .dso-table-utilities:not([hidden]) .dso-responsive-message {   margin-block-end: 0; } .dso-table-utilities:not([hidden]) .dso-responsive-message:only-child {   inline-size: 100%; }  .dso-responsive-message {   font-size: 0.8em;   margin-block-end: 8px;   position: relative;   text-align: center; }  .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-table-placeholder {   box-shadow: inset 0 0 0 1px #ccc;   display: grid;   place-content: center; }"}},[257,"dso-table",{noModal:[516,"no-modal"],isResponsive:[32],modalActive:[32],placeholderHeight:[32]}]);function m(){"undefined"!=typeof customElements&&["dso-table","dso-icon","dso-icon-button","dso-modal","dso-scrollable"].forEach((o=>{switch(o){case"dso-table":customElements.get(t(o))||customElements.define(t(o),p);break;case"dso-icon":customElements.get(t(o))||d();break;case"dso-icon-button":customElements.get(t(o))||i();break;case"dso-modal":customElements.get(t(o))||l();break;case"dso-scrollable":customElements.get(t(o))||c()}}))}export{p as T,m as d}

package/dist/components/truncate.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{T as r}from"./tooltip.controller.js";import{T as n}from"./tooltip.functional-component.js";const a=new WeakMap,c=new ResizeObserver((t=>{for(const{target:e}of t)a.get(e)?.()})),l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.truncated=!1,this.tooltipController=new r({getReferenceElement:()=>this.contentElement,getTipElement:()=>this.tooltipElement,getTipArrowElement:()=>this.tooltipArrowElement,getPlacement:()=>"top"}),this.checkTruncation=()=>{this.contentElement&&(this.truncated=this.hasEllipses(this.contentElement))},this.updateTooltipContent=()=>{if(this.slotElement&&this.tooltipContentElement){const t=this.slotElement.assignedNodes({flatten:!0}).map((t=>this.cloneNodeRecursive(t)));this.tooltipContentElement.replaceChildren(...t)}},this.showTooltip=()=>{this.truncated&&(this.updateTooltipContent(),this.tooltipController.show())},this.hideTooltip=()=>{this.tooltipController.hide()},this.setTooltipContentElement=t=>{this.tooltipContentElement=t},this.setContentElement=t=>{this.contentElement&&this.unobserve(this.contentElement),this.contentElement=t,this.contentElement&&(this.observe(this.contentElement),this.checkTruncation())}}keyDownListener(t){this.truncated&&"Escape"===t.key&&this.hideTooltip()}observe(t){a.set(t,this.checkTruncation),c.observe(t)}unobserve(t){c.unobserve(t),a.delete(t)}hasEllipses(t){return t.scrollWidth>t.clientWidth}copyCustomElementProperties(t,i){if(t instanceof e&&i instanceof e){const e=Object.getPrototypeOf(t);for(const o of Object.getOwnPropertyNames(e)){if("constructor"===o||"text"===o)continue;const s=Object.getOwnPropertyDescriptor(e,o);if(!s?.get||!s.set)continue;const r=Reflect.get(t,o);void 0!==r&&Reflect.set(i,o,r)}}}cloneNodeRecursive(t){if(t.nodeType===Node.TEXT_NODE)return t.cloneNode();if(!(t instanceof e))return t.cloneNode(!0);const i=t.cloneNode(!1);for(const e of Array.from(t.childNodes))i.appendChild(this.cloneNodeRecursive(e));return this.copyCustomElementProperties(t,i),i}connectedCallback(){this.contentElement&&(this.observe(this.contentElement),this.checkTruncation())}disconnectedCallback(){this.contentElement&&this.unobserve(this.contentElement),this.tooltipController.dispose()}render(){return i(o,{key:"7044e989155cf26d80d85d664059ea505df09498"},i("span",{key:"dbf788a0775a4be2dc276737c9095fd26470b13c",class:"dso-truncate-content",ref:this.setContentElement,tabindex:this.truncated?0:void 0,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip,onFocus:this.showTooltip,onBlur:this.hideTooltip},i("slot",{key:"cb197369b2da8df36102e4ba0f93d2b1a6130da2",ref:t=>this.slotElement=t})),i(n,{key:"53ab33a7445a4774fcdba91af4c702dae9f5c2a2",tipElementRef:t=>this.tooltipElement=t,tipArrowElementRef:t=>this.tooltipArrowElement=t},i("div",{key:"5c7ad1a1275b527530fca85e0ebbb312a391bf4b",ref:this.setTooltipContentElement,"aria-hidden":"true"})))}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:block}.dso-truncate-content{display:inline-block;max-inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;text-decoration:inherit}.dso-truncate-content:focus-visible{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}"}},[257,"dso-truncate",{truncated:[32]},[[4,"keydown","keyDownListener"]]]);function d(){"undefined"!=typeof customElements&&["dso-truncate"].forEach((t=>{"dso-truncate"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}export{l as T,d}

package/dist/dso-toolkit/dso-toolkit.esm.js

@@ -1 +1 @@
-import{p as e,B as a,c as o,w as t,N as i,H as n,b as l}from"./p-2sI1K6K0.js";export{s as setNonce}from"./p-2sI1K6K0.js";import{g as d}from"./p-DQuL1Twl.js";var r=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const o=a.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&o.appendChild(t[e].cloneNode(!0));return o}};(()=>{a.isDev&&!a.isTesting&&o("Running in development mode."),a.cloneNodeFix&&r(n.prototype);const l=a.scriptDataOpts?t.document&&Array.from(t.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,s=import.meta.url,d=a.scriptDataOpts&&(l||{})["data-opts"]||{};return""!==s&&(d.resourcesUrl=new URL(".",s).href),e(d)})().then((async e=>(await d(),l(JSON.parse('[["p-0b1d6ae8",[[1,"dso-icon-button",{"icon":[513],"label":[513],"variant":[513],"tooltipPlacement":[513,"tooltip-placement"],"disabled":[516],"expanded":[516],"toggled":[516],"setFocus":[64]}],[1,"dso-icon",{"icon":[1]}]]],["p-37c83fa7",[[2,"dsot-document-component-demo",{"showCanvas":[516,"show-canvas"],"showBesluitversie":[4,"show-besluitversie"],"jsonFile":[1,"json-file"],"openDefault":[4,"open-default"],"mode":[513],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"response":[32],"document":[32],"openOrClosed":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]},null,{"jsonFile":[{"jsonFileWatcher":0}],"openDefault":[{"openDefaultWatcher":0}]}]]],["p-179c804c",[[257,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"wijzigactie":[1],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[516,"has-nested-accordion"],"label":[1],"labelStatus":[1,"label-status"],"activatable":[516],"active":[516],"hover":[32],"focusHandle":[64]}]]],["p-4d7fa0e9",[[257,"dso-list-button",{"label":[513],"sublabel":[513],"count":[514],"min":[520],"max":[520],"checked":[516],"disabled":[516],"subcontentPrefix":[513,"subcontent-prefix"]}]]],["p-cafa54b4",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["p-e5cd6084",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["p-7ff8aa45",[[17,"dso-advanced-select",{"options":[16],"active":[16],"activeHint":[1,"active-hint"],"open":[32]},[[8,"keydown","keyDownListener"]]]]],["p-d64bd153",[[1,"dso-annotation-activiteit",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"regelKwalificatie":[1,"regel-kwalificatie"],"locatieNoemers":[16],"regelKwalificatieVoorzetsel":[1,"regel-kwalificatie-voorzetsel"]}]]],["p-54036b31",[[1,"dso-annotation-gebiedsaanwijzing",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1]}]]],["p-a3003466",[[1,"dso-annotation-omgevingsnormwaarde",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"toelichting":[1],"waardes":[16],"eenheid":[1]}]]],["p-19fa3db4",[[257,"dso-legend-item",{"disabled":[516],"disabledMessage":[513,"disabled-message"],"activatable":[516],"active":[516],"_mode":[513],"showOptions":[32]}]]],["p-9aea5b98",[[257,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]},[[0,"transitionend","handleTransitionEnd"]],{"open":[{"watchOpen":0}]}]]],["p-b1fc14cc",[[1,"dso-annotation-kaart",{"wijzigactie":[513],"naam":[1],"href":[513]}]]],["p-6a68177b",[[262,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"mark":[16],"showSuggestions":[32],"selectedSuggestion":[32],"selectedSuggestionGroup":[32],"notFound":[32],"showLoading":[32]},[[8,"keydown","handleSearchBarButtonKeydown"],[4,"click","onDocumentClick"]],{"suggestions":[{"suggestionsWatcher":0}]}]]],["p-e2ff8b0c",[[257,"dso-legend",{"tabItems":[16]}]]],["p-300882d5",[[257,"dso-project-item",{"label":[1]}]]],["p-a00c540b",[[1,"dso-survey-rating"]]],["p-4632a0df",[[257,"dso-dropdown-menu",{"checkable":[6660],"label":[513],"variant":[513],"open":[32],"_getState":[64]},[[0,"dsoClick","dsoClickHandler"]]]]],["p-5612fca8",[[257,"dso-header",{"mainMenu":[16],"compact":[1],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"showHelp":[4,"show-help"],"helpUrl":[1,"help-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"userHomeActive":[4,"user-home-active"],"visibleMenuItemsCount":[32],"dropdownOptionsOffset":[32],"open":[32]},null,{"mainMenu":[{"mainMenuChanged":0}]}]]],["p-8eda69f2",[[257,"dso-legend-group",{"mode":[513]},null,{"mode":[{"handleModeChange":0}]}]]],["p-9c96a21a",[[1,"dso-mark-bar",{"value":[1],"label":[1],"current":[2],"totalCount":[2,"total-count"],"dsoFocus":[64]}]]],["p-a0ac6345",[[257,"dso-onboarding-tip",{"placement":[1],"ready":[32],"popoverOpen":[32]}]]],["p-e4181a16",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-c8ead3ad",[[257,"dso-shopping-cart",{"mode":[513],"toggleable":[516]}]]],["p-e442fe62",[[257,"dso-shopping-cart-item",{"mode":[513],"warning":[516],"editable":[516],"removable":[516]}]]],["p-0150c527",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["p-b26c5285",[[257,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["p-e3d0debf",[[257,"dso-banner",{"status":[513],"compact":[516],"icon":[516]}]]],["p-13e28f82",[[257,"dso-card",{"href":[513],"mode":[513],"active":[516]}]]],["p-5901d652",[[257,"dso-document-card",{"href":[513],"active":[516]}]]],["p-bb0d9c4a",[[257,"dso-dropdown-menu-item",{"type":[513],"href":[513],"checked":[516],"_dsoFocus":[64]}]]],["p-8cbb00ac",[[257,"dso-history-item",{"type":[513],"href":[513],"current":[516]}]]],["p-52d7dd12",[[257,"dso-map-layer",{"activatable":[516],"active":[516],"wijzigactie":[513]}]]],["p-f1047e57",[[257,"dso-map-layer-object",{"active":[516],"wijzigactie":[513]}]]],["p-1ee5fdd2",[[257,"dso-map-message",{"variant":[513],"hasActions":[32],"showMessage":[32]}]]],["p-2153bba4",[[257,"dso-plekinfo-card",{"wijzigactie":[513],"href":[513],"targetBlank":[4,"target-blank"],"active":[516]}]]],["p-67bdfcdd",[[1,"dso-skiplink",{"to":[513],"label":[513]}]]],["p-47e2a6ae",[[257,"dso-tijdreis-banner"]]],["p-6a53b29f",[[257,"dso-accordion",{"variant":[6145],"reverseAlign":[6148,"reverse-align"],"_getState":[64]}]]],["p-d819abc5",[[257,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["p-42bf0148",[[257,"dso-card-container",{"mode":[513]}]]],["p-a43a81a4",[[257,"dso-contact-information"]]],["p-c0735ea5",[[257,"dso-cursor-tooltip"]]],["p-36a98cb8",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"required":[516],"invalid":[516],"describedBy":[1,"described-by"],"dsoAutofocus":[4,"dso-autofocus"],"value":[513],"min":[1],"max":[1]}]]],["p-b093e2f2",[[257,"dso-dropdown-menu-group",{"label":[513]}]]],["p-3ed9443d",[[257,"dso-grid-column",{"columns":[513],"overlay":[516],"overlayActive":[32]},null,{"overlay":[{"overlayWatcher":0}]}]]],["p-64331ac9",[[257,"dso-hero-image"]]],["p-3a6a1010",[[257,"dso-highlight-box",{"yellow":[516],"border":[516],"white":[516],"green":[516],"dropShadow":[516,"drop-shadow"],"step":[514]}]]],["p-4aa3ca6c",[[1,"dso-input-range",{"min":[514],"max":[514],"value":[514],"step":[514],"label":[513],"unit":[513],"description":[513]}]]],["p-cca237f7",[[1,"dso-logo",{"name":[513],"logoUrl":[513,"logo-url"],"label":[513],"labelUrl":[513,"label-url"],"ribbon":[513]}]]],["p-32b07ce7",[[1,"dso-segmented-button",{"groupName":[513,"group-name"],"options":[16],"label":[513],"required":[516],"activeOption":[16]}]]],["p-4ec77050",[[257,"dso-tab",{"active":[516],"disabled":[516],"href":[1],"_dsoFocus":[64]}]]],["p-7ebf7e11",[[257,"dso-tabs"]]],["p-d8dfaacb",[[257,"dso-viewer-grid",{"filterPanelTitle":[513,"filter-panel-title"],"filterPanelOpen":[516,"filter-panel-open"],"overlayOpen":[516,"overlay-open"],"documentPanelOpen":[516,"document-panel-open"],"print":[516],"mainSize":[513,"main-size"],"activeTab":[1,"active-tab"],"documentPanelSize":[513,"document-panel-size"],"mainPanelExpanded":[4,"main-panel-expanded"],"mainPanelHidden":[4,"main-panel-hidden"],"tabView":[32],"_checkMainPanelVisibility":[64]},null,{"documentPanelOpen":[{"documentPanelOpenWatcher":0}],"filterPanelOpen":[{"filterPanelOpenWatcher":0}],"overlayOpen":[{"overlayOpenWatcher":0}]}]]],["p-1f197259",[[257,"dso-button-group",{"direction":[513]}]]],["p-7119884a",[[1,"dso-ozon-content",{"content":[1],"inline":[516],"mark":[16],"urlResolver":[16],"begripResolver":[16],"annotated":[516],"state":[32]},null,{"content":[{"contentWatcher":0}]}],[257,"dso-alert",{"status":[513],"roleAlert":[4,"role-alert"],"compact":[516],"closable":[4]}],[257,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[32],"modalActive":[32],"placeholderHeight":[32]}],[257,"dso-image-overlay",{"wijzigactie":[1],"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]],[257,"dso-ozon-content-toggletip",{"icon":[513],"active":[32]},[[8,"click","handleWindowClick"]]],[257,"dso-panel",{"closeButtonLabel":[1,"close-button-label"],"emphasized":[4]}],[257,"dso-badge",{"status":[513],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32]}]]],["p-432f9847",[[1,"dso-renvooi",{"value":[1],"mark":[16]}],[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}]}],[262,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]],["p-de86de0a",[[257,"dso-document-component",{"headingLevel":[514,"heading-level"],"kop":[6145],"inhoud":[6145],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"badge":[513],"badgeStatus":[513,"badge-status"],"badgeTooltip":[513,"badge-tooltip"],"label":[513],"labelStatus":[513,"label-status"],"annotated":[516],"gereserveerd":[6145],"vervallen":[6145],"openAnnotation":[516,"open-annotation"],"alternativeTitle":[513,"alternative-title"],"type":[513],"wijzigactie":[513],"annotationsWijzigactie":[513,"annotations-wijzigactie"],"mark":[16],"recursiveToggle":[8,"recursive-toggle"],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"mode":[513],"href":[513]}],[1,"dso-annotation-locatie",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"locatieNoemer":[1,"locatie-noemer"]}]]],["p-6835e07d",[[1,"dso-attachments-counter",{"count":[514]}],[257,"dso-expandable",{"open":[516],"enableAnimation":[516,"enable-animation"],"minimumHeight":[2,"minimum-height"],"isClosed":[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{"open":[{"toggleOpen":0}]}]]],["p-6f7241e5",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[516]}]]],["p-780ebd6c",[[257,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["p-63fce2aa",[[257,"dso-scrollable",{"_preventFocus":[4,"_prevent-focus"],"scrollPosition":[32],"_setScrollState":[64]}]]],["p-640306bf",[[1,"dso-modal",{"fullscreen":[516],"modalTitle":[1,"modal-title"],"dialogRole":[1,"dialog-role"],"returnFocus":[4,"return-focus"],"closable":[4],"ariaId":[32],"narrowView":[32]}]]],["p-ead6c401",[[262,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"errormessage":[1],"labelledById":[1,"labelled-by-id"],"disabled":[4],"required":[4],"checked":[516],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]},null,{"indeterminate":[{"setIndeterminate":0}]}],[257,"dso-info",{"fixed":[516],"active":[516]}],[257,"dso-info-button",{"active":[516],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32],"setFocus":[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]]]]'),e))));
+import{p as e,B as o,c as a,w as t,N as i,H as n,b as l}from"./p-2sI1K6K0.js";export{s as setNonce}from"./p-2sI1K6K0.js";import{g as d}from"./p-DQuL1Twl.js";var c=e=>{const o=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return o.call(this,e);const a=o.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&a.appendChild(t[e].cloneNode(!0));return a}};(()=>{o.isDev&&!o.isTesting&&a("Running in development mode."),o.cloneNodeFix&&c(n.prototype);const l=o.scriptDataOpts?t.document&&Array.from(t.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,s=import.meta.url,d=o.scriptDataOpts&&(l||{})["data-opts"]||{};return""!==s&&(d.resourcesUrl=new URL(".",s).href),e(d)})().then((async e=>(await d(),l(JSON.parse('[["p-0b1d6ae8",[[1,"dso-icon-button",{"icon":[513],"label":[513],"variant":[513],"tooltipPlacement":[513,"tooltip-placement"],"disabled":[516],"expanded":[516],"toggled":[516],"setFocus":[64]}],[1,"dso-icon",{"icon":[1]}]]],["p-83ab25e2",[[2,"dsot-document-component-demo",{"showCanvas":[516,"show-canvas"],"showBesluitversie":[4,"show-besluitversie"],"jsonFile":[1,"json-file"],"openDefault":[4,"open-default"],"mode":[513],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"response":[32],"document":[32],"openOrClosed":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]},null,{"jsonFile":[{"jsonFileWatcher":0}],"openDefault":[{"openDefaultWatcher":0}]}]]],["p-1007fdd3",[[257,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"wijzigactie":[1],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[516,"has-nested-accordion"],"label":[1],"labelStatus":[1,"label-status"],"activatable":[516],"active":[516],"hover":[32],"focusHandle":[64]}]]],["p-7ff8aa45",[[17,"dso-advanced-select",{"options":[16],"active":[16],"activeHint":[1,"active-hint"],"open":[32]},[[8,"keydown","keyDownListener"]]]]],["p-d64bd153",[[1,"dso-annotation-activiteit",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"regelKwalificatie":[1,"regel-kwalificatie"],"locatieNoemers":[16],"regelKwalificatieVoorzetsel":[1,"regel-kwalificatie-voorzetsel"]}]]],["p-54036b31",[[1,"dso-annotation-gebiedsaanwijzing",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1]}]]],["p-a3003466",[[1,"dso-annotation-omgevingsnormwaarde",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"toelichting":[1],"waardes":[16],"eenheid":[1]}]]],["p-8e4964ac",[[257,"dso-list-button",{"label":[513],"sublabel":[513],"count":[514],"min":[520],"max":[520],"checked":[516],"disabled":[516],"subcontentPrefix":[513,"subcontent-prefix"]}]]],["p-25483f0a",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["p-29dc27dc",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["p-c15a3689",[[257,"dso-legend-item",{"disabled":[516],"disabledMessage":[513,"disabled-message"],"activatable":[516],"active":[516],"_mode":[513],"showOptions":[32]}]]],["p-26c32a38",[[257,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]},[[0,"transitionend","handleTransitionEnd"]],{"open":[{"watchOpen":0}]}]]],["p-ec2fc65e",[[257,"dso-project-item",{"label":[1]}]]],["p-b1fc14cc",[[1,"dso-annotation-kaart",{"wijzigactie":[513],"naam":[1],"href":[513]}]]],["p-6a68177b",[[262,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"mark":[16],"showSuggestions":[32],"selectedSuggestion":[32],"selectedSuggestionGroup":[32],"notFound":[32],"showLoading":[32]},[[8,"keydown","handleSearchBarButtonKeydown"],[4,"click","onDocumentClick"]],{"suggestions":[{"suggestionsWatcher":0}]}]]],["p-e3ba6480",[[257,"dso-legend",{"tabItems":[16]}]]],["p-6bc7de9b",[[1,"dso-survey-rating"]]],["p-5f6a6095",[[257,"dso-dropdown-menu",{"checkable":[6660],"label":[513],"variant":[513],"open":[32],"_getState":[64]},[[0,"dsoClick","dsoClickHandler"]]]]],["p-036e7b74",[[257,"dso-header",{"mainMenu":[16],"compact":[1],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"showHelp":[4,"show-help"],"helpUrl":[1,"help-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"userHomeActive":[4,"user-home-active"],"visibleMenuItemsCount":[32],"dropdownOptionsOffset":[32],"open":[32]},null,{"mainMenu":[{"mainMenuChanged":0}]}]]],["p-9b4dc3ef",[[257,"dso-legend-group",{"mode":[513]},null,{"mode":[{"handleModeChange":0}]}]]],["p-835cd682",[[1,"dso-mark-bar",{"value":[1],"label":[1],"current":[2],"totalCount":[2,"total-count"],"dsoFocus":[64]}]]],["p-6a99c0bb",[[257,"dso-onboarding-tip",{"placement":[1],"ready":[32],"popoverOpen":[32]}]]],["p-e4181a16",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-6bcf7a01",[[257,"dso-shopping-cart",{"mode":[513],"toggleable":[516]}]]],["p-e442fe62",[[257,"dso-shopping-cart-item",{"mode":[513],"warning":[516],"editable":[516],"removable":[516]}]]],["p-2a32cbeb",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["p-b26c5285",[[257,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["p-e3d0debf",[[257,"dso-banner",{"status":[513],"compact":[516],"icon":[516]}]]],["p-d0196ffd",[[257,"dso-card",{"href":[513],"mode":[513],"active":[516]}]]],["p-5901d652",[[257,"dso-document-card",{"href":[513],"active":[516]}]]],["p-bb0d9c4a",[[257,"dso-dropdown-menu-item",{"type":[513],"href":[513],"checked":[516],"_dsoFocus":[64]}]]],["p-8cbb00ac",[[257,"dso-history-item",{"type":[513],"href":[513],"current":[516]}]]],["p-3825c4e5",[[257,"dso-map-layer",{"activatable":[516],"active":[516],"wijzigactie":[513]}]]],["p-0ee52216",[[257,"dso-map-layer-object",{"active":[516],"wijzigactie":[513]}]]],["p-823c047d",[[257,"dso-map-message",{"variant":[513],"hasActions":[32],"showMessage":[32]}]]],["p-1c1b27c0",[[257,"dso-plekinfo-card",{"wijzigactie":[513],"href":[513],"targetBlank":[4,"target-blank"],"active":[516]}]]],["p-b8a0d3b9",[[257,"dso-plekinfo-card-item",{"wijzigactie":[513],"hasSublabel":[32],"hasMeta":[32]}]]],["p-08a7e828",[[1,"dso-skiplink",{"to":[513],"label":[513]}]]],["p-38616371",[[257,"dso-tijdreis-banner"]]],["p-aec8f591",[[257,"dso-accordion",{"variant":[6145],"reverseAlign":[6148,"reverse-align"],"_getState":[64]}]]],["p-d819abc5",[[257,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["p-13c27118",[[257,"dso-card-container",{"mode":[513]}]]],["p-a43a81a4",[[257,"dso-contact-information"]]],["p-c0735ea5",[[257,"dso-cursor-tooltip"]]],["p-0630c10c",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"required":[516],"invalid":[516],"describedBy":[1,"described-by"],"dsoAutofocus":[4,"dso-autofocus"],"value":[513],"min":[8],"max":[8]}]]],["p-b093e2f2",[[257,"dso-dropdown-menu-group",{"label":[513]}]]],["p-3ed9443d",[[257,"dso-grid-column",{"columns":[513],"overlay":[516],"overlayActive":[32]},null,{"overlay":[{"overlayWatcher":0}]}]]],["p-64331ac9",[[257,"dso-hero-image"]]],["p-3a6a1010",[[257,"dso-highlight-box",{"yellow":[516],"border":[516],"white":[516],"green":[516],"dropShadow":[516,"drop-shadow"],"step":[514]}]]],["p-4aa3ca6c",[[1,"dso-input-range",{"min":[514],"max":[514],"value":[514],"step":[514],"label":[513],"unit":[513],"description":[513]}]]],["p-e2c97b41",[[1,"dso-logo",{"name":[513],"logoUrl":[513,"logo-url"],"label":[513],"labelUrl":[513,"label-url"],"ribbon":[513]}]]],["p-fb8860e1",[[1,"dso-segmented-button",{"groupName":[513,"group-name"],"options":[16],"label":[513],"required":[516],"activeOption":[16]}]]],["p-4ec77050",[[257,"dso-tab",{"active":[516],"disabled":[516],"href":[1],"_dsoFocus":[64]}]]],["p-8f90718f",[[257,"dso-tabs"]]],["p-904250ca",[[257,"dso-viewer-grid",{"filterPanelTitle":[513,"filter-panel-title"],"filterPanelOpen":[516,"filter-panel-open"],"overlayOpen":[516,"overlay-open"],"documentPanelOpen":[516,"document-panel-open"],"print":[516],"mainSize":[513,"main-size"],"activeTab":[1,"active-tab"],"documentPanelSize":[513,"document-panel-size"],"mainPanelExpanded":[4,"main-panel-expanded"],"mainPanelHidden":[4,"main-panel-hidden"],"tabView":[32],"_checkMainPanelVisibility":[64]},null,{"documentPanelOpen":[{"documentPanelOpenWatcher":0}],"filterPanelOpen":[{"filterPanelOpenWatcher":0}],"overlayOpen":[{"overlayOpenWatcher":0}]}]]],["p-1f197259",[[257,"dso-button-group",{"direction":[513]}]]],["p-58c0e2ef",[[257,"dso-document-component",{"headingLevel":[514,"heading-level"],"kop":[6145],"inhoud":[6145],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"badge":[513],"badgeStatus":[513,"badge-status"],"badgeTooltip":[513,"badge-tooltip"],"label":[513],"labelStatus":[513,"label-status"],"annotated":[516],"gereserveerd":[6145],"vervallen":[6145],"openAnnotation":[516,"open-annotation"],"alternativeTitle":[513,"alternative-title"],"type":[513],"wijzigactie":[513],"annotationsWijzigactie":[513,"annotations-wijzigactie"],"mark":[16],"recursiveToggle":[8,"recursive-toggle"],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"mode":[513],"href":[513]}],[1,"dso-annotation-locatie",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"locatieNoemer":[1,"locatie-noemer"]}]]],["p-6835e07d",[[1,"dso-attachments-counter",{"count":[514]}],[257,"dso-expandable",{"open":[516],"enableAnimation":[516,"enable-animation"],"minimumHeight":[2,"minimum-height"],"isClosed":[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{"open":[{"toggleOpen":0}]}]]],["p-9df806f0",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[516]}]]],["p-227620ac",[[257,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["p-b8a488af",[[257,"dso-truncate",{"truncated":[32]},[[4,"keydown","keyDownListener"]]]]],["p-5f2269ec",[[257,"dso-scrollable",{"_preventFocus":[4,"_prevent-focus"],"scrollPosition":[32],"_setScrollState":[64]}]]],["p-04844de1",[[1,"dso-modal",{"fullscreen":[516],"modalTitle":[1,"modal-title"],"dialogRole":[1,"dialog-role"],"returnFocus":[4,"return-focus"],"closable":[4],"ariaId":[32],"narrowView":[32]}]]],["p-9f214aa4",[[262,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"errormessage":[1],"labelledById":[1,"labelled-by-id"],"disabled":[4],"required":[4],"checked":[516],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]},null,{"indeterminate":[{"setIndeterminate":0}]}],[257,"dso-info",{"fixed":[516],"active":[516]}],[257,"dso-info-button",{"active":[516],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32],"setFocus":[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]]],["p-bc3eb1dd",[[1,"dso-ozon-content",{"content":[1],"inline":[516],"mark":[16],"urlResolver":[16],"begripResolver":[16],"annotated":[516],"state":[32]},null,{"content":[{"contentWatcher":0}]}],[257,"dso-alert",{"status":[513],"roleAlert":[4,"role-alert"],"compact":[516],"closable":[4]}],[257,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[32],"modalActive":[32],"placeholderHeight":[32]}],[257,"dso-image-overlay",{"wijzigactie":[1],"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]],[257,"dso-ozon-content-toggletip",{"icon":[513],"active":[32]},[[8,"click","handleWindowClick"]]],[257,"dso-panel",{"closeButtonLabel":[1,"close-button-label"],"emphasized":[4]}],[257,"dso-badge",{"status":[513],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32]}]]],["p-801a459f",[[1,"dso-renvooi",{"value":[1],"mark":[16]}],[257,"dso-label",{"compact":[516],"removable":[516],"status":[513],"truncate":[516],"removeHover":[32],"removeFocus":[32],"labelText":[32]},null,{"removable":[{"watchRemovable":0}]}],[262,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]]]'),e))));

package/dist/dso-toolkit/p-036e7b74.entry.js

@@ -0,0 +1 @@
+import{h as i,r as o,d as n,f as e,a as t,F as s,g as r}from"./p-2sI1K6K0.js";import{a as d,c as a,o as l,f as p,d as h}from"./p-DMUqzLuy.js";import{c as u}from"./p-ChV9xqsO.js";import{t as m}from"./p-B7w6tF4K.js";import{g as c}from"./p-BWkWD1Z2.js";import{i as b}from"./p-xDSTG4OU.js";import{i as g}from"./p-Hgv-pDpy.js";import{v}from"./p-CK3_k8jD.js";const w={en:{"dso-header":{menuOpen:"Close",menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menuOpen:"Sluiten",menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}},f=({item:o,onClick:n,key:e,ref:t})=>i("li",{class:u({"dso-active":o.active}),key:e,ref:t},i("a",{href:o.url,"aria-current":o.active?"page":void 0,onClick:n},o.label)),x=class{constructor(i){o(this,i),this.dsoHeaderClick=n(this,"dsoHeaderClick",7),this.mainMenu=[],this.compact="auto",this.authStatus="none",this.showHelp=!1,this.userHomeActive=!1,this.visibleMenuItemsCount=void 0,this.dropdownOptionsOffset=0,this.open=!1,this.escape=()=>{this.dropdownButtonElement?.focus(),this.toggleOptions()},this.keyDownHandler=i=>{if(!i.defaultPrevented&&this.open){switch(i.key){case"Tab":this.tabInPopup(this.tabbables(!0),i.shiftKey?-1:1);break;case"ArrowDown":this.tabInPopup(this.tabbables(!1),1);break;case"ArrowUp":this.tabInPopup(this.tabbables(!1),-1);break;case"Escape":this.escape();break;case" ":i.target instanceof HTMLElement&&i.target.click();break;default:return}i.preventDefault()}},this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=void 0},this.clickHandler=(i,o,n)=>{this.toggleOptions(!1),this.dsoHeaderClick.emit({originalEvent:i,isModifiedEvent:g(i),type:o,menuItem:n?.menuItem,url:n?.url??n?.menuItem?.url})},this.menuItemElementRefs=[],this.text=b((()=>this.host),w),this.flushResize=()=>{this.resizeFrameId=void 0,this.host.isConnected&&(this.resetVisibleMenuItems(),this.toggleOptions(!1),this.dropdownOptionsOffset=0,e(this.host))},this.scheduleResize=()=>{void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushResize))},this.resizeObserver=new ResizeObserver((()=>{this.scheduleResize()})),this.focusOutListener=i=>{!this.open||i.relatedTarget instanceof HTMLElement&&this.tabbables(!0).includes(i.relatedTarget)||this.toggleOptions(!1)}}mainMenuChanged(){this.resetVisibleMenuItems()}tabInPopup(i,o){let n=i.findIndex((i=>i===c()))+o;n>=i.length?n=0:n<0&&(n=i.length-1),i[n]?.focus()}get isCompact(){return"always"===this.compact||window.innerWidth<992}get isMobileViewport(){return window.innerWidth<=480}calculateOverflowMenuItemCount(i){const o=i.offsetWidth,n=this.menuItemElementRefs[this.menuItemElementRefs.length-1],e=this.userHomeMenuItemElementRef??n,t=this.dropdownMenuItemElementRef;if(!e||!t||!n)return this.menuItemElementRefs.length;const s=t.offsetLeft+t.offsetWidth-(n.offsetLeft+n.offsetWidth);if(e.offsetLeft+e.offsetWidth-s<=o)return this.menuItemElementRefs.length;const r=o-s-(this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(t.offsetLeft+t.offsetWidth):0),d=this.menuItemElementRefs.findIndex((i=>i&&i.offsetLeft+i.offsetWidth>r));return d<0?this.menuItemElementRefs.length:d}calculateDropdownOptionsOffset(){return this.dropdownElement?this.host.clientHeight-(this.dropdownElement?.getBoundingClientRect().bottom-this.host.getBoundingClientRect().top):0}get visibleMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect(),void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.toggleOptions(!1)}componentDidRender(){if(this.host.isConnected&&(this.isCompact&&this.dropdownElement&&(this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()),void 0===this.visibleMenuItemsCount&&this.navElement&&(this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)),this.open&&this.popoverElement&&!this.cleanUp&&this.dropdownButtonElement)){const i=this.popoverElement;let o=!0;const n=(o,n)=>{if(i.isConnected){if(this.pendingPopoverConstraints){const o=i.querySelector(".dropdown-menu-options")??i;Object.assign(o.style,{maxHeight:`${this.pendingPopoverConstraints.availableHeight}px`,maxInlineSize:`${this.pendingPopoverConstraints.availableWidth}px`})}Object.assign(i.style,{left:`${o}px`,top:`${n}px`})}},e=d(this.dropdownButtonElement,i,(()=>{this.dropdownButtonElement&&a(this.dropdownButtonElement,i,{strategy:"fixed",middleware:[l(this.dropdownOptionsOffset),p({padding:this.dropdownOptionsOffset}),h({apply:({availableHeight:i,availableWidth:o})=>{this.pendingPopoverConstraints={availableWidth:o,availableHeight:i}}})],placement:this.isCompact?"bottom-end":"bottom-start"}).then((({x:i,y:e})=>{if(o)return o=!1,void n(i,e);void 0!==this.popoverFrameId&&cancelAnimationFrame(this.popoverFrameId),this.popoverFrameId=requestAnimationFrame((()=>{this.popoverFrameId=void 0,n(i,e)}))}))}));this.cleanUp=()=>{void 0!==this.popoverFrameId&&(cancelAnimationFrame(this.popoverFrameId),this.popoverFrameId=void 0),e()}}}render(){return i(t,{key:"cb1ed3299e9c55352cab476696bd2d6ad94cbd54","is-compact":this.isCompact},i("div",{key:"218cefd65ca18da0237e39fba0aba06259119254",class:"dso-header"},i("div",{key:"c7681803acf271892e46819e3d9568ebc3ed849a",class:"logo-container"},i("slot",{key:"cba4cf96314214ee2af03501ede754c879d31fec",name:"logo"})),this.renderHeaderSession(),this.isCompact?this.renderCompact():this.renderNormal()))}tabbables(i){const o=this.dropdownElement?m(this.dropdownElement):[];return i?o:o.filter((i=>i!==this.dropdownButtonElement))}toggleOptions(i){this.open=i??!this.open,this.popoverElement?.isConnected&&this.popoverElement?.togglePopover(this.open),!this.open&&this.cleanUp&&(this.cleanUp(),this.cleanUp=void 0)}renderHelp(){return this.helpUrl?i("a",{href:this.helpUrl,class:"dso-tertiary",onClick:i=>this.clickHandler(i,"help",{url:this.helpUrl})},i("span",null,this.text("help")),i("dso-icon",{icon:"help-outline"})):i("button",{class:"dso-tertiary",type:"button",onClick:i=>this.clickHandler(i,"help")},i("span",null,this.text("help")),i("dso-icon",{icon:"help-outline"}))}renderLogin(o=!0){return this.loginUrl?i("a",{href:this.loginUrl,class:o?"dso-tertiary":void 0,onClick:i=>this.clickHandler(i,"login",{url:this.loginUrl})},i("dso-icon",{icon:"user-outline"}),i("span",null,this.text("login"))):i("button",{class:o?"dso-tertiary":void 0,type:"button",onClick:i=>this.clickHandler(i,"login")},i("dso-icon",{icon:"user-outline"}),i("span",null,this.text("login")))}renderLogout(){return this.logoutUrl?i("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:i=>this.clickHandler(i,"logout",{url:this.logoutUrl})},this.text("logout")):i("button",{class:"dso-tertiary",type:"button",onClick:i=>this.clickHandler(i,"logout")},this.text("logout"))}renderHeaderSession(){return i("div",{class:"dso-header-session"},!this.isCompact&&i(s,null,this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&i("div",{class:"profile"},i("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:i=>this.clickHandler(i,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&i("div",{class:"login"},this.renderLogin()),"loggedIn"===this.authStatus&&i("div",{class:"logout"},this.renderLogout())),this.showHelp&&!this.isMobileViewport&&i("div",{class:"help"},this.renderHelp()))}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||"none"!==this.authStatus)&&i("div",{class:"dropdown"},i("div",{class:"dropdown-menu",onFocusout:this.focusOutListener,ref:i=>this.dropdownElement=i},i("button",{id:v(),type:"button",onClick:()=>this.toggleOptions(),ref:i=>this.dropdownButtonElement=i,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false"},this.renderMenuToggleContent(this.isMobileViewport,this.open)),i("div",{popover:"manual",ref:i=>this.popoverElement=i},i("dso-scrollable",{class:"dropdown-menu-options",role:"menu","aria-labelledby":this.dropdownButtonElement?.id,onKeyDown:this.keyDownHandler},i("ul",{role:"group"},this.mainMenu.map((o=>i(f,{item:o,onClick:i=>this.clickHandler(i,"menuItem",{menuItem:o}),key:o.label}))),this.userHomeUrl&&i("li",{role:"menuitem"},i("a",{href:this.userHomeUrl,onClick:i=>this.clickHandler(i,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&i("li",{role:"menuitem"},i("a",{href:this.userProfileUrl,onClick:i=>this.clickHandler(i,"profile",{url:this.userProfileUrl})},this.userProfileName,i("span",{class:"profile-label"}," - Mijn profiel"))),"loggedIn"===this.authStatus&&i("li",{role:"menuitem"},this.renderLogout()),"loggedOut"===this.authStatus&&i("li",{role:"menuitem"},this.renderLogin()),this.showHelp&&this.isMobileViewport&&i("li",{role:"menuitem"},this.renderHelp()))))))}renderMenuToggleContent(o,n){return i(s,null,i("span",null,this.text(n&&o?"menuOpen":"menu")),i("dso-icon",o?{icon:n?"cross":"bars"}:{icon:n?"chevron-up":"chevron-down"}))}renderNormal(){return this.menuItemElementRefs=[],i(s,null,(this.mainMenu.length>0||this.userHomeUrl)&&i("nav",{class:"dso-navbar"},i("ul",{class:u("dso-nav","dso-nav-main",{ready:void 0!==this.visibleMenuItemsCount}),ref:i=>this.navElement=i},this.visibleMainMenuItems.map(((o,n)=>i(f,{item:o,onClick:i=>this.clickHandler(i,"menuItem",{menuItem:o}),key:o.label,ref:i=>this.menuItemElementRefs[n]=i}))),(void 0===this.visibleMenuItemsCount||this.hiddenMainMenuItems.length>0)&&i("li",{"aria-hidden":void 0===this.visibleMenuItemsCount,ref:i=>this.dropdownMenuItemElementRef=i,class:"dropdown-menu-item"},i("div",{class:"dropdown-menu",onFocusout:this.focusOutListener,ref:i=>this.dropdownElement=i},i("button",{id:v(),type:"button",onClick:()=>this.toggleOptions(),ref:i=>this.dropdownButtonElement=i,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false"},i("span",null,this.text("overflowMenu")),i("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),i("div",{popover:"manual",ref:i=>this.popoverElement=i},i("div",{class:"dropdown-menu-options",role:"menu","aria-labelledby":this.dropdownButtonElement?.id,onKeyDown:this.keyDownHandler},i("ul",null,this.hiddenMainMenuItems.map((o=>i(f,{item:o,onClick:i=>this.clickHandler(i,"menuItem",{menuItem:o}),key:o.label})))))))),this.userHomeUrl&&i("li",{class:u("menu-user-home",{"dso-active":this.userHomeActive}),ref:i=>this.userHomeMenuItemElementRef=i},i("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":void 0,onClick:i=>this.clickHandler(i,"userHome",{url:this.userHomeUrl})},i("dso-icon",{icon:"user-outline",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return r(this)}static get watchers(){return{mainMenu:[{mainMenuChanged:0}]}}};x.style='*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}@media screen and (min-width: 481px){:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:265px}}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}@media screen and (max-width: 480px){div[popover]{inset-inline:0 !important;inline-size:100%}div[popover] .dropdown-menu-options{inline-size:100%;max-inline-size:none !important}div[popover]::before{content:"";position:absolute;inset-block-start:-1px;inset-inline:0;border-block-end:1px solid #ccc}div[popover]::after{content:"";position:absolute;inset-block-start:100%;inset-inline:0;block-size:100vh;background-color:rgba(255, 255, 255, 0.8)}}.dso-header{border-block-end:1px solid #e5e5e5;display:flex;flex-wrap:wrap;align-items:center;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}@media screen and (min-width: 481px){.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help,.dso-header-session:has(*)+.dropdown{border-inline-start:3px solid #ccc;block-size:20px;margin-inline-start:8px;padding-inline-start:8px}}@media screen and (min-width: 481px){.dso-header-session .help a{gap:4px}}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:inherit;position:relative;padding-inline-start:0}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu .dropdown-menu-options{box-sizing:border-box;background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-inline:0;z-index:220;--_dso-scrollable-block-size:auto}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #ccc;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:focus{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li.dso-active a,.dropdown-menu .dropdown-menu-options ul li.dso-active button{background-color:#275937;color:#fff}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary{align-items:center;display:flex;gap:10px}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary dso-icon,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary dso-icon{margin-inline-start:0;order:-1}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary span,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary span{order:0}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}';export{x as dso_header}

package/dist/dso-toolkit/{p-640306bf.entry.js → p-04844de1.entry.js}

@@ -1 +1 @@
-import{h as o,r as s,d,F as i,g as l}from"./p-2sI1K6K0.js";import{c as a}from"./p-ChV9xqsO.js";import{g as e}from"./p-BWkWD1Z2.js";import{i as n}from"./p-xDSTG4OU.js";import{v as t}from"./p-CK3_k8jD.js";const r=()=>o("div",{class:"dso-body",tabIndex:0},o("slot",{name:"body"})),c=()=>o("div",{class:"dso-footer"},o("slot",{name:"footer"})),m=({modalTitle:s,closable:d,ariaId:i,text:l,dsoClose:a})=>s?o("div",{class:"dso-header"},o("h2",{id:i},s),d&&o("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:l("close"),onDsoClick:o=>a.emit({originalEvent:o})})):o("span",{class:"sr-only",id:i},l("dialog")),b={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},h=class{constructor(o){s(this,o),this.dsoClose=d(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.narrowViewBreakpoint=768,this.mediaCondition=`(min-width: ${this.narrowViewBreakpoint}px)`,this.ariaId=t(),this.narrowView=window.innerWidth<this.narrowViewBreakpoint,this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=n((()=>this.host),b),this.changeListener=o=>this.narrowView=!o.matches,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=e();o instanceof HTMLElement&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),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 o("dialog",{key:"88fdbf3daa75f55ba65d34e9978112db6659a83c",class:a("dso-modal",{fullscreen:this.fullscreen}),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)},o("div",{key:"0628cd928e8ad3457fea7c401a9d4a9d132eae4a",class:"dso-dialog"},this.narrowView?o("dso-scrollable",{class:"narrow"},o("div",{class:"modal-scrollable"},o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o(r,null),this.hasFooter&&o(c,null))):o(i,null,o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o("dso-scrollable",null,o(r,null)),this.hasFooter&&o(c,null))))}get host(){return l(this)}};h.style="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host dialog.fullscreen{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog.fullscreen .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog.fullscreen .dso-footer{flex-shrink:0}:host dialog.fullscreen dso-scrollable{flex:1 1 auto;min-block-size:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-footer{flex-shrink:0}:host dialog dso-scrollable{flex:1 1 auto;min-block-size: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;letter-spacing: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);max-inline-size:min(100% - 32px, var(--_dso-modal-inline-size, 640px));margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .dso-dialog{display:flex;flex-direction:column}.dso-modal>.dso-dialog>dso-scrollable{flex:1 1 auto}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-header,.dso-modal .dso-footer{flex:0 0 auto}.dso-modal .dso-body{flex:1 1 auto}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;inline-size:var(--_dso-modal-dialog-inline-size, 640px);max-inline-size:100%;max-block-size:calc(100dvb - 32px);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-height: 380px){.dso-modal .dso-dialog{min-block-size:220px}}.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:22px;inset-inline-end:16px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header dso-icon-button{inset-block-start:14px}}.dso-modal>.dso-dialog>dso-scrollable{min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:calc(100dvb - 32px)}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}";export{h as dso_modal}
+import{h as o,r as s,d,F as i,g as l}from"./p-2sI1K6K0.js";import{c as a}from"./p-ChV9xqsO.js";import{g as e}from"./p-BWkWD1Z2.js";import{i as n}from"./p-xDSTG4OU.js";import{v as t}from"./p-CK3_k8jD.js";const r=()=>o("div",{class:"dso-body",tabIndex:0},o("slot",{name:"body"})),c=()=>o("div",{class:"dso-footer"},o("slot",{name:"footer"})),m=({modalTitle:s,closable:d,ariaId:i,text:l,dsoClose:a})=>s?o("div",{class:"dso-header"},o("h2",{id:i},s),d&&o("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:l("close"),onDsoClick:o=>a.emit({originalEvent:o})})):o("span",{class:"sr-only",id:i},l("dialog")),b={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},h=class{constructor(o){s(this,o),this.dsoClose=d(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.narrowViewBreakpoint=768,this.mediaCondition=`(min-width: ${this.narrowViewBreakpoint}px)`,this.ariaId=t(),this.narrowView=window.innerWidth<this.narrowViewBreakpoint,this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=n((()=>this.host),b),this.changeListener=o=>this.narrowView=!o.matches,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=e();o instanceof HTMLElement&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),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 o("dialog",{key:"8e35292cc6b1300baa313a310099c172bf20417c",class:a("dso-modal",{fullscreen:this.fullscreen}),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)},o("div",{key:"c383e26d7e529a2dc44ee49fee7e535b00ad990d",class:"dso-dialog"},this.narrowView?o("dso-scrollable",{class:"narrow"},o("div",{class:"modal-scrollable"},o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o(r,null),this.hasFooter&&o(c,null))):o(i,null,o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o("dso-scrollable",null,o(r,null)),this.hasFooter&&o(c,null))))}get host(){return l(this)}};h.style="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host dialog.fullscreen{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog.fullscreen .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog.fullscreen .dso-footer{flex-shrink:0}:host dialog.fullscreen dso-scrollable{flex:1 1 auto;min-block-size:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-footer{flex-shrink:0}:host dialog dso-scrollable{flex:1 1 auto;min-block-size: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;letter-spacing: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);max-inline-size:min(100% - 32px, var(--_dso-modal-inline-size, 640px));margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .dso-dialog{display:flex;flex-direction:column}.dso-modal>.dso-dialog>dso-scrollable{flex:1 1 auto}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-header,.dso-modal .dso-footer{flex:0 0 auto}.dso-modal .dso-body{flex:1 1 auto}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;inline-size:var(--_dso-modal-dialog-inline-size, 640px);max-inline-size:100%;max-block-size:calc(100dvb - 32px);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-height: 380px){.dso-modal .dso-dialog{min-block-size:220px}}.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:22px;inset-inline-end:16px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header dso-icon-button{inset-block-start:14px}}.dso-modal>.dso-dialog>dso-scrollable{min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:calc(100dvb - 32px)}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}";export{h as dso_modal}