@dso-toolkit/core 42.0.0 → 43.0.0

package/dist/dso-toolkit/p-9dc7e3c5.entry.js

@@ -1 +0,0 @@
-import{r as o,c as n,h as t,F as d,g as e}from"./p-c62606a3.js";import{c as i}from"./p-4070c1e5.js";import{d as r}from"./p-1805f5b0.js";let s=class{constructor(d){o(this,d),this.headerClick=n(this,"headerClick",7),this.mainMenu=[],this.useDropDownMenu="auto",this.authStatus="none",this.showDropDown=!1,this.hasSubLogo=!1,this.overflowMenuItems=0,this.onWindowResize=r((()=>{this.setDropDownMenu(),this.setOverflowMenu()}),100),this.MenuItem=o=>t("li",{class:o.active?"dso-active":void 0},t("a",{href:o.url,"aria-current":o.active?"page":void 0,onClick:n=>this.clickHandler(n,"menuItem",{menuItem:o})},o.label))}clickHandler(o,n,t){var d,e;this.headerClick.emit({originalEvent:o,isModifiedEvent:0!==o.button||o.ctrlKey||o.shiftKey||o.altKey||o.metaKey,type:n,menuItem:null==t?void 0:t.menuItem,url:null!==(d=null==t?void 0:t.url)&&void 0!==d?d:null===(e=null==t?void 0:t.menuItem)||void 0===e?void 0:e.url})}watchUseDropDownMenu(o){"auto"!==o?this.showDropDown="always"===o:this.setDropDownMenu()}componentWillLoad(){this.hasSubLogo=null!==this.host.querySelector("*[slot = 'sub-logo']")}shrinkMenuToFit(){this.wrapper&&this.nav&&(this.wrapper.clientWidth>=this.nav.clientWidth||this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length||this.overflowMenuItems++)}componentDidRender(){this.showDropDown||window.setTimeout((()=>this.shrinkMenuToFit()),0)}setOverflowMenu(){this.showDropDown||(0==this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){return t(d,null,t("div",{class:i("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:o=>this.wrapper=o},t("div",{class:"logo-container"},t("div",{class:"logo"},t("slot",{name:"logo"})),t("div",{class:"sub-logo"},t("slot",{name:"sub-logo"}))),this.showDropDown&&this.mainMenu&&this.mainMenu.length>0&&t("div",{class:"dropdown"},t("dso-dropdown-menu",{"dropdown-align":"right"},t("button",{type:"button",class:"tertiary",slot:"toggle"},t("span",null,"Menu")),t("div",{class:"dso-dropdown-options"},t("dso-dropdown-options",null,t("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&t("li",null,t("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&t("li",null,t("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,t("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&t("li",null,this.loginUrl?t("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},"Inloggen"):t("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},"Inloggen")),"loggedIn"===this.authStatus&&t("li",null,this.logoutUrl?t("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},"Uitloggen"):t("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},"Uitloggen"))))))),!this.showDropDown&&t(d,null,t("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&t("div",{class:"profile"},t("span",{class:"profile-label"},"Welkom:"),t("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&t("div",{class:"login"},this.loginUrl?t("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},"Inloggen"):t("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},"Inloggen")),"loggedIn"===this.authStatus&&t("div",{class:"logout"},this.logoutUrl?t("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},"Uitloggen"):t("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},"Uitloggen"))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&t("nav",{class:"dso-navbar"},t("ul",{class:"dso-nav dso-nav-main",ref:o=>this.nav=o},this.mainMenu&&this.mainMenu.filter(((o,n)=>n<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&t("li",null,t("dso-dropdown-menu",{"dropdown-align":"left"},t("button",{type:"button",class:"tertiary",slot:"toggle"},t("span",null,"Meer")),t("div",{class:"dso-dropdown-options"},t("dso-dropdown-options",null,t("ul",null,this.mainMenu&&this.mainMenu.filter(((o,n)=>n>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem)))))),this.userHomeUrl&&t("li",{class:"menu-user-home"},t("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},t("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return e(this)}static get watchers(){return{useDropDownMenu:["watchUseDropDownMenu"]}}};s.style=":host{--di-chevron-down-bosgroen:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-up-bosgroen:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");display:block}.dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;padding:0 16px;position:relative}@media screen and (min-width: 768px){.dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down{flex-wrap:nowrap}}.logo-container{display:flex;flex-wrap:wrap;padding-bottom:16px;padding-top:16px}@media screen and (max-width: 767px){.logo-container{max-width:200px}}.logo-container+.dropdown dso-dropdown-menu{position:static}@media screen and (min-width: 768px){.sub-logo{margin-left:24px}}@media screen and (max-width: 767px){.sub-logo{flex-basis:100%}}.login,.logout{margin-right:16px}.login .dso-tertiary,.logout .dso-tertiary{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;cursor:pointer;font-family:Asap, sans-serif;font-weight:600;vertical-align:text-bottom}.login .dso-tertiary:focus,.login .dso-tertiary:focus-visible,.logout .dso-tertiary:focus,.logout .dso-tertiary:focus-visible{outline-offset:2px}.login .dso-tertiary:active,.logout .dso-tertiary:active{outline:0}.login .dso-tertiary.extern::after,.login .dso-tertiary.download::after,.logout .dso-tertiary.extern::after,.logout .dso-tertiary.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.login .dso-tertiary[disabled],.logout .dso-tertiary[disabled]{color:#afcf9d}.login .dso-tertiary:not([disabled]):hover,.logout .dso-tertiary:not([disabled]):hover{color:#676cb0;text-decoration:underline}.login .dso-tertiary:not([disabled]):active,.logout .dso-tertiary:not([disabled]):active{color:#676cb0}.login .dso-tertiary.btn-align,.logout .dso-tertiary.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}.login .dso-tertiary.extern::after,.login .dso-tertiary.download::after,.logout .dso-tertiary.extern::after,.logout .dso-tertiary.download::after{position:relative;top:-2px}.login .dso-tertiary.download::after,.logout .dso-tertiary.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.login .dso-tertiary.download[disabled]::after,.logout .dso-tertiary.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.login .dso-tertiary.download:not([disabled]):hover::after,.login .dso-tertiary.download:not([disabled]):active::after,.logout .dso-tertiary.download:not([disabled]):hover::after,.logout .dso-tertiary.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}.login .dso-tertiary.extern::after,.logout .dso-tertiary.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.login .dso-tertiary.extern[disabled]::after,.logout .dso-tertiary.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.login .dso-tertiary.extern:not([disabled]):hover::after,.login .dso-tertiary.extern:not([disabled]):active::after,.logout .dso-tertiary.extern:not([disabled]):hover::after,.logout .dso-tertiary.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}.login .dso-tertiary dso-icon+span:not(.sr-only),.login .dso-tertiary svg.di+span:not(.sr-only),.login .dso-tertiary span:not(.sr-only)+dso-icon,.login .dso-tertiary span:not(.sr-only)+svg.di,.logout .dso-tertiary dso-icon+span:not(.sr-only),.logout .dso-tertiary svg.di+span:not(.sr-only),.logout .dso-tertiary span:not(.sr-only)+dso-icon,.logout .dso-tertiary span:not(.sr-only)+svg.di{margin-left:8px}.login .dso-tertiary dso-icon,.login .dso-tertiary svg.di,.login .dso-tertiary span,.logout .dso-tertiary dso-icon,.logout .dso-tertiary svg.di,.logout .dso-tertiary span{vertical-align:middle}.profile a,.logout a,.login a{text-decoration:none;color:#39870c;font-weight:600}.profile a:hover,.profile a:focus,.logout a:hover,.logout a:focus,.login a:hover,.login a:focus{text-decoration:none}.profile a:active,.logout a:active,.login a:active{text-decoration:underline}.dso-header-session{display:flex;margin-left:auto}.dso-header-session .profile a{margin-left:8px}.dso-header-session .profile+.logout{border-left:3px solid #ccc;margin-left:16px;padding-left:16px}.dso-navbar{flex-basis:100%}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn::after{content:\"\";display:inline-block;margin-left:8px}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.btn-primary::after{background:var(--dso-icon, var(--di-chevron-down-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.btn-default::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary:hover::after,dso-dropdown-menu>.btn-default:hover::after{--dso-icon:var(--di-chevron-down-wit)}dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn-link::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;position:relative;top:-2px}dso-dropdown-menu>.dso-tertiary:hover::after,dso-dropdown-menu>.btn-link:hover::after{--dso-icon:var(--di-chevron-down-scampi)}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding:4px 20px 2px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-bottom:1px solid #e5e5e5;margin-bottom:11px;padding-bottom:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:16px;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none;clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding:3px 20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;width:100%}dso-dropdown-menu[dropdown-align=right] .dso-dropdown-options{right:0}dso-dropdown-menu[open]>.dso-primary::after,dso-dropdown-menu[open]>.btn-primary::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-secondary::after,dso-dropdown-menu[open]>.btn-default::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-secondary:hover::after,dso-dropdown-menu[open]>.btn-default:hover::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-tertiary::after,dso-dropdown-menu[open]>.btn-link::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-tertiary:hover::after,dso-dropdown-menu[open]>.btn-link:hover::after{--dso-icon:var(--di-chevron-up-scampi)}dso-dropdown-menu[open] button::after{background:var(--dso-icon, var(--di-chevron-up-bosgroen)) no-repeat;background-position:center;background-size:cover;height:1.2em;vertical-align:top;width:1.2em}dso-dropdown-menu[checkable] .dso-group-label{padding-left:40px}dso-dropdown-menu[checkable] li a,dso-dropdown-menu[checkable] li button{padding-left:40px}dso-dropdown-menu[checkable] li.dso-checked a:not(:focus),dso-dropdown-menu[checkable] li.dso-checked button:not(:focus){background-color:#39870c;border-color:#39870c;color:#fff}dso-dropdown-menu[checkable] li.dso-checked a::before,dso-dropdown-menu[checkable] li.dso-checked button::before{background:var(--dso-icon, var(--di-check-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:\"\";display:block;float:left;margin-left:-32px;margin-right:8px}dso-dropdown-menu button{align-items:flex-end;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu button::after{background:var(--dso-icon, var(--di-chevron-down-bosgroen)) no-repeat;background-position:center;background-size:cover;height:1.2em;vertical-align:top;width:1.2em;content:\"\";display:inline-block;margin-left:8px;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media screen and (max-width: 767px){dso-dropdown-menu{top:12px}}dso-dropdown-menu .dso-dropdown-options{border:0;border-radius:0}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul{width:320px}@media screen and (max-width: 991px){dso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul{width:100%}}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a{color:#275937;font-size:1.25rem;padding:16px}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li.dso-active a{font-weight:600}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li+li{border-top:1px solid #ccc}.dropdown{margin-left:auto}@media screen and (max-width: 767px){.dropdown dso-dropdown-menu{margin-top:28px}}.dropdown dso-dropdown-menu .dso-dropdown-options{left:0;right:0;top:100%}.dropdown dso-dropdown-menu[open] button::after{background:var(--dso-icon, var(--di-chevron-up)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.dropdown dso-dropdown-menu button{color:#39870c;font-size:16px;font-weight:600;position:relative}.dropdown dso-dropdown-menu button:hover,.dropdown dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown dso-dropdown-menu button::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav>li{margin-bottom: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-bottom:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main>li>a{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options{top:calc(100% + 3px)}.dso-nav.dso-nav-main dso-dropdown-menu button{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main dso-dropdown-menu button:hover,.dso-nav.dso-nav-main dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu button::after{top:auto;transform:none}.dso-nav.dso-nav-sub>li{display:inline-block}.dso-nav.dso-nav-sub>li>a{text-decoration:none;font-size:16px;margin-top:4px;padding:4px 8px 3px}.dso-nav.dso-nav-sub>li>a:hover,.dso-nav.dso-nav-sub>li>a:focus,.dso-nav.dso-nav-sub>li>a:active{text-decoration:underline}.dso-nav .menu-user-home{margin-left:auto}.dso-nav .menu-user-home dso-icon{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";export{s as dso_header}

package/dist/dso-toolkit/p-b1dc8d76.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as a}from"./p-c62606a3.js";let n=class{constructor(a){i(this,a),this.selectPage=t(this,"selectPage",7),this.formatHref=i=>"#"+i}clickHandler(i,t){this.selectPage.emit({originalEvent:i,page:t,isModifiedEvent:0!==i.button||i.ctrlKey||i.shiftKey||i.altKey||i.metaKey})}render(){if(!this.totalPages)return null;const i=Array.from({length:this.totalPages},((i,t)=>t+1));return a("ul",{class:"pagination"},a("li",{class:this.currentPage===i[0]?"dso-page-hidden":void 0},a("a",{href:this.formatHref(i[0]),"aria-label":"Vorige",onClick:t=>this.currentPage&&this.clickHandler(t,i[this.currentPage-2])},a("dso-icon",{icon:"chevron-left"}))),i.map((i=>a("li",{key:i,class:this.currentPage===i?"active":void 0},this.currentPage===i?a("span",{"aria-current":"page"},i):a("a",{href:this.formatHref(i),onClick:t=>this.clickHandler(t,i)},i)))),a("li",{class:this.currentPage===i[i.length-1]?"dso-page-hidden":void 0},a("a",{href:this.formatHref(i[i.length-1]),"aria-label":"Volgende",onClick:t=>this.currentPage&&this.clickHandler(t,i[this.currentPage])},a("dso-icon",{icon:"chevron-right"}))))}};n.style=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination{text-align:center}.pagination>li{display:inline-block;font-weight:bold;line-height:28px;text-align:center;vertical-align:middle}.pagination>li>a,.pagination>li>span{align-items:center;color:#39870c;display:flex;height:32px;justify-content:center;position:relative;width:32px}.pagination>li>a:active,.pagination>li>span:active{background-color:#ebf3e6}.pagination>li>span{border:2px solid transparent;border-radius:50%}.pagination>li a{line-height:32px;text-decoration:none}.pagination>li a:hover,.pagination>li a:focus{text-decoration:none}.pagination>li a:hover::after,.pagination>li a:focus::after{border-bottom-color:#39870c}.pagination>li a::after{border-bottom:3px solid transparent;bottom:0;content:"";display:inline-block;left:0;position:absolute;width:100%}.pagination>li.active span{background-color:#39870c;color:#fff}.pagination>li+li{margin-left:8px}.dso-page-hidden{visibility:hidden}';export{n as dso_pagination}

package/dist/dso-toolkit/p-e01b1657.entry.js

@@ -1 +0,0 @@
-import{h as e,F as t,r as o,c as i}from"./p-c62606a3.js";import{c as n}from"./p-4070c1e5.js";const r=({owner:o,ancestors:i,item:s,index:a,level:l,setSize:c})=>{var d,h,p,u;return e("li",{key:s.id,class:n("tree-item",{"has-child":s.hasItems,"is-expanded":!!s.open&&!!(null===(d=s.items)||void 0===d?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,i,s)},e("dso-icon",{icon:s.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:n("tree-content",{active:s.active},{selected:s.selected}),tabindex:1===l&&0===a?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!(null===(h=s.items)||void 0===h?void 0:h.length)):void 0,"aria-current":s.active?"true":void 0,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":s.loading?"true":void 0,onClick:e=>o.itemClick(e,i,s)},s.selected&&e("span",{class:"sr-only"},"Resultaat: "),s.href?e("a",{href:s.href,tabindex:"-1"},s.label):e("span",null,s.label),null===(p=s.icons)||void 0===p?void 0:p.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),s.open&&e(t,null,s.hasItems&&!s.items&&s.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},null===(u=s.items)||void 0===u?void 0:u.map(((t,n,a)=>e(r,{owner:o,ancestors:[...i,s],item:t,index:n,level:l+1,setSize:a.length}))))))};let s=class{constructor(e){o(this,e),this.openItem=i(this,"openItem",7),this.closeItem=i(this,"closeItem",7),this.clickItem=i(this,"clickItem",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":s.moveFocus(t,e.target,"next");break;case"ArrowUp":s.moveFocus(t,e.target,"previous");break;case"ArrowRight":s.expandItemOrFocusChild(t,e.target);break;case"ArrowLeft":s.collapseItemOrFocusParent(t,e.target);break;case"End":s.moveFocus(t,e.target,"last");break;case"Home":s.moveFocus(t,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(1===(o=e.key).length&&o.match(/\S/)&&s.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 i=e.target.closest(".tree-content");if(i){const n=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(i instanceof HTMLParagraphElement&&n instanceof HTMLElement))return;return s.setFocus(n,i),void this.clickItem.emit({path:[...t,o],originalEvent:e})}o.open?this.closeItem.emit([...t,o]):this.openItem.emit([...t,o])}}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 i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let n=0;switch(o){case"first":n=0;break;case"previous":n=i.indexOf(t)-1;break;case"next":n=i.indexOf(t)+1;break;case"last":n=i.length-1}s.setFocus(e,i[n])}static expandItemOrFocusChild(e,t){var o;if("true"===(null==t?void 0:t.getAttribute("aria-expanded")))s.moveFocus(e,t,"next");else{const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}}static collapseItemOrFocusParent(e,t){var o,i,n;if("true"===(null==t?void 0:t.getAttribute("aria-expanded"))){const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}else{const o=null===(n=null===(i=null==t?void 0:t.parentElement)||void 0===i?void 0:i.parentElement)||void 0===n?void 0:n.previousElementSibling;o instanceof HTMLElement&&s.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,i){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));i&&n.reverse();const r=n.indexOf(t);o=o.toLowerCase();let a=n.find(((e,t)=>{var i;return t>r&&(null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase().startsWith(o))}));return a||(a=n.find(((e,t)=>{var i;return t<r&&(null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase().startsWith(o))}))),!!a&&(s.setFocus(e,a),!0)}render(){var t;return e("div",{id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e)},e("ul",{role:"tree","aria-label":"Objectenboom"},null===(t=this.collection)||void 0===t?void 0:t.map(((t,o)=>e(r,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};s.style=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-left:0}:host ul[role=group]::before{border-left:1px solid #275937;content:"";height:8px;left:44px;position:absolute;top:0;width:0}:host li:not(.has-child)::before{border-top:1px solid #275937;content:"";height:0;left:12px;position:absolute;top:20px;width:16px}:host li:not(.has-child)::after{border-left:1px solid #275937;content:"";height:100%;left:12px;position:absolute;top:8px;width:0}:host li:not(.has-child):last-child::after{height:20px;top:0}:host li.has-child::before{border-top:1px solid #275937;content:"";height:0;left:24px;position:absolute;top:20px;width:4px}:host li.has-child:not(:last-child)::after{border-left:1px solid #275937;content:"";height:calc(100% - 24px);left:12px;position:absolute;top:32px;width:0}:host li.has-child.is-expanded:last-child::after{border-left:1px solid #275937;content:"";height:calc(100% - 32px);left:12px;position:absolute;top:32px;width:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin:8px 8px 8px 0;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0;max-width: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;margin-left:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';export{s as dso_tree_view}

package/dist/dso-toolkit/p-e1496a15.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,F as e}from"./p-c62606a3.js";let n=class{constructor(t){o(this,t),this.label="Hulp nodig",this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)}}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"false","aria-haspopup":"dialog"},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{class:`wrapper ${this.visibility}`},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.url}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"true"},t("span",{class:"sr-only"},"sluiten"))))}};n.style=":host{display:block;--di-times:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");--di-times-wit:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.wrapper{height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%}.wrapper.visible{visibility:visible}.dimscreen{background-color:#000;height:100%;opacity:0.4;width:100%}.open-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#39870c;border-color:#39870c;color:#fff;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;bottom:16px;font-family:Asap, sans-serif;position:fixed;right:16px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:hover{background-color:#275937;border-color:#275937;color:#fff}.open-button:active{background-color:#15301e;border-color:#15301e;color:#fff}.open-button[disabled],.open-button[disabled]:hover{background-color:#afcf9d;border-color:#afcf9d;color:#fff}.open-button.btn-sm{line-height:16px}.open-button.btn-sm dso-icon,.open-button.btn-sm svg.di,.open-button.btn-sm.extern::after,.open-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.open-button.download::after{background:var(--dso-icon, var(--di-download-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button dso-icon,.open-button svg.di{margin-left:-8px;margin-right:8px}.open-button span+dso-icon,.open-button span+svg.di{margin-left:8px;margin-right:-8px}.open-button:hover{cursor:pointer}.open-button.open{display:none}.close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border-right:0;border-top:0;border-radius:0 0 0 8px;height:40px;min-width:40px;padding:0;position:fixed;right:0;width:40px;top:0}.close-button:focus,.close-button:focus-visible{outline-offset:2px}.close-button:active{outline:0}.close-button.extern::after,.close-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.close-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.close-button:active{background-color:#275937;border-color:#275937;color:#fff}.close-button[disabled],.close-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.close-button.btn-sm{line-height:16px}.close-button.btn-sm dso-icon,.close-button.btn-sm svg.di,.close-button.btn-sm.extern::after,.close-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.download:hover::after{--dso-icon:var(--di-download-wit)}.close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.close-button dso-icon,.close-button svg.di{margin-left:-8px;margin-right:8px}.close-button span+dso-icon,.close-button span+svg.di{margin-left:8px;margin-right:-8px}.close-button::before{background:var(--dso-icon, var(--di-times)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:\"\";display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.close-button:hover,.close-button:active,.close-button:focus{cursor:pointer}.close-button:hover::before,.close-button:active::before,.close-button:focus::before{background:var(--dso-icon, var(--di-times-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.close{display:none}.iframe-container{background-color:#fff;border:0;border-left:1px solid #ccc;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.4);height:100%;position:absolute;right:-640px;top:0;transition:right 0.5s;width:640px}.iframe-container.open{right:0}iframe{border:0;height:100%;width:100%}";export{n as dso_helpcenter_panel}

package/dist/dso-toolkit/p-f1026921.entry.js

@@ -1 +0,0 @@
-import{h as o,F as t,r as n,c as e,H as s,g as c}from"./p-c62606a3.js";import{i as r}from"./p-5e5fbd41.js";function i(o){return o instanceof Element?o.localName:o.nodeName.includes(":")?o.nodeName.substring(o.nodeName.indexOf(":")+1):o.nodeName}class d{constructor(){this.name="Al"}render(t,{mapNodeToJsx:n,path:e}){const s=e.some((o=>{const t=i(o);return"Al"===t||"Opschrift"===t})),c=n(t.childNodes);return s?o("span",{role:"paragraph"},c):o("p",null,c)}}class l{constructor(){this.name="#document"}render(n,{mapNodeToJsx:e}){return o(t,null,e(n.childNodes))}}class a{constructor(){this.name=["ExtRef","ExtIoRef"]}render(t,{mapNodeToJsx:n}){var e;return o("a",{target:"_blank",rel:"noopener noreferrer",href:null!==(e=t.getAttribute("ref"))&&void 0!==e?e:void 0},o("span",{class:"sr-only"},"opent in nieuw venster"),n(t.childNodes))}}class u{constructor(){this.name=["Illustratie","InlineTekstAfbeelding"]}render(t){var n,e,s,c;return o("img",{src:null!==(n=t.getAttribute("naam"))&&void 0!==n?n:void 0,alt:null!==(e=t.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=t.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=t.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class p{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(t,{mapNodeToJsx:n}){return o("div",{class:"dso-rich-content"},n(t.childNodes))}}class h{constructor(){this.name="Opschrift"}render(n,{mapNodeToJsx:e}){return o(t,null,e(n.childNodes))}}class g{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(t,{mapNodeToJsx:n}){return"br"===t.localName?o("br",null):o(t.localName,null,n(t.childNodes))}}class m{constructor(){this.name="IntRef"}render(t,{mapNodeToJsx:n,emitAnchorClick:e}){const s=t.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const t=o.currentTarget;if(!(t instanceof HTMLAnchorElement))return;const{href:n}=t;e({href:n,documentComponent:s,originalEvent:o})}},n(t.childNodes)):n(t.childNodes)}}class b{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(n,{mapNodeToJsx:e,state:s,setState:c}){var r,d;const l=n.getAttribute("id");if(!l)return console.error("Noot node without id",n),o(t,null);const a=`dso-ozon-note-${l}`,u=null!==(d=null===(r=Array.from(n.childNodes).find((o=>"NootNummer"===i(o))))||void 0===r?void 0:r.textContent)&&void 0!==d?d:l;return o(t,null,o("sup",null,o("button",{type:"button",class:"toggle-note",id:a,onClick:()=>null==c?void 0:c(s===l?void 0:l),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===l?"true":"false"},u)),o("dso-tooltip",{active:s===l,for:a,stateless:!0,descriptive:!0},o("span",{role:"section"},e(Array.from(n.querySelectorAll(":scope > Al"))))))}}function v(o,t){const n=Array.from(t),e=function(o){return o.reduce(((o,t)=>{var n,e;const s=null!==(e=null===(n=t.getAttribute("colwidth"))||void 0===n?void 0:n.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return o+(isNaN(c)?0:c)}),0)}(n);return{totalWidth:e,count:o,columns:n.map(((o,t)=>{var n;const s=o.getAttribute("colnum");return{name:null!==(n=o.getAttribute("colname"))&&void 0!==n?n:"",number:s?parseInt(s,10):t+1,width:f(e,o)}}))}}function f(o,t){const n=t.getAttribute("colwidth");if(n){if("*"===n)return"100%";if(n.includes("*")||n.match(/^[\d+]$/)){const t=parseInt(n.replace(/[^0-9]/,""),10);return`${Math.round(t/o*100)}%`}return n}}const z=({colspecs:n})=>n.columns.length>0?o("colgroup",null,n.columns.map((t=>o("col",{style:{width:t.width}})))):o(t,null);function x({columns:o},t,n){const e=o.find((o=>o.name===t)),s=o.find((o=>o.name===n));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const w=({context:{mapNodeToJsx:t},colspecs:n,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=function(o){return{moreRows:o.getAttribute("morerows"),nameStart:o.getAttribute("namest"),nameEnd:o.getAttribute("nameend")}}(e),i={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:n&&c&&r?x(n,c,r):void 0};return o("td",Object.assign({},i),t(e.childNodes))},k=({context:n,colspecs:e,rows:s})=>o(t,null,s.map((t=>o("tr",null,Array.from(t.children).map((t=>o(w,{cell:t,colspecs:e,context:n})))))));class y{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"]}render(t,n){const{caption:e,colspecs:s,headRows:c,bodyRows:r}=function(o){var t,n,e;const s=o.querySelector(":scope > tgroup"),c=null!==(t=null==s?void 0:s.getAttribute("cols"))&&void 0!==t?t:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(n=o.querySelector(":scope > title"))||void 0===n?void 0:n.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?v(r,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(o.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(o.querySelectorAll(":scope > tgroup > tbody > row"))}}(t);return o("table",{class:"table"},e&&o("caption",null,e),s&&o(z,{colspecs:s}),c.length>0&&o("thead",null,o(k,{rows:c,colspecs:s,context:n})),r.length>0&&o("tbody",null,o(k,{rows:r,colspecs:s,context:n})))}}class N{constructor(){this.name="#text"}render(n){return o(t,null,n.textContent)}}class T{constructor(){this.name=["<fallback>"]}render(t,{mapNodeToJsx:n}){return o("span",{class:`fallback od-${i(t)}`},n(t.childNodes))}}class A{constructor(){this.mappers=[new N,new l,new p,new h,new m,new a,new d,new g,new u,new b,new y],this.skip=this.mappers.reduce(((o,t)=>(t.handles&&o.push(...t.handles),o)),[]),this.fallbackNode=new T,this.domParser=new DOMParser}findMapper(o){var t;if(!this.skip.includes(o))return null!==(t=this.mappers.find((t=>Array.isArray(t.name)?t.name.includes(o):t.name===o)))&&void 0!==t?t:this.fallbackNode}mapNodeToJsx(n,e,s){var c;if(n instanceof NodeList)return o(t,null,Array.from(n).map((o=>this.mapNodeToJsx(o,e,s))));if(Array.isArray(n))return o(t,null,n.map((o=>this.mapNodeToJsx(o,e,s))));const r=i(n),d=this.findMapper(r);if(!d)return o(t,null);const l=null===(c=d.identify)||void 0===c?void 0:c.call(d,n),a=l?o=>e.setState(Object.assign(Object.assign({},e.state),{[l]:o})):void 0;return d.render(n,{mapNodeToJsx:o=>this.mapNodeToJsx(o,e,[...s,n]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]:void 0,path:s})}transform(o,t){return this.cache&&this.cache.xml===o||(this.cache={xml:o,document:this.domParser.parseFromString(o,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),t,[])}}let I=class{constructor(o){n(this,o),this.anchorClick=e(this,"anchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={},this.mapper=new A}handleHostOnClick(o){this.interactive&&o.composedPath().find((o=>o===this.host||o instanceof HTMLElement&&r(o)))===this.host&&this.dsoClick.emit({originalEvent:o})}render(){var t;const n=this.mapper.transform(null!==(t=this.content)&&void 0!==t?t:"",{state:this.state,setState:o=>this.state=o,emitAnchorClick:this.anchorClick.emit});return this.deleted?o("section",null,o("span",{class:"deleted-start"},"Begin verwijderd element"),n,o("span",{class:"deleted-end"},"Einde verwijderd element")):o(s,{onClick:o=>this.handleHostOnClick(o)},o("slot",{name:"prefix"}),n,o("slot",{name:"suffix"}))}get host(){return c(this)}};I.style='.sc-dso-ozon-content-h:not([inline]){display:block}[inline].sc-dso-ozon-content-h{display:inline}[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content{text-decoration:line-through !important}[interactive].sc-dso-ozon-content-h{background-color:transparent;color:#39870c;text-decoration:underline;cursor:pointer}[interactive].sc-dso-ozon-content-h:hover,[interactive].sc-dso-ozon-content-h:focus{color:#676cb0;text-decoration:underline}[interactive].sc-dso-ozon-content-h:active{text-decoration:none}.deleted-start.sc-dso-ozon-content,.deleted-end.sc-dso-ozon-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button.toggle-note.sc-dso-ozon-content{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}button.toggle-note.sc-dso-ozon-content:focus,button.toggle-note.sc-dso-ozon-content:focus-visible{outline-offset:2px}button.toggle-note.sc-dso-ozon-content:active{outline:0}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}button.toggle-note[disabled].sc-dso-ozon-content{color:#afcf9d}button.toggle-note.sc-dso-ozon-content:not([disabled]):hover{color:#676cb0;text-decoration:underline}button.toggle-note.sc-dso-ozon-content:not([disabled]):active{color:#676cb0}button.toggle-note.btn-align.sc-dso-ozon-content{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{position:relative;top:-2px}button.toggle-note.download.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.download[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-download-grasgroen-40)}button.toggle-note.download.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.download.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}button.toggle-note.extern.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.extern[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-external-link-grasgroen-40)}button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+svg.di.sc-dso-ozon-content{margin-left:8px}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content{vertical-align:middle}span[role=section].sc-dso-ozon-content,span[role=paragraph].sc-dso-ozon-content{display:block}.fallback.sc-dso-ozon-content{display:block}.od-Term.sc-dso-ozon-content{font-weight:700}.od-Definitie.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{font-style:italic}.od-Inhoud.sc-dso-ozon-content,.od-Inhoud.sc-dso-ozon-content>.od-Lijst.sc-dso-ozon-content,.od-IntIoRef.sc-dso-ozon-content,.od-Lidnr.sc-dso-ozon-content,.od-LiNr.sc-dso-ozon-content,.od-Opschrift.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{display:inline}.od-Al.sc-dso-ozon-content,.od-Lijstaanhef.sc-dso-ozon-content{margin-bottom:0.75em}.od-IntIoRef.sc-dso-ozon-content{border-bottom:1px dotted}.od-LiNummer.sc-dso-ozon-content{float:left;min-width:0.7em;padding-right:0.3em;text-align:right}.od-Figuur.sc-dso-ozon-content img.sc-dso-ozon-content{margin-left:25px;max-width:100%;height:auto}.od-Figuur.sc-dso-ozon-content .od-Bijschrift.sc-dso-ozon-content{font-size:0.75rem;margin-left:25px;padding-bottom:2.5rem}.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content{font-weight:600}.od-Kadertekst.sc-dso-ozon-content{border:1px solid #e5e5e5;margin-bottom:1rem;padding:1rem}';export{I as dso_ozon_content}