@sd-angular/core 19.0.0-beta.71 → 19.0.0-beta.73

package/components/chart/index.d.ts

@@ -0,0 +1,4 @@
+export * from './src/bar-chart.component';
+export * from './src/line-chart.component';
+export * from './src/pie-chart.component';
+export * from './src/doughnut-chart.component';

package/components/chart/src/bar-chart.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdBarChartComponent implements OnInit, OnDestroy {
+    canvas: ElementRef<HTMLCanvasElement>;
+    data: import("@angular/core").InputSignal<ChartData<"bar", (number | [number, number] | null)[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"bar"> & import("chart.js").ElementChartOptions<"bar"> & import("chart.js").PluginChartOptions<"bar"> & import("chart.js").DatasetChartOptions<"bar"> & import("chart.js").ScaleChartOptions<"bar"> & import("chart.js").BarControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"bar", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    scrollable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    minWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    chart: Chart<'bar'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    getMinWidth(): number;
+    private initChart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdBarChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBarChartComponent, "sd-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/chart/src/doughnut-chart.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdDoughnutChartComponent implements OnInit, OnDestroy {
+    canvas: ElementRef<HTMLCanvasElement>;
+    data: import("@angular/core").InputSignal<ChartData<"doughnut", number[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"doughnut"> & import("chart.js").ElementChartOptions<"doughnut"> & import("chart.js").PluginChartOptions<"doughnut"> & import("chart.js").DatasetChartOptions<"doughnut"> & import("chart.js").ScaleChartOptions<"doughnut"> & import("chart.js").DoughnutControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"doughnut", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    chart: Chart<'doughnut'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initChart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDoughnutChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDoughnutChartComponent, "sd-doughnut-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/chart/src/line-chart.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdLineChartComponent implements OnInit, OnDestroy {
+    canvas: ElementRef<HTMLCanvasElement>;
+    data: import("@angular/core").InputSignal<ChartData<"line", (number | import("chart.js").Point | null)[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"line"> & import("chart.js").ElementChartOptions<"line"> & import("chart.js").PluginChartOptions<"line"> & import("chart.js").DatasetChartOptions<"line"> & import("chart.js").ScaleChartOptions<"line"> & import("chart.js").LineControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"line", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    chart: Chart<'line'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initChart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLineChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdLineChartComponent, "sd-line-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/chart/src/pie-chart.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdPieChartComponent implements OnInit, OnDestroy {
+    canvas: ElementRef<HTMLCanvasElement>;
+    data: import("@angular/core").InputSignal<ChartData<"pie", number[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"pie"> & import("chart.js").ElementChartOptions<"pie"> & import("chart.js").PluginChartOptions<"pie"> & import("chart.js").DatasetChartOptions<"pie"> & import("chart.js").ScaleChartOptions<"pie"> & import("chart.js").DoughnutControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"pie", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    chart: Chart<'pie'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initChart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPieChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPieChartComponent, "sd-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/index.d.ts

@@ -17,3 +17,4 @@ export * from '@sd-angular/core/components/document-builder';
 export * from '@sd-angular/core/components/mini-editor';
 export * from '@sd-angular/core/components/view';
 export * from '@sd-angular/core/components/code-editor';
+export * from '@sd-angular/core/components/chart';

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

@@ -11,7 +11,7 @@ export declare class SdModal {
     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>;
-    modalClass: import("@angular/core").InputSignalWithTransform<string | Record<string, boolean> | string[], string | Record<string, boolean> | string[] | null | undefined>;
+    modalClass: import("@angular/core").InputSignalWithTransform<string | string[] | Record<string, boolean>, string | string[] | Record<string, boolean> | null | undefined>;
     lazyLoadContent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     sdClosed: import("@angular/core").OutputEmitterRef<void>;
     isOpened: import("@angular/core").WritableSignal<boolean>;

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

@@ -3,9 +3,9 @@ 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>;
-    subTitle: import("@angular/core").InputSignal<string>;
-    icon: import("@angular/core").InputSignal<string | null>;
+    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>;
     collapsed: import("@angular/core").ModelSignal<boolean>;
     collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

package/components/upload-file/src/configurations/upload-file.configuration.d.ts

@@ -1,17 +1,50 @@
 import { InjectionToken } from '@angular/core';
+/**
+ * Contract cấu hình cho cơ chế upload file của sd-angular.
+ *
+ * Cách dùng phổ biến:
+ * - Portal có thể provide cấu hình mặc định ở tầng global.
+ * - Mỗi module có thể provide thêm cấu hình riêng (thường với `multi: true`).
+ * - Khi có nhiều cấu hình cùng lúc, dùng `key` để chọn đúng provider.
+ *
+ * Luồng xử lý:
+ * 1) `upload`: upload file mới, trả về danh sách id/key.
+ * 2) `details`: lấy metadata để render danh sách file từ id/key.
+ * 3) `download` (optional): tải file theo id/key.
+ */
 export interface ISdUploadFileConfiguration<TArgs = any> {
+    /**
+     * Định danh cấu hình upload.
+     * Bắt buộc khi app có nhiều provider upload để tránh mapping nhầm.
+     */
+    key?: string;
+    /** Upload file và trả về danh sách id/key dùng cho lưu trữ. */
     upload: SdUploadFileFuncUpload<TArgs>;
+    /** Nhận danh sách id/key và trả về dữ liệu hiển thị file trong UI. */
     details: SdUploadFileFuncDetails<TArgs>;
+    /** Tùy chọn: tải file về theo id/key. */
     download?: SdUploadFileFuncDownload<TArgs>;
 }
+/**
+ * Token DI cho upload configuration.
+ * Khuyến nghị provide dạng `multi: true` để hỗ trợ nhiều nguồn upload trong cùng app/module.
+ */
 export declare const SD_UPLOAD_FILE_CONFIGURATION: InjectionToken<ISdUploadFileConfiguration<any>>;
+/** Hàm upload file và trả về danh sách id/key tương ứng. */
 export type SdUploadFileFuncUpload<TArgs> = (files: File[], args?: TArgs) => Promise<string[]>;
+/** Hàm lấy thông tin file phục vụ hiển thị từ danh sách id/key. */
 export type SdUploadFileFuncDetails<TArgs> = (idOrKey: (string | number)[], args?: TArgs) => Promise<SdUploadFileDetail[]>;
+/** Hàm tải file theo id/key. */
 export type SdUploadFileFuncDownload<TArgs> = (idOrKey: string | number, args?: TArgs) => Promise<void>;
 export interface SdUploadFileDetail {
+    /** Định danh file được backend trả về sau upload. */
     idOrKey: string;
+    /** URL truy cập file (CDN hoặc direct URL). */
     cdn: string;
+    /** Tên hiển thị file. */
     name?: string;
+    /** Đuôi file: png, jpg, pdf... */
     extension?: string;
+    /** Dung lượng file tính theo MB (nếu backend có trả về). */
     size?: number;
 }

package/components/upload-file/src/upload-file.component.d.ts

@@ -4,7 +4,7 @@ import { FormGroup } from '@angular/forms';
 import { SdLabelDefDirective } from '@sd-angular/core/forms/directives';
 import { SdFormControl } from '@sd-angular/core/forms/models';
 import { PreviewComponent } from './components/preview/preview.component';
-import { SdUploadFileFuncDetails } from './configurations';
+import { SdUploadFileFuncDownload, SdUploadFileFuncDetails, SdUploadFileFuncUpload } from './configurations';
 import { PreviewFile } from './services';
 import * as i0 from "@angular/core";
 export declare class SdUploadFile<TArgs = any> {
@@ -18,11 +18,14 @@ export declare class SdUploadFile<TArgs = any> {
     readonly sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
     readonly args: import("@angular/core").InputSignal<TArgs | undefined>;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly key: import("@angular/core").InputSignal<string | undefined>;
     readonly description: import("@angular/core").InputSignal<string | undefined>;
     readonly previewWidth: import("@angular/core").InputSignal<string>;
     readonly previewHeight: import("@angular/core").InputSignal<string>;
     readonly align: import("@angular/core").InputSignal<"left" | "center">;
+    readonly uploadInput: import("@angular/core").InputSignal<SdUploadFileFuncUpload<any> | undefined>;
     readonly details: import("@angular/core").InputSignal<SdUploadFileFuncDetails<any> | undefined>;
+    readonly downloadInput: import("@angular/core").InputSignal<SdUploadFileFuncDownload<any> | undefined>;
     readonly imageValidator: import("@angular/core").InputSignal<((image: HTMLImageElement) => string) | undefined>;
     readonly maxSize: import("@angular/core").InputSignal<number | undefined>;
     readonly maxWidth: import("@angular/core").InputSignal<number | undefined>;
@@ -72,5 +75,5 @@ export declare class SdUploadFile<TArgs = any> {
     onDownload: (previewFile: PreviewFile) => void;
     isLastVisibleOverlay(fileIndex: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdUploadFile<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdUploadFile<any>, "sd-upload-file", never, { "args": { "alias": "args"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "previewHeight": { "alias": "previewHeight"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "details": { "alias": "details"; "required": false; "isSignal": true; }; "imageValidator": { "alias": "imageValidator"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "scaleToPixel": { "alias": "scaleToPixel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "nameInput": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "maxOfImage": { "alias": "maxOfImage"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "filesChanged": "filesChanged"; "model": "modelChange"; }, ["sdLabelDef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdUploadFile<any>, "sd-upload-file", never, { "args": { "alias": "args"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "previewHeight": { "alias": "previewHeight"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "uploadInput": { "alias": "upload"; "required": false; "isSignal": true; }; "details": { "alias": "details"; "required": false; "isSignal": true; }; "downloadInput": { "alias": "download"; "required": false; "isSignal": true; }; "imageValidator": { "alias": "imageValidator"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "scaleToPixel": { "alias": "scaleToPixel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "nameInput": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "maxOfImage": { "alias": "maxOfImage"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "filesChanged": "filesChanged"; "model": "modelChange"; }, ["sdLabelDef"], never, true, never>;
 }

package/components/workflow/src/models/form-generic-expression.model.d.ts

@@ -69,5 +69,6 @@ export declare const AttributeOperators: Record<Attribute['type'], {
 }[]>;
 export declare const GetAttributes: (components: (SdFormGenericComponent | SdFormGenericGroup)[]) => Attribute[];
 export declare const TemplateToCondition: (template: string | undefined | null, entity: Record<string, any>) => string | undefined;
+export declare const EvaluateExpression: (condition: SdFormGenericExpression | SdFormGenericExpressionCondition, entity: Record<string, any>) => boolean | undefined;
 export declare const ExpressionToJavascriptExpression: (condition: SdFormGenericExpression | SdFormGenericExpressionCondition) => string | undefined;
 export {};

package/components/workflow/src/pipes/html.pipe.d.ts

@@ -1,11 +1,11 @@
 import { PipeTransform } from '@angular/core';
-import { SdSafeHtmlPipe } from '@sd-angular/core/pipes';
+import { DomSanitizer } from '@angular/platform-browser';
 import { SdFormGenericHtml } from '../models';
 import * as i0 from "@angular/core";
 export declare class HtmlPipe implements PipeTransform {
-    private readonly htmlSafePipe;
-    constructor(htmlSafePipe: SdSafeHtmlPipe);
-    transform: (hashed: string | undefined | null, content: string, component: SdFormGenericHtml) => import("@angular/platform-browser").SafeHtml | undefined;
+    private readonly sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform: (hashed: string | undefined | null, content: string, component: SdFormGenericHtml) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<HtmlPipe, "htmlPipe", true>;
 }

package/fesm2022/sd-angular-core-components-chart.mjs

@@ -0,0 +1,284 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, numberAttribute, effect, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Chart, registerables } from 'chart.js';
+
+Chart.register(...registerables);
+class SdBarChartComponent {
+    canvas;
+    data = input.required();
+    options = input();
+    plugins = input([]);
+    scrollable = input(false, { transform: booleanAttribute });
+    minWidth = input(800, { transform: numberAttribute });
+    chart;
+    constructor() {
+        effect(() => {
+            const currentData = this.data();
+            const currentOptions = this.options();
+            if (this.chart) {
+                this.chart.data = currentData;
+                if (currentOptions) {
+                    this.chart.options = currentOptions;
+                }
+                this.chart.update();
+            }
+        });
+    }
+    ngOnInit() {
+        this.initChart();
+    }
+    ngOnDestroy() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+    }
+    getMinWidth() {
+        return this.minWidth();
+    }
+    initChart() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+        const ctx = this.canvas.nativeElement.getContext('2d');
+        if (ctx) {
+            this.chart = new Chart(ctx, {
+                type: 'bar',
+                data: this.data(),
+                options: this.options() || {},
+                plugins: this.plugins(),
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: SdBarChartComponent, isStandalone: true, selector: "sd-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }], ngImport: i0, template: `
+    <div [style.overflow-x]="scrollable() ? 'auto' : 'visible'" style="width: 100%; height: 100%;">
+      <div [style.height]="'100%'" [style.min-width.px]="scrollable() ? getMinWidth() : null" style="position: relative;">
+        <canvas #canvas></canvas>
+      </div>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdBarChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sd-bar-chart',
+                    template: `
+    <div [style.overflow-x]="scrollable() ? 'auto' : 'visible'" style="width: 100%; height: 100%;">
+      <div [style.height]="'100%'" [style.min-width.px]="scrollable() ? getMinWidth() : null" style="position: relative;">
+        <canvas #canvas></canvas>
+      </div>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { canvas: [{
+                type: ViewChild,
+                args: ['canvas', { static: true }]
+            }] } });
+
+Chart.register(...registerables);
+2;
+class SdLineChartComponent {
+    canvas;
+    data = input.required();
+    options = input();
+    plugins = input([]);
+    chart;
+    constructor() {
+        effect(() => {
+            const currentData = this.data();
+            const currentOptions = this.options();
+            if (this.chart) {
+                this.chart.data = currentData;
+                if (currentOptions) {
+                    this.chart.options = currentOptions;
+                }
+                this.chart.update();
+            }
+        });
+    }
+    ngOnInit() {
+        this.initChart();
+    }
+    ngOnDestroy() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+    }
+    initChart() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+        const ctx = this.canvas.nativeElement.getContext('2d');
+        if (ctx) {
+            this.chart = new Chart(ctx, {
+                type: 'line',
+                data: this.data(),
+                options: this.options() || {},
+                plugins: this.plugins(),
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: SdLineChartComponent, isStandalone: true, selector: "sd-line-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }], ngImport: i0, template: `
+    <div style="position: relative; height: 100%; width: 100%;">
+      <canvas #canvas></canvas>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdLineChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sd-line-chart',
+                    template: `
+    <div style="position: relative; height: 100%; width: 100%;">
+      <canvas #canvas></canvas>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { canvas: [{
+                type: ViewChild,
+                args: ['canvas', { static: true }]
+            }] } });
+
+Chart.register(...registerables);
+class SdPieChartComponent {
+    canvas;
+    data = input.required();
+    options = input();
+    plugins = input([]);
+    chart;
+    constructor() {
+        effect(() => {
+            const currentData = this.data();
+            const currentOptions = this.options();
+            if (this.chart) {
+                this.chart.data = currentData;
+                if (currentOptions) {
+                    this.chart.options = currentOptions;
+                }
+                this.chart.update();
+            }
+        });
+    }
+    ngOnInit() {
+        this.initChart();
+    }
+    ngOnDestroy() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+    }
+    initChart() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+        const ctx = this.canvas.nativeElement.getContext('2d');
+        if (ctx) {
+            this.chart = new Chart(ctx, {
+                type: 'pie',
+                data: this.data(),
+                options: this.options() || {},
+                plugins: this.plugins(),
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdPieChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: SdPieChartComponent, isStandalone: true, selector: "sd-pie-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }], ngImport: i0, template: `
+    <div style="position: relative; height: 100%; width: 100%;">
+      <canvas #canvas></canvas>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdPieChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sd-pie-chart',
+                    template: `
+    <div style="position: relative; height: 100%; width: 100%;">
+      <canvas #canvas></canvas>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { canvas: [{
+                type: ViewChild,
+                args: ['canvas', { static: true }]
+            }] } });
+
+Chart.register(...registerables);
+class SdDoughnutChartComponent {
+    canvas;
+    data = input.required();
+    options = input();
+    plugins = input([]);
+    chart;
+    constructor() {
+        effect(() => {
+            const currentData = this.data();
+            const currentOptions = this.options();
+            if (this.chart) {
+                this.chart.data = currentData;
+                if (currentOptions) {
+                    this.chart.options = currentOptions;
+                }
+                this.chart.update();
+            }
+        });
+    }
+    ngOnInit() {
+        this.initChart();
+    }
+    ngOnDestroy() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+    }
+    initChart() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+        const ctx = this.canvas.nativeElement.getContext('2d');
+        if (ctx) {
+            this.chart = new Chart(ctx, {
+                type: 'doughnut',
+                data: this.data(),
+                options: this.options() || {},
+                plugins: this.plugins(),
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdDoughnutChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: SdDoughnutChartComponent, isStandalone: true, selector: "sd-doughnut-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }], ngImport: i0, template: `
+    <div style="position: relative; height: 100%; width: 100%;">
+      <canvas #canvas></canvas>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdDoughnutChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sd-doughnut-chart',
+                    template: `
+    <div style="position: relative; height: 100%; width: 100%;">
+      <canvas #canvas></canvas>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { canvas: [{
+                type: ViewChild,
+                args: ['canvas', { static: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdBarChartComponent, SdDoughnutChartComponent, SdLineChartComponent, SdPieChartComponent };
+//# sourceMappingURL=sd-angular-core-components-chart.mjs.map

package/fesm2022/sd-angular-core-components-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-components-chart.mjs","sources":["../../../projects/sd-angular/components/chart/src/bar-chart.component.ts","../../../projects/sd-angular/components/chart/src/line-chart.component.ts","../../../projects/sd-angular/components/chart/src/pie-chart.component.ts","../../../projects/sd-angular/components/chart/src/doughnut-chart.component.ts","../../../projects/sd-angular/components/chart/sd-angular-core-components-chart.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, ViewChild, booleanAttribute, effect, input, numberAttribute } from '@angular/core';\r\nimport { Chart, ChartData, ChartOptions, Plugin, registerables } from 'chart.js';\r\n\r\nChart.register(...registerables);\r\n\r\n@Component({\r\n  selector: 'sd-bar-chart',\r\n  template: `\r\n    <div [style.overflow-x]=\"scrollable() ? 'auto' : 'visible'\" style=\"width: 100%; height: 100%;\">\r\n      <div [style.height]=\"'100%'\" [style.min-width.px]=\"scrollable() ? getMinWidth() : null\" style=\"position: relative;\">\r\n        <canvas #canvas></canvas>\r\n      </div>\r\n    </div>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SdBarChartComponent implements OnInit, OnDestroy {\r\n  @ViewChild('canvas', { static: true }) canvas!: ElementRef<HTMLCanvasElement>;\r\n\r\n  data = input.required<ChartData<'bar'>>();\r\n  options = input<ChartOptions<'bar'>>();\r\n  plugins = input<Plugin<'bar'>[]>([]);\r\n\r\n  scrollable = input(false, { transform: booleanAttribute });\r\n  minWidth = input(800, { transform: numberAttribute });\r\n\r\n  chart: Chart<'bar'> | undefined;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const currentData = this.data();\r\n      const currentOptions = this.options();\r\n      \r\n      if (this.chart) {\r\n        this.chart.data = currentData as any;\r\n        if (currentOptions) {\r\n          this.chart.options = currentOptions;\r\n        }\r\n        this.chart.update();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.initChart();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n  }\r\n\r\n  getMinWidth(): number {\r\n    return this.minWidth();\r\n  }\r\n\r\n  private initChart() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n    const ctx = this.canvas.nativeElement.getContext('2d');\r\n    if (ctx) {\r\n      this.chart = new Chart(ctx, {\r\n        type: 'bar',\r\n        data: this.data() as any,\r\n        options: this.options() || {},\r\n        plugins: this.plugins(),\r\n      });\r\n    }\r\n  }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, ViewChild, effect, input } from '@angular/core';\r\nimport { Chart, ChartData, ChartOptions, Plugin, registerables } from 'chart.js';\r\n\r\nChart.register(...registerables);\r\n2\r\n@Component({\r\n  selector: 'sd-line-chart',\r\n  template: `\r\n    <div style=\"position: relative; height: 100%; width: 100%;\">\r\n      <canvas #canvas></canvas>\r\n    </div>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SdLineChartComponent implements OnInit, OnDestroy {\r\n  @ViewChild('canvas', { static: true }) canvas!: ElementRef<HTMLCanvasElement>;\r\n\r\n  data = input.required<ChartData<'line'>>();\r\n  options = input<ChartOptions<'line'>>();\r\n  plugins = input<Plugin<'line'>[]>([]);\r\n\r\n  chart: Chart<'line'> | undefined;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const currentData = this.data();\r\n      const currentOptions = this.options();\r\n      \r\n      if (this.chart) {\r\n        this.chart.data = currentData;\r\n        if (currentOptions) {\r\n          this.chart.options = currentOptions;\r\n        }\r\n        this.chart.update();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.initChart();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n  }\r\n\r\n  private initChart() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n    const ctx = this.canvas.nativeElement.getContext('2d');\r\n    if (ctx) {\r\n      this.chart = new Chart(ctx, {\r\n        type: 'line',\r\n        data: this.data(),\r\n        options: this.options() || {},\r\n        plugins: this.plugins(),\r\n      });\r\n    }\r\n  }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, ViewChild, effect, input } from '@angular/core';\r\nimport { Chart, ChartData, ChartOptions, Plugin, registerables } from 'chart.js';\r\n\r\nChart.register(...registerables);\r\n\r\n@Component({\r\n  selector: 'sd-pie-chart',\r\n  template: `\r\n    <div style=\"position: relative; height: 100%; width: 100%;\">\r\n      <canvas #canvas></canvas>\r\n    </div>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SdPieChartComponent implements OnInit, OnDestroy {\r\n  @ViewChild('canvas', { static: true }) canvas!: ElementRef<HTMLCanvasElement>;\r\n\r\n  data = input.required<ChartData<'pie'>>();\r\n  options = input<ChartOptions<'pie'>>();\r\n  plugins = input<Plugin<'pie'>[]>([]);\r\n\r\n  chart: Chart<'pie'> | undefined;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const currentData = this.data();\r\n      const currentOptions = this.options();\r\n      \r\n      if (this.chart) {\r\n        this.chart.data = currentData;\r\n        if (currentOptions) {\r\n          this.chart.options = currentOptions;\r\n        }\r\n        this.chart.update();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.initChart();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n  }\r\n\r\n  private initChart() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n    const ctx = this.canvas.nativeElement.getContext('2d');\r\n    if (ctx) {\r\n      this.chart = new Chart(ctx, {\r\n        type: 'pie',\r\n        data: this.data(),\r\n        options: this.options() || {},\r\n        plugins: this.plugins(),\r\n      });\r\n    }\r\n  }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, ViewChild, effect, input } from '@angular/core';\r\nimport { Chart, ChartData, ChartOptions, Plugin, registerables } from 'chart.js';\r\n\r\nChart.register(...registerables);\r\n\r\n@Component({\r\n  selector: 'sd-doughnut-chart',\r\n  template: `\r\n    <div style=\"position: relative; height: 100%; width: 100%;\">\r\n      <canvas #canvas></canvas>\r\n    </div>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SdDoughnutChartComponent implements OnInit, OnDestroy {\r\n  @ViewChild('canvas', { static: true }) canvas!: ElementRef<HTMLCanvasElement>;\r\n\r\n  data = input.required<ChartData<'doughnut'>>();\r\n  options = input<ChartOptions<'doughnut'>>();\r\n  plugins = input<Plugin<'doughnut'>[]>([]);\r\n\r\n  chart: Chart<'doughnut'> | undefined;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const currentData = this.data();\r\n      const currentOptions = this.options();\r\n      \r\n      if (this.chart) {\r\n        this.chart.data = currentData;\r\n        if (currentOptions) {\r\n          this.chart.options = currentOptions;\r\n        }\r\n        this.chart.update();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.initChart();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n  }\r\n\r\n  private initChart() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n    }\r\n    const ctx = this.canvas.nativeElement.getContext('2d');\r\n    if (ctx) {\r\n      this.chart = new Chart(ctx, {\r\n        type: 'doughnut',\r\n        data: this.data(),\r\n        options: this.options() || {},\r\n        plugins: this.plugins(),\r\n      });\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sd-angular-core-components-section.mjs

@@ -7,13 +7,13 @@ import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
 /* eslint-disable @angular-eslint/no-input-rename */
 class SdSection extends SdBaseSecureComponent {
     #el = inject(ElementRef);
-    title = input('', { alias: 'title' });
-    subTitle = input('', { alias: 'subTitle' });
-    icon = input(null, { alias: 'icon' });
+    title = input(undefined);
+    subTitle = input(undefined);
+    icon = input(undefined);
     iconColor = input('primary', { alias: 'iconColor' });
     collapsed = model(false, { alias: 'collapsed' });
-    collapsable = input(false, { transform: booleanAttribute, alias: 'collapsable' });
-    hideHeader = input(false, { transform: booleanAttribute, alias: 'hideHeader' });
+    collapsable = input(false, { transform: booleanAttribute });
+    hideHeader = input(false, { transform: booleanAttribute });
     noPaddingBody = input(false, { transform: booleanAttribute });
     constructor() {
         super();