@dso-toolkit/core 44.0.0 → 45.0.1

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,F as e,g as h}from"./p-c62606a3.js";import{d as o}from"./p-1805f5b0.js";import{v as a}from"./p-19b890a3.js";let n=class{constructor(i){t(this,i),this.selectEmitter=s(this,"dsoSelect",7),this.changeEmitter=s(this,"dsoChange",7),this.searchEmitter=s(this,"dsoSearch",7),this.suggestions=[],this.loading=!1,this.loadingLabel="Een moment geduld.",this.suggestOnFocus=!1,this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.debouncedEmitValue=o((t=>{this.changeEmitter.emit(t),this.debouncedShowLoading()}),200),this.debouncedShowLoading=o((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=t=>{if(!(t.target instanceof HTMLInputElement))throw new Error("event.target is not instanceof HTMLInputElement");this.showLoading=!this.loadingDelayed,this.inputValue=t.target.value,this.debouncedEmitValue(t.target.value.match(/(\S+)/g)?t.target.value:"")},this.onFocusIn=()=>{this.suggestOnFocus&&this.openSuggestions()},this.onKeyDown=t=>{if(!t.defaultPrevented&&!this.loading){switch(t.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}t.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(t){(this.showSuggestions||this.notFound)&&this.listbox&&t.target instanceof Node&&!this.listbox.contains(t.target)&&this.input!=t.target&&this.closeSuggestions()}connectedCallback(){const t=this.host.querySelector('input[type="text"]');if(!(t instanceof HTMLInputElement))throw new ReferenceError("Mandatory text input not found");if(this.input=t,t.id?this.inputId=t.id:t.id=this.inputId,!this.input.labels||this.input.labels.length<1)throw new ReferenceError("Mandatory label for text input not found");const s=this.input.labels[0];s.id?this.labelId=s.id:s.id=this.labelId,this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-controls",this.listboxId),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn)}disconnectedCallback(){this.input.removeEventListener("input",this.onInput),this.input.removeEventListener("keydown",this.onKeyDown),this.input.removeEventListener("focusin",this.onFocusIn)}markTerms(t,s){if(!t||!s||0===s.length)return[""];const e=new RegExp(`(${function(t){if("string"!=typeof t)throw new TypeError("Expected a string");return t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(e).map((t=>t?e.test(t)?i("mark",null,t):1===s.length?i("span",null,t):this.markTerms(t,s.slice(1)):""))}selectSuggestion(t){this.selectedSuggestion=t,this.input.setAttribute("aria-activedescendant",this.listboxItemId(t))}selectFirstSuggestion(){this.selectedSuggestion=this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectLastSuggestion(){this.selectedSuggestion=this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectNextSuggestion(){var t;const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=null!==(t=this.suggestions[s+1])&&void 0!==t?t:this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectPreviousSuggestion(){var t;const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=null!==(t=this.suggestions[s-1])&&void 0!==t?t:this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.selectedSuggestion=void 0,this.input.setAttribute("aria-activedescendant","")}openSuggestions(t){this.showSuggestions=this.suggestions.length>0,this.notFound=0===this.suggestions.length,this.input.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===t?this.selectFirstSuggestion():this.showSuggestions&&"last"===t&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.selectEmitter.emit(this.selectedSuggestion):this.searchEmitter.emit(this.input.value),this.closeSuggestions()}listboxItemId(t){return`${this.inputId}-${this.suggestions.indexOf(t)+1}`}render(){const t=this.input.value.split(" ").filter((t=>t));return i(e,null,i("slot",null),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):i("ul",{role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:t=>this.listbox=t,hidden:!this.showSuggestions&&!this.notFound},this.showSuggestions?this.suggestions.map((s=>i("li",{role:"option",id:this.listboxItemId(s),key:s.value,onMouseEnter:()=>this.selectSuggestion(s),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(s===this.selectedSuggestion).toString(),"aria-label":s.value},i("span",{class:"value"},this.markTerms(s.value,t)),s.type?i("span",{class:"type"},s.type):void 0))):this.notFound?i("li",null,i("span",{class:"value"},this.notFoundLabel?i("span",null,this.notFoundLabel):this.markTerms(`${this.inputValue} is niet gevonden.`,t))):void 0))}get host(){return h(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};n.style=".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 16px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";export{n as dso_autosuggest}

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

@@ -1 +0,0 @@
-import{r as n,c as o,h as t,F as e,g as d}from"./p-c62606a3.js";import{c as i}from"./p-4070c1e5.js";import{d as r}from"./p-1805f5b0.js";let s=class{constructor(e){n(this,e),this.headerClick=o(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=n=>t("li",{class:n.active?"dso-active":void 0},t("a",{href:n.url,"aria-current":n.active?"page":void 0,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n})},n.label))}clickHandler(n,o,t){var e,d;this.headerClick.emit({originalEvent:n,isModifiedEvent:0!==n.button||n.ctrlKey||n.shiftKey||n.altKey||n.metaKey,type:o,menuItem:null==t?void 0:t.menuItem,url:null!==(e=null==t?void 0:t.url)&&void 0!==e?e:null===(d=null==t?void 0:t.menuItem)||void 0===d?void 0:d.url})}watchUseDropDownMenu(n){"auto"!==n?this.showDropDown="always"===n: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(e,null,t("div",{class:i("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:n=>this.wrapper=n},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:n=>this.clickHandler(n,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&t("li",null,t("a",{href:this.userProfileUrl,onClick:n=>this.clickHandler(n,"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:n=>this.clickHandler(n,"login",{url:this.loginUrl})},"Inloggen"):t("button",{type:"button",onClick:n=>this.clickHandler(n,"login")},"Inloggen")),"loggedIn"===this.authStatus&&t("li",null,this.logoutUrl?t("a",{href:this.logoutUrl,onClick:n=>this.clickHandler(n,"logout",{url:this.logoutUrl})},"Uitloggen"):t("button",{type:"button",onClick:n=>this.clickHandler(n,"logout")},"Uitloggen"))))))),!this.showDropDown&&t(e,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:n=>this.clickHandler(n,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&t("div",{class:"login"},this.loginUrl?t("a",{href:this.loginUrl,onClick:n=>this.clickHandler(n,"login",{url:this.loginUrl})},"Inloggen"):t("button",{class:"dso-tertiary",type:"button",onClick:n=>this.clickHandler(n,"login")},"Inloggen")),"loggedIn"===this.authStatus&&t("div",{class:"logout"},this.logoutUrl?t("a",{href:this.logoutUrl,onClick:n=>this.clickHandler(n,"logout",{url:this.logoutUrl})},"Uitloggen"):t("button",{class:"dso-tertiary",type:"button",onClick:n=>this.clickHandler(n,"logout")},"Uitloggen"))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&t("nav",{class:"dso-navbar"},t("ul",{class:"dso-nav dso-nav-main",ref:n=>this.nav=n},this.mainMenu&&this.mainMenu.filter(((n,o)=>o<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(((n,o)=>o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem)))))),this.userHomeUrl&&t("li",{class:"menu-user-home"},t("a",{href:this.userHomeUrl,onClick:n=>this.clickHandler(n,"userHome",{url:this.userHomeUrl})},t("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return d(this)}static get watchers(){return{useDropDownMenu:["watchUseDropDownMenu"]}}};s.style=":host {\n  --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\");\n  --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\");\n  display: block;\n}\n\n.dso-header {\n  border-bottom: 1px solid #ccc;\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 16px;\n  position: relative;\n}\n@media screen and (min-width: 768px) {\n  .dso-header {\n    align-items: center;\n  }\n}\n@media screen and (max-width: 991px) {\n  .dso-header.use-drop-down {\n    flex-wrap: nowrap;\n  }\n}\n\n.logo-container {\n  display: flex;\n  flex-wrap: wrap;\n  padding-bottom: 16px;\n  padding-top: 16px;\n}\n@media screen and (max-width: 767px) {\n  .logo-container {\n    max-width: 200px;\n  }\n}\n.logo-container + .dropdown dso-dropdown-menu {\n  position: static;\n}\n\n@media screen and (min-width: 768px) {\n  .sub-logo {\n    margin-left: 24px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .sub-logo {\n    flex-basis: 100%;\n  }\n}\n\n.login,\n.logout {\n  margin-right: 16px;\n}\n.login .dso-tertiary,\n.logout .dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: Asap, sans-serif;\n  font-weight: 600;\n  vertical-align: text-bottom;\n}\n.login .dso-tertiary:focus, .login .dso-tertiary:focus-visible,\n.logout .dso-tertiary:focus,\n.logout .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.login .dso-tertiary:active,\n.logout .dso-tertiary:active {\n  outline: 0;\n}\n.login .dso-tertiary.extern::after, .login .dso-tertiary.download::after,\n.logout .dso-tertiary.extern::after,\n.logout .dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.login .dso-tertiary[disabled],\n.logout .dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.login .dso-tertiary[disabled].dso-spinner-left, .login .dso-tertiary[disabled].dso-spinner-right,\n.logout .dso-tertiary[disabled].dso-spinner-left,\n.logout .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.login .dso-tertiary:not([disabled]):hover,\n.logout .dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n}\n.login .dso-tertiary:not([disabled]):active,\n.logout .dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.login .dso-tertiary.btn-align,\n.logout .dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.login .dso-tertiary.extern::after, .login .dso-tertiary.download::after,\n.logout .dso-tertiary.extern::after,\n.logout .dso-tertiary.download::after {\n  position: relative;\n  top: -2px;\n}\n.login .dso-tertiary.download::after,\n.logout .dso-tertiary.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.login .dso-tertiary.download[disabled]::after,\n.logout .dso-tertiary.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.login .dso-tertiary.download:not([disabled]):hover::after, .login .dso-tertiary.download:not([disabled]):active::after,\n.logout .dso-tertiary.download:not([disabled]):hover::after,\n.logout .dso-tertiary.download:not([disabled]):active::after {\n  --dso-icon: var(--di-download-scampi);\n}\n.login .dso-tertiary.extern::after,\n.logout .dso-tertiary.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.login .dso-tertiary.extern[disabled]::after,\n.logout .dso-tertiary.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.login .dso-tertiary.extern:not([disabled]):hover::after, .login .dso-tertiary.extern:not([disabled]):active::after,\n.logout .dso-tertiary.extern:not([disabled]):hover::after,\n.logout .dso-tertiary.extern:not([disabled]):active::after {\n  --dso-icon: var(--di-external-link-scampi);\n}\n.login .dso-tertiary.dso-spinner-left::before,\n.logout .dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.login .dso-tertiary.dso-spinner-right::after,\n.logout .dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.login .dso-tertiary dso-icon + span:not(.sr-only),\n.login .dso-tertiary svg.di + span:not(.sr-only),\n.login .dso-tertiary span:not(.sr-only) + dso-icon,\n.login .dso-tertiary span:not(.sr-only) + svg.di,\n.logout .dso-tertiary dso-icon + span:not(.sr-only),\n.logout .dso-tertiary svg.di + span:not(.sr-only),\n.logout .dso-tertiary span:not(.sr-only) + dso-icon,\n.logout .dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.login .dso-tertiary dso-icon,\n.login .dso-tertiary svg.di,\n.login .dso-tertiary span,\n.logout .dso-tertiary dso-icon,\n.logout .dso-tertiary svg.di,\n.logout .dso-tertiary span {\n  vertical-align: middle;\n}\n\n.profile a,\n.logout a,\n.login a {\n  text-decoration: none;\n  color: #39870c;\n  font-weight: 600;\n}\n.profile a:hover, .profile a:focus,\n.logout a:hover,\n.logout a:focus,\n.login a:hover,\n.login a:focus {\n  text-decoration: none;\n}\n.profile a:active,\n.logout a:active,\n.login a:active {\n  text-decoration: underline;\n}\n\n.dso-header-session {\n  display: flex;\n  margin-left: auto;\n}\n.dso-header-session .profile a {\n  margin-left: 8px;\n}\n.dso-header-session .profile + .logout {\n  border-left: 3px solid #ccc;\n  margin-left: 16px;\n  padding-left: 16px;\n}\n\n.dso-navbar {\n  flex-basis: 100%;\n}\n\ndso-dropdown-menu > .dso-primary::after,\ndso-dropdown-menu > .dso-secondary::after,\ndso-dropdown-menu > .dso-tertiary::after,\ndso-dropdown-menu > .btn::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\ndso-dropdown-menu > .dso-primary::after,\ndso-dropdown-menu > .btn-primary::after {\n  background: var(--dso-icon, var(--di-chevron-down-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\ndso-dropdown-menu > .dso-secondary::after,\ndso-dropdown-menu > .btn-default::after {\n  background: var(--dso-icon, var(--di-chevron-down)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\ndso-dropdown-menu > .dso-secondary:hover::after,\ndso-dropdown-menu > .btn-default:hover::after {\n  --dso-icon: var(--di-chevron-down-wit);\n}\ndso-dropdown-menu > .dso-tertiary::after,\ndso-dropdown-menu > .btn-link::after {\n  background: var(--dso-icon, var(--di-chevron-down)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  position: relative;\n  top: -2px;\n}\ndso-dropdown-menu > .dso-tertiary:hover::after,\ndso-dropdown-menu > .btn-link:hover::after {\n  --dso-icon: var(--di-chevron-down-scampi);\n}\ndso-dropdown-menu .dso-group-label {\n  color: #999;\n  font-size: 0.875em;\n  font-weight: 400;\n  margin: 0;\n  padding: 4px 20px 2px;\n  text-transform: uppercase;\n}\ndso-dropdown-menu ul {\n  margin: 0;\n  padding: 0;\n}\ndso-dropdown-menu ul:not(:last-child) {\n  border-bottom: 1px solid #e5e5e5;\n  margin-bottom: 11px;\n  padding-bottom: 11px;\n}\ndso-dropdown-menu .dso-dropdown-options {\n  background-clip: padding-box;\n  background-color: #fff;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\n  font-size: 1rem;\n  margin: 2px 0 0;\n  min-width: 160px;\n  padding: 5px 0;\n  position: absolute;\n  text-align: left;\n  top: 100%;\n  z-index: 220;\n}\ndso-dropdown-menu .dso-dropdown-options li {\n  list-style: none;\n}\ndso-dropdown-menu .dso-dropdown-options li a:visited {\n  color: #191919;\n}\ndso-dropdown-menu .dso-dropdown-options li a,\ndso-dropdown-menu .dso-dropdown-options li button {\n  text-decoration: none;\n  clear: both;\n  color: #191919;\n  display: block;\n  font-weight: 400;\n  line-height: 1.5;\n  padding: 3px 20px;\n  text-decoration: none;\n  white-space: nowrap;\n}\ndso-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,\ndso-dropdown-menu .dso-dropdown-options li button:hover,\ndso-dropdown-menu .dso-dropdown-options li button:focus,\ndso-dropdown-menu .dso-dropdown-options li button:active {\n  text-decoration: underline;\n}\ndso-dropdown-menu .dso-dropdown-options li a:hover, dso-dropdown-menu .dso-dropdown-options li a:focus,\ndso-dropdown-menu .dso-dropdown-options li button:hover,\ndso-dropdown-menu .dso-dropdown-options li button:focus {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  text-decoration: none;\n}\ndso-dropdown-menu .dso-dropdown-options li button {\n  background-color: transparent;\n  border: 0;\n  border-radius: 0;\n  text-align: inherit;\n  width: 100%;\n}\ndso-dropdown-menu[dropdown-align=right] .dso-dropdown-options {\n  right: 0;\n}\ndso-dropdown-menu[open] > .dso-primary::after,\ndso-dropdown-menu[open] > .btn-primary::after {\n  --dso-icon: var(--di-chevron-up-wit);\n}\ndso-dropdown-menu[open] > .dso-secondary::after,\ndso-dropdown-menu[open] > .btn-default::after {\n  --dso-icon: var(--di-chevron-up);\n}\ndso-dropdown-menu[open] > .dso-secondary:hover::after,\ndso-dropdown-menu[open] > .btn-default:hover::after {\n  --dso-icon: var(--di-chevron-up-wit);\n}\ndso-dropdown-menu[open] > .dso-tertiary::after,\ndso-dropdown-menu[open] > .btn-link::after {\n  --dso-icon: var(--di-chevron-up);\n}\ndso-dropdown-menu[open] > .dso-tertiary:hover::after,\ndso-dropdown-menu[open] > .btn-link:hover::after {\n  --dso-icon: var(--di-chevron-up-scampi);\n}\ndso-dropdown-menu[open] button::after {\n  background: var(--dso-icon, var(--di-chevron-up-bosgroen)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.2em;\n  vertical-align: top;\n  width: 1.2em;\n}\ndso-dropdown-menu[checkable] .dso-group-label {\n  padding-left: 40px;\n}\ndso-dropdown-menu[checkable] li a,\ndso-dropdown-menu[checkable] li button {\n  padding-left: 40px;\n}\ndso-dropdown-menu[checkable] li.dso-checked a:not(:focus),\ndso-dropdown-menu[checkable] li.dso-checked button:not(:focus) {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\ndso-dropdown-menu[checkable] li.dso-checked a::before,\ndso-dropdown-menu[checkable] li.dso-checked button::before {\n  background: var(--dso-icon, var(--di-check-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  content: \"\";\n  display: block;\n  float: left;\n  margin-left: -32px;\n  margin-right: 8px;\n}\ndso-dropdown-menu button {\n  align-items: flex-end;\n  background-color: transparent;\n  border: 0;\n  display: flex;\n  font-family: Asap, sans-serif;\n  padding-right: 32px;\n}\ndso-dropdown-menu button::after {\n  background: var(--dso-icon, var(--di-chevron-down-bosgroen)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.2em;\n  vertical-align: top;\n  width: 1.2em;\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n@media screen and (max-width: 767px) {\n  dso-dropdown-menu {\n    top: 12px;\n  }\n}\ndso-dropdown-menu .dso-dropdown-options {\n  border: 0;\n  border-radius: 0;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul {\n  width: 320px;\n}\n@media screen and (max-width: 991px) {\n  dso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul {\n    width: 100%;\n  }\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a {\n  color: #275937;\n  font-size: 1.25rem;\n  padding: 16px;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a:hover {\n  background-color: #fff;\n  color: #275937;\n  text-decoration: underline;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li.dso-active a {\n  font-weight: 600;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li + li {\n  border-top: 1px solid #ccc;\n}\n\n.dropdown {\n  margin-left: auto;\n}\n@media screen and (max-width: 767px) {\n  .dropdown dso-dropdown-menu {\n    margin-top: 28px;\n  }\n}\n.dropdown dso-dropdown-menu .dso-dropdown-options {\n  left: 0;\n  right: 0;\n  top: 100%;\n}\n.dropdown dso-dropdown-menu[open] button::after {\n  background: var(--dso-icon, var(--di-chevron-up)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.5em;\n  vertical-align: top;\n  width: 1.5em;\n}\n.dropdown dso-dropdown-menu button {\n  color: #39870c;\n  font-size: 1rem;\n  font-weight: 600;\n  position: relative;\n}\n.dropdown dso-dropdown-menu button:hover, .dropdown dso-dropdown-menu button:active {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.dropdown dso-dropdown-menu button::after {\n  background: var(--dso-icon, var(--di-chevron-down)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.5em;\n  vertical-align: top;\n  width: 1.5em;\n}\n\n.dso-nav {\n  align-items: end;\n  column-gap: 32px;\n  display: flex;\n  list-style: none;\n  margin-bottom: 0;\n  margin-top: 0;\n  padding-left: 0;\n}\n.dso-nav > li {\n  margin-bottom: 4px;\n}\n.dso-nav > li > a {\n  display: block;\n}\n.dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited {\n  color: #275937;\n}\n.dso-nav > li.dso-active, .dso-nav > li.is-active {\n  margin-bottom: 0;\n}\n.dso-nav > li.dso-active > a, .dso-nav > li.is-active > a {\n  border-bottom: 4px solid #8b4a6a;\n  font-weight: bold;\n}\n.dso-nav.dso-nav-main > li > a {\n  text-decoration: none;\n  font-size: 1.25em;\n  line-height: 1;\n  margin-top: 8px;\n  padding: 16px 0;\n  white-space: nowrap;\n}\n.dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus, .dso-nav.dso-nav-main > li > a:active {\n  text-decoration: underline;\n}\n.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options {\n  top: calc(100% + 3px);\n}\n.dso-nav.dso-nav-main dso-dropdown-menu button {\n  font-size: 1.25em;\n  line-height: 1;\n  margin-top: 8px;\n  padding: 16px 0;\n  align-items: center;\n  color: #275937;\n  padding-right: 32px;\n}\n.dso-nav.dso-nav-main dso-dropdown-menu button:hover, .dso-nav.dso-nav-main dso-dropdown-menu button:active {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.dso-nav.dso-nav-main dso-dropdown-menu button::after {\n  top: auto;\n  transform: none;\n}\n.dso-nav.dso-nav-sub > li {\n  display: inline-block;\n}\n.dso-nav.dso-nav-sub > li > a {\n  text-decoration: none;\n  font-size: 1rem;\n  margin-top: 4px;\n  padding: 4px 8px 3px;\n}\n.dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus, .dso-nav.dso-nav-sub > li > a:active {\n  text-decoration: underline;\n}\n.dso-nav .menu-user-home {\n  margin-left: auto;\n}\n.dso-nav .menu-user-home dso-icon {\n  height: 1em;\n  margin-right: 8px;\n  position: relative;\n  top: -2px;\n  width: 1.2em;\n}";export{s as dso_header}

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

@@ -1 +0,0 @@
-import{r as c,c as o,h as i}from"./p-c62606a3.js";import{c as t}from"./p-4070c1e5.js";let e=class{constructor(i){c(this,i),this.toggle=o(this,"toggle",7),this.label="Toelichting bij optie"}async setFocus(){var c;null===(c=this.button)||void 0===c||c.focus()}handleToggle(c){this.active=!this.active,this.toggle.emit({originalEvent:c,active:this.active})}render(){return i("button",{type:"button",class:t("btn",{"dso-open":!!this.active,"dso-info-secondary":!!this.secondary}),"aria-expanded":"boolean"==typeof this.active?this.active.toString():void 0,onClick:c=>this.handleToggle(c),ref:c=>this.button=c},i("span",{class:"sr-only"},this.label))}};e.style=":host{display:inline-block;--di-info:url(\"data:image/svg+xml,%3csvg id='info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M12%2c3a9%2c9%2c0%2c1%2c1-9%2c9%2c9%2c9%2c0%2c0%2c1%2c9-9m0-2A11%2c11%2c0%2c1%2c0%2c23%2c12%2c11%2c11%2c0%2c0%2c0%2c12%2c1Zm0%2c8a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-active:url(\"data:image/svg+xml,%3csvg id='info-active' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M23%2c12A11%2c11%2c0%2c1%2c1%2c12%2c1%2c11%2c11%2c0%2c0%2c1%2c23%2c12ZM12%2c9a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-secondary:url(\"data:image/svg+xml,%3csvg id='info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23666%3b'%3e %3cpath fill='currentColor' d='M12%2c3a9%2c9%2c0%2c1%2c1-9%2c9%2c9%2c9%2c0%2c0%2c1%2c9-9m0-2A11%2c11%2c0%2c1%2c0%2c23%2c12%2c11%2c11%2c0%2c0%2c0%2c12%2c1Zm0%2c8a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-active-secondary:url(\"data:image/svg+xml,%3csvg id='info-active' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23666%3b'%3e %3cpath fill='currentColor' d='M23%2c12A11%2c11%2c0%2c1%2c1%2c12%2c1%2c11%2c11%2c0%2c0%2c1%2c23%2c12ZM12%2c9a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\")}*,*::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}button{background:var(--dso-icon, var(--di-info)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;border:1px solid transparent;margin-left:8px;padding:0;cursor:pointer}button.dso-open,button:hover,button:active{--dso-icon:var(--di-info-active)}button.dso-info-secondary{--dso-icon:var(--di-info-secondary)}button.dso-info-secondary.dso-open,button.dso-info-secondary:hover,button.dso-info-secondary:active{--dso-icon:var(--di-info-active-secondary)}";export{e as dso_info_button}