@cqa-lib/cqa-ui 0.1.2 → 1.0.1

package/lib/action-menu/action-menu.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ActionMenuRow {
+    id: number | string;
+    [key: string]: any;
+}
+export declare class ActionMenuButtonComponent {
+    row?: ActionMenuRow;
+    view: EventEmitter<string | number>;
+    edit: EventEmitter<ActionMenuRow>;
+    delete: EventEmitter<ActionMenuRow>;
+    navigateToTestCase(id?: number | string): void;
+    editTestCase(row?: ActionMenuRow): void;
+    deleteTestCase(row?: ActionMenuRow): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionMenuButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionMenuButtonComponent, "cqa-action-menu-button", never, { "row": "row"; }, { "view": "view"; "edit": "edit"; "delete": "delete"; }, never, never>;
+}

package/lib/assets/images/image-assets.constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Image assets constants for the UI library
+ *
+ * Place your image files in src/lib/assets/images/ and reference them here
+ *
+ * Usage in components:
+ * import { EMPTY_STATE_IMAGES } from '../assets/images/image-assets.constants';
+ * imageUrl: EMPTY_STATE_IMAGES.TEST_CASE
+ */
+export declare const EMPTY_STATE_IMAGES: {
+    readonly TEST_CASE: "assets/images/TestCaseIcon.png";
+    readonly SEARCH_DEBUG: "assets/images/SearchIcon.png";
+    readonly UPLOAD_FOLDER: "assets/images/FilesIcon.png";
+    readonly DASHBOARD: "assets/images/DashboardIcon.png";
+    readonly CHECKLIST_ADD: "assets/images/StepsIcon.png";
+    readonly DOCUMENT_GEAR: "assets/images/document-gear-icon.svg";
+    readonly ANALYTICS_CHART: "assets/images/ReportsIcon.png";
+    readonly DEFAULT: "assets/images/SearchIcon.png";
+};
+export declare type EmptyStateImageKey = keyof typeof EMPTY_STATE_IMAGES;

package/lib/badge/badge.component.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export declare type BadgeVariant = 'warning' | 'error' | 'info' | 'success' | 'default' | 'outline';
+export declare class BadgeComponent {
+    label: string;
+    icon?: string;
+    variant: BadgeVariant;
+    backgroundColor?: string;
+    textColor?: string;
+    iconBackgroundColor?: string;
+    iconColor?: string;
+    get badgeClasses(): string;
+    get badgeStyles(): {
+        [key: string]: string;
+    };
+    get iconContainerClasses(): string;
+    get iconContainerStyles(): {
+        [key: string]: string;
+    };
+    get iconClasses(): string;
+    get iconStyles(): {
+        [key: string]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "cqa-badge", never, { "label": "label"; "icon": "icon"; "variant": "variant"; "backgroundColor": "backgroundColor"; "textColor": "textColor"; "iconBackgroundColor": "iconBackgroundColor"; "iconColor": "iconColor"; }, {}, never, never>;
+}

package/lib/button/button.component.d.ts

@@ -1,21 +1,22 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare type ButtonVariant = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal';
+export declare type ButtonVariant = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal' | 'grey-solid';
 export declare class ButtonComponent {
     variant: ButtonVariant;
     disabled: boolean;
     icon?: string;
     iconPosition: 'start' | 'end';
+    fullWidth: boolean;
+    iconColor?: string;
     type: 'button' | 'submit' | 'reset';
+    text?: string;
+    customClass?: string;
     clicked: EventEmitter<MouseEvent>;
     isHovered: boolean;
     isFocused: boolean;
     isPressed: boolean;
     get hasIcon(): boolean;
     get buttonClasses(): string;
-    get stateLayerClasses(): string;
-    get labelClasses(): string;
-    get iconClasses(): string;
     private getVariantClasses;
     get textClass(): string;
     onMouseEnter(): void;
@@ -26,5 +27,5 @@ export declare class ButtonComponent {
     onBlur(): void;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "cqa-button", never, { "variant": "variant"; "disabled": "disabled"; "icon": "icon"; "iconPosition": "iconPosition"; "type": "type"; }, { "clicked": "clicked"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "cqa-button", never, { "variant": "variant"; "disabled": "disabled"; "icon": "icon"; "iconPosition": "iconPosition"; "fullWidth": "fullWidth"; "iconColor": "iconColor"; "type": "type"; "text": "text"; "customClass": "customClass"; }, { "clicked": "clicked"; }, never, ["*"]>;
 }

package/lib/column-visibility/column-visibility.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ColumnVisibilityConfig {
+    type?: boolean;
+    priority?: boolean;
+    result?: boolean;
+    status?: boolean;
+    labels?: boolean;
+    createdBy?: boolean;
+    createdAt?: boolean;
+    updatedAt?: boolean;
+    lastRun?: boolean;
+    [key: string]: any;
+}
+export declare class ColumnVisibilityComponent implements OnChanges {
+    isStepGroup: boolean;
+    columns: Array<{
+        id: string;
+        label: string;
+    }>;
+    columnVisibility: ColumnVisibilityConfig;
+    selectedAutoRefreshInterval: number;
+    columnVisibilityChange: EventEmitter<ColumnVisibilityConfig>;
+    autoRefreshChange: EventEmitter<number>;
+    ngOnChanges(changes: SimpleChanges): void;
+    get areAllColumnsSelected(): boolean;
+    toggleAllColumns(checked: boolean): void;
+    saveColumnPreferences(): void;
+    onAutoRefreshChange(): void;
+    private getTogglableKeys;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnVisibilityComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnVisibilityComponent, "cqa-column-visibility", never, { "isStepGroup": "isStepGroup"; "columns": "columns"; "columnVisibility": "columnVisibility"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; }, { "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshChange": "autoRefreshChange"; }, never, never>;
+}

package/lib/dashboards/chart-card/chart-card.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ChartCardComponent {
+    title: string;
+    subtitle?: string;
+    cardClass: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartCardComponent, "cqa-chart-card", never, { "title": "title"; "subtitle": "subtitle"; "cardClass": "cardClass"; }, {}, never, ["[chart-actions]", "*"]>;
+}

package/lib/dashboards/coverage-module-card/coverage-module-card.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare type CoverageStatus = 'success' | 'error' | 'neutral';
+export interface CoverageItem {
+    /** Row label, e.g. "Input Validation" */
+    label: string;
+    /** Value in percent (0-100) */
+    percent: number;
+    /** Visual status to colorize the bar/text */
+    status?: CoverageStatus;
+}
+export declare class CoverageModuleCardComponent {
+    /** Card title, e.g. "AI Ask" */
+    title: string;
+    /** Number of issues to display next to title */
+    issues: number;
+    /** Optional "View" action visibility */
+    showViewAction: boolean;
+    /** Middle metrics: left group */
+    positiveCount: number;
+    negativeCount: number;
+    edgeCaseCount: number;
+    positiveLabel: string;
+    negativeLabel: string;
+    edgeCaseLabel: string;
+    /** Middle metrics: right group */
+    aiCount: number;
+    humanCount: number;
+    aiLabel: string;
+    humanLabel: string;
+    /** Rows of coverage with percentage bars */
+    items: CoverageItem[];
+    /** CTA button label */
+    ctaText: string;
+    /** Disable CTA */
+    ctaDisabled: boolean;
+    view: EventEmitter<void>;
+    ctaClicked: EventEmitter<void>;
+    statusColorClass(item: CoverageItem): string;
+    textColorClass(item: CoverageItem): string;
+    formatPercent(pct: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoverageModuleCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoverageModuleCardComponent, "cqa-coverage-module-card", never, { "title": "title"; "issues": "issues"; "showViewAction": "showViewAction"; "positiveCount": "positiveCount"; "negativeCount": "negativeCount"; "edgeCaseCount": "edgeCaseCount"; "positiveLabel": "positiveLabel"; "negativeLabel": "negativeLabel"; "edgeCaseLabel": "edgeCaseLabel"; "aiCount": "aiCount"; "humanCount": "humanCount"; "aiLabel": "aiLabel"; "humanLabel": "humanLabel"; "items": "items"; "ctaText": "ctaText"; "ctaDisabled": "ctaDisabled"; }, { "view": "view"; "ctaClicked": "ctaClicked"; }, never, never>;
+}

package/lib/dashboards/dashboard-header/dashboard-header.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export interface HeaderSelectOption {
+    id?: any;
+    value?: any;
+    name?: string;
+    label?: string;
+}
+export declare class DashboardHeaderComponent {
+    title: string;
+    badgeText?: string;
+    badgeClass: string;
+    headerClass: string;
+    workspaceOptions: HeaderSelectOption[];
+    workspacePlaceholder: string;
+    workspaceDisabled: boolean;
+    workspaceValue?: any;
+    workspaceMultiple: boolean;
+    workspaceSearchable: boolean;
+    workspaceValueChange: EventEmitter<any>;
+    workspaceForm: FormGroup;
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    get workspaceConfig(): DynamicSelectFieldConfig;
+    private syncFormFromInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardHeaderComponent, "cqa-dashboard-header", never, { "title": "title"; "badgeText": "badgeText"; "badgeClass": "badgeClass"; "headerClass": "headerClass"; "workspaceOptions": "workspaceOptions"; "workspacePlaceholder": "workspacePlaceholder"; "workspaceDisabled": "workspaceDisabled"; "workspaceValue": "workspaceValue"; "workspaceMultiple": "workspaceMultiple"; "workspaceSearchable": "workspaceSearchable"; }, { "workspaceValueChange": "workspaceValueChange"; }, never, ["*"]>;
+}

package/lib/dashboards/failed-test-cases-card/failed-test-cases-card.component.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+export declare class FailedTestCasesCardComponent {
+    /** E.g., "C-62: Upload Content" */
+    title: string;
+    /** Number of failures to display in the pill */
+    failures: number;
+    /** Pill label (e.g., "failures") */
+    failuresLabel: string;
+    /** Optional custom class for the pill background */
+    pillClass: string;
+    /** Root cause text; when empty, show a default message */
+    rootCause?: string;
+    /** Root cause label (left part, emphasized) */
+    rootCauseLabel: string;
+    /** If false, hide the root cause row */
+    showRootCause: boolean;
+    /** Last failed text (e.g., "2 hours ago") */
+    lastFailed?: string;
+    /** Label for timestamp */
+    lastFailedLabel: string;
+    /** Optional extra class for the outer card */
+    cardClass: string;
+    /** Left border accent class */
+    leftAccentClass: string;
+    get rootCauseDisplay(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FailedTestCasesCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FailedTestCasesCardComponent, "cqa-failed-test-cases-card", never, { "title": "title"; "failures": "failures"; "failuresLabel": "failuresLabel"; "pillClass": "pillClass"; "rootCause": "rootCause"; "rootCauseLabel": "rootCauseLabel"; "showRootCause": "showRootCause"; "lastFailed": "lastFailed"; "lastFailedLabel": "lastFailedLabel"; "cardClass": "cardClass"; "leftAccentClass": "leftAccentClass"; }, {}, never, never>;
+}

package/lib/dashboards/heat-error-map-cell/heat-error-map-cell.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare type HeatErrorMapCellType = 'smoke' | 'sanity' | 'regression' | 'revisit';
+export declare class HeatErrorMapCellComponent {
+    type: HeatErrorMapCellType;
+    cases: number;
+    defects: number;
+    progress: number;
+    get backgroundColorStyle(): {
+        [key: string]: string;
+    };
+    get progressWidth(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeatErrorMapCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeatErrorMapCellComponent, "cqa-heat-error-map-cell", never, { "type": "type"; "cases": "cases"; "defects": "defects"; "progress": "progress"; }, {}, never, never>;
+}

package/lib/dashboards/insight-card/insight-card.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter } from '@angular/core';
+import { BadgeComponent } from '../../badge/badge.component';
+import * as i0 from "@angular/core";
+export declare type InsightBadge = Pick<BadgeComponent, 'label' | 'icon' | 'variant'>;
+export interface InsightMetadata {
+    [key: string]: string | {
+        label: string;
+        value: string;
+        highlight?: boolean;
+    };
+}
+interface InternalInsightSection {
+    id: string;
+    title: string;
+    variant: 'warning' | 'error' | 'default';
+    reason: string;
+    actionButtonLabel: string;
+    expanded?: boolean;
+}
+export declare class InsightCardComponent {
+    title: string;
+    description: string;
+    private _badges;
+    set badges(value: InsightBadge[]);
+    get badges(): InsightBadge[];
+    metadata?: InsightMetadata;
+    prerequisiteSection?: string;
+    testDataSection?: string;
+    metadataExpanded: boolean;
+    isPrerequisiteMissing: boolean;
+    isTestDataMissing: boolean;
+    private sectionExpandedState;
+    isApplying: boolean;
+    metadataToggle: EventEmitter<boolean>;
+    sectionToggle: EventEmitter<{
+        id: string;
+        expanded: boolean;
+    }>;
+    sectionActionClick: EventEmitter<string>;
+    onApplySuggestionClick: EventEmitter<void>;
+    onAttachPrerequisitesClick: EventEmitter<void>;
+    onImportTestDataClick: EventEmitter<void>;
+    toggleMetadata(): void;
+    toggleSection(section: InternalInsightSection): void;
+    onSectionAction(sectionId: string): void;
+    get visibleBadges(): InsightBadge[];
+    get visibleSections(): InternalInsightSection[];
+    onMainAction(): Promise<void>;
+    resetApplyingState(): void;
+    getSectionBorderClass(section: InternalInsightSection): string;
+    getMetadataValueClasses(key: string, value: string | {
+        label: string;
+        value: string;
+        highlight?: boolean;
+    }): string;
+    getMetadataValue(value: string | {
+        label: string;
+        value: string;
+        highlight?: boolean;
+    }): string;
+    getMetadataValueStyle(key: string, value: string | {
+        label: string;
+        value: string;
+        highlight?: boolean;
+    }): {
+        [key: string]: string;
+    };
+    getSectionTitleClasses(section: InternalInsightSection): string;
+    getSectionIconColor(section: InternalInsightSection): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InsightCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InsightCardComponent, "cqa-insight-card", never, { "title": "title"; "description": "description"; "badges": "badges"; "metadata": "metadata"; "prerequisiteSection": "prerequisiteSection"; "testDataSection": "testDataSection"; "metadataExpanded": "metadataExpanded"; "isPrerequisiteMissing": "isPrerequisiteMissing"; "isTestDataMissing": "isTestDataMissing"; }, { "metadataToggle": "metadataToggle"; "sectionToggle": "sectionToggle"; "sectionActionClick": "sectionActionClick"; "onApplySuggestionClick": "onApplySuggestionClick"; "onAttachPrerequisitesClick": "onAttachPrerequisitesClick"; "onImportTestDataClick": "onImportTestDataClick"; }, never, never>;
+}
+export {};

package/lib/dashboards/metrics-card/metrics-block.component.d.ts

@@ -0,0 +1,12 @@
+import { MetricsCardItem } from './metrics-card-item.interface';
+import * as i0 from "@angular/core";
+export declare class MetricsBlockComponent {
+    item: MetricsCardItem;
+    progress: string;
+    layout: string;
+    itemslength: string;
+    formatPercent(value?: number): string;
+    percentClass(value?: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetricsBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MetricsBlockComponent, "cqa-metrics-block", never, { "item": "item"; "progress": "progress"; "layout": "layout"; "itemslength": "itemslength"; }, {}, never, never>;
+}

package/lib/dashboards/metrics-card/metrics-card-item.interface.d.ts

@@ -0,0 +1,12 @@
+export interface MetricsCardItem {
+    id?: string;
+    label: string;
+    value: number;
+    max?: number;
+    icon?: string;
+    colorClass?: string;
+    accentBgClass?: string;
+    iconColorClass?: string;
+    subtext?: string;
+    percent?: number;
+}

package/lib/dashboards/metrics-card/metrics-card.component.d.ts

@@ -0,0 +1,17 @@
+import { MetricsCardItem } from './metrics-card-item.interface';
+import * as i0 from "@angular/core";
+export declare class MetricsCardComponent {
+    icon: string;
+    title: string;
+    total: number | string;
+    items: MetricsCardItem[];
+    cardClass: string;
+    layout: string;
+    totalPercent?: number;
+    progressWidth(item: MetricsCardItem): string;
+    private inferMax;
+    formatPercent(value?: number): string;
+    percentClass(value?: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetricsCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MetricsCardComponent, "cqa-metrics-card", never, { "icon": "icon"; "title": "title"; "total": "total"; "items": "items"; "cardClass": "cardClass"; "layout": "layout"; "totalPercent": "totalPercent"; }, {}, never, never>;
+}

package/lib/dashboards/progress-text-card/progress-text-card.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class ProgressTextCardComponent {
+    value: number;
+    label: string;
+    deltaPercent?: number;
+    deltaSuffix: string;
+    cardClass: string;
+    get percentText(): string;
+    get fillWidth(): string;
+    deltaClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressTextCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressTextCardComponent, "cqa-progress-text-card", never, { "value": "value"; "label": "label"; "deltaPercent": "deltaPercent"; "deltaSuffix": "deltaSuffix"; "cardClass": "cardClass"; }, {}, never, never>;
+}

package/lib/dashboards/test-distribution-card/test-distribution-card.component.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+export interface DistributionSegment {
+    label: string;
+    value: number;
+    /** Tailwind-like class or hex bg color */
+    colorClass?: string;
+}
+export interface DistributionChildItem {
+    label: string;
+    value: number;
+    colorClass?: string;
+}
+export interface DistributionItem {
+    icon?: string;
+    label: string;
+    value: number;
+    colorClass?: string;
+    children?: DistributionChildItem[];
+}
+export declare class TestDistributionCardComponent {
+    title: string;
+    segments: DistributionSegment[];
+    items: DistributionItem[];
+    totalSegments(): number;
+    segmentWidth(segment: DistributionSegment): string;
+    segmentColor(segment: DistributionSegment, fallback: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestDistributionCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestDistributionCardComponent, "cqa-test-distribution-card", never, { "title": "title"; "segments": "segments"; "items": "items"; }, {}, never, never>;
+}

package/lib/dropdown-button/dropdown-button.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface DropdownOption {
+    label: string;
+    value: any;
+    disabled?: boolean;
+}
+export declare class DropdownButtonComponent {
+    label: string;
+    options: DropdownOption[];
+    selectedValue?: any;
+    disabled: boolean;
+    placeholder?: string;
+    selectionChange: EventEmitter<any>;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    dropdownContainer?: ElementRef;
+    buttonElement?: ElementRef;
+    isOpen: boolean;
+    private clickInside;
+    get displayLabel(): string;
+    get buttonClasses(): string;
+    get labelClasses(): string;
+    get arrowClasses(): string;
+    toggleDropdown(event?: MouseEvent): void;
+    selectOption(option: DropdownOption, event?: MouseEvent): void;
+    getButtonWidth(): number;
+    getOptionClasses(option: DropdownOption): string;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownButtonComponent, "cqa-dropdown-button", never, { "label": "label"; "options": "options"; "selectedValue": "selectedValue"; "disabled": "disabled"; "placeholder": "placeholder"; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; }, never, never>;
+}

package/lib/dynamic-select/dynamic-select-field.component.d.ts

@@ -0,0 +1,43 @@
+import { OnInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatSelect } from '@angular/material/select';
+import * as i0 from "@angular/core";
+export interface SelectOption {
+    id?: any;
+    value?: any;
+    name?: string;
+    label?: string;
+}
+export interface DynamicSelectFieldConfig {
+    key: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    multiple?: boolean;
+    searchable?: boolean;
+    /** If true, close the panel when an option is selected (useful for multi-select in headers). */
+    closeOnSelect?: boolean;
+    options: SelectOption[];
+}
+export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
+    form: FormGroup;
+    config: DynamicSelectFieldConfig;
+    selectRef?: MatSelect;
+    hostEl?: ElementRef<HTMLElement>;
+    searchTextByKey: Record<string, string>;
+    private outsideCleanup?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get panelClass(): string;
+    get isMultiple(): boolean;
+    get isDisabled(): boolean;
+    private toBoolean;
+    private syncControlValueForMultipleMode;
+    onSelectOpenedChange(opened: boolean, _select: MatSelect): void;
+    onSearch(key: string, value: string): void;
+    filteredOptions(c: DynamicSelectFieldConfig): SelectOption[];
+    onOptionSelected(select: MatSelect): void;
+    handleDocumentClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSelectFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, {}, never, never>;
+}

package/lib/empty-state/empty-state.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface EmptyStateAction {
+    label: string;
+    variant?: 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal';
+    icon?: string;
+    iconPosition?: 'start' | 'end';
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare class EmptyStateComponent {
+    imageUrl?: string;
+    title: string;
+    description: string;
+    actions: EmptyStateAction[];
+    actionClick: EventEmitter<EmptyStateAction>;
+    onActionClick(action: EmptyStateAction, event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "cqa-empty-state", never, { "imageUrl": "imageUrl"; "title": "title"; "description": "description"; "actions": "actions"; }, { "actionClick": "actionClick"; }, never, never>;
+}

package/lib/filters/dynamic-filter/dynamic-filter.component.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+declare type FilterType = 'select' | 'date-range';
+export interface DynamicFilterOption {
+    id?: number | string;
+    name?: string;
+    value?: any;
+    label?: string;
+}
+export interface DynamicFilterItem {
+    label: string;
+    placeholder?: string;
+    type: FilterType;
+    key: string;
+    options?: DynamicFilterOption[];
+    multiple?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    searchable?: boolean;
+}
+export interface DynamicFilterValues {
+    [key: string]: any;
+}
+export declare class DynamicFilterComponent implements OnChanges {
+    private readonly fb;
+    config: DynamicFilterItem[];
+    model: DynamicFilterValues;
+    showFilterPanel: boolean;
+    filtersApplied: EventEmitter<DynamicFilterValues>;
+    filtersChanged: EventEmitter<DynamicFilterValues>;
+    resetAction: EventEmitter<void>;
+    form: FormGroup;
+    maxDate: Date;
+    searchTextByKey: Record<string, string>;
+    private selectOutsideCleanup;
+    constructor(fb: FormBuilder);
+    ngOnChanges(changes: SimpleChanges): void;
+    onDateChange(event: any, key: string): void;
+    private buildForm;
+    onSelectOpenedChange(opened: boolean, select: any): void;
+    onSearch(key: string, text: string): void;
+    filteredOptions(item: DynamicFilterItem): DynamicFilterOption[];
+    getDateGroup(key: string): FormGroup;
+    getSelectConfig(item: DynamicFilterItem): DynamicSelectFieldConfig;
+    apply(): void;
+    reset(): void;
+    private serialize;
+    applyPresetToGroup(key: string, presetKey: 'today' | 'last7days' | 'last30days' | 'last90days' | 'thismonth' | 'lastmonth'): void;
+    private getPresetDates;
+    getDateValidationError(key: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFilterComponent, "cqa-dynamic-filter", never, { "config": "config"; "model": "model"; "showFilterPanel": "showFilterPanel"; }, { "filtersApplied": "filtersApplied"; "filtersChanged": "filtersChanged"; "resetAction": "resetAction"; }, never, never>;
+}
+export {};

package/lib/full-table-loader/full-table-loader.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class FullTableLoaderComponent {
+    label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FullTableLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FullTableLoaderComponent, "cqa-full-table-loader", never, { "label": "label"; }, {}, never, never>;
+}

package/lib/inline-sort/inline-sort.component.d.ts

@@ -0,0 +1,12 @@
+import { MatTooltip } from "@angular/material/tooltip";
+import * as i0 from "@angular/core";
+export declare class InlineSortComponent {
+    ascending?: boolean;
+    heading?: string;
+    tooltipDiv?: MatTooltip;
+    toolTip: any;
+    get getToolTip(): "message.common.sort_by.old" | "message.common.sort_by.ascending" | "message.common.sort_by.new" | "message.common.sort_by.descending" | "message.common.sort";
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineSortComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineSortComponent, "app-inline-sort, cqa-inline-sort", never, { "ascending": "ascending"; "heading": "heading"; }, {}, never, never>;
+}

package/lib/other-button/other-button.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface OtherButtonItem {
+    label: string;
+    icon?: string;
+    classes?: string | string[] | Record<string, boolean>;
+    colorClass?: string | string[] | Record<string, boolean>;
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    value?: any;
+}
+export declare class OtherButtonComponent {
+    icon: string;
+    label: string;
+    classes: string | string[] | Record<string, boolean>;
+    colorClass: string | string[] | Record<string, boolean>;
+    buttonClass: string;
+    disabled: boolean;
+    type: 'button' | 'submit' | 'reset';
+    buttons: OtherButtonItem[] | null;
+    /** Extra classes for the button group container */
+    groupClass: string | string[] | Record<string, boolean>;
+    /** Gap utility class; defaults to Tailwind spacing applied in template */
+    gapClass: string;
+    /** When true, allows wrapping to next line on smaller screens */
+    wrap: boolean;
+    clicked: EventEmitter<MouseEvent>;
+    /** Emits the config of the clicked button in a group, along with the event */
+    buttonClick: EventEmitter<{
+        event: MouseEvent;
+        item: OtherButtonItem;
+    }>;
+    onClick(event: MouseEvent): void;
+    onItemClick(event: MouseEvent, item: OtherButtonItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtherButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtherButtonComponent, "cqa-other-button", never, { "icon": "icon"; "label": "label"; "classes": "classes"; "colorClass": "colorClass"; "buttonClass": "buttonClass"; "disabled": "disabled"; "type": "type"; "buttons": "buttons"; "groupClass": "groupClass"; "gapClass": "gapClass"; "wrap": "wrap"; }, { "clicked": "clicked"; "buttonClick": "buttonClick"; }, never, never>;
+}