@siemens/ix 5.1.1 → 5.2.1

package/dist/collection/components/toggle-button/toggle-button.css

@@ -73,6 +73,14 @@
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/*
+* SPDX-FileCopyrightText: 2026 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 :host {
   --ix-button-border-radius-left: var(--theme-btn--border-radius);
   --ix-button-border-radius-right: var(--theme-btn--border-radius);
@@ -93,7 +101,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -102,37 +110,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host button,
@@ -204,7 +212,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -213,37 +221,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host button,
@@ -345,6 +353,12 @@
   color: var(--theme-btn-primary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-primary--border-color--active);
+  background-color: var(--theme-btn-primary--background--active);
+  color: var(--theme-btn-primary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -407,6 +421,12 @@
   color: var(--theme-btn-secondary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-secondary--border-color--active);
+  background-color: var(--theme-btn-secondary--background--active);
+  color: var(--theme-btn-secondary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -469,6 +489,12 @@
   color: var(--theme-btn-tertiary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-tertiary--border-color--active);
+  background-color: var(--theme-btn-tertiary--background--active);
+  color: var(--theme-btn-tertiary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -531,6 +557,12 @@
   color: var(--theme-btn-subtle-primary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-subtle-primary--border-color--active);
+  background-color: var(--theme-btn-subtle-primary--background--active);
+  color: var(--theme-btn-subtle-primary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -593,6 +625,12 @@
   color: var(--theme-btn-subtle-secondary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-subtle-secondary--border-color--active);
+  background-color: var(--theme-btn-subtle-secondary--background--active);
+  color: var(--theme-btn-subtle-secondary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -655,6 +693,12 @@
   color: var(--theme-btn-subtle-tertiary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-subtle-tertiary--border-color--active);
+  background-color: var(--theme-btn-subtle-tertiary--background--active);
+  color: var(--theme-btn-subtle-tertiary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -717,6 +761,12 @@
   color: var(--theme-btn-danger-primary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-danger-primary--border-color--active);
+  background-color: var(--theme-btn-danger-primary--background--active);
+  color: var(--theme-btn-danger-primary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -779,6 +829,12 @@
   color: var(--theme-btn-danger-secondary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-danger-secondary--border-color--active);
+  background-color: var(--theme-btn-danger-secondary--background--active);
+  color: var(--theme-btn-danger-secondary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -841,6 +897,12 @@
   color: var(--theme-btn-danger-tertiary--color--active);
 }
 
+:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled) {
+  border-color: var(--theme-btn-danger-tertiary--border-color--active);
+  background-color: var(--theme-btn-danger-tertiary--background--active);
+  color: var(--theme-btn-danger-tertiary--color--active);
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -865,7 +927,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -874,37 +936,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .btn {

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

@@ -101,7 +101,11 @@ export class Tooltip {
         }
     }
     computeArrowPosition({ placement, middlewareData, }) {
-        let { x, y } = middlewareData.arrow;
+        const arrow = middlewareData.arrow;
+        if (!arrow) {
+            return undefined;
+        }
+        let { x, y } = arrow;
         const resetPosition = {
             top: 'unset',
             right: 'unset',
@@ -369,7 +373,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '0f6b71f1d7096159c1e46db95ef86bdb36a44a89', role: "tooltip", class: { visible: this.visible } }, h("dialog", { key: '18b008f2893571c2bc622ce1d38b689249d2ee69', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, h("div", { key: 'c9187964c594fbea4db6b1cebbfe98d67d65313a', class: "tooltip-container" }, h("div", { key: '0985c556e7d2e9e8724ce4c26e5ead76c05f4cd4', class: "content-wrapper" }, h("div", { key: '5e591fc49ce4d3c024ac5d36f5cf72ca7dcb7378', class: 'tooltip-title' }, h("slot", { key: '0272be6880ecc327d2bc0ee522ee1463eed46a27', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), h("ix-typography", { key: '0ab372fdaa7e58f13cfcf7f12386a85dfef017bc', format: "h5" }, this.titleContent, h("slot", { key: '2b894def397eb375849718fa7cb823dbf2e23209', name: "title-content" }))), h("slot", { key: '58421e3dc922c33c96f9335a3972c821e29368b2' }), h("div", { key: 'c0c7cf5776e4db777af7f635b042178814973dd1', class: "arrow" }))))));
+        return (h(Host, { key: 'fe826b9faedc373c7ed059d063cc0f41fbfc6178', role: "tooltip", class: { visible: this.visible } }, h("dialog", { key: '4c3615e531e598ca3bfb71f5d96d0c510d14a18f', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, h("div", { key: 'd9b77b657d7c96525f12bc0c357f37be745b0df2', class: "tooltip-container" }, h("div", { key: '3226301a8e9a91c6ca0d9e7a1268357c94885461', class: "content-wrapper" }, h("div", { key: '224fd0e67de09fc486e02bf2d1023d7ed0fce25a', class: 'tooltip-title' }, h("slot", { key: '16c48a015cd22857dbe43ff941a6a380e14b89dc', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), h("ix-typography", { key: 'ef2a7d59693e79d1a40ed44705841af6101e9949', format: "h5" }, this.titleContent, h("slot", { key: '64f1d0ab84cbbf75067447c123e6a970d2e06545', name: "title-content" }))), h("slot", { key: 'fd235ecbcd9862169fb6f825d6260f817b30d073' }), h("div", { key: 'be5d8640b05978f23a4ccab0271262dbbe712890', class: "arrow" }))))));
     }
     static get is() { return "ix-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -304,7 +304,7 @@ export class Tree {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (h(Host, { key: '8ec158ba41c5aa8e4577e9904ba250dc02ec9256', onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: 'a2f2c325f7c54b7f1271d0ced1da60e0a211bb3b' })));
+        return (h(Host, { key: '855ec01de8c175c0248069737dcfa240d3848264', onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: 'ffc4b5117f8bda3710030ee85cdbceed417133c0' })));
     }
     static get is() { return "ix-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tree-item/tree-item.css

@@ -53,7 +53,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -62,37 +62,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .tree-node-container {

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

@@ -44,10 +44,10 @@ export class TreeItem {
     itemClick;
     render() {
         const isDisabled = this.disabled || this.context?.isDisabled;
-        return (h(Host, { key: 'ac797ebd4ea5c58ef304f89f2c9dd2652e718467', class: {
+        return (h(Host, { key: 'f59b4c0d450339118b34d3b61b340a10ca988930', class: {
                 selected: !!this.context?.isSelected,
                 disabled: !!isDisabled,
-            } }, h("div", { key: '065f2f10272bcc61c56455f52ed3c9d2653f16d4', class: "icon-toggle-container" }, this.hasChildren ? (h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+            } }, h("div", { key: 'd2a671021cc391d53bd120b81a436a84aded80b7', class: "icon-toggle-container" }, this.hasChildren ? (h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
                 ['icon-toggle-down']: !!this.context?.isExpanded,
             }, color: "color-std-text", onClick: (e) => {
                 if (isDisabled) {
@@ -59,12 +59,12 @@ export class TreeItem {
             }, "aria-label": this.ariaLabelChevronIcon ??
                 (this.context?.isExpanded
                     ? 'Collapse tree item'
-                    : 'Expand tree item') })) : null), h("div", { key: '915c6b8ac6b26b1696bb2f181cd5b3c99301c22d', class: "tree-node-container", onClick: () => {
+                    : 'Expand tree item') })) : null), h("div", { key: '9f8858524c797a1bccc7f282fd916024f660b09b', class: "tree-node-container", onClick: () => {
                 if (isDisabled) {
                     return;
                 }
                 this.itemClick.emit();
-            } }, h("div", { key: '7e138f1ce37dbad892e93d4434fbde49b1552c73', class: "tree-node-text" }, this.text), h("slot", { key: 'ac6ea5f2b4e396f022dfe6270c7d195ed70fd1cb' }))));
+            } }, h("div", { key: 'b0f742b8aeea57c22eefe520e0bff25dabe49b40', class: "tree-node-text" }, this.text), h("slot", { key: 'd18611d1682b05902d218993d2733f86be879b74' }))));
     }
     static get is() { return "ix-tree-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/typography/typography.css

@@ -419,7 +419,7 @@ a {
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -428,37 +428,37 @@ a {
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 

package/dist/collection/components/typography/typography.js

@@ -46,7 +46,7 @@ export class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (h(Host, { key: '205751c8dc3619824eee5a25c27b3435fb4cadd6', class: typographyClass, style: style }, h("slot", { key: '91b2957256c5707bca18cf3460e3efbf60570a22' })));
+        return (h(Host, { key: 'dcc0f169666286fcce7f0f0f5808e1e0d72bca90', class: typographyClass, style: style }, h("slot", { key: '9da2618e58af8dd12536c7d535d628173b33e956' })));
     }
     static get is() { return "ix-typography"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/upload/upload.css

@@ -51,7 +51,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -60,37 +60,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .file-upload-area {

package/dist/collection/components/upload/upload.js

@@ -175,7 +175,7 @@ export class Upload {
             ? 'Upload folder'
             : 'Upload files';
         const { 'aria-label': ariaLabel = defaultAriaLabel, ...a11y } = this.a11y;
-        return (h(Host, { key: '9a21dd00faf48cd80ae13e84af47e09135f35ff8', ...a11y, "aria-disabled": disabled }, h("div", { key: 'd94f8f4756bc8fc6484adde5928020dd0d024b41', class: {
+        return (h(Host, { key: '183f8abe7ec5d6fd3427e01b9b03216fa12d41ac', ...a11y, "aria-disabled": disabled }, h("div", { key: '333b66856dcb9e55b2b2658f260cfbcf00b0323c', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -185,9 +185,9 @@ export class Upload {
                 if (this.state !== UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave() }, this.renderUploadState(), h("div", { key: '9e3ca61924cca20b05afe9a9839be43ff4d4df0c' }, h("input", { key: '5a237001c511dbfd0b7fb21a6b5986e07fab0915', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", ...directoryAttributes, tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave() }, this.renderUploadState(), h("div", { key: '8934a20d5a8ab01a8e18523d1d533eda1ae47bd6' }, h("input", { key: '44e78de7cc78501f559102f9c11e5def89f357c7', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", ...directoryAttributes, tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), h("ix-button", { key: '0e597ad0b6dbadad5097258e6e5ebf8cca4cd409', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile ??
+            }, accept: this.accept, disabled: disabled }), h("ix-button", { key: '2847f32277c81f54a265e02c0ea03f8301527cad', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile ??
             (this.directoryUpload ? 'Upload folder…' : 'Upload file…'))))));
     }
     static get is() { return "ix-upload"; }

package/dist/collection/components/utils/a11y.js

@@ -57,7 +57,7 @@ export const a11yHostAttributes = (hostElement, ignoreAttributes = []) => {
     });
     return attributeObject;
 };
-const a11yAttributes = [
+export const a11yAttributes = [
     'role',
     'aria-activedescendant',
     'aria-atomic',

package/dist/collection/components/utils/animation.js

@@ -22,11 +22,11 @@ export default class Animation {
     }
     static ensureCache() {
         if (this.#cache !== null)
-            return;
+            return this.#cache;
         if (typeof window === 'undefined') {
             // SSR only
             this.#cache = { ...this.#FALLBACKS };
-            return;
+            return this.#cache;
         }
         const root = document.documentElement || document.body;
         const styles = window.getComputedStyle(root);
@@ -43,6 +43,7 @@ export default class Animation {
             slow: read('--theme-slow-time', this.#FALLBACKS.slow),
             xslow: read('--theme-x-slow-time', this.#FALLBACKS.xslow),
         };
+        return this.#cache;
     }
     static prefersReducedMotion() {
         if (typeof window === 'undefined' || !window.matchMedia)
@@ -50,28 +51,23 @@ export default class Animation {
         return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     }
     static get shortTime() {
-        this.ensureCache();
-        const t = this.#cache.short;
+        const t = this.ensureCache().short;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get defaultTime() {
-        this.ensureCache();
-        const t = this.#cache.default;
+        const t = this.ensureCache().default;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get mediumTime() {
-        this.ensureCache();
-        const t = this.#cache.medium;
+        const t = this.ensureCache().medium;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get slowTime() {
-        this.ensureCache();
-        const t = this.#cache.slow;
+        const t = this.ensureCache().slow;
         return this.prefersReducedMotion() ? 0 : t;
     }
     static get xSlowTime() {
-        this.ensureCache();
-        const t = this.#cache.xslow;
+        const t = this.ensureCache().xslow;
         return this.prefersReducedMotion() ? 0 : t;
     }
 }