@dso-toolkit/core 80.0.0 → 81.0.0

package/dist/cjs/tooltip.functional-component-CD9AUuU7.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-DvLsepiK.js');
+var clsx = require('./clsx-BtxeOLZW.js');
+
+const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (index.h("div", { popover: "manual", id: "tooltip", class: clsx.clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
+        e.stopPropagation();
+        if (e.propertyName === "opacity" && !visible) {
+            onAfterHidden();
+        }
+    } },
+    index.h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }),
+    index.h("div", { class: "tooltip-inner" }, children)));
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=tooltip.functional-component-CD9AUuU7.js.map
+
+//# sourceMappingURL=tooltip.functional-component-CD9AUuU7.js.map

package/dist/cjs/tooltip.functional-component-CD9AUuU7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.functional-component-CD9AUuU7.js","sources":["src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"names":["h","clsx"],"mappings":";;;;;MAUa,OAAO,GAAsC,CACxD,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAC7D,QAAQ,MAERA,OAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAEC,SAAI,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EACzC,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,CAAC,CAAC,KAAI;QACrB,CAAC,CAAC,eAAe,EAAE;QAEnB,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE;AAC5C,YAAA,aAAa,EAAE;;KAElB,EAAA;AAED,IAAAD,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,kBAAkB,EAAS,CAAA;IAC5DA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAE,QAAQ,CAAO,CACvC;;;;"}

package/dist/collection/collection-manifest.json

@@ -22,7 +22,6 @@
     "components/card-container/card-container.js",
     "components/contact-information/contact-information.js",
     "components/date-picker/date-picker.js",
-    "components/date-picker-legacy/date-picker-legacy.js",
     "components/document-card/document-card.js",
     "components/document-component/document-component.js",
     "components/document-component-demo/document-component.demo.js",
@@ -47,6 +46,7 @@
     "components/modal/modal.js",
     "components/onboarding-tip/onboarding-tip.js",
     "components/ozon-content/ozon-content.js",
+    "components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js",
     "components/pagination/pagination.js",
     "components/plekinfo-card/plekinfo-card.js",
     "components/progress-bar/progress-bar.js",

package/dist/collection/components/accordion/components/accordion-section.css

@@ -314,7 +314,9 @@
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 :host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   :host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) {
@@ -420,8 +422,7 @@
   color: #39870c;
   margin-inline-start: 8px;
 }
-:host(.dso-accordion-neutral) .dso-section-handle dso-icon,
-:host(.dso-accordion-neutral) .dso-section-handle svg.di {
+:host(.dso-accordion-neutral) .dso-section-handle dso-icon {
   vertical-align: top;
 }
 :host(.dso-accordion-neutral) .dso-section-body[open],

package/dist/collection/components/annotation/annotation.css

@@ -11,11 +11,11 @@ a:hover, a:focus-visible {
 a:active {
   text-decoration: none;
 }
-a :is(dso-icon, svg.di) + span,
-a span + :is(dso-icon, svg.di) {
+a dso-icon + span,
+a span + dso-icon {
   margin-inline-start: 8px;
 }
-a .sr-only + :is(dso-icon, svg.di) {
+a .sr-only + dso-icon {
   margin-inline-start: 0;
 }
 a:visited {
@@ -104,6 +104,7 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
 }
 :host([wijzigactie=voegtoe]) {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 
 :host([wijzigactie=verwijder]) {
@@ -134,7 +135,9 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 :host([wijzigactie=verwijder]) {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   :host([wijzigactie=verwijder]) {

package/dist/collection/components/card/card.css

@@ -11,11 +11,11 @@ a:hover, a:focus-visible {
 a:active {
   text-decoration: none;
 }
-a :is(dso-icon, svg.di) + span,
-a span + :is(dso-icon, svg.di) {
+a dso-icon + span,
+a span + dso-icon {
   margin-inline-start: 8px;
 }
-a .sr-only + :is(dso-icon, svg.di) {
+a .sr-only + dso-icon {
   margin-inline-start: 0;
 }
 a:visited {

package/dist/collection/components/document-card/document-card.js

@@ -26,7 +26,7 @@ export class DocumentCard {
         return this.host.querySelector("[slot='meta']");
     }
     render() {
-        return (h("div", { key: 'bbd724d0e936c3f7adb87aff14b8e30b85c7b0c9', class: "dso-document-card-container" }, h("div", { key: '4e8689ef58c31d4f490f105afe64b17c4f764cca', class: "dso-document-card-heading" }, h("a", { key: 'f8aa9dbc91f3307d6d7042599fab6d7d9ee110c7', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '35815a6a48d9ff6666197b0facbf30b4eef242cf', class: "icon-container" }, h("dso-icon", { key: '80a301e406813a4874aa64a565ef9cef7663a494', icon: "chevron-right" }), h("slot", { key: '79bb4598f8e89d9ac047347910c3e0dae3877fbf', name: "heading" }))), this.metaSlottedElement !== null && h("slot", { key: '94090520fef0be8297eeb50848e67ef2b3440367', name: "meta" })), h("div", { key: '5499a344d6a3b3e486df41e789cc1eb20634cbd2', class: "dso-document-card-type" }, h("slot", { key: '0f535e6c5b5574e9844e5ccb6a3fcb0f4fb15770', name: "type" })), h("div", { key: 'da465fb5a9994e922a87954beebfc95b64b04d06', class: "dso-document-card-status" }, h("slot", { key: 'eac2432d9123f912c7d37270c570e6dc23ca147b', name: "status" }))));
+        return (h("div", { key: '830234a02d8b51b43fcae656ce792357fbcaf490', class: "dso-document-card-container" }, h("div", { key: 'a0bf79c29b4db4292f70d51212e9496396422664', class: "dso-document-card-heading" }, h("a", { key: 'a51e4c8d6c82975a322640cf971091ac51d66737', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'd31210e328e3523254abf14e3b2c34fde080aa5d', class: "icon-container" }, h("dso-icon", { key: 'ed764cb80d609701e548e49e8a5b2424a6d76483', icon: "chevron-right" }), h("slot", { key: '4b55617a059c90d0756eda3dcb98280a1ad6f05e', name: "heading" }))), this.metaSlottedElement !== null && h("slot", { key: '437e610ad9aade44351fb04727dd7de455425ead', name: "meta" })), h("div", { key: '5b99cc5760b224db895c5665d2fbf943caa3e385', class: "dso-document-card-type" }, h("slot", { key: '543f5049294be990e79340e4bf7e8fbba5c6daf6', name: "type" })), h("div", { key: 'e5589531c457954a1eea1baeebbebc9158702e1c', class: "dso-document-card-status" }, h("slot", { key: 'eadbbfdce403d39c3b813962f269189a671959dc', name: "status" }))));
     }
     static get is() { return "dso-document-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/document-component/document-component.css

@@ -98,15 +98,12 @@ 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 svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
+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 svg.di,
 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 svg.di,
 label.dso-primary.dso-small.extern::after,
 label.dso-primary.dso-small.download::after,
 label.dso-primary.dso-small.dso-spinner::before {
@@ -130,15 +127,12 @@ 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 svg.di, 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,
+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 svg.di,
 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 svg.di,
 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 {
@@ -163,28 +157,19 @@ label.dso-primary.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-primary dso-icon:has(+ span:not(.sr-only)),
-a.dso-primary svg.di:has(+ span:not(.sr-only)),
 button.dso-primary dso-icon:has(+ span:not(.sr-only)),
-button.dso-primary svg.di:has(+ span:not(.sr-only)),
-label.dso-primary dso-icon:has(+ span:not(.sr-only)),
-label.dso-primary svg.di: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,
-a.dso-primary span:not(.sr-only) + svg.di,
 button.dso-primary span:not(.sr-only) + dso-icon,
-button.dso-primary span:not(.sr-only) + svg.di,
-label.dso-primary span:not(.sr-only) + dso-icon,
-label.dso-primary span:not(.sr-only) + svg.di {
+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),
-a.dso-primary svg.di + span:not(.sr-only),
 button.dso-primary dso-icon + span:not(.sr-only),
-button.dso-primary svg.di + span:not(.sr-only),
-label.dso-primary dso-icon + span:not(.sr-only),
-label.dso-primary svg.di + 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],
@@ -318,15 +303,12 @@ 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 svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
+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 svg.di,
 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 svg.di,
 label.dso-secondary.dso-small.extern::after,
 label.dso-secondary.dso-small.download::after,
 label.dso-secondary.dso-small.dso-spinner::before {
@@ -350,15 +332,12 @@ 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 svg.di, 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,
+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 svg.di,
 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 svg.di,
 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 {
@@ -383,28 +362,19 @@ label.dso-secondary.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-a.dso-secondary svg.di:has(+ span:not(.sr-only)),
 button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary svg.di:has(+ span:not(.sr-only)),
-label.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-label.dso-secondary svg.di: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,
-a.dso-secondary span:not(.sr-only) + svg.di,
 button.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + svg.di,
-label.dso-secondary span:not(.sr-only) + dso-icon,
-label.dso-secondary span:not(.sr-only) + svg.di {
+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),
-a.dso-secondary svg.di + span:not(.sr-only),
 button.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary svg.di + span:not(.sr-only),
-label.dso-secondary dso-icon + span:not(.sr-only),
-label.dso-secondary svg.di + 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],
@@ -622,67 +592,32 @@ label.dso-tertiary.dso-spinner-right::after {
   margin-inline-start: 8px;
 }
 a.dso-tertiary dso-icon + span:not(.sr-only),
-a.dso-tertiary svg.di + span:not(.sr-only),
 a.dso-tertiary span:not(.sr-only) + dso-icon,
-a.dso-tertiary span:not(.sr-only) + svg.di,
 button.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary svg.di + span:not(.sr-only),
 button.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary span:not(.sr-only) + svg.di,
 label.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary svg.di + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary span:not(.sr-only) + svg.di {
+label.dso-tertiary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
 }
-a.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-a.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
-button.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-button.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
-label.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-label.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {
-  margin-inline-start: 4px;
-}
 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 svg.di.di-angle-down + span:not(.sr-only),
-a.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 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 svg.di.di-angle-down + span:not(.sr-only),
-button.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 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 svg.di.di-angle-down + span:not(.sr-only),
-label.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 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 svg.di,
 a.dso-tertiary span,
 button.dso-tertiary dso-icon,
-button.dso-tertiary svg.di,
 button.dso-tertiary span,
 label.dso-tertiary dso-icon,
-label.dso-tertiary svg.di,
 label.dso-tertiary span {
   vertical-align: middle;
 }
@@ -807,15 +742,12 @@ 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 svg.di, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
+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 svg.di,
 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 svg.di,
 label.dso-map.dso-small.extern::after,
 label.dso-map.dso-small.download::after,
 label.dso-map.dso-small.dso-spinner::before {
@@ -839,15 +771,12 @@ 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 svg.di, 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,
+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 svg.di,
 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 svg.di,
 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 {
@@ -872,28 +801,19 @@ label.dso-map.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-map dso-icon:has(+ span:not(.sr-only)),
-a.dso-map svg.di:has(+ span:not(.sr-only)),
 button.dso-map dso-icon:has(+ span:not(.sr-only)),
-button.dso-map svg.di:has(+ span:not(.sr-only)),
-label.dso-map dso-icon:has(+ span:not(.sr-only)),
-label.dso-map svg.di: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,
-a.dso-map span:not(.sr-only) + svg.di,
 button.dso-map span:not(.sr-only) + dso-icon,
-button.dso-map span:not(.sr-only) + svg.di,
-label.dso-map span:not(.sr-only) + dso-icon,
-label.dso-map span:not(.sr-only) + svg.di {
+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),
-a.dso-map svg.di + span:not(.sr-only),
 button.dso-map dso-icon + span:not(.sr-only),
-button.dso-map svg.di + span:not(.sr-only),
-label.dso-map dso-icon + span:not(.sr-only),
-label.dso-map svg.di + 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],
@@ -983,9 +903,9 @@ label.dso-map:focus,
 label.dso-map:focus-visible {
   outline-offset: -1px;
 }
-a.dso-map:has(span.sr-only):has(dso-icon, svg.di),
-button.dso-map:has(span.sr-only):has(dso-icon, svg.di),
-label.dso-map:has(span.sr-only):has(dso-icon, svg.di) {
+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;
@@ -1089,10 +1009,15 @@ a.dso-tertiary, a.dso-tertiary:visited {
 :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-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,
@@ -1136,6 +1061,7 @@ a.dso-tertiary, a.dso-tertiary:visited {
 :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]) {
@@ -1189,11 +1115,11 @@ a.dso-tertiary, a.dso-tertiary:visited {
 .heading-anchor:active {
   text-decoration: none;
 }
-.heading-anchor :is(dso-icon, svg.di) + span,
-.heading-anchor span + :is(dso-icon, svg.di) {
+.heading-anchor dso-icon + span,
+.heading-anchor span + dso-icon {
   margin-inline-start: 8px;
 }
-.heading-anchor .sr-only + :is(dso-icon, svg.di) {
+.heading-anchor .sr-only + dso-icon {
   margin-inline-start: 0;
 }
 .heading-anchor:visited {

package/dist/collection/components/document-component/document-component.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-component.interfaces.js","sourceRoot":"","sources":["../../../../src/components/document-component/document-component.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import { DsoOzonContentCustomEvent } from \"../../components\";\r\nimport { OzonContentAnchorClickEvent, OzonContentText } from \"../ozon-content/ozon-content.interfaces\";\r\n\r\nexport interface DocumentComponentOpenToggleEvent {\r\n  originalEvent: Event;\r\n  open: boolean;\r\n}\r\n\r\nexport interface DocumentComponentToggleAnnotationEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\nexport type DocumentComponentWijzigactie = \"voegtoe\" | \"verwijder\" | \"nieuweContainer\" | \"verwijderContainer\";\r\n\r\nexport type DocumentComponentAnnotationsWijzigactie = \"voegtoe\" | \"verwijder\";\r\n\r\nexport interface DocumentComponentOzonContentAnchorClickEvent {\r\n  originalEvent: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>;\r\n  ozonContentAnchorClick: OzonContentAnchorClickEvent;\r\n}\r\n\r\nexport type DocumentComponentInputType = XMLDocument | string;\r\n\r\ntype DocumentComponentSource = \"kop\" | \"inhoud\";\r\n\r\nexport type DocumentComponentMarkFunction = (text: string, source: DocumentComponentSource) => OzonContentText[];\r\n\r\nexport interface DocumentComponentMarkItemHighlightEvent {\r\n  source: DocumentComponentSource;\r\n  text: string;\r\n  elementRef: HTMLElement;\r\n}\r\n\r\nexport type DocumentComponentRecursiveToggleState = undefined | boolean | \"indeterminate\";\r\n\r\nexport interface DocumentComponentRecursiveToggleEvent {\r\n  originalEvent: MouseEvent;\r\n  current: DocumentComponentRecursiveToggleState;\r\n  next: boolean;\r\n}\r\n\r\nexport type DocumentComponentMode = \"document\" | \"table-of-contents\";\r\n\r\nexport interface DocumentComponentTableOfContentsClickEvent {\r\n  originalEvent: MouseEvent;\r\n  /** True when user clicked the document component heading while holding Ctrl, Alt or other modifiers, or when the document component heading is right-clicked. Can be used to determine navigation. */\r\n  isModifiedEvent: boolean;\r\n}\r\n\r\nexport interface DocumentComponentAantekenElement {\r\n  type: \"Vervallen\" | \"Gereserveerd\";\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n}\r\n"]}
+{"version":3,"file":"document-component.interfaces.js","sourceRoot":"","sources":["../../../../src/components/document-component/document-component.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import { DsoOzonContentCustomEvent } from \"../../components\";\r\nimport { OzonContentClickEvent, OzonContentText } from \"../ozon-content/ozon-content.interfaces\";\r\n\r\nexport interface DocumentComponentOpenToggleEvent {\r\n  originalEvent: Event;\r\n  open: boolean;\r\n}\r\n\r\nexport interface DocumentComponentToggleAnnotationEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\nexport type DocumentComponentWijzigactie = \"voegtoe\" | \"verwijder\" | \"nieuweContainer\" | \"verwijderContainer\";\r\n\r\nexport type DocumentComponentAnnotationsWijzigactie = \"voegtoe\" | \"verwijder\";\r\n\r\nexport interface DocumentComponentOzonContentClickEvent {\r\n  originalEvent: DsoOzonContentCustomEvent<OzonContentClickEvent>;\r\n  ozonContentClick: OzonContentClickEvent;\r\n}\r\n\r\nexport type DocumentComponentInputType = XMLDocument | string;\r\n\r\ntype DocumentComponentSource = \"kop\" | \"inhoud\";\r\n\r\nexport type DocumentComponentMarkFunction = (text: string, source: DocumentComponentSource) => OzonContentText[];\r\n\r\nexport interface DocumentComponentMarkItemHighlightEvent {\r\n  source: DocumentComponentSource;\r\n  text: string;\r\n  elementRef: HTMLElement;\r\n}\r\n\r\nexport type DocumentComponentRecursiveToggleState = undefined | boolean | \"indeterminate\";\r\n\r\nexport interface DocumentComponentRecursiveToggleEvent {\r\n  originalEvent: MouseEvent;\r\n  current: DocumentComponentRecursiveToggleState;\r\n  next: boolean;\r\n}\r\n\r\nexport type DocumentComponentMode = \"document\" | \"table-of-contents\";\r\n\r\nexport interface DocumentComponentTableOfContentsClickEvent {\r\n  originalEvent: MouseEvent;\r\n  /** True when user clicked the document component heading while holding Ctrl, Alt or other modifiers, or when the document component heading is right-clicked. Can be used to determine navigation. */\r\n  isModifiedEvent: boolean;\r\n}\r\n\r\nexport interface DocumentComponentAantekenElement {\r\n  type: \"Vervallen\" | \"Gereserveerd\";\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n}\r\n"]}

package/dist/collection/components/document-component/document-component.js

@@ -1,5 +1,6 @@
 import { Fragment, Host, h, } from "@stencil/core";
 import { isModifiedEvent } from "../../utils/is-modified-event";
+import { parseXml } from "../../utils/parse-xml";
 import { parseWijzigactieFromNode } from "../ozon-content/functions/parse-wijzigactie-from-node.function";
 import { Heading } from "./document-component-heading";
 const wijzigactieLabels = {
@@ -24,7 +25,6 @@ const AantekenAlert = ({ gereserveerd, vervallen }) => {
     }
     return null;
 };
-const parser = new DOMParser();
 /**
  * @part _annotation-container - private part, do not touch.
  * @part _children-container - private part, do not touch.
@@ -77,14 +77,14 @@ export class DocumentComponent {
                 this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });
             }
         };
-        this.handleOzonContentAnchorClick = (e) => {
-            this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });
-        };
         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({
@@ -102,7 +102,7 @@ export class DocumentComponent {
     }
     set kop(value) {
         this._kopInput = value;
-        this._kop = typeof value === "string" ? parser.parseFromString(value, "application/xml") : value;
+        this._kop = typeof value === "string" ? parseXml(value) : value;
     }
     /**
      * The Inhoud XML.
@@ -112,7 +112,7 @@ export class DocumentComponent {
     }
     set inhoud(value) {
         this._inhoudInput = value;
-        this._inhoud = typeof value === "string" ? parser.parseFromString(value, "application/xml") : value;
+        this._inhoud = typeof value === "string" ? parseXml(value) : value;
     }
     /**
      * Marks Document Component as reserved.
@@ -146,10 +146,10 @@ export class DocumentComponent {
         if (!input) {
             return undefined;
         }
-        let element = null;
+        let element;
         if (typeof input === "string") {
-            const doc = parser.parseFromString(input, "application/xml");
-            element = doc.documentElement;
+            const doc = parseXml(input);
+            element = doc === null || doc === void 0 ? void 0 : doc.documentElement;
         }
         else if (input instanceof XMLDocument) {
             element = input.documentElement;
@@ -179,7 +179,7 @@ export class DocumentComponent {
             this.alternativeTitle ||
             this.bevatOntwerpInformatie ||
             this.annotated);
-        return (h(Host, { key: '2bde27083a836d55aa970c132c5bef4c9c024864', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '490efbdf8cba7d2e402d397cd5c716652a74c8ad', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '7a6fe102e92311de8493959f6ff43fe1cc8d5ce2', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'ff1e4b4c1b1b95cae78c8f7ee94edce9d37c24ab', class: "heading" }, h(Heading, { key: '89253544fcdd9ed0fdb170d034c72d75910fce12', 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: '38bc8d6d7e91b5bedcd95fb87929c0a3c17a6f9a', 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("span", { key: 'c4a25f748ec08452630cc4fa759439b11a2c29a7', id: "heading-title" }, this.notApplicable && h("span", { key: 'ab8156d9efccec6a30e657a13f00b0d876e09bf5', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoAnchorClick: this.handleOzonContentAnchorClick, 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 })) : (this.alternativeTitle), h(AantekenStatus, { key: 'ce6472c6c96ba037c07da72e17a49a0ec2c8f45f', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '256d94eec087000e2d91c8dbf2f574aa565a42a5', 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: 'f2914d80286543c96166198f1df8e3cacd740ca6' }, h("dso-badge", { key: '27b14b6c283c81af3a7e96b12ca63b161f6e3aa4', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '08a01e059ec810006562429eb37156ac3f729028', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: 'd114a988e02aab1e9038d9e37dfd5d60448bf784', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '2ba5f37c2924c7e1a696e3953c3e9493f520865e', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: 'ab21305d36a05307958aa26475368ce135ebc16e', 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: 'c804d938d4440af62f5fbcfbeb8589bac2235190', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '5c09f8274838f026092b9c7ba040ab227bbdb17b', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: 'fcd8f5b88f1996ceccc22f1afcfc36ea9251f7e8', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '3d1332f26729970af9a4c7930e50331fec29ec90', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: 'dc322fb8d5c3788b712594154e0d1a9dc84fefea', class: "content", part: "_content" }, h(AantekenAlert, { key: 'a50fc152de9a522a79396c2dc9a15a51c1ce6bbe', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '4ce1bbc319553d0207a0a2cdffe65427043602ab', content: this._inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, 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 })))), h("div", { key: '6109a2121da80c12187a1597bd2cebd2839cb4df', class: "children-container", part: "_children-container" }, h("slot", { key: '7f9c6b3870f8d70599ad0099c3eabefb9626e7a7' }))));
+        return (h(Host, { key: '40d3a33a589b69f99c853d008a173666e9f20c72', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '6ba20b3b4c2d8765d2e43c322db229a90a0d1a3b', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '8b44236d07b880158d856c4c3811cfe0e2048016', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'b8b09440ec1ef4ed09b39fba69cbbddca56448b9', class: "heading" }, h(Heading, { key: '1b984f4a6dc068a093735cf240bf3019443b9f47', 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: '25034b443b9d171a6a7ac89284475893dad791e1', 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("span", { key: 'f82288495d331a9705cc39409d1668eaac57dd07', id: "heading-title" }, this.notApplicable && h("span", { key: 'dd9bc6ed9a5be56ace643dd92bafb66a36dcc3c4', 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 })) : (this.alternativeTitle), h(AantekenStatus, { key: '9bb6f0bfe52dfb64fde38bd1949304565524c8d4', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: 'e074b1eeae60843da23d11de4a1e7c2b619d349a', 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: 'f991cc43a54aebce4054040e717d242c70427fcb' }, h("dso-badge", { key: 'bd09fdd27837811af0d7ac95a12cbce45023f345', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '67963a4c2c0ebf23beff8eb95e471e839c82dedb', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '19b2b05dc24e350f7a197fe2ac5b880aecf56179', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '749e929da5e194a330210018d34ee9884f71166e', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '8cf52c6604c2efa3a8b5025f4493508ee610ef2e', 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: 'c58b368b32eca4cb81eab734cfcf3e868d71682d', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '1035c8e553cb8e4d21506d0b356ccbcb5153d4d6', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '6ef36113175dc3006c02735d238aaa6a6ea1380b', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '8b42c984f7ddd19df5bdd168304aace15a4a0d1e', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '3d44b4495b29e0b54fc7e90348ffcd97490696fd', class: "content", part: "_content" }, h(AantekenAlert, { key: '131874c7e19d989f95b28f3717aad5d52e2515bd', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: 'ff98fc973afb4ef8a4a543ebd2deef4b5ec8b9ba', 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 })))), h("div", { key: 'e6387534c369ebdfde14d8e631efd4bf2e40b5ae', class: "children-container", part: "_children-container" }, h("slot", { key: 'fc1fb7c168b5ff078313af838613943a53d7f679' }))));
     }
     static get is() { return "dso-document-component"; }
     static get encapsulation() { return "shadow"; }
@@ -616,6 +616,33 @@ export class DocumentComponent {
                 "getter": false,
                 "setter": false
             },
+            "ozonContentBegripResolver": {
+                "type": "unknown",
+                "attribute": "ozon-content-begrip-resolver",
+                "mutable": false,
+                "complexType": {
+                    "original": "OzonContentBegripResolver",
+                    "resolved": "OzonContentBegripResolver | undefined",
+                    "references": {
+                        "OzonContentBegripResolver": {
+                            "location": "import",
+                            "path": "../ozon-content/ozon-content.interfaces",
+                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentBegripResolver"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "scope",
+                            "text": "=\"Begrip\"."
+                        }],
+                    "text": "A BegripResolver that will be called for STOP element \"IntRef\" with"
+                },
+                "getter": false,
+                "setter": false
+            },
             "mode": {
                 "type": "string",
                 "attribute": "mode",
@@ -728,23 +755,23 @@ export class DocumentComponent {
                     }
                 }
             }, {
-                "method": "dsoOzonContentAnchorClick",
-                "name": "dsoOzonContentAnchorClick",
+                "method": "dsoOzonContentClick",
+                "name": "dsoOzonContentClick",
                 "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emitted when the user actives intRef or intIoRef anchors in Ozon Content"
+                    "text": "Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content"
                 },
                 "complexType": {
-                    "original": "DocumentComponentOzonContentAnchorClickEvent",
-                    "resolved": "DocumentComponentOzonContentAnchorClickEvent",
+                    "original": "DocumentComponentOzonContentClickEvent",
+                    "resolved": "DocumentComponentOzonContentClickEvent",
                     "references": {
-                        "DocumentComponentOzonContentAnchorClickEvent": {
+                        "DocumentComponentOzonContentClickEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOzonContentAnchorClickEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOzonContentClickEvent"
                         }
                     }
                 }