@dso-toolkit/core 83.1.0 → 84.1.0

package/dist/bundle/p-Bb1b-JAh.js

@@ -0,0 +1,1606 @@
+import { h, p as proxyCustomElement, H, e as createEvent, F as Fragment, d as Host, t as transformTag } from './p-BeWimuZg.js';
+import { p as parseXml, a as parseWijzigactieFromNode, M as MarkText, d as defineCustomElement$5 } from './p-BffcZg_M.js';
+import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
+import { d as defineCustomElement$b } from './p-DQrlJzt1.js';
+import { d as defineCustomElement$a } from './p-CU2teuXB.js';
+import { d as defineCustomElement$9 } from './p-DMYengW8.js';
+import { d as defineCustomElement$8 } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$7 } from './p-DaeSaYQE.js';
+import { d as defineCustomElement$6 } from './p-iy1TKL4y.js';
+import { d as defineCustomElement$4 } from './p-D9_nsOH9.js';
+import { d as defineCustomElement$3 } from './p-BzA2scQd.js';
+import { d as defineCustomElement$2 } from './p-BnFv61zP.js';
+import { d as defineCustomElement$1 } from './p-mgDux5p5.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;
+}
+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);
+}
+a.dso-primary,
+button.dso-primary,
+label.dso-primary {
+  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;
+}
+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);
+}
+a.dso-secondary,
+button.dso-secondary,
+label.dso-secondary {
+  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;
+}
+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 {
+  border: 0;
+  color: #39870c;
+  line-height: 1;
+  padding: 0;
+  background-color: transparent;
+}
+a.dso-tertiary[disabled],
+button.dso-tertiary[disabled],
+label.dso-tertiary[disabled] {
+  color: #afcf9d;
+}
+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 {
+  color: #275937;
+  text-decoration: underline;
+  text-underline-position: under;
+}
+a.dso-tertiary:not([disabled]):active,
+button.dso-tertiary:not([disabled]):active,
+label.dso-tertiary:not([disabled]):active {
+  color: #173521;
+}
+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;
+}
+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);
+}
+a.dso-map,
+button.dso-map,
+label.dso-map {
+  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;
+}
+:host([wijzigactie=verwijderContainer]) .heading-container,
+:host(:where([wijzigactie=verwijder])) {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+}
+:host([wijzigactie=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;
+  background-color: #f5d8dc;
+  color: #191919;
+}
+:host([wijzigactie=verwijderContainer]) .heading-container,
+:host(:where([wijzigactie=verwijder])) {
+  --_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;
+  background-color: #e4f1d4;
+  color: #191919;
+}
+:host([wijzigactie=nieuweContainer]) .heading-container,
+:host([wijzigactie=voegtoe]) {
+  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;
+        /**
+         * When a child Document Component has a status "Draft".
+         */
+        this.genesteOntwerpInformatie = false;
+        /**
+         * Marks as draft.
+         */
+        this.bevatOntwerpInformatie = 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];
+    }
+    showOntwerpBadge() {
+        return (this.genesteOntwerpInformatie &&
+            !this.bevatOntwerpInformatie &&
+            ((!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.bevatOntwerpInformatie ||
+            this.annotated);
+        return (h(Host, { key: '36ab426cfb2130bf474c3232b191447f01860343', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '641d209eb86ceeea204647fe923f8abf445529db', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'c5bfbadd27ee536a7acd4983303343c06e13e36e', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'c83b345463b36048557472e2a325a7e74f42119f', class: "heading" }, h(Heading, { key: '39155283828000393d3f59aceea96ad61abba1a2', 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: '12f4eb10033cb0c63c4ab57d0c113cc7531a275d', 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: '7764bfe3323f1b602a7a4b8d9340f2ee30627694' }, this.notApplicable && h("span", { key: '0affec0e7b54f9188e9d042b6e8abd312c804794', 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: 'cef5cc7ff493b91cdfaf9620642a8a4039e50412', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: 'df215f601309cd8787105ad06825303cc0cd3984', 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.showOntwerpBadge() && (h(Fragment, { key: 'c2914d7f1d67585f18205655c144f2b9179b4399' }, h("dso-badge", { key: 'b2d9b50252f84fc42a24ea14d2c37e6782d92ec5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '9c53081478a277311f03c71447ff92bc24189ca3', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: 'fd3fa5acaa37cdbd794c8cd4b4ec9fc93befc3cb', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '1b63aec2ee2df5c4f9c9459c4edcc92819dc363d', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: 'e2349aa63961b4967fdd87b28cff901eba9d044b', 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: 'baefe2cae5ec013cd01d40ebd6224825fdfae0d3', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '475cfce4a114b23473649621a06dea2ee4d903c4', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '372049c8d26faaa7d1260d4c64d9e11b37a5584c', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: 'cfa2f6ceff337228a0520214dc8e259c14e34c04', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '14192e605a1db5a3b59ea0f337961730877c3d3c', class: "content", part: "_content" }, h(AantekenAlert, { key: '5d7a3b758fb1f4ff99e5f2555a37547746c735f8', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: 'd70aceb93869844744f1ecdd161518631d7bf6c8', 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: '59cbc0624a0a66182aba7b0c83e41207e1756beb', class: "children-container", part: "_children-container" }, h("slot", { key: 'f8a25a2f71f26c72d5d17e84b5425191305dd0c7' }))));
+    }
+    static get style() { return documentComponentCss(); }
+}, [257, "dso-document-component", {
+        "heading": [1],
+        "kop": [6145],
+        "inhoud": [6145],
+        "open": [516],
+        "filtered": [516],
+        "notApplicable": [516, "not-applicable"],
+        "genesteOntwerpInformatie": [516, "geneste-ontwerp-informatie"],
+        "bevatOntwerpInformatie": [516, "bevat-ontwerp-informatie"],
+        "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-Bb1b-JAh.js.map
+
+//# sourceMappingURL=p-Bb1b-JAh.js.map