import type { CanvasLayer, CanvasLayerRect } from '../../../utils/canvasDocument.js'; import type { WidgetRect } from '../WidgetCanvas/widgetCanvasContext.js'; interface MediaLayerItemProps { layer: CanvasLayer; /** Absolute (artboard) rect used for positioning. */ displayRect?: CanvasLayerRect; /** CSS clip-path from ancestor clipChildren. */ clipPath?: string; /** * Global paint order on the stage. Prefer this over `layer.zIndex`, which is * only meaningful among siblings and would let nested kids stack above * higher root layers when everything shares one absolute stacking context. */ stackIndex?: number; /** Composed CSS transform (own + ancestor rotations) for flat-stage paint. */ paintTransform?: string; selected?: boolean; /** When false, hide resize handles (multi-select uses a shared AABB). */ showHandles?: boolean; /** Let clicks pass through (layer sits above the selection). */ passthrough?: boolean; /** Synthetic resolved widget child — not directly editable. */ readOnly?: boolean; /** Parent is a layout box (hBox/vBox/…) — no free drag. */ layoutPositionLocked?: boolean; /** Parent owns child size (grid / scaleBox) — no free resize. */ layoutSizeLocked?: boolean; /** @deprecated use layoutPositionLocked */ layoutLocked?: boolean; class?: string; onclick?: (e: MouseEvent) => void; ondblclick?: (e: MouseEvent) => void; onchange?: (rect: WidgetRect) => void; /** True while this frame is being dragged/resized. */ oninteract?: (active: boolean) => void; /** * Parent owns live position (multi-select / selected group). The frame * still reports pointer deltas; it must not visually detach from the group. */ followStageRect?: boolean; } declare const MediaLayerItem: import("svelte").Component; type MediaLayerItem = ReturnType; export default MediaLayerItem;