@dso-toolkit/core 72.0.0 → 72.2.0

package/dist/dso-toolkit/{p-d260469c.entry.js → p-6f211cd5.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,f as t,h as o,F as s,g as i}from"./p-BzEnSYbR.js";import{c as r}from"./p-ChV9xqsO.js";const d="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\n.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\n.dso-tertiary.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-inline-start: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n.dso-tertiary {\n  cursor: pointer;\n}\n\n.dso-input-number {\n  align-items: center;\n  display: flex;\n}\n.dso-input-number .dso-input-step-counter {\n  text-align: center;\n  inline-size: 1.5rem;\n  font-size: 14px;\n}\n\n.dso-button-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-button-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n}\n.dso-button-group.dso-disabled > * {\n  pointer-events: none;\n}\n.dso-button-group > * {\n  border-radius: 0;\n}\n.dso-button-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-button-group > *:not(:first-child) {\n  border-inline-start-style: none !important;\n}\n.dso-button-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-button-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-button-group > .dso-input-number {\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding-block: 0;\n  padding-inline: 16px;\n}\n.dso-button-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-button-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-button-group > *:hover + .dso-input-number,\n.dso-button-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover,\n.dso-button-group > *.active + .dso-input-number,\n.dso-button-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  opacity: 1;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-button-group .dso-list-button {\n  padding-inline-end: 15px;\n}\n\n.dso-selectable {\n  position: relative;\n  display: var(--dso-selectable-display, block);\n  padding-block: 0;\n  padding-inline: 32px 0;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  block-size: 24px;\n  inset-inline-start: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  inset-block-start: 0;\n  inline-size: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n  .dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-inline-start: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  block-size: 20px;\n  inset-inline-start: 2px;\n  position: absolute;\n  inset-block-start: 2px;\n  inline-size: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  block-size: 18px;\n  inset-inline-start: 3px;\n  inset-block-start: 3px;\n  inline-size: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  block-size: 22px;\n  inset-inline-start: 1px;\n  inset-block-start: 1px;\n  inline-size: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  inset-inline-start: 6px;\n  opacity: 0;\n  position: absolute;\n  inset-block-start: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-block-start-color: transparent;\n  border-width: 0 0 3px 3px;\n  block-size: 8px;\n  transform: rotate(-45deg);\n  inline-size: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  block-size: 12px;\n  inline-size: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  block-size: 12px;\n  inset-inline-start: 6px;\n  opacity: 0;\n  position: absolute;\n  inset-block-start: 6px;\n  inline-size: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n.dso-list-button {\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding-block: 15px;\n  padding-inline: 15px 47px;\n  position: relative;\n  text-align: start;\n  white-space: normal;\n  inline-size: 100%;\n  cursor: pointer;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n@media screen and (min-width: 768px) {\n  .dso-list-button.dso-selected.dso-single-count {\n    border-inline-end: 0;\n    box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n  }\n}\n.dso-list-button label {\n  cursor: inherit;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  inline-size: 100%;\n  padding-inline-start: 32px;\n}\n.dso-list-button dso-icon {\n  block-size: 24px;\n  color: #39870c;\n  inset-block-start: 15px;\n  inset-inline-end: 15px;\n  inline-size: 24px;\n  page-break-before: always;\n  position: absolute;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    inline-size: 0;\n  }\n}";const a=class{constructor(t){n(this,t);this.dsoCountChange=e(this,"dsoCountChange",7);this.dsoSelectedChange=e(this,"dsoSelectedChange",7);this.checked=false;this.disabled=false}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host)));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true})}componentDidRender(){var n,e;if(!((n=this.subcontentSlot)===null||n===void 0?void 0:n.hasAttribute("aria-hidden"))){(e=this.subcontentSlot)===null||e===void 0?void 0:e.setAttribute("aria-hidden","true")}}disconnectedCallback(){var n;(n=this.mutationObserver)===null||n===void 0?void 0:n.disconnect();delete this.mutationObserver}stepValue(n,e){if(typeof this.count==="number"){const t=e==="increment"?this.count+1:this.count-1;if(!this.isNewCountValid(t)){return}this.dsoCountChange.emit({originalEvent:n,count:t})}}handleSelectClick(n){n.preventDefault();if(this.count!==undefined){this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1});return}this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked})}isNewCountValid(n){return!(this.min!==undefined&&this.max!==undefined&&(n<Number(this.min)||n>Number(this.max)))}render(){const n=this.checked||this.count!==undefined&&this.count>0;return o("div",{key:"b598da82cfebc24eeccc5a2ec2b46613ba6eba69",class:r(["dso-button-group",{"dso-disabled":this.disabled}])},o("div",{key:"ddf4368fb2eafc2be93b9a9e5c85c227c220303e",class:r(["dso-list-button",{"dso-selected":n,"dso-single-count":this.count===1}]),onClick:n=>this.handleSelectClick(n)},o("div",{key:"f2c536704711f53fadc40463b39f0fec0430d9c9",class:"dso-selectable"},o("input",{key:"e751f37d8eb12e3f6e41742dd93b1019a3bb9303",id:"dso-list-button-checkbox",type:"checkbox",value:"list-button",name:"naam","aria-describedby":[this.sublabel&&"sublabel",this.subcontentSlot&&"description"].filter((n=>!!n)).join(" ")||null,checked:n,disabled:this.disabled}),o("label",{key:"7ece1b6cdd28904be5dc222ce19f86f64d0cadac",htmlFor:"dso-list-button-checkbox"},this.label),this.subcontentSlot&&o("div",{key:"7d7bd35557060c7e4ca370f122bfed958957a634",class:"sr-only",id:"description"},this.subcontentPrefix&&this.subcontentPrefix+":",o("div",{key:"87dd6a05f6886e745f2448a2358cd3a8c2110cf7",innerHTML:this.subcontentSlot.innerHTML}))),this.sublabel&&o("span",{key:"0c490aa9be692955ab1fedae67d832d787e2edea",class:"dso-sublabel",id:"sublabel"},this.sublabel),o("slot",{key:"9836db0e661e3eeb87d9dc74b0e4f033215d0fe0",name:"subcontent"})),this.count!==undefined&&this.count>0&&o("div",{key:"c090e9c9eceec57fbe748739fef29da156576068",class:"dso-input-number"},this.count>1&&o(s,null,o("button",{key:"39ba1384b1ec7df2f816cfa33522e3cb8a7cd2b2",type:"button",class:"dso-tertiary",disabled:this.count===Number(this.min)||this.disabled,onClick:n=>this.stepValue(n,"decrement")},o("dso-icon",{key:"fe93d0957c319970873b5005e4f3502eacb30b90",icon:"minus-circle"}),o("span",{key:"d0344facadf6c2923b9da6b54678222e6278fb48",class:"sr-only"},"Aantal verlagen")),o("span",{key:"248ac189bdd3a8556c1b9f33033e4ca9b56ba3c7",class:"dso-input-step-counter","aria-label":"Aantal","aria-live":"polite"},this.count)),o("button",{key:"dfcd174240953bcb9956efe253e43e18d9a78318",type:"button",class:"dso-tertiary",disabled:this.count===Number(this.max)||this.disabled,onClick:n=>this.stepValue(n,"increment")},o("dso-icon",{key:"29c77388606a75f2b781760ef7055a66e6a1a3b4",icon:"plus-circle"}),o("span",{key:"7eb4b4ccf7403c63344ab75e9b49d9f814558049",class:"sr-only"},"Aantal verhogen"))))}get host(){return i(this)}};a.style=d;export{a as dso_list_button};
-//# sourceMappingURL=p-d260469c.entry.js.map
+import{r as n,c as e,f as t,h as o,F as s,g as i}from"./p-D2Jo0W7B.js";import{c as r}from"./p-ChV9xqsO.js";const d="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\n.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\n.dso-tertiary.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-inline-start: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n.dso-tertiary {\n  cursor: pointer;\n}\n\n.dso-input-number {\n  align-items: center;\n  display: flex;\n}\n.dso-input-number .dso-input-step-counter {\n  text-align: center;\n  inline-size: 1.5rem;\n  font-size: 14px;\n}\n\n.dso-button-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-button-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n}\n.dso-button-group.dso-disabled > * {\n  pointer-events: none;\n}\n.dso-button-group > * {\n  border-radius: 0;\n}\n.dso-button-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-button-group > *:not(:first-child) {\n  border-inline-start-style: none !important;\n}\n.dso-button-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-button-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-button-group > .dso-input-number {\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding-block: 0;\n  padding-inline: 16px;\n}\n.dso-button-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-button-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-button-group > *:hover + .dso-input-number,\n.dso-button-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover,\n.dso-button-group > *.active + .dso-input-number,\n.dso-button-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  opacity: 1;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-button-group .dso-list-button {\n  padding-inline-end: 15px;\n}\n\n.dso-selectable {\n  position: relative;\n  display: var(--dso-selectable-display, block);\n  padding-block: 0;\n  padding-inline: 32px 0;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  block-size: 24px;\n  inset-inline-start: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  inset-block-start: 0;\n  inline-size: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n  .dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-inline-start: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  block-size: 20px;\n  inset-inline-start: 2px;\n  position: absolute;\n  inset-block-start: 2px;\n  inline-size: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  block-size: 18px;\n  inset-inline-start: 3px;\n  inset-block-start: 3px;\n  inline-size: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  block-size: 22px;\n  inset-inline-start: 1px;\n  inset-block-start: 1px;\n  inline-size: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  inset-inline-start: 6px;\n  opacity: 0;\n  position: absolute;\n  inset-block-start: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-block-start-color: transparent;\n  border-width: 0 0 3px 3px;\n  block-size: 8px;\n  transform: rotate(-45deg);\n  inline-size: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  block-size: 12px;\n  inline-size: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  block-size: 12px;\n  inset-inline-start: 6px;\n  opacity: 0;\n  position: absolute;\n  inset-block-start: 6px;\n  inline-size: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n.dso-list-button {\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding-block: 15px;\n  padding-inline: 15px 47px;\n  position: relative;\n  text-align: start;\n  white-space: normal;\n  inline-size: 100%;\n  cursor: pointer;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n@media screen and (min-width: 768px) {\n  .dso-list-button.dso-selected.dso-single-count {\n    border-inline-end: 0;\n    box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n  }\n}\n.dso-list-button label {\n  cursor: inherit;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  inline-size: 100%;\n  padding-inline-start: 32px;\n}\n.dso-list-button dso-icon {\n  block-size: 24px;\n  color: #39870c;\n  inset-block-start: 15px;\n  inset-inline-end: 15px;\n  inline-size: 24px;\n  page-break-before: always;\n  position: absolute;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    inline-size: 0;\n  }\n}";const a=class{constructor(t){n(this,t);this.dsoCountChange=e(this,"dsoCountChange",7);this.dsoSelectedChange=e(this,"dsoSelectedChange",7);this.checked=false;this.disabled=false}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host)));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true})}componentDidRender(){var n,e;if(!((n=this.subcontentSlot)===null||n===void 0?void 0:n.hasAttribute("aria-hidden"))){(e=this.subcontentSlot)===null||e===void 0?void 0:e.setAttribute("aria-hidden","true")}}disconnectedCallback(){var n;(n=this.mutationObserver)===null||n===void 0?void 0:n.disconnect();delete this.mutationObserver}stepValue(n,e){if(typeof this.count==="number"){const t=e==="increment"?this.count+1:this.count-1;if(!this.isNewCountValid(t)){return}this.dsoCountChange.emit({originalEvent:n,count:t})}}handleSelectClick(n){n.preventDefault();if(this.count!==undefined){this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1});return}this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked})}isNewCountValid(n){return!(this.min!==undefined&&this.max!==undefined&&(n<Number(this.min)||n>Number(this.max)))}render(){const n=this.checked||this.count!==undefined&&this.count>0;return o("div",{key:"b598da82cfebc24eeccc5a2ec2b46613ba6eba69",class:r(["dso-button-group",{"dso-disabled":this.disabled}])},o("div",{key:"ddf4368fb2eafc2be93b9a9e5c85c227c220303e",class:r(["dso-list-button",{"dso-selected":n,"dso-single-count":this.count===1}]),onClick:n=>this.handleSelectClick(n)},o("div",{key:"f2c536704711f53fadc40463b39f0fec0430d9c9",class:"dso-selectable"},o("input",{key:"e751f37d8eb12e3f6e41742dd93b1019a3bb9303",id:"dso-list-button-checkbox",type:"checkbox",value:"list-button",name:"naam","aria-describedby":[this.sublabel&&"sublabel",this.subcontentSlot&&"description"].filter((n=>!!n)).join(" ")||null,checked:n,disabled:this.disabled}),o("label",{key:"7ece1b6cdd28904be5dc222ce19f86f64d0cadac",htmlFor:"dso-list-button-checkbox"},this.label),this.subcontentSlot&&o("div",{key:"7d7bd35557060c7e4ca370f122bfed958957a634",class:"sr-only",id:"description"},this.subcontentPrefix&&this.subcontentPrefix+":",o("div",{key:"87dd6a05f6886e745f2448a2358cd3a8c2110cf7",innerHTML:this.subcontentSlot.innerHTML}))),this.sublabel&&o("span",{key:"0c490aa9be692955ab1fedae67d832d787e2edea",class:"dso-sublabel",id:"sublabel"},this.sublabel),o("slot",{key:"9836db0e661e3eeb87d9dc74b0e4f033215d0fe0",name:"subcontent"})),this.count!==undefined&&this.count>0&&o("div",{key:"c090e9c9eceec57fbe748739fef29da156576068",class:"dso-input-number"},this.count>1&&o(s,null,o("button",{key:"39ba1384b1ec7df2f816cfa33522e3cb8a7cd2b2",type:"button",class:"dso-tertiary",disabled:this.count===Number(this.min)||this.disabled,onClick:n=>this.stepValue(n,"decrement")},o("dso-icon",{key:"fe93d0957c319970873b5005e4f3502eacb30b90",icon:"minus-circle"}),o("span",{key:"d0344facadf6c2923b9da6b54678222e6278fb48",class:"sr-only"},"Aantal verlagen")),o("span",{key:"248ac189bdd3a8556c1b9f33033e4ca9b56ba3c7",class:"dso-input-step-counter","aria-label":"Aantal","aria-live":"polite"},this.count)),o("button",{key:"dfcd174240953bcb9956efe253e43e18d9a78318",type:"button",class:"dso-tertiary",disabled:this.count===Number(this.max)||this.disabled,onClick:n=>this.stepValue(n,"increment")},o("dso-icon",{key:"29c77388606a75f2b781760ef7055a66e6a1a3b4",icon:"plus-circle"}),o("span",{key:"7eb4b4ccf7403c63344ab75e9b49d9f814558049",class:"sr-only"},"Aantal verhogen"))))}get host(){return i(this)}};a.style=d;export{a as dso_list_button};
+//# sourceMappingURL=p-6f211cd5.entry.js.map

package/dist/dso-toolkit/{p-4790e06e.entry.js → p-78420f02.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as i,h as e,F as t,g as n}from"./p-BzEnSYbR.js";import{c as r}from"./p-ChV9xqsO.js";import{c as a}from"./p-BocpUT46.js";import{t as l}from"./p-Pk8qng7t.js";import{i as s}from"./p-Hgv-pDpy.js";const c=':host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%}.group .option-label::before{background-color:#ccc;border-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.group-primary .option-label::before{background-color:#275937;border-color:#275937;color:#fff}.group-success .option-label::before{background-color:#39870c;border-color:#39870c;color:#fff}.group-warning .option-label::before{background-color:#dcd400;border-color:#dcd400;color:#191919}.group-danger .option-label::before{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.group-error .option-label::before{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.group-attention .option-label::before{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}';const p=class{constructor(e){o(this,e);this.dsoChange=i(this,"dsoChange",3);this.dsoRedirect=i(this,"dsoRedirect",3);this.options=[];this.open=false;this.toggleOpen=()=>{this.open=!this.open};this.handleOptionClick=(o,i)=>{this.dsoChange.emit({originalEvent:o,option:i});this.open=false};this.handleRedirectClick=(o,i)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:s(o),redirect:i});this.open=false}}keyDownListener(o){if(this.open&&o.key==="ArrowUp"){o.preventDefault();this.handleTab(-1)}else if(this.open&&o.key==="ArrowDown"){o.preventDefault();this.handleTab(1)}}componentDidRender(){if(this.open&&!this.trap){this.createTrap()}else if(!this.open&&this.trap){this.removeTrap()}}createTrap(){this.trap=a(this.host,{clickOutsideDeactivates:true,escapeDeactivates:true,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:true},onDeactivate:()=>{this.open=false}}).activate()}removeTrap(){var o;(o=this.trap)===null||o===void 0?void 0:o.deactivate();delete this.trap}handleTab(o){var i;const e=this.host.isConnected?l(this.host,{getShadowRoot:true}):[];const t=e.findIndex((o=>{var i;return o===((i=this.host.shadowRoot)===null||i===void 0?void 0:i.activeElement)}));let n=t+o;if(n>=e.length){n=0}else if(n<0){n=e.length-1}(i=e[n])===null||i===void 0?void 0:i.focus()}render(){var o,i;return e(t,null,e("button",{key:"443309104a25a8fabd949377c74383027450f404","aria-expanded":this.open.toString(),class:r(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},e(f,{key:"e0f34941cabe1232ecf224d35f951f2fcb7affc7",active:this.active,options:this.options}),e("span",{key:"b1d4dfadfb02c8beaa6e8553be863abf6fa50c4f",class:"active-option-label"},(i=(o=this.active)===null||o===void 0?void 0:o.label)!==null&&i!==void 0?i:"Selecteer een optie"),e("span",{key:"29dc80cc20ebc9393119bd2e0251420099d8ac88",class:"active-option-aside"},this.options.some((o=>"summaryCounter"in o&&(o===null||o===void 0?void 0:o.summaryCounter)))&&e("span",{key:"08a59c09ec06900c761e44ce223c317414e401bf",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!(o===null||o===void 0?void 0:o.summaryCounter))).map((o=>{var i;return e("dso-badge",{status:(i=o.variant)!==null&&i!==void 0?i:"outline"},o.options.length)}))),e("dso-icon",{key:"06549ae93243ab2a9b0a36e397ef0808e90973f5",icon:"caret-down"}))),this.open&&e("div",{key:"9f7e0cb989feb1167d8b0bce0f2c3a9c371811b8",class:"groups-container"},e("ul",{key:"bd98ccdbe135d9145f8d1c41c3bf362030e37e26",class:"groups"},this.options.map((o=>"options"in o&&e("li",{class:r(["group",{[`group-${o.variant}`]:!!o.variant}])},e("p",{class:"group-label"},o.label),e("ul",{class:"options"},o.options.map((o=>e("li",null,e(d,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))),o.redirect&&e(b,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&e("li",{class:"group"},e("p",{class:"group-label"},o.label),e("p",{class:"placeholder"},o.placeholder),o.redirect&&e(b,{redirect:o.redirect,callback:this.handleRedirectClick}))||e("li",null,e(d,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick})))))))}get host(){return n(this)}};const d=({option:o,active:i,activeHint:t,callback:n})=>e("button",{class:r(["option",{"option-active":i===o}]),type:"button",onClick:i=>n(i,o)},e("span",{class:"option-label"},o.label),!!t&&i===o&&e("span",{class:"option-hint"},"(",t,")"));const b=({redirect:o,callback:i})=>e("a",{class:"group-link",href:o.href,onClick:e=>i(e,o)},o.label,e("dso-icon",{icon:"chevron-right"}));const f=({active:o,options:i})=>{const t=i.find((i=>"options"in i&&!!i.options.find((i=>i===o))&&!!i.activeLabel));return t?e("dso-label",{compact:true,status:t.variant},t.activeLabel):undefined};p.style=c;export{p as dso_advanced_select};
-//# sourceMappingURL=p-4790e06e.entry.js.map
+import{r as o,c as i,h as e,F as t,g as n}from"./p-D2Jo0W7B.js";import{c as r}from"./p-ChV9xqsO.js";import{c as a}from"./p-BocpUT46.js";import{t as l}from"./p-Pk8qng7t.js";import{i as s}from"./p-Hgv-pDpy.js";const c=':host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%}.group .option-label::before{background-color:#ccc;border-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.group-primary .option-label::before{background-color:#275937;border-color:#275937;color:#fff}.group-success .option-label::before{background-color:#39870c;border-color:#39870c;color:#fff}.group-warning .option-label::before{background-color:#dcd400;border-color:#dcd400;color:#191919}.group-danger .option-label::before{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.group-error .option-label::before{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.group-attention .option-label::before{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}';const p=class{constructor(e){o(this,e);this.dsoChange=i(this,"dsoChange",3);this.dsoRedirect=i(this,"dsoRedirect",3);this.options=[];this.open=false;this.toggleOpen=()=>{this.open=!this.open};this.handleOptionClick=(o,i)=>{this.dsoChange.emit({originalEvent:o,option:i});this.open=false};this.handleRedirectClick=(o,i)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:s(o),redirect:i});this.open=false}}keyDownListener(o){if(this.open&&o.key==="ArrowUp"){o.preventDefault();this.handleTab(-1)}else if(this.open&&o.key==="ArrowDown"){o.preventDefault();this.handleTab(1)}}componentDidRender(){if(this.open&&!this.trap){this.createTrap()}else if(!this.open&&this.trap){this.removeTrap()}}createTrap(){this.trap=a(this.host,{clickOutsideDeactivates:true,escapeDeactivates:true,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:true},onDeactivate:()=>{this.open=false}}).activate()}removeTrap(){var o;(o=this.trap)===null||o===void 0?void 0:o.deactivate();delete this.trap}handleTab(o){var i;const e=this.host.isConnected?l(this.host,{getShadowRoot:true}):[];const t=e.findIndex((o=>{var i;return o===((i=this.host.shadowRoot)===null||i===void 0?void 0:i.activeElement)}));let n=t+o;if(n>=e.length){n=0}else if(n<0){n=e.length-1}(i=e[n])===null||i===void 0?void 0:i.focus()}render(){var o,i;return e(t,null,e("button",{key:"443309104a25a8fabd949377c74383027450f404","aria-expanded":this.open.toString(),class:r(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},e(f,{key:"e0f34941cabe1232ecf224d35f951f2fcb7affc7",active:this.active,options:this.options}),e("span",{key:"b1d4dfadfb02c8beaa6e8553be863abf6fa50c4f",class:"active-option-label"},(i=(o=this.active)===null||o===void 0?void 0:o.label)!==null&&i!==void 0?i:"Selecteer een optie"),e("span",{key:"29dc80cc20ebc9393119bd2e0251420099d8ac88",class:"active-option-aside"},this.options.some((o=>"summaryCounter"in o&&(o===null||o===void 0?void 0:o.summaryCounter)))&&e("span",{key:"08a59c09ec06900c761e44ce223c317414e401bf",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!(o===null||o===void 0?void 0:o.summaryCounter))).map((o=>{var i;return e("dso-badge",{status:(i=o.variant)!==null&&i!==void 0?i:"outline"},o.options.length)}))),e("dso-icon",{key:"06549ae93243ab2a9b0a36e397ef0808e90973f5",icon:"caret-down"}))),this.open&&e("div",{key:"9f7e0cb989feb1167d8b0bce0f2c3a9c371811b8",class:"groups-container"},e("ul",{key:"bd98ccdbe135d9145f8d1c41c3bf362030e37e26",class:"groups"},this.options.map((o=>"options"in o&&e("li",{class:r(["group",{[`group-${o.variant}`]:!!o.variant}])},e("p",{class:"group-label"},o.label),e("ul",{class:"options"},o.options.map((o=>e("li",null,e(d,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))),o.redirect&&e(b,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&e("li",{class:"group"},e("p",{class:"group-label"},o.label),e("p",{class:"placeholder"},o.placeholder),o.redirect&&e(b,{redirect:o.redirect,callback:this.handleRedirectClick}))||e("li",null,e(d,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick})))))))}get host(){return n(this)}};const d=({option:o,active:i,activeHint:t,callback:n})=>e("button",{class:r(["option",{"option-active":i===o}]),type:"button",onClick:i=>n(i,o)},e("span",{class:"option-label"},o.label),!!t&&i===o&&e("span",{class:"option-hint"},"(",t,")"));const b=({redirect:o,callback:i})=>e("a",{class:"group-link",href:o.href,onClick:e=>i(e,o)},o.label,e("dso-icon",{icon:"chevron-right"}));const f=({active:o,options:i})=>{const t=i.find((i=>"options"in i&&!!i.options.find((i=>i===o))&&!!i.activeLabel));return t?e("dso-label",{compact:true,status:t.variant},t.activeLabel):undefined};p.style=c;export{p as dso_advanced_select};
+//# sourceMappingURL=p-78420f02.entry.js.map

package/dist/dso-toolkit/{p-a0a78026.entry.js → p-86849be0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,g as o}from"./p-BzEnSYbR.js";import{d as n,h as r,c as a,b as s}from"./p-CsY83cJO.js";import{c as l}from"./p-ChV9xqsO.js";import{d}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";var p={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(i){var e=i.state,o=i.name,r=i.options;var a=n(e,r);var s=e.modifiersData.preventOverflow||{x:0,y:0},l=s.x,d=s.y;var p=e.rects.popper,h=p.width,c=p.height;var f=e.placement.split("-"),b=f[0];var m=b==="left"?"left":"right";var u=b==="top"?"top":"bottom";e.modifiersData[o]={width:h-a[m]-l,height:c-a[u]-d}}};const h=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:break-word;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";var c=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var f=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var b;const m=150;const u={name:"applyMaxSize",enabled:true,phase:s,requires:["maxSize"],fn({state:t}){let{width:i}=t.modifiersData.maxSize;if(i<160){i=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${i}px`})}};const v=class{constructor(i){t(this,i);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.active=false;this.callbacks={activate:()=>this.active=true,deactivate:()=>{setTimeout((()=>{if(this.element.isConnected){this.active=false}}),2)}};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.hidden=true;this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=d((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),m);b.set(this,void 0)}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&r(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const i=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(i instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return i(e,{key:"836f13fccf86ac71deb466b29edc72ea2d22c5d8",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},i("div",{key:"9777b2d9ca6883fe0b4d365714cc679bfe09e1b3",class:l("tooltip",{in:this.active})},!this.noArrow&&i("div",{key:"0c7ffb603babe03c01f705a36dd416c37bb9b9e1","data-popper-arrow":true,class:"tooltip-arrow"}),i("div",{key:"282540f7d97bfce6879cf2ef3192d63f3df5231a","aria-hidden":!this.descriptive||undefined,class:l("tooltip-inner",{"dso-small":this.small})},i("slot",{key:"77b3e4b82a87bd812b0919086defbf36daeb651a"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const i=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&i instanceof HTMLElement){this.popper=a(this.target,i,{placement:this.position,modifiers:[p,u,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=c(this,b,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){f(this,b,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const i=this.element.getRootNode();if(!(i instanceof Document||i instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=i.querySelector(`[aria-describedBy="${t}`);if(!e){console.warn(`Unable to find reference with aria-describedby ${t}`);return}f(this,b,e,"f");return e}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};b=new WeakMap;v.style=h;export{v as dso_tooltip};
-//# sourceMappingURL=p-a0a78026.entry.js.map
+import{r as t,h as i,H as e,g as o}from"./p-D2Jo0W7B.js";import{d as r,h as n,c as a,b as s}from"./p-CsY83cJO.js";import{c as l}from"./p-ChV9xqsO.js";import{d}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";var p={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(i){var e=i.state,o=i.name,n=i.options;var a=r(e,n);var s=e.modifiersData.preventOverflow||{x:0,y:0},l=s.x,d=s.y;var p=e.rects.popper,h=p.width,c=p.height;var f=e.placement.split("-"),b=f[0];var m=b==="left"?"left":"right";var u=b==="top"?"top":"bottom";e.modifiersData[o]={width:h-a[m]-l,height:c-a[u]-d}}};const h=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:break-word;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";var c=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var f=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,r){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!r)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!r:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?r.call(t,e):r?r.value=e:i.set(t,e),e};var b;const m=150;const u={name:"applyMaxSize",enabled:true,phase:s,requires:["maxSize"],fn({state:t}){let{width:i}=t.modifiersData.maxSize;if(i<160){i=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${i}px`})}};const v=class{constructor(i){t(this,i);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.active=false;this.callbacks={activate:()=>this.active=true,deactivate:()=>{setTimeout((()=>{if(this.element.isConnected){this.active=false}}),2)}};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.hidden=true;this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=d((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),m);b.set(this,void 0)}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&n(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const i=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(i instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return i(e,{key:"bc5eaedc2be16fb8d3ca4d42b80eb9e66315309a",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},i("div",{key:"da0bfa98b1f90755a23d3a41fdc75fd1d7bd3aab",class:l("tooltip",{in:this.active})},!this.noArrow&&i("div",{key:"edd01d28a24600426d5077b5b0332b2385db96fa","data-popper-arrow":true,class:"tooltip-arrow"}),i("div",{key:"b15b8aed681ddc57092d9df49df4cd71902b14f8","aria-hidden":!this.descriptive||undefined,class:l("tooltip-inner",{"dso-small":this.small})},i("slot",{key:"2ec8c909476afe42a71d05c012ba8e0de6b674e0"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const i=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&i instanceof HTMLElement){this.popper=a(this.target,i,{placement:this.position,modifiers:[p,u,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=c(this,b,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){f(this,b,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const i=this.element.getRootNode();if(!(i instanceof Document||i instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=i.querySelector(`[aria-describedBy="${t}`);if(!e){console.warn(`Unable to find reference with aria-describedby ${t}`);return}f(this,b,e,"f");return e}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};b=new WeakMap;v.style=h;export{v as dso_tooltip};
+//# sourceMappingURL=p-86849be0.entry.js.map

package/dist/dso-toolkit/{p-e232a8ad.entry.js → p-8941035f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,H as t}from"./p-BzEnSYbR.js";const s='*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;position:relative}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host(.divider) .dso-action-list-item::after{border-block-end:0.25rem dashed #6ca4d9;inset-block-end:0;content:"";display:block;block-size:24px;position:absolute;inset-inline-start:calc(2rem + 16px + 16px + 8px - 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{inset-inline-start:calc(2rem + 16px + 16px + 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px))}}h3{margin-block-end:16px;margin-block-start:0;min-block-size:48px;padding-block-start:9px;color:#275937;color:#275937;font-size:1.125rem;font-weight:600}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{block-size:48px;inline-size:48px}';const o=class{constructor(i){e(this,i);this.flowLine=false;this.warning=false;this.divider=false}render(){return i(t,{key:"a694a6b4796fe890be89948bfa4b32551601a523",class:{divider:this.divider,"flow-line":this.flowLine}},i("div",{key:"4fc4186ff650df724b96ea008e165809cfac73be",class:"dso-action-list-item"},this.warning?i("dso-icon",{icon:"status-warning"}):i("div",{class:"dso-step-counter"},this.step),i("div",{key:"1ab7156ebbbdc2593fe73024d960c0807e1fd579",class:"action-list-item-content"},this.itemTitle&&i("h3",{key:"02a6d517ae8a1817246ea178c4fa8dbcd699f3e1"},this.itemTitle),i("slot",{key:"9f81a101ee2a126df0955fee2cac9a06f5e84560"}))))}};o.style=s;export{o as dso_action_list_item};
-//# sourceMappingURL=p-e232a8ad.entry.js.map
+import{r as e,h as i,H as t}from"./p-D2Jo0W7B.js";const s='*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;position:relative}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host(.divider) .dso-action-list-item::after{border-block-end:0.25rem dashed #6ca4d9;inset-block-end:0;content:"";display:block;block-size:24px;position:absolute;inset-inline-start:calc(2rem + 16px + 16px + 8px - 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{inset-inline-start:calc(2rem + 16px + 16px + 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px))}}h3{margin-block-end:16px;margin-block-start:0;min-block-size:48px;padding-block-start:9px;color:#275937;color:#275937;font-size:1.125rem;font-weight:600}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{block-size:48px;inline-size:48px}';const o=class{constructor(i){e(this,i);this.flowLine=false;this.warning=false;this.divider=false}render(){return i(t,{key:"a694a6b4796fe890be89948bfa4b32551601a523",class:{divider:this.divider,"flow-line":this.flowLine}},i("div",{key:"4fc4186ff650df724b96ea008e165809cfac73be",class:"dso-action-list-item"},this.warning?i("dso-icon",{icon:"status-warning"}):i("div",{class:"dso-step-counter"},this.step),i("div",{key:"1ab7156ebbbdc2593fe73024d960c0807e1fd579",class:"action-list-item-content"},this.itemTitle&&i("h3",{key:"02a6d517ae8a1817246ea178c4fa8dbcd699f3e1"},this.itemTitle),i("slot",{key:"9f81a101ee2a126df0955fee2cac9a06f5e84560"}))))}};o.style=s;export{o as dso_action_list_item};
+//# sourceMappingURL=p-8941035f.entry.js.map

package/dist/dso-toolkit/p-8a677aba.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as l}from"./p-D2Jo0W7B.js";var s=`<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`;var n=`<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`;var v=`<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`;var r=`<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`;var t=`<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`;var i=`<svg id="asterisk" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M8.014 20.99C7.518 21.663 7.01 22 6.494 22c-.519 0-1.037-.224-1.555-.673-.518-.45-.777-.887-.777-1.314 0-.426.203-.864.608-1.313l3.784-5.32-5.068-1.616C2.496 11.45 2 10.934 2 10.215c0-.404.068-.763.203-1.077.27-.943.833-1.414 1.689-1.414.18 0 .495.045.946.135l5.203 1.683V4.02c0-1.347.675-2.02 2.027-2.02 1.35 0 2.027.673 2.027 2.02v5.522l5.067-1.683c.45-.09.833-.135 1.149-.135.315 0 .675.224 1.08.673.406.45.609 1.044.609 1.785 0 .74-.495 1.268-1.486 1.582l-5.136 1.616 3.852 5.32c.36.404.54.83.54 1.28 0 .449-.259.898-.777 1.347-.518.449-1.025.673-1.52.673-.496 0-.991-.337-1.487-1.01L12 15.4l-3.986 5.59Z"/>\n</svg>\n`;var g=`<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`;var o=`<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`;var w=`<svg id="bell" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 6.35 6.35">\n    <g fill="currentColor">\n        <path d="M2.646 4.763h1.059c-.001.122.039.527-.529.529-.567.001-.53-.4-.53-.53zM3.17 1.058c.103 0 .292.029.29.399.694.112 1.039.795 1.04 1.182V3.96l.388.49c.022.037-.01.05-.082.045H3.175zm0 0c-.08.002-.291.044-.28.399-.694.112-1.039.795-1.04 1.182V3.96l-.388.49c-.022.037.01.05.082.045h1.631z"/>\n    </g>\n</svg>`;var e=`<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`;var h=`<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`;var c=`<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`;var d=`<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`;var A=`<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`;var Z=`<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`;var p=`<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`;var m=`<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`;var H=`<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`;var V=`<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`;var M=`<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`;var x=`<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`;var C=`<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`;var u=`<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`;var f=`<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>`;var L=`<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`;var B=`<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`;var k=`<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`;var F=`<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`;var y=`<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`;var b=`<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`;var z=`<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`;var S=`<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>`;var q=`<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`;var E=`<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`;var D=`<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`;var O=`<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`;var T=`<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`;var j=`<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`;var I=`<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`;var J=`<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`;var P=`<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`;var R=`<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`;var U=`<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`;var W=`<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`;var $=`<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`;var _=`<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>`;var G=`<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`;var K=`<svg id="light-bulb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M7.088 13.125c.525.543.895.83 1.112 1.614.126.454.166 1.33.11 1.797-.063.53-.797.684-1.1.26-.248-.345-.11-.969-.15-1.39-.09-.957-1.109-1.502-1.65-2.268-2.692-3.812.214-9.066 4.808-8.832 4.463.228 6.812 5.52 4.031 9.066-.54.69-1.397 1.08-1.483 2.03-.036.387.091 1.067-.121 1.379-.305.448-1.07.314-1.126-.282-.086-.906.015-2 .587-2.736.296-.38.727-.655 1.04-1.017 1.696-1.952 1.275-5.009-.841-6.45-3.244-2.21-7.447.811-6.554 4.634.229.977.673 1.511 1.338 2.198l-.001-.003Z"/>\n  <path fill="currentColor" d="M9.213 18.22c.192-.185.062-.443.057-.667-.036-1.928.008-3.874.031-5.797-.02-.178-1.18-1.178-1.37-1.448-.226-.318-.198-.772.175-.952.765-.371 1.243.858 1.826 1.12.132-.013.885-.908 1.087-1.056.534-.392 1.217.094.97.738-.151.395-1.115 1.068-1.392 1.473-.159.231-.043.37-.038.606.033 1.783-.005 3.574 0 5.358 0 .188-.08.456.058.627h1.445c.046 0 .262.167.302.223a.645.645 0 0 1-.31.984l-4.336-.022c-.41-.183-.514-.775-.152-1.064.028-.023.19-.122.201-.122h1.446v-.002ZM11.346 21.612a.712.712 0 0 1-.408.217c-.38.044-1.764.055-2.118-.01-.591-.108-.622-1.142.155-1.244.377-.05 1.497-.048 1.873.007.421.06.649.354.594.782a.807.807 0 0 1-.096.248ZM9.895.15c.772-.013.6.797.62 1.3.018.439.186 1.213-.209 1.53a.615.615 0 0 1-.973-.255c-.102-.268-.09-1.508-.062-1.847.032-.368.215-.72.624-.727ZM1.218 7.335c.387.047 1.282.3 1.661.439s.601.397.468.822c-.079.254-.325.473-.601.442-.378-.042-1.444-.35-1.823-.49-.721-.267-.452-1.303.295-1.213ZM18.783 7.57c-.387.047-1.283.3-1.662.44-.378.138-.6.397-.468.821.08.254.326.473.602.442.378-.042 1.444-.35 1.822-.49.722-.267.453-1.302-.294-1.213ZM3.11 2.046c.217-.207.559-.195.803-.048.155.092 1.155 1.113 1.291 1.29.457.6-.169 1.342-.798.969-.152-.09-1.195-1.153-1.331-1.331-.195-.256-.212-.646.034-.88ZM17.184 2.046c-.218-.207-.56-.195-.803-.048-.155.092-1.156 1.113-1.292 1.29-.457.6.169 1.342.798.969.153-.09 1.196-1.153 1.332-1.331.194-.256.211-.646-.035-.88Z"/>\n</svg>\n`;var N=`<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`;var Q=`<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" 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" 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`;var X=`<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`;var Y=`<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`;var aa=`<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`;var la=`<svg id="mail" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h22Zm-1 2H2v14h20V5Zm-7 10v2H4v-2h11Zm-2-4v2H4v-2h9Zm8-5v6h-5V6h5Z"/>\n</svg>\n`;var sa=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.2857143,-1 C11.7847729,-1 13,0.215227108 13,1.71428571 L13,3 L14.2857143,3 C15.7847729,3 17,4.21522711 17,5.71428571 L17,14.2857143 C17,15.7847729 15.7847729,17 14.2857143,17 L5.71428571,17 C4.21522711,17 3,15.7847729 3,14.2857143 L3,13 L1.71428571,13 C0.270747797,13 -0.909593834,11.8731227 -0.995046385,10.451061 L-1,10.2857143 L-1,1.71428571 C-1,0.215227108 0.215227108,-1 1.71428571,-1 L10.2857143,-1 Z M13,10.2857143 C13,11.7847729 11.7847729,13 10.2857143,13 L5,13 L5,14.2857143 C5,14.6802034 5.31979661,15 5.71428571,15 L14.2857143,15 C14.6802034,15 15,14.6802034 15,14.2857143 L15,5.71428571 C15,5.31979661 14.6802034,5 14.2857143,5 L13,5 L13,10.2857143 Z M10.2857143,1 L1.71428571,1 C1.31979661,1 1,1.31979661 1,1.71428571 L1,10.2857143 C1,10.6802034 1.31979661,11 1.71428571,11 L10.2857143,11 C10.6802034,11 11,10.6802034 11,10.2857143 L11,1.71428571 C11,1.31979661 10.6802034,1 10.2857143,1 Z" transform="translate(4 4)"/></svg>`;var na=`<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`;var va=`<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`;var ra=`<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`;var ta=`<svg id="minus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z"></path>\n  <polygon fill="currentColor" points="7 11 7 13 17 13 17 11"></polygon>\n</svg>\n`;var ia=`<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`;var ga=`<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`;var oa=`<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`;var wa=`<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`;var ea=`<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`;var ha=`<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`;var ca=`<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`;var da=`<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`;var Aa=`<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`;var Za=`<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`;var pa=`<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" 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" 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`;var ma=`<svg id="plus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z"></path>\n  <polygon fill="currentColor" points="13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11"></polygon>\n</svg>\n`;var Ha=`<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`;var Va=`<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`;var Ma=`<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`;var xa=`<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`;var Ca=`<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`;var ua=`<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`;var fa=`<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`;var La=`<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`;var Ba=`<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>`;var ka=`<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`;var Fa=`<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`;var ya=`<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`;var ba=`<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`;var za=`<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`;var Sa=`<svg id="spinner" class="spinner" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">\n    <style>\n        .spinner { animation: rotator 8s linear infinite; transform-origin: center; }\n        @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n        .path { stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: #39870c; animation: dash 2s ease-in-out infinite; }\n        @keyframes dash { 0% { stroke-dashoffset: 265; } 50% { stroke-dashoffset: 65; transform:rotate(90deg); } 100% { stroke-dashoffset: 265; transform:rotate(360deg); } }\n    </style>\n    <circle class="path" fill="none" stroke-width="10" stroke-linecap="butt" cx="50" cy="50" r="45"/>\n</svg>\n`;var qa=`<svg id="status-error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g id="status-error">\n    <path fill="#FFF" fill-rule="nonzero" d="M15.728 1H8.272a2 2 0 0 0-1.414.586L1.586 6.858A2 2 0 0 0 1 8.272v7.456a2 2 0 0 0 .586 1.414l5.272 5.272A2 2 0 0 0 8.272 23h7.456a2 2 0 0 0 1.414-.586l5.272-5.272A2 2 0 0 0 23 15.728V8.272a2 2 0 0 0-.586-1.414l-5.272-5.272A2 2 0 0 0 15.728 1Z"/>\n    <path fill="#ce3f51" d="m16.228 2.793 4.98 4.98a1 1 0 0 1 .292.706v7.042a1 1 0 0 1-.293.707l-4.98 4.98a1 1 0 0 1-.706.292H8.479a1 1 0 0 1-.707-.293l-4.98-4.98a1 1 0 0 1-.292-.706V8.479a1 1 0 0 1 .293-.707l4.98-4.98a1 1 0 0 1 .706-.292h7.042a1 1 0 0 1 .707.293Z"/>\n    <path fill="#FFF" fill-rule="nonzero" d="M16.737 7.263c.35.35.35.917 0 1.267L13.267 12l3.47 3.47a.896.896 0 1 1-1.267 1.267L12 13.267l-3.47 3.47a.896.896 0 1 1-1.267-1.267l3.47-3.47-3.47-3.47A.896.896 0 1 1 8.53 7.263l3.47 3.47 3.47-3.47a.896.896 0 0 1 1.267 0Z"/>\n  </g>\n</svg>\n`;var Ea=`<svg id="status-danger" 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" 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" 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" fill="#fff"/>\n</svg>\n`;var Da=`<svg id="status-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g id="status-info">\n    <path fill="#FFF" d="M19 1a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4h14Z"/>\n    <path fill="#2b5780" d="M5.35 2.5h13.3a2.85 2.85 0 0 1 2.85 2.85v13.3a2.85 2.85 0 0 1-2.85 2.85H5.35a2.85 2.85 0 0 1-2.85-2.85V5.35A2.85 2.85 0 0 1 5.35 2.5Z"/>\n    <path fill="#FFF" fill-rule="nonzero" d="M13.695 17.952a1.28 1.28 0 0 1-2.561 0v-6.405h-.754a.942.942 0 0 1-.94-.874l-.002-.067c0-.52.422-.942.942-.942h2.373c.52 0 .942.422.942.942v7.346Z"/>\n    <circle id="Oval" cx="12.075" cy="6.5" r="1.658" fill="#FFF"/>\n  </g>\n</svg>\n`;var Oa=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">\n    <g id="status-success">\n      <rect id="Rectangle" x="0" y="0"/>\n      <path id="Outer" fill="#FFF" fill-rule="nonzero" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12A12 12 0 0 0 12 0Z"/>\n      <path id="Inner" fill="#39870c" fill-rule="nonzero" d="M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5"/>\n      <path id="V" fill="#FFF" fill-rule="nonzero" d="M15.873 7.887a1 1 0 1 1 1.58 1.226l-6.488 8.365-4.405-4.837a1 1 0 1 1 1.48-1.345l2.803 3.075 5.03-6.484Z"/>\n    </g>\n  </g>\n</svg>\n`;var Ta=`<svg id="status-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning">\n\t<path fill="#191919" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#DCD400" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#191919" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;var ja=`<svg id="status-warning-inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning-inline">\n\t<path fill="#FFFFFF" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#CE3F51" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#FFFFFF" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;var Ia=`<svg id="status-warning-inline-negative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning-inline-negative">\n\t<path fill="#CE3F51" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#FFFFFF" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#CE3F51" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;var Ja=`<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`;var Pa=`<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`;var Ra=`<svg id="to-do-list" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 6.35 6.35">\n    <g stroke="currentColor"><rect width="3.015" height="3.862" x="1.667" y="1.244" fill="none" stroke-width=".372" ry=".126"/>\n        <g stroke-linecap="round">\n            <g fill="none">\n                <path stroke-width=".265" d="m2.2 2.09.265.264.533-.537"/>\n                <path stroke-width=".384" d="M4.098 2.113h-.675"/>\n            </g>\n            <path fill="none" stroke-width=".265" d="m2.196 3.152.265.264.533-.537"/>\n            <path fill="#none" stroke-width=".384" d="M4.094 3.175H3.42"/>\n            <g fill="none">\n                <path stroke-width=".265" d="m2.198 4.214.265.264.533-.537"/>\n                <path stroke-width=".384" d="M4.096 4.237h-.675"/>\n            </g>\n        </g>\n    </g>\n</svg>`;var Ua=`<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`;var Wa=`<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`;var $a=`<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`;var _a=`<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>`;var Ga=`<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`;var Ka=`<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>`;var Na=`<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`;const Qa=":host{display:inline-block;block-size:24px;vertical-align:top;inline-size:24px}*,*::after,*::before{box-sizing:border-box}.icon-container{display:block;line-height:0}";const Xa=[{alias:"air",svg:s},{alias:"angle-down",svg:n},{alias:"angle-left",svg:v},{alias:"angle-right",svg:r},{alias:"angle-up",svg:t},{alias:"asterisk",svg:i},{alias:"balloon",svg:g},{alias:"bars",svg:o},{alias:"bell",svg:w},{alias:"buildings",svg:e},{alias:"calendar",svg:h},{alias:"call",svg:c},{alias:"caret-down",svg:d},{alias:"check",svg:A},{alias:"check-circle",svg:Z},{alias:"chevron-down",svg:p},{alias:"chevron-left",svg:m},{alias:"chevron-right",svg:H},{alias:"chevron-up",svg:V},{alias:"circle-notch",svg:M},{alias:"clock",svg:x},{alias:"copy",svg:C},{alias:"crown",svg:u},{alias:"cultural",svg:f},{alias:"document",svg:L},{alias:"download",svg:B},{alias:"email",svg:k},{alias:"energy",svg:F},{alias:"environment",svg:y},{alias:"exclamation",svg:b},{alias:"external-link",svg:z},{alias:"eye-slash",svg:S},{alias:"eye",svg:q},{alias:"filter",svg:E},{alias:"forbidden",svg:D},{alias:"health",svg:O},{alias:"help-active",svg:T},{alias:"help",svg:j},{alias:"house",svg:I},{alias:"info-active",svg:J},{alias:"info-i",svg:P},{alias:"info",svg:R},{alias:"infrastructure",svg:U},{alias:"label",svg:W},{alias:"land",svg:$},{alias:"landscape",svg:_},{alias:"layers",svg:G},{alias:"light-bulb",svg:K},{alias:"location",svg:N},{alias:"location-outline",svg:Q},{alias:"location-search",svg:X},{alias:"lock",svg:Y},{alias:"magnet",svg:aa},{alias:"mail",svg:la},{alias:"map-layers",svg:sa},{alias:"map-location",svg:na},{alias:"marker",svg:va},{alias:"measurement",svg:ra},{alias:"minus-circle",svg:ta},{alias:"minus-square",svg:ia},{alias:"minus",svg:ga},{alias:"more",svg:oa},{alias:"municipality",svg:wa},{alias:"nature",svg:ea},{alias:"new-window",svg:ha},{alias:"paperclip",svg:ca},{alias:"parking",svg:da},{alias:"pencil",svg:Aa},{alias:"pin",svg:Za},{alias:"pin-outline",svg:pa},{alias:"plus-circle",svg:ma},{alias:"plus-square",svg:Ha},{alias:"plus",svg:Va},{alias:"print",svg:Ma},{alias:"procedures",svg:xa},{alias:"spinner",svg:Sa},{alias:"redo",svg:Ca},{alias:"safety",svg:ua},{alias:"scale",svg:La},{alias:"search",svg:fa},{alias:"sitemap",svg:Ba},{alias:"soil",svg:ka},{alias:"sort-ascending",svg:Fa},{alias:"sort-descending",svg:ya},{alias:"sort",svg:ba},{alias:"sound",svg:za},{alias:"status-danger",svg:Ea},{alias:"status-error",svg:qa},{alias:"status-info",svg:Da},{alias:"status-success",svg:Oa},{alias:"status-warning",svg:Ta},{alias:"status-warning-inline",svg:ja},{alias:"status-warning-inline-negative",svg:Ia},{alias:"table",svg:Ja},{alias:"times",svg:Pa},{alias:"to-do-list",svg:Ra},{alias:"trash",svg:Ua},{alias:"undo",svg:Wa},{alias:"user-line",svg:$a},{alias:"user",svg:_a},{alias:"users",svg:Ga},{alias:"water",svg:Ka},{alias:"wip-wip",svg:Na}];const Ya=class{constructor(l){a(this,l)}render(){if(this.icon){const a=Xa.find((a=>a.alias===this.icon));if(!a){throw new TypeError(`Unknown svg: ${this.icon}`)}return l("span",{key:"a9c038c194cd17bb0de7d0a8083e3579d92191b3",class:"icon-container",innerHTML:a.svg})}}};Ya.style=Qa;export{Ya as dso_icon};
+//# sourceMappingURL=p-8a677aba.entry.js.map

package/dist/dso-toolkit/p-8a677aba.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconCss","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","balloon","bars","bell","buildings","calendar","call","caretDown","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","circleNotch","clock","copy","crown","cultural","document","download","email","energy","environment","exclamation","externalLink","eyeSlash","eye","filter","forbidden","health","helpActive","help","house","infoActive","infoI","info","infrastructure","label","land","landscape","layers","lightBulb","location","locationOutline","locationSearch","lock","magnet","mail","mapLayers","mapLocation","marker","measurement","minusCircle","minusSquare","minus","more","municipality","nature","newWindow","paperclip","parking","pencil","pin","pinOutline","plusCircle","plusSquare","plus","print","procedures","spinner","redo","safety","scale","search","sitemap","soil","sortAscending","sortDescending","sort","sound","statusDanger","statusError","statusInfo","statusSuccess","statusWarning","statusWarningInline","statusWarningInlineNegative","table","times","toDoList","trash","undo","userLine","user","users","water","wipWip","Icon","render","this","icon","find","i","TypeError","h","key","class","innerHTML"],"sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  block-size: icon.$size;\r\n  vertical-align: icon.$vertical-align;\r\n  inline-size: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport bell from \"dso-toolkit/src/icons/bell.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport lightBulb from \"dso-toolkit/src/icons/light-bulb.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mail from \"dso-toolkit/src/icons/mail.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport toDoList from \"dso-toolkit/src/icons/to-do-list.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"bell\", svg: bell },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"light-bulb\", svg: lightBulb },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"mail\", svg: mail },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"to-do-list\", svg: toDoList },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"],"mappings":"ssoDAAA,MAAMA,GAAU,yKC0GhB,MAAMC,GAAQ,CACZ,CAAEC,MAAO,MAAOC,IAAKC,GACrB,CAAEF,MAAO,aAAcC,IAAKE,GAC5B,CAAEH,MAAO,aAAcC,IAAKG,GAC5B,CAAEJ,MAAO,cAAeC,IAAKI,GAC7B,CAAEL,MAAO,WAAYC,IAAKK,GAC1B,CAAEN,MAAO,WAAYC,IAAKM,GAC1B,CAAEP,MAAO,UAAWC,IAAKO,GACzB,CAAER,MAAO,OAAQC,IAAKQ,GACtB,CAAET,MAAO,OAAQC,IAAKS,GACtB,CAAEV,MAAO,YAAaC,IAAKU,GAC3B,CAAEX,MAAO,WAAYC,IAAKW,GAC1B,CAAEZ,MAAO,OAAQC,IAAKY,GACtB,CAAEb,MAAO,aAAcC,IAAKa,GAC5B,CAAEd,MAAO,QAASC,IAAKc,GACvB,CAAEf,MAAO,eAAgBC,IAAKe,GAC9B,CAAEhB,MAAO,eAAgBC,IAAKgB,GAC9B,CAAEjB,MAAO,eAAgBC,IAAKiB,GAC9B,CAAElB,MAAO,gBAAiBC,IAAKkB,GAC/B,CAAEnB,MAAO,aAAcC,IAAKmB,GAC5B,CAAEpB,MAAO,eAAgBC,IAAKoB,GAC9B,CAAErB,MAAO,QAASC,IAAKqB,GACvB,CAAEtB,MAAO,OAAQC,IAAKsB,GACtB,CAAEvB,MAAO,QAASC,IAAKuB,GACvB,CAAExB,MAAO,WAAYC,IAAKwB,GAC1B,CAAEzB,MAAO,WAAYC,IAAKyB,GAC1B,CAAE1B,MAAO,WAAYC,IAAK0B,GAC1B,CAAE3B,MAAO,QAASC,IAAK2B,GACvB,CAAE5B,MAAO,SAAUC,IAAK4B,GACxB,CAAE7B,MAAO,cAAeC,IAAK6B,GAC7B,CAAE9B,MAAO,cAAeC,IAAK8B,GAC7B,CAAE/B,MAAO,gBAAiBC,IAAK+B,GAC/B,CAAEhC,MAAO,YAAaC,IAAKgC,GAC3B,CAAEjC,MAAO,MAAOC,IAAKiC,GACrB,CAAElC,MAAO,SAAUC,IAAKkC,GACxB,CAAEnC,MAAO,YAAaC,IAAKmC,GAC3B,CAAEpC,MAAO,SAAUC,IAAKoC,GACxB,CAAErC,MAAO,cAAeC,IAAKqC,GAC7B,CAAEtC,MAAO,OAAQC,IAAKsC,GACtB,CAAEvC,MAAO,QAASC,IAAKuC,GACvB,CAAExC,MAAO,cAAeC,IAAKwC,GAC7B,CAAEzC,MAAO,SAAUC,IAAKyC,GACxB,CAAE1C,MAAO,OAAQC,IAAK0C,GACtB,CAAE3C,MAAO,iBAAkBC,IAAK2C,GAChC,CAAE5C,MAAO,QAASC,IAAK4C,GACvB,CAAE7C,MAAO,OAAQC,IAAK6C,GACtB,CAAE9C,MAAO,YAAaC,IAAK8C,GAC3B,CAAE/C,MAAO,SAAUC,IAAK+C,GACxB,CAAEhD,MAAO,aAAcC,IAAKgD,GAC5B,CAAEjD,MAAO,WAAYC,IAAKiD,GAC1B,CAAElD,MAAO,mBAAoBC,IAAKkD,GAClC,CAAEnD,MAAO,kBAAmBC,IAAKmD,GACjC,CAAEpD,MAAO,OAAQC,IAAKoD,GACtB,CAAErD,MAAO,SAAUC,IAAKqD,IACxB,CAAEtD,MAAO,OAAQC,IAAKsD,IACtB,CAAEvD,MAAO,aAAcC,IAAKuD,IAC5B,CAAExD,MAAO,eAAgBC,IAAKwD,IAC9B,CAAEzD,MAAO,SAAUC,IAAKyD,IACxB,CAAE1D,MAAO,cAAeC,IAAK0D,IAC7B,CAAE3D,MAAO,eAAgBC,IAAK2D,IAC9B,CAAE5D,MAAO,eAAgBC,IAAK4D,IAC9B,CAAE7D,MAAO,QAASC,IAAK6D,IACvB,CAAE9D,MAAO,OAAQC,IAAK8D,IACtB,CAAE/D,MAAO,eAAgBC,IAAK+D,IAC9B,CAAEhE,MAAO,SAAUC,IAAKgE,IACxB,CAAEjE,MAAO,aAAcC,IAAKiE,IAC5B,CAAElE,MAAO,YAAaC,IAAKkE,IAC3B,CAAEnE,MAAO,UAAWC,IAAKmE,IACzB,CAAEpE,MAAO,SAAUC,IAAKoE,IACxB,CAAErE,MAAO,MAAOC,IAAKqE,IACrB,CAAEtE,MAAO,cAAeC,IAAKsE,IAC7B,CAAEvE,MAAO,cAAeC,IAAKuE,IAC7B,CAAExE,MAAO,cAAeC,IAAKwE,IAC7B,CAAEzE,MAAO,OAAQC,IAAKyE,IACtB,CAAE1E,MAAO,QAASC,IAAK0E,IACvB,CAAE3E,MAAO,aAAcC,IAAK2E,IAC5B,CAAE5E,MAAO,UAAWC,IAAK4E,IACzB,CAAE7E,MAAO,OAAQC,IAAK6E,IACtB,CAAE9E,MAAO,SAAUC,IAAK8E,IACxB,CAAE/E,MAAO,QAASC,IAAK+E,IACvB,CAAEhF,MAAO,SAAUC,IAAKgF,IACxB,CAAEjF,MAAO,UAAWC,IAAKiF,IACzB,CAAElF,MAAO,OAAQC,IAAKkF,IACtB,CAAEnF,MAAO,iBAAkBC,IAAKmF,IAChC,CAAEpF,MAAO,kBAAmBC,IAAKoF,IACjC,CAAErF,MAAO,OAAQC,IAAKqF,IACtB,CAAEtF,MAAO,QAASC,IAAKsF,IACvB,CAAEvF,MAAO,gBAAiBC,IAAKuF,IAC/B,CAAExF,MAAO,eAAgBC,IAAKwF,IAC9B,CAAEzF,MAAO,cAAeC,IAAKyF,IAC7B,CAAE1F,MAAO,iBAAkBC,IAAK0F,IAChC,CAAE3F,MAAO,iBAAkBC,IAAK2F,IAChC,CAAE5F,MAAO,wBAAyBC,IAAK4F,IACvC,CAAE7F,MAAO,iCAAkCC,IAAK6F,IAChD,CAAE9F,MAAO,QAASC,IAAK8F,IACvB,CAAE/F,MAAO,QAASC,IAAK+F,IACvB,CAAEhG,MAAO,aAAcC,IAAKgG,IAC5B,CAAEjG,MAAO,QAASC,IAAKiG,IACvB,CAAElG,MAAO,OAAQC,IAAKkG,IACtB,CAAEnG,MAAO,YAAaC,IAAKmG,IAC3B,CAAEpG,MAAO,OAAQC,IAAKoG,IACtB,CAAErG,MAAO,QAASC,IAAKqG,IACvB,CAAEtG,MAAO,QAASC,IAAKsG,IACvB,CAAEvG,MAAO,UAAWC,IAAKuG,K,MAQdC,GAAI,M,yBAOf,MAAAC,GACE,GAAIC,KAAKC,KAAM,CACb,MAAMA,EAAO7G,GAAM8G,MAAMC,GAAMA,EAAE9G,QAAU2G,KAAKC,OAChD,IAAKA,EAAM,CACT,MAAM,IAAIG,UAAU,gBAAgBJ,KAAKC,O,CAG3C,OAAOI,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iBAAiBC,UAAWP,EAAK3G,K","ignoreList":[]}

package/dist/dso-toolkit/{p-9213f126.entry.js → p-8e1a144a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as i,g as a}from"./p-BzEnSYbR.js";import{i as o}from"./p-D6dst_Em.js";import{v as t}from"./p-BF0_OXTe.js";const l={en:{"dso-map-overlays":{title:"Maplayers"}},nl:{"dso-map-overlays":{title:"Kaartlagen"}}};const n=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";const r=class{constructor(i){e(this,i);this.dsoToggleOverlay=s(this,"dsoToggleOverlay",7);this.selectableRefs={};this.group=t();this.text=o((()=>this.host),l)}overlayChangeHandler(e,s){const{checked:i}=s.detail;this.dsoToggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousOverlays)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{key:"8ef0c3a734d449e75f42c43e2d2f93acb4a443e3",class:"form-group dso-checkboxes"},i("legend",{key:"d5317715612e9790d65a411f291c00d7319b9a60",class:"sr-only"},"Kaartlagen"),i("div",{key:"e2df4b1aed15cf2e808607a811780ab476bab2b6",class:"dso-label-container"},i("span",{key:"95751d4947a940c02d7a7b9845f9e51238361519",class:"control-label","aria-hidden":"true"},this.text("title"))),i("div",{key:"fc68e624a70062c5c98fab61418183ca784f8600",class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:s=>this.overlayChangeHandler(e,s)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return a(this)}};r.style=n;export{r as dso_map_overlays};
-//# sourceMappingURL=p-9213f126.entry.js.map
+import{r as e,c as s,h as i,g as o}from"./p-D2Jo0W7B.js";import{i as a}from"./p-BbNJ4wXp.js";import{v as t}from"./p-BF0_OXTe.js";const l={en:{"dso-map-overlays":{title:"Maplayers"}},nl:{"dso-map-overlays":{title:"Kaartlagen"}}};const n=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";const r=class{constructor(i){e(this,i);this.dsoToggleOverlay=s(this,"dsoToggleOverlay",7);this.selectableRefs={};this.group=t();this.text=a((()=>this.host),l)}overlayChangeHandler(e,s){const{checked:i}=s.detail;this.dsoToggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousOverlays)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{key:"8ef0c3a734d449e75f42c43e2d2f93acb4a443e3",class:"form-group dso-checkboxes"},i("legend",{key:"d5317715612e9790d65a411f291c00d7319b9a60",class:"sr-only"},"Kaartlagen"),i("div",{key:"e2df4b1aed15cf2e808607a811780ab476bab2b6",class:"dso-label-container"},i("span",{key:"95751d4947a940c02d7a7b9845f9e51238361519",class:"control-label","aria-hidden":"true"},this.text("title"))),i("div",{key:"fc68e624a70062c5c98fab61418183ca784f8600",class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:s=>this.overlayChangeHandler(e,s)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return o(this)}};r.style=n;export{r as dso_map_overlays};
+//# sourceMappingURL=p-8e1a144a.entry.js.map

package/dist/dso-toolkit/{p-6dac4086.entry.js → p-90d2a099.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,F as n}from"./p-BzEnSYbR.js";const a=':host {\n  display: block;\n  position: fixed;\n  inset-block-end: 16px;\n  inset-inline-start: 16px;\n  inline-size: 370px;\n  background-color: #fff;\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\n  border-radius: 4px;\n  z-index: 1000;\n}\n@media screen and (max-width: 480px) {\n  :host {\n    inline-size: 320px;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    --panel-heading-padding-inline-start: 8px;\n    --panel-body-padding-inline: 8px;\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.visual-rating-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-block: 8px;\n}\n\ninput[type=radio] {\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  margin-inline: 0;\n  margin-block: 0;\n  inset-block: 8px 0;\n  inset-inline: 0;\n  z-index: 1;\n}\n\nlabel {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 48px;\n  block-size: 48px;\n  border: 1px solid #ccc;\n  border-inline-end-width: 0;\n  padding-block-start: 8px;\n}\n@media screen and (max-width: 480px) {\n  label {\n    inline-size: 43px;\n    block-size: 43px;\n  }\n}\nlabel:hover {\n  background-color: #f2f2f2;\n}\nlabel:active {\n  background-color: #e5e5e5;\n}\nlabel:first-of-type {\n  border-radius: 4px 0 0 4px;\n}\nlabel:first-of-type::before {\n  border-radius: 3px 0 0;\n}\nlabel:last-of-type {\n  border-inline-end-width: 1px;\n  border-radius: 0 4px 4px 0;\n}\nlabel:last-of-type::before {\n  border-radius: 0 3px 0 0;\n}\nlabel::before {\n  content: "";\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  block-size: 8px;\n  inline-size: 100%;\n  border-block-end: 1px solid #ccc;\n}\nlabel:has(input:checked) {\n  font-weight: bold;\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #b62f41;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #ce3f51;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e17000;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #dcd400;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #79b929;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #39870c;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #275937;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  margin-block-start: 16px;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\nbutton.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\nbutton.dso-secondary:focus, button.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\nbutton.dso-secondary:active {\n  outline: 0;\n}\nbutton.dso-secondary.extern::after, button.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.dso-secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\nbutton.dso-secondary:hover {\n  background-color: #d7e7ce;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.dso-secondary:active {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\nbutton.dso-secondary[disabled], button.dso-secondary[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\nbutton.dso-secondary.dso-small {\n  line-height: 1rem;\n}\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.dso-secondary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}';const i=class{constructor(o){e(this,o);this.dsoSubmit=r(this,"dsoSubmit",7);this.dsoClose=r(this,"dsoClose",7)}handleForm(e){e.preventDefault();this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:e})}handleChange(e){const r=e.target;this.rating=Number(r.value)}render(){const e=["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"];return o("dso-panel",{key:"6fc9ee08dd30db6aa3d69d97c2ca0301925aead8",emphasized:true,onDsoCloseClick:e=>this.dsoClose.emit({originalEvent:e})},o("h2",{key:"bbb4670c28e25abbfc173460ce3f68222890fe83",slot:"heading"},"Help ons met een onderzoek"),o("strong",{key:"06cd4142e76f971ce0295de633b4b50829ee25da"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren"),o("form",{key:"28fa667cc36b6e5195e89ca5a367db1f78c1b594",onSubmit:e=>this.handleForm(e)},o("div",{key:"64da63f3d3fa3c184d170294c0881b0706384c12",class:"visual-rating-labels","aria-hidden":"true"},o("span",{key:"43ae48b3d6cb72029401854d4e775e9039483b1c"},"Heel moeilijk"),o("span",{key:"f77fb4f6d9618f1f854548edf8b02b3462737805"},"Heel makkelijk")),o("div",{key:"1558bdd1bf03f620c9e78d77c0b0a5a64c36351c",role:"radiogroup"},e.map(((e,r)=>{const a=r+1;return o(n,null,o("label",{class:`survey-rating-${a}`},a,o("span",{class:"sr-only"},e),o("input",{type:"radio",name:"rating",value:a,checked:a===this.rating,onChange:e=>this.handleChange(e)})))}))),o("button",{key:"eba1c066912dcb627aa64c65e6855b2d8193c4c5",type:"submit",class:"dso-secondary"},o("span",{key:"8d748fc6a39c343c949808c070eb68aa4e4ba1b9"},"Antwoord verzenden"))))}};i.style=a;export{i as dso_survey_rating};
-//# sourceMappingURL=p-6dac4086.entry.js.map
+import{r as e,c as r,h as o,F as n}from"./p-D2Jo0W7B.js";const a=':host {\n  display: block;\n  position: fixed;\n  inset-block-end: 16px;\n  inset-inline-start: 16px;\n  inline-size: 370px;\n  background-color: #fff;\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\n  border-radius: 4px;\n  z-index: 1000;\n}\n@media screen and (max-width: 480px) {\n  :host {\n    inline-size: 320px;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    --panel-heading-padding-inline-start: 8px;\n    --panel-body-padding-inline: 8px;\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.visual-rating-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-block: 8px;\n}\n\ninput[type=radio] {\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  margin-inline: 0;\n  margin-block: 0;\n  inset-block: 8px 0;\n  inset-inline: 0;\n  z-index: 1;\n}\n\nlabel {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 48px;\n  block-size: 48px;\n  border: 1px solid #ccc;\n  border-inline-end-width: 0;\n  padding-block-start: 8px;\n}\n@media screen and (max-width: 480px) {\n  label {\n    inline-size: 43px;\n    block-size: 43px;\n  }\n}\nlabel:hover {\n  background-color: #f2f2f2;\n}\nlabel:active {\n  background-color: #e5e5e5;\n}\nlabel:first-of-type {\n  border-radius: 4px 0 0 4px;\n}\nlabel:first-of-type::before {\n  border-radius: 3px 0 0;\n}\nlabel:last-of-type {\n  border-inline-end-width: 1px;\n  border-radius: 0 4px 4px 0;\n}\nlabel:last-of-type::before {\n  border-radius: 0 3px 0 0;\n}\nlabel::before {\n  content: "";\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  block-size: 8px;\n  inline-size: 100%;\n  border-block-end: 1px solid #ccc;\n}\nlabel:has(input:checked) {\n  font-weight: bold;\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #b62f41;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #ce3f51;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e17000;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #dcd400;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #79b929;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #39870c;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #275937;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  margin-block-start: 16px;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\nbutton.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\nbutton.dso-secondary:focus, button.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\nbutton.dso-secondary:active {\n  outline: 0;\n}\nbutton.dso-secondary.extern::after, button.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n}\nbutton.dso-secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\nbutton.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #39870c);\n  color: var(--_dso-button-secondary-hover-color, #39870c);\n}\nbutton.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #39870c);\n  border-color: var(--_dso-button-secondary-active-border-color, #39870c);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\nbutton.dso-secondary[disabled], button.dso-secondary[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\nbutton.dso-secondary.dso-small {\n  line-height: 1rem;\n}\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.dso-secondary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}';const s=class{constructor(o){e(this,o);this.dsoSubmit=r(this,"dsoSubmit",7);this.dsoClose=r(this,"dsoClose",7)}handleForm(e){e.preventDefault();this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:e})}handleChange(e){const r=e.target;this.rating=Number(r.value)}render(){const e=["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"];return o("dso-panel",{key:"ae987cd2279ea8e62cbd2f7928077987f94e7494",emphasized:true,onDsoCloseClick:e=>this.dsoClose.emit({originalEvent:e}),role:"dialog","aria-labelledby":"panel-heading"},o("h2",{key:"99e64e45b6c23d392f60b1740790b551dbffa238",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),o("strong",{key:"9088f73166e948d76d8b3418696ee6a096c33fc3"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),o("form",{key:"38f1e7bcd2011d5285d4080bfdf4b6d6dd72b3b6",onSubmit:e=>this.handleForm(e)},o("div",{key:"4270a5ca3008ea816987450b635d737a0a0a6f3f",class:"visual-rating-labels","aria-hidden":"true"},o("span",{key:"43d56266891a0f5accf0d1d59ca7ca1eb976a459"},"Heel moeilijk"),o("span",{key:"48987dc8811aa9bdff083628b1e0e3f498c311b8"},"Heel makkelijk")),o("div",{key:"2487fb24622acb4d57a623e9669dfb671b13d847",role:"radiogroup"},e.map(((e,r)=>{const a=r+1;return o(n,null,o("label",{class:`survey-rating-${a}`},a,o("span",{class:"sr-only"},e),o("input",{type:"radio",name:"rating",value:a,checked:a===this.rating,onChange:e=>this.handleChange(e)})))}))),o("button",{key:"333e476073c4b5d65a81066b0eec4960bfd8a3e0",type:"submit",class:"dso-secondary"},o("span",{key:"090bfe99bc32b779296fa65065d65e4e507fc2e6"},"Antwoord verzenden"))))}};s.style=a;export{s as dso_survey_rating};
+//# sourceMappingURL=p-90d2a099.entry.js.map

package/dist/dso-toolkit/p-90d2a099.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surveyRatingCss","SurveyRating","handleForm","e","preventDefault","this","dsoSubmit","emit","rating","scale","start","end","originalEvent","handleChange","target","Number","value","render","ratings","h","key","emphasized","onDsoCloseClick","dsoClose","role","id","slot","onSubmit","class","map","index","ratingNumber","Fragment","type","name","checked","onChange"],"sources":["src/components/survey-rating/survey-rating.scss?tag=dso-survey-rating&encapsulation=shadow","src/components/survey-rating/survey-rating.tsx"],"sourcesContent":["@use \"sass:list\";\r\n@use \"sass:map\";\r\n\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"survey-rating.variables\" as survey-rating-variables;\r\n\r\n:host {\r\n  display: block;\r\n  position: fixed;\r\n  inset-block-end: units.$u2;\r\n  inset-inline-start: units.$u2;\r\n  inline-size: survey-rating-variables.$survey-rating-inline-size;\r\n  background-color: survey-rating-variables.$survey-rating-background-color;\r\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\r\n  border-radius: survey-rating-variables.$survey-rating-border-radius;\r\n  z-index: zindex.$survey-rating;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    inline-size: survey-rating-variables.$survey-rating-xs-min-inline-size;\r\n    inset-block-end: 0;\r\n    inset-inline-start: 0;\r\n\r\n    --panel-heading-padding-inline-start: #{units.$u1};\r\n    --panel-body-padding-inline: #{units.$u1};\r\n  }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.visual-rating-labels {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block: units.$u1;\r\n}\r\n\r\ninput[type=\"radio\"] {\r\n  appearance: none;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  margin-inline: 0;\r\n  margin-block: 0;\r\n  inset-block: units.$u1 0;\r\n  inset-inline: 0;\r\n  z-index: 1;\r\n}\r\n\r\nlabel {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  inline-size: survey-rating-variables.$survey-rating-input-label-size;\r\n  block-size: survey-rating-variables.$survey-rating-input-label-size;\r\n  border: 1px solid survey-rating-variables.$survey-rating-border-color;\r\n  border-inline-end-width: 0;\r\n  padding-block-start: units.$u1;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    inline-size: survey-rating-variables.$survey-rating-rating-label-xs-min-size;\r\n    block-size: survey-rating-variables.$survey-rating-rating-label-xs-min-size;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: survey-rating-variables.$survey-rating-color-hover;\r\n  }\r\n\r\n  &:active {\r\n    background-color: survey-rating-variables.$survey-rating-color-active;\r\n  }\r\n\r\n  &:first-of-type {\r\n    border-radius: survey-rating-variables.$survey-rating-border-radius 0 0\r\n      survey-rating-variables.$survey-rating-border-radius;\r\n\r\n    &::before {\r\n      border-radius: (survey-rating-variables.$survey-rating-border-radius - 1) 0 0;\r\n    }\r\n  }\r\n\r\n  &:last-of-type {\r\n    border-inline-end-width: 1px;\r\n    border-radius: 0 survey-rating-variables.$survey-rating-border-radius\r\n      survey-rating-variables.$survey-rating-border-radius 0;\r\n\r\n    &::before {\r\n      border-radius: 0 (survey-rating-variables.$survey-rating-border-radius - 1) 0 0;\r\n    }\r\n  }\r\n\r\n  &::before {\r\n    content: \"\";\r\n    display: block;\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    block-size: units.$u1;\r\n    inline-size: 100%;\r\n    border-block-end: 1px solid survey-rating-variables.$survey-rating-border-color;\r\n  }\r\n\r\n  &:has(input:checked) {\r\n    font-weight: bold;\r\n  }\r\n\r\n  @each $survey-rating in survey-rating-variables.$survey-ratings {\r\n    $i: list.index(survey-rating-variables.$survey-ratings, $survey-rating);\r\n    $color: map.get($survey-rating, color);\r\n\r\n    &.survey-rating-#{$i} {\r\n      &::before,\r\n      &:has(input:checked) {\r\n        @include set-colors.apply($color, survey-rating-variables.$survey-rating-border-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n\r\n  &.dso-secondary {\r\n    @include button.secondary($base-styling: true);\r\n  }\r\n\r\n  margin-block-start: units.$u2;\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Fragment, h } from \"@stencil/core\";\r\nimport { SurveyRatingCloseEvent, SurveyRatingSubmitEvent } from \"./survey-rating.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-survey-rating\",\r\n  styleUrl: \"survey-rating.scss\",\r\n  shadow: true,\r\n})\r\nexport class SurveyRating implements ComponentInterface {\r\n  private rating: number | undefined;\r\n\r\n  /**\r\n   * Emitted when the user submits the Survey Rating.\r\n   */\r\n  @Event()\r\n  dsoSubmit!: EventEmitter<SurveyRatingSubmitEvent>;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the  Survey Rating.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<SurveyRatingCloseEvent>;\r\n\r\n  private handleForm(e: Event): void {\r\n    e.preventDefault();\r\n    this.dsoSubmit.emit({ rating: this.rating, scale: { start: 1, end: 7 }, originalEvent: e });\r\n  }\r\n\r\n  private handleChange(e: Event): void {\r\n    const target = e.target as HTMLInputElement;\r\n    this.rating = Number(target.value);\r\n  }\r\n\r\n  render() {\r\n    const ratings = [\r\n      \"Heel moeilijk\",\r\n      \"Moeilijk\",\r\n      \"Redelijk moeilijk\",\r\n      \"Neutraal\",\r\n      \"Redelijk makkelijk\",\r\n      \"Makkelijk\",\r\n      \"Heel makkelijk\",\r\n    ];\r\n\r\n    return (\r\n      <dso-panel\r\n        emphasized\r\n        onDsoCloseClick={(e) => this.dsoClose.emit({ originalEvent: e })}\r\n        role=\"dialog\"\r\n        aria-labelledby=\"panel-heading\"\r\n      >\r\n        <h2 id=\"panel-heading\" slot=\"heading\">\r\n          Help ons met een onderzoek\r\n        </h2>\r\n        <strong>Hoe moeilijk of makkelijk was deze taak om uit te voeren?</strong>\r\n        <form onSubmit={(e) => this.handleForm(e)}>\r\n          <div class=\"visual-rating-labels\" aria-hidden=\"true\">\r\n            <span>Heel moeilijk</span>\r\n            <span>Heel makkelijk</span>\r\n          </div>\r\n          <div role=\"radiogroup\">\r\n            {ratings.map((rating, index) => {\r\n              const ratingNumber = index + 1;\r\n\r\n              return (\r\n                <>\r\n                  <label class={`survey-rating-${ratingNumber}`}>\r\n                    {ratingNumber}\r\n                    <span class=\"sr-only\">{rating}</span>\r\n                    <input\r\n                      type=\"radio\"\r\n                      name=\"rating\"\r\n                      value={ratingNumber}\r\n                      checked={ratingNumber === this.rating}\r\n                      onChange={(e) => this.handleChange(e)}\r\n                    />\r\n                  </label>\r\n                </>\r\n              );\r\n            })}\r\n          </div>\r\n          <button type=\"submit\" class=\"dso-secondary\">\r\n            <span>Antwoord verzenden</span>\r\n          </button>\r\n        </form>\r\n      </dso-panel>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAkB,k+rB,MCQXC,EAAY,M,iGAef,UAAAC,CAAWC,GACjBA,EAAEC,iBACFC,KAAKC,UAAUC,KAAK,CAAEC,OAAQH,KAAKG,OAAQC,MAAO,CAAEC,MAAO,EAAGC,IAAK,GAAKC,cAAeT,G,CAGjF,YAAAU,CAAaV,GACnB,MAAMW,EAASX,EAAEW,OACjBT,KAAKG,OAASO,OAAOD,EAAOE,M,CAG9B,MAAAC,GACE,MAAMC,EAAU,CACd,gBACA,WACA,oBACA,WACA,qBACA,YACA,kBAGF,OACEC,EAAA,aAAAC,IAAA,2CACEC,WAAU,KACVC,gBAAkBnB,GAAME,KAAKkB,SAAShB,KAAK,CAAEK,cAAeT,IAC5DqB,KAAK,SAAQ,kBACG,iBAEhBL,EAAA,MAAAC,IAAA,2CAAIK,GAAG,gBAAgBC,KAAK,WAEvB,8BACLP,EAA0E,UAAAC,IAAA,yGAC1ED,EAAA,QAAAC,IAAA,2CAAMO,SAAWxB,GAAME,KAAKH,WAAWC,IACrCgB,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,uBAAsB,cAAa,QAC5CT,EAA0B,QAAAC,IAAA,6DAC1BD,EAAA,QAAAC,IAAA,+DAEFD,EAAA,OAAAC,IAAA,2CAAKI,KAAK,cACPN,EAAQW,KAAI,CAACrB,EAAQsB,KACpB,MAAMC,EAAeD,EAAQ,EAE7B,OACEX,EAAAa,EAAA,KACEb,EAAA,SAAOS,MAAO,iBAAiBG,KAC5BA,EACDZ,EAAA,QAAMS,MAAM,WAAWpB,GACvBW,EAAA,SACEc,KAAK,QACLC,KAAK,SACLlB,MAAOe,EACPI,QAASJ,IAAiB1B,KAAKG,OAC/B4B,SAAWjC,GAAME,KAAKQ,aAAaV,MAGtC,KAITgB,EAAA,UAAAC,IAAA,2CAAQa,KAAK,SAASL,MAAM,iBAC1BT,EAAA,QAAAC,IAAA,oE","ignoreList":[]}