@sdcorejs/angular 19.0.3 → 19.0.5

package/forms/select/src/select.component.d.ts

@@ -15,6 +15,14 @@ export declare class SdSelect<T extends object | string | number = Record<string
     selectRef: Signal<MatSelect | undefined>;
     sdLabelTemplate: Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: Signal<TemplateRef<any> | undefined>;
+    /**
+     * Custom render for the SELECTED value shown in the editable trigger (`<mat-select-trigger>`).
+     * Distinct from `#sdValue`/`sdViewDef` which only drive the read-only `viewed`/`inline` face.
+     * Context: `{ $implicit, item, items: selectedItems(), display, multiple }` — `item`/`$implicit`
+     * is the single selected item object (single mode) or the selected-item array (multiple mode).
+     * Falls back to the plain `display` text when not projected, so existing usages are unaffected.
+     */
+    sdSelectedTemplate: Signal<TemplateRef<any> | undefined>;
     itemDef: Signal<SdItemDefDefDirective<any> | undefined>;
     sdViewDef: Signal<SdViewDefDirective<any, any> | undefined>;
     /**
@@ -107,5 +115,5 @@ export declare class SdSelect<T extends object | string | number = Record<string
     open: () => void;
     onOpenedChange: (isOpened: boolean) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSelect<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect<any>, "sd-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "minWidthPanel": { "alias": "minWidthPanel"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdLabelTemplate", "sdValueTemplate", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect<any>, "sd-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "minWidthPanel": { "alias": "minWidthPanel"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSelectedTemplate", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdcorejs/angular",
-  "version": "19.0.3",
+  "version": "19.0.5",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
@@ -33,14 +33,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/sdcorejs-angular.mjs"
     },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-components.mjs"
-    },
     "./configurations": {
       "types": "./configurations/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-configurations.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "default": "./fesm2022/sdcorejs-angular-components.mjs"
+    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-directives.mjs"
@@ -157,6 +157,10 @@
       "types": "./components/operator/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-operator.mjs"
     },
+    "./components/org-chart": {
+      "types": "./components/org-chart/index.d.ts",
+      "default": "./fesm2022/sdcorejs-angular-components-org-chart.mjs"
+    },
     "./components/preview": {
       "types": "./components/preview/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-preview.mjs"
@@ -201,6 +205,10 @@
       "types": "./components/table/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-table.mjs"
     },
+    "./components/tree": {
+      "types": "./components/tree/index.d.ts",
+      "default": "./fesm2022/sdcorejs-angular-components-tree.mjs"
+    },
     "./components/upload-file": {
       "types": "./components/upload-file/index.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-upload-file.mjs"

package/services/notify/src/components/toast/toast.component.d.ts

@@ -1,16 +1,27 @@
 import { OnInit, OnDestroy } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import { ToastData } from '../../notify.model';
 import { SdNotifyService } from '../../notify.service';
 import * as i0 from "@angular/core";
 export declare class ToastComponent implements OnInit, OnDestroy {
     private notifyService;
+    private sanitizer;
     data: ToastData;
     isExpanded: import("@angular/core").WritableSignal<boolean>;
     readonly MAX_SHOW = 2;
     private timer;
     private start;
     private remaining;
-    constructor(notifyService: SdNotifyService);
+    constructor(notifyService: SdNotifyService, sanitizer: DomSanitizer);
+    /**
+     * Sanitize HTML tường minh trước khi render qua `[innerHTML]` — strip
+     * `<script>`, event handler (`on*`), `javascript:` URL. Chỉ chạy ở nhánh
+     * `data.html === true`; nhánh mặc định render text (auto-escape) nên không
+     * có sink này. // why: phơi rõ việc sanitize cho review/scanner bảo mật.
+     */
+    sanitizeHtml(value: string): string;
+    /** Message ở dạng chuỗi đơn (chỉ dùng khi !isMultiMessage). */
+    get singleMessage(): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
     pauseTimer(): void;

package/services/notify/src/notify.model.d.ts

@@ -7,10 +7,27 @@ export interface ToastData {
     duration: number;
     actionLabel?: string;
     onAction?: () => void;
+    /**
+     * Render `message` dưới dạng HTML thay vì text.
+     * - `false` (mặc định): message render dạng TEXT (auto-escape) — an toàn tuyệt đối.
+     * - `true`: message render dạng HTML, đã được `DomSanitizer.sanitize(HTML)`
+     *   (strip `<script>`, event handler, `javascript:` URL). CHỈ dùng cho markup
+     *   TIN CẬY (do dev tự viết); KHÔNG truyền data người dùng vào đây.
+     */
+    html?: boolean;
 }
 export interface NotifyOption {
     duration?: number;
     title?: string;
     actionLabel?: string;
+    /**
+     * Callback khi bấm nút action — do APP tự cung cấp (không phải input không tin cậy).
+     * Chỉ được gọi khi user bấm `actionLabel`.
+     */
     onAction?: () => void;
+    /**
+     * Render message dạng HTML đã sanitize (mặc định `false` = text an toàn).
+     * Chỉ dùng cho markup tin cậy. Xem `ToastData.html`.
+     */
+    html?: boolean;
 }