@fluid-topics/ft-text-field 2.2.18 → 2.2.20

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.
@@ -81,7 +81,8 @@ export class FtTextFieldSuggestion extends FtLitElement {
81
81
  (_a = (targetRemoveButton ? this.removeButton : this.suggestion)) === null || _a === void 0 ? void 0 : _a.click();
82
82
  }
83
83
  isRemoveButtonFocused() {
84
- var _a, _b;
84
+ var _a;
85
+ var _b;
85
86
  return (_b = (_a = this.removeButton) === null || _a === void 0 ? void 0 : _a.matches(":focus-within")) !== null && _b !== void 0 ? _b : false;
86
87
  }
87
88
  selectSuggestion() {
@@ -161,19 +161,18 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
161
161
  renderSuggestions() {
162
162
  if (this.suggestionsProvider) {
163
163
  return html `
164
- ${repeat(this.providedSuggestions, (suggestion) => {
165
- var _a;
166
- return html `
164
+ ${repeat(this.providedSuggestions, (suggestion) => { var _a, _b; return html `
167
165
  <ft-text-field-suggestion part="suggestion"
168
166
  value="${suggestion.value}"
169
167
  ?removable=${suggestion.removable} }
170
168
  removeButtonLabel="${(_a = suggestion.removeButtonLabel) !== null && _a !== void 0 ? _a : nothing}"
169
+ @suggestion-selected=${(_b = suggestion.selectedHandler) !== null && _b !== void 0 ? _b : nothing}
171
170
  >
172
- ${suggestion.icon ? html `<ft-icon .value=${suggestion.icon}></ft-icon>` : nothing}
171
+ ${suggestion.icon ? html `
172
+ <ft-icon .value=${suggestion.icon}></ft-icon>` : nothing}
173
173
  ${suggestion.label}
174
174
  </ft-text-field-suggestion>
175
- `;
176
- })}
175
+ `; })}
177
176
  `;
178
177
  }
179
178
  else {
@@ -287,7 +286,8 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
287
286
  this.clearWatchAutofill();
288
287
  }
289
288
  setValue(newValue, fireChangeEvent = false) {
290
- var _a, _b;
289
+ var _a;
290
+ var _b;
291
291
  if (this.value !== newValue) {
292
292
  this.inputValid = true;
293
293
  this.setInternalValue(newValue);