@viostream/viostream-player-angular 0.1.2

package/fesm2022/viostream-viostream-player-angular.mjs

@@ -0,0 +1,360 @@
+import * as i0 from '@angular/core';
+import { output, signal, viewChild, inject, NgZone, Input, Component } from '@angular/core';
+import { loadViostream, wrapRawPlayer } from '@viostream/viostream-player-core';
+export { createViostreamPlayer, loadViostream } from '@viostream/viostream-player-core';
+
+/**
+ * ViostreamPlayerComponent — Angular standalone component that embeds a Viostream video player.
+ *
+ * @example
+ * ```html
+ * <viostream-player
+ *   [accountKey]="'vc-100100100'"
+ *   [publicKey]="'nhedxonrxsyfee'"
+ *   [displayTitle]="true"
+ *   [sharing]="true"
+ *   (play)="onPlay()"
+ *   (timeUpdate)="onTimeUpdate($event)"
+ *   (playerReady)="onPlayerReady($event)"
+ * />
+ * ```
+ */
+class ViostreamPlayerComponent {
+    // ---------------------------------------------------------------------------
+    // Inputs (required)
+    // ---------------------------------------------------------------------------
+    /** Your Viostream account key (e.g. `'vc-100100100'`). */
+    accountKey;
+    /** The public key of the media asset to embed. */
+    publicKey;
+    // ---------------------------------------------------------------------------
+    // Inputs (embed options)
+    // ---------------------------------------------------------------------------
+    /** Display chapter markers. */
+    chapters;
+    /** Seek to a named chapter before playback begins. */
+    chapterSlug;
+    /** Show the video title overlay. */
+    displayTitle;
+    /** Show the HLS quality selector control. */
+    hlsQualitySelector;
+    /** Override the player theme/key to use. */
+    playerKey;
+    /** The player rendering style. */
+    playerStyle;
+    /** Show the sharing control. */
+    sharing;
+    /** Custom skin active colour (e.g. `'#000'`). Requires `skinCustom: true`. */
+    skinActive;
+    /** Custom skin background colour (e.g. `'#000'`). Requires `skinCustom: true`. */
+    skinBackground;
+    /** Enable a custom skin via the API. */
+    skinCustom;
+    /** Custom skin inactive colour (e.g. `'#000'`). Requires `skinCustom: true`. */
+    skinInactive;
+    /** Show the playback speed selector. */
+    speedSelector;
+    /** Play only a specific section of the video (e.g. `'10,30'`). */
+    startEndTimespan;
+    /** Seek to a specific time (in seconds) before playback begins. */
+    startTime;
+    /** Allow transcript download. */
+    transcriptDownload;
+    /** Enable the settings menu on the control bar. */
+    useSettingsMenu;
+    // ---------------------------------------------------------------------------
+    // Inputs (styling)
+    // ---------------------------------------------------------------------------
+    /** Optional CSS class applied to the outer wrapper `<div>`. */
+    cssClass;
+    // ---------------------------------------------------------------------------
+    // Outputs (player events)
+    // ---------------------------------------------------------------------------
+    /** Emitted when playback starts or resumes. */
+    play = output();
+    /** Emitted when playback is paused. */
+    pause = output();
+    /** Emitted when the media finishes playing. */
+    ended = output();
+    /** Emitted when the current playback time changes. */
+    timeUpdate = output();
+    /** Emitted when the volume changes. */
+    volumeChange = output();
+    /** Emitted when a player error occurs. Named `playerError` to avoid conflict with the native DOM `error` event. */
+    playerError = output();
+    /** Emitted on buffering progress. */
+    progress = output();
+    /** Emitted when the player is ready. */
+    ready = output();
+    /** Emitted when a seek operation completes. */
+    seeked = output();
+    /** Emitted when metadata has loaded. */
+    loaded = output();
+    /** Emitted once the player is ready, providing the `ViostreamPlayer` instance for programmatic control. */
+    playerReady = output();
+    // ---------------------------------------------------------------------------
+    // Internal state
+    // ---------------------------------------------------------------------------
+    /** Unique ID for the player container element. */
+    containerId = `viostream-player-${Math.random().toString(36).slice(2, 10)}`;
+    /** Whether the player is still loading. */
+    isLoading = signal(true);
+    /** Error message if loading failed. */
+    errorMsg = signal(undefined);
+    /** Reference to the container div. */
+    containerRef = viewChild('container');
+    /** The wrapped player instance. */
+    player;
+    /** Whether the component has been destroyed. */
+    destroyed = false;
+    /** Unsubscribe functions for event listeners. */
+    unsubscribers = [];
+    /** Angular zone for triggering change detection. */
+    ngZone = inject(NgZone);
+    // ---------------------------------------------------------------------------
+    // Lifecycle
+    // ---------------------------------------------------------------------------
+    ngOnInit() {
+        this.init();
+    }
+    ngOnDestroy() {
+        this.destroyed = true;
+        this.unwireEvents();
+        this.player?.destroy();
+        this.player = undefined;
+    }
+    // ---------------------------------------------------------------------------
+    // Private methods
+    // ---------------------------------------------------------------------------
+    async init() {
+        try {
+            const api = await loadViostream(this.accountKey);
+            if (this.destroyed)
+                return;
+            const embedOpts = this.buildEmbedOptions();
+            const raw = api.embed(this.publicKey, this.containerId, embedOpts);
+            const wrappedPlayer = wrapRawPlayer(raw, this.containerId);
+            if (this.destroyed) {
+                wrappedPlayer.destroy();
+                return;
+            }
+            this.player = wrappedPlayer;
+            // Run state updates inside NgZone to trigger change detection
+            this.ngZone.run(() => {
+                this.isLoading.set(false);
+            });
+            // Wire up event callbacks
+            this.wireEvents(wrappedPlayer);
+            // Notify consumer that the player is ready
+            this.playerReady.emit(wrappedPlayer);
+        }
+        catch (err) {
+            if (!this.destroyed) {
+                this.ngZone.run(() => {
+                    this.errorMsg.set(err instanceof Error ? err.message : String(err));
+                    this.isLoading.set(false);
+                });
+            }
+        }
+    }
+    buildEmbedOptions() {
+        const opts = {};
+        if (this.chapters !== undefined)
+            opts.chapters = this.chapters;
+        if (this.chapterSlug !== undefined)
+            opts.chapterSlug = this.chapterSlug;
+        if (this.displayTitle !== undefined)
+            opts.displayTitle = this.displayTitle;
+        if (this.hlsQualitySelector !== undefined)
+            opts.hlsQualitySelector = this.hlsQualitySelector;
+        if (this.playerKey !== undefined)
+            opts.playerKey = this.playerKey;
+        if (this.playerStyle !== undefined)
+            opts.playerStyle = this.playerStyle;
+        if (this.sharing !== undefined)
+            opts.sharing = this.sharing;
+        if (this.skinActive !== undefined)
+            opts.skinActive = this.skinActive;
+        if (this.skinBackground !== undefined)
+            opts.skinBackground = this.skinBackground;
+        if (this.skinCustom !== undefined)
+            opts.skinCustom = this.skinCustom;
+        if (this.skinInactive !== undefined)
+            opts.skinInactive = this.skinInactive;
+        if (this.speedSelector !== undefined)
+            opts.speedSelector = this.speedSelector;
+        if (this.startEndTimespan !== undefined)
+            opts.startEndTimespan = this.startEndTimespan;
+        if (this.startTime !== undefined)
+            opts.startTime = this.startTime;
+        if (this.transcriptDownload !== undefined)
+            opts.transcriptDownload = this.transcriptDownload;
+        if (this.useSettingsMenu !== undefined)
+            opts.useSettingsMenu = this.useSettingsMenu;
+        return opts;
+    }
+    /** Maps raw player event names to component output emitters. */
+    EVENT_MAP = [
+        ['play', () => this.ngZone.run(() => this.play.emit())],
+        ['pause', () => this.ngZone.run(() => this.pause.emit())],
+        ['ended', () => this.ngZone.run(() => this.ended.emit())],
+        ['timeupdate', (data) => this.ngZone.run(() => this.timeUpdate.emit(data))],
+        ['volumechange', (data) => this.ngZone.run(() => this.volumeChange.emit(data))],
+        ['error', (data) => this.ngZone.run(() => this.playerError.emit(data))],
+        ['progress', (data) => this.ngZone.run(() => this.progress.emit(data))],
+        ['ready', () => this.ngZone.run(() => this.ready.emit())],
+        ['seeked', () => this.ngZone.run(() => this.seeked.emit())],
+        ['loaded', () => this.ngZone.run(() => this.loaded.emit())],
+    ];
+    wireEvents(wrappedPlayer) {
+        for (const [eventName, handler] of this.EVENT_MAP) {
+            const unsub = wrappedPlayer.on(eventName, handler);
+            this.unsubscribers.push(unsub);
+        }
+    }
+    unwireEvents() {
+        for (const unsub of this.unsubscribers) {
+            unsub();
+        }
+        this.unsubscribers.length = 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ViostreamPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ViostreamPlayerComponent, isStandalone: true, selector: "viostream-player", inputs: { accountKey: "accountKey", publicKey: "publicKey", chapters: "chapters", chapterSlug: "chapterSlug", displayTitle: "displayTitle", hlsQualitySelector: "hlsQualitySelector", playerKey: "playerKey", playerStyle: "playerStyle", sharing: "sharing", skinActive: "skinActive", skinBackground: "skinBackground", skinCustom: "skinCustom", skinInactive: "skinInactive", speedSelector: "speedSelector", startEndTimespan: "startEndTimespan", startTime: "startTime", transcriptDownload: "transcriptDownload", useSettingsMenu: "useSettingsMenu", cssClass: "cssClass" }, outputs: { play: "play", pause: "pause", ended: "ended", timeUpdate: "timeUpdate", volumeChange: "volumeChange", playerError: "playerError", progress: "progress", ready: "ready", seeked: "seeked", loaded: "loaded", playerReady: "playerReady" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      #container
+      [id]="containerId"
+      [class]="cssClass"
+      data-viostream-player
+      [attr.data-viostream-public-key]="publicKey"
+    >
+      @if (isLoading()) {
+        <ng-content select="[loading]" />
+      }
+
+      @if (errorMsg(); as msg) {
+        <div data-viostream-error style="color: red; padding: 1em;">
+          Failed to load Viostream player: {{ msg }}
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ViostreamPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'viostream-player',
+                    standalone: true,
+                    template: `
+    <div
+      #container
+      [id]="containerId"
+      [class]="cssClass"
+      data-viostream-player
+      [attr.data-viostream-public-key]="publicKey"
+    >
+      @if (isLoading()) {
+        <ng-content select="[loading]" />
+      }
+
+      @if (errorMsg(); as msg) {
+        <div data-viostream-error style="color: red; padding: 1em;">
+          Failed to load Viostream player: {{ msg }}
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { accountKey: [{
+                type: Input,
+                args: [{ required: true }]
+            }], publicKey: [{
+                type: Input,
+                args: [{ required: true }]
+            }], chapters: [{
+                type: Input
+            }], chapterSlug: [{
+                type: Input
+            }], displayTitle: [{
+                type: Input
+            }], hlsQualitySelector: [{
+                type: Input
+            }], playerKey: [{
+                type: Input
+            }], playerStyle: [{
+                type: Input
+            }], sharing: [{
+                type: Input
+            }], skinActive: [{
+                type: Input
+            }], skinBackground: [{
+                type: Input
+            }], skinCustom: [{
+                type: Input
+            }], skinInactive: [{
+                type: Input
+            }], speedSelector: [{
+                type: Input
+            }], startEndTimespan: [{
+                type: Input
+            }], startTime: [{
+                type: Input
+            }], transcriptDownload: [{
+                type: Input
+            }], useSettingsMenu: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }] } });
+
+/**
+ * @viostream/viostream-player-angular
+ *
+ * Angular 17+ SDK for the Viostream video player.
+ *
+ * @example Component usage
+ * ```ts
+ * import { ViostreamPlayerComponent } from '@viostream/viostream-player-angular';
+ *
+ * @Component({
+ *   selector: 'app-root',
+ *   standalone: true,
+ *   imports: [ViostreamPlayerComponent],
+ *   template: `
+ *     <viostream-player
+ *       [accountKey]="'vc-100100100'"
+ *       [publicKey]="'nhedxonrxsyfee'"
+ *       [displayTitle]="true"
+ *       (play)="onPlay()"
+ *     />
+ *   `,
+ * })
+ * export class AppComponent {
+ *   onPlay() {
+ *     console.log('playing');
+ *   }
+ * }
+ * ```
+ *
+ * @example Headless / programmatic usage
+ * ```ts
+ * import { createViostreamPlayer } from '@viostream/viostream-player-angular';
+ *
+ * const player = await createViostreamPlayer({
+ *   accountKey: 'vc-100100100',
+ *   publicKey: 'nhedxonrxsyfee',
+ *   target: 'my-video-div'
+ * });
+ *
+ * player.play();
+ * const time = await player.getCurrentTime();
+ * player.on('ended', () => console.log('done'));
+ * ```
+ */
+// Component
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ViostreamPlayerComponent };
+//# sourceMappingURL=viostream-viostream-player-angular.mjs.map

package/fesm2022/viostream-viostream-player-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"viostream-viostream-player-angular.mjs","sources":["../../src/viostream-player.component.ts","../../src/index.ts","../../src/viostream-viostream-player-angular.ts"],"sourcesContent":["/**\n * ViostreamPlayerComponent — Angular standalone component that embeds a Viostream video player.\n *\n * @example\n * ```html\n * <viostream-player\n *   [accountKey]=\"'vc-100100100'\"\n *   [publicKey]=\"'nhedxonrxsyfee'\"\n *   [displayTitle]=\"true\"\n *   [sharing]=\"true\"\n *   (play)=\"onPlay()\"\n *   (timeUpdate)=\"onTimeUpdate($event)\"\n *   (playerReady)=\"onPlayerReady($event)\"\n * />\n * ```\n */\n\nimport {\n  Component,\n  Input,\n  OnInit,\n  OnDestroy,\n  ElementRef,\n  NgZone,\n  inject,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { loadViostream, wrapRawPlayer } from '@viostream/viostream-player-core';\nimport type {\n  ViostreamEmbedOptions,\n  ViostreamPlayer,\n  RawViostreamPlayerInstance,\n  ViostreamEventHandler,\n  ViostreamTimeUpdateData,\n  ViostreamVolumeChangeData,\n  ViostreamErrorData,\n  ViostreamProgressData,\n} from '@viostream/viostream-player-core';\n\n@Component({\n  selector: 'viostream-player',\n  standalone: true,\n  template: `\n    <div\n      #container\n      [id]=\"containerId\"\n      [class]=\"cssClass\"\n      data-viostream-player\n      [attr.data-viostream-public-key]=\"publicKey\"\n    >\n      @if (isLoading()) {\n        <ng-content select=\"[loading]\" />\n      }\n\n      @if (errorMsg(); as msg) {\n        <div data-viostream-error style=\"color: red; padding: 1em;\">\n          Failed to load Viostream player: {{ msg }}\n        </div>\n      }\n    </div>\n  `,\n})\nexport class ViostreamPlayerComponent implements OnInit, OnDestroy {\n  // ---------------------------------------------------------------------------\n  // Inputs (required)\n  // ---------------------------------------------------------------------------\n\n  /** Your Viostream account key (e.g. `'vc-100100100'`). */\n  @Input({ required: true }) accountKey!: string;\n  /** The public key of the media asset to embed. */\n  @Input({ required: true }) publicKey!: string;\n\n  // ---------------------------------------------------------------------------\n  // Inputs (embed options)\n  // ---------------------------------------------------------------------------\n\n  /** Display chapter markers. */\n  @Input() chapters?: boolean;\n  /** Seek to a named chapter before playback begins. */\n  @Input() chapterSlug?: string;\n  /** Show the video title overlay. */\n  @Input() displayTitle?: boolean;\n  /** Show the HLS quality selector control. */\n  @Input() hlsQualitySelector?: boolean;\n  /** Override the player theme/key to use. */\n  @Input() playerKey?: string;\n  /** The player rendering style. */\n  @Input() playerStyle?: 'video' | 'audio' | 'audio-poster';\n  /** Show the sharing control. */\n  @Input() sharing?: boolean;\n  /** Custom skin active colour (e.g. `'#000'`). Requires `skinCustom: true`. */\n  @Input() skinActive?: string;\n  /** Custom skin background colour (e.g. `'#000'`). Requires `skinCustom: true`. */\n  @Input() skinBackground?: string;\n  /** Enable a custom skin via the API. */\n  @Input() skinCustom?: boolean;\n  /** Custom skin inactive colour (e.g. `'#000'`). Requires `skinCustom: true`. */\n  @Input() skinInactive?: string;\n  /** Show the playback speed selector. */\n  @Input() speedSelector?: boolean;\n  /** Play only a specific section of the video (e.g. `'10,30'`). */\n  @Input() startEndTimespan?: string;\n  /** Seek to a specific time (in seconds) before playback begins. */\n  @Input() startTime?: string;\n  /** Allow transcript download. */\n  @Input() transcriptDownload?: boolean;\n  /** Enable the settings menu on the control bar. */\n  @Input() useSettingsMenu?: boolean;\n\n  // ---------------------------------------------------------------------------\n  // Inputs (styling)\n  // ---------------------------------------------------------------------------\n\n  /** Optional CSS class applied to the outer wrapper `<div>`. */\n  @Input() cssClass?: string;\n\n  // ---------------------------------------------------------------------------\n  // Outputs (player events)\n  // ---------------------------------------------------------------------------\n\n  /** Emitted when playback starts or resumes. */\n  readonly play = output<void>();\n  /** Emitted when playback is paused. */\n  readonly pause = output<void>();\n  /** Emitted when the media finishes playing. */\n  readonly ended = output<void>();\n  /** Emitted when the current playback time changes. */\n  readonly timeUpdate = output<ViostreamTimeUpdateData>();\n  /** Emitted when the volume changes. */\n  readonly volumeChange = output<ViostreamVolumeChangeData>();\n  /** Emitted when a player error occurs. Named `playerError` to avoid conflict with the native DOM `error` event. */\n  readonly playerError = output<ViostreamErrorData>();\n  /** Emitted on buffering progress. */\n  readonly progress = output<ViostreamProgressData>();\n  /** Emitted when the player is ready. */\n  readonly ready = output<void>();\n  /** Emitted when a seek operation completes. */\n  readonly seeked = output<void>();\n  /** Emitted when metadata has loaded. */\n  readonly loaded = output<void>();\n  /** Emitted once the player is ready, providing the `ViostreamPlayer` instance for programmatic control. */\n  readonly playerReady = output<ViostreamPlayer>();\n\n  // ---------------------------------------------------------------------------\n  // Internal state\n  // ---------------------------------------------------------------------------\n\n  /** Unique ID for the player container element. */\n  readonly containerId = `viostream-player-${Math.random().toString(36).slice(2, 10)}`;\n\n  /** Whether the player is still loading. */\n  readonly isLoading = signal(true);\n\n  /** Error message if loading failed. */\n  readonly errorMsg = signal<string | undefined>(undefined);\n\n  /** Reference to the container div. */\n  private readonly containerRef = viewChild<ElementRef<HTMLDivElement>>('container');\n\n  /** The wrapped player instance. */\n  private player: ViostreamPlayer | undefined;\n\n  /** Whether the component has been destroyed. */\n  private destroyed = false;\n\n  /** Unsubscribe functions for event listeners. */\n  private readonly unsubscribers: Array<() => void> = [];\n\n  /** Angular zone for triggering change detection. */\n  private readonly ngZone = inject(NgZone);\n\n  // ---------------------------------------------------------------------------\n  // Lifecycle\n  // ---------------------------------------------------------------------------\n\n  ngOnInit(): void {\n    this.init();\n  }\n\n  ngOnDestroy(): void {\n    this.destroyed = true;\n    this.unwireEvents();\n    this.player?.destroy();\n    this.player = undefined;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Private methods\n  // ---------------------------------------------------------------------------\n\n  private async init(): Promise<void> {\n    try {\n      const api = await loadViostream(this.accountKey);\n\n      if (this.destroyed) return;\n\n      const embedOpts = this.buildEmbedOptions();\n      const raw: RawViostreamPlayerInstance = api.embed(\n        this.publicKey,\n        this.containerId,\n        embedOpts,\n      );\n      const wrappedPlayer = wrapRawPlayer(raw, this.containerId);\n\n      if (this.destroyed) {\n        wrappedPlayer.destroy();\n        return;\n      }\n\n      this.player = wrappedPlayer;\n\n      // Run state updates inside NgZone to trigger change detection\n      this.ngZone.run(() => {\n        this.isLoading.set(false);\n      });\n\n      // Wire up event callbacks\n      this.wireEvents(wrappedPlayer);\n\n      // Notify consumer that the player is ready\n      this.playerReady.emit(wrappedPlayer);\n    } catch (err) {\n      if (!this.destroyed) {\n        this.ngZone.run(() => {\n          this.errorMsg.set(err instanceof Error ? err.message : String(err));\n          this.isLoading.set(false);\n        });\n      }\n    }\n  }\n\n  private buildEmbedOptions(): ViostreamEmbedOptions {\n    const opts: ViostreamEmbedOptions = {};\n    if (this.chapters !== undefined) opts.chapters = this.chapters;\n    if (this.chapterSlug !== undefined) opts.chapterSlug = this.chapterSlug;\n    if (this.displayTitle !== undefined) opts.displayTitle = this.displayTitle;\n    if (this.hlsQualitySelector !== undefined) opts.hlsQualitySelector = this.hlsQualitySelector;\n    if (this.playerKey !== undefined) opts.playerKey = this.playerKey;\n    if (this.playerStyle !== undefined) opts.playerStyle = this.playerStyle;\n    if (this.sharing !== undefined) opts.sharing = this.sharing;\n    if (this.skinActive !== undefined) opts.skinActive = this.skinActive;\n    if (this.skinBackground !== undefined) opts.skinBackground = this.skinBackground;\n    if (this.skinCustom !== undefined) opts.skinCustom = this.skinCustom;\n    if (this.skinInactive !== undefined) opts.skinInactive = this.skinInactive;\n    if (this.speedSelector !== undefined) opts.speedSelector = this.speedSelector;\n    if (this.startEndTimespan !== undefined) opts.startEndTimespan = this.startEndTimespan;\n    if (this.startTime !== undefined) opts.startTime = this.startTime;\n    if (this.transcriptDownload !== undefined) opts.transcriptDownload = this.transcriptDownload;\n    if (this.useSettingsMenu !== undefined) opts.useSettingsMenu = this.useSettingsMenu;\n    return opts;\n  }\n\n  /** Maps raw player event names to component output emitters. */\n  private readonly EVENT_MAP: Array<[string, ViostreamEventHandler]> = [\n    ['play', () => this.ngZone.run(() => this.play.emit())],\n    ['pause', () => this.ngZone.run(() => this.pause.emit())],\n    ['ended', () => this.ngZone.run(() => this.ended.emit())],\n    ['timeupdate', (data: unknown) => this.ngZone.run(() => this.timeUpdate.emit(data as ViostreamTimeUpdateData))],\n    ['volumechange', (data: unknown) => this.ngZone.run(() => this.volumeChange.emit(data as ViostreamVolumeChangeData))],\n    ['error', (data: unknown) => this.ngZone.run(() => this.playerError.emit(data as ViostreamErrorData))],\n    ['progress', (data: unknown) => this.ngZone.run(() => this.progress.emit(data as ViostreamProgressData))],\n    ['ready', () => this.ngZone.run(() => this.ready.emit())],\n    ['seeked', () => this.ngZone.run(() => this.seeked.emit())],\n    ['loaded', () => this.ngZone.run(() => this.loaded.emit())],\n  ];\n\n  private wireEvents(wrappedPlayer: ViostreamPlayer): void {\n    for (const [eventName, handler] of this.EVENT_MAP) {\n      const unsub = wrappedPlayer.on(eventName, handler);\n      this.unsubscribers.push(unsub);\n    }\n  }\n\n  private unwireEvents(): void {\n    for (const unsub of this.unsubscribers) {\n      unsub();\n    }\n    this.unsubscribers.length = 0;\n  }\n}\n","/**\n * @viostream/viostream-player-angular\n *\n * Angular 17+ SDK for the Viostream video player.\n *\n * @example Component usage\n * ```ts\n * import { ViostreamPlayerComponent } from '@viostream/viostream-player-angular';\n *\n * @Component({\n *   selector: 'app-root',\n *   standalone: true,\n *   imports: [ViostreamPlayerComponent],\n *   template: `\n *     <viostream-player\n *       [accountKey]=\"'vc-100100100'\"\n *       [publicKey]=\"'nhedxonrxsyfee'\"\n *       [displayTitle]=\"true\"\n *       (play)=\"onPlay()\"\n *     />\n *   `,\n * })\n * export class AppComponent {\n *   onPlay() {\n *     console.log('playing');\n *   }\n * }\n * ```\n *\n * @example Headless / programmatic usage\n * ```ts\n * import { createViostreamPlayer } from '@viostream/viostream-player-angular';\n *\n * const player = await createViostreamPlayer({\n *   accountKey: 'vc-100100100',\n *   publicKey: 'nhedxonrxsyfee',\n *   target: 'my-video-div'\n * });\n *\n * player.play();\n * const time = await player.getCurrentTime();\n * player.on('ended', () => console.log('done'));\n * ```\n */\n\n// Component\nexport { ViostreamPlayerComponent } from './viostream-player.component';\n\n// Re-export everything from core so consumers can import from this package\nexport {\n  createViostreamPlayer,\n  loadViostream,\n} from '@viostream/viostream-player-core';\n\nexport type {\n  CreateViostreamPlayerOptions,\n  ViostreamEmbedOptions,\n  ViostreamTimeUpdateData,\n  ViostreamVolumeChangeData,\n  ViostreamErrorData,\n  ViostreamProgressData,\n  ViostreamPlayerEventMap,\n  ViostreamEventHandler,\n  ViostreamPlayer as ViostreamPlayerInstance,\n} from '@viostream/viostream-player-core';\n\n// Angular-specific types\nexport type {\n  ViostreamPlayerInputs,\n  ViostreamPlayerEventProps,\n} from './types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @viostream/viostream-player-angular
+ *
+ * Angular 17+ SDK for the Viostream video player.
+ *
+ * @example Component usage
+ * ```ts
+ * import { ViostreamPlayerComponent } from '@viostream/viostream-player-angular';
+ *
+ * @Component({
+ *   selector: 'app-root',
+ *   standalone: true,
+ *   imports: [ViostreamPlayerComponent],
+ *   template: `
+ *     <viostream-player
+ *       [accountKey]="'vc-100100100'"
+ *       [publicKey]="'nhedxonrxsyfee'"
+ *       [displayTitle]="true"
+ *       (play)="onPlay()"
+ *     />
+ *   `,
+ * })
+ * export class AppComponent {
+ *   onPlay() {
+ *     console.log('playing');
+ *   }
+ * }
+ * ```
+ *
+ * @example Headless / programmatic usage
+ * ```ts
+ * import { createViostreamPlayer } from '@viostream/viostream-player-angular';
+ *
+ * const player = await createViostreamPlayer({
+ *   accountKey: 'vc-100100100',
+ *   publicKey: 'nhedxonrxsyfee',
+ *   target: 'my-video-div'
+ * });
+ *
+ * player.play();
+ * const time = await player.getCurrentTime();
+ * player.on('ended', () => console.log('done'));
+ * ```
+ */
+export { ViostreamPlayerComponent } from './viostream-player.component';
+export { createViostreamPlayer, loadViostream, } from '@viostream/viostream-player-core';
+export type { CreateViostreamPlayerOptions, ViostreamEmbedOptions, ViostreamTimeUpdateData, ViostreamVolumeChangeData, ViostreamErrorData, ViostreamProgressData, ViostreamPlayerEventMap, ViostreamEventHandler, ViostreamPlayer as ViostreamPlayerInstance, } from '@viostream/viostream-player-core';
+export type { ViostreamPlayerInputs, ViostreamPlayerEventProps, } from './types';

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@viostream/viostream-player-angular",
+  "version": "0.1.2",
+  "description": "Angular 17+ SDK for the Viostream video player — embed, control, and listen to player events",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "dependencies": {
+    "@viostream/viostream-player-core": "^0.2.1",
+    "tslib": "^2.8.0"
+  },
+  "peerDependencies": {
+    "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "keywords": [
+    "angular",
+    "viostream",
+    "video",
+    "player",
+    "embed",
+    "sdk"
+  ],
+  "module": "fesm2022/viostream-viostream-player-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/viostream-viostream-player-angular.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/types.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Viostream Player SDK — Angular-specific type definitions
+ *
+ * Core types (ViostreamPlayer, ViostreamEmbedOptions, etc.) are re-exported from
+ * `@viostream/viostream-player-core`. This file defines only the Angular component types.
+ */
+import type { ViostreamEmbedOptions, ViostreamTimeUpdateData, ViostreamVolumeChangeData, ViostreamErrorData, ViostreamProgressData } from '@viostream/viostream-player-core';
+/** Event signatures emitted by the `<viostream-player>` component. */
+export interface ViostreamPlayerEventProps {
+    play: void;
+    pause: void;
+    ended: void;
+    timeUpdate: ViostreamTimeUpdateData;
+    volumeChange: ViostreamVolumeChangeData;
+    playerError: ViostreamErrorData;
+    progress: ViostreamProgressData;
+    ready: void;
+    seeked: void;
+    loaded: void;
+}
+/** Input props accepted by the `<viostream-player>` component. */
+export interface ViostreamPlayerInputs extends ViostreamEmbedOptions {
+    /** Your Viostream account key (e.g. `'vc-100100100'`). */
+    accountKey: string;
+    /** The public key of the media asset to embed. */
+    publicKey: string;
+    /**
+     * Optional CSS class applied to the outer wrapper `<div>`.
+     * Use `cssClass` instead of `class` to avoid Angular template conflicts.
+     */
+    cssClass?: string;
+}

package/viostream-player.component.d.ts

@@ -0,0 +1,107 @@
+/**
+ * ViostreamPlayerComponent — Angular standalone component that embeds a Viostream video player.
+ *
+ * @example
+ * ```html
+ * <viostream-player
+ *   [accountKey]="'vc-100100100'"
+ *   [publicKey]="'nhedxonrxsyfee'"
+ *   [displayTitle]="true"
+ *   [sharing]="true"
+ *   (play)="onPlay()"
+ *   (timeUpdate)="onTimeUpdate($event)"
+ *   (playerReady)="onPlayerReady($event)"
+ * />
+ * ```
+ */
+import { OnInit, OnDestroy } from '@angular/core';
+import type { ViostreamPlayer, ViostreamTimeUpdateData, ViostreamVolumeChangeData, ViostreamErrorData, ViostreamProgressData } from '@viostream/viostream-player-core';
+import * as i0 from "@angular/core";
+export declare class ViostreamPlayerComponent implements OnInit, OnDestroy {
+    /** Your Viostream account key (e.g. `'vc-100100100'`). */
+    accountKey: string;
+    /** The public key of the media asset to embed. */
+    publicKey: string;
+    /** Display chapter markers. */
+    chapters?: boolean;
+    /** Seek to a named chapter before playback begins. */
+    chapterSlug?: string;
+    /** Show the video title overlay. */
+    displayTitle?: boolean;
+    /** Show the HLS quality selector control. */
+    hlsQualitySelector?: boolean;
+    /** Override the player theme/key to use. */
+    playerKey?: string;
+    /** The player rendering style. */
+    playerStyle?: 'video' | 'audio' | 'audio-poster';
+    /** Show the sharing control. */
+    sharing?: boolean;
+    /** Custom skin active colour (e.g. `'#000'`). Requires `skinCustom: true`. */
+    skinActive?: string;
+    /** Custom skin background colour (e.g. `'#000'`). Requires `skinCustom: true`. */
+    skinBackground?: string;
+    /** Enable a custom skin via the API. */
+    skinCustom?: boolean;
+    /** Custom skin inactive colour (e.g. `'#000'`). Requires `skinCustom: true`. */
+    skinInactive?: string;
+    /** Show the playback speed selector. */
+    speedSelector?: boolean;
+    /** Play only a specific section of the video (e.g. `'10,30'`). */
+    startEndTimespan?: string;
+    /** Seek to a specific time (in seconds) before playback begins. */
+    startTime?: string;
+    /** Allow transcript download. */
+    transcriptDownload?: boolean;
+    /** Enable the settings menu on the control bar. */
+    useSettingsMenu?: boolean;
+    /** Optional CSS class applied to the outer wrapper `<div>`. */
+    cssClass?: string;
+    /** Emitted when playback starts or resumes. */
+    readonly play: import("@angular/core").OutputEmitterRef<void>;
+    /** Emitted when playback is paused. */
+    readonly pause: import("@angular/core").OutputEmitterRef<void>;
+    /** Emitted when the media finishes playing. */
+    readonly ended: import("@angular/core").OutputEmitterRef<void>;
+    /** Emitted when the current playback time changes. */
+    readonly timeUpdate: import("@angular/core").OutputEmitterRef<ViostreamTimeUpdateData>;
+    /** Emitted when the volume changes. */
+    readonly volumeChange: import("@angular/core").OutputEmitterRef<ViostreamVolumeChangeData>;
+    /** Emitted when a player error occurs. Named `playerError` to avoid conflict with the native DOM `error` event. */
+    readonly playerError: import("@angular/core").OutputEmitterRef<ViostreamErrorData>;
+    /** Emitted on buffering progress. */
+    readonly progress: import("@angular/core").OutputEmitterRef<ViostreamProgressData>;
+    /** Emitted when the player is ready. */
+    readonly ready: import("@angular/core").OutputEmitterRef<void>;
+    /** Emitted when a seek operation completes. */
+    readonly seeked: import("@angular/core").OutputEmitterRef<void>;
+    /** Emitted when metadata has loaded. */
+    readonly loaded: import("@angular/core").OutputEmitterRef<void>;
+    /** Emitted once the player is ready, providing the `ViostreamPlayer` instance for programmatic control. */
+    readonly playerReady: import("@angular/core").OutputEmitterRef<ViostreamPlayer>;
+    /** Unique ID for the player container element. */
+    readonly containerId: string;
+    /** Whether the player is still loading. */
+    readonly isLoading: import("@angular/core").WritableSignal<boolean>;
+    /** Error message if loading failed. */
+    readonly errorMsg: import("@angular/core").WritableSignal<string>;
+    /** Reference to the container div. */
+    private readonly containerRef;
+    /** The wrapped player instance. */
+    private player;
+    /** Whether the component has been destroyed. */
+    private destroyed;
+    /** Unsubscribe functions for event listeners. */
+    private readonly unsubscribers;
+    /** Angular zone for triggering change detection. */
+    private readonly ngZone;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private init;
+    private buildEmbedOptions;
+    /** Maps raw player event names to component output emitters. */
+    private readonly EVENT_MAP;
+    private wireEvents;
+    private unwireEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViostreamPlayerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViostreamPlayerComponent, "viostream-player", never, { "accountKey": { "alias": "accountKey"; "required": true; }; "publicKey": { "alias": "publicKey"; "required": true; }; "chapters": { "alias": "chapters"; "required": false; }; "chapterSlug": { "alias": "chapterSlug"; "required": false; }; "displayTitle": { "alias": "displayTitle"; "required": false; }; "hlsQualitySelector": { "alias": "hlsQualitySelector"; "required": false; }; "playerKey": { "alias": "playerKey"; "required": false; }; "playerStyle": { "alias": "playerStyle"; "required": false; }; "sharing": { "alias": "sharing"; "required": false; }; "skinActive": { "alias": "skinActive"; "required": false; }; "skinBackground": { "alias": "skinBackground"; "required": false; }; "skinCustom": { "alias": "skinCustom"; "required": false; }; "skinInactive": { "alias": "skinInactive"; "required": false; }; "speedSelector": { "alias": "speedSelector"; "required": false; }; "startEndTimespan": { "alias": "startEndTimespan"; "required": false; }; "startTime": { "alias": "startTime"; "required": false; }; "transcriptDownload": { "alias": "transcriptDownload"; "required": false; }; "useSettingsMenu": { "alias": "useSettingsMenu"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; }, { "play": "play"; "pause": "pause"; "ended": "ended"; "timeUpdate": "timeUpdate"; "volumeChange": "volumeChange"; "playerError": "playerError"; "progress": "progress"; "ready": "ready"; "seeked": "seeked"; "loaded": "loaded"; "playerReady": "playerReady"; }, never, ["[loading]"], true, never>;
+}