@cqa-lib/cqa-ui 1.1.306 → 1.1.308

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

@@ -2167,7 +2167,7 @@ class DynamicSelectFieldComponent {
         catch (_b) { }
     }
     onSelectOpenedChange(opened, _select) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (opened) {
             // Emit click event when select is opened (clicked)
             this.selectClick.emit();
@@ -2193,7 +2193,7 @@ class DynamicSelectFieldComponent {
                 try {
                     this.loadMoreObserver.disconnect();
                 }
-                catch (_h) { }
+                catch (_k) { }
                 this.loadMoreObserver = undefined;
             }
             // Remove scroll listener if attached
@@ -2201,7 +2201,7 @@ class DynamicSelectFieldComponent {
                 try {
                     this.panelScrollEl.removeEventListener('scroll', this.onPanelScroll);
                 }
-                catch (_j) { }
+                catch (_l) { }
                 this.panelScrollEl = undefined;
             }
             // Reset load-more state when closing
@@ -2216,14 +2216,24 @@ class DynamicSelectFieldComponent {
                 input === null || input === void 0 ? void 0 : input.focus();
             }, 0);
         }
-        // Optional: only trigger initial fetch on open when explicitly requested.
-        if (((_d = this.config) === null || _d === void 0 ? void 0 : _d.serverSearch) && this.toBoolean((_e = this.config) === null || _e === void 0 ? void 0 : _e.initialFetchOnOpen)) {
+        // Server-search: reset search and refetch full list when panel opens so user always sees a fresh list.
+        if ((_d = this.config) === null || _d === void 0 ? void 0 : _d.serverSearch) {
+            const key = this.config.key;
+            this.searchTextByKey[key] = '';
+            try {
+                (_f = (_e = this.config).onSearch) === null || _f === void 0 ? void 0 : _f.call(_e, '');
+            }
+            catch (_m) { }
+            this.searchChange.emit({ key, query: '' });
+        }
+        else if (this.toBoolean((_g = this.config) === null || _g === void 0 ? void 0 : _g.initialFetchOnOpen)) {
+            // Non-server-search: optional initial fetch on open when explicitly requested.
             const key = this.config.key;
             const q = this.searchTextByKey[key] || '';
             try {
-                (_g = (_f = this.config).onSearch) === null || _g === void 0 ? void 0 : _g.call(_f, q);
+                (_j = (_h = this.config).onSearch) === null || _j === void 0 ? void 0 : _j.call(_h, q);
             }
-            catch (_k) { }
+            catch (_o) { }
             this.searchChange.emit({ key, query: q });
         }
         this.sentinelCurrentlyInView = false;
@@ -29269,9 +29279,10 @@ class TemplateVariablesFormComponent {
                 // Force change detection after initialization
                 this.cdr.markForCheck();
             }
-            // If parameter options changed and we have selected test data profiles, refresh configs
-            if (changes['parameterOptions'] || changes['defaultTestDataProfileId'] || changes['defaultTestDataStartIndex']) {
-                // Clear test data profile select config cache since profiles list may have changed
+            // If parameter options or loading state changed, refresh test data profile configs (so search/load more and options stay in sync)
+            if (changes['parameterOptions'] || changes['hasMoreParameters'] || changes['isLoadingParameters'] ||
+                changes['defaultTestDataProfileId'] || changes['defaultTestDataStartIndex']) {
+                // Clear test data profile select config cache since profiles list or loading state may have changed
                 this.testDataProfileSelectConfigCache.clear();
                 this.templateVariables.forEach((variable, index) => {
                     if (this.isParameterType(variable)) {
@@ -30160,11 +30171,18 @@ class TemplateVariablesFormComponent {
             key: 'selectedTestDataProfile',
             placeholder: 'Select Test Data Profile',
             multiple: false,
-            searchable: false,
+            searchable: true,
+            serverSearch: true,
             options: optionsArray,
-            hasMore: false,
-            isLoading: false,
+            hasMore: this.hasMoreParameters,
+            isLoading: this.isLoadingParameters,
             disabled: isDisabled,
+            onSearch: (query) => {
+                this.searchParameters.emit(query);
+            },
+            onLoadMore: (query) => {
+                this.loadMoreParameters.emit();
+            },
             onChange: (value) => {
                 var _a, _b, _c;
                 // Value is the profile ID (string) from the mat-option