@siemens/ix 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1373-20240705054533

package/dist/cjs/ix-pane-layout.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0f6297c8.js');
-const service = require('./service-a42add5f.js');
+const index = require('./index-529f21c1.js');
+const service = require('./service-39a8e5fe.js');
 const breakpoints = require('./breakpoints-5d1583fb.js');
 require('./typed-event-8032c0c0.js');
 
@@ -229,7 +229,7 @@ const Panes = class {
         return pane ? pane.floating : false;
     }
     render() {
-        return (index.h(index.Host, { key: '52ada343d80a6508c1b85de923327cb9c42c9429' }, !this.isMobile ? (this.layout == 'full-vertical' ? (index.h("div", { class: "side-panes-wrapper" }, index.h("div", { class: {
+        return (index.h(index.Host, { key: '8885c647d0661b05b2ed1b58fd8b61614eda6783' }, !this.isMobile ? (this.layout == 'full-vertical' ? (index.h("div", { class: "side-panes-wrapper" }, index.h("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0f6297c8.js');
+const index = require('./index-529f21c1.js');
 const anime_es = require('./anime.es-e2814360.js');
 const animation = require('./animation-99234008.js');
-const service = require('./service-a42add5f.js');
+const service = require('./service-39a8e5fe.js');
 const breakpoints = require('./breakpoints-5d1583fb.js');
 require('./typed-event-8032c0c0.js');
 
@@ -407,7 +407,7 @@ const Pane = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5073e610b9b02ad10f5272b0e42d23f540d9065e', class: {
+        return (index.h(index.Host, { key: '10c2543fa3814a44f4a696b768070da6a0b2ce83', class: {
                 'inline-color': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
                 'top-expanded': this.expanded && this.isMobileTop && this.isMobile,
@@ -432,28 +432,28 @@ const Pane = class {
                 'box-shadow': this.floating,
                 'aria-expanded': this.expanded,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            } }, index.h("aside", { key: '8a21c58d61d5364309343737bb8bd283b3e25efe', class: {
+            } }, index.h("aside", { key: '4bea08d18307f21ca3d71874117152c10acd9ce9', class: {
                 'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
                 'left-right-pane': this.isLeftRightPane && !this.isMobile,
                 'mobile-pane': this.isMobile,
                 expanded: this.expanded,
-            } }, index.h("div", { key: 'd75b5af119dfacbda1db9974e36435f300cb515b', id: "title-div", class: {
+            } }, index.h("div", { key: 'b86bd206f53643fb15f411528dd9e41e1d060ef8', id: "title-div", class: {
                 title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
                 'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
                 'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
                 'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
                 'title-mobile': this.isMobile,
                 'header-gap': !this.isMobile && !this.hideOnCollapse,
-            } }, index.h("ix-icon-button", { key: '31dba3e6d0b6f2a70d9c6446dde96712fe10c5bc', class: "title-icon", size: "24", icon: this.expanded
+            } }, index.h("ix-icon-button", { key: '4f58db9432c7685521d7a60257fff08118bc3c76', class: "title-icon", size: "24", icon: this.expanded
                 ? this.isMobile || this.hideOnCollapse
                     ? 'close'
                     : this.expandIcon
                 : this.minimizeIcon, ghost: true, onClick: () => {
                 this.expanded = !this.expanded;
-            }, "aria-controls": this.composition + 'ToggleButton' }), index.h("span", { key: 'cab9e83d8ef36a4ef334e4f18b6385f64c8a5ef7', class: {
+            }, "aria-controls": this.composition + 'ToggleButton' }), index.h("span", { key: 'bd88452cdede62871391416c736ff80ae29f14a0', class: {
                 'title-text': true,
                 rotate: !this.expanded && !this.isMobile && this.isLeftRightPane,
-            } }, this.icon ? (index.h("ix-icon", { size: "24", name: this.icon })) : null, index.h("div", { key: '7f4c6daed699ed852da6145253d078637a27cacf', class: "title-text-overflow" }, index.h("ix-typography", { key: '4486830e173e8625386a0bd6250ecc43856435ec', format: "h4" }, this.heading)))), index.h("div", { key: 'ac32177babb00ab47027ea28747b96d386887091', class: "side-pane-content", hidden: !this.showContent }, index.h("slot", { key: '0e328617b71f534b7e5e23be765a04b541331dc2' })))));
+            } }, this.icon ? (index.h("ix-icon", { size: "24", name: this.icon })) : null, index.h("div", { key: '6e49c2b280c258209dd43aa03658ab4bbcb9b883', class: "title-text-overflow" }, index.h("ix-typography", { key: '65fa43f3fec84b63d24d14b38434eea186aa0910', format: "h4" }, this.heading)))), index.h("div", { key: '11a5da6825a09b85f4957854179264c43ccd8a6f', class: "side-pane-content", hidden: !this.showContent }, index.h("slot", { key: '3c986fb71f77e5481ffd6449445b4247429ff07e' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0f6297c8.js');
+const index = require('./index-529f21c1.js');
 
 const pillCss = ":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem !important}:host(.align-left) .container{justify-content:flex-start}";
 const IxPillStyle0 = pillCss;
@@ -27,13 +27,13 @@ const Pill = class {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (index.h(index.Host, { key: 'e90bcb5f8b5282c8c4e34966753c0dbe2186aae7', style: this.variant === 'custom'
+        return (index.h(index.Host, { key: '1d4d88d976564778835cd02e28d5ede6fe4dd6f7', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': (_b = this.pillColor) !== null && _b !== void 0 ? _b : this.color,
                 }
                 : {}, title: this.el.textContent, class: {
                 'align-left': this.alignLeft,
-            } }, index.h("div", { key: '8a48a0663c182dbc04390f7da75acb0bc981c52a', style: Object.assign({}, customStyle), class: {
+            } }, index.h("div", { key: '74474d69acc5d47b9bf6c5ebe12f676155a9e87d', style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -47,10 +47,10 @@ const Pill = class {
                 custom: this.variant === 'custom',
                 closable: false,
                 icon: !!this.icon,
-            } }, index.h("ix-icon", { key: '2f836e1dbc4a34ed0b7f38bd35e5179b11bb2745', class: {
+            } }, index.h("ix-icon", { key: 'c70dcfe5f55c77484cf3300dca53f6a4e55d5caf', class: {
                 'with-icon': true,
                 hidden: this.icon === undefined || this.icon === '',
-            }, name: this.icon, size: '16' }), index.h("span", { key: 'a46a2412e39970fccad07b91e33bd806c8468eb7', class: "slot-container" }, index.h("slot", { key: '1dea1448774d06a6a02abdfd4e2a0910d5d1588b' })))));
+            }, name: this.icon, size: '16' }), index.h("span", { key: 'b3d056721cb891a986ac3196a9fcf049c8b366f9', class: "slot-container" }, index.h("slot", { key: 'a42505aafc70d545e3ff8020c80f67067b3eac8c' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ix-playground-internal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0f6297c8.js');
+const index = require('./index-529f21c1.js');
 
 const playgroundCss = ".sc-ix-playground-internal-h{display:block;position:relative;width:100vw;height:100vh;padding:0rem 0rem 0rem 0rem}";
 const IxPlaygroundInternalStyle0 = playgroundCss;
@@ -12,7 +12,7 @@ const PlaygroundInternal = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: 'eb29264463dcdb6c3c428fa1724fb1458565bd22' });
+        return index.h(index.Host, { key: 'cb88d03e375d222d5903d13ca1fc154d9af86898' });
     }
 };
 PlaygroundInternal.style = IxPlaygroundInternalStyle0;

package/dist/cjs/ix-playground-internal.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ix-playground-internal.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,oHAAoH,CAAC;AAC3I,mCAAe,aAAa;;MCkBf,kBAAkB;;;;IAC7B,MAAM;QACJ,OAAOA,QAACC,UAAI,sDAAQ,CAAC;KACtB;;;;;;","names":["h","Host"],"sources":["src/components/playground/playground.scss?tag=ix-playground-internal&encapsulation=scoped","src/components/playground/playground.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n\n:host {\n  display: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  padding: 0rem 0rem 0rem 0rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENxSE file in the root directory of this source tree.\n */\n\nimport { Component, Host, h } from '@stencil/core';\n\n/** @internal */\n@Component({\n  tag: 'ix-playground-internal',\n  styleUrl: 'playground.scss',\n  // shadow: true,\n  // Set scoped=true and shadow=false to test global styles like checkbox etc\n  scoped: true,\n})\nexport class PlaygroundInternal {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}
+{"file":"ix-playground-internal.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,oHAAoH,CAAC;AAC3I,mCAAe,aAAa;;MCkBf,kBAAkB;;;;IAC7B,MAAM;QACJ,OAAOA,QAACC,UAAI,sDAAQ,CAAC;KACtB;;;;;;","names":["h","Host"],"sources":["src/components/playground/playground.scss?tag=ix-playground-internal&encapsulation=scoped","src/components/playground/playground.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n\n:host {\n  display: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  padding: 0rem 0rem 0rem 0rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENxSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n/** @internal */\n@Component({\n  tag: 'ix-playground-internal',\n  styleUrl: 'playground.scss',\n  // shadow: true,\n  // Set scoped=true and shadow=false to test global styles like checkbox etc\n  scoped: true,\n})\nexport class PlaygroundInternal {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}

package/dist/cjs/ix-push-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0f6297c8.js');
+const index = require('./index-529f21c1.js');
 
 const pushCardCss = ":host{display:block;position:relative}:host .icon{transform:scale(1.25)}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";
 const IxPushCardStyle0 = pushCardCss;
@@ -22,7 +22,7 @@ const PushCard = class {
         const color = this.variant === 'insight' || this.variant === 'notification'
             ? 'std'
             : undefined;
-        return (index.h(index.Host, { key: '5cbbe82bacf6308a4b9e2e47bd9762d6e00e6435' }, index.h("ix-card", { key: 'eed0917416a3df594d032e93564ad98ecdd2c430', variant: this.variant }, index.h("ix-card-content", { key: '5bd5debadab1a175cff75e5cac50c1827872445a' }, index.h("ix-card-title", { key: 'ea9233a09f2a6568c104e3ca2c0f538407808683' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, index.h("span", { key: 'c5b21e53053c76bdf241ea8b929c4227dbbf0c57', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), index.h("slot", { key: '4c5d98eb1d95486e40fb7729e98235f1db7ca8c2', name: "title-action" })), index.h("ix-typography", { key: '97c086c6df921dcbdb0606c43f3caf37a259d929', color: color, format: "h4" }, this.heading), index.h("ix-typography", { key: 'b66a7da08fee444989e9ed09d51c96f9d7109c2c', color: color }, this.subheading)), index.h("ix-card-accordion", { key: '9fc01f84c8d31716398cb628bec2b3a330fe1d0d', collapse: this.collapse }, index.h("slot", { key: 'a3787c21bf77731cfc20c3cdf675f3322b84dd9d' })))));
+        return (index.h(index.Host, { key: '9ba9fd8e6cc9f2b74e89fbbcd0c09a04aca45ac2' }, index.h("ix-card", { key: '913618b3fc69c1e59c3bbeb4c92569b2754ff3ae', variant: this.variant }, index.h("ix-card-content", { key: 'bb75a940ce3ac891fe947f4ed9e542c36a492f92' }, index.h("ix-card-title", { key: '37f4faab2368f341dd835fffe64b5915e1c4b322' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, index.h("span", { key: '42059a2ed174f15fdcce1ddb599bc831afade5b1', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), index.h("slot", { key: '9e3b8df6148f3b8e3d577d8ece5253b14c85a0dd', name: "title-action" })), index.h("ix-typography", { key: 'b7473e9fd9fdaee3045ec4884544469a9a6457fe', color: color, format: "h4" }, this.heading), index.h("ix-typography", { key: '26c212e7f6111df4d353525fda6b3a76ee7dea3c', color: color }, this.subheading)), index.h("ix-card-accordion", { key: 'a779591ee7405f4a725f1c04abbc7223064ee885', collapse: this.collapse }, index.h("slot", { key: '5d42faa67c254a1d8541c525cb8e0e08e6b0d095' })))));
     }
 };
 PushCard.style = IxPushCardStyle0;

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

@@ -2,15 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0f6297c8.js');
+const index = require('./index-529f21c1.js');
 const focus = require('./focus-9c8ffbb0.js');
-const listener = require('./listener-0881dc51.js');
+const listener = require('./listener-bc3e7c0c.js');
 const mutationObserver = require('./mutation-observer-babb20a5.js');
-const validation = require('./validation-c5a41d68.js');
-const makeRef = require('./make-ref-01530e5a.js');
-const a11y = require('./a11y-32046b56.js');
 
-const selectCss = ":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .d-none{display:none}:host .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:not(.disabled):not(:disabled){cursor:pointer}:host .select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}:host .select.readonly,:host .select.disabled{box-shadow:none !important;border:none;border-radius:0;cursor:pointer}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}:host .select.disabled input{color:var(--theme-color-weak-text)}:host .select.readonly{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-soft-bdr)}:host .select.readonly input{color:var(--theme-color-std-text)}:host .hidden{display:none !important}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-dynamic--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid);box-shadow:none}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}";
+const selectCss = ":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .d-none{display:none}:host .select{position:relative;display:flex;align-items:center;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:not(.disabled):not(:disabled){cursor:pointer}:host .select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}:host .select.readonly,:host .select.disabled{box-shadow:none !important;border:none;border-radius:0;cursor:pointer}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}:host .select.disabled input{color:var(--theme-color-weak-text)}:host .select.readonly{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-soft-bdr)}:host .select.readonly input{color:var(--theme-color-std-text)}:host .hidden{display:none !important}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-dynamic--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}";
 const IxSelectStyle0 = selectCss;
 
 /*
@@ -38,30 +35,12 @@ const Select = class {
         this.itemSelectionChange = index.createEvent(this, "itemSelectionChange", 7);
         this.inputChange = index.createEvent(this, "inputChange", 7);
         this.addItem = index.createEvent(this, "addItem", 7);
-        this.ixBlur = index.createEvent(this, "ixBlur", 7);
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.formInternals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.formInternals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.formInternals;
-        }
-        this.inputRef = makeRef.makeRef();
         this.focusControllerCallbackBind = this.focusDropdownItem.bind(this);
         this.itemObserver = mutationObserver.createMutationObserver(() => {
             this.arrowFocusController.items = this.visibleNonShadowItems;
         });
-        this.name = undefined;
-        this.required = false;
-        this.label = undefined;
-        this.warningText = undefined;
-        this.infoText = undefined;
-        this.invalidText = undefined;
-        this.validText = undefined;
-        this.helperText = undefined;
-        this.showTextAsTooltip = undefined;
         this.selectedIndices = undefined;
-        this.value = [];
+        this.value = undefined;
         this.allowClear = false;
         this.mode = 'single';
         this.editable = false;
@@ -77,13 +56,9 @@ const Select = class {
         this.dropdownWrapperRef = undefined;
         this.dropdownAnchor = undefined;
         this.isDropdownEmpty = false;
-        this.navigationItem = null;
+        this.navigationItem = undefined;
         this.inputFilterText = undefined;
-        this.inputValue = null;
-        this.isInvalid = false;
-        this.isValid = false;
-        this.isInfo = false;
-        this.isWarning = false;
+        this.inputValue = undefined;
     }
     get nonShadowItems() {
         return Array.from(this.hostElement.querySelectorAll('ix-select-item'));
@@ -137,6 +112,7 @@ const Select = class {
         }
         else {
             this.arrowFocusController.disconnect();
+            this.arrowFocusController = undefined;
             this.itemObserver.disconnect();
         }
     }
@@ -144,41 +120,32 @@ const Select = class {
         const newId = event.detail;
         this.itemClick(newId);
     }
-    async updateFormInternalValue(value) {
-        if (Array.isArray(value)) {
-            this.formInternals.setFormValue(value.join(','));
-            return;
-        }
-        this.formInternals.setFormValue(value);
-    }
-    /** @internal */
-    async hasValidValue() {
-        return this.required && !!this.hasValue();
-    }
-    hasValue() {
-        if (Array.isArray(this.value)) {
-            return !!this.value.length;
-        }
-        return !!this.value;
-    }
     focusDropdownItem(index) {
-        var _a, _b;
-        this.navigationItem = null;
+        var _a;
+        this.navigationItem = undefined;
         if (index < this.visibleNonShadowItems.length) {
-            const nestedDropdownItem = (_b = (_a = this.visibleNonShadowItems[index]) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ix-dropdown-item');
+            const nestedDropdownItem = (_a = this.visibleNonShadowItems[index]) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('ix-dropdown-item');
             requestAnimationFrame(() => {
                 nestedDropdownItem.shadowRoot.querySelector('button').focus();
             });
         }
     }
     itemClick(newId) {
-        this.value = this.toggleValue(newId);
+        const value = this.toggleValue(newId);
+        const defaultPrevented = this.emitValueChange(value);
+        if (defaultPrevented) {
+            return;
+        }
+        this.value = value;
         this.updateSelection();
-        this.emitValueChange(this.value);
     }
     emitAddItem(value) {
         if (value === undefined || value.trim() === '') {
-            return;
+            return false;
+        }
+        const { defaultPrevented } = this.addItem.emit(value);
+        if (defaultPrevented) {
+            return true;
         }
         const newItem = document.createElement('ix-select-item');
         newItem.value = value;
@@ -186,7 +153,7 @@ const Select = class {
         this.customItemsContainerRef.appendChild(newItem);
         this.clearInput();
         this.itemClick(value);
-        this.addItem.emit(value);
+        return false;
     }
     toggleValue(itemValue) {
         if (!this.isMultipleMode) {
@@ -225,25 +192,28 @@ const Select = class {
         this.selectedLabels = this.selectedItems.map((item) => item.label);
         if (this.isSingleMode && ((_a = this.selectedLabels) === null || _a === void 0 ? void 0 : _a.length)) {
             this.inputValue = this.selectedLabels[0];
-            this.input && (this.input.value = this.inputValue);
+            this.inputRef && (this.inputRef.value = this.inputValue);
             return;
         }
         this.inputValue = null;
     }
     emitValueChange(value) {
-        this.valueChange.emit(value);
+        const { defaultPrevented } = this.valueChange.emit(value);
+        if (defaultPrevented) {
+            return true;
+        }
         if (!value) {
-            this.itemSelectionChange.emit([]);
+            this.itemSelectionChange.emit(null);
         }
         else {
             this.itemSelectionChange.emit(Array.isArray(value) ? value : [value]);
         }
-        this.updateFormInternalValue(value);
+        return false;
     }
     componentDidLoad() {
-        this.input.addEventListener('input', () => {
+        this.inputRef.addEventListener('input', () => {
             this.dropdownShow = true;
-            this.inputChange.emit(this.input.value);
+            this.inputChange.emit(this.inputRef.value);
         });
     }
     componentWillLoad() {
@@ -251,7 +221,6 @@ const Select = class {
             this.value = this.selectedIndices;
         }
         this.updateSelection();
-        this.updateFormInternalValue(this.value);
     }
     onLabelChange(event) {
         event.preventDefault();
@@ -269,13 +238,13 @@ const Select = class {
     dropdownVisibilityChanged(event) {
         this.dropdownShow = event.detail;
         if (event.detail) {
-            this.input.focus();
-            this.input.select();
+            this.inputRef.focus();
+            this.inputRef.select();
             this.removeHiddenFromItems();
             this.isDropdownEmpty = this.isEveryDropdownItemHidden;
         }
         else {
-            this.navigationItem = null;
+            this.navigationItem = undefined;
             this.updateSelection();
             this.inputFilterText = '';
         }
@@ -301,7 +270,10 @@ const Select = class {
         }
         let item;
         if (this.editable && !this.itemExists(this.inputFilterText)) {
-            this.emitAddItem(this.inputFilterText);
+            const defaultPrevented = this.emitAddItem(this.inputFilterText);
+            if (defaultPrevented) {
+                return;
+            }
             item = this.items[this.items.length - 1];
         }
         if (item) {
@@ -329,9 +301,7 @@ const Select = class {
             return;
         }
         const moveUp = key === 'ArrowUp';
-        const indexNonShadow = document.activeElement
-            ? this.visibleNonShadowItems.indexOf(document.activeElement)
-            : -1;
+        const indexNonShadow = this.visibleNonShadowItems.indexOf(document.activeElement);
         // Slotted select items
         if (indexNonShadow === 0) {
             if (!this.visibleShadowItems.length && this.isAddItemVisible()) {
@@ -352,9 +322,6 @@ const Select = class {
             }
             return;
         }
-        if (!this.navigationItem) {
-            return;
-        }
         if (this.isAddItemVisible() &&
             this.addItemRef.contains(await this.navigationItem.getDropdownItemElement())) {
             if (moveUp) {
@@ -409,14 +376,13 @@ const Select = class {
         });
     }
     focusAddItemButton() {
-        var _a, _b;
         if (this.addItemButton) {
-            (_b = (_a = this.addItemButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
+            this.addItemButton.shadowRoot.querySelector('button').focus();
             this.navigationItem = this.addItemRef;
         }
     }
     filterItemsWithTypeahead() {
-        this.inputFilterText = this.input.value;
+        this.inputFilterText = this.inputRef.value;
         if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {
             return;
         }
@@ -442,27 +408,25 @@ const Select = class {
         });
     }
     clearInput() {
-        this.input.value = '';
+        this.inputRef.value = '';
         this.inputFilterText = '';
     }
     clear() {
         this.clearInput();
         this.selectedLabels = [];
         this.value = [];
-        this.emitValueChange([]);
+        this.valueChange.emit(null);
         this.dropdownShow = false;
     }
-    onInputBlur(event) {
-        this.ixBlur.emit();
+    onInputBlur(e) {
         if (this.editable) {
             return;
         }
         if (this.isSingleMode) {
             return;
         }
-        const target = event.target;
         if (!this.dropdownShow && this.mode !== 'multiple') {
-            target.value = this.selectedLabels.toString();
+            e.target['value'] = this.selectedLabels;
         }
     }
     placeholderValue() {
@@ -482,27 +446,9 @@ const Select = class {
             this.editable &&
             this.inputFilterText);
     }
-    onValidationChange({ isInvalid, isInvalidByRequired, isValid, isInfo, isWarning, }) {
-        this.isInvalid = isInvalid || isInvalidByRequired;
-        this.isValid = isValid;
-        this.isWarning = isWarning;
-        this.isInfo = isInfo;
-    }
-    /** @internal */
-    async getAssociatedFormElement() {
-        return this.formInternals.form;
-    }
-    /**
-     * Returns the native input element used in the component.
-     */
-    getNativeInputElement() {
-        return Promise.resolve(this.input);
-    }
     render() {
-        var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '21e0971bd52ae14711ef823e767112aa3ea8427e', "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
-                disabled: this.disabled,
-            } }, index.h("ix-field-wrapper", { key: '709016dc62c4268b208f5469ac94274676fb3ada', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, index.h("slot", { key: 'd6b6c90ec55424683d484520c6edd3aa2148d153', name: "label", slot: "label" }), index.h("div", { key: '50c23c58457980fb5d38d80f89f74a0b1d7c32a1', class: {
+        var _a, _b, _c;
+        return (index.h(index.Host, { key: 'ef836653267a38d82ead34cf82285997083f4086' }, index.h("div", { key: '23e903c9849f58f70d9c843a7258f913d6811cf2', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -510,49 +456,44 @@ const Select = class {
                 this.dropdownAnchor = ref;
                 if (!this.editable)
                     this.dropdownWrapperRef = ref;
-            } }, index.h("div", { key: '2c62a44a73929e8f337b1dbbacb4f4e90a972368', class: "input-container" }, index.h("div", { key: 'b48c59522094b785eaa673618c500ab957b84916', class: "chips" }, this.isMultipleMode
+            } }, index.h("div", { key: '56b38a998a44ddc6b8f380cc049e813be30ad711', class: "input-container" }, index.h("div", { key: 'b3e152d2ab35f3e2bcf2ac8c8df4cb3bc97f6e3c', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (index.h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', index.h("div", { key: '80412b3e3ff58078d9a15910c552a9fd16cc723d', class: "trigger" }, index.h("input", { key: '8c7c72a83997d0fe82acb4fa1afd2fb1d299d8a5', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, type: "text", class: {
+            : '', index.h("div", { key: 'f411e24b3c4512731593a4afd5c51f0223254cc9', class: "trigger" }, index.h("input", { key: '3c16a408ed58a3d2430ed86df32b6d990acb2b49', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
-            }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
-                this.input = ref;
-                this.inputRef(ref);
-            }, onBlur: (e) => this.onInputBlur(e), onFocus: () => {
-                this.navigationItem = null;
+            }, placeholder: this.placeholderValue(), value: this.inputValue, ref: (ref) => (this.inputRef = ref), onBlur: (e) => this.onInputBlur(e), onFocus: () => {
+                this.navigationItem = undefined;
             }, onInput: () => this.filterItemsWithTypeahead(), onKeyDown: (e) => this.onKeyDown(e) }), this.allowClear &&
-            (((_d = this.selectedLabels) === null || _d === void 0 ? void 0 : _d.length) || this.inputFilterText) ? (index.h("ix-icon-button", { class: "clear", icon: 'clear', ghost: true, oval: true, size: "16", onClick: (e) => {
+            (((_c = this.selectedLabels) === null || _c === void 0 ? void 0 : _c.length) || this.inputFilterText) ? (index.h("ix-icon-button", { class: "clear", icon: 'clear', ghost: true, oval: true, size: "16", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.clear();
             } })) : null, this.disabled || this.readonly ? null : (index.h("ix-icon-button", { "data-select-dropdown": true, class: { 'dropdown-visible': this.dropdownShow }, icon: "chevron-down-small", ghost: true, ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef = ref;
-            } }))))))), index.h("ix-dropdown", { key: 'eb80a8a205741cb2a095ee8b0bbfafec2558ccaa', ref: (ref) => (this.dropdownRef = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } })))))), index.h("ix-dropdown", { key: '6c838166f4366d760f30dc102d3dad4611b369b5', ref: (ref) => (this.dropdownRef = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'd-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchor, trigger: this.dropdownWrapperRef, onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
-                var _a, _b;
-                const minWidth = (_b = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select')) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
                 return {
-                    minWidth: `${minWidth}px`,
+                    minWidth: `${this.hostElement.clientWidth}px`,
                 };
-            } }, index.h("div", { key: '9ac7e24e0add43e1f78217adf5afbf75687ac12b', class: {
+            } }, index.h("div", { key: '8f7b41436b7f15311dd4d46cbacbb95879de501e', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: 'b4ce515c73fc2ffcbab4ce4c34b8eed01904b9e0' }), index.h("div", { key: '24961fabb03943f19c449f31dd1151e906923620', ref: (ref) => (this.customItemsContainerRef = ref), class: "d-contents" }), this.isAddItemVisible() ? (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: 'dc2913881d407f2cdaaa30efc15fa05193117b1c' }), index.h("div", { key: '706abca5e8fef621d36b560b6ca5629c235a6a32', ref: (ref) => (this.customItemsContainerRef = ref), class: "d-contents" }), this.isAddItemVisible() ? (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
-                e.stopPropagation();
-                this.emitAddItem(this.inputFilterText);
+                if (this.emitAddItem(this.inputFilterText)) {
+                    e.stopPropagation();
+                }
             }, onFocus: () => (this.navigationItem = this.addItemRef), ref: (ref) => {
                 this.addItemRef = ref;
             } })) : null, this.isDropdownEmpty && !this.editable ? (index.h("div", { class: "select-list-header" }, this.i18nNoMatches)) : (''))));
     }
-    static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "selectedIndices": ["watchSelectedIndices"],
@@ -563,9 +504,6 @@ const Select = class {
 __decorate([
     listener.OnListener('keydown', (self) => self.dropdownShow)
 ], Select.prototype, "onKeyDown", null);
-__decorate([
-    validation.HookValidationLifecycle()
-], Select.prototype, "onValidationChange", null);
 Select.style = IxSelectStyle0;
 
 exports.ix_select = Select;