@infineon/infineon-design-system-stencil 37.4.0 → 37.4.1--canary.1962.baa360da219f37054f79b2e93a00d1e1821bfba2.0

package/dist/components/{p-6f1114a1.js → p-a306d3e7.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as detectFramework, t as trackComponent } from './p-e8504e6b.js';
+import { d as detectFramework, t as trackComponent } from './p-acbfa625.js';
 import { i as isNestedInIfxComponent } from './p-1ecafb97.js';
-import { d as defineCustomElement$1 } from './p-b695e1f1.js';
+import { d as defineCustomElement$1 } from './p-cd30bb7d.js';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -7002,10 +7002,6 @@ const Choices = /*@__PURE__*/ proxyCustomElement(class Choices extends H {
         }
     }
     componentWillLoad() {
-        if (!isNestedInIfxComponent(this.root)) {
-            const framework = detectFramework();
-            trackComponent('ifx-select', framework);
-        }
         this.handleCloseButton();
     }
     componentWillUpdate() {
@@ -7026,8 +7022,12 @@ const Choices = /*@__PURE__*/ proxyCustomElement(class Choices extends H {
         const componentWrapper = this.root.querySelector('.ifx-choices__wrapper');
         this.resizeObserver.observe(componentWrapper);
     }
-    componentDidLoad() {
+    async componentDidLoad() {
         this.init();
+        if (!isNestedInIfxComponent(this.root)) {
+            const framework = detectFramework();
+            trackComponent('ifx-select', await framework);
+        }
         this.addEventListenersToHandleCustomFocusAndActiveState();
         this.handleDeleteIcon();
         this.addResizeObserver();
@@ -7062,9 +7062,9 @@ const Choices = /*@__PURE__*/ proxyCustomElement(class Choices extends H {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (h("div", { key: '88529d078106a72f950619863cf9a7010ba004d6', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '86f424bf9584d1f48229dd83cb0a3058d6de6c36', class: `${choicesWrapperClass} 
+        return (h("div", { key: '5316c6053e572cd8acce284c09bc937b55fea6ed', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '04b50b42bd3ca900ffb302ae0a0799d736f4b24d', class: `${choicesWrapperClass} 
             ${this.disabled ? 'disabled' : ''} 
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: 'e51404587501f9a51ab5bdcfbe4fd61635083384', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '0974143a378fba753ef76a2c6baeac9e2105eae5', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: 'eb0fc165c44a3119573990ee702ea6d493046182', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '93d032f148df9a8e796e8f5e2c39d979705d3af7', icon: "cRemove16", onClick: () => this.clearSelection() }))), h("div", { key: 'd8951b9e76efcff5f3d2a61c31c6d63cecefd07d', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevron-up-16" })), h("div", { key: 'afd6acde0f720ad76868ae75c391b472e218137f', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
+            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '48c9eaf9da4ae1633f3f197f8f64c3df67647da1', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '9756bf23cb0b95f646f560b56772ea691e8da6bc', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: '0abc1ff9e01aec2e91d3ca1dc143c5c882a97980', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '29411d95be9e12e90d48303238342e54f567de6b', icon: "cRemove16", onClick: () => this.clearSelection() }))), h("div", { key: '878eecbe35f881a895f8a5222ecb463d2e5b3d16', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevron-up-16" })), h("div", { key: '3a2bb1f1fa2075784e54f19f0b951036636e7622', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
     }
     toggleDropdown() {
         const div = this.root.querySelector('.ifx-choices__wrapper');
@@ -7391,4 +7391,4 @@ function defineCustomElement() {
 
 export { Choices as C, defineCustomElement as d };
 
-//# sourceMappingURL=p-6f1114a1.js.map
+//# sourceMappingURL=p-a306d3e7.js.map