@siemens/ix 5.2.0 → 5.2.1

package/dist/cjs/{input.fc-xGzM_I6q.js → input.fc-ellguRiE.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 var rwd_util = require('./rwd.util-GTn-vgCJ.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
-var animation = require('./animation-hxDbANsw.js');
+var animation = require('./animation-BIfSQAkX.js');
 var validation = require('./validation-B1izlD8M.js');
 
 /*
@@ -181,7 +181,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/cjs/ix-action-card.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.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/cjs/ix-application-header.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DnclGKUw.js');
 var index$2 = require('./index-BQht1mLe.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.js');
 var index$1 = require('./index-SVeYVn-h.js');
 var context = require('./context-DqdXbKw_.js');
 var breakpoints = require('./breakpoints-C5ZrUCbZ.js');

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var baseButton = require('./base-button-BP6iIMR7.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var baseButton = require('./base-button-DIhNZecD.js');
+var a11y = require('./a11y--G19CFwe.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 var focusProxy = require('./focus-proxy-CjxFZupW.js');

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index$1 = require('./index-DnclGKUw.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.js');
 var component = require('./component-DgA9FH-W.js');
-var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-EyRU0cDO.js');
+var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-DZ_vNjkJ.js');
 var id_mixin = require('./id.mixin-DINDQztK.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var rwd_util = require('./rwd.util-GTn-vgCJ.js');
@@ -310,12 +310,14 @@ const Badge = class extends index$1.Mixin(...component.DefaultMixins, inheritAri
         }
     }
     connectedCallback() {
+        super.connectedCallback();
         if (this.hasDisconnected) {
             this.syncAnchorDescribedBy();
             this.hasDisconnected = false;
         }
     }
     disconnectedCallback() {
+        super.disconnectedCallback();
         this.clearAnchorDescribedBy();
         this.hasDisconnected = true;
     }
@@ -353,14 +355,14 @@ const Badge = class extends index$1.Mixin(...component.DefaultMixins, inheritAri
             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.
-            a11y.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 = a11y.a11yHostAttributes(this.hostElement);
+        this.inheritAriaAttributes = this.readAriaAttributesFromHost();
     }
     getResolvedVariant() {
         if (this.variant === 'error') {
@@ -529,7 +531,7 @@ const Badge = class extends index$1.Mixin(...component.DefaultMixins, inheritAri
                 '--ix-badge-custom-color': this.badgeColor,
             }
             : undefined;
-        return (index$1.h(index$1.Host, { key: '984c6869acd0d44366c9a90f67e7e0155ac1cffe', ...(this.hasAnchor ? {} : this.inheritAriaAttributes), class: {
+        return (index$1.h(index$1.Host, { key: 'db05c580c07295abde411f0c77ce96e4a83e5550', ...(this.hasAnchor ? {} : this.inheritAriaAttributes), class: {
                 attached: this.hasAnchor,
                 outline: this.outline,
                 border: showBorder,
@@ -547,162 +549,9 @@ const Badge = class extends index$1.Mixin(...component.DefaultMixins, inheritAri
                         '--ix-badge-offset-y': rwd_util.convertToRemString(offsets.y),
                     }
                     : {}),
-            } }, index$1.h("slot", { key: '17d7aec5f256bf994fdb1e4410840531c3c80081', name: BADGE_DESCRIPTION_SLOT }), index$1.h("div", { key: '18ec0b58489eb3971e7916ea2845ec526c7230a1', class: "anchor" }, index$1.h("slot", { key: 'ee60262b5aaff2fd0128350f64069e9c49e5a3d7', ref: this.setSlotRef, onSlotchange: this.onSlotChange })), this.renderIndicator(type, variant, accessibleText, formattedLabel), this.getTooltip(formattedLabel)));
+            } }, index$1.h("slot", { key: '77ed2ddd676864a819cdee8136e6a6b7e35028aa', name: BADGE_DESCRIPTION_SLOT }), index$1.h("div", { key: '4772bb4b795f23fae60b928354baf6f1c47a50ea', class: "anchor" }, index$1.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/cjs/ix-blind.cjs.entry.js

@@ -2,9 +2,9 @@
 
 var index = require('./index-DnclGKUw.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.js');
 var index$1 = require('./index-BQht1mLe.js');
-var animation = require('./animation-hxDbANsw.js');
+var animation = require('./animation-BIfSQAkX.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}`;
 
@@ -60,6 +60,9 @@ const Blind = class {
         }
     }
     rotateChevronUp() {
+        if (!this.chevronRef || !this.content) {
+            return;
+        }
         anime_esm.animate(this.chevronRef, {
             duration: animation.Animation.defaultTime,
             easing: 'easeInOutSine',
@@ -72,6 +75,9 @@ const Blind = class {
         });
     }
     rotateChevronDown() {
+        if (!this.chevronRef || !this.content) {
+            return;
+        }
         anime_esm.animate(this.chevronRef, {
             duration: animation.Animation.defaultTime,
             easing: 'easeInOutSine',
@@ -84,17 +90,17 @@ const Blind = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'e4e314d907ffb3d35a2146be4791f740c689a23d', class: {
+        return (index.h(index.Host, { key: 'e9b97de01e859669c4e717aac840a7f4adbf55ba', class: {
                 [`blind-${this.variant}`]: true,
-            } }, index.h("div", { key: '4106b62a76f283fcd52a38087391b4ae1eb3566b', class: 'blind-header-wrapper' }, index.h("button", { key: 'dc53c52cfffaeb1f289d4325d2106f114c873ea7', class: {
+            } }, index.h("div", { key: '584136290c0ac9e62010314845d3684cc8adf4c3', class: 'blind-header-wrapper' }, index.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": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: '1582e351ade52d3b7402aeaeee6170f723ae3d05', name: "custom-header" })), index.h("div", { key: '9c020a69d0e4b31d66a4b737e5459b224698dda9', class: 'blind-header-content' }, index.h("ix-icon", { key: '575e4ba9dfe09f75e3b82dbb45949a0c31fc120c', class: "collapse-icon", name: index$1.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": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: '214fa4ab565d636bc3cc674284c9008535901203', name: "custom-header" })), index.h("div", { key: '037fff2233bc0b4e8f7c2c120aeef1de5d3cc47d', class: 'blind-header-content' }, index.h("ix-icon", { key: '1259663454f5c37c57fd3f0ed8c10f32748634a2', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: '54765780ea9d2537110239c9ce5b35e3caef79be', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.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) }), index.h("div", { key: '54a63ae24e78db379f04d1d7b5b9d75b1cfc1f0e', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.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` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '1d50b28b421fb7590c6a1fb74f532f056811b5d9', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: 'aacf9ff6cb2fb977d69b40d88fa045aab6d7da4f', class: {
+                : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '343c8a86dea7dce5a2f207cbd1e46c9248dafe37', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: '1d8ba26c53ee69a3087f4712346197ae471da0d9', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? index.h("slot", null) : null))));