@sd-angular/core 19.0.0-beta.95 → 19.0.0-beta.96

package/README.md

@@ -189,7 +189,7 @@ import { SdButton } from '@sd-angular/core/components/button';
 | Input | Type | Default | Description |
 |---|---|---|---|
 | `type` | `'fill' \| 'light' \| 'outline' \| 'link'` | `'light'` | Kiểu nút |
-| `color` | `SdColor` | `'secondary'` | Màu sắc |
+| `color` | `Color` | `'secondary'` | Màu sắc |
 | `size` | `'sm' \| 'md' \| 'lg'` | `'sm'` | Kích thước |
 | `title` | `string` | — | Nhãn nút |
 | `prefixIcon` | `string` | — | Icon Material trước text |
@@ -221,10 +221,10 @@ import { SdBadge } from '@sd-angular/core/components/badge';
 | Input | Type | Default | Description |
 |---|---|---|---|
 | `type` | `'tag' \| 'round' \| 'icon'` | `'icon'` | Kiểu badge |
-| `color` | `SdColor` | `'secondary'` | Màu sắc |
+| `color` | `Color` | `'secondary'` | Màu sắc |
 | `title` | `string \| number` | — | Nội dung hiển thị |
 | `icon` | `string` | — | Icon Material |
-| `size` | `SdSize` | `'sm'` | Kích thước |
+| `size` | `Size` | `'sm'` | Kích thước |
 | `tooltip` | `string` | — | Tooltip |
 
 Shorthand color inputs (boolean): `primary`, `secondary`, `success`, `info`, `warning`, `error`.
@@ -250,7 +250,7 @@ import { SdSection } from '@sd-angular/core/components/section';
 | `title` | `string` | *required* | Tiêu đề section |
 | `subTitle` | `string` | — | Tiêu đề phụ |
 | `icon` | `string` | — | Icon Material |
-| `iconColor` | `SdColor` | `'primary'` | Màu icon |
+| `iconColor` | `Color` | `'primary'` | Màu icon |
 | `collapsable` | `boolean` | `false` | Cho phép thu gọn |
 | `collapsed` | `boolean` | `false` | Trạng thái ban đầu thu gọn |
 | `hideHeader` | `boolean` | `false` | Ẩn phần header |
@@ -278,7 +278,7 @@ import { SdModal } from '@sd-angular/core/components/modal';
 | Input | Type | Default | Description |
 |---|---|---|---|
 | `title` | `string` | — | Tiêu đề modal |
-| `color` | `SdColor` | `'primary'` | Màu header |
+| `color` | `Color` | `'primary'` | Màu header |
 | `width` | `'sx' \| 'sm' \| 'md' \| 'lg' \| string` | `'md'` | Độ rộng (md = 60vw) |
 | `height` | `string` | `'auto'` | Chiều cao |
 | `view` | `'dialog' \| 'bottom-sheet'` | auto | Tự động bottom-sheet trên mobile |
@@ -406,7 +406,6 @@ import { SdAvatar } from '@sd-angular/core/components/avatar';
 | `SdHistory` | `@sd-angular/core/components/history` | Lịch sử thay đổi |
 | `SdImportExcel` | `@sd-angular/core/components/import-excel` | Wizard import Excel |
 | `SdQueryBuilder` | `@sd-angular/core/components/query-builder` | Visual query builder |
-| `SdWorkflow` | `@sd-angular/core/components/workflow` | Workflow builder |
 | `SdCodeEditor` | `@sd-angular/core/components/code-editor` | Code editor (PrismJS) |
 | `SdMiniEditor` | `@sd-angular/core/components/mini-editor` | Rich text editor nhỏ |
 | `SdDocumentBuilder` | `@sd-angular/core/components/document-builder` | Document builder |
@@ -654,7 +653,7 @@ export * from './src/my-component.component';
 // my-component.component.ts
 import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdColor } from '@sd-angular/core/utilities';
+import { Color } from '@sd-angular/core/utilities';
 
 @Component({
   selector: 'sd-my-component',
@@ -665,7 +664,7 @@ import { SdColor } from '@sd-angular/core/utilities';
   imports: [],
 })
 export class SdMyComponent extends SdBaseSecureComponent {
-  color = input<SdColor, SdColor | undefined | null>('primary', {
+  color = input<Color, Color | undefined | null>('primary', {
     transform: (value) => value || 'primary',
   });
 
@@ -691,7 +690,7 @@ export * from '@sd-angular/core/components/my-component';
 | Base class | Extend `SdBaseSecureComponent` cho component có permission |
 | Change detection | Luôn dùng `ChangeDetectionStrategy.OnPush` |
 | Standalone | Luôn `standalone: true` |
-| Colors | Dùng `SdColor` type, không hardcode màu |
+| Colors | Dùng `Color` type, không hardcode màu |
 
 ### Build
 

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

@@ -1,12 +1,11 @@
 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: import("@angular/core").InputSignalWithTransform<SdBadgeType, SdBadgeType | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<SdColor, SdColor | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
     primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     success: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -18,10 +17,10 @@ export declare class SdBadge {
     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>;
+    size: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Size, import("@sdcorejs/utils/models").Size | null | undefined>;
     click: EventEmitter<Event>;
     onClick: (event: Event) => void;
-    effectiveColor: import("@angular/core").Signal<SdColor>;
+    effectiveColor: import("@angular/core").Signal<import("@sdcorejs/utils/models").Color>;
     baseColorClasses: import("@angular/core").Signal<{
         'c-primary': boolean;
         'c-secondary': boolean;

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

@@ -1,6 +1,6 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { MaterialIconFontSet, SdColor } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
 export type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
 export type SdButtonSize = 'sm' | 'md' | 'lg';
@@ -10,7 +10,7 @@ export declare class SdButton extends SdBaseSecureComponent implements OnInit, O
     private el;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     type: import("@angular/core").InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<SdColor, SdColor | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
     size: import("@angular/core").InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
     fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | null | undefined>;

package/components/index.d.ts

@@ -8,9 +8,7 @@ export * from '@sd-angular/core/components/table';
 export * from '@sd-angular/core/components/quick-action';
 export * from '@sd-angular/core/components/upload-file';
 export * from '@sd-angular/core/components/section';
-export * from '@sd-angular/core/components/workflow';
 export * from '@sd-angular/core/components/anchor';
-export * from '@sd-angular/core/components/anchor-v2';
 export * from '@sd-angular/core/components/query-builder';
 export * from '@sd-angular/core/components/import-excel';
 export * from '@sd-angular/core/components/document-builder';

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

@@ -1,5 +1,4 @@
 import { ElementRef, TemplateRef } from '@angular/core';
-import { SdColor } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
 export declare class SdModal {
     #private;
@@ -10,7 +9,7 @@ export declare class SdModal {
     readonly autoId: import("@angular/core").Signal<string | undefined>;
     readonly closeButtonAutoId: import("@angular/core").Signal<string | undefined>;
     title: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<SdColor, SdColor | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
     width: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
     height: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
     view: import("@angular/core").InputSignalWithTransform<"dialog" | "bottom-sheet" | undefined, "dialog" | "bottom-sheet" | null | undefined>;

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

@@ -1,12 +1,11 @@
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdColor } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
 export declare class SdSection extends SdBaseSecureComponent {
     #private;
     title: import("@angular/core").InputSignal<string | null | undefined>;
     subTitle: import("@angular/core").InputSignal<string | null | undefined>;
     icon: import("@angular/core").InputSignal<string | null | undefined>;
-    iconColor: import("@angular/core").InputSignal<SdColor>;
+    iconColor: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Color>;
     collapsed: import("@angular/core").ModelSignal<boolean>;
     collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hideHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

package/components/table/src/components/column-filter/column-filter.component.d.ts

@@ -12,12 +12,12 @@ export declare class ColumnFilterComponent implements OnInit, OnDestroy {
     _value(value: any): void;
     inlineSymbol: string;
     set _inlineOperator(inlineOperator: SdOperator);
-    inlineOperatorChange: EventEmitter<SdOperator>;
-    operatorChange: EventEmitter<SdOperator>;
+    inlineOperatorChange: EventEmitter<import("@sdcorejs/utils/models").Operator>;
+    operatorChange: EventEmitter<import("@sdcorejs/utils/models").Operator>;
     columnFilter: Record<string, any>;
     set _columnFilter(columnFilter: Record<string, any>);
     operators: {
-        value: SdOperator;
+        value: import("@sdcorejs/utils/models").Operator;
         symbol?: string;
         display: string;
     }[];