@infineon/infineon-design-system-stencil 34.1.0 → 34.1.1--canary.1879.2fad73a6f845090b35aba8938a0e7ed0d6ab5f10.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.
Files changed (30) hide show
  1. package/dist/cjs/ifx-select.cjs.entry.js +3 -3
  2. package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
  3. package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/select/single-select/select.js +20 -3
  6. package/dist/collection/components/select/single-select/select.js.map +1 -1
  7. package/dist/collection/components/select/single-select/select.stories.js +6 -0
  8. package/dist/collection/components/select/single-select/select.stories.js.map +1 -1
  9. package/dist/components/ifx-pagination.js +1 -1
  10. package/dist/components/ifx-select.js +1 -1
  11. package/dist/components/ifx-set-filter.js +1 -1
  12. package/dist/components/ifx-table.js +2 -2
  13. package/dist/components/{p-75572595.js → p-4616b2b3.js} +5 -4
  14. package/dist/components/p-4616b2b3.js.map +1 -0
  15. package/dist/components/{p-26dfe620.js → p-939bfa0c.js} +2 -2
  16. package/dist/components/{p-26dfe620.js.map → p-939bfa0c.js.map} +1 -1
  17. package/dist/esm/ifx-select.entry.js +3 -3
  18. package/dist/esm/ifx-select.entry.js.map +1 -1
  19. package/dist/esm/infineon-design-system-stencil.js +1 -1
  20. package/dist/esm/loader.js +1 -1
  21. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  22. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  23. package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js → p-9eeb5942.entry.js} +2 -2
  24. package/dist/infineon-design-system-stencil/p-9eeb5942.entry.js.map +1 -0
  25. package/dist/types/components/select/single-select/select.d.ts +1 -1
  26. package/dist/types/components/select/single-select/select.stories.d.ts +6 -0
  27. package/dist/types/components.d.ts +1 -0
  28. package/package.json +1 -1
  29. package/dist/components/p-75572595.js.map +0 -1
  30. package/dist/infineon-design-system-stencil/p-cbd79068.entry.js.map +0 -1
@@ -6862,7 +6862,7 @@ const Choices = class {
6862
6862
  this.choice.enable();
6863
6863
  }
6864
6864
  }
6865
- handleDeleteSelection() {
6865
+ async clearSelection() {
6866
6866
  this.clearInput();
6867
6867
  this.clearSelectField();
6868
6868
  this.setPreSelected(null);
@@ -7058,9 +7058,9 @@ const Choices = class {
7058
7058
  // destroy choices element to restore previous dom structure
7059
7059
  // so vdom can replace the element correctly
7060
7060
  this.destroy();
7061
- return (index.h("div", { key: '567e0b578cba133bde34d862abeb39d0dd8c05b7', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: 'b77fc0c1d24954801862c66daccd642d76fe10ec', class: `${choicesWrapperClass}
7061
+ return (index.h("div", { key: 'f6d69a9b9f6eba5ac19c37daa861e672bf418148', class: `ifx-select-container` }, this.label ? (index.h("div", { class: "ifx-label-wrapper" }, index.h("span", null, this.label))) : null, index.h("div", { key: 'e1afbea9c52278b70880b2943ebd8222cac7f539', class: `${choicesWrapperClass}
7062
7062
  ${this.disabled ? 'disabled' : ''}
7063
- ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: '600f4bb07e626c53cb8cebdbd74dcc23c9113521', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: 'cf6651956906c10cf55ed1fc0015160173b25afa', class: 'single__select-icon-container' }, this.optionIsSelected && (index.h("div", { key: '42d1609ecfff0547e4a18506ec169523f14eee83', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, index.h("ifx-icon", { key: '9b4d6852021449749147b4b3ad9e03452427639a', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), index.h("div", { key: '0d92ad067db38b86fc94f8d3c8e693c68a08e699', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: 'a36f5013e0dcc89b207f59a9f0e65e2fd8982e75', 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));
7063
+ ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, index.h("select", Object.assign({ key: '3de39e69132429b2fbde2b756e27b80c8dca329c', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), index.h("div", { key: 'b6283bcdad25568a447fd04227bd86e8db372244', class: 'single__select-icon-container' }, this.optionIsSelected && (index.h("div", { key: 'f349ac7fc89bac17571df1f0b775d4d5c9233d4d', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, index.h("ifx-icon", { key: '47b79f79562c7422d164f47b98d59a7c9a2cd759', icon: "cremove16", onClick: () => this.clearSelection() }))), index.h("div", { key: '65d3a40f4d23dc0c104644e4d909d5b50ed7c481', class: "ifx-choices__icon-wrapper-up" }, index.h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), index.h("div", { key: 'b0fc4b8a2d86b83be9ad5f2bc11194c5fa0b45f0', 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));
7064
7064
  }
7065
7065
  toggleDropdown() {
7066
7066
  const div = this.root.querySelector('.ifx-choices__wrapper');