@sdcorejs/angular 19.1.3 → 19.1.5

package/components/form-generic/src/components/sd-feel-expression/sd-feel-expression.component.d.ts

@@ -1,9 +1,7 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { Attribute, SdFormGenericComponent, SdFormGenericExpression, SdFormGenericGroup } from '../../models';
-import { ExpressionFeelPipe } from '../../pipes';
-import { FormGenericService } from '../../services';
 import * as i0 from "@angular/core";
 export declare class SdFeelExpression implements OnInit {
     #private;
@@ -19,18 +17,19 @@ export declare class SdFeelExpression implements OnInit {
     }[]>;
     attributes: Attribute[];
     attribute: Record<string, Attribute>;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
+    readonly components: import("@angular/core").InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
     expression?: SdFormGenericExpression;
     set _expression(expression: SdFormGenericExpression | undefined);
-    expressionChange: EventEmitter<SdFormGenericExpression>;
+    readonly expressionChange: import("@angular/core").OutputEmitterRef<SdFormGenericExpression>;
     model?: string;
     set _model(model: string | undefined);
-    modelChange: EventEmitter<string>;
-    sdChange: EventEmitter<{
+    readonly modelChange: import("@angular/core").OutputEmitterRef<string | undefined>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<{
         model?: string;
         expression?: SdFormGenericExpression;
     }>;
-    constructor(ref: ChangeDetectorRef, expressionFeelPipe: ExpressionFeelPipe, formGenericService: FormGenericService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     edit: () => Promise<void>;
     addCondition: (conditions: SdFormGenericExpression["conditions"]) => void;
@@ -38,5 +37,5 @@ export declare class SdFeelExpression implements OnInit {
     remove: (conditions: SdFormGenericExpression["conditions"], idx: number) => void;
     onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdFeelExpression, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdFeelExpression, "sd-feel-expression", never, { "components": { "alias": "components"; "required": true; }; "_expression": { "alias": "expression"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "expressionChange": "expressionChange"; "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdFeelExpression, "sd-feel-expression", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "_expression": { "alias": "expression"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "expressionChange": "expressionChange"; "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/pipes/component-viewed.pipe.d.ts

@@ -1,12 +1,11 @@
 import { PipeTransform } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericHtml } from '../models';
-import { FormGenericService } from '../services';
-import { SdFormatNumberPipe } from '@sdcorejs/angular/pipes';
 import * as i0 from "@angular/core";
 export declare class ComponentViewedPipe implements PipeTransform {
     private readonly formatNumberPipe;
     private readonly formGenericService;
-    constructor(formatNumberPipe: SdFormatNumberPipe, formGenericService: FormGenericService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     transform: (value: any, entity: Record<string, any>, component: Exclude<SdFormGenericComponent, SdFormGenericHtml>) => Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComponentViewedPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ComponentViewedPipe, "componentViewed", true>;

package/components/form-generic/src/pipes/html.pipe.d.ts

@@ -1,10 +1,10 @@
 import { PipeTransform } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
 import { SdFormGenericHtml } from '../models';
 import * as i0 from "@angular/core";
 export declare class HtmlPipe implements PipeTransform {
     private readonly sanitizer;
-    constructor(sanitizer: DomSanitizer);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     transform: (hashed: string | undefined | null, content: string, component: SdFormGenericHtml) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<HtmlPipe, "htmlPipe", true>;

package/components/form-generic/src/services/form-render.service.d.ts

@@ -1,9 +1,9 @@
 import { SdFormGeneric } from '../models/form-generic.model';
-import { ComponentViewedPipe } from '../pipes';
 import * as i0 from "@angular/core";
 export declare class SdFormRenderService {
     private readonly componentViewedPipe;
-    constructor(componentViewedPipe: ComponentViewedPipe);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     viewEntities: (form: SdFormGeneric, entities: Record<string, any>[]) => Promise<Record<string, any>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdFormRenderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdFormRenderService>;

package/components/import-excel/src/import-excel.component.d.ts

@@ -1,11 +1,7 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
-import { ColumnHiddenPipe } from './pipes/columm-hidden.pipe';
 import { SdImportExcelItem, SdImportExcelOption, SdImportExcelValidation } from './import-excel.model';
 import { SdModal } from '@sdcorejs/angular/components/modal';
-import { SdExcelService } from '@sdcorejs/angular/services/excel';
-import { SdNotifyService } from '@sdcorejs/angular/services/notify';
-import { SdLoadingService } from '@sdcorejs/angular/services/loading';
 import * as i0 from "@angular/core";
 export declare class SdImportExcel implements OnInit, OnDestroy {
     #private;
@@ -29,8 +25,9 @@ export declare class SdImportExcel implements OnInit, OnDestroy {
     uploading: boolean;
     isUploaded: boolean;
     isDownloadTemplate: boolean;
-    sdClosed: EventEmitter<any>;
-    constructor(ref: ChangeDetectorRef, excelService: SdExcelService, notifyService: SdNotifyService, columnHiddenPipe: ColumnHiddenPipe, loadingService: SdLoadingService);
+    readonly sdClosed: import("@angular/core").OutputEmitterRef<void>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngOnDestroy(): void;
     open: () => void;

package/components/import-excel/src/pipes/column-transform.pipe.d.ts

@@ -1,10 +1,11 @@
 import { PipeTransform } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { SafeHtml } from '@angular/platform-browser';
 import { SdImportExcelItem, SdUploadExcelColumn } from '../import-excel.model';
 import * as i0 from "@angular/core";
 export declare class ColumnTransformPipe implements PipeTransform {
     private sanitizer;
-    constructor(sanitizer: DomSanitizer);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     transform(item: SdImportExcelItem, column: SdUploadExcelColumn): Promise<string | SafeHtml>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTransformPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ColumnTransformPipe, "columnTransform", true>;

package/components/index.d.ts

@@ -25,3 +25,7 @@ export * from '@sdcorejs/angular/components/editor';
 export * from '@sdcorejs/angular/components/splitter';
 export * from '@sdcorejs/angular/components/preview';
 export * from '@sdcorejs/angular/components/autoid-inspector';
+export * from '@sdcorejs/angular/components/breadcrumb';
+export * from '@sdcorejs/angular/components/data-state';
+export * from '@sdcorejs/angular/components/job-progress';
+export * from '@sdcorejs/angular/components/audit-diff';

package/components/job-progress/index.d.ts

@@ -0,0 +1 @@
+export * from './src/job-progress.component';

package/components/job-progress/src/job-progress.component.d.ts

@@ -0,0 +1,34 @@
+import { SdTaskState, SdTaskStatus, SdTaskView } from '@sdcorejs/angular/services/task';
+import * as i0 from "@angular/core";
+export type SdJobProgressMode = 'bar' | 'compact' | 'details';
+export declare class SdJobProgress {
+    #private;
+    readonly taskId: import("@angular/core").InputSignal<string | undefined>;
+    readonly state: import("@angular/core").InputSignal<SdTaskState<unknown> | undefined>;
+    readonly mode: import("@angular/core").InputSignal<SdJobProgressMode>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly message: import("@angular/core").InputSignal<string | undefined>;
+    readonly showActions: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly sdCancel: import("@angular/core").OutputEmitterRef<void>;
+    readonly sdRetry: import("@angular/core").OutputEmitterRef<void>;
+    readonly task: import("@angular/core").Signal<SdTaskView<unknown> | undefined>;
+    readonly resolvedState: import("@angular/core").Signal<SdTaskState<unknown> | undefined>;
+    readonly progress: import("@angular/core").Signal<number | undefined>;
+    readonly effectiveTitle: import("@angular/core").Signal<string | undefined>;
+    readonly effectiveMessage: import("@angular/core").Signal<string | undefined>;
+    readonly statusLabel: import("@angular/core").Signal<string>;
+    readonly progressLabel: import("@angular/core").Signal<string>;
+    readonly cancelLabel: import("@angular/core").Signal<string>;
+    readonly retryLabel: import("@angular/core").Signal<string>;
+    readonly displayedError: import("@angular/core").Signal<string | undefined>;
+    readonly active: import("@angular/core").Signal<boolean>;
+    readonly canCancel: import("@angular/core").Signal<boolean>;
+    readonly canRetry: import("@angular/core").Signal<boolean>;
+    get modeAttr(): SdJobProgressMode;
+    get statusAttr(): SdTaskStatus;
+    readonly ariaLive = "polite";
+    onCancel(): void;
+    onRetry(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdJobProgress, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdJobProgress, "sd-job-progress", never, { "taskId": { "alias": "taskId"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; }, { "sdCancel": "sdCancel"; "sdRetry": "sdRetry"; }, never, never, true, never>;
+}

package/components/mini-editor/src/mini-editor.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import { ClassicEditor } from 'ckeditor5';
 import { ControlValueAccessor } from '@angular/forms';
 import { SdMiniEditorOption, SdMiniEditorConfig } from './mini-editor.model';
@@ -25,15 +25,15 @@ export declare class SdMiniEditor implements ControlValueAccessor, OnDestroy {
     get maxEditorHeight(): string | undefined;
     /** NgModel binding - nội dung HTML/Markdown */
     value: string;
-    valueChange: EventEmitter<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
     /** Event emitter khi content thay đổi */
-    contentChange: EventEmitter<string>;
+    readonly contentChange: import("@angular/core").OutputEmitterRef<string>;
     /** Event emitter khi blur */
-    blur: EventEmitter<FocusEvent>;
+    readonly blur: import("@angular/core").OutputEmitterRef<FocusEvent>;
     /** Event emitter khi focus */
-    focus: EventEmitter<FocusEvent>;
+    readonly focus: import("@angular/core").OutputEmitterRef<FocusEvent>;
     /** Disabled state */
-    disabled: boolean;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     Editor: typeof ClassicEditor;
     get editorConfig(): SdMiniEditorConfig;
     constructor();
@@ -87,5 +87,5 @@ export declare class SdMiniEditor implements ControlValueAccessor, OnDestroy {
      */
     registerOnTouched(fn: () => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdMiniEditor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdMiniEditor, "sd-mini-editor", never, { "option": { "alias": "option"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "contentChange": "contentChange"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdMiniEditor, "sd-mini-editor", never, { "option": { "alias": "option"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "contentChange": "contentChange"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
 }

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

@@ -1,6 +1,7 @@
 import { ElementRef, TemplateRef } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
+export type SdModalBeforeClose = () => boolean | Promise<boolean>;
 export declare class SdModal {
     #private;
     static index: import("@angular/core").WritableSignal<number>;
@@ -19,12 +20,16 @@ export declare class SdModal {
     lazyLoadContent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
     disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    beforeClose: import("@angular/core").InputSignal<SdModalBeforeClose | undefined>;
     sdClosed: import("@angular/core").OutputEmitterRef<void>;
+    sdCloseError: import("@angular/core").OutputEmitterRef<unknown>;
     isOpened: import("@angular/core").WritableSignal<boolean>;
     alreadyOpened: import("@angular/core").WritableSignal<boolean>;
     constructor();
     open: () => void;
     close: () => void;
+    requestClose: () => Promise<boolean>;
+    forceClose: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; "sdCloseError": "sdCloseError"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }

package/components/preview/index.d.ts

@@ -1,4 +1,7 @@
 export * from './src/preview-image/preview-image.component';
 export type * from './src/preview-image/preview-image.types';
 export * from './src/preview-pdf/preview-pdf.component';
+export * from './src/preview-pdf/preview-pdf.browser';
+export * from './src/preview-pdf/preview-pdf.print';
+export * from './src/preview-pdf/preview-pdf.pdfjs';
 export type * from './src/preview-pdf/preview-pdf.types';

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

@@ -0,0 +1,28 @@
+import { InjectionToken } from '@angular/core';
+export interface SdPdfIntersectionEntry {
+    readonly target: Element;
+    readonly isIntersecting: boolean;
+}
+export interface SdPdfBrowserAdapter {
+    readonly isBrowser: boolean;
+    /** The platform can trigger an anchor download for an existing URL. */
+    readonly canDownloadUrl: boolean;
+    /** The platform can create/revoke an object URL and then download it. */
+    readonly canDownloadBlob: boolean;
+    readonly canFullscreen: boolean;
+    isFile(value: unknown): value is File;
+    isBlob(value: unknown): value is Blob;
+    createPdfBlob(data: Uint8Array): Blob | null;
+    createObjectUrl(blob: Blob): string | null;
+    revokeObjectUrl(url: string): void;
+    download(href: string, filename: string): boolean;
+    createElement<K extends keyof HTMLElementTagNameMap>(tagName: K): HTMLElementTagNameMap[K] | null;
+    createImage(): HTMLImageElement | null;
+    listenFullscreen(host: HTMLElement, listener: (active: boolean) => void): () => void;
+    toggleFullscreen(host: HTMLElement): Promise<void>;
+    observeResize(element: Element, listener: () => void): () => void;
+    observeIntersections(elements: readonly Element[], listener: (entries: readonly SdPdfIntersectionEntry[]) => void, options?: IntersectionObserverInit): () => void;
+    scheduleFrame(callback: FrameRequestCallback): number | null;
+    cancelFrame(handle: number | null): void;
+}
+export declare const SD_PDF_BROWSER_ADAPTER: InjectionToken<SdPdfBrowserAdapter>;

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

@@ -1,33 +1,37 @@
-import { ElementRef, InjectionToken, OnDestroy } from '@angular/core';
-import { PdfErrorEvent, PdfLoadEvent, PdfMeta, PdfScrollMode, PdfSearchResult, PdfSearchState, PdfSidebarMode, PdfSource, PdfStage, PdfZoomMode, PreviewTheme } from './preview-pdf.types';
+import { ElementRef } from '@angular/core';
+import { PdfErrorEvent, PdfLoadEvent, PdfMeta, PdfOutlineItem, 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 { SD_PDFJS_LIB } from './preview-pdf.pdfjs';
+export type { SdPdfJsLib } from './preview-pdf.pdfjs';
+interface PdfOutlineRow {
+    readonly item: PdfOutlineItem;
+    readonly level: number;
+    readonly parentId: string | null;
 }
-export declare const SD_PDFJS_LIB: InjectionToken<SdPdfJsLib>;
-export declare class SdPreviewPdf implements OnDestroy {
+type PdfSidebarTabMode = Exclude<PdfSidebarMode, 'none'>;
+export declare class SdPreviewPdf {
     #private;
     static readonly MIN_ZOOM = 0.25;
     static readonly MAX_ZOOM = 4;
     static readonly ZOOM_STEP = 0.1;
+    static readonly OUTLINE_MAX_DEPTH = 64;
+    static readonly OUTLINE_MAX_NODES = 10000;
+    static readonly MAX_SEARCH_RESULTS = 1000;
+    static readonly MAX_PAGE_TEXT_CACHE_PAGES = 128;
+    static readonly THUMBNAIL_WINDOW_SIZE = 48;
+    static readonly THUMBNAIL_ITEM_HEIGHT = 220;
+    static readonly MAX_THUMBNAIL_CACHE_ENTRIES = 96;
+    private static readonly MAX_CONCURRENT_THUMBNAIL_WORK;
+    static readonly MAX_CANVAS_DIMENSION = 8192;
+    static readonly MAX_CANVAS_PIXELS = 16777216;
     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 sidebarContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    protected readonly outlineItemRefs: import("@angular/core").Signal<readonly ElementRef<HTMLElement>[]>;
+    protected readonly sidebarTabRefs: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
+    protected readonly continuousCanvases: import("@angular/core").Signal<readonly ElementRef<HTMLCanvasElement>[]>;
     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>;
@@ -51,6 +55,13 @@ export declare class SdPreviewPdf implements OnDestroy {
     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 sidebarPanelId: import("@angular/core").Signal<string>;
+    readonly sidebarRegionId: import("@angular/core").Signal<string>;
+    readonly searchBarId: import("@angular/core").Signal<string>;
+    readonly tabThumbnailsId: import("@angular/core").Signal<string>;
+    readonly tabOutlineId: import("@angular/core").Signal<string>;
+    readonly tabSearchId: import("@angular/core").Signal<string>;
+    readonly sidebarActiveTabId: import("@angular/core").Signal<string>;
     readonly autoIdSearchInput: import("@angular/core").Signal<string | undefined>;
     readonly autoIdSearchNext: import("@angular/core").Signal<string | undefined>;
     readonly autoIdSearchPrev: import("@angular/core").Signal<string | undefined>;
@@ -84,6 +95,7 @@ export declare class SdPreviewPdf implements OnDestroy {
         term: string;
         total: number;
         current: number;
+        truncated: boolean;
     }>;
     readonly stage: import("@angular/core").Signal<PdfStage>;
     readonly activePage: import("@angular/core").Signal<number>;
@@ -98,14 +110,28 @@ export declare class SdPreviewPdf implements OnDestroy {
     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 thumbnailWorkCount: import("@angular/core").Signal<number>;
+    readonly pageTextCacheSize: import("@angular/core").Signal<number>;
+    readonly continuousPages: import("@angular/core").Signal<number[]>;
+    readonly continuousTopSpacer: import("@angular/core").Signal<number>;
+    readonly continuousBottomSpacer: import("@angular/core").Signal<number>;
+    readonly continuousPageHeights: import("@angular/core").Signal<Record<number, number>>;
+    readonly outline: import("@angular/core").Signal<readonly PdfOutlineItem[]>;
+    readonly outlineFocusId: import("@angular/core").Signal<string | null>;
+    readonly visibleOutline: import("@angular/core").Signal<readonly PdfOutlineRow[]>;
     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 canDownload: import("@angular/core").Signal<boolean>;
+    readonly canFullscreen: import("@angular/core").Signal<boolean>;
+    readonly canPrint: import("@angular/core").Signal<boolean>;
     readonly pageList: import("@angular/core").Signal<number[]>;
     readonly pageNumbers: import("@angular/core").Signal<number[]>;
+    readonly thumbnailTopSpacer: import("@angular/core").Signal<number>;
+    readonly thumbnailBottomSpacer: 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[]>;
@@ -113,11 +139,11 @@ export declare class SdPreviewPdf implements OnDestroy {
     readonly searchCaseSensitive: import("@angular/core").Signal<boolean>;
     readonly searchWholeWord: import("@angular/core").Signal<boolean>;
     readonly searchTotal: import("@angular/core").Signal<number>;
+    readonly searchTruncated: import("@angular/core").Signal<boolean>;
     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;
@@ -129,14 +155,23 @@ export declare class SdPreviewPdf implements OnDestroy {
     rotate(direction: 'left' | 'right'): void;
     toggleSidebar(): void;
     setSidebarMode(mode: PdfSidebarMode): void;
+    onSidebarTabKeyDown(event: KeyboardEvent, currentMode: PdfSidebarTabMode): void;
+    onThumbnailSidebarScroll(event: Event): void;
     setScrollMode(mode: PdfScrollMode): void;
     downloadFile(): void;
+    downloadFileAsync(): Promise<boolean>;
     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;
+    print(): Promise<void>;
+    isOutlineExpanded(id: string): boolean;
+    toggleOutlineItem(id: string, event?: Event): void;
+    focusOutlineItem(id: string): void;
+    activateOutlineItem(id: string): void;
+    onOutlineKeyDown(event: KeyboardEvent, id: string): void;
     /**
      * Run a full-document search for `term`. Returns the result count.
      *
@@ -159,6 +194,7 @@ export declare class SdPreviewPdf implements OnDestroy {
     }): Promise<number>;
     searchNext(): void;
     searchPrev(): void;
+    activateSearchResult(index: number): void;
     clearSearch(): void;
     /** Open the search bar and focus its input. Idempotent. */
     openSearch(): void;
@@ -167,15 +203,17 @@ export declare class SdPreviewPdf implements OnDestroy {
     toggleSearchCaseSensitive(): void;
     toggleSearchWholeWord(): void;
     /** Live binding from the search bar's `(input)` event. */
-    onSearchInput(value: string): void;
+    onSearchInput(event: Event): void;
     onKeyDown(event: KeyboardEvent): void;
     onPageInputEnter(event: Event): void;
     onPageInputBlur(event: Event): void;
     onWheel(event: WheelEvent): void;
     trackByPage(_i: number, page: number): number;
+    onStageScroll(): void;
     /**
      * Render a single page into a sidebar thumbnail canvas at ~140px width.
-     * Cached via `#thumbsRendering` so rapid scroll bounces don't double-render.
+     * Reserved in `#thumbnailWork` before getPage() so rapid scroll bounces
+     * cannot start duplicate work for the same mounted page.
      *
      * Visible for testing — tests can stub `getPage()` on the fake doc to
      * assert this method calls `render(...)` with the right page argument.

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

@@ -0,0 +1,77 @@
+import { InjectionToken } from '@angular/core';
+export interface SdPdfRenderTask {
+    readonly promise: Promise<void>;
+    cancel(): void;
+}
+export interface SdPdfViewport {
+    readonly width: number;
+    readonly height: number;
+}
+export interface SdPdfTextItem {
+    readonly str: string;
+}
+export interface SdPdfTextContent {
+    readonly items: readonly unknown[];
+}
+export interface SdPdfPageProxy {
+    getViewport(parameters: {
+        scale: number;
+        rotation?: number;
+    }): SdPdfViewport;
+    render(parameters: {
+        canvasContext: CanvasRenderingContext2D;
+        viewport: SdPdfViewport;
+    }): SdPdfRenderTask;
+    getTextContent(): Promise<SdPdfTextContent | unknown>;
+    cleanup(): void;
+}
+export interface SdPdfReference {
+    readonly num: number;
+    readonly gen: number;
+}
+export type SdPdfDestination = string | readonly unknown[] | null;
+export interface SdPdfRawOutlineItem {
+    readonly title?: string;
+    readonly dest?: SdPdfDestination;
+    readonly url?: string | null;
+    readonly items?: readonly SdPdfRawOutlineItem[];
+}
+export interface SdPdfDocumentProxy {
+    readonly numPages: number;
+    getPage(pageNumber: number): Promise<SdPdfPageProxy>;
+    getMetadata(): Promise<{
+        readonly info?: {
+            readonly Title?: string;
+            readonly Author?: string;
+            readonly Subject?: string;
+        };
+    }>;
+    getOutline(): Promise<readonly SdPdfRawOutlineItem[] | null>;
+    getDestination(name: string): Promise<readonly unknown[] | null>;
+    getPageIndex(reference: SdPdfReference): Promise<number>;
+    cachedPageNumber(reference: SdPdfReference): number | null;
+    getData(): Promise<Uint8Array>;
+    destroy(): Promise<void>;
+}
+export interface SdPdfLoadingTask {
+    readonly promise: Promise<SdPdfDocumentProxy>;
+    onProgress?: (progress: {
+        loaded: number;
+        total: number;
+    }) => void;
+    destroy?(): Promise<void> | void;
+}
+export interface SdPdfDocumentSpec {
+    url?: string;
+    data?: Uint8Array;
+    httpHeaders?: Record<string, string>;
+    withCredentials?: boolean;
+    password?: string;
+}
+export interface SdPdfJsLib {
+    getDocument(spec: SdPdfDocumentSpec): SdPdfLoadingTask;
+    readonly GlobalWorkerOptions: {
+        workerSrc: string;
+    };
+}
+export declare const SD_PDFJS_LIB: InjectionToken<SdPdfJsLib>;

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

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+export interface SdPdfPrintJob {
+    readonly finished: Promise<void>;
+    cancel(): void;
+}
+export interface SdPdfPrintAdapter {
+    readonly isSupported: boolean;
+    start(data: Uint8Array, filename: string): SdPdfPrintJob | null;
+}
+export declare const SD_PDF_PRINT_ADAPTER: InjectionToken<SdPdfPrintAdapter>;

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

@@ -18,17 +18,18 @@ export type PdfSource = string | File | Blob | ArrayBuffer | Uint8Array | {
  * 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.
- */
+/** Which tab the sidebar shows. `'none'` collapses the sidebar entirely. */
 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.
- */
+/** Page layout mode. */
 export type PdfScrollMode = 'page' | 'continuous';
+/** Consumer-facing, recursively resolved PDF document-outline item. */
+export interface PdfOutlineItem {
+    readonly id: string;
+    readonly title: string;
+    readonly page: number | null;
+    readonly url?: string;
+    readonly children: readonly PdfOutlineItem[];
+}
 /**
  * Document-level metadata extracted from `pdfDoc.getMetadata()`.
  */
@@ -81,4 +82,5 @@ export interface PdfSearchState {
     wholeWord: boolean;
     results: PdfSearchResult[];
     activeIndex: number;
+    truncated: boolean;
 }

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

@@ -1,6 +1,7 @@
 import { CdkPortal } from '@angular/cdk/portal';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+export type SdSideDrawerBeforeClose = () => boolean | Promise<boolean>;
 export declare class SdSideDrawer {
     #private;
     id: string;
@@ -9,10 +10,12 @@ export declare class SdSideDrawer {
     width: import("@angular/core").InputSignal<string>;
     hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
     disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
+    beforeClose: import("@angular/core").InputSignal<SdSideDrawerBeforeClose | undefined>;
     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>;
+    sdCloseError: import("@angular/core").OutputEmitterRef<unknown>;
     readonly isOpened: import("@angular/core").Signal<boolean>;
     readonly isLoading: import("@angular/core").Signal<boolean>;
     readonly dataOpened: import("@angular/core").Signal<"true" | "false">;
@@ -21,9 +24,11 @@ export declare class SdSideDrawer {
     constructor();
     open: () => void;
     close: () => void;
+    requestClose: () => Promise<boolean>;
+    forceClose: () => void;
     startLoading: () => void;
     stopLoading: () => void;
     preventScroll: (event: Event) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSideDrawer, 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]", "*", "[sdFooterLeft]", "[sdFooterRight]"], 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; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; "drawerClass": { "alias": "drawerClass"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; "sdCloseError": "sdCloseError"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }

package/components/tab/src/tab-group.component.d.ts

@@ -7,6 +7,7 @@ export interface SdTabClosedEvent {
     tab: SdTab;
 }
 export declare class SdTabGroup {
+    #private;
     tabs: import("@angular/core").Signal<readonly SdTab[]>;
     selectedIndex: import("@angular/core").ModelSignal<number>;
     variant: import("@angular/core").InputSignal<"line" | "pills" | "segmented">;