fundus 0.11.0 → 0.11.1

package/dist/runtime/components/SliceCanvas.svelte

@@ -13,25 +13,28 @@
 	canvas is enlarged by the overdraw's destination size and offset negatively
 	(see `computeCanvasPaintLayout`), so the baked shadow/glow paints outside
 	the layout box while the wrapper (and therefore the layout) keeps the box
-	size — exactly where the DOM backend positions its overdraw cells.
+	size — exactly where the DOM backend positions its border-image paint.
 -->
 <script lang="ts">
-	import type { SliceManifestEntry } from '../../core/index.js';
-	import { computeCanvasPaintLayout, computeRenderCells } from '../geometry.js';
+	import {
+		computeCanvasPaintLayout,
+		computeRenderCells,
+		type CanvasPaintLayout
+	} from '../geometry.js';
 	import { observeBorderBoxSize } from '../observe-border-box-size.js';
+	import type { LoadedSliceSnapshot } from '../slice-source-lifecycle.js';
 
 	interface Props {
-		src: SliceManifestEntry;
+		snapshot: LoadedSliceSnapshot | null;
 		/** Accessible label for the rendered graphic. */
 		alt?: string;
 		class?: string;
 	}
 
-	let { src, alt = '', class: className = '' }: Props = $props();
+	let { snapshot, alt = '', class: className = '' }: Props = $props();
 
 	let root = $state<HTMLDivElement>();
 	let canvas = $state<HTMLCanvasElement>();
-	let image = $state<HTMLImageElement>();
 	let boxWidth = $state(0);
 	let boxHeight = $state(0);
 	let devicePixelRatio = $state(1);
@@ -39,23 +42,6 @@
 	// box nor the entry changed (belt and braces alongside the ResizeObserver).
 	let redrawTick = $state(0);
 
-	// Load the source image once per entry `src` — the same plain URL the DOM
-	// backend paints (slices are image-backed: the browser cache owns the bytes,
-	// preload retains nothing to resolve).
-	$effect(() => {
-		const sourceUrl = src.src;
-		const next = new Image();
-		let cancelled = false;
-		next.onload = () => {
-			if (!cancelled) image = next;
-		};
-		next.src = sourceUrl;
-		return () => {
-			cancelled = true;
-			next.onload = null;
-		};
-	});
-
 	// Track the display's devicePixelRatio: a resolution media query fires
 	// exactly when the DPR leaves the tracked value (browser zoom, moving the
 	// window to another display). The tracked state must be READ first — a
@@ -83,40 +69,65 @@
 		});
 	});
 
-	const layout = $derived(computeCanvasPaintLayout(src, boxWidth, boxHeight, devicePixelRatio));
+	const emptyLayout: CanvasPaintLayout = {
+		cssLeft: 0,
+		cssTop: 0,
+		cssWidth: 0,
+		cssHeight: 0,
+		backingWidth: 0,
+		backingHeight: 0,
+		originX: 0,
+		originY: 0
+	};
+	const layout = $derived.by(() => {
+		const current = snapshot;
+		return current
+			? computeCanvasPaintLayout(current.entry, boxWidth, boxHeight, devicePixelRatio)
+			: emptyLayout;
+	});
 
-	// Redraw when the box size, image, entry, DPR, or window changes.
+	// Redraw only when a committed snapshot, the box, DPR, or window changes.
 	$effect(() => {
-		void image;
-		void src;
-		void layout;
+		const current = snapshot;
+		const currentLayout = layout;
 		void redrawTick;
-		draw();
+		draw(current, currentLayout);
 	});
 
-	function draw(): void {
+	function draw(current: LoadedSliceSnapshot | null, currentLayout: CanvasPaintLayout): void {
 		const element = canvas;
-		const source = image;
-		if (!element || !source) return;
-		if (boxWidth === 0 || boxHeight === 0) {
+		if (!element) return;
+		if (!current || boxWidth === 0 || boxHeight === 0) {
 			element.width = 0;
 			element.height = 0;
 			return;
 		}
 
-		element.width = layout.backingWidth;
-		element.height = layout.backingHeight;
+		element.width = currentLayout.backingWidth;
+		element.height = currentLayout.backingHeight;
 
 		const context = element.getContext('2d');
 		if (!context) return;
 		// Origin at the layout box's top-left, so the (possibly negative) cell
 		// coordinates from computeRenderCells apply directly.
-		context.setTransform(devicePixelRatio, 0, 0, devicePixelRatio, layout.originX, layout.originY);
-		context.clearRect(layout.cssLeft, layout.cssTop, layout.cssWidth, layout.cssHeight);
-
-		for (const cell of computeRenderCells(src, boxWidth, boxHeight)) {
+		context.setTransform(
+			devicePixelRatio,
+			0,
+			0,
+			devicePixelRatio,
+			currentLayout.originX,
+			currentLayout.originY
+		);
+		context.clearRect(
+			currentLayout.cssLeft,
+			currentLayout.cssTop,
+			currentLayout.cssWidth,
+			currentLayout.cssHeight
+		);
+
+		for (const cell of computeRenderCells(current.entry, boxWidth, boxHeight)) {
 			context.drawImage(
-				source,
+				current.image,
 				cell.sx,
 				cell.sy,
 				cell.sw,

package/dist/runtime/components/SliceCanvas.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { SliceManifestEntry } from '../../core/index.js';
+import type { LoadedSliceSnapshot } from '../slice-source-lifecycle.js';
 interface Props {
-    src: SliceManifestEntry;
+    snapshot: LoadedSliceSnapshot | null;
     /** Accessible label for the rendered graphic. */
     alt?: string;
     class?: string;

package/dist/runtime/components/SliceDom.svelte

@@ -5,33 +5,96 @@
 	in the entry. Private: hosts render `Slice.svelte`, which dispatches between
 	this and the canvas backend.
 
-	Fills its container and measures it (ResizeObserver), then paints one cell per
-	slice region as an absolutely-positioned window onto the source image: a full
-	copy of the image is scaled and offset (percentages relative to the cell) so
-	the cell shows exactly its source region. Cells abut on integer pixels; corners
-	/ caps keep their aspect ratio (no distortion), the stretch bands fill the rest.
-	With overdraw the cells extend past the container (negative offsets), so the
-	root switches to overflow: visible and the baked shadow/glow draws outside the
-	layout box.
+	Fills its container and measures it (ResizeObserver), then paints the complete
+	slice through one CSS border-image. The browser still stretches the same source
+	regions computed by `computeRenderCells`, but rasterizes them as one border
+	image instead of separate clipped elements. Shared slice edges therefore cannot
+	expose the background under fractional transforms.
+	With overdraw the paint element extends past the container (negative offsets),
+	so the root switches to overflow: visible and the baked shadow/glow draws
+	outside the layout box.
 -->
 <script lang="ts">
-	import type { SliceManifestEntry } from '../../core/index.js';
-	import { computeRenderCells, effectiveOverdraw } from '../geometry.js';
+	import type { SliceInsets, SliceManifestEntry } from '../../core/index.js';
+	import { computeRenderCells, effectiveInsets, effectiveOverdraw } from '../geometry.js';
 	import { observeBorderBoxSize } from '../observe-border-box-size.js';
+	import type { LoadedSliceSnapshot } from '../slice-source-lifecycle.js';
 
 	interface Props {
-		src: SliceManifestEntry;
+		snapshot: LoadedSliceSnapshot | null;
 		/** Accessible label for the rendered graphic. */
 		alt?: string;
 		class?: string;
 	}
 
-	let { src, alt = '', class: className = '' }: Props = $props();
+	let { snapshot, alt = '', class: className = '' }: Props = $props();
 
 	let root = $state<HTMLDivElement>();
 	let boxWidth = $state(0);
 	let boxHeight = $state(0);
 
+	interface BorderImagePaint {
+		left: number;
+		top: number;
+		width: number;
+		height: number;
+		slices: SliceInsets;
+		widths: SliceInsets;
+	}
+
+	function clamp(value: number, min: number, max: number): number {
+		return Math.max(min, Math.min(max, value));
+	}
+
+	function computeBorderImagePaint(
+		entry: SliceManifestEntry,
+		width: number,
+		height: number
+	): BorderImagePaint | null {
+		const cells = computeRenderCells(entry, width, height);
+		if (cells.length === 0) return null;
+
+		const effective = effectiveInsets(entry);
+		const leftSlice = clamp(effective.left, 0, entry.sourceWidth);
+		const rightSlice = clamp(effective.right, 0, entry.sourceWidth - leftSlice);
+		const topSlice = clamp(effective.top, 0, entry.sourceHeight);
+		const bottomSlice = clamp(effective.bottom, 0, entry.sourceHeight - topSlice);
+		const slices = {
+			top: topSlice,
+			right: rightSlice,
+			bottom: bottomSlice,
+			left: leftSlice
+		};
+		const left = Math.min(...cells.map((cell) => cell.dx));
+		const top = Math.min(...cells.map((cell) => cell.dy));
+		const right = Math.max(...cells.map((cell) => cell.dx + cell.dw));
+		const bottom = Math.max(...cells.map((cell) => cell.dy + cell.dh));
+
+		return {
+			left,
+			top,
+			width: right - left,
+			height: bottom - top,
+			slices,
+			widths: {
+				top: cells.find((cell) => topSlice > 0 && cell.sy === 0 && cell.sh === topSlice)?.dh ?? 0,
+				right:
+					cells.find(
+						(cell) =>
+							rightSlice > 0 && cell.sx === entry.sourceWidth - rightSlice && cell.sw === rightSlice
+					)?.dw ?? 0,
+				bottom:
+					cells.find(
+						(cell) =>
+							bottomSlice > 0 &&
+							cell.sy === entry.sourceHeight - bottomSlice &&
+							cell.sh === bottomSlice
+					)?.dh ?? 0,
+				left: cells.find((cell) => leftSlice > 0 && cell.sx === 0 && cell.sw === leftSlice)?.dw ?? 0
+			}
+		};
+	}
+
 	$effect(() => {
 		const element = root;
 		if (!element) return;
@@ -41,9 +104,11 @@
 		});
 	});
 
-	const cells = $derived(computeRenderCells(src, boxWidth, boxHeight));
+	const entry = $derived(snapshot?.entry ?? null);
+	const paint = $derived(entry ? computeBorderImagePaint(entry, boxWidth, boxHeight) : null);
 	const hasOverdraw = $derived.by(() => {
-		const overdraw = effectiveOverdraw(src);
+		if (!entry) return false;
+		const overdraw = effectiveOverdraw(entry);
 		return overdraw.top > 0 || overdraw.right > 0 || overdraw.bottom > 0 || overdraw.left > 0;
 	});
 </script>
@@ -55,25 +120,18 @@
 	role={alt ? 'img' : undefined}
 	aria-label={alt || undefined}
 >
-	{#each cells as cell (cell.key)}
+	{#if entry && paint}
 		<div
-			class="fundus-slice__cell"
-			style:left="{cell.dx}px"
-			style:top="{cell.dy}px"
-			style:width="{cell.dw}px"
-			style:height="{cell.dh}px"
-		>
-			<img
-				src={src.src}
-				alt=""
-				draggable="false"
-				style:width="{(src.sourceWidth / cell.sw) * 100}%"
-				style:height="{(src.sourceHeight / cell.sh) * 100}%"
-				style:left="{(-cell.sx / cell.sw) * 100}%"
-				style:top="{(-cell.sy / cell.sh) * 100}%"
-			/>
-		</div>
-	{/each}
+			class="fundus-slice__paint"
+			style:left="{paint.left}px"
+			style:top="{paint.top}px"
+			style:width="{paint.width}px"
+			style:height="{paint.height}px"
+			style:border-image-source={`url(${JSON.stringify(entry.src)})`}
+			style:border-image-slice={`${paint.slices.top} ${paint.slices.right} ${paint.slices.bottom} ${paint.slices.left} fill`}
+			style:border-image-width={`${paint.widths.top}px ${paint.widths.right}px ${paint.widths.bottom}px ${paint.widths.left}px`}
+		></div>
+	{/if}
 </div>
 
 <style>
@@ -84,21 +142,17 @@
 		overflow: hidden;
 	}
 
-	/* Overdraw cells deliberately extend past the box — don't clip them. */
+	/* Overdraw deliberately extends the paint past the box — don't clip it. */
 	.fundus-slice--overdraw {
 		overflow: visible;
 	}
 
-	.fundus-slice__cell {
-		position: absolute;
-		overflow: hidden;
-	}
-
-	.fundus-slice__cell img {
+	.fundus-slice__paint {
 		position: absolute;
-		max-width: none;
-		max-height: none;
+		box-sizing: border-box;
+		border-width: 0;
+		border-style: solid;
+		border-image-repeat: stretch;
 		pointer-events: none;
-		user-select: none;
 	}
 </style>

package/dist/runtime/components/SliceDom.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { SliceManifestEntry } from '../../core/index.js';
+import type { LoadedSliceSnapshot } from '../slice-source-lifecycle.js';
 interface Props {
-    src: SliceManifestEntry;
+    snapshot: LoadedSliceSnapshot | null;
     /** Accessible label for the rendered graphic. */
     alt?: string;
     class?: string;

package/dist/runtime/slice-source-lifecycle.d.ts

@@ -0,0 +1,14 @@
+import type { SliceManifestEntry } from '../core/index.js';
+export interface LoadedSliceSnapshot {
+    entry: SliceManifestEntry;
+    image: HTMLImageElement;
+}
+export type SliceImageLoader = (url: string) => Promise<HTMLImageElement>;
+export declare function loadSliceImage(url: string): Promise<HTMLImageElement>;
+/** Coordinates requested slice entries with the last image-ready snapshot. */
+export declare class SliceSourceLifecycle {
+    #private;
+    constructor(commit: (snapshot: LoadedSliceSnapshot) => void, loadImage?: SliceImageLoader);
+    request(entry: SliceManifestEntry): void;
+    dispose(): void;
+}

package/dist/runtime/slice-source-lifecycle.js

@@ -0,0 +1,70 @@
+export function loadSliceImage(url) {
+    const image = new Image();
+    image.decoding = 'async';
+    image.src = url;
+    return image.decode().then(() => image);
+}
+/** Coordinates requested slice entries with the last image-ready snapshot. */
+export class SliceSourceLifecycle {
+    #loadImage;
+    #commit;
+    #requestedEntry = null;
+    #displayedSnapshot = null;
+    #inFlight = new Map();
+    #disposed = false;
+    constructor(commit, loadImage = loadSliceImage) {
+        this.#commit = commit;
+        this.#loadImage = loadImage;
+    }
+    request(entry) {
+        if (this.#disposed)
+            return;
+        this.#requestedEntry = entry;
+        const displayed = this.#displayedSnapshot;
+        if (displayed?.entry.src === entry.src) {
+            this.#commitSnapshot({ entry, image: displayed.image });
+            return;
+        }
+        if (this.#inFlight.has(entry.src))
+            return;
+        let promise;
+        try {
+            promise = Promise.resolve(this.#loadImage(entry.src));
+        }
+        catch (error) {
+            promise = Promise.reject(error);
+        }
+        const load = { promise };
+        this.#inFlight.set(entry.src, load);
+        void promise.then((image) => this.#settleSuccess(entry.src, load, image), () => this.#settleFailure(entry.src, load));
+    }
+    dispose() {
+        if (this.#disposed)
+            return;
+        this.#disposed = true;
+        this.#requestedEntry = null;
+        this.#displayedSnapshot = null;
+        this.#inFlight.clear();
+    }
+    #settleSuccess(url, load, image) {
+        if (this.#inFlight.get(url) !== load)
+            return;
+        this.#inFlight.delete(url);
+        if (this.#disposed)
+            return;
+        const requested = this.#requestedEntry;
+        if (!requested || requested.src !== url)
+            return;
+        this.#commitSnapshot({ entry: requested, image });
+    }
+    #settleFailure(url, load) {
+        if (this.#inFlight.get(url) === load)
+            this.#inFlight.delete(url);
+    }
+    #commitSnapshot(snapshot) {
+        if (this.#disposed)
+            return;
+        this.#displayedSnapshot = snapshot;
+        this.#commit(snapshot);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fundus",
-	"version": "0.11.0",
+	"version": "0.11.1",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -67,7 +67,10 @@
 		"@sveltejs/vite-plugin-svelte": "^7.1.2",
 		"@types/ffprobe-static": "^2.0.3",
 		"@types/node": "^24.13.3",
+		"@vitest/browser": "^3.2.7",
 		"fuse.js": "^7.4.2",
+		"happy-dom": "^20.11.0",
+		"playwright": "^1.61.1",
 		"prettier": "^3.8.3",
 		"prettier-plugin-svelte": "^4.1.0",
 		"publint": "^0.3.21",

package/build/client/_app/immutable/assets/LibraryContextMenu.BSnKt_Is.css

@@ -1 +0,0 @@
-.playback.svelte-nchstv{align-items:center;gap:6px;width:100%;display:flex}.btn.svelte-nchstv{background:var(--panel-raised);border-radius:var(--radius);width:28px;height:28px;color:var(--text);border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn.svelte-nchstv:hover:not(:disabled){border-color:var(--border)}.btn.svelte-nchstv:focus-visible{border-color:var(--accent);outline:none}.btn.svelte-nchstv:disabled{opacity:.4;cursor:not-allowed}.btn.active.svelte-nchstv{background:var(--accent-soft);color:var(--accent)}.btn.svelte-nchstv svg:where(.svelte-nchstv){width:16px;height:16px;display:block}.time.svelte-nchstv{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.volume-group.svelte-nchstv{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.range.svelte-nchstv{appearance:none;background:var(--panel-raised);cursor:pointer;border-radius:999px;height:4px}.range.scrub.svelte-nchstv{flex:1;min-width:0;margin:0 2px}.range.volume.svelte-nchstv{flex:none;width:72px}.range.svelte-nchstv:disabled{opacity:.4;cursor:not-allowed}.range.svelte-nchstv::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:50%;width:12px;height:12px}.range.svelte-nchstv::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:12px;height:12px}.range.svelte-nchstv:focus-visible{outline:none}.range.svelte-nchstv:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft)}.range.svelte-nchstv:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-soft)}.audio-waveform.svelte-1liihyn{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.wave.svelte-1liihyn{cursor:pointer;touch-action:none;flex:1;width:100%;min-height:0;display:block}.footer.svelte-1liihyn{flex:none;align-items:center;display:flex}.stage.svelte-1ww4cvx{border:1px solid var(--border);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.audio-frame.svelte-1ww4cvx{width:min(90%,480px);height:128px}p.svelte-1ww4cvx{color:var(--text-dim)}.scrub-number.svelte-nhap92{flex:1;min-width:0;display:flex;position:relative}.input.svelte-nhap92{width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:11px}.scrub-number.with-suffix.svelte-nhap92 .input:where(.svelte-nhap92){flex:none}.suffix.svelte-nhap92{color:var(--text-dim);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:none;margin-left:2px;font-size:11px}.scrub-number.right.svelte-nhap92 .input:where(.svelte-nhap92){text-align:right}.input.svelte-nhap92::-webkit-outer-spin-button{appearance:none;margin:0}.input.svelte-nhap92::-webkit-inner-spin-button{appearance:none;margin:0}.scrub-surface.svelte-nhap92{cursor:ew-resize;touch-action:none;position:absolute;inset:0}.number-field.svelte-368zap{flex-direction:column;gap:4px;min-width:0;display:flex}.caption.svelte-368zap{letter-spacing:.27px;color:#ffffffb2;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;line-height:14px}.number-input.svelte-368zap{border-radius:4px;align-items:center;gap:4px;min-width:0;height:24px;padding:0 6px 0 0;display:flex;position:relative;overflow:hidden}.number-input.svelte-368zap:focus-within{border-color:var(--accent)}.fill.svelte-368zap{pointer-events:none;z-index:0;background:#4a4a4a;height:100%;position:absolute;top:0;left:0}.icon-slot.svelte-368zap{z-index:1;width:24px;height:24px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex;position:relative}.number-input.svelte-368zap .scrub-number{z-index:1}h3.svelte-1ol624f{letter-spacing:0;text-transform:none;color:#fff;margin:0 0 10px;font-size:11px;font-weight:400}.select-field.svelte-bczi6w{flex-direction:column;gap:4px;min-width:0;display:flex}.caption.svelte-bczi6w{letter-spacing:.27px;color:#ffffffb2;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;line-height:14px}.select-input.svelte-bczi6w{border-radius:4px;align-items:center;gap:4px;min-width:0;height:24px;padding:0 6px 0 0;display:flex}.select-input.svelte-bczi6w:focus-within{border-color:var(--accent)}.icon-slot.svelte-bczi6w{width:24px;height:24px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}select.svelte-bczi6w{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:11px}section.svelte-m9vwwu{border-bottom:1px solid var(--border-soft);padding:12px}.hint.svelte-m9vwwu{color:var(--text-faint);margin:4px 0 0;font-size:11px}.info.svelte-m9vwwu{font-variant-numeric:tabular-nums;margin:0}.file.svelte-m9vwwu{color:var(--text-dim);word-break:break-all}section.svelte-1by8n8t{border-bottom:1px solid var(--border-soft);padding:12px}.field.svelte-1by8n8t{margin-bottom:8px}.fundus-slice.svelte-1820t2z{width:100%;height:100%;position:relative;overflow:hidden}.fundus-slice--overdraw.svelte-1820t2z{overflow:visible}.fundus-slice__cell.svelte-1820t2z{position:absolute;overflow:hidden}.fundus-slice__cell.svelte-1820t2z img:where(.svelte-1820t2z){pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.fundus-slice-canvas.svelte-xdsbrz{width:100%;height:100%;position:relative}canvas.svelte-xdsbrz{pointer-events:none;display:block;position:absolute}.fundus-chroma-key-video.svelte-r30mxh{width:100%;height:100%;position:relative}canvas.svelte-r30mxh,img.svelte-r30mxh{width:100%;height:100%;display:block}video.svelte-r30mxh{visibility:hidden;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage.svelte-10eps7e{border:1px solid var(--border);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.stage.svelte-10eps7e img{object-fit:contain;max-width:90%;max-height:90%}img.svelte-gdduef{object-fit:contain;max-width:100%;max-height:100%}section.svelte-1yd7n22{border-bottom:1px solid var(--border-soft);padding:12px}.modes.svelte-1yd7n22{flex-direction:column;gap:4px;display:flex}.modes.svelte-1yd7n22 button:where(.svelte-1yd7n22){text-align:left;background:var(--panel-raised);color:var(--text);border-radius:var(--radius);border:1px solid #0000;padding:6px 10px}.modes.svelte-1yd7n22 button:where(.svelte-1yd7n22):hover{border-color:var(--border)}.modes.svelte-1yd7n22 button.on:where(.svelte-1yd7n22){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.insets.svelte-1yd7n22{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.insets.single.svelte-1yd7n22{grid-template-columns:1fr}.preview-panel.svelte-1mjaycs{flex-direction:column;height:100%;min-height:0;display:flex}.bar.svelte-1mjaycs{flex:none;align-items:center;gap:10px;padding:8px 0;display:flex}.size.svelte-1mjaycs{color:var(--text-dim);font-variant-numeric:tabular-nums}.backends.svelte-1mjaycs{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);gap:2px;margin-left:auto;padding:2px;display:inline-flex}.backends.svelte-1mjaycs button:where(.svelte-1mjaycs){color:var(--text-dim);background:0 0;border:none;border-radius:4px;padding:2px 8px}.backends.svelte-1mjaycs button.on:where(.svelte-1mjaycs){background:var(--accent-soft);color:var(--accent);font-weight:600}.reset.svelte-1mjaycs{background:var(--panel-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 10px}.reset.svelte-1mjaycs:hover{border-color:var(--accent)}.stage.svelte-1mjaycs{border:1px solid var(--border);border-radius:var(--radius-large);flex:1;min-height:0;padding:24px;overflow:auto}.box.svelte-1mjaycs{position:relative;box-shadow:0 0 0 1px #ffffff1f}.box.svelte-1mjaycs .fill{position:absolute;inset:0}.handle.svelte-1mjaycs{touch-action:none;background:0 0;position:absolute}.handle.edge-right.svelte-1mjaycs{cursor:ew-resize;width:10px;height:100%;top:0;right:-4px}.handle.edge-bottom.svelte-1mjaycs{cursor:ns-resize;width:100%;height:10px;bottom:-4px;left:0}.handle.corner.svelte-1mjaycs{cursor:nwse-resize;background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 2px var(--canvas);border-radius:3px;bottom:-6px;right:-6px}.canvas.svelte-1jfrg6d{flex-direction:column;height:100%;min-height:0;display:flex}.toolbar.svelte-1jfrg6d{flex:none;align-items:center;gap:8px;padding:8px 0;display:flex}.toolbar.svelte-1jfrg6d button:where(.svelte-1jfrg6d){background:var(--panel-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 10px}.toolbar.svelte-1jfrg6d button:where(.svelte-1jfrg6d):hover{border-color:var(--accent)}.toolbar.svelte-1jfrg6d button.active:where(.svelte-1jfrg6d){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.zoom.svelte-1jfrg6d{text-align:center;min-width:44px;color:var(--text-dim);font-variant-numeric:tabular-nums}.dims.svelte-1jfrg6d{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.viewport.svelte-1jfrg6d{touch-action:none;cursor:grab;border:1px solid var(--border);border-radius:var(--radius-large);flex:1;min-height:0;position:relative;overflow:hidden}.viewport.panning.svelte-1jfrg6d{cursor:grabbing}.image-wrap.svelte-1jfrg6d{transform-origin:0 0;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff14}.image-wrap.svelte-1jfrg6d img:where(.svelte-1jfrg6d){width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.center-rect.svelte-1jfrg6d{pointer-events:none;position:absolute}.center-rect.side-edges.svelte-1jfrg6d{border-left:1px dashed #0d99ff99;border-right:1px dashed #0d99ff99}.center-rect.cap-edges.svelte-1jfrg6d{border-top:1px dashed #0d99ff99;border-bottom:1px dashed #0d99ff99}.overdraw-band.svelte-1jfrg6d{pointer-events:none;background:#38bdf829;position:absolute}.line.svelte-1jfrg6d{background:var(--accent);touch-action:none;position:absolute}.line.overdraw-line.svelte-1jfrg6d{background:#38bdf8 padding-box content-box}.line.overdraw-line.svelte-1jfrg6d .tag:where(.svelte-1jfrg6d){background:#38bdf8}.line.v.svelte-1jfrg6d{cursor:ew-resize;box-sizing:content-box;background-clip:content-box;width:1px;height:100%;margin-left:-.5px;padding:0 7px;top:0;transform:translate(-7px)}.line.h.svelte-1jfrg6d{cursor:ns-resize;box-sizing:content-box;background-clip:content-box;width:100%;height:1px;margin-top:-.5px;padding:7px 0;left:0;transform:translateY(-7px)}.line.active.svelte-1jfrg6d{background-color:var(--text);background-clip:content-box}.tag.svelte-1jfrg6d{background:var(--accent);color:var(--text);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:600;position:absolute}.line.v.svelte-1jfrg6d .tag:where(.svelte-1jfrg6d){top:4px;left:50%;transform:translate(-50%)}.line.h.svelte-1jfrg6d .tag:where(.svelte-1jfrg6d){top:50%;left:4px;transform:translateY(-50%)}.line.v.overdraw-line.svelte-1jfrg6d .tag:where(.svelte-1jfrg6d){top:auto;bottom:4px}.line.h.overdraw-line.svelte-1jfrg6d .tag:where(.svelte-1jfrg6d){left:auto;right:4px}.editor.svelte-1ea2lvt{flex-direction:column;flex:1;min-height:0;display:flex}.tabs.svelte-1ea2lvt{flex:none;gap:4px;margin-bottom:4px;display:inline-flex}.tabs.svelte-1ea2lvt button:where(.svelte-1ea2lvt){border-radius:var(--radius);color:var(--text-dim);background:0 0;border:none;padding:4px 10px}.tabs.svelte-1ea2lvt button.on:where(.svelte-1ea2lvt){background:var(--accent-soft);color:var(--accent)}.pane.svelte-1ea2lvt{flex:1;min-height:0}.empty.svelte-1ea2lvt{color:var(--text-dim);flex:1;justify-content:center;align-items:center;display:flex}section.svelte-ij1927{border-bottom:1px solid var(--border-soft);padding:12px}.field.svelte-ij1927{margin-bottom:8px}.stage.svelte-qls820{border:1px solid var(--border);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.preview-column.svelte-qls820{flex-direction:column;align-items:center;gap:8px;display:flex}.video-frame.svelte-qls820{width:min(90%,480px)}.video-frame.svelte-qls820 video{width:100%;height:100%}p.svelte-qls820{color:var(--text-dim)}video.svelte-ejgo9x{object-fit:contain;max-width:100%;max-height:100%}.picker.svelte-56kutb{flex-direction:column;gap:4px;min-width:0;margin-bottom:8px;display:flex}.caption.svelte-56kutb{letter-spacing:.27px;color:#ffffffb2;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;line-height:14px}.reference-input.svelte-56kutb{border-radius:4px;align-items:center;min-width:0;height:24px;padding:0;display:flex;position:relative}.reference-input.svelte-56kutb:focus-within{border-color:var(--accent)}.current.svelte-56kutb{min-width:0;height:100%;color:var(--text);text-align:left;background:0 0;border:none;outline:none;flex:1;align-items:center;gap:4px;padding:0 6px 0 0;display:flex}.current.empty.svelte-56kutb{color:var(--text-faint)}.preview-slot.svelte-56kutb{box-sizing:border-box;background:#4a4a4a;border-radius:3px 0 0 3px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-1px;padding:2px;display:flex;overflow:hidden}.preview.svelte-56kutb{object-fit:contain;width:100%;height:100%}.missing-preview.svelte-56kutb{color:var(--warning);font-weight:700}.clear.svelte-56kutb{border:none;border-left:1px solid var(--border-soft);width:24px;height:24px;color:var(--text-dim);background:0 0;border-radius:0 3px 3px 0;outline:none;flex:none;padding:0}.clear.svelte-56kutb:hover{color:var(--danger)}.id.svelte-56kutb,.placeholder.svelte-56kutb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dangling.svelte-56kutb{color:var(--warning)}.dropdown.svelte-56kutb{z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.option.svelte-56kutb{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;display:flex}.option.svelte-56kutb .thumbnail:where(.svelte-56kutb){object-fit:contain;background:var(--canvas);border-radius:3px;flex:none;width:24px;height:24px}.option.svelte-56kutb:hover{background:var(--panel-raised)}.option.selected.svelte-56kutb{background:var(--accent-soft);color:var(--accent)}.hint.svelte-56kutb{color:var(--text-faint);margin:4px;font-size:11px}.color-field.svelte-gjs979{flex-direction:column;gap:4px;min-width:0;display:flex}.caption.svelte-gjs979{letter-spacing:.27px;color:#ffffffb2;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;line-height:14px}.color-input.svelte-gjs979{border-radius:4px;align-items:center;gap:4px;min-width:0;height:24px;padding:0 6px 0 0;display:flex}.color-input.svelte-gjs979:focus-within{border-color:var(--accent)}.swatch-slot.svelte-gjs979{flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.swatch.svelte-gjs979{cursor:pointer;background:0 0;border:1px solid #ffffff3d;border-radius:3px;width:16px;height:16px;margin:0;padding:0;overflow:hidden}.swatch.svelte-gjs979::-webkit-color-swatch-wrapper{padding:0}.swatch.svelte-gjs979::-webkit-color-swatch{border:none}.hex-input.svelte-gjs979{width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:11px}section.svelte-rsjkek{border-bottom:1px solid var(--border-soft);padding:12px}.field.svelte-rsjkek{margin-bottom:8px}.stage.svelte-1y3xro5{border:1px solid var(--border);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.preview-column.svelte-1y3xro5{flex-direction:column;align-items:center;gap:8px;display:flex}.compare-row.svelte-1y3xro5{justify-content:center;align-items:flex-start;gap:16px;width:100%;max-width:760px;display:flex}figure.svelte-1y3xro5{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;margin:0;display:flex}figcaption.svelte-1y3xro5{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px}.video-frame.svelte-1y3xro5{width:100%}.video-frame.svelte-1y3xro5 video{width:100%;height:100%}p.svelte-1y3xro5{color:var(--text-dim)}section.svelte-3jblpy{border-bottom:1px solid var(--border-soft);padding:12px}.field.svelte-3jblpy{margin-bottom:8px}.backdrop.svelte-1f5yh58{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.svelte-1f5yh58{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:360px;padding:16px;box-shadow:0 12px 32px #00000080}h2.svelte-1f5yh58{margin:0 0 4px;font-size:12px}.file-name.svelte-1f5yh58{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0}.destination.svelte-1f5yh58{color:var(--text-faint);margin:2px 0 16px}.row.svelte-1f5yh58{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label.svelte-1f5yh58{width:64px;color:var(--text-dim);flex:none}.row.svelte-1f5yh58 input:where(.svelte-1f5yh58){flex:1}.row.manifests.svelte-1f5yh58{align-items:flex-start}.row.manifests.svelte-1f5yh58>.label:where(.svelte-1f5yh58){line-height:28px}.manifest-list.svelte-1f5yh58{flex:1;max-height:132px;overflow-y:auto}.empty-manifests.svelte-1f5yh58{color:var(--text-faint);margin:0;font-size:11px}.segmented.svelte-1f5yh58{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented.svelte-1f5yh58 button:where(.svelte-1f5yh58){background:var(--panel-raised);color:var(--text-dim);border:none;padding:4px 12px}.segmented.svelte-1f5yh58 button.on:where(.svelte-1f5yh58){background:var(--accent);color:var(--text)}.hint.svelte-1f5yh58{color:var(--text-dim);margin:4px 0 0;font-size:11px}.hint.warn.svelte-1f5yh58,.error.svelte-1f5yh58{color:var(--warning)}.actions.svelte-1f5yh58{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.backdrop.svelte-n5o24b{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.svelte-n5o24b{border:1px solid var(--border);background:var(--panel);border-radius:8px;width:420px;padding:16px;box-shadow:0 12px 32px #00000080}h2.svelte-n5o24b{margin:0 0 4px;font-size:12px}.destination.svelte-n5o24b{color:var(--text-faint);margin:0 0 16px}.row.svelte-n5o24b{gap:12px;display:flex}.field.svelte-n5o24b{color:var(--text-dim);flex-direction:column;flex:1;gap:4px;margin-bottom:10px;display:flex}.field.wide.svelte-n5o24b{width:100%}.warning.svelte-n5o24b{color:var(--warning);margin:6px 0 0;font-size:11px}.actions.svelte-n5o24b{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.directory.svelte-ftwms1{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:180px;max-width:320px;min-height:0;display:flex}header.svelte-ftwms1{border-bottom:1px solid var(--border-soft);align-items:center;height:40px;padding:0 8px 0 12px;display:flex}header.svelte-ftwms1 strong:where(.svelte-ftwms1){font-size:11px}.actions.svelte-ftwms1{margin-left:auto;display:flex}.icon-button.svelte-ftwms1{width:24px;height:24px;color:var(--text-dim);border-radius:var(--radius-small);background:0 0;border:0}.icon-button.svelte-ftwms1:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}.icon-button.danger.svelte-ftwms1:hover:not(:disabled){color:var(--danger)}.icon-button.svelte-ftwms1:disabled{opacity:.3;cursor:default}.tree.svelte-ftwms1{padding:6px 4px;overflow:auto}.folder-row.svelte-ftwms1,.asset-row.svelte-ftwms1{padding-left:calc((var(--depth) + 2) * 14px);display:flex}.row.svelte-ftwms1{color:var(--text-dim);border-radius:var(--radius-small);text-align:left;background:0 0;border:0;align-items:center;gap:6px;min-width:0;height:28px;display:flex}.row.special.svelte-ftwms1{width:100%;padding:0 8px}.row.folder.svelte-ftwms1{flex:1;padding:0 8px 0 2px}.row.asset.svelte-ftwms1{cursor:grab;flex:1;padding:0 8px 0 2px}.row.asset.svelte-ftwms1:active{cursor:grabbing}.row.svelte-ftwms1:hover,.row.selected.svelte-ftwms1{background:var(--panel-raised);color:var(--text)}.row.asset.current.svelte-ftwms1,.row.selected.svelte-ftwms1{background:var(--accent-soft);color:var(--accent)}.row.drop-target.svelte-ftwms1{outline:1px solid var(--accent);background:var(--accent-soft)}.glyph.svelte-ftwms1{width:14px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;display:flex}.asset-glyph.svelte-ftwms1{font-size:7px}.asset-warning.svelte-ftwms1{color:var(--warning);flex:none;margin-left:auto}.label.svelte-ftwms1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.count.svelte-ftwms1{color:var(--text-faint);margin-left:auto;font-size:10px}.dialog-row.svelte-ftwms1{align-items:center;gap:8px;display:flex}.dialog-row.svelte-ftwms1 span:where(.svelte-ftwms1){width:44px;color:var(--text-dim)}.dialog-row.svelte-ftwms1 input:where(.svelte-ftwms1){flex:1}.dialog-path.svelte-ftwms1,.dialog-text.svelte-ftwms1,.dialog-warning.svelte-ftwms1{margin:8px 0 0}.dialog-path.svelte-ftwms1{color:var(--text-faint)}.dialog-warning.svelte-ftwms1{color:var(--warning)}.context-menu.svelte-10jgqdh{z-index:200;background:var(--panel-raised);border:1px solid var(--border);border-radius:6px;width:168px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000073}button.svelte-10jgqdh{width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;padding:6px 8px}button.svelte-10jgqdh:hover,button.svelte-10jgqdh:focus-visible{background:var(--accent-soft);outline:none}button.danger.svelte-10jgqdh{color:var(--danger)}hr.svelte-10jgqdh{background:var(--border);border:0;height:1px;margin:4px 8px}

package/build/client/_app/immutable/chunks/BAva9YXm.js

@@ -1 +0,0 @@
-import{F as e,H as t,I as n,K as r,O as i,P as a,S as o,Y as s,_ as c,i as l,j as u,k as d,nt as f,q as p,rt as m,st as h,u as g}from"./BMORe2Gb.js";import"./xihTtKlq.js";function _(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} kB`:`${(e/(1024*1024)).toFixed(2)} MB`}function v(e){return`${(e/1e3).toFixed(2)} s`}function y(e,t){let{maxWidth:n,...r}=e;return t===null||!Number.isFinite(t)||t<=0?r:{...r,maxWidth:Math.round(t)}}function b(e,t){return e.defaultPrevented||e.isComposing||t.busy?null:e.key===`Escape`?`cancel`:e.key===`Enter`&&!t.confirmDisabled?`confirm`:null}function x(e){return e instanceof Element&&e.closest(`button, select, textarea, [contenteditable]:not([contenteditable="false"])`)!==null}function S(e,t){let n=b(e,t);n===null||n===`confirm`&&x(e.target)||(e.preventDefault(),e.stopPropagation(),n===`confirm`?t.onConfirm():t.onCancel())}var C=u(`<div class="backdrop svelte-oozc38" role="presentation"><div class="dialog svelte-oozc38" role="dialog" tabindex="-1"><h2 class="svelte-oozc38"> </h2> <!> <div class="actions svelte-oozc38"><button class="control">Cancel</button> <button> </button></div></div></div>`);function w(a,u){m(u,!0);let _=l(u,`danger`,3,!1),v=l(u,`confirmDisabled`,3,!1),y=l(u,`busy`,3,!1);var b=C();n(`keydown`,r,e=>S(e,{busy:y(),confirmDisabled:v(),onConfirm:u.onConfirm,onCancel:u.onCancel}));var x=p(b),w=p(x),T=p(w,!0);h(w);var E=s(w,2);o(E,()=>u.children);var D=s(E,2),O=p(D),k=s(O,2);let A;var j=p(k,!0);h(k),h(D),h(x),h(b),t(()=>{g(x,`aria-label`,u.title),i(T,u.title),O.disabled=y(),A=c(k,1,`control`,null,A,{primary:!_(),danger:_()}),k.disabled=v()||y(),i(j,u.confirmLabel)}),e(`click`,b,e=>{e.target===e.currentTarget&&!y()&&u.onCancel()}),e(`click`,O,function(...e){u.onCancel?.apply(this,e)}),e(`click`,k,function(...e){u.onConfirm?.apply(this,e)}),d(a,b),f()}a([`click`]);export{y as a,v as i,S as n,_ as r,w as t};

package/build/client/_app/immutable/chunks/BGAUmugt.js

@@ -1 +0,0 @@
-import{H as e,O as t,_ as n,i as r,j as i,k as a,q as o,st as s,u as c}from"./BMORe2Gb.js";import"./xihTtKlq.js";var l=i(`<span> </span>`);function u(i,u){let d=r(u,`overlay`,3,!1);var f=l();let p;var m=o(f,!0);s(f),e(()=>{c(f,`title`,u.title),p=n(f,1,`svelte-d2mzbr`,null,p,{edited:u.kind===`edited`,overlay:d()}),t(m,u.kind===`new`?`New`:`Edited`)}),a(i,f)}export{u as t};

package/build/client/_app/immutable/chunks/CBygkKLq.js

@@ -1 +0,0 @@
-import{D as e,H as t,L as n,Q as r,S as i,U as a,Y as o,Z as s,_ as c,a as l,i as u,j as d,k as f,nt as p,q as m,rt as h,st as g,u as _,y as v,z as y}from"./BMORe2Gb.js";import"./xihTtKlq.js";function b({anchor:e,panel:t,viewport:n,align:r,gap:i=6,padding:a=8}){let o=r===`right`?e.right-t.width:e.left,s=Math.max(a,n.width-t.width-a),c=Math.min(Math.max(o,a),s),l=e.bottom+i,u=e.top-i-t.height,d=Math.max(a,n.height-t.height-a),f=l+t.height>n.height-a&&u>=a?u:l;return{left:c,top:Math.min(Math.max(f,a),d)}}var x=d(`<div role="dialog"><!></div>`),S=d(`<div class="popover-anchor svelte-1rznwff"><!> <!></div>`);function C(d,C){h(C,!0);let w=u(C,`open`,15,!1),T=u(C,`align`,3,`left`),E=u(C,`portal`,3,!1),D=r(void 0),O=r(void 0),k=[`button:not([disabled])`,`[href]`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`,`);function A(){w(!w())}function j(e){if(!E())return{destroy(){}};document.body.append(e);let t=0;function r(){if(!n(D))return;let t=b({anchor:n(D).getBoundingClientRect(),panel:e.getBoundingClientRect(),viewport:{width:window.innerWidth,height:window.innerHeight},align:T()});e.style.left=`${t.left}px`,e.style.top=`${t.top}px`}return t=requestAnimationFrame(r),window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0),{destroy(){cancelAnimationFrame(t),window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0),e.remove()}}}a(()=>{if(!w())return;let e=n(D)?.querySelector(k);y().then(()=>{w()&&n(O)?.querySelector(k)?.focus()});function t(e){let t=e.target;!n(D)?.contains(t)&&!n(O)?.contains(t)&&w(!1)}function r(e){e.key===`Escape`&&w(!1)}return window.addEventListener(`pointerdown`,t,!0),window.addEventListener(`keydown`,r),()=>{window.removeEventListener(`pointerdown`,t,!0),window.removeEventListener(`keydown`,r),y().then(()=>{!w()&&e?.isConnected&&e.focus()})}});var M=S(),N=m(M);i(N,()=>C.trigger,()=>({toggle:A,open:w()}));var P=o(N,2),F=e=>{var r=x();let a;i(m(r),()=>C.children),g(r),l(r,e=>s(O,e),()=>n(O)),v(r,e=>j?.(e)),t(()=>{a=c(r,1,`popover svelte-1rznwff`,null,a,{floating:E(),right:T()===`right`}),_(r,`aria-label`,C.label)}),f(e,r)};e(P,e=>{w()&&e(F)}),g(M),l(M,e=>s(D,e),()=>n(D)),f(d,M),p()}export{C as t};