@dso-toolkit/core 88.1.0 → 89.0.0

package/dist/collection/components/tabs/tabs.js

@@ -40,31 +40,27 @@ export class Tabs {
         return this.enabledTabs[this.enabledTabs.length - 1];
     }
     moveFocusToTab(tab) {
-        tab === null || tab === void 0 ? void 0 : tab._dsoFocus();
+        tab?._dsoFocus();
     }
     moveFocusToPreviousTab(focussedTab) {
-        var _a;
         const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);
-        const next = (_a = this.enabledTabs[index - 1]) !== null && _a !== void 0 ? _a : this.lastTab;
+        const next = this.enabledTabs[index - 1] ?? this.lastTab;
         this.moveFocusToTab(next);
     }
     moveFocusToNextTab(focussedTab) {
-        var _a;
         const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);
-        const next = (_a = this.enabledTabs[index + 1]) !== null && _a !== void 0 ? _a : this.firstTab;
+        const next = this.enabledTabs[index + 1] ?? this.firstTab;
         this.moveFocusToTab(next);
     }
     connectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) !== null && _a !== void 0 ? _a : (this.mutationObserver = new MutationObserver(() => forceUpdate(this.host)));
+        this.mutationObserver ?? (this.mutationObserver = new MutationObserver(() => forceUpdate(this.host)));
         this.mutationObserver.observe(this.host, { childList: true });
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: 'b430219c96edf6edf2ed4016acd351fe73d2ab09' }, h("div", { key: '6d3bbbefcd781cbdf454d99d4997fc0bce695f79', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '94650f25cc3330c3a99ec9adc97b57cc31085e63' })), h("div", { key: 'c9096ce7f23e183cc61752e2774afe9dd4c1fb3a', role: "tabpanel", tabindex: "0" }, h("slot", { key: '8226777ee10de8cf42661549f0cb6bef7c0ca54c', name: "panel" }))));
+        return (h(Host, { key: '42adab7513c5e9bd84540fc0ed1dd0787bd4fe79' }, h("div", { key: 'f11c3031a6e8d5ec03d91fd4c8ce3e3679e8a9b5', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'cdd3e3ac188f7fa304053d06b15dd9254c86e70d' })), h("div", { key: 'f058f791f60d11d1892ae378d322b7591088aa97', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'b1201d4074f2b10fb1a33e3148cf9e5b610f3a1d', name: "panel" }))));
     }
     static get is() { return "dso-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -80,4 +76,3 @@ export class Tabs {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=tabs.js.map

package/dist/collection/components/tijdreis-banner/tijdreis-banner.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class TijdreisBanner {
     render() {
-        return (h(Fragment, { key: '8ff21b653f7eabfa2d8c26aa873c456dd79b7dae' }, h("dso-icon", { key: 'dd2abde6521d77468808e5ab37cbaf3a9a8d77dd', icon: "clock" }), h("slot", { key: '595ab3d3e30f98abaeb40b2840462274a33de83b' }), h("slot", { key: '03a8e2060bec34dd1dbe078cd100a47b7474f9b4', name: "button" })));
+        return (h(Fragment, { key: '3ecbedbefd901fe39014308056bd7c8bd614d4ab' }, h("dso-icon", { key: '2f9b7255462252496835a36f09232422e7fe02ab', icon: "clock" }), h("slot", { key: 'd31cb2b6280e0b395c4ad691d57b1804058570df' }), h("slot", { key: 'ea16d22e769ec2348fd61209a0a09d814ce1f266', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -16,4 +16,3 @@ export class TijdreisBanner {
         };
     }
 }
-//# sourceMappingURL=tijdreis-banner.js.map

package/dist/collection/components/toggletip/toggletip.js

@@ -34,17 +34,16 @@ export class Toggletip {
             }
         };
         this.keyDownListener = (event) => {
-            var _a;
             if (!event.defaultPrevented && event.key === "Escape") {
                 this.close();
-                (_a = this.infoButton) === null || _a === void 0 ? void 0 : _a.setFocus();
+                this.infoButton?.setFocus();
                 event.preventDefault();
             }
             return;
         };
     }
     render() {
-        return (h(Fragment, { key: 'e4df77108aca160620fea4790bf975eeb57d7043' }, h("dso-info-button", { key: '0b86a3272e62ed4adbe2afa973c610ba54947f10', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '1f1adb0eb1098d2d5d60402005d6fb67b595d167', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: 'd49b58fa8b6ddeeeee2d6954e0df07b07669adf8' }))));
+        return (h(Fragment, { key: '8f9248d98faebe2d4690d8499b26388eb45bce13' }, h("dso-info-button", { key: '76b5a13feef2e933a830a85c0993766d7f9540b9', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '5be6b386204463fce54f5034a70da8d7de01b12b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '317a3cf45ef8bca9ae0bb160a056dd3e471e4d16' }))));
     }
     static get is() { return "dso-toggletip"; }
     static get encapsulation() { return "shadow"; }
@@ -90,7 +89,8 @@ export class Toggletip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "../../node_modules/@popperjs/core/index.d.ts::Placement"
+                            "id": "../../node_modules/@popperjs/core/index.d.ts::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },
@@ -153,4 +153,3 @@ export class Toggletip {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=toggletip.js.map

package/dist/collection/components/tooltip/tooltip.js

@@ -33,7 +33,10 @@ const applyMaxSize = {
         if (width < 160) {
             width = 160;
         }
-        state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), { maxWidth: `${width}px` });
+        state.styles.popper = {
+            ...state.styles.popper,
+            maxWidth: `${width}px`,
+        };
     },
 };
 export class Tooltip {
@@ -71,8 +74,7 @@ export class Tooltip {
             },
         };
         this.onMouseLeave = () => {
-            var _a;
-            if (!this.element.matches(":hover") && !((_a = this.target) === null || _a === void 0 ? void 0 : _a.matches(":hover"))) {
+            if (!this.element.matches(":hover") && !this.target?.matches(":hover")) {
                 this.callbacks.deactivate();
             }
         };
@@ -83,9 +85,8 @@ export class Tooltip {
             }
         };
         this.deactivatePopper = debounce(() => {
-            var _a;
             this.hidden = true;
-            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.popper?.destroy();
             this.popper = undefined;
         }, transitionDuration);
         _Tooltip_target.set(this, void 0);
@@ -142,8 +143,7 @@ export class Tooltip {
             this.activatePopper();
             if (!this.stateless) {
                 setTimeout(() => {
-                    var _a;
-                    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions({
+                    this.popper?.setOptions({
                         modifiers: [{ name: "eventListeners", enabled: true }],
                     });
                     document.addEventListener("keydown", this.keyDownListener);
@@ -159,8 +159,7 @@ export class Tooltip {
         e.stopPropagation();
     }
     componentDidLoad() {
-        var _a;
-        const tooltip = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tooltip");
+        const tooltip = this.element.shadowRoot?.querySelector(".tooltip");
         if (!(tooltip instanceof HTMLElement)) {
             throw new Error("tooltip element is not instanceof HTMLElement");
         }
@@ -172,8 +171,7 @@ export class Tooltip {
         }
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.popper?.destroy();
         if (!this.stateless && this.target) {
             this.target.removeEventListener("mouseenter", this.callbacks.activate);
             [this.element, this.target].forEach((element) => element.removeEventListener("mouseleave", this.onMouseLeave));
@@ -183,21 +181,19 @@ export class Tooltip {
         this.target = undefined;
     }
     componentDidRender() {
-        var _a;
         if (this.active) {
-            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update();
+            this.popper?.update();
         }
     }
     render() {
-        return (h(Host, { key: '6186fdcbf9e8bae5e3e4ee74c0d8b50e6fcb700b', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '7021fed0ee65f1ce5ec74383b4cd1b2a5ccab1b3', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '87a3097f75676fee2ea94899b94065af958fa49e', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4c4d10446ce05f816ce32fdfd4eb103cb0e58394', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'a520b11e7a7d930df5c4466e2f3583c71616a811' })))));
+        return (h(Host, { key: 'df7b36c323854ed984ca4f0869a0fd104bf8ac01', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'f7e55f98183aa3617fdcbfa380434c9e4c8ae830', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '8454e52046786728d0dca36361138dfb068bbe80', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4aa699b77b97f42dc34c8d73f6615e2df336dd3e', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '8822632e819655eea961dc9bb5f0a14f6778ff50' })))));
     }
     activatePopper() {
-        var _a;
         this.hidden = false;
         if (this.popper) {
             return;
         }
-        const tooltip = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tooltip");
+        const tooltip = this.element.shadowRoot?.querySelector(".tooltip");
         if (this.target && tooltip instanceof HTMLElement) {
             this.popper = createPopper(this.target, tooltip, {
                 placement: this.position,
@@ -207,8 +203,7 @@ export class Tooltip {
         }
     }
     get target() {
-        var _a;
-        return (_a = __classPrivateFieldGet(this, _Tooltip_target, "f")) !== null && _a !== void 0 ? _a : this.initializeTarget();
+        return __classPrivateFieldGet(this, _Tooltip_target, "f") ?? this.initializeTarget();
     }
     set target(element) {
         __classPrivateFieldSet(this, _Tooltip_target, element, "f");
@@ -276,7 +271,8 @@ export class Tooltip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "../../node_modules/@popperjs/core/index.d.ts::Placement"
+                            "id": "../../node_modules/@popperjs/core/index.d.ts::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },
@@ -450,4 +446,3 @@ export class Tooltip {
     }
 }
 _Tooltip_target = new WeakMap();
-//# sourceMappingURL=tooltip.js.map

package/dist/collection/components/tree-view/tree-item.js

@@ -1,8 +1,3 @@
 import { Fragment, h } from "@stencil/core";
 import { clsx } from "clsx";
-export const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize, }) => {
-    var _a, _b, _c, _d;
-    return (h("li", { key: item.id, class: clsx("tree-item", { "has-child": item.hasItems, "is-expanded": !!item.open && !!((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) }), role: "none" }, h("div", { class: "tree-branch-control" }, item.hasItems ? (h("div", { onClick: (e) => owner.itemClick(e, ancestors, item) }, h("dso-icon", { icon: item.open ? "minus-square" : "plus-square" }))) : (h("dso-icon", null))), h("p", { class: clsx("tree-content", { active: item.active }, { selected: item.selected }), tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? "" + (!!item.open && !!((_b = item.items) === null || _b === void 0 ? void 0 : _b.length)) : undefined, "aria-current": item.active ? "true" : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? "true" : undefined, "data-item-id": item.id, onClick: (e) => owner.itemClick(e, ancestors, item) }, item.selected && h("span", { class: "sr-only" }, "Resultaat: "), item.href ? (h("a", { href: item.href, tabindex: "-1" }, item.label)) : (h("span", null, item.label)), (_c = item.icons) === null || _c === void 0 ? void 0 :
-        _c.map((icon) => (h("dso-icon", { icon: icon.icon, title: icon.label })))), item.open && (h(Fragment, null, item.hasItems && !item.items && item.loading ? (h("dso-progress-indicator", { size: "small", label: "Resultaten laden: een moment geduld alstublieft." })) : (h("ul", { role: "group" }, (_d = item.items) === null || _d === void 0 ? void 0 : _d.map((childItem, childIndex, org) => (h(DsoTreeItem, { owner: owner, ancestors: [...ancestors, item], item: childItem, index: childIndex, level: level + 1, setSize: org.length })))))))));
-};
-//# sourceMappingURL=tree-item.js.map
+export const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize, }) => (h("li", { key: item.id, class: clsx("tree-item", { "has-child": item.hasItems, "is-expanded": !!item.open && !!item.items?.length }), role: "none" }, h("div", { class: "tree-branch-control" }, item.hasItems ? (h("div", { onClick: (e) => owner.itemClick(e, ancestors, item) }, h("dso-icon", { icon: item.open ? "minus-square" : "plus-square" }))) : (h("dso-icon", null))), h("p", { class: clsx("tree-content", { active: item.active }, { selected: item.selected }), tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? "" + (!!item.open && !!item.items?.length) : undefined, "aria-current": item.active ? "true" : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? "true" : undefined, "data-item-id": item.id, onClick: (e) => owner.itemClick(e, ancestors, item) }, item.selected && h("span", { class: "sr-only" }, "Resultaat: "), item.href ? (h("a", { href: item.href, tabindex: "-1" }, item.label)) : (h("span", null, item.label)), item.icons?.map((icon) => (h("dso-icon", { icon: icon.icon, title: icon.label })))), item.open && (h(Fragment, null, item.hasItems && !item.items && item.loading ? (h("dso-progress-indicator", { size: "small", label: "Resultaten laden: een moment geduld alstublieft." })) : (h("ul", { role: "group" }, item.items?.map((childItem, childIndex, org) => (h(DsoTreeItem, { owner: owner, ancestors: [...ancestors, item], item: childItem, index: childIndex, level: level + 1, setSize: org.length })))))))));

package/dist/collection/components/tree-view/tree-view.interfaces.js

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

package/dist/collection/components/tree-view/tree-view.js

@@ -78,7 +78,6 @@ export class TreeView {
      * @returns Whether the item was found.
      */
     async focusItem(path) {
-        var _a;
         const tree = this.tree;
         if (!tree || path.length === 0) {
             return false;
@@ -87,7 +86,7 @@ export class TreeView {
         if (!itemToFocus) {
             throw new Error("No itemToFocus found");
         }
-        const elementToFocus = Array.from((_a = tree.querySelectorAll("p")) !== null && _a !== void 0 ? _a : [])
+        const elementToFocus = Array.from(tree.querySelectorAll("p") ?? [])
             .filter((item) => item.offsetWidth > 0 && item.offsetHeight > 0)
             .find((item) => item.dataset["itemId"] === itemToFocus.id);
         if (!elementToFocus) {
@@ -129,27 +128,25 @@ export class TreeView {
         TreeView.setFocus(tree, focusableItem);
     }
     static expandItemOrFocusChild(tree, target) {
-        var _a;
-        if ((target === null || target === void 0 ? void 0 : target.getAttribute("aria-expanded")) === "true") {
+        if (target?.getAttribute("aria-expanded") === "true") {
             TreeView.moveFocus(tree, target, "next");
         }
         else {
-            const controlElement = (_a = target.previousElementSibling) === null || _a === void 0 ? void 0 : _a.firstElementChild;
+            const controlElement = target.previousElementSibling?.firstElementChild;
             if (controlElement instanceof HTMLElement) {
                 controlElement.click();
             }
         }
     }
     static collapseItemOrFocusParent(tree, target) {
-        var _a, _b, _c;
-        if ((target === null || target === void 0 ? void 0 : target.getAttribute("aria-expanded")) === "true") {
-            const controlElement = (_a = target.previousElementSibling) === null || _a === void 0 ? void 0 : _a.firstElementChild;
+        if (target?.getAttribute("aria-expanded") === "true") {
+            const controlElement = target.previousElementSibling?.firstElementChild;
             if (controlElement instanceof HTMLElement) {
                 controlElement.click();
             }
         }
         else {
-            const parentTarget = (_c = (_b = target === null || target === void 0 ? void 0 : target.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.previousElementSibling;
+            const parentTarget = target?.parentElement?.parentElement?.previousElementSibling;
             if (parentTarget instanceof HTMLElement) {
                 TreeView.setFocus(tree, parentTarget);
             }
@@ -162,9 +159,9 @@ export class TreeView {
         }
         const current = focusableItems.indexOf(el);
         char = char.toLowerCase();
-        let nextItem = focusableItems.find((item, index) => { var _a; return index > current && ((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(char)); });
+        let nextItem = focusableItems.find((item, index) => index > current && item.textContent?.toLowerCase().startsWith(char));
         if (!nextItem) {
-            nextItem = focusableItems.find((item, index) => { var _a; return index < current && ((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(char)); });
+            nextItem = focusableItems.find((item, index) => index < current && item.textContent?.toLowerCase().startsWith(char));
         }
         if (nextItem) {
             TreeView.setFocus(tree, nextItem);
@@ -173,8 +170,7 @@ export class TreeView {
         return false;
     }
     render() {
-        var _a;
-        return (h("div", { key: 'ab7c4a9d862e3f99c50365d744d6376366737d3d', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'a41b478cccd6b39ee30b47ca28c5a34549a270a0', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: '28773fea742ffc79fa48c8a51cf4dc8c8ad00527', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '5d4629f3e9261d625618a60b9da8fd43089cf153', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }
@@ -200,7 +196,8 @@ export class TreeView {
                         "TreeViewItem": {
                             "location": "import",
                             "path": "./tree-view.interfaces",
-                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem"
+                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem",
+                            "referenceLocation": "TreeViewItem"
                         }
                     }
                 },
@@ -233,7 +230,8 @@ export class TreeView {
                         "TreeViewItem": {
                             "location": "import",
                             "path": "./tree-view.interfaces",
-                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem"
+                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem",
+                            "referenceLocation": "TreeViewItem"
                         }
                     }
                 }
@@ -254,7 +252,8 @@ export class TreeView {
                         "TreeViewItem": {
                             "location": "import",
                             "path": "./tree-view.interfaces",
-                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem"
+                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem",
+                            "referenceLocation": "TreeViewItem"
                         }
                     }
                 }
@@ -275,7 +274,8 @@ export class TreeView {
                         "TreeViewPointerEvent": {
                             "location": "import",
                             "path": "./tree-view.interfaces",
-                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewPointerEvent"
+                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewPointerEvent",
+                            "referenceLocation": "TreeViewPointerEvent"
                         }
                     }
                 }
@@ -299,7 +299,8 @@ export class TreeView {
                         "TreeViewItem": {
                             "location": "import",
                             "path": "./tree-view.interfaces",
-                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem"
+                            "id": "src/components/tree-view/tree-view.interfaces.ts::TreeViewItem",
+                            "referenceLocation": "TreeViewItem"
                         },
                         "HTMLElement": {
                             "location": "global",
@@ -322,4 +323,3 @@ export class TreeView {
         };
     }
 }
-//# sourceMappingURL=tree-view.js.map

package/dist/collection/components/viewer-grid/components/document-panel.js

@@ -5,4 +5,3 @@ export const DocumentPanel = ({ tabView, panelSize, shrinkDocumentPanel, expandD
             dsoDocumentPanelSizeChangeAnimationEnd.emit({ currentSize: panelSize });
         }
     } }, !tabView && (h(SizingButtons, { panelLabel: "Documentpaneel", size: panelSize, expand: expandDocumentPanel, shrink: shrinkDocumentPanel, placement: "right" })), h("div", { class: "content" }, h("slot", { name: "document-panel" }))));
-//# sourceMappingURL=document-panel.js.map

package/dist/collection/components/viewer-grid/components/filter-panel.js

@@ -1,3 +1,2 @@
 import { Fragment, h } from "@stencil/core";
-export const FilterPanel = ({ open, title, ref, dsoCloseFilterPanel, }) => (h("dialog", { class: "filter-panel", ref: ref }, open && (h(Fragment, null, title && h("h3", null, title), h("dso-icon-button", { class: "dso-close", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseFilterPanel }), h("slot", { name: "filter-panel" })))));
-//# sourceMappingURL=filter-panel.js.map
+export const FilterPanel = ({ open, title, ref, dsoCloseFilterPanel, }) => (h("dialog", { class: "filter-panel", ref: ref, inert: !open }, open && (h(Fragment, null, title && h("h3", null, title), h("dso-icon-button", { class: "dso-close", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseFilterPanel }), h("slot", { name: "filter-panel" })))));

package/dist/collection/components/viewer-grid/components/index.js

@@ -2,4 +2,3 @@ export { DocumentPanel } from "./document-panel";
 export { FilterPanel } from "./filter-panel";
 export { MainPanel } from "./main-panel";
 export { Overlay } from "./overlay";
-//# sourceMappingURL=index.js.map

package/dist/collection/components/viewer-grid/components/main-panel.js

@@ -10,4 +10,3 @@ export const MainPanel = ({ tabView, mainSize, documentPanelOpen, mainPanelExpan
             dsoMainSizeChangeAnimationEnd.emit({ currentSize: mainSize });
         }
     } }, !tabView && documentPanelOpen && (h("div", { class: "toggle-button" }, h("dso-icon-button", { variant: "map", label: `Zoeken paneel ${mainPanelHidden ? "tonen" : "verbergen"}`, icon: mainPanelHidden ? "chevron-right" : "chevron-left", onDsoClick: toggleMainPanel }))), h("div", { class: clsx("content", { invisible: mainPanelHidden }) }, h("slot", { name: "main" }))));
-//# sourceMappingURL=main-panel.js.map

package/dist/collection/components/viewer-grid/components/overlay.js

@@ -3,4 +3,3 @@ export const Overlay = ({ ref, dsoCloseOverlay }) => (h("dialog", { class: "over
         e.preventDefault();
         dsoCloseOverlay(e);
     } }, h("dso-icon-button", { class: "overlay-close-button", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseOverlay }), h("slot", { name: "overlay" })));
-//# sourceMappingURL=overlay.js.map

package/dist/collection/components/viewer-grid/components/sizing-buttons.js

@@ -11,4 +11,3 @@ export const SizingButtons = ({ shrink, expand, size, panelLabel, placement, })
     }
     return (h("div", { class: "sizing-buttons" }, h("span", { class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, "Breedte ", panelLabel.toLocaleLowerCase(), ": ", viewerGridSizeLabelMap[size]), buttons));
 };
-//# sourceMappingURL=sizing-buttons.js.map

package/dist/collection/components/viewer-grid/viewer-grid.interfaces.js

@@ -9,4 +9,3 @@ export const viewerGridSizeLabelMap = {
     medium: "middel",
     large: "breed",
 };
-//# sourceMappingURL=viewer-grid.interfaces.js.map

package/dist/collection/components/viewer-grid/viewer-grid.js

@@ -4,7 +4,7 @@ import debounce from "debounce";
 import { DocumentPanel, FilterPanel, MainPanel, Overlay } from "./components";
 import { viewerGridTabLabelMap, viewerGridTabs, } from "./viewer-grid.interfaces";
 const resizeObserver = new ResizeObserver(debounce(([entry]) => {
-    const shadowRoot = entry === null || entry === void 0 ? void 0 : entry.target.getRootNode();
+    const shadowRoot = entry?.target.getRootNode();
     if (shadowRoot instanceof ShadowRoot && isDsoViewerGridComponent(shadowRoot.host)) {
         shadowRoot.host._checkMainPanelVisibility();
     }
@@ -99,27 +99,25 @@ export class ViewerGrid {
         }
     }
     filterPanelOpenWatcher(open) {
-        var _a, _b;
         if (!this.filterPanelSlot) {
             console.warn("slot 'filter-panel' has not been set");
         }
         if (open) {
-            (_a = this.filterPanel) === null || _a === void 0 ? void 0 : _a.show();
+            this.filterPanel?.show();
         }
         else {
-            (_b = this.filterPanel) === null || _b === void 0 ? void 0 : _b.close();
+            this.filterPanel?.close();
         }
     }
     overlayOpenWatcher(open) {
-        var _a, _b;
         if (!this.overlaySlot) {
             console.warn("slot 'overlay' has not been set");
         }
         if (open) {
-            (_a = this.overlay) === null || _a === void 0 ? void 0 : _a.showModal();
+            this.overlay?.showModal();
         }
         else {
-            (_b = this.overlay) === null || _b === void 0 ? void 0 : _b.close();
+            this.overlay?.close();
         }
     }
     /**
@@ -140,12 +138,11 @@ export class ViewerGrid {
         window.matchMedia(this.mediaCondition).addEventListener("change", this.changeListener);
     }
     componentDidLoad() {
-        var _a, _b;
         if (this.filterPanelOpen && this.filterPanelSlot) {
-            (_a = this.filterPanel) === null || _a === void 0 ? void 0 : _a.show();
+            this.filterPanel?.show();
         }
         if (this.overlayOpen && this.overlaySlot) {
-            (_b = this.overlay) === null || _b === void 0 ? void 0 : _b.showModal();
+            this.overlay?.showModal();
         }
         if (this.mapElement instanceof HTMLDivElement) {
             resizeObserver.observe(this.mapElement);
@@ -158,7 +155,7 @@ export class ViewerGrid {
         }
     }
     render() {
-        return (h(Fragment, { key: 'd1d81c9db00b4fb1394e9938ed698a78e2f54976' }, h("slot", { key: '8523d2e37a153f3b8e6521e1d4a07f0395c67180', name: "top-bar" }), h("div", { key: '64e25d1b9c82661ead44a20dc43fc60b3400b8a9', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '5b3975cd300000076405acd470f1bcc2ed6581f1', class: "dso-navbar" }, h("ul", { key: '8d987841d10e4806ce6025fb81db489d1f583410', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '21baa34326e6cce24feef6ae8ac2237520c6dd90', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: '4f00c13af3676b1dbfb97a05a4c644ed0aa027f2', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'b397c8a90326fd24ebdcd8148d0222dc7038e131', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'ae239735328e35dc97e8fc7653fad4c886dab9eb', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '1a12d6aa3431c11db288a0b07ebb51b772a27df7', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'ee5b23969f8ace7db8d94adce586d8fd91fea08b', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '701250880588dc0d1357b083df32e35469d00b29' }, h("slot", { key: '782b16bcaf748a3627919ce4a0f450ecfd158b7f', name: "top-bar" }), h("div", { key: 'a86a69d697ec22cf8351aa5c252f2aa00b7d642d', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'c9f15febca2c2db8e75edccc09d01c5bee1f7733', class: "dso-navbar" }, h("ul", { key: '8846852eb2b91c6ab0da7e8c32ad7222d968b0b8', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '2fec21aea52e7965264802fba446b74903133c35', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'bd8e70d683410ba4311d5b5373cd7368548d27c7', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '4d36f7fde4cdbc828db8e294bcdf595817dc8489', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '82060c23a2cfdf4201db5055fa67c59bf31c615a', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '274b483705e6fe96c3e260c7d039999769dead95', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '1e948f7d76c4a398bb16716437764c8d64549317', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-viewer-grid"; }
     static get encapsulation() { return "shadow"; }
@@ -263,7 +260,8 @@ export class ViewerGrid {
                         "ViewerGridPanelSize": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize",
+                            "referenceLocation": "ViewerGridPanelSize"
                         }
                     }
                 },
@@ -289,7 +287,8 @@ export class ViewerGrid {
                         "ViewerGridTab": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridTab"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridTab",
+                            "referenceLocation": "ViewerGridTab"
                         }
                     }
                 },
@@ -314,7 +313,8 @@ export class ViewerGrid {
                         "ViewerGridPanelSize": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize",
+                            "referenceLocation": "ViewerGridPanelSize"
                         }
                     }
                 },
@@ -395,7 +395,8 @@ export class ViewerGrid {
                         "ViewerGridCloseOverlayEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseOverlayEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseOverlayEvent",
+                            "referenceLocation": "ViewerGridCloseOverlayEvent"
                         }
                     }
                 }
@@ -416,7 +417,8 @@ export class ViewerGrid {
                         "ViewerGridCloseFilterPanelEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseFilterPanelEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseFilterPanelEvent",
+                            "referenceLocation": "ViewerGridCloseFilterPanelEvent"
                         }
                     }
                 }
@@ -437,7 +439,8 @@ export class ViewerGrid {
                         "ViewerGridActiveTabSwitchEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridActiveTabSwitchEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridActiveTabSwitchEvent",
+                            "referenceLocation": "ViewerGridActiveTabSwitchEvent"
                         }
                     }
                 }
@@ -458,7 +461,8 @@ export class ViewerGrid {
                         "ViewerGridChangeSizeAnimationEndEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent",
+                            "referenceLocation": "ViewerGridChangeSizeAnimationEndEvent"
                         }
                     }
                 }
@@ -479,7 +483,8 @@ export class ViewerGrid {
                         "ViewerGridChangeSizeEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeEvent",
+                            "referenceLocation": "ViewerGridChangeSizeEvent"
                         }
                     }
                 }
@@ -500,7 +505,8 @@ export class ViewerGrid {
                         "ViewerGridChangeSizeAnimationEndEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent",
+                            "referenceLocation": "ViewerGridChangeSizeAnimationEndEvent"
                         }
                     }
                 }
@@ -521,7 +527,8 @@ export class ViewerGrid {
                         "ViewerGridMainToggleEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridMainToggleEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridMainToggleEvent",
+                            "referenceLocation": "ViewerGridMainToggleEvent"
                         }
                     }
                 }
@@ -565,4 +572,3 @@ export class ViewerGrid {
             }];
     }
 }
-//# sourceMappingURL=viewer-grid.js.map

package/dist/collection/functional-components/mark-text/mark-text.functional-component.js

@@ -8,4 +8,3 @@ export const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
         return (h("mark", { class: value.highlight ? "dso-highlight" : undefined, ref: (ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref) }, value.text));
     })));
 };
-//# sourceMappingURL=mark-text.functional-component.js.map

package/dist/collection/functional-components/mark-text/mark-text.interfaces.js

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

package/dist/collection/functional-components/tooltip/position-tooltip.function.js

@@ -101,4 +101,3 @@ export function positionTooltip(options) {
         });
     });
 }
-//# sourceMappingURL=position-tooltip.function.js.map

package/dist/collection/functional-components/tooltip/tooltip.functional-component.js

@@ -3,7 +3,6 @@ import { clsx } from "clsx";
 export const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (h("div", { popover: "manual", id: "tooltip", class: clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
         e.stopPropagation();
         if (e.propertyName === "opacity" && !visible) {
-            onAfterHidden === null || onAfterHidden === void 0 ? void 0 : onAfterHidden();
+            onAfterHidden?.();
         }
     } }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
-//# sourceMappingURL=tooltip.functional-component.js.map

package/dist/collection/functional-components/tooltip/tooltip.interfaces.js

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

package/dist/collection/index.js

@@ -1,2 +1 @@
 export * from "./components";
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/create-identifier.js

@@ -11,4 +11,3 @@ export function chr4() {
 export function createIdentifier(prefix) {
     return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
 }
-//# sourceMappingURL=create-identifier.js.map