@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
|
@@ -7034,6 +7034,15 @@ const Choices = class {
|
|
|
7034
7034
|
this.resizeObserver = null;
|
|
7035
7035
|
}
|
|
7036
7036
|
}
|
|
7037
|
+
handleWrapperClick(event) {
|
|
7038
|
+
const target = event.target;
|
|
7039
|
+
const isSearchInput = target.classList.contains('choices__input') || target.closest('.choices__input');
|
|
7040
|
+
const isDropdownItem = target.closest('.choices__list--dropdown .choices__item');
|
|
7041
|
+
// Only toggle dropdown if clicking on wrapper itself
|
|
7042
|
+
if (!isSearchInput && !isDropdownItem) {
|
|
7043
|
+
this.toggleDropdown();
|
|
7044
|
+
}
|
|
7045
|
+
}
|
|
7037
7046
|
render() {
|
|
7038
7047
|
const attributes = {
|
|
7039
7048
|
'data-selector': 'root',
|
|
@@ -7044,9 +7053,9 @@ const Choices = class {
|
|
|
7044
7053
|
// destroy choices element to restore previous dom structure
|
|
7045
7054
|
// so vdom can replace the element correctly
|
|
7046
7055
|
this.destroy();
|
|
7047
|
-
return (h("div", { key: '
|
|
7056
|
+
return (h("div", { key: '21623bb2329c6fbe07fdaf7a13ed1c7ced0f76c6', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '733439a9d0fc293e2338423cc4dfd2b2f4596fd4', class: `${choicesWrapperClass}
|
|
7048
7057
|
${this.disabled ? 'disabled' : ''}
|
|
7049
|
-
${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.
|
|
7058
|
+
${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, 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)), h("div", { key: 'c7600e164145027a85ff2e4370825868b5290229', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: '5ebb1b1f69c7879ace354e63c814063c5ea4c6e5', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: 'ce160e99cdf0bcf02a005d4ec8287a7f47cf9dcd', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: 'f1ff0fde3fe57b61b90d19b835011338bfe62ea1', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: '2e1fa631b36b6fd12ce01a1b8f798b820f0b2c90', 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));
|
|
7050
7059
|
}
|
|
7051
7060
|
toggleDropdown() {
|
|
7052
7061
|
const div = this.root.querySelector('.ifx-choices__wrapper');
|