@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-video-player.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-video-player.mjs","sources":["../../../projects/components/video-player/src/video-player.service.ts","../../../projects/components/video-player/src/video-player/video-player.ts","../../../projects/components/video-player/src/video-player/video-player.html","../../../projects/components/video-player/ngstarter-ui-components-video-player.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\nexport interface VideoPlayerInterface {\n  pause(): void;\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class VideoPlayerService {\n  private activePlayer = signal<VideoPlayerInterface | null>(null);\n\n  setActivePlayer(player: VideoPlayerInterface) {\n    const currentActive = this.activePlayer();\n    if (currentActive && currentActive !== player) {\n      currentActive.pause();\n    }\n    this.activePlayer.set(player);\n  }\n\n  clearActivePlayer(player: VideoPlayerInterface) {\n    if (this.activePlayer() === player) {\n      this.activePlayer.set(null);\n    }\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  signal,\n  viewChild,\n  ChangeDetectionStrategy, untracked, booleanAttribute, output, PLATFORM_ID\n} from '@angular/core';\nimport videojs from 'video.js';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Button } from '@ngstarter-ui/components/button';\nimport { Slider, SliderThumb } from '@ngstarter-ui/components/slider';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\nimport { fromEvent, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { VideoPlayerService } from '../video-player.service';\n\nexport type VideoPlayerOrientation = 'landscape' | 'portrait' | 'square' | string;\n\n@Component({\n  selector: 'ngs-video-player',\n  exportAs: 'ngsVideoPlayer',\n  standalone: true,\n  imports: [\n    Icon,\n    Button,\n    Slider,\n    SliderThumb,\n    ProgressSpinner\n  ],\n  templateUrl: './video-player.html',\n  styleUrl: './video-player.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'ngs-video-player not-prose',\n    '[class.aspect-video]': 'finalOrientation() === \"landscape\"',\n    '[class.aspect-square]': 'finalOrientation() === \"square\"',\n    '[class.aspect-portrait]': 'finalOrientation() === \"portrait\"',\n    '[class.is-loaded]': 'loaded()'\n  }\n})\nexport class VideoPlayer implements AfterViewInit, OnDestroy {\n  private readonly document = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly videoPlayerService = inject(VideoPlayerService);\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly isBrowser = isPlatformBrowser(this.platformId);\n\n  src = input<string | null>(null);\n  thumbnailUrl = input<string | null | undefined>(null);\n  payload = input<any | null>(null);\n  orientation = input<VideoPlayerOrientation | undefined>(undefined);\n  autoPlay = input(false, {\n    transform: booleanAttribute\n  });\n  showPlayButton = input(true, {\n    transform: booleanAttribute\n  });\n  showSpeaker = input(true, {\n    transform: booleanAttribute\n  });\n  showFullscreen = input(true, {\n    transform: booleanAttribute\n  });\n  showDurationSlider = input(true, {\n    transform: booleanAttribute\n  });\n  disableClickToPlay = input(false, {\n    transform: booleanAttribute\n  });\n  muted = input(false, {\n    transform: booleanAttribute\n  });\n  withCredentials = input(false, {\n    transform: booleanAttribute\n  });\n\n  videoContainer = viewChild.required<ElementRef<HTMLDivElement>>('videoContainer');\n  private videoElement: HTMLVideoElement | null = null;\n  loaded = signal(false);\n  isLoading = computed(() => !this.loaded() && !this.error());\n  isPlaying = signal(false);\n  isPaused = computed(() => !this.isPlaying());\n  hasStarted = signal(false);\n  currentTime = signal(0);\n  duration = signal(0);\n  volume = signal(1);\n  isMuted = signal(false);\n  isFullscreen = signal(false);\n  error = signal<any>(null);\n\n  onPlay = output<void>({ alias: 'play' });\n  onPause = output<void>({ alias: 'pause' });\n  onEnded = output<void>({ alias: 'ended' });\n  onLoaded = output<void>({ alias: 'loaded' });\n  onError = output<any>({ alias: 'error' });\n\n  finalOrientation = computed(() => {\n    return this.orientation() || this.payload()?.orientation;\n  });\n\n  private player: any | null = null;\n  private readonly elementEventsCleanup$ = new Subject<void>();\n\n  private isViewInitialized = false;\n\n  constructor() {\n    effect(() => {\n      this.isMuted.set(this.muted());\n    });\n\n    effect(() => {\n      const src = this.src();\n\n      if (this.isViewInitialized) {\n        untracked(() => {\n          // Only reset loaded state if the source actually changed\n          // This prevents \"appearing then disappearing\" if src is set to the same value\n          // video.js might have changed the src, or it might be different format\n          const currentSrc = this.player ? this.player.currentSrc() : this.videoElement?.src;\n\n          // Basic comparison, might need improvement for relative URLs\n          if (src && currentSrc !== src && !currentSrc?.endsWith(src)) {\n            this.loaded.set(false);\n            this.isPlaying.set(false);\n            this.hasStarted.set(false);\n            this.error.set(null);\n            this.updateSrc(src);\n          } else if (!src) {\n            this.loaded.set(false);\n            this.isPlaying.set(false);\n            this.hasStarted.set(false);\n            this.error.set(null);\n            this.initPlayer();\n          }\n        });\n      }\n    });\n\n    effect(() => {\n      const isMuted = this.isMuted();\n\n      if (this.videoElement) {\n        this.videoElement.muted = isMuted;\n      }\n    });\n\n    effect(() => {\n      const isPlaying = this.isPlaying();\n\n      if (isPlaying) {\n        untracked(() => {\n          this.videoPlayerService.setActivePlayer(this);\n        });\n      }\n    });\n  }\n\n  ngAfterViewInit() {\n    if (this.isBrowser) {\n      this.isViewInitialized = true;\n      this.initPlayer();\n    }\n  }\n\n  private onLoadedData = () => {\n    this.loaded.set(true);\n    if (this.videoElement && this.duration() === 0) {\n      const nativeDuration = this.videoElement.duration;\n      if (nativeDuration && !isNaN(nativeDuration)) {\n        this.duration.set(nativeDuration);\n      }\n    }\n    this.onLoaded.emit();\n  };\n\n  private onTimeUpdate = () => {\n    if (this.player) {\n      const time = this.player.currentTime();\n      this.currentTime.set(time);\n      if (time > 0.1 && !this.hasStarted()) {\n        this.hasStarted.set(true);\n      }\n      return;\n    }\n    if (this.videoElement) {\n      const time = this.videoElement.currentTime;\n      this.currentTime.set(time);\n      if (time > 0.1 && !this.hasStarted()) {\n        this.hasStarted.set(true);\n      }\n    }\n  };\n\n  private onLoadedMetadata = () => {\n    if (this.player) {\n      this.duration.set(this.player.duration());\n      return;\n    }\n    if (this.videoElement) {\n      this.duration.set(this.videoElement.duration);\n    }\n  };\n\n  private onPlayInternal = () => {\n    this.isPlaying.set(true);\n    // Explicitly set hasStarted to true when playback actually begins\n    if (!this.hasStarted()) {\n      this.hasStarted.set(true);\n    }\n  };\n\n  private onPauseInternal = () => {\n    this.isPlaying.set(false);\n    this.videoPlayerService.clearActivePlayer(this);\n    // Note: we don't reset hasStarted on pause\n  };\n\n  private setupEvents() {\n    if (!this.videoElement) {\n      return;\n    }\n\n    this.elementEventsCleanup$.next();\n    const nativeElement = this.videoElement;\n\n    // If the video is already loaded or in a state where it can be played, trigger onLoadedData\n    if (nativeElement.readyState >= 2) {\n      setTimeout(() => {\n        this.onLoadedData();\n        this.onLoadedMetadata();\n      });\n    }\n\n    fromEvent(nativeElement, 'loadeddata')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.onLoadedData();\n      });\n\n    fromEvent(nativeElement, 'canplay')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.onLoadedData();\n      });\n\n    fromEvent(nativeElement, 'error')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe((e) => {\n        // If Video.js is active, ignore native element errors as they might be redundant or misleading\n        if (this.player) {\n          return;\n        }\n        const error = (nativeElement).error;\n        console.error('VideoPlayer: element error', error);\n        this.error.set(error);\n        this.onError.emit(error);\n      });\n\n    fromEvent(nativeElement, 'timeupdate')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => this.onTimeUpdate());\n\n    fromEvent(nativeElement, 'loadedmetadata')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => this.onLoadedMetadata());\n\n    fromEvent(nativeElement, 'play')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.onPlayInternal();\n        this.onPlay.emit();\n      });\n\n    fromEvent(nativeElement, 'playing')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.onPlayInternal();\n      });\n\n    fromEvent(nativeElement, 'pause')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.onPauseInternal();\n        this.onPause.emit();\n      });\n\n    fromEvent(nativeElement, 'ended')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => {\n        this.onPauseInternal();\n        this.onEnded.emit();\n      });\n\n    fromEvent(this.document, 'fullscreenchange')\n      .pipe(\n        takeUntil(this.elementEventsCleanup$),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe(() => this.onFullscreenChange());\n  }\n\n  private onFullscreenChange = () => {\n    this.isFullscreen.set(!!this.document.fullscreenElement);\n  };\n\n  toggleFullscreen() {\n    const container = this.videoContainer().nativeElement;\n    if (!container) return;\n\n    if (!this.document.fullscreenElement) {\n      container.requestFullscreen().catch(err => {\n        console.error(`Error attempting to enable full-screen mode: ${err.message}`);\n      });\n    } else {\n      this.document.exitFullscreen();\n    }\n  }\n\n  pause() {\n    if (this.player) {\n      this.player.pause();\n    } else if (this.videoElement) {\n      this.videoElement.pause();\n    }\n  }\n\n  togglePlay() {\n    if (this.error()) {\n      return;\n    }\n\n    if (this.player) {\n      if (this.player.paused()) {\n        const playPromise = this.player.play();\n        if (playPromise !== undefined && typeof playPromise.then === 'function') {\n          playPromise.then(() => {\n            this.hasStarted.set(true);\n            this.videoPlayerService.setActivePlayer(this);\n          }).catch((err: any) => {\n            console.error('VideoPlayer: error attempting to play video via player:', err);\n          });\n        } else {\n          this.hasStarted.set(true);\n          this.videoPlayerService.setActivePlayer(this);\n        }\n      } else {\n        this.player.pause();\n      }\n      return;\n    }\n\n    if (this.videoElement) {\n      if (this.videoElement.paused) {\n        // If it's the first play, we might need to initialize video.js\n        // but if the user wants it \"like this\" with [src], let's try native play first\n        const playPromise = this.videoElement.play();\n        if (playPromise !== undefined && typeof playPromise.then === 'function') {\n          playPromise.then(() => {\n            this.hasStarted.set(true);\n            this.videoPlayerService.setActivePlayer(this);\n          }).catch(err => {\n            console.error('VideoPlayer: error attempting to play video via native element:', err);\n            // Fallback to initPlayer if native play fails (e.g. needs video.js)\n            this.initPlayer().then(() => {\n              if (this.player) {\n                this.player.play().catch((e: any) => console.error('VideoPlayer: retry play failed', e));\n              }\n            });\n          });\n        } else {\n          this.hasStarted.set(true);\n          this.videoPlayerService.setActivePlayer(this);\n        }\n      } else {\n        this.videoElement.pause();\n      }\n    }\n  }\n\n  seek(event: any) {\n    if (this.error()) {\n      return;\n    }\n\n    if (this.player) {\n      this.player.currentTime(event.target.value);\n    } else if (this.videoElement) {\n      this.videoElement.currentTime = event.target.value;\n    }\n  }\n\n  toggleMute() {\n    if (this.player) {\n      const isMuted = !this.player.muted();\n      this.player.muted(isMuted);\n      this.isMuted.set(isMuted);\n    } else if (this.videoElement) {\n      this.videoElement.muted = !this.videoElement.muted;\n      this.isMuted.set(this.videoElement.muted);\n    }\n\n    if (!this.hasStarted()) {\n      this.togglePlay();\n    }\n  }\n\n  private async initPlayer() {\n    if (!this.isViewInitialized || !this.isBrowser) {\n      return;\n    }\n\n    if (!this.videoElement) {\n      this.videoElement = this.document.createElement('video');\n      this.videoElement.className = 'video-js not-prose w-full h-full object-contain relative z-[1] block';\n      this.videoContainer().nativeElement.prepend(this.videoElement);\n      this.setupEvents();\n    }\n\n    const src = this.src();\n    if (!src) {\n      if (this.player) {\n        this.player.dispose();\n        this.player = null;\n        this.videoElement = null;\n      } else if (this.videoElement) {\n        this.videoElement.src = '';\n      }\n      return;\n    }\n\n    const finalSrc = src as string;\n    const autoPlay = this.autoPlay();\n\n    if (this.player) {\n      const el = this.videoElement;\n      this.player.dispose();\n      this.player = null;\n\n      // After dispose(), video.js removes the element from DOM.\n      // We also need to make sure we don't have any dangling references or pending browser actions\n      if (el) {\n        try {\n          el.removeAttribute('src');\n          el.load();\n        } catch (e) {}\n      }\n\n      this.videoElement = this.document.createElement('video');\n      this.videoElement.className = 'video-js not-prose w-full h-full object-contain relative z-[1] block';\n      this.videoContainer().nativeElement.prepend(this.videoElement);\n      this.setupEvents();\n    }\n\n    this.error.set(null);\n\n    const type = finalSrc.split('?')[0].toLowerCase().endsWith('.m3u8') ? 'application/x-mpegURL' : undefined;\n\n    const options = {\n      autoplay: autoPlay,\n      muted: this.muted(),\n      controls: false,\n      controlBar: false,\n      bigPlayButton: false,\n      errorDisplay: false,\n      textTrackSettings: false,\n      fluid: false,\n      responsive: false,\n      html5: {\n        vhs: {\n          withCredentials: this.withCredentials()\n        }\n      },\n      sources: [{\n        src: finalSrc,\n        type: type\n      }]\n    };\n\n    this.player = videojs(this.videoElement, options, () => {\n      if (autoPlay) {\n        this.videoPlayerService.setActivePlayer(this);\n      }\n      // Re-trigger events after videojs takes over\n      this.onLoadedMetadata();\n      this.onLoadedData();\n\n      // Ensure the video element inside is actually visible\n      const tech = this.videoElement?.querySelector('.vjs-tech');\n      if (tech) {\n        (tech as HTMLElement).style.display = 'block';\n      }\n    });\n\n    // Make sure we have a way to see the video if it's already there\n    this.videoElement.style.display = 'block';\n\n    this.player.on('loadeddata', () => {\n      this.onLoadedData();\n      this.onLoadedMetadata();\n      // If it was supposed to autoplay but hadn't yet, try again\n      if (this.autoPlay() && this.player.paused()) {\n        this.player.play().catch(() => {});\n      }\n    });\n    this.player.on('canplay', () => this.onLoadedData());\n    this.player.on('timeupdate', () => this.onTimeUpdate());\n    this.player.on('loadedmetadata', () => this.onLoadedMetadata());\n    this.player.on('play', () => {\n      this.onPlayInternal();\n      this.onPlay.emit();\n    });\n    this.player.on('playing', () => {\n      this.onPlayInternal();\n    });\n    this.player.on('pause', () => {\n      this.onPauseInternal();\n      this.onPause.emit();\n    });\n    this.player.on('ended', () => {\n      this.isPlaying.set(false);\n      this.onEnded.emit();\n    });\n    this.player.on('error', (e: any) => {\n      const error = this.player.error();\n      console.error('VideoPlayer: player error', error);\n      this.error.set(error);\n      this.onError.emit(error);\n    });\n  }\n\n  private async updateSrc(src: string) {\n    if (this.player) {\n      const type = src.split('?')[0].toLowerCase().endsWith('.m3u8') ? 'application/x-mpegURL' : undefined;\n\n      this.player.src({ src, type });\n      if (this.autoPlay()) {\n        this.player.play().catch(() => {});\n        this.videoPlayerService.setActivePlayer(this);\n      }\n    } else {\n      this.initPlayer();\n    }\n  }\n\n  ngOnDestroy() {\n    this.videoPlayerService.clearActivePlayer(this);\n    this.elementEventsCleanup$.next();\n    this.elementEventsCleanup$.complete();\n\n    if (this.player) {\n      const el = this.videoElement;\n      this.player.dispose();\n      this.player = null;\n\n      if (el) {\n        try {\n          el.removeAttribute('src');\n          el.load();\n        } catch (e) {}\n      }\n    }\n  }\n}\n","<div #videoContainer class=\"video-container group/video w-full h-full bg-surface-container relative\"\n     [class.is-playing]=\"isPlaying()\"\n     [class.is-fullscreen]=\"isFullscreen()\"\n     [class.has-started]=\"hasStarted()\"\n     (click)=\"!disableClickToPlay() && togglePlay()\">\n\n  @if (isLoading()) {\n    <div class=\"loader-container\">\n      <ngs-progress-spinner mode=\"indeterminate\" [diameter]=\"48\" />\n    </div>\n  }\n\n  @if (thumbnailUrl()) {\n    <img [src]=\"thumbnailUrl()\" class=\"thumbnail-preview absolute inset-0 w-full h-full object-contain z-0\" alt=\"Video thumbnail\">\n  }\n\n  @if (error()) {\n    <div class=\"error-container absolute inset-0 flex items-center justify-center bg-black/60 text-white z-20 p-4 text-center\">\n      <div class=\"flex flex-col items-center gap-2\">\n        <ngs-icon name=\"fluent:error-circle-24-filled\" class=\"text-red-500 text-4xl\" />\n        <p class=\"text-sm font-medium\">The media could not be loaded, either because the server or network failed or because the format is not supported.</p>\n      </div>\n    </div>\n  }\n\n  @if (showPlayButton()) {\n    <div class=\"controls-overlay absolute inset-0 w-full h-full flex flex-col bg-black/30 transition-all\n              duration-300 z-[10] pointer-events-auto opacity-100 [&.has-started]:opacity-0 [&.is-paused]:group-hover/video:opacity-100\"\n         [class.has-started]=\"hasStarted()\"\n         [class.is-paused]=\"isPaused()\"\n         [class.hidden]=\"(isFullscreen() && hasStarted() && !isPaused()) || error()\">\n      <div class=\"center-controls flex-1 flex justify-center items-center pointer-events-none absolute inset-0\">\n        <button\n          class=\"play-button size-[80px] rounded-full bg-red-500 backdrop-blur-[4px] text-white flex justify-center items-center cursor-pointer transition-[transform,background-color] duration-200 pointer-events-auto hover:scale-110 hover:bg-red-600 active:scale-95\"\n          (click)=\"togglePlay(); $event.stopPropagation()\"\n        >\n          @if (!isPaused()) {\n            <ngs-icon name=\"fluent:pause-24-filled\" class=\"text-[44px] w-[44px] h-[44px]\"/>\n          } @else {\n            <ngs-icon name=\"fluent:play-24-filled\" class=\"text-[44px] w-[44px] h-[44px]\"/>\n          }\n        </button>\n      </div>\n    </div>\n  }\n\n  @if ((hasStarted() || !showPlayButton()) && !error()) {\n    <div\n      class=\"bottom-controls min-h-[80px] p-4 pb-2 flex items-center justify-between bg-gradient-to-t from-black/70 to-transparent gap-2 absolute bottom-0 left-0 right-0 invisible opacity-0 translate-y-2 transition-all\n             duration-300 z-[11] pointer-events-none group-hover/video:visible group-hover/video:opacity-100\n             group-hover/video:translate-y-0 group-hover/video:pointer-events-auto\"\n      (click)=\"$event.stopPropagation()\">\n      @if (showDurationSlider() || isFullscreen()) {\n        <div class=\"seek-bar-container flex-grow w-full h-10 flex items-center\">\n          <ngs-slider min=\"0\" [max]=\"duration()\" step=\"0.1\">\n            <input ngsSliderThumb [value]=\"currentTime()\" (input)=\"seek($event)\">\n          </ngs-slider>\n        </div>\n      } @else {\n        <div class=\"flex-1\"></div>\n      }\n\n      @if (showSpeaker() || showFullscreen()) {\n        <div class=\"actions flex-none flex items-center h-12\" (click)=\"$event.stopPropagation()\">\n          <div class=\"flex-1\"></div>\n          @if (showSpeaker()) {\n            <button ngsIconButton (click)=\"toggleMute()\">\n              @if (isMuted() || volume() === 0) {\n                <ngs-icon name=\"fluent:speaker-off-24-regular\" class=\"text-white\"/>\n              } @else {\n                <ngs-icon name=\"fluent:speaker-2-24-regular\" class=\"text-white\"/>\n              }\n            </button>\n          }\n\n          @if (showFullscreen()) {\n            <button ngsIconButton (click)=\"toggleFullscreen()\">\n              @if (isFullscreen()) {\n                <ngs-icon name=\"fluent:full-screen-minimize-24-regular\" class=\"text-white\"/>\n              } @else {\n                <ngs-icon name=\"fluent:full-screen-maximize-24-regular\" class=\"text-white\"/>\n              }\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-video-viewer.mjs

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, signal, computed, Component, EventEmitter, Injector, DestroyRef, Directive, TemplateRef, contentChild, input, booleanAttribute } from '@angular/core';
+import { Icon } from '@ngstarter-ui/components/icon';
+import { VideoPlayer } from '@ngstarter-ui/components/video-player';
+import { ProgressSpinner } from '@ngstarter-ui/components/spinner';
+import { NgTemplateOutlet } from '@angular/common';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+const VIDEO_VIEWER = new InjectionToken('VIDEO_VIEWER');
+const VIDEO_VIEWER_REF = new InjectionToken('VIDEO_VIEWER_REF');
+const VIDEO_VIEWER_DATA = new InjectionToken('VIDEO_VIEWER_DATA');
+
+class VideoViewer {
+    videoViewerRef = inject(VIDEO_VIEWER_REF);
+    data = inject(VIDEO_VIEWER_DATA);
+    loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+    hasTitle = computed(() => {
+        return !!(this.data.title || this.data.titleTplRef);
+    }, ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
+    hasAside = computed(() => {
+        return !!(this.data.caption || this.data.description || this.data.captionTplRef || this.data.descriptionTplRef);
+    }, ...(ngDevMode ? [{ debugName: "hasAside" }] : /* istanbul ignore next */ []));
+    onBackdropClick() {
+        this.videoViewerRef.close();
+    }
+    onPreventClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    onVideoLoaded() {
+        setTimeout(() => {
+            this.loaded.set(true);
+        }, 250);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: VideoViewer, isStandalone: true, selector: "ngs-video-viewer", host: { classAttribute: "ngs-video-viewer" }, exportAs: ["ngsVideoViewer"], ngImport: i0, template: "@if (hasTitle()) {\n  <div class=\"title-container\">\n    <div class=\"title\">\n      @if (data.titleTplRef) {\n        <ng-container [ngTemplateOutlet]=\"data.titleTplRef\" />\n      } @else {\n        {{ data.title }}\n      }\n    </div>\n  </div>\n}\n<div class=\"controls\" (click)=\"onPreventClick($event)\">\n  <div class=\"w-max\">\n    <button (click)=\"videoViewerRef.close()\" class=\"close\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n</div>\n<div class=\"content\" (click)=\"onBackdropClick()\">\n  <div class=\"video-container\" [class.is-loaded]=\"loaded()\">\n    @if (!loaded()) {\n      <div class=\"absolute top-1/2 start-1/2 -transform-1/2 z-[1]\">\n        <ngs-progress-spinner/>\n      </div>\n    }\n    <ngs-video-player [src]=\"data.sourceUrl\"\n                      [payload]=\"data.payload\"\n                      [orientation]=\"data.orientation\"\n                      [autoPlay]=\"data.autoPlay ?? true\"\n                      [showPlayButton]=\"data.showPlayButton ?? true\"\n                      [showSpeaker]=\"data.showSpeaker ?? true\"\n                      [showFullscreen]=\"data.showFullscreen ?? true\"\n                      [showDurationSlider]=\"data.showDurationSlider ?? true\"\n                      [muted]=\"data.muted ?? false\"\n                      (loaded)=\"onVideoLoaded()\"\n                      (click)=\"onPreventClick($event)\"/>\n  </div>\n  @if (hasAside()) {\n    <aside class=\"aside\" (click)=\"onPreventClick($event)\">\n      <div class=\"aside-header\">\n        @if (data.captionTplRef) {\n          <ng-container [ngTemplateOutlet]=\"data.captionTplRef\" />\n        } @else if (data.caption) {\n          {{ data.caption }}\n        }\n      </div>\n      <div class=\"aside-body\">\n        <div class=\"aside-body-scroll\">\n          @if (data.descriptionTplRef) {\n            <ng-container [ngTemplateOutlet]=\"data.descriptionTplRef\" />\n          } @else if (data.description) {\n            {{ data.description }}\n          }\n        </div>\n      </div>\n    </aside>\n  }\n</div>\n", styles: [":host{width:100vw;height:100vh;display:flex;flex-direction:column}:host .title-container{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 4);top:calc(var(--spacing, .25rem) * 4);z-index:3}:host .controls{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 4);top:calc(var(--spacing, .25rem) * 4);z-index:3;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}:host .content{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;z-index:2;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 8);width:100vw;height:100vh}:host:has(.aside) .content{padding-inline-end:420px}:host .title{font-weight:500;height:calc(var(--spacing, .25rem) * 10);border-radius:calc(infinity * 1px);padding-left:calc(var(--spacing, .25rem) * 4);padding-right:calc(var(--spacing, .25rem) * 4);font-size:var(--text-tiny);display:flex;align-items:center;background:var(--color-neutral-700);color:var(--color-neutral-300)}:host .close{width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10);border-radius:calc(infinity * 1px);cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;background:var(--color-neutral-700);color:var(--color-neutral-300)}:host .close:hover{background:var(--color-neutral-800);color:var(--color-neutral-200)}:host .close:active{background:var(--color-neutral-950);color:var(--color-neutral-100)}:host .aside{width:420px;position:absolute;inset-inline-end:0;top:0;bottom:0;flex:none;background:var(--color-neutral-50);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 5);height:100%;padding-inline-end:calc(var(--spacing, .25rem) * 10)}:host .aside-header{font-weight:700;padding-left:calc(var(--spacing, .25rem) * 8);padding-right:calc(var(--spacing, .25rem) * 8);padding-top:calc(var(--spacing, .25rem) * 8)}:host .aside-body{position:relative;flex-grow:1;font-size:.875rem;color:var(--color-neutral-600);line-height:var(--leading-relaxed)}:host .aside-body-scroll{position:absolute;inset:0;overflow-y:auto;padding-left:calc(var(--spacing, .25rem) * 8);padding-right:calc(var(--spacing, .25rem) * 8);padding-bottom:calc(var(--spacing, .25rem) * 8)}:host .video-container{position:relative;display:flex;align-items:center;justify-content:center;height:90%;width:90%;max-height:90%;max-width:90%}:host .video-container ngs-video-player{opacity:0}:host .video-container.is-loaded ngs-video-player{opacity:100}:host .video-container .loader-container{position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:5;display:flex;align-items:center;justify-content:center}:host .video-container ngs-video-player{max-height:90%;max-width:90%;transition:opacity .3s ease-in-out}:host-context(html.dark) .title{background:var(--color-neutral-100);color:var(--color-neutral-600)}:host-context(html.dark) .close{background:var(--color-neutral-100);color:var(--color-neutral-600)}:host-context(html.dark) .close:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}:host-context(html.dark) .close:active{background:var(--color-neutral-300);color:var(--color-neutral-900)}:host-context(html.dark) .aside{background:var(--color-neutral-900)}:host-context(html.dark) .aside-body{color:var(--color-neutral-400)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: VideoPlayer, selector: "ngs-video-player", inputs: ["src", "thumbnailUrl", "payload", "orientation", "autoPlay", "showPlayButton", "showSpeaker", "showFullscreen", "showDurationSlider", "disableClickToPlay", "muted", "withCredentials"], outputs: ["play", "pause", "ended", "loaded", "error"], exportAs: ["ngsVideoPlayer"] }, { kind: "component", type: ProgressSpinner, selector: "ngs-progress-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["ngsProgressSpinner"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewer, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-video-viewer', exportAs: 'ngsVideoViewer', standalone: true, imports: [
+                        Icon,
+                        VideoPlayer,
+                        ProgressSpinner,
+                        NgTemplateOutlet
+                    ], host: {
+                        'class': 'ngs-video-viewer',
+                    }, template: "@if (hasTitle()) {\n  <div class=\"title-container\">\n    <div class=\"title\">\n      @if (data.titleTplRef) {\n        <ng-container [ngTemplateOutlet]=\"data.titleTplRef\" />\n      } @else {\n        {{ data.title }}\n      }\n    </div>\n  </div>\n}\n<div class=\"controls\" (click)=\"onPreventClick($event)\">\n  <div class=\"w-max\">\n    <button (click)=\"videoViewerRef.close()\" class=\"close\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n</div>\n<div class=\"content\" (click)=\"onBackdropClick()\">\n  <div class=\"video-container\" [class.is-loaded]=\"loaded()\">\n    @if (!loaded()) {\n      <div class=\"absolute top-1/2 start-1/2 -transform-1/2 z-[1]\">\n        <ngs-progress-spinner/>\n      </div>\n    }\n    <ngs-video-player [src]=\"data.sourceUrl\"\n                      [payload]=\"data.payload\"\n                      [orientation]=\"data.orientation\"\n                      [autoPlay]=\"data.autoPlay ?? true\"\n                      [showPlayButton]=\"data.showPlayButton ?? true\"\n                      [showSpeaker]=\"data.showSpeaker ?? true\"\n                      [showFullscreen]=\"data.showFullscreen ?? true\"\n                      [showDurationSlider]=\"data.showDurationSlider ?? true\"\n                      [muted]=\"data.muted ?? false\"\n                      (loaded)=\"onVideoLoaded()\"\n                      (click)=\"onPreventClick($event)\"/>\n  </div>\n  @if (hasAside()) {\n    <aside class=\"aside\" (click)=\"onPreventClick($event)\">\n      <div class=\"aside-header\">\n        @if (data.captionTplRef) {\n          <ng-container [ngTemplateOutlet]=\"data.captionTplRef\" />\n        } @else if (data.caption) {\n          {{ data.caption }}\n        }\n      </div>\n      <div class=\"aside-body\">\n        <div class=\"aside-body-scroll\">\n          @if (data.descriptionTplRef) {\n            <ng-container [ngTemplateOutlet]=\"data.descriptionTplRef\" />\n          } @else if (data.description) {\n            {{ data.description }}\n          }\n        </div>\n      </div>\n    </aside>\n  }\n</div>\n", styles: [":host{width:100vw;height:100vh;display:flex;flex-direction:column}:host .title-container{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 4);top:calc(var(--spacing, .25rem) * 4);z-index:3}:host .controls{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 4);top:calc(var(--spacing, .25rem) * 4);z-index:3;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}:host .content{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;z-index:2;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 8);width:100vw;height:100vh}:host:has(.aside) .content{padding-inline-end:420px}:host .title{font-weight:500;height:calc(var(--spacing, .25rem) * 10);border-radius:calc(infinity * 1px);padding-left:calc(var(--spacing, .25rem) * 4);padding-right:calc(var(--spacing, .25rem) * 4);font-size:var(--text-tiny);display:flex;align-items:center;background:var(--color-neutral-700);color:var(--color-neutral-300)}:host .close{width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10);border-radius:calc(infinity * 1px);cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;background:var(--color-neutral-700);color:var(--color-neutral-300)}:host .close:hover{background:var(--color-neutral-800);color:var(--color-neutral-200)}:host .close:active{background:var(--color-neutral-950);color:var(--color-neutral-100)}:host .aside{width:420px;position:absolute;inset-inline-end:0;top:0;bottom:0;flex:none;background:var(--color-neutral-50);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 5);height:100%;padding-inline-end:calc(var(--spacing, .25rem) * 10)}:host .aside-header{font-weight:700;padding-left:calc(var(--spacing, .25rem) * 8);padding-right:calc(var(--spacing, .25rem) * 8);padding-top:calc(var(--spacing, .25rem) * 8)}:host .aside-body{position:relative;flex-grow:1;font-size:.875rem;color:var(--color-neutral-600);line-height:var(--leading-relaxed)}:host .aside-body-scroll{position:absolute;inset:0;overflow-y:auto;padding-left:calc(var(--spacing, .25rem) * 8);padding-right:calc(var(--spacing, .25rem) * 8);padding-bottom:calc(var(--spacing, .25rem) * 8)}:host .video-container{position:relative;display:flex;align-items:center;justify-content:center;height:90%;width:90%;max-height:90%;max-width:90%}:host .video-container ngs-video-player{opacity:0}:host .video-container.is-loaded ngs-video-player{opacity:100}:host .video-container .loader-container{position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:5;display:flex;align-items:center;justify-content:center}:host .video-container ngs-video-player{max-height:90%;max-width:90%;transition:opacity .3s ease-in-out}:host-context(html.dark) .title{background:var(--color-neutral-100);color:var(--color-neutral-600)}:host-context(html.dark) .close{background:var(--color-neutral-100);color:var(--color-neutral-600)}:host-context(html.dark) .close:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}:host-context(html.dark) .close:active{background:var(--color-neutral-300);color:var(--color-neutral-900)}:host-context(html.dark) .aside{background:var(--color-neutral-900)}:host-context(html.dark) .aside-body{color:var(--color-neutral-400)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class VideoViewerRef {
+    closed = new EventEmitter();
+    close() {
+        this.closed.emit();
+    }
+}
+
+class VideoViewerDirective {
+    _overlay = inject(Overlay);
+    _injector = inject(Injector);
+    _destroyRef = inject(DestroyRef);
+    get api() {
+        return {
+            open: (options) => this._open(options)
+        };
+    }
+    _open(options) {
+        const videoViewerRef = new VideoViewerRef();
+        const overlayRef = this._overlay.create({
+            positionStrategy: this._overlay.position().global(),
+            hasBackdrop: true
+        });
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: VIDEO_VIEWER_REF,
+                    useValue: videoViewerRef
+                },
+                {
+                    provide: VIDEO_VIEWER_DATA,
+                    useValue: options
+                }
+            ],
+            parent: this._injector
+        });
+        const portal = new ComponentPortal(VideoViewer, null, injector);
+        overlayRef.attach(portal);
+        videoViewerRef.closed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+            overlayRef.detach();
+        });
+        return videoViewerRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: VideoViewerDirective, isStandalone: true, selector: "[ngsVideoViewer]", host: { classAttribute: "ngs-video-viewer" }, exportAs: ["ngsVideoViewer"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsVideoViewer]',
+                    exportAs: 'ngsVideoViewer',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-video-viewer',
+                    }
+                }]
+        }] });
+
+class VideoViewerVideoCaptionDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoCaptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: VideoViewerVideoCaptionDirective, isStandalone: true, selector: "[ngsVideoViewerVideoCaption]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoCaptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsVideoViewerVideoCaption]',
+                    standalone: true,
+                }]
+        }] });
+
+class VideoViewerVideoDescriptionDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: VideoViewerVideoDescriptionDirective, isStandalone: true, selector: "[ngsVideoViewerVideoDescription]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsVideoViewerVideoDescription]',
+                    standalone: true,
+                }]
+        }] });
+
+class VideoViewerVideoTitleDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: VideoViewerVideoTitleDirective, isStandalone: true, selector: "[ngsVideoViewerVideoTitle]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsVideoViewerVideoTitle]',
+                    standalone: true,
+                }]
+        }] });
+
+class VideoViewerVideoDirective {
+    _videoViewer = inject(VideoViewerDirective);
+    _titleTplRef = contentChild(VideoViewerVideoTitleDirective, ...(ngDevMode ? [{ debugName: "_titleTplRef" }] : /* istanbul ignore next */ []));
+    _captionTplRef = contentChild(VideoViewerVideoCaptionDirective, ...(ngDevMode ? [{ debugName: "_captionTplRef" }] : /* istanbul ignore next */ []));
+    _descriptionTplRef = contentChild(VideoViewerVideoDescriptionDirective, ...(ngDevMode ? [{ debugName: "_descriptionTplRef" }] : /* istanbul ignore next */ []));
+    sourceUrl = input.required(...(ngDevMode ? [{ debugName: "sourceUrl" }] : /* istanbul ignore next */ []));
+    caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : /* istanbul ignore next */ []));
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
+    payload = input(null, ...(ngDevMode ? [{ debugName: "payload" }] : /* istanbul ignore next */ []));
+    orientation = input(undefined, ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    autoPlay = input(false, { ...(ngDevMode ? { debugName: "autoPlay" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showPlayButton = input(true, { ...(ngDevMode ? { debugName: "showPlayButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showSpeaker = input(true, { ...(ngDevMode ? { debugName: "showSpeaker" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showFullscreen = input(true, { ...(ngDevMode ? { debugName: "showFullscreen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showDurationSlider = input(true, { ...(ngDevMode ? { debugName: "showDurationSlider" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    muted = input(false, { ...(ngDevMode ? { debugName: "muted" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    onClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this._videoViewer.api.open({
+            sourceUrl: this.sourceUrl(),
+            title: this.title(),
+            caption: this.caption(),
+            description: this.description(),
+            titleTplRef: this._titleTplRef()?.templateRef,
+            captionTplRef: this._captionTplRef()?.templateRef,
+            descriptionTplRef: this._descriptionTplRef()?.templateRef,
+            payload: this.payload(),
+            orientation: this.orientation(),
+            autoPlay: this.autoPlay(),
+            showPlayButton: this.showPlayButton(),
+            showSpeaker: this.showSpeaker(),
+            showFullscreen: this.showFullscreen(),
+            showDurationSlider: this.showDurationSlider(),
+            muted: this.muted()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.4", type: VideoViewerVideoDirective, isStandalone: true, selector: "[ngsVideoViewerVideo]", inputs: { sourceUrl: { classPropertyName: "sourceUrl", publicName: "sourceUrl", isSignal: true, isRequired: true, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, payload: { classPropertyName: "payload", publicName: "payload", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, showPlayButton: { classPropertyName: "showPlayButton", publicName: "showPlayButton", isSignal: true, isRequired: false, transformFunction: null }, showSpeaker: { classPropertyName: "showSpeaker", publicName: "showSpeaker", isSignal: true, isRequired: false, transformFunction: null }, showFullscreen: { classPropertyName: "showFullscreen", publicName: "showFullscreen", isSignal: true, isRequired: false, transformFunction: null }, showDurationSlider: { classPropertyName: "showDurationSlider", publicName: "showDurationSlider", isSignal: true, isRequired: false, transformFunction: null }, muted: { classPropertyName: "muted", publicName: "muted", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, classAttribute: "ngs-video-viewer-video" }, providers: [
+            {
+                provide: VIDEO_VIEWER,
+                useExisting: VideoViewerVideoDirective
+            }
+        ], queries: [{ propertyName: "_titleTplRef", first: true, predicate: VideoViewerVideoTitleDirective, descendants: true, isSignal: true }, { propertyName: "_captionTplRef", first: true, predicate: VideoViewerVideoCaptionDirective, descendants: true, isSignal: true }, { propertyName: "_descriptionTplRef", first: true, predicate: VideoViewerVideoDescriptionDirective, descendants: true, isSignal: true }], exportAs: ["ngsVideoViewerVideo"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VideoViewerVideoDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsVideoViewerVideo]',
+                    exportAs: 'ngsVideoViewerVideo',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: VIDEO_VIEWER,
+                            useExisting: VideoViewerVideoDirective
+                        }
+                    ],
+                    host: {
+                        'class': 'ngs-video-viewer-video',
+                        '(click)': 'onClick($event)'
+                    }
+                }]
+        }], propDecorators: { _titleTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => VideoViewerVideoTitleDirective), { isSignal: true }] }], _captionTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => VideoViewerVideoCaptionDirective), { isSignal: true }] }], _descriptionTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => VideoViewerVideoDescriptionDirective), { isSignal: true }] }], sourceUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceUrl", required: true }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], payload: [{ type: i0.Input, args: [{ isSignal: true, alias: "payload", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], autoPlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoPlay", required: false }] }], showPlayButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPlayButton", required: false }] }], showSpeaker: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSpeaker", required: false }] }], showFullscreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFullscreen", required: false }] }], showDurationSlider: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDurationSlider", required: false }] }], muted: [{ type: i0.Input, args: [{ isSignal: true, alias: "muted", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { VIDEO_VIEWER, VIDEO_VIEWER_DATA, VIDEO_VIEWER_REF, VideoViewer, VideoViewerDirective, VideoViewerRef, VideoViewerVideoCaptionDirective, VideoViewerVideoDescriptionDirective, VideoViewerVideoDirective, VideoViewerVideoTitleDirective };
+//# sourceMappingURL=ngstarter-ui-components-video-viewer.mjs.map

package/fesm2022/ngstarter-ui-components-video-viewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-video-viewer.mjs","sources":["../../../projects/components/video-viewer/src/types.ts","../../../projects/components/video-viewer/src/video-viewer/video-viewer.ts","../../../projects/components/video-viewer/src/video-viewer/video-viewer.html","../../../projects/components/video-viewer/src/video-viewer-ref.ts","../../../projects/components/video-viewer/src/video-viewer.directive.ts","../../../projects/components/video-viewer/src/video-viewer-video-caption.directive.ts","../../../projects/components/video-viewer/src/video-viewer-video-description.directive.ts","../../../projects/components/video-viewer/src/video-viewer-video-title.directive.ts","../../../projects/components/video-viewer/src/video-viewer-video.directive.ts","../../../projects/components/video-viewer/ngstarter-ui-components-video-viewer.ts"],"sourcesContent":["import { InjectionToken, TemplateRef } from '@angular/core';\nimport { VideoViewerRef } from './video-viewer-ref';\n\nexport type VideoViewerOrientation = 'landscape' | 'portrait' | 'square' | string;\n\nexport interface VideoViewerOptions {\n  sourceUrl: string;\n  title?: string | undefined;\n  caption?: string | undefined;\n  description?: string | undefined;\n  titleTplRef?: TemplateRef<any> | undefined;\n  captionTplRef?: TemplateRef<any> | undefined;\n  descriptionTplRef?: TemplateRef<any> | undefined;\n  // Video player options\n  payload?: any | null;\n  orientation?: VideoViewerOrientation | undefined;\n  autoPlay?: boolean;\n  showPlayButton?: boolean;\n  showSpeaker?: boolean;\n  showFullscreen?: boolean;\n  showDurationSlider?: boolean;\n  muted?: boolean;\n}\n\nexport const VIDEO_VIEWER = new InjectionToken('VIDEO_VIEWER');\nexport const VIDEO_VIEWER_REF = new InjectionToken<VideoViewerRef>('VIDEO_VIEWER_REF');\nexport const VIDEO_VIEWER_DATA = new InjectionToken<VideoViewerOptions>('VIDEO_VIEWER_DATA');\n","import { Component, computed, inject, signal } from '@angular/core';\nimport { VIDEO_VIEWER_DATA, VIDEO_VIEWER_REF } from '../types';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { VideoPlayer } from '@ngstarter-ui/components/video-player';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector: 'ngs-video-viewer',\n  exportAs: 'ngsVideoViewer',\n  standalone: true,\n  imports: [\n    Icon,\n    VideoPlayer,\n    ProgressSpinner,\n    NgTemplateOutlet\n  ],\n  templateUrl: './video-viewer.html',\n  styleUrl: './video-viewer.scss',\n  host: {\n    'class': 'ngs-video-viewer',\n  }\n})\nexport class VideoViewer {\n  readonly videoViewerRef = inject(VIDEO_VIEWER_REF);\n  readonly data = inject(VIDEO_VIEWER_DATA);\n\n  loaded = signal(false);\n\n  hasTitle = computed(() => {\n    return !!(this.data.title || this.data.titleTplRef);\n  });\n\n  hasAside = computed(() => {\n    return !!(this.data.caption || this.data.description || this.data.captionTplRef || this.data.descriptionTplRef);\n  });\n\n  onBackdropClick(): void {\n    this.videoViewerRef.close();\n  }\n\n  onPreventClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  onVideoLoaded() {\n    setTimeout(() => {\n      this.loaded.set(true);\n    }, 250);\n  }\n}\n","@if (hasTitle()) {\n  <div class=\"title-container\">\n    <div class=\"title\">\n      @if (data.titleTplRef) {\n        <ng-container [ngTemplateOutlet]=\"data.titleTplRef\" />\n      } @else {\n        {{ data.title }}\n      }\n    </div>\n  </div>\n}\n<div class=\"controls\" (click)=\"onPreventClick($event)\">\n  <div class=\"w-max\">\n    <button (click)=\"videoViewerRef.close()\" class=\"close\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n</div>\n<div class=\"content\" (click)=\"onBackdropClick()\">\n  <div class=\"video-container\" [class.is-loaded]=\"loaded()\">\n    @if (!loaded()) {\n      <div class=\"absolute top-1/2 start-1/2 -transform-1/2 z-[1]\">\n        <ngs-progress-spinner/>\n      </div>\n    }\n    <ngs-video-player [src]=\"data.sourceUrl\"\n                      [payload]=\"data.payload\"\n                      [orientation]=\"data.orientation\"\n                      [autoPlay]=\"data.autoPlay ?? true\"\n                      [showPlayButton]=\"data.showPlayButton ?? true\"\n                      [showSpeaker]=\"data.showSpeaker ?? true\"\n                      [showFullscreen]=\"data.showFullscreen ?? true\"\n                      [showDurationSlider]=\"data.showDurationSlider ?? true\"\n                      [muted]=\"data.muted ?? false\"\n                      (loaded)=\"onVideoLoaded()\"\n                      (click)=\"onPreventClick($event)\"/>\n  </div>\n  @if (hasAside()) {\n    <aside class=\"aside\" (click)=\"onPreventClick($event)\">\n      <div class=\"aside-header\">\n        @if (data.captionTplRef) {\n          <ng-container [ngTemplateOutlet]=\"data.captionTplRef\" />\n        } @else if (data.caption) {\n          {{ data.caption }}\n        }\n      </div>\n      <div class=\"aside-body\">\n        <div class=\"aside-body-scroll\">\n          @if (data.descriptionTplRef) {\n            <ng-container [ngTemplateOutlet]=\"data.descriptionTplRef\" />\n          } @else if (data.description) {\n            {{ data.description }}\n          }\n        </div>\n      </div>\n    </aside>\n  }\n</div>\n","import { EventEmitter } from '@angular/core';\n\nexport class VideoViewerRef {\n  readonly closed = new EventEmitter();\n\n  close(): void {\n    this.closed.emit();\n  }\n}\n","import { DestroyRef, Directive, inject, Injector } from '@angular/core';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { VideoViewerRef } from './video-viewer-ref';\nimport { VideoViewer } from './video-viewer/video-viewer';\nimport { VIDEO_VIEWER_DATA, VIDEO_VIEWER_REF, VideoViewerOptions } from './types';\n\n@Directive({\n  selector: '[ngsVideoViewer]',\n  exportAs: 'ngsVideoViewer',\n  standalone: true,\n  host: {\n    'class': 'ngs-video-viewer',\n  }\n})\nexport class VideoViewerDirective {\n  private _overlay = inject(Overlay);\n  private _injector = inject(Injector);\n  private _destroyRef = inject(DestroyRef);\n\n  get api() {\n    return {\n      open: (options: VideoViewerOptions): VideoViewerRef => this._open(options)\n    }\n  }\n\n  private _open(options: VideoViewerOptions): VideoViewerRef {\n    const videoViewerRef = new VideoViewerRef();\n    const overlayRef = this._overlay.create({\n      positionStrategy: this._overlay.position().global(),\n      hasBackdrop: true\n    });\n    const injector = Injector.create({\n      providers: [\n        {\n          provide: VIDEO_VIEWER_REF,\n          useValue: videoViewerRef\n        },\n        {\n          provide: VIDEO_VIEWER_DATA,\n          useValue: options\n        }\n      ],\n      parent: this._injector\n    });\n    const portal = new ComponentPortal(VideoViewer, null, injector);\n    overlayRef.attach(portal);\n    videoViewerRef.closed.pipe(\n      takeUntilDestroyed(this._destroyRef)\n    ).subscribe(() => {\n      overlayRef.detach();\n    });\n    return videoViewerRef;\n  }\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[ngsVideoViewerVideoCaption]',\n  standalone: true,\n})\nexport class VideoViewerVideoCaptionDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[ngsVideoViewerVideoDescription]',\n  standalone: true,\n})\nexport class VideoViewerVideoDescriptionDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[ngsVideoViewerVideoTitle]',\n  standalone: true,\n})\nexport class VideoViewerVideoTitleDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { booleanAttribute, contentChild, Directive, inject, input } from '@angular/core';\nimport { VIDEO_VIEWER, VideoViewerOrientation } from './types';\nimport { VideoViewerDirective } from './video-viewer.directive';\nimport { VideoViewerVideoCaptionDirective } from './video-viewer-video-caption.directive';\nimport { VideoViewerVideoDescriptionDirective } from './video-viewer-video-description.directive';\nimport { VideoViewerVideoTitleDirective } from './video-viewer-video-title.directive';\n\n@Directive({\n  selector: '[ngsVideoViewerVideo]',\n  exportAs: 'ngsVideoViewerVideo',\n  standalone: true,\n  providers: [\n    {\n      provide: VIDEO_VIEWER,\n      useExisting: VideoViewerVideoDirective\n    }\n  ],\n  host: {\n    'class': 'ngs-video-viewer-video',\n    '(click)': 'onClick($event)'\n  }\n})\nexport class VideoViewerVideoDirective {\n  private _videoViewer = inject(VideoViewerDirective);\n  private _titleTplRef = contentChild(VideoViewerVideoTitleDirective);\n  private _captionTplRef = contentChild(VideoViewerVideoCaptionDirective);\n  private _descriptionTplRef = contentChild(VideoViewerVideoDescriptionDirective);\n\n  sourceUrl = input.required<string>();\n  caption = input<string>();\n  title = input<string>();\n  description = input<string>();\n\n  payload = input<any | null>(null);\n  orientation = input<VideoViewerOrientation | undefined>(undefined);\n  autoPlay = input(false, {\n    transform: booleanAttribute\n  });\n  showPlayButton = input(true, {\n    transform: booleanAttribute\n  });\n  showSpeaker = input(true, {\n    transform: booleanAttribute\n  });\n  showFullscreen = input(true, {\n    transform: booleanAttribute\n  });\n  showDurationSlider = input(true, {\n    transform: booleanAttribute\n  });\n  muted = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected onClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._videoViewer.api.open({\n      sourceUrl: this.sourceUrl(),\n      title: this.title(),\n      caption: this.caption(),\n      description: this.description(),\n      titleTplRef: this._titleTplRef()?.templateRef,\n      captionTplRef: this._captionTplRef()?.templateRef,\n      descriptionTplRef: this._descriptionTplRef()?.templateRef,\n      payload: this.payload(),\n      orientation: this.orientation(),\n      autoPlay: this.autoPlay(),\n      showPlayButton: this.showPlayButton(),\n      showSpeaker: this.showSpeaker(),\n      showFullscreen: this.showFullscreen(),\n      showDurationSlider: this.showDurationSlider(),\n      muted: this.muted()\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-visual-builder.mjs

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+class VisualBuilder {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VisualBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: VisualBuilder, isStandalone: true, selector: "ngs-visual-builder", ngImport: i0, template: "<p>visual-builder works!</p>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: VisualBuilder, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-visual-builder', imports: [], template: "<p>visual-builder works!</p>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { VisualBuilder };
+//# sourceMappingURL=ngstarter-ui-components-visual-builder.mjs.map

package/fesm2022/ngstarter-ui-components-visual-builder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-visual-builder.mjs","sources":["../../../projects/components/visual-builder/src/visual-builder/visual-builder.ts","../../../projects/components/visual-builder/src/visual-builder/visual-builder.html","../../../projects/components/visual-builder/ngstarter-ui-components-visual-builder.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-visual-builder',\n  imports: [],\n  templateUrl: './visual-builder.html',\n  styleUrl: './visual-builder.scss',\n})\nexport class VisualBuilder {\n\n}\n","<p>visual-builder works!</p>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,8ECR1B,gCACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FDOa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,WACrB,EAAE,EAAA,QAAA,EAAA,gCAAA,EAAA;;;AEJb;;AAEG;;;;"}

package/fesm2022/ngstarter-ui-components.mjs

@@ -0,0 +1,6 @@
+var index = null;
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngstarter-ui-components.mjs.map

package/fesm2022/ngstarter-ui-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components.mjs","sources":["../../../projects/components/index.ts","../../../projects/components/ngstarter-ui-components.ts"],"sourcesContent":["export default null;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,IAAI;;ACAnB;;AAEG"}