@cqa-lib/cqa-ui 1.1.548-gamma.20 → 1.1.548-gamma.21

package/lib/custom-input/custom-input.component.d.ts

@@ -18,12 +18,17 @@ export declare class CustomInputComponent implements OnChanges {
     showCharCount: boolean;
     inputInlineStyle?: string;
     labelInlineStyle?: string;
+    showPasswordToggle: boolean;
     valueChange: EventEmitter<string>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
     enterPressed: EventEmitter<string>;
     inputValue: string;
     isFocused: boolean;
+    passwordVisible: boolean;
+    get effectiveType(): InputType;
+    get isPasswordToggleVisible(): boolean;
+    togglePasswordVisible(event: Event): void;
     ngOnChanges(changes: SimpleChanges): void;
     get hasError(): boolean;
     get inputSizeClasses(): string;
@@ -35,6 +40,6 @@ export declare class CustomInputComponent implements OnChanges {
     get inputStyles(): string;
     get labelStyles(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent, "cqa-custom-input", never, { "inputId": "inputId"; "label": "label"; "type": "type"; "placeholder": "placeholder"; "value": "value"; "disabled": "disabled"; "errors": "errors"; "required": "required"; "ariaLabel": "ariaLabel"; "size": "size"; "fullWidth": "fullWidth"; "maxLength": "maxLength"; "showCharCount": "showCharCount"; "inputInlineStyle": "inputInlineStyle"; "labelInlineStyle": "labelInlineStyle"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; "enterPressed": "enterPressed"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent, "cqa-custom-input", never, { "inputId": "inputId"; "label": "label"; "type": "type"; "placeholder": "placeholder"; "value": "value"; "disabled": "disabled"; "errors": "errors"; "required": "required"; "ariaLabel": "ariaLabel"; "size": "size"; "fullWidth": "fullWidth"; "maxLength": "maxLength"; "showCharCount": "showCharCount"; "inputInlineStyle": "inputInlineStyle"; "labelInlineStyle": "labelInlineStyle"; "showPasswordToggle": "showPasswordToggle"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; "enterPressed": "enterPressed"; }, never, never>;
 }
 export {};

package/lib/new-test-data-profile-dialog/new-test-data-profile-dialog.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { DynamicSelectFieldConfig } from '../dynamic-select/dynamic-select-field.component';
-import { TdpDialogPermission, TdpDialogValue, TdpEnvironmentOption } from './new-test-data-profile-dialog.models';
+import { TdpDialogPermission, TdpDialogValue, TdpEnvSearchFn, TdpEnvironmentOption } from './new-test-data-profile-dialog.models';
 import * as i0 from "@angular/core";
-export declare class NewTestDataProfileDialogComponent implements OnInit {
+export declare class NewTestDataProfileDialogComponent implements OnInit, OnDestroy {
     private readonly cdr;
     private static readonly INTEGER_REGEX;
     private static readonly MAX_DIM;
@@ -11,6 +11,10 @@ export declare class NewTestDataProfileDialogComponent implements OnInit {
     initialValue?: Partial<TdpDialogValue>;
     existingNames: string[];
     environments: TdpEnvironmentOption[];
+    /** When provided, the env dropdown uses paginated server-search instead of
+     *  the static `environments` list. */
+    searchFn?: TdpEnvSearchFn;
+    pageSize: number;
     name: string;
     description: string;
     readWriteMode: TdpDialogPermission;
@@ -21,8 +25,21 @@ export declare class NewTestDataProfileDialogComponent implements OnInit {
     nameError: string | null;
     matrixError: string | null;
     envsError: string | null;
+    private currentEnvOptions;
+    private totalEnvElements;
+    private currentSearchTerm;
+    private currentPageIndex;
+    private isLoadingEnvs;
+    /** Cache of every env the user has selected at any point during this dialog
+     *  session — keyed by id. Merged into the visible options on every page
+     *  refresh so the multi-select trigger always shows the right names even
+     *  after the user types a search that filters the selection out. */
+    private readonly selectedEnvCache;
+    private readonly searchInput$;
+    private readonly destroy$;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     get title(): string;
     get subtitle(): string;
     get primaryButtonLabel(): string;
@@ -35,8 +52,25 @@ export declare class NewTestDataProfileDialogComponent implements OnInit {
     onColumnsChange(next: string): void;
     getValue(): TdpDialogValue | null;
     private parseMatrix;
-    private buildEnvConfig;
+    private buildStaticEnvConfig;
+    private buildServerSearchEnvConfig;
+    private onEnvLoadMore;
+    private runFetch;
+    private fetchPage;
+    private applyPage;
+    /** Merge cached selected options with the visible page so the multi-select
+     *  trigger always shows the right names — even when the user types a query
+     *  that filters previously selected envs out of view. Selected ones come
+     *  first to keep the state visible. */
+    private mergeSelectedIntoOptions;
+    /** Update the selected-env cache from the FormControl value so the trigger
+     *  display + future merges reflect the latest selection. We cache the full
+     *  SelectOption (id + name) by looking up either the visible page or the
+     *  prior cache. Selections are accumulated, never removed — even unselect →
+     *  reselect works without a fresh fetch. */
+    private rememberSelectedEnvs;
+    private toSelectOption;
     private isDuplicateName;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewTestDataProfileDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NewTestDataProfileDialogComponent, "cqa-new-test-data-profile-dialog", never, { "mode": "mode"; "initialValue": "initialValue"; "existingNames": "existingNames"; "environments": "environments"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewTestDataProfileDialogComponent, "cqa-new-test-data-profile-dialog", never, { "mode": "mode"; "initialValue": "initialValue"; "existingNames": "existingNames"; "environments": "environments"; "searchFn": "searchFn"; "pageSize": "pageSize"; }, {}, never, never>;
 }

package/lib/new-test-data-profile-dialog/new-test-data-profile-dialog.models.d.ts

@@ -1,3 +1,4 @@
+import { Observable } from 'rxjs';
 export declare type TdpDialogPermission = 'RO' | 'RW';
 export interface TdpDialogValue {
     name: string;
@@ -12,9 +13,26 @@ export interface TdpEnvironmentOption {
     name: string;
     color?: string;
 }
+export interface TdpEnvSearchPage {
+    items: TdpEnvironmentOption[];
+    total: number;
+}
+/** Paginated, debounced server-search callback for the Assign-to-environments
+ *  dropdown. The dialog calls `('', 0, pageSize)` on init and each panel open,
+ *  again with a fresh term whenever the user types (debounced 300ms), and again
+ *  on scroll-near-bottom for pagination. Caller wraps the workspace env list
+ *  service. */
+export declare type TdpEnvSearchFn = (term: string, page: number, size: number) => Observable<TdpEnvSearchPage>;
 export interface NewTestDataProfileDialogInputs {
     mode?: 'create' | 'edit';
     initialValue?: Partial<TdpDialogValue>;
     existingNames?: string[];
+    /** Static env list. Kept for backward compatibility — prefer `searchFn`
+     *  for workspaces with more than a couple dozen environments. */
     environments?: TdpEnvironmentOption[];
+    /** Server-search source. When provided, the env dropdown switches to
+     *  paginated server-side search and `environments` is ignored. */
+    searchFn?: TdpEnvSearchFn;
+    /** Page size for `searchFn`. Defaults to 50. */
+    pageSize?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.548-gamma.20",
+  "version": "1.1.548-gamma.21",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",