@vizor-vr/svelte 0.2.0

package/dist/VzLive.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-live>. */
+declare const VzLive: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+    play: () => void;
+    pause: () => void;
+    seekToLive: () => void;
+}, "">;
+type VzLive = ReturnType<typeof VzLive>;
+export default VzLive;
+//# sourceMappingURL=VzLive.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VzLive.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzLive.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,oCAAoC;AACpC,QAAA,MAAM,MAAM;;;;;MAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/VzPlaylist.svelte

@@ -0,0 +1,87 @@
+<!--
+  @component
+  Svelte wrapper for <vz-playlist>.
+-->
+<script lang="ts">
+  import { onMount, onDestroy } from 'svelte';
+  import '@vizor-vr/player/register';
+  import { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+
+  let {
+    autoplay = false,
+    loopPlaylist = false,
+    panel = undefined,
+    style = undefined,
+    class: className = undefined,
+    children,
+    onplaylistchange = undefined,
+    onplaylistend = undefined,
+    // Vizor event handlers
+    onxrsessionstart = undefined,
+    onxrsessionend = undefined,
+    onannotationclick = undefined,
+    onorientationchange = undefined,
+    onlicensevalidated = undefined,
+    oncaptionchange = undefined,
+    ...restProps
+  }: {
+    autoplay?: boolean;
+    loopPlaylist?: boolean;
+    panel?: 'none' | 'expandable';
+    style?: string;
+    class?: string;
+    children?: any;
+    onplaylistchange?: (detail: { index: number; title: string; total: number }) => void;
+    onplaylistend?: () => void;
+  } & Pick<VizorEventHandlers, 'onxrsessionstart' | 'onxrsessionend' | 'onannotationclick' | 'onorientationchange' | 'onlicensevalidated' | 'oncaptionchange'> & Record<string, any> = $props();
+
+  let el: HTMLElement | undefined = $state();
+  const cleanups: Array<() => void> = [];
+
+  onMount(() => {
+    if (!el) return;
+
+    if (onplaylistchange) {
+      const handler = (e: Event) => {
+        if (e instanceof CustomEvent) onplaylistchange!(e.detail);
+      };
+      el.addEventListener('vz-playlist-change', handler);
+      cleanups.push(() => el!.removeEventListener('vz-playlist-change', handler));
+    }
+
+    if (onplaylistend) {
+      const handler = () => onplaylistend!();
+      el.addEventListener('vz-playlist-end', handler);
+      cleanups.push(() => el!.removeEventListener('vz-playlist-end', handler));
+    }
+  });
+
+  onDestroy(() => {
+    for (const cleanup of cleanups) cleanup();
+  });
+
+  const eventHandlers: VizorEventHandlers = $derived({
+    onxrsessionstart, onxrsessionend, onannotationclick,
+    onorientationchange, onlicensevalidated, oncaptionchange,
+  });
+
+  export function getElement() { return el; }
+  export function next() { (el as any)?.next?.(); }
+  export function previous() { (el as any)?.previous?.(); }
+  export function goTo(index: number) { (el as any)?.goTo?.(index); }
+</script>
+
+<vz-playlist
+  bind:this={el}
+  use:vizorEvents={eventHandlers}
+  autoplay={autoplay || undefined}
+  loop-playlist={loopPlaylist || undefined}
+  {panel}
+  {style}
+  class={className}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {/if}
+</vz-playlist>

package/dist/VzPlaylist.svelte.d.ts

@@ -0,0 +1,26 @@
+import '@vizor-vr/player/register';
+import { type VizorEventHandlers } from './vizor-action.js';
+type $$ComponentProps = {
+    autoplay?: boolean;
+    loopPlaylist?: boolean;
+    panel?: 'none' | 'expandable';
+    style?: string;
+    class?: string;
+    children?: any;
+    onplaylistchange?: (detail: {
+        index: number;
+        title: string;
+        total: number;
+    }) => void;
+    onplaylistend?: () => void;
+} & Pick<VizorEventHandlers, 'onxrsessionstart' | 'onxrsessionend' | 'onannotationclick' | 'onorientationchange' | 'onlicensevalidated' | 'oncaptionchange'> & Record<string, any>;
+/** Svelte wrapper for <vz-playlist>. */
+declare const VzPlaylist: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+    next: () => void;
+    previous: () => void;
+    goTo: (index: number) => void;
+}, "">;
+type VzPlaylist = ReturnType<typeof VzPlaylist>;
+export default VzPlaylist;
+//# sourceMappingURL=VzPlaylist.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VzPlaylist.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzPlaylist.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,gBAAgB,GAAI;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,IAAI,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,oBAAoB,GAAG,iBAAiB,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAsErL,wCAAwC;AACxC,QAAA,MAAM,UAAU;;;;kBAbQ,MAAM;MAa0B,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/VzTour.svelte

@@ -0,0 +1,83 @@
+<!--
+  @component
+  Svelte wrapper for <vz-tour>.
+-->
+<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,
+    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;
+    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-tour
+  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}
+  {style}
+  class={className}
+  {...restProps}
+/>

package/dist/VzTour.svelte.d.ts

@@ -0,0 +1,23 @@
+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;
+    style?: string;
+    class?: string;
+} & VizorEventHandlers & Record<string, any>;
+/** Svelte wrapper for <vz-tour>. */
+declare const VzTour: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+}, "">;
+type VzTour = ReturnType<typeof VzTour>;
+export default VzTour;
+//# sourceMappingURL=VzTour.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VzTour.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzTour.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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAqD/C,oCAAoC;AACpC,QAAA,MAAM,MAAM;;MAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/VzVideo.svelte

@@ -0,0 +1,135 @@
+<!--
+  @component
+  Svelte wrapper for <vz-video>.
+
+  @example
+  ```svelte
+  <script>
+    import { VzVideo } from '@vizor-vr/svelte';
+  </script>
+
+  <VzVideo
+    src="video.mp4"
+    format="MONO_360"
+    style="width: 100%; aspect-ratio: 16/9"
+    onready={() => console.log('ready')}
+  />
+  ```
+-->
+<script lang="ts">
+  import { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+
+  /* ---- Props ---- */
+  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,
+    // Event handlers
+    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-video
+  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-video>

package/dist/VzVideo.svelte.d.ts

@@ -0,0 +1,52 @@
+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-video>.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { VzVideo } from '@vizor-vr/svelte';
+ * </script>
+ *
+ * <VzVideo
+ *   src="video.mp4"
+ *   format="MONO_360"
+ *   style="width: 100%; aspect-ratio: 16/9"
+ *   onready={() => console.log('ready')}
+ * />
+ * ```
+ */
+declare const VzVideo: import("svelte").Component<$$ComponentProps, {
+    getElement: () => HTMLElement | undefined;
+    play: () => void;
+    pause: () => void;
+    seek: (time: number) => void;
+}, "">;
+type VzVideo = ReturnType<typeof VzVideo>;
+export default VzVideo;
+//# sourceMappingURL=VzVideo.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VzVideo.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VzVideo.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;AAwE/C;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,OAAO;;;;iBA7BU,MAAM;MA6BwB,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @vizor-vr/svelte — Svelte wrappers for the Vizor VR Player
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { VzVideo } from '@vizor-vr/svelte';
+ * </script>
+ *
+ * <VzVideo
+ *   src="video.mp4"
+ *   format="MONO_360"
+ *   style="width: 100%; aspect-ratio: 16/9"
+ *   onready={() => console.log('ready')}
+ * />
+ * ```
+ */
+export { default as VzVideo } from './VzVideo.svelte';
+export { default as VzImg } from './VzImg.svelte';
+export { default as VzTour } from './VzTour.svelte';
+export { default as VzCinema } from './VzCinema.svelte';
+export { default as VzLive } from './VzLive.svelte';
+export { default as VzPlaylist } from './VzPlaylist.svelte';
+export { default as VzAnnotation } from './VzAnnotation.svelte';
+export { default as VzCaption } from './VzCaption.svelte';
+export { vizorEvents, type VizorEventHandlers } from './vizor-action.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,27 @@
+/**
+ * @vizor-vr/svelte — Svelte wrappers for the Vizor VR Player
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { VzVideo } from '@vizor-vr/svelte';
+ * </script>
+ *
+ * <VzVideo
+ *   src="video.mp4"
+ *   format="MONO_360"
+ *   style="width: 100%; aspect-ratio: 16/9"
+ *   onready={() => console.log('ready')}
+ * />
+ * ```
+ */
+export { default as VzVideo } from './VzVideo.svelte';
+export { default as VzImg } from './VzImg.svelte';
+export { default as VzTour } from './VzTour.svelte';
+export { default as VzCinema } from './VzCinema.svelte';
+export { default as VzLive } from './VzLive.svelte';
+export { default as VzPlaylist } from './VzPlaylist.svelte';
+export { default as VzAnnotation } from './VzAnnotation.svelte';
+export { default as VzCaption } from './VzCaption.svelte';
+// Action (advanced usage)
+export { vizorEvents } from './vizor-action.js';

package/dist/vizor-action.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Svelte action that attaches Vizor DOM event listeners to an element
+ * and dispatches them as Svelte component events.
+ */
+import '@vizor-vr/player/register';
+export type VizorEventHandlers = {
+    onready?: () => void;
+    onplay?: () => void;
+    onpause?: () => void;
+    onended?: () => void;
+    ontimeupdate?: (e: Event) => void;
+    onerror?: (detail: {
+        code: string;
+        message: string;
+    }) => void;
+    onqualitychange?: (detail: {
+        quality: string;
+        auto: boolean;
+    }) => void;
+    onfullscreenenter?: () => void;
+    onfullscreenexit?: () => void;
+    onxrsessionstart?: () => void;
+    onxrsessionend?: () => void;
+    onannotationclick?: (detail: {
+        id: string;
+        lat: number;
+        lon: number;
+    }) => void;
+    onorientationchange?: (detail: {
+        lat: number;
+        lon: number;
+    }) => void;
+    onlicensevalidated?: (detail: {
+        tier: string;
+        valid: boolean;
+    }) => void;
+    oncaptionchange?: (detail: {
+        lang: string;
+        label: string;
+    }) => void;
+};
+/**
+ * Svelte action for attaching Vizor event listeners.
+ *
+ * Usage:
+ * ```svelte
+ * <vz-video use:vizorEvents={{ onready, onplay }} />
+ * ```
+ */
+export declare function vizorEvents(node: HTMLElement, handlers: VizorEventHandlers): {
+    update(newHandlers: VizorEventHandlers): void;
+    destroy(): void;
+};
+//# sourceMappingURL=vizor-action.d.ts.map

package/dist/vizor-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vizor-action.d.ts","sourceRoot":"","sources":["../src/lib/vizor-action.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,2BAA2B,CAAC;AAyBnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB;wBAgCnD,kBAAkB;;EAOzC"}

package/dist/vizor-action.js

@@ -0,0 +1,67 @@
+/**
+ * Svelte action that attaches Vizor DOM event listeners to an element
+ * and dispatches them as Svelte component events.
+ */
+// '/register' performs the side-effect element registration (the bare entry
+// does not). SSR-safe: registration no-ops when there is no DOM.
+import '@vizor-vr/player/register';
+const EVENT_MAP = {
+    ready: { dom: 'vz-ready' },
+    play: { dom: 'play' },
+    pause: { dom: 'pause' },
+    ended: { dom: 'ended' },
+    timeupdate: { dom: 'timeupdate' },
+    error: { dom: 'vz-error', hasDetail: true },
+    qualitychange: { dom: 'vz-quality-change', hasDetail: true },
+    fullscreenenter: { dom: 'vz-fullscreen-enter' },
+    fullscreenexit: { dom: 'vz-fullscreen-exit' },
+    xrsessionstart: { dom: 'vz-xr-session-start' },
+    xrsessionend: { dom: 'vz-xr-session-end' },
+    annotationclick: { dom: 'vz-annotation-click', hasDetail: true },
+    orientationchange: { dom: 'vz-orientation-change', hasDetail: true },
+    licensevalidated: { dom: 'vz-license-validated', hasDetail: true },
+    captionchange: { dom: 'vz-caption-change', hasDetail: true },
+};
+/**
+ * Svelte action for attaching Vizor event listeners.
+ *
+ * Usage:
+ * ```svelte
+ * <vz-video use:vizorEvents={{ onready, onplay }} />
+ * ```
+ */
+export function vizorEvents(node, handlers) {
+    const cleanups = [];
+    function attach(h) {
+        detach();
+        for (const [name, { dom, hasDetail }] of Object.entries(EVENT_MAP)) {
+            const handler = h[`on${name}`];
+            if (!handler)
+                continue;
+            const listener = (e) => {
+                if (hasDetail && e instanceof CustomEvent) {
+                    handler(e.detail);
+                }
+                else {
+                    handler(e);
+                }
+            };
+            node.addEventListener(dom, listener);
+            cleanups.push(() => node.removeEventListener(dom, listener));
+        }
+    }
+    function detach() {
+        for (const cleanup of cleanups)
+            cleanup();
+        cleanups.length = 0;
+    }
+    attach(handlers);
+    return {
+        update(newHandlers) {
+            attach(newHandlers);
+        },
+        destroy() {
+            detach();
+        },
+    };
+}