@cqa-lib/cqa-ui 1.1.412 → 1.1.413

package/fesm2015/cqa-lib-cqa-ui.mjs

@@ -32276,7 +32276,8 @@ class TemplateVariablesFormComponent {
     getSelectConfig(variable, index) {
         var _a, _b, _c;
         // Use cache to avoid recalculating on every change detection
-        // For element variables, include elementOptions, hasMoreElements, and isLoadingElements in cache key
+        // For element variables, include elementOptions + hasMoreElements in cache key.
+        // Intentionally exclude isLoadingElements so search input instance stays stable while typing.
         // For upload variables, include uploadOptions, hasMoreUploads, and isLoadingUploads in cache key
         // Optimize cache key computation - use length instead of full array join for better performance
         const isElementVariable = variable.dataKey === 'element' || variable.dataKey === 'label';
@@ -32288,7 +32289,7 @@ class TemplateVariablesFormComponent {
                 : `${((_a = variable.options) === null || _a === void 0 ? void 0 : _a.length) || 0}_${((_b = variable.options) === null || _b === void 0 ? void 0 : _b.join(',')) || ''}`;
         // Include hasMore and isLoading in cache key for element and upload variables
         const cacheKey = isElementVariable
-            ? `${variable.name}_${optionsKey}_${this.hasMoreElements}_${this.isLoadingElements}`
+            ? `${variable.name}_${optionsKey}_${this.hasMoreElements}`
             : isUploadVariable
                 ? `${variable.name}_${optionsKey}_${this.hasMoreUploads}_${this.isLoadingUploads}`
                 : `${variable.name}_${optionsKey}`;
@@ -33695,8 +33696,9 @@ class TemplateVariablesFormComponent {
     getElementSelectConfig(variable, index) {
         // Get selected screen name ID
         const selectedScreenNameId = variable.screenNameId;
-        // Include elementOptions length and loading state in cache key to invalidate when elements change
-        const cacheKey = `${variable.name}_element_${selectedScreenNameId || ''}_${this.elementOptions.length}_${this.isLoadingElements}`;
+        // Include elementOptions length in cache key to invalidate when elements change.
+        // Exclude isLoadingElements so the dropdown/search input does not re-initialize every keystroke.
+        const cacheKey = `${variable.name}_element_${selectedScreenNameId || ''}_${this.elementOptions.length}`;
         // Early return from cache - this is the most common path and should be very fast
         if (this.elementSelectConfigCache.has(cacheKey)) {
             return this.elementSelectConfigCache.get(cacheKey);
@@ -33713,19 +33715,6 @@ class TemplateVariablesFormComponent {
             this.elementSelectConfigCache.set(cacheKey, emptyConfig);
             return emptyConfig;
         }
-        // If elements are still loading, return a loading config and cache it
-        if (this.isLoadingElements) {
-            const loadingConfig = {
-                key: 'value',
-                placeholder: 'Loading elements...',
-                multiple: false,
-                searchable: false,
-                options: [],
-                isLoading: true
-            };
-            this.elementSelectConfigCache.set(cacheKey, loadingConfig);
-            return loadingConfig;
-        }
         // Filter elements by selected screen name
         // Compare both as numbers to ensure type matching
         const filteredElements = this.elementOptions.filter(el => {