mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
26 lines
511 B
Svelte
26 lines
511 B
Svelte
|
<script lang="ts">
|
||
|
|
import { Viewer } from '@photo-sphere-viewer/core';
|
||
|
|
import '@photo-sphere-viewer/core/index.css';
|
||
|
|
import { onDestroy, onMount } from 'svelte';
|
||
|
|
|
||
|
|
export let panorama: string;
|
||
|
|
let container: HTMLDivElement;
|
||
|
|
let viewer: Viewer;
|
||
|
|
|
||
|
|
onMount(() => {
|
||
|
|
viewer = new Viewer({
|
||
|
|
container,
|
||
|
|
panorama,
|
||
|
|
navbar: false,
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
onDestroy(() => {
|
||
|
|
if (viewer) {
|
||
|
|
viewer.destroy();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div class="h-full w-full mb-0" bind:this={container} />
|