@dso-toolkit/core 88.1.0 → 89.0.0

package/dist/bundle/dsot-document-component-demo.js

@@ -1,20 +1,20 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DBWrx_3r.js';
-import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-DugmH51O.js';
-import { d as defineCustomElement$h } from './p--_zCrLW5.js';
-import { d as defineCustomElement$g } from './p-C0F5ddGm.js';
-import { d as defineCustomElement$f } from './p-BM-R_z20.js';
-import { d as defineCustomElement$e } from './p-PE5H8duf.js';
-import { d as defineCustomElement$d } from './p-Btk7RWKm.js';
-import { d as defineCustomElement$c } from './p-DpRZJt_D.js';
-import { d as defineCustomElement$b } from './p-Yu8u8KO1.js';
-import { d as defineCustomElement$a } from './p-BJqFBnN6.js';
-import { d as defineCustomElement$8 } from './p-DrTyWXYp.js';
-import { d as defineCustomElement$7 } from './p-C0j2UArC.js';
-import { d as defineCustomElement$6 } from './p-DVDxAvhs.js';
-import { d as defineCustomElement$5 } from './p-BWiGIQ1w.js';
-import { d as defineCustomElement$4 } from './p-kBBh-4zI.js';
-import { d as defineCustomElement$3 } from './p-B8nbVKJr.js';
-import { d as defineCustomElement$2 } from './p-CBhOl8xD.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-CnVQ4Ot7.js';
+import { d as defineCustomElement$h } from './p-DRO1ZNJq.js';
+import { d as defineCustomElement$g } from './p-gg8XBMZ8.js';
+import { d as defineCustomElement$f } from './p-CC5mzX8a.js';
+import { d as defineCustomElement$e } from './p-CMWH8g7N.js';
+import { d as defineCustomElement$d } from './p-DOIYXIWP.js';
+import { d as defineCustomElement$c } from './p-DK5tN6xk.js';
+import { d as defineCustomElement$b } from './p-BxQkUibV.js';
+import { d as defineCustomElement$a } from './p-D4NMNwP8.js';
+import { d as defineCustomElement$8 } from './p-COl_WB5w.js';
+import { d as defineCustomElement$7 } from './p-CSLjMUxc.js';
+import { d as defineCustomElement$6 } from './p-DXIz32u2.js';
+import { d as defineCustomElement$5 } from './p-srgNz1ix.js';
+import { d as defineCustomElement$4 } from './p-6jVpEP4Y.js';
+import { d as defineCustomElement$3 } from './p-RYgpam5C.js';
+import { d as defineCustomElement$2 } from './p-BO0PFU2G.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1733,7 +1733,7 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
             }
             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;
@@ -1752,14 +1752,13 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
         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,
@@ -1768,8 +1767,7 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
         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));
         }
@@ -1781,15 +1779,14 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
         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);
         }
@@ -1830,9 +1827,9 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
         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
@@ -1849,13 +1846,11 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
         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);
@@ -1873,16 +1868,19 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
             documentComponent.type === "LID");
     }
     render() {
-        var _a, _b;
         const { DocumentComponent, MenuButton } = this;
-        return (h("dso-responsive-element", { key: '3f41bdd6e8edc176973587904d57b63ed2e76e35', class: "dso-document-components" }, h("div", { key: 'cb4c5ad68081f18ce4216b209fe6e2d4f801a5a6', class: "dso-navbar" }, h("ul", { key: '466d7c0f495bb3c94f239d1a05ecf6dbe3e64fbd', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: 'e06d0bf9ea919bb770b6273968e98a1dfa78da41', path: [this.document] })));
+        return (h("dso-responsive-element", { key: '3f41bdd6e8edc176973587904d57b63ed2e76e35', class: "dso-document-components" }, h("div", { key: 'cb4c5ad68081f18ce4216b209fe6e2d4f801a5a6', class: "dso-navbar" }, h("ul", { key: '466d7c0f495bb3c94f239d1a05ecf6dbe3e64fbd', class: "dso-nav dso-nav-sub" }, this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: 'e06d0bf9ea919bb770b6273968e98a1dfa78da41', path: [this.document] })));
     }
     static get watchers() { return {
-        "jsonFile": ["jsonFileWatcher"],
-        "openDefault": ["openDefaultWatcher"]
+        "jsonFile": [{
+                "jsonFileWatcher": 0
+            }],
+        "openDefault": [{
+                "openDefaultWatcher": 0
+            }]
     }; }
     static get style() { return documentComponentDemoCss(); }
-}, [258, "dsot-document-component-demo", {
+}, [2, "dsot-document-component-demo", {
         "showCanvas": [516, "show-canvas"],
         "showBesluitversie": [4, "show-besluitversie"],
         "jsonFile": [1, "json-file"],
@@ -1898,8 +1896,12 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
         "notApplicable": [32],
         "activeAnnotationSelectables": [32]
     }, undefined, {
-        "jsonFile": ["jsonFileWatcher"],
-        "openDefault": ["openDefaultWatcher"]
+        "jsonFile": [{
+                "jsonFileWatcher": 0
+            }],
+        "openDefault": [{
+                "openDefaultWatcher": 0
+            }]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
@@ -1999,6 +2001,3 @@ const DsotDocumentComponentDemo = DocumentComponentDemo;
 const defineCustomElement = defineCustomElement$1;
 
 export { DsotDocumentComponentDemo, defineCustomElement };
-//# sourceMappingURL=dsot-document-component-demo.js.map
-
-//# sourceMappingURL=dsot-document-component-demo.js.map

package/dist/bundle/index.d.ts

@@ -32,6 +32,8 @@ export interface SetPlatformOptions {
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
 
+export * from '../types';
+
 /**
  * Utility to define all custom elements within this package using the tag name provided in the component's source.
  * When defining each custom element, it will also check it's safe to define by:

package/dist/bundle/index.js

@@ -1,5 +1,5 @@
-import { t as transformTag } from './p-DBWrx_3r.js';
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-DBWrx_3r.js';
+import { t as transformTag } from './p-DmmKAUIT.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-DmmKAUIT.js';
 import { DsoAccordion } from './dso-accordion.js';
 import { DsoAccordionSection } from './dso-accordion-section.js';
 import { DsoActionList } from './dso-action-list.js';
@@ -36,6 +36,7 @@ import { DsoInfoButton } from './dso-info-button.js';
 import { DsoInputRange } from './dso-input-range.js';
 import { DsoLabel } from './dso-label.js';
 import { DsoLegend } from './dso-legend.js';
+import { DsoLegendGroup } from './dso-legend-group.js';
 import { DsoLegendItem } from './dso-legend-item.js';
 import { DsoListButton } from './dso-list-button.js';
 import { DsoLogo } from './dso-logo.js';
@@ -110,6 +111,7 @@ const defineCustomElements = (opts) => {
             DsoInputRange,
             DsoLabel,
             DsoLegend,
+            DsoLegendGroup,
             DsoLegendItem,
             DsoListButton,
             DsoLogo,
@@ -153,6 +155,3 @@ const defineCustomElements = (opts) => {
 };
 
 export { defineCustomElements };
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/dist/bundle/{p-kBBh-4zI.js → p-6jVpEP4Y.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DBWrx_3r.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
 import { v as v4 } from './p-C_akviUd.js';
 
 const slideToggleCss = () => `.sc-dso-slide-toggle-h{display:inline-block;padding-block-start:2px}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}`;
@@ -33,7 +33,7 @@ const SlideToggle = /*@__PURE__*/ proxyCustomElement(class SlideToggle extends H
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: 'f88a3ab9f40fa65dfc40766e0ba4e4986f41b4d5' }, h("button", Object.assign({ key: '40634c33c236dc5b0c4e8466cc0a5e66f7fda49f', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { key: 'fe409ecd9202a635179d92b135e659df10ee6dc9', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '75fb86fbba230bd789395a6d0545c74eade702f9', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '0d976634e2d3a8993678b933e06d845909b9314a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'ddcb8c875e8d6c8163f82f71ef11ebef6ce80fe0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '8b33599fc06c16697dff6b89feeecb4176f4d4f5', htmlFor: this.identifier }, h("slot", { key: '306ed9a90810c5d11d813b59168f231017f5c3a4' })))));
+        return (h(Fragment, { key: 'fd420c3eabb3c18d3f89fb74d94071129b09c9c4' }, h("button", { key: '6869163132f3a92ec49c16bf110f01372cf753ac', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '3b14d668ef38a67327553afc556dfa2393bdd1e4', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '177d3abd24e397afecad42637d465d1f7cac4605', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'b3ed4d615406eff74ab55c20721ceabf8e26c62b', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '50f54882f08a02df04e89431cc50a4cc87017f5d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'bf719234765f9c6bf5475b1d0dec6775831eb82b', htmlFor: this.identifier }, h("slot", { key: '3a34c3d2c3e5577d0b7fde8f48ada26d296b72c7' })))));
     }
     get host() { return this; }
     static get style() { return slideToggleCss(); }
@@ -60,6 +60,3 @@ function defineCustomElement() {
 }
 
 export { SlideToggle as S, defineCustomElement as d };
-//# sourceMappingURL=p-kBBh-4zI.js.map
-
-//# sourceMappingURL=p-kBBh-4zI.js.map

package/dist/bundle/{p-CBhOl8xD.js → p-BO0PFU2G.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DBWrx_3r.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DmmKAUIT.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { d as debounce$1 } from './p-baWVwd8J.js';
 
@@ -1864,7 +1864,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`,
+        };
     },
 };
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
@@ -1907,8 +1910,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             },
         };
         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();
             }
         };
@@ -1919,9 +1921,8 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             }
         };
         this.deactivatePopper = debounce$1(() => {
-            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);
@@ -1978,8 +1979,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             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);
@@ -1995,8 +1995,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         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 H)) {
             throw new Error("tooltip element is not instanceof HTMLElement");
         }
@@ -2008,8 +2007,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     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));
@@ -2019,21 +2017,19 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         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 H) {
             this.popper = createPopper(this.target, tooltip, {
                 placement: this.position,
@@ -2043,8 +2039,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     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");
@@ -2070,9 +2065,15 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
     }
     get element() { return this; }
     static get watchers() { return {
-        "position": ["watchPosition"],
-        "strategy": ["watchStrategy"],
-        "active": ["watchActive"]
+        "position": [{
+                "watchPosition": 0
+            }],
+        "strategy": [{
+                "watchStrategy": 0
+            }],
+        "active": [{
+                "watchActive": 0
+            }]
     }; }
     static get style() { return tooltipCss(); }
 }, [257, "dso-tooltip", {
@@ -2087,9 +2088,15 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         "activate": [64],
         "deactivate": [64]
     }, undefined, {
-        "position": ["watchPosition"],
-        "strategy": ["watchStrategy"],
-        "active": ["watchActive"]
+        "position": [{
+                "watchPosition": 0
+            }],
+        "strategy": [{
+                "watchStrategy": 0
+            }],
+        "active": [{
+                "watchActive": 0
+            }]
     }]);
 _Tooltip_target = new WeakMap();
 function defineCustomElement() {
@@ -2107,6 +2114,3 @@ function defineCustomElement() {
 }
 
 export { Tooltip as T, defineCustomElement as d };
-//# sourceMappingURL=p-CBhOl8xD.js.map
-
-//# sourceMappingURL=p-CBhOl8xD.js.map

package/dist/bundle/{p-BgkOiu3z.js → p-BVdZO6ww.js}

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-DBWrx_3r.js';
-import { d as defineCustomElement$5 } from './p-Btk7RWKm.js';
-import { d as defineCustomElement$4 } from './p-DpRZJt_D.js';
-import { d as defineCustomElement$3 } from './p-VxbAefvg.js';
-import { d as defineCustomElement$2 } from './p-CVTNNCuw.js';
-import { d as defineCustomElement$1 } from './p-ecEmdirb.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
+import { d as defineCustomElement$5 } from './p-DOIYXIWP.js';
+import { d as defineCustomElement$4 } from './p-DK5tN6xk.js';
+import { d as defineCustomElement$3 } from './p-DeNLhtpE.js';
+import { d as defineCustomElement$2 } from './p-DlJ_GXgx.js';
+import { d as defineCustomElement$1 } from './p-cvGwDktk.js';
 
 /**
  * Form random hash
@@ -46,11 +46,10 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
      * @param active
      */
     async toggleInfo(active) {
-        this.infoActive = active !== null && active !== void 0 ? active : !this.infoActive;
+        this.infoActive = active ?? !this.infoActive;
     }
     componentDidLoad() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
         this.mutationObserver.observe(this.host, {
             childList: true,
@@ -58,8 +57,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         this.setIndeterminate();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
     }
     setIndeterminate() {
         if (!(this.input instanceof HTMLInputElement) || this.type !== "checkbox") {
@@ -68,9 +66,8 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         this.input.indeterminate = !!this.indeterminate;
     }
     render() {
-        var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: '8a4ee13b4d34c210f5d4c4e9151b5d7d53802d37' }, h("div", { key: 'f67278b4fde95cd251323b97e79f93fb04c9b9e2', class: "dso-selectable-container" }, h("div", { key: 'e2359fe5b5d34b2f538d1a2d5f15f27eca3d329e', class: "dso-selectable-input-wrapper" }, h("input", { key: '09172958d3854b939b4d29d922ef5aabee8f2eb8', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '861f5e947c5e185e1e44f98fb2b9f5f8f1de0a90', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'b342d8fe01db69e44a8f4c14b435de26e4267fbe', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '58cf179b6ff01f2162ae3dbc5f90efbc32ae21bb' }, h("slot", { key: '5dbec26a759ae19daad1907b895a70b7d947bd07', name: "info" })))), h("slot", { key: 'f015ceda5af6134a7812cad315f28751a8b3c57a', name: "options" })));
+        return (h(Fragment, { key: '92526734f28bee1950a2f122a26cbf599d5c3a8f' }, h("div", { key: 'bdfd1c9a47b0d0d34c3c627b39d5804cf014856c', class: "dso-selectable-container" }, h("div", { key: 'f1f12523d41c4a6ecdc025a76e27e9eaef43d79d', class: "dso-selectable-input-wrapper" }, h("input", { key: '07429c725a6313cb7302720b5baab78ad3fa4f6a', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'de1df0aebbe572927f7187adb0780d635fd05a35', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'f2f6299fc6fa390398603d444b66a464160e4800', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'f3a602f0101f27fb6b6e9a528c911d1b8ce726d6' }, h("slot", { key: '2d80315a431d53b22a4329402f51bb7511972cff', name: "info" })))), h("slot", { key: '6409a2cafa87c8d579eb817b65d82c7f73099a81', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
@@ -78,12 +75,13 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         }
     }
     getIdentifier() {
-        var _a;
-        return (_a = this.identifier) !== null && _a !== void 0 ? _a : this.fallbackIdentifier;
+        return this.identifier ?? this.fallbackIdentifier;
     }
     get host() { return this; }
     static get watchers() { return {
-        "indeterminate": ["setIndeterminate"]
+        "indeterminate": [{
+                "setIndeterminate": 0
+            }]
     }; }
     static get style() { return selectableCss(); }
 }, [262, "dso-selectable", {
@@ -102,7 +100,9 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         "infoActive": [32],
         "toggleInfo": [64]
     }, undefined, {
-        "indeterminate": ["setIndeterminate"]
+        "indeterminate": [{
+                "setIndeterminate": 0
+            }]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -144,6 +144,3 @@ function defineCustomElement() {
 }
 
 export { Selectable as S, defineCustomElement as d };
-//# sourceMappingURL=p-BgkOiu3z.js.map
-
-//# sourceMappingURL=p-BgkOiu3z.js.map

package/dist/bundle/{p-CodDyi2J.js → p-BWkWD1Z2.js}

@@ -1,15 +1,11 @@
 function getActiveElement({ activeElement } = document) {
-    var _a;
     if (!activeElement) {
         return null;
     }
     if (activeElement.shadowRoot) {
-        return (_a = getActiveElement(activeElement.shadowRoot)) !== null && _a !== void 0 ? _a : activeElement;
+        return getActiveElement(activeElement.shadowRoot) ?? activeElement;
     }
     return activeElement;
 }
 
 export { getActiveElement as g };
-//# sourceMappingURL=p-CodDyi2J.js.map
-
-//# sourceMappingURL=p-CodDyi2J.js.map

package/dist/bundle/{p-BOYwoGz-.js → p-BgGHk77B.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DBWrx_3r.js';
-import { i as i18n } from './p-pxiVAmq4.js';
-import { d as defineCustomElement$1 } from './p-Btk7RWKm.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DmmKAUIT.js';
+import { i as i18n } from './p-FXEjFTzg.js';
+import { d as defineCustomElement$1 } from './p-DOIYXIWP.js';
 
 const translations = {
     en: {
@@ -27,11 +27,11 @@ const Progressindicator = /*@__PURE__*/ proxyCustomElement(class Progressindicat
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '8ab3db9242f44f583258a9f313a8e3fbb9b72d0d' }, h("span", { key: '193a169135e1617727e86cc1c11cf87250220493', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '1d5e137b36f95fb9600545f58687a401276a27b7', icon: "spinner" })), h("span", { key: 'e5d674bd60e0037ad0e78ed7129ac74002ce38f2', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '5fa9e0caf06bc75410aa225a4e99e50b381bb396' }, h("span", { key: 'b89e86db1ffe6138b2ed33f08ea462e2501cf3c5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'af7338d1bd50ca89206450c006f60f8b912eb9a7', icon: "spinner" })), h("span", { key: '6deb8a1b9a92d089d7260caee85f72c4ab7d46e8', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return this; }
     static get style() { return progressIndicatorCss(); }
-}, [257, "dso-progress-indicator", {
+}, [1, "dso-progress-indicator", {
         "label": [1],
         "size": [513],
         "block": [516]
@@ -56,6 +56,3 @@ function defineCustomElement() {
 }
 
 export { Progressindicator as P, defineCustomElement as d };
-//# sourceMappingURL=p-BOYwoGz-.js.map
-
-//# sourceMappingURL=p-BOYwoGz-.js.map