@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/bundle/p-DegYTrRA.js

@@ -1,1729 +0,0 @@
-import { h, p as proxyCustomElement, H, d as createEvent, F as Fragment, c as Host, t as transformTag } from './p-DBWrx_3r.js';
-import { p as parseXml, a as parseWijzigactieFromNode, M as MarkText, d as defineCustomElement$5 } from './p-CuUjEAKj.js';
-import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$b } from './p--_zCrLW5.js';
-import { d as defineCustomElement$a } from './p-BM-R_z20.js';
-import { d as defineCustomElement$9 } from './p-Btk7RWKm.js';
-import { d as defineCustomElement$8 } from './p-DpRZJt_D.js';
-import { d as defineCustomElement$7 } from './p-Yu8u8KO1.js';
-import { d as defineCustomElement$6 } from './p-BJqFBnN6.js';
-import { d as defineCustomElement$4 } from './p-DrTyWXYp.js';
-import { d as defineCustomElement$3 } from './p-C0j2UArC.js';
-import { d as defineCustomElement$2 } from './p-ChdQ7Urg.js';
-import { d as defineCustomElement$1 } from './p-CBhOl8xD.js';
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-const Heading = (_a, children) => {
-    var { heading, mode, href, onClick } = _a, props = __rest(_a, ["heading", "mode", "href", "onClick"]);
-    let headingElement;
-    switch (heading) {
-        default:
-        case "h2":
-            headingElement = (h("h2", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
-            break;
-        case "h3":
-            headingElement = (h("h3", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
-            break;
-        case "h4":
-            headingElement = (h("h4", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
-            break;
-        case "h5":
-            headingElement = (h("h5", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
-            break;
-        case "h6":
-            headingElement = (h("h6", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
-    }
-    if (mode === "table-of-contents" && href) {
-        return (h("a", { href: href, onClick: onClick, class: "heading-anchor" }, headingElement));
-    }
-    return headingElement;
-};
-
-const documentComponentCss = () => `button {
-  -webkit-appearance: button;
-  color: inherit;
-  cursor: pointer;
-  font: inherit;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-}
-button[disabled] {
-  cursor: default;
-}
-button::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-primary:focus, a.dso-primary:focus-visible,
-button.dso-primary:focus,
-button.dso-primary:focus-visible,
-label.dso-primary:focus,
-label.dso-primary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-primary:active,
-button.dso-primary:active,
-label.dso-primary:active {
-  outline: 0;
-}
-a.dso-primary.extern::after, a.dso-primary.download::after,
-button.dso-primary.extern::after,
-button.dso-primary.download::after,
-label.dso-primary.extern::after,
-label.dso-primary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
-  background-color: var(--_dso-button-primary-background-color, #39870c);
-  border-color: var(--_dso-button-primary-border-color, #39870c);
-  color: var(--_dso-button-primary-color, #fff);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-primary:hover,
-button.dso-primary:hover,
-label.dso-primary:hover {
-  background-color: var(--_dso-button-primary-hover-background-color, #275937);
-  border-color: var(--_dso-button-primary-hover-border-color, #275937);
-  color: var(--_dso-button-primary-hover-color, #fff);
-}
-a.dso-primary:active,
-button.dso-primary:active,
-label.dso-primary:active {
-  background-color: var(--_dso-button-primary-active-background-color, #173521);
-  border-color: var(--_dso-button-primary-active-border-color, #173521);
-  color: var(--_dso-button-primary-active-color, #fff);
-}
-a.dso-primary[disabled], a.dso-primary[disabled]:hover,
-button.dso-primary[disabled],
-button.dso-primary[disabled]:hover,
-label.dso-primary[disabled],
-label.dso-primary[disabled]:hover {
-  background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);
-  border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-primary-disabled-color, #fff);
-}
-a.dso-primary.dso-small,
-button.dso-primary.dso-small,
-label.dso-primary.dso-small {
-  line-height: 1rem;
-}
-a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
-button.dso-primary.dso-small dso-icon,
-button.dso-primary.dso-small.extern::after,
-button.dso-primary.dso-small.download::after,
-button.dso-primary.dso-small.dso-spinner::before,
-label.dso-primary.dso-small dso-icon,
-label.dso-primary.dso-small.extern::after,
-label.dso-primary.dso-small.download::after,
-label.dso-primary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-primary.dso-small.dso-spinner-left::before,
-button.dso-primary.dso-small.dso-spinner-left::before,
-label.dso-primary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-small.dso-spinner-right::after,
-button.dso-primary.dso-small.dso-spinner-right::after,
-label.dso-primary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small,
-button.dso-primary.dso-extra-small,
-label.dso-primary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
-button.dso-primary.dso-extra-small dso-icon,
-button.dso-primary.dso-extra-small.extern::after,
-button.dso-primary.dso-extra-small.download::after,
-button.dso-primary.dso-extra-small.dso-spinner::before,
-label.dso-primary.dso-extra-small dso-icon,
-label.dso-primary.dso-extra-small.extern::after,
-label.dso-primary.dso-extra-small.download::after,
-label.dso-primary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-primary.dso-extra-small.dso-spinner-left::before,
-button.dso-primary.dso-extra-small.dso-spinner-left::before,
-label.dso-primary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small.dso-spinner-right::after,
-button.dso-primary.dso-extra-small.dso-spinner-right::after,
-label.dso-primary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small,
-button.dso-primary.dso-extra-small,
-label.dso-primary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-primary dso-icon:has(+ span:not(.sr-only)),
-button.dso-primary dso-icon:has(+ span:not(.sr-only)),
-label.dso-primary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-primary span:not(.sr-only) + dso-icon,
-button.dso-primary span:not(.sr-only) + dso-icon,
-label.dso-primary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-primary dso-icon + span:not(.sr-only),
-button.dso-primary dso-icon + span:not(.sr-only),
-label.dso-primary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
-button.dso-primary.dso-spinner-left[disabled],
-button.dso-primary.dso-spinner-right[disabled],
-label.dso-primary.dso-spinner-left[disabled],
-label.dso-primary.dso-spinner-right[disabled] {
-  background-color: #39870c;
-  border-color: #39870c;
-  color: #fff;
-}
-a.dso-primary.dso-spinner-left::before,
-button.dso-primary.dso-spinner-left::before,
-label.dso-primary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-primary.dso-spinner-right::after,
-button.dso-primary.dso-spinner-right::after,
-label.dso-primary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-primary.download::after,
-button.dso-primary.download::after,
-label.dso-primary.download::after {
-  background: url("./di.svg#download-wit") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-primary.extern::after,
-button.dso-primary.extern::after,
-label.dso-primary.extern::after {
-  background: url("./di.svg#external-link-wit") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-secondary:focus, a.dso-secondary:focus-visible,
-button.dso-secondary:focus,
-button.dso-secondary:focus-visible,
-label.dso-secondary:focus,
-label.dso-secondary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-secondary:active,
-button.dso-secondary:active,
-label.dso-secondary:active {
-  outline: 0;
-}
-a.dso-secondary.extern::after, a.dso-secondary.download::after,
-button.dso-secondary.extern::after,
-button.dso-secondary.download::after,
-label.dso-secondary.extern::after,
-label.dso-secondary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-secondary:hover,
-button.dso-secondary:hover,
-label.dso-secondary:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-a.dso-secondary:active,
-button.dso-secondary:active,
-label.dso-secondary:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-a.dso-secondary[disabled], a.dso-secondary[disabled]:hover,
-button.dso-secondary[disabled],
-button.dso-secondary[disabled]:hover,
-label.dso-secondary[disabled],
-label.dso-secondary[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-a.dso-secondary.dso-small,
-button.dso-secondary.dso-small,
-label.dso-secondary.dso-small {
-  line-height: 1rem;
-}
-a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
-button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small.extern::after,
-button.dso-secondary.dso-small.download::after,
-button.dso-secondary.dso-small.dso-spinner::before,
-label.dso-secondary.dso-small dso-icon,
-label.dso-secondary.dso-small.extern::after,
-label.dso-secondary.dso-small.download::after,
-label.dso-secondary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-secondary.dso-small.dso-spinner-left::before,
-button.dso-secondary.dso-small.dso-spinner-left::before,
-label.dso-secondary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-small.dso-spinner-right::after,
-button.dso-secondary.dso-small.dso-spinner-right::after,
-label.dso-secondary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small,
-button.dso-secondary.dso-extra-small,
-label.dso-secondary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
-button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small.extern::after,
-button.dso-secondary.dso-extra-small.download::after,
-button.dso-secondary.dso-extra-small.dso-spinner::before,
-label.dso-secondary.dso-extra-small dso-icon,
-label.dso-secondary.dso-extra-small.extern::after,
-label.dso-secondary.dso-extra-small.download::after,
-label.dso-secondary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-secondary.dso-extra-small.dso-spinner-left::before,
-button.dso-secondary.dso-extra-small.dso-spinner-left::before,
-label.dso-secondary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small.dso-spinner-right::after,
-button.dso-secondary.dso-extra-small.dso-spinner-right::after,
-label.dso-secondary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small,
-button.dso-secondary.dso-extra-small,
-label.dso-secondary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + dso-icon,
-label.dso-secondary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary dso-icon + span:not(.sr-only),
-label.dso-secondary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
-button.dso-secondary.dso-spinner-left[disabled],
-button.dso-secondary.dso-spinner-right[disabled],
-label.dso-secondary.dso-spinner-left[disabled],
-label.dso-secondary.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-a.dso-secondary.dso-spinner-left::before,
-button.dso-secondary.dso-spinner-left::before,
-label.dso-secondary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
-button.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
-label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
-button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
-label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-spinner-right::after,
-button.dso-secondary.dso-spinner-right::after,
-label.dso-secondary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
-button.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
-label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
-button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
-label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.download::after,
-button.dso-secondary.download::after,
-label.dso-secondary.download::after {
-  background: url("./di.svg#download") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary.download:hover::after,
-button.dso-secondary.download:hover::after,
-label.dso-secondary.download:hover::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
-}
-a.dso-secondary.download[disabled]::after,
-button.dso-secondary.download[disabled]::after,
-label.dso-secondary.download[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
-}
-a.dso-secondary.extern::after,
-button.dso-secondary.extern::after,
-label.dso-secondary.extern::after {
-  background: url("./di.svg#external-link") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary.extern:hover::after,
-button.dso-secondary.extern:hover::after,
-label.dso-secondary.extern:hover::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-a.dso-secondary.extern[disabled]::after,
-button.dso-secondary.extern[disabled]::after,
-label.dso-secondary.extern[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
-button.dso-tertiary:focus,
-button.dso-tertiary:focus-visible,
-label.dso-tertiary:focus,
-label.dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  outline: 0;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
-button.dso-tertiary:focus,
-button.dso-tertiary:focus-visible,
-label.dso-tertiary:focus,
-label.dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  outline: 0;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  background-color: var(--_dso-button-tertiary-background-color, );
-  border-color: var(--_dso-button-tertiary-border-color, );
-  color: var(--_dso-button-tertiary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 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 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-tertiary.dso-spinner-right::after,
-button.dso-tertiary.dso-spinner-right::after,
-label.dso-tertiary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary dso-icon + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-}
-a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
-button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
-label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
-  margin-inline-start: 0;
-}
-a.dso-tertiary dso-icon,
-a.dso-tertiary span,
-button.dso-tertiary dso-icon,
-button.dso-tertiary span,
-label.dso-tertiary dso-icon,
-label.dso-tertiary span {
-  vertical-align: middle;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  position: relative;
-  inset-block-start: -2px;
-}
-a.dso-tertiary.download::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.download::after {
-  background: url("./di.svg#download") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-tertiary.download[disabled]::after,
-button.dso-tertiary.download[disabled]::after,
-label.dso-tertiary.download[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
-}
-a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,
-button.dso-tertiary.download:not([disabled]):hover::after,
-button.dso-tertiary.download:not([disabled]):active::after,
-label.dso-tertiary.download:not([disabled]):hover::after,
-label.dso-tertiary.download:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen"));
-}
-a.dso-tertiary.extern::after,
-button.dso-tertiary.extern::after,
-label.dso-tertiary.extern::after {
-  background: url("./di.svg#external-link") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-tertiary.extern[disabled]::after,
-button.dso-tertiary.extern[disabled]::after,
-label.dso-tertiary.extern[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
-}
-a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,
-button.dso-tertiary.extern:not([disabled]):hover::after,
-button.dso-tertiary.extern:not([disabled]):active::after,
-label.dso-tertiary.extern:not([disabled]):hover::after,
-label.dso-tertiary.extern:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen"));
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-map:focus, a.dso-map:focus-visible,
-button.dso-map:focus,
-button.dso-map:focus-visible,
-label.dso-map:focus,
-label.dso-map:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-map:active,
-button.dso-map:active,
-label.dso-map:active {
-  outline: 0;
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-map:hover,
-button.dso-map:hover,
-label.dso-map:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-a.dso-map:active,
-button.dso-map:active,
-label.dso-map:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-a.dso-map[disabled], a.dso-map[disabled]:hover,
-button.dso-map[disabled],
-button.dso-map[disabled]:hover,
-label.dso-map[disabled],
-label.dso-map[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-a.dso-map.dso-small,
-button.dso-map.dso-small,
-label.dso-map.dso-small {
-  line-height: 1rem;
-}
-a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
-button.dso-map.dso-small dso-icon,
-button.dso-map.dso-small.extern::after,
-button.dso-map.dso-small.download::after,
-button.dso-map.dso-small.dso-spinner::before,
-label.dso-map.dso-small dso-icon,
-label.dso-map.dso-small.extern::after,
-label.dso-map.dso-small.download::after,
-label.dso-map.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-map.dso-small.dso-spinner-left::before,
-button.dso-map.dso-small.dso-spinner-left::before,
-label.dso-map.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-small.dso-spinner-right::after,
-button.dso-map.dso-small.dso-spinner-right::after,
-label.dso-map.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small,
-button.dso-map.dso-extra-small,
-label.dso-map.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
-button.dso-map.dso-extra-small dso-icon,
-button.dso-map.dso-extra-small.extern::after,
-button.dso-map.dso-extra-small.download::after,
-button.dso-map.dso-extra-small.dso-spinner::before,
-label.dso-map.dso-extra-small dso-icon,
-label.dso-map.dso-extra-small.extern::after,
-label.dso-map.dso-extra-small.download::after,
-label.dso-map.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-map.dso-extra-small.dso-spinner-left::before,
-button.dso-map.dso-extra-small.dso-spinner-left::before,
-label.dso-map.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small.dso-spinner-right::after,
-button.dso-map.dso-extra-small.dso-spinner-right::after,
-label.dso-map.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small,
-button.dso-map.dso-extra-small,
-label.dso-map.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-map dso-icon:has(+ span:not(.sr-only)),
-button.dso-map dso-icon:has(+ span:not(.sr-only)),
-label.dso-map dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-map span:not(.sr-only) + dso-icon,
-button.dso-map span:not(.sr-only) + dso-icon,
-label.dso-map span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-map dso-icon + span:not(.sr-only),
-button.dso-map dso-icon + span:not(.sr-only),
-label.dso-map dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],
-button.dso-map.dso-spinner-left[disabled],
-button.dso-map.dso-spinner-right[disabled],
-label.dso-map.dso-spinner-left[disabled],
-label.dso-map.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-a.dso-map.dso-spinner-left::before,
-button.dso-map.dso-spinner-left::before,
-label.dso-map.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-map.dso-spinner-left:not([disabled]):hover::before,
-button.dso-map.dso-spinner-left:not([disabled]):hover::before,
-label.dso-map.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,
-button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,
-label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-spinner-right::after,
-button.dso-map.dso-spinner-right::after,
-label.dso-map.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-right:not([disabled]):hover::after,
-button.dso-map.dso-spinner-right:not([disabled]):hover::after,
-label.dso-map.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,
-button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,
-label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-  border: 0;
-  font-weight: 600;
-  margin-inline-end: 16px;
-  padding-block: 8px;
-  padding-inline: 16px;
-  white-space: nowrap;
-}
-a.dso-map:focus, a.dso-map:focus-visible,
-button.dso-map:focus,
-button.dso-map:focus-visible,
-label.dso-map:focus,
-label.dso-map:focus-visible {
-  outline-offset: -1px;
-}
-a.dso-map:has(span.sr-only):has(dso-icon),
-button.dso-map:has(span.sr-only):has(dso-icon),
-label.dso-map:has(span.sr-only):has(dso-icon) {
-  padding: 8px;
-  min-inline-size: auto;
-  block-size: 40px;
-  inline-size: 40px;
-}
-
-a.dso-primary {
-  text-decoration: none;
-}
-a.dso-primary, a.dso-primary:visited {
-  color: #fff;
-}
-a.dso-secondary {
-  text-decoration: none;
-}
-a.dso-secondary, a.dso-secondary:visited {
-  color: #39870c;
-}
-a.dso-secondary:hover, a.dso-secondary:visited:hover {
-  color: #275937;
-}
-a.dso-tertiary {
-  text-decoration: none;
-}
-a.dso-tertiary, a.dso-tertiary:visited {
-  color: #39870c;
-}
-
-.dso-primary + .dso-primary,
-.dso-primary + .dso-secondary,
-.dso-primary + .dso-tertiary,
-.dso-secondary + .dso-primary,
-.dso-secondary + .dso-secondary,
-.dso-secondary + .dso-tertiary,
-.dso-tertiary + .dso-primary,
-.dso-tertiary + .dso-secondary,
-.dso-tertiary + .dso-tertiary {
-  margin-inline-start: 16px;
-}
-
-mark {
-  background-color: var(--_dt-mark-bg-color, #f8f5ce);
-  color: var(--_dt-mark-color, #000);
-  padding-block: var(--_dt-mark-padding-block, 0.2rem);
-  font-weight: var(--_dt-mark-font-weight, normal);
-}
-mark.dso-highlight {
-  background-color: #dbd136;
-}
-
-.sr-only {
-  position: absolute;
-  inline-size: 1px;
-  block-size: 1px;
-  padding: 0;
-  margin: -1px;
-  border: 0;
-  overflow: hidden;
-  clip-path: rect(0 0 0 0);
-}
-
-:host {
-  display: block;
-  --depth: var(--a, 0);
-}
-
-:host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {
-  padding-inline-start: 8px;
-  margin-inline-end: 8px;
-}
-
-:host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])),
-:host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {
-  padding-block-start: 4px;
-  padding-block-end: 4px;
-}
-
-:host([wijzigactie=verwijderContainer]) .heading-container,
-:host(:where([wijzigactie=verwijder])) {
-  --_dso-document-component-text-decoration: line-through;
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container,
-:host(:where([wijzigactie=verwijder])) {
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  --_dso-button-tertiary-color: #191919;
-  --_dso-button-tertiary-hover-color: #4c4c4c;
-  --_dso-button-tertiary-active-color: #173521;
-  --_dso-button-tertiary-disabled-color: #999;
-  background-color: #f5d8dc;
-  color: #191919;
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
-}
-
-.heading-element,
-.content {
-  text-decoration: var(--_dso-document-component-text-decoration);
-  --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration);
-}
-@media screen and (min--moz-device-pixel-ratio: 0) {
-  .heading-element,
-  .content {
-    font-family: sans-serif;
-  }
-}
-
-:host([wijzigactie=nieuweContainer]) .heading-container,
-:host([wijzigactie=voegtoe]) {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container,
-:host([wijzigactie=voegtoe]) {
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  --_dso-button-tertiary-color: #191919;
-  --_dso-button-tertiary-hover-color: #4c4c4c;
-  --_dso-button-tertiary-active-color: #173521;
-  --_dso-button-tertiary-disabled-color: #999;
-  background-color: #e4f1d4;
-  color: #191919;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
-}
-
-:host([filtered]) {
-  position: relative;
-}
-:host([filtered])::before {
-  content: "";
-  inset-inline-start: -3px;
-  position: absolute;
-  display: block;
-  inline-size: 3px;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  background-color: #6ca4d9;
-}
-
-:host([open]) .annotation-container,
-:host([open]) .heading-container,
-:host([open-annotation]) .annotation-container,
-:host([open-annotation]) .heading-container {
-  margin-block-end: 8px;
-}
-
-:host(:not([open])) dso-ozon-content::part(_subtitels),
-:host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {
-  display: none;
-}
-
-.recursive-toggle,
-.toggle-button {
-  --_dso-icon-button-tertiary-color: #275937;
-  border: 0;
-  padding: 0;
-  background: 0;
-  color: #275937;
-}
-
-.heading-anchor {
-  display: flex;
-  flex-wrap: nowrap;
-  background-color: transparent;
-  color: var(--link-color);
-  text-decoration: underline;
-  text-underline-offset: 15%;
-}
-.heading-anchor:hover, .heading-anchor:focus-visible {
-  color: var(--link-hover-color);
-  text-decoration: underline;
-}
-.heading-anchor:active {
-  text-decoration: none;
-}
-.heading-anchor dso-icon + span,
-.heading-anchor span + dso-icon {
-  margin-inline-start: 8px;
-}
-.heading-anchor .sr-only + dso-icon {
-  margin-inline-start: 0;
-}
-.heading-anchor:visited {
-  color: var(--link-visited-color);
-}
-.heading-anchor {
-  text-decoration: none;
-}
-
-.heading-element {
-  align-items: start;
-  display: flex;
-  font-size: 1rem;
-  color: #275937;
-  margin: 0;
-}
-.heading-element > * {
-  vertical-align: middle;
-}
-
-.alternative-title {
-  cursor: pointer;
-}
-.alternative-title:hover, .alternative-title:focus-visible {
-  color: var(--link-hover-color);
-  text-decoration: underline;
-}
-.alternative-title:active {
-  text-decoration: none;
-}
-
-:host([not-collapsible]) .heading-container {
-  margin-block-end: 0;
-}
-:host([not-collapsible]) .editaction-label {
-  margin-inline-start: 0;
-}
-:host([not-collapsible]) dso-ozon-content.kop::part(_kop) {
-  color: #000;
-}
-
-:host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {
-  display: inline;
-}
-
-:host([mode=document]:not([not-collapsible])) {
-  --link-color: #39870c;
-  --link-hover-color: #676cb0;
-}
-:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {
-  cursor: pointer;
-}
-:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {
-  color: var(--link-hover-color);
-  text-decoration: underline;
-}
-:host([mode=document]:not([not-collapsible])) .editaction-label {
-  margin-inline-start: 24px;
-}
-
-:host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {
-  text-decoration: none;
-}
-
-:host([mode=table-of-contents]) .heading-container {
-  padding-inline-start: 8px;
-}
-:host([mode=table-of-contents]) .heading-element {
-  color: inherit;
-}
-:host([mode=table-of-contents]) .editaction-label {
-  margin-inline-start: 0;
-}
-
-:host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {
-  --_dso-icon-button-tertiary-color: inherit;
-  color: inherit;
-}
-
-:host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {
-  font-weight: normal;
-}
-
-.addons {
-  margin-inline-start: auto;
-  display: flex;
-  gap: 8px;
-}
-
-.heading {
-  display: flex;
-  align-items: start;
-  gap: 8px;
-}
-
-:host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop),
-:host([type=ARTIKEL]:not([alternative-title])) .toggle-button {
-  --_dso-icon-button-tertiary-color: #000;
-  color: #000;
-}
-
-:host([type=LID][open-annotation]) .annotation-container {
-  margin-block-start: 8px;
-}
-
-.editaction-label {
-  font-style: italic;
-  margin-inline-start: 8px;
-}
-
-.content,
-.heading-container {
-  padding-inline-end: 8px;
-}
-
-.content {
-  --_dso-alert-margin-block-end: 8px;
-}
-
-.annotation-container {
-  padding-inline-end: 8px;
-}
-.annotation-container dso-panel {
-  --_dso-panel-body-background-color: #fff;
-}
-
-:host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {
-  --_dso-panel-body-background-color: #faecee;
-  --_dso-renvooi-text-decoration: line-through;
-}
-
-:host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {
-  --_dso-panel-body-background-color: #f2f8ea;
-}`;
-
-const wijzigactieLabels = {
-    nieuweContainer: "Toegevoegd",
-    verwijder: "Verwijderd",
-    verwijderContainer: "Verwijderd",
-    voegtoe: "Toegevoegd",
-};
-const AantekenStatus = ({ gereserveerd, vervallen }) => {
-    return (h(Fragment, null, " ", gereserveerd && (h("dso-label", Object.assign({ compact: true }, (gereserveerd.wijzigactie
-        ? { status: gereserveerd.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
-        : {})), gereserveerd.type)), " ", vervallen && (h("dso-label", Object.assign({ compact: true }, (vervallen.wijzigactie
-        ? { status: vervallen.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
-        : {})), vervallen.type))));
-};
-const AantekenAlert = ({ gereserveerd, vervallen }) => {
-    if (gereserveerd && gereserveerd.wijzigactie !== "verwijder" && !vervallen) {
-        return h("dso-alert", { status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.");
-    }
-    if (vervallen && vervallen.wijzigactie !== "voegtoe" && !gereserveerd) {
-        return h("dso-alert", { status: "info" }, "Dit onderdeel is vervallen.");
-    }
-    return null;
-};
-const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentComponent extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoRecursiveToggle = createEvent(this, "dsoRecursiveToggle", 3);
-        this.dsoOpenToggle = createEvent(this, "dsoOpenToggle", 3);
-        this.dsoTableOfContentsClick = createEvent(this, "dsoTableOfContentsClick", 3);
-        this.dsoOzonContentClick = createEvent(this, "dsoOzonContentClick", 3);
-        this.dsoAnnotationToggle = createEvent(this, "dsoAnnotationToggle", 3);
-        this.dsoMarkItemHighlight = createEvent(this, "dsoMarkItemHighlight", 3);
-        /**
-         * The heading element to use.
-         */
-        this.heading = "h2";
-        /**
-         * This boolean attribute indicates whether the children are visible.
-         */
-        this.open = false;
-        /**
-         * Marks this Document Component as belonging to an active filter.
-         */
-        this.filtered = false;
-        /**
-         * Marks this Document Component as not-applicable.
-         */
-        this.notApplicable = false;
-        /**
-         * Enables annotations.
-         */
-        this.annotated = false;
-        /**
-         * When the Annotation is opened, set this to true.
-         */
-        this.openAnnotation = false;
-        /**
-         * The mode of the Document Component. One of "document" or "table-of-contents". Defaults to "document"
-         */
-        this.mode = "document";
-        this.handleHeadingClick = (e) => {
-            if (this.mode === "table-of-contents") {
-                this.dsoTableOfContentsClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
-            }
-            else if (this.type !== "LID") {
-                this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });
-            }
-        };
-        this.handleOzonContentClick = (event) => {
-            const { detail } = event;
-            if (detail.type === "Kop") {
-                this.handleHeadingClick(detail.originalEvent);
-            }
-            else {
-                this.dsoOzonContentClick.emit({ originalEvent: event, ozonContentClick: event.detail });
-            }
-        };
-        this.handleRecursiveToggleClick = (e) => {
-            this.dsoRecursiveToggle.emit({
-                originalEvent: e,
-                current: this.recursiveToggle,
-                next: this.recursiveToggle !== true,
-            });
-        };
-    }
-    /**
-     * The Kop XML.
-     */
-    get kop() {
-        return this._kopInput;
-    }
-    set kop(value) {
-        this._kopInput = value;
-        this._kop = typeof value === "string" ? parseXml(value) : value;
-    }
-    /**
-     * The Inhoud XML.
-     */
-    get inhoud() {
-        return this._inhoudInput;
-    }
-    set inhoud(value) {
-        this._inhoudInput = value;
-        this._inhoud = typeof value === "string" ? parseXml(value) : value;
-    }
-    /**
-     * Marks Document Component as reserved.
-     */
-    get gereserveerd() {
-        return this._gereserveerdInput;
-    }
-    set gereserveerd(value) {
-        this._gereserveerdInput = value;
-        this._gereserveerd = this.parseAantekenElement(value);
-    }
-    /**
-     * Marks the Document Component as expired.
-     */
-    get vervallen() {
-        return this._vervallenInput;
-    }
-    set vervallen(value) {
-        this._vervallenInput = value;
-        this._vervallen = this.parseAantekenElement(value);
-    }
-    get wijzigactieLabel() {
-        return this.wijzigactie && wijzigactieLabels[this.wijzigactie];
-    }
-    showBadge() {
-        return !!this.badge && ((!this.open && this.mode === "document") || this.mode === "table-of-contents");
-    }
-    parseAantekenElement(input) {
-        if (!input) {
-            return undefined;
-        }
-        let element;
-        if (typeof input === "string") {
-            const doc = parseXml(input);
-            element = doc === null || doc === void 0 ? void 0 : doc.documentElement;
-        }
-        else if (input instanceof XMLDocument) {
-            element = input.documentElement;
-        }
-        if (!element) {
-            return undefined;
-        }
-        const wijzigactie = parseWijzigactieFromNode(element);
-        const tag = element.tagName.toLowerCase();
-        let type;
-        if (tag === "vervallen") {
-            type = "Vervallen";
-        }
-        else if (tag === "gereserveerd") {
-            type = "Gereserveerd";
-        }
-        if (!type) {
-            return undefined;
-        }
-        return { type, wijzigactie };
-    }
-    render() {
-        const collapsible = !!((this._kop || this.alternativeTitle) && this.type !== "LID");
-        const showHeading = !!(this.wijzigactie ||
-            collapsible ||
-            this._kop ||
-            this.alternativeTitle ||
-            this.label ||
-            this.annotated);
-        return (h(Host, { key: '68f4fb252bc7a1657867c8462f02c37acfcfd795', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '461c603eab7110053373f2b5c224dadb9b7a1e11', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '956832b500e8fd2af29a324c6396e87957c08e1a', class: "heading" }, h(Heading, { key: 'd4d1ba7715f0760697ba7b19beedc91a76da1719', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '71d8c07c0ac6444fb8be558201e0c427259b684f' }, this.notApplicable && h("span", { key: 'e339b003b6603fa435c2ed0fc2cf47d2b67b41e9', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '00b0e9074b2d34a39f64b68cb454379345f9e673', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '4c6a480b2c9197c5d8f3479ad747b0533949db18', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'd2dedc1f3fc8e3a05f6a023954876a30f87d4abf' }, h("dso-badge", { key: '3254a799ccfe8325520ee0b34ee1f1e93b27c087', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && h("dso-tooltip", { key: 'b949264eefb558b54b747083d2540cad06304887', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (h("div", { key: '4d3d3681167f76034eb96d30ef3febceb1118567', class: "addons" }, this.label && (h("dso-label", { key: '81d39d5e996b62fd98cc086e2f99ed9e7b5271f8', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '4aaf2a51790cb50355e3bc8eeb08f39c1355f76b', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: '867c144ed5290d09684622a0f292b69a2d5d99ef', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '40209342743374c35afb80c3627a80bdd9f91f17', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '26a7fedc702cb16941b065a110f05a2eb20e7b63', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '8f7cb218e8cabbc070a6782ca49c215f9802570c', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '0d7ff1c5143320acdccf7b8f4662e661e765acfa', class: "content", part: "_content" }, h(AantekenAlert, { key: '1959a7c591ba1947bc03667450c4e159f5e1ed67', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '702b0bd57cb52ceb8e4e7d34e728d0c41305ed48', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: 'b4917c7fc168fa02fa7c8d0377c9f351257a36a3', class: "children-container", part: "_children-container" }, h("slot", { key: 'c5ffa83d96e186675aa81fcc14681372e0095e24' }))));
-    }
-    static get style() { return documentComponentCss(); }
-}, [257, "dso-document-component", {
-        "heading": [1],
-        "kop": [6145],
-        "inhoud": [6145],
-        "open": [516],
-        "filtered": [516],
-        "notApplicable": [516, "not-applicable"],
-        "badge": [1],
-        "badgeStatus": [1, "badge-status"],
-        "badgeTooltip": [1, "badge-tooltip"],
-        "label": [1],
-        "labelStatus": [1, "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 defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["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-table", "dso-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-document-component":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), DocumentComponent);
-            }
-            break;
-        case "dso-alert":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$b();
-            }
-            break;
-        case "dso-badge":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$a();
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$9();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$8();
-            }
-            break;
-        case "dso-image-overlay":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "dso-label":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "dso-ozon-content":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "dso-ozon-content-toggletip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "dso-panel":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dso-table":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "dso-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DocumentComponent as D, defineCustomElement as d };
-//# sourceMappingURL=p-DegYTrRA.js.map
-
-//# sourceMappingURL=p-DegYTrRA.js.map