@dso-toolkit/core 62.25.0 → 62.26.0

package/dist/dso-toolkit/p-14d19a20.entry.js

@@ -1,2 +0,0 @@
-import{r as n,c as e,h as o,F as t,H as r}from"./p-1754d0a9.js";const a='dso-annotation-output{display:block}.dso-annotation-header{align-items:center;background-color:#f2f2f2;clear:both;display:flex;margin-bottom:2px;margin-top:8px;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-header>[slot=title]{color:#000;font-size:1.25rem;margin-bottom:0;margin-top:0}.dso-annotation-header>:nth-child(2){margin-left:auto}dso-responsive-element[small] .dso-annotation-header,dso-responsive-element[medium] .dso-annotation-header{display:grid;row-gap:8px}dso-responsive-element[small] .dso-annotation-header *[slot=title],dso-responsive-element[medium] .dso-annotation-header *[slot=title]{grid-row:1;grid-column:1}dso-responsive-element[small] .dso-annotation-header *[slot=addons],dso-responsive-element[medium] .dso-annotation-header *[slot=addons]{grid-row:2;grid-column:1;margin-left:initial}dso-responsive-element[small] .dso-annotation-header .dso-annotation-close-button,dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-button{grid-row:1;grid-column:2;margin-left:8px;text-align:end}.dso-annotation-content{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f2f2f2;border-color:#f2f2f2;color:#191919;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-content a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}.dso-annotation-content a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}.dso-annotation-content a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}.dso-annotation-content a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}.dso-annotation-close-button{margin-left:32px}.dso-annotation-prefix{font-style:italic}';const s=a;const i=class{constructor(o){n(this,o);this.dsoClose=e(this,"dsoClose",3);this.toggleHandler=n=>{this.dsoClose.emit({originalEvent:n})};this.identifier=undefined;this.annotationPrefix=undefined;this.open=false}render(){return o("dso-responsive-element",{key:"6e857e08ff134e9172a2e573327fe189020b81be"},o("dso-expandable",{key:"5f1d08be4e599219765f80bcf9739c31e0154929",id:this.identifier,open:this.open},this.annotationPrefix&&o("span",{key:"93d791e0007ef2813c614bc90bbebba2ca9a4523",class:"dso-annotation-prefix"},this.annotationPrefix),o("div",{key:"3a7e23272366402f16028177f9804d0fc9d0710e",class:"dso-annotation-header"},o("slot",{key:"45155503f028eada001a759922ba2a8e06659194",name:"title"}),o("slot",{key:"be52476bd86e3246021d367e197ff58d83b8a6fa",name:"addons"}),o("button",{key:"1e845841db5106dc264366523f5209ab09de2690",type:"button",class:"dso-tertiary dso-annotation-close-button",onClick:this.toggleHandler},o("dso-icon",{key:"23aaab761c5870eddfb86a9b07bdb3028918e20e",icon:"times"}),o("span",{key:"03c2ad5956b3fc27cc6c686f0c43521f41276d0e",class:"sr-only"},"Toelichting sluiten"))),o("div",{key:"c6e3c0568ff57cf2c2aeb051536c9b4023566a13",class:"dso-annotation-content"},o("slot",{key:"8adfec5b126fbec015677f872003e17102c839fe"}))))}};i.style=s;var d=undefined&&undefined.__rest||function(n,e){var o={};for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0)o[t]=n[t];if(n!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++){if(e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r]))o[t[r]]=n[t[r]]}return o};const l=(n,e)=>{var{heading:t}=n,r=d(n,["heading"]);switch(t){default:case"h2":return o("h2",Object.assign({},r),e);case"h3":return o("h3",Object.assign({},r),e);case"h4":return o("h4",Object.assign({},r),e);case"h5":return o("h5",Object.assign({},r),e);case"h6":return o("h6",Object.assign({},r),e)}};const c="button {\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}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon,\na.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small svg.di,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small svg.di,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary dso-icon,\na.dso-primary svg.di,\nbutton.dso-primary dso-icon,\nbutton.dso-primary svg.di,\nlabel.dso-primary dso-icon,\nlabel.dso-primary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-primary span + dso-icon,\na.dso-primary span + svg.di,\nbutton.dso-primary span + dso-icon,\nbutton.dso-primary span + svg.di,\nlabel.dso-primary span + dso-icon,\nlabel.dso-primary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.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: %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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.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: %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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n  background: url(\"./dso-icons.svg#img-download-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon,\na.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small svg.di,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary dso-icon,\na.dso-secondary svg.di,\nbutton.dso-secondary dso-icon,\nbutton.dso-secondary svg.di,\nlabel.dso-secondary dso-icon,\nlabel.dso-secondary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-secondary span + dso-icon,\na.dso-secondary span + svg.di,\nbutton.dso-secondary span + dso-icon,\nbutton.dso-secondary span + svg.di,\nlabel.dso-secondary span + dso-icon,\nlabel.dso-secondary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n  background-image: url(\"./dso-icons.svg#img-download-wit\");\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-wit\");\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary svg.di + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\na.dso-tertiary span:not(.sr-only) + svg.di,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary svg.di + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + svg.di,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary svg.di + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\na.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nbutton.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nlabel.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary svg.di,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary svg.di,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary svg.di,\nlabel.dso-tertiary span {\n  vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  position: relative;\n  top: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-download-scampi\");\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-scampi\");\n}\n\na.dso-primary {\n  text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n  color: #fff;\n}\na.dso-secondary {\n  text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n  color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n  color: #fff;\n}\na.dso-tertiary {\n  text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n  color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n  margin-left: 16px;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n:host {\n  display: block;\n  --depth: var(--a, 0);\n}\n\n:host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {\n  padding-left: 8px;\n  margin-right: 8px;\n}\n\n:host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])),\n:host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #f5d8dc;\n  border-color: #f5d8dc;\n  color: #191919;\n  text-decoration: line-through;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is(.download, .download:hover, .download:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is(.download, .download:hover, .download:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-download-zwart\");\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is(.extern, .extern:hover, .extern:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-external-link-zwart\");\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-call-zwart\");\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-email-zwart\");\n}\n\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e4f1d4;\n  border-color: #e4f1d4;\n  color: #191919;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is(.download, .download:hover, .download:focus-visible),\n:host([wijzigactie=voegtoe]) a:is(.download, .download:hover, .download:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-download-zwart\");\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is(.extern, .extern:hover, .extern:focus-visible),\n:host([wijzigactie=voegtoe]) a:is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-external-link-zwart\");\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-call-zwart\");\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-email-zwart\");\n}\n\n:host([filtered]) {\n  position: relative;\n}\n:host([filtered])::before {\n  content: \"\";\n  left: -3px;\n  position: absolute;\n  display: block;\n  width: 3px;\n  top: 0;\n  bottom: 0;\n  background-color: #6ca4d9;\n}\n\n:host([open]) .heading-container {\n  margin-bottom: 8px;\n}\n\n.recursive-toggle,\n.toggle-button {\n  border: 0;\n  padding: 0;\n  background: 0;\n  color: #275937;\n}\n\n.heading-element {\n  align-items: start;\n  display: flex;\n  font-size: 1rem;\n  color: #275937;\n  margin: 0;\n}\n.heading-element > * {\n  vertical-align: middle;\n}\n\n:host([not-collapsible]) .heading-container {\n  margin-bottom: 0;\n}\n:host([not-collapsible]) .editaction-label {\n  margin-left: 0;\n}\n:host([not-collapsible]) .heading-element {\n  color: #000;\n}\n\n:host(:not([not-collapsible])) .heading-element {\n  cursor: pointer;\n}\n:host(:not([not-collapsible])) .heading-element:hover, :host(:not([not-collapsible])) .heading-element:focus-visible {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\n:host(:not([not-collapsible])) .heading-element:active {\n  text-decoration: none;\n}\n:host(:not([not-collapsible])) .editaction-label {\n  margin-left: 24px;\n}\n\n.addons {\n  margin-inline-start: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.heading {\n  display: flex;\n  align-items: start;\n  gap: 8px;\n}\n\n:host([type=ARTIKEL]) .heading-element,\n:host([type=ARTIKEL]) .toggle-button {\n  color: #000;\n}\n\n.editaction-label {\n  font-style: italic;\n  margin-left: 8px;\n}\n\n.content,\n.heading-container {\n  padding-right: 8px;\n}";const f=c;const b={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"};const g=class{constructor(o){n(this,o);this.dsoRecursiveToggle=e(this,"dsoRecursiveToggle",3);this.dsoOpenToggle=e(this,"dsoOpenToggle",3);this.dsoOzonContentAnchorClick=e(this,"dsoOzonContentAnchorClick",3);this.dsoAnnotationToggle=e(this,"dsoAnnotationToggle",3);this.dsoMarkItemHighlight=e(this,"dsoMarkItemHighlight",3);this.handleHeadingClick=n=>{if(this.type!=="LID"){this.dsoOpenToggle.emit({originalEvent:n,open:!this.open})}};this.handleOzonContentAnchorClick=n=>{this.dsoOzonContentAnchorClick.emit({originalEvent:n,ozonContentAnchorClick:n.detail})};this.handleRecursiveToggleClick=n=>{this.dsoRecursiveToggle.emit({originalEvent:n,current:this.recursiveToggle,next:this.recursiveToggle!==true})};this.heading="h2";this.label=undefined;this.nummer=undefined;this.opschrift=undefined;this.inhoud=undefined;this.open=false;this.filtered=false;this.notApplicable=false;this.genesteOntwerpInformatie=false;this.bevatOntwerpInformatie=false;this.annotated=false;this.gereserveerd=false;this.vervallen=false;this.openAnnotation=false;this.alternativeTitle=undefined;this.type=undefined;this.wijzigactie=undefined;this.mark=undefined;this.recursiveToggle=undefined}get wijzigactieLabel(){return this.wijzigactie&&b[this.wijzigactie]}suffix(){if(this.vervallen){return"vervallen"}if(this.gereserveerd){return"gereserveerd"}return undefined}render(){const n=this.suffix();const e=!!((this.label||this.nummer||this.opschrift||this.alternativeTitle)&&this.type!=="LID");const a=!!(this.wijzigactie||e||this.label||this.nummer||this.opschrift||this.alternativeTitle||this.bevatOntwerpInformatie||this.annotated);return o(r,{key:"9dbd54a67bbf583b2c9db8b159ba709bd1e9111b","not-collapsible":!e},a&&o("div",{key:"3f4b58120079753f4cc2c69310e88b76e9f0f2ae",class:"heading-container",part:"_heading-container"},this.wijzigactie&&o("span",{key:"75f0d2f067830daa732e3c8e8af6611702312ac8",class:"editaction-label"},this.wijzigactieLabel,":"),o("div",{key:"b1f079fbe976495d789cbbf81d5f6afaabe0a5ee",class:"heading"},o(l,{key:"40c631e7cb155734be99c816d3a8411679ae8144",heading:this.heading,class:"heading-element",onClick:this.handleHeadingClick},e&&o("button",{key:"ea6fe08e091ce6acf6129d451d72e653896de93d",type:"button",class:"toggle-button","aria-describedby":"heading-title","aria-expanded":this.open.toString()},o("dso-icon",{key:"d97d8e98b27d6c36d604b75ddfdde8d6ceddf79c",icon:this.open?"chevron-down":"chevron-right"}),o("span",{key:"986060b08f90783a7a5a05549275fd621d3bee25",class:"sr-only"},this.open?"Invouwen":"Uitvouwen")),o("div",{key:"58ffa9527fc168187d5005710f41c5b2996bc803",id:"heading-title"},this.notApplicable&&o("span",{key:"08aff61f4665a09f1271f59a2fe2e594a6bf167e",class:"sr-only"},"Niet van toepassing:"),this.label||this.nummer||this.opschrift?o(t,null,this.label&&o(t,null," ",o("dso-ozon-content",{content:this.label,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"label")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"label"})),inline:true})),this.nummer&&o(t,null," ",o("dso-ozon-content",{content:this.nummer,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"nummer")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"nummer"})),inline:true})),this.opschrift&&o(t,null," ",o("dso-ozon-content",{content:this.opschrift,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"opschrift")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"opschrift"})),inline:true}))):this.alternativeTitle,n&&o("span",{key:"ce8285ed0ee76cfde5e6255fdd674ff8356f96bf"}," - [",n,"]"))),this.recursiveToggle!==undefined&&this.open&&o("button",{key:"6dfc27b8ce553a5d9dfa7fb957c431de7622942d",type:"button",class:"recursive-toggle",title:this.recursiveToggle===true?"Verberg alles":"Toon alles",onClick:this.handleRecursiveToggleClick},o("dso-icon",{key:"8052ce5083f0032d7c13e0fc7aded8c68be5b256",icon:this.recursiveToggle===true?"eye":"eye-slash"})),this.genesteOntwerpInformatie&&!this.open&&!this.bevatOntwerpInformatie&&o(t,null,o("dso-badge",{key:"eca112e692e78ac6b2dceabb14eaaa8f3e2ac39b",status:"warning","aria-describedby":"nested-draft-description"},"!"),o("dso-tooltip",{key:"3dd7b71002beb1a2a860960790bbe9d999331189",id:"nested-draft-description"},"Er is een ontwerp beschikbaar.")),(this.bevatOntwerpInformatie||this.annotated)&&o("div",{key:"68fc34b5da1558e440ac4edd48249e8e44120c79",class:"addons"},this.bevatOntwerpInformatie&&o("dso-label",{key:"6aec245dd6d56d9aebd52b89e93f740a02423fbb",status:"warning",compact:true},"Ontwerp"),this.annotated&&o("dso-annotation-button",{key:"3eddb2e0766a7f7f48c5c476760e1c4066730604",identifier:"expandable",open:this.openAnnotation,onDsoClick:n=>this.dsoAnnotationToggle.emit({originalEvent:n})})))),o("div",{key:"720747bbcaeb1caaf2e944737723361449e8b47d",class:"annotation-container",part:"_annotation-container"},o("slot",{key:"5ceb1bb029eaf50c7a6d8c689d82aebb066b2b91",name:"annotation"})),this.open&&(this.inhoud||this.gereserveerd||this.vervallen)&&o("div",{key:"fe5eadfa9fb9b080ab2c611e678c3b3685de5675",class:"content",part:"_content"},this.gereserveerd&&o("dso-alert",{key:"85075a86cad5db60ac20fa10eb329d66836e063a",status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging."),this.vervallen&&o("dso-alert",{key:"c2805d0679ef7ca5ca87f2e43f1450f568954ee3",status:"info"},"Dit onderdeel is vervallen."),this.inhoud&&o("dso-ozon-content",{key:"044236d783f05cc89eb381b44f71920cd33abe25",content:this.inhoud,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"inhoud")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"inhoud"}))})),o("div",{key:"59f76cb70ed4878b076ede1023347b5092962650",class:"children-container",part:"_children-container"},o("slot",{key:"911f9a835801979ed3db2f13ae81137d4c13689f"})))}};g.style=f;export{i as dso_annotation_output,g as dso_document_component};
-//# sourceMappingURL=p-14d19a20.entry.js.map

package/dist/dso-toolkit/p-14d19a20.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["annotationOutputCss","DsoAnnotationOutputStyle0","AnnotationOutput","this","toggleHandler","e","dsoClose","emit","originalEvent","render","h","key","id","identifier","open","annotationPrefix","class","name","type","onClick","icon","Heading","_a","children","heading","props","__rest","Object","assign","documentComponentCss","DsoDocumentComponentStyle0","wijzigActieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","DocumentComponent","handleHeadingClick","dsoOpenToggle","handleOzonContentAnchorClick","dsoOzonContentAnchorClick","ozonContentAnchorClick","detail","handleRecursiveToggleClick","dsoRecursiveToggle","current","recursiveToggle","next","wijzigactieLabel","wijzigactie","suffix","vervallen","gereserveerd","undefined","collapsible","label","nummer","opschrift","alternativeTitle","showHeading","bevatOntwerpInformatie","annotated","Host","part","toString","notApplicable","Fragment","content","onDsoAnchorClick","mark","text","call","onDsoOzonContentMarkItemHighlight","dsoMarkItemHighlight","source","inline","title","genesteOntwerpInformatie","status","compact","openAnnotation","onDsoClick","dsoAnnotationToggle","inhoud"],"sources":["src/components/annotation-output/annotation-output.scss?tag=dso-annotation-output","src/components/annotation-output/annotation-output.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n\r\ndso-annotation-output {\r\n  display: block;\r\n}\r\n\r\n.dso-annotation-header {\r\n  align-items: center;\r\n  background-color: colors.$grijs-5;\r\n  clear: both;\r\n  display: flex;\r\n  margin-bottom: 2px;\r\n  margin-top: units.$u1;\r\n  padding-left: units.$u2;\r\n  padding-right: units.$u1;\r\n  padding-top: units.$u1;\r\n  padding-bottom: units.$u1;\r\n\r\n  > [slot=\"title\"] {\r\n    color: colors.$zwart;\r\n    font-size: 1.25rem;\r\n    margin-bottom: 0;\r\n    margin-top: 0;\r\n  }\r\n\r\n  > :nth-child(2) {\r\n    margin-left: auto;\r\n  }\r\n}\r\n\r\ndso-responsive-element[small],\r\ndso-responsive-element[medium] {\r\n  .dso-annotation-header {\r\n    display: grid;\r\n    row-gap: units.$u1;\r\n\r\n    *[slot=\"title\"] {\r\n      grid-row: 1;\r\n      grid-column: 1;\r\n    }\r\n\r\n    *[slot=\"addons\"] {\r\n      grid-row: 2;\r\n      grid-column: 1;\r\n      margin-left: initial;\r\n    }\r\n\r\n    .dso-annotation-close-button {\r\n      grid-row: 1;\r\n      grid-column: 2;\r\n      margin-left: units.$u1;\r\n      text-align: end;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-annotation-content {\r\n  @include set-colors.apply(colors.$grijs-5);\r\n\r\n  padding-left: units.$u2;\r\n  padding-right: units.$u1;\r\n  padding-top: units.$u1;\r\n  padding-bottom: units.$u1;\r\n}\r\n\r\n.dso-annotation-close-button {\r\n  margin-left: units.$u4;\r\n}\r\n\r\n.dso-annotation-prefix {\r\n  font-style: italic;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\nexport interface AnnotationOutputCloseEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-annotation-output\",\r\n  styleUrl: \"annotation-output.scss\",\r\n  // No shadowdom for a11y reasons (aria-controls being set inside another component)\r\n})\r\nexport class AnnotationOutput implements ComponentInterface {\r\n  /**\r\n   * The annotation-button that toggles this component should have the same identifier.\r\n   */\r\n  @Prop({ reflect: true })\r\n  identifier!: string;\r\n\r\n  /**\r\n   * This text will be displayed above the annotation-output when opened\r\n   */\r\n  @Prop({ reflect: true })\r\n  annotationPrefix?: string;\r\n\r\n  /**\r\n   * Set to `true` to show content.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * This event is emitted when the user activates the Annotation Button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClose!: EventEmitter<AnnotationOutputCloseEvent>;\r\n\r\n  private toggleHandler = (e: MouseEvent) => {\r\n    this.dsoClose.emit({ originalEvent: e });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <dso-responsive-element>\r\n        <dso-expandable id={this.identifier} open={this.open}>\r\n          {this.annotationPrefix && <span class=\"dso-annotation-prefix\">{this.annotationPrefix}</span>}\r\n          <div class=\"dso-annotation-header\">\r\n            <slot name=\"title\" />\r\n            <slot name=\"addons\" />\r\n            <button type=\"button\" class=\"dso-tertiary dso-annotation-close-button\" onClick={this.toggleHandler}>\r\n              <dso-icon icon=\"times\"></dso-icon>\r\n              <span class=\"sr-only\">Toelichting sluiten</span>\r\n            </button>\r\n          </div>\r\n          <div class=\"dso-annotation-content\">\r\n            <slot />\r\n          </div>\r\n        </dso-expandable>\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n  heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n  DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, ...props }, children) => {\r\n  switch (heading) {\r\n    default:\r\n    case \"h2\":\r\n      return <h2 {...props}>{children}</h2>;\r\n    case \"h3\":\r\n      return <h3 {...props}>{children}</h3>;\r\n    case \"h4\":\r\n      return <h4 {...props}>{children}</h4>;\r\n    case \"h5\":\r\n      return <h5 {...props}>{children}</h5>;\r\n    case \"h6\":\r\n      return <h6 {...props}>{children}</h6>;\r\n  }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n  display: block;\r\n\r\n  --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n  padding-left: units.$u1;\r\n  margin-right: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n  padding-top: units.$u1 * 0.5;\r\n  padding-bottom: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n  @include delete.root();\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    left: -3px;\r\n    position: absolute;\r\n    display: block;\r\n    width: 3px;\r\n    top: 0;\r\n    bottom: 0;\r\n    background-color: colors.$lichtblauw;\r\n  }\r\n}\r\n\r\n:host([open]) {\r\n  .heading-container {\r\n    margin-bottom: units.$u1;\r\n  }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n  border: 0;\r\n  padding: 0;\r\n  background: 0;\r\n  color: colors.$bosgroen;\r\n}\r\n\r\n.heading-element {\r\n  align-items: start;\r\n  display: flex;\r\n  font-size: 1rem;\r\n  color: colors.$bosgroen;\r\n  margin: 0;\r\n\r\n  > * {\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n:host([not-collapsible]) {\r\n  .heading-container {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .editaction-label {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .heading-element {\r\n    color: colors.$zwart;\r\n  }\r\n}\r\n\r\n:host(:not([not-collapsible])) {\r\n  .heading-element {\r\n    cursor: pointer;\r\n\r\n    @include anchor.pseudo();\r\n  }\r\n\r\n  .editaction-label {\r\n    margin-left: document-component.$indent;\r\n  }\r\n}\r\n\r\n.addons {\r\n  margin-inline-start: auto;\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n  display: flex;\r\n  align-items: start;\r\n  gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n  .heading-element,\r\n  .toggle-button {\r\n    color: colors.$zwart;\r\n  }\r\n}\r\n\r\n.editaction-label {\r\n  font-style: italic;\r\n  margin-left: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n  padding-right: units.$u1;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\nimport {\r\n  DocumentComponentOpenToggleEvent,\r\n  DocumentComponentToggleAnnotationEvent,\r\n  DocumentComponentOzonContentAnchorClickEvent,\r\n  DocumentComponentWijzigactie,\r\n  DocumentComponentInputType,\r\n  DocumentComponentMarkFunction,\r\n  DocumentComponentMarkItemHighlightEvent,\r\n  DocumentComponentRecursiveToggleEvent,\r\n  DocumentComponentRecursiveToggleState,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigActieLabels: { [wijzigActie in DocumentComponentWijzigactie]: string } = {\r\n  nieuweContainer: \"Toegevoegd\",\r\n  verwijder: \"Verwijderd\",\r\n  verwijderContainer: \"Verwijderd\",\r\n  voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/**\r\n * @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n */\r\n@Component({\r\n  tag: \"dso-document-component\",\r\n  styleUrl: \"document-component.scss\",\r\n  shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n  /**\r\n   * The heading element to use.\r\n   */\r\n  @Prop()\r\n  heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n\r\n  /**\r\n   * The Label XML.\r\n   */\r\n  @Prop()\r\n  label?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * The Nummer XML.\r\n   */\r\n  @Prop()\r\n  nummer?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * The Opschrift XML.\r\n   */\r\n  @Prop()\r\n  opschrift?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * The Inhoud XML.\r\n   */\r\n  @Prop()\r\n  inhoud?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * This boolean attribute indicates whether the children are visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * Marks this Document Component as belonging to an active filter.\r\n   */\r\n  @Prop({ reflect: true })\r\n  filtered = false;\r\n\r\n  /**\r\n   * Marks this Document Component as not-applicable.\r\n   */\r\n  @Prop({ reflect: true })\r\n  notApplicable = false;\r\n\r\n  /**\r\n   * When a child Document Component has a status \"Draft\".\r\n   */\r\n  @Prop({ reflect: true })\r\n  genesteOntwerpInformatie = false;\r\n\r\n  /**\r\n   * Marks as draft.\r\n   */\r\n  @Prop({ reflect: true })\r\n  bevatOntwerpInformatie = false;\r\n\r\n  /**\r\n   * Enables annotations.\r\n   */\r\n  @Prop({ reflect: true })\r\n  annotated = false;\r\n\r\n  /**\r\n   * Marks Document Component as reserved.\r\n   */\r\n  @Prop()\r\n  gereserveerd = false;\r\n\r\n  /**\r\n   * Marks the Document Component as expired.\r\n   */\r\n  @Prop()\r\n  vervallen = false;\r\n\r\n  /**\r\n   * When the Annotation Output is opened, set this to true.\r\n   */\r\n  @Prop()\r\n  openAnnotation = false;\r\n\r\n  /**\r\n   * An alternative title to show when there is nothing to create a title.\r\n   */\r\n  @Prop()\r\n  alternativeTitle?: string;\r\n\r\n  /**\r\n   * Type of Document Component.\r\n   */\r\n  @Prop({ reflect: true })\r\n  type?: string;\r\n\r\n  /**\r\n   * The wijzigactie as in STOP.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: DocumentComponentMarkFunction;\r\n\r\n  /**\r\n   * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.\r\n   */\r\n  @Prop()\r\n  recursiveToggle: DocumentComponentRecursiveToggleState;\r\n\r\n  /**\r\n   * Emitted when the user activates the recursive toggle.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoRecursiveToggle!: EventEmitter<DocumentComponentRecursiveToggleEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the toggle.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOpenToggle!: EventEmitter<DocumentComponentOpenToggleEvent>;\r\n\r\n  /**\r\n   * Emitted when the user actives intRef or intIoRef anchors in Ozon Content\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the annotation button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n  /**\r\n   * Emitted each time a marked item gets highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n  private get wijzigactieLabel(): string | undefined {\r\n    return this.wijzigactie && wijzigActieLabels[this.wijzigactie];\r\n  }\r\n\r\n  private handleHeadingClick = (e: MouseEvent) => {\r\n    if (this.type !== \"LID\") {\r\n      this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n    }\r\n  };\r\n\r\n  private suffix(): string | undefined {\r\n    if (this.vervallen) {\r\n      return \"vervallen\";\r\n    }\r\n\r\n    if (this.gereserveerd) {\r\n      return \"gereserveerd\";\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n    this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n  };\r\n\r\n  private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n    this.dsoRecursiveToggle.emit({\r\n      originalEvent: e,\r\n      current: this.recursiveToggle,\r\n      next: this.recursiveToggle !== true,\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const suffix = this.suffix();\r\n    const collapsible = !!(\r\n      (this.label || this.nummer || this.opschrift || this.alternativeTitle) &&\r\n      this.type !== \"LID\"\r\n    );\r\n    const showHeading = !!(\r\n      this.wijzigactie ||\r\n      collapsible ||\r\n      this.label ||\r\n      this.nummer ||\r\n      this.opschrift ||\r\n      this.alternativeTitle ||\r\n      this.bevatOntwerpInformatie ||\r\n      this.annotated\r\n    );\r\n\r\n    return (\r\n      <Host not-collapsible={!collapsible}>\r\n        {showHeading && (\r\n          <div class=\"heading-container\" part=\"_heading-container\">\r\n            {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n            <div class=\"heading\">\r\n              <Heading heading={this.heading} class=\"heading-element\" onClick={this.handleHeadingClick}>\r\n                {collapsible && (\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"toggle-button\"\r\n                    aria-describedby=\"heading-title\"\r\n                    aria-expanded={this.open.toString()}\r\n                  >\r\n                    <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n                    <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n                  </button>\r\n                )}\r\n                <div id=\"heading-title\">\r\n                  {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n                  {this.label || this.nummer || this.opschrift ? (\r\n                    <>\r\n                      {this.label && (\r\n                        <>\r\n                          {\" \"}\r\n                          <dso-ozon-content\r\n                            content={this.label}\r\n                            onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                            mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n                            onDsoOzonContentMarkItemHighlight={(e) =>\r\n                              this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n                            }\r\n                            inline\r\n                          ></dso-ozon-content>\r\n                        </>\r\n                      )}\r\n                      {this.nummer && (\r\n                        <>\r\n                          {\" \"}\r\n                          <dso-ozon-content\r\n                            content={this.nummer}\r\n                            onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                            mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n                            onDsoOzonContentMarkItemHighlight={(e) =>\r\n                              this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n                            }\r\n                            inline\r\n                          ></dso-ozon-content>\r\n                        </>\r\n                      )}\r\n                      {this.opschrift && (\r\n                        <>\r\n                          {\" \"}\r\n                          <dso-ozon-content\r\n                            content={this.opschrift}\r\n                            onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                            mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n                            onDsoOzonContentMarkItemHighlight={(e) =>\r\n                              this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n                            }\r\n                            inline\r\n                          ></dso-ozon-content>\r\n                        </>\r\n                      )}\r\n                    </>\r\n                  ) : (\r\n                    this.alternativeTitle\r\n                  )}\r\n                  {suffix && <span> - [{suffix}]</span>}\r\n                </div>\r\n              </Heading>\r\n              {this.recursiveToggle !== undefined && this.open && (\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"recursive-toggle\"\r\n                  title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n                  onClick={this.handleRecursiveToggleClick}\r\n                >\r\n                  <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n                </button>\r\n              )}\r\n              {this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (\r\n                <>\r\n                  <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n                    !\r\n                  </dso-badge>\r\n                  <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n                </>\r\n              )}\r\n              {(this.bevatOntwerpInformatie || this.annotated) && (\r\n                <div class=\"addons\">\r\n                  {this.bevatOntwerpInformatie && (\r\n                    <dso-label status=\"warning\" compact>\r\n                      Ontwerp\r\n                    </dso-label>\r\n                  )}\r\n                  {this.annotated && (\r\n                    <dso-annotation-button\r\n                      identifier=\"expandable\"\r\n                      open={this.openAnnotation}\r\n                      onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n                    ></dso-annotation-button>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div class=\"annotation-container\" part=\"_annotation-container\">\r\n          <slot name=\"annotation\" />\r\n        </div>\r\n        {this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (\r\n          <div class=\"content\" part=\"_content\">\r\n            {this.gereserveerd && (\r\n              <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n            )}\r\n            {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n            {this.inhoud && (\r\n              <dso-ozon-content\r\n                content={this.inhoud}\r\n                onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n                onDsoOzonContentMarkItemHighlight={(e) =>\r\n                  this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n                }\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n        <div class=\"children-container\" part=\"_children-container\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-1673196d.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as o,h as e,F as d,a as i}from"./p-1754d0a9.js";import{c as t}from"./p-8a1a6e56.js";import{d as r}from"./p-23b5692c.js";import{i as n}from"./p-2d694112.js";const a=".sc-dso-header-h{display:block}.dso-header.sc-dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}@media screen and (min-width: 768px){.dso-header.sc-dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down.sc-dso-header{flex-wrap:nowrap}}.dso-header.sc-dso-header .dso-nav.sc-dso-header{border:0}.logo-container.sc-dso-header{flex:1 1 12.5rem;margin-inline-end:24px;padding-bottom:16px;padding-top:16px}.dso-header-session.sc-dso-header{display:flex;align-items:center;margin-left:auto}.dso-header-session.sc-dso-header .profile.sc-dso-header .dso-tertiary.sc-dso-header,.dso-header-session.sc-dso-header .login.sc-dso-header .dso-tertiary.sc-dso-header,.dso-header-session.sc-dso-header .logout.sc-dso-header .dso-tertiary.sc-dso-header,.dso-header-session.sc-dso-header .help.sc-dso-header .dso-tertiary.sc-dso-header{cursor:pointer;font-family:Asap, sans-serif;font-weight:600;line-height:1.5}.dso-header-session.sc-dso-header .profile.sc-dso-header{margin-left:8px}.dso-header-session.sc-dso-header .profile.sc-dso-header+.logout.sc-dso-header,.dso-header-session.sc-dso-header .profile.sc-dso-header~.help.sc-dso-header{border-left:3px solid #ccc;margin-left:8px;padding-left:8px}.dso-header-session.sc-dso-header .help.sc-dso-header a.sc-dso-header,.dso-header-session.sc-dso-header .help.sc-dso-header button.sc-dso-header{display:flex}.dso-navbar.sc-dso-header{flex-basis:100%}.dso-navbar.sc-dso-header .dso-dropdown-options.sc-dso-header{border-top:1px solid #ccc}dso-dropdown-menu.sc-dso-header button.sc-dso-header{align-items:center;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{border:0;border-radius:0}@media screen and (min-width: 768px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:375px}}@media screen and (max-width: 767px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:100%}}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header,dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header button.sc-dso-header{color:#275937;font-size:1.25rem;padding:16px;white-space:pre-wrap}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:focus,dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header button.sc-dso-header:focus{color:#fff}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:hover,dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header button.sc-dso-header:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.dso-active.sc-dso-header a.sc-dso-header{font-weight:600}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header+li.sc-dso-header{border-top:1px solid #ccc}.dropdown.sc-dso-header{margin-left:auto;display:flex;align-items:center}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{position:static}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{right:0;top:100%}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:50%;transform:translateY(-50%)}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header:hover,.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.sc-dso-header{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav.sc-dso-header>li.sc-dso-header{margin-bottom:4px}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header{display:block}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:visited{color:#275937}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header{margin-bottom:0}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header>a.sc-dso-header{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main.sc-dso-header{display:flex !important}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus-visible,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:active{text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{left:-1rem !important;top:3px !important}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:auto;transform:none}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header{margin-left:auto}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header dso-icon.sc-dso-header{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";const h=a;const c=992;const l=class{constructor(d){s(this,d);this.dsoHeaderClick=o(this,"dsoHeaderClick",7);this.onWindowResize=r((()=>{var s,o;(s=this.dropdownElement)===null||s===void 0?void 0:s.removeAttribute("open");(o=this.dropdownElement)===null||o===void 0?void 0:o.removeAttribute("tabindex");this.setDropDownMenu();this.setOverflowMenu();if(this.showDropDown){this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()}}),100);this.MenuItem=s=>e("li",{class:s.active?"dso-active":undefined},e("a",{href:s.url,"aria-current":s.active?"page":undefined,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:s})},s.label));this.mainMenu=[];this.useDropDownMenu="auto";this.authStatus="none";this.loginUrl=undefined;this.logoutUrl=undefined;this.showHelp=false;this.helpUrl=undefined;this.userProfileName=undefined;this.userProfileUrl=undefined;this.userHomeUrl=undefined;this.userHomeActive=undefined;this.showDropDown=undefined;this.overflowMenuItems=0;this.dropdownOptionsOffset=0}clickHandler(s,o,e){var d,i;this.dsoHeaderClick.emit({originalEvent:s,isModifiedEvent:n(s),type:o,menuItem:e===null||e===void 0?void 0:e.menuItem,url:(d=e===null||e===void 0?void 0:e.url)!==null&&d!==void 0?d:(i=e===null||e===void 0?void 0:e.menuItem)===null||i===void 0?void 0:i.url})}setShowDropDown(s){if(s==="auto"){this.setDropDownMenu();return}this.showDropDown=s==="always"}shrinkMenuToFit(){if(!this.wrapper||!this.nav){return}if(this.wrapper.clientWidth>=this.nav.clientWidth){return}if(this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length){return}this.overflowMenuItems++}componentDidRender(){if(this.showDropDown){this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset();return}window.setTimeout((()=>this.shrinkMenuToFit()),0)}componentDidLoad(){this.setShowDropDown(this.useDropDownMenu);if(this.showDropDown){this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()}}setOverflowMenu(){if(this.showDropDown){return}if(this.overflowMenuItems!==0){this.overflowMenuItems=0;return}this.shrinkMenuToFit()}setDropDownMenu(){if(this.useDropDownMenu!=="auto"){return}this.showDropDown=window.innerWidth<c}calculateDropdownOptionsOffset(){var s;if(!this.dropdownElement){return 0}return this.host.clientHeight-(((s=this.dropdownElement)===null||s===void 0?void 0:s.getBoundingClientRect().bottom)-this.host.getBoundingClientRect().top)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){if(this.showDropDown===undefined){return}return e(d,null,e("div",{class:t("dso-header",{["use-drop-down"]:this.showDropDown}),ref:s=>this.wrapper=s},e("div",{class:"logo-container"},e("slot",{name:"logo"})),this.showDropDown&&this.mainMenu&&(this.mainMenu.length>0||this.userHomeUrl||this.authStatus!=="none")&&e("div",{class:"dropdown"},e("dso-dropdown-menu",{"dropdown-align":"right",strategy:"absolute",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:s=>this.dropdownElement=s},e("button",{type:"button",slot:"toggle"},e("span",null,"Menu")),e("div",{class:"dso-dropdown-options"},e("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&e("li",null,e("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&e("li",null,e("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName,e("span",{class:"profile-label"}," - Mijn profiel"))),this.authStatus==="loggedOut"&&e("li",null,this.loginUrl?e("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):e("button",{type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),this.authStatus==="loggedIn"&&e("li",null,this.logoutUrl?e("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):e("button",{type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")),this.showHelp&&e("li",null,this.helpUrl?e("a",{href:this.helpUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"help",{url:this.helpUrl})},e("span",null,"Help"),e("dso-icon",{icon:"help"})):e("button",{type:"button",class:"dso-tertiary",onClick:s=>this.clickHandler(s,"help")},e("span",null,"Help"),e("dso-icon",{icon:"help"}))))))),!this.showDropDown&&e(d,null,e("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&e("div",{class:"profile"},e("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName)),this.authStatus==="loggedOut"&&e("div",{class:"login"},this.loginUrl?e("a",{href:this.loginUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):e("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),this.authStatus==="loggedIn"&&e("div",{class:"logout"},this.logoutUrl?e("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):e("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")),this.showHelp&&e("div",{class:"help"},this.helpUrl?e("a",{href:this.helpUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"help",{url:this.helpUrl})},e("span",null,"Help"),e("dso-icon",{icon:"help"})):e("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"help")},e("span",null,"Help"),e("dso-icon",{icon:"help"})))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&e("nav",{class:"dso-navbar"},e("ul",{class:"dso-nav dso-nav-main",ref:s=>this.nav=s},this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&e("li",null,e("dso-dropdown-menu",{placement:"bottom"},e("button",{type:"button",slot:"toggle"},e("span",null,"Meer")),e("div",{class:"dso-dropdown-options"},e("ul",null,this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem))))),this.userHomeUrl&&e("li",{class:t("menu-user-home",{"dso-active":this.userHomeActive})},e("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":undefined,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},e("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return i(this)}static get watchers(){return{useDropDownMenu:["setShowDropDown"]}}};l.style=h;export{l as dso_header};
-//# sourceMappingURL=p-1673196d.entry.js.map

package/dist/dso-toolkit/p-1754d0a9.js

@@ -1,3 +0,0 @@
-const e="dso-toolkit";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l={};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var o=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function f(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var c={};n(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>p,unwrapErr:()=>h});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>u(e)))}else{return u(r)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var p=e=>{if(e.isOk){return e.value}else{throw e.value}};var h=e=>{if(e.isErr){return e.value}else{throw e.value}};var m=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var b="{visibility:hidden}.hydrated{visibility:inherit}";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g="http://www.w3.org/1999/xlink";var $=(e,t,...r)=>{let n=null;let l=null;let s=null;let i=false;let o=false;const f=[];const c=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){c(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!a(n)){n=String(n)}if(i&&o){f[f.length-1].t+=n}else{f.push(i?S(null,n):n)}o=i}}};c(r);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,j)}const u=S(e,null);u.l=t;if(f.length>0){u.i=f}{u.o=l}{u.u=s}return u};var S=(e,t)=>{const r={v:0,p:e,t,h:null,i:null};{r.l=null}{r.o=null}{r.u=null}return r};var k={};var C=e=>e&&e.p===k;var j={forEach:(e,t)=>e.map(O).forEach(t),map:(e,t)=>e.map(O).map(t).map(x)};var O=e=>({vattrs:e.l,vchildren:e.i,vkey:e.o,vname:e.u,vtag:e.p,vtext:e.t});var x=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return $(e.vtag,t,...e.vchildren||[])}const t=S(e.vtag,e.vtext);t.l=e.vattrs;t.i=e.vchildren;t.o=e.vkey;t.u=e.vname;return t};var T=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var R=e=>Ie(e).$hostElement$;var L=(e,t,r)=>{const n=R(e);return{emit:e=>D(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var D=(e,t,r)=>{const n=rt.ce(t,r);e.dispatchEvent(n);return n};var E=new WeakMap;var F=(e,t,r)=>{let n=Ze.get(e);if(st&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}Ze.set(e,n)};var M=(e,t,r)=>{var n;const l=A(t);const s=Ze.get(l);e=e.nodeType===11?e:tt;if(s){if(typeof s==="string"){e=e.head||e;let r=E.get(e);let i;if(!r){E.set(e,r=new Set)}if(!r.has(l)){{i=tt.createElement("style");i.innerHTML=s;const t=(n=rt.m)!=null?n:f(tt);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=w}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var P=e=>{const t=e.$;const r=e.$hostElement$;const n=t.v;const l=m("attachStyles",t.S);const s=M(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=s;r.classList.add(s+"-h");if(n&2){r.classList.add(s+"-s")}}l()};var A=(e,t)=>"sc-"+e.S;var N=(e,t,r,n,l,s)=>{if(r!==n){let i=Xe(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=W(r);const s=W(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Xe(et,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const l=t.endsWith(H);t=t.replace(z,"");if(r){rt.rel(e,t,r,l)}if(n){rt.ael(e,t,n,l)}}}else{const f=a(n);if((i||f&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}let c=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;c=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(g,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!f){n=n===true?"":n;if(c){e.setAttributeNS(g,t,n)}else{e.setAttribute(t,n)}}}}};var U=/\s/;var W=e=>!e?[]:e.split(U);var H="Capture";var z=new RegExp(H+"$");var B=(e,t,r)=>{const n=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const s=e&&e.l||l;const i=t.l||l;{for(const e of Q(Object.keys(s))){if(!(e in i)){N(n,e,s[e],void 0,r,t.v)}}}for(const e of Q(Object.keys(i))){N(n,e,s[e],i[e],r,t.v)}};function Q(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var q;var G;var I;var K=false;var V=false;var X=false;var _=false;var J=(e,t,r,n)=>{var l;const a=t.i[r];let f=0;let c;let u;let v;if(!K){X=true;if(a.p==="slot"){if(q){n.classList.add(q+"-s")}a.v|=a.i?2:1}}if(a.t!==null){c=a.h=tt.createTextNode(a.t)}else if(a.v&1){c=a.h=tt.createTextNode("")}else{if(!_){_=a.p==="svg"}c=a.h=tt.createElementNS(_?s:i,a.v&2?"slot-fb":a.p);if(_&&a.p==="foreignObject"){_=false}{B(null,a,_)}if(o(q)&&c["s-si"]!==q){c.classList.add(c["s-si"]=q)}if(a.i){for(f=0;f<a.i.length;++f){u=J(e,a,f,c);if(u){c.appendChild(u)}}}{if(a.p==="svg"){_=false}else if(c.tagName==="foreignObject"){_=true}}}c["s-hn"]=I;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=G;c["s-sn"]=a.u||"";c["s-rf"]=(l=a.l)==null?void 0:l.ref;v=e&&e.i&&e.i[r];if(v&&v.p===a.p&&e.h){{Y(e.h,false)}}}}return c};var Y=(e,r)=>{rt.v|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===I){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==I&&t["s-ol"]){ue(le(t),t,ne(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;X=true}if(r){Y(t,r)}}rt.v&=~1};var Z=(e,t,r,n,l,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===I){i=i.shadowRoot}for(;l<=s;++l){if(n[l]){o=J(null,r,l,e);if(o){n[l].h=o;ue(i,o,ne(t))}}}};var ee=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.h;ce(t);if(e){{V=true;if(e["s-ol"]){e["s-ol"].remove()}else{Y(e,true)}}e.remove()}}}};var te=(e,t,r,n,l=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++i]}else if(p==null){p=n[--v]}else if(re(c,d,l)){se(c,d,l);c=t[++s];d=n[++i]}else if(re(u,p,l)){se(u,p,l);u=t[--f];p=n[--v]}else if(re(c,p,l)){if(c.p==="slot"||p.p==="slot"){Y(c.h.parentNode,false)}se(c,p,l);ue(e,c.h,u.h.nextSibling);c=t[++s];p=n[--v]}else if(re(u,d,l)){if(c.p==="slot"||p.p==="slot"){Y(u.h.parentNode,false)}se(u,d,l);ue(e,u.h,c.h);u=t[--f];d=n[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].o!==null&&t[a].o===d.o){o=a;break}}}if(o>=0){m=t[o];if(m.p!==d.p){h=J(t&&t[i],r,o,e)}else{se(m,d,l);t[o]=void 0;h=m.h}d=n[++i]}else{h=J(t&&t[i],r,i,e);d=n[++i]}if(h){{ue(le(c.h),h,ne(c.h))}}}}if(s>f){Z(e,n[v+1]==null?null:n[v+1].h,r,n,i,v)}else if(i>v){ee(t,s,f)}};var re=(e,t,r=false)=>{if(e.p===t.p){if(e.p==="slot"){return e.u===t.u}if(!r){return e.o===t.o}return true}return false};var ne=e=>e&&e["s-ol"]||e;var le=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var se=(e,t,r=false)=>{const n=t.h=e.h;const l=e.i;const s=t.i;const i=t.p;const o=t.t;let a;if(o===null){{_=i==="svg"?true:i==="foreignObject"?false:_}{if(i==="slot"&&!K);else{B(e,t,_)}}if(l!==null&&s!==null){te(n,l,t,s,r)}else if(s!==null){if(e.t!==null){n.textContent=""}Z(n,null,t,s,0,s.length-1)}else if(l!==null){ee(l,0,l.length-1)}if(_&&i==="svg"){_=false}}else if(a=n["s-cr"]){a.parentNode.textContent=o}else if(e.t!==o){n.data=o}};var ie=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}ie(e)}}};var oe=[];var ae=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(fe(r,e)){let t=oe.find((e=>e.k===r));V=true;r["s-sn"]=r["s-sn"]||e;if(t){t.k["s-sh"]=s["s-hn"];t.C=s}else{r["s-sh"]=s["s-hn"];oe.push({C:s,k:r})}if(r["s-sr"]){oe.map((e=>{if(fe(e.k,r["s-sn"])){t=oe.find((e=>e.k===r));if(t&&!e.C){e.C=t.C}}}))}}else if(!oe.some((e=>e.k===r))){oe.push({k:r})}}}}if(s.nodeType===1){ae(s)}}};var fe=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var ce=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(ce)}};var ue=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);{de(t,e)}return n};var ve=e=>e?e["s-rsc"]||e["s-si"]||e["s-sc"]||ve(e.parentElement):void 0;var de=(e,t)=>{var r,n,l;if(e&&t){const s=e["s-rsc"];const i=ve(t);s&&((r=e.classList)==null?void 0:r.contains(s))&&e.classList.remove(s);if(i){e["s-rsc"]=i;!((n=e.classList)==null?void 0:n.contains(i))&&((l=e.classList)==null?void 0:l.add(i))}}};var pe=(e,t,r=false)=>{var n,l,s,i;const o=e.$hostElement$;const a=e.$;const f=e.j||S(null,null);const c=C(t)?t:$(null,null,t);I=o.tagName;if(a.O){c.l=c.l||{};a.O.map((([e,t])=>c.l[t]=o[e]))}if(r&&c.l){for(const e of Object.keys(c.l)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.l[e]=o[e]}}}c.p=null;c.v|=4;e.j=c;c.h=f.h=o.shadowRoot||o;{q=o["s-sc"]}K=(a.v&1)!==0;{G=o["s-cr"];V=false}se(f,c,r);{rt.v|=1;if(X){ae(c.h);for(const e of oe){const t=e.k;if(!t["s-ol"]){const e=tt.createTextNode("");e["s-nr"]=t;ue(t.parentNode,t["s-ol"]=e,t)}}for(const e of oe){const t=e.k;const o=e.C;if(o){const e=o.parentNode;let r=o.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}ue(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(V){ie(c.h)}rt.v&=~1;oe.length=0}G=void 0};var he=(e,t)=>{if(t&&!e.T&&t["s-p"]){t["s-p"].push(new Promise((t=>e.T=t)))}};var me=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}he(e,e.R);const r=()=>ye(e,t);return dt(r)};var ye=(e,t)=>{const r=e.$hostElement$;const n=m("scheduleUpdate",e.$.S);const l=e.L;if(!l){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.v|=256;if(e.D){e.D.map((([e,t])=>xe(l,e,t)));e.D=void 0}}{s=xe(l,"componentWillLoad")}}n();return be(s,(()=>ge(e,l,t)))};var be=(e,t)=>we(e)?e.then(t):t();var we=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ge=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=m("update",e.$.S);const i=l["s-rc"];if(r){P(e)}const o=m("render",e.$.S);{Se(e,t,l,r)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>Ce(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.v|=4;t.length=0}}};var $e=null;var Se=(e,t,r,n)=>{try{$e=t;t=t.render();{e.v&=~16}{e.v|=2}{{{pe(e,t,n)}}}}catch(t){_e(t,e.$hostElement$)}$e=null;return null};var ke=()=>$e;var Ce=e=>{const t=e.$.S;const r=e.$hostElement$;const n=m("postUpdate",t);const l=e.L;const s=e.R;{xe(l,"componentDidRender")}if(!(e.v&64)){e.v|=64;{Te(r)}{xe(l,"componentDidLoad")}n();{e.F(r);if(!s){Oe()}}}else{n()}{e.M(r)}{if(e.T){e.T();e.T=void 0}if(e.v&512){vt((()=>me(e,false)))}e.v&=~(4|512)}};var je=e=>{{const t=Ie(e);const r=t.$hostElement$.isConnected;if(r&&(t.v&(2|16))===2){me(t,false)}return r}};var Oe=t=>{{Te(tt.documentElement)}vt((()=>D(et,"appload",{detail:{namespace:e}})))};var xe=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){_e(e)}}return void 0};var Te=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Re=(e,t)=>Ie(e).P.get(t);var Le=(e,t,r,n)=>{const l=Ie(e);if(!l){throw new Error(`Couldn't find host element for "${n.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=l.$hostElement$;const i=l.P.get(t);const o=l.v;const a=l.L;r=T(r,n.A[t][0]);const f=Number.isNaN(i)&&Number.isNaN(r);const c=r!==i&&!f;if((!(o&8)||i===void 0)&&c){l.P.set(t,r);if(a){if(n.N&&o&128){const e=n.N[t];if(e){e.map((e=>{try{a[e](r,i,t)}catch(e){_e(e,s)}}))}}if((o&(2|16))===2){me(l,false)}}}};var De=(e,t,r)=>{var n;const l=e.prototype;if(t.A){if(e.watchers){t.N=e.watchers}const s=Object.entries(t.A);s.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(l,e,{get(){return Re(this,e)},set(r){Le(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(l,e,{value(...t){var r;const n=Ie(this);return(r=n==null?void 0:n.U)==null?void 0:r.then((()=>{var r;return(r=n.L)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;l.attributeChangedCallback=function(e,n,s){rt.jmp((()=>{var i;const o=r.get(e);if(this.hasOwnProperty(o)){s=this[o];delete this[o]}else if(l.hasOwnProperty(o)&&typeof this[o]==="number"&&this[o]==s){return}else if(o==null){const r=Ie(this);const l=r==null?void 0:r.v;if(l&&!(l&8)&&l&128&&s!==n){const l=r.L;const o=(i=t.N)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(l[t]!=null){l[t].call(l,s,n,e)}}))}return}this[o]=s===null&&typeof this[o]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((n=t.N)!=null?n:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const s=n[1]||e;r.set(s,e);if(n[0]&512){(l=t.O)==null?void 0:l.push([e,s])}return s}))]))}}return e};var Ee=async(e,t,r,n)=>{let l;if((t.v&32)===0){t.v|=32;const n=r.W;if(n){const e=Ye(r);if(e&&"then"in e){const t=y();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.S}#${t.H}" was not found`)}if(!l.isProxied){{r.N=l.watchers}De(l,r,2);l.isProxied=true}const n=m("createInstance",r.S);{t.v|=8}try{new l(t)}catch(e){_e(e)}{t.v&=~8}{t.v|=128}n();Fe(t.L)}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.v|=128))}if(l&&l.style){let e=l.style;const t=A(r);if(!Ze.has(t)){const n=m("registerStyles",r.S);F(t,e,!!(r.v&1));n()}}}const s=t.R;const i=()=>me(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Fe=e=>{{xe(e,"connectedCallback")}};var Me=e=>{if((rt.v&1)===0){const t=Ie(e);const r=t.$;const n=m("connectedCallback",r.S);if(!(t.v&1)){t.v|=1;{if(r.v&(4|8)){Pe(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){he(t,t.R=r);break}}}if(r.A){Object.entries(r.A).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Ee(e,t,r)}}else{He(e,t,r.B);if(t==null?void 0:t.L){Fe(t.L)}else if(t==null?void 0:t.q){t.q.then((()=>Fe(t.L)))}}n()}};var Pe=e=>{const t=e["s-cr"]=tt.createComment("");t["s-cn"]=true;ue(e,t,e.firstChild)};var Ae=e=>{{xe(e,"disconnectedCallback")}};var Ne=async e=>{if((rt.v&1)===0){const t=Ie(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.L){Ae(t.L)}else if(t==null?void 0:t.q){t.q.then((()=>Ae(t.L)))}}};var Ue=(e,t={})=>{var r;const n=m();const l=[];const s=t.exclude||[];const i=et.customElements;const o=tt.head;const a=o.querySelector("meta[charset]");const c=tt.createElement("style");const u=[];let v;let d=true;Object.assign(rt,t);rt.I=new URL(t.resourcesUrl||"./",tt.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var r;const n={v:t[0],S:t[1],A:t[2],B:t[3]};if(n.v&4){p=true}{n.A=t[2]}{n.B=t[3]}{n.O=[]}{n.N=(r=t[4])!=null?r:{}}const o=n.S;const a=class extends HTMLElement{constructor(e){super(e);e=this;Ve(e,n);if(n.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(d){u.push(this)}else{rt.jmp((()=>Me(this)))}}disconnectedCallback(){rt.jmp((()=>Ne(this)))}componentOnReady(){return Ie(this).q}};n.W=e[0];if(!s.includes(o)&&!i.get(o)){l.push(o);i.define(o,De(a,n,1))}}))}));if(l.length>0){if(p){c.textContent+=w}{c.textContent+=l+b}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(r=rt.m)!=null?r:f(tt);if(e!=null){c.setAttribute("nonce",e)}o.insertBefore(c,a?a.nextSibling:o.firstChild)}}d=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{rt.jmp((()=>v=setTimeout(Oe,30)))}}n()};var We=(e,t)=>t;var He=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=Be(e,r);const i=ze(t,l);const o=Qe(r);rt.ael(s,n,i,o);(t.G=t.G||[]).push((()=>rt.rel(s,n,i,o)))}))}};var ze=(e,t)=>r=>{try{{if(e.v&256){e.L[t](r)}else{(e.D=e.D||[]).push([t,r])}}}catch(e){_e(e)}};var Be=(e,t)=>{if(t&4)return tt;if(t&8)return et;return e};var Qe=e=>nt?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var qe=e=>rt.m=e;var Ge=new WeakMap;var Ie=e=>Ge.get(e);var Ke=(e,t)=>Ge.set(t.L=e,t);var Ve=(e,t)=>{const r={v:0,$hostElement$:e,$:t,P:new Map};{r.U=new Promise((e=>r.M=e))}{r.q=new Promise((e=>r.F=e));e["s-p"]=[];e["s-rc"]=[]}He(e,r,t.B);return Ge.set(e,r)};var Xe=(e,t)=>t in e;var _e=(e,t)=>(0,console.error)(e,t);var Je=new Map;var Ye=(e,t,r)=>{const n=e.S.replace(/-/g,"_");const l=e.W;const s=Je.get(l);if(s){return s[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Je.set(l,e)}return e[n]}),_e)};var Ze=new Map;var et=typeof window!=="undefined"?window:{};var tt=et.document||{head:{}};var rt={v:0,I:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var nt=(()=>{let e=false;try{tt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var lt=e=>Promise.resolve(e);var st=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var it=false;var ot=[];var at=[];var ft=(e,t)=>r=>{e.push(r);if(!it){it=true;if(t&&rt.v&4){vt(ut)}else{rt.raf(ut)}}};var ct=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){_e(e)}}e.length=0};var ut=()=>{ct(ot);{ct(at);if(it=ot.length>0){rt.raf(ut)}}};var vt=e=>lt().then(e);var dt=ft(at,true);export{We as F,k as H,R as a,Ue as b,L as c,je as f,ke as g,$ as h,lt as p,Ke as r,qe as s};
-//# sourceMappingURL=p-1754d0a9.js.map