@dso-toolkit/core 88.1.1 → 90.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: 'f148573cca7a6fe4e659cb3b4f014f928debe1b1' }, h("div", { key: '1b063b75b918d4914e697ee637f2c1997489c8c5', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '97cdc322078a0bc101471f38926160572229a2a6' })), h("div", { key: 'a3673df296590880938cece38a25a38cac5ada6a', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'a3b54d69d3829ea188bd30ee47fdb847d06fb6ae', 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.css

@@ -23,7 +23,7 @@
   background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
 }
 :host a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
+  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
 }
 :host {
   --_dso-icon-button-tertiary-color: #fff;

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: 'ca501369642979c39d6d6438136b4611b9427442' }, h("dso-icon", { key: '1b9693a680255a1355fa3397bbfeb74efb7ae8cb', icon: "clock-outline" }), h("slot", { key: '2f80ffd91c3aff2ced7401bd386b37fdca144f5f' }), h("slot", { key: '3c3e38b71aab6d2a9348ad109180ec32dbc95c9c', 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: '4c9604dd74759a421760d242694ccb53c2307da2' }, h("dso-info-button", { key: '9d67231c629f46761b15e68cff995a9cb3bd59e7', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '3a6603f0967d27fa05a1fe383baae787138b0a3a', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '6de1cdda99e8df1bf1fee502572b8407042f45d5' }))));
     }
     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: '2d80c5ab1bd38504df6a165f32ca5d34af1e8930', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'fd7bf3bd2cc5385b4fe951f2e25b6c72514258fa', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: 'd172c3520d5d6de33130b42f1eb61dc99417df1d', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'bfa193c134c33d7da17879e501fa7e7957322493', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '3dc4bb84370f0cad17166b265910bbaf8c628ecb' })))));
     }
     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-outline" : "plus-square-outline" }))) : (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.css

@@ -80,7 +80,7 @@
 }
 :host .tree-content {
   cursor: pointer;
-  display: inline-block;
+  display: inline-flex;
   margin-block: 8px;
   margin-inline: 0;
   max-inline-size: calc(100% - 40px);
@@ -122,7 +122,6 @@
 :host .tree-content dso-icon {
   color: #39870c;
   font-size: 0.75em;
-  margin-inline-start: 0.5em;
   vertical-align: text-bottom;
 }
 

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: '8bf51f3fd72fec3a41306955c59e35eb273699d7', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '38bace04d50bc9179fe4730b2211408d88ca759e', 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: "cross", 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

@@ -2,5 +2,4 @@ import { h } from "@stencil/core";
 export const Overlay = ({ ref, dsoCloseOverlay }) => (h("dialog", { class: "overlay", ref: ref, onCancel: (e) => {
         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
+    } }, h("dso-icon-button", { class: "overlay-close-button", icon: "cross", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseOverlay }), h("slot", { name: "overlay" })));

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.css

@@ -540,7 +540,7 @@ button::-moz-focus-inner {
     white-space: nowrap;
   }
   .dso-tertiary.dso-spinner-left::before {
-    background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");
     background-repeat: no-repeat;
     content: "";
     display: inline-block;
@@ -550,7 +550,7 @@ button::-moz-focus-inner {
     margin-inline-end: 8px;
   }
   .dso-tertiary.dso-spinner-right::after {
-    background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");
     background-repeat: no-repeat;
     content: "";
     display: inline-block;

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