@siemens/ix 5.2.0 → 5.2.1

package/dist/esm/inherit-aria-attributes.mixin-BmTKblYV.js

@@ -0,0 +1,304 @@
+import { r as registerInstance } from './index-EBgS4zhE.js';
+import { c as a11yAttributes, b as a11yHostAttributes } from './a11y-DD206pTM.js';
+
+/*
+ * 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.
+ */
+const reportMutationError = (error) => {
+    if (typeof reportError === 'function') {
+        reportError(error);
+        return;
+    }
+    console.error(error);
+};
+// A MutationObserver can watch many direct targets and keeps only weak references
+// to them, so all IX hosts can share one observer without observing a whole subtree.
+const registrations = new WeakMap();
+const suppressedHosts = new WeakSet();
+let observer;
+let registrationCount = 0;
+const dispatchMutations = (mutations) => {
+    const changesByHandler = new Map();
+    mutations.forEach((mutation) => {
+        const hostElement = mutation.target;
+        if (suppressedHosts.has(hostElement)) {
+            return;
+        }
+        const registration = registrations.get(hostElement);
+        const attributeName = mutation.attributeName;
+        if (!registration || !attributeName) {
+            return;
+        }
+        let changedAttributes = changesByHandler.get(registration.handler);
+        if (!changedAttributes) {
+            changedAttributes = new Set();
+            changesByHandler.set(registration.handler, changedAttributes);
+        }
+        changedAttributes.add(attributeName);
+    });
+    changesByHandler.forEach((attributeNames, handler) => {
+        try {
+            handler(attributeNames);
+        }
+        catch (error) {
+            reportMutationError(error);
+        }
+    });
+};
+const getObserver = () => {
+    if (typeof MutationObserver === 'undefined') {
+        return undefined;
+    }
+    observer ??= new MutationObserver(dispatchMutations);
+    return observer;
+};
+const observeAriaAttributes = (hostElement, handler) => {
+    const ariaObserver = getObserver();
+    if (!ariaObserver) {
+        return false;
+    }
+    if (!registrations.has(hostElement)) {
+        registrationCount++;
+    }
+    registrations.set(hostElement, { handler });
+    ariaObserver.observe(hostElement, {
+        attributeFilter: a11yAttributes,
+        attributes: true,
+    });
+    return true;
+};
+const unobserveAriaAttributes = (hostElement) => {
+    if (!registrations.delete(hostElement)) {
+        return;
+    }
+    registrationCount--;
+    if (registrationCount === 0) {
+        observer?.disconnect();
+        observer = undefined;
+    }
+};
+const runWithoutAriaAttributeObservation = (hostElement, callback) => {
+    const registration = registrations.get(hostElement);
+    if (!registration || !observer) {
+        return callback();
+    }
+    const activeObserver = observer;
+    dispatchMutations(activeObserver.takeRecords());
+    suppressedHosts.add(hostElement);
+    try {
+        return callback();
+    }
+    finally {
+        const remainingMutations = activeObserver
+            .takeRecords()
+            .filter((mutation) => mutation.target !== hostElement);
+        suppressedHosts.delete(hostElement);
+        dispatchMutations(remainingMutations);
+    }
+};
+const flushAriaAttributeMutations = () => {
+    if (observer) {
+        dispatchMutations(observer.takeRecords());
+    }
+};
+
+const InheritAriaAttributesMixin = (Base) => {
+    const InheritAriaAttributesMixinCtor = class extends Base {
+        constructor(hostRef) {
+            super();
+            registerInstance(this, hostRef);
+        }
+        inheritAriaAttributes = {};
+        #ariaObserverInitialized = false;
+        #ariaObservationActive = false;
+        #ariaInitializationPending = false;
+        #disconnected = false;
+        #ariaAttributesBeforeDisconnect;
+        #ariaAttributesChangedWhileDisconnected = new Set();
+        #ariaAttributeRemovalPatched = false;
+        #readingAriaAttributes = false;
+        #handleAriaMutations(changedAttributes) {
+            const hostElement = this.#getHostElement();
+            const ignoredAttributes = this.getIgnoredAriaAttributes();
+            let updatedAttributes = this.inheritAriaAttributes;
+            changedAttributes.forEach((attributeName) => {
+                if (ignoredAttributes.includes(attributeName)) {
+                    return;
+                }
+                const newValue = hostElement.getAttribute(attributeName);
+                const currentValue = updatedAttributes[attributeName] ?? null;
+                if (newValue === currentValue) {
+                    return;
+                }
+                if (updatedAttributes === this.inheritAriaAttributes) {
+                    updatedAttributes = { ...updatedAttributes };
+                }
+                if (newValue === null) {
+                    delete updatedAttributes[attributeName];
+                }
+                else {
+                    updatedAttributes[attributeName] = newValue;
+                }
+            });
+            if (updatedAttributes !== this.inheritAriaAttributes) {
+                this.inheritAriaAttributes = updatedAttributes;
+            }
+        }
+        getIgnoredAriaAttributes() {
+            return [];
+        }
+        readAriaAttributesFromHost() {
+            const hostElement = this.#getHostElement();
+            return runWithoutAriaAttributeObservation(hostElement, () => {
+                this.#readingAriaAttributes = true;
+                try {
+                    return a11yHostAttributes(hostElement, this.getIgnoredAriaAttributes());
+                }
+                finally {
+                    this.#readingAriaAttributes = false;
+                }
+            });
+        }
+        #getHostElement() {
+            if (!this.hostElement) {
+                throw new Error('Host element is not defined. Make sure to apply the InheritAriaAttributesMixin to a Stencil component.');
+            }
+            return this.hostElement;
+        }
+        #getAriaAttributesFromHost() {
+            const hostElement = this.#getHostElement();
+            const attributes = new Map();
+            a11yAttributes.forEach((attributeName) => {
+                const value = hostElement.getAttribute(attributeName);
+                if (value !== null) {
+                    attributes.set(attributeName, value);
+                }
+            });
+            return attributes;
+        }
+        #patchAriaAttributeRemoval() {
+            if (this.#ariaAttributeRemovalPatched ||
+                typeof MutationObserver === 'undefined') {
+                return;
+            }
+            const hostElement = this.#getHostElement();
+            const removeAttribute = hostElement.removeAttribute.bind(hostElement);
+            // ARIA attributes are moved from the host to the internal element during
+            // initialization. When Angular later calls removeAttribute(), the host
+            // attribute is already absent, so no MutationObserver record is created.
+            // Intercept the call to also clear the forwarded internal attribute.
+            hostElement.removeAttribute = (attributeName) => {
+                removeAttribute(attributeName);
+                if (a11yAttributes.includes(attributeName)) {
+                    if (this.#readingAriaAttributes) {
+                        return;
+                    }
+                    if (!this.#ariaObservationActive) {
+                        this.#ariaAttributesChangedWhileDisconnected.add(attributeName);
+                    }
+                    this.#updateInheritedAriaAttribute(null, attributeName);
+                }
+            };
+            this.#ariaAttributeRemovalPatched = true;
+        }
+        #observeAriaAttributes() {
+            this.#ariaObservationActive = observeAriaAttributes(this.#getHostElement(), (attributeNames) => this.#handleAriaMutations(attributeNames));
+        }
+        connectedCallback() {
+            if (super.connectedCallback) {
+                super.connectedCallback();
+            }
+            this.#disconnected = false;
+            if (this.#ariaInitializationPending && !this.#ariaObserverInitialized) {
+                this.#ariaInitializationPending = false;
+                this.#initializeAriaAttributes();
+                return;
+            }
+            if (this.#ariaObserverInitialized) {
+                const hostElement = this.#getHostElement();
+                this.#observeAriaAttributes();
+                if (this.#ariaAttributesBeforeDisconnect) {
+                    const inheritedAttributes = this.readAriaAttributesFromHost();
+                    a11yAttributes.forEach((attributeName) => {
+                        const oldValue = this.#ariaAttributesBeforeDisconnect?.get(attributeName) ?? null;
+                        const newValue = inheritedAttributes[attributeName] ??
+                            hostElement.getAttribute(attributeName);
+                        if (newValue !== oldValue ||
+                            this.#ariaAttributesChangedWhileDisconnected.has(attributeName)) {
+                            this.#updateInheritedAriaAttribute(newValue ?? null, attributeName);
+                        }
+                    });
+                }
+            }
+            this.#ariaAttributesBeforeDisconnect = undefined;
+            this.#ariaAttributesChangedWhileDisconnected.clear();
+        }
+        componentWillLoad() {
+            if (super.componentWillLoad) {
+                const baseLoad = super.componentWillLoad();
+                if (baseLoad) {
+                    return baseLoad.then(() => this.#initializeAriaAttributesIfConnected());
+                }
+            }
+            this.#initializeAriaAttributesIfConnected();
+        }
+        #initializeAriaAttributesIfConnected() {
+            if (this.#disconnected) {
+                this.#ariaInitializationPending = true;
+                return;
+            }
+            this.#initializeAriaAttributes();
+        }
+        #initializeAriaAttributes() {
+            this.inheritAriaAttributes = this.readAriaAttributesFromHost();
+            this.#patchAriaAttributeRemoval();
+            this.#ariaObserverInitialized = true;
+            this.#observeAriaAttributes();
+        }
+        #updateInheritedAriaAttribute(newValue, propName) {
+            const ignoredAttributes = this.getIgnoredAriaAttributes();
+            if (ignoredAttributes.includes(propName)) {
+                return;
+            }
+            const currentValue = this.inheritAriaAttributes[propName] ?? null;
+            if (newValue === currentValue) {
+                return;
+            }
+            const updatedAttributes = {
+                ...this.inheritAriaAttributes,
+            };
+            if (newValue === null) {
+                delete updatedAttributes[propName];
+            }
+            else {
+                updatedAttributes[propName] = newValue;
+            }
+            this.inheritAriaAttributes = updatedAttributes;
+        }
+        disconnectedCallback() {
+            this.#disconnected = true;
+            this.#ariaAttributesChangedWhileDisconnected.clear();
+            if (this.#ariaObserverInitialized) {
+                flushAriaAttributeMutations();
+                this.#ariaAttributesBeforeDisconnect =
+                    this.#getAriaAttributesFromHost();
+                unobserveAriaAttributes(this.#getHostElement());
+                this.#ariaObservationActive = false;
+            }
+            else {
+                this.#ariaAttributesBeforeDisconnect = undefined;
+            }
+            if (super.disconnectedCallback) {
+                super.disconnectedCallback();
+            }
+        }
+    };
+    return InheritAriaAttributesMixinCtor;
+};
+
+export { InheritAriaAttributesMixin as I };

package/dist/esm/{input.fc-DliqEtCM.js → input.fc-Cwmx0lGN.js}

@@ -1,9 +1,9 @@
 import { h } from './index-EBgS4zhE.js';
-import { a as a11yBoolean } from './a11y-C21npbUc.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 import { c as createMutationObserver } from './mutation-observer-CX81WQtk.js';
 import { a as convertToRemString } from './rwd.util-JJddxCCh.js';
 import { a as animate } from './anime.esm-DhE1t8Qh.js';
-import { A as Animation } from './animation-DNIQ2C1K.js';
+import { A as Animation } from './animation-BqeSHO6C.js';
 import { s as shouldSuppressInternalValidation } from './validation-DXpftrw5.js';
 
 /*
@@ -179,7 +179,12 @@ function onInputFocus(comp, currentValue) {
 function onInputBlurWithChange(comp, input, currentValue) {
     onInputBlur(comp, input);
     if (comp.initialValue !== currentValue) {
-        comp.ixChange.emit(currentValue);
+        if (currentValue === undefined) {
+            comp.ixChange.emit();
+        }
+        else {
+            comp.ixChange.emit(currentValue);
+        }
         comp.initialValue = currentValue;
     }
 }

package/dist/esm/ix-action-card.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-EBgS4zhE.js';
-import { g as getFallbackLabelFromIconName, a as a11yBoolean } from './a11y-C21npbUc.js';
+import { g as getFallbackLabelFromIconName, a as a11yBoolean } from './a11y-DD206pTM.js';
 
 const actionCardCss = () => `:host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button{width:100%;height:100%;display:block;background:transparent;text-align:start;padding:0;border:0;border-radius:var(--theme-btn--border-radius);box-shadow:initial}:host button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host button[disabled]{cursor:default}:host ix-card{width:100%;height:100%}`;
 

package/dist/esm/ix-application-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, g as getElement, d as readTask, h, H as Host } from './index-EBgS4zhE.js';
 import { e as iconMoreMenu, f as iconApps } from './index-BeX6RWvV.js';
-import { a as a11yBoolean } from './a11y-C21npbUc.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 import { s as showAppSwitch } from './index-nCVTBc9Y.js';
 import { a as useContextConsumer, A as ApplicationLayoutContext } from './context-zqk3Dkv-.js';
 import { g as getCurrentBreakpoint } from './breakpoints-D_Hmobxf.js';

package/dist/esm/ix-avatar_2.entry.js

@@ -1,6 +1,6 @@
 import { M as Mixin, r as registerInstance, g as getElement, d as readTask, h, F as Fragment, H as Host, c as createEvent } from './index-EBgS4zhE.js';
-import { B as BaseButton } from './base-button-DZdtpLxn.js';
-import { b as a11yHostAttributes, a as a11yBoolean } from './a11y-C21npbUc.js';
+import { B as BaseButton } from './base-button-Oanl-VqF.js';
+import { b as a11yHostAttributes, a as a11yBoolean } from './a11y-DD206pTM.js';
 import { m as makeRef } from './make-ref-Djkc69iv.js';
 import { d as closestElement, h as hasSlottedElements } from './shadow-dom-BClJdFQP.js';
 import { P as PROXY_LISTITEM_ID_SUFFIX, u as updateFocusProxyList, F as FocusProxy } from './focus-proxy-BQyoX-Kl.js';

package/dist/esm/ix-badge.entry.js

@@ -1,7 +1,7 @@
 import { M as Mixin, r as registerInstance, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
-import { b as a11yHostAttributes, a as a11yBoolean } from './a11y-C21npbUc.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 import { D as DefaultMixins } from './component-DqJSHc3A.js';
-import { I as InheritAriaAttributesMixin } from './inherit-aria-attributes.mixin-nCmPujqf.js';
+import { I as InheritAriaAttributesMixin } from './inherit-aria-attributes.mixin-BmTKblYV.js';
 import { C as ComponentIdMixin } from './id.mixin-CUbYLenp.js';
 import { m as makeRef } from './make-ref-Djkc69iv.js';
 import { a as convertToRemString } from './rwd.util-JJddxCCh.js';
@@ -308,12 +308,14 @@ const Badge = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin,
         }
     }
     connectedCallback() {
+        super.connectedCallback();
         if (this.hasDisconnected) {
             this.syncAnchorDescribedBy();
             this.hasDisconnected = false;
         }
     }
     disconnectedCallback() {
+        super.disconnectedCallback();
         this.clearAnchorDescribedBy();
         this.hasDisconnected = true;
     }
@@ -351,14 +353,14 @@ const Badge = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin,
             this.hasAnchor = true;
             // Strip any ARIA still on the host (e.g. re-applied while standalone) and discard —
             // attached mode must not keep role / aria-* on the wrapper.
-            a11yHostAttributes(this.hostElement);
+            this.readAriaAttributesFromHost();
             this.inheritAriaAttributes = {};
             this.descriptionId = `${this.getHostElementId()}-description`;
             return;
         }
         this.hasAnchor = false;
         // Leaving attached: capture any author ARIA set on the host for standalone `<Host>`.
-        this.inheritAriaAttributes = a11yHostAttributes(this.hostElement);
+        this.inheritAriaAttributes = this.readAriaAttributesFromHost();
     }
     getResolvedVariant() {
         if (this.variant === 'error') {
@@ -527,7 +529,7 @@ const Badge = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin,
                 '--ix-badge-custom-color': this.badgeColor,
             }
             : undefined;
-        return (h(Host, { key: '984c6869acd0d44366c9a90f67e7e0155ac1cffe', ...(this.hasAnchor ? {} : this.inheritAriaAttributes), class: {
+        return (h(Host, { key: 'db05c580c07295abde411f0c77ce96e4a83e5550', ...(this.hasAnchor ? {} : this.inheritAriaAttributes), class: {
                 attached: this.hasAnchor,
                 outline: this.outline,
                 border: showBorder,
@@ -545,162 +547,9 @@ const Badge = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin,
                         '--ix-badge-offset-y': convertToRemString(offsets.y),
                     }
                     : {}),
-            } }, h("slot", { key: '17d7aec5f256bf994fdb1e4410840531c3c80081', name: BADGE_DESCRIPTION_SLOT }), h("div", { key: '18ec0b58489eb3971e7916ea2845ec526c7230a1', class: "anchor" }, h("slot", { key: 'ee60262b5aaff2fd0128350f64069e9c49e5a3d7', ref: this.setSlotRef, onSlotchange: this.onSlotChange })), this.renderIndicator(type, variant, accessibleText, formattedLabel), this.getTooltip(formattedLabel)));
+            } }, h("slot", { key: '77ed2ddd676864a819cdee8136e6a6b7e35028aa', name: BADGE_DESCRIPTION_SLOT }), h("div", { key: '4772bb4b795f23fae60b928354baf6f1c47a50ea', class: "anchor" }, h("slot", { key: '6803baae909f08acbc6b15a6dd673dc63f72e414', ref: this.setSlotRef, onSlotchange: this.onSlotChange })), this.renderIndicator(type, variant, accessibleText, formattedLabel), this.getTooltip(formattedLabel)));
     }
     static get watchers() { return {
-        "role": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-activedescendant": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-atomic": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-autocomplete": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-braillelabel": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-brailleroledescription": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-busy": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-checked": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colcount": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colindex": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colindextext": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colspan": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-controls": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-current": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-describedby": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-description": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-details": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-disabled": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-errormessage": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-expanded": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-flowto": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-haspopup": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-hidden": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-invalid": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-keyshortcuts": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-label": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-labelledby": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-level": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-live": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-multiline": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-multiselectable": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-orientation": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-owns": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-placeholder": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-posinset": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-pressed": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-readonly": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-relevant": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-required": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-roledescription": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowcount": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowindex": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowindextext": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowspan": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-selected": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-setsize": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-sort": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuemax": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuemin": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuenow": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuetext": [{
-                "ariaAttributeChanged": 0
-            }],
         "label": [{
                 "labelOrTypeChanged": 0
             }],

package/dist/esm/ix-blind.entry.js

@@ -1,8 +1,8 @@
 import { g as getElement, r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-EBgS4zhE.js';
 import { a as animate } from './anime.esm-DhE1t8Qh.js';
-import { a as a11yBoolean } from './a11y-C21npbUc.js';
+import { a as a11yBoolean } from './a11y-DD206pTM.js';
 import { t as iconChevronDownSmall } from './index-BeX6RWvV.js';
-import { A as Animation } from './animation-DNIQ2C1K.js';
+import { A as Animation } from './animation-BqeSHO6C.js';
 
 const blindCss = () => `:host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{padding-inline-end:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-sublabel{padding-inline:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px;border-width:0}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-alarm) .header-actions{--ix-icon-button-color:var(--theme-color-alarm--contrast)}:host(.blind-alarm) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-alarm-bdr);border-top:none}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-alarm[collapsed]) .blind-content{border-width:0}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-critical) .header-actions{--ix-icon-button-color:var(--theme-color-critical--contrast)}:host(.blind-critical) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-critical);border-top:none}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-critical[collapsed]) .blind-content{border-width:0}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-info) .header-actions{--ix-icon-button-color:var(--theme-color-info--contrast)}:host(.blind-info) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-info);border-top:none}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-info[collapsed]) .blind-content{border-width:0}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-neutral) .header-actions{--ix-icon-button-color:var(--theme-color-neutral--contrast)}:host(.blind-neutral) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-neutral);border-top:none}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-neutral[collapsed]) .blind-content{border-width:0}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-filled) .header-actions{--ix-icon-button-color:var(--theme-color-primary)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-success) .header-actions{--ix-icon-button-color:var(--theme-color-success--contrast)}:host(.blind-success) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-success);border-top:none}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-success[collapsed]) .blind-content{border-width:0}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-warning) .header-actions{--ix-icon-button-color:var(--theme-color-warning--contrast)}:host(.blind-warning) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-warning-bdr);border-top:none}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-warning[collapsed]) .blind-content{border-width:0}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-primary) .header-actions{--ix-icon-button-color:var(--theme-color-primary--contrast)}:host(.blind-primary) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-primary);border-top:none}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-primary[collapsed]) .blind-content{border-width:0}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-outline) .header-actions{--ix-icon-button-color:var(--theme-color-primary)}:host(.blind-outline) .blind-header-wrapper{border:solid var(--theme-blind--border-thickness) var(--theme-color-soft-bdr);border-bottom:none;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled):hover,:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled).hover{border-color:var(--theme-color-ghost--hover)}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled):active,:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled).active{border-color:var(--theme-color-ghost--active)}:host(.blind-outline) .blind-header{border-radius:0}:host(.blind-outline) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-soft-bdr);border-top:none}:host(.blind-outline[collapsed]) .blind-header-wrapper{box-sizing:border-box;border-bottom:solid var(--theme-blind--border-thickness) var(--theme-color-soft-bdr);border-radius:var(--theme-blind--border-radius)}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled):hover,:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled).hover{border-color:var(--theme-color-ghost--hover)}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled):active,:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled).active{border-color:var(--theme-color-ghost--active)}:host(.blind-outline[collapsed]) .blind-content{border-width:0}`;
 
@@ -58,6 +58,9 @@ const Blind = class {
         }
     }
     rotateChevronUp() {
+        if (!this.chevronRef || !this.content) {
+            return;
+        }
         animate(this.chevronRef, {
             duration: Animation.defaultTime,
             easing: 'easeInOutSine',
@@ -70,6 +73,9 @@ const Blind = class {
         });
     }
     rotateChevronDown() {
+        if (!this.chevronRef || !this.content) {
+            return;
+        }
         animate(this.chevronRef, {
             duration: Animation.defaultTime,
             easing: 'easeInOutSine',
@@ -82,17 +88,17 @@ const Blind = class {
         });
     }
     render() {
-        return (h(Host, { key: 'e4e314d907ffb3d35a2146be4791f740c689a23d', class: {
+        return (h(Host, { key: 'e9b97de01e859669c4e717aac840a7f4adbf55ba', class: {
                 [`blind-${this.variant}`]: true,
-            } }, h("div", { key: '4106b62a76f283fcd52a38087391b4ae1eb3566b', class: 'blind-header-wrapper' }, h("button", { key: 'dc53c52cfffaeb1f289d4325d2106f114c873ea7', class: {
+            } }, h("div", { key: '584136290c0ac9e62010314845d3684cc8adf4c3', class: 'blind-header-wrapper' }, h("button", { key: '5459c5dc73c2a67485312d258ea80dffaf4f7359', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, h("slot", { key: '1582e351ade52d3b7402aeaeee6170f723ae3d05', name: "custom-header" })), h("div", { key: '9c020a69d0e4b31d66a4b737e5459b224698dda9', class: 'blind-header-content' }, h("ix-icon", { key: '575e4ba9dfe09f75e3b82dbb45949a0c31fc120c', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, h("slot", { key: '214fa4ab565d636bc3cc674284c9008535901203', name: "custom-header" })), h("div", { key: '037fff2233bc0b4e8f7c2c120aeef1de5d3cc47d', class: 'blind-header-content' }, h("ix-icon", { key: '1259663454f5c37c57fd3f0ed8c10f32748634a2', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), h("div", { key: '54765780ea9d2537110239c9ce5b35e3caef79be', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (h(Fragment, null, this.icon && (h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), h("div", { key: '54a63ae24e78db379f04d1d7b5b9d75b1cfc1f0e', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (h(Fragment, null, this.icon && (h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), h("div", { class: 'blind-header-title-row' }, h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.label, format: "label-lg", bold: true }, h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.sublabel }, h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), h("div", { class: "header-actions" }, h("slot", { name: "header-actions" })))) : null))), h("section", { key: '1d50b28b421fb7590c6a1fb74f532f056811b5d9', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, h("div", { key: 'aacf9ff6cb2fb977d69b40d88fa045aab6d7da4f', class: {
+                : `color-${this.variant}--contrast` })), h("div", { class: 'blind-header-title-row' }, h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.label, format: "label-lg", bold: true }, h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.sublabel }, h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), h("div", { class: "header-actions" }, h("slot", { name: "header-actions" })))) : null))), h("section", { key: '343c8a86dea7dce5a2f207cbd1e46c9248dafe37', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, h("div", { key: '1d8ba26c53ee69a3087f4712346197ae471da0d9', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? h("slot", null) : null))));