npm - @dso-toolkit/core - Versions diffs - 32.0.0 → 33.1.0 - Mend

@dso-toolkit/core 32.0.0 → 33.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/dist/dso-toolkit/p-741e96de.entry.js ADDED Viewed

@@ -0,0 +1,5 @@
+import{r as c,h as t,F as e,g as n}from"./p-a40eeb32.js";import{v as o}from"./p-19b890a3.js";
+/*!
+* tabbable 5.2.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/var r=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"].join(","),i="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,s=function(c){var t=parseInt(c.getAttribute("tabindex"),10);return isNaN(t)?function(c){return"true"===c.contentEditable}(c)?0:"AUDIO"!==c.nodeName&&"VIDEO"!==c.nodeName&&"DETAILS"!==c.nodeName||null!==c.getAttribute("tabindex")?c.tabIndex:0:t},a=function(c,t){return c.tabIndex===t.tabIndex?c.documentOrder-t.documentOrder:c.tabIndex-t.tabIndex},l=function(c){return"INPUT"===c.tagName},u=function(c,t){return!(!function(c,t){return!(t.disabled||function(c){return l(c)&&"hidden"===c.type}(t)||function(c,t){if("hidden"===getComputedStyle(c).visibility)return!0;var e=i.call(c,"details>summary:first-of-type");if(i.call(e?c.parentElement:c,"details:not([open]) *"))return!0;if(t&&"full"!==t){if("non-zero-area"===t){var n=c.getBoundingClientRect();return 0===n.width&&0===n.height}}else for(;c;){if("none"===getComputedStyle(c).display)return!0;c=c.parentElement}return!1}(t,c.displayCheck)||function(c){return"DETAILS"===c.tagName&&Array.prototype.slice.apply(c.children).some((function(c){return"SUMMARY"===c.tagName}))}(t)||function(c){if(l(c)||"SELECT"===c.tagName||"TEXTAREA"===c.tagName||"BUTTON"===c.tagName)for(var t=c.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var e=0;e<t.children.length;e++){var n=t.children.item(e);if("LEGEND"===n.tagName)return!n.contains(c)}return!0}t=t.parentElement}return!1}(t))}(c,t)||function(c){return function(c){return l(c)&&"radio"===c.type}(c)&&!function(c){if(!c.name)return!0;var t,e=c.form||c.ownerDocument,n=function(c){return e.querySelectorAll('input[type="radio"][name="'+c+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=n(window.CSS.escape(c.name));else try{t=n(c.name)}catch(c){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",c.message),!1}var o=function(c,t){for(var e=0;e<c.length;e++)if(c[e].checked&&c[e].form===t)return c[e]}(t,c.form);return!o||o===c}(c)}(t)||s(t)<0)},d=function(c,t){var e=[],n=[];return function(c,t,e){var n=Array.prototype.slice.apply(c.querySelectorAll(r));return t&&i.call(c,r)&&n.unshift(c),n.filter(e)}(c,(t=t||{}).includeContainer,u.bind(null,t)).forEach((function(c,t){var o=s(c);0===o?e.push(c):n.push({documentOrder:t,tabIndex:o,node:c})})),n.sort(a).map((function(c){return c.node})).concat(e)};let h=class{constructor(t){c(this,t),this.open=!1,this.dropdownAlign="left",this.checkable=!1,this.focusOutListener=c=>{this.tabbables.includes(c.relatedTarget)||(this.open=!1)},this.keyDownListener=c=>{if(!c.defaultPrevented){switch(c.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":c.target instanceof HTMLElement&&c.target.click();break;default:return}c.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1}}get button(){const c=this.host.querySelectorAll('button[slot="toggle"]')[0];if(!(c instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return c}get tabbables(){return d(this.host).filter((c=>c!==this.button))}openWatch(c){c?this.openPopup():this.closePopup()}connectedCallback(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=o()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const c=this.host.querySelector(".dso-dropdown-options");if(null==c)throw new ReferenceError("Dropdown options not found");c.setAttribute("role","menu"),c.setAttribute("aria-labelledby",this.button.id);for(const c of Array.from(this.host.getElementsByTagName("ul"))){c.setAttribute("role","none");for(const t of Array.from(c.getElementsByTagName("li")))t.setAttribute("role","none")}this.open&&this.openPopup()}componentDidRender(){this.host.setAttribute("tabindex","-1")}componentWillRender(){for(const c of Array.from(this.host.getElementsByTagName("li")))for(const t of d(c))t.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&c.classList.contains("dso-checked")?t.setAttribute("aria-checked","true"):t.removeAttribute("aria-checked")}openPopup(){this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener),this.button.setAttribute("aria-expanded","true"),this.tabbables.forEach((c=>c.addEventListener("click",this.escape)))}closePopup(){this.host.removeEventListener("keydown",this.keyDownListener),this.host.removeEventListener("focusout",this.focusOutListener),this.button.setAttribute("aria-expanded","false"),this.tabbables.forEach((c=>c.removeEventListener("click",this.escape)))}tabInPopup(c){const t=this.tabbables;let e=t.findIndex((c=>c===document.activeElement))+c;e>=t.length?e=0:e<0&&(e=t.length-1),t[e].focus()}render(){return t(e,null,t("slot",{name:"toggle"}),t("div",{hidden:!this.open},t("slot",null)))}get host(){return n(this)}static get watchers(){return{open:["openWatch"]}}};h.style=":host(:focus){outline:none}:host{--di-check-wit:url(\"data:image/svg+xml,%3csvg id='check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z'/%3e %3c/svg%3e\");--di-chevron-down:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%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-down-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%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-down-wit:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%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:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%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\");--di-chevron-up-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%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\");--di-chevron-up-wit:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%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:inline-block;position:relative}";export{h as dso_dropdown_menu}

package/dist/dso-toolkit/p-75233655.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as a,h as l}from"./p-a40eeb32.js";const s=[{alias:"air",svg:'<svg id="air" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M24,8h0a.6.6,0,0,1-.38.56l-.1,0h0A8.18,8.18,0,0,0,21,10c-.21.55.33,2.11.77,3a.61.61,0,0,1-.12.71.63.63,0,0,1-.39.17,4.8,4.8,0,0,0-4-2.15H17a4.58,4.58,0,0,0-.37-.69A3.07,3.07,0,0,0,19,8.62h0a2.24,2.24,0,0,0,.06-.52s0-.07,0-.1,0-.07,0-.1A2.24,2.24,0,0,0,19,7.38h0a3.07,3.07,0,0,0-6,0h0a2.24,2.24,0,0,0-.06.52s0,.07,0,.1,0,.06,0,.1a.77.77,0,0,0,0,.15,6.49,6.49,0,0,0-4.51.35l-.06,0A.61.61,0,0,1,8,8.09V8H8V7.91a.61.61,0,0,1,.37-.48l.11,0h0A13.68,13.68,0,0,0,11.08,6a9.37,9.37,0,0,0-.86-3,.62.62,0,0,1,.83-.81,9.12,9.12,0,0,0,2.8.89H14A6.79,6.79,0,0,0,15.42.42a.61.61,0,0,1,1.15,0,8.43,8.43,0,0,0,1.65,2.76h.13a7.76,7.76,0,0,0,2.58-.91.61.61,0,0,1,.84.81c-.44.89-1,2.45-.77,3a8.18,8.18,0,0,0,2.48,1.33h0l.1,0A.6.6,0,0,1,24,8ZM10.68,22.34a5.15,5.15,0,0,1-3.12,1,4.72,4.72,0,0,1-4.81-3.76l-.14-.45h-.5A2,2,0,0,1,0,17.24a2,2,0,0,1,2.11-1.92,2.17,2.17,0,0,1,1.32.43l.4.29.37-.32a5,5,0,0,1,2.18-1.09l.44-.24V14a4.17,4.17,0,0,1,4.35-4,4.24,4.24,0,0,1,4.3,3.43l.1.67.69-.25a3,3,0,0,1,1-.17A2.64,2.64,0,0,1,20,16.19a2.32,2.32,0,0,1,0,.46l-.08.38.38.18A2.93,2.93,0,0,1,22,19.83a3.12,3.12,0,0,1-3.24,3,3.52,3.52,0,0,1-1.71-.45L16.47,22l-.26.58a2.58,2.58,0,0,1-4.62,0l-.3-.68Z"/>\n</svg>\n'},{alias:"angle-down",svg:'<svg id="angle-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,15,7.29,10.6a.9.9,0,0,1,0-1.33,1.07,1.07,0,0,1,1.42,0L12,12.35l3.29-3.08a1.07,1.07,0,0,1,1.42,0,.9.9,0,0,1,0,1.33Z"/>\n</svg>\n'},{alias:"angle-left",svg:'<svg id="angle-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13.65,17a.91.91,0,0,1-.66-.29L8.59,12,13,7.29a.89.89,0,0,1,1.32,0,1,1,0,0,1,0,1.42L11.23,12l3.08,3.29a1,1,0,0,1,0,1.42A.91.91,0,0,1,13.65,17Z"/>\n</svg>\n'},{alias:"angle-right",svg:'<svg id="angle-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M9.94,17a1,1,0,0,1-.67-.29,1.07,1.07,0,0,1,0-1.42L12.35,12,9.27,8.71a1.07,1.07,0,0,1,0-1.42.9.9,0,0,1,1.33,0L15,12l-4.4,4.71A1,1,0,0,1,9.94,17Z"/>\n</svg>\n'},{alias:"angle-up",svg:'<svg id="angle-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16,14.59a1.06,1.06,0,0,1-.71-.28L12,11.23,8.71,14.31a1,1,0,0,1-1.42,0,.89.89,0,0,1,0-1.32L12,8.59,16.71,13a.89.89,0,0,1,0,1.32A1.06,1.06,0,0,1,16,14.59Z"/>\n</svg>\n'},{alias:"balloon",svg:'<svg id="balloon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13,23a.92.92,0,0,1-.36-.07A1,1,0,0,1,12,22V18H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H23a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H17.93l-4.19,4.67A1,1,0,0,1,13,23ZM2,16H13a1,1,0,0,1,1,1v2.39l2.74-3.06a1,1,0,0,1,.74-.33H22V2H2ZM20,5a1,1,0,0,0-1-1H5A1,1,0,0,0,5,6H19A1,1,0,0,0,20,5Zm0,4a1,1,0,0,0-1-1H5a1,1,0,0,0,0,2H19A1,1,0,0,0,20,9Zm-4,4a1,1,0,0,0-1-1H5a1,1,0,0,0,0,2H15A1,1,0,0,0,16,13Z"/>\n</svg>\n'},{alias:"bars",svg:'<svg id="bars" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22,7.2a.8.8,0,0,1-.8.8H2.8A.8.8,0,0,1,2,7.2V5.8A.8.8,0,0,1,2.8,5H21.2a.8.8,0,0,1,.8.8Zm0,3.6a.8.8,0,0,0-.8-.8H2.8a.8.8,0,0,0-.8.8v1.4a.8.8,0,0,0,.8.8H21.2a.8.8,0,0,0,.8-.8Zm0,5a.8.8,0,0,0-.8-.8H2.8a.8.8,0,0,0-.8.8v1.4a.8.8,0,0,0,.8.8H21.2a.8.8,0,0,0,.8-.8Z"/>\n</svg>\n'},{alias:"buildings",svg:'<svg id="buildings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,24H0V9H12ZM10,11H8v2h2Zm0,3H8v2h2Zm0,3H8v2h2ZM4,11H2v2H4Zm3,0H5v2H7ZM4,14H2v2H4Zm3,0H5v2H7ZM4,17H2v2H4Zm3,0H5v2H7Zm0,4H5v3H7ZM24,6H19V0L7,2V8h6V24h6V23h5ZM20,21H18V19h2Zm0-3H18V16h2Zm0-3H18V13h2Zm0-3H18V10h2Zm0-3H18V7h2Zm3,12H21V19h2Zm0-3H21V16h2Zm0-3H21V13h2Zm0-3H21V10h2Zm0-3H21V7h2Z"/>\n</svg>\n'},{alias:"calendar",svg:'<svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7,4.84A.16.16,0,0,1,6.84,5H5.16A.16.16,0,0,1,5,4.84V1.16A.16.16,0,0,1,5.16,1H6.84A.16.16,0,0,1,7,1.16ZM19,1.16A.16.16,0,0,0,18.84,1H17.16a.16.16,0,0,0-.16.16V4.84a.16.16,0,0,0,.16.16h1.68A.16.16,0,0,0,19,4.84ZM23,5V22a1,1,0,0,1-1,1H2a1,1,0,0,1-1-1V5A1,1,0,0,1,2,4H4v1A1.09,1.09,0,0,0,5,6H7a1.06,1.06,0,0,0,1-1V4h8v1a1.07,1.07,0,0,0,1,1h2a1.05,1.05,0,0,0,1-1V4h2A1,1,0,0,1,23,5Zm-2,5.55a.54.54,0,0,0-.53-.55H3.53a.54.54,0,0,0-.53.55v9.9a.54.54,0,0,0,.53.55H20.47a.54.54,0,0,0,.53-.55Z"/>\n</svg>\n'},{alias:"call",svg:'<svg id="call" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,17.86V22a1,1,0,0,1-1,1A22,22,0,0,1,1,2,1,1,0,0,1,2,1H6a1,1,0,0,1,1,.84L8.26,7A1,1,0,0,1,8,7.88L5.42,10.57a20.11,20.11,0,0,0,8,8L16.12,16a1,1,0,0,1,.87-.28l5.17,1.14A1,1,0,0,1,23,17.86Z"/>\n</svg>\n'},{alias:"caret-down",svg:'<svg id="caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19.71,10,13.08,16.6a1.35,1.35,0,0,1-1.9,0L4.3,9.93C3.77,9.42,4,9,4.71,9H19.28C20,9,20.23,9.43,19.71,10Z"/>\n</svg>\n'},{alias:"check",svg:'<svg id="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>\n</svg>\n'},{alias:"check-circle",svg:'<svg id="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35ZM12,3a9,9,0,1,0,9,9,9,9,0,0,0-9-9m0-2A11,11,0,1,1,1,12,11,11,0,0,1,12,1ZM10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>\n</svg>\n'},{alias:"chevron-down",svg:'<svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,16,5.29,9.63a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.42,0l5.29,5,5.29-5a1,1,0,0,1,1.42,0,.91.91,0,0,1,0,1.34Z"/>\n</svg>\n'},{alias:"chevron-left",svg:'<svg id="chevron-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15.05,19a.93.93,0,0,1-.67-.29L8,12l6.37-6.71a.93.93,0,0,1,1.35,0,1,1,0,0,1,0,1.42l-5,5.29,5,5.29a1,1,0,0,1,0,1.42A.93.93,0,0,1,15.05,19Z"/>\n</svg>\n'},{alias:"chevron-right",svg:'<svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M9,19a.93.93,0,0,1-.67-.29,1,1,0,0,1,0-1.42l5-5.29-5-5.29a1,1,0,0,1,0-1.42.93.93,0,0,1,1.35,0L16,12,9.62,18.71A.93.93,0,0,1,9,19Z"/>\n</svg>\n'},{alias:"chevron-up",svg:'<svg id="chevron-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,16a1,1,0,0,1-.71-.28l-5.29-5-5.29,5a1,1,0,0,1-1.42,0,.93.93,0,0,1,0-1.35L12,8l6.71,6.38a.91.91,0,0,1,0,1.34A1,1,0,0,1,18,16Z"/>\n</svg>\n'},{alias:"circle-notch",svg:'<svg id="circle-notch" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,23A11.11,11.11,0,0,1,9.8,1,1,1,0,0,1,11,1.81,1,1,0,0,1,10.2,3,9.09,9.09,0,0,0,12,21,9.09,9.09,0,0,0,13.8,3,1,1,0,0,1,13,1.81,1,1,0,0,1,14.2,1,11.11,11.11,0,0,1,12,23Z"/>\n</svg>\n'},{alias:"clock",svg:'<svg id="clock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,11h0V6.17a1,1,0,0,0-2,0v5.42l-3.21,3.2a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3.49-3.5a.91.91,0,0,0,.22-.33A.84.84,0,0,0,13,12Z"/>\n</svg>\n'},{alias:"copy",svg:'<svg id="copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,1H11A2,2,0,0,0,9,3V5H3A2,2,0,0,0,1,7V21a2,2,0,0,0,2,2H13a2,2,0,0,0,2-2V19h6a2,2,0,0,0,2-2V6ZM17,3.06,20.94,7H17ZM13,21H3V7H9V17a2,2,0,0,0,2,2h2Zm8-4H11V3h4V9h6Z"/>\n</svg>\n'},{alias:"crown",svg:'<svg id="crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22,9,19.14,18H4.86L2,9l5.53,3a1.91,1.91,0,1,0,1-.08L12,8l3.42,3.85a1.9,1.9,0,1,0,1,.08ZM12,7a2,2,0,1,0-2-2A2,2,0,0,0,12,7ZM4,9A2,2,0,1,0,2,7,2,2,0,0,0,4,9ZM20,9a2,2,0,1,0-2-2A2,2,0,0,0,20,9ZM5.53,20.68A.47.47,0,0,0,6,21H18a.5.5,0,0,0,.44-.32l.45-1.36a.23.23,0,0,0-.23-.32H5.33a.23.23,0,0,0-.23.32Z"/>\n</svg>\n'},{alias:"cultural",svg:'<svg id="cultural" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M6,18H4V10H6Zm4-8H8v8h2Zm6,0H14v8h2Zm4,0H18v8h2Zm1,11V19H3v2H1v2H23V21Zm.09-12H2.92c-1,0-1.21-.45-.53-1l8.2-6.6a2.12,2.12,0,0,1,2.49,0L21.6,8C22.29,8.56,22.06,9,21.09,9ZM14,6a2,2,0,1,0-2,2A2,2,0,0,0,14,6Z"/>\n</svg>'},{alias:"document",svg:'<svg id="document" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.11,1H5A2,2,0,0,0,3,3V21a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V7.89ZM19,21H5V3h8V9h6Zm-2-2H7V17H17Zm0-4H7V13H17Z"/>\n</svg>\n'},{alias:"download",svg:'<svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.72,10.44,12,17l-6.7-6.52C4.8,10,5,9.63,5.63,9.63H8.5V1.82A.8.8,0,0,1,9.28,1h5.44a.8.8,0,0,1,.78.82V9.61h2.87C19,9.6,19.2,10,18.72,10.44ZM1,17v6H23V17Zm16,3a2,2,0,1,1-2-2A2,2,0,0,1,17,20Zm5,0a2,2,0,1,1-2-2A2,2,0,0,1,22,20Z"/>\n</svg>\n'},{alias:"email",svg:'<svg id="email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,3H1A1,1,0,0,0,0,4V20a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V4A1,1,0,0,0,23,3ZM20.39,5l-8.08,6.38a.59.59,0,0,1-.73,0L3.59,5ZM2,19V6.28L10.35,13a2.62,2.62,0,0,0,1.57.52,2.53,2.53,0,0,0,1.68-.62L22,6.27V19Z"/>\n</svg>\n'},{alias:"energy",svg:'<svg id="energy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8,8ZM24,8V8Zm0,0a.61.61,0,0,1-.42.57c-.94.32-2.43,1-2.66,1.57a8.22,8.22,0,0,0,.81,2.71l0,0a.42.42,0,0,0,0,.1.62.62,0,0,1-.13.66h0a.62.62,0,0,1-.67.13l-.1,0,0,0a8.15,8.15,0,0,0-2.69-.81,3.25,3.25,0,0,0-1.05,1.42,2.08,2.08,0,0,0,2,1.67h.19a4,4,0,0,1-.17,8c-2.79,0-2.64-3-4-3H9.86A4,4,0,0,1,6,24H3V23H1.13a1,1,0,1,1,0-2H3V19H1.13a1,1,0,1,1,0-2H3V16H6a4,4,0,0,1,3.86,3h5.26c2.37,0,2.36,3,4,3a2,2,0,0,0,0-4L19,18a4.08,4.08,0,0,1-3.46-2.24h0a.6.6,0,0,0-.06-.11h0l0-.06a7.54,7.54,0,0,0-1.17-2.47.5.5,0,0,0-.11-.09,8.54,8.54,0,0,0-3.12.79.65.65,0,0,1-.69-.15.62.62,0,0,1-.09-.7,6.9,6.9,0,0,0,.89-2.89.46.46,0,0,0-.1-.13A9.3,9.3,0,0,0,8.41,8.57a.6.6,0,0,1,0-1.14A9.3,9.3,0,0,0,11,6.08a.46.46,0,0,0,.1-.13,6.86,6.86,0,0,0-.89-2.89.62.62,0,0,1,.09-.7A.65.65,0,0,1,11,2.21,8.54,8.54,0,0,0,14.13,3a.5.5,0,0,0,.11-.09A7.54,7.54,0,0,0,15.41.44a.61.61,0,0,1,1.17,0c.32.94,1,2.43,1.58,2.67a8.15,8.15,0,0,0,2.69-.81l0,0,.1,0a.62.62,0,0,1,.67.13h0A.62.62,0,0,1,21.8,3a.42.42,0,0,0,0,.1l0,0a8.22,8.22,0,0,0-.81,2.71c.23.53,1.72,1.25,2.66,1.57A.61.61,0,0,1,24,8ZM19.07,8a3.1,3.1,0,0,0-.5-1.66h0A4.23,4.23,0,0,0,18.24,6l-.06-.07-.08-.07a3.29,3.29,0,0,0-.41-.33h0a3.07,3.07,0,0,0-3.87.4A3.11,3.11,0,0,0,12.92,8V8a3.11,3.11,0,0,0,.9,2.12,3.07,3.07,0,0,0,3.87.4h0a3.29,3.29,0,0,0,.41-.33l.08-.07.06-.07a4.23,4.23,0,0,0,.33-.41h0A3.1,3.1,0,0,0,19.07,8Z"/>\n</svg>\n'},{alias:"environment",svg:'<svg id="environment" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2,14a6.65,6.65,0,0,1-1,.15C-.41,15.8-.59,19.35,2.19,21.83,3.76,23.23,5.3,24,8.42,24c.57,0,1.18,0,1.85-.08A31.64,31.64,0,0,0,16,22.53s-1.39-.87-2.42-5.62c-.89-4.13-4.09-6.38-5.87-6.58-.41,0-.79-.07-1.15-.07-1.48,0-2.49.39-2.68,1a10.7,10.7,0,0,1-.66,1.66,8.39,8.39,0,0,1-.86-3.67c0-.23.09-.48.09-.7S2.1,8,1.87,8A10.05,10.05,0,0,0,.45,10.18a1.11,1.11,0,0,0-.08.72A11.66,11.66,0,0,0,2,14Zm2.43.73A14.92,14.92,0,0,0,7.23,18c1.37,1.07,2.1.81,2.11.81a.74.74,0,0,1,1,.35A.8.8,0,0,1,10,20.18c-.15.08-1.55.72-3.73-1a16,16,0,0,1-3.13-3.57ZM22,10a6.65,6.65,0,0,1,1-.15c1.41-1.68,1.59-5.23-1.19-7.71C20.24.77,18.7,0,15.58,0,15,0,14.4,0,13.73.08A31.64,31.64,0,0,0,8,1.47s1.39.87,2.42,5.62c.89,4.13,4.09,6.38,5.87,6.58.41,0,.79.07,1.15.07,1.48,0,2.49-.39,2.68-1a10.7,10.7,0,0,1,.66-1.66,8.39,8.39,0,0,1,.86,3.67c0,.23-.09.48-.09.7s.35.59.58.53a10.05,10.05,0,0,0,1.42-2.17,1.11,1.11,0,0,0,.08-.72A11.66,11.66,0,0,0,22,10ZM19.6,9.3A14.92,14.92,0,0,0,16.77,6c-1.37-1.07-2.1-.81-2.11-.81a.74.74,0,0,1-1-.35A.8.8,0,0,1,14,3.82c.15-.08,1.55-.72,3.73,1a16,16,0,0,1,3.13,3.57Z"/>\n</svg>\n'},{alias:"exclamation",svg:'<svg id="exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,17a1.92,1.92,0,0,1-2-1.82V2.82A1.92,1.92,0,0,1,12,1a1.92,1.92,0,0,1,2,1.82V15.18A1.92,1.92,0,0,1,12,17Zm0,2a2,2,0,1,0,2,2A2,2,0,0,0,12,19Z"/>\n</svg>\n'},{alias:"external-link",svg:'<svg id="external-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,6V9.69c0,.33-.2.41-.43.17L17.06,8.35l-3.35,3.36a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42l3.36-3.35L14.14,5.43C13.9,5.19,14,5,14.31,5H19V6ZM18,17V13a1,1,0,0,0-2,0v4a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V9A1,1,0,0,1,7,8h4a1,1,0,0,0,0-2H7A3,3,0,0,0,4,9v8a3,3,0,0,0,3,3h8A3,3,0,0,0,18,17Z"/>\n</svg>\n'},{alias:"eye-slash",svg:'<svg id="eye-slash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.72,6.7l3-3L20.29,2.29,17,5.55A9.91,9.91,0,0,0,12,4C5.37,4,0,12.5,0,12.5a26.34,26.34,0,0,0,4.74,5.35L2,20.54,3.46,22l2.89-2.89A10.3,10.3,0,0,0,12,21c6.63,0,12-8.5,12-8.5A26.13,26.13,0,0,0,18.72,6.7ZM2.44,12.5C4.29,10,8.13,6,12,6a7.61,7.61,0,0,1,3.57,1l-.82.81a5,5,0,0,0-5.43,0A2.91,2.91,0,0,1,12.63,10L9,13.64A3,3,0,0,1,7,12V12a5,5,0,0,0,.83,2.75L6.16,16.43A23.7,23.7,0,0,1,2.44,12.5ZM12,19a8.16,8.16,0,0,1-4.2-1.38l1.45-1.45a5,5,0,0,0,6.92-6.92l1.11-1.12a22.62,22.62,0,0,1,4.28,4.37C19.71,15,15.87,19,12,19Z"/>\n</svg>'},{alias:"eye",svg:'<svg id="eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,6c3.87,0,7.71,4,9.56,6.5C19.71,15,15.87,19,12,19s-7.71-4-9.56-6.5C4.29,10,8.13,6,12,6m0-2C5.37,4,0,12.5,0,12.5S5.37,21,12,21s12-8.5,12-8.5S18.63,4,12,4Zm0,3a5,5,0,0,0-2.68.79A3,3,0,1,1,7,12V12a5,5,0,1,0,5-5Z"/>\n</svg>\n'},{alias:"filter",svg:'<svg id="filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21,3.45A.45.45,0,0,0,20.55,3H3.45A.45.45,0,0,0,3,3.45v1.9a1.31,1.31,0,0,0,.31.78l6.38,6.59a1.26,1.26,0,0,1,.31.78v4.17a1,1,0,0,0,.36.73l3.28,2.52c.2.16.36.07.36-.18V13.49a1.31,1.31,0,0,1,.31-.78l6.38-6.58A1.31,1.31,0,0,0,21,5.35Z"/>\n</svg>\n'},{alias:"forbidden",svg:'<svg id="forbidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM3,12A9,9,0,0,1,5,6.39L17.61,19A8.91,8.91,0,0,1,12,21,9,9,0,0,1,3,12Zm16,5.61L6.39,5A9,9,0,0,1,19,17.61Z"/>\n</svg>\n'},{alias:"health",svg:'<svg id="health" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22.49,13.09C20.8,16,17.58,19.23,12,23c-5.58-3.76-8.8-7-10.48-9.9H5.87l.61-.74,2.38,4.23,1.81-.14,2.42-6.61,2.61,6.47,2.68-3.21Zm-3.89-12C18.21,1,17.85,1,17.51,1,14.79,1,12.29,3.84,12,3.84S9.2,1,6.49,1c-.34,0-.7,0-1.09.05C3.05,1.27.33,3.35,0,7.32V8.64A9.42,9.42,0,0,0,.56,11.1H4.93L6.8,8.84l2.74,4.88,2.57-7,1.86,0,2.33,5.78,1.14-1.35,6,0A9.28,9.28,0,0,0,24,8.64V7.32C23.67,3.35,21,1.27,18.6,1.05Z"/>\n</svg>\n'},{alias:"help-active",svg:'<svg id="help-active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,17a1,1,0,1,1,1-1A1,1,0,0,1,12,18Zm1-4v.09a1,1,0,0,1-2,0V14c0-2.37,3-2.36,3-4a2,2,0,0,0-4,0v.09a1,1,0,0,1-2,0V10a4,4,0,0,1,8,0C16,12.79,13,12.64,13,14Z"/>\n</svg>\n'},{alias:"help",svg:'<svg id="help" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,17a1,1,0,1,0-1-1A1,1,0,0,0,12,18ZM12,6a4,4,0,0,0-4,4v.09a1,1,0,0,0,2,0V10a2,2,0,0,1,4,0c0,1.64-3,1.63-3,4v.09a1,1,0,0,0,2,0V14c0-1.36,3-1.21,3-4A4,4,0,0,0,12,6Z"/>\n</svg>\n'},{alias:"house",svg:'<svg id="house" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M17.67,12a.33.33,0,0,1,.33.33v4.34a.33.33,0,0,1-.33.33H12.33a.33.33,0,0,1-.33-.33V12.33a.33.33,0,0,1,.33-.33h5.34Zm4.17-1.58L12.26,2.09a.42.42,0,0,0-.52,0L2.16,10.42a.52.52,0,0,0-.07.66H4V21.58a.42.42,0,0,0,.42.42H19.58a.42.42,0,0,0,.42-.42V11.09h1.91A.52.52,0,0,0,21.84,10.42ZM10,19.67a.33.33,0,0,1-.33.33H6.33A.33.33,0,0,1,6,19.67V12.33A.33.33,0,0,1,6.33,12H9.67a.33.33,0,0,1,.33.33Z"/>\n</svg>\n'},{alias:"info-active",svg:'<svg id="info-active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12,9a1,1,0,1,0-1-1A1,1,0,0,0,12,9Zm1,7.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n'},{alias:"info-i",svg:'<svg id="info-i" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11,8a1,1,0,1,1,1,1A1,1,0,0,1,11,8Zm2,8.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n'},{alias:"info",svg:'<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,8a1,1,0,1,0-1-1A1,1,0,0,0,12,9Zm1,7.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n'},{alias:"infrastructure",svg:'<svg id="infrastructure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7.86,8l8.2.05L22,23H2Zm2.76,5h2.71l-.86-4H11.34Zm3.87,9-1.18-6H10.73l-1,6ZM1,1v9H3.52a9,9,0,0,1,17,0H23V1Z"/>\n</svg>\n'},{alias:"label",svg:'<svg id="label" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23.28,2.33A2.82,2.82,0,0,1,24,4.07V9.16a3,3,0,0,1-.69,1.77L11.46,23.68a1,1,0,0,1-1.41,0L.29,14a1,1,0,0,1,0-1.41L13.07.69A3,3,0,0,1,14.84,0h5.09a2.82,2.82,0,0,1,1.74.72ZM19,7a2,2,0,0,0,2-2,2,2,0,1,0-2,2Z"/>\n</svg>\n'},{alias:"land",svg:'<svg id="land" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5.62,16A9.84,9.84,0,0,1,1,18.29V7.6l4.81,5.88a2.9,2.9,0,0,0-.4,1.46A3,3,0,0,0,5.62,16Zm1.59-1.08a1.19,1.19,0,1,0,1.18-1.18A1.18,1.18,0,0,0,7.21,14.94Zm1.18-3a3,3,0,0,1,1.6.47L18.51,5.5,14.74,1H1V4.74l6.14,7.5A2.91,2.91,0,0,1,8.39,12Zm0,6a3,3,0,0,1-1.64-.5A13,13,0,0,1,1,20.11V23H13.82L9.51,17.71A2.94,2.94,0,0,1,8.39,17.93ZM17.13,1l2.81,3.34L23,1.86V1ZM15.67,5.09a1.83,1.83,0,0,1-3.52.73A1.77,1.77,0,0,1,12,5.09a1.84,1.84,0,0,1,3.67,0ZM7.88,22.92l-.08-.11-1-1.24-1-1.24,1.34-1.1,1,1.24.8-.65L10,21.16ZM8.4,10l-.08-.1h0l-4.94-6,1.5-1.27L8.23,6.71,10,5.36l1.66,2ZM20.77,7.75,22,9.15,23,10.41V4.19L11.16,13.8a3.08,3.08,0,0,1,.22,1.14,2.93,2.93,0,0,1-.48,1.61L16.15,23H23V17.57l-5,4.19L15.2,18.41,21,13.58,23,16V13.26l-2.46-2.93-1.86,1.56-1.18-1.4,1.86-1.57Z"/>\n</svg>\n'},{alias:"landscape",svg:'<svg id="landscape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8,0l3,11H0L3,2,6,3ZM21,9,18,8l-4,7,10,3V6ZM5,16c1,.56,4.5,2.74,4.81,3C9.81,19,1,23,0,24H17.65c2-3,3-5,2-6S9.79,15.25,10,15c.46-.55,5-4,5-4H13S3.83,15.36,5,16ZM22,3h0a.46.46,0,0,1-.28.42l-.08,0h0a6.08,6.08,0,0,0-1.86,1,4.39,4.39,0,0,0,.58,2.25.47.47,0,0,1-.09.54.46.46,0,0,1-.54.07,6,6,0,0,0-1.93-.68h-.11a6.37,6.37,0,0,0-1.23,2.07A.48.48,0,0,1,16,9a.48.48,0,0,1-.42-.31,5,5,0,0,0-1.06-2h-.12a7.19,7.19,0,0,0-2.1.66.44.44,0,0,1-.51-.08.48.48,0,0,1-.11-.52,7.08,7.08,0,0,0,.65-2.25,11.24,11.24,0,0,0-1.94-1h0l-.08,0A.46.46,0,0,1,10,3.06h0V3h0V3h0a.46.46,0,0,1,.29-.37l.08,0h0a11.24,11.24,0,0,0,1.94-1A5,5,0,0,0,12,0H20a3,3,0,0,0-.28,1.54,6.08,6.08,0,0,0,1.86,1h0l.08,0A.46.46,0,0,1,22,3ZM18.31,3s0,0,0-.07a1.61,1.61,0,0,0,0-.39h0a2.31,2.31,0,0,0-4.52,0h0a1.61,1.61,0,0,0,0,.39s0,0,0,.07,0,0,0,.07a1.61,1.61,0,0,0,0,.39h0a2.31,2.31,0,0,0,4.52,0h0a1.61,1.61,0,0,0,0-.39S18.31,3,18.31,3Z"/>\n</svg>'},{alias:"layers",svg:'<svg id="layers" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20.63,14.39c.51.41.48.79,0,1.23l-7.52,5.76c-.56.42-.84.63-1.11.62h0c-.27,0-.55-.2-1.11-.62L3.37,15.62c-.48-.44-.51-.82,0-1.23l.85-.65,6.67,5.11c.56.41.84.62,1.11.61h0c.27,0,.55-.2,1.11-.61l6.67-5.11ZM13.09,3.55l7.54,5.77c.51.4.48.78,0,1.23l-7.52,5.76c-.56.42-.84.62-1.11.61h0c-.27,0-.55-.19-1.11-.61L3.37,10.55c-.48-.45-.51-.83,0-1.23l7.54-5.77C11.46,3.18,11.74,3,12,3S12.54,3.18,13.09,3.55Z"/>\n</svg>\n'},{alias:"location",svg:'<svg id="location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,24c-1.11,0-8-9-8-16a8.28,8.28,0,0,1,8-8c4,0,8,4,8,8C20,15,13.14,24,12,24ZM12,3a5,5,0,1,0,5,5A5,5,0,0,0,12,3Z"/>\n</svg>\n'},{alias:"location-outline",svg:'<svg id="location-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <ellipse cx="12" cy="8.57" rx="4.5" ry="4.29" style="fill: none"/>\n <path d="M12,1.71A7.28,7.28,0,0,0,4.8,8.57c0,6,6.2,13.72,7.2,13.72s7.2-7.72,7.2-13.72C19.2,5.14,15.6,1.71,12,1.71Zm0,11.15A4.4,4.4,0,0,1,7.5,8.57,4.39,4.39,0,0,1,12,4.29a4.39,4.39,0,0,1,4.5,4.28A4.4,4.4,0,0,1,12,12.86Z" style="fill: #e17000"/>\n <path d="M12,0C7.21,0,3,4,3,8.57c0,3.85,2.18,7.91,3.48,10C8,21,10.25,24,12,24s4-3,5.53-5.45c1.3-2.07,3.47-6.13,3.47-10C21,4.17,16.63,0,12,0Zm0,22.29c-1,0-7.2-7.72-7.2-13.72A7.28,7.28,0,0,1,12,1.71c3.6,0,7.2,3.43,7.2,6.86C19.2,14.57,13,22.29,12,22.29Z"/>\n </g>\n</svg>\n'},{alias:"location-search",svg:'<svg id="location-search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16,12a4,4,0,1,1-4-4A4,4,0,0,1,16,12Zm8,0a1,1,0,0,1-1,1H19.92A8,8,0,0,1,13,19.92V23a1,1,0,0,1-2,0V19.93a8,8,0,0,1-7-6.93H1a1,1,0,0,1,0-2H4.06a8,8,0,0,1,7-6.94V1a1,1,0,0,1,2,0V4.07A8,8,0,0,1,19.92,11H23A1,1,0,0,1,24,12Zm-6,0A6,6,0,0,0,12,6H12a6,6,0,0,0-6,6V12a6,6,0,0,0,12,0Z"/>\n</svg>\n'},{alias:"lock",svg:'<svg id="lock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.14,9H17V7A5,5,0,0,0,7,7V9H5.86A1.87,1.87,0,0,0,4,10.86v8.28A1.87,1.87,0,0,0,5.86,21H18.14A1.87,1.87,0,0,0,20,19.14V10.86A1.87,1.87,0,0,0,18.14,9ZM9,7a3,3,0,0,1,6,0V9H9Zm4.74,9.66a1.52,1.52,0,0,1,.26.84,1.5,1.5,0,1,1-2.75-.84,2.49,2.49,0,0,1-1.25-2,2.5,2.5,0,1,1,3.74,2Z"/>\n</svg>\n'},{alias:"magnet",svg:'<svg id="magnet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,23C6.49,23,2,18.19,2,12.28V9H7v3.28a5.31,5.31,0,0,0,5,5.57,5.31,5.31,0,0,0,5-5.57V9h5v3.28C22,18.19,17.51,23,12,23ZM22,2H17V7h5ZM7,2H2V7H7Z"/>\n</svg>\n'},{alias:"map-location",svg:'<svg id="map-location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,15c-.7,0-5-5.63-5-10a5.18,5.18,0,0,1,5-5,5.38,5.38,0,0,1,5,5C24,9.38,19.71,15,19,15ZM19,1.88A3.13,3.13,0,1,0,22.13,5,3.12,3.12,0,0,0,19,1.88ZM20.68,16l1.23,5.77-4-1.35L17.52,16l-2-3,.62,7.49-3.22,1.3v-9.4L14,11.55h0l.33-.24-.85-1.6-.39.29L12,10.82,8.49,8.18A1,1,0,0,0,8.12,8h0a1.09,1.09,0,0,0-.4,0h0L3.28,9.63a.93.93,0,0,0-.57.66L0,22.92a.9.9,0,0,0,.28.86A.86.86,0,0,0,.89,24,.92.92,0,0,0,1.17,24L6.92,22l4.75,1.91h0a.78.78,0,0,0,.6,0h0L17.08,22,22.83,24a.87.87,0,0,0,.28.05.86.86,0,0,0,.59-.23.9.9,0,0,0,.28-.86L22.08,14ZM6.11,20.42l-4,1.35L4.35,11.15,7,10.21Zm5,1.37-3.22-1.3.82-9.91,2.4,1.81Z"/>\n</svg>\n'},{alias:"marker",svg:'<svg id="marker" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.79,22l-1.2,1.24a.89.89,0,0,1-.73.24l-3.63-.65-1,1.05a.42.42,0,0,1-.61,0l-.48-.5-.58.46a.67.67,0,0,1-.38.18H.33a.43.43,0,0,1-.18-.75l1.39-1.54-.47-.49a.47.47,0,0,1,0-.65l1-1-.63-3.78A1,1,0,0,1,1.65,15l1.2-1.25ZM23.91,5.12a.53.53,0,0,0-.06-.67L19.72.16A.48.48,0,0,0,19.07.1L4.37,12.16l7.94,8.26Z"/>\n</svg>\n'},{alias:"measurement",svg:'<svg id="measurement" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M1,24a1,1,0,0,1-1-1V1A1,1,0,0,1,2,1V23A1,1,0,0,1,1,24Zm23-1V1a1,1,0,0,0-2,0V23a1,1,0,0,0,2,0Zm-4-5-2-2v1H6V16L4,18l2,2V19H18v1Zm-8-3a1,1,0,1,0-1-1A1,1,0,0,0,12,15ZM12,3A4,4,0,0,0,8,7v.09a1,1,0,0,0,2,0V7a2,2,0,0,1,4,0c0,1.64-3,1.63-3,4v.09a1,1,0,0,0,2,0V11c0-1.36,3-1.21,3-4A4,4,0,0,0,12,3Z"/>\n</svg>\n'},{alias:"minus-square",svg:'<svg id="minus-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,4a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H18m0-2H6A4,4,0,0,0,2,6V18a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V6a4,4,0,0,0-4-4ZM17,12a.92.92,0,0,0-.81-1H7.81A.92.92,0,0,0,7,12a.92.92,0,0,0,.81,1h8.38A.92.92,0,0,0,17,12Z"/>\n</svg>\n'},{alias:"minus",svg:'<svg id="minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5.3,10.7 L18.7,10.7 C19.4179702,10.7 20,11.2820298 20,12 C20,12.7179702 19.4179702,13.3 18.7,13.3 L5.3,13.3 C4.58202983,13.3 4,12.7179702 4,12 C4,11.2820298 4.58202983,10.7 5.3,10.7 Z"/>\n</svg>\n'},{alias:"more",svg:'<svg id="more" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M6,10a2,2,0,1,0,2,2A2,2,0,0,0,6,10Zm12,0a2,2,0,1,0,2,2A2,2,0,0,0,18,10Zm-6,0a2,2,0,1,0,2,2A2,2,0,0,0,12,10Z"/>\n</svg>\n'},{alias:"municipality",svg:'<svg id="municipality" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16,10V9H8v1H0V23H8v1h3V18h2v6h3V23h8V10ZM4,20H2V12H4Zm4,0H6V12H8Zm5-7H11V11h2Zm5,7H16V12h2Zm4,0H20V12h2ZM22,1.88a2.55,2.55,0,0,1,2,0V.51a2.53,2.53,0,0,0-2,0c-1,.41-2,.74-3-.26V0H18V6.38L16,6V3.5L12,2,8,3.5V6L0,7.5V9H8V8h8V9h8V7.5l-5-.94V4.2c1,1,2,.67,3,.25a2.55,2.55,0,0,1,2,0V3.09a2.55,2.55,0,0,0-2,0c-1,.41-2,.75-3-.25V1.63C20,2.63,21,2.29,22,1.88ZM12,6a1,1,0,1,1,1-1A1,1,0,0,1,12,6Z"/>\n</svg>\n'},{alias:"nature",svg:'<svg id="nature" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,22.41c0,.79-22,.79-22,0,0-.3.74-.58,2-.81V19.21a2.35,2.35,0,0,1-2-2.44C1,13.36,2.67,11,3.5,11S6,13.36,6,16.77a2.35,2.35,0,0,1-2,2.44v2.24A61.55,61.55,0,0,1,12,21c1.8,0,3.5.06,5,.16V16.43a4.29,4.29,0,0,1-3.37-2.65,7,7,0,0,0,1-9.95C15.75,1.43,17.14,0,18,0,19.69,0,23,4.72,23,11.55a4.72,4.72,0,0,1-4,4.88v4.89C21.44,21.58,23,22,23,22.41ZM11,18V12.9a5,5,0,1,0-1,.1h0v5.05c-1.72.16-3,.71-3,1.36s8,.79,8,0S13.21,18,11,18Z"/>\n</svg>\n'},{alias:"new-window",svg:'<svg id="new-window" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,11a.92.92,0,0,1-.81,1H15v2.19A.92.92,0,0,1,14,15a.92.92,0,0,1-1-.81V12H10.81A.92.92,0,0,1,10,11a.92.92,0,0,1,.81-1H13V7.81A.92.92,0,0,1,14,7a.92.92,0,0,1,1,.81V10h2.19A.92.92,0,0,1,18,11Zm6-9V18a2,2,0,0,1-2,2H20v2a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V6A2,2,0,0,1,2,4H4V2A2,2,0,0,1,6,0H22A2,2,0,0,1,24,2ZM18,20H6a2,2,0,0,1-2-2V8H2V21a1,1,0,0,0,1,1H17a1,1,0,0,0,1-1ZM22,4H6V17a1,1,0,0,0,1,1H21a1,1,0,0,0,1-1ZM7,1A1,1,0,1,0,8,2,1,1,0,0,0,7,1Zm3,0a1,1,0,1,0,1,1A1,1,0,0,0,10,1Zm3,0a1,1,0,1,0,1,1A1,1,0,0,0,13,1Z"/>\n</svg>\n'},{alias:"paperclip",svg:'<svg id="paperclip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21.88,8.94,10,20.6A4.63,4.63,0,0,1,6.62,22h0a5.78,5.78,0,0,1-4.05-1.81,5.34,5.34,0,0,1,0-7.56l9.3-9.26a1,1,0,1,1,1.48,1.48l-9.3,9.26h0a3.26,3.26,0,0,0,0,4.6,3.79,3.79,0,0,0,2.58,1.21,2.55,2.55,0,0,0,1.85-.81h0L20.4,7.46a1.83,1.83,0,0,0,.5-1.39,2.24,2.24,0,0,0-.63-1.44,1.85,1.85,0,0,0-2.61,0h0L7.43,14.73a.48.48,0,0,0,0,.67.48.48,0,0,0,.34.14.46.46,0,0,0,.34-.14l7.36-7.28a1,1,0,0,1,1.48,0A1,1,0,0,1,17,9.6h0L9.6,16.88h0a2.66,2.66,0,0,1-3.65,0,2.55,2.55,0,0,1,0-3.63L16.17,3.15a4,4,0,0,1,5.59,0A4.31,4.31,0,0,1,23,6,3.89,3.89,0,0,1,21.88,8.94Z"/>\n</svg>\n'},{alias:"parking",svg:'<svg id="parking" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm-2.91,8.4a2.93,2.93,0,0,1-.63,1,4,4,0,0,1-1.26.84,4.6,4.6,0,0,1-1.73.29H11v3.07H8.51V7.17h4A6.5,6.5,0,0,1,14,7.33a3.42,3.42,0,0,1,1.1.47,2.41,2.41,0,0,1,.87,1,3.06,3.06,0,0,1,.3,1.41A3.57,3.57,0,0,1,16.09,11.4ZM13.58,9.52a1.15,1.15,0,0,1,.21.69,2,2,0,0,1-.1.69,1.17,1.17,0,0,1-.34.48,1.47,1.47,0,0,1-.68.31,5.81,5.81,0,0,1-1,.07H11V8.94h1.38a2.26,2.26,0,0,1,.74.17A1.21,1.21,0,0,1,13.58,9.52ZM19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm-2.91,8.4a2.93,2.93,0,0,1-.63,1,4,4,0,0,1-1.26.84,4.6,4.6,0,0,1-1.73.29H11v3.07H8.51V7.17h4A6.5,6.5,0,0,1,14,7.33a3.42,3.42,0,0,1,1.1.47,2.41,2.41,0,0,1,.87,1,3.06,3.06,0,0,1,.3,1.41A3.57,3.57,0,0,1,16.09,11.4ZM13.58,9.52a1.15,1.15,0,0,1,.21.69,2,2,0,0,1-.1.69,1.17,1.17,0,0,1-.34.48,1.47,1.47,0,0,1-.68.31,5.81,5.81,0,0,1-1,.07H11V8.94h1.38a2.26,2.26,0,0,1,.74.17A1.21,1.21,0,0,1,13.58,9.52Z"/>\n</svg>\n'},{alias:"pencil",svg:'<svg id="pencil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16.27,3.2l4.56,4.54L8,20.52,3.43,16ZM22.54,4,20,1.46a1.4,1.4,0,0,0-2-.1l-.87.86,4.58,4.57.87-.86A1.4,1.4,0,0,0,22.54,4ZM1,22.35h0a.4.4,0,0,0,.1.5.4.4,0,0,0,.5.1h0l5.44-1.49L2.51,16.9Z"/>\n</svg>\n'},{alias:"pin",svg:'<svg id="pin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15.34,14.44,14,22.5a1.5,1.5,0,0,1-3,0L9.66,14.44a7.5,7.5,0,1,1,5.68,0Zm-1.11-2.57a5.68,5.68,0,0,1-4.59-9.7,6,6,0,1,0,8.3,7.74A5.63,5.63,0,0,1,14.23,11.87Z"/>\n</svg>\n'},{alias:"pin-outline",svg:'<svg id="pin-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <path d="M8.18,7.54a4.94,4.94,0,0,1,1.41-4A5.16,5.16,0,0,0,7,8.64a5.07,5.07,0,0,0,5.55,4.58,5,5,0,0,0,4.08-3,4.77,4.77,0,0,1-3.13,1.68A4.83,4.83,0,0,1,8.18,7.54Z" style="fill: none"/>\n <path d="M12,1.71A6.45,6.45,0,0,0,9.61,14.09L10.74,21a1.26,1.26,0,1,0,2.52,0l1.13-6.91A6.45,6.45,0,0,0,12,1.71Zm.5,11.51A5.07,5.07,0,0,1,7,8.64,5.16,5.16,0,0,1,9.59,3.58a4.94,4.94,0,0,0-1.41,4,4.83,4.83,0,0,0,5.27,4.35,4.77,4.77,0,0,0,3.13-1.68A5,5,0,0,1,12.5,13.22Z" style="fill: #79b929"/>\n <path d="M12,0A8.08,8.08,0,0,0,4,8.14a8.13,8.13,0,0,0,4.09,7.1l1,5.93a2.94,2.94,0,0,0,5.88,0l1-5.93A8.13,8.13,0,0,0,20,8.14,8.08,8.08,0,0,0,12,0Zm2.39,14.09L13.26,21a1.26,1.26,0,1,1-2.52,0L9.61,14.09A6.45,6.45,0,0,1,12,1.71a6.45,6.45,0,0,1,2.39,12.38Z"/>\n </g>\n</svg>\n'},{alias:"plus-square",svg:'<svg id="plus-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,4a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H18m0-2H6A4,4,0,0,0,2,6V18a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V6a4,4,0,0,0-4-4Zm-1.81,9H13V7.81A.92.92,0,0,0,12,7a.92.92,0,0,0-1,.81V11H7.81A.92.92,0,0,0,7,12a.92.92,0,0,0,.81,1H11v3.19A.92.92,0,0,0,12,17a.92.92,0,0,0,1-.81V13h3.19A.92.92,0,0,0,17,12,.92.92,0,0,0,16.19,11Z"/>\n</svg>\n'},{alias:"plus",svg:'<svg id="plus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M17.87,11H13V6.13A1.08,1.08,0,0,0,12,5a1.08,1.08,0,0,0-1,1.13V11H6.13A1.08,1.08,0,0,0,5,12a1.08,1.08,0,0,0,1.13,1H11v4.87A1.08,1.08,0,0,0,12,19a1.08,1.08,0,0,0,1-1.13V13h4.87A1.08,1.08,0,0,0,19,12,1.08,1.08,0,0,0,17.87,11Z"/>\n</svg>\n'},{alias:"print",svg:'<svg id="print" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21.33,9H18V4a2,2,0,0,0-2-2H6A2,2,0,0,0,4,4V9H2.67A.67.67,0,0,0,2,9.67v6.66a.67.67,0,0,0,.67.67h1l-.66,2.75a1.87,1.87,0,0,0,2,2.25H16.92a1.87,1.87,0,0,0,2-2.25L18.29,17h3a.67.67,0,0,0,.67-.67V9.67A.67.67,0,0,0,21.33,9ZM6,4H16V9H6ZM19.5,14A1.5,1.5,0,1,1,21,12.5,1.5,1.5,0,0,1,19.5,14Zm-3.67,1L17,19.89l-.09.11H5.17l-.1-.11L6.21,15Z"/>\n</svg>\n'},{alias:"procedures",svg:'<svg id="procedures" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7.14,8a.26.26,0,0,0-.26.26V9.42a6.64,6.64,0,0,0-2.73,1.13l-.82-.82a.27.27,0,0,0-.19-.08A.27.27,0,0,0,3,9.73L1.74,11a.27.27,0,0,0,0,.37l.82.82a6.81,6.81,0,0,0-1.15,2.73H.26a.26.26,0,0,0-.26.26v1.73a.26.26,0,0,0,.26.26H1.42a6.64,6.64,0,0,0,1.13,2.73l-.82.82a.27.27,0,0,0,0,.37L3,22.26a.27.27,0,0,0,.37,0l.82-.82a6.81,6.81,0,0,0,2.73,1.15v1.15a.26.26,0,0,0,.26.26H8.86a.26.26,0,0,0,.26-.26V22.58a6.64,6.64,0,0,0,2.73-1.13l.82.82a.27.27,0,0,0,.37,0l1.22-1.22a.27.27,0,0,0,0-.37l-.82-.82a6.81,6.81,0,0,0,1.15-2.73h1.15a.26.26,0,0,0,.26-.26V15.14a.26.26,0,0,0-.26-.26H14.58a6.64,6.64,0,0,0-1.13-2.73l.82-.82a.27.27,0,0,0,0-.37L13.05,9.74a.27.27,0,0,0-.18-.08.27.27,0,0,0-.19.08l-.82.82A6.81,6.81,0,0,0,9.13,9.41V8.26A.26.26,0,0,0,8.87,8ZM8,14a2,2,0,1,1-1.41.58A2,2,0,0,1,8,14ZM15.25.47a.21.21,0,0,0-.12.26l.31.83A5.23,5.23,0,0,0,13.77,3.1L13,2.73a.22.22,0,0,0-.27.1L12.15,4a.2.2,0,0,0,.1.27l.8.37A5.12,5.12,0,0,0,13,6.94l-.83.31A.19.19,0,0,0,12,7.5l.46,1.25a.21.21,0,0,0,.26.12l.83-.31a5.23,5.23,0,0,0,1.54,1.67l-.37.8a.21.21,0,0,0,.1.27l1.2.55a.2.2,0,0,0,.27-.1l.37-.8a5.12,5.12,0,0,0,2.27.09l.31.83a.19.19,0,0,0,.25.12l1.25-.46a.21.21,0,0,0,.12-.26l-.31-.83A5.23,5.23,0,0,0,22.23,8.9l.8.37a.21.21,0,0,0,.27-.1L23.85,8a.2.2,0,0,0-.1-.27L23,7.33A5.12,5.12,0,0,0,23,5.06l.83-.31A.19.19,0,0,0,24,4.5l-.46-1.25a.21.21,0,0,0-.26-.12l-.83.31A5.23,5.23,0,0,0,20.9,1.77l.37-.8a.2.2,0,0,0-.1-.27L20,.15a.22.22,0,0,0-.16,0,.23.23,0,0,0-.11.11l-.37.8A5.12,5.12,0,0,0,17.06,1L16.75.13A.2.2,0,0,0,16.5,0ZM17,3.19a3,3,0,1,1-1.68,1.55A3,3,0,0,1,17,3.19Z"/>\n</svg>\n'},{alias:"redo",svg:'<svg id="redo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12.3,3a9.43,9.43,0,0,1,6.61,2.67L20.4,4.19c.33-.33.6-.22.6.25v4.7a.85.85,0,0,1-.86.86h-4.7c-.47,0-.58-.27-.25-.6l2.28-2.29A7.32,7.32,0,0,0,12.3,5a7.12,7.12,0,0,0-7.23,7,7.12,7.12,0,0,0,7.23,7A7.22,7.22,0,0,0,19,14.62a1,1,0,0,1,1.34-.55,1,1,0,0,1,.57,1.31A9.27,9.27,0,0,1,12.3,21,9.16,9.16,0,0,1,3,12,9.16,9.16,0,0,1,12.3,3Z"/>\n</svg>\n'},{alias:"safety",svg:'<svg id="safety" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23.79,4.08a.79.79,0,0,0-.56-.23h0A3.05,3.05,0,0,1,21,3,2.85,2.85,0,0,1,20.19.78.76.76,0,0,0,20,.23.79.79,0,0,0,19.42,0H4.58A.79.79,0,0,0,4,.23a.76.76,0,0,0-.21.55A2.85,2.85,0,0,1,3,3a3.05,3.05,0,0,1-2.18.9h0a.79.79,0,0,0-.57.23A.77.77,0,0,0,0,4.64,23.46,23.46,0,0,0,11.59,23.89a.82.82,0,0,0,.82,0A23.46,23.46,0,0,0,24,4.64.77.77,0,0,0,23.79,4.08ZM10.86,16.86,6,12.17a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.41,0l3.4,3.31,7.18-7a1,1,0,0,1,1.41,0,.93.93,0,0,1,0,1.36Z"/>\n</svg>\n'},{alias:"scale",svg:'<svg id="scale" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2,20a1,1,0,0,1-1-1V5A1,1,0,0,1,3,5V19A1,1,0,0,1,2,20Zm21-1V5a1,1,0,0,0-2,0V19a1,1,0,0,0,2,0ZM7,19V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Z"/>\n</svg>\n'},{alias:"search",svg:'<svg id="search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20.71,19.29,16.46,15A7.52,7.52,0,1,0,15,16.46l4.25,4.25a1,1,0,0,0,1.42,0A1,1,0,0,0,20.71,19.29ZM5,10.5A5.5,5.5,0,1,1,10.5,16,5.51,5.51,0,0,1,5,10.5Z"/>\n</svg>\n'},{alias:"sitemap",svg:'<svg id="sitemap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23.2,17H22V12H13V7h1.2a.8.8,0,0,0,.8-.8V1.8a.8.8,0,0,0-.8-.8H9.8a.8.8,0,0,0-.8.8V6.2a.8.8,0,0,0,.8.8H11v5H2v5H.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8H5.2a.8.8,0,0,0,.8-.8V17.8a.8.8,0,0,0-.8-.8H4V14h7v3H9.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8h4.4a.8.8,0,0,0,.8-.8V17.8a.8.8,0,0,0-.8-.8H13V14h7v3H18.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8h4.4a.8.8,0,0,0,.8-.8V17.8A.8.8,0,0,0,23.2,17Z"/>\n</svg>'},{alias:"soil",svg:'<svg id="soil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.09,6.55a3.32,3.32,0,0,1,0-1.65,2.14,2.14,0,0,1,2-1.79c.5-.07,1-.09,1.52-.11.3,0,.4.09.38.39-.06.6-.09,1.21-.21,1.81A2.13,2.13,0,0,1,15.87,7C15.43,7.05,14.25,6.87,14.09,6.55Zm-3.18,0a3.32,3.32,0,0,0,0-1.65,2.14,2.14,0,0,0-2-1.79C8.4,3,7.89,3,7.38,3c-.3,0-.4.09-.38.39.06.6.09,1.21.21,1.81A2.13,2.13,0,0,0,9.13,7C9.57,7.05,10.75,6.87,10.91,6.55ZM13,10.89a2.12,2.12,0,0,0,1.8,1.91,15.48,15.48,0,0,0,1.8.2c.31,0,.4-.08.39-.39,0-.5-.05-1-.12-1.52a2.14,2.14,0,0,0-1.8-2,3.39,3.39,0,0,0-1.64,0C13.12,9.26,13,10.44,13,10.89Zm9,9-1-1c0-1-1-1-2-1s-2-1.06-4-1.06A5.13,5.13,0,0,0,12,15c-1.34-3-1.68-4.33-1.68-4.9,0-1.67,2-1.69,2.05-1.69a.72.72,0,0,0,0-1.44C11.22,7,9,8.07,9,10.13a18.32,18.32,0,0,0,1.67,5.1,2.19,2.19,0,0,0-.67.45s-4,0-4.8,1.94L4.83,18l-.4-.3c-.37-.29-.83,1.15-1.32,1.15C2,18.8,1,20.88,1,20.86V23H23V20.86C23,19.71,23,19.84,22,19.84Z"/>\n</svg>\n'},{alias:"sort-ascending",svg:'<svg id="sort-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,4a1.47,1.47,0,0,1,.91.36c.53.44,4.31,3.68,5.66,4.84a1.07,1.07,0,0,1,.4.57A1.07,1.07,0,0,1,17.8,11H6.2A1.07,1.07,0,0,1,5,9.77a1.07,1.07,0,0,1,.4-.57C6.78,8,10.56,4.8,11.09,4.36A1.47,1.47,0,0,1,12,4Z"/>\n</svg>\n'},{alias:"sort-descending",svg:'<svg id="sort-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,21a1.47,1.47,0,0,1-.91-.36C10.56,20.2,6.78,17,5.43,15.8A1,1,0,0,1,6.2,14H17.8a1,1,0,0,1,.77,1.8c-1.35,1.16-5.13,4.4-5.66,4.84A1.47,1.47,0,0,1,12,21Z"/>\n</svg>\n'},{alias:"sort",svg:'<svg id="sort" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,21a1.47,1.47,0,0,1-.91-.36C10.56,20.2,6.78,17,5.43,15.8A1,1,0,0,1,6.2,14H17.8a1,1,0,0,1,.77,1.8c-1.35,1.16-5.13,4.4-5.66,4.84A1.47,1.47,0,0,1,12,21ZM12,4a1.47,1.47,0,0,0-.91.36C10.56,4.8,6.78,8,5.43,9.2a1.07,1.07,0,0,0-.4.57A1.07,1.07,0,0,0,6.2,11H17.8A1.07,1.07,0,0,0,19,9.77a1.07,1.07,0,0,0-.4-.57C17.22,8,13.44,4.8,12.91,4.36A1.47,1.47,0,0,0,12,4Z"/>\n</svg>\n'},{alias:"sound",svg:'<svg id="sound" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M3,15a1,1,0,0,1-1-1V10a1,1,0,0,1,2,0v4A1,1,0,0,1,3,15Zm19-2V11a1,1,0,0,0-2,0v2a1,1,0,0,0,2,0ZM7,16V8A1,1,0,0,0,5,8v8a1,1,0,0,0,2,0Zm3-2V10a1,1,0,0,0-2,0v4a1,1,0,0,0,2,0Zm3,3V7a1,1,0,0,0-2,0V17a1,1,0,0,0,2,0Zm6,0V7a1,1,0,0,0-2,0V17a1,1,0,0,0,2,0Zm-3,4V3a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z"/>\n</svg>\n'},{alias:"status-danger",svg:'<svg id="status-danger-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <path d="M22.6,18.51c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4a1.7,1.7,0,0,1,3.12,0Z" style="fill: #ce3f51"/>\n <path d="M12,3a1.9,1.9,0,0,1,1.56,1l9,14.48c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4A1.9,1.9,0,0,1,12,3m0-1A2.89,2.89,0,0,0,9.6,3.5L.55,18a2.75,2.75,0,0,0-.28,2.81A2.59,2.59,0,0,0,2.65,22h18.7a2.59,2.59,0,0,0,2.38-1.21A2.75,2.75,0,0,0,23.45,18L14.4,3.5A2.89,2.89,0,0,0,12,2Z" style="fill: #fff"/>\n </g>\n <path d="M12,16a1,1,0,0,1-1-.91V8.91a1,1,0,0,1,2,0v6.18A1,1,0,0,1,12,16Zm0,1a1,1,0,1,0,1,1A1,1,0,0,0,12,17Z" style="fill: #fff"/>\n</svg>\n'},{alias:"status-forbidden",svg:'<svg id="forbidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm8.25,11a8.19,8.19,0,0,1-1.53,4.77L7.23,5.28a8.24,8.24,0,0,1,13,6.72ZM3.75,12A8.19,8.19,0,0,1,5.28,7.23L16.77,18.72A8.24,8.24,0,0,1,3.75,12Z" style="fill: #ce3f51"/>\n <path d="M12,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1m6.72,15.77A8.24,8.24,0,0,0,7.23,5.28L18.72,16.77M12,20.25a8.19,8.19,0,0,0,4.77-1.53L5.28,7.23a8.24,8.24,0,0,0,6.72,13M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0ZM8.84,5.48A7.18,7.18,0,0,1,12,4.75,7.26,7.26,0,0,1,19.25,12a7.18,7.18,0,0,1-.73,3.16L8.84,5.48ZM12,19.25A7.26,7.26,0,0,1,4.75,12a7.18,7.18,0,0,1,.73-3.16l9.68,9.68a7.18,7.18,0,0,1-3.16.73Z" style="fill: #fff"/>\n </g>\n</svg>\n'},{alias:"status-info",svg:'<svg id="status-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <circle cx="12" cy="12" r="11" style="fill: #2b5780"/>\n <path d="M12,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1m0-1A12,12,0,1,0,24,12,12,12,0,0,0,12,0Z" style="fill: #fff"/>\n </g>\n <path d="M11,8a1,1,0,1,1,1,1A1,1,0,0,1,11,8Zm2,8.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z" style="fill: #fff"/>\n</svg>\n'},{alias:"status-success",svg:'<svg id="status-success" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <circle cx="12" cy="12" r="11" style="fill: #39870c"/>\n <path d="M12,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1m0-1A12,12,0,1,0,24,12,12,12,0,0,0,12,0Z" style="fill: #fff"/>\n </g>\n <path d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z" style="fill: #fff"/>\n</svg>\n'},{alias:"status-warning",svg:'<svg id="status-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <path d="M22.6,18.51c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4a1.7,1.7,0,0,1,3.12,0Z" style="fill: #dcd400"/>\n <path d="M12,3a1.9,1.9,0,0,1,1.56,1l9,14.48c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4A1.9,1.9,0,0,1,12,3m0-1A2.89,2.89,0,0,0,9.6,3.5L.55,18a2.75,2.75,0,0,0-.28,2.81A2.59,2.59,0,0,0,2.65,22h18.7a2.59,2.59,0,0,0,2.38-1.21A2.75,2.75,0,0,0,23.45,18L14.4,3.5A2.89,2.89,0,0,0,12,2Z" style="fill: #fff"/>\n </g>\n <path d="M11.73,15.85a1,1,0,0,1-1-.91V8.76a1,1,0,0,1,2,0v6.18A1,1,0,0,1,11.73,15.85Zm0,1a1,1,0,1,0,1,1A1,1,0,0,0,11.73,16.85Z"/>\n</svg>\n'},{alias:"table",svg:'<svg id="table" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20,0H4A4,4,0,0,0,0,4V20a4,4,0,0,0,4,4H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0ZM2,20V8H7V22H4A2,2,0,0,1,2,20Zm7,2V8h6V22Zm11,0H17V8h5V20A2,2,0,0,1,20,22ZM2,6V4A2,2,0,0,1,4,2H20a2,2,0,0,1,2,2V6Z"/>\n</svg>\n'},{alias:"times",svg:'<svg id="times" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13.36,12l3.3-3.3A1,1,0,1,0,15.3,7.34L12,10.64,8.7,7.34A1,1,0,1,0,7.34,8.7l3.3,3.3-3.3,3.3A1,1,0,1,0,8.7,16.66l3.3-3.3,3.3,3.3a1,1,0,1,0,1.36-1.36Z"/>\n</svg>\n'},{alias:"trash",svg:'<svg id="trash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,2V5H5V2H9V1h6V2Zm0,6.16V21.84A1.16,1.16,0,0,1,17.84,23H6.16A1.16,1.16,0,0,1,5,21.84V8.16A1.16,1.16,0,0,1,6.16,7H17.84A1.16,1.16,0,0,1,19,8.16ZM9,9.6A.6.6,0,0,0,8.4,9H7.6a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Zm4,0a.6.6,0,0,0-.6-.6h-.8a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Zm4,0a.6.6,0,0,0-.6-.6h-.8a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Z"/>\n</svg>\n'},{alias:"undo",svg:'<svg id="undo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.63,1A11.49,11.49,0,0,0,3.55,4.27L1.74,2.46c-.41-.41-.74-.27-.74.3V8.51a1,1,0,0,0,1,1.05H7.79c.58,0,.72-.34.31-.74L5.31,6a8.94,8.94,0,0,1,6.32-2.59A8.71,8.71,0,0,1,20.47,12a8.71,8.71,0,0,1-8.84,8.56,8.82,8.82,0,0,1-8.2-5.35,1.27,1.27,0,0,0-1.64-.68,1.22,1.22,0,0,0-.7,1.6A11.34,11.34,0,0,0,11.63,23,11.2,11.2,0,0,0,23,12,11.2,11.2,0,0,0,11.63,1Z"/>\n</svg>\n'},{alias:"user-line",svg:'<svg id="user-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.91,12h.18A4.93,4.93,0,0,0,17,7.09V6.91A4.93,4.93,0,0,0,12.09,2h-.18A4.93,4.93,0,0,0,7,6.91v.18A4.93,4.93,0,0,0,11.91,12ZM9,6.91A2.92,2.92,0,0,1,11.91,4h.18A2.92,2.92,0,0,1,15,6.91v.18A2.92,2.92,0,0,1,12.09,10h-.18A2.92,2.92,0,0,1,9,7.09ZM20.86,19.73l-2.19-5.4a4.63,4.63,0,0,0-3-2.26A6.8,6.8,0,0,1,8.51,12a4.82,4.82,0,0,0-3.18,2.33l-2.19,5.4C2.75,20.81,3.17,22,4.51,22h15C20.83,22,21.25,20.81,20.86,19.73ZM5.2,20l2-4.87a2.29,2.29,0,0,1,1.18-.94,8.75,8.75,0,0,0,3.84.88,8.82,8.82,0,0,0,3.65-.8,2.08,2.08,0,0,1,1,.84l2,4.89Z"/>\n</svg>\n'},{alias:"user",svg:'<svg id="user" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7,7.09V6.91A4.93,4.93,0,0,1,11.91,2h.18A4.93,4.93,0,0,1,17,6.91v.18A4.93,4.93,0,0,1,12.09,12h-.18A4.93,4.93,0,0,1,7,7.09ZM20.86,19.73l-2.19-5.11a4.62,4.62,0,0,0-3-2.25,6.83,6.83,0,0,1-7.21-.08,4.82,4.82,0,0,0-3.18,2.33L3.14,19.73C2.75,20.81,3.17,22,4.51,22h15C20.83,22,21.25,20.81,20.86,19.73Z"/>\n</svg>'},{alias:"users",svg:'<svg id="users" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5,7.09V6.91A4.93,4.93,0,0,1,9.91,2h.18a4.92,4.92,0,0,1,4.77,3.81,2.86,2.86,0,0,1,2-.81h.3A2.86,2.86,0,0,1,20,7.85v.3A2.86,2.86,0,0,1,17.15,11h-.3a2.83,2.83,0,0,1-2.5-1.52A4.9,4.9,0,0,1,10.09,12H9.91A4.93,4.93,0,0,1,5,7.09ZM22.91,16.6l-1.46-3.16a3.06,3.06,0,0,0-2-1.39A4.87,4.87,0,0,1,14.67,12a5.1,5.1,0,0,0-.94.37h0a6.83,6.83,0,0,1-7.21-.08,4.82,4.82,0,0,0-3.18,2.33L1.14,19.73C.75,20.81,1.17,22,2.51,22h15c1.34,0,1.76-1.19,1.37-2.27L18.12,18H22A1,1,0,0,0,22.91,16.6Z"/>\n</svg>\n'},{alias:"water",svg:'<svg id="water" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20,15.33C20,19,16.42,22,12,22s-8-3-8-6.67c0-3.11,3.72-7.18,6-10A11.15,11.15,0,0,0,12,2a11.15,11.15,0,0,0,2,3.33C16.28,8.15,20,12.22,20,15.33ZM9.09,16.5A5.12,5.12,0,0,1,7.47,12,4.69,4.69,0,0,0,6,15.43,4.42,4.42,0,0,0,10.24,20,4.2,4.2,0,0,0,14,17.49C12.69,18.39,10.64,18,9.09,16.5Z"/>\n</svg>'},{alias:"wip-wip",svg:'<svg id="wip-wip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm7,9a1.08,1.08,0,0,0-1.13-1H6.13A1.08,1.08,0,0,0,5,10a1.08,1.08,0,0,0,1.13,1H17.87A1.08,1.08,0,0,0,19,10Zm0,4a1.08,1.08,0,0,0-1.13-1H6.13A1.08,1.08,0,0,0,5,14a1.08,1.08,0,0,0,1.13,1H17.87A1.08,1.08,0,0,0,19,14Z"/>\n</svg>\n'}];let n=class{constructor(l){a(this,l)}render(){if(this.icon){const a=s.find((a=>a.alias===this.icon));if(!a)throw new TypeError(`Unknown svg: ${this.icon}`);return l("span",{class:"icon-container",innerHTML:a.svg})}}};n.style=":host{display:inline-block;height:1.5em;vertical-align:top;width:1.5em}*,*::after,*::before{box-sizing:border-box}.icon-container{display:block;line-height:0}";export{n as dso_icon}

package/dist/dso-toolkit/{p-e2dc97c4.entry.js → p-984551a8.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as s,F as i,g as o}from"./p-a40eeb32.js";let h=class{constructor(s){t(this,s),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)\|\|this.close()},this.keyDownListener=t=>{t.defaultPrevented\|\|"Escape"!=t.key\|\|(this.close(),this.button.focus(),t.preventDefault())}}componentDidRender(){var t,s,i;const o=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelector("dso-info-button");if(!o)throw Error("dso-info-button not found");this.infoButton=o;const h=null===(i=null===(s=this.infoButton)\|\|void 0===s?void 0:s.shadowRoot)\|\|void 0===i?void 0:i.querySelector("button");if(!h)throw Error("button not found");this.button=h}render(){return s(i,null,s("dso-info-button",{id:"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary}),s("dso-tooltip",{stateless:!0,for:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return o(this)}};h.style=",::after,*::before{box-sizing:border-box}";export{h as dso_toggletip}
1	+ import{r as t,h as s,F as i,g as o}from"./p-a40eeb32.js";let h=class{constructor(s){t(this,s),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)\|\|this.close()},this.keyDownListener=t=>{t.defaultPrevented\|\|"Escape"!=t.key\|\|(this.close(),this.button.focus(),t.preventDefault())}}componentDidRender(){var t,s,i;const o=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelector("dso-info-button");if(!o)throw Error("dso-info-button not found");this.infoButton=o;const h=null===(i=null===(s=this.infoButton)\|\|void 0===s?void 0:s.shadowRoot)\|\|void 0===i?void 0:i.querySelector("button");if(!h)throw Error("button not found");this.button=h,this.host.setAttribute("tabindex","-1")}render(){return s(i,null,s("dso-info-button",{id:"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary}),s("dso-tooltip",{stateless:!0,for:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return o(this)}};h.style=",::after,*::before{box-sizing:border-box}:host(:focus){outline:none}";export{h as dso_toggletip}

package/dist/dso-toolkit/p-b07991b9.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as o,h as t,F as e}from"./p-a40eeb32.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}`},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{class:`wrapper ${this.visibility}`},t("div",{class:"dimscreen"}),t("div",{class:`iframe-container ${this.slideState}`},this.loadIframe?t("iframe",{src:this.url}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick},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}.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:1.5em;vertical-align:top;width:1.5em}.open-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.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:1.5em;vertical-align:top;width:1.5em}.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:1.5em;vertical-align:top;width:1.5em}.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:1.5em;vertical-align:top;width:1.5em;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:1.5em;vertical-align:top;width:1.5em}.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-e814d644.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{h as e,F as t,r as o,c as n}from"./p-a40eeb32.js";import{c as r}from"./p-4070c1e5.js";const i=({owner:o,ancestors:n,item:s,index:a,level:l,setSize:c})=>{var d,u,v;return e("li",{key:s.id,class:r("tree-item",{"has-child":s.hasItems}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,n,s)},e("dso-icon",{icon:s.open?"chevron-down":"chevron-right"})):e("dso-icon",null)),e("p",{class:r("tree-content",{active:s.active},{selected:s.selected}),tabindex:1===l&&0===a?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!(null===(d=s.items)||void 0===d?void 0:d.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,n,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===(u=s.icons)||void 0===u?void 0:u.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===(v=s.items)||void 0===v?void 0:v.map(((t,r,a)=>e(i,{owner:o,ancestors:[...n,s],item:t,index:r,level:l+1,setSize:a.length}))))))};let s=class{constructor(e){o(this,e),this.openItem=n(this,"openItem",7),this.closeItem=n(this,"closeItem",7),this.clickItem=n(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 n=e.target.closest(".tree-content");if(n){const r=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(n instanceof HTMLParagraphElement&&r instanceof HTMLElement))return;return s.setFocus(r,n),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 n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let r=0;switch(o){case"first":r=0;break;case"previous":r=n.indexOf(t)-1;break;case"next":r=n.indexOf(t)+1;break;case"last":r=n.length-1}s.setFocus(e,n[r])}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,n,r;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===(r=null===(n=null==t?void 0:t.parentElement)||void 0===n?void 0:n.parentElement)||void 0===r?void 0:r.previousElementSibling;o instanceof HTMLElement&&s.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,n){const r=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));n&&r.reverse();const i=r.indexOf(t);o=o.toLowerCase();let a=r.find(((e,t)=>{var n;return t>i&&(null===(n=e.textContent)||void 0===n?void 0:n.toLowerCase().startsWith(o))}));return a||(a=r.find(((e,t)=>{var n;return t<i&&(null===(n=e.textContent)||void 0===n?void 0:n.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(i,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};s.style=":host ul{list-style-type:none}:host ul[role=tree]{padding-left:0}:host li[role=treeitem]>ul{padding-left:1.5em}:host .tree-branch-control{cursor:pointer;display:inline-block}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0}:host .tree-content.active{font-weight:700}:host .tree-content.active:hover{text-decoration:underline}:host .tree-content.active a{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 a,:host .tree-content a:visited{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 dso-icon{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/esm/dso-dropdown-menu.entry.js CHANGED Viewed

@@ -226,7 +226,7 @@ var tabbable = function tabbable(el, options) {
   return tabbableNodes;
 };
-const dropdownMenuCss = ":host{--di-check-wit:url(\"data:image/svg+xml,%3csvg id='check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z'/%3e %3c/svg%3e\");--di-chevron-down:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%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-down-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%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-down-wit:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%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:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%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\");--di-chevron-up-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%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\");--di-chevron-up-wit:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%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:inline-block;position:relative}";
+const dropdownMenuCss = ":host(:focus){outline:none}:host{--di-check-wit:url(\"data:image/svg+xml,%3csvg id='check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z'/%3e %3c/svg%3e\");--di-chevron-down:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%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-down-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%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-down-wit:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%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:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%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\");--di-chevron-up-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%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\");--di-chevron-up-wit:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%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:inline-block;position:relative}";
 let DropdownMenu = class {
   constructor(hostRef) {
@@ -321,6 +321,9 @@ let DropdownMenu = class {
       this.openPopup();
     }
   }
+  componentDidRender() {
+    this.host.setAttribute("tabindex", "-1");
+  }
   componentWillRender() {
     for (const li of Array.from(this.host.getElementsByTagName("li"))) {
       for (const tab of tabbable(li)) {

package/dist/esm/dso-helpcenter-panel.entry.js ADDED Viewed

@@ -0,0 +1,40 @@
+import { r as registerInstance, h, F as Fragment } from './index-61410be2.js';
+const helpcenterPanelCss = ":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}.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:1.5em;vertical-align:top;width:1.5em}.open-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.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:1.5em;vertical-align:top;width:1.5em}.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:1.5em;vertical-align:top;width:1.5em}.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:1.5em;vertical-align:top;width:1.5em;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:1.5em;vertical-align:top;width:1.5em}.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%}";
+const maxCssTransitionMilliseconds = 500;
+let HelpcenterPanel = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.label = "Hulp nodig";
+    this.visibility = "hidden";
+    this.isOpen = "close";
+    this.slideState = "close";
+    this.loadIframe = false;
+    this.openClick = () => {
+      this.visibility = "visible";
+      this.slideState = "open";
+      setTimeout(() => {
+        this.isOpen = "open";
+      });
+      if (!this.loadIframe) {
+        setTimeout(() => {
+          this.loadIframe = true;
+        }, maxCssTransitionMilliseconds);
+      }
+    };
+    this.closeClick = () => {
+      this.isOpen = "close";
+      this.slideState = "close";
+      setTimeout(() => {
+        this.visibility = "hidden";
+      }, maxCssTransitionMilliseconds);
+    };
+  }
+  render() {
+    return (h(Fragment, null, h("button", { type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}` }, h("dso-icon", { icon: "help" }), h("span", null, this.label)), h("div", { class: `wrapper ${this.visibility}` }, h("div", { class: "dimscreen" }), h("div", { class: `iframe-container ${this.slideState}` }, this.loadIframe ? h("iframe", { src: this.url }) : h("div", null)), h("button", { type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick }, h("span", { class: "sr-only" }, "sluiten")))));
+  }
+};
+HelpcenterPanel.style = helpcenterPanelCss;
+export { HelpcenterPanel as dso_helpcenter_panel };

package/dist/esm/dso-icon.entry.js CHANGED Viewed

@@ -45,6 +45,11 @@ const calendar = `<svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox=
 </svg>
 `;
+const call = `<svg id="call" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M23,17.86V22a1,1,0,0,1-1,1A22,22,0,0,1,1,2,1,1,0,0,1,2,1H6a1,1,0,0,1,1,.84L8.26,7A1,1,0,0,1,8,7.88L5.42,10.57a20.11,20.11,0,0,0,8,8L16.12,16a1,1,0,0,1,.87-.28l5.17,1.14A1,1,0,0,1,23,17.86Z"/>
+</svg>
+`;
 const caretDown = `<svg id="caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path fill="currentColor" d="M19.71,10,13.08,16.6a1.35,1.35,0,0,1-1.9,0L4.3,9.93C3.77,9.42,4,9,4.71,9H19.28C20,9,20.23,9.43,19.71,10Z"/>
 </svg>
@@ -55,6 +60,11 @@ const check = `<svg id="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2
 </svg>
 `;
+const checkCircle = `<svg id="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35ZM12,3a9,9,0,1,0,9,9,9,9,0,0,0-9-9m0-2A11,11,0,1,1,1,12,11,11,0,0,1,12,1ZM10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>
+</svg>
+`;
 const chevronDown = `<svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path fill="currentColor" d="M12,16,5.29,9.63a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.42,0l5.29,5,5.29-5a1,1,0,0,1,1.42,0,.91.91,0,0,1,0,1.34Z"/>
 </svg>
@@ -99,6 +109,11 @@ const cultural = `<svg id="cultural" xmlns="http://www.w3.org/2000/svg" viewBox=
   <path fill="currentColor" d="M6,18H4V10H6Zm4-8H8v8h2Zm6,0H14v8h2Zm4,0H18v8h2Zm1,11V19H3v2H1v2H23V21Zm.09-12H2.92c-1,0-1.21-.45-.53-1l8.2-6.6a2.12,2.12,0,0,1,2.49,0L21.6,8C22.29,8.56,22.06,9,21.09,9ZM14,6a2,2,0,1,0-2,2A2,2,0,0,0,14,6Z"/>
 </svg>`;
+const document = `<svg id="document" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M14.11,1H5A2,2,0,0,0,3,3V21a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V7.89ZM19,21H5V3h8V9h6Zm-2-2H7V17H17Zm0-4H7V13H17Z"/>
+</svg>
+`;
 const download = `<svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path fill="currentColor" d="M18.72,10.44,12,17l-6.7-6.52C4.8,10,5,9.63,5.63,9.63H8.5V1.82A.8.8,0,0,1,9.28,1h5.44a.8.8,0,0,1,.78.82V9.61h2.87C19,9.6,19.2,10,18.72,10.44ZM1,17v6H23V17Zm16,3a2,2,0,1,1-2-2A2,2,0,0,1,17,20Zm5,0a2,2,0,1,1-2-2A2,2,0,0,1,22,20Z"/>
 </svg>
@@ -144,10 +159,7 @@ const filter = `<svg id="filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0
 `;
 const forbidden = `<svg id="forbidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <g>
-    <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm8.25,11a8.19,8.19,0,0,1-1.53,4.77L7.23,5.28a8.24,8.24,0,0,1,13,6.72ZM3.75,12A8.19,8.19,0,0,1,5.28,7.23L16.77,18.72A8.24,8.24,0,0,1,3.75,12Z" style="fill: #ce3f51"/>
-    <path d="M12,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1m6.72,15.77A8.24,8.24,0,0,0,7.23,5.28L18.72,16.77M12,20.25a8.19,8.19,0,0,0,4.77-1.53L5.28,7.23a8.24,8.24,0,0,0,6.72,13M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0ZM8.84,5.48A7.18,7.18,0,0,1,12,4.75,7.26,7.26,0,0,1,19.25,12a7.18,7.18,0,0,1-.73,3.16L8.84,5.48ZM12,19.25A7.26,7.26,0,0,1,4.75,12a7.18,7.18,0,0,1,.73-3.16l9.68,9.68a7.18,7.18,0,0,1-3.16.73Z" style="fill: #fff"/>
-  </g>
+  <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM3,12A9,9,0,0,1,5,6.39L17.61,19A8.91,8.91,0,0,1,12,21,9,9,0,0,1,3,12Zm16,5.61L6.39,5A9,9,0,0,1,19,17.61Z"/>
 </svg>
 `;
@@ -270,7 +282,7 @@ const more = `<svg id="more" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24
 `;
 const municipality = `<svg id="municipality" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill="currentColor" d="M22.92,16a.26.26,0,0,1,0,.33h-.67v5.5a.21.21,0,0,1-.21.21H13.92a.21.21,0,0,1-.21-.21V16.28H13a.26.26,0,0,1,0-.33l1.19-1H8.92a.21.21,0,0,1-.21-.21V9.28H8a.26.26,0,0,1,0-.33L13,5a.24.24,0,0,1,.26,0L17.92,9a.26.26,0,0,1,0,.33h-.67v3.29L18,12a.24.24,0,0,1,.26,0L20,13.52V12.21a2.35,2.35,0,0,1-2-2.44C18,6.36,19.67,4,20.5,4S23,6.36,23,9.77a2.35,2.35,0,0,1-2,2.44v2.15Zm-12,1L6.22,13A.21.21,0,0,0,6,13L1.08,17a.26.26,0,0,0,0,.33h.67v5.51a.21.21,0,0,0,.21.21h8.16a.21.21,0,0,0,.21-.21v-5.5H11A.25.25,0,0,0,10.92,17ZM3,12.41c0,.79,4,.79,4,0A1.4,1.4,0,0,0,6,11.2v-2A2.35,2.35,0,0,0,8,6.77C8,3.36,6.33,1,5.5,1S3,3.36,3,6.77A2.35,2.35,0,0,0,5,9.21V11C3.9,11,3,11.63,3,12.41Z"/>
+  <path fill="currentColor" d="M16,10V9H8v1H0V23H8v1h3V18h2v6h3V23h8V10ZM4,20H2V12H4Zm4,0H6V12H8Zm5-7H11V11h2Zm5,7H16V12h2Zm4,0H20V12h2ZM22,1.88a2.55,2.55,0,0,1,2,0V.51a2.53,2.53,0,0,0-2,0c-1,.41-2,.74-3-.26V0H18V6.38L16,6V3.5L12,2,8,3.5V6L0,7.5V9H8V8h8V9h8V7.5l-5-.94V4.2c1,1,2,.67,3,.25a2.55,2.55,0,0,1,2,0V3.09a2.55,2.55,0,0,0-2,0c-1,.41-2,.75-3-.25V1.63C20,2.63,21,2.29,22,1.88ZM12,6a1,1,0,1,1,1-1A1,1,0,0,1,12,6Z"/>
 </svg>
 `;
@@ -382,6 +394,14 @@ const sound = `<svg id="sound" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2
 </svg>
 `;
+const statusForbidden = `<svg id="forbidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g>
+    <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm8.25,11a8.19,8.19,0,0,1-1.53,4.77L7.23,5.28a8.24,8.24,0,0,1,13,6.72ZM3.75,12A8.19,8.19,0,0,1,5.28,7.23L16.77,18.72A8.24,8.24,0,0,1,3.75,12Z" style="fill: #ce3f51"/>
+    <path d="M12,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1m6.72,15.77A8.24,8.24,0,0,0,7.23,5.28L18.72,16.77M12,20.25a8.19,8.19,0,0,0,4.77-1.53L5.28,7.23a8.24,8.24,0,0,0,6.72,13M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0ZM8.84,5.48A7.18,7.18,0,0,1,12,4.75,7.26,7.26,0,0,1,19.25,12a7.18,7.18,0,0,1-.73,3.16L8.84,5.48ZM12,19.25A7.26,7.26,0,0,1,4.75,12a7.18,7.18,0,0,1,.73-3.16l9.68,9.68a7.18,7.18,0,0,1-3.16.73Z" style="fill: #fff"/>
+  </g>
+</svg>
+`;
 const statusDanger = `<svg id="status-danger-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <g>
     <path d="M22.6,18.51c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4a1.7,1.7,0,0,1,3.12,0Z" style="fill: #ce3f51"/>
@@ -473,8 +493,10 @@ const icons = [
   { alias: 'bars', svg: bars },
   { alias: 'buildings', svg: buildings },
   { alias: 'calendar', svg: calendar },
+  { alias: 'call', svg: call },
   { alias: 'caret-down', svg: caretDown },
   { alias: 'check', svg: check },
+  { alias: 'check-circle', svg: checkCircle },
   { alias: 'chevron-down', svg: chevronDown },
   { alias: 'chevron-left', svg: chevronLeft },
   { alias: 'chevron-right', svg: chevronRight },
@@ -484,6 +506,7 @@ const icons = [
   { alias: 'copy', svg: copy },
   { alias: 'crown', svg: crown },
   { alias: 'cultural', svg: cultural },
+  { alias: 'document', svg: document },
   { alias: 'download', svg: download },
   { alias: 'email', svg: email },
   { alias: 'energy', svg: energy },
@@ -540,6 +563,7 @@ const icons = [
   { alias: 'sort', svg: sort },
   { alias: 'sound', svg: sound },
   { alias: 'status-danger', svg: statusDanger },
+  { alias: 'status-forbidden', svg: statusForbidden },
   { alias: 'status-info', svg: statusInfo },
   { alias: 'status-success', svg: statusSuccess },
   { alias: 'status-warning', svg: statusWarning },

package/dist/esm/dso-toggletip.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, F as Fragment, g as getElement } from './index-61410be2.js';
-const toggletipCss = "*,*::after,*::before{box-sizing:border-box}";
+const toggletipCss = "*,*::after,*::before{box-sizing:border-box}:host(:focus){outline:none}";
 let Toggletip = class {
   constructor(hostRef) {
@@ -47,6 +47,7 @@ let Toggletip = class {
       throw Error("button not found");
     }
     this.button = button;
+    this.host.setAttribute("tabindex", "-1");
   }
   render() {
     return (h(Fragment, null, h("dso-info-button", { id: "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary }), h("dso-tooltip", { stateless: true, for: "toggle", active: this.active, position: this.position, small: this.small }, h("slot", null))));

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

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 patchBrowser().then(options => {
-  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16],"selectedBaseLayer":[1040]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16],"checkedOverlays":[1040]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[1,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16],"selectedBaseLayer":[1040]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16],"checkedOverlays":[1040]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[1,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
 });

package/dist/esm/dso-tree-view.entry.js CHANGED Viewed

@@ -3,13 +3,14 @@ import { c as clsx } from './clsx.m-071989db.js';
 const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize }) => {
   var _a, _b, _c;
-  return (h("li", { key: item.reference, class: clsx('tree-item', { 'has-child': item.hasItems }), role: 'none' },
+  return (h("li", { key: item.id, class: clsx('tree-item', { 'has-child': item.hasItems }), role: 'none' },
     h("div", { class: "tree-branch-control" }, item.hasItems
       ?
         h("div", { onClick: (e) => owner.itemClick(e, ancestors, item) },
           h("dso-icon", { icon: item.open ? 'chevron-down' : 'chevron-right' }))
       : h("dso-icon", null)),
-    h("p", { class: "tree-content", tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? '' + (!!item.open && !!((_a = item.items) === null || _a === void 0 ? void 0 : _a.length)) : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? 'true' : undefined, onClick: (e) => owner.itemClick(e, ancestors, item) },
+    h("p", { class: clsx('tree-content', { 'active': item.active }, { 'selected': item.selected }), tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? '' + (!!item.open && !!((_a = item.items) === null || _a === void 0 ? void 0 : _a.length)) : undefined, "aria-current": item.active ? 'true' : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? 'true' : undefined, onClick: (e) => owner.itemClick(e, ancestors, item) },
+      item.selected && h("span", { class: "sr-only" }, "Resultaat: "),
       item.href
         ? h("a", { href: item.href, tabindex: "-1" }, item.label)
         : h("span", null, item.label), (_b = item.icons) === null || _b === void 0 ? void 0 :
@@ -20,7 +21,7 @@ const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize }) => {
         : h("ul", { role: "group" }, (_c = item.items) === null || _c === void 0 ? void 0 : _c.map((childItem, index, org) => h(DsoTreeItem, { owner: owner, ancestors: [...ancestors, item], item: childItem, index: index, level: level + 1, setSize: org.length }))))));
 };
-const treeViewCss = ":host ul{list-style-type:none}:host ul[role=tree]{padding-left:0}:host li[role=treeitem]>ul{padding-left:1.5em}:host .tree-branch-control{cursor:pointer;display:inline-block}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0}:host .tree-content a,:host .tree-content a:visited{color:#39870c;text-decoration:none}:host .tree-content a:hover,:host .tree-content a:focus{color:#676cb0;text-decoration:underline}:host .tree-content a:active{text-decoration:none}:host .tree-content dso-icon{vertical-align:text-bottom;font-size:0.75em;margin-left:0.5em}*,*::after,*::before{box-sizing:border-box}";
+const treeViewCss = ":host ul{list-style-type:none}:host ul[role=tree]{padding-left:0}:host li[role=treeitem]>ul{padding-left:1.5em}:host .tree-branch-control{cursor:pointer;display:inline-block}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0}:host .tree-content.active{font-weight:700}:host .tree-content.active:hover{text-decoration:underline}:host .tree-content.active a{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 a,:host .tree-content a:visited{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 dso-icon{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}";
 let TreeView = class {
   constructor(hostRef) {
@@ -81,7 +82,7 @@ let TreeView = class {
           return;
         }
         TreeView.setFocus(tree, contentElement);
-        this.clickItem.emit([...ancestors, item]);
+        this.clickItem.emit({ path: [...ancestors, item], originalEvent: event });
         return;
       }
       if (item.open) {

package/dist/esm/loader.js CHANGED Viewed

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16],"selectedBaseLayer":[1040]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16],"checkedOverlays":[1040]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[1,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16],"selectedBaseLayer":[1040]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16],"checkedOverlays":[1040]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[1,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
   });
 };

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts CHANGED Viewed

@@ -18,6 +18,7 @@ export declare class DropdownMenu {
   get tabbables(): FocusableElement[];
   openWatch(open: boolean): void;
   connectedCallback(): void;
+  componentDidRender(): void;
   componentWillRender(): void;
   openPopup(): void;
   closePopup(): void;

package/dist/types/components/helpcenter-panel/helpcenter-panel.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export declare class HelpcenterPanel {
+  label?: string;
+  url: string;
+  visibility: "visible" | "hidden";
+  isOpen: "open" | "close";
+  slideState: "open" | "close";
+  loadIframe: boolean;
+  openClick: () => void;
+  closeClick: () => void;
+  render(): any;
+}

package/dist/types/components/helpcenter-panel/helpcenter-panel.template.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { HelpcenterPanel } from "@dso-toolkit/sources";
2	+ export declare function helpcenterPanelTemplate({ label, url, content, }: HelpcenterPanel): import("lit-html").TemplateResult<1>;

package/dist/types/components/tree-view/tree-item.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { TreeViewItem } from '@dso-toolkit/sources';
 import { TreeView } from './tree-view';
-interface TreeViewItemProps<T> {
+interface TreeViewItemProps {
   owner: TreeView;
-  ancestors: TreeViewItem<T>[];
-  item: TreeViewItem<T>;
+  ancestors: TreeViewItem[];
+  item: TreeViewItem;
   index: number;
   level: number;
   setSize: number;
 }
-export declare const DsoTreeItem: FunctionalComponent<TreeViewItemProps<string>>;
+export declare const DsoTreeItem: FunctionalComponent<TreeViewItemProps>;
 export {};

package/dist/types/components/tree-view/tree-view.d.ts CHANGED Viewed

@@ -1,32 +1,35 @@
-import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
-import { TreeViewItem } from './tree-view.interfaces';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { TreeViewPointerEvent, TreeViewItem } from './tree-view.interfaces';
 export declare class TreeView implements ComponentInterface {
   /**
   * The collection of TreeViewItems
   */
-  collection: TreeViewItem<string>[];
+  collection: TreeViewItem[];
   /**
    * Emitted when a tree view item is opened.
    * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the
    * root to the item that is emitting the open event. The consumer of the event is responsible for updating
    * the TreeView's collection (usually set the open state on the last TreeViewItem in path).
    */
-  openItem: EventEmitter<TreeViewItem<string>[]>;
+  openItem: EventEmitter<TreeViewItem[]>;
   /**
    * Emitted when a tree view item is closed.
    * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the
    * root to the item that is emitting the close event. The consumer of the event is responsible for updating
    * the TreeView's collection (usually set the closed state on the last TreeViewItem in path).
    */
-  closeItem: EventEmitter<TreeViewItem<string>[]>;
+  closeItem: EventEmitter<TreeViewItem[]>;
   /**
    * Emitted when a tree view item is clicked.
-   * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the
-   * root to the item that is emitting the clicked event.
+   * The `detail` property of the `CustomEvent` will contain an object with:
+   * `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event.
+   * `originalEvent` = the original click event.
+   * The consumer of the event is responsible for updating the TreeView's collection (usually set the active
+   * state on the last TreeViewItem in path and clear all other active item states).
    */
-  clickItem: EventEmitter<TreeViewItem<string>[]>;
+  clickItem: EventEmitter<TreeViewPointerEvent>;
   keyDownListener: (event: KeyboardEvent) => void;
-  itemClick: (event: Event, ancestors: TreeViewItem<string>[], item: TreeViewItem<string>) => void;
+  itemClick: (event: MouseEvent, ancestors: TreeViewItem[], item: TreeViewItem) => void;
   private static setFocus;
   private static moveFocus;
   private static expandItemOrFocusChild;