@ngxsplayer/ngx-smart-player-ui-core 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Cedvict
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/fesm2022/ngxsplayer-ngx-smart-player-ui-core.mjs

@@ -0,0 +1,570 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, Component, inject, ElementRef, signal } from '@angular/core';
+
+/** Formate des secondes en `h:mm:ss` / `m:ss`. Sûr pour NaN/Infinity. */
+function formatTime(totalSeconds) {
+    if (!Number.isFinite(totalSeconds) || totalSeconds < 0) {
+        return '0:00';
+    }
+    const s = Math.floor(totalSeconds);
+    const h = Math.floor(s / 3600);
+    const m = Math.floor((s % 3600) / 60);
+    const r = s % 60;
+    const mm = h > 0 ? String(m).padStart(2, '0') : String(m);
+    return h > 0 ? `${h}:${mm}:${String(r).padStart(2, '0')}` : `${mm}:${String(r).padStart(2, '0')}`;
+}
+
+/**
+ * Primitive « headless » de lecture/pause.
+ *
+ * - Sémantique native (`<button>`), accessible (aria-pressed, aria-label).
+ * - Aucun style imposé : le visuel (icône) est projeté par le consommateur via
+ *   `<ng-content>`, le thème via tokens CSS côté hôte.
+ * - Libellés surchargeables → i18n.
+ *
+ * ```html
+ * <ngxsp-play-button [playing]="isPlaying()" (playToggle)="onToggle()">
+ *   <i class="ti" [class.ti-player-pause]="isPlaying()" [class.ti-player-play]="!isPlaying()"></i>
+ * </ngxsp-play-button>
+ * ```
+ */
+class NgxspPlayButton {
+    /** État de lecture courant. */
+    playing = input(false, ...(ngDevMode ? [{ debugName: "playing" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    /** Libellés accessibles (surchargeables pour i18n). */
+    playLabel = input('Lecture', ...(ngDevMode ? [{ debugName: "playLabel" }] : []));
+    pauseLabel = input('Pause', ...(ngDevMode ? [{ debugName: "pauseLabel" }] : []));
+    /** Émis à chaque activation (clic / Entrée / Espace via le bouton natif). */
+    playToggle = output();
+    label = computed(() => (this.playing() ? this.pauseLabel() : this.playLabel()), ...(ngDevMode ? [{ debugName: "label" }] : []));
+    onClick() {
+        if (!this.disabled()) {
+            this.playToggle.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspPlayButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.33", type: NgxspPlayButton, isStandalone: true, selector: "ngxsp-play-button", inputs: { playing: { classPropertyName: "playing", publicName: "playing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, playLabel: { classPropertyName: "playLabel", publicName: "playLabel", isSignal: true, isRequired: false, transformFunction: null }, pauseLabel: { classPropertyName: "pauseLabel", publicName: "pauseLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { playToggle: "playToggle" }, ngImport: i0, template: `
+    <button
+      type="button"
+      [attr.aria-label]="label()"
+      [attr.aria-pressed]="playing()"
+      [disabled]="disabled()"
+      (click)="onClick()"
+    >
+      <ng-content />
+    </button>
+  `, isInline: true, styles: [":host{display:inline-flex}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-width:var(--ngxsp-control-size, 44px);min-height:var(--ngxsp-control-size, 44px)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:none;box-shadow:var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / .5))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspPlayButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngxsp-play-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <button
+      type="button"
+      [attr.aria-label]="label()"
+      [attr.aria-pressed]="playing()"
+      [disabled]="disabled()"
+      (click)="onClick()"
+    >
+      <ng-content />
+    </button>
+  `, styles: [":host{display:inline-flex}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-width:var(--ngxsp-control-size, 44px);min-height:var(--ngxsp-control-size, 44px)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:none;box-shadow:var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / .5))}\n"] }]
+        }], propDecorators: { playing: [{ type: i0.Input, args: [{ isSignal: true, alias: "playing", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], playLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "playLabel", required: false }] }], pauseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pauseLabel", required: false }] }], playToggle: [{ type: i0.Output, args: ["playToggle"] }] } });
+
+/**
+ * Primitive « headless » de barre de progression / scrub, accessible.
+ *
+ * - `role="slider"` complet : aria-valuemin/max/now + **aria-valuetext lisant le
+ *   temps** (« 3:12 sur 48:20 »), conforme aux recommandations W3C/WCAG.
+ * - Clavier : flèches (±step), Page↑/↓ (±bigStep), Début/Fin.
+ * - Pointeur : clic + glisser pour chercher.
+ * - Adaptée à la source via `profile` : en `live`, le texte annonce le retard au
+ *   direct ; en `ad`, le slider est désactivé (contrôles verrouillés).
+ * - Aucun style imposé : la progression est exposée via les variables CSS
+ *   `--ngxsp-progress` et `--ngxsp-buffered` (fractions 0→1) que l'hôte stylise.
+ */
+class NgxspTimeSlider {
+    host = inject((ElementRef));
+    /** Position courante (secondes). */
+    currentTime = input(0, ...(ngDevMode ? [{ debugName: "currentTime" }] : []));
+    /** Durée totale (secondes). Pour le live, la fenêtre DVR. */
+    duration = input(0, ...(ngDevMode ? [{ debugName: "duration" }] : []));
+    /** Avance de mise en mémoire tampon (secondes). */
+    buffered = input(0, ...(ngDevMode ? [{ debugName: "buffered" }] : []));
+    /** Profil de source — adapte le texte accessible et l'activation. */
+    profile = input('vod', ...(ngDevMode ? [{ debugName: "profile" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    durationHintSec = input(0, ...(ngDevMode ? [{ debugName: "durationHintSec" }] : []));
+    markers = input([], ...(ngDevMode ? [{ debugName: "markers" }] : []));
+    /** Pas clavier (s) et grand pas (Page↑/↓). */
+    step = input(5, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    bigStep = input(30, ...(ngDevMode ? [{ debugName: "bigStep" }] : []));
+    /** Libellés surchargeables (i18n). */
+    ariaLabel = input('Progression', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    liveLabel = input('En direct', ...(ngDevMode ? [{ debugName: "liveLabel" }] : []));
+    /** Émis pendant le scrub clavier/pointeur (secondes). */
+    seek = output();
+    dragging = signal(false, ...(ngDevMode ? [{ debugName: "dragging" }] : []));
+    previewTimeSec = signal(null, ...(ngDevMode ? [{ debugName: "previewTimeSec" }] : []));
+    isDisabled = computed(() => this.disabled() || this.profile() === 'ad', ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    markerMax = computed(() => this.markers().reduce((max, marker) => {
+        const timeSec = Number(marker.timeSec);
+        return Number.isFinite(timeSec) && timeSec >= 0 ? Math.max(max, timeSec) : max;
+    }, 0), ...(ngDevMode ? [{ debugName: "markerMax" }] : []));
+    max = computed(() => Math.max(0, this.duration(), this.durationHintSec(), this.markerMax()), ...(ngDevMode ? [{ debugName: "max" }] : []));
+    value = computed(() => Math.max(0, Math.min(this.currentTime(), this.max())), ...(ngDevMode ? [{ debugName: "value" }] : []));
+    fraction = computed(() => (this.max() > 0 ? this.value() / this.max() : 0), ...(ngDevMode ? [{ debugName: "fraction" }] : []));
+    bufferedFraction = computed(() => this.max() > 0 ? Math.max(0, Math.min(this.buffered(), this.max())) / this.max() : 0, ...(ngDevMode ? [{ debugName: "bufferedFraction" }] : []));
+    normalizedMarkers = computed(() => {
+        const max = this.max();
+        if (max <= 0)
+            return [];
+        return [...this.markers()]
+            .map((marker) => {
+            const timeSec = Number(marker.timeSec);
+            if (!Number.isFinite(timeSec) || timeSec < 0 || timeSec > max)
+                return null;
+            const displayLabel = (marker.label || '').trim();
+            const displayTitle = (marker.title || displayLabel || formatTime(timeSec)).trim();
+            return {
+                ...marker,
+                timeSec,
+                percent: (timeSec / max) * 100,
+                displayLabel,
+                displayTitle,
+            };
+        })
+            .filter((marker) => !!marker)
+            .sort((a, b) => a.timeSec - b.timeSec);
+    }, ...(ngDevMode ? [{ debugName: "normalizedMarkers" }] : []));
+    currentMarker = computed(() => this.markerAtTime(this.value()), ...(ngDevMode ? [{ debugName: "currentMarker" }] : []));
+    preview = computed(() => {
+        const timeSec = this.previewTimeSec();
+        const max = this.max();
+        if (timeSec === null || max <= 0 || this.isDisabled())
+            return null;
+        const safeTimeSec = Math.max(0, Math.min(timeSec, max));
+        const marker = this.markerAtTime(safeTimeSec);
+        return {
+            percent: (safeTimeSec / max) * 100,
+            timeLabel: formatTime(safeTimeSec),
+            markerLabel: marker?.displayLabel ?? '',
+            markerTitle: marker?.displayTitle ?? '',
+        };
+    }, ...(ngDevMode ? [{ debugName: "preview" }] : []));
+    valueText = computed(() => {
+        const marker = this.currentMarker();
+        if (this.profile() === 'live') {
+            const behind = Math.max(0, this.max() - this.value());
+            const base = behind < 1 ? this.liveLabel() : `${formatTime(behind)} avant le direct`;
+            return marker ? `${base} - ${marker.displayTitle}` : base;
+        }
+        const base = `${formatTime(this.value())} sur ${formatTime(this.max())}`;
+        return marker ? `${base} - ${marker.displayTitle}` : base;
+    }, ...(ngDevMode ? [{ debugName: "valueText" }] : []));
+    onKeydown(event) {
+        if (this.isDisabled()) {
+            return;
+        }
+        let next = this.value();
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                next += this.step();
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                next -= this.step();
+                break;
+            case 'PageUp':
+                next += this.bigStep();
+                break;
+            case 'PageDown':
+                next -= this.bigStep();
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = this.max();
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        this.emit(next);
+    }
+    onPointerMove(event) {
+        if (this.isDisabled() || this.max() <= 0)
+            return;
+        this.previewTimeSec.set(this.valueFromClientX(event.clientX));
+    }
+    onPointerLeave() {
+        if (!this.dragging()) {
+            this.previewTimeSec.set(null);
+        }
+    }
+    onPointerDown(event) {
+        if (this.isDisabled() || event.button !== 0) {
+            return;
+        }
+        const el = this.host.nativeElement;
+        el.setPointerCapture?.(event.pointerId);
+        this.dragging.set(true);
+        const next = this.valueFromClientX(event.clientX);
+        this.previewTimeSec.set(next);
+        this.emit(next);
+        const move = (e) => {
+            if (this.dragging()) {
+                const next = this.valueFromClientX(e.clientX);
+                this.previewTimeSec.set(next);
+                this.emit(next);
+            }
+        };
+        const up = (e) => {
+            this.dragging.set(false);
+            this.previewTimeSec.set(null);
+            el.releasePointerCapture?.(e.pointerId);
+            el.removeEventListener('pointermove', move);
+            el.removeEventListener('pointerup', up);
+            el.removeEventListener('pointercancel', up);
+        };
+        el.addEventListener('pointermove', move);
+        el.addEventListener('pointerup', up);
+        el.addEventListener('pointercancel', up);
+    }
+    valueFromClientX(clientX) {
+        const rect = this.host.nativeElement.getBoundingClientRect();
+        const ratio = rect.width > 0 ? (clientX - rect.left) / rect.width : 0;
+        return Math.max(0, Math.min(1, ratio)) * this.max();
+    }
+    emit(next) {
+        this.seek.emit(Math.max(0, Math.min(next, this.max())));
+    }
+    markerAtTime(timeSec) {
+        let current = null;
+        for (const marker of this.normalizedMarkers()) {
+            if (marker.timeSec <= timeSec + 0.5) {
+                current = marker;
+            }
+            else {
+                break;
+            }
+        }
+        return current;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspTimeSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NgxspTimeSlider, isStandalone: true, selector: "ngxsp-time-slider", inputs: { currentTime: { classPropertyName: "currentTime", publicName: "currentTime", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, buffered: { classPropertyName: "buffered", publicName: "buffered", isSignal: true, isRequired: false, transformFunction: null }, profile: { classPropertyName: "profile", publicName: "profile", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, durationHintSec: { classPropertyName: "durationHintSec", publicName: "durationHintSec", isSignal: true, isRequired: false, transformFunction: null }, markers: { classPropertyName: "markers", publicName: "markers", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, bigStep: { classPropertyName: "bigStep", publicName: "bigStep", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, liveLabel: { classPropertyName: "liveLabel", publicName: "liveLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { seek: "seek" }, host: { attributes: { "role": "slider" }, listeners: { "keydown": "onKeydown($event)", "pointermove": "onPointerMove($event)", "pointerleave": "onPointerLeave()", "blur": "onPointerLeave()", "pointerdown": "onPointerDown($event)" }, properties: { "attr.tabindex": "isDisabled() ? -1 : 0", "attr.aria-label": "ariaLabel()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "value()", "attr.aria-valuetext": "valueText()", "attr.aria-orientation": "'horizontal'", "attr.aria-disabled": "isDisabled() || null", "style.--ngxsp-progress": "fraction()", "style.--ngxsp-buffered": "bufferedFraction()" } }, ngImport: i0, template: `
+    <div class="ngxsp-ts-track" part="track">
+      <div class="ngxsp-ts-buffered" part="buffered"></div>
+      <div class="ngxsp-ts-fill" part="fill"></div>
+      @for (marker of normalizedMarkers(); track marker.id) {
+      <span
+        class="ngxsp-ts-marker"
+        [class.active]="marker.active"
+        [class.current]="currentMarker()?.id === marker.id"
+        [style.left.%]="marker.percent"
+        [attr.title]="marker.displayTitle"
+        aria-hidden="true"
+        part="marker"
+      ></span>
+      }
+      <div class="ngxsp-ts-thumb" part="thumb"></div>
+    </div>
+    @if (preview(); as hover) {
+    <div class="ngxsp-ts-preview" [style.left.%]="hover.percent" aria-hidden="true" part="preview">
+      <span>{{ hover.timeLabel }}</span>
+      @if (hover.markerLabel) { <em>{{ hover.markerLabel }}</em> }
+      @if (hover.markerTitle) { <strong>{{ hover.markerTitle }}</strong> }
+    </div>
+    }
+  `, isInline: true, styles: [":host{display:flex;align-items:center;position:relative;width:100%;min-height:32px;cursor:pointer;touch-action:none;padding:0}:host([aria-disabled=\"true\"]){cursor:default;opacity:.6}:host:focus-visible{outline:3px solid rgb(108 182 255 / .42);outline-offset:2px;border-radius:999px}:host:focus-visible .ngxsp-ts-thumb{box-shadow:var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / .5))}.ngxsp-ts-track{position:relative;width:100%;height:var(--ngxsp-track-size, 5px);border-radius:999px;background:var(--ngxsp-track-bg, rgb(255 255 255 / .2));overflow:visible}.ngxsp-ts-buffered,.ngxsp-ts-fill{position:absolute;inset:0 auto 0 0;border-radius:999px}.ngxsp-ts-buffered{width:calc(var(--ngxsp-buffered, 0) * 100%);background:var(--ngxsp-buffered-bg, rgb(255 255 255 / .35))}.ngxsp-ts-fill{width:calc(var(--ngxsp-progress, 0) * 100%);background:var(--ngxsp-accent, #6cb6ff)}.ngxsp-ts-thumb{position:absolute;top:50%;left:calc(var(--ngxsp-progress, 0) * 100%);width:var(--ngxsp-thumb-size, 13px);height:var(--ngxsp-thumb-size, 13px);border-radius:50%;background:var(--ngxsp-thumb-bg, #fff);transform:translate(-50%,-50%)}.ngxsp-ts-marker{position:absolute;top:50%;width:var(--ngxsp-marker-width, 3px);height:var(--ngxsp-marker-height, 13px);border-radius:999px;background:var(--ngxsp-marker-bg, rgb(255 255 255 / .58));box-shadow:0 0 0 1px #00000029;transform:translate(-50%,-50%);pointer-events:none}.ngxsp-ts-marker.active,.ngxsp-ts-marker.current{background:var(--ngxsp-marker-active-bg, var(--ngxsp-thumb-bg, #fff));box-shadow:var(--ngxsp-marker-active-shadow, 0 0 0 3px rgb(108 182 255 / .24))}.ngxsp-ts-preview{position:absolute;bottom:calc(100% + 8px);display:grid;gap:2px;min-width:72px;max-width:min(240px,80vw);padding:8px 10px;border:1px solid var(--ngxsp-preview-border, rgb(255 255 255 / .12));border-radius:6px;background:var(--ngxsp-preview-bg, rgb(5 11 18 / .92));color:var(--ngxsp-preview-color, #f8fbff);box-shadow:0 18px 42px #00000052;font-size:12px;line-height:1.2;pointer-events:none;transform:translate(-50%);z-index:2}.ngxsp-ts-preview span{font-variant-numeric:tabular-nums;font-weight:800}.ngxsp-ts-preview em,.ngxsp-ts-preview strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.ngxsp-ts-preview em{color:var(--ngxsp-preview-muted, rgb(191 219 254 / .72));font-size:10px;font-weight:700}.ngxsp-ts-preview strong{font-size:12px;font-weight:800}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspTimeSlider, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngxsp-time-slider', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'slider',
+                        '[attr.tabindex]': 'isDisabled() ? -1 : 0',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.aria-valuemin]': '0',
+                        '[attr.aria-valuemax]': 'max()',
+                        '[attr.aria-valuenow]': 'value()',
+                        '[attr.aria-valuetext]': 'valueText()',
+                        '[attr.aria-orientation]': "'horizontal'",
+                        '[attr.aria-disabled]': 'isDisabled() || null',
+                        '[style.--ngxsp-progress]': 'fraction()',
+                        '[style.--ngxsp-buffered]': 'bufferedFraction()',
+                        '(keydown)': 'onKeydown($event)',
+                        '(pointermove)': 'onPointerMove($event)',
+                        '(pointerleave)': 'onPointerLeave()',
+                        '(blur)': 'onPointerLeave()',
+                        '(pointerdown)': 'onPointerDown($event)',
+                    }, template: `
+    <div class="ngxsp-ts-track" part="track">
+      <div class="ngxsp-ts-buffered" part="buffered"></div>
+      <div class="ngxsp-ts-fill" part="fill"></div>
+      @for (marker of normalizedMarkers(); track marker.id) {
+      <span
+        class="ngxsp-ts-marker"
+        [class.active]="marker.active"
+        [class.current]="currentMarker()?.id === marker.id"
+        [style.left.%]="marker.percent"
+        [attr.title]="marker.displayTitle"
+        aria-hidden="true"
+        part="marker"
+      ></span>
+      }
+      <div class="ngxsp-ts-thumb" part="thumb"></div>
+    </div>
+    @if (preview(); as hover) {
+    <div class="ngxsp-ts-preview" [style.left.%]="hover.percent" aria-hidden="true" part="preview">
+      <span>{{ hover.timeLabel }}</span>
+      @if (hover.markerLabel) { <em>{{ hover.markerLabel }}</em> }
+      @if (hover.markerTitle) { <strong>{{ hover.markerTitle }}</strong> }
+    </div>
+    }
+  `, styles: [":host{display:flex;align-items:center;position:relative;width:100%;min-height:32px;cursor:pointer;touch-action:none;padding:0}:host([aria-disabled=\"true\"]){cursor:default;opacity:.6}:host:focus-visible{outline:3px solid rgb(108 182 255 / .42);outline-offset:2px;border-radius:999px}:host:focus-visible .ngxsp-ts-thumb{box-shadow:var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / .5))}.ngxsp-ts-track{position:relative;width:100%;height:var(--ngxsp-track-size, 5px);border-radius:999px;background:var(--ngxsp-track-bg, rgb(255 255 255 / .2));overflow:visible}.ngxsp-ts-buffered,.ngxsp-ts-fill{position:absolute;inset:0 auto 0 0;border-radius:999px}.ngxsp-ts-buffered{width:calc(var(--ngxsp-buffered, 0) * 100%);background:var(--ngxsp-buffered-bg, rgb(255 255 255 / .35))}.ngxsp-ts-fill{width:calc(var(--ngxsp-progress, 0) * 100%);background:var(--ngxsp-accent, #6cb6ff)}.ngxsp-ts-thumb{position:absolute;top:50%;left:calc(var(--ngxsp-progress, 0) * 100%);width:var(--ngxsp-thumb-size, 13px);height:var(--ngxsp-thumb-size, 13px);border-radius:50%;background:var(--ngxsp-thumb-bg, #fff);transform:translate(-50%,-50%)}.ngxsp-ts-marker{position:absolute;top:50%;width:var(--ngxsp-marker-width, 3px);height:var(--ngxsp-marker-height, 13px);border-radius:999px;background:var(--ngxsp-marker-bg, rgb(255 255 255 / .58));box-shadow:0 0 0 1px #00000029;transform:translate(-50%,-50%);pointer-events:none}.ngxsp-ts-marker.active,.ngxsp-ts-marker.current{background:var(--ngxsp-marker-active-bg, var(--ngxsp-thumb-bg, #fff));box-shadow:var(--ngxsp-marker-active-shadow, 0 0 0 3px rgb(108 182 255 / .24))}.ngxsp-ts-preview{position:absolute;bottom:calc(100% + 8px);display:grid;gap:2px;min-width:72px;max-width:min(240px,80vw);padding:8px 10px;border:1px solid var(--ngxsp-preview-border, rgb(255 255 255 / .12));border-radius:6px;background:var(--ngxsp-preview-bg, rgb(5 11 18 / .92));color:var(--ngxsp-preview-color, #f8fbff);box-shadow:0 18px 42px #00000052;font-size:12px;line-height:1.2;pointer-events:none;transform:translate(-50%);z-index:2}.ngxsp-ts-preview span{font-variant-numeric:tabular-nums;font-weight:800}.ngxsp-ts-preview em,.ngxsp-ts-preview strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.ngxsp-ts-preview em{color:var(--ngxsp-preview-muted, rgb(191 219 254 / .72));font-size:10px;font-weight:700}.ngxsp-ts-preview strong{font-size:12px;font-weight:800}\n"] }]
+        }], propDecorators: { currentTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentTime", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], buffered: [{ type: i0.Input, args: [{ isSignal: true, alias: "buffered", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], durationHintSec: [{ type: i0.Input, args: [{ isSignal: true, alias: "durationHintSec", required: false }] }], markers: [{ type: i0.Input, args: [{ isSignal: true, alias: "markers", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], bigStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "bigStep", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], liveLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "liveLabel", required: false }] }], seek: [{ type: i0.Output, args: ["seek"] }] } });
+
+/**
+ * Headless volume control primitive.
+ *
+ * The component owns the accessible native controls and leaves the visual skin
+ * to CSS custom properties. Volume is normalized from 0 to 1, matching the
+ * native HTMLMediaElement contract.
+ */
+class NgxspVolumeControl {
+    volume = input(1, ...(ngDevMode ? [{ debugName: "volume" }] : []));
+    muted = input(null, ...(ngDevMode ? [{ debugName: "muted" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : []));
+    showValue = input(false, ...(ngDevMode ? [{ debugName: "showValue" }] : []));
+    step = input(0.01, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    volumeLabel = input('Volume', ...(ngDevMode ? [{ debugName: "volumeLabel" }] : []));
+    muteLabel = input('Mute', ...(ngDevMode ? [{ debugName: "muteLabel" }] : []));
+    unmuteLabel = input('Restore sound', ...(ngDevMode ? [{ debugName: "unmuteLabel" }] : []));
+    volumeChange = output();
+    muteToggle = output();
+    normalizedVolume = computed(() => this.clampVolume(this.volume()), ...(ngDevMode ? [{ debugName: "normalizedVolume" }] : []));
+    percent = computed(() => Math.round(this.normalizedVolume() * 100), ...(ngDevMode ? [{ debugName: "percent" }] : []));
+    isMuted = computed(() => this.muted() ?? this.normalizedVolume() <= 0.001, ...(ngDevMode ? [{ debugName: "isMuted" }] : []));
+    buttonLabel = computed(() => (this.isMuted() ? this.unmuteLabel() : this.muteLabel()), ...(ngDevMode ? [{ debugName: "buttonLabel" }] : []));
+    valueText = computed(() => `${this.percent()}%`, ...(ngDevMode ? [{ debugName: "valueText" }] : []));
+    onMuteClick() {
+        if (!this.disabled()) {
+            this.muteToggle.emit();
+        }
+    }
+    onVolumeInput(event) {
+        if (this.disabled()) {
+            return;
+        }
+        const inputElement = event.target instanceof HTMLInputElement ? event.target : null;
+        if (!inputElement) {
+            return;
+        }
+        this.volumeChange.emit(this.clampVolume(inputElement.valueAsNumber));
+    }
+    clampVolume(value) {
+        return Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspVolumeControl, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NgxspVolumeControl, isStandalone: true, selector: "ngxsp-volume-control", inputs: { volume: { classPropertyName: "volume", publicName: "volume", isSignal: true, isRequired: false, transformFunction: null }, muted: { classPropertyName: "muted", publicName: "muted", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, volumeLabel: { classPropertyName: "volumeLabel", publicName: "volumeLabel", isSignal: true, isRequired: false, transformFunction: null }, muteLabel: { classPropertyName: "muteLabel", publicName: "muteLabel", isSignal: true, isRequired: false, transformFunction: null }, unmuteLabel: { classPropertyName: "unmuteLabel", publicName: "unmuteLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { volumeChange: "volumeChange", muteToggle: "muteToggle" }, host: { properties: { "class.ngxsp-vc-compact": "compact()", "class.ngxsp-vc-withValue": "showValue()", "class.ngxsp-vc-muted": "isMuted()", "style.--ngxsp-volume": "normalizedVolume()" } }, ngImport: i0, template: `
+    <div class="ngxsp-vc-shell" part="control">
+      <button
+        class="ngxsp-vc-button"
+        part="mute-button"
+        type="button"
+        [attr.aria-label]="buttonLabel()"
+        [attr.title]="buttonLabel()"
+        [attr.aria-pressed]="isMuted()"
+        [disabled]="disabled()"
+        (click)="onMuteClick()"
+      >
+        <span class="ngxsp-vc-icon" part="icon" aria-hidden="true">
+          @if (isMuted()) {
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5 6.5 9H3.75v6h2.75L11 19V5Z" fill="currentColor" fill-opacity=".18"/><path d="m15.5 10 4.5 4.5m0-4.5-4.5 4.5"/></svg>
+          } @else if (normalizedVolume() < 0.5) {
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5 6.5 9H3.75v6h2.75L11 19V5Z" fill="currentColor" fill-opacity=".18"/><path d="M15.25 9.5a3.5 3.5 0 0 1 0 5"/></svg>
+          } @else {
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5 6.5 9H3.75v6h2.75L11 19V5Z" fill="currentColor" fill-opacity=".18"/><path d="M15.25 9.5a3.5 3.5 0 0 1 0 5M18 7a7.25 7.25 0 0 1 0 10"/></svg>
+          }
+        </span>
+      </button>
+
+      <input
+        class="ngxsp-vc-range"
+        part="range"
+        type="range"
+        min="0"
+        max="1"
+        [step]="step()"
+        [value]="normalizedVolume()"
+        [attr.aria-label]="volumeLabel()"
+        [attr.aria-valuetext]="valueText()"
+        [disabled]="disabled()"
+        (input)="onVolumeInput($event)"
+      />
+
+      @if (showValue()) {
+      <output class="ngxsp-vc-value" part="value" [attr.aria-label]="valueText()">{{ percent() }}%</output>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:inline-flex;min-width:0;color:var(--ngxsp-volume-color, currentColor)}.ngxsp-vc-shell{min-width:0;display:grid;grid-template-columns:var(--ngxsp-volume-layout, var(--ngxsp-control-size, 32px) minmax(var(--ngxsp-volume-range-min, 88px), var(--ngxsp-volume-range-max, 150px)));align-items:center;gap:var(--ngxsp-volume-gap, 7px)}:host(.ngxsp-vc-withValue) .ngxsp-vc-shell{grid-template-columns:var(--ngxsp-volume-layout-with-value, var(--ngxsp-control-size, 32px) minmax(var(--ngxsp-volume-range-min, 88px), var(--ngxsp-volume-range-max, 150px)) var(--ngxsp-volume-value-width, 38px))}:host(.ngxsp-vc-compact) .ngxsp-vc-shell{grid-template-columns:var(--ngxsp-control-size, 36px) minmax(0,0);transition:grid-template-columns .18s ease}:host(.ngxsp-vc-compact:hover) .ngxsp-vc-shell,:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-shell{grid-template-columns:var(--ngxsp-control-size, 36px) minmax(var(--ngxsp-volume-compact-min, 96px),var(--ngxsp-volume-compact-max, 160px))}.ngxsp-vc-button{all:unset;box-sizing:border-box;width:var(--ngxsp-control-size, 32px);height:var(--ngxsp-control-size, 32px);display:grid;place-items:center;border:var(--ngxsp-volume-button-border, 1px solid rgb(148 163 184 / .28));border-radius:var(--ngxsp-volume-button-radius, 999px);background:var(--ngxsp-volume-button-bg, transparent);color:inherit;cursor:pointer}.ngxsp-vc-button:disabled{cursor:not-allowed;opacity:.5}.ngxsp-vc-button:focus-visible,.ngxsp-vc-range:focus-visible{outline:none;box-shadow:var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / .5))}.ngxsp-vc-icon{position:relative;width:var(--ngxsp-volume-icon-size, 18px);height:var(--ngxsp-volume-icon-size, 18px);display:block}.ngxsp-vc-icon svg{display:block;width:100%;height:100%}.ngxsp-vc-range{width:100%;min-width:0;height:var(--ngxsp-volume-touch-size, 32px);appearance:none;border-radius:999px;background:transparent;outline:none;accent-color:var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff));cursor:pointer}:host(.ngxsp-vc-compact) .ngxsp-vc-range{opacity:0;visibility:hidden;transform:scaleX(.72);transform-origin:left center;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}:host(.ngxsp-vc-compact:hover) .ngxsp-vc-range,:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-range{opacity:1;visibility:visible;transition-delay:0s;transform:scaleX(1);pointer-events:auto}:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-shell,:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-range{transition:none}.ngxsp-vc-range:disabled{cursor:not-allowed;opacity:.55}.ngxsp-vc-range::-webkit-slider-runnable-track{height:var(--ngxsp-volume-track-size, 4px);border-radius:999px;background:linear-gradient(to right,var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff)) calc(var(--ngxsp-volume, 0) * 100%),var(--ngxsp-volume-track-bg, rgb(148 163 184 / .22)) 0)}.ngxsp-vc-range::-webkit-slider-thumb{appearance:none;width:var(--ngxsp-volume-thumb-size, 14px);height:var(--ngxsp-volume-thumb-size, 14px);margin-top:calc((var(--ngxsp-volume-track-size, 4px) - var(--ngxsp-volume-thumb-size, 14px)) / 2);border-radius:50%;background:var(--ngxsp-volume-thumb-bg, #fff);box-shadow:var(--ngxsp-volume-thumb-shadow, 0 0 0 3px rgb(108 182 255 / .18))}.ngxsp-vc-range::-moz-range-track{height:var(--ngxsp-volume-track-size, 4px);border-radius:999px;background:var(--ngxsp-volume-track-bg, rgb(148 163 184 / .22))}.ngxsp-vc-range::-moz-range-progress{height:var(--ngxsp-volume-track-size, 4px);border-radius:999px;background:var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff))}.ngxsp-vc-range::-moz-range-thumb{width:var(--ngxsp-volume-thumb-size, 14px);height:var(--ngxsp-volume-thumb-size, 14px);border:0;border-radius:50%;background:var(--ngxsp-volume-thumb-bg, #fff);box-shadow:var(--ngxsp-volume-thumb-shadow, 0 0 0 3px rgb(108 182 255 / .18))}.ngxsp-vc-value{min-width:0;color:var(--ngxsp-volume-value-color, currentColor);font:var(--ngxsp-volume-value-font, 700 11px/1 system-ui, sans-serif);text-align:right;font-variant-numeric:tabular-nums}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspVolumeControl, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngxsp-volume-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.ngxsp-vc-compact]': 'compact()',
+                        '[class.ngxsp-vc-withValue]': 'showValue()',
+                        '[class.ngxsp-vc-muted]': 'isMuted()',
+                        '[style.--ngxsp-volume]': 'normalizedVolume()',
+                    }, template: `
+    <div class="ngxsp-vc-shell" part="control">
+      <button
+        class="ngxsp-vc-button"
+        part="mute-button"
+        type="button"
+        [attr.aria-label]="buttonLabel()"
+        [attr.title]="buttonLabel()"
+        [attr.aria-pressed]="isMuted()"
+        [disabled]="disabled()"
+        (click)="onMuteClick()"
+      >
+        <span class="ngxsp-vc-icon" part="icon" aria-hidden="true">
+          @if (isMuted()) {
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5 6.5 9H3.75v6h2.75L11 19V5Z" fill="currentColor" fill-opacity=".18"/><path d="m15.5 10 4.5 4.5m0-4.5-4.5 4.5"/></svg>
+          } @else if (normalizedVolume() < 0.5) {
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5 6.5 9H3.75v6h2.75L11 19V5Z" fill="currentColor" fill-opacity=".18"/><path d="M15.25 9.5a3.5 3.5 0 0 1 0 5"/></svg>
+          } @else {
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5 6.5 9H3.75v6h2.75L11 19V5Z" fill="currentColor" fill-opacity=".18"/><path d="M15.25 9.5a3.5 3.5 0 0 1 0 5M18 7a7.25 7.25 0 0 1 0 10"/></svg>
+          }
+        </span>
+      </button>
+
+      <input
+        class="ngxsp-vc-range"
+        part="range"
+        type="range"
+        min="0"
+        max="1"
+        [step]="step()"
+        [value]="normalizedVolume()"
+        [attr.aria-label]="volumeLabel()"
+        [attr.aria-valuetext]="valueText()"
+        [disabled]="disabled()"
+        (input)="onVolumeInput($event)"
+      />
+
+      @if (showValue()) {
+      <output class="ngxsp-vc-value" part="value" [attr.aria-label]="valueText()">{{ percent() }}%</output>
+      }
+    </div>
+  `, styles: [":host{display:inline-flex;min-width:0;color:var(--ngxsp-volume-color, currentColor)}.ngxsp-vc-shell{min-width:0;display:grid;grid-template-columns:var(--ngxsp-volume-layout, var(--ngxsp-control-size, 32px) minmax(var(--ngxsp-volume-range-min, 88px), var(--ngxsp-volume-range-max, 150px)));align-items:center;gap:var(--ngxsp-volume-gap, 7px)}:host(.ngxsp-vc-withValue) .ngxsp-vc-shell{grid-template-columns:var(--ngxsp-volume-layout-with-value, var(--ngxsp-control-size, 32px) minmax(var(--ngxsp-volume-range-min, 88px), var(--ngxsp-volume-range-max, 150px)) var(--ngxsp-volume-value-width, 38px))}:host(.ngxsp-vc-compact) .ngxsp-vc-shell{grid-template-columns:var(--ngxsp-control-size, 36px) minmax(0,0);transition:grid-template-columns .18s ease}:host(.ngxsp-vc-compact:hover) .ngxsp-vc-shell,:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-shell{grid-template-columns:var(--ngxsp-control-size, 36px) minmax(var(--ngxsp-volume-compact-min, 96px),var(--ngxsp-volume-compact-max, 160px))}.ngxsp-vc-button{all:unset;box-sizing:border-box;width:var(--ngxsp-control-size, 32px);height:var(--ngxsp-control-size, 32px);display:grid;place-items:center;border:var(--ngxsp-volume-button-border, 1px solid rgb(148 163 184 / .28));border-radius:var(--ngxsp-volume-button-radius, 999px);background:var(--ngxsp-volume-button-bg, transparent);color:inherit;cursor:pointer}.ngxsp-vc-button:disabled{cursor:not-allowed;opacity:.5}.ngxsp-vc-button:focus-visible,.ngxsp-vc-range:focus-visible{outline:none;box-shadow:var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / .5))}.ngxsp-vc-icon{position:relative;width:var(--ngxsp-volume-icon-size, 18px);height:var(--ngxsp-volume-icon-size, 18px);display:block}.ngxsp-vc-icon svg{display:block;width:100%;height:100%}.ngxsp-vc-range{width:100%;min-width:0;height:var(--ngxsp-volume-touch-size, 32px);appearance:none;border-radius:999px;background:transparent;outline:none;accent-color:var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff));cursor:pointer}:host(.ngxsp-vc-compact) .ngxsp-vc-range{opacity:0;visibility:hidden;transform:scaleX(.72);transform-origin:left center;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}:host(.ngxsp-vc-compact:hover) .ngxsp-vc-range,:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-range{opacity:1;visibility:visible;transition-delay:0s;transform:scaleX(1);pointer-events:auto}:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-shell,:host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-range{transition:none}.ngxsp-vc-range:disabled{cursor:not-allowed;opacity:.55}.ngxsp-vc-range::-webkit-slider-runnable-track{height:var(--ngxsp-volume-track-size, 4px);border-radius:999px;background:linear-gradient(to right,var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff)) calc(var(--ngxsp-volume, 0) * 100%),var(--ngxsp-volume-track-bg, rgb(148 163 184 / .22)) 0)}.ngxsp-vc-range::-webkit-slider-thumb{appearance:none;width:var(--ngxsp-volume-thumb-size, 14px);height:var(--ngxsp-volume-thumb-size, 14px);margin-top:calc((var(--ngxsp-volume-track-size, 4px) - var(--ngxsp-volume-thumb-size, 14px)) / 2);border-radius:50%;background:var(--ngxsp-volume-thumb-bg, #fff);box-shadow:var(--ngxsp-volume-thumb-shadow, 0 0 0 3px rgb(108 182 255 / .18))}.ngxsp-vc-range::-moz-range-track{height:var(--ngxsp-volume-track-size, 4px);border-radius:999px;background:var(--ngxsp-volume-track-bg, rgb(148 163 184 / .22))}.ngxsp-vc-range::-moz-range-progress{height:var(--ngxsp-volume-track-size, 4px);border-radius:999px;background:var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff))}.ngxsp-vc-range::-moz-range-thumb{width:var(--ngxsp-volume-thumb-size, 14px);height:var(--ngxsp-volume-thumb-size, 14px);border:0;border-radius:50%;background:var(--ngxsp-volume-thumb-bg, #fff);box-shadow:var(--ngxsp-volume-thumb-shadow, 0 0 0 3px rgb(108 182 255 / .18))}.ngxsp-vc-value{min-width:0;color:var(--ngxsp-volume-value-color, currentColor);font:var(--ngxsp-volume-value-font, 700 11px/1 system-ui, sans-serif);text-align:right;font-variant-numeric:tabular-nums}\n"] }]
+        }], propDecorators: { volume: [{ type: i0.Input, args: [{ isSignal: true, alias: "volume", required: false }] }], muted: [{ type: i0.Input, args: [{ isSignal: true, alias: "muted", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], volumeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "volumeLabel", required: false }] }], muteLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "muteLabel", required: false }] }], unmuteLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmuteLabel", required: false }] }], volumeChange: [{ type: i0.Output, args: ["volumeChange"] }], muteToggle: [{ type: i0.Output, args: ["muteToggle"] }] } });
+
+/**
+ * Contrôle « édition » : icône projetée + libellé en capitales dessous.
+ * Accessible (le libellé visible sert de nom ; l'icône est décorative).
+ * `pressed` (optionnel) expose `aria-pressed` pour les contrôles à bascule.
+ *
+ * ```html
+ * <ngxsp-labeled-control label="Sous-titres" [pressed]="ccOn()" (activate)="toggleCc()">
+ *   <i class="ti ti-badge-cc"></i>
+ * </ngxsp-labeled-control>
+ * ```
+ */
+class NgxspLabeledControl {
+    /** Libellé visible (capitales) ET nom accessible. */
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    /** Mise en avant (accent champagne). */
+    active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    /** État de bascule → `aria-pressed`. `null` = bouton simple (pas d'aria-pressed). */
+    pressed = input(null, ...(ngDevMode ? [{ debugName: "pressed" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    activate = output();
+    hasPressed = computed(() => this.pressed() !== null, ...(ngDevMode ? [{ debugName: "hasPressed" }] : []));
+    onClick() {
+        if (!this.disabled()) {
+            this.activate.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspLabeledControl, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.33", type: NgxspLabeledControl, isStandalone: true, selector: "ngxsp-labeled-control", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activate: "activate" }, ngImport: i0, template: `
+    <button
+      type="button"
+      [class.active]="active()"
+      [attr.aria-pressed]="pressed()"
+      [disabled]="disabled()"
+      (click)="onClick()"
+    >
+      <span class="ngxsp-lc-icon" aria-hidden="true"><ng-content /></span>
+      <span class="ngxsp-lc-label">{{ label() }}</span>
+    </button>
+  `, isInline: true, styles: [":host{display:inline-flex}button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:5px;min-width:var(--nsp-control, 46px);padding:4px 6px;cursor:pointer;color:var(--nsp-text, #f4f2ec)}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible{outline:none;border-radius:var(--nsp-radius-sharp, 3px);box-shadow:var(--nsp-focus-ring, 0 0 0 3px rgb(227 178 106 / .55))}button.active{color:var(--nsp-accent, #e3b26a)}.ngxsp-lc-icon{display:inline-flex;font-size:20px;line-height:1}.ngxsp-lc-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--nsp-text-2, #b4afa6)}button.active .ngxsp-lc-label{color:var(--nsp-accent, #e3b26a)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspLabeledControl, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngxsp-labeled-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <button
+      type="button"
+      [class.active]="active()"
+      [attr.aria-pressed]="pressed()"
+      [disabled]="disabled()"
+      (click)="onClick()"
+    >
+      <span class="ngxsp-lc-icon" aria-hidden="true"><ng-content /></span>
+      <span class="ngxsp-lc-label">{{ label() }}</span>
+    </button>
+  `, styles: [":host{display:inline-flex}button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:5px;min-width:var(--nsp-control, 46px);padding:4px 6px;cursor:pointer;color:var(--nsp-text, #f4f2ec)}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible{outline:none;border-radius:var(--nsp-radius-sharp, 3px);box-shadow:var(--nsp-focus-ring, 0 0 0 3px rgb(227 178 106 / .55))}button.active{color:var(--nsp-accent, #e3b26a)}.ngxsp-lc-icon{display:inline-flex;font-size:20px;line-height:1}.ngxsp-lc-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--nsp-text-2, #b4afa6)}button.active .ngxsp-lc-label{color:var(--nsp-accent, #e3b26a)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], activate: [{ type: i0.Output, args: ["activate"] }] } });
+
+/**
+ * Badge « direct » : pastille rouge + libellé en capitales. Au bord du live,
+ * il est plein ; en différé (`behindSec` > 0), il s'atténue et annonce le retard.
+ * `role="status"` pour l'annonce vocale.
+ *
+ * ```html
+ * <ngxsp-live-badge [behindSec]="dvrBehind()" />
+ * ```
+ */
+class NgxspLiveBadge {
+    /** Libellé « au direct » (i18n). */
+    liveLabel = input('Direct', ...(ngDevMode ? [{ debugName: "liveLabel" }] : []));
+    /** Retard au direct en secondes. 0 = au bord live. */
+    behindSec = input(0, ...(ngDevMode ? [{ debugName: "behindSec" }] : []));
+    isBehind = computed(() => this.behindSec() >= 1, ...(ngDevMode ? [{ debugName: "isBehind" }] : []));
+    text = computed(() => {
+        const behind = Math.max(0, Math.floor(this.behindSec()));
+        if (behind < 1)
+            return this.liveLabel();
+        if (behind < 60)
+            return `−${behind} s`;
+        const m = Math.floor(behind / 60);
+        const s = behind % 60;
+        return `−${m}:${String(s).padStart(2, '0')}`;
+    }, ...(ngDevMode ? [{ debugName: "text" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspLiveBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.33", type: NgxspLiveBadge, isStandalone: true, selector: "ngxsp-live-badge", inputs: { liveLabel: { classPropertyName: "liveLabel", publicName: "liveLabel", isSignal: true, isRequired: false, transformFunction: null }, behindSec: { classPropertyName: "behindSec", publicName: "behindSec", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <span class="ngxsp-live" [class.behind]="isBehind()" role="status">
+      <span class="ngxsp-live-dot" aria-hidden="true"></span>
+      {{ text() }}
+    </span>
+  `, isInline: true, styles: [":host{display:inline-flex}.ngxsp-live{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--nsp-radius-sharp, 3px);background:var(--nsp-live, #e5402a);color:#fff;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ngxsp-live.behind{background:transparent;color:var(--nsp-text-2, #b4afa6);box-shadow:inset 0 0 0 1px var(--nsp-line-strong, rgb(255 255 255 / .18))}.ngxsp-live-dot{width:7px;height:7px;border-radius:50%;background:#fff}.ngxsp-live.behind .ngxsp-live-dot{background:var(--nsp-live, #e5402a)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NgxspLiveBadge, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngxsp-live-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <span class="ngxsp-live" [class.behind]="isBehind()" role="status">
+      <span class="ngxsp-live-dot" aria-hidden="true"></span>
+      {{ text() }}
+    </span>
+  `, styles: [":host{display:inline-flex}.ngxsp-live{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--nsp-radius-sharp, 3px);background:var(--nsp-live, #e5402a);color:#fff;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ngxsp-live.behind{background:transparent;color:var(--nsp-text-2, #b4afa6);box-shadow:inset 0 0 0 1px var(--nsp-line-strong, rgb(255 255 255 / .18))}.ngxsp-live-dot{width:7px;height:7px;border-radius:50%;background:#fff}.ngxsp-live.behind .ngxsp-live-dot{background:var(--nsp-live, #e5402a)}\n"] }]
+        }], propDecorators: { liveLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "liveLabel", required: false }] }], behindSec: [{ type: i0.Input, args: [{ isSignal: true, alias: "behindSec", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxspLabeledControl, NgxspLiveBadge, NgxspPlayButton, NgxspTimeSlider, NgxspVolumeControl, formatTime };
+//# sourceMappingURL=ngxsplayer-ngx-smart-player-ui-core.mjs.map

package/fesm2022/ngxsplayer-ngx-smart-player-ui-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsplayer-ngx-smart-player-ui-core.mjs","sources":["../../../projects/ngx-smart-player-ui-core/src/lib/source-profile.ts","../../../projects/ngx-smart-player-ui-core/src/lib/play-button.component.ts","../../../projects/ngx-smart-player-ui-core/src/lib/time-slider.component.ts","../../../projects/ngx-smart-player-ui-core/src/lib/volume-control.component.ts","../../../projects/ngx-smart-player-ui-core/src/lib/labeled-control.component.ts","../../../projects/ngx-smart-player-ui-core/src/lib/live-badge.component.ts","../../../projects/ngx-smart-player-ui-core/src/ngxsplayer-ngx-smart-player-ui-core.ts"],"sourcesContent":["/**\n * Profil dérivé de la source chargée. Les primitives UI s'adaptent à ce profil\n * (cf. docs/AUDIT.md — « un lecteur, des comportements pilotés par la source »).\n */\nexport type SourceProfile = 'audio' | 'vod' | 'live' | 'ad';\n\n/** Formate des secondes en `h:mm:ss` / `m:ss`. Sûr pour NaN/Infinity. */\nexport function formatTime(totalSeconds: number): string {\n  if (!Number.isFinite(totalSeconds) || totalSeconds < 0) {\n    return '0:00';\n  }\n  const s = Math.floor(totalSeconds);\n  const h = Math.floor(s / 3600);\n  const m = Math.floor((s % 3600) / 60);\n  const r = s % 60;\n  const mm = h > 0 ? String(m).padStart(2, '0') : String(m);\n  return h > 0 ? `${h}:${mm}:${String(r).padStart(2, '0')}` : `${mm}:${String(r).padStart(2, '0')}`;\n}\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\n\n/**\n * Primitive « headless » de lecture/pause.\n *\n * - Sémantique native (`<button>`), accessible (aria-pressed, aria-label).\n * - Aucun style imposé : le visuel (icône) est projeté par le consommateur via\n *   `<ng-content>`, le thème via tokens CSS côté hôte.\n * - Libellés surchargeables → i18n.\n *\n * ```html\n * <ngxsp-play-button [playing]=\"isPlaying()\" (playToggle)=\"onToggle()\">\n *   <i class=\"ti\" [class.ti-player-pause]=\"isPlaying()\" [class.ti-player-play]=\"!isPlaying()\"></i>\n * </ngxsp-play-button>\n * ```\n */\n@Component({\n  selector: 'ngxsp-play-button',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      type=\"button\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-pressed]=\"playing()\"\n      [disabled]=\"disabled()\"\n      (click)=\"onClick()\"\n    >\n      <ng-content />\n    </button>\n  `,\n  styles: `\n    :host {\n      display: inline-flex;\n    }\n    button {\n      all: unset;\n      box-sizing: border-box;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      min-width: var(--ngxsp-control-size, 44px);\n      min-height: var(--ngxsp-control-size, 44px);\n    }\n    button:disabled {\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n    button:focus-visible {\n      outline: none;\n      box-shadow: var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / 0.5));\n    }\n  `,\n})\nexport class NgxspPlayButton {\n  /** État de lecture courant. */\n  readonly playing = input(false);\n  readonly disabled = input(false);\n\n  /** Libellés accessibles (surchargeables pour i18n). */\n  readonly playLabel = input('Lecture');\n  readonly pauseLabel = input('Pause');\n\n  /** Émis à chaque activation (clic / Entrée / Espace via le bouton natif). */\n  readonly playToggle = output<void>();\n\n  readonly label = computed(() => (this.playing() ? this.pauseLabel() : this.playLabel()));\n\n  onClick(): void {\n    if (!this.disabled()) {\n      this.playToggle.emit();\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { SourceProfile, formatTime } from './source-profile';\n\nexport interface NgxspTimelineMarker {\n  id: string;\n  timeSec: number;\n  label?: string;\n  title?: string;\n  active?: boolean;\n}\n\ninterface NormalizedTimelineMarker extends NgxspTimelineMarker {\n  percent: number;\n  displayLabel: string;\n  displayTitle: string;\n}\n\ninterface TimelinePreview {\n  percent: number;\n  timeLabel: string;\n  markerLabel: string;\n  markerTitle: string;\n}\n\n/**\n * Primitive « headless » de barre de progression / scrub, accessible.\n *\n * - `role=\"slider\"` complet : aria-valuemin/max/now + **aria-valuetext lisant le\n *   temps** (« 3:12 sur 48:20 »), conforme aux recommandations W3C/WCAG.\n * - Clavier : flèches (±step), Page↑/↓ (±bigStep), Début/Fin.\n * - Pointeur : clic + glisser pour chercher.\n * - Adaptée à la source via `profile` : en `live`, le texte annonce le retard au\n *   direct ; en `ad`, le slider est désactivé (contrôles verrouillés).\n * - Aucun style imposé : la progression est exposée via les variables CSS\n *   `--ngxsp-progress` et `--ngxsp-buffered` (fractions 0→1) que l'hôte stylise.\n */\n@Component({\n  selector: 'ngxsp-time-slider',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'slider',\n    '[attr.tabindex]': 'isDisabled() ? -1 : 0',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[attr.aria-valuemin]': '0',\n    '[attr.aria-valuemax]': 'max()',\n    '[attr.aria-valuenow]': 'value()',\n    '[attr.aria-valuetext]': 'valueText()',\n    '[attr.aria-orientation]': \"'horizontal'\",\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[style.--ngxsp-progress]': 'fraction()',\n    '[style.--ngxsp-buffered]': 'bufferedFraction()',\n    '(keydown)': 'onKeydown($event)',\n    '(pointermove)': 'onPointerMove($event)',\n    '(pointerleave)': 'onPointerLeave()',\n    '(blur)': 'onPointerLeave()',\n    '(pointerdown)': 'onPointerDown($event)',\n  },\n  template: `\n    <div class=\"ngxsp-ts-track\" part=\"track\">\n      <div class=\"ngxsp-ts-buffered\" part=\"buffered\"></div>\n      <div class=\"ngxsp-ts-fill\" part=\"fill\"></div>\n      @for (marker of normalizedMarkers(); track marker.id) {\n      <span\n        class=\"ngxsp-ts-marker\"\n        [class.active]=\"marker.active\"\n        [class.current]=\"currentMarker()?.id === marker.id\"\n        [style.left.%]=\"marker.percent\"\n        [attr.title]=\"marker.displayTitle\"\n        aria-hidden=\"true\"\n        part=\"marker\"\n      ></span>\n      }\n      <div class=\"ngxsp-ts-thumb\" part=\"thumb\"></div>\n    </div>\n    @if (preview(); as hover) {\n    <div class=\"ngxsp-ts-preview\" [style.left.%]=\"hover.percent\" aria-hidden=\"true\" part=\"preview\">\n      <span>{{ hover.timeLabel }}</span>\n      @if (hover.markerLabel) { <em>{{ hover.markerLabel }}</em> }\n      @if (hover.markerTitle) { <strong>{{ hover.markerTitle }}</strong> }\n    </div>\n    }\n  `,\n  styles: `\n    :host {\n      display: flex;\n      align-items: center;\n      position: relative;\n      width: 100%;\n      min-height: 32px;\n      cursor: pointer;\n      touch-action: none;\n      padding: 0;\n    }\n    :host([aria-disabled='true']) {\n      cursor: default;\n      opacity: 0.6;\n    }\n    :host:focus-visible {\n      outline: 3px solid rgb(108 182 255 / 0.42);\n      outline-offset: 2px;\n      border-radius: 999px;\n    }\n    :host:focus-visible .ngxsp-ts-thumb {\n      box-shadow: var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / 0.5));\n    }\n    .ngxsp-ts-track {\n      position: relative;\n      width: 100%;\n      height: var(--ngxsp-track-size, 5px);\n      border-radius: 999px;\n      background: var(--ngxsp-track-bg, rgb(255 255 255 / 0.2));\n      overflow: visible;\n    }\n    .ngxsp-ts-buffered,\n    .ngxsp-ts-fill {\n      position: absolute;\n      inset: 0 auto 0 0;\n      border-radius: 999px;\n    }\n    .ngxsp-ts-buffered {\n      width: calc(var(--ngxsp-buffered, 0) * 100%);\n      background: var(--ngxsp-buffered-bg, rgb(255 255 255 / 0.35));\n    }\n    .ngxsp-ts-fill {\n      width: calc(var(--ngxsp-progress, 0) * 100%);\n      background: var(--ngxsp-accent, #6cb6ff);\n    }\n    .ngxsp-ts-thumb {\n      position: absolute;\n      top: 50%;\n      left: calc(var(--ngxsp-progress, 0) * 100%);\n      width: var(--ngxsp-thumb-size, 13px);\n      height: var(--ngxsp-thumb-size, 13px);\n      border-radius: 50%;\n      background: var(--ngxsp-thumb-bg, #fff);\n      transform: translate(-50%, -50%);\n    }\n    .ngxsp-ts-marker {\n      position: absolute;\n      top: 50%;\n      width: var(--ngxsp-marker-width, 3px);\n      height: var(--ngxsp-marker-height, 13px);\n      border-radius: 999px;\n      background: var(--ngxsp-marker-bg, rgb(255 255 255 / 0.58));\n      box-shadow: 0 0 0 1px rgb(0 0 0 / 0.16);\n      transform: translate(-50%, -50%);\n      pointer-events: none;\n    }\n    .ngxsp-ts-marker.active,\n    .ngxsp-ts-marker.current {\n      background: var(--ngxsp-marker-active-bg, var(--ngxsp-thumb-bg, #fff));\n      box-shadow: var(--ngxsp-marker-active-shadow, 0 0 0 3px rgb(108 182 255 / 0.24));\n    }\n    .ngxsp-ts-preview {\n      position: absolute;\n      bottom: calc(100% + 8px);\n      display: grid;\n      gap: 2px;\n      min-width: 72px;\n      max-width: min(240px, 80vw);\n      padding: 8px 10px;\n      border: 1px solid var(--ngxsp-preview-border, rgb(255 255 255 / 0.12));\n      border-radius: 6px;\n      background: var(--ngxsp-preview-bg, rgb(5 11 18 / 0.92));\n      color: var(--ngxsp-preview-color, #f8fbff);\n      box-shadow: 0 18px 42px rgb(0 0 0 / 0.32);\n      font-size: 12px;\n      line-height: 1.2;\n      pointer-events: none;\n      transform: translateX(-50%);\n      z-index: 2;\n    }\n    .ngxsp-ts-preview span {\n      font-variant-numeric: tabular-nums;\n      font-weight: 800;\n    }\n    .ngxsp-ts-preview em,\n    .ngxsp-ts-preview strong {\n      min-width: 0;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-style: normal;\n    }\n    .ngxsp-ts-preview em {\n      color: var(--ngxsp-preview-muted, rgb(191 219 254 / 0.72));\n      font-size: 10px;\n      font-weight: 700;\n    }\n    .ngxsp-ts-preview strong {\n      font-size: 12px;\n      font-weight: 800;\n    }\n  `,\n})\nexport class NgxspTimeSlider {\n  private readonly host = inject(ElementRef<HTMLElement>);\n\n  /** Position courante (secondes). */\n  readonly currentTime = input(0);\n  /** Durée totale (secondes). Pour le live, la fenêtre DVR. */\n  readonly duration = input(0);\n  /** Avance de mise en mémoire tampon (secondes). */\n  readonly buffered = input(0);\n  /** Profil de source — adapte le texte accessible et l'activation. */\n  readonly profile = input<SourceProfile>('vod');\n  readonly disabled = input(false);\n  readonly durationHintSec = input(0);\n  readonly markers = input<ReadonlyArray<NgxspTimelineMarker>>([]);\n\n  /** Pas clavier (s) et grand pas (Page↑/↓). */\n  readonly step = input(5);\n  readonly bigStep = input(30);\n\n  /** Libellés surchargeables (i18n). */\n  readonly ariaLabel = input('Progression');\n  readonly liveLabel = input('En direct');\n\n  /** Émis pendant le scrub clavier/pointeur (secondes). */\n  readonly seek = output<number>();\n\n  private readonly dragging = signal(false);\n  private readonly previewTimeSec = signal<number | null>(null);\n\n  readonly isDisabled = computed(() => this.disabled() || this.profile() === 'ad');\n  readonly markerMax = computed(() => this.markers().reduce((max, marker) => {\n    const timeSec = Number(marker.timeSec);\n    return Number.isFinite(timeSec) && timeSec >= 0 ? Math.max(max, timeSec) : max;\n  }, 0));\n  readonly max = computed(() => Math.max(0, this.duration(), this.durationHintSec(), this.markerMax()));\n  readonly value = computed(() => Math.max(0, Math.min(this.currentTime(), this.max())));\n  readonly fraction = computed(() => (this.max() > 0 ? this.value() / this.max() : 0));\n  readonly bufferedFraction = computed(() =>\n    this.max() > 0 ? Math.max(0, Math.min(this.buffered(), this.max())) / this.max() : 0,\n  );\n  readonly normalizedMarkers = computed<NormalizedTimelineMarker[]>(() => {\n    const max = this.max();\n    if (max <= 0) return [];\n\n    return [...this.markers()]\n      .map((marker) => {\n        const timeSec = Number(marker.timeSec);\n        if (!Number.isFinite(timeSec) || timeSec < 0 || timeSec > max) return null;\n        const displayLabel = (marker.label || '').trim();\n        const displayTitle = (marker.title || displayLabel || formatTime(timeSec)).trim();\n        return {\n          ...marker,\n          timeSec,\n          percent: (timeSec / max) * 100,\n          displayLabel,\n          displayTitle,\n        };\n      })\n      .filter((marker): marker is NormalizedTimelineMarker => !!marker)\n      .sort((a, b) => a.timeSec - b.timeSec);\n  });\n  readonly currentMarker = computed(() => this.markerAtTime(this.value()));\n  readonly preview = computed<TimelinePreview | null>(() => {\n    const timeSec = this.previewTimeSec();\n    const max = this.max();\n    if (timeSec === null || max <= 0 || this.isDisabled()) return null;\n\n    const safeTimeSec = Math.max(0, Math.min(timeSec, max));\n    const marker = this.markerAtTime(safeTimeSec);\n    return {\n      percent: (safeTimeSec / max) * 100,\n      timeLabel: formatTime(safeTimeSec),\n      markerLabel: marker?.displayLabel ?? '',\n      markerTitle: marker?.displayTitle ?? '',\n    };\n  });\n\n  readonly valueText = computed(() => {\n    const marker = this.currentMarker();\n    if (this.profile() === 'live') {\n      const behind = Math.max(0, this.max() - this.value());\n      const base = behind < 1 ? this.liveLabel() : `${formatTime(behind)} avant le direct`;\n      return marker ? `${base} - ${marker.displayTitle}` : base;\n    }\n    const base = `${formatTime(this.value())} sur ${formatTime(this.max())}`;\n    return marker ? `${base} - ${marker.displayTitle}` : base;\n  });\n\n  onKeydown(event: KeyboardEvent): void {\n    if (this.isDisabled()) {\n      return;\n    }\n    let next = this.value();\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        next += this.step();\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        next -= this.step();\n        break;\n      case 'PageUp':\n        next += this.bigStep();\n        break;\n      case 'PageDown':\n        next -= this.bigStep();\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = this.max();\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    this.emit(next);\n  }\n\n  onPointerMove(event: PointerEvent): void {\n    if (this.isDisabled() || this.max() <= 0) return;\n    this.previewTimeSec.set(this.valueFromClientX(event.clientX));\n  }\n\n  onPointerLeave(): void {\n    if (!this.dragging()) {\n      this.previewTimeSec.set(null);\n    }\n  }\n\n  onPointerDown(event: PointerEvent): void {\n    if (this.isDisabled() || event.button !== 0) {\n      return;\n    }\n    const el = this.host.nativeElement;\n    el.setPointerCapture?.(event.pointerId);\n    this.dragging.set(true);\n    const next = this.valueFromClientX(event.clientX);\n    this.previewTimeSec.set(next);\n    this.emit(next);\n\n    const move = (e: PointerEvent) => {\n      if (this.dragging()) {\n        const next = this.valueFromClientX(e.clientX);\n        this.previewTimeSec.set(next);\n        this.emit(next);\n      }\n    };\n    const up = (e: PointerEvent) => {\n      this.dragging.set(false);\n      this.previewTimeSec.set(null);\n      el.releasePointerCapture?.(e.pointerId);\n      el.removeEventListener('pointermove', move);\n      el.removeEventListener('pointerup', up);\n      el.removeEventListener('pointercancel', up);\n    };\n    el.addEventListener('pointermove', move);\n    el.addEventListener('pointerup', up);\n    el.addEventListener('pointercancel', up);\n  }\n\n  private valueFromClientX(clientX: number): number {\n    const rect = this.host.nativeElement.getBoundingClientRect();\n    const ratio = rect.width > 0 ? (clientX - rect.left) / rect.width : 0;\n    return Math.max(0, Math.min(1, ratio)) * this.max();\n  }\n\n  private emit(next: number): void {\n    this.seek.emit(Math.max(0, Math.min(next, this.max())));\n  }\n\n  private markerAtTime(timeSec: number): NormalizedTimelineMarker | null {\n    let current: NormalizedTimelineMarker | null = null;\n    for (const marker of this.normalizedMarkers()) {\n      if (marker.timeSec <= timeSec + 0.5) {\n        current = marker;\n      } else {\n        break;\n      }\n    }\n    return current;\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\n\n/**\n * Headless volume control primitive.\n *\n * The component owns the accessible native controls and leaves the visual skin\n * to CSS custom properties. Volume is normalized from 0 to 1, matching the\n * native HTMLMediaElement contract.\n */\n@Component({\n  selector: 'ngxsp-volume-control',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.ngxsp-vc-compact]': 'compact()',\n    '[class.ngxsp-vc-withValue]': 'showValue()',\n    '[class.ngxsp-vc-muted]': 'isMuted()',\n    '[style.--ngxsp-volume]': 'normalizedVolume()',\n  },\n  template: `\n    <div class=\"ngxsp-vc-shell\" part=\"control\">\n      <button\n        class=\"ngxsp-vc-button\"\n        part=\"mute-button\"\n        type=\"button\"\n        [attr.aria-label]=\"buttonLabel()\"\n        [attr.title]=\"buttonLabel()\"\n        [attr.aria-pressed]=\"isMuted()\"\n        [disabled]=\"disabled()\"\n        (click)=\"onMuteClick()\"\n      >\n        <span class=\"ngxsp-vc-icon\" part=\"icon\" aria-hidden=\"true\">\n          @if (isMuted()) {\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 5 6.5 9H3.75v6h2.75L11 19V5Z\" fill=\"currentColor\" fill-opacity=\".18\"/><path d=\"m15.5 10 4.5 4.5m0-4.5-4.5 4.5\"/></svg>\n          } @else if (normalizedVolume() < 0.5) {\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 5 6.5 9H3.75v6h2.75L11 19V5Z\" fill=\"currentColor\" fill-opacity=\".18\"/><path d=\"M15.25 9.5a3.5 3.5 0 0 1 0 5\"/></svg>\n          } @else {\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 5 6.5 9H3.75v6h2.75L11 19V5Z\" fill=\"currentColor\" fill-opacity=\".18\"/><path d=\"M15.25 9.5a3.5 3.5 0 0 1 0 5M18 7a7.25 7.25 0 0 1 0 10\"/></svg>\n          }\n        </span>\n      </button>\n\n      <input\n        class=\"ngxsp-vc-range\"\n        part=\"range\"\n        type=\"range\"\n        min=\"0\"\n        max=\"1\"\n        [step]=\"step()\"\n        [value]=\"normalizedVolume()\"\n        [attr.aria-label]=\"volumeLabel()\"\n        [attr.aria-valuetext]=\"valueText()\"\n        [disabled]=\"disabled()\"\n        (input)=\"onVolumeInput($event)\"\n      />\n\n      @if (showValue()) {\n      <output class=\"ngxsp-vc-value\" part=\"value\" [attr.aria-label]=\"valueText()\">{{ percent() }}%</output>\n      }\n    </div>\n  `,\n  styles: `\n    :host {\n      display: inline-flex;\n      min-width: 0;\n      color: var(--ngxsp-volume-color, currentColor);\n    }\n    .ngxsp-vc-shell {\n      min-width: 0;\n      display: grid;\n      grid-template-columns: var(--ngxsp-volume-layout, var(--ngxsp-control-size, 32px) minmax(var(--ngxsp-volume-range-min, 88px), var(--ngxsp-volume-range-max, 150px)));\n      align-items: center;\n      gap: var(--ngxsp-volume-gap, 7px);\n    }\n    :host(.ngxsp-vc-withValue) .ngxsp-vc-shell {\n      grid-template-columns: var(--ngxsp-volume-layout-with-value, var(--ngxsp-control-size, 32px) minmax(var(--ngxsp-volume-range-min, 88px), var(--ngxsp-volume-range-max, 150px)) var(--ngxsp-volume-value-width, 38px));\n    }\n    :host(.ngxsp-vc-compact) .ngxsp-vc-shell {\n      grid-template-columns: var(--ngxsp-control-size, 36px) minmax(0, 0);\n      transition: grid-template-columns 0.18s ease;\n    }\n    :host(.ngxsp-vc-compact:hover) .ngxsp-vc-shell,\n    :host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-shell {\n      grid-template-columns: var(--ngxsp-control-size, 36px) minmax(var(--ngxsp-volume-compact-min, 96px), var(--ngxsp-volume-compact-max, 160px));\n    }\n    .ngxsp-vc-button {\n      all: unset;\n      box-sizing: border-box;\n      width: var(--ngxsp-control-size, 32px);\n      height: var(--ngxsp-control-size, 32px);\n      display: grid;\n      place-items: center;\n      border: var(--ngxsp-volume-button-border, 1px solid rgb(148 163 184 / 0.28));\n      border-radius: var(--ngxsp-volume-button-radius, 999px);\n      background: var(--ngxsp-volume-button-bg, transparent);\n      color: inherit;\n      cursor: pointer;\n    }\n    .ngxsp-vc-button:disabled {\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n    .ngxsp-vc-button:focus-visible,\n    .ngxsp-vc-range:focus-visible {\n      outline: none;\n      box-shadow: var(--ngxsp-focus-ring, 0 0 0 3px rgb(108 182 255 / 0.5));\n    }\n    .ngxsp-vc-icon {\n      position: relative;\n      width: var(--ngxsp-volume-icon-size, 18px);\n      height: var(--ngxsp-volume-icon-size, 18px);\n      display: block;\n    }\n    .ngxsp-vc-icon svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    .ngxsp-vc-range {\n      width: 100%;\n      min-width: 0;\n      height: var(--ngxsp-volume-touch-size, 32px);\n      appearance: none;\n      border-radius: 999px;\n      background: transparent;\n      outline: none;\n      accent-color: var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff));\n      cursor: pointer;\n    }\n    /* Collapsed slider is hidden from focus too; focusing the mute button reveals it, so Tab still reaches it. */\n    :host(.ngxsp-vc-compact) .ngxsp-vc-range {\n      opacity: 0;\n      visibility: hidden;\n      transform: scaleX(0.72);\n      transform-origin: left center;\n      pointer-events: none;\n      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;\n    }\n    :host(.ngxsp-vc-compact:hover) .ngxsp-vc-range,\n    :host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-range {\n      opacity: 1;\n      visibility: visible;\n      transition-delay: 0s;\n      transform: scaleX(1);\n      pointer-events: auto;\n    }\n    /* Keyboard focus reveals the slider at once: it must not be reachable while still transparent or collapsed. */\n    :host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-shell,\n    :host(.ngxsp-vc-compact:focus-within) .ngxsp-vc-range {\n      transition: none;\n    }\n    .ngxsp-vc-range:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n    .ngxsp-vc-range::-webkit-slider-runnable-track {\n      height: var(--ngxsp-volume-track-size, 4px);\n      border-radius: 999px;\n      background: linear-gradient(to right, var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff)) calc(var(--ngxsp-volume, 0) * 100%), var(--ngxsp-volume-track-bg, rgb(148 163 184 / 0.22)) 0);\n    }\n    .ngxsp-vc-range::-webkit-slider-thumb {\n      appearance: none;\n      width: var(--ngxsp-volume-thumb-size, 14px);\n      height: var(--ngxsp-volume-thumb-size, 14px);\n      margin-top: calc((var(--ngxsp-volume-track-size, 4px) - var(--ngxsp-volume-thumb-size, 14px)) / 2);\n      border-radius: 50%;\n      background: var(--ngxsp-volume-thumb-bg, #fff);\n      box-shadow: var(--ngxsp-volume-thumb-shadow, 0 0 0 3px rgb(108 182 255 / 0.18));\n    }\n    .ngxsp-vc-range::-moz-range-track {\n      height: var(--ngxsp-volume-track-size, 4px);\n      border-radius: 999px;\n      background: var(--ngxsp-volume-track-bg, rgb(148 163 184 / 0.22));\n    }\n    .ngxsp-vc-range::-moz-range-progress {\n      height: var(--ngxsp-volume-track-size, 4px);\n      border-radius: 999px;\n      background: var(--ngxsp-volume-accent, var(--ngxsp-accent, #6cb6ff));\n    }\n    .ngxsp-vc-range::-moz-range-thumb {\n      width: var(--ngxsp-volume-thumb-size, 14px);\n      height: var(--ngxsp-volume-thumb-size, 14px);\n      border: 0;\n      border-radius: 50%;\n      background: var(--ngxsp-volume-thumb-bg, #fff);\n      box-shadow: var(--ngxsp-volume-thumb-shadow, 0 0 0 3px rgb(108 182 255 / 0.18));\n    }\n    .ngxsp-vc-value {\n      min-width: 0;\n      color: var(--ngxsp-volume-value-color, currentColor);\n      font: var(--ngxsp-volume-value-font, 700 11px/1 system-ui, sans-serif);\n      text-align: right;\n      font-variant-numeric: tabular-nums;\n    }\n  `,\n})\nexport class NgxspVolumeControl {\n  readonly volume = input(1);\n  readonly muted = input<boolean | null>(null);\n  readonly disabled = input(false);\n  readonly compact = input(false);\n  readonly showValue = input(false);\n  readonly step = input(0.01);\n  readonly volumeLabel = input('Volume');\n  readonly muteLabel = input('Mute');\n  readonly unmuteLabel = input('Restore sound');\n\n  readonly volumeChange = output<number>();\n  readonly muteToggle = output<void>();\n\n  readonly normalizedVolume = computed(() => this.clampVolume(this.volume()));\n  readonly percent = computed(() => Math.round(this.normalizedVolume() * 100));\n  readonly isMuted = computed(() => this.muted() ?? this.normalizedVolume() <= 0.001);\n  readonly buttonLabel = computed(() => (this.isMuted() ? this.unmuteLabel() : this.muteLabel()));\n  readonly valueText = computed(() => `${this.percent()}%`);\n\n  onMuteClick(): void {\n    if (!this.disabled()) {\n      this.muteToggle.emit();\n    }\n  }\n\n  onVolumeInput(event: Event): void {\n    if (this.disabled()) {\n      return;\n    }\n    const inputElement = event.target instanceof HTMLInputElement ? event.target : null;\n    if (!inputElement) {\n      return;\n    }\n    this.volumeChange.emit(this.clampVolume(inputElement.valueAsNumber));\n  }\n\n  private clampVolume(value: number): number {\n    return Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0));\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\n\n/**\n * Contrôle « édition » : icône projetée + libellé en capitales dessous.\n * Accessible (le libellé visible sert de nom ; l'icône est décorative).\n * `pressed` (optionnel) expose `aria-pressed` pour les contrôles à bascule.\n *\n * ```html\n * <ngxsp-labeled-control label=\"Sous-titres\" [pressed]=\"ccOn()\" (activate)=\"toggleCc()\">\n *   <i class=\"ti ti-badge-cc\"></i>\n * </ngxsp-labeled-control>\n * ```\n */\n@Component({\n  selector: 'ngxsp-labeled-control',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      type=\"button\"\n      [class.active]=\"active()\"\n      [attr.aria-pressed]=\"pressed()\"\n      [disabled]=\"disabled()\"\n      (click)=\"onClick()\"\n    >\n      <span class=\"ngxsp-lc-icon\" aria-hidden=\"true\"><ng-content /></span>\n      <span class=\"ngxsp-lc-label\">{{ label() }}</span>\n    </button>\n  `,\n  styles: `\n    :host { display: inline-flex; }\n    button {\n      all: unset;\n      box-sizing: border-box;\n      display: inline-flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 5px;\n      min-width: var(--nsp-control, 46px);\n      padding: 4px 6px;\n      cursor: pointer;\n      color: var(--nsp-text, #f4f2ec);\n    }\n    button:disabled { cursor: not-allowed; opacity: 0.4; }\n    button:focus-visible {\n      outline: none;\n      border-radius: var(--nsp-radius-sharp, 3px);\n      box-shadow: var(--nsp-focus-ring, 0 0 0 3px rgb(227 178 106 / 0.55));\n    }\n    button.active { color: var(--nsp-accent, #e3b26a); }\n    .ngxsp-lc-icon { display: inline-flex; font-size: 20px; line-height: 1; }\n    .ngxsp-lc-label {\n      font-size: 9px;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--nsp-text-2, #b4afa6);\n    }\n    button.active .ngxsp-lc-label { color: var(--nsp-accent, #e3b26a); }\n  `,\n})\nexport class NgxspLabeledControl {\n  /** Libellé visible (capitales) ET nom accessible. */\n  readonly label = input('');\n  /** Mise en avant (accent champagne). */\n  readonly active = input(false);\n  /** État de bascule → `aria-pressed`. `null` = bouton simple (pas d'aria-pressed). */\n  readonly pressed = input<boolean | null>(null);\n  readonly disabled = input(false);\n\n  readonly activate = output<void>();\n\n  readonly hasPressed = computed(() => this.pressed() !== null);\n\n  onClick(): void {\n    if (!this.disabled()) {\n      this.activate.emit();\n    }\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\n/**\n * Badge « direct » : pastille rouge + libellé en capitales. Au bord du live,\n * il est plein ; en différé (`behindSec` > 0), il s'atténue et annonce le retard.\n * `role=\"status\"` pour l'annonce vocale.\n *\n * ```html\n * <ngxsp-live-badge [behindSec]=\"dvrBehind()\" />\n * ```\n */\n@Component({\n  selector: 'ngxsp-live-badge',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <span class=\"ngxsp-live\" [class.behind]=\"isBehind()\" role=\"status\">\n      <span class=\"ngxsp-live-dot\" aria-hidden=\"true\"></span>\n      {{ text() }}\n    </span>\n  `,\n  styles: `\n    :host { display: inline-flex; }\n    .ngxsp-live {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      padding: 6px 11px;\n      border-radius: var(--nsp-radius-sharp, 3px);\n      background: var(--nsp-live, #e5402a);\n      color: #fff;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n    .ngxsp-live.behind {\n      background: transparent;\n      color: var(--nsp-text-2, #b4afa6);\n      box-shadow: inset 0 0 0 1px var(--nsp-line-strong, rgb(255 255 255 / 0.18));\n    }\n    .ngxsp-live-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: #fff;\n    }\n    .ngxsp-live.behind .ngxsp-live-dot { background: var(--nsp-live, #e5402a); }\n  `,\n})\nexport class NgxspLiveBadge {\n  /** Libellé « au direct » (i18n). */\n  readonly liveLabel = input('Direct');\n  /** Retard au direct en secondes. 0 = au bord live. */\n  readonly behindSec = input(0);\n\n  readonly isBehind = computed(() => this.behindSec() >= 1);\n\n  readonly text = computed(() => {\n    const behind = Math.max(0, Math.floor(this.behindSec()));\n    if (behind < 1) return this.liveLabel();\n    if (behind < 60) return `−${behind} s`;\n    const m = Math.floor(behind / 60);\n    const s = behind % 60;\n    return `−${m}:${String(s).padStart(2, '0')}`;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,192 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Profil dérivé de la source chargée. Les primitives UI s'adaptent à ce profil
+ * (cf. docs/AUDIT.md — « un lecteur, des comportements pilotés par la source »).
+ */
+type SourceProfile = 'audio' | 'vod' | 'live' | 'ad';
+/** Formate des secondes en `h:mm:ss` / `m:ss`. Sûr pour NaN/Infinity. */
+declare function formatTime(totalSeconds: number): string;
+
+/**
+ * Primitive « headless » de lecture/pause.
+ *
+ * - Sémantique native (`<button>`), accessible (aria-pressed, aria-label).
+ * - Aucun style imposé : le visuel (icône) est projeté par le consommateur via
+ *   `<ng-content>`, le thème via tokens CSS côté hôte.
+ * - Libellés surchargeables → i18n.
+ *
+ * ```html
+ * <ngxsp-play-button [playing]="isPlaying()" (playToggle)="onToggle()">
+ *   <i class="ti" [class.ti-player-pause]="isPlaying()" [class.ti-player-play]="!isPlaying()"></i>
+ * </ngxsp-play-button>
+ * ```
+ */
+declare class NgxspPlayButton {
+    /** État de lecture courant. */
+    readonly playing: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Libellés accessibles (surchargeables pour i18n). */
+    readonly playLabel: _angular_core.InputSignal<string>;
+    readonly pauseLabel: _angular_core.InputSignal<string>;
+    /** Émis à chaque activation (clic / Entrée / Espace via le bouton natif). */
+    readonly playToggle: _angular_core.OutputEmitterRef<void>;
+    readonly label: _angular_core.Signal<string>;
+    onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxspPlayButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxspPlayButton, "ngxsp-play-button", never, { "playing": { "alias": "playing"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "playLabel": { "alias": "playLabel"; "required": false; "isSignal": true; }; "pauseLabel": { "alias": "pauseLabel"; "required": false; "isSignal": true; }; }, { "playToggle": "playToggle"; }, never, ["*"], true, never>;
+}
+
+interface NgxspTimelineMarker {
+    id: string;
+    timeSec: number;
+    label?: string;
+    title?: string;
+    active?: boolean;
+}
+interface NormalizedTimelineMarker extends NgxspTimelineMarker {
+    percent: number;
+    displayLabel: string;
+    displayTitle: string;
+}
+interface TimelinePreview {
+    percent: number;
+    timeLabel: string;
+    markerLabel: string;
+    markerTitle: string;
+}
+/**
+ * Primitive « headless » de barre de progression / scrub, accessible.
+ *
+ * - `role="slider"` complet : aria-valuemin/max/now + **aria-valuetext lisant le
+ *   temps** (« 3:12 sur 48:20 »), conforme aux recommandations W3C/WCAG.
+ * - Clavier : flèches (±step), Page↑/↓ (±bigStep), Début/Fin.
+ * - Pointeur : clic + glisser pour chercher.
+ * - Adaptée à la source via `profile` : en `live`, le texte annonce le retard au
+ *   direct ; en `ad`, le slider est désactivé (contrôles verrouillés).
+ * - Aucun style imposé : la progression est exposée via les variables CSS
+ *   `--ngxsp-progress` et `--ngxsp-buffered` (fractions 0→1) que l'hôte stylise.
+ */
+declare class NgxspTimeSlider {
+    private readonly host;
+    /** Position courante (secondes). */
+    readonly currentTime: _angular_core.InputSignal<number>;
+    /** Durée totale (secondes). Pour le live, la fenêtre DVR. */
+    readonly duration: _angular_core.InputSignal<number>;
+    /** Avance de mise en mémoire tampon (secondes). */
+    readonly buffered: _angular_core.InputSignal<number>;
+    /** Profil de source — adapte le texte accessible et l'activation. */
+    readonly profile: _angular_core.InputSignal<SourceProfile>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly durationHintSec: _angular_core.InputSignal<number>;
+    readonly markers: _angular_core.InputSignal<readonly NgxspTimelineMarker[]>;
+    /** Pas clavier (s) et grand pas (Page↑/↓). */
+    readonly step: _angular_core.InputSignal<number>;
+    readonly bigStep: _angular_core.InputSignal<number>;
+    /** Libellés surchargeables (i18n). */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly liveLabel: _angular_core.InputSignal<string>;
+    /** Émis pendant le scrub clavier/pointeur (secondes). */
+    readonly seek: _angular_core.OutputEmitterRef<number>;
+    private readonly dragging;
+    private readonly previewTimeSec;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly markerMax: _angular_core.Signal<number>;
+    readonly max: _angular_core.Signal<number>;
+    readonly value: _angular_core.Signal<number>;
+    readonly fraction: _angular_core.Signal<number>;
+    readonly bufferedFraction: _angular_core.Signal<number>;
+    readonly normalizedMarkers: _angular_core.Signal<NormalizedTimelineMarker[]>;
+    readonly currentMarker: _angular_core.Signal<NormalizedTimelineMarker | null>;
+    readonly preview: _angular_core.Signal<TimelinePreview | null>;
+    readonly valueText: _angular_core.Signal<string>;
+    onKeydown(event: KeyboardEvent): void;
+    onPointerMove(event: PointerEvent): void;
+    onPointerLeave(): void;
+    onPointerDown(event: PointerEvent): void;
+    private valueFromClientX;
+    private emit;
+    private markerAtTime;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxspTimeSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxspTimeSlider, "ngxsp-time-slider", never, { "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "buffered": { "alias": "buffered"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "durationHintSec": { "alias": "durationHintSec"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "bigStep": { "alias": "bigStep"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "liveLabel": { "alias": "liveLabel"; "required": false; "isSignal": true; }; }, { "seek": "seek"; }, never, never, true, never>;
+}
+
+/**
+ * Headless volume control primitive.
+ *
+ * The component owns the accessible native controls and leaves the visual skin
+ * to CSS custom properties. Volume is normalized from 0 to 1, matching the
+ * native HTMLMediaElement contract.
+ */
+declare class NgxspVolumeControl {
+    readonly volume: _angular_core.InputSignal<number>;
+    readonly muted: _angular_core.InputSignal<boolean | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly compact: _angular_core.InputSignal<boolean>;
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly volumeLabel: _angular_core.InputSignal<string>;
+    readonly muteLabel: _angular_core.InputSignal<string>;
+    readonly unmuteLabel: _angular_core.InputSignal<string>;
+    readonly volumeChange: _angular_core.OutputEmitterRef<number>;
+    readonly muteToggle: _angular_core.OutputEmitterRef<void>;
+    readonly normalizedVolume: _angular_core.Signal<number>;
+    readonly percent: _angular_core.Signal<number>;
+    readonly isMuted: _angular_core.Signal<boolean>;
+    readonly buttonLabel: _angular_core.Signal<string>;
+    readonly valueText: _angular_core.Signal<string>;
+    onMuteClick(): void;
+    onVolumeInput(event: Event): void;
+    private clampVolume;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxspVolumeControl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxspVolumeControl, "ngxsp-volume-control", never, { "volume": { "alias": "volume"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "volumeLabel": { "alias": "volumeLabel"; "required": false; "isSignal": true; }; "muteLabel": { "alias": "muteLabel"; "required": false; "isSignal": true; }; "unmuteLabel": { "alias": "unmuteLabel"; "required": false; "isSignal": true; }; }, { "volumeChange": "volumeChange"; "muteToggle": "muteToggle"; }, never, never, true, never>;
+}
+
+/**
+ * Contrôle « édition » : icône projetée + libellé en capitales dessous.
+ * Accessible (le libellé visible sert de nom ; l'icône est décorative).
+ * `pressed` (optionnel) expose `aria-pressed` pour les contrôles à bascule.
+ *
+ * ```html
+ * <ngxsp-labeled-control label="Sous-titres" [pressed]="ccOn()" (activate)="toggleCc()">
+ *   <i class="ti ti-badge-cc"></i>
+ * </ngxsp-labeled-control>
+ * ```
+ */
+declare class NgxspLabeledControl {
+    /** Libellé visible (capitales) ET nom accessible. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Mise en avant (accent champagne). */
+    readonly active: _angular_core.InputSignal<boolean>;
+    /** État de bascule → `aria-pressed`. `null` = bouton simple (pas d'aria-pressed). */
+    readonly pressed: _angular_core.InputSignal<boolean | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly activate: _angular_core.OutputEmitterRef<void>;
+    readonly hasPressed: _angular_core.Signal<boolean>;
+    onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxspLabeledControl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxspLabeledControl, "ngxsp-labeled-control", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "activate": "activate"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Badge « direct » : pastille rouge + libellé en capitales. Au bord du live,
+ * il est plein ; en différé (`behindSec` > 0), il s'atténue et annonce le retard.
+ * `role="status"` pour l'annonce vocale.
+ *
+ * ```html
+ * <ngxsp-live-badge [behindSec]="dvrBehind()" />
+ * ```
+ */
+declare class NgxspLiveBadge {
+    /** Libellé « au direct » (i18n). */
+    readonly liveLabel: _angular_core.InputSignal<string>;
+    /** Retard au direct en secondes. 0 = au bord live. */
+    readonly behindSec: _angular_core.InputSignal<number>;
+    readonly isBehind: _angular_core.Signal<boolean>;
+    readonly text: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxspLiveBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxspLiveBadge, "ngxsp-live-badge", never, { "liveLabel": { "alias": "liveLabel"; "required": false; "isSignal": true; }; "behindSec": { "alias": "behindSec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgxspLabeledControl, NgxspLiveBadge, NgxspPlayButton, NgxspTimeSlider, NgxspVolumeControl, formatTime };
+export type { NgxspTimelineMarker, SourceProfile };

package/package.json

@@ -1,6 +1,34 @@
 {
   "name": "@ngxsplayer/ngx-smart-player-ui-core",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Headless, accessible UI primitives (play button, time slider, volume control) for ngx-smart-player. Source-profile aware, theme via CSS tokens.",
+  "keywords": [
+    "angular",
+    "media",
+    "player",
+    "ui",
+    "headless",
+    "accessibility",
+    "a11y"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0 <21.0.0",
+    "@angular/core": ">=17.0.0 <21.0.0"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2022/ngxsplayer-ngx-smart-player-ui-core.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ngxsplayer-ngx-smart-player-ui-core.mjs"
+    }
+  }
+}

package/styles/ngxsp.theme.css

@@ -0,0 +1,127 @@
+/**
+ * @ngxsplayer/ngx-smart-player — NGXSP Desktop design tokens (--nsp-*).
+ *
+ * Shared by the audio and video desktop applications. Dark graphite by
+ * default, one indigo accent, native system typography per OS.
+ *
+ * Usage:
+ *   @import '@ngxsplayer/ngx-smart-player-ui-core/styles/ngxsp.theme.css';
+ *   <body class="nsp"> ... </body>           (dark, default)
+ *   <body class="nsp nsp-light"> ... </body> (light)
+ *
+ * Desktop hosts (Electron, Tauri) can reserve room for native window controls:
+ *   --nsp-titlebar-inset-start: 78px;  (macOS traffic lights)
+ *   --nsp-titlebar-inset-end: 138px;   (Windows caption buttons)
+ */
+:root,
+.nsp {
+  /* Neutrals — graphite */
+  --nsp-bg: #0d0e11;
+  --nsp-surface-0: #121317;
+  --nsp-surface-1: #17181d;
+  --nsp-surface-2: #1e1f25;
+  --nsp-surface-3: #26272e;
+  --nsp-line: rgb(255 255 255 / 0.07);
+  --nsp-line-strong: rgb(255 255 255 / 0.13);
+  --nsp-text: #ededf0;
+  --nsp-text-2: #a3a5ae;
+  --nsp-text-3: #80828c;
+
+  /* Accent — indigo */
+  --nsp-accent: #8b90ff;
+  --nsp-accent-strong: #5d63ee;
+  --nsp-accent-soft: rgb(139 144 255 / 0.14);
+  --nsp-on-accent: #ffffff;
+
+  /* Semantic */
+  --nsp-success: #3ecf8e;
+  --nsp-warning: #f2a93b;
+  --nsp-danger: #f25f5c;
+  --nsp-live: #f25f5c;
+  --nsp-danger-text: #ffb4b2;
+
+  /* Categorical tones (icons, status dots) */
+  --nsp-tone-teal: #3fcfbf;
+  --nsp-tone-red: #f47c7a;
+  --nsp-tone-blue: #7cb1ff;
+  --nsp-tone-gold: #f2bb5b;
+
+  /* Media chrome drawn over video or artwork: always dark context */
+  --nsp-media-accent: #8b90ff;
+
+  /* Shape */
+  --nsp-radius-xs: 4px;
+  --nsp-radius-sm: 6px;
+  --nsp-radius-md: 10px;
+  --nsp-radius-lg: 14px;
+
+  /* Typography */
+  --nsp-font: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Ubuntu, Cantarell, sans-serif;
+  --nsp-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
+
+  /* Elevation */
+  --nsp-shadow-pop: 0 12px 32px rgb(0 0 0 / 0.45), 0 0 0 1px rgb(255 255 255 / 0.06);
+  --nsp-shadow-modal: 0 24px 80px rgb(0 0 0 / 0.6), 0 0 0 1px rgb(255 255 255 / 0.08);
+  --nsp-shadow-media: 0 18px 40px rgb(0 0 0 / 0.45);
+  --nsp-shadow-card: 0 6px 18px rgb(0 0 0 / 0.3);
+  --nsp-scrim: rgb(13 14 17 / 0.88);
+
+  /* Controls */
+  --nsp-control: 32px;
+  --nsp-focus-ring: 0 0 0 2px var(--nsp-bg), 0 0 0 4px var(--nsp-accent);
+
+  /* Motion */
+  --nsp-ease: cubic-bezier(0.2, 0, 0, 1);
+  --nsp-dur: 140ms;
+
+  color-scheme: dark;
+}
+
+/* Light appearance — neutrals only; accent is darkened for contrast. */
+.nsp-light {
+  --nsp-bg: #fafafb;
+  --nsp-surface-0: #f0f0f2;
+  --nsp-surface-1: #ffffff;
+  --nsp-surface-2: #e8e8ec;
+  --nsp-surface-3: #dcdce2;
+  --nsp-line: rgb(15 16 20 / 0.09);
+  --nsp-line-strong: rgb(15 16 20 / 0.16);
+  --nsp-text: #16171b;
+  --nsp-text-2: #5a5c66;
+  --nsp-text-3: #686a74;
+  --nsp-accent: #4f55e3;
+  --nsp-accent-strong: #4f55e3;
+  --nsp-accent-soft: rgb(79 85 227 / 0.1);
+  --nsp-shadow-pop: 0 12px 32px rgb(15 16 20 / 0.14), 0 0 0 1px rgb(15 16 20 / 0.06);
+  --nsp-shadow-modal: 0 24px 80px rgb(15 16 20 / 0.22), 0 0 0 1px rgb(15 16 20 / 0.08);
+  --nsp-shadow-media: 0 12px 28px rgb(15 16 20 / 0.18);
+  --nsp-shadow-card: 0 4px 12px rgb(15 16 20 / 0.12);
+  --nsp-scrim: rgb(243 243 245 / 0.9);
+  --nsp-success: #15803d;
+  --nsp-warning: #b45309;
+  --nsp-danger: #dc2626;
+  --nsp-live: #dc2626;
+  --nsp-danger-text: #b42318;
+  --nsp-tone-teal: #0f8a7e;
+  --nsp-tone-red: #cf3f3f;
+  --nsp-tone-blue: #2f6fd6;
+  --nsp-tone-gold: #a86a12;
+  color-scheme: light;
+}
+
+/* Window chrome: declared on :root only so a desktop host can override the
+   insets on <html> without being shadowed by the .nsp theme scope. */
+:root {
+  --nsp-titlebar-height: 48px;
+  --nsp-titlebar-inset-start: 0px;
+  --nsp-titlebar-inset-end: 0px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nsp *,
+  .nsp *::before,
+  .nsp *::after {
+    animation: none !important;
+    transition: none !important;
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.