@infineon/infineon-design-system-stencil 30.5.0 → 30.6.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 +8 -4
- package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
- package/dist/collection/components/select/single-select/select.js +8 -4
- 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-99f7a394.js → p-1cdb03cd.js} +2 -2
- package/dist/components/{p-99f7a394.js.map → p-1cdb03cd.js.map} +1 -1
- package/dist/components/{p-d78c7e13.js → p-e1f49651.js} +9 -5
- package/dist/components/p-e1f49651.js.map +1 -0
- package/dist/esm/ifx-select.entry.js +8 -4
- 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-135e10f0.entry.js → p-3ac4c529.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-3ac4c529.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-d78c7e13.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-135e10f0.entry.js.map +0 -1
|
@@ -6904,12 +6904,15 @@ const Choices = class {
|
|
|
6904
6904
|
}
|
|
6905
6905
|
handleDeleteSelection() {
|
|
6906
6906
|
this.clearInput();
|
|
6907
|
-
this.
|
|
6907
|
+
this.clearSelectField();
|
|
6908
6908
|
this.setPreSelected(null);
|
|
6909
6909
|
this.closeDropdown();
|
|
6910
|
-
this.ifxSelect.emit(null);
|
|
6911
6910
|
this.optionIsSelected = false;
|
|
6912
6911
|
}
|
|
6912
|
+
clearSelectField() {
|
|
6913
|
+
this.selectedOption = null;
|
|
6914
|
+
this.ifxSelect.emit(null);
|
|
6915
|
+
}
|
|
6913
6916
|
async handleChange() {
|
|
6914
6917
|
this.ifxSelect.emit(this.choice.getValue());
|
|
6915
6918
|
this.selectedOption = this.choice.getValue(); //store the selected option to reflect it in the template function
|
|
@@ -7043,6 +7046,7 @@ const Choices = class {
|
|
|
7043
7046
|
}
|
|
7044
7047
|
componentWillUpdate() {
|
|
7045
7048
|
this.handleCloseButton();
|
|
7049
|
+
this.clearSelectField();
|
|
7046
7050
|
}
|
|
7047
7051
|
addResizeObserver() {
|
|
7048
7052
|
this.resizeObserver = new ResizeObserver(() => {
|
|
@@ -7078,9 +7082,9 @@ const Choices = class {
|
|
|
7078
7082
|
// destroy choices element to restore previous dom structure
|
|
7079
7083
|
// so vdom can replace the element correctly
|
|
7080
7084
|
this.destroy();
|
|
7081
|
-
return (index.h("div", { key: '
|
|
7085
|
+
return (index.h("div", { key: '0b80fbf12bc170ffd8d683244254c1203b7cff00', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: '22c0014b84cb785547ca9f8ebf7ec4ea97aff799', class: `${choicesWrapperClass}
|
|
7082
7086
|
${this.disabled ? 'disabled' : ''}
|
|
7083
|
-
${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: '
|
|
7087
|
+
${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : () => this.toggleDropdown(), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: 'a622c7cf6ee90850ba1d640d1e600f26447b92ef', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: 'e6ce74bacf6aae8d8e6b4f7cb688ae480721ea42', class: "single__select-icon-container" }, this.optionIsSelected && (index.h("div", { key: '05c1838e33693050debb5ed83b2c95f4d9d958e3', class: "ifx-choices__icon-wrapper-delete" }, index.h("ifx-icon", { key: 'b490d8eca9861f636c5b478974d6df6d5a3ab19d', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: '926b34f8f945fff2a9eaeea7ef5c8ef7dba976b4', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: 'cd4eadb735c2a3b49c80e5a77aa87b943998ee95', 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));
|
|
7084
7088
|
}
|
|
7085
7089
|
toggleDropdown() {
|
|
7086
7090
|
const div = this.root.querySelector('.ifx-choices__wrapper');
|