cmat 0.0.86 → 0.0.88

package/types/cmat-components-data-picker.d.ts

@@ -0,0 +1,372 @@
+import { Observable, Subject } from 'rxjs';
+import { CmatDataService } from 'cmat/services/data';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnInit, OnDestroy } from '@angular/core';
+import { FormControl, ControlValueAccessor, NgControl } from '@angular/forms';
+import { Sort } from '@angular/material/sort';
+import { CmatPaginationInstance } from 'cmat/components/pagination';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MatFormFieldControl } from '@angular/material/form-field';
+
+/**
+ * 分页查询参数
+ */
+interface DataPickerQuery {
+    page: number;
+    size: number;
+    search?: string;
+    /** 排序字段（后端固定使用 orderBy） */
+    orderBy?: string;
+    /** 是否降序（后端固定使用 desc） */
+    desc?: boolean;
+}
+/**
+ * 分页结果
+ */
+interface PagedResult<T = any> {
+    data: T[];
+    total: number;
+}
+/**
+ * 数据源配置
+ */
+interface DataSourceConfig<T = any> {
+    /** API地址 */
+    url: string;
+    /** 请求方法，默认post */
+    method?: 'get' | 'post';
+    /** 固定参数 */
+    params?: Record<string, any>;
+    /** 搜索参数字段名，默认'search' */
+    searchParam?: string;
+    /** 排序字段映射（可选，用于自定义后端字段名） */
+    orderByField?: string;
+    /** 降序字段映射（可选，用于自定义后端字段名） */
+    descField?: string;
+    /** 响应数据映射函数 */
+    responseMapper?: (res: any) => PagedResult<T>;
+}
+/**
+ * 数据提供者接口
+ */
+interface DataPickerProvider<T = any> {
+    loadPage(query: DataPickerQuery): Observable<PagedResult<T>>;
+}
+/**
+ * 列配置
+ */
+interface DataPickerColumn {
+    /** 字段键 */
+    key: string;
+    /** 显示名称 */
+    name: string;
+    /** 是否可排序 */
+    sortable?: boolean;
+    /** 宽度 */
+    width?: string;
+}
+
+/**
+ * HTTP数据提供者实现
+ */
+declare class HttpDataPickerProvider<T = any> implements DataPickerProvider<T> {
+    private _dataService;
+    private _config;
+    constructor(_dataService: CmatDataService, _config: DataSourceConfig<T>);
+    loadPage(query: DataPickerQuery): Observable<PagedResult<T>>;
+}
+/**
+ * 创建HTTP数据提供者的工厂函数
+ * @param config 数据源配置
+ * @param dataService CmatDataService 实例
+ */
+declare function createHttpDataProvider<T = unknown>(config: DataSourceConfig<T>, dataService: CmatDataService): DataPickerProvider<T>;
+
+declare class CmatDataPickerListComponent<T = any> {
+    readonly dataProvider: _angular_core.InputSignal<DataPickerProvider<T>>;
+    readonly columns: _angular_core.InputSignal<DataPickerColumn[]>;
+    readonly keyField: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly paginationId: _angular_core.InputSignal<string>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<Set<string | number>>;
+    readonly items: _angular_core.WritableSignal<T[]>;
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    readonly selectedItems: _angular_core.WritableSignal<Map<string | number, T>>;
+    readonly pagination: _angular_core.WritableSignal<CmatPaginationInstance>;
+    readonly sortState: _angular_core.WritableSignal<{
+        active?: string;
+        direction?: "asc" | "desc";
+    }>;
+    readonly searchControl: FormControl<string | null>;
+    readonly displayedColumns: _angular_core.Signal<string[]>;
+    readonly selectedCount: _angular_core.Signal<number>;
+    readonly isAllSelected: _angular_core.Signal<boolean>;
+    readonly isIndeterminate: _angular_core.Signal<boolean>;
+    private readonly _destroyRef;
+    constructor();
+    /**
+     * 加载数据（公共方法，用于初始化和重置）
+     */
+    loadData(): void;
+    /**
+     * 重置组件状态（用于重新打开时）
+     */
+    reset(): void;
+    /**
+     * 获取项的唯一键
+     */
+    getItemKey(item: T): string | number;
+    /**
+     * 判断是否选中
+     */
+    isSelected(item: T): boolean;
+    /**
+     * 切换单个项的选中状态
+     */
+    toggleSelection(item: T, checked: boolean): void;
+    /**
+     * 单选模式
+     */
+    selectSingle(item: T): void;
+    /**
+     * 全选/取消全选当前页
+     */
+    toggleSelectAll(checked: boolean): void;
+    /**
+     * 行点击事件
+     */
+    onRowClick(item: T): void;
+    /**
+     * 排序变化
+     */
+    onSortChange(sort: Sort): void;
+    /**
+     * 页码变化
+     */
+    onPageChange(page: number): void;
+    /**
+     * 每页数量变化
+     */
+    onPageSizeChange(size: number): void;
+    /**
+    * 获取选中的项数组
+    */
+    getSelectedArray(): T[];
+    /**
+     * 设置选中项（用于初始化）
+     */
+    setSelectedItems(items: T[]): void;
+    /**
+     * 加载数据（统一入口，私有方法）
+     */
+    private _loadPageData;
+    /**
+     * 发出选择变化事件（私有方法）
+     */
+    private _emitSelectionChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDataPickerListComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDataPickerListComponent<any>, "cmat-data-picker-list", never, { "dataProvider": { "alias": "dataProvider"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "paginationId": { "alias": "paginationId"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+/**
+ * BottomSheet传递的数据
+ */
+interface DataPickerSheetData<T = any> {
+    dataProvider: DataPickerProvider<T>;
+    columns: DataPickerColumn[];
+    keyField: string;
+    multiple: boolean;
+    searchable: boolean;
+    pageSize: number;
+    initialSelection?: T[];
+}
+declare class CmatDataPickerSheetComponent<T = any> implements AfterViewInit {
+    readonly data: DataPickerSheetData<T>;
+    readonly title: _angular_core.Signal<"选择多项" | "选择一项">;
+    private readonly _listComponent;
+    private readonly _bottomSheetRef;
+    private _selectedKeys;
+    constructor();
+    ngAfterViewInit(): void;
+    onSelectionChange(keys: Set<string | number>): void;
+    dismiss(): void;
+    confirm(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDataPickerSheetComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDataPickerSheetComponent<any>, "cmat-data-picker-sheet", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Dialog传递的数据
+ */
+interface DataPickerDialogData<T = any> {
+    dataProvider: DataPickerProvider<T>;
+    columns: DataPickerColumn[];
+    keyField: string;
+    multiple: boolean;
+    searchable: boolean;
+    pageSize: number;
+    initialSelection?: T[];
+}
+declare class CmatDataPickerDialogComponent<T = any> implements AfterViewInit {
+    readonly data: DataPickerDialogData<T>;
+    readonly title: _angular_core.Signal<"选择多项" | "选择一项">;
+    private readonly _listComponent;
+    private readonly _dialogRef;
+    private _selectedKeys;
+    constructor();
+    ngAfterViewInit(): void;
+    onSelectionChange(keys: Set<string | number>): void;
+    dismiss(): void;
+    confirm(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDataPickerDialogComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDataPickerDialogComponent<any>, "cmat-data-picker-dialog", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Drawer传递的数据
+ */
+interface DataPickerDrawerData<T = any> {
+    dataProvider: DataPickerProvider<T>;
+    columns: DataPickerColumn[];
+    keyField: string;
+    multiple: boolean;
+    searchable: boolean;
+    pageSize: number;
+    initialSelection?: T[];
+    onConfirm?: (items: T | T[] | null) => void;
+    onClose?: () => void;
+}
+declare class CmatDataPickerDrawerComponent<T = any> implements AfterViewInit {
+    data: DataPickerDrawerData<T>;
+    readonly title: _angular_core.Signal<"选择多项" | "选择一项">;
+    private readonly _listComponent;
+    private _selectedKeys;
+    ngAfterViewInit(): void;
+    onSelectionChange(keys: Set<string | number>): void;
+    dismiss(): void;
+    confirm(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDataPickerDrawerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDataPickerDrawerComponent<any>, "cmat-data-picker-drawer", never, {}, {}, never, never, true, never>;
+}
+
+declare class CmatDataPickerComponent<T = any> implements MatFormFieldControl<T | T[]>, ControlValueAccessor, OnInit, OnDestroy {
+    readonly id: string;
+    readonly stateChanges: Subject<void>;
+    controlType: string;
+    userAriaDescribedBy?: string;
+    ngControl: NgControl;
+    readonly apiUrl: _angular_core.InputSignal<string | undefined>;
+    readonly dataSource: _angular_core.InputSignal<DataSourceConfig<any> | undefined>;
+    readonly dataProvider: _angular_core.InputSignal<DataPickerProvider<T> | undefined>;
+    readonly columns: _angular_core.InputSignal<DataPickerColumn[]>;
+    readonly keyField: _angular_core.InputSignal<string>;
+    readonly labelField: _angular_core.InputSignal<string>;
+    readonly displayTemplate: _angular_core.InputSignal<string | undefined>;
+    readonly displayLabelFn: _angular_core.InputSignal<((item: T) => string) | undefined>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly debounceTime: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly uiMode: _angular_core.InputSignal<"auto" | "drawer" | "dialog" | "bottom-sheet">;
+    readonly drawerPosition: _angular_core.InputSignal<"start" | "end">;
+    readonly drawerWidth: _angular_core.InputSignal<string>;
+    readonly dialogWidth: _angular_core.InputSignal<string>;
+    readonly dialogMaxHeight: _angular_core.InputSignal<string>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<T | T[]>;
+    readonly selectedItems: _angular_core.WritableSignal<Map<string | number, T>>;
+    private readonly _placeholderSignal;
+    private readonly _disabledSignal;
+    private readonly _requiredSignal;
+    private readonly _focusedSignal;
+    private readonly _valueSignal;
+    private _formField;
+    private readonly _overlay;
+    private readonly _bottomSheet;
+    private readonly _dialog;
+    private readonly _cmatMediaWatcherService;
+    private readonly _elementRef;
+    readonly isHandSet: _angular_core.Signal<boolean>;
+    constructor();
+    get appearanceIsFill(): boolean;
+    get focused(): boolean;
+    get empty(): boolean;
+    get errorState(): boolean;
+    get shouldLabelFloat(): boolean;
+    get placeholder(): string;
+    set placeholder(value: string);
+    get value(): T | T[] | null;
+    set value(val: T | T[] | null);
+    get required(): boolean;
+    set required(value: BooleanInput);
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    writeValue(value: T | T[] | null): void;
+    registerOnChange(fn: (value: T | T[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Open picker
+     */
+    openPicker(): void;
+    removeItem(item: T): void;
+    hasValue(): boolean;
+    getDisplayLabel(item: T): string;
+    /**
+     * Get selected items array
+     */
+    getSelectedArray(): T[];
+    /**
+     * Handle focus event
+     */
+    onFocusIn(): void;
+    /**
+     * Handle blur event
+     */
+    onFocusOut(): void;
+    /**
+     * Resolve UI mode
+     */
+    private resolveUIMode;
+    /**
+     * Get picker data
+     */
+    private getPickerData;
+    /**
+     * Open BottomSheet
+     */
+    private openBottomSheet;
+    /**
+     * Open Dialog
+     */
+    private openDialog;
+    /**
+     * Open Drawer
+     */
+    private openDrawer;
+    /**
+     * Update selection
+     */
+    private updateSelection;
+    /**
+     * Format template string
+     * 支持两种格式：
+     * 1. Mustache 风格: {{name}} ({{department}})
+     * 2. 模板字符串风格: ${name} (${department})
+     */
+    private formatTemplate;
+    private _onChange;
+    private _onTouched;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDataPickerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDataPickerComponent<any>, "cmat-data-picker", never, { "apiUrl": { "alias": "apiUrl"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "labelField": { "alias": "labelField"; "required": false; "isSignal": true; }; "displayTemplate": { "alias": "displayTemplate"; "required": false; "isSignal": true; }; "displayLabelFn": { "alias": "displayLabelFn"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "uiMode": { "alias": "uiMode"; "required": false; "isSignal": true; }; "drawerPosition": { "alias": "drawerPosition"; "required": false; "isSignal": true; }; "drawerWidth": { "alias": "drawerWidth"; "required": false; "isSignal": true; }; "dialogWidth": { "alias": "dialogWidth"; "required": false; "isSignal": true; }; "dialogMaxHeight": { "alias": "dialogMaxHeight"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+export { CmatDataPickerComponent, CmatDataPickerDialogComponent, CmatDataPickerDrawerComponent, CmatDataPickerListComponent, CmatDataPickerSheetComponent, HttpDataPickerProvider, createHttpDataProvider };
+export type { DataPickerColumn, DataPickerDialogData, DataPickerDrawerData, DataPickerProvider, DataPickerQuery, DataPickerSheetData, DataSourceConfig, PagedResult };

package/types/cmat-components-date-range.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { MatCalendarCellCssClasses } from '@angular/material/datepicker';
 import { Dayjs } from 'dayjs';
@@ -20,47 +20,40 @@ interface DateRangeDisplayValue {
     endTime: string | null;
 }
 declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    controlClass: string;
-    initData: boolean;
-    readonly rangeChanged: EventEmitter<{
+    readonly controlClass: _angular_core.InputSignal<string>;
+    readonly dateFormat: _angular_core.InputSignal<string>;
+    readonly timeFormat: _angular_core.InputSignalWithTransform<string, string>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly timeRange: _angular_core.InputSignal<boolean>;
+    readonly range: _angular_core.InputSignal<DateRangeInputValue | null>;
+    readonly rangeChanged: _angular_core.OutputEmitterRef<{
         start: string;
         end: string;
     }>;
-    private _matMonthView1;
-    private _matMonthView2;
-    private _pickerPanelOrigin;
-    private _pickerPanel;
-    activeDates: {
+    readonly activeDates: _angular_core.WritableSignal<{
         month1: Dayjs;
         month2: Dayjs;
-    };
-    readonly refreshVersion: i0.WritableSignal<number>;
-    setWhichDate: 'start' | 'end';
+    }>;
+    readonly setWhichDate: _angular_core.WritableSignal<"start" | "end">;
     startTimeFormControl: FormControl;
     endTimeFormControl: FormControl;
-    private _overlay;
-    private _viewContainerRef;
+    readonly rangeDisplay: _angular_core.Signal<DateRangeDisplayValue | undefined>;
+    readonly dateClassFn: _angular_core.Signal<(date: Dayjs) => MatCalendarCellCssClasses>;
+    readonly dateFilterFn: _angular_core.Signal<(date: Dayjs) => boolean>;
+    private readonly _matMonthView1;
+    private readonly _matMonthView2;
+    private readonly _pickerPanelOrigin;
+    private readonly _pickerPanel;
+    private readonly _overlay;
+    private readonly _viewContainerRef;
     private _overlayRef;
-    private _dateFormat;
-    private _onChange;
-    private _onTouched;
+    private readonly _range;
     private _programmaticChange;
-    private _range;
-    private _timeFormat;
-    private _timeRange;
-    private _readonly;
+    private _rangeInputFirstRun;
+    private _timeRangeFirstRun;
+    private _emittingChange;
     private readonly _timeRegExp;
     constructor();
-    get readonly(): boolean;
-    set readonly(value: boolean);
-    get dateFormat(): string;
-    set dateFormat(value: string);
-    get timeFormat(): string;
-    set timeFormat(value: string);
-    get timeRange(): boolean;
-    set timeRange(value: boolean);
-    get range(): DateRangeDisplayValue | undefined;
-    set range(value: DateRangeInputValue | null);
     registerOnChange(fn: (value: DateRangeOutputValue) => void): void;
     registerOnTouched(fn: () => void): void;
     writeValue(range: DateRangeInputValue | null): void;
@@ -68,17 +61,19 @@ declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, On
     ngOnDestroy(): void;
     openPickerPanel(): void;
     getMonthLabel(month: number): string;
-    dateClass(): (date: Dayjs) => MatCalendarCellCssClasses;
-    dateFilter(): (date: Dayjs) => boolean;
+    onActiveDateChange(month: number, date: Dayjs): void;
     onSelectedDateChange(date: Dayjs | null): void;
     prev(): void;
     next(): void;
     updateStartTime(event: Event): void;
     updateEndTime(event: Event): void;
+    private _onChange;
+    private _onTouched;
+    private _setRangeFromInput;
     private _init;
     private _parseTime;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateRangeComponent, "cmat-date-range", ["cmatDateRange"], { "controlClass": { "alias": "controlClass"; "required": false; }; "initData": { "alias": "initData"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeRange": { "alias": "timeRange"; "required": false; }; "range": { "alias": "range"; "required": false; }; }, { "rangeChanged": "rangeChanged"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDateRangeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDateRangeComponent, "cmat-date-range", ["cmatDateRange"], { "controlClass": { "alias": "controlClass"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "timeRange": { "alias": "timeRange"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; }, { "rangeChanged": "rangeChanged"; }, never, never, true, never>;
 }
 
 export { CmatDateRangeComponent };

package/types/cmat-components-date-time-display.d.ts

@@ -1,13 +1,13 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 declare class CmatDateTimeDisplayComponent {
-    value: string | number | Date | null | undefined;
-    format: string;
-    timezone: string;
-    prefix: string;
-    emptyText: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateTimeDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateTimeDisplayComponent, "cmat-date-time-display", never, { "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, never, never, true, never>;
+    readonly value: _angular_core.InputSignal<string | number | Date | null | undefined>;
+    readonly format: _angular_core.InputSignal<string>;
+    readonly timezone: _angular_core.InputSignal<string>;
+    readonly prefix: _angular_core.InputSignal<string>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDateTimeDisplayComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDateTimeDisplayComponent, "cmat-date-time-display", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CmatDateTimeDisplayComponent };

package/types/cmat-components-drawer.d.ts

@@ -1,44 +1,43 @@
-import * as i0 from '@angular/core';
-import { OnChanges, OnInit, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 
 type CmatDrawerMode = 'over' | 'side';
 type CmatDrawerPosition = 'left' | 'right';
 
-declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
-    static ngAcceptInputType_fixed: BooleanInput;
-    static ngAcceptInputType_opened: BooleanInput;
-    static ngAcceptInputType_transparentOverlay: BooleanInput;
-    fixed: boolean;
-    mode: CmatDrawerMode;
-    name: string;
-    opened: boolean;
-    position: CmatDrawerPosition;
-    transparentOverlay: boolean;
-    readonly fixedChanged: EventEmitter<boolean>;
-    readonly modeChanged: EventEmitter<CmatDrawerMode>;
-    readonly openedChanged: EventEmitter<boolean>;
-    readonly positionChanged: EventEmitter<CmatDrawerPosition>;
-    readonly refreshVersion: i0.WritableSignal<number>;
-    private _elementRef;
-    private _renderer2;
-    private _cmatDrawerService;
-    private _animationsEnabled;
-    private _hovered;
+declare class CmatDrawerComponent implements OnInit, OnDestroy {
+    readonly refreshVersion: _angular_core.WritableSignal<number>;
+    readonly fixed: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly mode: _angular_core.InputSignal<CmatDrawerMode>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly opened: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly position: _angular_core.InputSignal<CmatDrawerPosition>;
+    readonly transparentOverlay: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly fixedChanged: _angular_core.OutputEmitterRef<boolean>;
+    readonly modeChanged: _angular_core.OutputEmitterRef<CmatDrawerMode>;
+    readonly openedChanged: _angular_core.OutputEmitterRef<boolean>;
+    readonly positionChanged: _angular_core.OutputEmitterRef<CmatDrawerPosition>;
+    private readonly _utilsService;
+    private readonly _elementRef;
+    private readonly _renderer2;
+    private readonly _cmatDrawerService;
+    private readonly _resolvedName;
+    private readonly _animationsEnabled;
+    private readonly _hovered;
     private _overlay;
     private _overlayClickDestroyFn;
     private _overlayLeaveTimeoutId;
     private _modeChangeTimeoutId;
-    get classList(): Record<string, boolean>;
-    get styleList(): Record<string, string>;
-    onMouseenter(): void;
-    onMouseleave(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     open(): void;
     close(): void;
     toggle(): void;
+    onMouseenter(): void;
+    onMouseleave(): void;
+    private _handleModeChange;
+    private _toggleOpened;
     private _removeOverlayElement;
     private _cleanupOverlay;
     private _clearOverlayLeaveTimeout;
@@ -46,9 +45,8 @@ declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
     private _disableAnimations;
     private _showOverlay;
     private _hideOverlay;
-    private _toggleOpened;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDrawerComponent, "cmat-drawer", ["cmatDrawer"], { "fixed": { "alias": "fixed"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transparentOverlay": { "alias": "transparentOverlay"; "required": false; }; }, { "fixedChanged": "fixedChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDrawerComponent, "cmat-drawer", ["cmatDrawer"], { "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "transparentOverlay": { "alias": "transparentOverlay"; "required": false; "isSignal": true; }; }, { "fixedChanged": "fixedChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["*"], true, never>;
 }
 
 declare class CmatDrawerService {
@@ -56,8 +54,8 @@ declare class CmatDrawerService {
     registerComponent(name: string, component: CmatDrawerComponent): void;
     deregisterComponent(name: string): void;
     getComponent(name: string): CmatDrawerComponent | void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDrawerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CmatDrawerService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDrawerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CmatDrawerService>;
 }
 
 export { CmatDrawerComponent, CmatDrawerService };

package/types/cmat-components-empty-state.d.ts

@@ -1,16 +1,15 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 declare class CmatEmptyStateComponent {
-    icon: string;
-    title: string;
-    description: string;
-    ctaLabel: string;
-    ctaDisabled: boolean;
-    ctaClick: EventEmitter<void>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly ctaLabel: _angular_core.InputSignal<string>;
+    readonly ctaDisabled: _angular_core.InputSignal<boolean>;
+    readonly ctaClick: _angular_core.OutputEmitterRef<void>;
     emitAction(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatEmptyStateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatEmptyStateComponent, "cmat-empty-state", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; }; "ctaDisabled": { "alias": "ctaDisabled"; "required": false; }; }, { "ctaClick": "ctaClick"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatEmptyStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatEmptyStateComponent, "cmat-empty-state", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaDisabled": { "alias": "ctaDisabled"; "required": false; "isSignal": true; }; }, { "ctaClick": "ctaClick"; }, never, never, true, never>;
 }
 
 export { CmatEmptyStateComponent };

package/types/cmat-components-file-preview.d.ts

@@ -1,14 +1,14 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 declare class CmatFilePreviewComponent {
-    name: string;
-    description: string;
-    fileType: string;
-    size: string;
-    src: string;
-    previewImage: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFilePreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFilePreviewComponent, "cmat-file-preview", never, { "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "fileType": { "alias": "fileType"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "previewImage": { "alias": "previewImage"; "required": false; }; }, {}, never, never, true, never>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly fileType: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string>;
+    readonly previewImage: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatFilePreviewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatFilePreviewComponent, "cmat-file-preview", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "fileType": { "alias": "fileType"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "previewImage": { "alias": "previewImage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CmatFilePreviewComponent };