@pmndrs/uikit/dist/selection.d.ts

Build performant 3D user interfaces with Three.js and yoga.

import { ReadonlySignal, Signal } from '@preact/signals-core';
import { PanelProperties } from './panel/instanced-panel.js';
import { Matrix4, Vector2Tuple } from 'three';
import { ClippingRect } from './clipping.js';
import { OrderInfo } from './order.js';
import { ColorRepresentation } from './utils.js';
import { PanelGroupManager, PanelGroupProperties } from './panel/index.js';
import { MergedProperties } from './properties/index.js';
export type SelectionTransformation = {
    size: Vector2Tuple;
    position: Vector2Tuple;
};
export type SelectionBorderSizeProperties = {
    selectionBorderRightWidth?: number;
    selectionBorderTopWidth?: number;
    selectionBorderLeftWidth?: number;
    selectionBorderBottomWidth?: number;
};
export type SelectionProperties = {
    selectionOpacity?: number;
    selectionColor?: ColorRepresentation;
} & SelectionBorderSizeProperties & {
    [Key in Exclude<keyof PanelProperties, 'backgroundColor' | 'backgroundOpacity'> as `selection${Capitalize<Key>}`]: PanelProperties[Key];
};
export declare function createSelection(propertiesSignal: Signal<MergedProperties>, matrix: Signal<Matrix4 | undefined>, selectionTransformations: Signal<Array<SelectionTransformation>>, isVisible: Signal<boolean>, prevOrderInfo: Signal<OrderInfo | undefined>, prevPanelDeps: ReadonlySignal<Required<PanelGroupProperties>>, parentClippingRect: Signal<ClippingRect | undefined> | undefined, panelGroupManager: PanelGroupManager, abortSignal: AbortSignal): void;