@vizor-vr/svelte 0.2.0

package/LICENSE

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

package/README.md

@@ -0,0 +1,29 @@
+# @vizor-vr/svelte
+
+Svelte 5 wrappers for the [Vizor VR player](https://www.npmjs.com/package/@vizor-vr/player). Type-safe components using runes.
+
+## Install
+
+```bash
+npm install @vizor-vr/svelte @vizor-vr/player
+```
+
+## Usage
+
+```svelte
+<script lang="ts">
+  import { VzVideo } from '@vizor-vr/svelte';
+</script>
+
+<VzVideo src="video.mp4" format="MONO_360" autoplay on:ready={onReady} />
+```
+
+The wrappers import and register the underlying custom elements for you. They are client-only — under SvelteKit SSR, guard rendering with `{#if browser}` (from `$app/environment`) since the player requires the browser DOM.
+
+## Components
+
+`VzVideo`, `VzImg`, `VzTour`, `VzCinema`, `VzLive`, `VzPlaylist`, `VzAnnotation`, `VzCaption`.
+
+## License
+
+MIT — see [LICENSE](./LICENSE).

package/dist/VzAnnotation.svelte

@@ -0,0 +1,82 @@
+<!--
+  @component
+  Svelte wrapper for <vz-annotation>.
+
+  @example
+  ```svelte
+  <script>
+    import { VzVideo, VzAnnotation } from '@vizor-vr/svelte';
+  </script>
+
+  <VzVideo src="video.mp4" format="MONO_360">
+    <VzAnnotation
+      lat={45}
+      lon={-90}
+      title="Look here"
+      icon="info"
+      timeStart={5}
+      timeEnd={15}
+    >
+      <p>Popup content</p>
+    </VzAnnotation>
+  </VzVideo>
+  ```
+-->
+<script lang="ts">
+  import { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+
+  /* ---- Props ---- */
+  let {
+    lat = undefined,
+    lon = undefined,
+    title = undefined,
+    icon = undefined,
+    timeStart = undefined,
+    timeEnd = undefined,
+    sortOrder = undefined,
+    style = undefined,
+    class: className = undefined,
+    children,
+    // Event handlers
+    onannotationclick = undefined,
+    ...restProps
+  }: {
+    lat?: number;
+    lon?: number;
+    title?: string;
+    icon?: string;
+    timeStart?: number;
+    timeEnd?: number;
+    sortOrder?: number;
+    style?: string;
+    class?: string;
+    children?: any;
+  } & Pick<VizorEventHandlers, 'onannotationclick'> & Record<string, any> = $props();
+
+  let el: HTMLElement | undefined = $state();
+
+  const eventHandlers: VizorEventHandlers = $derived({
+    onannotationclick,
+  });
+
+  export function getElement() { return el; }
+</script>
+
+<vz-annotation
+  bind:this={el}
+  use:vizorEvents={eventHandlers}
+  {lat}
+  {lon}
+  {title}
+  {icon}
+  time-start={timeStart}
+  time-end={timeEnd}
+  sort-order={sortOrder}
+  {style}
+  class={className}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {/if}
+</vz-annotation>

package/dist/VzAnnotation.svelte.d.ts

@@ -0,0 +1,42 @@
+import { type VizorEventHandlers } from './vizor-action.js';
+type $$ComponentProps = {
+    lat?: number;
+    lon?: number;
+    title?: string;
+    icon?: string;
+    timeStart?: number;
+    timeEnd?: number;
+    sortOrder?: number;
+    style?: string;
+    class?: string;
+    children?: any;
+} & Pick<VizorEventHandlers, 'onannotationclick'> & Record<string, any>;
+/**
+ * Svelte wrapper for <vz-annotation>.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { VzVideo, VzAnnotation } from '@vizor-vr/svelte';
+ * </script>
+ *
+ * <VzVideo src="video.mp4" format="MONO_360">
+ *   <VzAnnotation
+ *     lat={45}
+ *     lon={-90}
+ *     title="Look here"
+ *     icon="info"
+ *     timeStart={5}
+ *     timeEnd={15}
+ *   >
+ *     <p>Popup content</p>
+ *   </VzAnnotation>
+ * </VzVideo>
+ * ```
+ */
+declare const VzAnnotation: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+}, "">;
+type VzAnnotation = ReturnType<typeof VzAnnotation>;
+export default VzAnnotation;
+//# sourceMappingURL=VzAnnotation.svelte.d.ts.map

package/dist/VzAnnotation.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VzAnnotation.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzAnnotation.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,gBAAgB,GAAI;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,IAAI,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAuC1E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,YAAY;;MAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/VzCaption.svelte

@@ -0,0 +1,44 @@
+<!--
+  @component
+  Svelte wrapper for caption <track> elements.
+
+  @example
+  ```svelte
+  <script>
+    import { VzVideo, VzCaption } from '@vizor-vr/svelte';
+  </script>
+
+  <VzVideo src="video.mp4" format="MONO_360">
+    <VzCaption src="subs-en.vtt" srclang="en" label="English" default />
+    <VzCaption src="subs-fr.vtt" srclang="fr" label="French" />
+  </VzVideo>
+  ```
+-->
+<script lang="ts">
+  let {
+    src,
+    srclang,
+    label = undefined,
+    default: isDefault = undefined,
+    ...restProps
+  }: {
+    src: string;
+    srclang: string;
+    label?: string;
+    default?: boolean;
+  } & Record<string, any> = $props();
+
+  let el: HTMLTrackElement | undefined = $state();
+
+  export function getElement() { return el; }
+</script>
+
+<track
+  bind:this={el}
+  {src}
+  srclang={srclang}
+  {label}
+  default={isDefault}
+  kind="subtitles"
+  {...restProps}
+/>

package/dist/VzCaption.svelte.d.ts

@@ -0,0 +1,27 @@
+type $$ComponentProps = {
+    src: string;
+    srclang: string;
+    label?: string;
+    default?: boolean;
+} & Record<string, any>;
+/**
+ * Svelte wrapper for caption <track> elements.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { VzVideo, VzCaption } from '@vizor-vr/svelte';
+ * </script>
+ *
+ * <VzVideo src="video.mp4" format="MONO_360">
+ *   <VzCaption src="subs-en.vtt" srclang="en" label="English" default />
+ *   <VzCaption src="subs-fr.vtt" srclang="fr" label="French" />
+ * </VzVideo>
+ * ```
+ */
+declare const VzCaption: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLTrackElement | undefined;
+}, "">;
+type VzCaption = ReturnType<typeof VzCaption>;
+export default VzCaption;
+//# sourceMappingURL=VzCaption.svelte.d.ts.map

package/dist/VzCaption.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VzCaption.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzCaption.svelte.ts"],"names":[],"mappings":"AAGC,KAAK,gBAAgB,GAAI;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAoB1B;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS;;MAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/VzCinema.svelte

@@ -0,0 +1,119 @@
+<!--
+  @component
+  Svelte wrapper for <vz-cinema>.
+-->
+<script lang="ts">
+  import { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+
+  let {
+    src = undefined,
+    format = undefined,
+    title = undefined,
+    poster = undefined,
+    loop = false,
+    muted = false,
+    preload = undefined,
+    apiKey = undefined,
+    licenseKey = undefined,
+    apiEndpoint = undefined,
+    contentId = undefined,
+    controlsBehavior = undefined,
+    hideControls = false,
+    primaryColor = undefined,
+    collabServer = undefined,
+    collabRoom = undefined,
+    collabRole = undefined,
+    collabUserId = undefined,
+    collabDisplayName = undefined,
+    collabPassword = undefined,
+    style = undefined,
+    class: className = undefined,
+    children,
+    onready = undefined,
+    onplay = undefined,
+    onpause = undefined,
+    onended = undefined,
+    ontimeupdate = undefined,
+    onerror = undefined,
+    onqualitychange = undefined,
+    onfullscreenenter = undefined,
+    onfullscreenexit = undefined,
+    onxrsessionstart = undefined,
+    onxrsessionend = undefined,
+    onannotationclick = undefined,
+    onorientationchange = undefined,
+    onlicensevalidated = undefined,
+    oncaptionchange = undefined,
+    ...restProps
+  }: {
+    src?: string;
+    format?: string;
+    title?: string;
+    poster?: string;
+    loop?: boolean;
+    muted?: boolean;
+    preload?: 'auto' | 'metadata' | 'none';
+    apiKey?: string;
+    licenseKey?: string;
+    apiEndpoint?: string;
+    contentId?: string;
+    controlsBehavior?: 'autohide' | 'always' | 'minimal';
+    hideControls?: boolean;
+    primaryColor?: string;
+    collabServer?: string;
+    collabRoom?: string;
+    collabRole?: 'host' | 'viewer';
+    collabUserId?: string;
+    collabDisplayName?: string;
+    collabPassword?: string;
+    style?: string;
+    class?: string;
+    children?: any;
+  } & VizorEventHandlers & Record<string, any> = $props();
+
+  let el: HTMLElement | undefined = $state();
+
+  const eventHandlers: VizorEventHandlers = $derived({
+    onready, onplay, onpause, onended, ontimeupdate,
+    onerror, onqualitychange, onfullscreenenter, onfullscreenexit,
+    onxrsessionstart, onxrsessionend, onannotationclick,
+    onorientationchange, onlicensevalidated, oncaptionchange,
+  });
+
+  export function getElement() { return el; }
+  export function play() { (el as any)?.play?.(); }
+  export function pause() { (el as any)?.pause?.(); }
+  export function seek(time: number) { (el as any)?.seek?.(time); }
+</script>
+
+<vz-cinema
+  bind:this={el}
+  use:vizorEvents={eventHandlers}
+  {src}
+  {format}
+  {title}
+  {poster}
+  loop={loop || undefined}
+  muted={muted || undefined}
+  {preload}
+  api-key={apiKey}
+  license-key={licenseKey}
+  api-endpoint={apiEndpoint}
+  content-id={contentId}
+  controls-behavior={controlsBehavior}
+  hide-controls={hideControls || undefined}
+  primary-color={primaryColor}
+  collab-server={collabServer}
+  collab-room={collabRoom}
+  collab-role={collabRole}
+  collab-user-id={collabUserId}
+  collab-display-name={collabDisplayName}
+  collab-password={collabPassword}
+  {style}
+  class={className}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {/if}
+</vz-cinema>

package/dist/VzCinema.svelte.d.ts

@@ -0,0 +1,36 @@
+import { type VizorEventHandlers } from './vizor-action.js';
+type $$ComponentProps = {
+    src?: string;
+    format?: string;
+    title?: string;
+    poster?: string;
+    loop?: boolean;
+    muted?: boolean;
+    preload?: 'auto' | 'metadata' | 'none';
+    apiKey?: string;
+    licenseKey?: string;
+    apiEndpoint?: string;
+    contentId?: string;
+    controlsBehavior?: 'autohide' | 'always' | 'minimal';
+    hideControls?: boolean;
+    primaryColor?: string;
+    collabServer?: string;
+    collabRoom?: string;
+    collabRole?: 'host' | 'viewer';
+    collabUserId?: string;
+    collabDisplayName?: string;
+    collabPassword?: string;
+    style?: string;
+    class?: string;
+    children?: any;
+} & VizorEventHandlers & Record<string, any>;
+/** Svelte wrapper for <vz-cinema>. */
+declare const VzCinema: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+    play: () => void;
+    pause: () => void;
+    seek: (time: number) => void;
+}, "">;
+type VzCinema = ReturnType<typeof VzCinema>;
+export default VzCinema;
+//# sourceMappingURL=VzCinema.svelte.d.ts.map

package/dist/VzCinema.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VzCinema.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzCinema.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,gBAAgB,GAAI;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAsE/C,sCAAsC;AACtC,QAAA,MAAM,QAAQ;;;;iBAbS,MAAM;MAayB,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/VzImg.svelte

@@ -0,0 +1,101 @@
+<!--
+  @component
+  Svelte wrapper for <vz-img>.
+-->
+<script lang="ts">
+  import { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+
+  let {
+    src = undefined,
+    format = undefined,
+    title = undefined,
+    poster = undefined,
+    apiKey = undefined,
+    licenseKey = undefined,
+    apiEndpoint = undefined,
+    contentId = undefined,
+    controlsBehavior = undefined,
+    hideControls = false,
+    primaryColor = undefined,
+    collabServer = undefined,
+    collabRoom = undefined,
+    collabRole = undefined,
+    collabUserId = undefined,
+    collabDisplayName = undefined,
+    collabPassword = undefined,
+    style = undefined,
+    class: className = undefined,
+    onready = undefined,
+    onplay = undefined,
+    onpause = undefined,
+    onended = undefined,
+    ontimeupdate = undefined,
+    onerror = undefined,
+    onqualitychange = undefined,
+    onfullscreenenter = undefined,
+    onfullscreenexit = undefined,
+    onxrsessionstart = undefined,
+    onxrsessionend = undefined,
+    onannotationclick = undefined,
+    onorientationchange = undefined,
+    onlicensevalidated = undefined,
+    oncaptionchange = undefined,
+    ...restProps
+  }: {
+    src?: string;
+    format?: string;
+    title?: string;
+    poster?: string;
+    apiKey?: string;
+    licenseKey?: string;
+    apiEndpoint?: string;
+    contentId?: string;
+    controlsBehavior?: 'autohide' | 'always' | 'minimal';
+    hideControls?: boolean;
+    primaryColor?: string;
+    collabServer?: string;
+    collabRoom?: string;
+    collabRole?: 'host' | 'viewer';
+    collabUserId?: string;
+    collabDisplayName?: string;
+    collabPassword?: string;
+    style?: string;
+    class?: string;
+  } & VizorEventHandlers & Record<string, any> = $props();
+
+  let el: HTMLElement | undefined = $state();
+
+  const eventHandlers: VizorEventHandlers = $derived({
+    onready, onplay, onpause, onended, ontimeupdate,
+    onerror, onqualitychange, onfullscreenenter, onfullscreenexit,
+    onxrsessionstart, onxrsessionend, onannotationclick,
+    onorientationchange, onlicensevalidated, oncaptionchange,
+  });
+
+  export function getElement() { return el; }
+</script>
+
+<vz-img
+  bind:this={el}
+  use:vizorEvents={eventHandlers}
+  {src}
+  {format}
+  {title}
+  {poster}
+  api-key={apiKey}
+  license-key={licenseKey}
+  api-endpoint={apiEndpoint}
+  content-id={contentId}
+  controls-behavior={controlsBehavior}
+  hide-controls={hideControls || undefined}
+  primary-color={primaryColor}
+  collab-server={collabServer}
+  collab-room={collabRoom}
+  collab-role={collabRole}
+  collab-user-id={collabUserId}
+  collab-display-name={collabDisplayName}
+  collab-password={collabPassword}
+  {style}
+  class={className}
+  {...restProps}
+/>

package/dist/VzImg.svelte.d.ts

@@ -0,0 +1,29 @@
+import { type VizorEventHandlers } from './vizor-action.js';
+type $$ComponentProps = {
+    src?: string;
+    format?: string;
+    title?: string;
+    poster?: string;
+    apiKey?: string;
+    licenseKey?: string;
+    apiEndpoint?: string;
+    contentId?: string;
+    controlsBehavior?: 'autohide' | 'always' | 'minimal';
+    hideControls?: boolean;
+    primaryColor?: string;
+    collabServer?: string;
+    collabRoom?: string;
+    collabRole?: 'host' | 'viewer';
+    collabUserId?: string;
+    collabDisplayName?: string;
+    collabPassword?: string;
+    style?: string;
+    class?: string;
+} & VizorEventHandlers & Record<string, any>;
+/** Svelte wrapper for <vz-img>. */
+declare const VzImg: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+}, "">;
+type VzImg = ReturnType<typeof VzImg>;
+export default VzImg;
+//# sourceMappingURL=VzImg.svelte.d.ts.map

package/dist/VzImg.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VzImg.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzImg.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,gBAAgB,GAAI;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AA2D/C,mCAAmC;AACnC,QAAA,MAAM,KAAK;;MAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/VzLive.svelte

@@ -0,0 +1,119 @@
+<!--
+  @component
+  Svelte wrapper for <vz-live>.
+-->
+<script lang="ts">
+  import { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+
+  let {
+    src = undefined,
+    format = undefined,
+    title = undefined,
+    poster = undefined,
+    loop = false,
+    muted = false,
+    preload = undefined,
+    apiKey = undefined,
+    licenseKey = undefined,
+    apiEndpoint = undefined,
+    contentId = undefined,
+    controlsBehavior = undefined,
+    hideControls = false,
+    primaryColor = undefined,
+    collabServer = undefined,
+    collabRoom = undefined,
+    collabRole = undefined,
+    collabUserId = undefined,
+    collabDisplayName = undefined,
+    collabPassword = undefined,
+    style = undefined,
+    class: className = undefined,
+    children,
+    onready = undefined,
+    onplay = undefined,
+    onpause = undefined,
+    onended = undefined,
+    ontimeupdate = undefined,
+    onerror = undefined,
+    onqualitychange = undefined,
+    onfullscreenenter = undefined,
+    onfullscreenexit = undefined,
+    onxrsessionstart = undefined,
+    onxrsessionend = undefined,
+    onannotationclick = undefined,
+    onorientationchange = undefined,
+    onlicensevalidated = undefined,
+    oncaptionchange = undefined,
+    ...restProps
+  }: {
+    src?: string;
+    format?: string;
+    title?: string;
+    poster?: string;
+    loop?: boolean;
+    muted?: boolean;
+    preload?: 'auto' | 'metadata' | 'none';
+    apiKey?: string;
+    licenseKey?: string;
+    apiEndpoint?: string;
+    contentId?: string;
+    controlsBehavior?: 'autohide' | 'always' | 'minimal';
+    hideControls?: boolean;
+    primaryColor?: string;
+    collabServer?: string;
+    collabRoom?: string;
+    collabRole?: 'host' | 'viewer';
+    collabUserId?: string;
+    collabDisplayName?: string;
+    collabPassword?: string;
+    style?: string;
+    class?: string;
+    children?: any;
+  } & VizorEventHandlers & Record<string, any> = $props();
+
+  let el: HTMLElement | undefined = $state();
+
+  const eventHandlers: VizorEventHandlers = $derived({
+    onready, onplay, onpause, onended, ontimeupdate,
+    onerror, onqualitychange, onfullscreenenter, onfullscreenexit,
+    onxrsessionstart, onxrsessionend, onannotationclick,
+    onorientationchange, onlicensevalidated, oncaptionchange,
+  });
+
+  export function getElement() { return el; }
+  export function play() { (el as any)?.play?.(); }
+  export function pause() { (el as any)?.pause?.(); }
+  export function seekToLive() { (el as any)?.seekToLiveEdge?.(); }
+</script>
+
+<vz-live
+  bind:this={el}
+  use:vizorEvents={eventHandlers}
+  {src}
+  {format}
+  {title}
+  {poster}
+  loop={loop || undefined}
+  muted={muted || undefined}
+  {preload}
+  api-key={apiKey}
+  license-key={licenseKey}
+  api-endpoint={apiEndpoint}
+  content-id={contentId}
+  controls-behavior={controlsBehavior}
+  hide-controls={hideControls || undefined}
+  primary-color={primaryColor}
+  collab-server={collabServer}
+  collab-room={collabRoom}
+  collab-role={collabRole}
+  collab-user-id={collabUserId}
+  collab-display-name={collabDisplayName}
+  collab-password={collabPassword}
+  {style}
+  class={className}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {/if}
+</vz-live>