eb-player 2.0.19 → 2.0.21

package/dist/build/types/src/skin/overlays/toast-notification.d.ts

@@ -0,0 +1,18 @@
+import type { TemplateResult } from 'lit-html';
+import { BaseComponent } from '../base-component';
+/**
+ * Toast notification overlay.
+ *
+ * Renders a dismissible status message when state.toast is not null.
+ * Hidden (aria-hidden) when state.toast is null.
+ *
+ * The toast message is set by CommandHandler (e.g., 'cast.failed' message)
+ * and auto-clears after 3 seconds via CommandHandler's showToast() method.
+ *
+ * Positioning and fade animation handled by skin.css (.eb-toast class).
+ */
+export declare class ToastNotification extends BaseComponent {
+    protected onConnect(): void;
+    protected template(): TemplateResult;
+}
+//# sourceMappingURL=toast-notification.d.ts.map

package/dist/build/types/src/skin/overlays/toast-notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-notification.d.ts","sourceRoot":"","sources":["../../../../../../src/skin/overlays/toast-notification.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD;;;;;;;;;;GAUG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IAClD,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,SAAS,CAAC,QAAQ,IAAI,cAAc;CASrC"}

package/dist/build/types/src/skin/skin-root.d.ts

@@ -0,0 +1,88 @@
+import type { TemplateResult } from 'lit-html';
+import { BaseComponent } from './base-component';
+/**
+ * SkinRoot is the master DOM scaffold component for the player.
+ *
+ * It creates the full player container structure:
+ *   - video element
+ *   - overlay zone (loading, error, poster, radio, socials, info)
+ *   - ads container (for IMA SDK)
+ *   - top-bar zone
+ *   - middle-bar zone (conditional: config.middlebar)
+ *   - bottom-bar zone
+ *   - 4 extension zones (top-extra, bottom-extra, overlay, controls-extra)
+ *
+ * Handles RTL direction, iOS native controls fallback, and no-UI mode.
+ * Exposes getVideoElement() and getAdsContainer() for integration wiring.
+ */
+export declare class SkinRoot extends BaseComponent {
+    private videoElement;
+    private adsContainerElement;
+    private posterVideoElement;
+    private extensionCleanups;
+    private childComponents;
+    /**
+     * Returns the created HTMLVideoElement.
+     * Returns null before connect() or after disconnect().
+     */
+    getVideoElement(): HTMLVideoElement | null;
+    /**
+     * Returns the ads container HTMLElement used by IMA SDK's AdDisplayContainer.
+     * Returns null before connect() or after disconnect().
+     */
+    getAdsContainer(): HTMLElement | null;
+    /**
+     * Returns the poster video HTMLVideoElement for poster stream playback.
+     * Returns null before connect(), after disconnect(), or when config.posterStream is falsy.
+     */
+    getPosterVideoElement(): HTMLVideoElement | null;
+    protected onConnect(): void;
+    protected template(): TemplateResult;
+    /**
+     * Connects all child components into their respective DOM zones.
+     * Only called when config.noUi is false (UI mode).
+     * Child components are tracked in this.childComponents for cleanup on disconnect().
+     *
+     * Component placement is driven by config.layout (falls back to DEFAULT_LAYOUT).
+     */
+    private connectChildComponents;
+    private renderNoUiTemplate;
+    private bindElementRefs;
+    private subscribeToState;
+    /**
+     * Toggles poster image visibility based on playbackState.
+     * Uses direct DOM manipulation instead of full re-render to avoid
+     * interfering with child component render roots.
+     */
+    private updatePosterVisibility;
+    /**
+     * Toggles iOS-specific class and native controls attribute without full re-render.
+     */
+    private updateIOSState;
+    /**
+     * Toggles radio overlay visibility without full re-render.
+     * Creates or removes the radio overlay element as needed.
+     */
+    private updateRadioOverlay;
+    /**
+     * Toggles eb-controls-visible / eb-controls-hidden class on the player container.
+     * CSS handles opacity transition and pointer-events on bars.
+     */
+    private updateControlsVisibility;
+    /**
+     * Toggles the eb-ad-playing class on the player container. While an IMA ad
+     * plays, CSS raises the ads container above the player chrome and enables
+     * pointer-events on it so IMA's own ad UI (Skip button, click-through) is
+     * clickable — the container is pointer-events:none at rest to avoid blocking
+     * clicks on the content video.
+     */
+    private updateAdPlayingState;
+    /**
+     * Applies or removes the dir=rtl attribute without full re-render.
+     * More efficient than re-rendering the entire template for a simple attribute change.
+     */
+    private applyRtl;
+    private invokeExtensions;
+    disconnect(): void;
+}
+//# sourceMappingURL=skin-root.d.ts.map

package/dist/build/types/src/skin/skin-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin-root.d.ts","sourceRoot":"","sources":["../../../../../src/skin/skin-root.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAyChD;;;;;;;;;;;;;;GAcG;AACH,qBAAa,QAAS,SAAQ,aAAa;IACzC,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,mBAAmB,CAA2B;IACtD,OAAO,CAAC,kBAAkB,CAAgC;IAC1D,OAAO,CAAC,iBAAiB,CAAwB;IACjD,OAAO,CAAC,eAAe,CAAsB;IAE7C;;;OAGG;IACH,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAI1C;;;OAGG;IACH,eAAe,IAAI,WAAW,GAAG,IAAI;IAIrC;;;OAGG;IACH,qBAAqB,IAAI,gBAAgB,GAAG,IAAI;IAIhD,SAAS,CAAC,SAAS,IAAI,IAAI;IA6B3B,SAAS,CAAC,QAAQ,IAAI,cAAc;IAgFpC;;;;;;OAMG;IACH,OAAO,CAAC,sBAAsB;IA2G9B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,gBAAgB;IA4CxB;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IAW9B;;OAEG;IACH,OAAO,CAAC,cAAc;IAWtB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IA0B1B;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAQhC;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB;IAM5B;;;OAGG;IACH,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,gBAAgB;IA4BxB,UAAU,IAAI,IAAI;CAiBnB"}

package/dist/build/types/src/utils/chapters.d.ts

@@ -0,0 +1,16 @@
+export interface ChapterMark {
+    title: string;
+    startTime: number;
+    endTime: number;
+}
+/**
+ * Parses a WebVTT string into an array of ChapterMark objects.
+ * Returns an empty array if the content is empty or contains no parseable cues.
+ */
+export declare function parseChapters(vttContent: string): ChapterMark[];
+/**
+ * Fetches a WebVTT chapters file from a URL and parses it.
+ * Returns an empty array if the fetch or parse fails.
+ */
+export declare function fetchChapters(url: string): Promise<ChapterMark[]>;
+//# sourceMappingURL=chapters.d.ts.map

package/dist/build/types/src/utils/chapters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapters.d.ts","sourceRoot":"","sources":["../../../../../src/utils/chapters.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,EAAE,CAY/D;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAUvE"}

package/dist/build/types/src/utils/format-duration.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Formats a duration in seconds to a human-readable time string.
+ *
+ * - Invalid input (NaN, negative, Infinity) → "0:00"
+ * - < 3600 seconds → "M:SS"
+ * - >= 3600 seconds → "H:MM:SS"
+ */
+export declare function formatDuration(seconds: number): string;
+//# sourceMappingURL=format-duration.d.ts.map

package/dist/build/types/src/utils/format-duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-duration.d.ts","sourceRoot":"","sources":["../../../../../src/utils/format-duration.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAmBtD"}

package/dist/build/types/src/utils/format-wall-clock.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Formats a timestamp (ms since epoch) to a wall-clock time string (HH:MM:SS).
+ * Used for live stream time displays.
+ */
+export declare function formatWallClock(timestampMs: number): string;
+//# sourceMappingURL=format-wall-clock.d.ts.map

package/dist/build/types/src/utils/format-wall-clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-wall-clock.d.ts","sourceRoot":"","sources":["../../../../../src/utils/format-wall-clock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAE3D"}

package/dist/build/types/src/utils/settings-helpers.d.ts

@@ -0,0 +1,41 @@
+export interface SettingsMenuItem {
+    label: string;
+    value: number;
+    selected: boolean;
+}
+interface QualityLevel {
+    height?: number;
+    bitrate?: number;
+}
+interface AudioTrack {
+    name?: string;
+    lang?: string;
+}
+interface SubtitleTrack {
+    name?: string;
+    lang?: string;
+}
+/**
+ * Builds quality menu items from engine level descriptors.
+ * Levels with no height (or height 0) show bitrate in kbps instead.
+ * Always appends an "Auto" item at value -1.
+ */
+export declare function getQualityItems(levels: QualityLevel[], currentQuality: number): SettingsMenuItem[];
+/**
+ * Builds audio track menu items from engine audio track descriptors.
+ * Falls back to lang, then "Track N" when name is missing.
+ */
+export declare function getAudioItems(tracks: AudioTrack[], currentTrack: number): SettingsMenuItem[];
+/**
+ * Builds subtitle track menu items from engine subtitle track descriptors.
+ * Falls back to lang, then "Track N" when name is missing.
+ * Always appends an "Off" item at value -1.
+ */
+export declare function getSubtitleItems(tracks: SubtitleTrack[], currentTrack: number): SettingsMenuItem[];
+/**
+ * Builds playback speed menu items from a fixed set of speed values.
+ * Speed 1 is labeled "Normal"; all others use the format "Nx".
+ */
+export declare function getSpeedItems(currentRate: number): SettingsMenuItem[];
+export {};
+//# sourceMappingURL=settings-helpers.d.ts.map

package/dist/build/types/src/utils/settings-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-helpers.d.ts","sourceRoot":"","sources":["../../../../../src/utils/settings-helpers.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,YAAY;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,UAAU;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,cAAc,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAYlG;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAM5F;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAUlG;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAMrE"}

package/dist/eb-player.css

@@ -2539,6 +2539,15 @@
   pointer-events: none;
 }
 
+/* While an ad plays, raise the ads container above the player chrome (bars are
+   z-index 30) and enable pointer-events so IMA's own ad UI — Skip button,
+   click-through — receives clicks. At rest the container stays pointer-events:none
+   so it never blocks clicks on the content video. */
+.eb-ad-playing .eb-ads-container {
+  z-index: 40;
+  pointer-events: auto;
+}
+
 /* ============================================================
    Top bar
    ============================================================ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eb-player",
-  "version": "2.0.19",
+  "version": "2.0.21",
   "scripts": {
     "generate-demo": "pnpm generate --brand default --variant demo && cp dist/players/default/default.js test_player/src/demo.js",
     "dev-test-player": "cd test_player && pnpm run dev",
@@ -21,26 +21,26 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@rollup/plugin-virtual": "^3.0.2",
-    "@types/node": "^25.4.0",
-    "@vitest/coverage-v8": "^4.0.18",
-    "concurrently": "^9.2.1",
-    "eslint": "^9.39.4",
-    "eslint-plugin-lit": "^2.2.1",
+    "@types/node": "^25.9.3",
+    "@vitest/coverage-v8": "^4.1.8",
+    "concurrently": "^10.0.3",
+    "eslint": "^10.4.1",
+    "eslint-plugin-lit": "^2.3.1",
     "husky": "^9.1.7",
-    "jsdom": "^28.1.0",
-    "postcss": "^8.5.8",
-    "rollup": "^4.59.0",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.15",
+    "rollup": "^4.61.1",
     "rollup-plugin-postcss": "^4.0.2",
     "screenfull": "^6.0.2",
-    "tsx": "^4.21.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.0",
-    "vitest": "^4.0.18"
+    "tsx": "^4.22.4",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.61.0",
+    "vitest": "^4.1.8"
   },
   "files": [
     "dist/build",
@@ -50,7 +50,7 @@
   "main": "./dist/build/ebplayer.bundle.js",
   "dependencies": {
     "can-autoplay": "^3.0.2",
-    "lit-html": "^3.3.2",
+    "lit-html": "^3.3.3",
     "subtitles-parser-vtt": "^0.1.0"
   }
 }