@sd-angular/core 19.0.0-beta.39 → 19.0.0-beta.40

package/components/badge/src/badge.component.d.ts

@@ -1,27 +1,85 @@
 import { EventEmitter } from '@angular/core';
 import { SdColor, SdSize } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
+export type SdBadgeType = 'tag' | 'round' | 'icon';
 export declare class SdBadge {
     defaultIcon: string;
-    type: 'tag' | 'round' | 'icon';
-    set _type(type: 'tag' | 'round' | 'icon' | undefined | null);
-    color: SdColor;
-    set _color(color: SdColor | undefined | null);
-    set primary(value: boolean | '');
-    set secondary(value: boolean | '');
-    set success(value: boolean | '' | undefined | null);
-    set info(value: boolean | '' | undefined | null);
-    set warning(value: boolean | '' | undefined | null);
-    set error(value: boolean | '' | undefined | null);
-    fontSet: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
-    set _fontSet(fontSet: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | undefined | null);
-    title: string | number | undefined | null;
-    description: string | undefined | null;
-    tooltip: string | undefined | null;
-    icon: string | undefined | null;
-    size: SdSize;
-    sdClick: EventEmitter<any>;
+    type: import("@angular/core").InputSignalWithTransform<SdBadgeType, SdBadgeType | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<SdColor, SdColor | null | undefined>;
+    primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    success: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    info: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    warning: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    error: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    title: import("@angular/core").InputSignal<string | number | null | undefined>;
+    description: import("@angular/core").InputSignal<string | null | undefined>;
+    tooltip: import("@angular/core").InputSignal<string | null | undefined>;
+    icon: import("@angular/core").InputSignal<string | null | undefined>;
+    size: import("@angular/core").InputSignalWithTransform<SdSize, SdSize | null | undefined>;
+    click: EventEmitter<Event>;
     onClick: (event: Event) => void;
+    effectiveColor: import("@angular/core").Signal<SdColor>;
+    baseColorClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-secondary': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+    }>;
+    iconColorClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-black400': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+    }>;
+    iconSizeAndFontClasses: import("@angular/core").Signal<{
+        'c-xs': boolean;
+        'c-sm': boolean;
+        'c-md': boolean;
+        'c-lg': boolean;
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
+    tagIconCombinedClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-secondary': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+        'c-xs': boolean;
+        'c-sm': boolean;
+        'c-md': boolean;
+        'c-lg': boolean;
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
+    iconCombinedClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-black400': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+        'c-xs': boolean;
+        'c-sm': boolean;
+        'c-md': boolean;
+        'c-lg': boolean;
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "_type": { "alias": "type"; "required": false; }; "_color": { "alias": "color"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "success": { "alias": "success"; "required": false; }; "info": { "alias": "info"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "error": { "alias": "error"; "required": false; }; "_fontSet": { "alias": "fontSet"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "sdClick": "sdClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
 }

package/components/button/src/button.component.d.ts

@@ -1,8 +1,7 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdColor } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet, SdColor } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
-export type SdButtonFontSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | 'material-symbols-outlined';
 export type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
 export type SdButtonSize = 'sm' | 'md' | 'lg';
 export declare class SdButton extends SdBaseSecureComponent implements OnInit, OnDestroy {
@@ -12,7 +11,7 @@ export declare class SdButton extends SdBaseSecureComponent implements OnInit, O
     type: import("@angular/core").InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
     color: import("@angular/core").InputSignalWithTransform<SdColor, SdColor | null | undefined>;
     size: import("@angular/core").InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
-    fontSet: import("@angular/core").InputSignalWithTransform<SdButtonFontSet, SdButtonFontSet | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | null | undefined>;
     width: import("@angular/core").InputSignal<string | null | undefined>;
     tooltip: import("@angular/core").InputSignal<string | null | undefined>;

package/components/table/src/models/table-column.model.d.ts

@@ -1,11 +1,20 @@
 import { TemplateRef } from '@angular/core';
 import { SdBadge } from '@sd-angular/core/components/badge';
 import { SdSearch } from '@sd-angular/core/forms';
-import { SdColor, SdNestedKeyOf, SdOperator } from '@sd-angular/core/utilities';
+import { SdNestedKeyOf, SdOperator } from '@sd-angular/core/utilities';
+import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 export type SdTableColumn<T = any> = SdTableColumnText<T> | SdTableColumnNumber<T> | SdTableColumnBool<T> | SdTableColumnDate<T> | SdTableColumnValues<T> | SdTableColumnLazyValues<T> | SdTableColumnChildren<T>;
 export type SdTableColumnTransformFunc<T = any> = (value: any, rowData: T, args?: {
     isExport?: boolean;
 }) => string | Promise<string>;
+interface Badge {
+    type?: SdUnwrapSignal<SdBadge['type']>;
+    color?: SdUnwrapSignal<SdBadge['color']>;
+    icon?: SdUnwrapSignal<SdBadge['icon']>;
+    title?: SdUnwrapSignal<SdBadge['title']>;
+}
+type UseBadgeFunc<T = any> = (value: any, rowData: T) => Badge;
+type UseBadgeValuesFunc<T = any, K = any> = (value: any, rowData: T, items: K[]) => Badge;
 interface SdTableColumnBase<T = any> {
     title: string;
     titleHtml?: string;
@@ -17,12 +26,6 @@ interface SdTableColumnBase<T = any> {
     invisible?: boolean;
     fixed?: boolean;
     align?: 'right';
-    useBadge?: (value: any, rowData: T) => {
-        type?: SdBadge['type'];
-        color?: SdBadge['color'];
-        icon?: SdBadge['icon'];
-        title?: SdBadge['title'];
-    };
     cellStyle?: (value: any, rowData: T) => Record<string, string>;
     htmlTemplate?: (value: any, rowData: T) => string;
     transform?: SdTableColumnTransformFunc<T>;
@@ -47,16 +50,12 @@ interface SdTableColumnBase<T = any> {
 interface SdTableColumnText<T = any> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;
     type: 'string';
-    badge?: (value: any, rowData: T) => SdColor;
-    badgeIcon?: (value: any, rowData: T) => string;
-    badgeType?: SdBadge['type'];
+    useBadge?: UseBadgeFunc<T>;
 }
 interface SdTableColumnNumber<T = any> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;
     type: 'number';
-    badge?: (value: any, rowData: T) => SdColor;
-    badgeIcon?: (value: any, rowData: T) => string;
-    badgeType?: SdBadge['type'];
+    useBadge?: UseBadgeFunc<T>;
     filter?: SdTableColumnBase['filter'] & {
         type?: 'split-number';
     };
@@ -64,6 +63,7 @@ interface SdTableColumnNumber<T = any> extends SdTableColumnBase<T> {
 interface SdTableColumnBool<T = any> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;
     type: 'boolean';
+    useBadge?: UseBadgeFunc<T>;
     option?: {
         displayOnTrue?: string;
         displayOnFalse?: string;
@@ -72,31 +72,31 @@ interface SdTableColumnBool<T = any> extends SdTableColumnBase<T> {
 interface SdTableColumnDate<T = any> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;
     type: 'date' | 'datetime' | 'time';
+    useBadge?: UseBadgeFunc<T>;
     filter?: SdTableColumnBase['filter'] & {
         type?: 'daterange' | 'date' | 'split-date';
     };
 }
-export interface SdTableColumnValues<T = any> extends SdTableColumnBase<T> {
+export interface SdTableColumnValues<T = any, K = Record<string, any>> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;
     type: 'values';
-    badge?: (value: any, rowData: T) => SdColor;
-    badgeIcon?: (value: any, rowData: T) => string;
-    badgeType?: SdBadge['type'];
+    useBadge?: UseBadgeValuesFunc<T, K>;
     option: {
-        valueField: string;
-        displayField: string;
-        items: any[] | (() => Promise<any[]>);
-        selection?: 'AUTOCOMPLETE' | 'MULTIPLE' | 'MULTIPLEAUTOCOMPLETE';
+        items: K[] | (() => Promise<K[]>);
+        valueField: Extract<keyof K, string>;
+        displayField: Extract<keyof K, string>;
+        selection?: 'MULTIPLE';
     };
 }
-export interface SdTableColumnLazyValues<T = any> extends SdTableColumnBase<T> {
+export interface SdTableColumnLazyValues<T = any, K = Record<string, any>> extends SdTableColumnBase<T> {
     field: SdNestedKeyOf<T>;
     type: 'lazy-values';
+    useBadge?: UseBadgeFunc<T>;
     option: {
-        valueField: string;
-        displayField: string;
-        items: SdSearch;
-        views?: (values: string[]) => Promise<any[]>;
+        items: SdSearch<K>;
+        valueField: Extract<keyof K, string>;
+        displayField: Extract<keyof K, string>;
+        views?: (values: string[]) => Promise<K[]>;
         mapValue?: (value: any, rowData?: T) => string | string[];
         selection?: 'MULTIPLE';
     };

package/components/table/src/models/table-command.model.d.ts

@@ -1,4 +1,4 @@
-import { SdColor } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet, SdColor } from '@sd-angular/core/utilities/models';
 export interface SdTableCommandOption<T = any> {
     align?: 'left' | 'right';
     commands?: SdTableCommand<T>[];
@@ -7,7 +7,7 @@ export type SdTableCommand<T = any> = SdTableCommandNormal<T> | SdTableCommandCh
 export interface SdTableCommandNormal<T = any> {
     color?: SdColor;
     icon?: string | ((rowData: T) => string);
-    fontSet?: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
+    fontSet?: MaterialIconFontSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);
@@ -16,7 +16,7 @@ export interface SdTableCommandNormal<T = any> {
 }
 export interface SdTableCommandChildren<T = any> {
     icon?: string | ((rowData: T) => string);
-    fontSet?: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
+    fontSet?: MaterialIconFontSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);

package/components/table/src/models/table-item.model.d.ts

@@ -1,4 +1,5 @@
 import { SdBadge } from '@sd-angular/core/components/badge';
+import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 export interface SdTableMetaSelector {
     selectable?: boolean;
     isSelected?: boolean;
@@ -12,10 +13,10 @@ export interface SdTableMetaExpand {
 export interface SdTableDisplay {
     tooltip?: string;
     badge?: {
-        type: SdBadge['type'] | undefined | null;
-        color: SdBadge['color'] | undefined | null;
-        icon?: string | undefined | null;
-        title?: string | number | null | undefined;
+        type: SdUnwrapSignal<SdBadge['type']>;
+        color: SdUnwrapSignal<SdBadge['color']>;
+        icon?: SdUnwrapSignal<SdBadge['icon']>;
+        title?: SdUnwrapSignal<SdBadge['title']>;
     };
     cellStyle?: Record<string, string>;
     data: string | number | undefined | null;

package/components/table/src/table.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { MatPaginator, MatPaginatorIntl } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { MatTable } from '@angular/material/table';
@@ -43,53 +43,51 @@ export declare class SdTable<T = unknown> extends SdBaseSecureComponent implemen
     private excelService;
     private notifyService;
     private gridFilterService;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    table?: MatTable<any>;
-    configComponent?: ConfigComponent;
-    sdPopupExport?: SdPopupExport;
-    scroll?: SdScrollDirective;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    option: import("@angular/core").InputSignal<SdTableOption<T>>;
+    table: import("@angular/core").Signal<MatTable<any> | undefined>;
+    configComponent: import("@angular/core").Signal<ConfigComponent | undefined>;
+    sdPopupExport: import("@angular/core").Signal<SdPopupExport | undefined>;
+    scroll: import("@angular/core").Signal<SdScrollDirective | undefined>;
+    quickAction: import("@angular/core").Signal<SdQuickAction | undefined>;
+    externalFilter: import("@angular/core").Signal<ExternalFilterComponent | undefined>;
+    paginator: import("@angular/core").Signal<MatPaginator | undefined>;
+    sort: import("@angular/core").Signal<MatSort | undefined>;
+    sdSubInformation: import("@angular/core").Signal<SdMaterialSubInformationDefDirective | undefined>;
+    sdCellDefs: import("@angular/core").Signal<readonly SdTabelCellDefDirective[]>;
+    sdFooterDefs: import("@angular/core").Signal<readonly SdMaterialFooterDefDirective[]>;
+    sdFilterDefs: import("@angular/core").Signal<readonly SdTableFilterDefDirective[]>;
+    cellDef: import("@angular/core").Signal<Record<string, SdTabelCellDefDirective>>;
+    footerDef: import("@angular/core").Signal<Record<string, SdMaterialFooterDefDirective>>;
+    hasFooter: import("@angular/core").Signal<boolean>;
+    tableOption: import("@angular/core").WritableSignal<SdTableOption<T> | undefined>;
+    configuration: import("@angular/core").WritableSignal<ConfiguredTableResult | undefined>;
+    items: import("@angular/core").WritableSignal<SdTableItem<T>[]>;
+    selectedTableItems: import("@angular/core").WritableSignal<SdTableItem<T>[]>;
+    total: import("@angular/core").WritableSignal<number | undefined>;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    exporting: import("@angular/core").WritableSignal<boolean>;
+    isSelectAll: import("@angular/core").WritableSignal<boolean>;
+    exportTitle: import("@angular/core").WritableSignal<string>;
+    isFiltered: import("@angular/core").WritableSignal<boolean>;
+    requireFiltered: import("@angular/core").WritableSignal<boolean>;
     filterRegister: TableFilterRegister;
     key: string;
-    quickAction?: SdQuickAction;
-    externalFilter?: ExternalFilterComponent;
-    tableOption: SdTableOption<T>;
-    configuration?: ConfiguredTableResult;
-    set option(option: SdTableOption);
-    items: SdTableItem<T>[];
-    selectedTableItems: SdTableItem<T>[];
-    total?: number;
-    loading: boolean;
-    isHiddenPaginator: boolean;
-    set paginator(paginator: MatPaginator);
-    set sort(sort: MatSort);
-    sdSubInformation?: SdMaterialSubInformationDefDirective;
-    sdCellDefs: QueryList<SdTabelCellDefDirective>;
-    cellDef: Record<string, SdTabelCellDefDirective>;
-    sdFooterDefs: QueryList<SdMaterialFooterDefDirective>;
-    footerDef: Record<string, SdMaterialFooterDefDirective>;
-    hasFooter: boolean;
-    sdFilterDefs: QueryList<SdTableFilterDefDirective>;
-    filterDefs: SdTableFilterDefDirective[];
     columnOperator: Record<string, SdOperator>;
     columnFilter?: Record<string, any>;
-    exporting: boolean;
-    isSelectAll: boolean;
-    exportTitle: string;
     cacheValues: Record<string, any[]>;
     constructor(ref: ChangeDetectorRef, formatNumberPipe: SdFormatNumberPipe, tableConfiguration: ISdTableConfiguration | undefined, configService: ConfigService, excelService: SdExcelService, notifyService: SdNotifyService, gridFilterService: SdTableFilterService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    isFiltered: boolean;
-    requireFiltered: boolean;
     reload: (force?: boolean, scrollTop?: boolean) => Promise<void>;
     onExport: (args?: {
         columns?: SdExcelColumn[];
         isCSV?: boolean;
     }) => Promise<void>;
-    exportExcel: () => void;
-    exportCSV: () => void;
+    exportExcel: () => Promise<void>;
+    exportCSV: () => Promise<void>;
     exportCustom: () => void;
     onFilterChange: () => void;
     onExpand: (rowData: SdTableItem<T>) => Promise<void>;
@@ -107,5 +105,5 @@ export declare class SdTable<T = unknown> extends SdBaseSecureComponent implemen
     onOperatorChange: (column: SdTableColumn, operator: SdOperator) => void;
     trackBy: (index: number, item: SdTableItem) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTable<any>, [null, null, { optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTable<any>, "sd-table", never, { "_autoId": { "alias": "autoId"; "required": false; }; "option": { "alias": "option"; "required": false; }; }, {}, ["sdSubInformation", "sdCellDefs", "sdFooterDefs", "sdFilterDefs"], ["[sdTableTop]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTable<any>, "sd-table", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": true; "isSignal": true; }; }, {}, ["sdSubInformation", "sdCellDefs", "sdFooterDefs", "sdFilterDefs"], ["[sdTableTop]"], true, never>;
 }