@cqa-lib/cqa-ui 1.1.412 → 1.1.413

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

@@ -32228,7 +32228,8 @@ class TemplateVariablesFormComponent {
     }
     getSelectConfig(variable, index) {
         // 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';
@@ -32240,7 +32241,7 @@ class TemplateVariablesFormComponent {
                 : `${variable.options?.length || 0}_${variable.options?.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}`;
@@ -33623,8 +33624,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);
@@ -33641,19 +33643,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 => {