@symfony/ux-autocomplete 2.34.0 → 2.36.0

package/dist/controller.d.ts

@@ -19,6 +19,7 @@ declare class export_default extends Controller {
     minCharacters: NumberConstructor;
     tomSelectOptions: ObjectConstructor;
     preload: StringConstructor;
+    resetOnFocus: BooleanConstructor;
   };
   readonly urlValue: string;
   readonly optionsAsHtmlValue: boolean;
@@ -31,6 +32,7 @@ declare class export_default extends Controller {
   readonly tomSelectOptionsValue: object;
   readonly hasPreloadValue: boolean;
   readonly preloadValue: string;
+  readonly resetOnFocusValue: boolean;
   tomSelect: TomSelect | undefined;
   private mutationObserver;
   private isObserving;

package/dist/controller.js

@@ -275,8 +275,8 @@ function _createAutocompleteWithRemoteData(autocompleteEndpointUrl, minCharacter
 		optgroupField: "group_by",
 		score: (_search) => (_item) => 1,
 		render: {
-			option: (item) => `<div>${item[labelField]}</div>`,
-			item: (item) => `<div>${item[labelField]}</div>`,
+			option: (item, escape) => `<div>${this.optionsAsHtmlValue ? item[labelField] : escape(item[labelField])}</div>`,
+			item: (item, escape) => `<div>${this.optionsAsHtmlValue ? item[labelField] : escape(item[labelField])}</div>`,
 			loading_more: () => {
 				return `<div class="loading-more-results">${this.loadingMoreTextValue}</div>`;
 			},
@@ -290,6 +290,16 @@ function _createAutocompleteWithRemoteData(autocompleteEndpointUrl, minCharacter
 				return `<div class="create">${this.createOptionTextValue.replace("%placeholder%", `<strong>${escapeData(data.input)}</strong>`)}</div>`;
 			}
 		},
+		onFocus: () => {
+			if (this.resetOnFocusValue && this.tomSelect) {
+				if (this.tomSelect.control_input.value.trim() === "") {
+					this.tomSelect.clearOptions();
+					this.tomSelect.loadedSearches = {};
+					if (typeof this.tomSelect["clearPagination"] === "function") this.tomSelect["clearPagination"]();
+					this.tomSelect.load("");
+				}
+			}
+		},
 		preload: this.preload
 	});
 	return _assertClassBrand(_Class_brand, this, _createTomSelect).call(this, config);
@@ -333,6 +343,7 @@ _Class.values = {
 	createOptionText: String,
 	minCharacters: Number,
 	tomSelectOptions: Object,
-	preload: String
+	preload: String,
+	resetOnFocus: Boolean
 };
 export { _Class as default };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symfony/ux-autocomplete",
   "description": "JavaScript Autocomplete functionality for Symfony",
   "license": "MIT",
-  "version": "2.34.0",
+  "version": "2.36.0",
   "keywords": [
     "symfony-ux"
   ],