@infineon/infineon-design-system-stencil 32.2.0 → 32.3.0--canary.1735.caab07de0687d0c12e1cd3ff61f282de3445523b.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ifx-select.cjs.entry.js +11 -2
- package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
- package/dist/collection/components/select/single-select/select.js +11 -2
- package/dist/collection/components/select/single-select/select.js.map +1 -1
- package/dist/components/ifx-pagination.js +1 -1
- package/dist/components/ifx-select.js +1 -1
- package/dist/components/ifx-set-filter.js +1 -1
- package/dist/components/ifx-table.js +2 -2
- package/dist/components/{p-1ab9b2d3.js → p-b59e5493.js} +2 -2
- package/dist/components/{p-1ab9b2d3.js.map → p-b59e5493.js.map} +1 -1
- package/dist/components/{p-da211009.js → p-b73ca128.js} +12 -3
- package/dist/components/p-b73ca128.js.map +1 -0
- package/dist/esm/ifx-select.entry.js +11 -2
- package/dist/esm/ifx-select.entry.js.map +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/{p-724a6be7.entry.js → p-86b0dcad.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-86b0dcad.entry.js.map +1 -0
- package/dist/types/components/select/single-select/select.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-da211009.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-724a6be7.entry.js.map +0 -1
|
@@ -7038,6 +7038,15 @@ const Choices = class {
|
|
|
7038
7038
|
this.resizeObserver = null;
|
|
7039
7039
|
}
|
|
7040
7040
|
}
|
|
7041
|
+
handleWrapperClick(event) {
|
|
7042
|
+
const target = event.target;
|
|
7043
|
+
const isSearchInput = target.classList.contains('choices__input') || target.closest('.choices__input');
|
|
7044
|
+
const isDropdownItem = target.closest('.choices__list--dropdown .choices__item');
|
|
7045
|
+
// Only toggle dropdown if clicking on wrapper itself
|
|
7046
|
+
if (!isSearchInput && !isDropdownItem) {
|
|
7047
|
+
this.toggleDropdown();
|
|
7048
|
+
}
|
|
7049
|
+
}
|
|
7041
7050
|
render() {
|
|
7042
7051
|
const attributes = {
|
|
7043
7052
|
'data-selector': 'root',
|
|
@@ -7048,9 +7057,9 @@ const Choices = class {
|
|
|
7048
7057
|
// destroy choices element to restore previous dom structure
|
|
7049
7058
|
// so vdom can replace the element correctly
|
|
7050
7059
|
this.destroy();
|
|
7051
|
-
return (index.h("div", { key: '
|
|
7060
|
+
return (index.h("div", { key: '21623bb2329c6fbe07fdaf7a13ed1c7ced0f76c6', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: '733439a9d0fc293e2338423cc4dfd2b2f4596fd4', class: `${choicesWrapperClass}
|
|
7052
7061
|
${this.disabled ? 'disabled' : ''}
|
|
7053
|
-
${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.
|
|
7062
|
+
${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: '781e8a7567c660c5e896f32be84a3704ea34f43a', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: 'c7600e164145027a85ff2e4370825868b5290229', class: "single__select-icon-container" }, this.optionIsSelected && (index.h("div", { key: '5ebb1b1f69c7879ace354e63c814063c5ea4c6e5', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: 'ce160e99cdf0bcf02a005d4ec8287a7f47cf9dcd', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: 'f1ff0fde3fe57b61b90d19b835011338bfe62ea1', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: '2e1fa631b36b6fd12ce01a1b8f798b820f0b2c90', class: "ifx-choices__icon-wrapper-down" }, index.h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (index.h("div", { class: "ifx-error-message-wrapper" }, index.h("span", null, this.errorMessage))) : null));
|
|
7054
7063
|
}
|
|
7055
7064
|
toggleDropdown() {
|
|
7056
7065
|
const div = this.root.querySelector('.ifx-choices__wrapper');
|