@pecb-ui/components 1.1.15 → 1.1.18

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, ChangeDetectorRef, TemplateRef, Type, OnDestroy, AfterViewInit, QueryList, OnInit, OnChanges } from '@angular/core';
 import * as _angular_platform_browser from '@angular/platform-browser';
-import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import { SafeHtml, DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { ScrollStrategy, ConnectedPosition } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _pecb_ui_components from '@pecb-ui/components';
@@ -4693,6 +4693,511 @@ declare class CoursePlayerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CoursePlayerComponent, "pecb-course-player", never, { "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "transcript": { "alias": "transcript"; "required": false; "isSignal": true; }; "activeLessonId": { "alias": "activeLessonId"; "required": false; "isSignal": true; }; "playing": { "alias": "playing"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "panelTab": { "alias": "panelTab"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "tracks": { "alias": "tracks"; "required": false; "isSignal": true; }; "stageLabel": { "alias": "stageLabel"; "required": false; "isSignal": true; }; "watermark": { "alias": "watermark"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "preload": { "alias": "preload"; "required": false; "isSignal": true; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; "isSignal": true; }; "seekStep": { "alias": "seekStep"; "required": false; "isSignal": true; }; "videoLabels": { "alias": "videoLabels"; "required": false; "isSignal": true; }; "autoPlayOnSelect": { "alias": "autoPlayOnSelect"; "required": false; "isSignal": true; }; "showLessonTitle": { "alias": "showLessonTitle"; "required": false; "isSignal": true; }; "panelPosition": { "alias": "panelPosition"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "showTabs": { "alias": "showTabs"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "soloSingleLessonModules": { "alias": "soloSingleLessonModules"; "required": false; "isSignal": true; }; "panelLabels": { "alias": "panelLabels"; "required": false; "isSignal": true; }; }, { "activeLessonId": "activeLessonIdChange"; "playing": "playingChange"; "currentTime": "currentTimeChange"; "panelTab": "panelTabChange"; "lessonSelect": "lessonSelect"; "lessonEnded": "lessonEnded"; "timeUpdate": "timeUpdate"; "certificateClick": "certificateClick"; "playerError": "playerError"; }, never, never, true, never>;
 }
 
+/** One entry of the day switcher (mock `.sl-day` pills). */
+interface SlideViewerDay {
+    /** Stable identifier handed back by `dayChange` / `activeDayId`. */
+    id: string | number;
+    /** Pill text, e.g. `Day 1`. */
+    label: string;
+    /** Free-form data for a custom day template. */
+    meta?: Record<string, unknown>;
+}
+/**
+ * One slide. The viewer only needs an image per slide — how the image is produced
+ * (rendered from a PDF, exported from PowerPoint, served by a CDN) is up to the
+ * consumer, which keeps the element free of any PDF dependency.
+ */
+interface SlideViewerSlide {
+    /** Identifier, echoed in events and used for selection. Defaults to the 1-based index. */
+    id?: string | number;
+    /**
+     * Large image shown on the stage. When missing the stage shows `thumbnail` and emits
+     * `fullImageRequest` so the host can render it lazily.
+     */
+    image?: string;
+    /**
+     * Small image shown in the sidebar. Falls back to `image`. While missing (a deck that
+     * publishes every page first and renders thumbnails later) the tile shows a shimmer.
+     */
+    thumbnail?: string;
+    /** Accessible / searchable title. Defaults to `{slide} {n}` from the labels. */
+    title?: string;
+    /** Extracted text used by the keyword search (not rendered). */
+    text?: string;
+    /** Skipped by navigation while `skipHidden` is on; still listed in the sidebar (dimmed). */
+    hidden?: boolean;
+    /** Free-form data the consumer wants to carry along (templates receive it). */
+    meta?: Record<string, unknown>;
+}
+/** Built-in tool buttons of the top bar, in the order they render. */
+type SlideViewerTool = 'notes' | 'feedback' | 'courseFiles' | 'downloadSlides';
+/** Where the thumbnail sidebar sits. */
+type SlideViewerSidebarPosition = 'end' | 'start' | 'none';
+/** Keyboard actions the viewer handles on its region. */
+type SlideViewerKeyAction = 'next' | 'previous' | 'first' | 'last' | 'fullscreen' | 'search' | 'zoomIn' | 'zoomOut' | 'zoomReset';
+/** Keys per action. Override any subset via the `keyMap` input; an empty array disables the action. */
+type SlideViewerKeyMap = Record<SlideViewerKeyAction, readonly string[]>;
+declare const DEFAULT_SLIDE_VIEWER_KEY_MAP: SlideViewerKeyMap;
+/** Payload of the `tool` output. */
+interface SlideViewerToolEvent {
+    tool: SlideViewerTool;
+    /** Slide shown when the tool was pressed (1-based). */
+    page: number;
+}
+/** Payload of `slideChange`. */
+interface SlideViewerPageEvent {
+    /** 1-based slide number. */
+    page: number;
+    total: number;
+    slide: SlideViewerSlide | null;
+    /** What triggered the change. */
+    source: 'nav' | 'input' | 'thumbnail' | 'keyboard' | 'wheel' | 'day' | 'api';
+}
+/** Payload of `searchChange`. */
+interface SlideViewerSearchEvent {
+    term: string;
+    /** 1-based slide numbers that match (all slides when the term is empty). */
+    matches: number[];
+}
+/** Payload of `slideMove` (drag & drop reorder in the sidebar). */
+interface SlideViewerMoveEvent {
+    /** 1-based position the slide was dragged from. */
+    from: number;
+    /** 1-based position it was dropped at. */
+    to: number;
+    slide: SlideViewerSlide;
+}
+/** Context handed to a `pecbSlideViewerThumbnail` template. */
+interface SlideViewerThumbnailContext {
+    $implicit: SlideViewerSlide;
+    /** 1-based slide number. */
+    index: number;
+    active: boolean;
+    selected: boolean;
+}
+/** Context handed to a `pecbSlideViewerDay` template. */
+interface SlideViewerDayContext {
+    $implicit: SlideViewerDay;
+    active: boolean;
+}
+/**
+ * All user-visible strings. Override any subset via the `labels` input to
+ * translate the viewer. `{n}` / `{total}` are substituted where noted.
+ */
+interface SlideViewerLabels {
+    /** Region name for assistive tech. */
+    viewer: string;
+    /** Default slide title — `{n}` is the slide number. */
+    slide: string;
+    /** Separator text before the total, e.g. `/`. */
+    of: string;
+    /** Aria-label of the slide-number input. */
+    slideNumber: string;
+    first: string;
+    previous: string;
+    next: string;
+    last: string;
+    enterFullscreen: string;
+    exitFullscreen: string;
+    zoomIn: string;
+    zoomOut: string;
+    zoomReset: string;
+    /** Note panel header. */
+    note: string;
+    days: string;
+    thumbnails: string;
+    searchPlaceholder: string;
+    /** Shown while a keyword filters the list — `{n}` matches, `{total}` slides. */
+    searchResults: string;
+    noResults: string;
+    loading: string;
+    /** Aria-label of a tile checkbox in selection mode — `{n}` is the slide number. */
+    selectSlide: string;
+    /** Aria description of a draggable tile. */
+    dragHint: string;
+    /** Badge on a hidden slide's tile. */
+    hidden: string;
+    /** Stage message when there are no slides (and nothing is loading). */
+    emptyTitle: string;
+    emptyHint: string;
+    /** Stage message while `error` is set. */
+    errorTitle: string;
+    errorHint: string;
+    /** Retry button in the error state. */
+    retry: string;
+    /** Screen-reader announcement on slide change — `{n}` current, `{total}` count. */
+    slideAnnouncement: string;
+    /** Shown on the shimmering stage while `loadingProgress` is known — `{percent}` 0–100. */
+    loadingProgress: string;
+    notes: string;
+    feedback: string;
+    courseFiles: string;
+    downloadSlides: string;
+    /** Tooltip of the disabled download button. */
+    downloadUnavailable: string;
+}
+declare const DEFAULT_SLIDE_VIEWER_LABELS: SlideViewerLabels;
+/** Default set and order of the top-bar tools. */
+declare const DEFAULT_SLIDE_VIEWER_TOOLS: readonly SlideViewerTool[];
+/** Zoom steps offered by the stage (1 = fit). */
+declare const DEFAULT_SLIDE_VIEWER_ZOOM_STEPS: readonly number[];
+/** Clamp a 1-based page into `[1, total]` (`1` when there are no slides). */
+declare function clampSlidePage(page: number, total: number): number;
+/**
+ * Custom content rendered over each sidebar tile (badges, checkmarks, a drag handle…).
+ * ```html
+ * <ng-template pecbSlideViewerThumbnail let-slide let-n="index">
+ *   @if (slide.meta?.hasNotes) { <span class="badge">Notes</span> }
+ * </ng-template>
+ * ```
+ */
+declare class SlideViewerThumbnailDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideViewerThumbnailDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlideViewerThumbnailDirective, "ng-template[pecbSlideViewerThumbnail]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Custom content of each day pill (status dot, counter…). The pill itself stays.
+ * ```html
+ * <ng-template pecbSlideViewerDay let-day let-active="active">{{ day.label }} · {{ day.meta?.count }}</ng-template>
+ * ```
+ */
+declare class SlideViewerDayDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideViewerDayDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlideViewerDayDirective, "ng-template[pecbSlideViewerDay]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * PECB course slide viewer.
+ *
+ * Reproduces the "Open course" slide view of the PECB Profile redesign: a top
+ * bar with day pills and tool buttons, a 16:10 stage, a navigation bar
+ * (first / previous / next / last, slide-number input, projected version
+ * select, zoom, fullscreen), a collapsible per-slide note and a sticky sidebar
+ * with keyword search and thumbnails.
+ *
+ * The element is purely presentational: it receives days, slide images and a
+ * note, keeps the current page / search / zoom / fullscreen / selection state
+ * and emits every intent (`dayChange`, `slideChange`, `tool`, `slideMove`, …)
+ * so the host app owns data, dialogs and persistence. No PDF library is
+ * involved — feed it images; leave `image` out and answer `fullImageRequest`
+ * to render large images lazily.
+ *
+ * Empty / broken decks: with no slides and nothing loading the stage shows `emptyTitle`
+ * / `emptyHint`; with `error` set it shows `errorTitle` / `errorHint` and a retry button
+ * (`retry` output). Both messages can be replaced through the `pecbSlideViewerEmpty` slot.
+ *
+ * Slots: `pecbSlideViewerToolsStart` / `pecbSlideViewerTools` (tool bar),
+ * `pecbSlideViewerVersion` (navigation bar, right), `pecbSlideViewerStage`
+ * (overlay on the stage), `pecbSlideViewerNote` (inside the note panel),
+ * `pecbSlideViewerBelow` (under the stage column), `pecbSlideViewerSidebarHeader`
+ * / `pecbSlideViewerSidebarFooter` (sidebar). Templates: `pecbSlideViewerThumbnail`,
+ * `pecbSlideViewerDay`.
+ *
+ * @example
+ * ```html
+ * <pecb-slide-viewer
+ *   [days]="days" [(activeDayId)]="dayId" (dayChange)="loadDay($event)"
+ *   [slides]="slides" [(page)]="page" [note]="noteHtml"
+ *   (fullImageRequest)="renderFull($event)"
+ *   (tool)="onTool($event)" (slideChange)="track($event)">
+ *   <pecb-dropdown pecbSlideViewerVersion [options]="versions" [(ngModel)]="version" />
+ * </pecb-slide-viewer>
+ * ```
+ *
+ * Theming — override the CSS custom properties on the host:
+ * ```css
+ * pecb-slide-viewer { --pecb-slide-sidebar-width: 300px; --pecb-slide-active: #a11e29; }
+ * ```
+ */
+declare class SlideViewerComponent {
+    private readonly platformId;
+    private readonly zone;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    /** Unique id used to wire ARIA relationships inside the template. */
+    readonly uid: string;
+    private readonly rootRef;
+    private readonly stageRef;
+    private readonly thumbsRef;
+    private readonly searchRef;
+    readonly thumbnailTemplate: _angular_core.Signal<SlideViewerThumbnailDirective | undefined>;
+    readonly dayTemplate: _angular_core.Signal<SlideViewerDayDirective | undefined>;
+    /** Day pills. The switcher is hidden when empty. */
+    days: _angular_core.InputSignal<SlideViewerDay[]>;
+    /** Slides of the active day, in order. */
+    slides: _angular_core.InputSignal<SlideViewerSlide[]>;
+    /**
+     * Note for the current slide — an HTML string (sanitized by Angular) or a `SafeHtml`
+     * the host already trusts. The panel is hidden when empty unless `showNote` is set
+     * (e.g. when the note body is projected through `pecbSlideViewerNote`).
+     */
+    note: _angular_core.InputSignal<string | SafeHtml | null | undefined>;
+    /** Force the note panel on/off; `undefined` shows it whenever `note` has content. */
+    showNote: _angular_core.InputSignal<boolean | undefined>;
+    /** Slides are being prepared: the stage shows a veil and the list its skeletons. */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Download / preparation progress, 0–100, shown on the stage while loading. `null` hides it. */
+    loadingProgress: _angular_core.InputSignal<number | null>;
+    /**
+     * The slides could not be produced (missing / broken file): the stage shows the error
+     * message and a retry button (`retry` output) instead of the slides.
+     */
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Which built-in tool buttons render, in this order. */
+    tools: _angular_core.InputSignal<readonly SlideViewerTool[]>;
+    /** Enables the "Download Slides" tool. When false it renders disabled with a tooltip. @default true */
+    canDownloadSlides: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** CSS `aspect-ratio` of the stage. @default '16 / 10' */
+    stageAspectRatio: _angular_core.InputSignal<string>;
+    /** Where the thumbnail sidebar sits. @default 'end' */
+    sidebarPosition: _angular_core.InputSignal<SlideViewerSidebarPosition>;
+    /** Show the thumbnail sidebar (shorthand for `sidebarPosition="none"`). @default true */
+    showThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the keyword search above the thumbnails. @default true */
+    showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the slide-number input. @default true */
+    showSlideInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the fullscreen button. @default true */
+    showFullscreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the zoom buttons and allow zooming the stage. @default false */
+    zoomable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Zoom levels cycled by the zoom buttons / keys (1 = fit). */
+    zoomSteps: _angular_core.InputSignal<readonly number[]>;
+    /** Navigation skips slides flagged `hidden`. @default false */
+    skipHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tiles get a checkbox and `selectedIds` tracks the selection. @default false */
+    selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tiles can be dragged to a new position; the host receives `slideMove`. @default false */
+    reorderable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Above this many slides the sidebar is virtualised: only the tiles in view (plus
+     * `overscan` on each side) exist in the DOM, a spacer keeps the scroll height. Built
+     * for decks of several hundred slides. @default 40
+     */
+    virtualizeAbove: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Tiles rendered beyond the visible window on each side. @default 6 */
+    overscan: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * How many neighbours on each side of the current slide are requested
+     * (`fullImageRequest`) and decoded ahead so arrows feel instant. @default 1
+     */
+    prefetch: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Horizontal swipe on the stage moves slides (touch / pen). @default true */
+    swipe: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Handle keyboard shortcuts on the region. @default true */
+    keyboard: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Partial override of the keyboard shortcuts (see `DEFAULT_SLIDE_VIEWER_KEY_MAP`). */
+    keyMap: _angular_core.InputSignal<Partial<SlideViewerKeyMap>>;
+    /** Milliseconds the keyword search waits after typing. @default 250 */
+    searchDebounce: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Partial override of the user-visible strings (i18n). */
+    labels: _angular_core.InputSignal<Partial<SlideViewerLabels>>;
+    /** Selected day. `null` selects nothing. */
+    activeDayId: _angular_core.ModelSignal<string | number | null>;
+    /** Current slide, 1-based. Clamped to the slide count. */
+    page: _angular_core.ModelSignal<number>;
+    /** Keyword filtering the thumbnails. */
+    searchTerm: _angular_core.ModelSignal<string>;
+    /** Whether the note panel is expanded. */
+    noteOpen: _angular_core.ModelSignal<boolean>;
+    /** Stage zoom factor (1 = fit). Only applied while `zoomable`. */
+    zoom: _angular_core.ModelSignal<number>;
+    /** Ids of the selected slides (selection mode). */
+    selectedIds: _angular_core.ModelSignal<(string | number)[]>;
+    /** A day pill was chosen. */
+    dayChange: _angular_core.OutputEmitterRef<SlideViewerDay>;
+    /** The current slide changed (any source), with the slide and what moved it. */
+    slideChange: _angular_core.OutputEmitterRef<SlideViewerPageEvent>;
+    /** A tool button was pressed. */
+    tool: _angular_core.OutputEmitterRef<SlideViewerToolEvent>;
+    /** The stage entered / left fullscreen. */
+    fullscreenChange: _angular_core.OutputEmitterRef<boolean>;
+    /** The keyword or its matches changed. */
+    searchChange: _angular_core.OutputEmitterRef<SlideViewerSearchEvent>;
+    /** The stage needs the full image of a page that only has a thumbnail (1-based). Emitted once per page. */
+    fullImageRequest: _angular_core.OutputEmitterRef<number>;
+    /** A tile was dropped at a new position (reorder mode). The host reorders `slides`. */
+    slideMove: _angular_core.OutputEmitterRef<SlideViewerMoveEvent>;
+    /** "Try again" pressed in the error state. */
+    retry: _angular_core.OutputEmitterRef<void>;
+    readonly isFullscreen: _angular_core.WritableSignal<boolean>;
+    /** Stage image for the current page has finished loading. */
+    readonly stageImageLoaded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Source currently painted on the stage. It lags behind `stageSrc` while the next
+     * image is decoded off screen, so a page change or a thumbnail→full-image upgrade
+     * never blanks the stage (no blink, no spinner over a picture that is already there).
+     */
+    readonly displayedSrc: _angular_core.WritableSignal<string | null>;
+    /** A newer image than the displayed one is being decoded. */
+    readonly stageBusy: _angular_core.WritableSignal<boolean>;
+    /** Text in the number input while the user edits it (null = mirror `page`). */
+    readonly pageDraft: _angular_core.WritableSignal<string | null>;
+    /** Virtualised sidebar: index range (into `matches`) of the tiles in the DOM. */
+    readonly windowRange: _angular_core.WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    /** Measured height of one tile incl. its gap, in px (a sensible guess until measured). */
+    readonly tileStride: _angular_core.WritableSignal<number>;
+    /** Announced to assistive tech on slide change. */
+    readonly announcement: _angular_core.WritableSignal<string>;
+    /** Tile currently dragged (1-based) and the drop target it hovers. */
+    readonly dragFrom: _angular_core.WritableSignal<number | null>;
+    readonly dragOver: _angular_core.WritableSignal<number | null>;
+    private searchTimer;
+    private lastEmittedPage;
+    private lastStageSrc;
+    private stageLoadToken;
+    private requestedFullImages;
+    private lastSlidesRef;
+    private pendingSource;
+    /** Decoded neighbour images kept warm (bounded so 700-slide decks don't pile up). */
+    private readonly decodeCache;
+    private scrollListener;
+    private resizeObserver;
+    private scrollRaf;
+    private swipeStart;
+    readonly text: _angular_core.Signal<SlideViewerLabels>;
+    readonly keys: _angular_core.Signal<SlideViewerKeyMap>;
+    readonly total: _angular_core.Signal<number>;
+    /** `page` clamped into the current slide range. */
+    readonly currentPage: _angular_core.Signal<number>;
+    readonly currentSlide: _angular_core.Signal<SlideViewerSlide | null>;
+    /** Stage image: full image, else the thumbnail while the full one is being produced. */
+    readonly stageSrc: _angular_core.Signal<string | null>;
+    /** The stage is showing a thumbnail in place of a missing full image. */
+    readonly stageIsFallback: _angular_core.Signal<boolean>;
+    readonly progressText: _angular_core.Signal<string>;
+    /** Spinner veil: only while nothing is painted yet (first image) or the deck loads. */
+    readonly stageVeil: _angular_core.Signal<boolean>;
+    /** Skeleton shimmer on the stage: something is coming and nothing is painted yet. */
+    readonly stageSkeleton: _angular_core.Signal<boolean>;
+    /** Nothing to show and nothing on the way: the stage explains it. */
+    readonly isEmpty: _angular_core.Signal<boolean>;
+    readonly isFirst: _angular_core.Signal<boolean>;
+    readonly isLast: _angular_core.Signal<boolean>;
+    readonly navDisabled: _angular_core.Signal<boolean>;
+    readonly pageInputValue: _angular_core.Signal<string>;
+    /** The word before the number input ("Slide"), derived from the `slide` label. */
+    readonly slideWord: _angular_core.Signal<string>;
+    readonly hasNote: _angular_core.Signal<boolean>;
+    readonly showDays: _angular_core.Signal<boolean>;
+    readonly sidebar: _angular_core.Signal<SlideViewerSidebarPosition>;
+    readonly showDownloadTool: _angular_core.Signal<boolean>;
+    readonly zoomLevel: _angular_core.Signal<number>;
+    readonly isZoomed: _angular_core.Signal<boolean>;
+    readonly zoomPercent: _angular_core.Signal<number>;
+    /** Virtualisation only kicks in for long decks. */
+    readonly windowed: _angular_core.Signal<boolean>;
+    /** Tiles to render: everything, or the current window of `matches` when virtualised. */
+    readonly visibleTiles: _angular_core.Signal<number[]>;
+    /** Spacer heights (px) above / below the rendered window. */
+    readonly spacerTop: _angular_core.Signal<number>;
+    readonly spacerBottom: _angular_core.Signal<number>;
+    readonly selectedSet: _angular_core.Signal<Set<string | number>>;
+    /** 1-based numbers of the slides matching the keyword (all when empty). */
+    readonly matches: _angular_core.Signal<number[]>;
+    readonly matchSet: _angular_core.Signal<Set<number>>;
+    readonly isSearching: _angular_core.Signal<boolean>;
+    readonly searchSummary: _angular_core.Signal<string>;
+    /** Skeleton rows drawn in the sidebar while loading. */
+    readonly skeletonRows: number[];
+    readonly hostClasses: _angular_core.Signal<string>;
+    constructor();
+    /** Go to a 1-based slide (clamped). Hidden slides are stepped over while `skipHidden`. */
+    goTo(page: number, source?: SlideViewerPageEvent['source']): void;
+    first(source?: SlideViewerPageEvent['source']): void;
+    previous(source?: SlideViewerPageEvent['source']): void;
+    next(source?: SlideViewerPageEvent['source']): void;
+    last(source?: SlideViewerPageEvent['source']): void;
+    /** Select a day: emits `dayChange`, resets the page and clears the search. */
+    selectDay(day: SlideViewerDay): void;
+    /** Press a built-in tool. The disabled download tool is ignored. */
+    pressTool(tool: SlideViewerTool): void;
+    toggleNote(): void;
+    /** "Try again" in the error state. */
+    requestRetry(): void;
+    /** Enter / exit fullscreen on the stage. */
+    toggleFullscreen(): Promise<void>;
+    /** Next zoom step (wraps back to fit after the last one). */
+    zoomIn(): void;
+    zoomOut(): void;
+    zoomReset(): void;
+    /** Clear the keyword filter. */
+    clearSearch(): void;
+    /** Move keyboard focus to the search field. */
+    focusSearch(): void;
+    /** Toggle a slide in the selection (selection mode). */
+    toggleSelected(slide: SlideViewerSlide, n: number): void;
+    /** Select every (matching) slide, or clear the selection. */
+    selectAll(selected?: boolean): void;
+    onStageImageLoad(): void;
+    onStageImageError(): void;
+    onPageInput(event: Event): void;
+    onPageCommit(event: Event): void;
+    onPageInputKeydown(event: KeyboardEvent): void;
+    onSearchInput(event: Event): void;
+    onSearchKeydown(event: KeyboardEvent): void;
+    onThumbnailClick(page: number): void;
+    onTileCheckbox(event: Event, slide: SlideViewerSlide, n: number): void;
+    /** Touch / pen swipe on the stage (not while zoomed: then the finger pans). */
+    onStagePointerDown(event: PointerEvent): void;
+    onStagePointerUp(event: PointerEvent): void;
+    onStagePointerCancel(): void;
+    /** Mouse wheel over the stage: zooms with Ctrl/⌘ while zoomable, navigates in fullscreen. */
+    onStageWheel(event: WheelEvent): void;
+    /** Keyboard shortcuts on the viewer region (see `keyMap`). */
+    onRootKeydown(event: KeyboardEvent): void;
+    onDocumentFullscreenChange(): void;
+    onTileDragStart(event: DragEvent, n: number): void;
+    onTileDragOver(event: DragEvent, n: number): void;
+    onTileDrop(event: DragEvent, n: number): void;
+    onTileDragEnd(): void;
+    /** Accessible title of a slide (`title`, else `{slide} {n}`). */
+    slideTitle(slide: SlideViewerSlide | null, n: number): string;
+    slideId(slide: SlideViewerSlide, n: number): string | number;
+    thumbnailSrc(slide: SlideViewerSlide): string | null;
+    /** A tile whose thumbnail is still being produced (big decks publish pages first). */
+    tilePending(slide: SlideViewerSlide): boolean;
+    isSelected(slide: SlideViewerSlide, n: number): boolean;
+    selectLabel(n: number): string;
+    thumbnailContext(slide: SlideViewerSlide, n: number): SlideViewerThumbnailContext;
+    dayContext(day: SlideViewerDay): SlideViewerDayContext;
+    private isHidden;
+    private nextVisible;
+    private previousVisible;
+    private actionForKey;
+    private slideMatches;
+    private format;
+    /**
+     * Show the current page in the number field again. Written to the DOM directly:
+     * a number input sanitises junk to `''`, and the `[value]` binding would not
+     * re-apply an unchanged `'20'` on top of it.
+     */
+    private resetPageInput;
+    private scrollActiveThumbnailIntoView;
+    private attachSidebarListeners;
+    private detachSidebarListeners;
+    /** Coalesce scroll / resize / data changes into one window computation per frame. */
+    private scheduleWindowUpdate;
+    private updateWindow;
+    /** Tile height incl. the list gap, measured from the first rendered tile. */
+    private measureTile;
+    /** Decode an image off screen so a later swap paints instantly. Bounded to 8 entries. */
+    private warmDecode;
+    /**
+     * Paint `src` on the stage once it is decoded. While decoding, the previous image
+     * stays on screen (`stageBusy` marks the transition); the first image, with nothing
+     * to keep, shows the veil instead.
+     */
+    private showStageSource;
+    private clearSearchTimer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideViewerComponent, "pecb-slide-viewer", never, { "days": { "alias": "days"; "required": false; "isSignal": true; }; "slides": { "alias": "slides"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; "showNote": { "alias": "showNote"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": false; "isSignal": true; }; "canDownloadSlides": { "alias": "canDownloadSlides"; "required": false; "isSignal": true; }; "stageAspectRatio": { "alias": "stageAspectRatio"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showSlideInput": { "alias": "showSlideInput"; "required": false; "isSignal": true; }; "showFullscreen": { "alias": "showFullscreen"; "required": false; "isSignal": true; }; "zoomable": { "alias": "zoomable"; "required": false; "isSignal": true; }; "zoomSteps": { "alias": "zoomSteps"; "required": false; "isSignal": true; }; "skipHidden": { "alias": "skipHidden"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "virtualizeAbove": { "alias": "virtualizeAbove"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "prefetch": { "alias": "prefetch"; "required": false; "isSignal": true; }; "swipe": { "alias": "swipe"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "keyMap": { "alias": "keyMap"; "required": false; "isSignal": true; }; "searchDebounce": { "alias": "searchDebounce"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "activeDayId": { "alias": "activeDayId"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "noteOpen": { "alias": "noteOpen"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; }, { "activeDayId": "activeDayIdChange"; "page": "pageChange"; "searchTerm": "searchTermChange"; "noteOpen": "noteOpenChange"; "zoom": "zoomChange"; "selectedIds": "selectedIdsChange"; "dayChange": "dayChange"; "slideChange": "slideChange"; "tool": "tool"; "fullscreenChange": "fullscreenChange"; "searchChange": "searchChange"; "fullImageRequest": "fullImageRequest"; "slideMove": "slideMove"; "retry": "retry"; }, ["thumbnailTemplate", "dayTemplate"], ["[pecbSlideViewerToolsStart]", "[pecbSlideViewerTools]", "[pecbSlideViewerEmpty]", "[pecbSlideViewerStage]", "[pecbSlideViewerVersion]", "[pecbSlideViewerNote]", "[pecbSlideViewerBelow]", "[pecbSlideViewerSidebarHeader]", "[pecbSlideViewerSidebarFooter]"], true, never>;
+}
+
 /**
  * Notification types supported by the service
  */
@@ -9057,5 +9562,115 @@ declare class CourseTileComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CourseTileComponent, "pecb-course-tile", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; "category": { "alias": "category"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
 }
 
-export { APP_HEADER_TRANSLATIONS, APP_SHELL_LOCALES, APP_SIDEBAR_MENU_ICONS, APP_SIDEBAR_MENU_TRANSLATIONS, APP_SIDEBAR_TRANSLATIONS, AccordionItemComponent, AccordionSmallComponent, ActionItemComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, AppHeaderComponent, AppSidebarComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, CourseContentPanelComponent, CoursePlayerComponent, CourseTileComponent, CredentialCardComponent, DEFAULT_APP_HEADER_LABELS, DEFAULT_APP_SIDEBAR_LABELS, DEFAULT_APP_SIDEBAR_LANGUAGES, DEFAULT_APP_SIDEBAR_MENU, DEFAULT_APP_SIDEBAR_ROLES, DEFAULT_COURSE_CONTENT_PANEL_LABELS, DEFAULT_LANGUAGES, DEFAULT_VIDEO_PLAYER_LABELS, DEFAULT_VIDEO_PLAYER_RATES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FormSectionCardComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, HubCardComponent, HubCardGridComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, ListItemComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, OutlinedFieldComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PaymentPlanCardComponent, PaymentScheduleCardComponent, PaymentSummaryComponent, PeriodPaymentModalComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressArcComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TagSelectComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, appHeaderLabels, appSidebarLabels, appSidebarMenu, appSidebarRoles, capitalize, closestElement, copyToClipboard, courseModuleStats, courseProgress, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, findCourseLesson, findCourseModule, formatCount, formatCourseDuration, formatCourseTime, formatErrorForLog, formatErrorMessage, formatVideoTime, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, parseLessonPartTitle, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, resolveAppShellLocale, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
-export type { AccordionVariant, ActionItemPriority, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppHeaderAction, AppHeaderChip, AppHeaderChipTone, AppHeaderLabels, AppHeaderNotification, AppShellLocale, AppShellTranslations, AppSidebarLabels, AppSidebarMenuItem, AppSidebarMenuOption, AppSidebarMenuOptionChange, AppSidebarMenuStrings, AppSidebarNavGroup, AppSidebarNavItem, AppSidebarProduct, AppSidebarRouterLink, AppSidebarUser, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CourseContentPanelAccent, CourseContentPanelDensity, CourseContentPanelLabels, CourseContentPanelLayout, CourseContentPanelTab, CourseLesson, CourseLessonRunView, CourseLessonStatus, CourseLessonType, CourseLessonView, CourseModule, CourseModuleStats, CourseModuleView, CoursePlayerPanelPosition, CourseProgressStats, CourseTimelineRow, CourseTranscriptCue, CourseTranscriptRow, CredentialCardAction, CredentialCardMetaRow, CredentialCardProgress, CredentialCardTone, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, HubCardSize, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MarkedDate, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PaymentScheduleCardAction, PaymentScheduleCardMeta, PaymentScheduleCardPeriod, PaymentScheduleCardTone, PaymentSummaryRow, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, PeriodPaymentModalPeriod, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressArcSize, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagSelectOption, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VideoPlayerError, VideoPlayerLabels, VideoPlayerPreload, VideoPlayerSource, VideoPlayerTimeEvent, VideoPlayerTrack, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };
+/** Tone of a timeline event — drives the dot and chip colors. */
+type TimelineTone = 'success' | 'info' | 'warning' | 'error' | 'neutral';
+/** One event on the timeline (e.g. a certificate history entry). */
+interface TimelineItem {
+    /** Identifier emitted by (actionClick) when the item's action is clicked */
+    id: string | number;
+    /** Event title (e.g. "Certificate issued") */
+    title: string;
+    /** Formatted date line under the title */
+    date?: string;
+    /** Longer description paragraph */
+    description?: string;
+    /** Colors the dot and chip; defaults to 'neutral' */
+    tone?: TimelineTone;
+    /** Small status chip next to the title (e.g. "Active", "Paid") */
+    chipLabel?: string;
+    /** Renders an action link under the description (e.g. "View certificate") */
+    actionLabel?: string;
+}
+/**
+ * Vertical event timeline — a colored dot per event on a connector rail,
+ * with a title, status chip, date, description and an optional action link.
+ * Used for the certificate history page.
+ *
+ * @example
+ * <pecb-timeline [items]="items" (actionClick)="onItemAction($event)" />
+ */
+declare class TimelineComponent {
+    /** Events to render, in display order (typically newest first) */
+    items: _angular_core.InputSignal<TimelineItem[]>;
+    /** Emitted with the item's id when its action link is clicked */
+    actionClick: _angular_core.OutputEmitterRef<string | number>;
+    tone(item: TimelineItem): TimelineTone;
+    onAction(item: TimelineItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "pecb-timeline", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+/** Visual style of a preview-card action button. */
+type PreviewCardActionVariant = 'primary' | 'ghost' | 'accent';
+/** Color of the small status chip next to the title. */
+type PreviewCardChipStatus = 'success' | 'info' | 'warning' | 'error' | 'default';
+/** One action button on a preview card. */
+interface PreviewCardAction {
+    /** Identifier emitted by (actionClick) when the button is clicked */
+    id: string;
+    /** Button label */
+    label: string;
+    /** 'primary' (dark), 'ghost' (outlined) or 'accent' (brand red); defaults to 'primary' */
+    variant?: PreviewCardActionVariant;
+    /** Raw SVG string rendered before the label (use stroke="currentColor") */
+    icon?: string;
+    /** Shows a spinner in place of the icon and disables the button */
+    loading?: boolean;
+    /** Disables the button (kept visible so the layout never collapses) */
+    disabled?: boolean;
+}
+/**
+ * Media preview card — a fixed-size media panel (live iframe embed or image)
+ * beside a title, optional status chip, description and a row of action
+ * buttons. Used for the certificate and digital-badge cards on the
+ * certification details page.
+ *
+ * The media panel shows [embedSrc] in a non-interactive iframe when set
+ * (e.g. a PDF preview URL), otherwise the [imageSrc] image.
+ *
+ * @example
+ * <pecb-preview-card
+ *   [embedSrc]="certificatePreviewUrl"
+ *   imageSrc="assets/images/certificate.png"
+ *   title="Certificate"
+ *   description="Your official PECB certificate."
+ *   [actions]="actions"
+ *   (actionClick)="onAction($event)"
+ * />
+ */
+declare class PreviewCardComponent {
+    private sanitizer;
+    /** URL rendered in a non-interactive iframe (e.g. a PDF preview); falls back to [imageSrc] when empty */
+    embedSrc: _angular_core.InputSignal<string>;
+    /** Image shown in the media panel when [embedSrc] is empty */
+    imageSrc: _angular_core.InputSignal<string>;
+    /** Alt text for the media panel */
+    imageAlt: _angular_core.InputSignal<string>;
+    /** Dims the image (grayscale) — e.g. an unclaimed badge */
+    imageDimmed: _angular_core.InputSignal<boolean>;
+    /** Card title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Small status chip next to the title; hidden when empty */
+    chipLabel: _angular_core.InputSignal<string>;
+    /** Chip color theme */
+    chipStatus: _angular_core.InputSignal<PreviewCardChipStatus>;
+    /** Description paragraph under the title; hidden when empty */
+    description: _angular_core.InputSignal<string>;
+    /** Action buttons rendered under the description */
+    actions: _angular_core.InputSignal<PreviewCardAction[]>;
+    /** Emitted with the action's id when one of the buttons is clicked */
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    safeEmbedSrc: _angular_core.Signal<SafeResourceUrl | null>;
+    /** Actions paired with their sanitized icon SVG for the template */
+    resolvedActions: _angular_core.Signal<{
+        action: PreviewCardAction;
+        safeIcon: SafeHtml | null;
+    }[]>;
+    actionClasses(action: PreviewCardAction): string;
+    onAction(action: PreviewCardAction): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PreviewCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PreviewCardComponent, "pecb-preview-card", never, { "embedSrc": { "alias": "embedSrc"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "imageDimmed": { "alias": "imageDimmed"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "chipLabel": { "alias": "chipLabel"; "required": false; "isSignal": true; }; "chipStatus": { "alias": "chipStatus"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+export { APP_HEADER_TRANSLATIONS, APP_SHELL_LOCALES, APP_SIDEBAR_MENU_ICONS, APP_SIDEBAR_MENU_TRANSLATIONS, APP_SIDEBAR_TRANSLATIONS, AccordionItemComponent, AccordionSmallComponent, ActionItemComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, AppHeaderComponent, AppSidebarComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, CourseContentPanelComponent, CoursePlayerComponent, CourseTileComponent, CredentialCardComponent, DEFAULT_APP_HEADER_LABELS, DEFAULT_APP_SIDEBAR_LABELS, DEFAULT_APP_SIDEBAR_LANGUAGES, DEFAULT_APP_SIDEBAR_MENU, DEFAULT_APP_SIDEBAR_ROLES, DEFAULT_COURSE_CONTENT_PANEL_LABELS, DEFAULT_LANGUAGES, DEFAULT_SLIDE_VIEWER_KEY_MAP, DEFAULT_SLIDE_VIEWER_LABELS, DEFAULT_SLIDE_VIEWER_TOOLS, DEFAULT_SLIDE_VIEWER_ZOOM_STEPS, DEFAULT_VIDEO_PLAYER_LABELS, DEFAULT_VIDEO_PLAYER_RATES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FormSectionCardComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, HubCardComponent, HubCardGridComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, ListItemComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, OutlinedFieldComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PaymentPlanCardComponent, PaymentScheduleCardComponent, PaymentSummaryComponent, PeriodPaymentModalComponent, PreviewCardComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressArcComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SlideViewerComponent, SlideViewerDayDirective, SlideViewerThumbnailDirective, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TagSelectComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, TimelineComponent, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, appHeaderLabels, appSidebarLabels, appSidebarMenu, appSidebarRoles, capitalize, clampSlidePage, closestElement, copyToClipboard, courseModuleStats, courseProgress, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, findCourseLesson, findCourseModule, formatCount, formatCourseDuration, formatCourseTime, formatErrorForLog, formatErrorMessage, formatVideoTime, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, parseLessonPartTitle, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, resolveAppShellLocale, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
+export type { AccordionVariant, ActionItemPriority, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppHeaderAction, AppHeaderChip, AppHeaderChipTone, AppHeaderLabels, AppHeaderNotification, AppShellLocale, AppShellTranslations, AppSidebarLabels, AppSidebarMenuItem, AppSidebarMenuOption, AppSidebarMenuOptionChange, AppSidebarMenuStrings, AppSidebarNavGroup, AppSidebarNavItem, AppSidebarProduct, AppSidebarRouterLink, AppSidebarUser, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CourseContentPanelAccent, CourseContentPanelDensity, CourseContentPanelLabels, CourseContentPanelLayout, CourseContentPanelTab, CourseLesson, CourseLessonRunView, CourseLessonStatus, CourseLessonType, CourseLessonView, CourseModule, CourseModuleStats, CourseModuleView, CoursePlayerPanelPosition, CourseProgressStats, CourseTimelineRow, CourseTranscriptCue, CourseTranscriptRow, CredentialCardAction, CredentialCardMetaRow, CredentialCardProgress, CredentialCardTone, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, HubCardSize, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MarkedDate, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PaymentScheduleCardAction, PaymentScheduleCardMeta, PaymentScheduleCardPeriod, PaymentScheduleCardTone, PaymentSummaryRow, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, PeriodPaymentModalPeriod, Position, PreviewCardAction, PreviewCardActionVariant, PreviewCardChipStatus, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressArcSize, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SlideViewerDay, SlideViewerDayContext, SlideViewerKeyAction, SlideViewerKeyMap, SlideViewerLabels, SlideViewerMoveEvent, SlideViewerPageEvent, SlideViewerSearchEvent, SlideViewerSidebarPosition, SlideViewerSlide, SlideViewerThumbnailContext, SlideViewerTool, SlideViewerToolEvent, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagSelectOption, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, TimelineItem, TimelineTone, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VideoPlayerError, VideoPlayerLabels, VideoPlayerPreload, VideoPlayerSource, VideoPlayerTimeEvent, VideoPlayerTrack, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };