@sd-angular/core 19.0.0-beta.10 → 19.0.0-beta.100

package/components/preview/src/preview-image/preview-image.types.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Shape descriptor accepted by SdPreviewImage's `items` signal input.
+ *
+ * - `string` — CDN/HTTP URL; component will fetch as blob and create a File.
+ * - `File` — already-selected file from <input type="file">. Must be `image/*`.
+ * - Detailed object — when the caller wants to override name/caption/alt.
+ */
+export type PreviewItem = string | File | {
+    url?: string;
+    file?: File;
+    name?: string;
+    caption?: string;
+    alt?: string;
+    mime?: string;
+};
+/**
+ * Internal normalized record. One per slot in the gallery.
+ * `blobUrl` is always set after a successful load so the <img> binding can
+ * be uniform; `url` retains the original CDN URL for download fallback.
+ */
+export interface NormalizedImage {
+    id: string;
+    url?: string;
+    blobUrl: string;
+    name: string;
+    size: number;
+    caption?: string;
+    alt?: string;
+    loading: boolean;
+    error: boolean;
+}
+/**
+ * Stage = the visual state of the main image area inside the viewer shell.
+ * Driven by an internal `_stage` signal in the component.
+ */
+export type PreviewStage = 'ready' | 'loading' | 'error' | 'empty';
+/**
+ * Where the thumbnail navigator sits relative to the stage. `none` removes
+ * thumbnails entirely (single-image lightbox); `dots` swaps the strip for
+ * compact dot indicators (≤ 8 images).
+ */
+export type ThumbnailPosition = 'bottom' | 'right' | 'left' | 'top' | 'dots' | 'none';
+/**
+ * Color scheme for the preview shell. `'dark'` (default) keeps the original
+ * dark-theme tokens (black surfaces, white text). `'light'` flips the token
+ * set to white surfaces / dark text — picks up `--sd-primary`, `--sd-error`,
+ * `--sd-success` from the consumer theme when present.
+ *
+ * Exposed via `[attr.data-theme]` on the host so SCSS can swap CSS custom
+ * properties via the `:host([data-theme="light"])` selector — no runtime
+ * style switching is required.
+ */
+export type PreviewTheme = 'dark' | 'light';

package/components/preview/src/preview-pdf/preview-pdf.component.d.ts

@@ -0,0 +1,186 @@
+import { ElementRef, InjectionToken, OnDestroy } from '@angular/core';
+import { PdfErrorEvent, PdfLoadEvent, PdfMeta, PdfScrollMode, PdfSearchResult, PdfSearchState, PdfSidebarMode, PdfSource, PdfStage, PdfZoomMode, PreviewTheme } from './preview-pdf.types';
+import * as i0 from "@angular/core";
+/**
+ * Minimal pdfjs surface the component depends on. We wrap pdfjs in a DI token
+ * so unit tests can supply a hand-rolled mock without going through
+ * jasmine.createSpyObj on the real module (which is harder with ESM).
+ */
+export interface SdPdfJsLib {
+    getDocument: (spec: unknown) => {
+        promise: Promise<unknown>;
+        onProgress?: (p: {
+            loaded: number;
+            total: number;
+        }) => void;
+    };
+    GlobalWorkerOptions: {
+        workerSrc: string;
+    };
+}
+export declare const SD_PDFJS_LIB: InjectionToken<SdPdfJsLib>;
+export declare class SdPreviewPdf implements OnDestroy {
+    #private;
+    static readonly MIN_ZOOM = 0.25;
+    static readonly MAX_ZOOM = 4;
+    static readonly ZOOM_STEP = 0.1;
+    protected readonly pageCanvasRef: import("@angular/core").Signal<ElementRef<HTMLCanvasElement> | undefined>;
+    protected readonly stageEl: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    protected readonly pageInputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly searchInputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly thumbCanvases: import("@angular/core").Signal<readonly ElementRef<HTMLCanvasElement>[]>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdFirst: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdPrev: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdNext: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdLast: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdPageInput: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdZoomIn: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdZoomOut: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdZoomReadout: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdFitPage: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdFitWidth: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdRotate: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdScrollMode: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchToggle: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdPrint: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdDownload: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdFullscreen: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSidebarToggle: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdTabThumbnails: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdTabOutline: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdTabSearch: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchInput: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchNext: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchPrev: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchCase: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchWhole: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdSearchClose: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdRetry: import("@angular/core").Signal<string | undefined>;
+    readonly autoIdThumb: (i: number) => string | undefined;
+    readonly autoIdResult: (i: number) => string | undefined;
+    readonly source: import("@angular/core").InputSignal<PdfSource | null>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly startPage: import("@angular/core").InputSignal<number>;
+    readonly initialZoom: import("@angular/core").InputSignal<PdfZoomMode>;
+    readonly sidebar: import("@angular/core").InputSignal<PdfSidebarMode>;
+    readonly sidebarOpen: import("@angular/core").InputSignal<boolean>;
+    readonly scrollMode: import("@angular/core").InputSignal<PdfScrollMode>;
+    readonly showToolbar: import("@angular/core").InputSignal<boolean>;
+    readonly downloadable: import("@angular/core").InputSignal<boolean>;
+    readonly password: import("@angular/core").InputSignal<string | undefined>;
+    readonly httpHeaders: import("@angular/core").InputSignal<Record<string, string> | undefined>;
+    readonly theme: import("@angular/core").InputSignal<PreviewTheme>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
+    readonly loaded: import("@angular/core").OutputEmitterRef<PdfLoadEvent>;
+    readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly zoomChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly download: import("@angular/core").OutputEmitterRef<{
+        filename: string;
+    }>;
+    readonly loadError: import("@angular/core").OutputEmitterRef<PdfErrorEvent>;
+    readonly searchChange: import("@angular/core").OutputEmitterRef<{
+        term: string;
+        total: number;
+        current: number;
+    }>;
+    readonly stage: import("@angular/core").Signal<PdfStage>;
+    readonly activePage: import("@angular/core").Signal<number>;
+    readonly zoom: import("@angular/core").Signal<number>;
+    readonly zoomMode: import("@angular/core").Signal<PdfZoomMode>;
+    readonly rotation: import("@angular/core").Signal<number>;
+    readonly sidebarMode: import("@angular/core").Signal<PdfSidebarMode>;
+    readonly scrollModeCurrent: import("@angular/core").Signal<PdfScrollMode>;
+    readonly isFullscreen: import("@angular/core").Signal<boolean>;
+    readonly meta: import("@angular/core").Signal<PdfMeta | null>;
+    readonly filename: import("@angular/core").Signal<string>;
+    readonly fileSize: import("@angular/core").Signal<number>;
+    readonly loadError$: import("@angular/core").Signal<PdfErrorEvent | null>;
+    readonly thumbCache: import("@angular/core").Signal<Record<number, string>>;
+    readonly numPages: import("@angular/core").Signal<number>;
+    readonly canPrev: import("@angular/core").Signal<boolean>;
+    readonly canNext: import("@angular/core").Signal<boolean>;
+    readonly zoomPercent: import("@angular/core").Signal<number>;
+    readonly loadPercent: import("@angular/core").Signal<number>;
+    readonly isSidebarOpen: import("@angular/core").Signal<boolean>;
+    readonly pageList: import("@angular/core").Signal<number[]>;
+    readonly pageNumbers: import("@angular/core").Signal<number[]>;
+    readonly searchBarOpen: import("@angular/core").Signal<boolean>;
+    readonly searchTerm: import("@angular/core").Signal<string>;
+    readonly searchResults: import("@angular/core").Signal<PdfSearchResult[]>;
+    readonly searchActiveIndex: import("@angular/core").Signal<number>;
+    readonly searchCaseSensitive: import("@angular/core").Signal<boolean>;
+    readonly searchWholeWord: import("@angular/core").Signal<boolean>;
+    readonly searchTotal: import("@angular/core").Signal<number>;
+    readonly searchCurrent: import("@angular/core").Signal<number>;
+    readonly searchActiveResult: import("@angular/core").Signal<PdfSearchResult | null>;
+    readonly searchState: import("@angular/core").Signal<PdfSearchState>;
+    constructor();
+    ngOnDestroy(): void;
+    goToPage(page: number): void;
+    nextPage(): void;
+    prevPage(): void;
+    firstPage(): void;
+    lastPage(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    setZoom(mode: PdfZoomMode): void;
+    rotate(direction: 'left' | 'right'): void;
+    toggleSidebar(): void;
+    setSidebarMode(mode: PdfSidebarMode): void;
+    setScrollMode(mode: PdfScrollMode): void;
+    downloadFile(): void;
+    toggleFullscreen(): void;
+    /** Programmatic equivalent of clicking the X — emits the close output. */
+    requestClose(): void;
+    /** Retry the active load attempt (called from the error state retry button). */
+    retryLoad(): void;
+    printFile(): void;
+    /**
+     * Run a full-document search for `term`. Returns the result count.
+     *
+     * Options:
+     * - `caseSensitive`: default off; matches independent of capitalisation.
+     * - `wholeWord`: default off; requires Unicode word-boundary on both sides
+     *   so `cat` does NOT match `category` (uses `/\b...\b/u` so Vietnamese
+     *   diacritic-bearing letters still participate as word characters).
+     *
+     * Implementation: iterate every page once (cached), build a flat plain-text
+     * string per page (joining textItem.str), and slice ~30 chars of context
+     * around each match. We deliberately use plain JS regex rather than
+     * pdf.js's `pdfFindController` — it's <40 lines, fully testable, and
+     * sidesteps the find-controller's dependency on a real text layer (which
+     * we don't render).
+     */
+    search(term: string, options?: {
+        caseSensitive?: boolean;
+        wholeWord?: boolean;
+    }): Promise<number>;
+    searchNext(): void;
+    searchPrev(): void;
+    clearSearch(): void;
+    /** Open the search bar and focus its input. Idempotent. */
+    openSearch(): void;
+    /** Close the search bar AND clear results (mirrors Acrobat behaviour). */
+    closeSearch(): void;
+    toggleSearchCaseSensitive(): void;
+    toggleSearchWholeWord(): void;
+    /** Live binding from the search bar's `(input)` event. */
+    onSearchInput(value: string): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onPageInputEnter(event: Event): void;
+    onPageInputBlur(event: Event): void;
+    onWheel(event: WheelEvent): void;
+    trackByPage(_i: number, page: number): number;
+    /**
+     * Render a single page into a sidebar thumbnail canvas at ~140px width.
+     * Cached via `#thumbsRendering` so rapid scroll bounces don't double-render.
+     *
+     * Visible for testing — tests can stub `getPage()` on the fake doc to
+     * assert this method calls `render(...)` with the right page argument.
+     */
+    renderThumbnailForPage(pageNum: number): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPreviewPdf, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPreviewPdf, "sd-preview-pdf", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "source": { "alias": "source"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "startPage": { "alias": "startPage"; "required": false; "isSignal": true; }; "initialZoom": { "alias": "initialZoom"; "required": false; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": false; "isSignal": true; }; "sidebarOpen": { "alias": "sidebarOpen"; "required": false; "isSignal": true; }; "scrollMode": { "alias": "scrollMode"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "downloadable": { "alias": "downloadable"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "httpHeaders": { "alias": "httpHeaders"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, { "close": "close"; "loaded": "loaded"; "pageChange": "pageChange"; "zoomChange": "zoomChange"; "download": "download"; "loadError": "loadError"; "searchChange": "searchChange"; }, never, never, true, never>;
+}

package/components/preview/src/preview-pdf/preview-pdf.types.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Source descriptor accepted by SdPreviewPdf's `source` signal input.
+ *
+ * Mirrors the input shapes that `pdfjsLib.getDocument()` understands while
+ * adding consumer-friendly variants (raw `File`/`Blob`). The component handles
+ * the bridging internally — caller never touches pdfjs types.
+ */
+export type PdfSource = string | File | Blob | ArrayBuffer | Uint8Array | {
+    url: string;
+    httpHeaders?: Record<string, string>;
+    withCredentials?: boolean;
+} | {
+    data: ArrayBuffer | Uint8Array;
+};
+/**
+ * Zoom expressed either as a raw scale number (1 = 100%) OR a symbolic mode
+ * that auto-fits the stage. The auto modes recompute on container resize +
+ * page change.
+ */
+export type PdfZoomMode = number | 'page-fit' | 'page-width' | 'page-actual';
+/**
+ * Which tab the sidebar shows. `'none'` collapses the sidebar entirely.
+ * NOTE: outline + search tabs are deferred — selecting them shows a placeholder.
+ */
+export type PdfSidebarMode = 'thumbnails' | 'outline' | 'search' | 'none';
+/**
+ * Page layout mode. `'continuous'` is deferred — the input is kept on the
+ * public API so consumer code compiles, but the component falls back to
+ * single-page behavior with a warning.
+ */
+export type PdfScrollMode = 'page' | 'continuous';
+/**
+ * Document-level metadata extracted from `pdfDoc.getMetadata()`.
+ */
+export interface PdfMeta {
+    title?: string;
+    author?: string;
+    subject?: string;
+    numPages: number;
+}
+/** Visual state of the stage. */
+export type PdfStage = 'empty' | 'loading' | 'ready' | 'error';
+/** Classifier for `loadError` output — drives which Artboard H copy renders. */
+export type PdfErrorReason = 'invalid' | 'password' | 'network' | 'unknown';
+/** Fired once after `getDocument()` resolves successfully. */
+export interface PdfLoadEvent {
+    totalPages: number;
+    meta: PdfMeta;
+}
+/** Fired whenever a load attempt rejects. */
+export interface PdfErrorEvent {
+    reason: PdfErrorReason;
+    message?: string;
+}
+/**
+ * One hit returned by `SdPreviewPdf.search()`. `before` / `term` / `after`
+ * are sliced from the original page text so the result list can render a
+ * snippet with the matched substring wrapped in `<mark>` while preserving the
+ * surrounding context (~30 chars each side).
+ *
+ * `textItemIndices` is reserved for the in-page highlight pass — it carries
+ * the indices of the pdfjs text items the match spans across so the renderer
+ * can wrap the right spans without re-running the search per page.
+ */
+export interface PdfSearchResult {
+    page: number;
+    before: string;
+    term: string;
+    after: string;
+    textItemIndices?: number[];
+}
+export type { PreviewTheme } from '../preview-image/preview-image.types';
+/**
+ * Lightweight projection of the internal search state for the
+ * `searchChange` output + the result-list rendering. `activeIndex` is `-1`
+ * when no result is currently focused (e.g. immediately after a `clearSearch`).
+ */
+export interface PdfSearchState {
+    term: string;
+    caseSensitive: boolean;
+    wholeWord: boolean;
+    results: PdfSearchResult[];
+    activeIndex: number;
+}

package/components/quick-action/src/quick-action.component.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class SdQuickAction {
-    isOpened: boolean;
-    set _isOpened(isOpened: '' | boolean | undefined | null);
-    constructor();
-    open: () => void;
-    close: () => void;
+    /**
+     * Toggle visibility of the floating toolbar. Bare attribute = true.
+     */
+    readonly opened: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdQuickAction, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdQuickAction, "sd-quick-action", never, { "_isOpened": { "alias": "isOpened"; "required": false; }; }, {}, never, ["[sdMessage]", "[sdAction]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdQuickAction, "sd-quick-action", never, { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, {}, never, ["[sdMessage]", "[sdAction]"], true, never>;
 }

package/components/section/index.d.ts

@@ -1 +1,2 @@
 export * from './src/section.component';
+export * from './src/section-item/section-item.component';

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SdSectionItem {
+    label: import("@angular/core").InputSignal<string>;
+    labelWidth: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSectionItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSectionItem, "sd-section-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -1,18 +1,17 @@
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdColor } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
 export declare class SdSection extends SdBaseSecureComponent {
-    title?: string | null;
-    subTitle?: string;
-    icon?: string | null;
-    iconColor?: SdColor;
-    collapsed: boolean;
-    set _collapsed(val: boolean | '' | undefined | null);
-    collapsable: boolean;
-    set _collapsable(val: boolean | '' | undefined | null);
-    hideHeader: boolean;
-    set _hideHeader(val: boolean | '' | undefined | null);
+    #private;
+    title: import("@angular/core").InputSignal<string | null | undefined>;
+    subTitle: import("@angular/core").InputSignal<string | null | undefined>;
+    icon: import("@angular/core").InputSignal<string | null | undefined>;
+    iconColor: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Color>;
+    collapsed: import("@angular/core").ModelSignal<boolean>;
+    collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hideHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    noPaddingBody: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    constructor();
     toggleCollapse: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSection, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": true; }; "subTitle": { "alias": "subTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "_collapsed": { "alias": "collapsed"; "required": false; }; "_collapsable": { "alias": "collapsable"; "required": false; }; "_hideHeader": { "alias": "hideHeader"; "required": false; }; }, {}, never, ["[sdHeaderRight]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
 }

package/components/side-drawer/src/side-drawer.component.d.ts

@@ -1,39 +1,30 @@
 import { CdkPortal } from '@angular/cdk/portal';
-import { AfterViewInit, ApplicationRef, ChangeDetectorRef, EventEmitter, Injector, OnDestroy, ElementRef, ViewContainerRef } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdLoadingService } from '@sd-angular/core/services';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class SdSideDrawer extends SdBaseSecureComponent implements AfterViewInit, OnDestroy {
+export declare class SdSideDrawer extends SdBaseSecureComponent {
     #private;
-    private viewContainerRef;
-    private ar;
-    private injector;
-    private ref;
-    private loadingService;
     id: string;
-    portal: CdkPortal;
-    drawerContainerRef: ElementRef;
-    title: string;
-    set _title(val: string | null | undefined);
-    width: string;
-    set _width(val: string | null | undefined);
-    hideClose: boolean;
-    set _hideClose(val: boolean | '' | null | undefined);
-    disableClose: boolean;
-    set _disableClose(val: boolean | '' | null | undefined);
-    sdClosed: EventEmitter<any>;
-    isOpened: boolean;
-    isLoading: boolean;
+    portal: import("@angular/core").Signal<CdkPortal>;
+    title: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    drawerClass: import("@angular/core").InputSignal<any>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    sdClosed: import("@angular/core").OutputEmitterRef<void>;
+    readonly isOpened: import("@angular/core").Signal<boolean>;
+    readonly isLoading: import("@angular/core").Signal<boolean>;
+    readonly dataOpened: import("@angular/core").Signal<"true" | "false">;
+    readonly dataLoading: import("@angular/core").Signal<"true" | "false">;
     isHovered$: Observable<boolean>;
-    constructor(viewContainerRef: ViewContainerRef, ar: ApplicationRef, injector: Injector, ref: ChangeDetectorRef, loadingService: SdLoadingService);
-    ngAfterViewInit(): void;
+    constructor();
     open: () => void;
     close: () => void;
     startLoading: () => void;
     stopLoading: () => void;
-    ngOnDestroy(): void;
-    getHoverStatusStream(): Observable<boolean>;
+    preventScroll: (event: Event) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSideDrawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "_title": { "alias": "title"; "required": false; }; "_width": { "alias": "width"; "required": false; }; "_hideClose": { "alias": "hideClose"; "required": false; }; "_disableClose": { "alias": "disableClose"; "required": false; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdTitle]", "[sdBody]", "[sdFooter]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "drawerClass": { "alias": "drawerClass"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooter]"], true, never>;
 }

package/components/splitter/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/splitter.component';
+export * from './src/splitter-panel/splitter-panel.component';
+export type { SplitterOrientation, SplitterPanelUnit, SplitterPanelState, SplitterLayoutState } from './src/splitter.models';

package/components/splitter/src/splitter-handle/splitter-handle.component.d.ts

@@ -0,0 +1,24 @@
+import { ElementRef } from '@angular/core';
+import { SplitterOrientation } from '../splitter.models';
+import * as i0 from "@angular/core";
+export declare class SdSplitterHandleComponent {
+    #private;
+    readonly elementRef: ElementRef<HTMLElement>;
+    orientation: import("@angular/core").InputSignal<SplitterOrientation>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    keyboardStep: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    ariaValueMin: import("@angular/core").InputSignal<number | undefined>;
+    ariaValueMax: import("@angular/core").InputSignal<number | undefined>;
+    ariaValueNow: import("@angular/core").InputSignal<number | undefined>;
+    readonly dragStart: import("@angular/core").OutputEmitterRef<void>;
+    readonly dragMove: import("@angular/core").OutputEmitterRef<number>;
+    readonly dragEnd: import("@angular/core").OutputEmitterRef<void>;
+    readonly toggleRequest: import("@angular/core").OutputEmitterRef<void>;
+    onDblClick(): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    onPointerDown(ev: PointerEvent): void;
+    onPointerMove(ev: PointerEvent): void;
+    onPointerUp(ev: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSplitterHandleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSplitterHandleComponent, "sd-splitter-handle", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; "ariaValueMin": { "alias": "ariaValueMin"; "required": false; "isSignal": true; }; "ariaValueMax": { "alias": "ariaValueMax"; "required": false; "isSignal": true; }; "ariaValueNow": { "alias": "ariaValueNow"; "required": false; "isSignal": true; }; }, { "dragStart": "dragStart"; "dragMove": "dragMove"; "dragEnd": "dragEnd"; "toggleRequest": "toggleRequest"; }, never, never, true, never>;
+}

package/components/splitter/src/splitter-panel/splitter-panel.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef } from '@angular/core';
+import { SplitterPanelUnit } from '../splitter.models';
+import * as i0 from "@angular/core";
+export declare class SdSplitterPanelComponent {
+    readonly elementRef: ElementRef<HTMLElement>;
+    panelId: import("@angular/core").InputSignal<string | undefined>;
+    size: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    unit: import("@angular/core").InputSignal<SplitterPanelUnit>;
+    minSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    maxSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    collapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    collapsed: import("@angular/core").ModelSignal<boolean>;
+    resizable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSplitterPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSplitterPanelComponent, "sd-splitter-panel", never, { "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
+}

package/components/splitter/src/splitter-state.service.d.ts

@@ -0,0 +1,26 @@
+import { ResolvedPanelMeta, SplitterLayoutState } from './splitter.models';
+import * as i0 from "@angular/core";
+export declare class SplitterStateService {
+    #private;
+    readonly liveSizes: import("@angular/core").WritableSignal<ReadonlyMap<string | number, number>>;
+    readonly collapsedMap: import("@angular/core").WritableSignal<ReadonlyMap<string | number, boolean>>;
+    readonly committedLayout: import("@angular/core").WritableSignal<SplitterLayoutState>;
+    setPanelMeta(metas: ResolvedPanelMeta[]): void;
+    getPanelMetas(): ReadonlyArray<Readonly<ResolvedPanelMeta>>;
+    setLiveSize(id: string | number, size: number): void;
+    setCollapsed(id: string | number, collapsed: boolean): void;
+    reconcile(metas: ResolvedPanelMeta[], stored: SplitterLayoutState | null | undefined): void;
+    /**
+     * Áp delta px lên 2 panel kề handleIndex (prev = handleIndex, next = handleIndex + 1).
+     * Khi snap collapsible panel: tự set collapsed + reset size = 0.
+     * Khi expand collapsible panel đang collapsed: nếu delta đủ lớn → expand.
+     * Trả về delta thực sự đã áp.
+     */
+    applyDelta(handleIndex: number, deltaPx: number, containerPx: number, snapThreshold?: number): number;
+    collapsePanel(id: string | number): void;
+    expandPanel(id: string | number): void;
+    togglePanel(id: string | number): void;
+    commit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SplitterStateService>;
+}

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

@@ -0,0 +1,28 @@
+import { SdSplitterPanelComponent } from './splitter-panel/splitter-panel.component';
+import { SplitterLayoutState, SplitterOrientation } from './splitter.models';
+import * as i0 from "@angular/core";
+export declare class SdSplitterComponent {
+    #private;
+    orientation: import("@angular/core").InputSignal<SplitterOrientation>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    storageKey: import("@angular/core").InputSignal<string | undefined>;
+    snapThreshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    keyboardStep: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly resizeEnd: import("@angular/core").OutputEmitterRef<SplitterLayoutState>;
+    readonly collapsedChange: import("@angular/core").OutputEmitterRef<{
+        panelId: string | number;
+        collapsed: boolean;
+    }>;
+    readonly layoutChange: import("@angular/core").OutputEmitterRef<SplitterLayoutState>;
+    readonly panels: import("@angular/core").Signal<readonly SdSplitterPanelComponent[]>;
+    constructor();
+    getLayout(): SplitterLayoutState;
+    setLayout(state: SplitterLayoutState): void;
+    resetLayout(): void;
+    collapse(target: number | string): void;
+    expand(target: number | string): void;
+    toggle(target: number | string): void;
+    resizePanel(target: number | string, size: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSplitterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSplitterComponent, "sd-splitter", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "snapThreshold": { "alias": "snapThreshold"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; }, { "resizeEnd": "resizeEnd"; "collapsedChange": "collapsedChange"; "layoutChange": "layoutChange"; }, ["panels"], ["sd-splitter-panel"], true, never>;
+}

package/components/splitter/src/splitter.models.d.ts

@@ -0,0 +1,23 @@
+export type SplitterOrientation = 'horizontal' | 'vertical';
+export type SplitterPanelUnit = 'px' | 'flex';
+export interface SplitterPanelState {
+    id: string | number;
+    size: number;
+    unit: SplitterPanelUnit;
+    collapsed: boolean;
+}
+export interface SplitterLayoutState {
+    v: 1;
+    panels: SplitterPanelState[];
+}
+export interface ResolvedPanelMeta {
+    id: string | number;
+    index: number;
+    unit: SplitterPanelUnit;
+    minSize: number;
+    maxSize: number | undefined;
+    collapsible: boolean;
+    resizable: boolean;
+    declaredSize: number;
+    lastSize: number;
+}

package/components/tab-router/src/components/tab-router-item/tab-router-item.component.d.ts

@@ -1,16 +1,19 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { SdTab, SdTabInfo } from '../../models';
 import { SdTabRouterService } from '../../services/tab-router.service';
+import { Router } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class SdTabRouterItemComponent implements OnInit, OnDestroy {
     #private;
     private cdRef;
     private tabRouterService;
+    private router;
     tab: SdTab;
     tabInfo?: SdTabInfo;
-    constructor(cdRef: ChangeDetectorRef, tabRouterService: SdTabRouterService);
+    constructor(cdRef: ChangeDetectorRef, tabRouterService: SdTabRouterService, router: Router);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    onTabClick: (event: Event) => void;
     close: (event: Event) => void;
     onMousedown: (event: MouseEvent) => void;
     onMouseup: (event: MouseEvent) => void;

package/components/tab-router/src/components/tab-router-nav/tab-router-nav.component.d.ts

@@ -3,15 +3,14 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { SdTab } from '../../models/tab-router.model';
 import * as i0 from "@angular/core";
 export declare class SdTabRouterNavComponent {
-    private cdRef;
-    elementRef: ElementRef<any>;
-    tabRouterNav?: ElementRef;
-    tabs: SdTab[];
+    tabRouterNav: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    tabs: import("@angular/core").InputSignal<SdTab[]>;
     mode: 'default' | 'compact';
-    constructor(cdRef: ChangeDetectorRef, elementRef: ElementRef<any>);
+    cdRef: ChangeDetectorRef;
+    elementRef: ElementRef<any>;
     onResize(): void;
     checkUI: () => void;
     onDrop: (event: CdkDragDrop<SdTab[]>) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTabRouterNavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabRouterNavComponent, "sd-tab-router-nav", never, { "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabRouterNavComponent, "sd-tab-router-nav", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }