@dso-toolkit/core 101.2.0 → 103.0.0

package/dist/dso-toolkit/p-04d83ab7.entry.js

@@ -0,0 +1 @@
+import{r as o,d as e,f as t,h as n,F as r,a as i,g as a}from"./p-DRum3iIs.js";import{W as d}from"./p-CbzzkvTI.js";import{i as c}from"./p-Hgv-pDpy.js";const s=class{constructor(t){o(this,t),this.dsoPlekinfoCardClick=e(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){o.target instanceof HTMLElement&&this.href&&this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:c(o)})}get symbolSlottedElement(){return this.host.querySelector(":scope > [slot='symbol']")}get metaSlottedElement(){return this.host.querySelector(":scope > [slot='meta']")}get interaction(){return this.host.querySelector(":scope > [slot='interaction']")}get contentSlottedElement(){return this.host.querySelector(":scope > [slot='content']")}render(){const o=null!==this.symbolSlottedElement;return n(i,{key:"37e2d42e329e416aa2a002e27b88985c1bc8dfc1","has-symbol":o},n(d,{key:"5b672d02afbe549d7383e9e5c9321b1cf21699a1",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-container"},n("div",{key:"5d0aeffed9e14b5499501c2b81648ede01d406b2",class:"dso-plekinfo-card-symbol",hidden:!o},n("slot",{key:"d16f5cde2c4d73fa073f3f859e4a9b2db1dde3aa",name:"symbol"})),n("div",{key:"f0b610e3c9267f1fbdd64184da762e5c5298790b",class:"dso-plekinfo-card-heading"},n("div",{key:"9660a68461bb35dbf52ada693a65e802de34013b",class:"dso-plekinfo-card-title"},this.href?n("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},n("span",{class:"heading-content"},n("slot",{name:"heading"})),"⁠",this.targetBlank?n(r,null,n("dso-icon",{icon:"external-link"}),n("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):n("dso-icon",{icon:"chevron-right"})):n("span",{class:"heading-content"},n("slot",{name:"heading"})),null!==this.metaSlottedElement&&n("slot",{key:"a7bae25a1b9ffde591dcc77856e2973bc45f33d1",name:"meta"})),null!==this.interaction&&n("slot",{key:"0a29e234b26eb5084c6382c590c53dafa476a05e",name:"interaction"})),null!==this.contentSlottedElement&&n("div",{key:"7aa5d9f54d7afb58190e2415e4e6f9c50c03d720",class:"dso-plekinfo-card-content"},n("slot",{key:"61373b993d2631b311e2233cd3481dc9c2f77609",name:"content"}))))}get host(){return a(this)}};s.style="ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{inline-size:100%;padding-block:16px;padding-inline:16px}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}.dso-plekinfo-card-container .dso-plekinfo-card-title{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:start;column-gap:8px;min-inline-size:0}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:16px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol:not([hidden]){display:flex;align-items:center;block-size:1.5rem}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}::slotted([slot=heading]){display:inline !important;margin-block:0 !important;font-size:inherit !important;font-weight:700 !important;color:#275937 !important;line-height:inherit !important;overflow-wrap:anywhere !important}.heading-anchor,.dso-plekinfo-card-title>.heading-content{font-size:1.125em;line-height:1.5rem}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;flex-shrink:0 !important;justify-content:space-between !important;margin-inline-start:auto !important}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}";export{s as dso_plekinfo_card}

package/dist/dso-toolkit/{p-a67c3462.entry.js → p-0cd5270c.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as o,d as n}from"./p-DRum3iIs.js";import{c as i}from"./p-ChV9xqsO.js";const s=({owner:o,ancestors:n,item:r,index:a,level:c,setSize:l})=>e("li",{key:r.id,class:i("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!r.items?.length}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>o.itemClick(e,n,r)},e("dso-icon",{icon:r.open?"minus-square-outline":"plus-square-outline"})):e("dso-icon",null)),e("p",{class:i("tree-content",{active:r.active},{selected:r.selected}),tabindex:1===c&&0===a?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!r.items?.length):void 0,"aria-current":r.active?"true":void 0,"aria-level":c,"aria-setsize":l,"aria-posinset":a+1,"aria-busy":r.loading?"true":void 0,"data-item-id":r.id,onClick:e=>o.itemClick(e,n,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),r.icons?.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},r.items?.map(((t,i,a)=>e(s,{owner:o,ancestors:[...n,r],item:t,index:i,level:c+1,setSize:a.length})))))),r=class{constructor(e){o(this,e),this.dsoOpenItem=n(this,"dsoOpenItem",7),this.dsoCloseItem=n(this,"dsoCloseItem",7),this.dsoClickItem=n(this,"dsoClickItem",7),this.keyDownListener=e=>{if(e.defaultPrevented)return;const t=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(e.target instanceof HTMLParagraphElement&&t instanceof HTMLElement){switch(e.key){case"ArrowDown":r.moveFocus(t,e.target,"next");break;case"ArrowUp":r.moveFocus(t,e.target,"previous");break;case"ArrowRight":r.expandItemOrFocusChild(t,e.target);break;case"ArrowLeft":r.collapseItemOrFocusParent(t,e.target);break;case"End":r.moveFocus(t,e.target,"last");break;case"Home":r.moveFocus(t,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(1===(o=e.key).length&&o.match(/\S/)&&r.setFocusByFirstCharacter(t,e.target,e.key,e.shiftKey))break;return}var o;e.preventDefault()}},this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement))return;const n=e.target.closest(".tree-content");if(n){const i=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(n instanceof HTMLParagraphElement&&i instanceof HTMLElement))return;return r.setFocus(i,n),void this.dsoClickItem.emit({path:[...t,o],originalEvent:e})}o.open?this.dsoCloseItem.emit([...t,o]):this.dsoOpenItem.emit([...t,o])}}async focusItem(e){const t=this.tree;if(!t||0===e.length)return!1;const o=e[e.length-1];if(!o)throw new Error("No itemToFocus found");const n=Array.from(t.querySelectorAll("p")??[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset.itemId===o.id));return!!n&&(r.setFocus(t,n),!0)}static setFocus(e,t){t&&(Array.from(e.querySelectorAll("p")).filter((e=>0===e.tabIndex)).forEach((e=>e.tabIndex=-1)),t.tabIndex=0,t.focus())}static moveFocus(e,t,o){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let i=0;switch(o){case"first":i=0;break;case"previous":i=n.indexOf(t)-1;break;case"next":i=n.indexOf(t)+1;break;case"last":i=n.length-1}const s=n[i];if(!s)throw new Error("No focusableItem found");r.setFocus(e,s)}static expandItemOrFocusChild(e,t){if("true"===t?.getAttribute("aria-expanded"))r.moveFocus(e,t,"next");else{const e=t.previousElementSibling?.firstElementChild;e instanceof HTMLElement&&e.click()}}static collapseItemOrFocusParent(e,t){if("true"===t?.getAttribute("aria-expanded")){const e=t.previousElementSibling?.firstElementChild;e instanceof HTMLElement&&e.click()}else{const o=t?.parentElement?.parentElement?.previousElementSibling;o instanceof HTMLElement&&r.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,n){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));n&&i.reverse();const s=i.indexOf(t);o=o.toLowerCase();let a=i.find(((e,t)=>t>s&&e.textContent?.toLowerCase().startsWith(o)));return a||(a=i.find(((e,t)=>t<s&&e.textContent?.toLowerCase().startsWith(o)))),!!a&&(r.setFocus(e,a),!0)}render(){return e("div",{key:"cfd4a4c97f9a9a19d63ca06da1d85e49b17d7241",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"4c178feeb364c23f883d46e3afef5bba6ea412e4",role:"tree","aria-label":"Objectenboom"},this.collection?.map(((t,o)=>e(s,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};r.style=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-inline-start:0}:host ul[role=group]::before{border-inline-start:1px solid #275937;content:"";block-size:8px;inset-inline-start:44px;position:absolute;inset-block-start:0;inline-size:0}:host li:not(.has-child)::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:12px;position:absolute;inset-block-start:20px;inline-size:16px}:host li:not(.has-child)::after{border-inline-start:1px solid #275937;content:"";block-size:100%;inset-inline-start:12px;position:absolute;inset-block-start:8px;inline-size:0}:host li:not(.has-child):last-child::after{block-size:20px;inset-block-start:0}:host li.has-child::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:24px;position:absolute;inset-block-start:20px;inline-size:4px}:host li.has-child:not(:last-child)::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 24px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host li.has-child.is-expanded:last-child::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 32px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin-block:8px;margin-inline:0 8px;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-flex;margin-block:8px;margin-inline:0;max-inline-size:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}';export{r as dso_tree_view}
+import{h as e,F as t,r as o,d as n}from"./p-DRum3iIs.js";import{c as i}from"./p-ChV9xqsO.js";const s=({owner:o,ancestors:n,item:r,index:a,level:c,setSize:l})=>e("li",{key:r.id,class:i("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!r.items?.length}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>o.itemClick(e,n,r)},e("dso-icon",{icon:r.open?"minus-square-outline":"plus-square-outline"})):e("dso-icon",null)),e("p",{class:i("tree-content",{active:r.active},{selected:r.selected}),tabindex:1===c&&0===a?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!r.items?.length):void 0,"aria-current":r.active?"true":void 0,"aria-level":c,"aria-setsize":l,"aria-posinset":a+1,"aria-busy":r.loading?"true":void 0,"data-item-id":r.id,onClick:e=>o.itemClick(e,n,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),r.icons?.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},r.items?.map(((t,i,a)=>e(s,{owner:o,ancestors:[...n,r],item:t,index:i,level:c+1,setSize:a.length})))))),r=class{constructor(e){o(this,e),this.dsoOpenItem=n(this,"dsoOpenItem",7),this.dsoCloseItem=n(this,"dsoCloseItem",7),this.dsoClickItem=n(this,"dsoClickItem",7),this.keyDownListener=e=>{if(e.defaultPrevented)return;const t=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(e.target instanceof HTMLParagraphElement&&t instanceof HTMLElement){switch(e.key){case"ArrowDown":r.moveFocus(t,e.target,"next");break;case"ArrowUp":r.moveFocus(t,e.target,"previous");break;case"ArrowRight":r.expandItemOrFocusChild(t,e.target);break;case"ArrowLeft":r.collapseItemOrFocusParent(t,e.target);break;case"End":r.moveFocus(t,e.target,"last");break;case"Home":r.moveFocus(t,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(1===(o=e.key).length&&o.match(/\S/)&&r.setFocusByFirstCharacter(t,e.target,e.key,e.shiftKey))break;return}var o;e.preventDefault()}},this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement))return;const n=e.target.closest(".tree-content");if(n){const i=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(n instanceof HTMLParagraphElement&&i instanceof HTMLElement))return;return r.setFocus(i,n),void this.dsoClickItem.emit({path:[...t,o],originalEvent:e})}o.open?this.dsoCloseItem.emit([...t,o]):this.dsoOpenItem.emit([...t,o])}}async focusItem(e){const t=this.tree;if(!t||0===e.length)return!1;const o=e[e.length-1];if(!o)throw new Error("No itemToFocus found");const n=Array.from(t.querySelectorAll("p")??[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset.itemId===o.id));return!!n&&(r.setFocus(t,n),!0)}static setFocus(e,t){t&&(Array.from(e.querySelectorAll("p")).filter((e=>0===e.tabIndex)).forEach((e=>e.tabIndex=-1)),t.tabIndex=0,t.focus())}static moveFocus(e,t,o){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let i=0;switch(o){case"first":i=0;break;case"previous":i=n.indexOf(t)-1;break;case"next":i=n.indexOf(t)+1;break;case"last":i=n.length-1}const s=n[i];if(!s)throw new Error("No focusableItem found");r.setFocus(e,s)}static expandItemOrFocusChild(e,t){if("true"===t?.getAttribute("aria-expanded"))r.moveFocus(e,t,"next");else{const e=t.previousElementSibling?.firstElementChild;e instanceof HTMLElement&&e.click()}}static collapseItemOrFocusParent(e,t){if("true"===t?.getAttribute("aria-expanded")){const e=t.previousElementSibling?.firstElementChild;e instanceof HTMLElement&&e.click()}else{const o=t?.parentElement?.parentElement?.previousElementSibling;o instanceof HTMLElement&&r.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,n){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));n&&i.reverse();const s=i.indexOf(t);o=o.toLowerCase();let a=i.find(((e,t)=>t>s&&e.textContent?.toLowerCase().startsWith(o)));return a||(a=i.find(((e,t)=>t<s&&e.textContent?.toLowerCase().startsWith(o)))),!!a&&(r.setFocus(e,a),!0)}render(){return e("div",{key:"344ee783cff101cd4ec0957f3c9066fb704f7a0b",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"1d5d37f3f5f151fdd3c0575cda61d348e4e0ba7d",role:"tree","aria-label":"Objectenboom"},this.collection?.map(((t,o)=>e(s,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};r.style=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-inline-start:0}:host ul[role=group]::before{border-inline-start:1px solid #275937;content:"";block-size:8px;inset-inline-start:44px;position:absolute;inset-block-start:0;inline-size:0}:host li:not(.has-child)::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:12px;position:absolute;inset-block-start:20px;inline-size:16px}:host li:not(.has-child)::after{border-inline-start:1px solid #275937;content:"";block-size:100%;inset-inline-start:12px;position:absolute;inset-block-start:8px;inline-size:0}:host li:not(.has-child):last-child::after{block-size:20px;inset-block-start:0}:host li.has-child::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:24px;position:absolute;inset-block-start:20px;inline-size:4px}:host li.has-child:not(:last-child)::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 24px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host li.has-child.is-expanded:last-child::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 32px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin-block:8px;margin-inline:0 8px;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-flex;margin-block:8px;margin-inline:0;max-inline-size:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}';export{r as dso_tree_view}

package/dist/dso-toolkit/{p-3ef40051.entry.js → p-10299ffc.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,h as n,g as i}from"./p-DRum3iIs.js";const s=class{constructor(n){e(this,n),this.dsoChange=t(this,"dsoChange",3)}handleClick(e,t){t.preventDefault(),t.stopPropagation(),e.disabled||this.activeOption===e||this.dsoChange.emit({option:e,originalEvent:t})}render(){return n("div",{key:"5110546b2be5c36449c107bccadadd7535f12640",class:"segmented-button",role:"radiogroup","aria-label":this.label,"aria-required":this.required?.toString()},this.options?.map((e=>n("label",null,n("input",{type:"radio",name:this.groupName,value:e.label,checked:this.activeOption===e,disabled:e.disabled,onClick:t=>this.handleClick(e,t)}),n("span",{class:"segment-label"},e.label)))))}get host(){return i(this)}};s.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:1rem;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}";export{s as dso_segmented_button}
+import{r as e,d as t,h as n,g as i}from"./p-DRum3iIs.js";const s=class{constructor(n){e(this,n),this.dsoChange=t(this,"dsoChange",3)}handleClick(e,t){t.preventDefault(),t.stopPropagation(),e.disabled||this.activeOption===e||this.dsoChange.emit({option:e,originalEvent:t})}render(){return n("div",{key:"75adf67e986a06e3a5f06c389801df5008787a48",class:"segmented-button",role:"radiogroup","aria-label":this.label,"aria-required":this.required?.toString()},this.options?.map((e=>n("label",null,n("input",{type:"radio",name:this.groupName,value:e.label,checked:this.activeOption===e,disabled:e.disabled,onClick:t=>this.handleClick(e,t)}),n("span",{class:"segment-label"},e.label)))))}get host(){return i(this)}};s.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:1rem;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}";export{s as dso_segmented_button}

package/dist/dso-toolkit/p-170d6663.entry.js

@@ -0,0 +1 @@
+import{r as e,d as s,h as t,F as o,a as i,g as l,f as a}from"./p-DRum3iIs.js";import{T as c,i as n}from"./p-mhQu0fx2.js";import{T as d}from"./p-DNjuUAVe.js";import"./p-CcOMPHLg.js";import"./p-DMUqzLuy.js";const r=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7)}render(){return t(o,{key:"943df64625f93307bd76327b6659a36d591b6301"},t("slot",{key:"032e327a6ad730378710bb8cd5ebe4ae0506665e"}),!this.fixed&&t("dso-icon-button",{key:"64af9e7a36634d09c2d9a6089d1226c7dcebf0f9",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:e=>this.dsoClose.emit(e.detail.originalEvent)}))}};r.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}";const b=class{constructor(t){e(this,t),this.dsoToggle=s(this,"dsoToggle",7),this.toggletipController=new c({getReferenceElement:()=>this.button,getTipElement:()=>this.toggletipElRef,getTipArrowElement:()=>this.toggletipArrowElRef,getRestrictContentElement:()=>this.restrictContentElement,getPlacement:()=>this.toggletipPlacement}),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=e=>{this.toggletipActive&&n(this.host,e)&&this.closeToggletip()},this.keyDownHandler=e=>{this.toggletipActive&&"Escape"===e.key&&this.closeToggletip()}}onDocumentFocusIn(e){this.handleOutsideEvent(e)}onDocumentPointerDown(e){this.handleOutsideEvent(e)}async setFocus(){this.button?.setFocus?.()}handleToggle(e){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:e,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipController.update(!1)}getControlsElement(){const e=this.host.getRootNode();return this.controls&&(e instanceof Document||e instanceof ShadowRoot)?e.getElementById(this.controls)??void 0:void 0}componentDidRender(){this.toggletipController.update(this.hasToggletip&&this.toggletipActive)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.toggletipController.dispose(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){const e=this.hasToggletip?void 0:this.getControlsElement(),s=this.hasToggletip?this.toggletipActive:this.controls?this.active:void 0;return t(i,{key:"d9986d5207ae18ec61bbaf3b7e2b8f6ddb135a24",onKeyDown:this.keyDownHandler},t("dso-icon-button",{key:"03755cba4330e008e5a5af6a3e1d794f641cb53e",variant:"tertiary",label:this.label,onDsoClick:e=>this.handleToggle(e.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:e=>this.button=e,expanded:s,controlsElement:e,describedByElement:s?this.hasToggletip?this.toggletipElRef:e:void 0}),this.hasToggletip&&t(d,{key:"1b19cc978bb25886aec79d8b16f19fb5b9bffbcf",tipElementRef:e=>this.toggletipElRef=e,tipArrowElementRef:e=>this.toggletipArrowElRef=e},t("dso-scrollable",{key:"b618c5a4eee1ecf604e1307f5515bc8499f744b6",ref:e=>this.restrictContentElement=e,"aria-live":"polite"},t("slot",{key:"965f7e1a0b2a26ae7ad8b497aa25c30529eda7ef",name:"toggletip"}))))}get host(){return l(this)}};function p(){return Math.random().toString(16).slice(-4)}function h(e){return`${e}-${p()}${p()}-${p()}-${p()}-${p()}-${p()}${p()}${p()}`}b.style=":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}";const f=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=h("DsoSelectable"),this.infoIdentifier=h("DsoSelectableInfo"),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}),a(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>a(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 t(o,{key:"4375343d54bf83de8f3baaa0bdeb3c2e20d6f91d"},t("div",{key:"a10616ee2e73fc921282c83482ab7893e848ed1d",class:"dso-selectable-container"},t("div",{key:"3cc8a8ea8caab323495d7f892dead6da7b1314a9",class:"dso-selectable-input-wrapper"},t("input",{key:"d5c534571c8a0e05eb5c3143029ff5feadfa7c19",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}),t("label",this.labelledById?null:{htmlFor:this.getIdentifier()},t("slot",null))),e&&!this.infoFixed&&t("dso-info-button",{key:"5a93fbd63ead8c70a866f87d7a4dad3b65362986",active:this.infoActive,controls:this.infoIdentifier,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&t("dso-info",{key:"623e47008416eaa6ab80052217edd5af6d427f94",id:this.infoFixed?this.describedById:this.infoIdentifier,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",{key:"26e522490e5e152d4c7622d1daa6502edc41fe7a"},t("slot",{key:"e051ec3e5528175c4d76a42eee351b9be7e3416a",name:"info"}))),t("slot",{key:"cd551120537fc43b4b56e2e727065808ab1a153e",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 l(this)}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}};f.style='.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block);isolation:isolate}.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}';export{r as dso_info,b as dso_info_button,f as dso_selectable}

package/dist/dso-toolkit/{p-8b99c8d6.entry.js → p-18241351.entry.js}

@@ -1 +1 @@
-import{r as d,h as s,F as r}from"./p-DRum3iIs.js";const a=class{constructor(s){d(this,s),this.mode="list"}render(){return s(r,null,"list"===this.mode&&s("ul",{key:"d52f21b49b9b943187b6a73e55ca681ec96deb73",class:"dso-card-list"},s("slot",{key:"219cf186ffb995e18a8275d640abc7ce1aa13baa"})),"grid"===this.mode&&s("div",{key:"cfa849d6de6f6675ad6e2d27b38d00cf072e090c",class:"dso-card-grid"},s("slot",{key:"8d1c379c89bd3ee4e720dc93e26b3dd901b67db4"})))}};a.style=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}:host(:last-child) .dso-card-list{border-block-end:var(--_dso-card-container-list-border-block-end, 1px solid #ccc);margin-block-end:var(--_dso-card-container-list-margin-block-end, 1em)}";export{a as dso_card_container}
+import{r as d,h as s,F as r}from"./p-DRum3iIs.js";const a=class{constructor(s){d(this,s),this.mode="list"}render(){return s(r,null,"list"===this.mode&&s("ul",{key:"9df468fb75a7fa737a741cb2a6388d1ea5dfad24",class:"dso-card-list"},s("slot",{key:"1ef3fd188252787af1d8b2eaf0e3fd2740edf7d5"})),"grid"===this.mode&&s("div",{key:"d2924d58be8411e4eb157bddca458edfb5769bd7",class:"dso-card-grid"},s("slot",{key:"5f07aae2c62ef6868a0f4e2ad8e8ed48331b86db"})))}};a.style=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}:host(:last-child) .dso-card-list{border-block-end:var(--_dso-card-container-list-border-block-end, 1px solid #ccc);margin-block-end:var(--_dso-card-container-list-margin-block-end, 1em)}";export{a as dso_card_container}

package/dist/dso-toolkit/p-1c5754f0.entry.js

@@ -0,0 +1 @@
+import{r as o,d as r,h as t,F as i,g as n}from"./p-DRum3iIs.js";import{A as e}from"./p-9p_CFvZ-.js";import{A as a}from"./p-CaUODZP2.js";import{w as d,A as s}from"./p-Bar1Z3S0.js";const c=class{constructor(t){o(this,t),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.hasMeta=!1,this.watcher=d(this.host),this.updateMeta=()=>{this.hasMeta=(this.metaSlot?.assignedNodes({flatten:!0}).length??0)>0},this.setMetaSlot=o=>{this.metaSlot=o,this.updateMeta()}}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return t(e,{key:"731fef8c791ca4b59ea1c30562a017f6e0f3de61",symbol:o?t(s,null):void 0,active:this.active||!1,dsoActiveChange:this.dsoActiveChange,title:t(i,null,t("dso-renvooi",{value:this.naam}),this.eenheid&&t(i,null," ","(in ",t("dso-renvooi",{value:this.eenheid}),")")),data:t(i,null,t("span",{class:"content"},this.toelichting&&t(i,null,this.toelichting),this.waardes&&this.waardes.length>0&&t(i,null,": ",t(a,{values:this.waardes}))),t("span",{class:"meta",hidden:!this.hasMeta},t("slot",{name:"meta",ref:this.setMetaSlot,onSlotchange:this.updateMeta})))})}get host(){return n(this)}};c.style='a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+.meta:not([hidden])),.annotation-data .content:has(+.meta:not([hidden])){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';export{c as dso_annotation_omgevingsnormwaarde}

package/dist/dso-toolkit/{p-97b89bdd.entry.js → p-24e15226.entry.js}

@@ -1 +1 @@
-import{r as o,d as s,h as e,g as r}from"./p-DRum3iIs.js";import{c as t}from"./p-ChV9xqsO.js";const n=new Set;let i=null;function a(){i=null,n.forEach((o=>o._setScrollState())),n.clear()}const l=new ResizeObserver((o=>{o.forEach((o=>{const s=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);s&&n.add(s)})),null===i&&(i=requestAnimationFrame(a))}));function d(o){return"DSO-SCROLLABLE"===o.tagName}const c=class{constructor(e){o(this,e),this.dsoScrollEnd=s(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&&l.observe(this.shadowContainerDiv),this.slottedElements.forEach((o=>l.observe(o)))}disconnectedCallback(){this.shadowContainerDiv instanceof HTMLDivElement&&l.unobserve(this.shadowContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>l.unobserve(o)))}render(){return e("div",{key:"044daadd0db3bfa44f41435dec701580c8cfbe80",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},e("div",{key:"c5041f6918872db966a93e5b9f533e7707681893",ref:o=>this.scrollContainerDiv=o,class:t("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState(),tabIndex:this._preventFocus?-1:void 0},e("slot",{key:"b8021f3b5aba48a53bd9d94cf61e2fe8846f184d"})))}get host(){return r(this)}};c.style=':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}';export{c as dso_scrollable}
+import{r as o,d as s,h as e,g as r}from"./p-DRum3iIs.js";import{c as t}from"./p-ChV9xqsO.js";const n=new Set;let i=null;function a(){i=null,n.forEach((o=>o._setScrollState())),n.clear()}const l=new ResizeObserver((o=>{o.forEach((o=>{const s=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);s&&n.add(s)})),null===i&&(i=requestAnimationFrame(a))}));function d(o){return"DSO-SCROLLABLE"===o.tagName}const c=class{constructor(e){o(this,e),this.dsoScrollEnd=s(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&&l.observe(this.shadowContainerDiv),this.slottedElements.forEach((o=>l.observe(o)))}disconnectedCallback(){this.shadowContainerDiv instanceof HTMLDivElement&&l.unobserve(this.shadowContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>l.unobserve(o)))}render(){return e("div",{key:"bca0ba03817663c76b3f991bf98bd39dd7e2e333",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},e("div",{key:"2bf4a83468c1450f072f5c3f62f00146e3c407ab",ref:o=>this.scrollContainerDiv=o,class:t("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState(),tabIndex:this._preventFocus?-1:void 0},e("slot",{key:"a4bc377b601554d555f0ab0acae647580b0ee21c"})))}get host(){return r(this)}};c.style=':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}';export{c as dso_scrollable}

package/dist/dso-toolkit/{p-9b048854.entry.js → p-260aed7d.entry.js}

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

package/dist/dso-toolkit/{p-19db23e6.entry.js → p-2d06130f.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,f as a,h as n,g as o}from"./p-DRum3iIs.js";import{i as d}from"./p-Hgv-pDpy.js";const i=class{constructor(a){e(this,a),this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>a(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}get labelsSlottedElement(){return this.host.querySelector("[slot='labels']")}render(){return n("div",{key:"e6674c35c42f2a3cc8f676629a286b86cb1f3a74",class:"dso-document-card-container"},n("div",{key:"9b7ad2d6f3322730273d58da4a6b9ae0def142e5",class:"dso-document-card-heading"},n("a",{key:"9feab84beb061e0319bcbb1de7189941453936e0",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},n("span",{key:"cce85a9f8123be2cd56201fe7075c8a97e1c79ff",class:"icon-container"},n("dso-icon",{key:"b40a8c6b18f89faf65af0a0b948790d508dbb880",icon:"chevron-right"}),n("slot",{key:"85c2d009d0186509269d48aa09d2ca91d9bb7565",name:"heading"})))),n("div",{key:"de7658904c9a7edccbd36929d6dde671e9e3ceb0",class:"dso-document-card-type"},n("slot",{key:"3db3fde661962548bdb17e61261abd2ee2f396e0",name:"type"})),n("div",{key:"ef8420e2f8a1aad65a91928b8e32acbbbe10b1f4",class:"dso-document-card-status"},null!==this.metaSlottedElement&&n("slot",{key:"e76b3d46409a8802b55ba62e55c56a12e6de528a",name:"meta"}),n("slot",{key:"27557527b596bca2227289345975e0ab2c54a496",name:"status"}),null!==this.interactionsSlottedElement&&n("slot",{key:"a89235cb3ef76a3aa49f3d575d9016cdcc02e74a",name:"interactions"})),null!==this.labelsSlottedElement&&n("div",{key:"2b49e7e3ef6bd4c2e1adab954c470e9e958a6d66",class:"dso-document-card-labels"},n("slot",{key:"3ea9405369563511d852abc07d41a673f2ae3a70",name:"labels"})))}get host(){return o(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dso-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status,.dso-document-card-status+.dso-document-card-labels{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}::slotted([slot=labels]){margin-block-end:0 !important}";export{i as dso_document_card}
+import{r as e,d as t,f as n,h as a,g as o}from"./p-DRum3iIs.js";import{i as d}from"./p-Hgv-pDpy.js";const i=class{constructor(n){e(this,n),this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}get labelsSlottedElement(){return this.host.querySelector("[slot='labels']")}render(){return a("div",{key:"c91750d08c5fb803dca80173db9946f7565e4085",class:"dso-document-card-container"},a("div",{key:"f1a394372d3c8444a04728bfa328c998df389737",class:"dso-document-card-heading"},a("a",{key:"daec31656d822f4959eee473a9b64a684f209716",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("span",{key:"34a8d26e67b85433d8d2c647b8fb65d9ac7f71f1",class:"icon-container"},a("dso-icon",{key:"397fd29fbeab89f5fffcb4d782ca70b485dc4329",icon:"chevron-right"}),a("slot",{key:"4b7ed1e5c16150d36933789c6b2fac9efba467e7",name:"heading"})))),a("div",{key:"5376fafb254658a5b5d99bff82a9401ebbcabea9",class:"dso-document-card-type"},a("slot",{key:"a05c2209b5d050faef86d5c5cb841f4329911303",name:"type"})),a("div",{key:"21e0cc05f86a263d8f27e823a4fa73f8c159d13f",class:"dso-document-card-status"},null!==this.metaSlottedElement&&a("slot",{key:"4b06467de2f76ab2a73767be918c826ed53c9e21",name:"meta"}),a("slot",{key:"8d54d2c5c16e5ad5fd8ce3b5a8e5e5421e8cb99d",name:"status"}),null!==this.interactionsSlottedElement&&a("slot",{key:"f27cb0dc0116fb58f859515cdb876354175da676",name:"interactions"})),null!==this.labelsSlottedElement&&a("div",{key:"00778150970d79e9dc5260b5b42423db1e136166",class:"dso-document-card-labels"},a("slot",{key:"114dcf77888fc14e47329c9af368e44b27bb4b99",name:"labels"})))}get host(){return o(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dso-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status,.dso-document-card-status+.dso-document-card-labels{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}::slotted([slot=labels]){margin-block-end:0 !important}";export{i as dso_document_card}

package/dist/dso-toolkit/{p-00a19755.entry.js → p-2e7ee7bf.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,f as t,h as e,a as n,g as i}from"./p-DRum3iIs.js";import{p as a}from"./p-CcOMPHLg.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){o(this,t),this.dsoClose=r(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const o=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(o)&&d.setFocus(o)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement&&(this.cleanUp=a({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof HTMLElement}render(){const o=this.headingSlottedElement?.textContent;return e(n,{key:"bebcff828c7f3ce40c322d4546cdde7dff3812e2",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},e("div",{key:"708a59016efc8069ef85a0e06feb71516b98dd18",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},e("div",{key:"14b21c2c86457fc60709aca5e9aa9ed343786163",class:"onboarding-tip-inner"},e("div",{key:"683199993bf6993d96748a78e7c9b8c51fa78681",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&e("div",{key:"3654524691e0ccef4f11cd6ddb7be3043c1efbdc",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"36f25c3e2ef278b5f6f533fa325cb70d0beae0e6",icon:"light-bulb","aria-hidden":"true"}),e("slot",{key:"93801f55ee03843daee88de47d743ca3af5c2c33",name:"heading"})),e("dso-icon-button",{key:"53bda3abdf86e3335a2898841d9df280950c3c11",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),e("slot",{key:"5a486a2e8eee2e5a3f98ae15ee76563fce664b07"}))),e("div",{key:"d1987ab7e4216867e6b4112832be253283d6a07b",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn(`Unable to find reference element with aria-describedby ${o}`)}get host(){return i(this)}};d.style="*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}";export{d as dso_onboarding_tip}
+import{r as o,d as r,f as t,h as n,a as e,g as i}from"./p-DRum3iIs.js";import{p as a}from"./p-CcOMPHLg.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){o(this,t),this.dsoClose=r(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const o=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(o)&&d.setFocus(o)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement&&(this.cleanUp=a({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof HTMLElement}render(){const o=this.headingSlottedElement?.textContent;return n(e,{key:"64a8925e293181d4b11f5e1c711ed78745d00ed7",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},n("div",{key:"3071a0cd95ba3f92842f7ccb11f6f9ccbe3990eb",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},n("div",{key:"dff2523931188fc544d2f353bb6f0c2013d95bbb",class:"onboarding-tip-inner"},n("div",{key:"61972124a634d6f7a064f96c2edc8b57fcb0415a",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&n("div",{key:"c61c9ca2cde0c090814250b89787482c6292c7ed",class:"onboarding-tip-content-heading"},n("dso-icon",{key:"6417b11dedbec3305195c26d18ddc53759e3c784",icon:"light-bulb","aria-hidden":"true"}),n("slot",{key:"5a52d5848a5d66da35bd73fcd1f89ba98845152c",name:"heading"})),n("dso-icon-button",{key:"56b079149ffe913f1558e0632b9cecdb1a593f3f",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),n("slot",{key:"61995db5ac91659094e1533683d1faade26ae6d5"}))),n("div",{key:"529c6f717c54ca7e250ce2bb7020afaa74657de0",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn(`Unable to find reference element with aria-describedby ${o}`)}get host(){return i(this)}};d.style="*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}";export{d as dso_onboarding_tip}

package/dist/dso-toolkit/p-3e0fac12.entry.js

@@ -0,0 +1 @@
+import{r as e,f as o,h as s,a,g as r}from"./p-DRum3iIs.js";import{c as t}from"./p-ChV9xqsO.js";import{v as i}from"./p-CK3_k8jD.js";const d=class{constructor(o){e(this,o)}get dropdownMenu(){return this.host.closest("dso-dropdown-menu")}componentWillLoad(){this.dropdownMenu?._getState().then((e=>{this.dropdownMenuState=e,o(this.host)}))}render(){const e=this.dropdownMenuState?.checkable,o=this.label?i():void 0;return s(a,{key:"cb0027f2d0b0abb79fade328eb567e184900c077"},s("div",{key:"c8f67e7347e7fbc08355da9514f3298a84e98800","aria-labelledby":o,role:"group"},this.label&&s("div",{key:"ba5bb5e5cfe65ae66e81cd893a90b7d9ff05a201",id:o,class:t("group-label",{checkable:e}),role:"none"},this.label),s("slot",{key:"df0be98b7e14b07269f82af471e73a050b56091b"})))}get host(){return r(this)}};d.style=":host{display:block}.group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding-block:4px 2px;padding-inline:20px;text-transform:uppercase}.group-label.checkable{padding-inline-start:40px}";export{d as dso_dropdown_menu_group}

package/dist/dso-toolkit/p-3f191dbb.entry.js

@@ -0,0 +1 @@
+import{r as e,h as i,a as o}from"./p-DRum3iIs.js";const a=class{constructor(i){e(this,i)}render(){return i(o,{key:"b8c10e49c8bc6855edb0f400130a48f027ea4415"},i("slot",{key:"57ae247c1298f94bf090a4446e154cbcca2c0927",name:"image"}),i("div",{key:"79b3b7d18948570f7dc119b39f0551563acdd71c",class:"hero-image-container"},i("slot",{key:"8ce6bcaf5a15fe60d872f544c40b1c01e1ddc3b5"})))}};a.style=":host{--dso-hero-image-background-color:#ebf3e6;margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw);padding-inline-start:calc(50vw - 50% - 16px);padding-inline-end:calc(50vw - 50% - 16px);display:block;position:relative;overflow:hidden;background-color:var(--dso-hero-image-background-color)}@media only screen and (min-width: 768px){:host{min-block-size:352px}}::slotted([slot=image]){display:block;inline-size:100%;min-block-size:calc(16.6666666667vw + 1dvi);background-color:var(--dso-hero-image-background-color);background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (min-width: 768px){::slotted([slot=image]){position:absolute;inset:0;min-block-size:unset}}.hero-image-container{position:relative;z-index:1;box-sizing:border-box;inline-size:100%;padding-inline:16px;padding-block-end:16px;margin-block-start:16px}@media (min-width: 768px){.hero-image-container{margin-block-start:40px}}@media (min-width: 992px){.hero-image-container{max-inline-size:992px;margin-block-start:40px}}@media (min-width: 992px){.hero-image-container ::slotted(*){display:block;inline-size:clamp(0px, 38vw, 545px)}}";export{a as dso_hero_image}

package/dist/dso-toolkit/{p-8bdbd2ef.entry.js → p-3f1b48b1.entry.js}

@@ -1 +1 @@
-import{r as t,d as o,f as e,h as r,F as i,g as s}from"./p-DRum3iIs.js";import{c as n}from"./p-ChV9xqsO.js";const a=class{constructor(e){t(this,e),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.focusIncrementButtonAfterRender=!1,this.checked=!1,this.disabled=!1}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0})}componentDidRender(){this.subcontentSlot?.hasAttribute("aria-hidden")||this.subcontentSlot?.setAttribute("aria-hidden","true"),this.focusIncrementButtonAfterRender&&(this.focusIncrementButtonAfterRender=!1,this.incrementButton?.setFocus())}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}stepValue(t,o){if("number"==typeof this.count){const e="increment"===o?this.count+1:this.count-1;if(!this.isNewCountValid(e))return;"decrement"===o&&1===e&&(this.focusIncrementButtonAfterRender=!0),this.dsoCountChange.emit({originalEvent:t,count:e})}}handleSelectClick(t){t.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:t,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:t,count:this.count>0?0:1})}isNewCountValid(t){return!(void 0!==this.min&&void 0!==this.max&&(t<Number(this.min)||t>Number(this.max)))}render(){const t=this.checked||void 0!==this.count&&this.count>0;return r("div",{key:"d3644ab7e77bf40681ddb59eea4a22888901c570",class:n(["dso-button-group",{"dso-disabled":this.disabled}])},r("div",{key:"120cb93aa13da1af6a302568c656b305853e8a99",class:n(["dso-list-button",{"dso-selected":t,"dso-single-count":1===this.count}]),onClick:t=>this.handleSelectClick(t)},r("dso-selectable",{key:"872fff0f578b7dccac9da8277f66043e0b4fb69a",type:"checkbox",value:"list-button",name:"naam",checked:t,disabled:this.disabled},r("span",{key:"d51e140b406f8b44fb25232c299d5a70da078da9"},this.label,this.sublabel&&r("span",{key:"0d20ddc4f3a14c25087bd930329ac1975a93f755",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&r("span",{key:"681d918e121d94fa4fda584214d4aa5eabd297ca",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",r("span",{key:"f40f2c952ac87d5b76a8ae320017b14e88ad852c",innerHTML:this.subcontentSlot.innerHTML})))),this.sublabel&&r("span",{key:"f76a4848772f4bf0a5b8f5946f27ec14299a95fd",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&r("div",{key:"14eeb4c1c407e60fb291c165766d112a113bc254",class:"subcontent"},r("slot",{key:"eca53ee9df2530e2f7afe2d3c1ea8e3b7c636060",name:"subcontent"}))),void 0!==this.count&&this.count>0&&r("div",{key:"9a56f8316ce47ac57857b4ce3decfec62614d06c",class:"dso-input-number"},this.count>1&&r(i,{key:"6700e317b346d22ae2d08cb31edd258882b416d4"},r("dso-icon-button",{key:"a7a057bfbe51b65a06540e0b66d09ee067fd2a0e",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle-outline",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:t=>this.stepValue(t,"decrement")}),r("span",{key:"7ca7446e17b4b072211999f64e517996896535b2",class:"dso-input-step-counter","aria-hidden":"true"},this.count)),r("span",{key:"ac8205f92db130439d29ef164aca60aa1535fae7",class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.count),r("dso-icon-button",{key:"b926a293e367d9321ec68e8ed4e3ab5716343172",ref:t=>this.incrementButton=t,label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle-outline",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:t=>this.stepValue(t,"increment")})))}get host(){return s(this)}};a.style="*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .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-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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .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; } .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); } .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); } .dso-tertiary[disabled], .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); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .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; } .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; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }";export{a as dso_list_button}
+import{r as t,d as o,f as e,h as r,F as i,g as s}from"./p-DRum3iIs.js";import{c as n}from"./p-ChV9xqsO.js";const a=class{constructor(e){t(this,e),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.focusIncrementButtonAfterRender=!1,this.checked=!1,this.disabled=!1}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0})}componentDidRender(){this.subcontentSlot?.hasAttribute("aria-hidden")||this.subcontentSlot?.setAttribute("aria-hidden","true"),this.focusIncrementButtonAfterRender&&(this.focusIncrementButtonAfterRender=!1,this.incrementButton?.setFocus())}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}stepValue(t,o){if("number"==typeof this.count){const e="increment"===o?this.count+1:this.count-1;if(!this.isNewCountValid(e))return;"decrement"===o&&1===e&&(this.focusIncrementButtonAfterRender=!0),this.dsoCountChange.emit({originalEvent:t,count:e})}}handleSelectClick(t){t.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:t,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:t,count:this.count>0?0:1})}isNewCountValid(t){return!(void 0!==this.min&&void 0!==this.max&&(t<Number(this.min)||t>Number(this.max)))}render(){const t=this.checked||void 0!==this.count&&this.count>0;return r("div",{key:"0981e785e2197dee87ec4dc2364214c900110627",class:n(["dso-button-group",{"dso-disabled":this.disabled}])},r("div",{key:"60b5b9d1deea66ea263e29f9b68713226b2a125a",class:n(["dso-list-button",{"dso-selected":t,"dso-single-count":1===this.count}]),onClick:t=>this.handleSelectClick(t)},r("dso-selectable",{key:"cd41191f9ee7d88e01f74dabdd85a62fca61a7f6",type:"checkbox",value:"list-button",name:"naam",checked:t,disabled:this.disabled},r("span",{key:"8d844a672cc1206cd7b89fec10aa742438095009"},this.label,this.sublabel&&r("span",{key:"86386bb7261379162191224a8fe1638336b898d4",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&r("span",{key:"b5519dbc9f3875e7c4d0063d1f5b12c084d14828",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",r("span",{key:"ee54bd61c39b1bf010a6a1f89a8d20a41d921d94",innerHTML:this.subcontentSlot.innerHTML})))),this.sublabel&&r("span",{key:"4892d4b5a0b3268bfd06a9c6f2fc08da4651e1a8",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&r("div",{key:"8fba57384ad44979d4fec9cd3351c7bb23d77088",class:"subcontent"},r("slot",{key:"40428e629b3e35f40f6524340050067f99104e0e",name:"subcontent"}))),void 0!==this.count&&this.count>0&&r("div",{key:"c1da177c5edad6ec703a23f1a77efec7d7ee33f5",class:"dso-input-number"},this.count>1&&r(i,{key:"bbb9f2a9a93d16e260e66c2bf210e15475d92b22"},r("dso-icon-button",{key:"951a4f550eb37207df8c72cad1c3a193b84b6539",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle-outline",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:t=>this.stepValue(t,"decrement")}),r("span",{key:"279c6e4f4df48c8a086c8b75c7b26e737fdc9f77",class:"dso-input-step-counter","aria-hidden":"true"},this.count)),r("span",{key:"492413bb190d886cfa841c58e052632a51a5e3e9",class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.count),r("dso-icon-button",{key:"4b7df0ea2e6fc508762d3e79b5e009a97a24d593",ref:t=>this.incrementButton=t,label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle-outline",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:t=>this.stepValue(t,"increment")})))}get host(){return s(this)}};a.style="*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .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-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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .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; } .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); } .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); } .dso-tertiary[disabled], .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); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .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; } .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; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }";export{a as dso_list_button}

package/dist/dso-toolkit/{p-29edc9ad.entry.js → p-3f525f8d.entry.js}

@@ -1 +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-DRum3iIs.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}
+import{h as i,r as o,d as n,f as e,a as t,F as s,g as r}from"./p-DRum3iIs.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-DVFsbHoq.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:"6fb9bc42f5695371238cb2ddc0c9b2950e043e94","is-compact":this.isCompact},i("div",{key:"7d50059f45edbac145ec85a14a2ead09c00793a2",class:"dso-header"},i("div",{key:"f68975b5572e0dd783360e6d288af7d101b19fbe",class:"logo-container"},i("slot",{key:"a578a1341985819c2b4bec868ffa43d6090290ea",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-b2a7d818.entry.js → p-449e1d38.entry.js}

@@ -1 +1 @@
-import{r as t,d as n,h as e,F as o}from"./p-DRum3iIs.js";import{g as r,c as i}from"./p-BFTU3MAI.js";var s,u,c,a,f=r(function(){if(u)return s;u=1;var t=1/0,n=9007199254740991,e=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,c=/^(?:0|[1-9]\d*)$/,a=parseFloat,f=parseInt,h=Object.prototype.toString,d=Math.floor,l=Math.min,p=Math.random;function b(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function v(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==h.call(t)}(t))return NaN;if(b(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=b(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var s=r.test(t);return s||i.test(t)?f(t.slice(2),s?2:8):o.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}return s=function(t,e,o){if(o&&"boolean"!=typeof o&&function(t,e,o){if(!b(o))return!1;var r=typeof e;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!function(t){var n=b(t)?h.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}(t)}(o)&&function(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||c.test(t))&&t>-1&&t%1==0&&t<e}(e,o.length):"string"==r&&e in o)&&function(t,n){return t===n||t!=t&&n!=n}(o[e],t)}(t,e,o)&&(e=o=void 0),void 0===o&&("boolean"==typeof e?(o=e,e=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===e?(t=0,e=1):(t=v(t),void 0===e?(e=t,t=0):e=v(e)),t>e){var r=t;t=e,e=r}if(o||t%1||e%1){var i=p();return l(t+i*(e-t+a("1e-"+((i+"").length-1))),e)}return function(t,n){return t+d(p()*(n-t+1))}(t,e)}}()),h=r(function(){if(a)return c;a=1;var t=1/0,n=9007199254740991,e="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",u="[object DataView]",f=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,p=/^0o[0-7]+$/i,b=/^(?:0|[1-9]\d*)$/,v="\\ud800-\\udfff",m="\\u0300-\\u036f\\ufe20-\\ufe23",y="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",j="["+v+"]",C="["+m+y+"]",D="\\ud83c[\\udffb-\\udfff]",w="[^"+v+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",A="[\\ud800-\\udbff][\\udc00-\\udfff]",O="\\u200d",T="(?:"+C+"|"+D+")?",I="["+g+"]?",$=I+T+"(?:"+O+"(?:"+[w,k,A].join("|")+")"+I+T+")*",S="(?:"+[w+C+"?",C,k,A,j].join("|")+")",F=RegExp(D+"(?="+D+")|"+S+$,"g"),M=RegExp("["+O+v+m+y+g+"]"),x=parseInt,E="object"==typeof self&&self&&self.Object===Object&&self,N="object"==typeof i&&i&&i.Object===Object&&i||E||Function("return this")();function R(t){var n=-1,e=Array(t.size);return t.forEach((function(t,o){e[++n]=[o,t]})),e}function z(t){var n=-1,e=Array(t.size);return t.forEach((function(t){e[++n]=t})),e}var L,W,B,V=Function.prototype,_=Object.prototype,K=N["__core-js_shared__"],P=(L=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",G=V.toString,U=_.hasOwnProperty,H=_.toString,q=RegExp("^"+G.call(U).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=N.Symbol,Q=J?J.iterator:void 0,X=_.propertyIsEnumerable,Y=Math.floor,Z=(W=Object.keys,B=Object,function(t){return W(B(t))}),tt=Math.random,nt=dt(N,"DataView"),et=dt(N,"Map"),ot=dt(N,"Promise"),rt=dt(N,"Set"),it=dt(N,"WeakMap"),st=bt(nt),ut=bt(et),ct=bt(ot),at=bt(rt),ft=bt(it);function ht(t,n){return t+Y(tt()*(n-t+1))}function dt(t,n){var e=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){if(!gt(t)||function(t){return!!P&&P in t}(t))return!1;var n=yt(t)||function(t){var n=!1;if(null!=t&&"function"!=typeof t.toString)try{n=!!(t+"")}catch(t){}return n}(t)?q:l;return n.test(bt(t))}(e)?e:void 0}var lt=function(t){return H.call(t)};function pt(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||b.test(t))&&t>-1&&t%1==0&&t<e}function bt(t){if(null!=t){try{return G.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(nt&&lt(new nt(new ArrayBuffer(1)))!=u||et&&lt(new et)!=e||ot&&lt(ot.resolve())!=o||rt&&lt(new rt)!=r||it&&lt(new it)!=s)&&(lt=function(t){var n=H.call(t),i="[object Object]"==n?t.constructor:void 0,c=i?bt(i):void 0;if(c)switch(c){case st:return u;case ut:return e;case ct:return o;case at:return r;case ft:return s}return n});var vt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!yt(t)}function yt(t){var n=gt(t)?H.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}function gt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function jt(t){return!!t&&"object"==typeof t}function Ct(t){return t?function(t,n){return function(n){for(var e=-1,o=n?n.length:0,r=Array(o);++e<o;)r[e]=t[n[e]];return r}(n)}(t,function(t){return mt(t)?function(t){var n=vt(t)||function(t){return function(t){return jt(t)&&mt(t)}(t)&&U.call(t,"callee")&&(!X.call(t,"callee")||"[object Arguments]"==H.call(t))}(t)?function(t,n){for(var e=-1,o=Array(t);++e<t;)o[e]=n(e);return o}(t.length,String):[],e=n.length,o=!!e;for(var r in t)!U.call(t,r)||o&&("length"==r||pt(r,e))||n.push(r);return n}(t):function(t){if((n=t)!==("function"==typeof(e=n&&n.constructor)&&e.prototype||_))return Z(t);var n,e,o=[];for(var r in Object(t))U.call(t,r)&&"constructor"!=r&&o.push(r);return o}(t)}(t)):[]}return c=function(n,o,i){var s,u,c=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!vt(t)&&jt(t)&&"[object String]"==H.call(t)}(t)?function(t){return M.test(t)}(n=t)?function(t){return t.match(F)||[]}(n):function(t){return t.split("")}(n):function(t,n){var e=-1,o=t.length;for(n||(n=Array(o));++e<o;)n[e]=t[e];return n}(t);var n;if(Q&&t[Q])return function(t){for(var n,e=[];!(n=t.next()).done;)e.push(n.value);return e}(t[Q]());var o=lt(t);return(o==e?R:o==r?z:Ct)(t)}(n),l=a.length,b=l-1;for((i?function(t,n,e){if(!gt(e))return!1;var o=typeof n;return!!("number"==o?mt(e)&&pt(n,e.length):"string"==o&&n in e)&&function(t,n){return t===n||t!=t&&n!=n}(e[n],t)}(n,o,i):void 0===o)?o=1:(s=function(n){var e=function(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||jt(t)&&"[object Symbol]"==H.call(t)}(t))return NaN;if(gt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=gt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var e=d.test(t);return e||p.test(t)?x(t.slice(2),e?2:8):h.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}(n),o=e%1;return e==e?o?e-o:e:0}(o),u=l,s==s&&(void 0!==u&&(s=s<=u?s:u),s=s>=0?s:0),o=s);++c<o;){var v=ht(c,b),m=a[v];a[v]=a[c],a[c]=m}return a.length=o,a}}());const d=class{constructor(r){t(this,r),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(e)for(const t of e.documentComponents)this.handleOpenToggle(t,n.next)},this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||"table-of-contents"===this.mode&&"LID"===n.type)return e(o,null);const{DocumentComponent:r}=this,i=this.getEmbeddedDocumentComponents(n);let s,u,c,a,f;return this.hasNestedDraft(n)&&(this.showBesluitversie?(s="B",u="primary",c="Dit is een besluitversie."):(s="!",u="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),n.bevatOntwerpInformatie&&(this.showBesluitversie?(a="Besluitversie",f="primary"):(a="Ontwerp",f="warning")),e("dso-document-component",{annotated:this.isAnnotated(n),filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),gereserveerd:n.gereserveerd,headingLevel:2,kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(n,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+n.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:s,badgeStatus:u,badgeTooltip:c,label:a,labelStatus:f},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(n)&&i?.documentComponents.length&&e("ul",{class:"dso-document-component-list"},i.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(r,{path:[...t,n]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const n=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of n)n.push(...this.concatEmbeddedDocumentComponents(t));return n}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t))),o=f(0,Math.floor(e.length/10));return h(e,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,n){const e="boolean"==typeof n?n:this.openOrClosed.includes(t);e&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((n=>n!==t)):e||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,n){this.openedAnnotation=this.isOpenedAnnotation(t)&&!n.next?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(n&&!(n.documentComponents.length<=1)&&n.documentComponents.some((t=>"ARTIKEL"===t.type)))return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:n}=this;return e("dso-responsive-element",{key:"325c3f0c6cae4feecaf9e01fe74fc602a653f137",class:"dso-document-components"},e("div",{key:"df6ff8a61e2fefc28b9dace9ea88fcc2b6f0009e",class:"dso-navbar"},e("ul",{key:"6b44f5260a57c2a296068aa9d122c31e3d8d6502",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>e("li",{class:this.document===t?"dso-active":void 0},e(n,{documentComponent:t})))))),this.document&&e(t,{key:"fd300e2da9b2e29b46e29c3108e78f609e8b4e40",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}};d.style=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";export{d as dsot_document_component_demo}
+import{r as t,d as n,h as e,F as o}from"./p-DRum3iIs.js";import{g as r,c as i}from"./p-BFTU3MAI.js";var s,u,c,a,f=r(function(){if(u)return s;u=1;var t=1/0,n=9007199254740991,e=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,c=/^(?:0|[1-9]\d*)$/,a=parseFloat,f=parseInt,h=Object.prototype.toString,d=Math.floor,l=Math.min,p=Math.random;function b(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function v(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==h.call(t)}(t))return NaN;if(b(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=b(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var s=r.test(t);return s||i.test(t)?f(t.slice(2),s?2:8):o.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}return s=function(t,e,o){if(o&&"boolean"!=typeof o&&function(t,e,o){if(!b(o))return!1;var r=typeof e;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!function(t){var n=b(t)?h.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}(t)}(o)&&function(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||c.test(t))&&t>-1&&t%1==0&&t<e}(e,o.length):"string"==r&&e in o)&&function(t,n){return t===n||t!=t&&n!=n}(o[e],t)}(t,e,o)&&(e=o=void 0),void 0===o&&("boolean"==typeof e?(o=e,e=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===e?(t=0,e=1):(t=v(t),void 0===e?(e=t,t=0):e=v(e)),t>e){var r=t;t=e,e=r}if(o||t%1||e%1){var i=p();return l(t+i*(e-t+a("1e-"+((i+"").length-1))),e)}return function(t,n){return t+d(p()*(n-t+1))}(t,e)}}()),h=r(function(){if(a)return c;a=1;var t=1/0,n=9007199254740991,e="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",u="[object DataView]",f=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,p=/^0o[0-7]+$/i,b=/^(?:0|[1-9]\d*)$/,v="\\ud800-\\udfff",m="\\u0300-\\u036f\\ufe20-\\ufe23",y="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",j="["+v+"]",C="["+m+y+"]",D="\\ud83c[\\udffb-\\udfff]",w="[^"+v+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",A="[\\ud800-\\udbff][\\udc00-\\udfff]",O="\\u200d",T="(?:"+C+"|"+D+")?",I="["+g+"]?",$=I+T+"(?:"+O+"(?:"+[w,k,A].join("|")+")"+I+T+")*",S="(?:"+[w+C+"?",C,k,A,j].join("|")+")",F=RegExp(D+"(?="+D+")|"+S+$,"g"),M=RegExp("["+O+v+m+y+g+"]"),x=parseInt,E="object"==typeof self&&self&&self.Object===Object&&self,N="object"==typeof i&&i&&i.Object===Object&&i||E||Function("return this")();function R(t){var n=-1,e=Array(t.size);return t.forEach((function(t,o){e[++n]=[o,t]})),e}function z(t){var n=-1,e=Array(t.size);return t.forEach((function(t){e[++n]=t})),e}var L,W,B,V=Function.prototype,_=Object.prototype,K=N["__core-js_shared__"],P=(L=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",G=V.toString,U=_.hasOwnProperty,H=_.toString,q=RegExp("^"+G.call(U).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=N.Symbol,Q=J?J.iterator:void 0,X=_.propertyIsEnumerable,Y=Math.floor,Z=(W=Object.keys,B=Object,function(t){return W(B(t))}),tt=Math.random,nt=dt(N,"DataView"),et=dt(N,"Map"),ot=dt(N,"Promise"),rt=dt(N,"Set"),it=dt(N,"WeakMap"),st=bt(nt),ut=bt(et),ct=bt(ot),at=bt(rt),ft=bt(it);function ht(t,n){return t+Y(tt()*(n-t+1))}function dt(t,n){var e=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){if(!gt(t)||function(t){return!!P&&P in t}(t))return!1;var n=yt(t)||function(t){var n=!1;if(null!=t&&"function"!=typeof t.toString)try{n=!!(t+"")}catch(t){}return n}(t)?q:l;return n.test(bt(t))}(e)?e:void 0}var lt=function(t){return H.call(t)};function pt(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||b.test(t))&&t>-1&&t%1==0&&t<e}function bt(t){if(null!=t){try{return G.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(nt&&lt(new nt(new ArrayBuffer(1)))!=u||et&&lt(new et)!=e||ot&&lt(ot.resolve())!=o||rt&&lt(new rt)!=r||it&&lt(new it)!=s)&&(lt=function(t){var n=H.call(t),i="[object Object]"==n?t.constructor:void 0,c=i?bt(i):void 0;if(c)switch(c){case st:return u;case ut:return e;case ct:return o;case at:return r;case ft:return s}return n});var vt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!yt(t)}function yt(t){var n=gt(t)?H.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}function gt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function jt(t){return!!t&&"object"==typeof t}function Ct(t){return t?function(t,n){return function(n){for(var e=-1,o=n?n.length:0,r=Array(o);++e<o;)r[e]=t[n[e]];return r}(n)}(t,function(t){return mt(t)?function(t){var n=vt(t)||function(t){return function(t){return jt(t)&&mt(t)}(t)&&U.call(t,"callee")&&(!X.call(t,"callee")||"[object Arguments]"==H.call(t))}(t)?function(t,n){for(var e=-1,o=Array(t);++e<t;)o[e]=n(e);return o}(t.length,String):[],e=n.length,o=!!e;for(var r in t)!U.call(t,r)||o&&("length"==r||pt(r,e))||n.push(r);return n}(t):function(t){if((n=t)!==("function"==typeof(e=n&&n.constructor)&&e.prototype||_))return Z(t);var n,e,o=[];for(var r in Object(t))U.call(t,r)&&"constructor"!=r&&o.push(r);return o}(t)}(t)):[]}return c=function(n,o,i){var s,u,c=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!vt(t)&&jt(t)&&"[object String]"==H.call(t)}(t)?function(t){return M.test(t)}(n=t)?function(t){return t.match(F)||[]}(n):function(t){return t.split("")}(n):function(t,n){var e=-1,o=t.length;for(n||(n=Array(o));++e<o;)n[e]=t[e];return n}(t);var n;if(Q&&t[Q])return function(t){for(var n,e=[];!(n=t.next()).done;)e.push(n.value);return e}(t[Q]());var o=lt(t);return(o==e?R:o==r?z:Ct)(t)}(n),l=a.length,b=l-1;for((i?function(t,n,e){if(!gt(e))return!1;var o=typeof n;return!!("number"==o?mt(e)&&pt(n,e.length):"string"==o&&n in e)&&function(t,n){return t===n||t!=t&&n!=n}(e[n],t)}(n,o,i):void 0===o)?o=1:(s=function(n){var e=function(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||jt(t)&&"[object Symbol]"==H.call(t)}(t))return NaN;if(gt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=gt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var e=d.test(t);return e||p.test(t)?x(t.slice(2),e?2:8):h.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}(n),o=e%1;return e==e?o?e-o:e:0}(o),u=l,s==s&&(void 0!==u&&(s=s<=u?s:u),s=s>=0?s:0),o=s);++c<o;){var v=ht(c,b),m=a[v];a[v]=a[c],a[c]=m}return a.length=o,a}}());const d=class{constructor(r){t(this,r),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(e)for(const t of e.documentComponents)this.handleOpenToggle(t,n.next)},this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||"table-of-contents"===this.mode&&"LID"===n.type)return e(o,null);const{DocumentComponent:r}=this,i=this.getEmbeddedDocumentComponents(n);let s,u,c,a,f;return this.hasNestedDraft(n)&&(this.showBesluitversie?(s="B",u="primary",c="Dit is een besluitversie."):(s="!",u="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),n.bevatOntwerpInformatie&&(this.showBesluitversie?(a="Besluitversie",f="primary"):(a="Ontwerp",f="warning")),e("dso-document-component",{annotated:this.isAnnotated(n),filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),gereserveerd:n.gereserveerd,headingLevel:2,kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(n,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+n.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:s,badgeStatus:u,badgeTooltip:c,label:a,labelStatus:f},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}),e("dso-label",{slot:"meta",status:"warning",compact:!0},"gewijzigde locatie"))),this.showContent(n)&&i?.documentComponents.length&&e("ul",{class:"dso-document-component-list"},i.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(r,{path:[...t,n]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const n=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of n)n.push(...this.concatEmbeddedDocumentComponents(t));return n}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t))),o=f(0,Math.floor(e.length/10));return h(e,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,n){const e="boolean"==typeof n?n:this.openOrClosed.includes(t);e&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((n=>n!==t)):e||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,n){this.openedAnnotation=this.isOpenedAnnotation(t)&&!n.next?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(n&&!(n.documentComponents.length<=1)&&n.documentComponents.some((t=>"ARTIKEL"===t.type)))return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:n}=this;return e("dso-responsive-element",{key:"b79655f9c08bd2dd24761bb769cccb441ef11c01",class:"dso-document-components"},e("div",{key:"c40ddaad46f22defa626c174109128a346fe7b63",class:"dso-navbar"},e("ul",{key:"844a9ebcb3693e00c5ce1b5da5cc989050fb90fa",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>e("li",{class:this.document===t?"dso-active":void 0},e(n,{documentComponent:t})))))),this.document&&e(t,{key:"46ee8e9d0e26b940323f951eb7ab746816054ce8",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}};d.style=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";export{d as dsot_document_component_demo}

package/dist/dso-toolkit/{p-0ac3a3de.entry.js → p-46b5f37c.entry.js}

@@ -1 +1 @@
-import{h as o,r as s,d,F as i,g as l}from"./p-DRum3iIs.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}
+import{h as o,r as s,d,F as i,g as l}from"./p-DRum3iIs.js";import{c as a}from"./p-ChV9xqsO.js";import{g as e}from"./p-BWkWD1Z2.js";import{i as n}from"./p-DVFsbHoq.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:"b930438a422cb03660dddbc81210c8f2777017ba",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:"5fa203f446079d7473166d22cabf04f11fbb0e6e",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}