npm - @dso-toolkit/core - Versions diffs - 100.4.0 → 101.0.0 - Mend

@dso-toolkit/core 100.4.0 → 101.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 (327) hide show

package/dist/components/dso-accordion-section.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as n,createEvent as t,forceUpdate as s,h as c,Host as d,Fragment as e,transformTag as a}from"@stencil/core/internal/client";import{d as i}from"./attachments-counter.js";import{d as r}from"./expandable.js";import{d as l}from"./icon.js";import{d as h}from"./icon-button.js";import{d as p}from"./label.js";import{d as b}from"./renvooi.js";import{d as u}from"./slide-toggle.js";const f={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},m=!0===window._dsoLog?console.log.bind(console.log):function(){},g=({handleUrl:o,onClick:n,open:t,showSlideToggle:s,active:d,onActiveChange:a,handleElementRef:i},r)=>c(e,null,o?c("a",{href:o,onClick:n,"aria-expanded":t?"true":"false",ref:i},r):c("button",{type:"button",onClick:n,"aria-expanded":t?"true":"false",ref:i},r),s&&c("dso-slide-toggle",{accessibleLabel:"Toon op kaart",checked:d,onDsoActiveChange:a})),k=({heading:o,ref:n},t)=>{switch(o){default:case"h2":return c("h2",{ref:n,class:"dso-section-handle"},t);case"h3":return c("h3",{ref:n,class:"dso-section-handle"},t);case"h4":return c("h4",{ref:n,class:"dso-section-handle"},t);case"h5":return c("h5",{ref:n,class:"dso-section-handle"},t)}},v=({state:o,icon:n,attachmentCount:t})=>o?c(x,{state:o}):t?c("dso-attachments-counter",{count:t}):n?c("dso-icon",{icon:n}):void 0,x=({state:o})=>"error"===o?c("dso-icon",{icon:"status-error"}):"danger"===o?c("dso-icon",{icon:"status-warning-red-solid"}):"success"===o?c("dso-icon",{icon:"status-success"}):"info"===o?c("dso-icon",{icon:"status-info-solid"}):"warning"===o?c("dso-icon",{icon:"status-warning"}):void 0,y=o(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.dsoToggleClick=t(this,"dsoToggleClick",3),this.dsoAnimationStart=t(this,"dsoAnimationStart",3),this.dsoAnimationEnd=t(this,"dsoAnimationEnd",3),this.heading="h2",this.open=!1,this.hasNestedAccordion=!1,this.activatable=!1,this.active=!1,this.hover=!1,this.handleClick=o=>{o.composedPath().some((o=>o instanceof n&&function(o){return"DSO-BADGE"===o?.tagName}(o)))\|\|this.dsoToggleClick.emit({originalEvent:o,open:!this.open})},this.handleActiveChange=o=>{this.dsoActiveChange.emit({current:!!this.active,next:!this.active,originalEvent:o})},this.handleExpandableAnimationStart=()=>{this.dsoAnimationStart.emit({animation:this.open?"opening":"closing",scrollIntoView:(o="auto")=>this.scrollIntoView(void 0,o)})},this.handleExpandableAnimationEnd=o=>{this.dsoAnimationEnd.emit({open:this.open,scrollIntoView:(n="auto")=>this.scrollIntoView(o.detail.bodyHeight,n)})}}async focusHandle(){this.handleElementRef?.focus()}get containsNestedAccordion(){return null!==this.host.querySelector("dso-accordion")}componentWillLoad(){this.accordion?._getState().then((o=>{this.accordionState=o,s(this.host)}))}get isNeutral(){return"neutral"===this.accordionState?.variant}async scrollIntoView(o,n="auto"){m(`DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(o)}, behavior: ${JSON.stringify(n)})`);const t=this.sectionBody?.getBoundingClientRect(),s=this.sectionHeading?.getBoundingClientRect();if(m(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(t)};`),m(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(s)};`),m(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`),m(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`),!t\|\|!s\|\|!this.accordionState)return void m("DSO Toolkit [Accordion Section] returning");const c=s.top+s.height+(this.open?o??0:0);m(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(c)};`),m(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);const d=this.host.getBoundingClientRect(),e=window.scrollY\|\|document.documentElement.scrollTop\|\|document.body.scrollTop,a=document.documentElement.clientTop\|\|document.body.clientTop\|\|0,i=d.top+e-a;if(m("DSO Toolkit [Accordion Section] scroll",{box:d,scrollTop:e,clientTop:a,top:i}),c>window.innerHeight){m(`DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(c>window.innerHeight)};`);const o=c-s.top,t=o>window.innerHeight;m(`DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(o)};`),m(`DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(t)};`),window.scrollTo({top:t?i:i-(window.innerHeight-o),behavior:n})}else s.top<0&&(m(`DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(s.top<0)};`),window.scrollTo({top:i,behavior:n}))}get accordion(){return this.host.closest("dso-accordion")}render(){const{variant:o,reverseAlign:n}=this.accordionState??{},t=!!(this.statusDescription\|\|this.status\|\|this.icon\|\|this.attachmentCount),s=this.activatable&&"compact-black"===o&&!n;return c(d,{key:"7cf2263a6f27d53332ac1a3ccb94a6bb7c8f7dba",class:{"dso-accordion-section":!0,["dso-accordion-"+o]:!!o,"dso-nested-accordion":this.hasNestedAccordion\|\|this.containsNestedAccordion,"dso-accordion-reverse-align":n??!1,["dso-accordion-wijzigactie-"+this.wijzigactie]:!!this.wijzigactie,"dso-accordion-section-activate":s},hidden:!o,onMouseenter:()=>this.hover=!0,onMouseleave:()=>this.hover=!1},c(k,{key:"c9380a00f6692c074006a9324f8beb4ca9ed3c4c",heading:this.heading,ref:o=>this.sectionHeading=o},c(g,{key:"c6e4dc18f78c64947ab1002911a0dd2221aedccf",handleUrl:this.handleUrl,onClick:this.handleClick,open:this.open,showSlideToggle:s,active:this.active,onActiveChange:this.handleActiveChange,handleElementRef:o=>this.handleElementRef=o},n?c(e,null,this.icon&&c("div",{class:"dso-section-handle-addons"},c(v,{icon:this.icon})),c("span",null,c("dso-renvooi",{value:this.handleTitle}),c("slot",{name:"badge"})),this.label&&c("dso-label",{status:this.labelStatus,compact:!0},this.label),c("div",{class:"dso-section-handle-addons"},this.statusDescription&&c("span",{class:"dso-status"},this.statusDescription),c("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"}))):c(e,null,c("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.status&&c("span",{class:"sr-only"},f[this.status]),c("span",null,c("dso-renvooi",{value:this.handleTitle}),this.isNeutral&&c("dso-icon",{class:"info-icon",icon:this.open\|\|this.hover?"info-solid":"info-outline"}),c("slot",{name:"badge"})),this.label&&c("dso-label",{status:this.labelStatus,compact:!0},this.label),t&&c("div",{class:"dso-section-handle-addons"},this.statusDescription&&c("span",{class:"dso-status"},this.statusDescription),c(v,{state:this.status,icon:this.icon,attachmentCount:this.attachmentCount}))))),c("dso-expandable",{key:"fb65ef45b16d050c7a44b9c4ed54c5106bee0f39",class:"dso-section-body",open:this.open,enableAnimation:!0,minimumHeight:this.isNeutral?0:4,onDsoExpandableAnimationStart:this.handleExpandableAnimationStart,onDsoExpandableAnimationEnd:this.handleExpandableAnimationEnd},c("div",{key:"9be45955f04570b49de58a70f29321cdf2f7818f",class:"dso-section-body-content",ref:o=>this.sectionBody=o},c("slot",{key:"5316ff6d7696e9980bd5f601ef8c553e2057317d"}))))}get host(){return this}static get style(){return",::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)}:host{display:block;--_dso-accordion-margin-block-end:0}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus-visible{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{color:#000;font-size:0.875rem;font-weight:400}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;letter-spacing:inherit;line-height:1.375em;margin:0;padding-block:12px;padding-inline:16px;text-align:start;inline-size:100%;overflow-wrap:anywhere}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-inline-end:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-inline-start:8px}:host .dso-section-handle>button>dso-label,:host .dso-section-handle>a>dso-label{margin-inline-start:auto;padding-inline-start:8px;word-break:normal}:host .dso-section-handle>button>dso-label+dso-icon:last-child,:host .dso-section-handle>button>dso-label+.dso-section-handle-addons:last-child,:host .dso-section-handle>a>dso-label+dso-icon:last-child,:host .dso-section-handle>a>dso-label+.dso-section-handle-addons:last-child{margin-inline-start:8px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-block-start:0}.dso-section-body .dso-section-body-content{padding-block:20px 16px;padding-inline:16px}::slotted([slot=badge]){margin-inline:8px !important}:host(.dso-accordion-default){border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle .dso-status{text-decoration:underline}:host(.dso-accordion-default) .dso-section-body{border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-handle .dso-status{color:#000}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{--_dso-heading-h2-color:#191919;--_dso-heading-h3-color:#191919;--_dso-heading-h4-color:#191919;padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-block-end:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a.active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{display:flex}:host(.dso-accordion-compact-black.dso-accordion-section-activate) dso-slide-toggle{margin-block-start:11px;margin-inline:8px}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe){background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe) .dso-section-body{background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){font-family:sans-serif}}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) .dso-section-body{background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-block-end:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding-block:5px;padding-inline:0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body[open],:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide){background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:-2px 0}:host(.dso-accordion-neutral) .dso-section-body[open].dso-animate-ready,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide).dso-animate-ready{transition-property:grid-template-rows, margin-block, border, opacity}:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:16px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:32px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-start-start-radius:4px;border-start-end-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}"}},[257,"dso-accordion-section",{handleTitle:[1,"handle-title"],wijzigactie:[1],heading:[1],handleUrl:[1,"handle-url"],status:[1],attachmentCount:[2,"attachment-count"],icon:[1],statusDescription:[1,"status-description"],open:[516],hasNestedAccordion:[516,"has-nested-accordion"],label:[1],labelStatus:[1,"label-status"],activatable:[516],active:[516],hover:[32],focusHandle:[64]}]),w=y,S=function(){"undefined"!=typeof customElements&&["dso-accordion-section","dso-attachments-counter","dso-expandable","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-accordion-section":customElements.get(a(o))\|\|customElements.define(a(o),y);break;case"dso-attachments-counter":customElements.get(a(o))\|\|i();break;case"dso-expandable":customElements.get(a(o))\|\|r();break;case"dso-icon":customElements.get(a(o))\|\|l();break;case"dso-icon-button":customElements.get(a(o))\|\|h();break;case"dso-label":customElements.get(a(o))\|\|p();break;case"dso-renvooi":customElements.get(a(o))\|\|b();break;case"dso-slide-toggle":customElements.get(a(o))\|\|u()}}))};export{w as DsoAccordionSection,S as defineCustomElement}
1	+ import{proxyCustomElement as o,HTMLElement as n,createEvent as t,forceUpdate as s,h as c,Host as d,Fragment as e,transformTag as a}from"@stencil/core/internal/client";import{d as i}from"./attachments-counter.js";import{d as r}from"./expandable.js";import{d as l}from"./icon.js";import{d as h}from"./icon-button.js";import{d as p}from"./label.js";import{d as b}from"./renvooi.js";import{d as u}from"./slide-toggle.js";import{d as m}from"./truncate.js";const f={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},g=!0===window._dsoLog?console.log.bind(console.log):function(){},k=({handleUrl:o,onClick:n,open:t,showSlideToggle:s,active:d,onActiveChange:a,handleElementRef:i},r)=>c(e,null,o?c("a",{href:o,onClick:n,"aria-expanded":t?"true":"false",ref:i},r):c("button",{type:"button",onClick:n,"aria-expanded":t?"true":"false",ref:i},r),s&&c("dso-slide-toggle",{accessibleLabel:"Toon op kaart",checked:d,onDsoActiveChange:a})),v=({heading:o,ref:n},t)=>{switch(o){default:case"h2":return c("h2",{ref:n,class:"dso-section-handle"},t);case"h3":return c("h3",{ref:n,class:"dso-section-handle"},t);case"h4":return c("h4",{ref:n,class:"dso-section-handle"},t);case"h5":return c("h5",{ref:n,class:"dso-section-handle"},t)}},x=({state:o,icon:n,attachmentCount:t})=>o?c(y,{state:o}):t?c("dso-attachments-counter",{count:t}):n?c("dso-icon",{icon:n}):void 0,y=({state:o})=>"error"===o?c("dso-icon",{icon:"status-error"}):"danger"===o?c("dso-icon",{icon:"status-warning-red-solid"}):"success"===o?c("dso-icon",{icon:"status-success"}):"info"===o?c("dso-icon",{icon:"status-info-solid"}):"warning"===o?c("dso-icon",{icon:"status-warning"}):void 0,w=o(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.dsoToggleClick=t(this,"dsoToggleClick",3),this.dsoAnimationStart=t(this,"dsoAnimationStart",3),this.dsoAnimationEnd=t(this,"dsoAnimationEnd",3),this.heading="h2",this.open=!1,this.hasNestedAccordion=!1,this.activatable=!1,this.active=!1,this.hover=!1,this.handleClick=o=>{o.composedPath().some((o=>o instanceof n&&function(o){return"DSO-BADGE"===o?.tagName}(o)))\|\|this.dsoToggleClick.emit({originalEvent:o,open:!this.open})},this.handleActiveChange=o=>{this.dsoActiveChange.emit({current:!!this.active,next:!this.active,originalEvent:o})},this.handleExpandableAnimationStart=()=>{this.dsoAnimationStart.emit({animation:this.open?"opening":"closing",scrollIntoView:(o="auto")=>this.scrollIntoView(void 0,o)})},this.handleExpandableAnimationEnd=o=>{this.dsoAnimationEnd.emit({open:this.open,scrollIntoView:(n="auto")=>this.scrollIntoView(o.detail.bodyHeight,n)})}}async focusHandle(){this.handleElementRef?.focus()}get containsNestedAccordion(){return null!==this.host.querySelector("dso-accordion")}componentWillLoad(){this.accordion?._getState().then((o=>{this.accordionState=o,s(this.host)}))}get isNeutral(){return"neutral"===this.accordionState?.variant}async scrollIntoView(o,n="auto"){g(`DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(o)}, behavior: ${JSON.stringify(n)})`);const t=this.sectionBody?.getBoundingClientRect(),s=this.sectionHeading?.getBoundingClientRect();if(g(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(t)};`),g(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(s)};`),g(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`),g(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`),!t\|\|!s\|\|!this.accordionState)return void g("DSO Toolkit [Accordion Section] returning");const c=s.top+s.height+(this.open?o??0:0);g(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(c)};`),g(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);const d=this.host.getBoundingClientRect(),e=window.scrollY\|\|document.documentElement.scrollTop\|\|document.body.scrollTop,a=document.documentElement.clientTop\|\|document.body.clientTop\|\|0,i=d.top+e-a;if(g("DSO Toolkit [Accordion Section] scroll",{box:d,scrollTop:e,clientTop:a,top:i}),c>window.innerHeight){g(`DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(c>window.innerHeight)};`);const o=c-s.top,t=o>window.innerHeight;g(`DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(o)};`),g(`DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(t)};`),window.scrollTo({top:t?i:i-(window.innerHeight-o),behavior:n})}else s.top<0&&(g(`DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(s.top<0)};`),window.scrollTo({top:i,behavior:n}))}get accordion(){return this.host.closest("dso-accordion")}render(){const{variant:o,reverseAlign:n}=this.accordionState??{},t=!!(this.statusDescription\|\|this.status\|\|this.icon\|\|this.attachmentCount),s=this.activatable&&"compact-black"===o&&!n;return c(d,{key:"7cf2263a6f27d53332ac1a3ccb94a6bb7c8f7dba",class:{"dso-accordion-section":!0,["dso-accordion-"+o]:!!o,"dso-nested-accordion":this.hasNestedAccordion\|\|this.containsNestedAccordion,"dso-accordion-reverse-align":n??!1,["dso-accordion-wijzigactie-"+this.wijzigactie]:!!this.wijzigactie,"dso-accordion-section-activate":s},hidden:!o,onMouseenter:()=>this.hover=!0,onMouseleave:()=>this.hover=!1},c(v,{key:"c9380a00f6692c074006a9324f8beb4ca9ed3c4c",heading:this.heading,ref:o=>this.sectionHeading=o},c(k,{key:"c6e4dc18f78c64947ab1002911a0dd2221aedccf",handleUrl:this.handleUrl,onClick:this.handleClick,open:this.open,showSlideToggle:s,active:this.active,onActiveChange:this.handleActiveChange,handleElementRef:o=>this.handleElementRef=o},n?c(e,null,this.icon&&c("div",{class:"dso-section-handle-addons"},c(x,{icon:this.icon})),c("span",null,c("dso-renvooi",{value:this.handleTitle}),c("slot",{name:"badge"})),this.label&&c("dso-label",{status:this.labelStatus,compact:!0},this.label),c("div",{class:"dso-section-handle-addons"},this.statusDescription&&c("span",{class:"dso-status"},this.statusDescription),c("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"}))):c(e,null,c("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.status&&c("span",{class:"sr-only"},f[this.status]),c("span",null,c("dso-renvooi",{value:this.handleTitle}),this.isNeutral&&c("dso-icon",{class:"info-icon",icon:this.open\|\|this.hover?"info-solid":"info-outline"}),c("slot",{name:"badge"})),this.label&&c("dso-label",{status:this.labelStatus,compact:!0},this.label),t&&c("div",{class:"dso-section-handle-addons"},this.statusDescription&&c("span",{class:"dso-status"},this.statusDescription),c(x,{state:this.status,icon:this.icon,attachmentCount:this.attachmentCount}))))),c("dso-expandable",{key:"fb65ef45b16d050c7a44b9c4ed54c5106bee0f39",class:"dso-section-body",open:this.open,enableAnimation:!0,minimumHeight:this.isNeutral?0:4,onDsoExpandableAnimationStart:this.handleExpandableAnimationStart,onDsoExpandableAnimationEnd:this.handleExpandableAnimationEnd},c("div",{key:"9be45955f04570b49de58a70f29321cdf2f7818f",class:"dso-section-body-content",ref:o=>this.sectionBody=o},c("slot",{key:"5316ff6d7696e9980bd5f601ef8c553e2057317d"}))))}get host(){return this}static get style(){return",::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)}:host{display:block;--_dso-accordion-margin-block-end:0}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus-visible{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{color:#000;font-size:0.875rem;font-weight:400}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;letter-spacing:inherit;line-height:1.375em;margin:0;padding-block:12px;padding-inline:16px;text-align:start;inline-size:100%;overflow-wrap:anywhere}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-inline-end:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-inline-start:8px}:host .dso-section-handle>button>dso-label,:host .dso-section-handle>a>dso-label{margin-inline-start:auto;padding-inline-start:8px;word-break:normal}:host .dso-section-handle>button>dso-label+dso-icon:last-child,:host .dso-section-handle>button>dso-label+.dso-section-handle-addons:last-child,:host .dso-section-handle>a>dso-label+dso-icon:last-child,:host .dso-section-handle>a>dso-label+.dso-section-handle-addons:last-child{margin-inline-start:8px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-block-start:0}.dso-section-body .dso-section-body-content{--_dso-accordion-compact-border-block-end:initial;--_dso-accordion-compact-margin-block-end:initial;--_dso-card-container-list-border-block-end:initial;--_dso-card-container-list-margin-block-end:initial;padding-block:20px 16px;padding-inline:16px}::slotted([slot=badge]){margin-inline:8px !important}:host(:is(.dso-accordion-compact,.dso-accordion-compact-black)) ::slotted(:not([slot]):last-child){--_dso-accordion-compact-border-block-end:0 !important;--_dso-accordion-compact-margin-block-end:-16px !important;--_dso-card-container-list-border-block-end:0 !important;--_dso-card-container-list-margin-block-end:-16px !important}:host(.dso-accordion-default){border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle .dso-status{text-decoration:underline}:host(.dso-accordion-default) .dso-section-body{border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-handle .dso-status{color:#000}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{--_dso-heading-h2-color:#191919;--_dso-heading-h3-color:#191919;--_dso-heading-h4-color:#191919;padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a.active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{display:flex}:host(.dso-accordion-compact-black.dso-accordion-section-activate) dso-slide-toggle{margin-block-start:11px;margin-inline:8px}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe){background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe) .dso-section-body{background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){font-family:sans-serif}}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) .dso-section-body{background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding-block:5px;padding-inline:0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body[open],:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide){background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:-2px 0}:host(.dso-accordion-neutral) .dso-section-body[open].dso-animate-ready,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide).dso-animate-ready{transition-property:grid-template-rows, margin-block, border, opacity}:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:16px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:32px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-start-start-radius:4px;border-start-end-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}"}},[257,"dso-accordion-section",{handleTitle:[1,"handle-title"],wijzigactie:[1],heading:[1],handleUrl:[1,"handle-url"],status:[1],attachmentCount:[2,"attachment-count"],icon:[1],statusDescription:[1,"status-description"],open:[516],hasNestedAccordion:[516,"has-nested-accordion"],label:[1],labelStatus:[1,"label-status"],activatable:[516],active:[516],hover:[32],focusHandle:[64]}]),_=w,S=function(){"undefined"!=typeof customElements&&["dso-accordion-section","dso-attachments-counter","dso-expandable","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-truncate"].forEach((o=>{switch(o){case"dso-accordion-section":customElements.get(a(o))\|\|customElements.define(a(o),w);break;case"dso-attachments-counter":customElements.get(a(o))\|\|i();break;case"dso-expandable":customElements.get(a(o))\|\|r();break;case"dso-icon":customElements.get(a(o))\|\|l();break;case"dso-icon-button":customElements.get(a(o))\|\|h();break;case"dso-label":customElements.get(a(o))\|\|p();break;case"dso-renvooi":customElements.get(a(o))\|\|b();break;case"dso-slide-toggle":customElements.get(a(o))\|\|u();break;case"dso-truncate":customElements.get(a(o))\|\|m()}}))};export{_ as DsoAccordionSection,S as defineCustomElement}

package/dist/components/dso-accordion.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,Host as c,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow();const{state:e}=r({variant:"default",reverseAlign:!1});this.accordionState=e}get variant(){return this.accordionState.variant}set variant(t){this.accordionState.variant=t\|\|"default"}get reverseAlign(){return this.accordionState.reverseAlign}set reverseAlign(t){this.accordionState.reverseAlign=t\|\|!1}async _getState(){return this.accordionState}render(){return o(c,{key:"24d301d68d8a8f9bc8171015be8ca949ab94f9de"},o("slot",{key:"94e9afa5ceb61e0a8a48f5de2012e3f974e0c703"}))}get host(){return this}static get style(){return":host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)},::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}"}},[257,"dso-accordion",{variant:[6145],reverseAlign:[6148,"reverse-align"],_getState:[64]}]),a=n,i=function(){"undefined"!=typeof customElements&&["dso-accordion"].forEach((t=>{"dso-accordion"===t&&(customElements.get(s(t))\|\|customElements.define(s(t),n))}))};export{a as DsoAccordion,i as defineCustomElement}
1	+ import{proxyCustomElement as o,HTMLElement as c,h as t,Host as e,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const a=o(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow();const{state:c}=r({variant:"default",reverseAlign:!1});this.accordionState=c}get variant(){return this.accordionState.variant}set variant(o){this.accordionState.variant=o\|\|"default"}get reverseAlign(){return this.accordionState.reverseAlign}set reverseAlign(o){this.accordionState.reverseAlign=o\|\|!1}async _getState(){return this.accordionState}render(){return t(e,{key:"24d301d68d8a8f9bc8171015be8ca949ab94f9de"},t("slot",{key:"94e9afa5ceb61e0a8a48f5de2012e3f974e0c703"}))}get host(){return this}static get style(){return":host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)},::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact:last-child),:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:var(--_dso-accordion-compact-border-block-end, 1px solid #ccc);margin-block-end:var(--_dso-accordion-compact-margin-block-end, 0) !important}"}},[257,"dso-accordion",{variant:[6145],reverseAlign:[6148,"reverse-align"],_getState:[64]}]),d=a,n=function(){"undefined"!=typeof customElements&&["dso-accordion"].forEach((o=>{"dso-accordion"===o&&(customElements.get(s(o))\|\|customElements.define(s(o),a))}))};export{d as DsoAccordion,n as defineCustomElement}

package/dist/components/dso-advanced-select.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,transformTag as e}from"@stencil/core/internal/client";import{c as i}from"./clsx.js";import{t as a,f as c,i as d,g as s,a as l}from"./index.esm.js";import{i as u}from"./is-modified-event.js";import{d as b}from"./badge.js";import{d as f}from"./icon.js";import{d as v}from"./icon-button.js";import{d as p}from"./label.js";import{d as _}from"./scrollable.js";
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,transformTag as e}from"@stencil/core/internal/client";import{c as i}from"./clsx.js";import{t as a,f as c,i as d,g as s,a as l}from"./index.esm.js";import{i as u}from"./is-modified-event.js";import{d as b}from"./badge.js";import{d as f}from"./icon.js";import{d as v}from"./icon-button.js";import{d as p}from"./label.js";import{d as _}from"./scrollable.js";import{d as y}from"./truncate.js";
 /*!
 * focus-trap 8.2.2
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function y(o,r){(null==r||r>o.length)&&(r=o.length);for(var t=0,n=Array(r);t<r;t++)n[t]=o[t];return n}function g(o,r){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=w(o))||r){t&&(o=t);var n=0,e=function(){};return{s:e,n:function(){return n>=o.length?{done:!0}:{done:!1,value:o[n++]}},e:function(o){throw o},f:e}}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,c=!1;return{s:function(){t=t.call(o)},n:function(){var o=t.next();return a=o.done,o},e:function(o){c=!0,i=o},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}function h(o,r,t){return(r=function(o){var r=function(o,r){if("object"!=typeof o||!o)return o;var t=o[Symbol.toPrimitive];if(void 0!==t){var n=t.call(o,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return o+""}(o,"string");return"symbol"==typeof r?r:r+""}(r))in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function k(o,r){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),t.push.apply(t,n)}return t}function m(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?k(Object(t),!0).forEach((function(r){h(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))}))}return o}function w(o,r){if(o){if("string"==typeof o)return y(o,r);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(o,r):void 0}}var x={getActiveTrap:function(o){return(null==o?void 0:o.length)>0?o[o.length-1]:null},activateTrap:function(o,r){r!==x.getActiveTrap(o)&&x.pauseTrap(o);var t=o.indexOf(r);-1===t||o.splice(t,1),o.push(r)},deactivateTrap:function(o,r){var t=o.indexOf(r);-1!==t&&o.splice(t,1),x.unpauseTrap(o)},pauseTrap:function(o){var r=x.getActiveTrap(o);null==r||r._setPausedState(!0)},unpauseTrap:function(o){var r=x.getActiveTrap(o);r&&!r._isManuallyPaused()&&r._setPausedState(!1)}},j=function(o){return"Tab"===(null==o?void 0:o.key)||9===(null==o?void 0:o.keyCode)},C=function(o){return j(o)&&!o.shiftKey},z=function(o){return j(o)&&o.shiftKey},E=function(o){return setTimeout(o,0)},F=function(o){for(var r=arguments.length,t=Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return"function"==typeof o?o.apply(void 0,t):o},S=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target},T=[],O=function(o,r){var t,n=(null==r?void 0:r.document)||document,e=(null==r?void 0:r.trapStack)||T,i=m({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:C,isKeyBackward:z},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},b=function(o,r,t){return o&&void 0!==o[r]?o[r]:i[t||r]},f=function(o,r){var t="function"==typeof(null==r?void 0:r.composedPath)?r.composedPath():void 0;return u.containerGroups.findIndex((function(r){var n=r.container,e=r.tabbableNodes;return n.contains(o)||(null==t?void 0:t.includes(n))||e.find((function(r){return r===o}))}))},v=function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=r.hasFallback,e=void 0!==t&&t,a=r.params,c=i[o];if("function"==typeof c&&(c=c.apply(void 0,function(o){return function(o){if(Array.isArray(o))return y(o)}(o)||function(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}(o)||w(o)||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.")}()}(void 0===a?[]:a))),!0===c&&(c=void 0),!c){if(void 0===c||!1===c)return c;throw Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=c;if("string"==typeof c){try{d=n.querySelector(c)}catch(r){throw Error("`".concat(o,'` appears to be an invalid selector; error="').concat(r.message,'"'))}if(!d&&!e)throw Error("`".concat(o,"` as selector refers to no known node"))}return d},p=function(o){var r=o.activeElement;return r?r.shadowRoot&&null!==r.shadowRoot.activeElement?p(r.shadowRoot):r:null},_=function(){var o=v("initialFocus",{hasFallback:!0});if(!1===o)return!1;if(void 0===o||o&&!l(o,i.tabbableOptions)){var r=p(n);if(f(r)>=0)o=r;else{var t=u.tabbableGroups[0];o=t&&t.firstTabbableNode||v("fallbackFocus")}}else null===o&&(o=v("fallbackFocus"));if(!o)throw Error("Your focus-trap needs to have at least one focusable element");return o},h=function(){if(u.containerGroups=u.containers.map((function(o){var r=a(o,i.tabbableOptions),t=c(o,i.tabbableOptions),n=r.length>0?r[0]:void 0,e=r.length>0?r[r.length-1]:void 0,l=t.find((function(o){return d(o)})),u=t.slice().reverse().find((function(o){return d(o)})),b=!!r.find((function(o){return s(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:t,posTabIndexesFound:b,firstTabbableNode:n,lastTabbableNode:e,firstDomTabbableNode:l,lastDomTabbableNode:u,nextTabbableNode:function(o){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=r.indexOf(o);return e<0?n?t.slice(t.indexOf(o)+1).find((function(o){return d(o)})):t.slice(0,t.indexOf(o)).reverse().find((function(o){return d(o)})):r[e+(n?1:-1)]}}})),u.tabbableGroups=u.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),u.tabbableGroups.length<=0&&!v("fallbackFocus"))throw 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 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.")},k=function(o){!1!==o&&o!==p(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()):k(_()))},O=function(o){var r=v("setReturnFocus",{params:[o]});return r||!1!==r&&o},D=function(o){var r=o.target,t=o.event,n=o.isBackward,e=void 0!==n&&n;r=r||S(t),h();var a=null;if(u.tabbableGroups.length>0){var c=f(r,t),b=c>=0?u.containerGroups[c]:void 0;if(c<0)a=e?u.tabbableGroups[u.tabbableGroups.length-1].lastTabbableNode:u.tabbableGroups[0].firstTabbableNode;else if(e){var p=u.tabbableGroups.findIndex((function(o){return r===o.firstTabbableNode}));if(p<0&&(b.container===r||l(r,i.tabbableOptions)&&!d(r,i.tabbableOptions)&&!b.nextTabbableNode(r,!1))&&(p=c),p>=0){var _=u.tabbableGroups[0===p?u.tabbableGroups.length-1:p-1];a=s(r)>=0?_.lastTabbableNode:_.lastDomTabbableNode}else j(t)||(a=b.nextTabbableNode(r,!1))}else{var y=u.tabbableGroups.findIndex((function(o){return r===o.lastTabbableNode}));if(y<0&&(b.container===r||l(r,i.tabbableOptions)&&!d(r,i.tabbableOptions)&&!b.nextTabbableNode(r))&&(y=c),y>=0){var g=u.tabbableGroups[y===u.tabbableGroups.length-1?0:y+1];a=s(r)>=0?g.firstTabbableNode:g.firstDomTabbableNode}else j(t)||(a=b.nextTabbableNode(r))}}else a=v("fallbackFocus");return a},A=function(o){var r=S(o);f(r,o)>=0||(F(i.clickOutsideDeactivates,o)?t.deactivate({returnFocus:i.returnFocusOnDeactivate}):F(i.allowOutsideClick,o)||o.preventDefault())},R=function(o){var r=S(o),t=f(r,o)>=0;if(t||r instanceof Document)t&&(u.mostRecentlyFocusedNode=r);else{var n;o.stopImmediatePropagation();var e=!0;if(u.mostRecentlyFocusedNode)if(s(u.mostRecentlyFocusedNode)>0){var a=f(u.mostRecentlyFocusedNode),c=u.containerGroups[a].tabbableNodes;if(c.length>0){var d=c.findIndex((function(o){return o===u.mostRecentlyFocusedNode}));d>=0&&(i.isKeyForward(u.recentNavEvent)?d+1<c.length&&(n=c[d+1],e=!1):d-1>=0&&(n=c[d-1],e=!1))}}else u.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return s(o)>0}))}))||(e=!1);else e=!1;e&&(n=D({target:u.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(u.recentNavEvent)})),k(n||u.mostRecentlyFocusedNode||_())}u.recentNavEvent=void 0},P=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 t=D({event:o,isBackward:r});t&&(j(o)&&o.preventDefault(),k(t))}(o,i.isKeyBackward(o))},I=function(o){(function(o){return"Escape"===(null==o?void 0:o.key)||"Esc"===(null==o?void 0:o.key)||27===(null==o?void 0:o.keyCode)})(o)&&!1!==F(i.escapeDeactivates,o)&&(o.preventDefault(),t.deactivate())},N=function(o){var r=S(o);f(r,o)>=0||F(i.clickOutsideDeactivates,o)||F(i.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},B=function(){var o;if(u.active)return x.activateTrap(e,t),i.delayInitialFocus?o=new Promise((function(o){u.delayInitialFocusTimer=E((function(){k(_()),o()}))})):k(_()),n.addEventListener("focusin",R,!0),n.addEventListener("mousedown",A,{capture:!0,passive:!1}),n.addEventListener("touchstart",A,{capture:!0,passive:!1}),n.addEventListener("click",N,{capture:!0,passive:!1}),n.addEventListener("keydown",P,{capture:!0,passive:!1}),n.addEventListener("keydown",I),o},M=function(){if(u.active)return n.removeEventListener("focusin",R,!0),n.removeEventListener("mousedown",A,!0),n.removeEventListener("touchstart",A,!0),n.removeEventListener("click",N,!0),n.removeEventListener("keydown",P,!0),n.removeEventListener("keydown",I),t},H="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(o){var r=u.mostRecentlyFocusedNode;if(r&&o.some((function(o){return Array.from(o.removedNodes).some((function(o){return o===r||"function"==typeof o.contains&&o.contains(r)}))}))&&u.containers.some((function(o){return null==o?void 0:o.isConnected}))){h();var t=_();k(t)}})):void 0,U=function(){H&&(H.disconnect(),u.active&&!u.paused&&u.containers.map((function(o){H.observe(o,{subtree:!0,childList:!0})})))};return Object.defineProperties(t={get active(){return u.active},get paused(){return u.paused},activate:function(o){if(u.active)return this;var r,i=b(o,"onActivate"),a=b(o,"onPostActivate"),c=b(o,"checkCanFocusTrap"),d=x.getActiveTrap(e),s=!1;d&&!d.paused&&(null===(r=d._setSubtreeIsolation)||void 0===r||r.call(d,!1),s=!0);try{c||h(),u.active=!0,u.paused=!1,u.nodeFocusedBeforeActivation=p(n),null==i||i({trap:t});var l=function(){c&&h();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()};if(c)return c(u.containers.concat()).then(l,l),this;l()}catch(o){var f;throw d===x.getActiveTrap(e)&&s&&(null===(f=d._setSubtreeIsolation)||void 0===f||f.call(d,!0)),o}return this},deactivate:function(o){if(!u.active)return this;var r=m({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},o);clearTimeout(u.delayInitialFocusTimer),u.delayInitialFocusTimer=void 0,u.paused||t._setSubtreeIsolation(!1),u.alreadySilent.clear(),M(),u.active=!1,u.paused=!1,U(),x.deactivateTrap(e,t);var n=b(r,"onDeactivate"),a=b(r,"onPostDeactivate"),c=b(r,"checkCanReturnFocus"),d=b(r,"delayReturnFocus"),s=b(r,"returnFocus","returnFocusOnDeactivate");null==n||n({trap:t});var l=function(){s&&k(O(u.nodeFocusedBeforeActivation)),null==a||a({trap:t})},f=function(){d&&s?E(l):l()};return s&&c?(c(O(u.nodeFocusedBeforeActivation)).then(f,f),this):(f(),this)},pause:function(o){return u.active?(u.manuallyPaused=!0,this._setPausedState(!0,o)):this},unpause:function(o){return u.active?(u.manuallyPaused=!1,e[e.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?n.querySelector(o):o})),i.isolateSubtrees&&function(o){u.active&&!u.paused&&t._setSubtreeIsolation(!1),u.adjacentElements.clear(),u.alreadySilent.clear();var r,n=new Set,e=new Set,i=g(o);try{for(i.s();!(r=i.n()).done;){var a=r.value;n.add(a);for(var c="undefined"!=typeof ShadowRoot&&a.getRootNode()instanceof ShadowRoot,d=a;d;){n.add(d);var s=d.parentElement,l=[];s?l=s.children:!s&&c&&(l=d.getRootNode().children,s=d.getRootNode().host,c="undefined"!=typeof ShadowRoot&&s.getRootNode()instanceof ShadowRoot);var b,f=g(l);try{for(f.s();!(b=f.n()).done;)e.add(b.value)}catch(o){f.e(o)}finally{f.f()}d=s}}}catch(o){i.e(o)}finally{i.f()}n.forEach((function(o){e.delete(o)})),u.adjacentElements=e}(u.containers),u.active&&(h(),u.paused||t._setSubtreeIsolation(!0)),U(),this}},{_isManuallyPaused:{value:function(){return u.manuallyPaused}},_setPausedState:{value:function(o,r){if(u.paused===o)return this;if(u.paused=o,o){var n=b(r,"onPause"),e=b(r,"onPostPause");null==n||n({trap:t}),M(),t._setSubtreeIsolation(!1),U(),null==e||e({trap:t})}else{var i=b(r,"onUnpause"),a=b(r,"onPostUnpause");null==i||i({trap:t}),function(){h();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()}()}return this}},_setSubtreeIsolation:{value:function(o){i.isolateSubtrees&&u.adjacentElements.forEach((function(r){var t;o?"aria-hidden"===i.isolateSubtrees?("true"!==r.ariaHidden&&"true"!==(null===(t=r.getAttribute("aria-hidden"))||void 0===t?void 0:t.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")}))}}}),t.updateContainerElements(o),t};const D=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoChange=t(this,"dsoChange",3),this.dsoRedirect=t(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=O(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?a(this.host,{getShadowRoot:!0}):[];let t=r.findIndex((o=>o===this.host.shadowRoot?.activeElement))+o;t>=r.length?t=0:t<0&&(t=r.length-1),r[t]?.focus()}render(){const o=this.open?"caret-up":"caret-down";return n("div",{key:"d124fde95ae91c996a725add8520de3e3956b2a2",class:"advanced-select-container"},n("div",{key:"c25dc272a86fbef94ae0aa490fe0292e87b5f1fd",class:"advanced-select"},n("div",{key:"06e5a6aaa4cf6a142f1ad31d526a0b31001ed777",class:"advanced-select-button"},n("button",{key:"99934ad204d68a0a1e82f24e42b8899f98f83aa5","aria-expanded":""+this.open,class:i(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},n("span",{key:"7776fbf5b58af8a3eadc502cbe01d269adc3469e",class:"active-option-label"},n(P,{key:"c3f8265c79dcb6d8b9b428fa4e18090d71557099",active:this.active,options:this.options}),this.active?.selectedLabel??this.active?.label??"Selecteer een optie"),n("span",{key:"8758ce1b7b0b21eae477d8e1de9afcec08f9547f",class:"active-option-aside"},n("dso-icon",{key:"84c2f1e173a7e9977b234af634b6df19d1857213",icon:o,"aria-hidden":"true"}))),this.open&&n("div",{key:"8c27fe2f7e57bca959649e3806f96dec4adb53f2",class:"groups-container"},n("ul",{key:"06320030fecf1d8ee0bd6eb1bfbaf8b7d7263653",class:"groups"},this.options.map((o=>"options"in o&&n("li",{class:i(["group",{["group-"+o.variant]:!!o.variant}])},n("p",{class:"group-label"},o.label),n("ul",{class:"options"},o.options.map((r=>n("li",null,n(A,{option:r,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick,variant:o.variant}))))),o.redirect&&n(R,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&n("li",{class:"group"},n("p",{class:"group-label"},o.label),n("p",{class:"placeholder"},o.placeholder),o.redirect&&n(R,{redirect:o.redirect,callback:this.handleRedirectClick}))||n("li",null,n(A,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))))),this.options.some((o=>"summaryCounter"in o&&o?.summaryCounter))&&n("span",{key:"11692b0604d6f6fffd30376efc1883a63ee70cf7",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!o?.summaryCounter)).map((o=>n("dso-badge",{status:o.variant??"outline",label:o.badgeLabel??"Toon toelichting voor "+o.label.toLowerCase()},o.options.length,n("div",{slot:"toggletip"},o.toggletip)))))))}static get delegatesFocus(){return!0}get host(){return this}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select-container{container-type:inline-size}.advanced-select{display:flex;flex-direction:row}@container (max-width: 480px){.advanced-select{flex-direction:column}}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;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;text-align:start;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}@media (max-width: 480px){.active-option-label{hyphens:auto}}.active-option-label{line-height:1.5;padding-block:8px;padding-inline:8px}.active-option-label dso-label{margin-inline-end:8px}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;gap:4px;padding-block-start:8px;padding-inline-start:8px}@container (max-width: 480px){.badges{justify-content:flex-start;flex-wrap:wrap;padding-inline-start:0}}.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-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:600}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#39870c;text-decoration:none}.group-link:hover,.group-link:focus{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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:flex;align-items:flex-start;gap:8px;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option dso-icon{flex-shrink:0}.option.option-active,.option.option-active:hover,.option.option-active:focus{background-color:#275937}.option.option-active .option-label,.option.option-active dso-icon,.option.option-active:hover .option-label,.option.option-active:hover dso-icon,.option.option-active:focus .option-label,.option.option-active:focus dso-icon{color:#fff;font-weight:600}.option:hover,.option:focus{background-color:#ebf3e6}.option-label{position:relative;color:#191919}.option-hint{padding-inline-start:5px;color:#fff;font-weight:600}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666;font-style:italic}"}},[17,"dso-advanced-select",{options:[16],active:[16],activeHint:[1,"active-hint"],open:[32]},[[8,"keydown","keyDownListener"]]]),A=({option:o,active:r,activeHint:t,callback:e,variant:a})=>{const c="success"===a?"document":"warning"===a?"document-pencil":"hammer";return n("button",{class:i(["option",{"option-active":r===o}]),type:"button","aria-current":r===o?"true":void 0,onClick:r=>e(r,o)},n("dso-icon",{icon:c,"aria-hidden":"true"}),n("span",{class:"option-label"},o.label," ",!!t&&r===o&&n("span",{class:"option-hint"},"(",t,")")))},R=({redirect:o,callback:r})=>n("a",{class:"group-link",href:o.href,onClick:t=>r(t,o)},o.label,n("dso-icon",{icon:"chevron-right","aria-hidden":"true"})),P=({active:o,options:r})=>{const t=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return t&&n("dso-label",{compact:!0,status:t.variant},t.activeLabel)},I=D,N=function(){"undefined"!=typeof customElements&&["dso-advanced-select","dso-badge","dso-icon","dso-icon-button","dso-label","dso-scrollable"].forEach((o=>{switch(o){case"dso-advanced-select":customElements.get(e(o))||customElements.define(e(o),D);break;case"dso-badge":customElements.get(e(o))||b();break;case"dso-icon":customElements.get(e(o))||f();break;case"dso-icon-button":customElements.get(e(o))||v();break;case"dso-label":customElements.get(e(o))||p();break;case"dso-scrollable":customElements.get(e(o))||_()}}))};export{I as DsoAdvancedSelect,N as defineCustomElement}
+*/function g(o,r){(null==r||r>o.length)&&(r=o.length);for(var t=0,n=Array(r);t<r;t++)n[t]=o[t];return n}function h(o,r){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=x(o))||r){t&&(o=t);var n=0,e=function(){};return{s:e,n:function(){return n>=o.length?{done:!0}:{done:!1,value:o[n++]}},e:function(o){throw o},f:e}}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,c=!1;return{s:function(){t=t.call(o)},n:function(){var o=t.next();return a=o.done,o},e:function(o){c=!0,i=o},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}function k(o,r,t){return(r=function(o){var r=function(o,r){if("object"!=typeof o||!o)return o;var t=o[Symbol.toPrimitive];if(void 0!==t){var n=t.call(o,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return o+""}(o,"string");return"symbol"==typeof r?r:r+""}(r))in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function m(o,r){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),t.push.apply(t,n)}return t}function w(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){k(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))}))}return o}function x(o,r){if(o){if("string"==typeof o)return g(o,r);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(o,r):void 0}}var j={getActiveTrap:function(o){return(null==o?void 0:o.length)>0?o[o.length-1]:null},activateTrap:function(o,r){r!==j.getActiveTrap(o)&&j.pauseTrap(o);var t=o.indexOf(r);-1===t||o.splice(t,1),o.push(r)},deactivateTrap:function(o,r){var t=o.indexOf(r);-1!==t&&o.splice(t,1),j.unpauseTrap(o)},pauseTrap:function(o){var r=j.getActiveTrap(o);null==r||r._setPausedState(!0)},unpauseTrap:function(o){var r=j.getActiveTrap(o);r&&!r._isManuallyPaused()&&r._setPausedState(!1)}},C=function(o){return"Tab"===(null==o?void 0:o.key)||9===(null==o?void 0:o.keyCode)},E=function(o){return C(o)&&!o.shiftKey},z=function(o){return C(o)&&o.shiftKey},F=function(o){return setTimeout(o,0)},S=function(o){for(var r=arguments.length,t=Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return"function"==typeof o?o.apply(void 0,t):o},T=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target},O=[],D=function(o,r){var t,n=(null==r?void 0:r.document)||document,e=(null==r?void 0:r.trapStack)||O,i=w({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:E,isKeyBackward:z},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},b=function(o,r,t){return o&&void 0!==o[r]?o[r]:i[t||r]},f=function(o,r){var t="function"==typeof(null==r?void 0:r.composedPath)?r.composedPath():void 0;return u.containerGroups.findIndex((function(r){var n=r.container,e=r.tabbableNodes;return n.contains(o)||(null==t?void 0:t.includes(n))||e.find((function(r){return r===o}))}))},v=function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=r.hasFallback,e=void 0!==t&&t,a=r.params,c=i[o];if("function"==typeof c&&(c=c.apply(void 0,function(o){return function(o){if(Array.isArray(o))return g(o)}(o)||function(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}(o)||x(o)||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.")}()}(void 0===a?[]:a))),!0===c&&(c=void 0),!c){if(void 0===c||!1===c)return c;throw Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=c;if("string"==typeof c){try{d=n.querySelector(c)}catch(r){throw Error("`".concat(o,'` appears to be an invalid selector; error="').concat(r.message,'"'))}if(!d&&!e)throw Error("`".concat(o,"` as selector refers to no known node"))}return d},p=function(o){var r=o.activeElement;return r?r.shadowRoot&&null!==r.shadowRoot.activeElement?p(r.shadowRoot):r:null},_=function(){var o=v("initialFocus",{hasFallback:!0});if(!1===o)return!1;if(void 0===o||o&&!l(o,i.tabbableOptions)){var r=p(n);if(f(r)>=0)o=r;else{var t=u.tabbableGroups[0];o=t&&t.firstTabbableNode||v("fallbackFocus")}}else null===o&&(o=v("fallbackFocus"));if(!o)throw Error("Your focus-trap needs to have at least one focusable element");return o},y=function(){if(u.containerGroups=u.containers.map((function(o){var r=a(o,i.tabbableOptions),t=c(o,i.tabbableOptions),n=r.length>0?r[0]:void 0,e=r.length>0?r[r.length-1]:void 0,l=t.find((function(o){return d(o)})),u=t.slice().reverse().find((function(o){return d(o)})),b=!!r.find((function(o){return s(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:t,posTabIndexesFound:b,firstTabbableNode:n,lastTabbableNode:e,firstDomTabbableNode:l,lastDomTabbableNode:u,nextTabbableNode:function(o){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=r.indexOf(o);return e<0?n?t.slice(t.indexOf(o)+1).find((function(o){return d(o)})):t.slice(0,t.indexOf(o)).reverse().find((function(o){return d(o)})):r[e+(n?1:-1)]}}})),u.tabbableGroups=u.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),u.tabbableGroups.length<=0&&!v("fallbackFocus"))throw 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 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.")},k=function(o){!1!==o&&o!==p(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()):k(_()))},m=function(o){var r=v("setReturnFocus",{params:[o]});return r||!1!==r&&o},D=function(o){var r=o.target,t=o.event,n=o.isBackward,e=void 0!==n&&n;r=r||T(t),y();var a=null;if(u.tabbableGroups.length>0){var c=f(r,t),b=c>=0?u.containerGroups[c]:void 0;if(c<0)a=e?u.tabbableGroups[u.tabbableGroups.length-1].lastTabbableNode:u.tabbableGroups[0].firstTabbableNode;else if(e){var p=u.tabbableGroups.findIndex((function(o){return r===o.firstTabbableNode}));if(p<0&&(b.container===r||l(r,i.tabbableOptions)&&!d(r,i.tabbableOptions)&&!b.nextTabbableNode(r,!1))&&(p=c),p>=0){var _=u.tabbableGroups[0===p?u.tabbableGroups.length-1:p-1];a=s(r)>=0?_.lastTabbableNode:_.lastDomTabbableNode}else C(t)||(a=b.nextTabbableNode(r,!1))}else{var g=u.tabbableGroups.findIndex((function(o){return r===o.lastTabbableNode}));if(g<0&&(b.container===r||l(r,i.tabbableOptions)&&!d(r,i.tabbableOptions)&&!b.nextTabbableNode(r))&&(g=c),g>=0){var h=u.tabbableGroups[g===u.tabbableGroups.length-1?0:g+1];a=s(r)>=0?h.firstTabbableNode:h.firstDomTabbableNode}else C(t)||(a=b.nextTabbableNode(r))}}else a=v("fallbackFocus");return a},A=function(o){var r=T(o);f(r,o)>=0||(S(i.clickOutsideDeactivates,o)?t.deactivate({returnFocus:i.returnFocusOnDeactivate}):S(i.allowOutsideClick,o)||o.preventDefault())},R=function(o){var r=T(o),t=f(r,o)>=0;if(t||r instanceof Document)t&&(u.mostRecentlyFocusedNode=r);else{var n;o.stopImmediatePropagation();var e=!0;if(u.mostRecentlyFocusedNode)if(s(u.mostRecentlyFocusedNode)>0){var a=f(u.mostRecentlyFocusedNode),c=u.containerGroups[a].tabbableNodes;if(c.length>0){var d=c.findIndex((function(o){return o===u.mostRecentlyFocusedNode}));d>=0&&(i.isKeyForward(u.recentNavEvent)?d+1<c.length&&(n=c[d+1],e=!1):d-1>=0&&(n=c[d-1],e=!1))}}else u.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return s(o)>0}))}))||(e=!1);else e=!1;e&&(n=D({target:u.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(u.recentNavEvent)})),k(n||u.mostRecentlyFocusedNode||_())}u.recentNavEvent=void 0},P=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 t=D({event:o,isBackward:r});t&&(C(o)&&o.preventDefault(),k(t))}(o,i.isKeyBackward(o))},I=function(o){(function(o){return"Escape"===(null==o?void 0:o.key)||"Esc"===(null==o?void 0:o.key)||27===(null==o?void 0:o.keyCode)})(o)&&!1!==S(i.escapeDeactivates,o)&&(o.preventDefault(),t.deactivate())},N=function(o){var r=T(o);f(r,o)>=0||S(i.clickOutsideDeactivates,o)||S(i.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},B=function(){var o;if(u.active)return j.activateTrap(e,t),i.delayInitialFocus?o=new Promise((function(o){u.delayInitialFocusTimer=F((function(){k(_()),o()}))})):k(_()),n.addEventListener("focusin",R,!0),n.addEventListener("mousedown",A,{capture:!0,passive:!1}),n.addEventListener("touchstart",A,{capture:!0,passive:!1}),n.addEventListener("click",N,{capture:!0,passive:!1}),n.addEventListener("keydown",P,{capture:!0,passive:!1}),n.addEventListener("keydown",I),o},M=function(){if(u.active)return n.removeEventListener("focusin",R,!0),n.removeEventListener("mousedown",A,!0),n.removeEventListener("touchstart",A,!0),n.removeEventListener("click",N,!0),n.removeEventListener("keydown",P,!0),n.removeEventListener("keydown",I),t},H="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(o){var r=u.mostRecentlyFocusedNode;if(r&&o.some((function(o){return Array.from(o.removedNodes).some((function(o){return o===r||"function"==typeof o.contains&&o.contains(r)}))}))&&u.containers.some((function(o){return null==o?void 0:o.isConnected}))){y();var t=_();k(t)}})):void 0,U=function(){H&&(H.disconnect(),u.active&&!u.paused&&u.containers.map((function(o){H.observe(o,{subtree:!0,childList:!0})})))};return Object.defineProperties(t={get active(){return u.active},get paused(){return u.paused},activate:function(o){if(u.active)return this;var r,i=b(o,"onActivate"),a=b(o,"onPostActivate"),c=b(o,"checkCanFocusTrap"),d=j.getActiveTrap(e),s=!1;d&&!d.paused&&(null===(r=d._setSubtreeIsolation)||void 0===r||r.call(d,!1),s=!0);try{c||y(),u.active=!0,u.paused=!1,u.nodeFocusedBeforeActivation=p(n),null==i||i({trap:t});var l=function(){c&&y();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()};if(c)return c(u.containers.concat()).then(l,l),this;l()}catch(o){var f;throw d===j.getActiveTrap(e)&&s&&(null===(f=d._setSubtreeIsolation)||void 0===f||f.call(d,!0)),o}return this},deactivate:function(o){if(!u.active)return this;var r=w({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},o);clearTimeout(u.delayInitialFocusTimer),u.delayInitialFocusTimer=void 0,u.paused||t._setSubtreeIsolation(!1),u.alreadySilent.clear(),M(),u.active=!1,u.paused=!1,U(),j.deactivateTrap(e,t);var n=b(r,"onDeactivate"),a=b(r,"onPostDeactivate"),c=b(r,"checkCanReturnFocus"),d=b(r,"delayReturnFocus"),s=b(r,"returnFocus","returnFocusOnDeactivate");null==n||n({trap:t});var l=function(){s&&k(m(u.nodeFocusedBeforeActivation)),null==a||a({trap:t})},f=function(){d&&s?F(l):l()};return s&&c?(c(m(u.nodeFocusedBeforeActivation)).then(f,f),this):(f(),this)},pause:function(o){return u.active?(u.manuallyPaused=!0,this._setPausedState(!0,o)):this},unpause:function(o){return u.active?(u.manuallyPaused=!1,e[e.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?n.querySelector(o):o})),i.isolateSubtrees&&function(o){u.active&&!u.paused&&t._setSubtreeIsolation(!1),u.adjacentElements.clear(),u.alreadySilent.clear();var r,n=new Set,e=new Set,i=h(o);try{for(i.s();!(r=i.n()).done;){var a=r.value;n.add(a);for(var c="undefined"!=typeof ShadowRoot&&a.getRootNode()instanceof ShadowRoot,d=a;d;){n.add(d);var s=d.parentElement,l=[];s?l=s.children:!s&&c&&(l=d.getRootNode().children,s=d.getRootNode().host,c="undefined"!=typeof ShadowRoot&&s.getRootNode()instanceof ShadowRoot);var b,f=h(l);try{for(f.s();!(b=f.n()).done;)e.add(b.value)}catch(o){f.e(o)}finally{f.f()}d=s}}}catch(o){i.e(o)}finally{i.f()}n.forEach((function(o){e.delete(o)})),u.adjacentElements=e}(u.containers),u.active&&(y(),u.paused||t._setSubtreeIsolation(!0)),U(),this}},{_isManuallyPaused:{value:function(){return u.manuallyPaused}},_setPausedState:{value:function(o,r){if(u.paused===o)return this;if(u.paused=o,o){var n=b(r,"onPause"),e=b(r,"onPostPause");null==n||n({trap:t}),M(),t._setSubtreeIsolation(!1),U(),null==e||e({trap:t})}else{var i=b(r,"onUnpause"),a=b(r,"onPostUnpause");null==i||i({trap:t}),function(){y();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()}()}return this}},_setSubtreeIsolation:{value:function(o){i.isolateSubtrees&&u.adjacentElements.forEach((function(r){var t;o?"aria-hidden"===i.isolateSubtrees?("true"!==r.ariaHidden&&"true"!==(null===(t=r.getAttribute("aria-hidden"))||void 0===t?void 0:t.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")}))}}}),t.updateContainerElements(o),t};const A=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoChange=t(this,"dsoChange",3),this.dsoRedirect=t(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=D(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?a(this.host,{getShadowRoot:!0}):[];let t=r.findIndex((o=>o===this.host.shadowRoot?.activeElement))+o;t>=r.length?t=0:t<0&&(t=r.length-1),r[t]?.focus()}render(){const o=this.open?"caret-up":"caret-down";return n("div",{key:"d124fde95ae91c996a725add8520de3e3956b2a2",class:"advanced-select-container"},n("div",{key:"c25dc272a86fbef94ae0aa490fe0292e87b5f1fd",class:"advanced-select"},n("div",{key:"06e5a6aaa4cf6a142f1ad31d526a0b31001ed777",class:"advanced-select-button"},n("button",{key:"99934ad204d68a0a1e82f24e42b8899f98f83aa5","aria-expanded":""+this.open,class:i(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},n("span",{key:"7776fbf5b58af8a3eadc502cbe01d269adc3469e",class:"active-option-label"},n(I,{key:"c3f8265c79dcb6d8b9b428fa4e18090d71557099",active:this.active,options:this.options}),this.active?.selectedLabel??this.active?.label??"Selecteer een optie"),n("span",{key:"8758ce1b7b0b21eae477d8e1de9afcec08f9547f",class:"active-option-aside"},n("dso-icon",{key:"84c2f1e173a7e9977b234af634b6df19d1857213",icon:o,"aria-hidden":"true"}))),this.open&&n("div",{key:"8c27fe2f7e57bca959649e3806f96dec4adb53f2",class:"groups-container"},n("ul",{key:"06320030fecf1d8ee0bd6eb1bfbaf8b7d7263653",class:"groups"},this.options.map((o=>"options"in o&&n("li",{class:i(["group",{["group-"+o.variant]:!!o.variant}])},n("p",{class:"group-label"},o.label),n("ul",{class:"options"},o.options.map((r=>n("li",null,n(R,{option:r,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick,variant:o.variant}))))),o.redirect&&n(P,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&n("li",{class:"group"},n("p",{class:"group-label"},o.label),n("p",{class:"placeholder"},o.placeholder),o.redirect&&n(P,{redirect:o.redirect,callback:this.handleRedirectClick}))||n("li",null,n(R,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))))),this.options.some((o=>"summaryCounter"in o&&o?.summaryCounter))&&n("span",{key:"11692b0604d6f6fffd30376efc1883a63ee70cf7",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!o?.summaryCounter)).map((o=>n("dso-badge",{status:o.variant??"outline",label:o.badgeLabel??"Toon toelichting voor "+o.label.toLowerCase()},o.options.length,n("div",{slot:"toggletip"},o.toggletip)))))))}static get delegatesFocus(){return!0}get host(){return this}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select-container{container-type:inline-size}.advanced-select{display:flex;flex-direction:row}@container (max-width: 480px){.advanced-select{flex-direction:column}}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;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;text-align:start;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}@media (max-width: 480px){.active-option-label{hyphens:auto}}.active-option-label{line-height:1.5;padding-block:8px;padding-inline:8px}.active-option-label dso-label{margin-inline-end:8px}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;gap:4px;padding-block-start:8px;padding-inline-start:8px}@container (max-width: 480px){.badges{justify-content:flex-start;flex-wrap:wrap;padding-inline-start:0}}.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-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:600}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#39870c;text-decoration:none}.group-link:hover,.group-link:focus{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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:flex;align-items:flex-start;gap:8px;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option dso-icon{flex-shrink:0}.option.option-active,.option.option-active:hover,.option.option-active:focus{background-color:#275937}.option.option-active .option-label,.option.option-active dso-icon,.option.option-active:hover .option-label,.option.option-active:hover dso-icon,.option.option-active:focus .option-label,.option.option-active:focus dso-icon{color:#fff;font-weight:600}.option:hover,.option:focus{background-color:#ebf3e6}.option-label{position:relative;color:#191919}.option-hint{padding-inline-start:5px;color:#fff;font-weight:600}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666;font-style:italic}"}},[17,"dso-advanced-select",{options:[16],active:[16],activeHint:[1,"active-hint"],open:[32]},[[8,"keydown","keyDownListener"]]]),R=({option:o,active:r,activeHint:t,callback:e,variant:a})=>{const c="success"===a?"document":"warning"===a?"document-pencil":"hammer";return n("button",{class:i(["option",{"option-active":r===o}]),type:"button","aria-current":r===o?"true":void 0,onClick:r=>e(r,o)},n("dso-icon",{icon:c,"aria-hidden":"true"}),n("span",{class:"option-label"},o.label," ",!!t&&r===o&&n("span",{class:"option-hint"},"(",t,")")))},P=({redirect:o,callback:r})=>n("a",{class:"group-link",href:o.href,onClick:t=>r(t,o)},o.label,n("dso-icon",{icon:"chevron-right","aria-hidden":"true"})),I=({active:o,options:r})=>{const t=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return t&&n("dso-label",{compact:!0,status:t.variant},t.activeLabel)},N=A,B=function(){"undefined"!=typeof customElements&&["dso-advanced-select","dso-badge","dso-icon","dso-icon-button","dso-label","dso-scrollable","dso-truncate"].forEach((o=>{switch(o){case"dso-advanced-select":customElements.get(e(o))||customElements.define(e(o),A);break;case"dso-badge":customElements.get(e(o))||b();break;case"dso-icon":customElements.get(e(o))||f();break;case"dso-icon-button":customElements.get(e(o))||v();break;case"dso-label":customElements.get(e(o))||p();break;case"dso-scrollable":customElements.get(e(o))||_();break;case"dso-truncate":customElements.get(e(o))||y()}}))};export{N as DsoAdvancedSelect,B as defineCustomElement}

package/dist/components/dso-annotation-activiteit.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as i,Fragment as e,transformTag as n}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as b}from"./icon.js";import{d as g}from"./icon-button.js";import{d as v}from"./label.js";import{d as u}from"./renvooi.js";import{d as _}from"./slide-toggle.js";const m=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(a,{key:"1f1994f6b40d3de640db8b0d31b21954c0ca8fb6",symbol:o?i(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:i("dso-renvooi",{value:this.naam}),data:i(e,null,i("span",{class:"content"},this.regelKwalificatie&&i(e,null,i("dso-renvooi",{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&this.regelKwalificatieVoorzetsel+": ",i(l,{values:this.locatieNoemers})),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}'}},[1,"dso-annotation-activiteit",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],regelKwalificatie:[1,"regel-kwalificatie"],locatieNoemers:[16],regelKwalificatieVoorzetsel:[1,"regel-kwalificatie-voorzetsel"]}]),y=m,k=function(){"undefined"!=typeof customElements&&["dso-annotation-activiteit","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-activiteit":customElements.get(n(o))\|\|customElements.define(n(o),m);break;case"dso-icon":customElements.get(n(o))\|\|b();break;case"dso-icon-button":customElements.get(n(o))\|\|g();break;case"dso-label":customElements.get(n(o))\|\|v();break;case"dso-renvooi":customElements.get(n(o))\|\|u();break;case"dso-slide-toggle":customElements.get(n(o))\|\|_()}}))};export{y as DsoAnnotationActiviteit,k as defineCustomElement}
1	+ import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as i,Fragment as e,transformTag as n}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as b}from"./icon.js";import{d as g}from"./icon-button.js";import{d as u}from"./label.js";import{d as v}from"./renvooi.js";import{d as _}from"./slide-toggle.js";import{d as m}from"./truncate.js";const y=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return i(a,{key:"1f1994f6b40d3de640db8b0d31b21954c0ca8fb6",symbol:o?i(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:i("dso-renvooi",{value:this.naam}),data:i(e,null,i("span",{class:"content"},this.regelKwalificatie&&i(e,null,i("dso-renvooi",{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&this.regelKwalificatieVoorzetsel+": ",i(l,{values:this.locatieNoemers})),this.gewijzigdeLocatie&&i(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}'}},[1,"dso-annotation-activiteit",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],regelKwalificatie:[1,"regel-kwalificatie"],locatieNoemers:[16],regelKwalificatieVoorzetsel:[1,"regel-kwalificatie-voorzetsel"]}]),k=y,h=function(){"undefined"!=typeof customElements&&["dso-annotation-activiteit","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-truncate"].forEach((o=>{switch(o){case"dso-annotation-activiteit":customElements.get(n(o))\|\|customElements.define(n(o),y);break;case"dso-icon":customElements.get(n(o))\|\|b();break;case"dso-icon-button":customElements.get(n(o))\|\|g();break;case"dso-label":customElements.get(n(o))\|\|u();break;case"dso-renvooi":customElements.get(n(o))\|\|v();break;case"dso-slide-toggle":customElements.get(n(o))\|\|_();break;case"dso-truncate":customElements.get(n(o))\|\|m()}}))};export{k as DsoAnnotationActiviteit,h as defineCustomElement}

package/dist/components/dso-annotation-gebiedsaanwijzing.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as r,createEvent as n,h as t,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as b}from"./icon-button.js";import{d as g}from"./label.js";import{d as u}from"./renvooi.js";import{d as v}from"./slide-toggle.js";const _=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=n(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return t(a,{key:"7977d084eaa970de4f5123ac410679388e1a9327",symbol:o?t(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:t(i,null,t("span",{class:"content"},t("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&t(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}'}},[1,"dso-annotation-gebiedsaanwijzing",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1]}]),m=_,y=function(){"undefined"!=typeof customElements&&["dso-annotation-gebiedsaanwijzing","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-gebiedsaanwijzing":customElements.get(e(o))\|\|customElements.define(e(o),_);break;case"dso-icon":customElements.get(e(o))\|\|l();break;case"dso-icon-button":customElements.get(e(o))\|\|b();break;case"dso-label":customElements.get(e(o))\|\|g();break;case"dso-renvooi":customElements.get(e(o))\|\|u();break;case"dso-slide-toggle":customElements.get(e(o))\|\|v()}}))};export{m as DsoAnnotationGebiedsaanwijzing,y as defineCustomElement}
1	+ import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as b}from"./icon-button.js";import{d as g}from"./label.js";import{d as u}from"./renvooi.js";import{d as v}from"./slide-toggle.js";import{d as _}from"./truncate.js";const m=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(a,{key:"7977d084eaa970de4f5123ac410679388e1a9327",symbol:o?n(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:n(i,null,n("span",{class:"content"},n("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&n(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}'}},[1,"dso-annotation-gebiedsaanwijzing",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1]}]),y=m,k=function(){"undefined"!=typeof customElements&&["dso-annotation-gebiedsaanwijzing","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-truncate"].forEach((o=>{switch(o){case"dso-annotation-gebiedsaanwijzing":customElements.get(e(o))\|\|customElements.define(e(o),m);break;case"dso-icon":customElements.get(e(o))\|\|l();break;case"dso-icon-button":customElements.get(e(o))\|\|b();break;case"dso-label":customElements.get(e(o))\|\|g();break;case"dso-renvooi":customElements.get(e(o))\|\|u();break;case"dso-slide-toggle":customElements.get(e(o))\|\|v();break;case"dso-truncate":customElements.get(e(o))\|\|_()}}))};export{y as DsoAnnotationGebiedsaanwijzing,k as defineCustomElement}

package/dist/components/dso-annotation-omgevingsnormwaarde.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as r,createEvent as n,h as t,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as b}from"./icon.js";import{d as g}from"./icon-button.js";import{d as u}from"./label.js";import{d as v}from"./renvooi.js";import{d as _}from"./slide-toggle.js";const m=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=n(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return t(a,{key:"fda01fda5064588690297137e76229623341dd8f",symbol:o?t(c,null):void 0,active:this.active\|\|!1,dsoActiveChange:this.dsoActiveChange,title:t(i,null,t("dso-renvooi",{value:this.naam}),this.eenheid&&t(i,null," ","(in ",t("dso-renvooi",{value:this.eenheid}),")")),data:t(i,null,t("span",{class:"content"},this.toelichting&&t(i,null,this.toelichting),this.waardes&&this.waardes.length>0&&t(i,null,": ",t(l,{values:this.waardes}))),this.gewijzigdeLocatie&&t(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}'}},[1,"dso-annotation-omgevingsnormwaarde",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],toelichting:[1],waardes:[16],eenheid:[1]}]),y=m,h=function(){"undefined"!=typeof customElements&&["dso-annotation-omgevingsnormwaarde","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-omgevingsnormwaarde":customElements.get(e(o))\|\|customElements.define(e(o),m);break;case"dso-icon":customElements.get(e(o))\|\|b();break;case"dso-icon-button":customElements.get(e(o))\|\|g();break;case"dso-label":customElements.get(e(o))\|\|u();break;case"dso-renvooi":customElements.get(e(o))\|\|v();break;case"dso-slide-toggle":customElements.get(e(o))\|\|_()}}))};export{y as DsoAnnotationOmgevingsnormwaarde,h as defineCustomElement}
1	+ import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{A as l}from"./annotation-list-renvooi-values.js";import{d as b}from"./icon.js";import{d as g}from"./icon-button.js";import{d as u}from"./label.js";import{d as v}from"./renvooi.js";import{d as m}from"./slide-toggle.js";import{d as _}from"./truncate.js";const y=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(a,{key:"fda01fda5064588690297137e76229623341dd8f",symbol:o?n(c,null):void 0,active:this.active\|\|!1,dsoActiveChange:this.dsoActiveChange,title:n(i,null,n("dso-renvooi",{value:this.naam}),this.eenheid&&n(i,null," ","(in ",n("dso-renvooi",{value:this.eenheid}),")")),data:n(i,null,n("span",{class:"content"},this.toelichting&&n(i,null,this.toelichting),this.waardes&&this.waardes.length>0&&n(i,null,": ",n(l,{values:this.waardes}))),this.gewijzigdeLocatie&&n(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}'}},[1,"dso-annotation-omgevingsnormwaarde",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],naam:[1],toelichting:[1],waardes:[16],eenheid:[1]}]),h=y,k=function(){"undefined"!=typeof customElements&&["dso-annotation-omgevingsnormwaarde","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-truncate"].forEach((o=>{switch(o){case"dso-annotation-omgevingsnormwaarde":customElements.get(e(o))\|\|customElements.define(e(o),y);break;case"dso-icon":customElements.get(e(o))\|\|b();break;case"dso-icon-button":customElements.get(e(o))\|\|g();break;case"dso-label":customElements.get(e(o))\|\|u();break;case"dso-renvooi":customElements.get(e(o))\|\|v();break;case"dso-slide-toggle":customElements.get(e(o))\|\|m();break;case"dso-truncate":customElements.get(e(o))\|\|_()}}))};export{h as DsoAnnotationOmgevingsnormwaarde,k as defineCustomElement}

package/dist/components/dso-card-container.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as d,HTMLElement as t,h as e,Fragment as s,transformTag as r}from"@stencil/core/internal/client";const o=d(class extends t{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.mode="list"}render(){return e(s,null,"list"===this.mode&&e("ul",{key:"d52f21b49b9b943187b6a73e55ca681ec96deb73",class:"dso-card-list"},e("slot",{key:"219cf186ffb995e18a8275d640abc7ce1aa13baa"})),"grid"===this.mode&&e("div",{key:"cfa849d6de6f6675ad6e2d27b38d00cf072e090c",class:"dso-card-grid"},e("slot",{key:"8d1c379c89bd3ee4e720dc93e26b3dd901b67db4"})))}static get style(){return":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}"}},[257,"dso-card-container",{mode:[513]}]),a=o,c=function(){"undefined"!=typeof customElements&&["dso-card-container"].forEach((d=>{"dso-card-container"===d&&(customElements.get(r(d))\|\|customElements.define(r(d),o))}))};export{a as DsoCardContainer,c as defineCustomElement}
1	+ import{proxyCustomElement as d,HTMLElement as t,h as e,Fragment as s,transformTag as r}from"@stencil/core/internal/client";const o=d(class extends t{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.mode="list"}render(){return e(s,null,"list"===this.mode&&e("ul",{key:"d52f21b49b9b943187b6a73e55ca681ec96deb73",class:"dso-card-list"},e("slot",{key:"219cf186ffb995e18a8275d640abc7ce1aa13baa"})),"grid"===this.mode&&e("div",{key:"cfa849d6de6f6675ad6e2d27b38d00cf072e090c",class:"dso-card-grid"},e("slot",{key:"8d1c379c89bd3ee4e720dc93e26b3dd901b67db4"})))}static get style(){return":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}:host(:last-child) .dso-card-list{border-block-end:var(--_dso-card-container-list-border-block-end, 1px solid #ccc);margin-block-end:var(--_dso-card-container-list-margin-block-end, 1em)}"}},[257,"dso-card-container",{mode:[513]}]),c=o,a=function(){"undefined"!=typeof customElements&&["dso-card-container"].forEach((d=>{"dso-card-container"===d&&(customElements.get(r(d))\|\|customElements.define(r(d),o))}))};export{c as DsoCardContainer,a as defineCustomElement}

package/dist/components/dso-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as o,createEvent as a,forceUpdate as i,h as n,Host as t,transformTag as r}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as s}from"./icon.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof o&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return n(t,{key:"~~239305b16722e3ef5d1df2f5a34dc1c8bd6fa941~~","is-selectable":e},n("div",{key:"~~dda09722c769d5a20efb3de4c7d03ef4e676c051~~",class:"dso-card-container"},n("div",{key:"~~ae42d84176d062922bdaebce517d984f36d3410c~~",class:"dso-card-selectable",hidden:!e},n("slot",{key:"~~4734836c7971885e8ae84fb919a5aceaa9713f1c~~",name:"selectable"})),n("div",{key:"~~67035bf8eeb78bdf5ec00d5d5e63aaeb36600971~~",class:"dso-card-heading"},"extern"===this.mode&&n("a",{key:"~~52ec88ae6644d176b676b38f3b5a3b8a4f18d8fb~~",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},n("slot",{key:"~~b0a930073a356cc0a85e99a738f8d37aafbe490e~~",name:"heading"}),n("dso-icon",{key:"~~03f039eddd70c41ddb8d95cf133c0917a9073503~~",icon:"external-link"}),n("span",{key:"~~63f6fb7bc9ecf562015ae04825f43a8f5885c946~~",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))\|\|"download"===this.mode&&n("a",{key:"~~ca38710b591fad28865552b9603dd1e90254535d~~",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},n("slot",{key:"~~2e85110d0435a74373bcc8c46d2b88e21757e9d4~~",name:"heading"}),n("dso-icon",{key:"~~05101c81b6645297f6fe3b37312bc95f6d05c8bf~~",icon:"download"}))\|\|n("a",{key:"~~6a02cb73fd4cff8d17bdad494fe047a13c93ba85~~",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},n("slot",{key:"~~e5631df37f950eefad86d94040b7f0fc0ae720b8~~",name:"heading"}),n("dso-icon",{key:"~~05ba6344294489c0c9299490d126906920d173f9~~",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&n("slot",{key:"~~7e92b0ace856f9bcc586040cdd2b1c3eea8ca388~~",name:"interactions"})),n("div",{key:"~~c994ab7a513a7cee91b1f4b236328224c465831f~~",class:"dso-card-content"},n("slot",{key:"~~ba532ccd9ccaa53dccacb6b5cd392bb042d20fcb~~",name:"content"}))))}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))},::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .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)}::slotted([slot=selectable]){font-size:0 !important;--_dso-selectable-padding-inline-start:24px;--_dso-selectable-input-wrapper-margin-inline-start:-24px;--_dso-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}'}},[257,"dso-card",{href:[513],mode:[513],active:[516]}]),l=c,b=function(){"undefined"!=typeof customElements&&["dso-card","dso-icon"].forEach((e=>{switch(e){case"dso-card":customElements.get(r(e))\|\|customElements.define(r(e),c);break;case"dso-icon":customElements.get(r(e))\|\|s()}}))};export{l as DsoCard,b as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as o,createEvent as a,forceUpdate as i,h as n,Host as t,transformTag as r}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as s}from"./icon.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof o&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return n(t,{key:"106df756cd8383136b238be0107f318c7f0b1457","is-selectable":e},n("div",{key:"763de98d5426a7047cf2793ad3acd5b305676884",class:"dso-card-container"},n("div",{key:"a2c89ba5a220d7e098193627ab9779f1269874c6",class:"dso-card-selectable",hidden:!e},n("slot",{key:"e2426f5ab8f36d946747befeaae0c435ddbecfdf",name:"selectable"})),n("div",{key:"cc1051b1898c35d48a4337215b785fae6198c0a4",class:"dso-card-heading"},"extern"===this.mode&&n("a",{key:"48d1e463fe1c4bca63be68f4987106c3a9e8fa71",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},n("slot",{key:"bdf715e2cf039ba2ba298b91b7d2dce2ee8a06c9",name:"heading"}),n("dso-icon",{key:"cf42631e919b44eef3485c44e3fadfea559596c2",icon:"external-link"}),n("span",{key:"dd25289f8e82d50106f89023ab8b44d106e8106b",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))\|\|"download"===this.mode&&n("a",{key:"43eb6d4e7d7ae31d2b15f7191be77011b1599374",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},n("slot",{key:"ff25a6a15671b0bd35be220791ed66f4bd419a7a",name:"heading"}),n("dso-icon",{key:"018c727bfdcd9b3a8be760328852fd5e631b2183",icon:"download"}))\|\|n("a",{key:"02745c8de0b89a53959a53af6438d91a5c62933d",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},n("slot",{key:"39873da8243d03be0dfd5bc8c38e023382d0aef2",name:"heading"}),n("dso-icon",{key:"f52a560ae21f299d5b1e87c0938282f3cb533f49",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&n("slot",{key:"d4a0e4f23487f6afb53e4062261ff4af028965a2",name:"interactions"})),n("div",{key:"7206aa3d66eed29fe5e821c9446ee8a54a39d99d",class:"dso-card-content"},n("slot",{key:"7d2d9caf4da500c922a69e89eabce1422229acf9",name:"content"}))))}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}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-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}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-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-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-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-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-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))},::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .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)}::slotted([slot=selectable]){font-size:0 !important;--_dso-selectable-padding-inline-start:24px;--_dso-selectable-input-wrapper-margin-inline-start:-24px;--_dso-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}'}},[257,"dso-card",{href:[513],mode:[513],active:[516]}]),l=c,b=function(){"undefined"!=typeof customElements&&["dso-card","dso-icon"].forEach((e=>{switch(e){case"dso-card":customElements.get(r(e))\|\|customElements.define(r(e),c);break;case"dso-icon":customElements.get(r(e))\|\|s()}}))};export{l as DsoCard,b as defineCustomElement}

package/dist/components/dso-date-picker.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";function d(e){if(!e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}function a(e){return e?[e.getDate().toString(10).padStart(2,"0"),(e.getMonth()+1).toString(10).padStart(2,"0"),e.getFullYear().toString(10).padStart(4,"0")].join("-"):""}const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoDateChange=i(this,"dsoDateChange",7),this.dsoBlur=i(this,"dsoBlur",7),this.dsoKeyUp=i(this,"dsoKeyUp",7),this.dsoKeyDown=i(this,"dsoKeyDown",7),this.dsoFocus=i(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:a(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t\|\|void 0}}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return s("input",{key:"~~181c385766ca51b1e53cc0d086bb9283c45446a6~~",type:"date",id:this.identifier,class:"dso-date__input",value:d(this.value),name:this.name,min:d(this.min),max:d(this.max),disabled:this.disabled\|\|void 0,required:this.required\|\|void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus\|\|void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return this}static get style(){return".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:calc(16px + 1.5rem);padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:calc(16px + 1.5rem)}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}"}},[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],required:[516],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[513],min:[1],max:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-date-picker"].forEach((e=>{"dso-date-picker"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),n))}))};export{r as DsoDatePicker,c as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";function d(e){if(!e\|\|"string"!=typeof e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}function a(e){return e?[e.getDate().toString(10).padStart(2,"0"),(e.getMonth()+1).toString(10).padStart(2,"0"),e.getFullYear().toString(10).padStart(4,"0")].join("-"):""}const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoDateChange=i(this,"dsoDateChange",7),this.dsoBlur=i(this,"dsoBlur",7),this.dsoKeyUp=i(this,"dsoKeyUp",7),this.dsoKeyDown=i(this,"dsoKeyDown",7),this.dsoFocus=i(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:a(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t\|\|void 0}}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return s("input",{key:"9687b85b3241b120259055e5adfdef71a3a46acf",type:"date",id:this.identifier,class:"dso-date__input",value:d(this.value),name:this.name,min:d(this.min),max:d(this.max),disabled:this.disabled\|\|void 0,required:this.required\|\|void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus\|\|void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return this}static get style(){return".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:calc(16px + 1.5rem);padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:calc(16px + 1.5rem)}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}"}},[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],required:[516],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[513],min:[8],max:[8]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-date-picker"].forEach((e=>{"dso-date-picker"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),n))}))};export{r as DsoDatePicker,c as defineCustomElement}