@sd-angular/core 19.0.3 → 19.0.5

package/fesm2022/sd-angular-core-services-notify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-services-notify.mjs","sources":["../../../projects/sd-angular/services/notify/src/components/toast/toast.component.ts","../../../projects/sd-angular/services/notify/src/components/toast/toast.component.html","../../../projects/sd-angular/services/notify/src/components/toast-container.component.ts","../../../projects/sd-angular/services/notify/src/notify.service.ts","../../../projects/sd-angular/services/notify/sd-angular-core-services-notify.ts"],"sourcesContent":["import { Component, Input, signal, HostListener, OnInit, OnDestroy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport { TranslatePipe } from '@sd-angular/core/i18n';\r\nimport { ToastData } from '../../notify.model';\r\nimport { SdNotifyService } from '../../notify.service';\r\n\r\n@Component({\r\n  selector: 'toast',\r\n  standalone: true,\r\n  imports: [CommonModule, TranslatePipe],\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  animations: [\r\n    trigger('toastAnimation', [\r\n      transition(':enter', [\r\n        style({ transform: 'translateX(100%)', opacity: 0 }),\r\n        animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))\r\n      ]),\r\n      transition(':leave', [\r\n        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))\r\n      ])\r\n    ])\r\n  ],\r\n  host: {\r\n    '[@toastAnimation]': 'true',\r\n    '[class]': '\"bg-white sd-toast\"',\r\n    // E2E hooks đọc bởi sd-autoid-inspector: autoid theo loại + state type/title/message.\r\n    '[attr.data-autoid]': 'autoId',\r\n    '[attr.data-type]': 'data.type',\r\n    '[attr.data-title]': 'data.title ?? null',\r\n    '[attr.data-message]': 'dataMessage'\r\n  }\r\n})\r\nexport class ToastComponent implements OnInit, OnDestroy {\r\n  @Input({ required: true }) data!: ToastData;\r\n  \r\n  isExpanded = signal(false);\r\n  readonly MAX_SHOW = 2;\r\n\r\n  // --- Logic Timer ---\r\n  private timer: any;\r\n  private start!: number;\r\n  private remaining!: number;\r\n\r\n  constructor(private notifyService: SdNotifyService) {}\r\n\r\n  ngOnInit() {\r\n    // Khởi tạo thời gian còn lại bằng duration ban đầu\r\n    this.remaining = this.data.duration;\r\n    // Bắt đầu đếm ngược ngay khi hiện ra\r\n    this.resumeTimer();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    clearTimeout(this.timer);\r\n  }\r\n\r\n  // --- Logic Pause/Resume ---\r\n\r\n  @HostListener('mouseenter')\r\n  pauseTimer() {\r\n    if (this.timer) {\r\n      // Xóa timer hiện tại\r\n      clearTimeout(this.timer);\r\n      this.timer = null;\r\n      // Tính toán thời gian đã trôi qua để trừ đi\r\n      this.remaining -= Date.now() - this.start;\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  resumeTimer() {\r\n    // Chỉ chạy tiếp nếu còn thời gian và timer chưa chạy\r\n    if (this.remaining > 0 && !this.timer) {\r\n      this.start = Date.now();\r\n      this.timer = setTimeout(() => {\r\n        this.close();\r\n      }, this.remaining);\r\n    }\r\n  }\r\n\r\n  // --- Logic cũ ---\r\n\r\n  close() {\r\n    this.notifyService.remove(this.data.id);\r\n  }\r\n\r\n  onActionClick() {\r\n    this.data.onAction?.();\r\n  }\r\n\r\n  toggleExpand() {\r\n    this.isExpanded.update(v => !v);\r\n  }\r\n\r\n  get isMultiMessage(): boolean {\r\n    return Array.isArray(this.data.message);\r\n  }\r\n\r\n  get messages(): string[] {\r\n    return this.data.message as string[];\r\n  }\r\n\r\n  get displayMessages(): string[] {\r\n    const msgs = this.messages;\r\n    if (this.isExpanded()) return msgs;\r\n    return msgs.slice(0, this.MAX_SHOW);\r\n  }\r\n\r\n  get restCount(): number {\r\n    return this.messages.length - this.MAX_SHOW;\r\n  }\r\n\r\n  get hasMore(): boolean {\r\n    return this.isMultiMessage && this.messages.length > this.MAX_SHOW;\r\n  }\r\n\r\n  /** autoid theo loại toast để E2E chọn trực tiếp, vd `services-notify-toast-success`. */\r\n  get autoId(): string {\r\n    return `services-notify-toast-${this.data.type}`;\r\n  }\r\n\r\n  /** Gộp message (mảng nối ' | ') để phơi ra data-message cho E2E. */\r\n  get dataMessage(): string {\r\n    return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;\r\n  }\r\n}","<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">✕</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <div [innerHTML]=\"data.message\"></div>\r\n    } \r\n    @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          <li [innerHTML]=\"'- ' + msg\"></li>\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button type=\"button\" \r\n                class=\"toggle-more btn-link\" \r\n                [class]=\"'text-' + data.type\" \r\n                (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button class=\"btn-action\" \r\n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n              (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>","import { Component, signal, WritableSignal } from '@angular/core';\r\nimport { ToastData } from '../notify.model';\r\nimport { ToastComponent } from './toast/toast.component';\r\n\r\n@Component({\r\n  selector: 'toast-container',\r\n  standalone: true,\r\n  imports: [ToastComponent],\r\n  template: `\r\n    <div class=\"toast-container\">\r\n      @for (toast of toasts(); track toast.id) {\r\n        <toast [data]=\"toast\"> </toast>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: [\r\n    `\r\n      .toast-container {\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n        z-index: 9999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        pointer-events: none; /* Cho phép click xuyên qua vùng trống */\r\n      }\r\n      sd-toast {\r\n        pointer-events: auto; /* Bật lại click cho toast */\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class ToastContainerComponent {\r\n  toasts: WritableSignal<ToastData[]> = signal([]);\r\n}\r\n","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n  ApplicationRef,\r\n  createComponent,\r\n  EnvironmentInjector,\r\n  Inject,\r\n  Injectable,\r\n  signal\r\n} from '@angular/core';\r\nimport { Utilities } from '@sdcorejs/utils/fns';\r\nimport { ToastContainerComponent } from './components/toast-container.component';\r\nimport { NotifyOption, ToastData, ToastType } from './notify.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class SdNotifyService {\r\n  readonly toasts = signal<ToastData[]>([]);\r\n\r\n  // Constants\r\n  readonly #DEBOUNCE_TIME = 500;\r\n  readonly #DEFAULT_SUCCESS_DURATION = 3000;\r\n  readonly #DEFAULT_BUFFERED_DURATION = 5000;\r\n  readonly #MAX_TOASTS = 5;\r\n\r\n  // State\r\n  #buffer: Record<string, string[]> = {};\r\n  #timers: Record<string, ReturnType<typeof setTimeout> | null> = {};\r\n\r\n  constructor(\r\n    private appRef: ApplicationRef,\r\n    private injector: EnvironmentInjector,\r\n    @Inject(DOCUMENT) private document: Document\r\n  ) {\r\n    this.#initContainer();\r\n  }\r\n\r\n  #initContainer() {\r\n    const componentRef = createComponent(ToastContainerComponent, {\r\n      environmentInjector: this.injector,\r\n    });\r\n    componentRef.instance.toasts = this.toasts;\r\n    this.appRef.attachView(componentRef.hostView);\r\n    const domElem = (componentRef.hostView as any).rootNodes[0] as HTMLElement;\r\n    this.document.body.appendChild(domElem);\r\n  }\r\n\r\n  // Public API\r\n  success(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('success', message, option);\r\n  }\r\n\r\n  info(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('info', message, option);\r\n  }\r\n\r\n  warning(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('warning', message, option);\r\n  }\r\n\r\n  error(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('error', message, option);\r\n  }\r\n\r\n  remove(id: string) {\r\n    this.toasts.update((current) => current.filter((t) => t.id !== id));\r\n  }\r\n\r\n  clearAll() {\r\n    this.toasts.set([]);\r\n    this.#clearAllTimers();\r\n  }\r\n\r\n  clearByType(type: ToastType) {\r\n    this.toasts.update((current) => current.filter((t) => t.type !== type));\r\n  }\r\n\r\n  // Private helpers\r\n  #addImmediate(type: ToastType, message: string, option?: NotifyOption) {\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message,\r\n      title: option?.title,\r\n      duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction\r\n    };\r\n\r\n    this.toasts.update((current) => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #addToBuffer(type: ToastType, message: string | string[], option?: NotifyOption) {\r\n    if (!this.#buffer[type]) {\r\n      this.#buffer[type] = [];\r\n    }\r\n    \r\n    const msgs = Array.isArray(message) ? message : [message];\r\n    this.#buffer[type].push(...msgs);\r\n\r\n    // Clear existing timer and set new one\r\n    if (this.#timers[type]) {\r\n      clearTimeout(this.#timers[type]!);\r\n    }\r\n\r\n    this.#timers[type] = setTimeout(() => {\r\n      this.#flushBuffer(type, option);\r\n    }, this.#DEBOUNCE_TIME);\r\n  }\r\n\r\n  #flushBuffer(type: ToastType, option?: NotifyOption) {\r\n    const messages = [...new Set(this.#buffer[type])];\r\n    \r\n    // Cleanup\r\n    this.#buffer[type] = [];\r\n    this.#timers[type] = null;\r\n\r\n    if (messages.length === 0) return;\r\n\r\n    const typeLabel = type === 'error' ? 'Error' : 'Warning';\r\n    const title = option?.title ?? typeLabel;\r\n    const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;\r\n\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message: messages.length === 1 ? messages[0] : messages, \r\n      title: finalTitle,\r\n      duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction\r\n    };\r\n\r\n    this.toasts.update((current) => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #clearAllTimers() {\r\n    Object.values(this.#timers).forEach(timer => {\r\n      if (timer) clearTimeout(timer);\r\n    });\r\n    this.#timers = {};\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SdNotifyService"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-services-notify.mjs","sources":["../../../projects/sd-angular/services/notify/src/components/toast/toast.component.ts","../../../projects/sd-angular/services/notify/src/components/toast/toast.component.html","../../../projects/sd-angular/services/notify/src/components/toast-container.component.ts","../../../projects/sd-angular/services/notify/src/notify.service.ts","../../../projects/sd-angular/services/notify/sd-angular-core-services-notify.ts"],"sourcesContent":["import { Component, Input, signal, HostListener, OnInit, OnDestroy, SecurityContext } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport { TranslatePipe } from '@sd-angular/core/i18n';\r\nimport { ToastData } from '../../notify.model';\r\nimport { SdNotifyService } from '../../notify.service';\r\n\r\n@Component({\r\n  selector: 'toast',\r\n  standalone: true,\r\n  imports: [CommonModule, TranslatePipe],\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  animations: [\r\n    trigger('toastAnimation', [\r\n      transition(':enter', [\r\n        style({ transform: 'translateX(100%)', opacity: 0 }),\r\n        animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))\r\n      ]),\r\n      transition(':leave', [\r\n        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))\r\n      ])\r\n    ])\r\n  ],\r\n  host: {\r\n    '[@toastAnimation]': 'true',\r\n    '[class]': '\"bg-white sd-toast\"',\r\n    // E2E hooks đọc bởi sd-autoid-inspector: autoid theo loại + state type/title/message.\r\n    '[attr.data-autoid]': 'autoId',\r\n    '[attr.data-type]': 'data.type',\r\n    '[attr.data-title]': 'data.title ?? null',\r\n    '[attr.data-message]': 'dataMessage'\r\n  }\r\n})\r\nexport class ToastComponent implements OnInit, OnDestroy {\r\n  @Input({ required: true }) data!: ToastData;\r\n  \r\n  isExpanded = signal(false);\r\n  readonly MAX_SHOW = 2;\r\n\r\n  // --- Logic Timer ---\r\n  private timer: any;\r\n  private start!: number;\r\n  private remaining!: number;\r\n\r\n  constructor(\r\n    private notifyService: SdNotifyService,\r\n    private sanitizer: DomSanitizer\r\n  ) {}\r\n\r\n  /**\r\n   * Sanitize HTML tường minh trước khi render qua `[innerHTML]` — strip\r\n   * `<script>`, event handler (`on*`), `javascript:` URL. Chỉ chạy ở nhánh\r\n   * `data.html === true`; nhánh mặc định render text (auto-escape) nên không\r\n   * có sink này. // why: phơi rõ việc sanitize cho review/scanner bảo mật.\r\n   */\r\n  sanitizeHtml(value: string): string {\r\n    return this.sanitizer.sanitize(SecurityContext.HTML, value) ?? '';\r\n  }\r\n\r\n  /** Message ở dạng chuỗi đơn (chỉ dùng khi !isMultiMessage). */\r\n  get singleMessage(): string {\r\n    return this.data.message as string;\r\n  }\r\n\r\n  ngOnInit() {\r\n    // Khởi tạo thời gian còn lại bằng duration ban đầu\r\n    this.remaining = this.data.duration;\r\n    // Bắt đầu đếm ngược ngay khi hiện ra\r\n    this.resumeTimer();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    clearTimeout(this.timer);\r\n  }\r\n\r\n  // --- Logic Pause/Resume ---\r\n\r\n  @HostListener('mouseenter')\r\n  pauseTimer() {\r\n    if (this.timer) {\r\n      // Xóa timer hiện tại\r\n      clearTimeout(this.timer);\r\n      this.timer = null;\r\n      // Tính toán thời gian đã trôi qua để trừ đi\r\n      this.remaining -= Date.now() - this.start;\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  resumeTimer() {\r\n    // Chỉ chạy tiếp nếu còn thời gian và timer chưa chạy\r\n    if (this.remaining > 0 && !this.timer) {\r\n      this.start = Date.now();\r\n      this.timer = setTimeout(() => {\r\n        this.close();\r\n      }, this.remaining);\r\n    }\r\n  }\r\n\r\n  // --- Logic cũ ---\r\n\r\n  close() {\r\n    this.notifyService.remove(this.data.id);\r\n  }\r\n\r\n  onActionClick() {\r\n    this.data.onAction?.();\r\n  }\r\n\r\n  toggleExpand() {\r\n    this.isExpanded.update(v => !v);\r\n  }\r\n\r\n  get isMultiMessage(): boolean {\r\n    return Array.isArray(this.data.message);\r\n  }\r\n\r\n  get messages(): string[] {\r\n    return this.data.message as string[];\r\n  }\r\n\r\n  get displayMessages(): string[] {\r\n    const msgs = this.messages;\r\n    if (this.isExpanded()) return msgs;\r\n    return msgs.slice(0, this.MAX_SHOW);\r\n  }\r\n\r\n  get restCount(): number {\r\n    return this.messages.length - this.MAX_SHOW;\r\n  }\r\n\r\n  get hasMore(): boolean {\r\n    return this.isMultiMessage && this.messages.length > this.MAX_SHOW;\r\n  }\r\n\r\n  /** autoid theo loại toast để E2E chọn trực tiếp, vd `services-notify-toast-success`. */\r\n  get autoId(): string {\r\n    return `services-notify-toast-${this.data.type}`;\r\n  }\r\n\r\n  /** Gộp message (mảng nối ' | ') để phơi ra data-message cho E2E. */\r\n  get dataMessage(): string {\r\n    return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;\r\n  }\r\n}","<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">✕</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- why: mặc định render TEXT (auto-escape) — an toàn. Chỉ render HTML\r\n           (đã sanitize) khi data.html=true. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    }\r\n    @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button type=\"button\" \r\n                class=\"toggle-more btn-link\" \r\n                [class]=\"'text-' + data.type\" \r\n                (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button class=\"btn-action\" \r\n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n              (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>","import { Component, signal, WritableSignal } from '@angular/core';\r\nimport { ToastData } from '../notify.model';\r\nimport { ToastComponent } from './toast/toast.component';\r\n\r\n@Component({\r\n  selector: 'toast-container',\r\n  standalone: true,\r\n  imports: [ToastComponent],\r\n  template: `\r\n    <div class=\"toast-container\">\r\n      @for (toast of toasts(); track toast.id) {\r\n        <toast [data]=\"toast\"> </toast>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: [\r\n    `\r\n      .toast-container {\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n        z-index: 9999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        pointer-events: none; /* Cho phép click xuyên qua vùng trống */\r\n      }\r\n      sd-toast {\r\n        pointer-events: auto; /* Bật lại click cho toast */\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class ToastContainerComponent {\r\n  toasts: WritableSignal<ToastData[]> = signal([]);\r\n}\r\n","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n  ApplicationRef,\r\n  createComponent,\r\n  EnvironmentInjector,\r\n  Inject,\r\n  Injectable,\r\n  signal\r\n} from '@angular/core';\r\nimport { Utilities } from '@sdcorejs/utils/fns';\r\nimport { ToastContainerComponent } from './components/toast-container.component';\r\nimport { NotifyOption, ToastData, ToastType } from './notify.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class SdNotifyService {\r\n  readonly toasts = signal<ToastData[]>([]);\r\n\r\n  // Constants\r\n  readonly #DEBOUNCE_TIME = 500;\r\n  readonly #DEFAULT_SUCCESS_DURATION = 3000;\r\n  readonly #DEFAULT_BUFFERED_DURATION = 5000;\r\n  readonly #MAX_TOASTS = 5;\r\n\r\n  // State\r\n  #buffer: Record<string, string[]> = {};\r\n  #timers: Record<string, ReturnType<typeof setTimeout> | null> = {};\r\n\r\n  constructor(\r\n    private appRef: ApplicationRef,\r\n    private injector: EnvironmentInjector,\r\n    @Inject(DOCUMENT) private document: Document\r\n  ) {\r\n    this.#initContainer();\r\n  }\r\n\r\n  #initContainer() {\r\n    const componentRef = createComponent(ToastContainerComponent, {\r\n      environmentInjector: this.injector,\r\n    });\r\n    componentRef.instance.toasts = this.toasts;\r\n    this.appRef.attachView(componentRef.hostView);\r\n    const domElem = (componentRef.hostView as any).rootNodes[0] as HTMLElement;\r\n    this.document.body.appendChild(domElem);\r\n  }\r\n\r\n  // Public API\r\n  success(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('success', message, option);\r\n  }\r\n\r\n  info(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('info', message, option);\r\n  }\r\n\r\n  warning(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('warning', message, option);\r\n  }\r\n\r\n  error(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('error', message, option);\r\n  }\r\n\r\n  remove(id: string) {\r\n    this.toasts.update((current) => current.filter((t) => t.id !== id));\r\n  }\r\n\r\n  clearAll() {\r\n    this.toasts.set([]);\r\n    this.#clearAllTimers();\r\n  }\r\n\r\n  clearByType(type: ToastType) {\r\n    this.toasts.update((current) => current.filter((t) => t.type !== type));\r\n  }\r\n\r\n  // Private helpers\r\n  #addImmediate(type: ToastType, message: string, option?: NotifyOption) {\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message,\r\n      title: option?.title,\r\n      duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction,\r\n      html: option?.html\r\n    };\r\n\r\n    this.toasts.update((current) => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #addToBuffer(type: ToastType, message: string | string[], option?: NotifyOption) {\r\n    if (!this.#buffer[type]) {\r\n      this.#buffer[type] = [];\r\n    }\r\n    \r\n    const msgs = Array.isArray(message) ? message : [message];\r\n    this.#buffer[type].push(...msgs);\r\n\r\n    // Clear existing timer and set new one\r\n    if (this.#timers[type]) {\r\n      clearTimeout(this.#timers[type]!);\r\n    }\r\n\r\n    this.#timers[type] = setTimeout(() => {\r\n      this.#flushBuffer(type, option);\r\n    }, this.#DEBOUNCE_TIME);\r\n  }\r\n\r\n  #flushBuffer(type: ToastType, option?: NotifyOption) {\r\n    const messages = [...new Set(this.#buffer[type])];\r\n    \r\n    // Cleanup\r\n    this.#buffer[type] = [];\r\n    this.#timers[type] = null;\r\n\r\n    if (messages.length === 0) return;\r\n\r\n    const typeLabel = type === 'error' ? 'Error' : 'Warning';\r\n    const title = option?.title ?? typeLabel;\r\n    const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;\r\n\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message: messages.length === 1 ? messages[0] : messages, \r\n      title: finalTitle,\r\n      duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction,\r\n      html: option?.html\r\n    };\r\n\r\n    this.toasts.update((current) => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #clearAllTimers() {\r\n    Object.values(this.#timers).forEach(timer => {\r\n      if (timer) clearTimeout(timer);\r\n    });\r\n    this.#timers = {};\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SdNotifyService"],"mappings":"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"}

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": "@sd-angular/core",
-  "version": "19.0.3",
+  "version": "19.0.5",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
@@ -32,14 +32,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/sd-angular-core.mjs"
     },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components.mjs"
-    },
     "./configurations": {
       "types": "./configurations/index.d.ts",
       "default": "./fesm2022/sd-angular-core-configurations.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components.mjs"
+    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/sd-angular-core-directives.mjs"
@@ -64,6 +64,10 @@
       "types": "./models/index.d.ts",
       "default": "./fesm2022/sd-angular-core-models.mjs"
     },
+    "./pipes": {
+      "types": "./pipes/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-pipes.mjs"
+    },
     "./modules": {
       "types": "./modules/index.d.ts",
       "default": "./fesm2022/sd-angular-core-modules.mjs"
@@ -72,14 +76,14 @@
       "types": "./services/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services.mjs"
     },
-    "./pipes": {
-      "types": "./pipes/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-pipes.mjs"
-    },
     "./utilities": {
       "types": "./utilities/index.d.ts",
       "default": "./fesm2022/sd-angular-core-utilities.mjs"
     },
+    "./components/autoid-inspector": {
+      "types": "./components/autoid-inspector/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-autoid-inspector.mjs"
+    },
     "./components/anchor": {
       "types": "./components/anchor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-anchor.mjs"
@@ -88,37 +92,37 @@
       "types": "./components/avatar/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
     },
-    "./components/autoid-inspector": {
-      "types": "./components/autoid-inspector/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-autoid-inspector.mjs"
+    "./components/base": {
+      "types": "./components/base/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-base.mjs"
     },
     "./components/badge": {
       "types": "./components/badge/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-badge.mjs"
     },
-    "./components/base": {
-      "types": "./components/base/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-base.mjs"
+    "./components/chart": {
+      "types": "./components/chart/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-chart.mjs"
     },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-button.mjs"
     },
-    "./components/chart": {
-      "types": "./components/chart/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-chart.mjs"
-    },
-    "./components/ckeditor-styles": {
-      "types": "./components/ckeditor-styles/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-ckeditor-styles.mjs"
+    "./components/document-builder": {
+      "types": "./components/document-builder/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
     },
     "./components/code-editor": {
       "types": "./components/code-editor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-code-editor.mjs"
     },
-    "./components/document-builder": {
-      "types": "./components/document-builder/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
+    "./components/ckeditor-styles": {
+      "types": "./components/ckeditor-styles/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-ckeditor-styles.mjs"
+    },
+    "./components/editor": {
+      "types": "./components/editor/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-editor.mjs"
     },
     "./components/form-generic": {
       "types": "./components/form-generic/index.d.ts",
@@ -128,42 +132,42 @@
       "types": "./components/history/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-history.mjs"
     },
-    "./components/editor": {
-      "types": "./components/editor/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-editor.mjs"
+    "./components/mini-editor": {
+      "types": "./components/mini-editor/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
     },
     "./components/import-excel": {
       "types": "./components/import-excel/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
     },
-    "./components/mini-editor": {
-      "types": "./components/mini-editor/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
-    },
-    "./components/modal-resizable": {
-      "types": "./components/modal-resizable/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-modal-resizable.mjs"
+    "./components/inform": {
+      "types": "./components/inform/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-inform.mjs"
     },
     "./components/operator": {
       "types": "./components/operator/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-operator.mjs"
     },
-    "./components/inform": {
-      "types": "./components/inform/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-inform.mjs"
+    "./components/org-chart": {
+      "types": "./components/org-chart/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-org-chart.mjs"
     },
     "./components/preview": {
       "types": "./components/preview/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-preview.mjs"
     },
-    "./components/query-bar": {
-      "types": "./components/query-bar/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-query-bar.mjs"
+    "./components/modal-resizable": {
+      "types": "./components/modal-resizable/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-modal-resizable.mjs"
     },
     "./components/query-builder": {
       "types": "./components/query-builder/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
     },
+    "./components/query-bar": {
+      "types": "./components/query-bar/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-query-bar.mjs"
+    },
     "./components/quick-action": {
       "types": "./components/quick-action/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
@@ -196,29 +200,29 @@
       "types": "./components/table/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-table.mjs"
     },
-    "./components/upload-file": {
-      "types": "./components/upload-file/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
+    "./components/tree": {
+      "types": "./components/tree/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-tree.mjs"
     },
     "./components/view": {
       "types": "./components/view/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-view.mjs"
     },
+    "./components/upload-file": {
+      "types": "./components/upload-file/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
+    },
     "./forms/autocomplete": {
       "types": "./forms/autocomplete/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-autocomplete.mjs"
     },
-    "./forms/chip": {
-      "types": "./forms/chip/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-chip.mjs"
-    },
     "./forms/checkbox": {
       "types": "./forms/checkbox/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-checkbox.mjs"
     },
-    "./forms/date": {
-      "types": "./forms/date/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-date.mjs"
+    "./forms/chip": {
+      "types": "./forms/chip/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-chip.mjs"
     },
     "./forms/chip-calendar": {
       "types": "./forms/chip-calendar/index.d.ts",
@@ -228,6 +232,14 @@
       "types": "./forms/date-range/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-date-range.mjs"
     },
+    "./forms/date": {
+      "types": "./forms/date/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-date.mjs"
+    },
+    "./forms/datetime": {
+      "types": "./forms/datetime/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-datetime.mjs"
+    },
     "./forms/inline-text": {
       "types": "./forms/inline-text/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-inline-text.mjs"
@@ -236,10 +248,6 @@
       "types": "./forms/directives/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-directives.mjs"
     },
-    "./forms/datetime": {
-      "types": "./forms/datetime/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-datetime.mjs"
-    },
     "./forms/input": {
       "types": "./forms/input/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input.mjs"
@@ -248,6 +256,10 @@
       "types": "./forms/input-color/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input-color.mjs"
     },
+    "./forms/models": {
+      "types": "./forms/models/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-models.mjs"
+    },
     "./forms/input-number": {
       "types": "./forms/input-number/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input-number.mjs"
@@ -256,10 +268,6 @@
       "types": "./forms/label/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-label.mjs"
     },
-    "./forms/models": {
-      "types": "./forms/models/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-models.mjs"
-    },
     "./forms/radio": {
       "types": "./forms/radio/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-radio.mjs"
@@ -312,38 +320,38 @@
       "types": "./services/docx/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-docx.mjs"
     },
-    "./services/excel": {
-      "types": "./services/excel/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-excel.mjs"
-    },
-    "./services/loading": {
-      "types": "./services/loading/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-loading.mjs"
-    },
     "./services/license": {
       "types": "./services/license/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-license.mjs"
     },
+    "./services/excel": {
+      "types": "./services/excel/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-excel.mjs"
+    },
     "./services/notify": {
       "types": "./services/notify/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-notify.mjs"
     },
-    "./services/storage": {
-      "types": "./services/storage/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-storage.mjs"
+    "./services/loading": {
+      "types": "./services/loading/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-loading.mjs"
     },
     "./utilities/data-state": {
       "types": "./utilities/data-state/index.d.ts",
       "default": "./fesm2022/sd-angular-core-utilities-data-state.mjs"
     },
-    "./utilities/extensions": {
-      "types": "./utilities/extensions/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-utilities-extensions.mjs"
+    "./services/storage": {
+      "types": "./services/storage/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-storage.mjs"
     },
     "./utilities/models": {
       "types": "./utilities/models/index.d.ts",
       "default": "./fesm2022/sd-angular-core-utilities-models.mjs"
     },
+    "./utilities/extensions": {
+      "types": "./utilities/extensions/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-utilities-extensions.mjs"
+    },
     "./components/modal": {
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-modal.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;
 }