npm - @dso-toolkit/core - Versions diffs - 88.1.0 → 89.0.0 - Mend

@dso-toolkit/core 88.1.0 → 89.0.0

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

Files changed (1342) hide show

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

@@ -0,0 +1 @@

+ import{r as o,d as e,h as r,F as a,g as t,a as s}from"./p-ai7aDzJN.js";import{A as n}from"./p-CiFROHm0.js";import{w as i,A as d,a as l}from"./p-BlaG0Agw.js";import{p as c,a as b,M as p}from"./p-DMMFbykw.js";import{i as m}from"./p-Hgv-pDpy.js";const f=class{constructor(r){o(this,r),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=i(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return r(n,{key:"f73c4480e55cea90ca7774c1d53fe9132c2af190",symbol:o?r(l,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:r(a,null,r("span",{class:"content"},r("dso-renvooi",{value:this.locatieNoemer})),this.gewijzigdeLocatie&&r(d,null))})}get host(){return t(this)}};f.style='a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';const g=({heading:o,mode:e,href:a,onClick:t,...s},n)=>{let i;switch(o){default:case"h2":i=r("h2",{...s,onClick:"document"===e?t:void 0},n);break;case"h3":i=r("h3",{...s,onClick:"document"===e?t:void 0},n);break;case"h4":i=r("h4",{...s,onClick:"document"===e?t:void 0},n);break;case"h5":i=r("h5",{...s,onClick:"document"===e?t:void 0},n);break;case"h6":i=r("h6",{...s,onClick:"document"===e?t:void 0},n)}return"table-of-contents"===e&&a?r("a",{href:a,onClick:t,class:"heading-anchor"},i):i},y={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"},h=({gereserveerd:o,vervallen:e})=>r(a,null," ",o&&r("dso-label",{compact:!0,...o.wijzigactie?{status:"voegtoe"===o.wijzigactie?"toegevoegd":"verwijderd"}:{}},o.type)," ",e&&r("dso-label",{compact:!0,...e.wijzigactie?{status:"voegtoe"===e.wijzigactie?"toegevoegd":"verwijderd"}:{}},e.type)),u=({gereserveerd:o,vervallen:e})=>o&&"verwijder"!==o.wijzigactie&&!e?r("dso-alert",{status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging."):e&&"voegtoe"!==e.wijzigactie&&!o?r("dso-alert",{status:"info"},"Dit onderdeel is vervallen."):null,v=class{constructor(r){o(this,r),this.dsoRecursiveToggle=e(this,"dsoRecursiveToggle",3),this.dsoOpenToggle=e(this,"dsoOpenToggle",3),this.dsoTableOfContentsClick=e(this,"dsoTableOfContentsClick",3),this.dsoOzonContentClick=e(this,"dsoOzonContentClick",3),this.dsoAnnotationToggle=e(this,"dsoAnnotationToggle",3),this.dsoMarkItemHighlight=e(this,"dsoMarkItemHighlight",3),this.heading="h2",this.open=!1,this.filtered=!1,this.notApplicable=!1,this.annotated=!1,this.openAnnotation=!1,this.mode="document",this.handleHeadingClick=o=>{"table-of-contents"===this.mode?this.dsoTableOfContentsClick.emit({originalEvent:o,isModifiedEvent:m(o)}):"LID"!==this.type&&this.dsoOpenToggle.emit({originalEvent:o,open:!this.open})},this.handleOzonContentClick=o=>{const{detail:e}=o;"Kop"===e.type?this.handleHeadingClick(e.originalEvent):this.dsoOzonContentClick.emit({originalEvent:o,ozonContentClick:o.detail})},this.handleRecursiveToggleClick=o=>{this.dsoRecursiveToggle.emit({originalEvent:o,current:this.recursiveToggle,next:!0!==this.recursiveToggle})}}get kop(){return this._kopInput}set kop(o){this._kopInput=o,this._kop="string"==typeof o?c(o):o}get inhoud(){return this._inhoudInput}set inhoud(o){this._inhoudInput=o,this._inhoud="string"==typeof o?c(o):o}get gereserveerd(){return this._gereserveerdInput}set gereserveerd(o){this._gereserveerdInput=o,this._gereserveerd=this.parseAantekenElement(o)}get vervallen(){return this._vervallenInput}set vervallen(o){this._vervallenInput=o,this._vervallen=this.parseAantekenElement(o)}get wijzigactieLabel(){return this.wijzigactie&&y[this.wijzigactie]}showBadge(){return!!this.badge&&(!this.open&&"document"===this.mode||"table-of-contents"===this.mode)}parseAantekenElement(o){if(!o)return;let e;if("string"==typeof o){const r=c(o);e=r?.documentElement}else o instanceof XMLDocument&&(e=o.documentElement);if(!e)return;const r=b(e),a=e.tagName.toLowerCase();let t;return"vervallen"===a?t="Vervallen":"gereserveerd"===a&&(t="Gereserveerd"),t?{type:t,wijzigactie:r}:void 0}render(){const o=!(!this._kop&&!this.alternativeTitle||"LID"===this.type);return r(s,{key:"68f4fb252bc7a1657867c8462f02c37acfcfd795","not-collapsible":!o},!!(this.wijzigactie||o||this._kop||this.alternativeTitle||this.label||this.annotated)&&r("div",{key:"dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4",class:"heading-container",part:"_heading-container"},this.wijzigactie&&r("span",{key:"461c603eab7110053373f2b5c224dadb9b7a1e11",class:"editaction-label"},this.wijzigactieLabel,":"),r("div",{key:"956832b500e8fd2af29a324c6396e87957c08e1a",class:"heading"},r(g,{key:"d4d1ba7715f0760697ba7b19beedc91a76da1719",heading:this.heading,class:"heading-element",onClick:this.alternativeTitle?this.handleHeadingClick:void 0,mode:this.mode,href:this.href},o&&"document"===this.mode&&r("dso-icon-button",{key:"981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2",label:this.open?"Invouwen":"Uitvouwen",class:"toggle-button",icon:this.open?"chevron-down":"chevron-right",variant:"tertiary",onDsoClick:o=>this.handleHeadingClick(o.detail.originalEvent)}),r("div",{key:"71d8c07c0ac6444fb8be558201e0c427259b684f"},this.notApplicable&&r("span",{key:"e339b003b6603fa435c2ed0fc2cf47d2b67b41e9",class:"sr-only"},"Niet van toepassing:"),this._kop?r("dso-ozon-content",{class:"kop",content:this._kop,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(o=>this.mark?.(o,"kop")),onDsoOzonContentMarkItemHighlight:o=>this.dsoMarkItemHighlight.emit({...o.detail,source:"kop"}),inline:!0,urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated}):r("span",{class:"alternative-title"},!this.mark&&this.alternativeTitle||this.mark&&this.alternativeTitle&&r(p,{mark:this.mark&&(o=>this.mark?.(o,"alternativeTitle")),text:this.alternativeTitle,emitMarkItemHighlight:(o,e)=>this.dsoMarkItemHighlight.emit({text:o,elementRef:e,source:"alternativeTitle"})})),r(h,{key:"00b0e9074b2d34a39f64b68cb454379345f9e673",gereserveerd:this._gereserveerd,vervallen:this._vervallen}))),void 0!==this.recursiveToggle&&this.open&&"document"===this.mode&&r("dso-icon-button",{key:"4c6a480b2c9197c5d8f3479ad747b0533949db18",label:!0===this.recursiveToggle?"Verberg alles":"Toon alles",class:"recursive-toggle",icon:!0===this.recursiveToggle?"eye":"eye-slash",variant:"tertiary",onDsoClick:o=>this.handleRecursiveToggleClick(o.detail.originalEvent)}),this.showBadge()&&r(a,{key:"d2dedc1f3fc8e3a05f6a023954876a30f87d4abf"},r("dso-badge",{key:"3254a799ccfe8325520ee0b34ee1f1e93b27c087",status:this.badgeStatus,"aria-describedby":"badge-description"},this.badge),this.badgeTooltip&&r("dso-tooltip",{key:"b949264eefb558b54b747083d2540cad06304887",id:"badge-description"},this.badgeTooltip)),(this.label||this.annotated)&&r("div",{key:"4d3d3681167f76034eb96d30ef3febceb1118567",class:"addons"},this.label&&r("dso-label",{key:"81d39d5e996b62fd98cc086e2f99ed9e7b5271f8",status:this.labelStatus,compact:!0},this.label),this.annotated&&"document"===this.mode&&r("dso-icon-button",{key:"4aaf2a51790cb50355e3bc8eeb08f39c1355f76b",label:"Kenmerken en kaartgegevens "+(this.openAnnotation?"verbergen":"tonen"),icon:"label",variant:"tertiary",onDsoClick:o=>this.dsoAnnotationToggle.emit({originalEvent:o.detail.originalEvent})})))),this.openAnnotation&&r("div",{key:"867c144ed5290d09684622a0f292b69a2d5d99ef",class:"annotation-container",part:"_annotation-container"},r("dso-panel",{key:"40209342743374c35afb80c3627a80bdd9f91f17",id:"annotations",onDsoCloseClick:o=>this.dsoAnnotationToggle.emit({originalEvent:o}),closeButtonLabel:"Kenmerken en kaartgegevens verbergen"},r("h2",{key:"26a7fedc702cb16941b065a110f05a2eb20e7b63",slot:"heading"},"Kenmerken en kaart"),r("slot",{key:"8f7cb218e8cabbc070a6782ca49c215f9802570c",name:"annotations"}))),this.open&&(this._inhoud||this._gereserveerd||this._vervallen)&&"document"===this.mode&&r("div",{key:"0d7ff1c5143320acdccf7b8f4662e661e765acfa",class:"content",part:"_content"},r(u,{key:"1959a7c591ba1947bc03667450c4e159f5e1ed67",gereserveerd:this._gereserveerd,vervallen:this._vervallen}),this._inhoud&&r("dso-ozon-content",{key:"702b0bd57cb52ceb8e4e7d34e728d0c41305ed48",content:this._inhoud,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(o=>this.mark?.(o,"inhoud")),onDsoOzonContentMarkItemHighlight:o=>this.dsoMarkItemHighlight.emit({...o.detail,source:"inhoud"}),urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated})),r("div",{key:"b4917c7fc168fa02fa7c8d0377c9f351257a36a3",class:"children-container",part:"_children-container"},r("slot",{key:"c5ffa83d96e186675aa81fcc14681372e0095e24"})))}};v.style="button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } a.dso-primary, button.dso-primary, label.dso-primary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible { outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after { content: \"\"; display: inline-block; margin-inline-start: 8px; } a.dso-primary, button.dso-primary, label.dso-primary { background-color: var(--_dso-button-primary-background-color, #39870c); border-color: var(--_dso-button-primary-border-color, #39870c); color: var(--_dso-button-primary-color, #fff); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover { background-color: var(--_dso-button-primary-hover-background-color, #275937); border-color: var(--_dso-button-primary-hover-border-color, #275937); color: var(--_dso-button-primary-hover-color, #fff); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { background-color: var(--_dso-button-primary-active-background-color, #173521); border-color: var(--_dso-button-primary-active-border-color, #173521); color: var(--_dso-button-primary-active-color, #fff); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover { background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d); border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d); color: var(--_dso-button-primary-disabled-color, #fff); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small { line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] { background-color: #39870c; border-color: #39870c; color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after { background: url(\"./di.svg#download-wit\") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after { background: url(\"./di.svg#external-link-wit\") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-secondary, button.dso-secondary, label.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible { outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after { content: \"\"; display: inline-block; margin-inline-start: 8px; } a.dso-secondary, button.dso-secondary, label.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small { line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after { background: url(\"./di.svg#download\") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\")); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after { background: url(\"./di.svg#external-link\") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\")); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: \"\"; display: inline-block; margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: \"\"; display: inline-block; margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small { line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { padding-block: 9px; } a.dso-tertiary dso-icon:has(+ span:not(.sr-only)), button.dso-tertiary dso-icon:has(+ span:not(.sr-only)), label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { border: 0; line-height: 1; padding: 0; background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right { color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; } a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span { vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { position: relative; inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after { background: url(\"./di.svg#download\") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\")); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\")); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after { background: url(\"./di.svg#external-link\") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\")); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\")); } a.dso-map, button.dso-map, label.dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active { outline: 0; } a.dso-map, button.dso-map, label.dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-map:active, button.dso-map:active, label.dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small { line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after { 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\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } a.dso-primary { text-decoration: none; } a.dso-primary, a.dso-primary:visited { color: #fff; } a.dso-secondary { text-decoration: none; } a.dso-secondary, a.dso-secondary:visited { color: #39870c; } a.dso-secondary:hover, a.dso-secondary:visited:hover { color: #275937; } a.dso-tertiary { text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited { color: #39870c; } .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary { margin-inline-start: 16px; } mark { background-color: var(--_dt-mark-bg-color, #f8f5ce); color: var(--_dt-mark-color, #000); padding-block: var(--_dt-mark-padding-block, 0.2rem); font-weight: var(--_dt-mark-font-weight, normal); } mark.dso-highlight { background-color: #dbd136; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } :host { display: block; --depth: var(--a, 0); } :host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) { padding-inline-start: 8px; margin-inline-end: 8px; } :host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])), :host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container { padding-block-start: 4px; padding-block-end: 4px; } :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) { --_dso-document-component-text-decoration: line-through; --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; } .heading-element, .content { text-decoration: var(--_dso-document-component-text-decoration); --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration); } @media screen and (min--moz-device-pixel-ratio: 0) { .heading-element, .content { font-family: sans-serif; } } :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } :host([filtered]) { position: relative; } :host([filtered])::before { content: \"\"; inset-inline-start: -3px; position: absolute; display: block; inline-size: 3px; inset-block-start: 0; inset-block-end: 0; background-color: #6ca4d9; } :host([open]) .annotation-container, :host([open]) .heading-container, :host([open-annotation]) .annotation-container, :host([open-annotation]) .heading-container { margin-block-end: 8px; } :host(:not([open])) dso-ozon-content::part(_subtitels), :host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) { display: none; } .recursive-toggle, .toggle-button { --_dso-icon-button-tertiary-color: #275937; border: 0; padding: 0; background: 0; color: #275937; } .heading-anchor { display: flex; flex-wrap: nowrap; background-color: transparent; color: var(--link-color); text-decoration: underline; text-underline-offset: 15%; } .heading-anchor:hover, .heading-anchor:focus-visible { color: var(--link-hover-color); text-decoration: underline; } .heading-anchor:active { text-decoration: none; } .heading-anchor dso-icon + span, .heading-anchor span + dso-icon { margin-inline-start: 8px; } .heading-anchor .sr-only + dso-icon { margin-inline-start: 0; } .heading-anchor:visited { color: var(--link-visited-color); } .heading-anchor { text-decoration: none; } .heading-element { align-items: start; display: flex; font-size: 1rem; color: #275937; margin: 0; } .heading-element > * { vertical-align: middle; } .alternative-title { cursor: pointer; } .alternative-title:hover, .alternative-title:focus-visible { color: var(--link-hover-color); text-decoration: underline; } .alternative-title:active { text-decoration: none; } :host([not-collapsible]) .heading-container { margin-block-end: 0; } :host([not-collapsible]) .editaction-label { margin-inline-start: 0; } :host([not-collapsible]) dso-ozon-content.kop::part(_kop) { color: #000; } :host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) { display: inline; } :host([mode=document]:not([not-collapsible])) { --link-color: #39870c; --link-hover-color: #676cb0; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) { cursor: pointer; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover { color: var(--link-hover-color); text-decoration: underline; } :host([mode=document]:not([not-collapsible])) .editaction-label { margin-inline-start: 24px; } :host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) { text-decoration: none; } :host([mode=table-of-contents]) .heading-container { padding-inline-start: 8px; } :host([mode=table-of-contents]) .heading-element { color: inherit; } :host([mode=table-of-contents]) .editaction-label { margin-inline-start: 0; } :host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) { --_dso-icon-button-tertiary-color: inherit; color: inherit; } :host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) { font-weight: normal; } .addons { margin-inline-start: auto; display: flex; gap: 8px; } .heading { display: flex; align-items: start; gap: 8px; } :host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop), :host([type=ARTIKEL]:not([alternative-title])) .toggle-button { --_dso-icon-button-tertiary-color: #000; color: #000; } :host([type=LID][open-annotation]) .annotation-container { margin-block-start: 8px; } .editaction-label { font-style: italic; margin-inline-start: 8px; } .content, .heading-container { padding-inline-end: 8px; } .content { --_dso-alert-margin-block-end: 8px; } .annotation-container { padding-inline-end: 8px; } .annotation-container dso-panel { --_dso-panel-body-background-color: #fff; } :host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel { --_dso-panel-body-background-color: #faecee; --_dso-renvooi-text-decoration: line-through; } :host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel { --_dso-panel-body-background-color: #f2f8ea; }";export{f as dso_annotation_locatie,v as dso_document_component}

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

@@ -0,0 +1 @@

+ import{r as o,d,h as s,g as l}from"./p-ai7aDzJN.js";import{g as a}from"./p-BWkWD1Z2.js";import{i}from"./p-FXEjFTzg.js";import{v as e}from"./p-C_akviUd.js";const t={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},r=class{constructor(s){o(this,s),this.dsoClose=d(this,"dsoClose",7),this.ariaId=e(),this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=i((()=>this.host),t),this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=a();o instanceof HTMLElement&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}disconnectedCallback(){this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogClick(o){this.closable&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return s("dialog",{key:"ca65d36b4cad14a8be28a2b80c3e4adfd6f04b8b",class:"dso-modal",role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},s("div",{key:"25e259f6c951ebba5bdebe46c5400b0678a438fb",class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.closable&&s("dso-icon-button",{id:"close-modal",icon:"times",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):s("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),s("dso-scrollable",{key:"1f4da352eda8e827ba63a1f7fa3ea90c983a2e81"},s("div",{key:"4320cefc274fadee304e24b21799b797b6bdf201",class:"dso-body",tabIndex:0},s("slot",{key:"4bf3772a1a9b993b3a71987b332d84218a7bd1fc",name:"body"}))),this.hasFooter&&s("div",{key:"8121eab70c72f57d9913b82a90d3b06b6cac4b43",class:"dso-footer"},s("slot",{key:"9a164d445fe34a302b62b53ee9227c2cad3029e6",name:"footer"}))))}get host(){return l(this)}};r.style="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal .dso-body:focus-visible{outline:none}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding-block:16px;padding-inline:24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:17px}";export{r as dso_modal}

package/dist/dso-toolkit/p-ai7aDzJN.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const t="dso-toolkit",e={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,constructableCSS:!0,cssAnnotations:!0,deserializer:!1,devTools:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!0,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propChangeCallback:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!0,scopedSlotTextContentFix:!1,scriptDataOpts:!1,serializer:!1,shadowDelegatesFocus:!1,shadowDom:!0,shadowSlotAssignmentManual:!1,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0};var n,o,s={isDev:!!e.isDev,isBrowser:!0,isServer:!1,isTesting:!!e.isTesting},r=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(r\|\|{}),i=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(i\|\|{}),l="type",c="value",a="serialized:",u=(t,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[s]])=>{if((e.state\|\|e.prop)&&(31&s\|\|32&s)){const e=t[o],s=function(t,e){for(;t;){const n=Object.getOwnPropertyDescriptor(t,e);if(null==n?void 0:n.get)return n;t=Object.getPrototypeOf(t)}}(Object.getPrototypeOf(t),o)\|\|Object.getOwnPropertyDescriptor(t,o);s&&Object.defineProperty(t,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),t[o]=n.i.has(o)?n.i.get(o):e}}))},f=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},d=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.l=t,512&n.o.u&&(e.state\|\|e.prop)&&u(t,n))},h=(t,n)=>{const o={u:0,$hostElement$:t,o:n,i:new Map,p:new Map};e.isDev&&(o.m=0),e.method&&e.lazyLoad&&(o.v=new Promise((t=>o.$=t))),e.asyncLoading&&(o.S=new Promise((t=>o.j=t)),t["s-p"]=[],t["s-rc"]=[]),e.lazyLoad&&(o.O=[]);const s=o;return t.__stencil__getHostRef=()=>s,!e.lazyLoad&&512&n.u&&(e.state\|\|e.prop)&&u(t,o),s},p=(t,e)=>e in t,m=(t,e)=>(n\|\|console.error)(t,e),v=e.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],g=(...t)=>console.error(...v,...t),$=(...t)=>console.warn(...v,...t),b=(...t)=>console.info(...v,...t),y=new Map,S=(t,n,o)=>{const s=t.C.replace(/-/g,"_"),r=t._;if(e.isDev&&"string"!=typeof r)return void g(`Trying to lazily load component <${t.C}> with style mode "${n.N}", but it does not exist.`);if(!r)return;const i=!e.hotModuleReplacement&&y.get(r);return i?i[s]:import(`./${r}.entry.js${e.hotModuleReplacement&&o?"?s-hmr="+o:""}`).then((t=>(e.hotModuleReplacement\|\|y.set(r,t),t[s])),(t=>{m(t,n.$hostElement$)}))
2	+ /!__STENCIL_STATIC_IMPORT_SWITCH__/},w=new Map,j=[],x="s-id",O="sty-id",C="c-id",_="_stencilDocData",E={hostIds:0,rootLevelIds:0,staticComponents:new Set},N="slot-fb{display:contents}slot-fb[hidden]{display:none}",k="http://www.w3.org/1999/xlink",T=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],R="undefined"!=typeof window?window:{},L=R.HTMLElement\|\|class{},M={u:0,k:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},A=e.shadowDom,D=t=>Promise.resolve(t),I=!!e.constructableCSS&&(()=>{try{return!!R.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),H=!!I&&(()=>!!R.document&&Object.getOwnPropertyDescriptor(R.document.adoptedStyleSheets,"length").writable)(),F=0,P=!1,U=[],B=[],z=[],V=(t,e)=>n=>{t.push(n),P\|\|(P=!0,e&&4&M.u?X(J):M.raf(J))},W=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){m(t)}t.length=0},Y=(t,e)=>{let n=0,o=0;for(;n<t.length&&(o=performance.now())<e;)try{t[n++](o)}catch(t){m(t)}n===t.length?t.length=0:0!==n&&t.splice(0,n)},J=()=>{if(e.asyncQueue&&F++,W(U),e.asyncQueue){const t=2==(6&M.u)?performance.now()+14Math.ceil(.1F):1/0;Y(B,t),Y(z,t),B.length>0&&(z.push(...B),B.length=0),(P=U.length+B.length+z.length>0)?M.raf(J):F=0}else W(B),(P=U.length>0)&&M.raf(J)},X=t=>D().then(t),q=V(U,!1),K=V(B,!0);function Q(t){const n={mode:"open"};e.shadowDelegatesFocus&&(n.delegatesFocus=!!(16&t.u)),e.shadowSlotAssignmentManual&&1024&t.u&&(n.slotAssignment="manual");const s=this.attachShadow(n);void 0===o&&(o=null),o&&(H?s.adoptedStyleSheets.push(o):s.adoptedStyleSheets=[...s.adoptedStyleSheets,o])}var G=t=>{const e=Nt(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&tt(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!et(t,st(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&Nt(t,"childNodes").length&&G(t)}},Z=t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]\|\|void 0;o&&o.isConnected&&e.push(o)}return e};function tt(t,e,n){let o,s=0,r=[];for(;s<t.length;s++){if(o=t[s],o["s-sr"]&&(!e\|\|o["s-hn"]===e)&&(void 0===n\|\|st(o)===n)&&(r.push(o),void 0!==n))return r;r=[...r,...tt(o.childNodes,e,n)]}return r}var et=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]\|\|!t["s-sr"])&&o.push(t);let s=t;for(;s=s.nextSibling;)st(s)!==e\|\|!n&&s["s-sr"]\|\|o.push(s);return o},nt=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e\|\|t.getAttribute("slot")===e:t["s-sn"]===e\|\|""===e,ot=(t,n,o,s)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=t,!n["s-cr"]\|\|!n["s-cr"].parentNode)return;const i=n["s-cr"].parentNode,l=Nt(i,o?"prepend":"appendChild");if(e.hydrateClientSide&&void 0!==s){r["s-oo"]=s;const t=Nt(i,"childNodes"),e=[r];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]\|\|t["s-oo"]<(e["s-oo"]\|\|0)?-1:!e["s-oo"]\|\|e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>l.call(i,t)))}else l.call(i,r);t["s-ol"]=r,t["s-sh"]=n["s-hn"]},st=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")\|\|void 0;function rt(t){if(t.assignedElements\|\|t.assignedNodes\|\|!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:Z(s.childNodes)).forEach((t=>{o===st(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}function it(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function lt(t,e){var n;if(!(e=e\|\|(null==(n=t["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=st(t)\|\|"";return{slotNode:tt(Nt(e,"childNodes"),e.tagName,o)[0],slotName:o}}var ct=t=>{at(t),ut(t),ht(t),dt(t),gt(t),pt(t),mt(t),vt(t),$t(t),bt(t),ft(t)},at=t=>{if(t.__cloneNode)return;const n=t.__cloneNode=t.cloneNode;t.cloneNode=function(t){const o=!!e.shadowDom&&this.shadowRoot&&A,s=n.call(this,!!o&&t);if(e.slot&&!o&&t){let t,n,o=0;const r=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],i=this.__childNodes\|\|this.childNodes;for(;o<i.length;o++)t=i[o]["s-nr"],n=r.every((t=>!i[o][t])),t&&(e.appendChildSlotFix&&s.__appendChild?s.__appendChild(t.cloneNode(!0)):s.appendChild(t.cloneNode(!0))),n&&s.appendChild(i[o].cloneNode(!0))}return s}},ut=t=>{t.__appendChild\|\|(t.__appendChild=t.appendChild,t.appendChild=function(t){const{slotName:e,slotNode:n}=lt(t,this);if(n){ot(t,n);const o=et(n,e),s=o[o.length-1],r=Nt(s,"parentNode"),i=Nt(r,"insertBefore")(t,s.nextSibling);return it(n),G(this),i}return this.__appendChild(t)})},ft=t=>{t.__removeChild\|\|(t.__removeChild=t.removeChild,t.removeChild=function(t){return t&&void 0!==t["s-sn"]&&tt(this.__childNodes\|\|this.childNodes,this.tagName,t["s-sn"])&&t.isConnected?(t.remove(),void G(this)):this.__removeChild(t)})},dt=t=>{t.__prepend\|\|(t.__prepend=t.prepend,t.prepend=function(...e){e.forEach((e=>{"string"==typeof e&&(e=this.ownerDocument.createTextNode(e));const n=(e["s-sn"]=st(e))\|\|"",o=tt(Nt(this,"childNodes"),this.tagName,n)[0];if(o){ot(e,o,!0);const t=et(o,n)[0],s=Nt(t,"parentNode"),r=Nt(s,"insertBefore")(e,Nt(t,"nextSibling"));return it(o),r}return 1===e.nodeType&&e.getAttribute("slot")&&(e.hidden=!0),t.__prepend(e)}))})},ht=t=>{t.__append\|\|(t.__append=t.append,t.append=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t)),this.appendChild(t)}))})},pt=t=>{if(t.__insertAdjacentHTML)return;const e=t.insertAdjacentHTML;t.insertAdjacentHTML=function(t,n){if("afterbegin"!==t&&"beforeend"!==t)return e.call(this,t,n);const o=this.ownerDocument.createElement("_");let s;if(o.innerHTML=n,"afterbegin"===t)for(;s=o.firstChild;)this.prepend(s);else if("beforeend"===t)for(;s=o.firstChild;)this.append(s)}},mt=t=>{t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)}},vt=t=>{t.__insertBefore\|\|t.__insertBefore\|\|(t.__insertBefore=t.insertBefore,t.insertBefore=function(t,e){const{slotName:n,slotNode:o}=lt(t,this),s=this.__childNodes?this.childNodes:Z(this.childNodes);if(o){let r=!1;if(s.forEach((s=>{if(s!==e&&null!==e);else{if(r=!0,null===e\|\|n!==e["s-sn"])return void this.appendChild(t);if(n===e["s-sn"]){ot(t,o);const n=Nt(e,"parentNode");Nt(n,"insertBefore")(t,e),it(o)}}})),r)return t}const r=null==e?void 0:e.__parentNode;return r&&!this.isSameNode(r)?this.appendChild(t):this.__insertBefore(t,e)})},gt=t=>{if(t.__insertAdjacentElement)return;const e=t.insertAdjacentElement;t.insertAdjacentElement=function(t,n){return"afterbegin"!==t&&"beforeend"!==t?e.call(this,t,n):"afterbegin"===t?(this.prepend(n),n):"beforeend"===t?(this.append(n),n):n}},$t=t=>{Et("textContent",t),Object.defineProperty(t,"textContent",{get:function(){let t="";return(this.__childNodes?this.childNodes:Z(this.childNodes)).forEach((e=>t+=e.textContent\|\|"")),t},set:function(t){(this.__childNodes?this.childNodes:Z(this.childNodes)).forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},bt=t=>{class e extends Array{item(t){return this[t]}}Et("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),Et("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),Et("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),Et("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new e;return t.push(...Z(this.__childNodes)),t}})},yt=t=>{t&&void 0===t.__nextSibling&&globalThis.Node&&(St(t),jt(t),Ot(t),t.nodeType===Node.ELEMENT_NODE&&(wt(t),xt(t)))},St=t=>{t&&!t.__nextSibling&&(Et("nextSibling",t),Object.defineProperty(t,"nextSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextSibling}}))},wt=t=>{t&&!t.__nextElementSibling&&(Et("nextElementSibling",t),Object.defineProperty(t,"nextElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextElementSibling}}))},jt=t=>{t&&!t.__previousSibling&&(Et("previousSibling",t),Object.defineProperty(t,"previousSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousSibling}}))},xt=t=>{t&&!t.__previousElementSibling&&(Et("previousElementSibling",t),Object.defineProperty(t,"previousElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousElementSibling}}))},Ot=t=>{t&&!t.__parentNode&&(Et("parentNode",t),Object.defineProperty(t,"parentNode",{get:function(){var t;return(null==(t=this["s-ol"])?void 0:t.parentNode)\|\|this.__parentNode},set:function(t){this.__parentNode=t}}))},Ct=["children","nextElementSibling","previousElementSibling"],_t=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function Et(t,e){if(!globalThis.Node\|\|!globalThis.Element)return;let n;Ct.includes(t)?n=Object.getOwnPropertyDescriptor(Element.prototype,t):_t.includes(t)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,t)),n\|\|(n=Object.getOwnPropertyDescriptor(e,t)),n&&Object.defineProperty(e,"__"+t,n)}function Nt(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var kt=0,Tt=(t,n="")=>{if(e.profile&&performance.mark){const e=`st:${t}:${n}:${kt++}`;return performance.mark(e),()=>performance.measure(`[Stencil] ${t}() <${n}>`,e)}return()=>{}};function Rt(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var Lt=new WeakMap,Mt=(t,e,n)=>{let o=w.get(t);I&&n?(o=o\|\|new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,w.set(t,o)},At=(t,n,o)=>{var s,r,i;const l=It(n,o),c=w.get(l);if(!e.attachStyles\|\|!R.document)return l;if(t=11===t.nodeType?t:R.document,c)if("string"==typeof c){let o,i=Lt.get(t=t.head\|\|t);i\|\|Lt.set(t,i=new Set);const a=(e.hydrateClientSide\|\|e.hotModuleReplacement)&&t.querySelector(`[${O}="${l}"]`);if(a)a.textContent=c;else if(!i.has(l)){o=R.document.createElement("style"),o.textContent=c;const a=null!=(s=M.T)?s:Rt(R.document);if(null!=a&&o.setAttribute("nonce",a),(e.hydrateServerSide\|\|e.hotModuleReplacement)&&(2&n.u\|\|128&n.u\|\|1&n.u)&&o.setAttribute(O,l),!(1&n.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(I){const e=new(null!=(r=t.defaultView)?r:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(c),H?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=c+e.textContent:t.prepend(o)}else t.append(o);1&n.u&&t.insertBefore(o,null),4&n.u&&(o.textContent+=N),i&&i.add(l)}}else if(e.constructableCSS){let n=Lt.get(t);if(n\|\|Lt.set(t,n=new Set),!n.has(l)){const o=null!=(i=t.defaultView)?i:t.ownerDocument.defaultView;let s;if(c.constructor===o.CSSStyleSheet)s=c;else{s=new o.CSSStyleSheet;for(let t=0;t<c.cssRules.length;t++)s.insertRule(c.cssRules[t].cssText,t)}if(H?t.adoptedStyleSheets.push(s):t.adoptedStyleSheets=[...t.adoptedStyleSheets,s],n.add(l),e.hydrateClientSide&&"host"in t){const e=t.querySelector(`[${O}="${l}"]`);e&&K((()=>e.remove()))}}}return l},Dt=t=>{const n=t.o,o=t.$hostElement$,s=n.u,r=Tt("attachStyles",n.C),i=At(e.shadowDom&&A&&o.shadowRoot?o.shadowRoot:o.getRootNode(),n,t.N);(e.shadowDom\|\|e.scoped)&&e.cssAnnotations&&10&s&&(o["s-sc"]=i,o.classList.add(i+"-h")),r()},It=(t,n)=>"sc-"+(e.mode&&n&&32&t.u?t.C+"-"+n:t.C),Ht=t=>t.replace(/\/\!@([^\/]+)\\/[^\{]+\{/g,"$1{"),Ft=()=>{if(!R.document)return;const t=R.document.querySelectorAll(`[${O}]`);let e=0;for(;e<t.length;e++)Mt(t[e].getAttribute(O),Ht(t[e].innerHTML),!0)},Pt=t=>"object"==(t=typeof t)\|\|"function"===t,Ut=(t,n,...o)=>{"string"==typeof t&&(t=Kn(t));let s=null,r=null,i=null,l=!1,c=!1;const a=[],u=n=>{for(let o=0;o<n.length;o++)s=n[o],Array.isArray(s)?u(s):null!=s&&"boolean"!=typeof s&&((l="function"!=typeof t&&!Pt(s))?s+="":e.isDev&&"function"!=typeof t&&void 0===s.u&&g("vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects."),l&&c?a[a.length-1].R+=s:a.push(l?Bt(null,s):s),c=l)};if(u(o),n&&(e.isDev&&"input"===t&&Xt(n),e.vdomKey&&n.key&&(r=n.key),e.slotRelocation&&n.name&&(i=n.name),e.vdomClass)){const t=n.className\|\|n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}if(e.isDev&&a.some(Vt)&&g("The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function."),e.vdomFunctional&&"function"==typeof t)return t(null===n?{}:n,a,Wt);const f=Bt(t,null);return f.L=n,a.length>0&&(f.M=a),e.vdomKey&&(f.A=r),e.slotRelocation&&(f.D=i),f},Bt=(t,n)=>{const o={u:0,I:t,R:null!=n?n:null,F:null,M:null};return e.vdomAttribute&&(o.L=null),e.vdomKey&&(o.A=null),e.slotRelocation&&(o.D=null),o},zt={},Vt=t=>t&&t.I===zt,Wt={forEach:(t,e)=>t.map(Yt).forEach(e),map:(t,e)=>t.map(Yt).map(e).map(Jt)},Yt=t=>({vattrs:t.L,vchildren:t.M,vkey:t.A,vname:t.D,vtag:t.I,vtext:t.R}),Jt=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),Ut(t.vtag,e,...t.vchildren\|\|[])}const e=Bt(t.vtag,t.vtext);return e.L=t.vattrs,e.M=t.vchildren,e.A=t.vkey,e.D=t.vname,e},Xt=t=>{const e=Object.keys(t),n=e.indexOf("value");if(-1===n)return;const o=e.indexOf("type"),s=e.indexOf("min"),r=e.indexOf("max"),i=e.indexOf("step");(n<o\|\|n<s\|\|n<r\|\|n<i)&&$('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},qt=(t,n,o,s,r,i,l,c=[])=>{let a,u,f,d;const h=r["s-sc"];if(1===i.nodeType){if(a=i.getAttribute(C),a&&(u=a.split("."),u[0]===l\|\|"0"===u[0])){f=Qt({u:0,P:u[0],U:u[1],B:u[2],V:u[3],I:i.tagName.toLowerCase(),F:i,L:{class:i.className\|\|""}}),n.push(f),i.removeAttribute(C),t.M\|\|(t.M=[]),e.scoped&&h&&u[0]===l&&(i["s-si"]=h,f.L.class+=" "+h);const r=f.F.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===f.I&&(Gt(r,u[2],f,i,t,n,o,s,c),e.scoped&&h&&i.classList.add(h)),f.F["s-sn"]=r,f.F.removeAttribute("s-sn")),void 0!==f.V&&(t.M[f.V]=f),t=f,s&&"0"===f.B&&(s[f.V]=f.F)}if(i.shadowRoot)for(d=i.shadowRoot.childNodes.length-1;d>=0;d--)qt(t,n,o,s,r,i.shadowRoot.childNodes[d],l,c);const p=i.__childNodes\|\|i.childNodes;for(d=p.length-1;d>=0;d--)qt(t,n,o,s,r,p[d],l,c)}else if(8===i.nodeType)u=i.nodeValue.split("."),(u[1]===l\|\|"0"===u[1])&&(a=u[0],f=Qt({P:u[1],U:u[2],B:u[3],V:u[4]\|\|"0",F:i,L:null,M:null,A:null,D:null,I:null,R:null}),"t"===a?(f.F=oe(i,3),f.F&&3===f.F.nodeType&&(f.R=f.F.textContent,n.push(f),i.remove(),l===f.P&&(t.M\|\|(t.M=[]),t.M[f.V]=f),s&&"0"===f.B&&(s[f.V]=f.F))):"c"===a?(f.F=oe(i,8),f.F&&8===f.F.nodeType&&(n.push(f),i.remove())):f.P===l&&("s"===a?Gt(i["s-sn"]=u[5]\|\|"",u[2],f,i,t,n,o,s,c):"r"===a&&(e.shadowDom&&s?i.remove():e.slotRelocation&&(r["s-cr"]=i,i["s-cn"]=!0))));else if(t&&"style"===t.I){const e=Bt(null,i.textContent);e.F=i,e.V="0",t.M=[e]}return t},Kt=(t,e)=>{if(1===t.nodeType){const n=t[x]\|\|t.getAttribute(x);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)Kt(t.shadowRoot.childNodes[o],e);const s=t.__childNodes\|\|t.childNodes;for(o=0;o<s.length;o++)Kt(s[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},Qt=t=>({u:0,P:null,U:null,B:null,V:"0",F:null,L:null,M:null,A:null,D:null,I:null,R:null,...t});function Gt(t,n,o,s,r,i,l,c,a){s["s-sr"]=!0,o.D=t\|\|null,o.I="slot";const u=(null==r?void 0:r.F)?r.F["s-id"]\|\|r.F.getAttribute("s-id"):"";if(e.shadowDom&&c&&R.document){const e=o.F=R.document.createElement(o.I);o.D&&o.F.setAttribute("name",t),r.F.shadowRoot&&u&&u!==o.P?Nt(r.F,"insertBefore")(e,Nt(r.F,"children")[0]):Nt(Nt(s,"parentNode"),"insertBefore")(e,s),ne(a,n,t,s,o.P),s.remove(),"0"===o.B&&(c[o.V]=o.F)}else{const e=o.F,i=u&&u!==o.P&&r.F.shadowRoot;ne(a,n,t,s,i?u:o.P),rt(s),i&&r.F.insertBefore(e,r.F.children[0])}i.push(o),l.push(o),r.M\|\|(r.M=[]),r.M[o.V]=o}var Zt,te,ee,ne=(t,e,n,o,s)=>{var r,i;let l=o.nextSibling;if(t[e]=t[e]\|\|[],l&&!(null==(r=l.nodeValue)?void 0:r.startsWith("s.")))do{!l\|\|(l.getAttribute&&l.getAttribute("slot")\|\|l["s-sn"])!==n&&(""!==n\|\|l["s-sn"]\|\|l.getAttribute&&l.getAttribute("slot")\|\|8!==l.nodeType&&3!==l.nodeType)\|\|(l["s-sn"]=n,t[e].push({slot:o,node:l,hostId:s})),l=null==l?void 0:l.nextSibling}while(l&&!(null==(i=l.nodeValue)?void 0:i.startsWith("s.")))},oe=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e\|\|!n.nodeValue));return n},se=t=>t.replace(/[.+?^${}()\|[\]\\]/g,"\\$&"),re="-shadowcsshost",ie="-shadowcssslotted",le="-shadowcsscontext",ce=")(?:\$((?:\\([^)(]\$\|[^)(])+?)\\))?([^,{])",ae=RegExp("("+re+ce,"gim"),ue=RegExp("("+le+ce,"gim"),fe=RegExp("("+ie+ce,"gim"),de=re+"-no-combinator",he=/-shadowcsshost-no-combinator([^\s])/,pe=[/::shadow/g,/::content/g],me=/__part-(\d+)__/g,ve=/-shadowcsshost/gim,ge=t=>{const e=se(t);return RegExp(`(^\|[^@]\|@(?!supports\\s+selector\\s\\([^{]?${e}))(${e}\\b)`,"g")},$e=/\/\\s[\s\S]?\\//g,be=/\/\\s#\ssource(Mapping)?URL=[\s\S]+?\\//g,ye=/(\s)([^;\{\}]+?)(\s)((?:{%BLOCK%}?\s;?)\|(?:\s;))/g,Se=/([{}])/g,we=/(^.?[^\\])??((:+)(.)\|$)/,je="%BLOCK%",xe=(t,e)=>{const n=Oe(t);let o=0;return n.escapedString.replace(ye,((...t)=>{const s=t[2];let r="",i=t[4],l="";i&&i.startsWith("{"+je)&&(r=n.blocks[o++],i=i.substring(8),l="{");const c=e({selector:s,content:r});return`${t[1]}${c.selector}${t[3]}${l}${c.content}${i}`}))},Oe=t=>{const e=t.split(Se),n=[],o=[];let s=0,r=[];for(let t=0;t<e.length;t++){const i=e[t];"}"===i&&s--,s>0?r.push(i):(r.length>0&&(o.push(r.join("")),n.push(je),r=[]),n.push(i)),"{"===i&&s++}return r.length>0&&(o.push(r.join("")),n.push(je)),{escapedString:n.join(""),blocks:o}},Ce=(t,e,n)=>t.replace(e,((...t)=>{if(t[2]){const e=t[2].split(","),o=[];for(let s=0;s<e.length;s++){const r=e[s].trim();if(!r)break;o.push(n(de,r,t[3]))}return o.join(",")}return de+t[3]})),_e=(t,e,n)=>t+e.replace(re,"")+n,Ee=(t,e,n)=>e.indexOf(re)>-1?_e(t,e,n):t+e+n+", "+e+" "+t+n,Ne=(t,e)=>t.replace(we,((t,n="",o,s="",r="")=>n+e+s+r)),ke=(t,e,n,o)=>xe(t,(t=>{let s=t.selector,r=t.content;return"@"!==t.selector[0]?s=((t,e,n,o)=>t.split(",").map((t=>o&&t.indexOf("."+o)>-1?t.trim():((t,e)=>!(t=>(t=t.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+t+")([>\\s~+[.,{:][\\s\\S])?$","m")))(e).test(t))(t,e)?((t,e,n)=>{const o="."+(e=e.replace(/\[is=([^\]])\]/g,((t,...e)=>e[0]))),s=t=>{let s=t.trim();if(!s)return"";if(t.indexOf(de)>-1)s=((t,e,n)=>{if(ve.lastIndex=0,ve.test(t)){const e="."+n;return t.replace(he,((t,n)=>Ne(n,e))).replace(ve,e+" ")}return e+" "+t})(t,e,n);else{const e=t.replace(ve,"");e.length>0&&(s=Ne(e,o))}return s},r=(t=>{const e=[];let n=0;return{content:(t=(t=t.replace(/(\[\spart~=\s("[^"]"\|'[^']')\s\])/g,((t,o)=>{const s=`__part-${n}__`;return e.push(o),n++,s}))).replace(/(\[[^\]]\])/g,((t,o)=>{const s=`__ph-${n}__`;return e.push(o),n++,s}))).replace(/(:nth-[-\w]+)($[^)]+$)/g,((t,o,s)=>{const r=`__ph-${n}__`;return e.push(s),n++,o+r})),placeholders:e}})(t);let i,l="",c=0;const a=/( \|>\|\+\|~(?!=))(?=(?:[^()]$[^()]$)[^()]$)\s/g;let u=!((t=r.content).indexOf(de)>-1);for(;null!==(i=a.exec(t));){const e=i[1],n=t.slice(c,i.index).trim();u=u\|\|n.indexOf(de)>-1,l+=`${u?s(n):n} ${e} `,c=a.lastIndex}const f=t.substring(c);return u=!f.match(me)&&(u\|\|f.indexOf(de)>-1),l+=u?s(f):f,((t,e)=>(e=e.replace(/__part-(\d+)__/g,((e,n)=>t[+n]))).replace(/__ph-(\d+)__/g,((e,n)=>t[+n])))(r.placeholders,l)})(t,e,n).trim():t.trim())).join(", "))(t.selector,e,n,o):(t.selector.startsWith("@media")\|\|t.selector.startsWith("@supports")\|\|t.selector.startsWith("@page")\|\|t.selector.startsWith("@document"))&&(r=ke(t.content,e,n,o)),{selector:s.replace(/\s{2,}/g," ").trim(),content:r}})),Te=(t,e)=>t.replace(/-shadowcsshost-no-combinator/g,"."+e),Re=(t,e)=>{const n=e+"-h",o=e+"-s",s=(t=>t.match(be)\|\|[])(t);t=(t=>t.replace($e,""))(t);const r=[];{const e=t=>{const e=`/!@___${r.length}___/`;return r.push({placeholder:e,comment:`/!@${t.selector}/`}),t.selector=e+t.selector,t};t=xe(t,(t=>"@"!==t.selector[0]?e(t):t.selector.startsWith("@media")\|\|t.selector.startsWith("@supports")\|\|t.selector.startsWith("@page")\|\|t.selector.startsWith("@document")?(t.content=xe(t.content,e),t):t))}const i=((t,e,n,o)=>{const s=((t,e)=>{const n="."+e+" > ",o=[];return t=t.replace(fe,((...t)=>{if(t[2]){const e=t[2].trim(),s=n+e+t[3];let r="";for(let e=t[4]-1;e>=0;e--){const n=t[5][e];if("}"===n\|\|","===n)break;r=n+r}const i=(r+s).trim(),l=`${r.trimEnd()}${s.trim()}`.trim();return i!==l&&o.push({orgSelector:i,updatedSelector:`${l}, ${i}`}),s}return de+t[3]})),{selectors:o,cssText:t}})(t=(t=>Ce(t,ue,Ee))(t=(t=>Ce(t,ae,_e))(t=(t=>{const e=[];t=t.replace(/@supports\s+selector\s$\s([^)])\s$/g,((t,n)=>{const o=`__supports_${e.length}__`;return e.push(n),`@supports selector(${o})`}));const n=ge("::slotted"),o=ge(":host"),s=ge(":host-context");return t=t.replace(s,"$1"+le).replace(o,"$1"+re).replace(n,"$1"+ie),e.forEach(((e,n)=>{t=t.replace(`__supports_${n}__`,e)})),t})(t))),o);return t=(t=>pe.reduce(((t,e)=>t.replace(e," ")),t))(t=s.cssText),e&&(t=ke(t,e,n,o)),{cssText:(t=(t=Te(t,n)).replace(/>\s\\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:s.selectors.map((t=>({orgSelector:Te(t.orgSelector,n),updatedSelector:Te(t.updatedSelector,n)})))}})(t,e,n,o);return t=[i.cssText,...s].join("\n"),r.forEach((({placeholder:e,comment:n})=>{t=t.replace(e,n)})),i.slottedSelectors.forEach((e=>{const n=RegExp(se(e.orgSelector)+"(?=\\s[,{]\|$)","g");t=t.replace(n,e.updatedSelector)})),t=(t=>{const e=/([^\s,{][^,{]?)::part$\s([^)]+?)\s$((?:[:.][^,{]))/g;return xe(t,(t=>{if("@"===t.selector[0])return t;const n=t.selector.split(",").map((n=>{const o=[n.trim()];let s;for(;null!==(s=e.exec(n));){const e=s[1].trimEnd(),r=s[2].trim().split(/\s+/),i=s[3]\|\|"",l=r.flatMap((e=>t.selector.includes(`[part~="${e}"]`)?[]:[`[part~="${e}"]`])).join(""),c=`${e} ${l}${i}`;l&&c!==n.trim()&&o.push(c)}return o.join(", ")}));return t.selector=n.join(", "),t}))})(t)},Le=t=>j.map((e=>e(t))).find((t=>!!t)),Me=class t{static fromLocalValue(e){const n=e[l],o=c in e?e[c]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[n,s]of o){const o="object"==typeof n&&null!==n?t.fromLocalValue(n):n,r=t.fromLocalValue(s);e.set(o,r)}return e;case"object":const s={};for(const[e,n]of o)s[e]=t.fromLocalValue(n);return s;case"regexp":const{pattern:r,flags:i}=o;return RegExp(r,i);case"set":const l=new Set;for(const e of o)l.add(t.fromLocalValue(e));return l;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t\|\|null===t)return!1;if(!t.hasOwnProperty(l))return!1;const e=t[l];return!!Object.values({...r,...i}).includes(e)&&("null"===e\|\|"undefined"===e\|\|t.hasOwnProperty(c))}},Ae=(t,n,o)=>(e.hydrateClientSide\|\|e.hydrateServerSide)&&"string"==typeof t&&t.startsWith(a)?t=function(t){return"string"==typeof t&&t.startsWith(a)?Me.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t\|\|Pt(t)?t:e.propBoolean&&4&n?(e.formAssociated&&o&&"string"==typeof t\|\|"false"!==t)&&(""===t\|\|!!t):e.propNumber&&2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:e.propString&&1&n?t+"":t,De=t=>{var n;return e.lazyLoad?null==(n=f(t))?void 0:n.$hostElement$:t},Ie=(t,n,o)=>{const s=De(t);return{emit:t=>(e.isDev&&!s.isConnected&&$(`The "${n}" event was emitted, but the dispatcher node is no longer connected to the dom.`),He(s,n,{bubbles:!!(4&o),composed:!!(2&o),cancelable:!!(1&o),detail:t}))}},He=(t,e,n)=>{const o=M.ce(e,n);return t.dispatchEvent(o),o},Fe=(t,n,o,s,r,i,l)=>{if(o===s)return;let c=p(t,n),a=n.toLowerCase();if(e.vdomClass&&"class"===n){const n=t.classList,r=Ue(o);let i=Ue(s);if(e.hydrateClientSide&&(t["s-si"]\|\|t["s-sc"])&&l){const e=t["s-sc"]\|\|t["s-si"];i.push(e),r.forEach((t=>{t.startsWith(e)&&i.push(t)})),i=[...new Set(i)].filter((t=>t)),n.add(...i)}else n.remove(...r.filter((t=>t&&!i.includes(t)))),n.add(...i.filter((t=>t&&!r.includes(t))))}else if(e.vdomStyle&&"style"===n){if(e.updatable)for(const n in o)s&&null!=s[n]\|\|(!e.hydrateServerSide&&n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in s)o&&s[n]===o[n]\|\|(!e.hydrateServerSide&&n.includes("-")?t.style.setProperty(n,s[n]):t.style[n]=s[n])}else if(e.vdomKey&&"key"===n);else if(e.vdomRef&&"ref"===n)s&&un(s,t);else if(!e.vdomListener\|\|(e.lazyLoad?c:t.__lookupSetter__(n))\|\|"o"!==n[0]\|\|"n"!==n[1]){if(e.vdomPropOrAttr&&"a"===n[0]&&n.startsWith("attr:")){const o=n.slice(5);let r;if(e.member){const e=f(t);if(e&&e.o&&e.o.t){const t=e.o.t[o];t&&t[1]&&(r=t[1])}}return r\|\|(r=o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s\|\|!1===s?!1===s&&""!==t.getAttribute(r)\|\|t.removeAttribute(r):t.setAttribute(r,!0===s?"":s))}if(e.vdomPropOrAttr&&"p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=s}catch(t){}return}if(e.vdomPropOrAttr){const l=Pt(s);if((c\|\|l&&null!==s)&&!r)try{if(t.tagName.includes("-"))t[n]!==s&&(t[n]=s);else{const e=null==s?"":s;"list"===n?c=!1:null!=o&&t[n]===e\|\|("function"==typeof t.__lookupSetter__(n)?t[n]=e:t.setAttribute(n,e))}}catch(t){}let u=!1;e.vdomXlink&&a!==(a=a.replace(/^xlink\:?/,""))&&(n=a,u=!0),null==s\|\|!1===s?!1===s&&""!==t.getAttribute(n)\|\|(e.vdomXlink&&u?t.removeAttributeNS(k,n):t.removeAttribute(n)):(!c\|\|4&i\|\|r)&&!l&&1===t.nodeType&&(s=!0===s?"":s,e.vdomXlink&&u?t.setAttributeNS(k,n,s):t.setAttribute(n,s))}}else if(n="-"===n[2]?n.slice(3):p(R,a)?a.slice(2):a[2]+n.slice(3),o\|\|s){const e=n.endsWith(Be);n=n.replace(ze,""),o&&M.rel(t,n,o,e),s&&M.ael(t,n,s,e)}},Pe=/\s/,Ue=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(Pe):[]),Be="Capture",ze=RegExp(Be+"$"),Ve=(t,n,o,s)=>{const r=11===n.F.nodeType&&n.F.host?n.F.host:n.F,i=t&&t.L\|\|{},l=n.L\|\|{};if(e.updatable)for(const t of We(Object.keys(i)))t in l\|\|Fe(r,t,i[t],void 0,o,n.u,s);for(const t of We(Object.keys(l)))Fe(r,t,i[t],l[t],o,n.u,s)};function We(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Ye=!1,Je=!1,Xe=!1,qe=!1,Ke=[],Qe=[],Ge=(t,n,o)=>{var s;const r=n.M[o];let i,l,c,a=0;if(e.slotRelocation&&!Ye&&(Xe=!0,"slot"===r.I&&(r.u\|=r.M?2:1)),e.isDev&&r.F&&g(`The JSX ${null!==r.R?`"${r.R}" text`:`"${r.I}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`),e.vdomText&&null!=r.R)i=r.F=R.document.createTextNode(r.R);else if(e.slotRelocation&&1&r.u)i=r.F=e.isDebug\|\|e.hydrateServerSide?pn(r):R.document.createTextNode(""),e.vdomAttribute&&Ve(null,r,qe);else{if(e.svg&&!qe&&(qe="svg"===r.I),!R.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.F=e.svg?R.document.createElementNS(qe?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Ye&&e.slotRelocation&&2&r.u?"slot-fb":r.I):R.document.createElement(!Ye&&e.slotRelocation&&2&r.u?"slot-fb":r.I),e.svg&&qe&&"foreignObject"===r.I&&(qe=!1),e.vdomAttribute&&Ve(null,r,qe),(e.scoped\|\|e.hydrateServerSide)&&null!=Zt&&void 0!==Zt&&i["s-si"]!==Zt&&i.classList.add(i["s-si"]=Zt),r.M){const e="template"===r.I?i.content:i;for(a=0;a<r.M.length;++a)l=Ge(t,r,a),l&&e.appendChild(l)}e.svg&&("svg"===r.I?qe=!1:"foreignObject"===i.tagName&&(qe=!0))}return i["s-hn"]=ee,e.slotRelocation&&3&r.u&&(i["s-sr"]=!0,i["s-cr"]=te,i["s-sn"]=r.D\|\|"",i["s-rf"]=null==(s=r.L)?void 0:s.ref,rt(i),c=t&&t.M&&t.M[o],c&&c.I===r.I&&t.F&&Ze(t.F),(e.scoped\|\|e.hydrateServerSide)&&dn(te,i,n.F,null==t?void 0:t.F)),i},Ze=t=>{M.u\|=1;const e=t.closest(ee.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes\|\|e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes\|\|t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(fn(e,t,null!=n?n:null),t["s-sh"]=void 0,Xe=!0)}M.u&=-2},tn=(t,e)=>{M.u\|=1;const n=Array.from(t.__childNodes\|\|t.childNodes);if(t["s-sr"]){let e=t;for(;e=e.nextSibling;)e&&e["s-sn"]===t["s-sn"]&&e["s-sh"]===ee&&n.push(e)}for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==ee&&o["s-ol"]&&(fn(sn(o).parentNode,o,sn(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Xe=!0),e&&tn(o,e)}M.u&=-2},en=(t,n,o,s,r,i)=>{let l,c=e.slotRelocation&&t["s-cr"]&&t["s-cr"].parentNode\|\|t;for(e.shadowDom&&c.shadowRoot&&c.tagName===ee&&(c=c.shadowRoot),"template"===o.I&&(c=c.content);r<=i;++r)s[r]&&(l=Ge(null,o,r),l&&(s[r].F=l,fn(c,l,e.slotRelocation?sn(n):n)))},nn=(t,n,o)=>{for(let s=n;s<=o;++s){const n=t[s];if(n){const t=n.F;an(n),t&&(e.slotRelocation&&(Je=!0,t["s-ol"]?t["s-ol"].remove():tn(t,!0)),t.remove())}}},on=(t,n,o=!1)=>t.I===n.I&&(e.slotRelocation&&"slot"===t.I?t.D===n.D:e.vdomKey&&!o?t.A===n.A:(o&&!t.A&&n.A&&(t.A=n.A),!0)),sn=t=>t&&t["s-ol"]\|\|t,rn=(t,n,o=!1)=>{const s=n.F=t.F,r=t.M,i=n.M,l=n.I,c=n.R;let a;e.vdomText&&null!=c?e.vdomText&&e.slotRelocation&&(a=s["s-cr"])?a.parentNode.textContent=c:e.vdomText&&t.R!==c&&(s.data=c):(e.svg&&(qe="svg"===l\|\|"foreignObject"!==l&&qe),(e.vdomAttribute\|\|e.reflect)&&(e.slot&&"slot"===l&&!Ye&&t.D!==n.D&&(n.F["s-sn"]=n.D\|\|"",Ze(n.F.parentElement)),Ve(t,n,qe,o)),e.updatable&&null!==r&&null!==i?((t,n,o,s,r=!1)=>{let i,l,c=0,a=0,u=0,f=0,d=n.length-1,h=n[0],p=n[d],m=s.length-1,v=s[0],g=s[m];const $="template"===o.I?t.content:t;for(;c<=d&&a<=m;)if(null==h)h=n[++c];else if(null==p)p=n[--d];else if(null==v)v=s[++a];else if(null==g)g=s[--m];else if(on(h,v,r))rn(h,v,r),h=n[++c],v=s[++a];else if(on(p,g,r))rn(p,g,r),p=n[--d],g=s[--m];else if(on(h,g,r))!e.slotRelocation\|\|"slot"!==h.I&&"slot"!==g.I\|\|tn(h.F.parentNode,!1),rn(h,g,r),fn($,h.F,p.F.nextSibling),h=n[++c],g=s[--m];else if(on(p,v,r))!e.slotRelocation\|\|"slot"!==h.I&&"slot"!==g.I\|\|tn(p.F.parentNode,!1),rn(p,v,r),fn($,p.F,h.F),p=n[--d],v=s[++a];else{if(u=-1,e.vdomKey)for(f=c;f<=d;++f)if(n[f]&&null!==n[f].A&&n[f].A===v.A){u=f;break}e.vdomKey&&u>=0?(l=n[u],l.I!==v.I?i=Ge(n&&n[a],o,u):(rn(l,v,r),n[u]=void 0,i=l.F),v=s[++a]):(i=Ge(n&&n[a],o,a),v=s[++a]),i&&(e.slotRelocation?fn(sn(h.F).parentNode,i,sn(h.F)):fn(h.F.parentNode,i,h.F))}c>d?en(t,null==s[m+1]?null:s[m+1].F,o,s,a,m):e.updatable&&a>m&&nn(n,c,d)})(s,r,n,i,o):null!==i?(e.updatable&&e.vdomText&&null!==t.R&&(s.textContent=""),en(s,null,n,i,0,i.length-1)):!o&&e.updatable&&null!==r?nn(r,0,r.length-1):e.hydrateClientSide&&o&&e.updatable&&null!==r&&null===i&&(n.M=r),e.svg&&qe&&"svg"===l&&(qe=!1))},ln=[],cn=t=>{let e,n,o;const s=t.__childNodes\|\|t.childNodes;for(const t of s){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes\|\|e.parentNode.childNodes;const s=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!(e["s-cn"]\|\|e["s-nr"]\|\|e["s-hn"]===t["s-hn"]\|\|e["s-sh"]&&e["s-sh"]===t["s-hn"]))if(nt(e,s)){let n=ln.find((t=>t.W===e));Je=!0,e["s-sn"]=e["s-sn"]\|\|s,n?(n.W["s-sh"]=t["s-hn"],n.Y=t):(e["s-sh"]=t["s-hn"],ln.push({Y:t,W:e})),e["s-sr"]&&ln.map((t=>{nt(t.W,e["s-sn"])&&(n=ln.find((t=>t.W===e)),n&&!t.Y&&(t.Y=n.Y))}))}else ln.some((t=>t.W===e))\|\|ln.push({W:e})}1===t.nodeType&&cn(t)}},an=t=>{e.vdomRef&&(t.L&&t.L.ref&&Ke.push((()=>t.L.ref(null))),t.M&&t.M.map(an))},un=(t,n)=>{e.vdomRef&&Qe.push((()=>t(n)))},fn=(t,n,o,s)=>{if(e.slotRelocation)if(e.scoped&&"string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])dn(n["s-cr"],n,t,n.parentElement);else if("string"==typeof n["s-sn"]){e.experimentalSlotFixes&&11!==t.getRootNode().nodeType&&Ot(n),t.insertBefore(n,o);const{slotNode:r}=lt(n);return r&&!s&&it(r),n}return t.__insertBefore?t.__insertBefore(n,o):null==t?void 0:t.insertBefore(n,o)};function dn(t,e,n,o){var s,r;let i;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=e["s-si"]\|\|t.parentNode["s-sc"])){const t=e["s-sn"],l=e["s-hn"];if(null==(s=n.classList)\|\|s.add(i+"-s"),o&&(null==(r=o.classList)?void 0:r.contains(i+"-s"))){let e=(o.__childNodes\|\|o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===l&&e["s-sr"]){n=!0;break}e=e.nextSibling}n\|\|o.classList.remove(i+"-s")}}}var hn=(t,n,o=!1)=>{var s,r,i,l,c;const a=t.$hostElement$,u=t.o,f=t.J\|\|Bt(null,null),d=Vt(n)?n:Ut(null,null,n);if(ee=a.tagName,e.isDev&&Array.isArray(n)&&n.some(Vt))throw Error(`The <Host> must be the single root component.\nLooks like the render() function of "${ee.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n // Do not return an array\n return (\n <Host>{content}</Host>\n );\n}\n `);if(e.reflect&&u.X&&(d.L=d.L\|\|{},u.X.forEach((([n,o])=>{d.L[o]=e.serializer&&t.p.has(n)?t.p.get(n):a[n]}))),o&&d.L)for(const t of Object.keys(d.L))a.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.L[t]=a[t]);if(d.I=null,d.u\|=4,t.J=d,d.F=f.F=e.shadowDom&&a.shadowRoot\|\|a,(e.scoped\|\|e.shadowDom)&&(Zt=a["s-sc"]),Ye=A&&!!(1&u.u)&&!(128&u.u),e.slotRelocation&&(te=a["s-cr"],Je=!1),rn(f,d,o),e.slotRelocation){if(M.u\|=1,Xe){cn(d.F);for(const t of ln){const n=t.W;if(!n["s-ol"]&&R.document){const t=e.isDebug\|\|e.hydrateServerSide?mn(n):R.document.createTextNode("");t["s-nr"]=n,fn(n.parentNode,n["s-ol"]=t,n,o)}}for(const t of ln){const n=t.W,c=t.Y;if(1===n.nodeType&&o&&(n["s-ih"]=null!=(s=n.hidden)&&s),c){const t=c.parentNode;let s=c.nextSibling;if(!e.hydrateServerSide&&s&&1===s.nodeType){let e=null==(r=n["s-ol"])?void 0:r.previousSibling;for(;e;){let o=null!=(i=e["s-nr"])?i:null;if(o&&o["s-sn"]===n["s-sn"]&&t===(o.__parentNode\|\|o.parentNode)){for(o=o.nextSibling;o===n\|\|(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o\|\|!o["s-nr"]){s=o;break}}e=e.previousSibling}}if((!s&&t!==(n.__parentNode\|\|n.parentNode)\|\|(n.__nextSibling\|\|n.nextSibling)!==s)&&n!==s){if(fn(t,n,s,o),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=R.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,fn(n.parentNode,t,n,o),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(l=n["s-ih"])&&l)}n&&"function"==typeof c["s-rf"]&&c["s-rf"](c)}else 1===n.nodeType&&(n.hidden=!0)}}Je&&G(d.F),M.u&=-2,ln.length=0}if(e.slotRelocation&&!Ye&&!(1&u.u)&&a["s-cr"]){const t=d.F.__childNodes\|\|d.F.childNodes;for(const e of t)if(e["s-hn"]!==ee&&!e["s-sh"])if(o&&null==e["s-ih"]&&(e["s-ih"]=null!=(c=e.hidden)&&c),1===e.nodeType)e.hidden=!0;else if(3===e.nodeType&&e.nodeValue.trim()){const t=R.document.createComment("s-nt-"+e.nodeValue);t["s-sn"]=e["s-sn"],fn(e.parentNode,t,e,o),e.parentNode.removeChild(e)}}te=void 0,e.vdomRef&&(Ke.forEach((t=>t())),Ke.length=0,Qe.forEach((t=>t())),Qe.length=0)},pn=t=>{var e;return null==(e=R.document)?void 0:e.createComment(`<slot${t.D?' name="'+t.D+'"':""}> (host=${ee.toLowerCase()})`)},mn=t=>{var e;return null==(e=R.document)?void 0:e.createComment("org-location for "+(t.localName?`<${t.localName}> (host=${t["s-hn"]})`:`[${t.textContent}]`))},vn=(t,n)=>{if(e.asyncLoading&&n&&!t.q&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.q=()=>{n["s-p"].splice(e-1,1),o()})))}},gn=(t,n)=>{if(e.taskQueue&&e.updatable&&(t.u\|=16),e.asyncLoading&&4&t.u)return void(t.u\|=512);vn(t,t.K);const o=()=>$n(t,n);if(!n)return e.taskQueue?K(o):o();queueMicrotask((()=>{o()}))},$n=(t,n)=>{const o=t.$hostElement$,s=Tt("scheduleUpdate",t.o.C),r=e.lazyLoad?t.l:o;if(!r)throw Error(`Can't render component <${o.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 i;return n?(e.lazyLoad&&(e.slotRelocation&&t.G&&(t.G=!1,_n(r,"connectedCallback",void 0,o)),e.hostListener&&(t.u\|=256,t.Z&&(t.Z.map((([t,e])=>_n(r,t,e,o))),t.Z=void 0)),t.O.length&&t.O.forEach((t=>t(o)))),En(o,"componentWillLoad"),i=_n(r,"componentWillLoad",void 0,o)):(En(o,"componentWillUpdate"),i=_n(r,"componentWillUpdate",void 0,o)),En(o,"componentWillRender"),i=bn(i,(()=>_n(r,"componentWillRender",void 0,o))),s(),bn(i,(()=>Sn(t,r,n)))},bn=(t,e)=>yn(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),yn=t=>t instanceof Promise\|\|t&&t.then&&"function"==typeof t.then,Sn=async(t,n,o)=>{var s;const r=t.$hostElement$,i=Tt("update",t.o.C),l=r["s-rc"];e.style&&o&&Dt(t);const c=Tt("render",t.o.C);if(e.isDev&&(t.u\|=1024),e.hydrateServerSide?await jn(t,n,r,o):jn(t,n,r,o),e.isDev&&(t.m=void 0===t.m?1:t.m+1,t.u&=-1025),e.hydrateServerSide)try{kn(r),o&&(1&t.o.u?r["s-en"]="":2&t.o.u&&(r["s-en"]="c"))}catch(t){m(t,r)}if(e.asyncLoading&&l&&(l.map((t=>t())),r["s-rc"]=void 0),c(),i(),e.asyncLoading){const e=null!=(s=r["s-p"])?s:[],n=()=>xn(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u\|=4,e.length=0)}else xn(t)},wn=null,jn=(t,n,o,s)=>{const r=!!e.allRenderFn,i=!!e.lazyLoad,l=!!e.taskQueue,c=!!e.updatable;try{if(wn=n,n=(r\|\|n.render)&&n.render(),c&&l&&(t.u&=-17),(c\|\|i)&&(t.u\|=2),e.hasRenderFn\|\|e.reflect)if(e.vdomRender\|\|e.reflect){if(e.hydrateServerSide)return Promise.resolve(n).then((e=>hn(t,e,s)));hn(t,n,s)}else 1&t.o.u?o.shadowRoot.textContent=n:o.textContent=n}catch(e){m(e,t.$hostElement$)}return wn=null,null},xn=t=>{const n=t.o.C,o=t.$hostElement$,s=Tt("postUpdate",n),r=e.lazyLoad?t.l:o,i=t.K;e.isDev&&(t.u\|=1024),_n(r,"componentDidRender",void 0,o),e.isDev&&(t.u&=-1025),En(o,"componentDidRender"),64&t.u?(e.isDev&&(t.u\|=1024),_n(r,"componentDidUpdate",void 0,o),e.isDev&&(t.u&=-1025),En(o,"componentDidUpdate"),s()):(t.u\|=64,e.asyncLoading&&e.cssAnnotations&&Nn(o),e.isDev&&(t.u\|=2048),_n(r,"componentDidLoad",void 0,o),e.isDev&&(t.u&=-2049),En(o,"componentDidLoad"),s(),e.asyncLoading&&(t.j(o),i\|\|Cn(n))),e.method&&e.lazyLoad&&t.$(o),e.asyncLoading&&(t.q&&(t.q(),t.q=void 0),512&t.u&&X((()=>gn(t,!1))),t.u&=-517)},On=t=>{var n;if(e.updatable&&(s.isBrowser\|\|s.isTesting)){const e=f(t),o=null==(n=null==e?void 0:e.$hostElement$)?void 0:n.isConnected;return o&&2==(18&e.u)&&gn(e,!1),o}return!1},Cn=n=>{var o;e.asyncQueue&&(M.u\|=2),X((()=>He(R,"appload",{detail:{namespace:t}}))),e.hydrateClientSide&&(null==(o=M.tt)?void 0:o.size)&&M.tt.clear(),e.profile&&performance.measure&&performance.measure(`[Stencil] ${t} initial load (by ${n})`,"st:app:start")},_n=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){m(t,o)}},En=(n,o)=>{e.lifecycleDOMEvents&&He(n,"stencil_"+o,{bubbles:!0,composed:!0,detail:{namespace:t}})},Nn=t=>{var n,o;return e.hydratedClass?t.classList.add(null!=(n=e.hydratedSelectorName)?n:"hydrated"):e.hydratedAttribute?t.setAttribute(null!=(o=e.hydratedSelectorName)?o:"hydrated",""):void 0},kn=t=>{const e=t.children;if(null!=e)for(let t=0,n=e.length;t<n;t++){const n=e[t];"function"==typeof n.connectedCallback&&n.connectedCallback(),kn(n)}},Tn=(t,e)=>f(t).i.get(e),Rn=(t,n,o,s)=>{const r=f(t);if(!r)return;if(e.lazyLoad&&!r)throw Error(`Couldn't find host element for "${s.C}" 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/stenciljs/core/issues/5457).`);if(e.serializer&&r.p.has(n)&&r.p.get(n)===o)return;const i=e.lazyLoad?r.$hostElement$:t,l=r.i.get(n),c=r.u,a=e.lazyLoad?r.l:i;if(o=Ae(o,s.t[n][0],e.formAssociated&&!!(64&s.u)),!(e.lazyLoad&&8&c&&void 0!==l\|\|o===l\|\|Number.isNaN(l)&&Number.isNaN(o))){if(r.i.set(n,o),e.serializer&&e.reflect&&s.X&&s.et&&s.et[n]){const t=t=>{let e=o;for(const o of s.et[n]){const[[s]]=Object.entries(o);e=t[s](e,n)}r.p.set(n,e)};a?t(a):r.O.push((()=>{t(r.l)}))}if(e.isDev&&(1024&r.u?$(`The state/prop "${n}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",i,"\nNew value",o,"\nOld value",l):2048&r.u&&$(`The state/prop "${n}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",i,"\nNew value",o,"\nOld value",l)),e.propChangeCallback&&s.nt){const t=s.nt[n];t&&t.map((t=>{try{const[[e,s]]=Object.entries(t);(128&c\|\|1&s)&&(a?a[e](o,l,n):r.O.push((()=>{r.l[e](o,l,n)})))}catch(t){m(t,i)}}))}if(e.updatable&&2&c){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(o,l,n)&&!(16&c))return;16&c\|\|gn(r,!1)}}},Ln=(t,n,o)=>{var s,r;const i=t.prototype;if(e.isTesting){if(i.__stencilAugmented)return;i.__stencilAugmented=!0}if(e.formAssociated&&64&n.u&&1&o&&T.forEach((t=>{const n=i[t];Object.defineProperty(i,t,{value(...o){var s;const r=f(this),i=e.lazyLoad?null==r?void 0:r.l:this;if(i){const s=e.lazyLoad?i[t]:n;"function"==typeof s&&s.call(i,...o)}else null==(s=null==r?void 0:r.S)\|\|s.then((e=>{const n=e[t];"function"==typeof n&&n.call(e,...o)}))}})})),e.member&&n.t\|\|e.propChangeCallback){e.propChangeCallback&&(t.watchers&&!n.nt&&(n.nt=t.watchers),t.deserializers&&!n.ot&&(n.ot=t.deserializers),t.serializers&&!n.et&&(n.et=t.serializers));const l=Object.entries(null!=(s=n.t)?s:{});if(l.map((([t,[s]])=>{if((e.prop\|\|e.state)&&(31&s\|\|(!e.lazyLoad\|\|2&o)&&32&s)){const{get:r,set:l}=Object.getOwnPropertyDescriptor(i,t)\|\|{};r&&(n.t[t][0]\|=2048),l&&(n.t[t][0]\|=4096),(1&o\|\|!r)&&Object.defineProperty(i,t,{get(){if(e.lazyLoad){if(!(2048&n.t[t][0]))return Tn(this,t);const e=f(this),o=e?e.l:i;if(!o)return;return o[t]}if(!e.lazyLoad)return r?r.apply(this):Tn(this,t)},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(r){const i=f(this);if(i){if(e.isDev&&(1&o\|\|4096&n.t[t][0]\|\|0!==(i&&8&i.u)\|\|!(31&s)\|\|1024&s\|\|$(`@Prop() "${t}" on <${n.C}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)),l)return void 0===(32&s?this[t]:i.$hostElement$[t])&&i.i.get(t)&&(r=i.i.get(t)),l.call(this,Ae(r,s,e.formAssociated&&!!(64&n.u))),void Rn(this,t,r=32&s?this[t]:i.$hostElement$[t],n);if(e.lazyLoad){if(e.lazyLoad){if(!(1&o&&4096&n.t[t][0]))return Rn(this,t,r,n),void(1&o&&!i.l&&i.O.push((()=>{4096&n.t[t][0]&&i.l[t]!==i.i.get(t)&&(i.l[t]=r)})));const l=()=>{const o=i.l[t];!i.i.get(t)&&o&&i.i.set(t,o),i.l[t]=Ae(r,s,e.formAssociated&&!!(64&n.u)),Rn(this,t,i.l[t],n)};i.l?l():i.O.push((()=>{l()}))}}else Rn(this,t,r,n)}}})}else e.lazyLoad&&e.method&&1&o&&64&s&&Object.defineProperty(i,t,{value(...e){var n;const o=f(this);return null==(n=null==o?void 0:o.v)?void 0:n.then((()=>{var n;return null==(n=o.l)?void 0:n[t](...e)}))}})})),e.observeAttribute&&(!e.lazyLoad\|\|1&o)){const o=new Map;i.attributeChangedCallback=function(t,s,r){M.jmp((()=>{var c;const a=o.get(t),u=f(this);if(e.serializer&&u.p.has(a)&&u.p.get(a)===r)return;if(this.hasOwnProperty(a)&&e.lazyLoad&&(r=this[a],delete this[a]),e.deserializer&&n.ot&&n.ot[a]){const t=(t,e)=>{const n=null==e?void 0:e[t](r,a);n!==this[a]&&(this[a]=n)};for(const o of n.ot[a]){const[[n]]=Object.entries(o);e.lazyLoad?u.l?t(n,u.l):u.O.push((()=>{t(n,u.l)})):t(n,this)}return}if(i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==r)return;if(null==a){const o=null==u?void 0:u.u;if(u&&o&&!(8&o)&&r!==s){const i=e.lazyLoad?u.l:e.lazyLoad?u.$hostElement$:this,l=null==(c=n.nt)?void 0:c[t];null==l\|\|l.forEach((e=>{const[[n,l]]=Object.entries(e);null!=i[n]&&(128&o\|\|1&l)&&i[n].call(i,r,s,t)}))}return}const d=l.find((([t])=>t===a));d&&4&d[1][0]&&(r=null!==r&&"false"!==r);const h=Object.getOwnPropertyDescriptor(i,a);r==this[a]\|\|h.get&&!h.set\|\|(this[a]=r)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n.nt)?r:{}),...l.filter((([t,e])=>31&e[0])).map((([t,s])=>{var r;const i=s[1]\|\|t;return o.set(i,t),e.reflect&&512&s[0]&&(null==(r=n.X)\|\|r.push([t,i])),i}))]))}}return t},Mn=async(t,n,o,s)=>{let r;try{if(!(32&n.u)){if(n.u\|=32,e.lazyLoad&&o._){const i=S(o,n,s);if(i&&"then"in i){const t=((t,n)=>e.profile&&performance.mark?(0===performance.getEntriesByName(t,"mark").length&&performance.mark(t),()=>{0===performance.getEntriesByName(n,"measure").length&&performance.measure(n,t)}):()=>{})(`st:load:${o.C}:${n.N}`,`[Stencil] Load module for <${o.C}>`);r=await i,t()}else r=i;if(!r)throw Error(`Constructor for "${o.C}#${n.N}" was not found`);e.member&&!r.isProxied&&(e.propChangeCallback&&(o.nt=r.watchers,o.et=r.serializers,o.ot=r.deserializers),Ln(r,o,2),r.isProxied=!0);const l=Tt("createInstance",o.C);e.member&&(n.u\|=8);try{new r(n)}catch(e){m(e,t)}e.member&&(n.u&=-9),e.propChangeCallback&&(n.u\|=128),l(),e.slotRelocation&&4&o.u?n.G=!0:An(n.l,t)}else r=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u\|=128));if(e.style&&r&&r.style){let i;"string"==typeof r.style?i=r.style:e.mode&&"string"!=typeof r.style&&(n.N=Le(t),n.N&&(i=r.style[n.N]),e.hydrateServerSide&&n.N&&t.setAttribute("s-mode",n.N));const l=It(o,n.N);if(!w.has(l)\|\|e.hotModuleReplacement&&s){const t=Tt("registerStyles",o.C);e.hydrateServerSide&&e.shadowDom&&128&o.u&&(i=Re(i,l)),Mt(l,i,!!(1&o.u)),t()}}}const i=n.K,l=()=>gn(n,!0);e.asyncLoading&&i&&i["s-rc"]?i["s-rc"].push(l):l()}catch(o){m(o,t),e.asyncLoading&&n.q&&(n.q(),n.q=void 0),e.asyncLoading&&n.j&&n.j(t)}},An=(t,n)=>{e.lazyLoad&&_n(t,"connectedCallback",void 0,n)},Dn=t=>{if(!(1&M.u)){const n=f(t);if(!n)return;const o=n.o,s=Tt("connectedCallback",o.C);if(e.hostListenerTargetParent&&zn(t,n,o.st,!0),1&n.u)zn(t,n,o.st,!1),(null==n?void 0:n.l)?An(n.l,t):(null==n?void 0:n.S)&&n.S.then((()=>An(n.l,t)));else{let s;if(n.u\|=1,e.hydrateClientSide&&(s=t.getAttribute(x),s)){if(e.shadowDom&&A&&1&o.u){const n=e.mode?At(t.shadowRoot,o,t.getAttribute("s-mode")):At(t.shadowRoot,o);t.classList.remove(n+"-h",n+"-s")}else if(e.scoped&&2&o.u){const n=It(o,e.mode?t.getAttribute("s-mode"):void 0);t["s-sc"]=n}((t,n,o,s)=>{var r,i,l,c;const a=Tt("hydrateClient",n),u=t.shadowRoot,d=[],h=[],p=[],m=e.shadowDom&&u?[]:null,v=Bt(n,null);let g;if(v.F=t,e.scoped){const e=s.o;e&&10&e.u&&t["s-sc"]?(g=t["s-sc"],t.classList.add(g+"-h")):t["s-sc"]&&delete t["s-sc"]}!R.document\|\|M.tt&&M.tt.size\|\|Kt(R.document.body,M.tt=new Map),t[x]=o,t.removeAttribute(x),s.J=qt(v,d,h,m,t,t,o,p);let $=0;const b=d.length;let y;for(;$<b;$++){y=d[$];const o=y.P+"."+y.U,s=M.tt.get(o),i=y.F;if(u){if((null==(r=y.I)?void 0:(""+r).includes("-"))&&"slot-fb"!==y.I&&!y.F.shadowRoot){const t=f(y.F);if(t){const n=It(t.o,e.mode?y.F.getAttribute("s-mode"):void 0),o=R.document.querySelector(`style[sty-id="${n}"]`);o&&m.unshift(o.cloneNode(!0))}}}else i["s-hn"]=Kn(n).toUpperCase(),"slot"===y.I&&(i["s-cr"]=t["s-cr"]);"slot"===y.I&&(y.D=y.F["s-sn"]\|\|y.F.name\|\|null,y.M?(y.u\|=2,y.F.childNodes.length\|\|y.M.forEach((t=>{y.F.appendChild(t.F)}))):y.u\|=1),s&&s.isConnected&&(s.parentElement.shadowRoot&&""===s["s-en"]&&s.parentNode.insertBefore(i,s.nextSibling),s.parentNode.removeChild(s),u\|\|(i["s-oo"]=parseInt(y.U))),s&&!s["s-id"]&&M.tt.delete(o)}const S=[],w=p.length;let j,O,C,_,E=0,N=0;for(;E<w;E++)if(j=p[E],j&&j.length)for(C=j.length,O=0;O<C;O++){if(_=j[O],S[_.hostId]\|\|(S[_.hostId]=M.tt.get(_.hostId)),!S[_.hostId])continue;const t=S[_.hostId];t.shadowRoot&&_.node.parentElement!==t&&t.insertBefore(_.node,null==(l=null==(i=j[O-1])?void 0:i.node)?void 0:l.nextSibling),t.shadowRoot&&u\|\|(_.slot["s-cr"]\|\|(_.slot["s-cr"]=t["s-cr"],_.slot["s-cr"]=!_.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes\|\|t.childNodes)[0]),ot(_.node,_.slot,!1,_.node["s-oo"]\|\|N),(null==(c=_.node.parentElement)?void 0:c.shadowRoot)&&_.node.getAttribute&&_.node.getAttribute("slot")&&_.node.removeAttribute("slot"),e.experimentalSlotFixes&&yt(_.node)),N=(_.node["s-oo"]\|\|N)+1}if(e.scoped&&g&&h.length&&h.forEach((t=>{t.F.parentElement.classList.add(g+"-s")})),e.shadowDom&&u&&!u.childNodes.length){let e=0;const n=m.length;if(n){for(;e<n;e++){const t=m[e];t&&u.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):8!==t.nodeType\|\|t.nodeValue\|\|t.parentNode.removeChild(t))}))}}s.$hostElement$=t,a()})(t,o.C,s,n)}if(e.slotRelocation&&!s&&(e.hydrateServerSide\|\|(e.slot\|\|e.shadowDom)&&12&o.u)&&In(t),e.asyncLoading){let o=t;for(;o=o.parentNode\|\|o.host;)if(e.hydrateClientSide&&1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]\|\|o["s-p"]){vn(n,n.K=o);break}}e.prop&&!e.hydrateServerSide&&o.t&&Object.entries(o.t).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[e]){const n=t[e];delete t[e],t[e]=n}})),e.initializeNextTick?X((()=>Mn(t,n,o))):Mn(t,n,o)}s()}},In=t=>{if(!R.document)return;const n=t["s-cr"]=R.document.createComment(e.isDebug?`content-ref (host=${t.localName})`:"");n["s-cn"]=!0,fn(t,n,t.firstChild)},Hn=(t,n)=>{e.lazyLoad&&_n(t,"disconnectedCallback",void 0,n\|\|t)},Fn=async t=>{if(!(1&M.u)){const n=f(t);e.hostListener&&(null==n?void 0:n.rt)&&(n.rt.map((t=>t())),n.rt=void 0),e.lazyLoad?(null==n?void 0:n.l)?Hn(n.l,t):(null==n?void 0:n.S)&&n.S.then((()=>Hn(n.l,t))):Hn(t)}Lt.has(t)&&Lt.delete(t),t.shadowRoot&&Lt.has(t.shadowRoot)&&Lt.delete(t.shadowRoot)},Pn=(t,n)=>{const o={u:n[0],C:n[1]};try{e.member&&(o.t=n[2]),e.hostListener&&(o.st=n[3]),e.propChangeCallback&&(o.nt=t.nt,o.ot=t.ot,o.et=t.et),e.reflect&&(o.X=[]),e.shadowDom&&!A&&1&o.u&&(o.u\|=8),!(1&o.u)&&256&o.u?e.experimentalSlotFixes?ct(t.prototype):(e.slotChildNodesFix&&bt(t.prototype),e.cloneNodeFix&&at(t.prototype),e.appendChildSlotFix&&ut(t.prototype),e.scopedSlotTextContentFix&&2&o.u&&$t(t.prototype)):e.cloneNodeFix&&at(t.prototype),e.hydrateClientSide&&e.shadowDom&&Ft();const s=t.prototype.connectedCallback,r=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){h(this,o)},connectedCallback(){if(!this.__hasHostListenerAttached){const t=f(this);if(!t)return;zn(this,t,o.st,!1),this.__hasHostListenerAttached=!0}Dn(this),s&&s.call(this)},disconnectedCallback(){Fn(this),r&&r.call(this)},__attachShadow(){if(A)if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.C}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else Q.call(this,o);else this.shadowRoot=this}}),Object.defineProperty(t,"is",{value:o.C,configurable:!0}),Ln(t,o,3)}catch(e){return m(e),t}},Un=(t,n={})=>{var o;if(e.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(e.devTools){const t=R.stencil=R.stencil\|\|{},e=t.inspect;t.inspect=t=>{let n=(t=>{const e=f(t);if(!e)return;const n=e.u,o=e.$hostElement$;return{renderCount:e.m,flags:{hasRendered:!!(2&n),hasConnected:!!(1&n),isWaitingForChildren:!!(4&n),isConstructingInstance:!!(8&n),isQueuedForUpdate:!!(16&n),hasInitializedComponent:!!(32&n),hasLoadedComponent:!!(64&n),isWatchReady:!!(128&n),isListenReady:!!(256&n),needsRerender:!!(512&n)},instanceValues:e.i,serializerValues:e.p,ancestorComponent:e.K,hostElement:o,lazyInstance:e.l,vnode:e.J,modeName:e.N,fetchedCbList:e.O,onReadyPromise:e.S,onReadyResolve:e.j,onInstancePromise:e.v,onInstanceResolve:e.$,onRenderResolve:e.q,queuedListeners:e.Z,rmListeners:e.rt,"s-id":o["s-id"],"s-cr":o["s-cr"],"s-lr":o["s-lr"],"s-p":o["s-p"],"s-rc":o["s-rc"],"s-sc":o["s-sc"]}})(t);return n\|\|"function"!=typeof e\|\|(n=e(t)),n}}})(),!R.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const s=Tt("bootstrapLazy"),r=[],i=n.exclude\|\|[],l=R.customElements,c=R.document.head,a=c.querySelector("meta[charset]"),u=R.document.createElement("style"),d=[];let p,m=!0;Object.assign(M,n),M.k=new URL(n.resourcesUrl\|\|"./",R.document.baseURI).href,e.asyncQueue&&n.syncQueue&&(M.u\|=4),e.hydrateClientSide&&(M.u\|=2),e.hydrateClientSide&&e.shadowDom&&Ft();let v=!1;if(t.map((t=>{t[1].map((o=>{var s,c,a;const u={u:o[0],C:o[1],t:o[2],st:o[3]};4&u.u&&(v=!0),e.member&&(u.t=o[2]),e.hostListener&&(u.st=o[3]),e.reflect&&(u.X=[]),e.propChangeCallback&&(u.nt=null!=(s=o[4])?s:{},u.et=null!=(c=o[5])?c:{},u.ot=null!=(a=o[6])?a:{}),e.shadowDom&&!A&&1&u.u&&(u.u\|=8);const g=e.transformTagName&&n.transformTagName?n.transformTagName(u.C):Kn(u.C),$=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),h(t=this,u),e.shadowDom&&1&u.u)if(A)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.C}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else Q.call(t,u);else e.hydrateServerSide\|\|"shadowRoot"in t\|\|(t.shadowRoot=t)}connectedCallback(){const t=f(this);t&&(this.hasRegisteredEventListeners\|\|(this.hasRegisteredEventListeners=!0,zn(this,t,u.st,!1)),p&&(clearTimeout(p),p=null),m?d.push(this):M.jmp((()=>Dn(this))))}disconnectedCallback(){M.jmp((()=>Fn(this))),M.raf((()=>{var t;const e=f(this);if(!e)return;const n=d.findIndex((t=>t===this));n>-1&&d.splice(n,1),(null==(t=null==e?void 0:e.J)?void 0:t.F)instanceof Node&&!e.J.F.isConnected&&delete e.J.F}))}componentOnReady(){var t;return null==(t=f(this))?void 0:t.S}};!(1&u.u)&&256&u.u?e.experimentalSlotFixes?ct($.prototype):(e.slotChildNodesFix&&bt($.prototype),e.cloneNodeFix&&at($.prototype),e.appendChildSlotFix&&ut($.prototype),e.scopedSlotTextContentFix&&2&u.u&&$t($.prototype)):e.cloneNodeFix&&at($.prototype),e.formAssociated&&64&u.u&&($.formAssociated=!0),e.hotModuleReplacement&&($.prototype["s-hmr"]=function(t){((t,e,n)=>{const o=f(t);o&&(o.u=1,Mn(t,o,e,n))})(this,u,t)}),u._=t[0],i.includes(g)\|\|l.get(g)\|\|(r.push(g),l.define(g,Ln($,u,1)))}))})),r.length>0&&(e.slotRelocation&&v&&(u.textContent+=N),e.invisiblePrehydration&&(e.hydratedClass\|\|e.hydratedAttribute)&&(u.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}"),u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(o=M.T)?o:Rt(R.document);null!=t&&u.setAttribute("nonce",t),c.insertBefore(u,a?a.nextSibling:c.firstChild)}m=!1,d.length?d.map((t=>t.connectedCallback())):M.jmp(e.profile?()=>p=setTimeout(Cn,30,"timeout"):()=>p=setTimeout(Cn,30)),s()},Bn=(t,e)=>e,zn=(t,n,o,s)=>{e.hostListener&&o&&R.document&&(e.hostListenerTargetParent&&(o=o.filter(s?([t])=>32&t:([t])=>!(32&t))),o.map((([o,s,r])=>{const i=e.hostListenerTarget?Wn(R.document,t,o):t,l=Vn(n,r),c=Yn(o);M.ael(i,s,l,c),(n.rt=n.rt\|\|[]).push((()=>M.rel(i,s,l,c)))})))},Vn=(t,n)=>o=>{var s;try{e.lazyLoad?256&t.u?null==(s=t.l)\|\|s[n](o):(t.Z=t.Z\|\|[]).push([n,o]):t.$hostElement$[n](o)}catch(e){m(e,t.$hostElement$)}},Wn=(t,n,o)=>e.hostListenerTargetDocument&&4&o?t:e.hostListenerTargetWindow&&8&o?R:e.hostListenerTargetBody&&16&o?t.body:e.hostListenerTargetParent&&32&o&&n.parentElement?n.parentElement:n,Yn=t=>({passive:!!(1&t),capture:!!(2&t)}),Jn=e.lazyLoad?class{}:globalThis.HTMLElement\|\|class{},Xn=t=>M.T=t,qn=void 0;function Kn(t){return qn?qn(t):t}function Qn(t,e,n){const o=e\|\|{},{children:s,...r}=o;let i=r;return void 0===n\|\|"key"in r\|\|(i={...r,key:n}),i&&0===Object.keys(i).length&&(i=null),void 0!==s?Array.isArray(s)?Ut(t,i,...s):Ut(t,i,s):Ut(t,i)}var Gn=(t,e,n,o)=>{var s;null!=e&&(null!=e["s-nr"]&&o.push(e),1===e.nodeType)&&[...Array.from(e.childNodes),...Array.from((null==(s=e.shadowRoot)?void 0:s.childNodes)\|\|[])].forEach((e=>{const s=f(e);null==s\|\|n.staticComponents.has(e.nodeName.toLowerCase())\|\|Zn(t,e,s.J,n,{nodeIds:0}),Gn(t,e,n,o)}))},Zn=(t,e,n,o,s)=>{if(null!=n){const r=++o.hostIds;if(e.setAttribute(x,r),null!=e["s-cr"]&&(e["s-cr"].nodeValue="r."+r),null!=n.M){const e=0;n.M.forEach(((n,o)=>{to(t,n,s,r,e,o)}))}if(e&&n&&n.F&&!e.hasAttribute(C)){const t=e.parentElement;if(t&&t.childNodes){const o=Array.from(t.childNodes),s=o.find((t=>8===t.nodeType&&t["s-sr"]));if(s){const t=o.indexOf(e)-1;n.F.setAttribute(C,`${s["s-host-id"]}.${s["s-node-id"]}.0.${t}`)}}}}},to=(t,e,n,o,s,r)=>{const i=e.F;if(null==i)return;const l=n.nodeIds++,c=`${o}.${l}.${s}.${r}`;if(i["s-host-id"]=o,i["s-node-id"]=l,1===i.nodeType)i.setAttribute(C,c),"string"!=typeof i["s-sn"]\|\|i.getAttribute("slot")\|\|i.setAttribute("s-sn",i["s-sn"]);else if(3===i.nodeType){const e=i.parentNode,n=null==e?void 0:e.nodeName;if("STYLE"!==n&&"SCRIPT"!==n){const n=t.createComment("t."+c);fn(e,n,i)}}else 8===i.nodeType&&i["s-sr"]&&(i.nodeValue=`s.${c}.${i["s-sn"]\|\|""}`);if(null!=e.M){const r=s+1;e.M.forEach(((e,s)=>{to(t,e,n,o,r,s)}))}},eo=Object.freeze({__proto__:null,BUILD:e,Build:s,Env:{},Fragment:Bn,H:L,HTMLElement:L,HYDRATED_STYLE_ID:O,Host:zt,Mixin:function(...t){return t.reduceRight(((t,e)=>e(t)),Jn)},NAMESPACE:t,STENCIL_DEV_MODE:v,addHostEventListeners:zn,bootstrapLazy:Un,cmpModules:y,connectedCallback:Dn,consoleDevError:g,consoleDevInfo:b,consoleDevWarn:$,consoleError:m,createEvent:Ie,defineCustomElement:(t,e)=>{customElements.define(Kn(e[1]),Pn(t,e))},disconnectedCallback:Fn,forceModeUpdate:t=>{if(e.style&&e.mode&&!e.lazyLoad){const e=Le(t),n=f(t);if(n&&n.N!==e){const o=n.o,s=t["s-sc"],r=It(o,e),i=t.constructor.style[e],l=o.u;i&&(w.has(r)\|\|Mt(r,i,!!(1&l)),n.N=e,t.classList.remove(s+"-h",s+"-s"),Dt(n),On(t))}}},forceUpdate:On,getAssetPath:t=>{const e=new URL(t,M.k);return e.origin!==R.location.origin?e.href:e.pathname},getElement:De,getHostRef:f,getMode:t=>{var e;return null==(e=f(t))?void 0:e.N},getRenderingRef:()=>wn,getValue:Tn,h:Ut,insertVdomAnnotations:(t,e)=>{if(null!=t){const n=_ in t?t[_]:{...E};n.staticComponents=new Set(e);const o=[];Gn(t,t.body,n,o),o.forEach((e=>{var o;if(null!=e&&e["s-nr"]){const s=e["s-nr"];let r=s["s-host-id"],i=s["s-node-id"],l=`${r}.${i}`;if(null==r)if(r=0,n.rootLevelIds++,i=n.rootLevelIds,l=`${r}.${i}`,1===s.nodeType)s.setAttribute(C,l),"string"!=typeof s["s-sn"]\|\|s.getAttribute("slot")\|\|s.setAttribute("s-sn",s["s-sn"]);else if(3===s.nodeType){if(0===r&&""===(null==(o=s.nodeValue)?void 0:o.trim()))return void e.remove();const n=t.createComment(l);n.nodeValue="t."+l,fn(s.parentNode,n,s)}else if(8===s.nodeType){const e=t.createComment(l);e.nodeValue="c."+l,s.parentNode.insertBefore(e,s)}let c="o."+l;const a=e.parentElement;a&&(""===a["s-en"]?c+=".":"c"===a["s-en"]&&(c+=".c")),e.nodeValue=c}}))}},isMemberInElement:p,jsx:Qn,jsxDEV:function(t,e,n){const o=e\|\|{},{children:s,...r}=o;let i=r;return void 0===n\|\|"key"in r\|\|(i={...r,key:n}),i&&0===Object.keys(i).length&&(i=null),void 0!==s?Array.isArray(s)?Ut(t,i,...s):Ut(t,i,s):Ut(t,i)},jsxs:function(t,e,n){return Qn(t,e,n)},loadModule:S,modeResolutionChain:j,needsScopedSSR:()=>!1,nextTick:X,parsePropertyValue:Ae,plt:M,postUpdateComponent:xn,promiseResolve:D,proxyComponent:Ln,proxyCustomElement:Pn,readTask:q,registerHost:h,registerInstance:d,render:function(t,e){hn({o:{u:0,C:e.tagName},$hostElement$:e},t)},renderVdom:hn,setAssetPath:t=>M.k=t,setErrorHandler:t=>n=t,setMode:t=>j.push(t),setNonce:Xn,setPlatformHelpers:t=>{Object.assign(M,t)},setPlatformOptions:t=>Object.assign(M,t),setScopedSSR:()=>{},setTagTransformer:function(t){qn&&console.warn("\n A tagTransformer has already been set. \n Overwriting it may lead to error and unexpected results if your components have already been defined.\n "),qn=t},setValue:Rn,styles:w,supportsConstructableStylesheets:I,supportsListenerOptions:!0,supportsMutableAdoptedStyleSheets:H,supportsShadow:A,transformTag:Kn,win:R,writeTask:K});export{e as B,Bn as F,L as H,t as N,eo as S,zt as a,Un as b,b as c,Ie as d,On as f,De as g,Ut as h,D as p,d as r,Xn as s,R as w}

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

@@ -0,0 +1 @@

+ import{r as i,d as t,h as n,F as e,g as a}from"./p-ai7aDzJN.js";import{i as l}from"./p-Hgv-pDpy.js";const s=class{constructor(n){i(this,n),this.dsoSelectPage=t(this,"dsoSelectPage",7),this.sizePositionsMap={small:7,medium:9,large:11},this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,t){this.dsoSelectPage.emit({originalEvent:i,page:t,isModifiedEvent:l(i)})}componentDidLoad(){this.responsiveElement?.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){if(!this.totalPages&&!this.currentPage)return null;if(void 0===this.availablePositions)return n("dso-responsive-element",{ref:i=>this.responsiveElement=i});const i=this.availablePositions,t=this.currentPage??0,a=this.getPages(t,this.availablePositions,this.totalPages);return n("dso-responsive-element",{ref:i=>this.responsiveElement=i},n("nav",{class:"pagination","aria-label":"Paginering"},n("ul",null,n("li",{class:t<=1||!t?"dso-page-hidden":void 0},n("a",{href:this.formatHref(t-1),"aria-label":"Vorige",onClick:i=>t&&this.clickHandler(i,t-1)},n("dso-icon",{icon:"chevron-left"}))),a.map((l=>n(e,null,this.showEllipsisBeforeLast(a,l,i)&&n("li",null,n("span",null,"...")),n("li",{key:l,class:t===l?"active":void 0},t===l?n("span",{"aria-current":"page"},l):n("a",{href:this.formatHref(l),onClick:i=>this.clickHandler(i,l)},l),l===this.totalPages?n("span",{class:"sr-only"}," (laatste pagina)"):null),this.showEllipsisAfterFirst(a,l,i)&&n("li",null,n("span",null,"...")),this.showEllipsisLastWithoutTotal(a,l,this.totalPages)&&n("li",null,n("span",null,"..."))))),n("li",{class:this.totalPages&&t>=this.totalPages||!t?"dso-page-hidden":void 0},n("a",{href:this.formatHref(t+1),"aria-label":"Volgende",onClick:i=>t&&this.clickHandler(i,t+1)},n("dso-icon",{icon:"chevron-right"}))))))}getAvailablePositions(i){return i%2==0?i-1:i<=3?3:i}getPages(i,t,n){return n?n+2<=t?Array.from({length:n},((i,t)=>t+1)):3===t?[i]:5===t?[1,i,n]:[1,...this.getPageRange(i,t,n),n]:this.getPageRangeWithoutTotalPages(i,t)}getPageRange(i,t,n){const e=[],a=Math.floor(t/2);if(i<=a)for(let i=2;i<=t-4;i++)e.push(i);if(i>=a&&i<=n-a&&(1===a&&(i>n-2&&e.push(n-2),e.push(i),i<3&&e.push(3)),a>1)){const t=a-3;for(let l=Math.min(i-t,n-a);l<=Math.max(i+t,a);l++)l>2&&l<n-1&&e.push(l)}if(i>n-a)for(let i=n-(t-5);i<=n-1;i++)e.push(i);return e.filter(((i,t,n)=>n.indexOf(i)===t))}showEllipsisAfterFirst(i,t,n){const e=i[i.length-1];if(!e)throw new Error("No totalPages");const a=0===i.indexOf(t),l=e>n-(this.totalPages?2:6),s=!i.includes(2);return a&&l&&s&&n>=7}showEllipsisBeforeLast(i,t,n){const e=i[i.length-1];if(!e)throw new Error("No totalPages");const a=i.indexOf(t)===i.length-1,l=e>n-(this.totalPages?2:6),s=!i.includes(e-1);return a&&l&&s&&n>=7}showEllipsisLastWithoutTotal(i,t,n){return!n&&i.at(-1)===t}getPageRangeWithoutTotalPages(i,t){const n=Math.max(1,i-(t>=9?2:0)),e=Array.from({length:i-n+2},((i,t)=>n+t));return n>=2&&e.unshift(1),e}get host(){return a(this)}};s.style=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}';export{s as dso_pagination}

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

@@ -0,0 +1 @@

+ import{r as e,d as t,h as s,a as o,g as i}from"./p-ai7aDzJN.js";import{c as a}from"./p-ChV9xqsO.js";import{i as r}from"./p-FXEjFTzg.js";import{i as n}from"./p-Hgv-pDpy.js";const d={en:{"dso-legend":{closeLegend:"Close legend"}},nl:{"dso-legend":{closeLegend:"Sluit legenda"}}},b=class{constructor(s){e(this,s),this.dsoContentSwitch=t(this,"dsoContentSwitch",7),this.dsoClose=t(this,"dsoClose",7),this.tabItems=[],this.text=r((()=>this.host),d),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}},this.clickHandler=e=>{const t=this.tabs.findIndex((t=>t===e.currentTarget)),s=this.tabItems[t];s&&!s.active&&this.dsoContentSwitch.emit({originalEvent:e,isModifiedEvent:n(e)})}}get tabs(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="tab"]'))}get firstTab(){return this.tabs[0]}get lastTab(){return this.tabs[this.tabs.length-1]}moveFocusToTab(e){e?.focus()}moveFocusToPreviousTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t-1]??this.lastTab)}moveFocusToNextTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t+1]??this.firstTab)}render(){return s(o,{key:"18b65b8e93f592afbd4748e8f740b3e37c8f70ae"},s("div",{key:"20c1927e8ccc27badc91122fcb39b243c1d9de71",class:"topbar"},s("div",{key:"dcd9a8c4cf7bcecdd10ba918e0df47ff6929a8fb",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},this.tabItems.map((e=>s("button",{class:a("tab",{active:e.active}),role:"tab","aria-selected":e.active?"true":"false",...e.active?{}:{tabIndex:-1},onClick:this.clickHandler},e.label)))),s("dso-icon-button",{key:"fa3eb71f4bc538a1df4beda9d62260f9930c9651",icon:"times",variant:"tertiary",label:this.text("closeLegend"),class:"close-button",onDsoClick:e=>this.dsoClose.emit({originalEvent:e.detail.originalEvent})})),s("dso-scrollable",{key:"3ebbfbba7d44ef9470bcc088fca6c799f1c81689",class:"content"},s("div",{key:"071e22193cd0dd97ca1ba6d73427a5f29ee19d0f",role:"tabpanel",tabIndex:0},s("slot",{key:"33342dceb976c0557e33baa77471621f3e565dea"}))))}get host(){return i(this)}};b.style="*,*::after,*::before{box-sizing:border-box}:host{position:relative;display:block;inline-size:344px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);border-radius:4px}:host .topbar{padding-block-start:8px;padding-inline:16px}:host .topbar .tabs{inline-size:100%;padding:0;list-style:none;display:inline-flex;border-block-end:1px solid #ccc}:host .topbar .tabs .tab{font-size:inherit;font-family:inherit;line-height:inherit;background-color:transparent;cursor:pointer;display:block;border:0;color:#275937;padding-block:6px;padding-inline:8px;border-block-end:4px solid transparent}:host .topbar .tabs .tab:hover{text-decoration:underline}:host .topbar .tabs .tab.active{font-weight:bold;border-color:#8b4a6a}:host .topbar .close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}:host ::slotted(dso-legend-group:last-child){margin-block-end:8px}:host .content{--_dso-form-group-margin-block-end:0;--_dt-scrollable-container-border-end-start-radius:4px;--_dt-scrollable-container-border-end-end-radius:4px;--_dt-scrollable-container-padding-inline:16px;max-block-size:52vh;border-end-start-radius:4px;border-end-end-radius:4px}";export{b as dso_legend}

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

@@ -0,0 +1,7 @@
+import{r as o,d as r,h as e,F as t,g as n}from"./p-ai7aDzJN.js";import{c as i}from"./p-ChV9xqsO.js";import{i as a,t as d,f as c,a as s,g as l}from"./p-PsHl6ZhV.js";import{i as u}from"./p-Hgv-pDpy.js";
+/*!
+* focus-trap 8.0.0
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function b(o,r){(null==r||r>o.length)&&(r=o.length);for(var e=0,t=Array(r);e<r;e++)t[e]=o[e];return t}function f(o,r,e,t,n,i,a){try{var d=o[i](a),c=d.value}catch(o){return void e(o)}d.done?r(c):Promise.resolve(c).then(t,n)}function v(o){return function(){var r=this,e=arguments;return new Promise((function(t,n){var i=o.apply(r,e);function a(o){f(i,t,n,a,d,"next",o)}function d(o){f(i,t,n,a,d,"throw",o)}a(void 0)}))}}function p(o,r){var e="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!e){if(Array.isArray(o)||(e=k(o))||r){e&&(o=e);var t=0,n=function(){};return{s:n,n:function(){return t>=o.length?{done:!0}:{done:!1,value:o[t++]}},e:function(o){throw o},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,d=!1;return{s:function(){e=e.call(o)},n:function(){var o=e.next();return a=o.done,o},e:function(o){d=!0,i=o},f:function(){try{a||null==e.return||e.return()}finally{if(d)throw i}}}}function g(o,r,e){return(r=function(o){var r=function(o,r){if("object"!=typeof o||!o)return o;var e=o[Symbol.toPrimitive];if(void 0!==e){var t=e.call(o,r);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(o)}(o,"string");return"symbol"==typeof r?r:r+""}(r))in o?Object.defineProperty(o,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):o[r]=e,o}function y(o,r){var e=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),e.push.apply(e,t)}return e}function h(o){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?y(Object(e),!0).forEach((function(r){g(o,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(e)):y(Object(e)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(e,r))}))}return o}function m(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+var o,r,e="function"==typeof Symbol?Symbol:{},t=e.iterator||"@@iterator",n=e.toStringTag||"@@toStringTag";function i(e,t,n,i){var c=Object.create((t&&t.prototype instanceof d?t:d).prototype);return _(c,"_invoke",function(e,t,n){var i,d,c,s=0,l=n||[],u=!1,b={p:0,n:0,v:o,a:f,f:f.bind(o,4),d:function(r,e){return i=r,d=0,c=o,b.n=e,a}};function f(e,t){for(d=e,c=t,r=0;!u&&s&&!n&&r<l.length;r++){var n,i=l[r],f=b.p,v=i[2];e>3?(n=v===t)&&(c=i[(d=i[4])?5:(d=3,3)],i[4]=i[5]=o):i[0]<=f&&((n=e<2&&f<i[1])?(d=0,b.v=t,b.n=i[1]):f<v&&(n=e<3||i[0]>t||t>v)&&(i[4]=e,i[5]=t,b.n=v,d=0))}if(n||e>1)return a;throw u=!0,t}return function(n,l,v){if(s>1)throw TypeError("Generator is already running");for(u&&1===l&&f(l,v),d=l,c=v;(r=d<2?o:c)||!u;){i||(d?d<3?(d>1&&(b.n=-1),f(d,c)):b.n=c:b.v=c);try{if(s=2,i){if(d||(n="next"),r=i[n]){if(!(r=r.call(i,c)))throw TypeError("iterator result is not an object");if(!r.done)return r;c=r.value,d<2&&(d=0)}else 1===d&&(r=i.return)&&r.call(i),d<2&&(c=TypeError("The iterator does not provide a '"+n+"' method"),d=1);i=o}else if((r=(u=b.n<0)?c:e.call(t,b))!==a)break}catch(r){i=o,d=1,c=r}finally{s=1}}return{value:r,done:u}}}(e,n,i),!0),c}var a={};function d(){}function c(){}function s(){}r=Object.getPrototypeOf;var l=[][t]?r(r([][t]())):(_(r={},t,(function(){return this})),r),u=s.prototype=d.prototype=Object.create(l);function b(o){return Object.setPrototypeOf?Object.setPrototypeOf(o,s):(o.__proto__=s,_(o,n,"GeneratorFunction")),o.prototype=Object.create(u),o}return c.prototype=s,_(u,"constructor",s),_(s,"constructor",c),c.displayName="GeneratorFunction",_(s,n,"GeneratorFunction"),_(u),_(u,n,"Generator"),_(u,t,(function(){return this})),_(u,"toString",(function(){return"[object Generator]"})),(m=function(){return{w:i,m:b}})()}function _(o,r,e,t){var n=Object.defineProperty;_=function(o,r,e,t){function i(r,e){_(o,r,(function(o){return this._invoke(r,e,o)}))}r?n?n(o,r,{value:e,enumerable:!t,configurable:!t,writable:!t}):o[r]=e:(i("next",0),i("throw",1),i("return",2))},_(o,r,e,t)}function k(o,r){if(o){if("string"==typeof o)return b(o,r);var e={}.toString.call(o).slice(8,-1);return"Object"===e&&o.constructor&&(e=o.constructor.name),"Map"===e||"Set"===e?Array.from(o):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?b(o,r):void 0}}var w={getActiveTrap:function(o){return(null==o?void 0:o.length)>0?o[o.length-1]:null},activateTrap:function(o,r){r!==w.getActiveTrap(o)&&w.pauseTrap(o);var e=o.indexOf(r);-1===e||o.splice(e,1),o.push(r)},deactivateTrap:function(o,r){var e=o.indexOf(r);-1!==e&&o.splice(e,1),w.unpauseTrap(o)},pauseTrap:function(o){var r=w.getActiveTrap(o);null==r||r._setPausedState(!0)},unpauseTrap:function(o){var r=w.getActiveTrap(o);r&&!r._isManuallyPaused()&&r._setPausedState(!1)}},x=function(o){return"Tab"===(null==o?void 0:o.key)||9===(null==o?void 0:o.keyCode)},j=function(o){return x(o)&&!o.shiftKey},C=function(o){return x(o)&&o.shiftKey},S=function(o){return setTimeout(o,0)},O=function(o){for(var r=arguments.length,e=new Array(r>1?r-1:0),t=1;t<r;t++)e[t-1]=arguments[t];return"function"==typeof o?o.apply(void 0,e):o},T=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target},z=[],F=function(o,r){var e,t=(null==r?void 0:r.document)||document,n=(null==r?void 0:r.trapStack)||z,i=h({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isolateSubtrees:!1,isKeyForward:j,isKeyBackward:C},r),u={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},f=function(o,r,e){return o&&void 0!==o[r]?o[r]:i[e||r]},g=function(o,r){var e="function"==typeof(null==r?void 0:r.composedPath)?r.composedPath():void 0;return u.containerGroups.findIndex((function(r){var t=r.container,n=r.tabbableNodes;return t.contains(o)||(null==e?void 0:e.includes(t))||n.find((function(r){return r===o}))}))},y=function(o){var r,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.hasFallback,a=void 0!==n&&n,d=e.params,c=i[o];if("function"==typeof c&&(c=c.apply(void 0,function(o){if(Array.isArray(o))return b(o)}(r=void 0===d?[]:d)||function(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}(r)||k(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),!0===c&&(c=void 0),!c){if(void 0===c||!1===c)return c;throw new Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var s=c;if("string"==typeof c){try{s=t.querySelector(c)}catch(r){throw new Error("`".concat(o,'` appears to be an invalid selector; error="').concat(r.message,'"'))}if(!s&&!a)throw new Error("`".concat(o,"` as selector refers to no known node"))}return s},_=function(){var o=y("initialFocus",{hasFallback:!0});if(!1===o)return!1;if(void 0===o||o&&!a(o,i.tabbableOptions))if(g(t.activeElement)>=0)o=t.activeElement;else{var r=u.tabbableGroups[0];o=r&&r.firstTabbableNode||y("fallbackFocus")}else null===o&&(o=y("fallbackFocus"));if(!o)throw new Error("Your focus-trap needs to have at least one focusable element");return o},F=function(){if(u.containerGroups=u.containers.map((function(o){var r=d(o,i.tabbableOptions),e=c(o,i.tabbableOptions),t=r.length>0?r[0]:void 0,n=r.length>0?r[r.length-1]:void 0,a=e.find((function(o){return s(o)})),u=e.slice().reverse().find((function(o){return s(o)})),b=!!r.find((function(o){return l(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:e,posTabIndexesFound:b,firstTabbableNode:t,lastTabbableNode:n,firstDomTabbableNode:a,lastDomTabbableNode:u,nextTabbableNode:function(o){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=r.indexOf(o);return n<0?t?e.slice(e.indexOf(o)+1).find((function(o){return s(o)})):e.slice(0,e.indexOf(o)).reverse().find((function(o){return s(o)})):r[n+(t?1:-1)]}}})),u.tabbableGroups=u.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),u.tabbableGroups.length<=0&&!y("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(u.containerGroups.find((function(o){return o.posTabIndexesFound}))&&u.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},E=function(o){var r=o.activeElement;if(r)return r.shadowRoot&&null!==r.shadowRoot.activeElement?E(r.shadowRoot):r},A=function(o){!1!==o&&o!==E(document)&&(o&&o.focus?(o.focus({preventScroll:!!i.preventScroll}),u.mostRecentlyFocusedNode=o,function(o){return o.tagName&&"input"===o.tagName.toLowerCase()&&"function"==typeof o.select}(o)&&o.select()):A(_()))},D=function(o){var r=y("setReturnFocus",{params:[o]});return r||!1!==r&&o},P=function(o){var r=o.target,e=o.event,t=o.isBackward,n=void 0!==t&&t;r=r||T(e),F();var d=null;if(u.tabbableGroups.length>0){var c=g(r,e),b=c>=0?u.containerGroups[c]:void 0;if(c<0)d=n?u.tabbableGroups[u.tabbableGroups.length-1].lastTabbableNode:u.tabbableGroups[0].firstTabbableNode;else if(n){var f=u.tabbableGroups.findIndex((function(o){return r===o.firstTabbableNode}));if(f<0&&(b.container===r||a(r,i.tabbableOptions)&&!s(r,i.tabbableOptions)&&!b.nextTabbableNode(r,!1))&&(f=c),f>=0){var v=u.tabbableGroups[0===f?u.tabbableGroups.length-1:f-1];d=l(r)>=0?v.lastTabbableNode:v.lastDomTabbableNode}else x(e)||(d=b.nextTabbableNode(r,!1))}else{var p=u.tabbableGroups.findIndex((function(o){return r===o.lastTabbableNode}));if(p<0&&(b.container===r||a(r,i.tabbableOptions)&&!s(r,i.tabbableOptions)&&!b.nextTabbableNode(r))&&(p=c),p>=0){var h=u.tabbableGroups[p===u.tabbableGroups.length-1?0:p+1];d=l(r)>=0?h.firstTabbableNode:h.firstDomTabbableNode}else x(e)||(d=b.nextTabbableNode(r))}}else d=y("fallbackFocus");return d},R=function(o){var r=T(o);g(r,o)>=0||(O(i.clickOutsideDeactivates,o)?e.deactivate({returnFocus:i.returnFocusOnDeactivate}):O(i.allowOutsideClick,o)||o.preventDefault())},N=function(o){var r=T(o),e=g(r,o)>=0;if(e||r instanceof Document)e&&(u.mostRecentlyFocusedNode=r);else{var t;o.stopImmediatePropagation();var n=!0;if(u.mostRecentlyFocusedNode)if(l(u.mostRecentlyFocusedNode)>0){var a=g(u.mostRecentlyFocusedNode),d=u.containerGroups[a].tabbableNodes;if(d.length>0){var c=d.findIndex((function(o){return o===u.mostRecentlyFocusedNode}));c>=0&&(i.isKeyForward(u.recentNavEvent)?c+1<d.length&&(t=d[c+1],n=!1):c-1>=0&&(t=d[c-1],n=!1))}}else u.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return l(o)>0}))}))||(n=!1);else n=!1;n&&(t=P({target:u.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(u.recentNavEvent)})),A(t||u.mostRecentlyFocusedNode||_())}u.recentNavEvent=void 0},I=function(o){(i.isKeyForward(o)||i.isKeyBackward(o))&&function(o){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];u.recentNavEvent=o;var e=P({event:o,isBackward:r});e&&(x(o)&&o.preventDefault(),A(e))}(o,i.isKeyBackward(o))},G=function(o){var r;"Escape"!==(null==(r=o)?void 0:r.key)&&"Esc"!==(null==r?void 0:r.key)&&27!==(null==r?void 0:r.keyCode)||!1===O(i.escapeDeactivates,o)||(o.preventDefault(),e.deactivate())},B=function(o){var r=T(o);g(r,o)>=0||O(i.clickOutsideDeactivates,o)||O(i.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},H=function(){return u.active?(w.activateTrap(n,e),i.delayInitialFocus?o=new Promise((function(o){u.delayInitialFocusTimer=S((function(){A(_()),o()}))})):(o=Promise.resolve(),A(_())),t.addEventListener("focusin",N,!0),t.addEventListener("mousedown",R,{capture:!0,passive:!1}),t.addEventListener("touchstart",R,{capture:!0,passive:!1}),t.addEventListener("click",B,{capture:!0,passive:!1}),t.addEventListener("keydown",I,{capture:!0,passive:!1}),t.addEventListener("keydown",G),o):Promise.resolve();var o},M=function(){if(u.active)return t.removeEventListener("focusin",N,!0),t.removeEventListener("mousedown",R,!0),t.removeEventListener("touchstart",R,!0),t.removeEventListener("click",B,!0),t.removeEventListener("keydown",I,!0),t.removeEventListener("keydown",G),e},U="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(o){o.some((function(o){return Array.from(o.removedNodes).some((function(o){return o===u.mostRecentlyFocusedNode}))}))&&A(_())})):void 0,K=function(){U&&(U.disconnect(),u.active&&!u.paused&&u.containers.map((function(o){U.observe(o,{subtree:!0,childList:!0})})))};return e={get active(){return u.active},get paused(){return u.paused},activate:function(o){if(u.active)return this;var r,i=f(o,"onActivate"),a=f(o,"onPostActivate"),d=f(o,"checkCanFocusTrap"),c=w.getActiveTrap(n),s=!1;c&&!c.paused&&(null===(r=c._setSubtreeIsolation)||void 0===r||r.call(c,!1),s=!0);try{d||F(),u.active=!0,u.paused=!1,u.nodeFocusedBeforeActivation=E(t),null==i||i();var l=function(){var o=v(m().m((function o(){return m().w((function(o){for(;;)switch(o.n){case 0:return d&&F(),o.n=1,H();case 1:e._setSubtreeIsolation(!0),K(),null==a||a();case 2:return o.a(2)}}),o)})));return function(){return o.apply(this,arguments)}}();if(d)return d(u.containers.concat()).then(l,l),this;l()}catch(o){var b;throw c===w.getActiveTrap(n)&&s&&(null===(b=c._setSubtreeIsolation)||void 0===b||b.call(c,!0)),o}return this},deactivate:function(o){if(!u.active)return this;var r=h({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},o);clearTimeout(u.delayInitialFocusTimer),u.delayInitialFocusTimer=void 0,u.paused||e._setSubtreeIsolation(!1),u.alreadySilent.clear(),M(),u.active=!1,u.paused=!1,K(),w.deactivateTrap(n,e);var t=f(r,"onDeactivate"),a=f(r,"onPostDeactivate"),d=f(r,"checkCanReturnFocus"),c=f(r,"returnFocus","returnFocusOnDeactivate");null==t||t();var s=function(){S((function(){c&&A(D(u.nodeFocusedBeforeActivation)),null==a||a()}))};return c&&d?(d(D(u.nodeFocusedBeforeActivation)).then(s,s),this):(s(),this)},pause:function(o){return u.active?(u.manuallyPaused=!0,this._setPausedState(!0,o)):this},unpause:function(o){return u.active?(u.manuallyPaused=!1,n[n.length-1]!==this?this:this._setPausedState(!1,o)):this},updateContainerElements:function(o){var r=[].concat(o).filter(Boolean);return u.containers=r.map((function(o){return"string"==typeof o?t.querySelector(o):o})),i.isolateSubtrees&&function(o){u.active&&!u.paused&&e._setSubtreeIsolation(!1),u.adjacentElements.clear(),u.alreadySilent.clear();var r,t=new Set,n=new Set,i=p(o);try{for(i.s();!(r=i.n()).done;){var a=r.value;t.add(a);for(var d="undefined"!=typeof ShadowRoot&&a.getRootNode()instanceof ShadowRoot,c=a;c;){t.add(c);var s=c.parentElement,l=[];s?l=s.children:!s&&d&&(l=c.getRootNode().children,s=c.getRootNode().host,d="undefined"!=typeof ShadowRoot&&s.getRootNode()instanceof ShadowRoot);var b,f=p(l);try{for(f.s();!(b=f.n()).done;)n.add(b.value)}catch(o){f.e(o)}finally{f.f()}c=s}}}catch(o){i.e(o)}finally{i.f()}t.forEach((function(o){n.delete(o)})),u.adjacentElements=n}(u.containers),u.active&&(F(),u.paused||e._setSubtreeIsolation(!0)),K(),this}},Object.defineProperties(e,{_isManuallyPaused:{value:function(){return u.manuallyPaused}},_setPausedState:{value:function(o,r){if(u.paused===o)return this;if(u.paused=o,o){var t=f(r,"onPause"),n=f(r,"onPostPause");null==t||t(),M(),e._setSubtreeIsolation(!1),K(),null==n||n()}else{var i=f(r,"onUnpause"),a=f(r,"onPostUnpause");null==i||i();var d=function(){var o=v(m().m((function o(){return m().w((function(o){for(;;)switch(o.n){case 0:return F(),o.n=1,H();case 1:e._setSubtreeIsolation(!0),K(),null==a||a();case 2:return o.a(2)}}),o)})));return function(){return o.apply(this,arguments)}}();d()}return this}},_setSubtreeIsolation:{value:function(o){i.isolateSubtrees&&u.adjacentElements.forEach((function(r){var e;o?"aria-hidden"===i.isolateSubtrees?("true"!==r.ariaHidden&&"true"!==(null===(e=r.getAttribute("aria-hidden"))||void 0===e?void 0:e.toLowerCase())||u.alreadySilent.add(r),r.setAttribute("aria-hidden","true")):((r.inert||r.hasAttribute("inert"))&&u.alreadySilent.add(r),r.setAttribute("inert",!0)):u.alreadySilent.has(r)||r.removeAttribute("aria-hidden"===i.isolateSubtrees?"aria-hidden":"inert")}))}}}),e.updateContainerElements(o),e};const E=class{constructor(e){o(this,e),this.dsoChange=r(this,"dsoChange",3),this.dsoRedirect=r(this,"dsoRedirect",3),this.options=[],this.open=!1,this.toggleOpen=()=>{this.open=!this.open},this.handleOptionClick=(o,r)=>{this.dsoChange.emit({originalEvent:o,option:r}),this.open=!1},this.handleRedirectClick=(o,r)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:u(o),redirect:r}),this.open=!1}}keyDownListener(o){this.open&&"ArrowUp"===o.key?(o.preventDefault(),this.handleTab(-1)):this.open&&"ArrowDown"===o.key&&(o.preventDefault(),this.handleTab(1))}componentDidRender(){this.open&&!this.trap?this.createTrap():!this.open&&this.trap&&this.removeTrap()}createTrap(){this.trap=F(this.host,{clickOutsideDeactivates:!0,escapeDeactivates:!0,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:!0},onDeactivate:()=>{this.open=!1}}).activate()}removeTrap(){this.trap?.deactivate(),delete this.trap}handleTab(o){const r=this.host.isConnected?d(this.host,{getShadowRoot:!0}):[];let e=r.findIndex((o=>o===this.host.shadowRoot?.activeElement))+o;e>=r.length?e=0:e<0&&(e=r.length-1),r[e]?.focus()}render(){return e(t,{key:"6bc4383d960ab9b0a14cb398464de6ebb0f9c187"},e("button",{key:"f10aa0612d85d21fe6b05e5bc8d971b5973347f9","aria-expanded":this.open.toString(),class:i(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},e(P,{key:"61f78f3eb5791a29de2780af1c4c38432447f260",active:this.active,options:this.options}),e("span",{key:"d519af3711abd178a33cb41d526b9f3685d9a73b",class:"active-option-label"},this.active?.label??"Selecteer een optie"),e("span",{key:"6ec080dbc881bba5282195b99cda44494dd0496c",class:"active-option-aside"},this.options.some((o=>"summaryCounter"in o&&o?.summaryCounter))&&e("span",{key:"88b4efa65736349f6ed9178bc41448fd0e27937b",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!o?.summaryCounter)).map((o=>e("dso-badge",{status:o.variant??"outline"},o.options.length)))),e("dso-icon",{key:"9072cc0bd056301790e3e5ceffdedb48e1e1683c",icon:"caret-down"}))),this.open&&e("div",{key:"db3269ccedbd03c6fb15fbdc8ab919755394c5c1",class:"groups-container"},e("ul",{key:"f6db478570a5d2f11d9df466eef1a68389694cdd",class:"groups"},this.options.map((o=>"options"in o&&e("li",{class:i(["group",{[`group-${o.variant}`]:!!o.variant}])},e("p",{class:"group-label"},o.label),e("ul",{class:"options"},o.options.map((o=>e("li",null,e(A,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))),o.redirect&&e(D,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&e("li",{class:"group"},e("p",{class:"group-label"},o.label),e("p",{class:"placeholder"},o.placeholder),o.redirect&&e(D,{redirect:o.redirect,callback:this.handleRedirectClick}))||e("li",null,e(A,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick})))))))}get host(){return n(this)}},A=({option:o,active:r,activeHint:t,callback:n})=>e("button",{class:i(["option",{"option-active":r===o}]),type:"button",onClick:r=>n(r,o)},e("span",{class:"option-label"},o.label),!!t&&r===o&&e("span",{class:"option-hint"},"(",t,")")),D=({redirect:o,callback:r})=>e("a",{class:"group-link",href:o.href,onClick:e=>r(e,o)},o.label,e("dso-icon",{icon:"chevron-right"})),P=({active:o,options:r})=>{const t=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return t&&e("dso-label",{compact:!0,status:t.variant},t.activeLabel)};E.style=':host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.group .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.group-info .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.group-primary .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.group-success .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.group-warning .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.group-error .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.group-attention .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}';export{E as dso_advanced_select}

package/dist/dso-toolkit/p-baWVwd8J.js CHANGED Viewed

@@ -1,2 +1 @@
-function e(e,t=100,n={}){if(typeof e!=="function"){throw new TypeError(`Expected the first parameter to be a function, got \`${typeof e}\`.`)}if(t<0){throw new RangeError("`wait` must not be negative.")}if(typeof n==="boolean"){throw new TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.")}const{immediate:o}=n;let i;let r;let f;let u;let d;function s(){const t=i;const n=r;i=undefined;r=undefined;d=e.apply(t,n);return d}function a(){const e=Date.now()-u;if(e<t&&e>=0){f=setTimeout(a,t-e)}else{f=undefined;if(!o){d=s()}}}const c=function(...e){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i)){throw new Error("Debounced method called with different contexts of the same prototype.")}i=this;r=e;u=Date.now();const n=o&&!f;if(!f){f=setTimeout(a,t)}if(n){d=s();return d}return undefined};Object.defineProperty(c,"isPending",{get(){return f!==undefined}});c.clear=()=>{if(!f){return}clearTimeout(f);f=undefined;i=undefined;r=undefined};c.flush=()=>{if(!f){return}c.trigger()};c.trigger=()=>{d=s();c.clear()};return c}export{e as d};
-//# sourceMappingURL=p-baWVwd8J.js.map
+function t(t,e=100,o={}){if("function"!=typeof t)throw new TypeError(`Expected the first parameter to be a function, got \`${typeof t}\`.`);if(e<0)throw new RangeError("`wait` must not be negative.");if("boolean"==typeof o)throw new TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");const{immediate:n}=o;let i,r,a,c,s;function f(){const e=i,o=r;return i=void 0,r=void 0,s=t.apply(e,o),s}function d(){const t=Date.now()-c;t<e&&t>=0?a=setTimeout(d,e-t):(a=void 0,n||(s=f()))}const u=function(...t){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw new Error("Debounced method called with different contexts of the same prototype.");i=this,r=t,c=Date.now();const o=n&&!a;if(a||(a=setTimeout(d,e)),o)return s=f(),s};return Object.defineProperty(u,"isPending",{get:()=>void 0!==a}),u.clear=()=>{a&&(clearTimeout(a),a=void 0,i=void 0,r=void 0)},u.flush=()=>{a&&u.trigger()},u.trigger=()=>{s=f(),u.clear()},u}export{t as d}

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

@@ -0,0 +1 @@

+ import{r as s,d as t,h as i,F as e,g as o}from"./p-ai7aDzJN.js";import{d as h}from"./p-baWVwd8J.js";import{i as a}from"./p-FXEjFTzg.js";import{v as n}from"./p-C_akviUd.js";const r={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},u=({id:s,mouseEnter:t,mouseLeave:e,click:o,selected:h,suggestion:a,ref:n,markedSuggestion:r})=>i("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:e,onClick:o,"aria-selected":h,"aria-label":a.value,ref:n},i("div",{class:"suggestion-row"},i("span",{class:"value"},r.value),r.type?i("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>i("div",{class:"suggestion-row"},s.map((s=>i("span",{class:"extra"},s)))))));function g(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function c(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const d=class{constructor(i){s(this,i),this.dsoSelect=t(this,"dsoSelect",7),this.dsoChange=t(this,"dsoChange",7),this.dsoSearch=t(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=n(),this.inputId=n(),this.labelId=n(),this.resizeObserver=new ResizeObserver(h((()=>this.setListboxContainerMaxBlockSize()),150)),this.debouncedEmitValue=h((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=h((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=a((()=>this.host),r),this.onWindowResize=h((()=>this.setListboxContainerMaxBlockSize()),150),this.onScrollend=()=>this.setListboxContainerMaxBlockSize(),this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.setListboxContainerMaxBlockSize()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),this.resizeObserver.disconnect()}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0,t=0;const i=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let t=0;t<i;t++)s+=this.listboxItems[t]?.getBoundingClientRect().height||0;const e=window.innerHeight-this.host.getBoundingClientRect().bottom,o=s+16+2;t=e<o||e<=s?e-16:o,this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",`${t}px`)}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=new RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?i("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(g(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:c(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(g(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:c(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(g(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(g(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return g(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);this.input?.setAttribute("aria-activedescendant",t),s&&document.getElementById(t)?.scrollIntoView({block:"nearest"})}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${c(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return c(this.suggestions)?s=this.suggestions.length:g(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),`${s} resultaten gevonden.`}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=g(this.suggestions),o=c(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),i(e,null,i("slot",{key:"08888b7a48deb495aef359e3e71ee657694edfa8"}),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):s&&i(e,null,i("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s},i("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s,tabindex:"0"},o&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>i(u,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:()=>this.pickSelectedValue(),selected:(s===this.selectedSuggestion).toString(),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=n();return i("div",{role:"group",class:"group","aria-labelledby":t},i("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>i(u,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:()=>this.pickSelectedValue(),selected:(t===this.selectedSuggestion).toString(),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&i("div",{class:"option"},i("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue})))))),i("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.getAutosuggestStatus())))}get host(){return o(this)}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}};d.style=".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}.extra.sc-dso-autosuggest{font-size:14px;line-height:21px}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}";export{d as dso_autosuggest}

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

@@ -0,0 +1 @@

+ import{r as e,h as t,d as i,a,g as s}from"./p-ai7aDzJN.js";import{c as n}from"./p-ChV9xqsO.js";const o=class{constructor(t){e(this,t)}render(){return t("span",{key:"5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba",class:"dso-attachments"},this.count," ",t("span",{key:"c74586ff0b984718507a1d1b6afa0cda132c247e",class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{key:"0041e344074720593cae7eb02bf88cc87473e97b",icon:"paperclip"}))}};o.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=class{constructor(t){e(this,t),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation||(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return t(a,{key:"e7bd88066e49adaa9a02370a5765fac3acf48739","aria-hidden":this.open?"false":"true",class:n({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"140d1ed105acdf92912c7c2c070ce3f9848324d3",class:"slot-container"},t("slot",{key:"86f19fa1446977e31fdc897dbe7f8395c05d3073"})))}get host(){return s(this)}static get watchers(){return{open:[{toggleOpen:0}]}}};r.style=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";export{o as dso_attachments_counter,r as dso_expandable}

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

@@ -0,0 +1 @@

+ import{r as e,d as s,h as i,g as a}from"./p-ai7aDzJN.js";import{i as t}from"./p-FXEjFTzg.js";import{v as o}from"./p-C_akviUd.js";const l={en:{"dso-map-overlays":{title:"Maplayers"}},nl:{"dso-map-overlays":{title:"Kaartlagen"}}},d=class{constructor(i){e(this,i),this.dsoToggleOverlay=s(this,"dsoToggleOverlay",7),this.selectableRefs={},this.group=o(),this.text=t((()=>this.host),l)}overlayChangeHandler(e,s){const{checked:i}=s.detail;this.dsoToggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>!e.disabled&&!0===this.previousOverlays?.find((s=>s.id===e.id))?.disabled)).forEach((e=>{this.selectableRefs[e.id]?.toggleInfo(!1)})),this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return i("fieldset",{key:"bb7844b7351e6563b9629728d5b8539940a53170",class:"form-group dso-checkboxes"},i("legend",{key:"13449624313a5067587666ced786396c5af1a1a2",class:"sr-only"},"Kaartlagen"),i("div",{key:"8eaa6f4f70660ede7f3c32f790882d46d3e61185",class:"dso-label-container"},i("span",{key:"addb11d20ad0516a654fd70732298f5edbbfb2e6",class:"control-label","aria-hidden":"true"},this.text("title"))),i("div",{key:"3e0b4fe1816d8c6620f206bc8802728d66c73d95",class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:s=>this.overlayChangeHandler(e,s)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return a(this)}};d.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";export{d as dso_map_overlays}