@dso-toolkit/core 88.1.1 → 90.0.0

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: '327ff28c284a5c3013977765a60d82c522dfec81', class: "dso-document-components" }, h("div", { key: 'ccf964eb00f61fec36e9fcf18860a7cf9c1f002a', class: "dso-navbar" }, h("ul", { key: 'bd30f31d69c519d67187069de1a7cdd27b6c5302', 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: '3074a1afa2a47c6da0cd716726b2aec58d63974f', 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

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

@@ -138,7 +138,8 @@ export class Expandable {
                         "ExpandableAnimationStartEvent": {
                             "location": "import",
                             "path": "./expandable.interfaces",
-                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationStartEvent"
+                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationStartEvent",
+                            "referenceLocation": "ExpandableAnimationStartEvent"
                         }
                     }
                 }
@@ -159,7 +160,8 @@ export class Expandable {
                         "ExpandableAnimationEndEvent": {
                             "location": "import",
                             "path": "./expandable.interfaces",
-                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationEndEvent"
+                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationEndEvent",
+                            "referenceLocation": "ExpandableAnimationEndEvent"
                         }
                     }
                 }
@@ -188,4 +190,3 @@ export class Expandable {
             }];
     }
 }
-//# sourceMappingURL=expandable.js.map

package/dist/collection/components/header/header.css

@@ -52,7 +52,6 @@
 .dso-header-session .logout .dso-tertiary,
 .dso-header-session .help .dso-tertiary {
   display: flex;
-  gap: 0.5rem;
   cursor: pointer;
   border: 0;
   background-color: transparent;
@@ -235,7 +234,7 @@ dso-dropdown-menu .dso-dropdown-options ul li button {
   text-align: start;
 }
 dso-dropdown-menu .dso-dropdown-options ul li button dso-icon {
-  margin-inline-start: 8px;
+  margin-inline-start: 0;
 }
 dso-dropdown-menu .dso-dropdown-options ul li.dso-active a {
   font-weight: 600;

package/dist/collection/components/header/header.i18n.js

@@ -19,4 +19,3 @@ export const translations = {
         },
     },
 };
-//# sourceMappingURL=header.i18n.js.map

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

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

package/dist/collection/components/header/header.js

@@ -34,13 +34,12 @@ export class Header {
             this.visibleMenuItemsCount = undefined;
         };
         this.clickHandler = (e, type, options) => {
-            var _a, _b;
             this.dsoHeaderClick.emit({
                 originalEvent: e,
                 isModifiedEvent: isModifiedEvent(e),
                 type,
-                menuItem: options === null || options === void 0 ? void 0 : options.menuItem,
-                url: (_a = options === null || options === void 0 ? void 0 : options.url) !== null && _a !== void 0 ? _a : (_b = options === null || options === void 0 ? void 0 : options.menuItem) === null || _b === void 0 ? void 0 : _b.url,
+                menuItem: options?.menuItem,
+                url: options?.url ?? options?.menuItem?.url,
             });
         };
         this.menuItemElementRefs = [];
@@ -66,10 +65,9 @@ export class Header {
      * @returns The number of menu items that can fit in the available space.
      */
     calculateOverflowMenuItemCount(navElement) {
-        var _a;
         const availableWidth = navElement.offsetWidth;
         const lastMenuItem = this.menuItemElementRefs[this.menuItemElementRefs.length - 1];
-        const mostRightMenuItem = (_a = this.userHomeMenuItemElementRef) !== null && _a !== void 0 ? _a : lastMenuItem;
+        const mostRightMenuItem = this.userHomeMenuItemElementRef ?? lastMenuItem;
         const dropdownMenuItem = this.dropdownMenuItemElementRef;
         if (!mostRightMenuItem || !dropdownMenuItem || !lastMenuItem) {
             return this.menuItemElementRefs.length;
@@ -92,12 +90,11 @@ export class Header {
         return visibleMenuItems;
     }
     calculateDropdownOptionsOffset() {
-        var _a;
         if (!this.dropdownElement) {
             return 0;
         }
         return (this.host.clientHeight -
-            (((_a = this.dropdownElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().bottom) - this.host.getBoundingClientRect().top));
+            (this.dropdownElement?.getBoundingClientRect().bottom - this.host.getBoundingClientRect().top));
     }
     get visibleMainMenuItems() {
         return typeof this.visibleMenuItemsCount === "number"
@@ -128,11 +125,11 @@ export class Header {
         return (h(Host, { key: '305ef493b091a74d76ed4f4a109c7a2eb025950e', "is-compact": this.isCompact }, h("div", { key: '7b316c39fb646174bcb852cabf823004f47565c7', class: "dso-header" }, h("div", { key: '0939fd1ef3d64f34c44c4177a2d031d1b700a324', class: "logo-container" }, h("slot", { key: '9b417bdb99968e034ea9283cf81206db28a6d4ba', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
     }
     renderCompact() {
-        return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("dso-dropdown-menu", { "dropdown-align": "right", dropdownOptionsOffset: this.dropdownOptionsOffset, ref: (element) => (this.dropdownElement = element) }, h("button", { type: "button", slot: "toggle" }, h("span", null, this.text("menu")), h("dso-icon", { icon: "chevron-down" })), h("div", { class: "dso-dropdown-options" }, h("ul", null, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", null, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", null, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedOut" && (h("li", null, this.loginUrl ? (h("a", { href: this.loginUrl, onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (h("li", null, this.logoutUrl ? (h("a", { href: this.logoutUrl, onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (h("li", null, this.helpUrl ? (h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, h("span", null, this.text("help")), h("dso-icon", { icon: "help" }))) : (h("button", { type: "button", class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help") }, h("span", null, this.text("help")), h("dso-icon", { icon: "help" })))))))))));
+        return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("dso-dropdown-menu", { "dropdown-align": "right", dropdownOptionsOffset: this.dropdownOptionsOffset, ref: (element) => (this.dropdownElement = element) }, h("button", { type: "button", slot: "toggle" }, h("span", null, this.text("menu")), h("dso-icon", { icon: "chevron-down" })), h("div", { class: "dso-dropdown-options" }, h("ul", null, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", null, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", null, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedOut" && (h("li", null, this.loginUrl ? (h("a", { href: this.loginUrl, onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (h("li", null, this.logoutUrl ? (h("a", { href: this.logoutUrl, onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (h("li", null, this.helpUrl ? (h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, h("span", null, this.text("help")), h("dso-icon", { icon: "help-outline" }))) : (h("button", { type: "button", class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help") }, h("span", null, this.text("help")), h("dso-icon", { icon: "help-outline" })))))))))));
     }
     renderNormal() {
         this.menuItemElementRefs = [];
-        return (h(Fragment, null, h("div", { class: "dso-header-session" }, this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("div", { class: "profile" }, h("a", { href: this.userProfileUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName))), this.authStatus === "loggedOut" && (h("div", { class: "login" }, this.loginUrl ? (h("a", { href: this.loginUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (h("button", { class: "dso-tertiary", type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (h("div", { class: "logout" }, this.logoutUrl ? (h("a", { href: this.logoutUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (h("button", { class: "dso-tertiary", type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (h("div", { class: "help" }, this.helpUrl ? (h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, h("span", null, this.text("help")), h("dso-icon", { icon: "help" }))) : (h("button", { class: "dso-tertiary", type: "button", onClick: (e) => this.clickHandler(e, "help") }, h("span", null, this.text("help")), h("dso-icon", { icon: "help" })))))), (this.mainMenu.length > 0 || this.userHomeUrl) && (h("nav", { class: "dso-navbar" }, h("ul", { class: clsx("dso-nav", "dso-nav-main", { ready: this.visibleMenuItemsCount !== undefined }), ref: (element) => (this.navElement = element) }, this.visibleMainMenuItems.map((menuItem, i) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label, ref: (el) => (this.menuItemElementRefs[i] = el) }))), (this.visibleMenuItemsCount === undefined || this.hiddenMainMenuItems.length > 0) && (h("li", { "aria-hidden": this.visibleMenuItemsCount === undefined, ref: (el) => (this.dropdownMenuItemElementRef = el), class: "dropdown-menu-item" }, h("dso-dropdown-menu", null, h("button", { type: "button", slot: "toggle" }, h("span", null, this.text("overflowMenu")), h("dso-icon", { icon: "chevron-down", class: "main-menu-item-icon" })), h("div", { class: "dso-dropdown-options" }, h("ul", null, this.hiddenMainMenuItems.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label })))))))), this.userHomeUrl && (h("li", { class: clsx("menu-user-home", { "dso-active": this.userHomeActive }), ref: (el) => (this.userHomeMenuItemElementRef = el) }, h("a", { href: this.userHomeUrl, "aria-current": this.userHomeActive ? "page" : undefined, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, h("dso-icon", { icon: "user-line", class: "main-menu-item-icon" }), this.text("userHome")))))))));
+        return (h(Fragment, null, h("div", { class: "dso-header-session" }, this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("div", { class: "profile" }, h("a", { href: this.userProfileUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName))), this.authStatus === "loggedOut" && (h("div", { class: "login" }, this.loginUrl ? (h("a", { href: this.loginUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (h("button", { class: "dso-tertiary", type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (h("div", { class: "logout" }, this.logoutUrl ? (h("a", { href: this.logoutUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (h("button", { class: "dso-tertiary", type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (h("div", { class: "help" }, this.helpUrl ? (h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, h("span", null, this.text("help")), h("dso-icon", { icon: "help-outline" }))) : (h("button", { class: "dso-tertiary", type: "button", onClick: (e) => this.clickHandler(e, "help") }, h("span", null, this.text("help")), h("dso-icon", { icon: "help-outline" })))))), (this.mainMenu.length > 0 || this.userHomeUrl) && (h("nav", { class: "dso-navbar" }, h("ul", { class: clsx("dso-nav", "dso-nav-main", { ready: this.visibleMenuItemsCount !== undefined }), ref: (element) => (this.navElement = element) }, this.visibleMainMenuItems.map((menuItem, i) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label, ref: (el) => (this.menuItemElementRefs[i] = el) }))), (this.visibleMenuItemsCount === undefined || this.hiddenMainMenuItems.length > 0) && (h("li", { "aria-hidden": this.visibleMenuItemsCount === undefined, ref: (el) => (this.dropdownMenuItemElementRef = el), class: "dropdown-menu-item" }, h("dso-dropdown-menu", null, h("button", { type: "button", slot: "toggle" }, h("span", null, this.text("overflowMenu")), h("dso-icon", { icon: "chevron-down", class: "main-menu-item-icon" })), h("div", { class: "dso-dropdown-options" }, h("ul", null, this.hiddenMainMenuItems.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label })))))))), this.userHomeUrl && (h("li", { class: clsx("menu-user-home", { "dso-active": this.userHomeActive }), ref: (el) => (this.userHomeMenuItemElementRef = el) }, h("a", { href: this.userHomeUrl, "aria-current": this.userHomeActive ? "page" : undefined, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, h("dso-icon", { icon: "user-outline", class: "main-menu-item-icon" }), this.text("userHome")))))))));
     }
     static get is() { return "dso-header"; }
     static get encapsulation() { return "shadow"; }
@@ -158,7 +155,8 @@ export class Header {
                         "HeaderMenuItem": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderMenuItem"
+                            "id": "src/components/header/header.interfaces.ts::HeaderMenuItem",
+                            "referenceLocation": "HeaderMenuItem"
                         }
                     }
                 },
@@ -182,7 +180,8 @@ export class Header {
                         "HeaderCompactMode": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderCompactMode"
+                            "id": "src/components/header/header.interfaces.ts::HeaderCompactMode",
+                            "referenceLocation": "HeaderCompactMode"
                         }
                     }
                 },
@@ -208,7 +207,8 @@ export class Header {
                         "HeaderAuthStatus": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderAuthStatus"
+                            "id": "src/components/header/header.interfaces.ts::HeaderAuthStatus",
+                            "referenceLocation": "HeaderAuthStatus"
                         }
                     }
                 },
@@ -404,7 +404,8 @@ export class Header {
                         "HeaderEvent": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderEvent"
+                            "id": "src/components/header/header.interfaces.ts::HeaderEvent",
+                            "referenceLocation": "HeaderEvent"
                         }
                     }
                 }
@@ -418,4 +419,3 @@ export class Header {
             }];
     }
 }
-//# sourceMappingURL=header.js.map

package/dist/collection/components/header/menu-item.functional-component.js

@@ -3,4 +3,3 @@ import { clsx } from "clsx";
 export const MenuItem = ({ item, onClick, key, ref }) => {
     return (h("li", { class: clsx({ "dso-active": item.active }), key: key, ref: ref }, h("a", { href: item.url, "aria-current": item.active ? "page" : undefined, onClick: onClick }, item.label)));
 };
-//# sourceMappingURL=menu-item.functional-component.js.map

package/dist/collection/components/highlight-box/highlight-box.js

@@ -1,9 +1,8 @@
 import { Host, h } from "@stencil/core";
 export class HighlightBox {
     render() {
-        var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4', "has-counter": hasCounter }, hasCounter && h("div", { key: '57392d31cbc22d059e0d037679c06a08ecfff5e8', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: '044da0d260d9d9257cc4ab0a48622aeba11d2f8d', name: "icon" })), h("slot", { key: '67e1cf3f59845e6451ac20cfbe8003df4089bd8d' })));
+        return (h(Host, { key: '9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4', "has-counter": hasCounter }, hasCounter && h("div", { key: '57392d31cbc22d059e0d037679c06a08ecfff5e8', class: "dso-step-counter" }, this.step ?? h("slot", { key: '044da0d260d9d9257cc4ab0a48622aeba11d2f8d', name: "icon" })), h("slot", { key: '67e1cf3f59845e6451ac20cfbe8003df4089bd8d' })));
     }
     static get is() { return "dso-highlight-box"; }
     static get encapsulation() { return "shadow"; }
@@ -137,4 +136,3 @@ export class HighlightBox {
     }
     static get elementRef() { return "element"; }
 }
-//# sourceMappingURL=highlight-box.js.map

package/dist/collection/components/history-item/history-item.interfaces.js

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

package/dist/collection/components/history-item/history-item.js

@@ -14,7 +14,7 @@ export class HistoryItem {
             "in-werking": "document",
             "tijdelijk-regelingdeel": "document",
             "tijdelijk-regelingdeel-besluit": "hammer",
-            waarschuwing: "status-warning-inline",
+            waarschuwing: "status-warning-red-solid",
             besluit: "hammer",
         };
     }
@@ -23,8 +23,7 @@ export class HistoryItem {
         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) {
@@ -43,7 +42,7 @@ export class HistoryItem {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h(Fragment, { key: '8cfda0c27b483a01888f2c81413fc0d90ba2e43b' }, h("div", { key: '456e4002b8f510bf0eea433b75432c2eea2f0544', class: "history-item-date" }, h("slot", { key: '48947f94875b10154f7d039a29fd6b36adfe0bbf', name: "date" })), h("div", { key: '05fa9da1f7908628e1c15fdfa9a7204bea6f4a1f', class: "history-item-content" }, h("div", { key: 'aa31efe35bfcea60d17f0fd5e974c83268eeec40', class: "history-item-status-message" }, h("dso-icon", { key: '513c99028ec6a4f78e3169b8d2b9e5a442de7a1d', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: 'd5fe6da657e7dba4f0209ff7d08ab4934dadb3ba', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '39d8e70b1c49c84c3770a45394653ec43b257211', class: "history-item-title" }, h("a", { key: 'f126b0823432b853e3b921feee1fa7a7bacc0fe3', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '6639a69f724c4a6653e723f5ae427ff62b3ba972', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: '9f9caab19a09a0de025fca3cc37588c712336f5d', class: "history-item-explanation" }, h("slot", { key: '23179fa7f11c8a5d2b5d8819de2039cae303d7b1', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '321e1f83f4e446689e1cbd93d7e44cd53c6f1b05', class: "history-item-warning" }, h("dso-icon", { key: 'be8d3a9e358e7087f644b56f0045accc2019ce15', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'c65a0e9a11f4954aaa9c5890180a3034d6b9393c', name: "warning" }))))));
+        return (h(Fragment, { key: 'cf5ae78d5e426c0848f1afa9d807c934ce501483' }, h("div", { key: '5ba6812082a1b2daf023038224892f9d96b3c2b3', class: "history-item-date" }, h("slot", { key: '25a7679208b1f242191f0f2bf28e1c56d1bd23cf', name: "date" })), h("div", { key: '36d8362d5a11e6d6726d70ec576340a56746d55c', class: "history-item-content" }, h("div", { key: '6186f438503582f913a8ba2ef79dc37b9cc53f6e', class: "history-item-status-message" }, h("dso-icon", { key: '331247d9c1eb6a6e927315afcfbb5124b85dbe43', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '6b1ada1d3f6d2cdd6555948fa047e5989fe9bb44', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: 'bdda89fcfe8c25442bc22f8c29611cdbf90e7aea', class: "history-item-title" }, h("a", { key: '6de46d7c8d0eefc2462c741e34aafad3ab27445b', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '3c5602a89624085ead10088af266ac0d92d67b40', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: '41682bbe355c3214bca8e4c07d258b61c7d80171', class: "history-item-explanation" }, h("slot", { key: '29161bb8dfab9e8a2ff87314086560db475f1f99', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: 'e209ed47d523c60c32b7fdd4a2340702363a854d', class: "history-item-warning" }, h("dso-icon", { key: '9d6715d8b4d9fc224d8b9ec1e3baaa5d465d7dc1', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: '4c33016cd6bb8f025f240c003e7b9e29ba18ba25', name: "warning" }))))));
     }
     static get is() { return "dso-history-item"; }
     static get encapsulation() { return "shadow"; }
@@ -69,7 +68,8 @@ export class HistoryItem {
                         "HistoryItemType": {
                             "location": "import",
                             "path": "./history-item.interfaces",
-                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemType"
+                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemType",
+                            "referenceLocation": "HistoryItemType"
                         }
                     }
                 },
@@ -123,7 +123,8 @@ export class HistoryItem {
                         "HistoryItemClickEvent": {
                             "location": "import",
                             "path": "./history-item.interfaces",
-                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemClickEvent"
+                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemClickEvent",
+                            "referenceLocation": "HistoryItemClickEvent"
                         }
                     }
                 }
@@ -131,4 +132,3 @@ export class HistoryItem {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=history-item.js.map

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

@@ -0,0 +1 @@
+export {};