@dso-toolkit/core 100.1.0 → 100.3.0

package/dist/dso-toolkit/p-df3c0dad.entry.js

@@ -0,0 +1 @@
+import{h as n,F as e,r as i,d as t,g as o}from"./p-CieBNbUH.js";import{c as a}from"./p-ChV9xqsO.js";import{d as s}from"./p-baWVwd8J.js";const l=["search","map","document"],r={map:"Kaart",document:"Document",search:"Zoeken"},d={small:"smal",medium:"middel",large:"breed"},c=({className:e,onClick:i,label:t,icon:o})=>n("dso-icon-button",{variant:"map",class:e,onDsoClick:i,icon:o,label:t}),p=({shrink:e,expand:i,size:t,panelLabel:o,placement:a})=>{const s=[];return"small"!==t&&s.push(n(c,{onClick:e,label:`${o} smaller maken`,icon:"right"===a?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(n(c,{onClick:i,label:`${o} breder maken`,icon:"right"===a?"chevron-left":"chevron-right",className:"expand"})),n("div",{class:"sizing-buttons"},n("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",o.toLocaleLowerCase(),": ",d[t]),s)},m=({tabView:e,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:o,dsoDocumentPanelSizeChangeAnimationEnd:a})=>n("div",{class:"dso-document-panel",onTransitionEnd:n=>{"flex-basis"===n.propertyName&&a.emit({currentSize:i})}},!e&&n(p,{panelLabel:"Documentpaneel",size:i,expand:o,shrink:t,placement:"right"}),n("div",{class:"content"},n("slot",{name:"document-panel"}))),h=({open:i,title:t,ref:o,dsoCloseFilterPanel:a})=>{const s=t||"Filterpaneel";return n("dialog",{class:"filter-panel",ref:o,inert:!i,"aria-label":s},i&&n(e,null,n("h3",{class:{"sr-only":!t}},s),n("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:a}),n("slot",{name:"filter-panel"})))},b=({tabView:e,mainSize:i,documentPanelOpen:t,mainPanelExpanded:o,mainPanelHidden:s,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r,printFilterPanel:d})=>n("div",{class:a("dso-main-panel",{compact:!e&&t&&!o,contracted:!e&&!t&&!o,expanded:!e&&t&&o,collapsed:s}),onTransitionEnd:n=>{"flex-basis"===n.propertyName&&r.emit({currentSize:i})}},!e&&t&&n("div",{class:"toggle-button"},n("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(s?"tonen":"verbergen"),icon:s?"chevron-right":"chevron-left",onDsoClick:l})),n("div",{class:a("content",{invisible:s})},d,n("slot",{name:"main"}))),x=({ref:e,dsoCloseOverlay:i})=>n("dialog",{class:"overlay",ref:e,onCancel:n=>{n.preventDefault(),i(n)}},n("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),n("slot",{name:"overlay"})),v=new ResizeObserver(s((([n])=>{const e=n?.target.getRootNode();e instanceof ShadowRoot&&"DSO-VIEWER-GRID"===e.host.tagName&&e.host._checkMainPanelVisibility()}),50)),u=class{constructor(n){i(this,n),this.dsoCloseOverlay=t(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=t(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=t(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=t(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=t(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=t(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=t(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 1032px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.print=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<1032,this.switchActiveTab=n=>{this.dsoActiveTabSwitch.emit({tab:n})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=n=>this.tabView=!n.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(n){n&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(n){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),n?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(n){this.overlaySlot||console.warn("slot 'overlay' has not been set"),n?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded||this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}renderFilterPanel(){return n(h,{open:this.filterPanelOpen,title:this.filterPanelTitle,ref:n=>this.filterPanel=n,dsoCloseFilterPanel:n=>this.dsoCloseFilterPanel.emit({originalEvent:n})})}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){this.filterPanelOpen&&this.filterPanelSlot&&this.filterPanel?.show(),this.overlayOpen&&this.overlaySlot&&this.overlay?.showModal(),this.mapElement instanceof HTMLDivElement&&v.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&v.unobserve(this.mapElement)}render(){const i=l.filter((n=>"document"!==n||this.documentPanelOpen));return n(e,{key:"241814f9dbad84b61135c323a680969ef0a90107"},n("slot",{key:"05ac775a8477d1d63e471c955c4077e9c8d1fb7d",name:"top-bar"}),n("div",{key:"f9ee9a7b9d7d991926eb65c75cd32b927fd733b2",class:"viewer-grid-columns"},this.tabView&&n("nav",{key:"253c852cc683c756e86547dcb28923174cde8e8f",class:"dso-navbar"},n("ul",{key:"6f18d6f78938aebaa7e1b226407ac7d2dffbc1ed",class:"dso-nav dso-nav-sub"},i.map((e=>n("li",{key:e,class:a({"dso-active":this.activeTab===e})},n("button",{type:"button",class:"dso-tertiary","aria-current":this.activeTab===e?"page":void 0,onClick:()=>this.switchActiveTab(e)},r[e])))))),(!this.tabView||this.tabView&&"search"===this.activeTab||this.print)&&n(b,{key:"a6f56d5185291153aee1d77ced57ab4706a44aa5",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:!this.tabView&&this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd,printFilterPanel:!this.tabView&&this.filterPanelOpen&&this.print?this.renderFilterPanel():void 0}),(!this.tabView||this.tabView&&"search"===this.activeTab)&&!this.print&&this.renderFilterPanel(),(!this.tabView||this.tabView&&"map"===this.activeTab||this.print)&&n("div",{key:"95861f26a452ef5af113741066b79074bc860963",class:"map-area"},n("div",{key:"1f383040d374cb0bae3f63ab790119c7ae148fb1",class:"map",ref:n=>this.mapElement=n},n("slot",{key:"0ec12d6753bc7ee9c406e9c97ed4d244cbc6ee1e",name:"map"})),n("slot",{key:"a570139935c98f65a464ae624702bcae1f2eda19",name:"legend"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab&&this.documentPanelOpen||this.print)&&n(m,{key:"38a389210e514b872a2a7317c052098b34cdb761",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),n(x,{key:"5e2ebc240274688c73aa9d0bbfc3bc15d02537e8",ref:n=>this.overlay=n,dsoCloseOverlay:n=>this.dsoCloseOverlay.emit({originalEvent:n})})))}get host(){return o(this)}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}};u.style="*, *::after, *::before {   box-sizing: border-box; }  :host .overlay {   block-size: calc(100% - 32px);   margin-block: 16px;   margin-inline: auto 16px; } :host .dso-main-panel {   transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; }  :host(:not([print])) {   display: flex;   flex-direction: column;   block-size: 100dvh;   overflow: clip;   position: relative; } :host(:not([print])) .viewer-grid-columns {   display: flex;   overflow: hidden;   flex-grow: 1;   min-block-size: 0; } :host(:not([print])) .dso-main-panel, :host(:not([print])) .dso-document-panel {   min-block-size: 0; } :host(:not([print])) .dso-main-panel .content, :host(:not([print])) .dso-document-panel .content {   overflow-y: auto; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .overlay-close-button {   position: absolute;   line-height: 1;   inset-block-start: 8px;   inset-inline-end: 16px; }  .content.invisible {   visibility: hidden; }  .viewer-grid-columns {   position: relative; }  .dso-main-panel .content, .dso-document-panel .content {   block-size: 100%;   padding-block: 0;   padding-inline: 16px; }  .dso-main-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed {   inset-inline-start: -432px; } .dso-main-panel.compact, .dso-main-panel.contracted {   flex-shrink: unset;   flex-grow: unset;   position: absolute;   transition: none; } .dso-main-panel.expanded.collapsed {   position: absolute;   block-size: 100%; } .dso-main-panel .sizing-buttons, .dso-main-panel .toggle-button {   inset-inline-start: calc(100% + 1px);   transition: inset-inline-start 200ms ease-in;   padding-block: 0 8px;   padding-inline: 0 4px; } .dso-main-panel .toggle-button {   --_dso-icon-button-border-start-start-radius: 0;   --_dso-icon-button-border-end-start-radius: 0; }  .dso-document-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-document-panel .sizing-buttons {   inset-block-start: auto;   inset-block-end: 16px;   inset-inline-end: calc(100% + 1px);   transition: inset-inline-end 200ms ease-in;   padding-block: 0 8px;   padding-inline: 4px 0; } .dso-document-panel .sizing-buttons .shrink, .dso-document-panel .sizing-buttons .expand {   --_dso-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;   --_dso-icon-button-border-start-end-radius: 0;   --_dso-icon-button-border-end-end-radius: 0; }  .sizing-buttons, .toggle-button {   overflow-x: hidden;   position: absolute;   inset-block-start: 16px;   inline-size: 44px;   z-index: -1; }  .map-area {   block-size: 100%;   inline-size: 100%;   overflow: hidden;   position: relative; }  .map {   position: absolute;   inset: 0;   overflow: hidden; }  slot[name=legend] {   display: block;   position: absolute;   inset-block-end: 16px;   inset-inline-start: 16px;   z-index: 1; }  .filter-panel, .overlay {   background-color: #fff;   border: 0;   block-size: 100%;   margin-block: 0;   max-block-size: 100vh;   overflow-y: auto;   z-index: 101; }  .filter-panel {   display: block;   position: absolute;   padding-block: 8px;   padding-inline: 16px;   inset-block-start: 0;   block-size: 100%;   inset-inline-start: -380px;   inline-size: 100%;   transition: inset-inline-start 200ms ease-in; } @media screen and (max-width: 768px) {   .filter-panel {     inline-size: 100vw;   }   .filter-panel::before {     display: none !important;   } } @media screen and (min-width: 992px) {   .filter-panel {     max-inline-size: 380px;   } } .filter-panel[open] {   inset-inline-start: 0;   box-shadow: none;   border-inline-end: 1px solid #e5e5e5; } .filter-panel h3 {   color: #275937; } .filter-panel .dso-close {   --_dso-icon-button-tertiary-color: #191919;   position: absolute;   inset-block-start: 20px;   inset-inline-end: 20px; }  .overlay {   padding-block: 40px 8px;   padding-inline: 16px;   inset-inline-end: 0;   inline-size: 624px; } .overlay::backdrop {   background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 624px) {   .overlay {     inline-size: 100vw;   } }  @media screen and (min-width: 1032px) {   :host(:not([print])[main-size=small]) .dso-main-panel,   :host(:not([print])[document-panel-size=small]) .dso-document-panel {     flex-basis: 375px;     min-inline-size: 0;     max-inline-size: 375px;   } } @media screen and (min-width: 1032px) and (max-width: 375px) {   :host(:not([print])[main-size=small]) .dso-main-panel,   :host(:not([print])[document-panel-size=small]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 0;     transition: none;   } } @media screen and (min-width: 1032px) {   :host(:not([print])[main-size=medium]) .dso-main-panel,   :host(:not([print])[document-panel-size=medium]) .dso-document-panel {     flex-basis: 624px;     min-inline-size: 375px;     max-inline-size: 624px;   } } @media screen and (min-width: 1032px) and (max-width: 624px) {   :host(:not([print])[main-size=medium]) .dso-main-panel,   :host(:not([print])[document-panel-size=medium]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 375px;     transition: none;   } } @media screen and (min-width: 1032px) {   :host(:not([print])[main-size=large]) .dso-main-panel,   :host(:not([print])[document-panel-size=large]) .dso-document-panel {     flex-basis: 60%;     min-inline-size: 768px;     max-inline-size: 1024px;   } } @media screen and (min-width: 1032px) and (max-width: 768px) {   :host(:not([print])[main-size=large]) .dso-main-panel,   :host(:not([print])[document-panel-size=large]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 768px;     transition: none;   } } @media screen and (min-width: 1032px) {   :host(:not([print])) .dso-main-panel.compact,   :host(:not([print])) .dso-main-panel.expanded {     flex-basis: unset;     min-inline-size: unset;     max-inline-size: unset;     inline-size: 440px;   }   :host(:not([print])) .dso-main-panel,   :host(:not([print])) .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   :host(:not([print])) .filter-panel {     margin-inline: 0 auto;     inline-size: calc(100vw - 40px);   }   :host(:not([print])) .filter-panel[open] {     border-inline-end: 1px solid #e5e5e5;   }   :host(:not([print])) .overlay {     box-shadow: -2px 0 5px #666;   } } @media screen and (min-width: 1032px) and (max-width: 1031.99px) {   :host(:not([print])[filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;     max-inline-size: calc(100vw - 380px);   }   :host(:not([print])) .filter-panel {     inline-size: 380px;     inset-inline-start: -380px;   } } @media screen and (max-width: 1031.99px) {   .dso-navbar {     min-block-size: 32px;   }   .dso-navbar .dso-navbar-header {     float: inline-start;   }   .dso-navbar .dso-navbar-toggle {     border-radius: 4px;     min-inline-size: auto;     padding-block: 5px;     padding-inline: 0;   }   .dso-navbar .dso-navbar-toggle dso-icon {     margin-inline-start: 8px;     margin-inline-end: 8px;   } } @media screen and (max-width: 1031.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 1031.99px) {   .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child {     margin-inline-end: 8rem;   }   .dso-nav {     list-style: none;     margin-block-end: 0;     padding-inline-start: 0;   }   .dso-nav > li > button {     border: 0;     background-color: transparent;   }   .dso-nav > li > a,   .dso-nav > li > button {     display: block;   }   .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited,   .dso-nav > li > button,   .dso-nav > li > button:hover,   .dso-nav > li > button:focus,   .dso-nav > li > button:visited {     color: #275937;   }   .dso-nav > li.dso-active > a,   .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a,   .dso-nav > li.is-active > button {     border-block-end: 4px solid #8b4a6a;     font-weight: bold;   }   .dso-nav.dso-nav-main > li {     display: inline-block;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active,   .dso-nav.dso-nav-main > li > button:hover,   .dso-nav.dso-nav-main > li > button:focus-visible,   .dso-nav.dso-nav-main > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     font-size: 1.25em;     line-height: 1;     margin-block-start: 8px;     padding-block: 8px 7px;     padding-inline: 16px;   }   .dso-nav.dso-nav-sub > li {     display: inline-block;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active,   .dso-nav.dso-nav-sub > li > button:hover,   .dso-nav.dso-nav-sub > li > button:focus-visible,   .dso-nav.dso-nav-sub > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     font-size: 1rem;     margin-block-start: 4px;     padding-block: 4px 3px;     padding-inline: 8px;   }   .dso-navbar {     padding-inline: 16px;   }   .dso-nav {     border-block-end: 1px solid #ccc;     display: flex;     gap: 16px;     margin-block-start: 0;     inline-size: calc(100vw - 32px);   }   .dso-tertiary {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     text-align: var(--_dso-button-text-align, start);     user-select: none;     vertical-align: middle;     background-clip: padding-box;   }   .dso-tertiary:focus, .dso-tertiary:focus-visible {     outline-offset: 2px;   }   .dso-tertiary:active {     outline: 0;   }   .dso-tertiary {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     text-align: var(--_dso-button-text-align, start);     user-select: none;     vertical-align: middle;     background-clip: padding-box;   }   .dso-tertiary:focus, .dso-tertiary:focus-visible {     outline-offset: 2px;   }   .dso-tertiary:active {     outline: 0;   }   .dso-tertiary {     background-color: var(--_dso-button-tertiary-background-color, );     border-color: var(--_dso-button-tertiary-border-color, );     color: var(--_dso-button-tertiary-color, #39870c);     float: var(--_dso-button-float-tertiary, none);     border-width: 1px;     border-style: solid;     border-radius: 4px;     line-height: 1.5;     min-inline-size: auto;     inline-size: var(--_dso-button-inline-size, auto);     padding-block: 11px;     padding-inline: 15px;   }   .dso-tertiary:hover {     background-color: var(--_dso-button-tertiary-hover-background-color, );     border-color: var(--_dso-button-tertiary-hover-border-color, );     color: var(--_dso-button-tertiary-hover-color, #275937);     float: var(--_dso-button-float-tertiary, none);   }   .dso-tertiary:active {     background-color: var(--_dso-button-tertiary-active-background-color, );     border-color: var(--_dso-button-tertiary-active-border-color, );     color: var(--_dso-button-tertiary-active-color, #173521);     float: var(--_dso-button-float-tertiary, none);   }   .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {     background-color: var(--_dso-button-tertiary-disabled-background-color, );     border-color: var(--_dso-button-tertiary-disabled-border-color, );     color: var(--_dso-button-tertiary-disabled-color, #afcf9d);     float: var(--_dso-button-float-tertiary, none);   }   .dso-tertiary.dso-small {     line-height: 1rem;   }   .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     line-height: 1rem;   }   .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-extra-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     padding-block: 9px;   }   .dso-tertiary {     border: 0;     line-height: 1;     padding-inline: 0;     padding-block: var(--_dso-button-padding-block-tertiary, 0);     background-color: transparent;   }   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {     color: #39870c;   }   .dso-tertiary:not([disabled]):hover {     text-decoration: underline;     text-underline-position: under;   }   .dso-tertiary.dso-align {     line-height: calc(1.5em - 1px);     padding-block: 11px;     padding-inline: 0;     position: relative;   }   .dso-tertiary.dso-truncate {     max-inline-size: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .dso-tertiary.dso-spinner-left::before {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-end: 8px;   }   .dso-tertiary.dso-spinner-right::after {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-start: 8px;   }   .dso-tertiary dso-icon + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 4px;   }   .dso-tertiary dso-icon,   .dso-tertiary span {     vertical-align: middle;   }   .dso-tertiary {     font-weight: 300;   }   :host(:not([print])) .viewer-grid-columns {     flex-direction: column;   }   :host(:not([print])) .dso-main-panel,   :host(:not([print])) .dso-document-panel,   :host(:not([print])) .map-area {     flex: 1;     inline-size: 100%;     max-inline-size: none;     min-inline-size: 0;   }   :host(:not([print])) .map {     position: relative;     inset: auto;   }   :host(:not([print])) .overlay {     inline-size: calc(100vw - 32px);   }   :host(:not([print])) .filter-panel,   :host(:not([print])) .overlay {     max-inline-size: 100vw;     inset-block-start: 0;   }   :host(:not([print])) .filter-panel {     margin-inline: 0;     inset-inline-start: -100vw;     inline-size: 100vw;   }   :host(:not([print])) .filter-panel[open] {     inset-inline-start: 0;   } } @media screen and (min-width: 992px) {   :host(:not([print])[filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;   } } :host([print]) {   display: flex;   flex-direction: column;   block-size: auto;   overflow: visible; } :host([print]) .viewer-grid-columns {   display: flex;   flex-direction: column;   overflow: visible; } :host([print]) .map-area {   display: flex;   flex-direction: row;   align-items: flex-start;   overflow: visible;   flex-shrink: 0;   order: -1; } :host([print]) .map {   flex: 1;   min-inline-size: 0;   align-self: stretch;   block-size: 400px;   position: relative;   inset: auto; } :host([print]) slot[name=legend] {   position: relative;   inset: auto;   flex-shrink: 0;   --_dso-legend-content-max-block-size: none; } :host([print]) .dso-main-panel {   block-size: auto;   box-shadow: none;   inline-size: 100%;   max-inline-size: none;   min-inline-size: 0;   position: relative;   margin-inline-start: 0; } :host([print]) .dso-main-panel .content {   align-items: flex-start;   block-size: auto;   display: flex;   flex-direction: row;   gap: 32px;   overflow-y: visible; } :host([print]) .dso-main-panel .content slot[name=main] {   display: block;   flex: 1;   min-inline-size: 0; } :host([print]) .filter-panel {   block-size: auto;   box-shadow: none;   flex-shrink: 0;   inline-size: 380px;   margin-inline: 0;   max-inline-size: none;   min-inline-size: 0;   position: relative;   transition: none; } :host([print]) .dso-document-panel {   block-size: auto;   box-shadow: none;   inline-size: 100%;   max-inline-size: none;   min-inline-size: 0;   position: static; } :host([print]) .dso-document-panel .content {   block-size: auto;   overflow-y: visible; } :host([print]) .sizing-buttons, :host([print]) .toggle-button {   display: none; }";export{u as dso_viewer_grid}

package/dist/dso-toolkit/p-e114e967.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r}from"./p-CieBNbUH.js";const t={success:"status-success",error:"status-error"},e=class{constructor(r){o(this,r),this.hasActions=!1,this.showMessage=!1,this.handleActionsSlotChange=o=>{const r=o.target;r instanceof HTMLSlotElement&&(this.hasActions=r.assignedElements().length>0)}}connectedCallback(){this.showMessage=!1}componentDidRender(){this.showMessage||void 0!==this.animationFrame||(this.animationFrame=requestAnimationFrame((()=>{this.animationFrame=requestAnimationFrame((()=>{this.animationFrame=void 0,this.showMessage=!0}))})))}disconnectedCallback(){void 0!==this.animationFrame&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=void 0)}render(){const o=this.variant?t[this.variant]:void 0;return r("div",{key:"2a1ed36c4d2c66dec11f63df390e6d3cb7e5556a",class:{"map-message-content":!0,"has-icon":void 0!==o,"has-actions":this.hasActions}},r("div",{key:"18077458efb83b281215a46cd8f760322192d53f",class:"map-message-body",role:"error"===this.variant?"alert":"status","aria-atomic":"true"},o&&r("dso-icon",{key:"bcc78d0e0e651e0e00b18e308aa28793ed6b9b38",class:"map-message-icon",icon:o,"aria-hidden":"true"}),r("span",{key:"5f86287d9b2838951ea31ab9a2e61e2becc60d19",class:"map-message-text"},this.showMessage&&r("slot",{key:"281b4d02fc58f8e14abb8f86e073cf7fbbeae8f6",name:"message"}))),r("slot",{key:"a7bfb812c4e8762d385a111ba8fd55bb8e5185d5",name:"actions",onSlotchange:this.handleActionsSlotChange}))}};e.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_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:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}";export{e as dso_map_message}

package/dist/dso-toolkit/{p-6851a8cb.entry.js → p-e2d4f404.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,f as i,h as s,g as a}from"./p-CieBNbUH.js";import{i as o}from"./p-Hgv-pDpy.js";const n=class{constructor(i){e(this,i),this.dsoClick=t(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}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 HTMLElement&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return s("div",{key:"6ee1da1085393e583f0e85e50697bfc853c2af9e",class:"history-item"},s("div",{key:"361d172b8b8bbbd167ea8c58576bd1ab4bf08bbe",class:"history-item-date"},s("slot",{key:"8f0f5d47cf94de8023b3687c1784a97c00876007",name:"date"})),s("div",{key:"b680c670f027bd5754980ea7c6ff6104eb9413a0",class:"history-item-content"},s("div",{key:"651d82ba7c7ed75b8d3cd6077c65cb0e0bfab006",class:"history-item-status-message"},s("dso-icon",{key:"6f5ef066d9e4bf89ac262efbe8025dc1734ba34d",icon:this.typeIcons[this.type],"aria-hidden":"true"}),s("slot",{key:"c1f4ece7a1595c06a5f8f74254d5e74c4a0e4b43",name:"status"})),null!==this.titleSlottedElement&&this.href&&s("div",{key:"27d0d4773e69c803f729b65f4f477a5028d5c964",class:"history-item-title"},s("a",{key:"40396bbda7f322d0aef8e7269c20abc952b48a5e",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},s("span",{key:"c894e2ec83f673e0bfa5a6c20e29c9b06c39dda8",class:"history-item-title-content"},s("slot",{key:"95d995d100db11d6c557c75ead872360d1db06c0",name:"title"})),"⁠",s("dso-icon",{key:"edd01a4d570c81bc9982c2f5dc29136d0dd5b121",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&s("div",{key:"292647d2665d1cc8b81cd32e61d9bee6eef26087",class:"history-item-explanation"},s("slot",{key:"262ae4842b243aeb8cd86a0c034d6e7b4d7062e5",name:"explanation"})),null!==this.warningSlottedElement&&s("div",{key:"884a462c276e462488aec156ff56c27bb694e1c8",class:"history-item-warning"},s("dso-icon",{key:"2e061864eae872e8b53f8ed4eae414354c080f56",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),s("slot",{key:"7a53f699357bb4effbda29cba09817e40346c770",name:"warning"}))))}get host(){return a(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}";export{n as dso_history_item}
+import{r as e,d as t,f as i,h as s,g as a}from"./p-CieBNbUH.js";import{i as o}from"./p-Hgv-pDpy.js";const n=class{constructor(i){e(this,i),this.dsoClick=t(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}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 HTMLElement&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return s("div",{key:"0ddccba216f32216a5ce222cc11b003bacdb28af",class:"history-item"},s("div",{key:"b8e3e1c7acc1dfdded03f8829d75362d82bf4920",class:"history-item-date"},s("slot",{key:"a02d02b411a8827bead6be05cbd4fd6ab22feeb4",name:"date"})),s("div",{key:"e83882c2988f87d822126947f6b954682496d6bc",class:"history-item-content"},s("div",{key:"4409043a85b9ef30d21a64c2119fd6dab0e320a7",class:"history-item-status-message"},s("dso-icon",{key:"e5096c926aec70dee1471f1cfa01d6a8bb050200",icon:this.typeIcons[this.type],"aria-hidden":"true"}),s("slot",{key:"a7c923bd536c1b02676df779216186f4a49856d7",name:"status"})),null!==this.titleSlottedElement&&this.href&&s("div",{key:"2db028e5addc28fbd82210129719f86363395c4b",class:"history-item-title"},s("a",{key:"871157e769f9dc0a2af5809e60ca3292ad847f65",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},s("span",{key:"90bac7607cbe8a838c8f9086c825591e34d7fd35",class:"history-item-title-content"},s("slot",{key:"0c4e9921ace20c57e55d2fbc14019b173624209e",name:"title"})),"⁠",s("dso-icon",{key:"d3b03e7226a6b0e8dce037a0a390367028490a77",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&s("div",{key:"ce9f3ced38791d38fb8778cd548fa8d969c0f959",class:"history-item-explanation"},s("slot",{key:"80156b40b6367688076c34684ac726e3904edae3",name:"explanation"})),null!==this.warningSlottedElement&&s("div",{key:"13f461a66e60fed780b3611289b70efe9bc21bc5",class:"history-item-warning"},s("dso-icon",{key:"750ed3861b34c53fd0bdcf407da4bd8e566d9d92",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),s("slot",{key:"50377ddabb3c9f22f70c182e44a520cac18397c6",name:"warning"}))))}get host(){return a(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}";export{n as dso_history_item}

package/dist/dso-toolkit/{p-ac6c666a.entry.js → p-ebf09749.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,h as n,F as i,g as t}from"./p-CieBNbUH.js";import{A as e}from"./p-DeuvCGGT.js";import{w as a,A as d,a as s}from"./p-DQbnZnP0.js";import{A as c}from"./p-DxGQgnCh.js";const l=class{constructor(n){o(this,n),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.watcher=a(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(e,{key:"cde93e07a1cf06bd9d2b15f5c87811c296a53840",symbol:o?n(s,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:n("dso-renvooi",{value:this.naam}),data:n(i,null,n("span",{class:"content"},this.regelKwalificatie&&n(i,null,n("dso-renvooi",{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&`${this.regelKwalificatieVoorzetsel}: `,n(c,{values:this.locatieNoemers})),this.gewijzigdeLocatie&&n(d,null))})}get host(){return t(this)}};l.style='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}';export{l as dso_annotation_activiteit}
+import{r as o,d as r,h as n,F as i,g as t}from"./p-CieBNbUH.js";import{A as e}from"./p-DeuvCGGT.js";import{w as a,A as d,a as s}from"./p-DQbnZnP0.js";import{A as c}from"./p-DxGQgnCh.js";const l=class{constructor(n){o(this,n),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.watcher=a(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(e,{key:"aadf536c8cac09a876e043471149bc827591aec4",symbol:o?n(s,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:n("dso-renvooi",{value:this.naam}),data:n(i,null,n("span",{class:"content"},this.regelKwalificatie&&n(i,null,n("dso-renvooi",{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&`${this.regelKwalificatieVoorzetsel}: `,n(c,{values:this.locatieNoemers})),this.gewijzigdeLocatie&&n(d,null))})}get host(){return t(this)}};l.style='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}';export{l as dso_annotation_activiteit}

package/dist/dso-toolkit/{p-c5f0b112.entry.js → p-f0b21f16.entry.js}

@@ -1 +1 @@
-import{r as t,f as o,h as r,g as s}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const d=class{constructor(o){t(this,o),this.direction="row"}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{o(this)})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}get hasMapButton(){const t=null!==this.host.querySelector(":scope > dso-icon-button[variant='map']"),o=null!==this.host.querySelector(":scope > .dso-map");return t||o}render(){return r("div",{key:"4c1665e30ec5481f665606d80e7c74bf374aa5aa",class:n("container",{"has-map-buttons":this.hasMapButton}),role:"group"},r("slot",{key:"9f65cbb7e46e5c9487350d2980842750fc0d6e09"}))}get host(){return s(this)}};d.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dso-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-start-end-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-end-start-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}";export{d as dso_button_group}
+import{r as t,f as o,h as r,g as s}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const d=class{constructor(o){t(this,o),this.direction="row"}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{o(this)})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}get hasMapButton(){const t=null!==this.host.querySelector(":scope > dso-icon-button[variant='map']"),o=null!==this.host.querySelector(":scope > .dso-map");return t||o}render(){return r("div",{key:"c14ecdbcac58f6e145a9de21d300d365790fa986",class:n("container",{"has-map-buttons":this.hasMapButton}),role:"group"},r("slot",{key:"e8fa15a41bfe8cd3c2e13aab3e0aab0b629a0c08"}))}get host(){return s(this)}};d.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dso-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-start-end-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-end-start-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}";export{d as dso_button_group}

package/dist/dso-toolkit/{p-7c5a3545.entry.js → p-f17348e1.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,h as n}from"./p-CieBNbUH.js";import{i}from"./p-Hgv-pDpy.js";import{A as t}from"./p-DeuvCGGT.js";const e=class{constructor(n){o(this,n),this.dsoClick=r(this,"dsoClick",3),this.clickHandler=o=>{this.href&&this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:i(o)})}}render(){const o=this.href?n("a",{class:"content",href:this.href,onClick:this.clickHandler},n("dso-renvooi",{value:this.naam})):n("span",{class:"content"},n("dso-renvooi",{value:this.naam}));return n(t,{key:"349c408c97cd8caed828ce6756309eedcfba8b09",symbol:n("dso-icon",{icon:"land"}),title:o})}};e.style='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}';export{e as dso_annotation_kaart}
+import{r as o,d as r,h as n}from"./p-CieBNbUH.js";import{i}from"./p-Hgv-pDpy.js";import{A as t}from"./p-DeuvCGGT.js";const e=class{constructor(n){o(this,n),this.dsoClick=r(this,"dsoClick",3),this.clickHandler=o=>{this.href&&this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:i(o)})}}render(){const o=this.href?n("a",{class:"content",href:this.href,onClick:this.clickHandler},n("dso-renvooi",{value:this.naam})):n("span",{class:"content"},n("dso-renvooi",{value:this.naam}));return n(t,{key:"c3265fe1b33e609370560705d705c7d26b28252f",symbol:n("dso-icon",{icon:"land"}),title:o})}};e.style='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}';export{e as dso_annotation_kaart}

package/dist/dso-toolkit/{p-d8623a7f.entry.js → p-f273babf.entry.js}

@@ -1 +1 @@
-import{r as t,d as o,f as e,h as r,F as i,g as s}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const a=class{constructor(e){t(this,e),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.focusIncrementButtonAfterRender=!1,this.checked=!1,this.disabled=!1}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0})}componentDidRender(){this.subcontentSlot?.hasAttribute("aria-hidden")||this.subcontentSlot?.setAttribute("aria-hidden","true"),this.focusIncrementButtonAfterRender&&(this.focusIncrementButtonAfterRender=!1,this.incrementButton?.setFocus())}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}stepValue(t,o){if("number"==typeof this.count){const e="increment"===o?this.count+1:this.count-1;if(!this.isNewCountValid(e))return;"decrement"===o&&1===e&&(this.focusIncrementButtonAfterRender=!0),this.dsoCountChange.emit({originalEvent:t,count:e})}}handleSelectClick(t){t.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:t,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:t,count:this.count>0?0:1})}isNewCountValid(t){return!(void 0!==this.min&&void 0!==this.max&&(t<Number(this.min)||t>Number(this.max)))}render(){const t=this.checked||void 0!==this.count&&this.count>0;return r("div",{key:"153f81aaebcc43d329b0754cd1dfb419047f1f01",class:n(["dso-button-group",{"dso-disabled":this.disabled}])},r("div",{key:"b82cc312ea619bfa5c9b34cb685dc1ee1ffca883",class:n(["dso-list-button",{"dso-selected":t,"dso-single-count":1===this.count}]),onClick:t=>this.handleSelectClick(t)},r("dso-selectable",{key:"2bcf18e6df5ef06ce90a27b0052c30411ca418a3",type:"checkbox",value:"list-button",name:"naam",checked:t,disabled:this.disabled},r("span",{key:"ea085ef94d417392ce2d3211a0c672e6b0062e82"},this.label,this.sublabel&&r("span",{key:"a3ca738b8cbca4780c8948f178949430a73a72a9",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&r("span",{key:"6cb97ebad7e7bfc255d2d07b65b3fc0c808952cd",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",r("span",{key:"e10862fea3a1f2ddf34d806efb53c21cd9b4875d",innerHTML:this.subcontentSlot.innerHTML})))),this.sublabel&&r("span",{key:"8d58404dec7106a74724e82907bba9d266cbf827",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&r("div",{key:"be58d054304afe3f4ff25a01be6dc62b5dc02625",class:"subcontent"},r("slot",{key:"f687bb398c00eeeb1a9a3dae9b0889ad3191bd90",name:"subcontent"}))),void 0!==this.count&&this.count>0&&r("div",{key:"db5fa3acdc29926126a551209c845cc88792fa20",class:"dso-input-number"},this.count>1&&r(i,{key:"bc7e479638e8bb6f914bf30214b92d6e0cada0c0"},r("dso-icon-button",{key:"cde2f55d393c6d08de9173db3612e5339b7cafa1",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle-outline",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:t=>this.stepValue(t,"decrement")}),r("span",{key:"ca73568daca7e1d3641b9d711edb6bf37de28a64",class:"dso-input-step-counter","aria-hidden":"true"},this.count)),r("span",{key:"1096574e37502033f05572fcfc74c0120cd8b251",class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.count),r("dso-icon-button",{key:"ee584967f4284defe68a7d9fb6d6c10cb75f0f99",ref:t=>this.incrementButton=t,label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle-outline",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:t=>this.stepValue(t,"increment")})))}get host(){return s(this)}};a.style="*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }";export{a as dso_list_button}
+import{r as t,d as o,f as e,h as r,F as i,g as s}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const a=class{constructor(e){t(this,e),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.focusIncrementButtonAfterRender=!1,this.checked=!1,this.disabled=!1}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0})}componentDidRender(){this.subcontentSlot?.hasAttribute("aria-hidden")||this.subcontentSlot?.setAttribute("aria-hidden","true"),this.focusIncrementButtonAfterRender&&(this.focusIncrementButtonAfterRender=!1,this.incrementButton?.setFocus())}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}stepValue(t,o){if("number"==typeof this.count){const e="increment"===o?this.count+1:this.count-1;if(!this.isNewCountValid(e))return;"decrement"===o&&1===e&&(this.focusIncrementButtonAfterRender=!0),this.dsoCountChange.emit({originalEvent:t,count:e})}}handleSelectClick(t){t.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:t,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:t,count:this.count>0?0:1})}isNewCountValid(t){return!(void 0!==this.min&&void 0!==this.max&&(t<Number(this.min)||t>Number(this.max)))}render(){const t=this.checked||void 0!==this.count&&this.count>0;return r("div",{key:"c1cb480adf856abf458fa97ef9cfce6e91f88e69",class:n(["dso-button-group",{"dso-disabled":this.disabled}])},r("div",{key:"a977a5e752a7ceed7ae344a0448a2eac0bab1080",class:n(["dso-list-button",{"dso-selected":t,"dso-single-count":1===this.count}]),onClick:t=>this.handleSelectClick(t)},r("dso-selectable",{key:"32b615286583097d07f02e232e43dc36f03188fe",type:"checkbox",value:"list-button",name:"naam",checked:t,disabled:this.disabled},r("span",{key:"a949902f3b25e368d04ed4313d8470f4782c9520"},this.label,this.sublabel&&r("span",{key:"54c591db56e96580a9d8e21a8f9de3cbc79f1cd9",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&r("span",{key:"728d964c6ff8395ced280ae7c51ccffa445b206f",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",r("span",{key:"b8a7d9d25e3b5c5c2aeeb7ca13b4e0425936177a",innerHTML:this.subcontentSlot.innerHTML})))),this.sublabel&&r("span",{key:"5c0fba224e8839cdc7128675166ceb2aa60a35f9",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&r("div",{key:"b5514961f164613889d9942f429f4ba465efa332",class:"subcontent"},r("slot",{key:"0560f14f30b4256694897bd377abf051bcc00867",name:"subcontent"}))),void 0!==this.count&&this.count>0&&r("div",{key:"0106a50a278b36f4213e4f2d1ceee6f50d6e50c9",class:"dso-input-number"},this.count>1&&r(i,{key:"d81c570ce3df18d60e679ffdf211afe0b563ee90"},r("dso-icon-button",{key:"2fd109d7a00986dec96a286f68f682d70ca4f7e0",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle-outline",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:t=>this.stepValue(t,"decrement")}),r("span",{key:"896bc44db25fb4b522dc6de1cc42669731c53ded",class:"dso-input-step-counter","aria-hidden":"true"},this.count)),r("span",{key:"db37d83a50d95c314e377741f99c9d9b9733af2b",class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.count),r("dso-icon-button",{key:"0d110403d523652f984f3d8f7fd6c31ab9105d81",ref:t=>this.incrementButton=t,label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle-outline",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:t=>this.stepValue(t,"increment")})))}get host(){return s(this)}};a.style="*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }";export{a as dso_list_button}

package/dist/dso-toolkit/{p-dd03f91c.entry.js → p-f5575f84.entry.js}

@@ -1 +1 @@
-import{r as t,d as n,h as e,F as o}from"./p-CieBNbUH.js";import{g as r,c as i}from"./p-BFTU3MAI.js";var s,u,c,a,f=r(function(){if(u)return s;u=1;var t=1/0,n=9007199254740991,e=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,c=/^(?:0|[1-9]\d*)$/,a=parseFloat,f=parseInt,h=Object.prototype.toString,d=Math.floor,l=Math.min,p=Math.random;function b(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function v(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==h.call(t)}(t))return NaN;if(b(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=b(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var s=r.test(t);return s||i.test(t)?f(t.slice(2),s?2:8):o.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}return s=function(t,e,o){if(o&&"boolean"!=typeof o&&function(t,e,o){if(!b(o))return!1;var r=typeof e;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!function(t){var n=b(t)?h.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}(t)}(o)&&function(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||c.test(t))&&t>-1&&t%1==0&&t<e}(e,o.length):"string"==r&&e in o)&&function(t,n){return t===n||t!=t&&n!=n}(o[e],t)}(t,e,o)&&(e=o=void 0),void 0===o&&("boolean"==typeof e?(o=e,e=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===e?(t=0,e=1):(t=v(t),void 0===e?(e=t,t=0):e=v(e)),t>e){var r=t;t=e,e=r}if(o||t%1||e%1){var i=p();return l(t+i*(e-t+a("1e-"+((i+"").length-1))),e)}return function(t,n){return t+d(p()*(n-t+1))}(t,e)}}()),h=r(function(){if(a)return c;a=1;var t=1/0,n=9007199254740991,e="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",u="[object DataView]",f=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,p=/^0o[0-7]+$/i,b=/^(?:0|[1-9]\d*)$/,v="\\ud800-\\udfff",m="\\u0300-\\u036f\\ufe20-\\ufe23",y="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",j="["+v+"]",C="["+m+y+"]",D="\\ud83c[\\udffb-\\udfff]",w="[^"+v+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",A="[\\ud800-\\udbff][\\udc00-\\udfff]",O="\\u200d",T="(?:"+C+"|"+D+")?",$="["+g+"]?",I=$+T+"(?:"+O+"(?:"+[w,k,A].join("|")+")"+$+T+")*",S="(?:"+[w+C+"?",C,k,A,j].join("|")+")",F=RegExp(D+"(?="+D+")|"+S+I,"g"),M=RegExp("["+O+v+m+y+g+"]"),N=parseInt,x="object"==typeof self&&self&&self.Object===Object&&self,E="object"==typeof i&&i&&i.Object===Object&&i||x||Function("return this")();function z(t){var n=-1,e=Array(t.size);return t.forEach((function(t,o){e[++n]=[o,t]})),e}function R(t){var n=-1,e=Array(t.size);return t.forEach((function(t){e[++n]=t})),e}var L,B,W,V=Function.prototype,_=Object.prototype,K=E["__core-js_shared__"],P=(L=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",U=V.toString,G=_.hasOwnProperty,H=_.toString,q=RegExp("^"+U.call(G).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=E.Symbol,Q=J?J.iterator:void 0,X=_.propertyIsEnumerable,Y=Math.floor,Z=(B=Object.keys,W=Object,function(t){return B(W(t))}),tt=Math.random,nt=dt(E,"DataView"),et=dt(E,"Map"),ot=dt(E,"Promise"),rt=dt(E,"Set"),it=dt(E,"WeakMap"),st=bt(nt),ut=bt(et),ct=bt(ot),at=bt(rt),ft=bt(it);function ht(t,n){return t+Y(tt()*(n-t+1))}function dt(t,n){var e=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){if(!gt(t)||function(t){return!!P&&P in t}(t))return!1;var n=yt(t)||function(t){var n=!1;if(null!=t&&"function"!=typeof t.toString)try{n=!!(t+"")}catch(t){}return n}(t)?q:l;return n.test(bt(t))}(e)?e:void 0}var lt=function(t){return H.call(t)};function pt(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||b.test(t))&&t>-1&&t%1==0&&t<e}function bt(t){if(null!=t){try{return U.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(nt&&lt(new nt(new ArrayBuffer(1)))!=u||et&&lt(new et)!=e||ot&&lt(ot.resolve())!=o||rt&&lt(new rt)!=r||it&&lt(new it)!=s)&&(lt=function(t){var n=H.call(t),i="[object Object]"==n?t.constructor:void 0,c=i?bt(i):void 0;if(c)switch(c){case st:return u;case ut:return e;case ct:return o;case at:return r;case ft:return s}return n});var vt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!yt(t)}function yt(t){var n=gt(t)?H.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}function gt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function jt(t){return!!t&&"object"==typeof t}function Ct(t){return t?function(t,n){return function(n){for(var e=-1,o=n?n.length:0,r=Array(o);++e<o;)r[e]=t[n[e]];return r}(n)}(t,function(t){return mt(t)?function(t){var n=vt(t)||function(t){return function(t){return jt(t)&&mt(t)}(t)&&G.call(t,"callee")&&(!X.call(t,"callee")||"[object Arguments]"==H.call(t))}(t)?function(t,n){for(var e=-1,o=Array(t);++e<t;)o[e]=n(e);return o}(t.length,String):[],e=n.length,o=!!e;for(var r in t)!G.call(t,r)||o&&("length"==r||pt(r,e))||n.push(r);return n}(t):function(t){if((n=t)!==("function"==typeof(e=n&&n.constructor)&&e.prototype||_))return Z(t);var n,e,o=[];for(var r in Object(t))G.call(t,r)&&"constructor"!=r&&o.push(r);return o}(t)}(t)):[]}return c=function(n,o,i){var s,u,c=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!vt(t)&&jt(t)&&"[object String]"==H.call(t)}(t)?function(t){return M.test(t)}(n=t)?function(t){return t.match(F)||[]}(n):function(t){return t.split("")}(n):function(t,n){var e=-1,o=t.length;for(n||(n=Array(o));++e<o;)n[e]=t[e];return n}(t);var n;if(Q&&t[Q])return function(t){for(var n,e=[];!(n=t.next()).done;)e.push(n.value);return e}(t[Q]());var o=lt(t);return(o==e?z:o==r?R:Ct)(t)}(n),l=a.length,b=l-1;for((i?function(t,n,e){if(!gt(e))return!1;var o=typeof n;return!!("number"==o?mt(e)&&pt(n,e.length):"string"==o&&n in e)&&function(t,n){return t===n||t!=t&&n!=n}(e[n],t)}(n,o,i):void 0===o)?o=1:(s=function(n){var e=function(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||jt(t)&&"[object Symbol]"==H.call(t)}(t))return NaN;if(gt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=gt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var e=d.test(t);return e||p.test(t)?N(t.slice(2),e?2:8):h.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}(n),o=e%1;return e==e?o?e-o:e:0}(o),u=l,s==s&&(void 0!==u&&(s=s<=u?s:u),s=s>=0?s:0),o=s);++c<o;){var v=ht(c,b),m=a[v];a[v]=a[c],a[c]=m}return a.length=o,a}}());const d=class{constructor(r){t(this,r),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(e)for(const t of e.documentComponents)this.handleOpenToggle(t,n.next)},this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||"table-of-contents"===this.mode&&"LID"===n.type)return e(o,null);const{DocumentComponent:r}=this,i=this.getEmbeddedDocumentComponents(n);let s,u,c,a,f;return this.hasNestedDraft(n)&&(this.showBesluitversie?(s="B",u="primary",c="Dit is een besluitversie."):(s="!",u="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),n.bevatOntwerpInformatie&&(this.showBesluitversie?(a="Besluitversie",f="primary"):(a="Ontwerp",f="warning")),e("dso-document-component",{annotated:this.isAnnotated(n),filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),gereserveerd:n.gereserveerd,headingLevel:2,kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(n,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+n.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:s,badgeStatus:u,badgeTooltip:c,label:a,labelStatus:f},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(n)&&i?.documentComponents.length&&e("ul",{class:"dso-document-component-list"},i.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(r,{path:[...t,n]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const n=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of n)n.push(...this.concatEmbeddedDocumentComponents(t));return n}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t))),o=f(0,Math.floor(e.length/10));return h(e,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,n){const e="boolean"==typeof n?n:this.openOrClosed.includes(t);e&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((n=>n!==t)):e||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,n){this.openedAnnotation=this.isOpenedAnnotation(t)&&!n.next?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(n&&!(n.documentComponents.length<=1)&&n.documentComponents.some((t=>"ARTIKEL"===t.type)))return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:n}=this;return e("dso-responsive-element",{key:"ab236260f9a6a0b08cce77c0ff84b9a03b51ce44",class:"dso-document-components"},e("div",{key:"bb00e379af2aec12362a4e5eee21b335559866a3",class:"dso-navbar"},e("ul",{key:"c35d80d6e616224696d974450bedc34a75abc66e",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>e("li",{class:this.document===t?"dso-active":void 0},e(n,{documentComponent:t})))))),this.document&&e(t,{key:"63e65905336d74456fbd29bb97363bbae7411ec6",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}};d.style=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";export{d as dsot_document_component_demo}
+import{r as t,d as n,h as e,F as o}from"./p-CieBNbUH.js";import{g as r,c as i}from"./p-BFTU3MAI.js";var s,u,c,a,f=r(function(){if(u)return s;u=1;var t=1/0,n=9007199254740991,e=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,c=/^(?:0|[1-9]\d*)$/,a=parseFloat,f=parseInt,h=Object.prototype.toString,d=Math.floor,l=Math.min,p=Math.random;function b(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function v(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==h.call(t)}(t))return NaN;if(b(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=b(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var s=r.test(t);return s||i.test(t)?f(t.slice(2),s?2:8):o.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}return s=function(t,e,o){if(o&&"boolean"!=typeof o&&function(t,e,o){if(!b(o))return!1;var r=typeof e;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!function(t){var n=b(t)?h.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}(t)}(o)&&function(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||c.test(t))&&t>-1&&t%1==0&&t<e}(e,o.length):"string"==r&&e in o)&&function(t,n){return t===n||t!=t&&n!=n}(o[e],t)}(t,e,o)&&(e=o=void 0),void 0===o&&("boolean"==typeof e?(o=e,e=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===e?(t=0,e=1):(t=v(t),void 0===e?(e=t,t=0):e=v(e)),t>e){var r=t;t=e,e=r}if(o||t%1||e%1){var i=p();return l(t+i*(e-t+a("1e-"+((i+"").length-1))),e)}return function(t,n){return t+d(p()*(n-t+1))}(t,e)}}()),h=r(function(){if(a)return c;a=1;var t=1/0,n=9007199254740991,e="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",u="[object DataView]",f=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,p=/^0o[0-7]+$/i,b=/^(?:0|[1-9]\d*)$/,v="\\ud800-\\udfff",m="\\u0300-\\u036f\\ufe20-\\ufe23",y="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",j="["+v+"]",C="["+m+y+"]",D="\\ud83c[\\udffb-\\udfff]",w="[^"+v+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",A="[\\ud800-\\udbff][\\udc00-\\udfff]",O="\\u200d",T="(?:"+C+"|"+D+")?",$="["+g+"]?",I=$+T+"(?:"+O+"(?:"+[w,k,A].join("|")+")"+$+T+")*",S="(?:"+[w+C+"?",C,k,A,j].join("|")+")",F=RegExp(D+"(?="+D+")|"+S+I,"g"),M=RegExp("["+O+v+m+y+g+"]"),N=parseInt,x="object"==typeof self&&self&&self.Object===Object&&self,E="object"==typeof i&&i&&i.Object===Object&&i||x||Function("return this")();function z(t){var n=-1,e=Array(t.size);return t.forEach((function(t,o){e[++n]=[o,t]})),e}function R(t){var n=-1,e=Array(t.size);return t.forEach((function(t){e[++n]=t})),e}var L,B,W,V=Function.prototype,_=Object.prototype,K=E["__core-js_shared__"],P=(L=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",U=V.toString,G=_.hasOwnProperty,H=_.toString,q=RegExp("^"+U.call(G).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=E.Symbol,Q=J?J.iterator:void 0,X=_.propertyIsEnumerable,Y=Math.floor,Z=(B=Object.keys,W=Object,function(t){return B(W(t))}),tt=Math.random,nt=dt(E,"DataView"),et=dt(E,"Map"),ot=dt(E,"Promise"),rt=dt(E,"Set"),it=dt(E,"WeakMap"),st=bt(nt),ut=bt(et),ct=bt(ot),at=bt(rt),ft=bt(it);function ht(t,n){return t+Y(tt()*(n-t+1))}function dt(t,n){var e=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){if(!gt(t)||function(t){return!!P&&P in t}(t))return!1;var n=yt(t)||function(t){var n=!1;if(null!=t&&"function"!=typeof t.toString)try{n=!!(t+"")}catch(t){}return n}(t)?q:l;return n.test(bt(t))}(e)?e:void 0}var lt=function(t){return H.call(t)};function pt(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||b.test(t))&&t>-1&&t%1==0&&t<e}function bt(t){if(null!=t){try{return U.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(nt&&lt(new nt(new ArrayBuffer(1)))!=u||et&&lt(new et)!=e||ot&&lt(ot.resolve())!=o||rt&&lt(new rt)!=r||it&&lt(new it)!=s)&&(lt=function(t){var n=H.call(t),i="[object Object]"==n?t.constructor:void 0,c=i?bt(i):void 0;if(c)switch(c){case st:return u;case ut:return e;case ct:return o;case at:return r;case ft:return s}return n});var vt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!yt(t)}function yt(t){var n=gt(t)?H.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}function gt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function jt(t){return!!t&&"object"==typeof t}function Ct(t){return t?function(t,n){return function(n){for(var e=-1,o=n?n.length:0,r=Array(o);++e<o;)r[e]=t[n[e]];return r}(n)}(t,function(t){return mt(t)?function(t){var n=vt(t)||function(t){return function(t){return jt(t)&&mt(t)}(t)&&G.call(t,"callee")&&(!X.call(t,"callee")||"[object Arguments]"==H.call(t))}(t)?function(t,n){for(var e=-1,o=Array(t);++e<t;)o[e]=n(e);return o}(t.length,String):[],e=n.length,o=!!e;for(var r in t)!G.call(t,r)||o&&("length"==r||pt(r,e))||n.push(r);return n}(t):function(t){if((n=t)!==("function"==typeof(e=n&&n.constructor)&&e.prototype||_))return Z(t);var n,e,o=[];for(var r in Object(t))G.call(t,r)&&"constructor"!=r&&o.push(r);return o}(t)}(t)):[]}return c=function(n,o,i){var s,u,c=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!vt(t)&&jt(t)&&"[object String]"==H.call(t)}(t)?function(t){return M.test(t)}(n=t)?function(t){return t.match(F)||[]}(n):function(t){return t.split("")}(n):function(t,n){var e=-1,o=t.length;for(n||(n=Array(o));++e<o;)n[e]=t[e];return n}(t);var n;if(Q&&t[Q])return function(t){for(var n,e=[];!(n=t.next()).done;)e.push(n.value);return e}(t[Q]());var o=lt(t);return(o==e?z:o==r?R:Ct)(t)}(n),l=a.length,b=l-1;for((i?function(t,n,e){if(!gt(e))return!1;var o=typeof n;return!!("number"==o?mt(e)&&pt(n,e.length):"string"==o&&n in e)&&function(t,n){return t===n||t!=t&&n!=n}(e[n],t)}(n,o,i):void 0===o)?o=1:(s=function(n){var e=function(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||jt(t)&&"[object Symbol]"==H.call(t)}(t))return NaN;if(gt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=gt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var e=d.test(t);return e||p.test(t)?N(t.slice(2),e?2:8):h.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}(n),o=e%1;return e==e?o?e-o:e:0}(o),u=l,s==s&&(void 0!==u&&(s=s<=u?s:u),s=s>=0?s:0),o=s);++c<o;){var v=ht(c,b),m=a[v];a[v]=a[c],a[c]=m}return a.length=o,a}}());const d=class{constructor(r){t(this,r),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(e)for(const t of e.documentComponents)this.handleOpenToggle(t,n.next)},this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||"table-of-contents"===this.mode&&"LID"===n.type)return e(o,null);const{DocumentComponent:r}=this,i=this.getEmbeddedDocumentComponents(n);let s,u,c,a,f;return this.hasNestedDraft(n)&&(this.showBesluitversie?(s="B",u="primary",c="Dit is een besluitversie."):(s="!",u="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),n.bevatOntwerpInformatie&&(this.showBesluitversie?(a="Besluitversie",f="primary"):(a="Ontwerp",f="warning")),e("dso-document-component",{annotated:this.isAnnotated(n),filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),gereserveerd:n.gereserveerd,headingLevel:2,kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(n,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+n.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:s,badgeStatus:u,badgeTooltip:c,label:a,labelStatus:f},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(n)&&i?.documentComponents.length&&e("ul",{class:"dso-document-component-list"},i.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(r,{path:[...t,n]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const n=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of n)n.push(...this.concatEmbeddedDocumentComponents(t));return n}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t))),o=f(0,Math.floor(e.length/10));return h(e,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,n){const e="boolean"==typeof n?n:this.openOrClosed.includes(t);e&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((n=>n!==t)):e||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,n){this.openedAnnotation=this.isOpenedAnnotation(t)&&!n.next?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(n&&!(n.documentComponents.length<=1)&&n.documentComponents.some((t=>"ARTIKEL"===t.type)))return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:n}=this;return e("dso-responsive-element",{key:"dd6c3e855d2304deff0ce4e45a75d7364b69d7e8",class:"dso-document-components"},e("div",{key:"29d05577d45f45295999ab045b32379637e2e4c6",class:"dso-navbar"},e("ul",{key:"c76a943913b4bde6c547d455c00e3e517f9e7eaa",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>e("li",{class:this.document===t?"dso-active":void 0},e(n,{documentComponent:t})))))),this.document&&e(t,{key:"b0799337f9b5559d0e712cb8154a1a61234ddd20",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}};d.style=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";export{d as dsot_document_component_demo}

package/dist/dso-toolkit/{p-7834b538.entry.js → p-f5fd3664.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,F as t}from"./p-CieBNbUH.js";const d=class{constructor(a){e(this,a)}render(){return a(t,{key:"45871b523685ebd7853b0ce31a7603fded861378"},a("div",{key:"9624e80d73a5921660b2073a16a5921967a8d00f",class:"project-item-header"},a("div",{key:"af01b343a5a3bf8b5a8e7cbb80bbfaa22e1e554a",class:"project-item-title"},a("slot",{key:"7c0cf1ce893fa4059a18393157d0cb6c33600d7a",name:"title"}),this.label&&a("dso-label",{key:"95a66a8617d79966c8c99b6306e6340b4c106fb8",status:"error",compact:!0},this.label)),a("div",{key:"8ae177b7420a0066fa82138a949ee3c764a7ddfd",class:"project-item-actions"},a("slot",{key:"aadf3ebbf05ce3b0fd91844870abf0c6c04913f8",name:"actions"}))),a("div",{key:"5c9ae37b5fc857f5a08398be04429181c0ee2a02",class:"project-item-info"},a("div",{key:"a2473acd2492c6e512a81bc675f8e7c9d64f38e3",class:"project-item-progress"},a("slot",{key:"d2b9c40914b6d920531dcd6230f15027413d6218",name:"progress"})),a("div",{key:"8970e4b1e91e7d26e26ca3cb45554ab4053b0a96",class:"project-item-status"},a("slot",{key:"edaf1a22822b1ba3d97e78bd0b04428eb962ffe0",name:"status"}))))}};d.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}";export{d as dso_project_item}
+import{r as e,h as d,F as a}from"./p-CieBNbUH.js";const t=class{constructor(d){e(this,d)}render(){return d(a,{key:"ce430c6cdf4a3551ac6dded20724d388f2a78f41"},d("div",{key:"fa60c476c219be6aba73f7aa19d0ca37f43eaf82",class:"project-item-header"},d("div",{key:"08d2b98b4d240a6e1605a09625966ee2e24cacac",class:"project-item-title"},d("slot",{key:"33c96e1e086fad5040b5f5e57d4f6bdc66b59f54",name:"title"}),this.label&&d("dso-label",{key:"2b7c36c4a87394cf59147521ab0c63b46ab7dc0d",status:"error",compact:!0},this.label)),d("div",{key:"434aa16ddff7801e52aaf2cf4205fc7387babfe4",class:"project-item-actions"},d("slot",{key:"27d3546aaa782becb520f98ab5cd8edb8d624906",name:"actions"}))),d("div",{key:"a233e05c27ec5beb54b23d5a3042c73fd7defc2c",class:"project-item-info"},d("div",{key:"91d630b5c041b08fa7698acac2b92739d93d9db1",class:"project-item-progress"},d("slot",{key:"a8bda2420c70a50c8b793ba24b2ed98a640f77a8",name:"progress"})),d("div",{key:"543d749f0339d2f8dd69b7c19b14f555c5fdb10e",class:"project-item-status"},d("slot",{key:"7d94342205d9b51daab159dc426661e6db927081",name:"status"}))))}};t.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}";export{t as dso_project_item}

package/dist/dso-toolkit/{p-6d5efb25.entry.js → p-f85b0396.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,h as n,F as i,g as t}from"./p-CieBNbUH.js";import{A as e}from"./p-DeuvCGGT.js";import{w as a,A as d,a as s}from"./p-DQbnZnP0.js";import{A as c}from"./p-DxGQgnCh.js";const l=class{constructor(n){o(this,n),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.watcher=a(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(e,{key:"f32d868f092ccd42f9da89179c858230cc664d04",symbol:o?n(s,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(c,{values:this.waardes}))),this.gewijzigdeLocatie&&n(d,null))})}get host(){return t(this)}};l.style='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}';export{l as dso_annotation_omgevingsnormwaarde}
+import{r as o,d as r,h as n,F as i,g as t}from"./p-CieBNbUH.js";import{A as e}from"./p-DeuvCGGT.js";import{w as a,A as d,a as s}from"./p-DQbnZnP0.js";import{A as l}from"./p-DxGQgnCh.js";const c=class{constructor(n){o(this,n),this.dsoActiveChange=r(this,"dsoActiveChange",7),this.watcher=a(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(e,{key:"50b77235d6190dc04eb44adf97be066d9dab45a1",symbol:o?n(s,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(d,null))})}get host(){return t(this)}};c.style='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}';export{c as dso_annotation_omgevingsnormwaarde}

package/dist/esm/dso-advanced-select.entry.js

@@ -1296,7 +1296,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
 
-const advancedSelectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select{display:flex;flex-direction:row}.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}.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:center;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}`;
+const advancedSelectCss = () => `: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}`;
 
 const AdvancedSelect = class {
     constructor(hostRef) {
@@ -1372,17 +1372,17 @@ const AdvancedSelect = class {
     }
     render() {
         const icon = this.open ? "caret-up" : "caret-down";
-        return (h("div", { key: 'caa960271b7eb724eedf59a6ecc3963d0edd44a7', class: "advanced-select" }, h("div", { key: 'ee68b2509312c5069a1efa48340b41420b815900', class: "advanced-select-button" }, h("button", { key: 'fcf9ad0e9f20869b4f023054b8a0d5c85120ce4b', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h("span", { key: 'bfc430f8bbf04dd3b96b7899e7f6291a62b1bb9b', class: "active-option-label" }, h(ActiveGroupLabel, { key: '9cd3e3c60b0286c0d50a45f8d8de830c42728f33', active: this.active, options: this.options }), this.active?.label ?? "Selecteer een optie"), h("span", { key: 'ef87672c65cd65e7a6a6ceb37b5c15e98c0bb58c', class: "active-option-aside" }, h("dso-icon", { key: '0eb9b166c8894579d44e0d0a0787ceba75bd52c1', icon: icon, "aria-hidden": "true" }))), this.open && (h("div", { key: '43fede22505062bd93adf933307eb76462293e2c', class: "groups-container" }, h("ul", { key: '9f12aadfca802808c8e99181e6819a872f9f39e4', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick, variant: optionOrGroup.variant }))))), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
-            ("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))), this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && optionOrGroup?.summaryCounter) && (h("span", { key: 'fd9e7f96ab6bd4a79974991e6d51f208e7ea2346', class: "badges" }, this.options
+        return (h("div", { key: 'd124fde95ae91c996a725add8520de3e3956b2a2', class: "advanced-select-container" }, h("div", { key: 'c25dc272a86fbef94ae0aa490fe0292e87b5f1fd', class: "advanced-select" }, h("div", { key: '06e5a6aaa4cf6a142f1ad31d526a0b31001ed777', class: "advanced-select-button" }, h("button", { key: '99934ad204d68a0a1e82f24e42b8899f98f83aa5', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h("span", { key: '7776fbf5b58af8a3eadc502cbe01d269adc3469e', class: "active-option-label" }, h(ActiveGroupLabel, { key: 'c3f8265c79dcb6d8b9b428fa4e18090d71557099', active: this.active, options: this.options }), this.active?.selectedLabel ?? this.active?.label ?? "Selecteer een optie"), h("span", { key: '8758ce1b7b0b21eae477d8e1de9afcec08f9547f', class: "active-option-aside" }, h("dso-icon", { key: '84c2f1e173a7e9977b234af634b6df19d1857213', icon: icon, "aria-hidden": "true" }))), this.open && (h("div", { key: '8c27fe2f7e57bca959649e3806f96dec4adb53f2', class: "groups-container" }, h("ul", { key: '06320030fecf1d8ee0bd6eb1bfbaf8b7d7263653', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick, variant: optionOrGroup.variant }))))), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
+            ("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))), this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && optionOrGroup?.summaryCounter) && (h("span", { key: '11692b0604d6f6fffd30376efc1883a63ee70cf7', class: "badges" }, this.options
             .filter((option) => "options" in option && "summaryCounter" in option && !!option?.summaryCounter)
-            .map((group) => (h("dso-badge", { status: group.variant ?? "outline", label: group.badgeLabel ?? `Toon toelichting voor ${group.label.toLowerCase()}` }, group.options.length, h("div", { slot: "toggletip" }, group.toggletip))))))));
+            .map((group) => (h("dso-badge", { status: group.variant ?? "outline", label: group.badgeLabel ?? `Toon toelichting voor ${group.label.toLowerCase()}` }, group.options.length, h("div", { slot: "toggletip" }, group.toggletip)))))))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
 };
 const OptionButton = ({ option, active, activeHint, callback, variant }) => {
     const icon = variant === "success" ? "document" : variant === "warning" ? "document-pencil" : "hammer";
-    return (h("button", { class: clsx(["option", { "option-active": active === option }]), type: "button", onClick: (e) => callback(e, option) }, h("dso-icon", { icon: icon, "aria-hidden": "true" }), h("span", { class: "option-label" }, option.label, " ", !!activeHint && active === option && h("span", { class: "option-hint" }, "(", activeHint, ")"))));
+    return (h("button", { class: clsx(["option", { "option-active": active === option }]), type: "button", "aria-current": active === option ? "true" : undefined, onClick: (e) => callback(e, option) }, h("dso-icon", { icon: icon, "aria-hidden": "true" }), h("span", { class: "option-label" }, option.label, " ", !!activeHint && active === option && h("span", { class: "option-hint" }, "(", activeHint, ")"))));
 };
 const RedirectAnchor = ({ redirect, callback }) => (h("a", { class: "group-link", href: redirect.href, onClick: (e) => callback(e, redirect) }, redirect.label, h("dso-icon", { icon: "chevron-right", "aria-hidden": "true" })));
 const ActiveGroupLabel = ({ active, options }) => {