@dso-toolkit/core 90.2.0 → 91.1.0

package/dist/bundle/dso-toggletip.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
-import { d as defineCustomElement$6 } from './p-DgXlrrIE.js';
-import { d as defineCustomElement$5 } from './p-Cvc_zdE2.js';
-import { d as defineCustomElement$4 } from './p-CIaQxmqO.js';
-import { d as defineCustomElement$3 } from './p-CxUu0O7_.js';
-import { d as defineCustomElement$2 } from './p-Cv4NtJR0.js';
+import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-ChUPoPD0.js';
+import { d as defineCustomElement$6 } from './p-BrHMwOG1.js';
+import { d as defineCustomElement$5 } from './p-D1-LTBJ5.js';
+import { d as defineCustomElement$4 } from './p-eDWNcXMC.js';
+import { d as defineCustomElement$3 } from './p-OxRzmdbG.js';
+import { d as defineCustomElement$2 } from './p-D5HubnB5.js';
 
 const toggletipCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}`;
 
@@ -56,7 +56,7 @@ const Toggletip = /*@__PURE__*/ proxyCustomElement(class Toggletip extends H {
         };
     }
     render() {
-        return (h(Fragment, { key: 'c1e2660fcf4e5f6cd43313b0f40c882d4698af9e' }, h("dso-info-button", { key: 'c33626572175d1f21b0c994ed12441166780b750', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '94a63f5fc3f86355a5287102eed22d25bd7dafb6', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '09a2fb613f4de45467db01aa754fc2e9c0c14136' }))));
+        return (h(Fragment, { key: '298a0e9bd310f496f3dd8983fc67d3b71bb1a0a4' }, h("dso-info-button", { key: 'd3e1e3e364bf43b0deef9bd29e5ad30951df9077', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '8477c00365c100ed94c724be6468941eba14b00b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '211b1ec1950140bd080992dda22734d4c64f570d' }))));
     }
     get host() { return this; }
     static get style() { return toggletipCss(); }
@@ -64,7 +64,6 @@ const Toggletip = /*@__PURE__*/ proxyCustomElement(class Toggletip extends H {
         "label": [1],
         "position": [1],
         "small": [4],
-        "secondary": [4],
         "active": [32]
     }]);
 function defineCustomElement$1() {

package/dist/bundle/dso-tooltip.js

@@ -1,4 +1,4 @@
-import { T as Tooltip, d as defineCustomElement$1 } from './p-Cv4NtJR0.js';
+import { T as Tooltip, d as defineCustomElement$1 } from './p-D5HubnB5.js';
 
 const DsoTooltip = Tooltip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tree-view.js

@@ -1,7 +1,7 @@
-import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-DmmKAUIT.js';
+import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-ChUPoPD0.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$3 } from './p-DgXlrrIE.js';
-import { d as defineCustomElement$2 } from './p-DU-jWPQj.js';
+import { d as defineCustomElement$3 } from './p-BrHMwOG1.js';
+import { d as defineCustomElement$2 } from './p-BtSsjpsk.js';
 
 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 })))))))));
 
@@ -185,7 +185,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
         return false;
     }
     render() {
-        return (h("div", { key: 'fda90d8a03ae58672b99f314ec5f97c1ac9dab19', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '02c4d4665e8d3fdb2618e6e730ad899776149501', 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 }))))));
+        return (h("div", { key: 'bb0af3cdb37897eab28b61c078dcd1598122e4b9', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '034cbbf4aa4272aecfa5f670787f53b68bf61d76', 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 style() { return treeViewCss(); }
 }, [1, "dso-tree-view", {

package/dist/bundle/dso-viewer-grid.js

@@ -1,4 +1,4 @@
-import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-DmmKAUIT.js';
+import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-ChUPoPD0.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { d as debounce } from './p-baWVwd8J.js';
 
@@ -208,7 +208,7 @@ const ViewerGrid = /*@__PURE__*/ proxyCustomElement(class ViewerGrid extends H {
         }
     }
     render() {
-        return (h(Fragment, { key: '06fb7880f5116450d6b14d8487bac63c94345922' }, h("slot", { key: 'eb9893063f36b291d765a0b7ade2de7303dfc0f2', name: "top-bar" }), h("div", { key: '021c89577aed0b6fe33a225c801a790b67a45161', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '87ceaa1f12b58c564c125a8709635144aac9c31e', class: "dso-navbar" }, h("ul", { key: 'bcad835f8f77c617058b0994b33a9c6c98201a51', 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: 'f4ac0d91a990acb68fde9057d69a824ab62c42b1', 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: 'f62670f4abba9bf22963afba2548a97593bf2129', 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: 'e04bad7ba3c8f93ec354d23d48652cbca6be1956', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '6d901b85ce9f9eae56fbabff84ac15a100283055', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '04ed6978e33e29dd4ce394e1ce3e673fe5a1ddd3', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'ba22e04eb7a2be5c51477556a708dd65a57ea339', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '35afbe6fe802037e0ae25cde9f2eaf933280da2f' }, h("slot", { key: 'a612266b157027fe14146a022b4fd4a716afeb0f', name: "top-bar" }), h("div", { key: '0b73534d099e40cdfb5a8be2322a6a52e32aa516', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '16368a0d8ea7835c8ca67777fb6fc227f4d2e797', class: "dso-navbar" }, h("ul", { key: '616518fc88a77481551e2580f96409f9e83e267a', 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: '08ae8b53fb877c825aa318b2b08269e87d730cdf', 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: '249930051c81aa39a60fc4850fae92ebdfb214f7', 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: '30614ec55557831ff9f73cae9cb9fdff8d4575df', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '5abc82a62d3735af0f2b1026d1dfea531155e6a1', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '9103afaba00327b589d31dbeb2d53656e0f5009c', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'acc8d86409eddab5464b4b1ee5ef2992e6abc346', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -1,21 +1,21 @@
-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$a } from './p-YQatg-S9.js';
-import { d as defineCustomElement$i } from './p-DhxQaUrY.js';
-import { d as defineCustomElement$h } from './p-DfR9IgAn.js';
-import { d as defineCustomElement$g } from './p-nkfcrXkM.js';
-import { d as defineCustomElement$f } from './p-BmmH_eu_.js';
-import { d as defineCustomElement$e } from './p-DgXlrrIE.js';
-import { d as defineCustomElement$d } from './p-Cvc_zdE2.js';
-import { d as defineCustomElement$c } from './p-CJuXnQoh.js';
-import { d as defineCustomElement$b } from './p-B09PltTN.js';
-import { d as defineCustomElement$9 } from './p-S5dgiDyu.js';
-import { d as defineCustomElement$8 } from './p-ntyBxyGu.js';
-import { d as defineCustomElement$7 } from './p-BW1PprKl.js';
-import { d as defineCustomElement$6 } from './p-jCIJm9RS.js';
-import { d as defineCustomElement$5 } from './p-CxUu0O7_.js';
-import { d as defineCustomElement$4 } from './p-CVb-Vo71.js';
-import { d as defineCustomElement$3 } from './p-BtoSFmxi.js';
-import { d as defineCustomElement$2 } from './p-Cv4NtJR0.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-ChUPoPD0.js';
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$a } from './p-Bep0SkQb.js';
+import { d as defineCustomElement$i } from './p-yUjhN7ux.js';
+import { d as defineCustomElement$h } from './p-gyRjz9FA.js';
+import { d as defineCustomElement$g } from './p-eonzuQ6G.js';
+import { d as defineCustomElement$f } from './p-DcBiT9g1.js';
+import { d as defineCustomElement$e } from './p-BrHMwOG1.js';
+import { d as defineCustomElement$d } from './p-D1-LTBJ5.js';
+import { d as defineCustomElement$c } from './p-DVcclNIE.js';
+import { d as defineCustomElement$b } from './p-DtKW-Ahw.js';
+import { d as defineCustomElement$9 } from './p-BTGCfFEi.js';
+import { d as defineCustomElement$8 } from './p-DxWHGT19.js';
+import { d as defineCustomElement$7 } from './p-ZVYFxI1s.js';
+import { d as defineCustomElement$6 } from './p-CwtbTbJR.js';
+import { d as defineCustomElement$5 } from './p-OxRzmdbG.js';
+import { d as defineCustomElement$4 } from './p-uPEAyTMl.js';
+import { d as defineCustomElement$3 } from './p-ufoglAZ3.js';
+import { d as defineCustomElement$2 } from './p-D5HubnB5.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -357,7 +357,7 @@ function requireLodash_random () {
 	    return value === 0 ? value : 0;
 	  }
 	  value = toNumber(value);
-	  if (value === INFINITY || value === -Infinity) {
+	  if (value === INFINITY || value === -INFINITY) {
 	    var sign = (value < 0 ? -1 : 1);
 	    return sign * MAX_INTEGER;
 	  }
@@ -1504,7 +1504,7 @@ function requireLodash_samplesize () {
 	    return value === 0 ? value : 0;
 	  }
 	  value = toNumber(value);
-	  if (value === INFINITY || value === -Infinity) {
+	  if (value === INFINITY || value === -INFINITY) {
 	    var sign = (value < 0 ? -1 : 1);
 	    return sign * MAX_INTEGER;
 	  }

package/dist/bundle/index.js

@@ -1,5 +1,5 @@
-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 { t as transformTag } from './p-ChUPoPD0.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ChUPoPD0.js';
 import { DsoAccordion } from './dso-accordion.js';
 import { DsoAccordionSection } from './dso-accordion-section.js';
 import { DsoActionList } from './dso-action-list.js';

package/dist/bundle/{p-BrjfgYHu.js → p-Aw2GDcd_.js}

@@ -1,4 +1,4 @@
-import { h } from './p-DmmKAUIT.js';
+import { h } from './p-ChUPoPD0.js';
 
 const AnnotationBody = ({ symbol, title, data, active, dsoActiveChange, }) => (h("div", { class: "annotation-body" }, symbol && h("div", { class: "annotation-symbol" }, symbol), h("div", { class: "annotation-info" }, h("p", { class: "annotation-title" }, title), data && h("p", { class: "annotation-data" }, data)), dsoActiveChange && (h("div", { class: "annotation-control" }, h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) })))));
 

package/dist/bundle/{p-Yb_1DkLQ.js → p-B3_SLWNA.js}

@@ -1,5 +1,5 @@
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow, h as hide, d as size } from './p-BgyqGgJ8.js';
-import { h } from './p-DmmKAUIT.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow, h as hide, d as size } from './p-zRaH89Qj.js';
+import { h } from './p-ChUPoPD0.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
 /**

package/dist/bundle/{p-DkfAYJEK.js → p-BEeZGrQZ.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-DmmKAUIT.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-ChUPoPD0.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
 const expandableCss = () => `:host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}`;

package/dist/bundle/{p-S5dgiDyu.js → p-BTGCfFEi.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
-import { p as positionTooltip, T as Tooltip } from './p-Yb_1DkLQ.js';
-import { d as defineCustomElement$1 } from './p-DgXlrrIE.js';
+import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-ChUPoPD0.js';
+import { p as positionTooltip, T as Tooltip } from './p-B3_SLWNA.js';
+import { d as defineCustomElement$1 } from './p-BrHMwOG1.js';
 
 const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:480px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}`;
 
@@ -72,7 +72,7 @@ const ozonContentToggletip = /*@__PURE__*/ proxyCustomElement(class ozonContentT
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Fragment, { key: '8fcf09bafea0c5063a216b5fc062ffe851a9221f' }, h("span", { key: 'b01a1be6bfb5d46eb2560ff4388e88dafe685137', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'c4dcac1d94dcd0fc138db4602d8cec7340b5076f' }, h("span", { key: 'e2bc7ba3fe07a594579b609d62f0fdef490401b4', class: "toggletip-label" }, h("slot", { key: '836eb4e41db00abfe22640ef008a7faf642f0866', name: "label" })), "\u2060", h("dso-icon", { key: '2064a11231188c72dd1794a3054dd300d7116044', icon: this.icon }))), !this.icon && h("slot", { key: '1bb82554c188416f5d8d012659f4adecce66995d', name: "label" })), h(Tooltip, { key: 'f46fcc6671d46b0bfd62bfdcb78e2e909c34d7e6', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '0dd70e1864d5c19fd840871a2bb05b76551ea4b4' }))));
+        return (h(Fragment, { key: '0a812c27a5f7bf6820fc83d38f6ed05e858b18ef' }, h("span", { key: '0f29416e6f531a946b18d7aa153f3b2ff23ff4af', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '12f0115d72782788cc78f412ddeb5b3328d2005d' }, h("span", { key: '36622fff305d4f09945a5d91d19fb8eb110d3633', class: "toggletip-label" }, h("slot", { key: '2748e97daa83647d7ceeecd3272af7c3656d23e9', name: "label" })), "\u2060", h("dso-icon", { key: 'dca460d7d3f39da9f7542b66309923e96591a561', icon: this.icon }))), !this.icon && h("slot", { key: 'ad9b81a50bfb52ae5744a40b143a188d6d890baf', name: "label" })), h(Tooltip, { key: '86cec2e841b546787dc3ab5a157d25079ed685eb', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '81066b3e4472236be538560880b2a875481bda73' }))));
     }
     get host() { return this; }
     static get style() { return ozonContentToggletipCss(); }