@pecb-ui/components 1.1.10 → 1.1.12

package/index.d.ts

@@ -4,6 +4,7 @@ import * as _angular_platform_browser from '@angular/platform-browser';
 import { SafeHtml, DomSanitizer } 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';
 import { Observable } from 'rxjs';
 
 type ButtonVariant = 'primary' | 'primary-outline' | 'primary-2' | 'primary-2-outline' | 'neutral' | 'neutral-outline' | 'secondary' | 'text' | 'text-muted' | 'text-brand' | 'destructive' | 'destructive-outline';
@@ -974,6 +975,7 @@ declare class DropdownComponent implements ControlValueAccessor {
     private readonly overlay;
     readonly scrollStrategy: ScrollStrategy;
     searchInput?: ElementRef<HTMLInputElement>;
+    triggerEl?: ElementRef<HTMLElement>;
     id: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string | undefined>;
     /** Placeholder shown in the trigger when no option is selected. */
@@ -999,6 +1001,13 @@ declare class DropdownComponent implements ControlValueAccessor {
     searchQuery: _angular_core.WritableSignal<string>;
     selectedValues: _angular_core.WritableSignal<unknown[]>;
     focusedIndex: _angular_core.WritableSignal<number>;
+    /**
+     * Width the overlay panel is pinned to, so it lines up edge-to-edge with the
+     * trigger. Measured with `getBoundingClientRect()` rather than `offsetWidth`
+     * because the latter rounds to whole pixels and leaves the panel a hair off in
+     * fluid layouts.
+     */
+    triggerWidth: _angular_core.WritableSignal<number>;
     /** Overlay positions: prefer below the trigger, flip above when there's no room. */
     overlayPositions: ConnectedPosition[];
     private onChange;
@@ -1008,6 +1017,9 @@ declare class DropdownComponent implements ControlValueAccessor {
     get filteredOptions(): DropdownOption[];
     get displayText(): string;
     clearAll(event: MouseEvent): void;
+    /** Re-measure the trigger so a resize doesn't leave an open panel misaligned. */
+    syncTriggerWidth(): void;
+    private measureTrigger;
     toggleDropdown(): void;
     selectOption(option: DropdownOption): void;
     isSelected(option: DropdownOption): boolean;
@@ -2402,6 +2414,837 @@ declare class MediaComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaComponent, "pecb-media", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "socialStyle": { "alias": "socialStyle"; "required": false; "isSignal": true; }; "flagShape": { "alias": "flagShape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "defaultAriaLabel": { "alias": "defaultAriaLabel"; "required": false; "isSignal": true; }; "copiedLabel": { "alias": "copiedLabel"; "required": false; "isSignal": true; }; "copyLabel": { "alias": "copyLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** A single `<source>` entry. Use an array of these for multi-format delivery. */
+interface VideoPlayerSource {
+    /** Media URL. */
+    src: string;
+    /** MIME type, e.g. `video/mp4` or `application/x-mpegURL`. */
+    type?: string;
+    /** Optional media query (`<source media>`). */
+    media?: string;
+}
+/** A text track (`<track>`) — captions, subtitles, chapters… */
+interface VideoPlayerTrack {
+    /** WebVTT file URL. */
+    src: string;
+    /** BCP-47 language tag, e.g. `en`. */
+    srclang: string;
+    /** Human-readable label shown by the browser / assistive tech. */
+    label?: string;
+    /** @default 'captions' */
+    kind?: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';
+    /** Marks this track as the one toggled by the CC button / shown initially. */
+    default?: boolean;
+}
+/** `preload` attribute values. */
+type VideoPlayerPreload = 'none' | 'metadata' | 'auto';
+/** Payload of `timeUpdate`, `seekEnd` and `loadedMetadata`. */
+interface VideoPlayerTimeEvent {
+    /** Current playhead position in seconds. */
+    currentTime: number;
+    /** Media duration in seconds (`NaN`/`Infinity` for live streams before metadata). */
+    duration: number;
+}
+/** Payload of the `playerError` output. */
+interface VideoPlayerError {
+    /**
+     * - `media`: the browser failed to load / decode the source (`<video (error)>`).
+     * - `play-rejected`: `video.play()` was rejected (usually an autoplay policy).
+     */
+    code: 'media' | 'play-rejected';
+    message: string;
+    originalError?: unknown;
+}
+/**
+ * All user-visible strings. Override any subset via the `labels` input to
+ * translate the player. `{n}` in `skipBack` is replaced by the seek step.
+ */
+interface VideoPlayerLabels {
+    play: string;
+    pause: string;
+    replay: string;
+    skipBack: string;
+    mute: string;
+    unmute: string;
+    volume: string;
+    captionsOn: string;
+    captionsOff: string;
+    settings: string;
+    playbackSpeed: string;
+    normalSpeed: string;
+    enterFullscreen: string;
+    exitFullscreen: string;
+    seek: string;
+    player: string;
+    error: string;
+}
+declare const DEFAULT_VIDEO_PLAYER_LABELS: VideoPlayerLabels;
+/** Default playback-rate menu entries. */
+declare const DEFAULT_VIDEO_PLAYER_RATES: readonly number[];
+/**
+ * Formats seconds as `m:ss`, or `h:mm:ss` once the value reaches one hour.
+ * Non-finite / negative input renders as `0:00`.
+ */
+declare function formatVideoTime(seconds: number): string;
+/**
+ * PECB course video player.
+ *
+ * A fully custom-skinned, accessible HTML5 `<video>` wrapper that reproduces
+ * the PECB "Course Player" design: a rounded dark 16:9 stage, poster, brand
+ * watermark + section label, a blurred centre play button and a bottom
+ * control bar (progress, play/pause, rewind, volume, time, captions, speed
+ * settings, fullscreen).
+ *
+ * The player is self-contained (no icon-registry / service dependencies) so it
+ * can be dropped into any Angular 17+ app. It is responsive (container
+ * queries), keyboard operable, touch friendly and honours
+ * `prefers-reduced-motion`.
+ *
+ * @example Minimal
+ * ```html
+ * <pecb-video-player
+ *   src="https://cdn.example.com/lesson.mp4"
+ *   poster="https://cdn.example.com/lesson.jpg"
+ *   label="SECTION 2">
+ * </pecb-video-player>
+ * ```
+ *
+ * @example Two-way bound & driven from outside (e.g. a transcript panel)
+ * ```html
+ * <pecb-video-player
+ *   [src]="sources"
+ *   [tracks]="captions"
+ *   [(currentTime)]="at"
+ *   [(playing)]="playing"
+ *   (playbackEnded)="onLessonFinished()">
+ * </pecb-video-player>
+ * ```
+ *
+ * Theming — override the CSS custom properties on the host:
+ * ```css
+ * pecb-video-player { --pecb-video-radius: 0; --pecb-video-accent: #a11e29; }
+ * ```
+ */
+declare class VideoPlayerComponent {
+    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 videoRef;
+    private readonly progressRef;
+    private readonly settingsMenuRef;
+    /** Media URL, or a list of `<source>` candidates. */
+    src: _angular_core.InputSignal<string | VideoPlayerSource[] | undefined>;
+    /** Poster image shown before playback starts. */
+    poster: _angular_core.InputSignal<string | undefined>;
+    /** Text tracks (captions / subtitles). The CC button appears when non-empty. */
+    tracks: _angular_core.InputSignal<VideoPlayerTrack[]>;
+    /** Accessible title of the media, announced as part of the region label. */
+    title: _angular_core.InputSignal<string | undefined>;
+    /** `crossorigin` attribute — required for captions hosted on another origin. */
+    crossOrigin: _angular_core.InputSignal<"anonymous" | "use-credentials" | undefined>;
+    /** @default 'metadata' */
+    preload: _angular_core.InputSignal<VideoPlayerPreload>;
+    /** Attempt to start playback automatically (subject to browser policy). */
+    autoplay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Restart from the beginning when the media ends. */
+    loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Play inline on iOS instead of forcing the native fullscreen player. @default true */
+    playsInline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Initial playhead position in seconds (applied once metadata is loaded). */
+    startTime: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Brand watermark in the bottom-left corner. Empty string hides it. @default 'PECB' */
+    watermark: _angular_core.InputSignal<string>;
+    /** Large label in the bottom-right corner, e.g. `SECTION 2`. */
+    label: _angular_core.InputSignal<string | undefined>;
+    /** CSS `aspect-ratio` of the stage. @default '16 / 9' */
+    aspectRatio: _angular_core.InputSignal<string>;
+    /** Show the large centre play/pause button. @default true */
+    showCenterButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the rewind button. @default true */
+    showSkipBack: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the mute button + volume slider. @default true */
+    showVolume: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the elapsed / total time. @default true */
+    showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Force-show/hide the captions button. `undefined` = show only when `tracks` is non-empty. */
+    showCaptions: _angular_core.InputSignal<boolean | undefined>;
+    /** Show the settings (playback speed) button. @default true */
+    showSettings: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the fullscreen button. @default true */
+    showFullscreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Seconds the rewind button / arrow keys jump. @default 10 */
+    seekStep: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Playback-rate options listed in the settings menu. */
+    playbackRates: _angular_core.InputSignal<readonly number[]>;
+    /** Partial override of the user-visible strings (i18n). */
+    labels: _angular_core.InputSignal<Partial<VideoPlayerLabels>>;
+    /** Whether the media is playing. Set it to start/stop playback. */
+    playing: _angular_core.ModelSignal<boolean>;
+    /** Playhead position in seconds. Set it to seek. */
+    currentTime: _angular_core.ModelSignal<number>;
+    /** Volume 0–1. */
+    volume: _angular_core.ModelSignal<number>;
+    /** Muted state. */
+    muted: _angular_core.ModelSignal<boolean>;
+    /** Playback rate. */
+    playbackRate: _angular_core.ModelSignal<number>;
+    /** Whether the default text track is displayed. */
+    captionsEnabled: _angular_core.ModelSignal<boolean>;
+    /** Fires on every `timeupdate` (~4×/s while playing). */
+    timeUpdate: _angular_core.OutputEmitterRef<VideoPlayerTimeEvent>;
+    /** Duration is known. */
+    loadedMetadata: _angular_core.OutputEmitterRef<VideoPlayerTimeEvent>;
+    /** A seek finished. */
+    seekEnd: _angular_core.OutputEmitterRef<VideoPlayerTimeEvent>;
+    /** Playback reached the end. */
+    playbackEnded: _angular_core.OutputEmitterRef<void>;
+    /** Player entered / left fullscreen. */
+    fullscreenChange: _angular_core.OutputEmitterRef<boolean>;
+    /** Media failed to load or playback was rejected. */
+    playerError: _angular_core.OutputEmitterRef<VideoPlayerError>;
+    readonly duration: _angular_core.WritableSignal<number>;
+    readonly bufferedEnd: _angular_core.WritableSignal<number>;
+    readonly hasEnded: _angular_core.WritableSignal<boolean>;
+    readonly isBuffering: _angular_core.WritableSignal<boolean>;
+    readonly hasError: _angular_core.WritableSignal<boolean>;
+    readonly isFullscreen: _angular_core.WritableSignal<boolean>;
+    readonly isSeeking: _angular_core.WritableSignal<boolean>;
+    readonly settingsOpen: _angular_core.WritableSignal<boolean>;
+    readonly controlsVisible: _angular_core.WritableSignal<boolean>;
+    readonly hasStarted: _angular_core.WritableSignal<boolean>;
+    private hideTimer;
+    private lastPointerType;
+    private startTimeApplied;
+    private initialLoadDone;
+    private pendingPlay;
+    readonly text: _angular_core.Signal<VideoPlayerLabels>;
+    readonly skipBackLabel: _angular_core.Signal<string>;
+    readonly sourceList: _angular_core.Signal<VideoPlayerSource[]>;
+    /** Single-string src is bound directly so the browser can start fetching ASAP. */
+    readonly singleSrc: _angular_core.Signal<string | undefined>;
+    readonly progressPct: _angular_core.Signal<number>;
+    readonly bufferedPct: _angular_core.Signal<number>;
+    readonly currentTimeLabel: _angular_core.Signal<string>;
+    readonly durationLabel: _angular_core.Signal<string>;
+    readonly captionsButtonVisible: _angular_core.Signal<boolean>;
+    /** Volume as an integer percentage (0 while muted) — drives the slider. */
+    readonly volumePct: _angular_core.Signal<number>;
+    readonly volumeLevel: _angular_core.Signal<"muted" | "low" | "high">;
+    readonly regionLabel: _angular_core.Signal<string>;
+    /** Controls are hidden only while playing and idle. */
+    readonly controlsHidden: _angular_core.Signal<boolean>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    constructor();
+    /** Start playback. */
+    play(): void;
+    /** Pause playback. */
+    pause(): void;
+    /** Toggle play / pause (replays from the start after the media ended). */
+    togglePlay(): void;
+    /** Seek to an absolute position (seconds, clamped to the duration). */
+    seek(seconds: number): void;
+    /** Seek relative to the current position. */
+    seekBy(deltaSeconds: number): void;
+    /** Rewind by `seekStep` seconds. */
+    skipBack(): void;
+    /** Toggle mute. Unmuting a zero volume restores it to 50 %. */
+    toggleMute(): void;
+    /** Set volume (0–1). A non-zero value also unmutes. */
+    setVolume(value: number): void;
+    /** Set the playback rate and close the settings menu. */
+    setPlaybackRate(rate: number): void;
+    /** Toggle captions on the default text track. */
+    toggleCaptions(): void;
+    /** Enter / exit fullscreen for the whole player (falls back to the native iOS player). */
+    toggleFullscreen(): Promise<void>;
+    /** Open / close the settings (playback speed) menu. */
+    toggleSettings(): void;
+    /** Close the settings menu; optionally move focus back to its trigger. */
+    closeSettings(restoreFocus?: boolean): void;
+    onLoadedMetadata(video: HTMLVideoElement): void;
+    onDurationChange(video: HTMLVideoElement): void;
+    onTimeUpdate(video: HTMLVideoElement): void;
+    onProgress(video: HTMLVideoElement): void;
+    onPlay(): void;
+    onPause(): void;
+    onEnded(): void;
+    onWaiting(): void;
+    onPlaying(): void;
+    onSeeked(video: HTMLVideoElement): void;
+    onVolumeChange(video: HTMLVideoElement): void;
+    onRateChange(video: HTMLVideoElement): void;
+    onMediaError(video: HTMLVideoElement): void;
+    onStagePointerDown(event: PointerEvent): void;
+    /** Click on the video surface: toggles play on mouse; on touch, first reveals the controls. */
+    onStageClick(): void;
+    onStageDoubleClick(): void;
+    /** Keyboard shortcuts on the player region. */
+    onRootKeydown(event: KeyboardEvent): void;
+    onProgressPointerDown(event: PointerEvent): void;
+    onProgressPointerMove(event: PointerEvent): void;
+    onProgressPointerUp(event: PointerEvent): void;
+    onProgressKeydown(event: KeyboardEvent): void;
+    private seekToPointer;
+    onVolumeInput(event: Event): void;
+    onSettingsMenuKeydown(event: KeyboardEvent): void;
+    onRootFocusOut(event: FocusEvent): void;
+    onDocumentFullscreenChange(): void;
+    onDocumentPointerDown(event: PointerEvent): void;
+    /** Show the controls and (if playing) restart the idle timer. */
+    revealControls(reschedule?: boolean): void;
+    private scheduleHide;
+    private clearHideTimer;
+    /**
+     * High-frequency pointer listeners are registered outside the Angular zone so
+     * mouse movement over the stage doesn't trigger change detection; we only
+     * re-enter the zone when the visibility state actually flips.
+     */
+    private attachIdleListeners;
+    private safePlay;
+    private applyCaptionMode;
+    private resetForNewSource;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoPlayerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoPlayerComponent, "pecb-video-player", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "tracks": { "alias": "tracks"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; "isSignal": true; }; "preload": { "alias": "preload"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "playsInline": { "alias": "playsInline"; "required": false; "isSignal": true; }; "startTime": { "alias": "startTime"; "required": false; "isSignal": true; }; "watermark": { "alias": "watermark"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "showCenterButton": { "alias": "showCenterButton"; "required": false; "isSignal": true; }; "showSkipBack": { "alias": "showSkipBack"; "required": false; "isSignal": true; }; "showVolume": { "alias": "showVolume"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showCaptions": { "alias": "showCaptions"; "required": false; "isSignal": true; }; "showSettings": { "alias": "showSettings"; "required": false; "isSignal": true; }; "showFullscreen": { "alias": "showFullscreen"; "required": false; "isSignal": true; }; "seekStep": { "alias": "seekStep"; "required": false; "isSignal": true; }; "playbackRates": { "alias": "playbackRates"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "playing": { "alias": "playing"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "volume": { "alias": "volume"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "playbackRate": { "alias": "playbackRate"; "required": false; "isSignal": true; }; "captionsEnabled": { "alias": "captionsEnabled"; "required": false; "isSignal": true; }; }, { "playing": "playingChange"; "currentTime": "currentTimeChange"; "volume": "volumeChange"; "muted": "mutedChange"; "playbackRate": "playbackRateChange"; "captionsEnabled": "captionsEnabledChange"; "timeUpdate": "timeUpdate"; "loadedMetadata": "loadedMetadata"; "seekEnd": "seekEnd"; "playbackEnded": "playbackEnded"; "fullscreenChange": "fullscreenChange"; "playerError": "playerError"; }, never, ["[pecbVideoOverlay]"], true, never>;
+}
+
+/** Kind of course item. @default 'video' */
+type CourseLessonType = 'video' | 'quiz';
+/**
+ * Progress state of a lesson.
+ *
+ * - `completed` — finished (green check).
+ * - `playing`   — currently playing (accent disc). Only meaningful for the
+ *                 active lesson; on any other lesson it renders as `started`.
+ * - `started`   — partially watched / answered (amber progress ring).
+ * - `available` — not started yet (outlined disc).
+ * - `locked`    — not selectable (lock disc, row disabled).
+ *
+ * @default 'available'
+ */
+type CourseLessonStatus = 'completed' | 'playing' | 'started' | 'available' | 'locked';
+/** A single transcript cue. */
+interface CourseTranscriptCue {
+    /** Cue start, in seconds. */
+    time: number;
+    /** Cue text. */
+    text: string;
+}
+/** One lesson (video or quiz) inside a module. */
+interface CourseLesson {
+    /** Stable unique id — used for selection and `@for` tracking. */
+    id: string;
+    /**
+     * Lesson title. A title of the shape `"Base — Part 3"` makes the panel group
+     * consecutive lessons that share `Base` under one sub-heading, listing them as
+     * `Part 1`, `Part 2`, … on a connected timeline rail (design behaviour).
+     */
+    title: string;
+    /** @default 'video' */
+    type?: CourseLessonType;
+    /** @default 'available' */
+    status?: CourseLessonStatus;
+    /** Total length of the video, in seconds. */
+    durationSeconds?: number;
+    /** Where playback resumes, in seconds. */
+    resumeSeconds?: number;
+    /** Quiz: number of questions. */
+    questionCount?: number;
+    /** Quiz: how many questions have been answered (drives the `started` ring). */
+    answeredCount?: number;
+    /** Quiz: how many answers were correct (shown once `completed`). */
+    correctCount?: number;
+    /** Video source(s) for this lesson. */
+    src?: string | VideoPlayerSource[];
+    /** Poster image for this lesson. */
+    poster?: string;
+    /** Caption/subtitle tracks for this lesson. */
+    tracks?: VideoPlayerTrack[];
+    /** Large label painted on the video stage, e.g. `SECTION 2`. */
+    stageLabel?: string;
+    /** Transcript cues for this lesson (overrides the panel-level `transcript`). */
+    transcript?: CourseTranscriptCue[];
+    /** Escape hatch for consumer-specific data; never read by the components. */
+    meta?: Record<string, unknown>;
+}
+/** A module (a "Section" in the UI) holding one or more lessons. */
+interface CourseModule {
+    /** Stable unique id. */
+    id: string;
+    /** Module title — shown as the sub-heading of a part-run, and in search. */
+    title: string;
+    lessons: CourseLesson[];
+}
+/** Aggregate counters for one module. */
+interface CourseModuleStats {
+    total: number;
+    done: number;
+    playing: boolean;
+    started: boolean;
+    /** Sum of every lesson duration, in seconds. */
+    durationSeconds: number;
+    /** Completed percentage, 0–100 (rounded). */
+    percent: number;
+}
+/** Aggregate counters for a whole course. */
+interface CourseProgressStats {
+    total: number;
+    done: number;
+    /** Completed percentage, 0–100 (rounded). */
+    percent: number;
+    /** Seconds of video still to watch. */
+    remainingSeconds: number;
+}
+/**
+ * Human-readable lesson length: `"9 min"`, `"12 min 4 sec"`, `"1 hr 3 min"`.
+ * Non-finite / negative input renders as `"0 min"`.
+ */
+declare function formatCourseDuration(seconds: number | undefined): string;
+/**
+ * Clock reading: `m:ss`, or `h:mm:ss` from one hour up.
+ * Non-finite / negative input renders as `0:00`.
+ */
+declare function formatCourseTime(seconds: number | undefined): string;
+/**
+ * Splits `"Base — Part 3"` into `{ base: 'Base', part: 'Part 3' }`.
+ * A title without the marker yields `{ base: title, part: null }`.
+ */
+declare function parseLessonPartTitle(title: string): {
+    base: string;
+    part: string | null;
+};
+/**
+ * Resolves the status actually rendered for a lesson.
+ *
+ * The active video lesson follows live playback (`playing` while the player is
+ * running, otherwise `started` — unless it is already `completed`), and a
+ * `playing` status on any *other* lesson degrades to `started`, so exactly one
+ * row can ever show the "now playing" treatment. `locked` always wins.
+ */
+declare function resolveLessonStatus(lesson: CourseLesson, active: boolean, livePlaying: boolean): CourseLessonStatus;
+/** Counters for one module, computed from already-resolved lesson statuses. */
+declare function courseModuleStats(module: CourseModule, resolve?: (lesson: CourseLesson) => CourseLessonStatus): CourseModuleStats;
+/** Counters for a whole course. */
+declare function courseProgress(modules: readonly CourseModule[], resolve?: (lesson: CourseLesson) => CourseLessonStatus): CourseProgressStats;
+/** Finds the module a lesson belongs to. */
+declare function findCourseModule(modules: readonly CourseModule[], lessonId: string | null | undefined): CourseModule | undefined;
+/** Finds a lesson by id across all modules. */
+declare function findCourseLesson(modules: readonly CourseModule[], lessonId: string | null | undefined): CourseLesson | undefined;
+
+/** Which tab the panel shows. */
+type CourseContentPanelTab = 'content' | 'transcript';
+/** Grouped accordion (default) or one flat connected timeline. */
+type CourseContentPanelLayout = 'grouped' | 'timeline';
+/** Row spacing. */
+type CourseContentPanelDensity = 'comfortable' | 'compact';
+/** Colour used for the "now playing" treatment. */
+type CourseContentPanelAccent = 'charcoal' | 'red';
+/**
+ * Every user-visible string. Override any subset through `labels`.
+ * `{n}`, `{done}`, `{total}`, `{query}`, `{duration}` are replaced at runtime.
+ */
+interface CourseContentPanelLabels {
+    contentTab: string;
+    transcriptTab: string;
+    searchLessons: string;
+    searchTranscript: string;
+    clearSearch: string;
+    quiz: string;
+    questions: string;
+    passed: string;
+    answered: string;
+    resume: string;
+    moduleDone: string;
+    section: string;
+    noLessons: string;
+    noTranscript: string;
+    autoscroll: string;
+    courseProgress: string;
+    courseProgressDetail: string;
+    certificate: string;
+    locked: string;
+    lessonList: string;
+}
+declare const DEFAULT_COURSE_CONTENT_PANEL_LABELS: CourseContentPanelLabels;
+/** Everything one lesson row needs, precomputed so the template stays dumb. */
+interface CourseLessonView {
+    lesson: CourseLesson;
+    id: string;
+    active: boolean;
+    status: CourseLessonStatus;
+    isQuiz: boolean;
+    isPlaying: boolean;
+    isStarted: boolean;
+    isCompleted: boolean;
+    isLocked: boolean;
+    /** `null` hides the title line (parts run: the quiz row shows only its badge). */
+    displayTitle: string | null;
+    /** Accessible name for the row button — always the full lesson title. */
+    ariaLabel: string;
+    durationLabel: string;
+    questionsLabel: string;
+    quizResultLabel: string | null;
+    timeLabel: string | null;
+    showBar: boolean;
+    barPercent: number;
+    /** Status disc geometry. */
+    discSize: number;
+    discCenter: number;
+    ringRadius: number;
+    ringCircumference: number;
+    ringOffset: number;
+    ringViewBox: string;
+    /** Glyph sizes inside the disc (design values, per density and status). */
+    checkSize: number;
+    pauseSize: number;
+    playIconSize: number;
+    quizIconSize: number;
+    /** Timeline connector below the disc. */
+    connector: boolean;
+    connectorDone: boolean;
+}
+/** A run of consecutive lessons that share a base title. */
+interface CourseLessonRunView {
+    key: string;
+    /** `true` when the run is rendered as a sub-heading + connected rail. */
+    parts: boolean;
+    base: string;
+    lessons: CourseLessonView[];
+}
+/** One accordion section. */
+interface CourseModuleView {
+    module: CourseModule;
+    id: string;
+    /** 1-based position in the *unfiltered* module list (stable while searching). */
+    number: number;
+    title: string;
+    stats: CourseModuleStats;
+    statsLabel: string;
+    durationLabel: string;
+    allDone: boolean;
+    active: boolean;
+    runs: CourseLessonRunView[];
+    /** Single-lesson module rendered as a direct-play row (opt-in). */
+    solo: CourseLessonView | null;
+}
+/** A row of the flat timeline layout — either a section divider or a lesson. */
+interface CourseTimelineRow {
+    key: string;
+    header: {
+        number: number;
+        title: string;
+        stats: CourseModuleStats;
+    } | null;
+    lesson: CourseLessonView | null;
+}
+/** One transcript cue row. */
+interface CourseTranscriptRow {
+    key: string;
+    cue: CourseTranscriptCue;
+    timeLabel: string;
+    current: boolean;
+    /** Text split around the search match so the template can wrap it in `<mark>`. */
+    before: string;
+    match: string;
+    after: string;
+}
+/**
+ * PECB course **Content** panel — the sidebar that sits next to the course
+ * video player.
+ *
+ * Reproduces the "Course Player — Content Redesign" panel exactly: the
+ * Content / Transcript tabs, lesson search, the collapsible **Section**
+ * accordion (one section open at a time, auto-opening the section that owns the
+ * active lesson), status discs (completed / now playing / in-progress ring /
+ * not started / locked), quiz rows with badge + score, per-lesson progress bars,
+ * the "Part 1 / Part 2 …" timeline rail for multi-part lessons, an alternative
+ * flat timeline layout, and the searchable transcript with click-to-seek,
+ * live cue highlighting and an autoscroll toggle.
+ *
+ * It is standalone and data-driven — no player dependency — so it can be used
+ * next to `pecb-video-player`, inside `pecb-course-player`, or on its own.
+ *
+ * @example
+ * ```html
+ * <pecb-course-content-panel
+ *   [modules]="modules"
+ *   [transcript]="cues"
+ *   [(activeLessonId)]="lessonId"
+ *   [playing]="playing()"
+ *   [currentTime]="currentTime()"
+ *   (lessonSelect)="openLesson($event)"
+ *   (transcriptSeek)="seekTo($event)">
+ * </pecb-course-content-panel>
+ * ```
+ *
+ * Theming — override the CSS custom properties on the host:
+ * ```css
+ * pecb-course-content-panel { --pecb-course-panel-accent: #a11e29; }
+ * ```
+ */
+declare class CourseContentPanelComponent {
+    private readonly platformId;
+    private readonly injector;
+    private readonly isBrowser;
+    /** Unique id prefix used to wire ARIA relationships. */
+    readonly uid: string;
+    private readonly transcriptScrollRef;
+    /** Course structure rendered by the Content tab. */
+    modules: _angular_core.InputSignal<CourseModule[]>;
+    /**
+     * Transcript cues for the active lesson. A `transcript` on the active
+     * `CourseLesson` takes precedence over this input.
+     */
+    transcript: _angular_core.InputSignal<CourseTranscriptCue[]>;
+    /** Currently selected lesson. */
+    activeLessonId: _angular_core.ModelSignal<string | null>;
+    /** Visible tab. */
+    tab: _angular_core.ModelSignal<CourseContentPanelTab>;
+    /**
+     * Id of the expanded section. `null` collapses all of them.
+     * Left `undefined` the panel picks one itself (the active lesson's section,
+     * otherwise the first one).
+     */
+    openModuleId: _angular_core.ModelSignal<string | null | undefined>;
+    /** Whether the transcript follows playback. */
+    autoscroll: _angular_core.ModelSignal<boolean>;
+    /** Lesson search text (Content tab). */
+    query: _angular_core.ModelSignal<string>;
+    /** Transcript search text. */
+    transcriptQuery: _angular_core.ModelSignal<string>;
+    /** Whether the player is currently playing — drives the "now playing" row. */
+    playing: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Live playhead position in seconds. Used to highlight the transcript cue and
+     * to draw live progress on the active lesson row; falls back to each lesson's
+     * `resumeSeconds` when omitted.
+     */
+    currentTime: _angular_core.InputSignal<number | undefined>;
+    /** @default 'grouped' */
+    layout: _angular_core.InputSignal<CourseContentPanelLayout>;
+    /** @default 'comfortable' */
+    density: _angular_core.InputSignal<CourseContentPanelDensity>;
+    /** Colour of the "now playing" treatment. @default 'charcoal' */
+    accent: _angular_core.InputSignal<CourseContentPanelAccent>;
+    /** Show the Content / Transcript tab strip. @default true */
+    showTabs: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the lesson search box. @default true */
+    showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the transcript search box. @default true */
+    showTranscriptSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the autoscroll footer on the Transcript tab. @default true */
+    showAutoscroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the circular course-progress header above the list. @default false */
+    showProgress: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the "Certificate" pill inside the progress header. @default true */
+    showCertificate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Render a module that holds exactly one lesson as a single direct-play row
+     * instead of a collapsible section. @default false
+     */
+    soloSingleLessonModules: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Partial override of the user-visible strings (i18n). */
+    labels: _angular_core.InputSignal<Partial<CourseContentPanelLabels>>;
+    /** A lesson row was activated. */
+    lessonSelect: _angular_core.OutputEmitterRef<CourseLesson>;
+    /** A transcript cue was clicked — seek the player to this position (seconds). */
+    transcriptSeek: _angular_core.OutputEmitterRef<number>;
+    /** A section was expanded or collapsed. */
+    moduleToggle: _angular_core.OutputEmitterRef<{
+        module: CourseModule;
+        open: boolean;
+    }>;
+    /** The "Certificate" pill was clicked. */
+    certificateClick: _angular_core.OutputEmitterRef<void>;
+    readonly text: _angular_core.Signal<CourseContentPanelLabels>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    private readonly compact;
+    /** Resolved status of every lesson, keyed by lesson id. */
+    private readonly statusById;
+    private readonly resolveStatus;
+    /** Modules narrowed by the search box (design: match lesson titles, else module title). */
+    readonly filteredModules: _angular_core.Signal<CourseModule[]>;
+    readonly moduleViews: _angular_core.Signal<CourseModuleView[]>;
+    readonly timelineRows: _angular_core.Signal<CourseTimelineRow[]>;
+    readonly isEmpty: _angular_core.Signal<boolean>;
+    readonly progress: _angular_core.Signal<_pecb_ui_components.CourseProgressStats>;
+    /** Geometry of the 56 px progress ring (design: r = 22, stroke = 5). */
+    readonly progressRing: _angular_core.Signal<{
+        radius: number;
+        circumference: number;
+        offset: number;
+    }>;
+    readonly progressDetail: _angular_core.Signal<string>;
+    /** Cues of the active lesson, falling back to the panel-level `transcript`. */
+    readonly activeCues: _angular_core.Signal<CourseTranscriptCue[]>;
+    /** Index of the cue covering the playhead, or `-1`. */
+    readonly activeCueIndex: _angular_core.Signal<number>;
+    readonly transcriptRows: _angular_core.Signal<CourseTranscriptRow[]>;
+    readonly transcriptEmpty: _angular_core.Signal<boolean>;
+    readonly noLessonsLabel: _angular_core.Signal<string>;
+    readonly noTranscriptLabel: _angular_core.Signal<string>;
+    constructor();
+    /** `"Section 3"` — the `{n}` placeholder resolved against the label set. */
+    sectionLabel(index: number): string;
+    /** Whether a section is expanded. */
+    isModuleOpen(moduleId: string): boolean;
+    /** Expand a section, collapsing the one that was open (single-open accordion). */
+    toggleModule(view: CourseModuleView): void;
+    /** Roving keyboard support between section headers (WAI-ARIA accordion). */
+    onModuleHeaderKeydown(event: KeyboardEvent): void;
+    /** Activate a lesson (ignored when locked). */
+    selectLesson(lesson: CourseLesson): void;
+    /** Seek the player to a transcript cue. */
+    seekToCue(cue: CourseTranscriptCue): void;
+    setTab(tab: CourseContentPanelTab): void;
+    onTabKeydown(event: KeyboardEvent): void;
+    onQueryInput(event: Event): void;
+    onTranscriptQueryInput(event: Event): void;
+    clearTranscriptQuery(): void;
+    toggleAutoscroll(): void;
+    onAutoscrollChange(event: Event): void;
+    /**
+     * Splits a module's lessons into runs of consecutive lessons sharing a base
+     * title. A run of two or more where at least one carries a `— Part n` suffix
+     * renders as a sub-heading plus a connected rail (design behaviour).
+     */
+    private buildRuns;
+    private buildLessonView;
+    private scrollActiveCueIntoView;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CourseContentPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CourseContentPanelComponent, "pecb-course-content-panel", never, { "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "transcript": { "alias": "transcript"; "required": false; "isSignal": true; }; "activeLessonId": { "alias": "activeLessonId"; "required": false; "isSignal": true; }; "tab": { "alias": "tab"; "required": false; "isSignal": true; }; "openModuleId": { "alias": "openModuleId"; "required": false; "isSignal": true; }; "autoscroll": { "alias": "autoscroll"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "transcriptQuery": { "alias": "transcriptQuery"; "required": false; "isSignal": true; }; "playing": { "alias": "playing"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "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; }; "showTranscriptSearch": { "alias": "showTranscriptSearch"; "required": false; "isSignal": true; }; "showAutoscroll": { "alias": "showAutoscroll"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "showCertificate": { "alias": "showCertificate"; "required": false; "isSignal": true; }; "soloSingleLessonModules": { "alias": "soloSingleLessonModules"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "activeLessonId": "activeLessonIdChange"; "tab": "tabChange"; "openModuleId": "openModuleIdChange"; "autoscroll": "autoscrollChange"; "query": "queryChange"; "transcriptQuery": "transcriptQueryChange"; "lessonSelect": "lessonSelect"; "transcriptSeek": "transcriptSeek"; "moduleToggle": "moduleToggle"; "certificateClick": "certificateClick"; }, never, never, true, never>;
+}
+
+/** Which side the content panel sits on. */
+type CoursePlayerPanelPosition = 'end' | 'start';
+/**
+ * PECB course player — the video stage with the **Content** sidebar attached,
+ * exactly as laid out in "Course Player — Content Redesign".
+ *
+ * Composes {@link VideoPlayerComponent} and {@link CourseContentPanelComponent}
+ * and wires them together: picking a lesson loads its media and resumes at its
+ * saved position, clicking a transcript cue seeks the video, and the panel
+ * follows playback live (now-playing row, progress bars, transcript highlight).
+ *
+ * The two-column grid collapses to a single stacked column when the space it is
+ * given gets narrow, so the same markup works in a page, a drawer or a phone.
+ *
+ * @example
+ * ```html
+ * <pecb-course-player
+ *   [modules]="modules"
+ *   [(activeLessonId)]="lessonId"
+ *   (lessonSelect)="track($event)"
+ *   (lessonEnded)="markComplete($event)">
+ * </pecb-course-player>
+ * ```
+ *
+ * Layout hooks:
+ * ```css
+ * pecb-course-player {
+ *   --pecb-course-player-panel-width: 408px;
+ *   --pecb-course-player-gap: 20px;
+ *   --pecb-course-player-panel-stacked-height: 460px;
+ * }
+ * ```
+ */
+declare class CoursePlayerComponent {
+    /** Course structure. */
+    modules: _angular_core.InputSignal<CourseModule[]>;
+    /** Fallback transcript, used when the active lesson has no `transcript`. */
+    transcript: _angular_core.InputSignal<CourseTranscriptCue[]>;
+    /** Selected lesson. */
+    activeLessonId: _angular_core.ModelSignal<string | null>;
+    /** Playback state of the video. */
+    playing: _angular_core.ModelSignal<boolean>;
+    /** Playhead position, in seconds. */
+    currentTime: _angular_core.ModelSignal<number>;
+    /** Which panel tab is showing. */
+    panelTab: _angular_core.ModelSignal<CourseContentPanelTab>;
+    /** Poster used when the active lesson has none. */
+    poster: _angular_core.InputSignal<string | undefined>;
+    /** Media used when the active lesson has no `src` (e.g. a single-video course). */
+    src: _angular_core.InputSignal<string | VideoPlayerSource[] | undefined>;
+    /** Caption tracks used when the active lesson has none. */
+    tracks: _angular_core.InputSignal<VideoPlayerTrack[]>;
+    /** Stage label used when the active lesson has no `stageLabel`. */
+    stageLabel: _angular_core.InputSignal<string | undefined>;
+    /** Brand watermark on the video stage. @default 'PECB' */
+    watermark: _angular_core.InputSignal<string>;
+    /** @default '16 / 9' */
+    aspectRatio: _angular_core.InputSignal<string>;
+    /** @default 'metadata' */
+    preload: _angular_core.InputSignal<VideoPlayerPreload>;
+    /** `crossorigin` for the media element. */
+    crossOrigin: _angular_core.InputSignal<"anonymous" | "use-credentials" | undefined>;
+    /** Seconds the rewind button / arrow keys jump. @default 10 */
+    seekStep: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** i18n overrides for the video player. */
+    videoLabels: _angular_core.InputSignal<Partial<VideoPlayerLabels>>;
+    /** Start playing as soon as a video lesson is picked. @default true */
+    autoPlayOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the active lesson's title under the video. @default true */
+    showLessonTitle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Which side the panel sits on. @default 'end' */
+    panelPosition: _angular_core.InputSignal<CoursePlayerPanelPosition>;
+    /** @default 'grouped' */
+    layout: _angular_core.InputSignal<CourseContentPanelLayout>;
+    /** @default 'comfortable' */
+    density: _angular_core.InputSignal<CourseContentPanelDensity>;
+    /** @default 'charcoal' */
+    accent: _angular_core.InputSignal<CourseContentPanelAccent>;
+    /** Show the panel's tab strip. @default true */
+    showTabs: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the lesson search box. @default true */
+    showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the circular course-progress header. @default false */
+    showProgress: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Render single-lesson sections as direct-play rows. @default false */
+    soloSingleLessonModules: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** i18n overrides for the panel. */
+    panelLabels: _angular_core.InputSignal<Partial<CourseContentPanelLabels>>;
+    /** A lesson row was picked (fires for quizzes too). */
+    lessonSelect: _angular_core.OutputEmitterRef<CourseLesson>;
+    /** The video of a lesson played to the end. */
+    lessonEnded: _angular_core.OutputEmitterRef<CourseLesson>;
+    /** Playhead moved — use it to persist progress. */
+    timeUpdate: _angular_core.OutputEmitterRef<VideoPlayerTimeEvent>;
+    /** The panel's "Certificate" pill was clicked. */
+    certificateClick: _angular_core.OutputEmitterRef<void>;
+    /** The media failed to load, or playback was rejected. */
+    playerError: _angular_core.OutputEmitterRef<VideoPlayerError>;
+    /** The lesson currently selected in the panel (may be a quiz). */
+    readonly activeLesson: _angular_core.Signal<CourseLesson | undefined>;
+    /**
+     * Id of the last *video* lesson that was selected. Picking a quiz keeps the
+     * video on the stage (design behaviour) instead of blanking it.
+     */
+    private readonly videoLessonId;
+    readonly videoLesson: _angular_core.Signal<CourseLesson | undefined>;
+    readonly videoSrc: _angular_core.Signal<string | VideoPlayerSource[] | undefined>;
+    readonly videoPoster: _angular_core.Signal<string | undefined>;
+    readonly videoTracks: _angular_core.Signal<VideoPlayerTrack[]>;
+    readonly videoStageLabel: _angular_core.Signal<string | undefined>;
+    readonly videoTitle: _angular_core.Signal<string | undefined>;
+    readonly lessonTitle: _angular_core.Signal<string>;
+    /** Resume position handed to the player whenever the source changes. */
+    readonly startTime: _angular_core.Signal<number>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    /** Id of the lesson whose resume position has already been pushed into `currentTime`. */
+    private resumeAppliedFor;
+    constructor();
+    /** Panel → player: load a lesson, resuming where it left off. */
+    onLessonSelect(lesson: CourseLesson): void;
+    /** Panel → player: jump to a transcript cue and keep playing. */
+    onTranscriptSeek(seconds: number): void;
+    onPlaybackEnded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CoursePlayerComponent, never>;
+    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>;
+}
+
 /**
  * Notification types supported by the service
  */
@@ -6546,5 +7389,5 @@ declare class TourComponent implements OnInit, OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TourComponent, "pecb-tour", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "indicatorType": { "alias": "indicatorType"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "initialStep": { "alias": "initialStep"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "previousClicked": "previousClicked"; "nextClicked": "nextClicked"; "finished": "finished"; "stepChanged": "stepChanged"; }, never, never, true, never>;
 }
 
-export { AccordionItemComponent, AccordionSmallComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, 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, DEFAULT_LANGUAGES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, 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, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, capitalize, closestElement, copyToClipboard, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, formatCount, formatErrorForLog, formatErrorMessage, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
-export type { AccordionVariant, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, 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, 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, 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, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, 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, 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, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };
+export { AccordionItemComponent, AccordionSmallComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, 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, 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, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, 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, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, 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, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
+export type { AccordionVariant, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, 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, 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, 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, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, 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, 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 };