@energycap/components 0.39.6 → 0.39.7-ECAP-23837-combobox-custom-selected-text.20240216-1011

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 (8) hide show
  1. package/esm2020/lib/controls/combobox/combobox.component.mjs +6 -5
  2. package/esm2020/lib/controls/menu/menu.component.mjs +1 -1
  3. package/fesm2015/energycap-components.mjs +6 -4
  4. package/fesm2015/energycap-components.mjs.map +1 -1
  5. package/fesm2020/energycap-components.mjs +5 -4
  6. package/fesm2020/energycap-components.mjs.map +1 -1
  7. package/lib/controls/menu/menu.component.d.ts +2 -0
  8. package/package.json +1 -1
package/fesm2020/energycap-components.mjs CHANGED
@@ -2925,7 +2925,7 @@ class ComboboxComponent extends FormControlBase {
2925
2925
  formModelChanged(data) {
2926
2926
  this.synchronizeDisabledAttributes();
2927
2927
  if (data) {
2928
- this.textboxFormModel.setValue(data.label);
2928
+ this.textboxFormModel.setValue(data.selectedLabel || data.label);
2929
2929
  this.selectedItemIndex = this.findSelectedItemIndex(data);
2930
2930
  if (this.selectedItemIndex >= 0) {
2931
2931
  this.selectedItem = this.filteredOptions[this.selectedItemIndex];
@@ -3003,7 +3003,7 @@ class ComboboxComponent extends FormControlBase {
3003
3003
  * @memberof ComboboxComponent
3004
3004
  */
3005
3005
  setFormModelValue(item) {
3006
- this.textboxFormModel.setValue(item ? item.label : '');
3006
+ this.textboxFormModel.setValue(item ? (item.selectedLabel || item.label) : '');
3007
3007
  this.formModel.setValue(item);
3008
3008
  this.formModel.markAsDirty();
3009
3009
  }
@@ -3064,8 +3064,9 @@ class ComboboxComponent extends FormControlBase {
3064
3064
  syncModelValues() {
3065
3065
  // If there is a formModel value, reset the selected item. If there isn't, make
3066
3066
  // sure we clear the textbox
3067
- if (this.formModel.value && this.formModel.value.label !== this.textboxFormModel.value) {
3068
- this.textboxFormModel.setValue(this.formModel.value.label);
3067
+ const newLabel = this.formModel.value?.selectedLabel || this.formModel.value?.label;
3068
+ if (this.formModel.value && (newLabel !== this.textboxFormModel.value)) {
3069
+ this.textboxFormModel.setValue(newLabel);
3069
3070
  }
3070
3071
  else if (!this.formModel.value) {
3071
3072
  this.textboxFormModel.setValue('');