@sdcorejs/angular 21.0.6 → 21.0.8

package/fesm2022/sdcorejs-angular-services-notify.mjs

@@ -97,8 +97,8 @@ class ToastComponent {
     get dataMessage() {
         return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastComponent, deps: [{ token: SdNotifyService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ToastComponent, isStandalone: true, selector: "toast", inputs: { data: "data" }, host: { listeners: { "mouseenter": "pauseTimer()", "mouseleave": "resumeTimer()" }, properties: { "@toastAnimation": "true", "class": "\"bg-white sd-toast\"", "attr.data-autoid": "autoId", "attr.data-type": "data.type", "attr.data-title": "data.title ?? null", "attr.data-message": "dataMessage" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n  @switch (data.type) {\n    @case ('success') {\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>\n    }\n    @case ('info') {\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>\n    }\n    @case ('warning') {\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n    }\n    @case ('error') {\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>\n    }\n  }\n</div>\n\n<div class=\"sd-toast__content\">\n  <div class=\"sd-toast__header\">\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n    <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\n  </div>\n\n  <div class=\"sd-toast__body\">\n    @if (!isMultiMessage) {\n      <!-- why: m\u1EB7c \u0111\u1ECBnh render TEXT (auto-escape) \u2014 an to\u00E0n. Ch\u1EC9 render HTML\n           (\u0111\u00E3 sanitize) khi data.html=true. -->\n      @if (data.html) {\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\n      } @else {\n        <div>{{ singleMessage }}</div>\n      }\n    }\n    @else {\n      <ul class=\"msg-list\">\n        @for (msg of displayMessages; track msg) {\n          @if (data.html) {\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\n          } @else {\n            <li>{{ '- ' + msg }}</li>\n          }\n        }\n      </ul>\n\n      @if (hasMore) {\n        <button type=\"button\" \n                class=\"toggle-more btn-link\" \n                [class]=\"'text-' + data.type\" \n                (click)=\"toggleExpand()\">\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n        </button>\n      }\n    }\n  </div>\n\n  @if (data.actionLabel) {\n    <div class=\"sd-toast__actions\">\n      <button class=\"btn-action\" \n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n              (click)=\"onActionClick()\">\n        {{ data.actionLabel }}\n      </button>\n    </div>\n  }\n</div>", styles: ["@charset \"UTF-8\";:host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastComponent, deps: [{ token: SdNotifyService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ToastComponent, isStandalone: true, selector: "toast", inputs: { data: "data" }, host: { listeners: { "mouseenter": "pauseTimer()", "mouseleave": "resumeTimer()" }, properties: { "@toastAnimation": "true", "class": "\"bg-white sd-toast\"", "attr.data-autoid": "autoId", "attr.data-type": "data.type", "attr.data-title": "data.title ?? null", "attr.data-message": "dataMessage" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n  @switch (data.type) {\n    @case ('success') {\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>\n    }\n    @case ('info') {\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>\n    }\n    @case ('warning') {\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n    }\n    @case ('error') {\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>\n    }\n  }\n</div>\n\n<div class=\"sd-toast__content\">\n  <div class=\"sd-toast__header\">\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n    <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\n  </div>\n\n  <div class=\"sd-toast__body\">\n    @if (!isMultiMessage) {\n      <!-- why: m\u1EB7c \u0111\u1ECBnh render TEXT (auto-escape) \u2014 an to\u00E0n. Ch\u1EC9 render HTML\n           (\u0111\u00E3 sanitize) khi data.html=true. -->\n      @if (data.html) {\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\n      } @else {\n        <div>{{ singleMessage }}</div>\n      }\n    }\n    @else {\n      <ul class=\"msg-list\">\n        @for (msg of displayMessages; track msg) {\n          @if (data.html) {\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\n          } @else {\n            <li>{{ '- ' + msg }}</li>\n          }\n        }\n      </ul>\n\n      @if (hasMore) {\n        <button type=\"button\" \n                class=\"toggle-more btn-link\" \n                [class]=\"'text-' + data.type\" \n                (click)=\"toggleExpand()\">\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n        </button>\n      }\n    }\n  </div>\n\n  @if (data.actionLabel) {\n    <div class=\"sd-toast__actions\">\n      <button class=\"btn-action\" \n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n              (click)=\"onActionClick()\">\n        {{ data.actionLabel }}\n      </button>\n    </div>\n  }\n</div>", styles: ["@charset \"UTF-8\";:host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             trigger('toastAnimation', [
                 transition(':enter', [
                     style({ transform: 'translateX(100%)', opacity: 0 }),
@@ -110,7 +110,7 @@ class ToastComponent {
             ])
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'toast', standalone: true, imports: [CommonModule, TranslatePipe], animations: [
                         trigger('toastAnimation', [
@@ -144,8 +144,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
 
 class ToastContainerComponent {
     toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ToastContainerComponent, isStandalone: true, selector: "toast-container", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ToastContainerComponent, isStandalone: true, selector: "toast-container", ngImport: i0, template: `
     <div class="toast-container">
       @for (toast of toasts(); track toast.id) {
         <toast [data]="toast"> </toast>
@@ -153,7 +153,7 @@ class ToastContainerComponent {
     </div>
   `, isInline: true, styles: [".toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;pointer-events:none}sd-toast{pointer-events:auto}\n"], dependencies: [{ kind: "component", type: ToastComponent, selector: "toast", inputs: ["data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'toast-container', standalone: true, imports: [ToastComponent], template: `
     <div class="toast-container">
@@ -278,10 +278,10 @@ class SdNotifyService {
         });
         this.#timers = {};
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SdNotifyService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SdNotifyService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdNotifyService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdNotifyService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SdNotifyService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdNotifyService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/sdcorejs-angular-services-storage.mjs

@@ -151,10 +151,10 @@ class SdStorageService {
             return val;
         return JSON.parse(JSON.stringify(val));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SdStorageService, deps: [{ token: SD_STORAGE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SdStorageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdStorageService, deps: [{ token: SD_STORAGE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdStorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SdStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/modules/keycloak/htmls/auth-keycloak-error.html

@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="vi">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Lỗi đăng nhập</title>
+    <!--
+      Trang lỗi tĩnh (fallback) cho luồng đăng nhập Keycloak — đích redirect khi keycloak.init() thất bại.
+
+      MẪU TỔNG QUÁT TỪ CORE: dùng được NGAY, không cần chỉnh sửa gì. Consumer COPY file này vào
+      `public/auth-keycloak-error.html` (hoặc tên theo `authErrorUrl`). Khi muốn, tuỳ biến tại các
+      placeholder bên dưới (logo, thông tin hỗ trợ, nội dung, ngôn ngữ).
+
+      Nguyên tắc: KHÔNG phụ thuộc JS/CSS/ảnh bên ngoài (bundle app có thể đã lỗi) → style để inline,
+      mặc định không nhúng tài nguyên nào.
+    -->
+    <style>
+      * { box-sizing: border-box; }
+      html, body { height: 100%; margin: 0; }
+      body {
+        display: flex; align-items: center; justify-content: center;
+        min-height: 100vh; padding: 24px;
+        font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
+        color: #1f2937; background: #f5f6f8;
+      }
+      .box {
+        max-width: 480px; width: 100%; text-align: center;
+        background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
+        padding: 40px 32px; box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
+      }
+      h1 { font-size: 20px; margin: 0 0 12px; }
+      p { margin: 8px 0; line-height: 1.6; color: #4b5563; font-size: 14px; }
+      .actions { margin-top: 24px; }
+      .btn {
+        display: inline-block; padding: 10px 20px; border-radius: 8px;
+        background: #2563eb; color: #fff; text-decoration: none; font-size: 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="box">
+      <!-- (Tuỳ chọn) Logo — bỏ comment và sửa src:
+           <img src="/your-logo.svg" alt="logo" style="height: 40px; margin-bottom: 24px;" /> -->
+      <h1>Có lỗi xảy ra khi đăng nhập</h1>
+      <p>Hệ thống đang gặp sự cố kỹ thuật trong quá trình xác thực. Trang chưa thể tải đầy đủ thông tin.</p>
+      <p>Vui lòng thử lại sau ít phút.</p>
+      <!-- (Tuỳ chọn) Thông tin hỗ trợ — bỏ comment và sửa email/đường dẫn:
+           <p>Cần hỗ trợ? Liên hệ <a href="mailto:you@example.com">you@example.com</a></p> -->
+      <div class="actions">
+        <a class="btn" href="/">Thử lại</a>
+      </div>
+    </main>
+  </body>
+</html>

package/modules/keycloak/htmls/silent-renew.html

@@ -0,0 +1,7 @@
+<html>
+  <body>
+    <script>
+      parent.postMessage(location.href, location.origin);
+    </script>
+  </body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdcorejs/angular",
-  "version": "21.0.6",
+  "version": "21.0.8",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",

package/types/sdcorejs-angular-components-autoid-inspector.d.ts

@@ -1,19 +1,19 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy } from '@angular/core';
+import { InjectionToken, OnDestroy } from '@angular/core';
 
 /**
  * Runtime state attributes the component renders on the same anchor as `data-autoid`.
  * Every field is OPTIONAL — only present when the component actually renders that attribute.
  * All values are the raw DOM string (already "true"/"false" or stringified number/value).
  */
-interface SdAutoidElementState {
+interface AutoidElementState {
     disabled?: string;
     loading?: string;
     empty?: string;
     invalid?: string;
     opened?: string;
     count?: string;
-    /** Serialized DOM `data-value` (NOT `input.value`). Distinct from `SdAutoidElement.text` field. */
+    /** Serialized DOM `data-value` (NOT `input.value`). Distinct from `AutoidElement.text` field. */
     dataValue?: string;
     required?: string;
     maxlength?: string;
@@ -24,7 +24,7 @@ interface SdAutoidElementState {
     title?: string;
     message?: string;
 }
-interface SdAutoidElement {
+interface AutoidElement {
     stt: number;
     name: string;
     autoid: string;
@@ -38,7 +38,7 @@ interface SdAutoidElement {
     xpath: string;
     duplicate: boolean;
     /** Runtime state attributes read from the DOM. Always an object — may be empty `{}`. */
-    state: SdAutoidElementState;
+    state: AutoidElementState;
     /**
      * `data-autoid` of the closest ancestor `<sd-table>` that contains this element,
      * or `undefined` if this element is top-level (not inside any `sd-table`).
@@ -54,54 +54,75 @@ interface SdAutoidElement {
     /** Human-readable warning attached to a fallback element (only set when `missingAutoid`). */
     warning?: string;
 }
-interface SdAutoidMissing {
+interface AutoidMissing {
     tag: string;
     selector: string;
     outerHtmlPreview: string;
     nameHint: string;
 }
-interface SdAutoidAuditResult {
+interface AutoidAuditResult {
     total: number;
     duplicates: Record<string, number>;
     duplicateCount: number;
-    missing: SdAutoidMissing[];
+    missing: AutoidMissing[];
     missingCount: number;
 }
 
-interface SdAutoidInspectorConfig {
-    /** Selector phụ thêm cần audit (mặc định component đã cover sd-* form + sd-button). */
+interface SdAutoidInspectorConfiguration {
+    /** Base URL cua backend sinh E2E test, vi du `http://localhost:3012`. */
+    host?: string;
+    /** Selector phu them can audit (mac dinh component da cover sd-* form + sd-button). */
     extraRequireSelectors?: string[];
-    /** Root scan, mặc định document.body. */
+    /** Root scan, mac dinh document.body. */
     root?: HTMLElement;
 }
-/** Selector mặc định coi là phải có data-autoid. */
-declare const SD_AUTOID_DEFAULT_REQUIRE_SELECTORS: ReadonlyArray<string>;
+/** Cau hinh global cho AutoId Inspector. `[config]` tren component co the override theo instance. */
+declare const SD_AUTOID_INSPECTOR_CONFIGURATION: InjectionToken<SdAutoidInspectorConfiguration>;
+
+type AutoidE2eTarget = 'playwright' | 'robot';
+interface AutoidRobotExportContext {
+    requirement?: string;
+    testCases?: string;
+    testData?: string;
+    precondition?: string;
+    component?: string;
+    storyLinkages?: string;
+    qcNotes?: string;
+}
 
 type Segment = 'audit' | 'elements' | 'export';
+type RobotContextField = keyof AutoidRobotExportContext;
 declare class SdAutoidInspector implements OnDestroy {
     #private;
     enabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    config: _angular_core.InputSignal<SdAutoidInspectorConfig | undefined>;
+    config: _angular_core.InputSignal<SdAutoidInspectorConfiguration | undefined>;
     open: _angular_core.WritableSignal<boolean>;
     segment: _angular_core.WritableSignal<Segment>;
     filter: _angular_core.WritableSignal<string>;
-    elements: _angular_core.WritableSignal<SdAutoidElement[]>;
-    audit: _angular_core.WritableSignal<SdAutoidAuditResult | null>;
+    elements: _angular_core.WritableSignal<AutoidElement[]>;
+    audit: _angular_core.WritableSignal<AutoidAuditResult | null>;
     copyOk: _angular_core.WritableSignal<boolean>;
+    e2eExporting: _angular_core.WritableSignal<AutoidE2eTarget | null>;
+    e2eExportOk: _angular_core.WritableSignal<string | null>;
+    e2eExportError: _angular_core.WritableSignal<string | null>;
+    robotContextOpen: _angular_core.WritableSignal<boolean>;
+    robotExportContext: _angular_core.WritableSignal<AutoidRobotExportContext>;
     highlightOn: _angular_core.WritableSignal<boolean>;
     dismissed: _angular_core.WritableSignal<boolean>;
-    filteredElements: _angular_core.Signal<SdAutoidElement[]>;
+    readonly e2eGeneratorHost: _angular_core.Signal<string | undefined>;
+    readonly hasRobotExportContext: _angular_core.Signal<boolean>;
+    filteredElements: _angular_core.Signal<AutoidElement[]>;
     /**
      * Elements not inside any sd-table — rendered in the main "Top-level" section.
      */
-    readonly topLevelElements: _angular_core.Signal<SdAutoidElement[]>;
+    readonly topLevelElements: _angular_core.Signal<AutoidElement[]>;
     /**
      * Map of `sd-table` autoid → its inner autoid elements. Tables themselves
      * stay in `topLevelElements` (the table's own autoid is top-level).
      */
     readonly tableGroups: _angular_core.Signal<{
         scope: string;
-        items: SdAutoidElement[];
+        items: AutoidElement[];
     }[]>;
     readonly dataOpened: _angular_core.Signal<"true" | "false">;
     readonly dataHighlightOn: _angular_core.Signal<"true" | "false">;
@@ -123,126 +144,15 @@ declare class SdAutoidInspector implements OnDestroy {
     exportJson: () => void;
     exportMdPom: () => void;
     exportMdTable: () => void;
+    openRobotExportContext: () => void;
+    closeRobotExportContext: () => void;
+    updateRobotExportContext: (field: RobotContextField, value: string) => void;
+    confirmRobotExport: () => Promise<void>;
+    exportE2eTest: (target: AutoidE2eTarget, context?: AutoidRobotExportContext) => Promise<boolean>;
     onEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAutoidInspector, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdAutoidInspector, "sd-autoid-inspector", never, { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type SdAutoidExportFormat = 'csv' | 'json' | 'md-pom' | 'md-table';
-interface SdAutoidExportMeta {
-    /** `location.pathname + location.search` — kept for back-compat with MD exports. */
-    pageUrl: string;
-    pageTitle: string;
-    timestamp: string;
-    /** Full `location.href`. */
-    url: string;
-    /** `location.pathname` only. */
-    pathname: string;
-    /** Raw `location.search` (incl. leading `?`), or `''`. */
-    search: string;
-    /** Parsed query string → key/value map (last value wins on repeats). */
-    queryParams: Record<string, string>;
-    /**
-     * Angular route path params (`:id`, …) merged across the activated-route tree.
-     * Only present when an Angular `Router` is available at scan time; omitted otherwise.
-     */
-    params?: Record<string, string>;
-}
-/** JSON export envelope: page meta + the scanned elements. */
-interface SdAutoidExportJson {
-    meta: SdAutoidExportMeta;
-    elements: SdAutoidElement[];
-}
-
-declare class SdAutoidScannerService {
-    /**
-     * Quét element có [data-autoid] trong root, gắn name/tag/value/xpath.
-     * Khi truyền `requireSelectors` (vd các sd-* form/button), những node khớp selector
-     * mà KHÔNG có data-autoid (self lẫn con) sẽ được thêm vào dưới dạng phần tử fallback
-     * (`autoid: ''`, xpath theo vị trí thẻ + cờ `missingAutoid` + warning) — để JSON xuất ra
-     * vẫn dùng được và dev biết chỗ cần bổ sung autoid.
-     */
-    scan(root?: HTMLElement, requireSelectors?: ReadonlyArray<string>): SdAutoidElement[];
-    /**
-     * Tìm các node khớp `requireSelectors` nhưng thiếu data-autoid (self + mọi descendant),
-     * thêm vào `result` dưới dạng phần tử fallback. Trả về `stt` kế tiếp.
-     */
-    private appendMissing;
-    /** XPath theo vị trí thẻ trong document, vd `(//sd-button)[2]`, khi không có autoid. */
-    private fallbackXpath;
-    /** Group element theo autoid để consumer lấy duplicate map. */
-    groupByAutoid(elements: SdAutoidElement[]): Record<string, SdAutoidElement[]>;
-    /**
-     * Read the optional `data-*` E2E state attributes off the same node.
-     * Only includes fields actually present on the DOM (skipped fields stay undefined).
-     */
-    private readState;
-    /**
-     * If the node is inside an `<sd-table>` element, return that table's `data-autoid`.
-     * Walks up via closest('sd-table') — skips the node itself if it IS the table.
-     */
-    private resolveTableScope;
-    private resolveName;
-    private resolveSdTag;
-    private resolveText;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAutoidScannerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdAutoidScannerService>;
-}
-
-declare class SdAutoidAuditService {
-    /**
-     * Audit kết quả scan + DOM:
-     * - duplicates: map autoid → count khi count > 1
-     * - missing: element khớp selector yêu cầu nhưng KHÔNG có [data-autoid]
-     */
-    audit(elements: SdAutoidElement[], options?: {
-        requireSelectors?: ReadonlyArray<string>;
-        root?: HTMLElement;
-    }): SdAutoidAuditResult;
-    private findMissing;
-    private buildSelectorPath;
-    private shortHtml;
-    private resolveNameHint;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAutoidAuditService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdAutoidAuditService>;
-}
-
-declare class SdAutoidHighlightService {
-    #private;
-    /** Apply outline cho mọi [data-autoid]: xanh nếu unique, đỏ nếu duplicate. Idempotent. */
-    apply(root?: HTMLElement): void;
-    /** Highlight tập element không có autoid (missing) bằng outline cam dashed. */
-    applyMissing(nodes: HTMLElement[]): void;
-    /** Restore inline style như trước khi apply. */
-    clear(root?: HTMLElement): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAutoidHighlightService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdAutoidHighlightService>;
-}
-
-declare class SdAutoidExportService {
-    /**
-     * Có `meta` → bọc `{ meta, elements }` (kèm url/queryParams) để consumer biết trang/route.
-     * Không `meta` → giữ mảng thuần (back-compat cho caller cũ chỉ cần elements).
-     */
-    toJson(elements: SdAutoidElement[], meta?: SdAutoidExportMeta): string;
-    /** Parse a `location.search` string into a flat key/value map (last value wins). */
-    parseQueryParams(search: string): Record<string, string>;
-    toCsv(elements: SdAutoidElement[]): string;
-    /** POM TypeScript skeleton — copy ngay vào file Playwright/Cypress. */
-    toMarkdownPom(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string;
-    /** Markdown reference table, group FIRST by tableScope (top-level first, then per table), then by tag. */
-    toMarkdownTable(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string;
-    download(content: string, filename: string, mime: string): void;
-    copyToClipboard(content: string): Promise<void>;
-    /** Build a compact state summary string from defined state keys, e.g. "disabled=false; empty=true". */
-    private buildStateSummary;
-    private q;
-    private mdCell;
-    private toCamel;
-    private toPascal;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAutoidExportService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdAutoidExportService>;
-}
-
-export { SD_AUTOID_DEFAULT_REQUIRE_SELECTORS, SdAutoidAuditService, SdAutoidExportService, SdAutoidHighlightService, SdAutoidInspector, SdAutoidScannerService };
-export type { SdAutoidAuditResult, SdAutoidElement, SdAutoidElementState, SdAutoidExportFormat, SdAutoidExportJson, SdAutoidExportMeta, SdAutoidInspectorConfig, SdAutoidMissing };
+export { SD_AUTOID_INSPECTOR_CONFIGURATION, SdAutoidInspector };
+export type { SdAutoidInspectorConfiguration };

package/types/sdcorejs-angular-components-upload-file.d.ts

@@ -154,10 +154,13 @@ declare class SdUploadFile<TArgs = any> {
     preview: () => Promise<void>;
     /**
      * Tải xuống một tệp tin dựa trên đối tượng PreviewFile.
-     * * Ưu tiên:
-     * 1. Tải xuống từ thuộc tính `file`.
-     * 2. Tải xuống từ thuộc tính `src`.
-     * 3. Gọi hàm download dựa vào `idOrKey`.
+     *
+     * Ưu tiên:
+     * 1. Nếu consumer CÓ implement hàm download (input `download` hoặc configuration) VÀ file có
+     *    `idOrKey` (file đã lưu trên server) → LUÔN gọi hàm download. KHÔNG mở `src` (URL lấy từ detail).
+     *    Dùng cho trường hợp tải file qua API có xác thực thay vì truy cập trực tiếp URL.
+     * 2. Ngược lại (không có hàm download, hoặc file local chưa upload nên chưa có `idOrKey`) →
+     *    tải trực tiếp từ `file` (blob) hoặc `src` (URL).
      *
      * @param previewFile Đối tượng PreviewFile chứa thông tin tệp tin.
      */

package/types/sdcorejs-angular-components.d.ts

@@ -10,6 +10,7 @@ export * from '@sdcorejs/angular/components/quick-action';
 export * from '@sdcorejs/angular/components/query-bar';
 export * from '@sdcorejs/angular/components/upload-file';
 export * from '@sdcorejs/angular/components/section';
+export * from '@sdcorejs/angular/components/inform';
 export * from '@sdcorejs/angular/components/anchor';
 export * from '@sdcorejs/angular/components/query-builder';
 export * from '@sdcorejs/angular/components/org-chart';

package/types/sdcorejs-angular-forms-input-number.d.ts

@@ -25,7 +25,6 @@ declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     sdSuffixDef: _angular_core.Signal<SdSuffixDefDirective | undefined>;
     private ref;
     private coreConfiguration;
-    private formatNumberPipe;
     private formConfig;
     autoIdInput: _angular_core.InputSignal<string | null | undefined>;
     autoId: _angular_core.Signal<string | undefined>;

package/types/sdcorejs-angular-modules-keycloak.d.ts

@@ -8,6 +8,31 @@ interface SdKeycloakTenantConfig {
     realm: string;
     clientId: string;
     secureRoutes?: string[];
+    /**
+     * Basename (KHÔNG kèm đuôi `.html`) của file Keycloak **silent SSO redirect** mà consumer
+     * BẮT BUỘC đặt trong thư mục `public/`. Mặc định `'silent-renew'`.
+     *
+     * Service sẽ truyền `${origin}/<silentRenewUrl>.html` vào `silentCheckSsoRedirectUri`. Với giá trị
+     * mặc định, Keycloak gọi `${origin}/silent-renew.html` (giống hành vi cũ — không phá vỡ project hiện có).
+     *
+     * Consumer cần tạo file tĩnh này (nội dung mẫu ở `modules/keycloak/htmls/silent-renew.html`); nếu THIẾU,
+     * silent `check-sso` thất bại và `init()` trả về `false` không mong muốn (user bị coi là chưa đăng nhập).
+     * Cho phép truyền kèm `/` đầu hoặc đuôi `.html` (tự chuẩn hoá), hoặc đặt sâu hơn:
+     * `'assets/silent-renew'` → `${origin}/assets/silent-renew.html`.
+     */
+    silentRenewUrl?: string;
+    /**
+     * Basename (KHÔNG kèm đuôi `.html`) của **trang lỗi tĩnh** trong `public/`, dùng làm đích redirect khi
+     * `keycloak.init()` NÉM LỖI (Keycloak sập / mạng lỗi / cấu hình realm sai). Mặc định `'auth-keycloak-error'`.
+     *
+     * Khi init thất bại, app điều hướng full-page tới `${origin}/<authErrorUrl>.html`. Vì là file tĩnh nên
+     * trang lỗi vẫn hiển thị kể cả khi bundle Angular chưa khởi tạo được. Service cũng tự bỏ qua `init()` nếu
+     * đang đứng sẵn ở trang lỗi này (chống vòng lặp redirect).
+     *
+     * Consumer nên tạo file (nội dung mẫu ở `modules/keycloak/htmls/auth-keycloak-error.html`) và viết lại
+     * branding/nội dung. Nếu THIẾU, redirect rơi vào trang 404 của host. Chuẩn hoá giá trị giống `silentRenewUrl`.
+     */
+    authErrorUrl?: string;
 }
 interface ISdKeycloakConfiguration {
     loadTenantConfig: () => Promise<SdKeycloakTenantConfig>;
@@ -18,6 +43,11 @@ declare class SdKeycloakService {
     keycloak: Keycloak;
     config: SdKeycloakTenantConfig;
     init(config: SdKeycloakTenantConfig): Promise<boolean>;
+    /**
+     * Chuẩn hoá basename file tĩnh trong public/ thành URL tuyệt đối.
+     * `'silent-renew'` | `'/silent-renew'` | `'silent-renew.html'` → `${origin}/silent-renew.html`.
+     */
+    private toPublicHtmlUrl;
     login(): Promise<void>;
     logout(): Promise<void>;
     getToken(): string | undefined;