@dso-toolkit/core 88.1.0 → 89.0.0

package/dist/collection/components/date-picker/date-picker.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=date-picker.interfaces.js.map

package/dist/collection/components/date-picker/date-picker.js

@@ -105,8 +105,7 @@ export class DsoDatePicker {
         return undefined;
     }
     render() {
-        var _a;
-        return (h("input", { key: '6f1578829a919a36fb98128cb807d082e33c986f', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '6f1578829a919a36fb98128cb807d082e33c986f', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     static get is() { return "dso-date-picker"; }
     static get encapsulation() { return "scoped"; }
@@ -337,7 +336,8 @@ export class DsoDatePicker {
                         "DatePickerChangeEvent": {
                             "location": "import",
                             "path": "./date-picker.interfaces",
-                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerChangeEvent"
+                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerChangeEvent",
+                            "referenceLocation": "DatePickerChangeEvent"
                         }
                     }
                 }
@@ -358,7 +358,8 @@ export class DsoDatePicker {
                         "DatePickerBlurEvent": {
                             "location": "import",
                             "path": "./date-picker.interfaces",
-                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerBlurEvent"
+                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerBlurEvent",
+                            "referenceLocation": "DatePickerBlurEvent"
                         }
                     }
                 }
@@ -379,7 +380,8 @@ export class DsoDatePicker {
                         "DatePickerKeyboardEvent": {
                             "location": "import",
                             "path": "./date-picker.interfaces",
-                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerKeyboardEvent"
+                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerKeyboardEvent",
+                            "referenceLocation": "DatePickerKeyboardEvent"
                         }
                     }
                 }
@@ -400,7 +402,8 @@ export class DsoDatePicker {
                         "DatePickerKeyboardEvent": {
                             "location": "import",
                             "path": "./date-picker.interfaces",
-                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerKeyboardEvent"
+                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerKeyboardEvent",
+                            "referenceLocation": "DatePickerKeyboardEvent"
                         }
                     }
                 }
@@ -421,7 +424,8 @@ export class DsoDatePicker {
                         "DatePickerFocusEvent": {
                             "location": "import",
                             "path": "./date-picker.interfaces",
-                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerFocusEvent"
+                            "id": "src/components/date-picker/date-picker.interfaces.ts::DatePickerFocusEvent",
+                            "referenceLocation": "DatePickerFocusEvent"
                         }
                     }
                 }
@@ -429,4 +433,3 @@ export class DsoDatePicker {
     }
     static get elementRef() { return "element"; }
 }
-//# sourceMappingURL=date-picker.js.map

package/dist/collection/components/date-picker/date-utils.js

@@ -30,4 +30,3 @@ export function parseToDutchFormat(date) {
     const yyyy = date.getFullYear().toString(10).padStart(4, "0");
     return [dd, mm, yyyy].join("-");
 }
-//# sourceMappingURL=date-utils.js.map

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

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=document-card.interfaces.js.map

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

@@ -13,8 +13,7 @@ export class DocumentCard {
         this.mutationObserver.observe(this.host, { attributes: true, childList: true });
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
     }
     clickEventHandler(e) {
@@ -104,7 +103,8 @@ export class DocumentCard {
                         "DocumentCardClickEvent": {
                             "location": "import",
                             "path": "./document-card.interfaces",
-                            "id": "src/components/document-card/document-card.interfaces.ts::DocumentCardClickEvent"
+                            "id": "src/components/document-card/document-card.interfaces.ts::DocumentCardClickEvent",
+                            "referenceLocation": "DocumentCardClickEvent"
                         }
                     }
                 }
@@ -112,4 +112,3 @@ export class DocumentCard {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=document-card.js.map

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

@@ -1,39 +1,25 @@
-var __rest = (this && this.__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;
-};
 import { h } from "@stencil/core";
-export const Heading = (_a, children) => {
-    var { heading, mode, href, onClick } = _a, props = __rest(_a, ["heading", "mode", "href", "onClick"]);
+export const Heading = ({ heading, mode, href, onClick, ...props }, children) => {
     let headingElement;
     switch (heading) {
         default:
         case "h2":
-            headingElement = (h("h2", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h2", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h3":
-            headingElement = (h("h3", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h3", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h4":
-            headingElement = (h("h4", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h4", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h5":
-            headingElement = (h("h5", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h5", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h6":
-            headingElement = (h("h6", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h6", { ...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;
 };
-//# sourceMappingURL=document-component-heading.js.map

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

@@ -1153,7 +1153,7 @@ mark.dso-highlight {
   --_dso-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 
 .heading-element,
@@ -1207,7 +1207,7 @@ mark.dso-highlight {
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 
 :host([filtered]) {

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

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=document-component.interfaces.js.map

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

@@ -11,11 +11,11 @@ const wijzigactieLabels = {
     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))));
+    return (h(Fragment, null, " ", gereserveerd && (h("dso-label", { compact: true, ...(gereserveerd.wijzigactie
+            ? { status: gereserveerd.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
+            : {}) }, gereserveerd.type)), " ", vervallen && (h("dso-label", { compact: true, ...(vervallen.wijzigactie
+            ? { status: vervallen.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
+            : {}) }, vervallen.type))));
 };
 const AantekenAlert = ({ gereserveerd, vervallen }) => {
     if (gereserveerd && gereserveerd.wijzigactie !== "verwijder" && !vervallen) {
@@ -140,7 +140,7 @@ export class DocumentComponent {
         let element;
         if (typeof input === "string") {
             const doc = parseXml(input);
-            element = doc === null || doc === void 0 ? void 0 : doc.documentElement;
+            element = doc?.documentElement;
         }
         else if (input instanceof XMLDocument) {
             element = input.documentElement;
@@ -170,8 +170,8 @@ export class DocumentComponent {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (h(Host, { key: '68f4fb252bc7a1657867c8462f02c37acfcfd795', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '461c603eab7110053373f2b5c224dadb9b7a1e11', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '956832b500e8fd2af29a324c6396e87957c08e1a', class: "heading" }, h(Heading, { key: 'd4d1ba7715f0760697ba7b19beedc91a76da1719', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '71d8c07c0ac6444fb8be558201e0c427259b684f' }, this.notApplicable && h("span", { key: 'e339b003b6603fa435c2ed0fc2cf47d2b67b41e9', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '00b0e9074b2d34a39f64b68cb454379345f9e673', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '4c6a480b2c9197c5d8f3479ad747b0533949db18', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'd2dedc1f3fc8e3a05f6a023954876a30f87d4abf' }, h("dso-badge", { key: '3254a799ccfe8325520ee0b34ee1f1e93b27c087', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && h("dso-tooltip", { key: 'b949264eefb558b54b747083d2540cad06304887', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (h("div", { key: '4d3d3681167f76034eb96d30ef3febceb1118567', class: "addons" }, this.label && (h("dso-label", { key: '81d39d5e996b62fd98cc086e2f99ed9e7b5271f8', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '4aaf2a51790cb50355e3bc8eeb08f39c1355f76b', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: '867c144ed5290d09684622a0f292b69a2d5d99ef', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '40209342743374c35afb80c3627a80bdd9f91f17', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '26a7fedc702cb16941b065a110f05a2eb20e7b63', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '8f7cb218e8cabbc070a6782ca49c215f9802570c', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '0d7ff1c5143320acdccf7b8f4662e661e765acfa', class: "content", part: "_content" }, h(AantekenAlert, { key: '1959a7c591ba1947bc03667450c4e159f5e1ed67', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '702b0bd57cb52ceb8e4e7d34e728d0c41305ed48', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: 'b4917c7fc168fa02fa7c8d0377c9f351257a36a3', class: "children-container", part: "_children-container" }, h("slot", { key: 'c5ffa83d96e186675aa81fcc14681372e0095e24' }))));
+        return (h(Host, { key: '68f4fb252bc7a1657867c8462f02c37acfcfd795', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '461c603eab7110053373f2b5c224dadb9b7a1e11', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '956832b500e8fd2af29a324c6396e87957c08e1a', class: "heading" }, h(Heading, { key: 'd4d1ba7715f0760697ba7b19beedc91a76da1719', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '71d8c07c0ac6444fb8be558201e0c427259b684f' }, this.notApplicable && h("span", { key: 'e339b003b6603fa435c2ed0fc2cf47d2b67b41e9', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...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) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '00b0e9074b2d34a39f64b68cb454379345f9e673', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '4c6a480b2c9197c5d8f3479ad747b0533949db18', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'd2dedc1f3fc8e3a05f6a023954876a30f87d4abf' }, h("dso-badge", { key: '3254a799ccfe8325520ee0b34ee1f1e93b27c087', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && h("dso-tooltip", { key: 'b949264eefb558b54b747083d2540cad06304887', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (h("div", { key: '4d3d3681167f76034eb96d30ef3febceb1118567', class: "addons" }, this.label && (h("dso-label", { key: '81d39d5e996b62fd98cc086e2f99ed9e7b5271f8', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '4aaf2a51790cb50355e3bc8eeb08f39c1355f76b', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: '867c144ed5290d09684622a0f292b69a2d5d99ef', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '40209342743374c35afb80c3627a80bdd9f91f17', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '26a7fedc702cb16941b065a110f05a2eb20e7b63', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '8f7cb218e8cabbc070a6782ca49c215f9802570c', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '0d7ff1c5143320acdccf7b8f4662e661e765acfa', class: "content", part: "_content" }, h(AantekenAlert, { key: '1959a7c591ba1947bc03667450c4e159f5e1ed67', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '702b0bd57cb52ceb8e4e7d34e728d0c41305ed48', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: 'b4917c7fc168fa02fa7c8d0377c9f351257a36a3', class: "children-container", part: "_children-container" }, h("slot", { key: 'c5ffa83d96e186675aa81fcc14681372e0095e24' }))));
     }
     static get is() { return "dso-document-component"; }
     static get encapsulation() { return "shadow"; }
@@ -217,7 +217,8 @@ export class DocumentComponent {
                         "DocumentComponentInputType": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType",
+                            "referenceLocation": "DocumentComponentInputType"
                         }
                     }
                 },
@@ -242,7 +243,8 @@ export class DocumentComponent {
                         "DocumentComponentInputType": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType",
+                            "referenceLocation": "DocumentComponentInputType"
                         }
                     }
                 },
@@ -346,7 +348,8 @@ export class DocumentComponent {
                         "BadgeStatus": {
                             "location": "import",
                             "path": "../badge/badge.interfaces",
-                            "id": "src/components/badge/badge.interfaces.ts::BadgeStatus"
+                            "id": "src/components/badge/badge.interfaces.ts::BadgeStatus",
+                            "referenceLocation": "BadgeStatus"
                         }
                     }
                 },
@@ -409,7 +412,8 @@ export class DocumentComponent {
                         "LabelStatus": {
                             "location": "import",
                             "path": "../label/label.interfaces",
-                            "id": "src/components/label/label.interfaces.ts::LabelStatus"
+                            "id": "src/components/label/label.interfaces.ts::LabelStatus",
+                            "referenceLocation": "LabelStatus"
                         }
                     }
                 },
@@ -454,7 +458,8 @@ export class DocumentComponent {
                         "DocumentComponentInputType": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType",
+                            "referenceLocation": "DocumentComponentInputType"
                         }
                     }
                 },
@@ -479,7 +484,8 @@ export class DocumentComponent {
                         "DocumentComponentInputType": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentInputType",
+                            "referenceLocation": "DocumentComponentInputType"
                         }
                     }
                 },
@@ -562,7 +568,8 @@ export class DocumentComponent {
                         "DocumentComponentWijzigactie": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentWijzigactie"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentWijzigactie",
+                            "referenceLocation": "DocumentComponentWijzigactie"
                         }
                     }
                 },
@@ -587,7 +594,8 @@ export class DocumentComponent {
                         "DocumentComponentAnnotationsWijzigactie": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentAnnotationsWijzigactie"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentAnnotationsWijzigactie",
+                            "referenceLocation": "DocumentComponentAnnotationsWijzigactie"
                         }
                     }
                 },
@@ -612,7 +620,8 @@ export class DocumentComponent {
                         "DocumentComponentMarkFunction": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMarkFunction"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMarkFunction",
+                            "referenceLocation": "DocumentComponentMarkFunction"
                         }
                     }
                 },
@@ -635,7 +644,8 @@ export class DocumentComponent {
                         "DocumentComponentRecursiveToggleState": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentRecursiveToggleState"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentRecursiveToggleState",
+                            "referenceLocation": "DocumentComponentRecursiveToggleState"
                         }
                     }
                 },
@@ -660,7 +670,8 @@ export class DocumentComponent {
                         "OzonContentUrlResolver": {
                             "location": "import",
                             "path": "../ozon-content/ozon-content.interfaces",
-                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentUrlResolver"
+                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentUrlResolver",
+                            "referenceLocation": "OzonContentUrlResolver"
                         }
                     }
                 },
@@ -683,7 +694,8 @@ export class DocumentComponent {
                         "OzonContentBegripResolver": {
                             "location": "import",
                             "path": "../ozon-content/ozon-content.interfaces",
-                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentBegripResolver"
+                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentBegripResolver",
+                            "referenceLocation": "OzonContentBegripResolver"
                         }
                     }
                 },
@@ -706,7 +718,8 @@ export class DocumentComponent {
                         "DocumentComponentMode": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMode"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMode",
+                            "referenceLocation": "DocumentComponentMode"
                         }
                     }
                 },
@@ -761,7 +774,8 @@ export class DocumentComponent {
                         "DocumentComponentRecursiveToggleEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentRecursiveToggleEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentRecursiveToggleEvent",
+                            "referenceLocation": "DocumentComponentRecursiveToggleEvent"
                         }
                     }
                 }
@@ -782,7 +796,8 @@ export class DocumentComponent {
                         "DocumentComponentOpenToggleEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOpenToggleEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOpenToggleEvent",
+                            "referenceLocation": "DocumentComponentOpenToggleEvent"
                         }
                     }
                 }
@@ -803,7 +818,8 @@ export class DocumentComponent {
                         "DocumentComponentTableOfContentsClickEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentTableOfContentsClickEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentTableOfContentsClickEvent",
+                            "referenceLocation": "DocumentComponentTableOfContentsClickEvent"
                         }
                     }
                 }
@@ -824,7 +840,8 @@ export class DocumentComponent {
                         "DocumentComponentOzonContentClickEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOzonContentClickEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOzonContentClickEvent",
+                            "referenceLocation": "DocumentComponentOzonContentClickEvent"
                         }
                     }
                 }
@@ -845,7 +862,8 @@ export class DocumentComponent {
                         "DocumentComponentToggleAnnotationEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentToggleAnnotationEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentToggleAnnotationEvent",
+                            "referenceLocation": "DocumentComponentToggleAnnotationEvent"
                         }
                     }
                 }
@@ -866,11 +884,11 @@ export class DocumentComponent {
                         "DocumentComponentMarkItemHighlightEvent": {
                             "location": "import",
                             "path": "./document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMarkItemHighlightEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMarkItemHighlightEvent",
+                            "referenceLocation": "DocumentComponentMarkItemHighlightEvent"
                         }
                     }
                 }
             }];
     }
 }
-//# sourceMappingURL=document-component.js.map

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

@@ -70,7 +70,7 @@ export class DocumentComponentDemo {
             }
             return (h("dso-document-component", { annotated: this.isAnnotated(documentComponent), filtered: this.isOpen(documentComponent)
                     ? this.isFiltered(documentComponent)
-                    : this.hasFilteredChildren(documentComponent), gereserveerd: documentComponent.gereserveerd, heading: "h2", kop: documentComponent.kop, inhoud: documentComponent.inhoud, openAnnotation: this.isOpenedAnnotation(documentComponent), notApplicable: this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p)), onDsoAnnotationToggle: () => this.handleAnnotationToggle(documentComponent), onDsoOpenToggle: () => this.handleOpenToggle(documentComponent), open: this.isOpen(documentComponent), type: documentComponent.type, vervallen: documentComponent.vervallen, wijzigactie: documentComponent.wijzigactie, recursiveToggle: this.recursiveToggleState(documentComponent), onDsoRecursiveToggle: (e) => this.handleRecursiveToggle(documentComponent, e.detail), mode: this.mode, href: this.mode === "table-of-contents" ? "/document/" + documentComponent.documentTechnischId : undefined, onDsoTableOfContentsClick: (e) => this.handleTableOfContentsClick(e), onDsoOzonContentClick: (e) => this.handleOzonContentClick(e), ozonContentUrlResolver: this.ozonContentUrlResolver, ozonContentBegripResolver: this.ozonContentBegripResolver, badge: badge, badgeStatus: badgeStatus, badgeTooltip: badgeTooltip, label: label, labelStatus: labelStatus }, this.isOpenedAnnotation(documentComponent) && (h("div", { slot: "annotations" }, h("dso-annotation-locatie", { active: this.isCheckedSlideToggle(documentComponent), "gewijzigde-locatie": true, locatieNoemer: "Winkelgebied", onDsoActiveChange: () => this.handleSelectableChange(documentComponent) }, h("span", { class: "symboolcode", slot: "symbool", "data-symboolcode": "vszt030" })))), this.showContent(documentComponent) && (embeddedDocuments === null || embeddedDocuments === void 0 ? void 0 : embeddedDocuments.documentComponents.length) && (h("ul", { class: "dso-document-component-list" }, embeddedDocuments.documentComponents.map((d) => (h("li", { key: d.documentTechnischId }, h(DocumentComponent, { path: [...path, d] }))))))));
+                    : this.hasFilteredChildren(documentComponent), gereserveerd: documentComponent.gereserveerd, heading: "h2", kop: documentComponent.kop, inhoud: documentComponent.inhoud, openAnnotation: this.isOpenedAnnotation(documentComponent), notApplicable: this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p)), onDsoAnnotationToggle: () => this.handleAnnotationToggle(documentComponent), onDsoOpenToggle: () => this.handleOpenToggle(documentComponent), open: this.isOpen(documentComponent), type: documentComponent.type, vervallen: documentComponent.vervallen, wijzigactie: documentComponent.wijzigactie, recursiveToggle: this.recursiveToggleState(documentComponent), onDsoRecursiveToggle: (e) => this.handleRecursiveToggle(documentComponent, e.detail), mode: this.mode, href: this.mode === "table-of-contents" ? "/document/" + documentComponent.documentTechnischId : undefined, onDsoTableOfContentsClick: (e) => this.handleTableOfContentsClick(e), onDsoOzonContentClick: (e) => this.handleOzonContentClick(e), ozonContentUrlResolver: this.ozonContentUrlResolver, ozonContentBegripResolver: this.ozonContentBegripResolver, badge: badge, badgeStatus: badgeStatus, badgeTooltip: badgeTooltip, label: label, labelStatus: labelStatus }, this.isOpenedAnnotation(documentComponent) && (h("div", { slot: "annotations" }, h("dso-annotation-locatie", { active: this.isCheckedSlideToggle(documentComponent), "gewijzigde-locatie": true, locatieNoemer: "Winkelgebied", onDsoActiveChange: () => this.handleSelectableChange(documentComponent) }, h("span", { class: "symboolcode", slot: "symbool", "data-symboolcode": "vszt030" })))), this.showContent(documentComponent) && embeddedDocuments?.documentComponents.length && (h("ul", { class: "dso-document-component-list" }, embeddedDocuments.documentComponents.map((d) => (h("li", { key: d.documentTechnischId }, h(DocumentComponent, { path: [...path, d] }))))))));
         };
         this.MenuButton = ({ documentComponent }) => {
             const { type } = documentComponent;
@@ -89,14 +89,13 @@ export class DocumentComponentDemo {
         await this.loadData();
     }
     getEmbeddedDocumentComponents(documentEmbedded) {
-        var _a, _b;
-        if ((_a = documentEmbedded === null || documentEmbedded === void 0 ? void 0 : documentEmbedded._embedded) === null || _a === void 0 ? void 0 : _a.ontwerpDocumentComponenten) {
+        if (documentEmbedded?._embedded?.ontwerpDocumentComponenten) {
             return {
                 documentComponents: documentEmbedded._embedded.ontwerpDocumentComponenten,
                 ontwerp: true,
             };
         }
-        if ((_b = documentEmbedded === null || documentEmbedded === void 0 ? void 0 : documentEmbedded._embedded) === null || _b === void 0 ? void 0 : _b.documentComponenten) {
+        if (documentEmbedded?._embedded?.documentComponenten) {
             return {
                 documentComponents: documentEmbedded._embedded.documentComponenten,
                 ontwerp: false,
@@ -105,8 +104,7 @@ export class DocumentComponentDemo {
         return undefined;
     }
     concatEmbeddedDocumentComponents(documentComponent) {
-        var _a, _b;
-        const embeddedDocuments = [...((_b = (_a = this.getEmbeddedDocumentComponents(documentComponent)) === null || _a === void 0 ? void 0 : _a.documentComponents) !== null && _b !== void 0 ? _b : [])];
+        const embeddedDocuments = [...(this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents ?? [])];
         for (const d of embeddedDocuments) {
             embeddedDocuments.push(...this.concatEmbeddedDocumentComponents(d));
         }
@@ -118,15 +116,14 @@ export class DocumentComponentDemo {
         return sampleSize(documentComponents, size);
     }
     async loadData() {
-        var _a, _b;
         if (!this.jsonFile) {
             this.response = undefined;
             this.document = undefined;
             return;
         }
         this.response = await fetch(this.jsonFile).then((r) => r.json());
-        this.document = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents[0];
-        if (((_b = this.document) === null || _b === void 0 ? void 0 : _b.type) === "LICHAAM") {
+        this.document = this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0];
+        if (this.document?.type === "LICHAAM") {
             this.notApplicable = this.selectRandomDocumentComponents(this.document);
             this.filtered = this.selectRandomDocumentComponents(this.document, this.notApplicable);
         }
@@ -167,9 +164,9 @@ export class DocumentComponentDemo {
         return this.activeAnnotationSelectables.includes(documentComponent);
     }
     hasFilteredChildren(documentComponent) {
-        var _a, _b;
         return (this.filtered.includes(documentComponent) ||
-            ((_b = (_a = this.getEmbeddedDocumentComponents(documentComponent)) === null || _a === void 0 ? void 0 : _a.documentComponents.some((d) => this.hasFilteredChildren(d))) !== null && _b !== void 0 ? _b : false));
+            (this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.some((d) => this.hasFilteredChildren(d)) ??
+                false));
     }
     isOpen(documentComponent) {
         return documentComponent.type === "LID" || this.openDefault
@@ -186,13 +183,11 @@ export class DocumentComponentDemo {
         return this.notApplicable.includes(documentComponent);
     }
     hasNestedDraft(documentComponent) {
-        var _a, _b;
-        return ((_b = (_a = this.getEmbeddedDocumentComponents(documentComponent)) === null || _a === void 0 ? void 0 : _a.documentComponents.some((d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d))) !== null && _b !== void 0 ? _b : false);
+        return (this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.some((d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d)) ?? false);
     }
     showContent(documentComponent) {
-        var _a;
         return (this.isOpen(documentComponent) &&
-            !!(((_a = this.getEmbeddedDocumentComponents(documentComponent)) === null || _a === void 0 ? void 0 : _a.documentComponents.length) || documentComponent.inhoud));
+            !!(this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.length || documentComponent.inhoud));
     }
     recursiveToggleState(documentComponent) {
         const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);
@@ -210,9 +205,8 @@ export class DocumentComponentDemo {
             documentComponent.type === "LID");
     }
     render() {
-        var _a, _b;
         const { DocumentComponent, MenuButton } = this;
-        return (h("dso-responsive-element", { key: '3f41bdd6e8edc176973587904d57b63ed2e76e35', class: "dso-document-components" }, h("div", { key: 'cb4c5ad68081f18ce4216b209fe6e2d4f801a5a6', class: "dso-navbar" }, h("ul", { key: '466d7c0f495bb3c94f239d1a05ecf6dbe3e64fbd', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: 'e06d0bf9ea919bb770b6273968e98a1dfa78da41', path: [this.document] })));
+        return (h("dso-responsive-element", { key: '3f41bdd6e8edc176973587904d57b63ed2e76e35', class: "dso-document-components" }, h("div", { key: 'cb4c5ad68081f18ce4216b209fe6e2d4f801a5a6', class: "dso-navbar" }, h("ul", { key: '466d7c0f495bb3c94f239d1a05ecf6dbe3e64fbd', class: "dso-nav dso-nav-sub" }, this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: 'e06d0bf9ea919bb770b6273968e98a1dfa78da41', path: [this.document] })));
     }
     static get is() { return "dsot-document-component-demo"; }
     static get encapsulation() { return "scoped"; }
@@ -317,7 +311,8 @@ export class DocumentComponentDemo {
                         "DocumentComponentMode": {
                             "location": "import",
                             "path": "../document-component/document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMode"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentMode",
+                            "referenceLocation": "DocumentComponentMode"
                         }
                     }
                 },
@@ -343,7 +338,8 @@ export class DocumentComponentDemo {
                         "OzonContentUrlResolver": {
                             "location": "import",
                             "path": "../../components",
-                            "id": "src/components.d.ts::OzonContentUrlResolver"
+                            "id": "src/components.d.ts::OzonContentUrlResolver",
+                            "referenceLocation": "OzonContentUrlResolver"
                         }
                     }
                 },
@@ -366,7 +362,8 @@ export class DocumentComponentDemo {
                         "OzonContentBegripResolver": {
                             "location": "import",
                             "path": "../../components",
-                            "id": "src/components.d.ts::OzonContentBegripResolver"
+                            "id": "src/components.d.ts::OzonContentBegripResolver",
+                            "referenceLocation": "OzonContentBegripResolver"
                         }
                     }
                 },
@@ -413,7 +410,8 @@ export class DocumentComponentDemo {
                         "DocumentComponentOzonContentClickEvent": {
                             "location": "import",
                             "path": "../document-component/document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOzonContentClickEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentOzonContentClickEvent",
+                            "referenceLocation": "DocumentComponentOzonContentClickEvent"
                         }
                     }
                 }
@@ -434,7 +432,8 @@ export class DocumentComponentDemo {
                         "DocumentComponentTableOfContentsClickEvent": {
                             "location": "import",
                             "path": "../document-component/document-component.interfaces",
-                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentTableOfContentsClickEvent"
+                            "id": "src/components/document-component/document-component.interfaces.ts::DocumentComponentTableOfContentsClickEvent",
+                            "referenceLocation": "DocumentComponentTableOfContentsClickEvent"
                         }
                     }
                 }
@@ -450,4 +449,3 @@ export class DocumentComponentDemo {
             }];
     }
 }
-//# sourceMappingURL=document-component.demo.js.map

package/dist/collection/components/dropdown-menu/dropdown-menu.js

@@ -142,10 +142,9 @@ export class DropdownMenu {
         return composedPath.includes(this.host) && !this.isToggleButtonEvent(composedPath);
     }
     toggleOptions(force) {
-        var _a, _b;
-        this.open = force !== null && force !== void 0 ? force : !this.open;
-        if ((_a = this.popoverElement) === null || _a === void 0 ? void 0 : _a.isConnected) {
-            (_b = this.popoverElement) === null || _b === void 0 ? void 0 : _b.togglePopover(this.open);
+        this.open = force ?? !this.open;
+        if (this.popoverElement?.isConnected) {
+            this.popoverElement?.togglePopover(this.open);
         }
         if (!this.open && this.cleanUp) {
             this.cleanUp();
@@ -160,7 +159,6 @@ export class DropdownMenu {
         this.toggleOptions(false);
     }
     tabInPopup(tabbables, direction) {
-        var _a;
         const currentIndex = tabbables.findIndex((e) => e === getActiveElement());
         let nextIndex = currentIndex + direction;
         if (nextIndex >= tabbables.length) {
@@ -169,7 +167,7 @@ export class DropdownMenu {
         else if (nextIndex < 0) {
             nextIndex = tabbables.length - 1;
         }
-        (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+        tabbables[nextIndex]?.focus();
     }
     render() {
         return (h(Host, { key: '59b1f150f35e5af275cf928d8b776122af646e8b', onFocusout: this.focusOutListener }, h("slot", { key: '5b362762db082f147eefe8db1b53c3e7e8075ee6', name: "toggle" }), h("div", { key: '3fa0dabc6161774c541e69b7784fd1a41273ba14', popover: "manual", ref: (element) => (this.popoverElement = element) }, h("slot", { key: '41564bd57e586458088373db77ad8212a1850e44' }))));
@@ -281,4 +279,3 @@ export class DropdownMenu {
             }];
     }
 }
-//# sourceMappingURL=dropdown-menu.js.map

package/dist/collection/components/expandable/expandable.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=expandable.interfaces.js.map