@siemens/ix 4.4.0 → 5.0.0

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

@@ -1,10 +1,15 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
-var a11y = require('./a11y-DldCLr8D.js');
-var validation = require('./validation-DF9UXqHB.js');
+var index = require('./index-BKQkUbyE.js');
+var a11y = require('./a11y-C_6YiIMa.js');
+var component = require('./component-CYtonfpw.js');
+var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-Sl7J-OlO.js');
+var validation = require('./validation-Dier-uPA.js');
+require('./focus-utilities-yx7wWjEO.js');
+require('./shadow-dom-BG8VqeIu.js');
+require('./index-B4J4JK0P.js');
 
-const toggleCss = () => `:host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}: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 input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--valid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--valid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--valid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--valid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--valid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--valid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--valid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--valid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--valid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--valid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--valid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--valid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--valid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--valid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--valid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--valid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--valid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--valid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--valid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--valid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--valid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--valid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--valid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--valid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--valid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--valid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--valid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--valid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--valid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--valid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--valid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--valid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--valid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--valid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--valid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--valid--active   )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--info   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--info--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--info--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--info   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--info--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--info--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--info   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--info--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--info--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--info   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--info--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--info--active   );--theme-switch-on--background:var(     --theme-switch-on--background--info   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--info--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--info--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--info   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--info--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--info--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--info   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--info--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--info--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--info   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--info--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--info--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--info   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--info--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--info--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--info   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--info--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--info--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--info   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--info--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--info--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--info   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--info--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--info--active   )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--warning   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--warning--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--warning--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--warning   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--warning--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--warning--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--warning   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--warning--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--warning--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--warning   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--warning--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--warning--active   );--theme-switch-on--background:var(     --theme-switch-on--background--warning   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--warning--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--warning--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--warning   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--warning--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--warning--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--warning   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--warning--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--warning--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--warning   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--warning--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--warning--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--warning   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--warning--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--warning--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--warning   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--warning--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--warning--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--warning   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--warning--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--warning--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--warning   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--warning--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--warning--active   )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}`;
+const toggleCss = () => `:host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}: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 .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--valid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--valid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--valid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--valid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--valid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--valid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--valid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--valid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--valid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--valid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--valid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--valid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--valid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--valid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--valid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--valid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--valid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--valid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--valid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--valid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--valid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--valid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--valid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--valid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--valid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--valid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--valid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--valid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--valid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--valid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--valid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--valid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--valid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--valid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--valid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--valid--active   )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--info   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--info--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--info--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--info   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--info--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--info--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--info   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--info--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--info--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--info   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--info--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--info--active   );--theme-switch-on--background:var(     --theme-switch-on--background--info   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--info--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--info--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--info   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--info--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--info--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--info   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--info--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--info--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--info   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--info--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--info--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--info   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--info--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--info--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--info   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--info--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--info--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--info   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--info--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--info--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--info   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--info--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--info--active   )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--warning   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--warning--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--warning--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--warning   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--warning--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--warning--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--warning   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--warning--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--warning--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--warning   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--warning--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--warning--active   );--theme-switch-on--background:var(     --theme-switch-on--background--warning   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--warning--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--warning--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--warning   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--warning--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--warning--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--warning   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--warning--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--warning--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--warning   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--warning--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--warning--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--warning   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--warning--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--warning--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--warning   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--warning--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--warning--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--warning   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--warning--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--warning--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--warning   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--warning--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--warning--active   )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}`;
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -24,8 +29,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const Toggle = class {
+const Toggle = class extends index.Mixin(...component.DefaultMixins, inheritAriaAttributes_mixin.InheritAriaAttributesMixin) {
     constructor(hostRef) {
+        super();
         index.registerInstance(this, hostRef);
         this.checkedChange = index.createEvent(this, "checkedChange", 7);
         this.valueChange = index.createEvent(this, "valueChange", 7);
@@ -37,46 +43,62 @@ const Toggle = class {
             this.formInternals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.formInternals;
         }
-        /**
-         * Value of the checkbox component
-         */
-        this.value = 'on';
-        /**
-         * Whether the slide-toggle element is checked or not.
-         */
-        this.checked = false;
-        /**
-         * Whether the slide-toggle element is disabled or not.
-         */
-        this.disabled = false;
-        /**
-         * If true the control is in indeterminate state
-         */
-        this.indeterminate = false;
-        /**
-         * Text for on state
-         */
-        this.textOn = 'On';
-        /**
-         * Text for off state
-         */
-        this.textOff = 'Off';
-        /**
-         * Text for indeterminate state
-         */
-        this.textIndeterminate = 'Mixed';
-        /**
-         * Hide `on` and `off` text
-         */
-        this.hideText = false;
-        /**
-         * Required state of the checkbox component.
-         *
-         * If true, checkbox needs to be checked to be valid
-         */
-        this.required = false;
-        this.touched = false;
     }
+    formInternals;
+    get hostElement() { return index.getElement(this); }
+    /**
+     * Name of the checkbox component
+     */
+    name;
+    /**
+     * Value of the checkbox component
+     */
+    value = 'on';
+    /**
+     * Whether the slide-toggle element is checked or not.
+     */
+    checked = false;
+    /**
+     * Whether the slide-toggle element is disabled or not.
+     */
+    disabled = false;
+    /**
+     * If true the control is in indeterminate state
+     */
+    indeterminate = false;
+    /**
+     * Text for on state
+     */
+    textOn = 'On';
+    /**
+     * Text for off state
+     */
+    textOff = 'Off';
+    /**
+     * Text for indeterminate state
+     */
+    textIndeterminate = 'Mixed';
+    /**
+     * Hide `on` and `off` text
+     */
+    hideText = false;
+    /**
+     * Required state of the checkbox component.
+     *
+     * If true, checkbox needs to be checked to be valid
+     */
+    required = false;
+    /**
+     * An event will be dispatched each time the slide-toggle changes its value.
+     */
+    checkedChange;
+    /** @internal */
+    valueChange;
+    /**
+     * An event will be dispatched each time the toggle is blurred.
+     */
+    ixBlur;
+    touched = false;
     onCheckedChange(newChecked) {
         if (this.disabled) {
             return;
@@ -94,6 +116,7 @@ const Toggle = class {
         }
     }
     componentWillLoad() {
+        super.componentWillLoad();
         this.updateFormInternalValue();
     }
     updateFormInternalValue() {
@@ -123,6 +146,12 @@ const Toggle = class {
     updateClassMappings() {
         /** This function is intentionally empty */
     }
+    resolveAriaLabel() {
+        if (this.inheritAriaAttributes['aria-labelledby']) {
+            return undefined;
+        }
+        return this.inheritAriaAttributes['aria-label'];
+    }
     render() {
         let toggleText = this.textOff;
         if (this.checked) {
@@ -131,17 +160,184 @@ const Toggle = class {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (index.h(index.Host, { key: '464cf476a340aed436bdf1dbbc7819440a87a4e5', role: "switch", "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
+        const ariaLabel = this.resolveAriaLabel();
+        const ariaChecked = this.indeterminate
+            ? 'mixed'
+            : a11y.a11yBoolean(this.checked);
+        return (index.h(index.Host, { key: 'f04221cc34cc579df99e90487157323b582ffa88', ...this.inheritAriaAttributes, role: "switch", tabindex: this.disabled ? -1 : 0, "aria-label": ariaLabel, "aria-checked": ariaChecked, "aria-disabled": a11y.a11yBoolean(this.disabled), "aria-required": a11y.a11yBoolean(this.required), class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, index.h("label", { key: '24ddd5cff2016155c3c46cc167962dcec2f40368', class: "wrapper" }, index.h("button", { key: '5c385f921b92fb75219ce72c663dadf3549ab918', class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true), onKeyDown: (e) => {
+                if (this.disabled)
+                    return;
+                if (e.key === ' ' || e.key === 'Enter') {
+                    e.preventDefault();
+                    this.onCheckedChange(!this.checked);
+                }
+            }, onClick: () => {
+                if (!this.disabled) {
+                    this.onCheckedChange(!this.checked);
+                }
+            } }, index.h("div", { key: '4245387d288d1fe68551ab59ac12af32c977ee96', class: "wrapper" }, index.h("div", { key: '53fb838a752b34fd73947aaee99abbe6700a9654', class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked), tabindex: -1, "aria-hidden": "true" }, index.h("div", { key: 'e103f4047c6641ae1852aa751f147554bb81bc35', class: "slider" })), index.h("input", { key: 'f794b5e5740aab173346b7937980ba7690813742', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11y.a11yBoolean(true), "aria-checked": a11y.a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (index.h("ix-typography", { key: '2c3b036625d2fe6719dc3e929749c184ae861d50', class: "label" }, toggleText)))));
+            }, "aria-hidden": "true" }, index.h("div", { key: 'dc000096dd4bccc837b70861b113727b2fa8511e', class: "slider" })), !this.hideText && (index.h("ix-typography", { key: 'c869cdc3cc704a35f82146c69e08f2fce7c50149', class: "label", "aria-hidden": "true" }, toggleText)))));
     }
     static get formAssociated() { return true; }
-    get hostElement() { return index.getElement(this); }
     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
+            }],
         "checked": [{
                 "watchCheckedChange": 0
             }]

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

@@ -1,10 +1,9 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
-var floatingUi_dom = require('./floating-ui.dom-CMzYsRR7.js');
-var findElement = require('./find-element-D7yD1Ukn.js');
-var makeRef = require('./make-ref-BaH6_YJk.js');
-var shadowDom = require('./shadow-dom-DT01VwcB.js');
+var index = require('./index-BKQkUbyE.js');
+var findElement = require('./find-element-DPxOAdgO.js');
+var makeRef = require('./make-ref-CHsa3FY7.js');
+var shadowDom = require('./shadow-dom-BG8VqeIu.js');
 var disposableEventListener = require('./disposable-event-listener-BALEIeXq.js');
 
 const tooltipCss = () => `.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}`;
@@ -15,25 +14,41 @@ let tooltipInstance = 0;
 const Tooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Define if the user can access the tooltip via mouse.
-         */
-        this.interactive = false;
-        /**
-         * Initial placement of the tooltip.
-         * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.
-         */
-        this.placement = 'top';
-        /** @internal */
-        this.showDelay = 0;
-        /** @internal */
-        this.hideDelay = 50;
-        /** @internal */
-        this.animationFrame = false;
-        this.visible = false;
-        this.instance = tooltipInstance++;
-        this.dialogRef = makeRef.makeRef();
     }
+    /**
+     * CSS selector for hover trigger element e.g. `for="[data-my-custom-select]"`
+     */
+    for;
+    /**
+     * Title of the tooltip
+     */
+    titleContent;
+    /**
+     * Define if the user can access the tooltip via mouse.
+     */
+    interactive = false;
+    /**
+     * Initial placement of the tooltip.
+     * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.
+     */
+    placement = 'top';
+    /** @internal */
+    showDelay = 0;
+    /** @internal */
+    hideDelay = 50;
+    /** @internal */
+    animationFrame = false;
+    get hostElement() { return index.getElement(this); }
+    visible = false;
+    hideTooltipTimeout;
+    showTooltipTimeout;
+    visibleFor;
+    disposeAutoUpdate;
+    disposeTriggerListener;
+    disposeTooltipListener;
+    disposeDomChangeListener;
+    instance = tooltipInstance++;
+    dialogRef = makeRef.makeRef();
     get arrowElement() {
         return this.hostElement.shadowRoot.querySelector('.arrow');
     }
@@ -62,11 +77,10 @@ const Tooltip = class {
         }
         const dialog = await this.dialogRef.waitForCurrent();
         this.hideTooltipTimeout = setTimeout(() => {
-            var _a, _b;
             this.setAnchorElement();
             dialog.hidePopover();
-            (_a = this.disposeAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
-            (_b = this.disposeTooltipListener) === null || _b === void 0 ? void 0 : _b.call(this);
+            this.disposeAutoUpdate?.();
+            this.disposeTooltipListener?.();
         }, hideDelay);
     }
     setAnchorElement(anchorElement) {
@@ -88,34 +102,50 @@ const Tooltip = class {
             left: 'unset',
         };
         if (placement.startsWith('top')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), bottom: numberToPixel(ARROW_OFFSET) });
+            return {
+                ...resetPosition,
+                left: numberToPixel(x),
+                bottom: numberToPixel(ARROW_OFFSET),
+            };
         }
         if (placement.startsWith('right')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
+            return {
+                ...resetPosition,
+                left: numberToPixel(ARROW_OFFSET),
+                top: numberToPixel(y),
+            };
         }
         if (placement.startsWith('bottom')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(ARROW_OFFSET) });
+            return {
+                ...resetPosition,
+                left: numberToPixel(x),
+                top: numberToPixel(ARROW_OFFSET),
+            };
         }
         if (placement.startsWith('left')) {
-            return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
+            return {
+                ...resetPosition,
+                right: numberToPixel(ARROW_OFFSET),
+                top: numberToPixel(y),
+            };
         }
     }
     async computeTooltipPosition(target, dialog) {
-        return floatingUi_dom.computePosition(target, dialog, {
+        return findElement.computePosition(target, dialog, {
             strategy: 'fixed',
             placement: this.placement,
             middleware: [
-                floatingUi_dom.shift(),
-                floatingUi_dom.offset(12),
-                floatingUi_dom.arrow({
+                findElement.shift(),
+                findElement.offset(12),
+                findElement.arrow({
                     element: this.arrowElement,
                 }),
-                floatingUi_dom.flip({
+                findElement.flip({
                     fallbackStrategy: 'initialPlacement',
                     fallbackAxisSideDirection: 'end',
                     padding: 10,
                 }),
-                floatingUi_dom.hide(),
+                findElement.hide(),
             ],
         });
     }
@@ -128,12 +158,10 @@ const Tooltip = class {
             return;
         }
         return new Promise((resolve) => {
-            var _a;
-            (_a = this.disposeAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
-            this.disposeAutoUpdate = floatingUi_dom.autoUpdate(target, dialog, async () => {
-                var _a;
+            this.disposeAutoUpdate?.();
+            this.disposeAutoUpdate = findElement.autoUpdate(target, dialog, async () => {
                 const computeResponse = await this.computeTooltipPosition(target, dialog);
-                const isHidden = (_a = computeResponse.middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden;
+                const isHidden = computeResponse.middlewareData.hide?.referenceHidden;
                 if (isHidden) {
                     this.hideTooltip(0);
                     resolve(computeResponse);
@@ -184,8 +212,7 @@ const Tooltip = class {
         return elements;
     }
     async registerTriggerListener() {
-        var _a;
-        (_a = this.disposeTriggerListener) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.disposeTriggerListener?.();
         const triggerElementList = await this.queryAnchorElements();
         if (!triggerElementList) {
             return;
@@ -226,8 +253,7 @@ const Tooltip = class {
         this.disposeTriggerListener = disposableEventListener.addDisposableEventListenerAsArray(listeners);
     }
     registerTooltipListener(dialog) {
-        var _a;
-        (_a = this.disposeTooltipListener) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.disposeTooltipListener?.();
         this.disposeTooltipListener = disposableEventListener.addDisposableEventListenerAsArray([
             {
                 element: dialog,
@@ -312,12 +338,11 @@ const Tooltip = class {
         this.registerDomChangeListener();
     }
     disconnectedCallback() {
-        var _a, _b, _c, _d;
         this.clearTimeouts();
-        (_a = this.disposeAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
-        (_b = this.disposeTriggerListener) === null || _b === void 0 ? void 0 : _b.call(this);
-        (_c = this.disposeTooltipListener) === null || _c === void 0 ? void 0 : _c.call(this);
-        (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
+        this.disposeAutoUpdate?.();
+        this.disposeTriggerListener?.();
+        this.disposeTooltipListener?.();
+        this.disposeDomChangeListener?.();
     }
     handleTitleIconSlotChange(e) {
         const slot = e.target;
@@ -329,9 +354,8 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0c5234ef90749fc655fcfe1b207ff07a56542c9a', role: "tooltip", class: { visible: this.visible } }, index.h("dialog", { key: '0d47ccccc273824891784dea6985f8d465bbb97a', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, index.h("div", { key: '3c2b83f9d07786a69d8defe6942eb47e2c92bf72', class: "tooltip-container" }, index.h("div", { key: '799cc98634dcded6644c8b556d5f9dbc58bea809', class: "content-wrapper" }, index.h("div", { key: '760197461d8959ae1a04f827435f925359f54e04', class: 'tooltip-title' }, index.h("slot", { key: 'f5316e309883dac441181c3ffe05594e1a2a9034', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), index.h("ix-typography", { key: '9e9b3a4390f4e586b91ae2ce1bbd94bc53d432c1', format: "h5" }, this.titleContent, index.h("slot", { key: '1e05a5984ce3638bdea2bdbea322e505b8211495', name: "title-content" }))), index.h("slot", { key: 'b74f4b6142b68920fc74029d751521b6c4faf706' }), index.h("div", { key: '26a4a736c0f1dbedaf788472a7232cefc095c8a8', class: "arrow" }))))));
+        return (index.h(index.Host, { key: '5327a81a35b5b7b02f301e241ee2f002f4bd44d8', role: "tooltip", class: { visible: this.visible } }, index.h("dialog", { key: 'e6196e83ab381de6eb75e53e7b763916a0cb2848', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, index.h("div", { key: '1a67af364a20c0e11cb0eb89ad60fe0811affd07', class: "tooltip-container" }, index.h("div", { key: '2dd620324b6025bd5957a81b6aa0454eb4c7bb6e', class: "content-wrapper" }, index.h("div", { key: '7f1d40ea0cfc81b883cc4bbde53c2dc4223987cc', class: 'tooltip-title' }, index.h("slot", { key: '7056f34a3999f0e38c097359ec23fa8b9e22aa68', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), index.h("ix-typography", { key: 'cdaa694af6adc24aef201cffe93d9aadc32a48d9', format: "h5" }, this.titleContent, index.h("slot", { key: '3f358d3931d3cc12bf858c331a160bbf1e616152', name: "title-content" }))), index.h("slot", { key: '6077989200f829d7cb2eec01d0fc5b60fb1d43d6' }), index.h("div", { key: '2f439327319e891070266b1cc8a51e77c45b4c58', class: "arrow" }))))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 Tooltip.style = tooltipCss();