@dso-toolkit/core 90.1.0 → 91.0.0

package/dist/collection/components/tabs/tabs.js

@@ -60,7 +60,7 @@ export class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: 'b6060f192bc977ee552374818ef550d5ee72ae65' }, h("div", { key: 'dcd0e804fe23cfb403a13d2c6b368a30e91d0b4a', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '39a49bfbd811053f2ef18ffd71887aaf6140300e' })), h("div", { key: 'cb472cefde18dd4833c5ff47855aa584a9a142b9', role: "tabpanel", tabindex: "0" }, h("slot", { key: '29d41ec7045e3a271aee5b612fd4f25ced544e76', name: "panel" }))));
+        return (h(Host, { key: '4e1fa88ec6a0fbad7667ad7da0c1476af4e507f3' }, h("div", { key: '720f8412000a312249bd0f3afd7c6e25e2c635d4', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '4880f7416588b3989046d05cfb670af2e5ae18b3' })), h("div", { key: '1d370b83f1aed44bdd980ab369b93b4522924d98', role: "tabpanel", tabindex: "0" }, h("slot", { key: '953c8b9ea9cdb9825017ddf9f7b56f12e4416f62', name: "panel" }))));
     }
     static get is() { return "dso-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tijdreis-banner/tijdreis-banner.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class TijdreisBanner {
     render() {
-        return (h(Fragment, { key: '18ac688b000e67e87e5b9c2b99df81f608b6ace3' }, h("dso-icon", { key: 'de8162103dac28e1113fc43cecf6d9f3662e8f45', icon: "clock-outline" }), h("slot", { key: 'a6252db90c2409abb4222c4ea1bc39ed8b8af275' }), h("slot", { key: '27924e928a08b9682ede7cb29946cc4b823ce406', name: "button" })));
+        return (h(Fragment, { key: 'bdd4ed8c30c4bce01bc47533e52a94fc92769f6d' }, h("dso-icon", { key: 'd2887b8f31a86502c4122f82c0117e78506e8f87', icon: "clock-outline" }), h("slot", { key: 'a6ad0b01a55ee0ce9f5449896c2e2d7cbd0f2e5b' }), h("slot", { key: 'bdac5841942b741da0126673a357abe76351e883', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggletip/toggletip.js

@@ -43,7 +43,7 @@ export class Toggletip {
         };
     }
     render() {
-        return (h(Fragment, { key: '30adec949da26e38c8f081eff7f98de545bad21e' }, h("dso-info-button", { key: '4ec2574a72ba323d23dad781517693476dc4b6be', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: 'b3e1f43e88bce0dff2edf00d19ee6c524236274c', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '7844ff4ae4e6679df8589792b38c4e5552e0b9bc' }))));
+        return (h(Fragment, { key: '298a0e9bd310f496f3dd8983fc67d3b71bb1a0a4' }, h("dso-info-button", { key: 'd3e1e3e364bf43b0deef9bd29e5ad30951df9077', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '8477c00365c100ed94c724be6468941eba14b00b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '211b1ec1950140bd080992dda22734d4c64f570d' }))));
     }
     static get is() { return "dso-toggletip"; }
     static get encapsulation() { return "shadow"; }
@@ -124,25 +124,6 @@ export class Toggletip {
                 "setter": false,
                 "reflect": false,
                 "attribute": "small"
-            },
-            "secondary": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set to true for secondary Toggletip."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "secondary"
             }
         };
     }

package/dist/collection/components/tooltip/tooltip.js

@@ -186,7 +186,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '18d30c491dcb8e039d4aa02ec773284b4503ea5e', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '320a56ee8c8d664ef7e5553139728f71de71cab9', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: 'd3d0500d31192bc8a87501394a8e696de4646de0', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '80bfb193b2ae05da384fd766c4425755f5bbaae8', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'f43d5b4aa399c7e1e968823b025db5bd4e8711d5' })))));
+        return (h(Host, { key: 'c8cf79d7d8d2920c53e929cb5090ff07b1941b13', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'b132eb15665915dd138d7864fc753da959b582e5', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '9263ca7bc8b73376aa4c6cb4aa3968a3e0b146c7', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4176054022cc397e90ff7c83e788601ac6587032', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '1969550ae2856f91d62fefb3223039335835ecfe' })))));
     }
     activatePopper() {
         this.hidden = false;

package/dist/collection/components/tree-view/tree-view.js

@@ -170,7 +170,7 @@ export class TreeView {
         return false;
     }
     render() {
-        return (h("div", { key: 'a7fee43b597b9919411cf5b5602807aac463cb4c', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'd94c63bcaa11cace68ac7da98abf402216477dc0', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'bb0af3cdb37897eab28b61c078dcd1598122e4b9', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '034cbbf4aa4272aecfa5f670787f53b68bf61d76', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/viewer-grid/viewer-grid.js

@@ -155,7 +155,7 @@ export class ViewerGrid {
         }
     }
     render() {
-        return (h(Fragment, { key: '9042248a270d8153398fcb1ba448b6dfcbd8a471' }, h("slot", { key: '96c891828fdb065f3abecbaff992ff2bb82a1da4', name: "top-bar" }), h("div", { key: '7c8fab55ec4c5c92c6cf4f0e3d43ccc986bf13d7', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'ad7bdb989e343e1dec3e758a1b1a8c766e731307', class: "dso-navbar" }, h("ul", { key: 'beb1aee315a73a08db19d6dcfd5572d47d804fd5', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '9ee7c72e89b646e278ac54363fa229b963291b09', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: '37814740acd838e859c93ad164f0a6b5bbc90c49', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '1092b80f15e27fb3672dad273184d7ca0c2a0c1e', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '1764940c1d5887f011ccd8b445261ff322872d4f', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '1470ba06e095d4e9118807d3c3324fa8bcddaaef', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'a1f4c22148fdc70a61fe7ebab5fa1c273adc8e66', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '35afbe6fe802037e0ae25cde9f2eaf933280da2f' }, h("slot", { key: 'a612266b157027fe14146a022b4fd4a716afeb0f', name: "top-bar" }), h("div", { key: '0b73534d099e40cdfb5a8be2322a6a52e32aa516', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '16368a0d8ea7835c8ca67777fb6fc227f4d2e797', class: "dso-navbar" }, h("ul", { key: '616518fc88a77481551e2580f96409f9e83e267a', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '08ae8b53fb877c825aa318b2b08269e87d730cdf', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: '249930051c81aa39a60fc4850fae92ebdfb214f7', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '30614ec55557831ff9f73cae9cb9fdff8d4575df', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '5abc82a62d3735af0f2b1026d1dfea531155e6a1', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '9103afaba00327b589d31dbeb2d53656e0f5009c', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'acc8d86409eddab5464b4b1ee5ef2992e6abc346', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-viewer-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component.js

@@ -0,0 +1,13 @@
+import { h } from "@stencil/core";
+export const WrapWijzigactie = ({ wijzigactie, class: className }, children) => {
+    if (wijzigactie === "voegtoe") {
+        return h("ins", { class: className }, children);
+    }
+    if (wijzigactie === "verwijder") {
+        return h("del", { class: className }, children);
+    }
+    if (className) {
+        return h("div", { class: className }, children);
+    }
+    return children;
+};

package/dist/collection/utils/i18n.js

@@ -21,6 +21,7 @@ export function i18n(getElement, resources) {
         resources,
         defaultNS: element.tagName.toLowerCase(),
         interpolation: { escapeValue: false },
+        showSupportNotice: false,
     });
     let detectedLanguage = false;
     return (key, variables) => {

package/dist/components/document-component.js

@@ -1 +1 @@
-import{h as o,proxyCustomElement as e,HTMLElement as r,createEvent as t,Host as a,Fragment as s,transformTag as n}from"@stencil/core/internal/client";import{p as i,a as d,M as l,d as c}from"./ozon-content.js";import{i as b}from"./is-modified-event.js";import{d as p}from"./alert.js";import{d as m}from"./badge.js";import{d as f}from"./icon.js";import{d as y}from"./icon-button.js";import{d as g}from"./image-overlay.js";import{d as h}from"./label.js";import{d as u}from"./ozon-content-toggletip.js";import{d as v}from"./panel.js";import{d as k}from"./scrollable.js";import{d as x}from"./table.js";import{d as w}from"./tooltip.js";const z=({heading:e,mode:r,href:t,onClick:a,...s},n)=>{let i;switch(e){default:case"h2":i=o("h2",{...s,onClick:"document"===r?a:void 0},n);break;case"h3":i=o("h3",{...s,onClick:"document"===r?a:void 0},n);break;case"h4":i=o("h4",{...s,onClick:"document"===r?a:void 0},n);break;case"h5":i=o("h5",{...s,onClick:"document"===r?a:void 0},n);break;case"h6":i=o("h6",{...s,onClick:"document"===r?a:void 0},n)}return"table-of-contents"===r&&t?o("a",{href:t,onClick:a,class:"heading-anchor"},i):i},B={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"},_=({gereserveerd:e,vervallen:r})=>o(s,null," ",e&&o("dso-label",{compact:!0,...e.wijzigactie?{status:"voegtoe"===e.wijzigactie?"toegevoegd":"verwijderd"}:{}},e.type)," ",r&&o("dso-label",{compact:!0,...r.wijzigactie?{status:"voegtoe"===r.wijzigactie?"toegevoegd":"verwijderd"}:{}},r.type)),C=({gereserveerd:e,vervallen:r})=>e&&"verwijder"!==e.wijzigactie&&!r?o("dso-alert",{status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging."):r&&"voegtoe"!==r.wijzigactie&&!e?o("dso-alert",{status:"info"},"Dit onderdeel is vervallen."):null,D=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoRecursiveToggle=t(this,"dsoRecursiveToggle",3),this.dsoOpenToggle=t(this,"dsoOpenToggle",3),this.dsoTableOfContentsClick=t(this,"dsoTableOfContentsClick",3),this.dsoOzonContentClick=t(this,"dsoOzonContentClick",3),this.dsoAnnotationToggle=t(this,"dsoAnnotationToggle",3),this.dsoMarkItemHighlight=t(this,"dsoMarkItemHighlight",3),this.heading="h2",this.open=!1,this.filtered=!1,this.notApplicable=!1,this.annotated=!1,this.openAnnotation=!1,this.mode="document",this.handleHeadingClick=o=>{"table-of-contents"===this.mode?this.dsoTableOfContentsClick.emit({originalEvent:o,isModifiedEvent:b(o)}):"LID"!==this.type&&this.dsoOpenToggle.emit({originalEvent:o,open:!this.open})},this.handleOzonContentClick=o=>{const{detail:e}=o;"Kop"===e.type?this.handleHeadingClick(e.originalEvent):this.dsoOzonContentClick.emit({originalEvent:o,ozonContentClick:o.detail})},this.handleRecursiveToggleClick=o=>{this.dsoRecursiveToggle.emit({originalEvent:o,current:this.recursiveToggle,next:!0!==this.recursiveToggle})}}get kop(){return this._kopInput}set kop(o){this._kopInput=o,this._kop="string"==typeof o?i(o):o}get inhoud(){return this._inhoudInput}set inhoud(o){this._inhoudInput=o,this._inhoud="string"==typeof o?i(o):o}get gereserveerd(){return this._gereserveerdInput}set gereserveerd(o){this._gereserveerdInput=o,this._gereserveerd=this.parseAantekenElement(o)}get vervallen(){return this._vervallenInput}set vervallen(o){this._vervallenInput=o,this._vervallen=this.parseAantekenElement(o)}get wijzigactieLabel(){return this.wijzigactie&&B[this.wijzigactie]}showBadge(){return!!this.badge&&(!this.open&&"document"===this.mode||"table-of-contents"===this.mode)}parseAantekenElement(o){if(!o)return;let e;if("string"==typeof o){const r=i(o);e=r?.documentElement}else o instanceof XMLDocument&&(e=o.documentElement);if(!e)return;const r=d(e),t=e.tagName.toLowerCase();let a;return"vervallen"===t?a="Vervallen":"gereserveerd"===t&&(a="Gereserveerd"),a?{type:a,wijzigactie:r}:void 0}render(){const e=!(!this._kop&&!this.alternativeTitle||"LID"===this.type);return o(a,{key:"75dcbca7368045cd53b7e27cdf90d628bcee001f","not-collapsible":!e},!!(this.wijzigactie||e||this._kop||this.alternativeTitle||this.label||this.annotated)&&o("div",{key:"da2ddeab07e97d63e56a162c3e59fa19621ccdc4",class:"heading-container",part:"_heading-container"},this.wijzigactie&&o("span",{key:"3446a1aaa160f905fd688c59e592b367c481d22e",class:"editaction-label"},this.wijzigactieLabel,":"),o("div",{key:"93824632c4da2f14ed1297d8380ffa09d506a133",class:"heading"},o(z,{key:"561ea113e5e21faefae8e931700fffa7b2e3f9c4",heading:this.heading,class:"heading-element",onClick:this.alternativeTitle?this.handleHeadingClick:void 0,mode:this.mode,href:this.href},e&&"document"===this.mode&&o("dso-icon-button",{key:"ca3c44f6892c33647199a12bfe1723fa96fe94b2",label:this.open?"Invouwen":"Uitvouwen",class:"toggle-button",icon:this.open?"chevron-down":"chevron-right",variant:"tertiary",onDsoClick:o=>this.handleHeadingClick(o.detail.originalEvent)}),o("div",{key:"5f0dee1f6318250989b6416b528f0ee691b15e96"},this.notApplicable&&o("span",{key:"4f5deb37f489c36debca6f1bd9118311600a0f9b",class:"sr-only"},"Niet van toepassing:"),this._kop?o("dso-ozon-content",{class:"kop",content:this._kop,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(o=>this.mark?.(o,"kop")),onDsoOzonContentMarkItemHighlight:o=>this.dsoMarkItemHighlight.emit({...o.detail,source:"kop"}),inline:!0,urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated}):o("span",{class:"alternative-title"},!this.mark&&this.alternativeTitle||this.mark&&this.alternativeTitle&&o(l,{mark:this.mark&&(o=>this.mark?.(o,"alternativeTitle")),text:this.alternativeTitle,emitMarkItemHighlight:(o,e)=>this.dsoMarkItemHighlight.emit({text:o,elementRef:e,source:"alternativeTitle"})})),o(_,{key:"daaf3d399d6a4a44426a8119cccc34ec0059e4d4",gereserveerd:this._gereserveerd,vervallen:this._vervallen}))),void 0!==this.recursiveToggle&&this.open&&"document"===this.mode&&o("dso-icon-button",{key:"b164005c1fa1c84da064b67ca2e2289b44b09706",label:!0===this.recursiveToggle?"Verberg alles":"Toon alles",class:"recursive-toggle",icon:!0===this.recursiveToggle?"eye":"eye-slash",variant:"tertiary",onDsoClick:o=>this.handleRecursiveToggleClick(o.detail.originalEvent)}),this.showBadge()&&o(s,{key:"aa49e8dc800909650e1fe137db3906f76968f089"},o("dso-badge",{key:"a5ecffff30ae688e682662dea28c3e6962ad547b",status:this.badgeStatus,label:this.badgeTooltip?"Toon toelichting":void 0},this.badge,this.badgeTooltip&&o("div",{key:"97693f3251175f7b477294562c1f7fb6e24e3aea",slot:"toggletip"},this.badgeTooltip))),(this.label||this.annotated)&&o("div",{key:"6a61b59fca772c76a020dc95f8076ae7c5258065",class:"addons"},this.label&&o("dso-label",{key:"725a3f8723f8d0e9167b70ca27a5cca41e9d2526",status:this.labelStatus,compact:!0},this.label),this.annotated&&"document"===this.mode&&o("dso-icon-button",{key:"7233731ed6c706e7bf4e67cc91675b61f0f172d9",label:"Kenmerken en kaartgegevens "+(this.openAnnotation?"verbergen":"tonen"),icon:"label",variant:"tertiary",onDsoClick:o=>this.dsoAnnotationToggle.emit({originalEvent:o.detail.originalEvent})})))),this.openAnnotation&&o("div",{key:"8cd752790ef28f1288ff64cff54faa4071006e24",class:"annotation-container",part:"_annotation-container"},o("dso-panel",{key:"ef7a46fceaf809c8e718509e9c1000daadf8c059",id:"annotations",onDsoCloseClick:o=>this.dsoAnnotationToggle.emit({originalEvent:o}),closeButtonLabel:"Kenmerken en kaartgegevens verbergen"},o("h2",{key:"a6f7888d0cf60e52263c0b34697c8a253af09501",slot:"heading"},"Kenmerken en kaart"),o("slot",{key:"0d61835290f970b0f8a6d3afb67904e18319ac10",name:"annotations"}))),this.open&&(this._inhoud||this._gereserveerd||this._vervallen)&&"document"===this.mode&&o("div",{key:"11e7d016f51027b21b0814897cfefe4407eab65b",class:"content",part:"_content"},o(C,{key:"39c4d7d9b27768c4525d58c188c0a67e74b8e105",gereserveerd:this._gereserveerd,vervallen:this._vervallen}),this._inhoud&&o("dso-ozon-content",{key:"ffff30b853ebd4575a352f2a33b3c4abed53f18d",content:this._inhoud,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(o=>this.mark?.(o,"inhoud")),onDsoOzonContentMarkItemHighlight:o=>this.dsoMarkItemHighlight.emit({...o.detail,source:"inhoud"}),urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated})),o("div",{key:"c6ceb32947fe29c1faba90b0b7a5e589d8a14992",class:"children-container",part:"_children-container"},o("slot",{key:"2c7cf3a68918dfab0bfbd362a1934aca539c2b2f"})))}static get style(){return"button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  a.dso-primary, button.dso-primary, label.dso-primary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible {   outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after {   content: \"\";   display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small {   line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after {   background: url(\"./di.svg#download-wit\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background: url(\"./di.svg#external-link-wit\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible {   outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after {   content: \"\";   display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small {   line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after {   background: url(\"./di.svg#download\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\")); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\")); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background: url(\"./di.svg#external-link\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\")); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\")); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   padding-block: 11px;   padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small {   line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   padding-block: 9px; } a.dso-tertiary dso-icon:has(+ span:not(.sr-only)), button.dso-tertiary dso-icon:has(+ span:not(.sr-only)), label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding: 0;   background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px; } a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {   margin-inline-start: 0; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span {   vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   position: relative;   inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after {   background: url(\"./di.svg#download\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\")); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\")); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background: url(\"./di.svg#external-link\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\")); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\")); } a.dso-map, button.dso-map, label.dso-map {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active {   outline: 0; } a.dso-map, button.dso-map, label.dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-map:active, button.dso-map:active, label.dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small {   line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; }  a.dso-primary {   text-decoration: none; } a.dso-primary, a.dso-primary:visited {   color: #fff; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:visited:hover {   color: #275937; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: #39870c; }  .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary {   margin-inline-start: 16px; }  mark {   background-color: var(--_dt-mark-bg-color, #f8f5ce);   color: var(--_dt-mark-color, #000);   padding-block: var(--_dt-mark-padding-block, 0.2rem);   font-weight: var(--_dt-mark-font-weight, normal); } mark.dso-highlight {   background-color: #dbd136; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  :host {   display: block;   --depth: var(--a, 0); }  :host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {   padding-inline-start: 8px;   margin-inline-end: 8px; }  :host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])), :host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {   padding-block-start: 4px;   padding-block-end: 4px; }  :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-document-component-text-decoration: line-through;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #173521;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #f5d8dc;   color: #191919;   --_dso-ozon-content-toggletip-color: #000; }  .heading-element, .content {   text-decoration: var(--_dso-document-component-text-decoration);   --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration); } @media screen and (min--moz-device-pixel-ratio: 0) {   .heading-element,   .content {     font-family: sans-serif;   } }  :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #173521;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e4f1d4;   color: #191919;   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);   --_dso-ozon-content-toggletip-color: #000; }  :host([filtered]) {   position: relative; } :host([filtered])::before {   content: \"\";   inset-inline-start: -3px;   position: absolute;   display: block;   inline-size: 3px;   inset-block-start: 0;   inset-block-end: 0;   background-color: #6ca4d9; }  :host([open]) .annotation-container, :host([open]) .heading-container, :host([open-annotation]) .annotation-container, :host([open-annotation]) .heading-container {   margin-block-end: 8px; }  :host(:not([open])) dso-ozon-content::part(_subtitels), :host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {   display: none; }  .recursive-toggle, .toggle-button {   --_dso-icon-button-tertiary-color: #275937;   border: 0;   padding: 0;   background: 0;   color: #275937; }  .heading-anchor {   display: flex;   flex-wrap: nowrap;   background-color: transparent;   color: var(--link-color);   text-decoration: underline;   text-underline-offset: 15%; } .heading-anchor:hover, .heading-anchor:focus-visible {   color: var(--link-hover-color);   text-decoration: underline; } .heading-anchor:active {   text-decoration: none; } .heading-anchor .sr-only + dso-icon {   margin-inline-start: 0; } .heading-anchor:visited {   color: var(--link-visited-color); } .heading-anchor {   text-decoration: none; }  .heading-element {   align-items: start;   display: flex;   font-size: 1rem;   color: #275937;   margin: 0; } .heading-element > * {   vertical-align: middle; }  .alternative-title {   cursor: pointer; } .alternative-title:hover, .alternative-title:focus-visible {   color: var(--link-hover-color);   text-decoration: underline; } .alternative-title:active {   text-decoration: none; }  :host([not-collapsible]) .heading-container {   margin-block-end: 0; } :host([not-collapsible]) .editaction-label {   margin-inline-start: 0; } :host([not-collapsible]) dso-ozon-content.kop::part(_kop) {   color: #000; }  :host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {   display: inline; }  :host([mode=document]:not([not-collapsible])) {   --link-color: #39870c;   --link-hover-color: #676cb0; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {   cursor: pointer; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {   color: var(--link-hover-color);   text-decoration: underline; } :host([mode=document]:not([not-collapsible])) .editaction-label {   margin-inline-start: 24px; }  :host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {   text-decoration: none; }  :host([mode=table-of-contents]) .heading-container {   padding-inline-start: 8px; } :host([mode=table-of-contents]) .heading-element {   color: inherit; } :host([mode=table-of-contents]) .editaction-label {   margin-inline-start: 0; }  :host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {   --_dso-icon-button-tertiary-color: inherit;   color: inherit; }  :host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {   font-weight: normal; }  .addons {   margin-inline-start: auto;   display: flex;   gap: 8px; }  .heading {   display: flex;   align-items: start;   gap: 8px; }  :host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop), :host([type=ARTIKEL]:not([alternative-title])) .toggle-button {   --_dso-icon-button-tertiary-color: #000;   color: #000; }  :host([type=LID][open-annotation]) .annotation-container {   margin-block-start: 8px; }  .editaction-label {   font-style: italic;   margin-inline-start: 8px; }  .content, .heading-container {   padding-inline-end: 8px; }  .content {   --_dso-alert-margin-block-end: 8px; }  .annotation-container {   padding-inline-end: 8px; } .annotation-container dso-panel {   --_dso-panel-body-background-color: #fff; }  :host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {   --_dso-panel-body-background-color: #faecee;   --_dso-renvooi-text-decoration: line-through; }  :host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {   --_dso-panel-body-background-color: #f2f8ea; }"}},[257,"dso-document-component",{heading:[513],kop:[6145],inhoud:[6145],open:[516],filtered:[516],notApplicable:[516,"not-applicable"],badge:[513],badgeStatus:[513,"badge-status"],badgeTooltip:[513,"badge-tooltip"],label:[513],labelStatus:[513,"label-status"],annotated:[516],gereserveerd:[6145],vervallen:[6145],openAnnotation:[516,"open-annotation"],alternativeTitle:[513,"alternative-title"],type:[513],wijzigactie:[513],annotationsWijzigactie:[513,"annotations-wijzigactie"],mark:[16],recursiveToggle:[8,"recursive-toggle"],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],mode:[513],href:[513]}]);function E(){"undefined"!=typeof customElements&&["dso-document-component","dso-alert","dso-badge","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-scrollable","dso-table","dso-tooltip"].forEach((o=>{switch(o){case"dso-document-component":customElements.get(n(o))||customElements.define(n(o),D);break;case"dso-alert":customElements.get(n(o))||p();break;case"dso-badge":customElements.get(n(o))||m();break;case"dso-icon":customElements.get(n(o))||f();break;case"dso-icon-button":customElements.get(n(o))||y();break;case"dso-image-overlay":customElements.get(n(o))||g();break;case"dso-label":customElements.get(n(o))||h();break;case"dso-ozon-content":customElements.get(n(o))||c();break;case"dso-ozon-content-toggletip":customElements.get(n(o))||u();break;case"dso-panel":customElements.get(n(o))||v();break;case"dso-scrollable":customElements.get(n(o))||k();break;case"dso-table":customElements.get(n(o))||x();break;case"dso-tooltip":customElements.get(n(o))||w()}}))}export{D,E as d}
+import{h as o,proxyCustomElement as e,HTMLElement as r,createEvent as t,Host as a,Fragment as s,transformTag as n}from"@stencil/core/internal/client";import{p as i,a as d,M as l,d as c}from"./ozon-content.js";import{i as b}from"./is-modified-event.js";import{d as p}from"./alert.js";import{d as m}from"./badge.js";import{d as f}from"./icon.js";import{d as y}from"./icon-button.js";import{d as g}from"./image-overlay.js";import{d as h}from"./label.js";import{d as u}from"./ozon-content-toggletip.js";import{d as v}from"./panel.js";import{d as k}from"./scrollable.js";import{d as x}from"./table.js";import{d as w}from"./tooltip.js";const z=({heading:e,mode:r,href:t,onClick:a,...s},n)=>{let i;switch(e){default:case"h2":i=o("h2",{...s,onClick:"document"===r?a:void 0},n);break;case"h3":i=o("h3",{...s,onClick:"document"===r?a:void 0},n);break;case"h4":i=o("h4",{...s,onClick:"document"===r?a:void 0},n);break;case"h5":i=o("h5",{...s,onClick:"document"===r?a:void 0},n);break;case"h6":i=o("h6",{...s,onClick:"document"===r?a:void 0},n)}return"table-of-contents"===r&&t?o("a",{href:t,onClick:a,class:"heading-anchor"},i):i},B={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"},_=({gereserveerd:e,vervallen:r})=>o(s,null," ",e&&o("dso-label",{compact:!0,...e.wijzigactie?{status:"voegtoe"===e.wijzigactie?"toegevoegd":"verwijderd"}:{}},e.type)," ",r&&o("dso-label",{compact:!0,...r.wijzigactie?{status:"voegtoe"===r.wijzigactie?"toegevoegd":"verwijderd"}:{}},r.type)),C=({gereserveerd:e,vervallen:r})=>e&&"verwijder"!==e.wijzigactie&&!r?o("dso-alert",{status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging."):r&&"voegtoe"!==r.wijzigactie&&!e?o("dso-alert",{status:"info"},"Dit onderdeel is vervallen."):null,D=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoRecursiveToggle=t(this,"dsoRecursiveToggle",3),this.dsoOpenToggle=t(this,"dsoOpenToggle",3),this.dsoTableOfContentsClick=t(this,"dsoTableOfContentsClick",3),this.dsoOzonContentClick=t(this,"dsoOzonContentClick",3),this.dsoAnnotationToggle=t(this,"dsoAnnotationToggle",3),this.dsoMarkItemHighlight=t(this,"dsoMarkItemHighlight",3),this.heading="h2",this.open=!1,this.filtered=!1,this.notApplicable=!1,this.annotated=!1,this.openAnnotation=!1,this.mode="document",this.handleHeadingClick=o=>{"table-of-contents"===this.mode?this.dsoTableOfContentsClick.emit({originalEvent:o,isModifiedEvent:b(o)}):"LID"!==this.type&&this.dsoOpenToggle.emit({originalEvent:o,open:!this.open})},this.handleOzonContentClick=o=>{const{detail:e}=o;switch(e.type){case"Kop":this.handleHeadingClick(e.originalEvent);break;case"IntIoRef":this.dsoAnnotationToggle.emit({current:this.openAnnotation,next:!0,scrollRef:this.host,originalEvent:o});break;case"IntRef":this.dsoOzonContentClick.emit({originalEvent:o,ozonContentClick:o.detail});break;default:return}},this.handleRecursiveToggleClick=o=>{this.dsoRecursiveToggle.emit({originalEvent:o,current:this.recursiveToggle,next:!0!==this.recursiveToggle})}}get kop(){return this._kopInput}set kop(o){this._kopInput=o,this._kop="string"==typeof o?i(o):o}get inhoud(){return this._inhoudInput}set inhoud(o){this._inhoudInput=o,this._inhoud="string"==typeof o?i(o):o}get gereserveerd(){return this._gereserveerdInput}set gereserveerd(o){this._gereserveerdInput=o,this._gereserveerd=this.parseAantekenElement(o)}get vervallen(){return this._vervallenInput}set vervallen(o){this._vervallenInput=o,this._vervallen=this.parseAantekenElement(o)}get wijzigactieLabel(){return this.wijzigactie&&B[this.wijzigactie]}showBadge(){return!!this.badge&&(!this.open&&"document"===this.mode||"table-of-contents"===this.mode)}parseAantekenElement(o){if(!o)return;let e;if("string"==typeof o){const r=i(o);e=r?.documentElement}else o instanceof XMLDocument&&(e=o.documentElement);if(!e)return;const r=d(e),t=e.tagName.toLowerCase();let a;return"vervallen"===t?a="Vervallen":"gereserveerd"===t&&(a="Gereserveerd"),a?{type:a,wijzigactie:r}:void 0}render(){const e=!(!this._kop&&!this.alternativeTitle||"LID"===this.type);return o(a,{key:"154a84124e835009c50b6f39e390a05e6910793d","not-collapsible":!e},!!(this.wijzigactie||e||this._kop||this.alternativeTitle||this.label||this.annotated)&&o("div",{key:"a5525570353f5fdf3731127d118ae60dac8586cc",class:"heading-container",part:"_heading-container"},this.wijzigactie&&o("span",{key:"a070f7295e89bd26a0426e310be9aafe2049973a",class:"editaction-label"},this.wijzigactieLabel,":"),o("div",{key:"12790d1f766b26ccc324a18e2a803a459160304d",class:"heading"},o(z,{key:"fea1907cf9c461516334cd482bd60ca328bdd09c",heading:this.heading,class:"heading-element",onClick:this.alternativeTitle?this.handleHeadingClick:void 0,mode:this.mode,href:this.href},e&&"document"===this.mode&&o("dso-icon-button",{key:"fdbbd948671d3213498e5e7b3bbbbeb0cec7e981",label:this.open?"Invouwen":"Uitvouwen",class:"toggle-button",icon:this.open?"chevron-down":"chevron-right",variant:"tertiary",onDsoClick:o=>this.handleHeadingClick(o.detail.originalEvent)}),o("div",{key:"1f8ecd1c79f4815087281dc62269234d79fa9c02"},this.notApplicable&&o("span",{key:"a653d1041c24217ea729347cbfbb8049295b56bf",class:"sr-only"},"Niet van toepassing:"),this._kop?o("dso-ozon-content",{class:"kop",content:this._kop,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(o=>this.mark?.(o,"kop")),onDsoOzonContentMarkItemHighlight:o=>this.dsoMarkItemHighlight.emit({...o.detail,source:"kop"}),inline:!0,urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated}):o("span",{class:"alternative-title"},!this.mark&&this.alternativeTitle||this.mark&&this.alternativeTitle&&o(l,{mark:this.mark&&(o=>this.mark?.(o,"alternativeTitle")),text:this.alternativeTitle,emitMarkItemHighlight:(o,e)=>this.dsoMarkItemHighlight.emit({text:o,elementRef:e,source:"alternativeTitle"})})),o(_,{key:"984e9a5591793c11ef40bdaa4ba4f19aec1f5970",gereserveerd:this._gereserveerd,vervallen:this._vervallen}))),void 0!==this.recursiveToggle&&this.open&&"document"===this.mode&&o("dso-icon-button",{key:"4b4d71d0cc5ffefcfd5bcf715752673d56087b80",label:!0===this.recursiveToggle?"Verberg alles":"Toon alles",class:"recursive-toggle",icon:!0===this.recursiveToggle?"eye":"eye-slash",variant:"tertiary",onDsoClick:o=>this.handleRecursiveToggleClick(o.detail.originalEvent)}),this.showBadge()&&o(s,{key:"f145f81ceb77fa399ba3bf458e2065803aa99cf5"},o("dso-badge",{key:"d14354bfe4f7eb27daacd10492def45a24c2cb13",status:this.badgeStatus,label:this.badgeTooltip?"Toon toelichting":void 0},this.badge,this.badgeTooltip&&o("div",{key:"ac38e28944cf007a6062965e0f9e31f20578cd09",slot:"toggletip"},this.badgeTooltip))),(this.label||this.annotated)&&o("div",{key:"33f544397bebf58be1b504808ecc2d67e6f8afcd",class:"addons"},this.label&&o("dso-label",{key:"1313048af9632a11d1ca26cbd6fe7b904321e2f1",status:this.labelStatus,compact:!0},this.label),this.annotated&&"document"===this.mode&&o("dso-icon-button",{key:"853717209f0d3f068f44536e23341e4472313fd7",label:"Kenmerken en kaartgegevens "+(this.openAnnotation?"verbergen":"tonen"),icon:"label",variant:"tertiary",onDsoClick:o=>this.dsoAnnotationToggle.emit({current:this.openAnnotation,next:!this.openAnnotation,scrollRef:this.host,originalEvent:o.detail.originalEvent})})))),this.openAnnotation&&o("div",{key:"425520571741cf387d5d03fdf01d63e63697799a",class:"annotation-container",part:"_annotation-container"},o("dso-panel",{key:"7fc88bea5eefe250f41626c92a45abf839c6f27d",id:"annotations",onDsoCloseClick:o=>this.dsoAnnotationToggle.emit({current:!0,next:!1,originalEvent:o}),closeButtonLabel:"Kenmerken en kaartgegevens verbergen"},o("h2",{key:"3fbb099379c8ab62f0a95982b0239c2247a784c8",slot:"heading"},"Kenmerken en kaart"),o("slot",{key:"2fe2f166222aa1e274ee57e9e1f50f14ccf7645b",name:"annotations"}))),this.open&&(this._inhoud||this._gereserveerd||this._vervallen)&&"document"===this.mode&&o("div",{key:"50eaab81aa44847d1487c5aad28d77efc7c76e6c",class:"content",part:"_content"},o(C,{key:"d264e0b7cfba6ebac3e37fada11ff246736efddc",gereserveerd:this._gereserveerd,vervallen:this._vervallen}),this._inhoud&&o("dso-ozon-content",{key:"8b7ad177e8b5dcd5a23e65db9aca4b760c658c0e",content:this._inhoud,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(o=>this.mark?.(o,"inhoud")),onDsoOzonContentMarkItemHighlight:o=>this.dsoMarkItemHighlight.emit({...o.detail,source:"inhoud"}),urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated})),o("div",{key:"6fd49cdf715ce1acc30f2f7e2f3ff4694c92e8f9",class:"children-container",part:"_children-container"},o("slot",{key:"f63548b452ab86010d3f7c8be41689fa335fad79"})))}get host(){return this}static get style(){return"button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  a.dso-primary, button.dso-primary, label.dso-primary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible {   outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after {   content: \"\";   display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small {   line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after {   background: url(\"./di.svg#download-wit\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background: url(\"./di.svg#external-link-wit\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible {   outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after {   content: \"\";   display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small {   line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after {   background: url(\"./di.svg#download\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\")); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\")); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background: url(\"./di.svg#external-link\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\")); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\")); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: \"\";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   padding-block: 11px;   padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small {   line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   padding-block: 9px; } a.dso-tertiary dso-icon:has(+ span:not(.sr-only)), button.dso-tertiary dso-icon:has(+ span:not(.sr-only)), label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding: 0;   background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px; } a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {   margin-inline-start: 0; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span {   vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   position: relative;   inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after {   background: url(\"./di.svg#download\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\")); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\")); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background: url(\"./di.svg#external-link\") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\")); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\")); } a.dso-map, button.dso-map, label.dso-map {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active {   outline: 0; } a.dso-map, button.dso-map, label.dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-map:active, button.dso-map:active, label.dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small {   line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; }  a.dso-primary {   text-decoration: none; } a.dso-primary, a.dso-primary:visited {   color: #fff; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:visited:hover {   color: #275937; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: #39870c; }  .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary {   margin-inline-start: 16px; }  mark {   background-color: var(--_dt-mark-bg-color, #f8f5ce);   color: var(--_dt-mark-color, #000);   padding-block: var(--_dt-mark-padding-block, 0.2rem);   font-weight: var(--_dt-mark-font-weight, normal); } mark.dso-highlight {   background-color: #dbd136; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  :host {   display: block;   --depth: var(--a, 0); }  :host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {   padding-inline-start: 8px;   margin-inline-end: 8px; }  :host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])), :host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {   padding-block-start: 4px;   padding-block-end: 4px; }  :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-document-component-text-decoration: line-through;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-zwart\")); } :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #173521;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #f5d8dc;   color: #191919;   --_dso-ozon-content-toggletip-color: #000; }  .heading-element, .content {   text-decoration: var(--_dso-document-component-text-decoration);   --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration); } @media screen and (min--moz-device-pixel-ratio: 0) {   .heading-element,   .content {     font-family: sans-serif;   } }  :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-zwart\")); } :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #173521;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e4f1d4;   color: #191919;   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);   --_dso-ozon-content-toggletip-color: #000; }  :host([filtered]) {   position: relative; } :host([filtered])::before {   content: \"\";   inset-inline-start: -3px;   position: absolute;   display: block;   inline-size: 3px;   inset-block-start: 0;   inset-block-end: 0;   background-color: #6ca4d9; }  :host([open]) .annotation-container, :host([open]) .heading-container, :host([open-annotation]) .annotation-container, :host([open-annotation]) .heading-container {   margin-block-end: 8px; }  :host(:not([open])) dso-ozon-content::part(_subtitels), :host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {   display: none; }  .recursive-toggle, .toggle-button {   --_dso-icon-button-tertiary-color: #275937;   border: 0;   padding: 0;   background: 0;   color: #275937; }  .heading-anchor {   display: flex;   flex-wrap: nowrap;   background-color: transparent;   color: var(--link-color);   text-decoration: underline;   text-underline-offset: 15%; } .heading-anchor:hover, .heading-anchor:focus-visible {   color: var(--link-hover-color);   text-decoration: underline; } .heading-anchor:active {   text-decoration: none; } .heading-anchor .sr-only + dso-icon {   margin-inline-start: 0; } .heading-anchor:visited {   color: var(--link-visited-color); } .heading-anchor {   text-decoration: none; }  .heading-element {   align-items: start;   display: flex;   font-size: 1rem;   color: #275937;   margin: 0; } .heading-element > * {   vertical-align: middle; }  .alternative-title {   cursor: pointer; } .alternative-title:hover, .alternative-title:focus-visible {   color: var(--link-hover-color);   text-decoration: underline; } .alternative-title:active {   text-decoration: none; }  :host([not-collapsible]) .heading-container {   margin-block-end: 0; } :host([not-collapsible]) .editaction-label {   margin-inline-start: 0; } :host([not-collapsible]) dso-ozon-content.kop::part(_kop) {   color: #000; }  :host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {   display: inline; }  :host([mode=document]:not([not-collapsible])) {   --link-color: #39870c;   --link-hover-color: #676cb0; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {   cursor: pointer; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {   color: var(--link-hover-color);   text-decoration: underline; } :host([mode=document]:not([not-collapsible])) .editaction-label {   margin-inline-start: 24px; }  :host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {   text-decoration: none; }  :host([mode=table-of-contents]) .heading-container {   padding-inline-start: 8px; } :host([mode=table-of-contents]) .heading-element {   color: inherit; } :host([mode=table-of-contents]) .editaction-label {   margin-inline-start: 0; }  :host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {   --_dso-icon-button-tertiary-color: inherit;   color: inherit; }  :host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {   font-weight: normal; }  .addons {   margin-inline-start: auto;   display: flex;   gap: 8px; }  .heading {   display: flex;   align-items: start;   gap: 8px; }  :host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop), :host([type=ARTIKEL]:not([alternative-title])) .toggle-button {   --_dso-icon-button-tertiary-color: #000;   color: #000; }  :host([type=LID][open-annotation]) .annotation-container {   margin-block-start: 8px; }  .editaction-label {   font-style: italic;   margin-inline-start: 8px; }  .content, .heading-container {   padding-inline-end: 8px; }  .content {   --_dso-alert-margin-block-end: 8px; }  .annotation-container {   padding-inline-end: 8px; } .annotation-container dso-panel {   --_dso-panel-body-background-color: #fff; }  :host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {   --_dso-panel-body-background-color: #faecee;   --_dso-renvooi-text-decoration: line-through; }  :host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {   --_dso-panel-body-background-color: #f2f8ea; }"}},[257,"dso-document-component",{heading:[513],kop:[6145],inhoud:[6145],open:[516],filtered:[516],notApplicable:[516,"not-applicable"],badge:[513],badgeStatus:[513,"badge-status"],badgeTooltip:[513,"badge-tooltip"],label:[513],labelStatus:[513,"label-status"],annotated:[516],gereserveerd:[6145],vervallen:[6145],openAnnotation:[516,"open-annotation"],alternativeTitle:[513,"alternative-title"],type:[513],wijzigactie:[513],annotationsWijzigactie:[513,"annotations-wijzigactie"],mark:[16],recursiveToggle:[8,"recursive-toggle"],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],mode:[513],href:[513]}]);function E(){"undefined"!=typeof customElements&&["dso-document-component","dso-alert","dso-badge","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-scrollable","dso-table","dso-tooltip"].forEach((o=>{switch(o){case"dso-document-component":customElements.get(n(o))||customElements.define(n(o),D);break;case"dso-alert":customElements.get(n(o))||p();break;case"dso-badge":customElements.get(n(o))||m();break;case"dso-icon":customElements.get(n(o))||f();break;case"dso-icon-button":customElements.get(n(o))||y();break;case"dso-image-overlay":customElements.get(n(o))||g();break;case"dso-label":customElements.get(n(o))||h();break;case"dso-ozon-content":customElements.get(n(o))||c();break;case"dso-ozon-content-toggletip":customElements.get(n(o))||u();break;case"dso-panel":customElements.get(n(o))||v();break;case"dso-scrollable":customElements.get(n(o))||k();break;case"dso-table":customElements.get(n(o))||x();break;case"dso-tooltip":customElements.get(n(o))||w()}}))}export{D,E as d}

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

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