@hatiolab/things-scene 9.0.2 → 10.0.0-beta.1

package/dist-types/types/component.d.ts

@@ -0,0 +1,178 @@
+import { Bounds, Point } from './bounding';
+import type { Event } from './event';
+import type { ApplicationContext } from '../interfaces/providers';
+import type { LAYOUT } from '../interfaces/layout';
+export type { ApplicationContext };
+/**
+ * Represents a visual or logical unit inside a container.
+ * Each component may either participate in layout (static)
+ * or manage its own position (absolute).
+ *
+ * This interface matches the actual Component class API
+ * (including declaration-merged members from component modules).
+ */
+export interface Component extends Event {
+    /**
+     * Determines if the component is static (participates in layout)
+     * or absolute (self-positioned).
+     */
+    position: string;
+    /** Whether the component is hidden (excluded from rendering). */
+    hidden?: boolean;
+    /**
+     * Whether the component is scalable.
+     */
+    scalable?: boolean;
+    /**
+     * The application context that the component belongs to.
+     * This provides access to application-specific resources and services.
+     */
+    app: ApplicationContext;
+    /**
+     * The model object associated with the component.
+     */
+    model: any;
+    /**
+     * The root component of the entire scene graph.
+     */
+    root: Component;
+    /**
+     * The root model component in the logical structure.
+     */
+    rootModel: Component;
+    /** Gets a named state value. */
+    getState<T = any>(key: string): T | undefined;
+    /** Sets one or more named state values. */
+    setState<T = any>(key: string, value: T): void;
+    setState(state: Record<string, any>): void;
+    /** The data object associated with the component. */
+    data: any;
+    /** The rectangular bounds. */
+    bounds: Bounds;
+    /** Center point of the bounds. */
+    center: Point;
+    /** The text bounds. */
+    textBounds: Bounds;
+    /** Whether the component is a container. */
+    isContainer(): boolean;
+    /** Whether the component is an HTML element. */
+    isHTMLElement(): boolean;
+    /** Retrieves a model property by key. */
+    get(key: string): any;
+    /** Invalidates the component for re-rendering. */
+    invalidate(): void;
+    /** The parent component. */
+    parent: Component;
+    /** Array of child components (if container). */
+    components?: Component[];
+    /** Repositions an HTML element overlay. */
+    reposition?(): void;
+    /** Converts a local point to parent container space. */
+    toParent(x: number, y: number): Point;
+    /** Converts a parent-space point into local space. */
+    fromParent(x: number, y: number): Point;
+    /** Converts a local point into scene-wide global space. */
+    toScene(x: number, y: number): Point;
+    /** Converts a scene-space point into local space. */
+    fromScene(x: number, y: number): Point;
+    /** Converts screen (DOM event) coordinates into local space. */
+    toLocal(x: number, y: number): Point;
+    /** Converts a local-space point into screen coordinates. */
+    toGlobal(x: number, y: number): Point;
+    /** Converts a point from this component's local space to another component's local space. */
+    toOther(x: number, y: number, target: Component): Point;
+    /** Gets the HTML overlay element for the component. */
+    getOverlay?(component: Component | {
+        scalable: boolean;
+    }): HTMLElement;
+    /** The auxiliary overlay element. */
+    auxOverlay?: HTMLElement;
+    /** Selected components (root container). */
+    selected?: Component[];
+    /** Focused component (root container). */
+    focused?: Component | null;
+    /** Whether all selected components share the same parent. */
+    hasSameParentForAllSelected?: boolean;
+    /** Fit mode for the scene (root container). */
+    fitMode?: string;
+    /** Unit scale (root container). */
+    unitScale?: number;
+    /** Resize handler. */
+    resize?(): void;
+    /** Fit handler (root container). */
+    fit?(): void;
+    /** The HTML element associated with this component. */
+    element?: HTMLElement | null;
+}
+/**
+ * Represents a layout container that holds and arranges components.
+ */
+export interface Container extends Component {
+    /** List of child components managed by the layout. */
+    components: Component[];
+    /** The layout strategy used to arrange child components. */
+    layout: LAYOUT;
+    /** (Optional) Retrieves the component at the specified index. */
+    getAt?(index: number): Component | undefined;
+    /**
+     * Applies a function to each component in the container.
+     */
+    forEach(callback: (component: Component, index: number) => void, thisArg?: any): void;
+    /** Adds a child component to this container. */
+    addComponent(component: Component, ghost?: boolean): void;
+    /** Removes a child component from this container. */
+    removeComponent(component: Component, ghost?: boolean): void;
+    /** Inserts a child component at a specific index. */
+    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
+    /** Adds one or more components (convenience method). */
+    add(comp: Component | Component[], ghost?: boolean): Container;
+    /** Removes one or more components (convenience method). */
+    remove(comp: Component | Component[], ghost?: boolean): Container;
+    /** Traverses the container tree depth-first. */
+    traverse(fn: (component: Component) => void, context?: any): void;
+    /** Returns the index of the given component within this container's children. */
+    indexOf(item: Component): number;
+    /** Returns the number of child components. */
+    size(): number;
+    /** Always returns true for containers. */
+    isContainer(): true;
+    /** Checks if the given component can be added to this container. */
+    containable(component: Component): boolean;
+    /** Triggers layout reflow on this container and its sub-containers. */
+    reflow(): void;
+    /** Finds a component by its id within the scene. */
+    findById?(id: string): Component | undefined;
+    /** Finds a component by its refid within the scene. */
+    findByRefid?(ref: string | number): Component | undefined;
+}
+/**
+ * A layout strategy defines how a container arranges its child components.
+ * Only components with `position: 'static'` should be affected by layout.
+ */
+export interface Layout {
+    /**
+     * Recalculates the positions and sizes of child components.
+     */
+    reflow(container: Container, component?: Component): void;
+    /**
+     * Returns components that are eligible for interaction.
+     */
+    capturables(container: Container): Component[];
+    /**
+     * Returns components that should be rendered.
+     */
+    drawables(container: Container): Component[];
+    /**
+     * Determines whether the given component is "stuck" in its layout position.
+     */
+    isStuck(component: Component): boolean;
+    /**
+     * (Optional) Key navigation handler for keyboard interaction within the layout.
+     */
+    keyNavigate?(container: Container, component: Component, e: KeyboardEvent): Component | undefined;
+    /**
+     * (Optional) Whether the layout joins component types.
+     */
+    joinType?: boolean;
+}
+//# sourceMappingURL=component.d.ts.map

package/dist-types/types/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/types/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAY,MAAM,YAAY,CAAA;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAElD,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAElC;;;;;;;GAOG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK;IACtC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAA;IAEhB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,GAAG,EAAE,kBAAkB,CAAA;IAEvB;;OAEG;IACH,KAAK,EAAE,GAAG,CAAA;IAEV;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IAEf;;OAEG;IACH,SAAS,EAAE,SAAS,CAAA;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,CAAA;IAE7C,2CAA2C;IAC3C,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;IAE1C,qDAAqD;IACrD,IAAI,EAAE,GAAG,CAAA;IAET,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAA;IAEd,kCAAkC;IAClC,MAAM,EAAE,KAAK,CAAA;IAEb,uBAAuB;IACvB,UAAU,EAAE,MAAM,CAAA;IAElB,4CAA4C;IAC5C,WAAW,IAAI,OAAO,CAAA;IAEtB,gDAAgD;IAChD,aAAa,IAAI,OAAO,CAAA;IAExB,yCAAyC;IACzC,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAErB,kDAAkD;IAClD,UAAU,IAAI,IAAI,CAAA;IAElB,4BAA4B;IAC5B,MAAM,EAAE,SAAS,CAAA;IAEjB,gDAAgD;IAChD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IAExB,2CAA2C;IAC3C,UAAU,CAAC,IAAI,IAAI,CAAA;IAInB,wDAAwD;IACxD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAErC,sDAAsD;IACtD,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEvC,2DAA2D;IAC3D,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEpC,qDAAqD;IACrD,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtC,gEAAgE;IAChE,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEpC,4DAA4D;IAC5D,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAErC,6FAA6F;IAC7F,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,KAAK,CAAA;IAEvD,uDAAuD;IACvD,UAAU,CAAC,CAAC,SAAS,EAAE,SAAS,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,WAAW,CAAA;IAEtE,qCAAqC;IACrC,UAAU,CAAC,EAAE,WAAW,CAAA;IAExB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;IAEtB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAE1B,6DAA6D;IAC7D,2BAA2B,CAAC,EAAE,OAAO,CAAA;IAErC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,sBAAsB;IACtB,MAAM,CAAC,IAAI,IAAI,CAAA;IAEf,oCAAoC;IACpC,GAAG,CAAC,IAAI,IAAI,CAAA;IAEZ,uDAAuD;IACvD,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,sDAAsD;IACtD,UAAU,EAAE,SAAS,EAAE,CAAA;IAEvB,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAA;IAEd,iEAAiE;IACjE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAE5C;;OAEG;IACH,OAAO,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;IAErF,gDAAgD;IAChD,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAEzD,qDAAqD;IACrD,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAE5D,qDAAqD;IACrD,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAE7E,wDAAwD;IACxD,GAAG,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE9D,2DAA2D;IAC3D,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;IAEjE,iFAAiF;IACjF,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAA;IAEhC,8CAA8C;IAC9C,IAAI,IAAI,MAAM,CAAA;IAEd,0CAA0C;IAC1C,WAAW,IAAI,IAAI,CAAA;IAEnB,oEAAoE;IACpE,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1C,uEAAuE;IACvE,MAAM,IAAI,IAAI,CAAA;IAEd,oDAAoD;IACpD,QAAQ,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAE5C,uDAAuD;IACvD,WAAW,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;CAC1D;AAED;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAEzD;;OAEG;IACH,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAE5C;;OAEG;IACH,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAA;IAEtC;;OAEG;IACH,WAAW,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;IAEjG;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist-types/types/event.d.ts

@@ -0,0 +1,9 @@
+export type Constructor<T = {}> = new (...args: any[]) => T;
+export type EventCallback = (...args: any[]) => void;
+export interface Event {
+    on(name: string, callback: EventCallback, context?: object): void;
+    off(name: string, callback: EventCallback, context?: object): void;
+    once(name: string, callback: EventCallback, context?: object): void;
+    trigger(name: string, ...others: any[]): void;
+}
+//# sourceMappingURL=event.d.ts.map

package/dist-types/types/event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../src/types/event.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAEpD,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjE,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;CAC9C"}

package/dist-types/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from './scene-component.js';
+export type { Point, Bounds, Position, Origin, Bounding } from './bounding.js';
+export type { EventCallback, Event, Constructor } from './event.js';
+export type { ApplicationContext } from '../interfaces/providers.js';
+export type { Scene } from './scene.js';
+export type { BaseLayer, InteractiveLayer, SelectableLayer, TransformableLayer, ModelLayer } from './layer.js';
+//# sourceMappingURL=index.d.ts.map

package/dist-types/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAA;AACpC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9E,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvC,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist-types/types/layer.d.ts

@@ -0,0 +1,80 @@
+import type { Component } from './component';
+import type { Point } from './bounding';
+import type { SceneRenderContext } from '../interfaces/rendering.js';
+/**
+ * BaseLayer provides canvas-based rendering capabilities.
+ * It includes canvas setup, drawing, resizing, and prerender hooks.
+ */
+export interface BaseLayer extends Component {
+    /** The root HTML element of the layer. */
+    readonly element: HTMLElement;
+    /** The main canvas for drawing. */
+    readonly canvas: HTMLCanvasElement;
+    /** 2D rendering context for the main canvas. */
+    readonly context2D: SceneRenderContext | null;
+    /** Resize the layer according to its target. */
+    resize(): void;
+    /** Renders the layer's content. */
+    draw(context?: SceneRenderContext): void;
+    /** Prepares the context (transform, clear, scale) before drawing. */
+    prerender(context: SceneRenderContext): void;
+    /** Resolves the drawing context for a specific component. */
+    getContext(component?: Component): SceneRenderContext | null;
+    /** Always returns true for identification. */
+    isLayer(): true;
+}
+/**
+ * InteractiveLayer enables DOM overlays and auxiliary canvases.
+ * It supports invalidate/redraw and provides scene overlays.
+ */
+export interface InteractiveLayer {
+    /** Whether to show overflow (often true in edit mode). */
+    readonly showOverflow: boolean;
+    /** The HTML overlay used for alignment or events. */
+    readonly overlay?: HTMLElement;
+    /** The HTML overlay used for alignment or events. */
+    readonly auxOverlay?: HTMLElement;
+    /** An auxiliary canvas used for overlays or DOM-coordinated visuals. */
+    readonly auxCanvas?: HTMLCanvasElement;
+    /** 2D context for the auxiliary canvas. */
+    readonly auxContext2D?: SceneRenderContext | null;
+    /** Triggers a re-render. Throttled if needed. */
+    invalidate(): void;
+    /** Returns an appropriate overlay DOM for a given component. */
+    getOverlay(component: Component): HTMLElement;
+}
+/**
+ * SelectableLayer allows selection and focus management within a layer.
+ */
+export interface SelectableLayer {
+    /** Components currently selected in the layer. */
+    selected: Component[];
+    /** The currently focused container/group. */
+    focused: Component | null;
+    /** Whether all selected components have the same parent. */
+    readonly hasSameParentForAllSelected: boolean;
+}
+/**
+ * TransformableLayer handles high-level movement and centering logic.
+ */
+export interface TransformableLayer {
+    /** Anchor point for rotation (typically layer origin). */
+    readonly rotatePoint: Point;
+    /** Moves the layer by a delta in scene space. */
+    move(toward: Point): void;
+    /** Centers the view on a given component (optionally animated). */
+    centerTo(component: Component, animated?: boolean): void;
+}
+/**
+ * Basic canvas-rendering layer.
+ */
+export type Layer = BaseLayer;
+/**
+ * Canvas layer with DOM overlays and aux rendering.
+ */
+export type DualCanvasLayer = BaseLayer & InteractiveLayer;
+/**
+ * Full-featured model layer supporting selection and transforms.
+ */
+export type ModelLayer = BaseLayer & InteractiveLayer & SelectableLayer & TransformableLayer;
+//# sourceMappingURL=layer.d.ts.map

package/dist-types/types/layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../src/types/layer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAEpE;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;IAE7B,mCAAmC;IACnC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAA;IAElC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAE7C,gDAAgD;IAChD,MAAM,IAAI,IAAI,CAAA;IAEd,mCAAmC;IACnC,IAAI,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAExC,qEAAqE;IACrE,SAAS,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAE5C,6DAA6D;IAC7D,UAAU,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,kBAAkB,GAAG,IAAI,CAAA;IAE5D,8CAA8C;IAC9C,OAAO,IAAI,IAAI,CAAA;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAE9B,qDAAqD;IACrD,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAA;IAE9B,qDAAqD;IACrD,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAA;IAEjC,wEAAwE;IACxE,QAAQ,CAAC,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAEtC,2CAA2C;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAEjD,iDAAiD;IACjD,UAAU,IAAI,IAAI,CAAA;IAElB,gEAAgE;IAChE,UAAU,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAA;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,QAAQ,EAAE,SAAS,EAAE,CAAA;IAErB,6CAA6C;IAC7C,OAAO,EAAE,SAAS,GAAG,IAAI,CAAA;IAEzB,4DAA4D;IAC5D,QAAQ,CAAC,2BAA2B,EAAE,OAAO,CAAA;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAA;IAE3B,iDAAiD;IACjD,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAA;IAEzB,mEAAmE;IACnE,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACzD;AAMD;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG,SAAS,CAAA;AAE7B;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,gBAAgB,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,CAAA"}

package/dist-types/types/scene-component.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Things-Scene 컴포넌트를 등록하기 위한 데코레이터
+ * 컴포넌트 클래스를 정의하고 등록하는 과정을 간소화합니다.
+ *
+ * @param componentType 컴포넌트 타입 이름 또는 이름 배열
+ * @returns 클래스 데코레이터
+ *
+ * @example
+ * ```ts
+ * @sceneComponent('rect')
+ * export default class Rect extends RectPath(Shape) {
+ *   // 컴포넌트 구현
+ * }
+ * ```
+ *
+ * 여러 컴포넌트 타입을 한 번에 등록할 수도 있습니다:
+ * ```ts
+ * @sceneComponent(['input-text', 'input-password'])
+ * export default class Input extends HTMLOverlayElement {
+ *   // 컴포넌트 구현
+ * }
+ * ```
+ */
+export declare function sceneComponent(componentType: string | string[]): <T extends {
+    new (...args: any[]): any;
+}>(target: T) => T;
+export default sceneComponent;
+//# sourceMappingURL=scene-component.d.ts.map

package/dist-types/types/scene-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-component.d.ts","sourceRoot":"","sources":["../../src/types/scene-component.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,IAC5C,CAAC,SAAS;IAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;CAAE,EAAE,QAAQ,CAAC,KAAG,CAAC,CAaxE;AAED,eAAe,cAAc,CAAA"}

package/dist-types/types/scene.d.ts

@@ -0,0 +1,18 @@
+import { Component } from './component';
+import type { Event } from './event';
+import type { FITMODE } from '../interfaces/types';
+export interface Scene extends Event {
+    /** The root component of the scene. */
+    root: Component;
+    /** The target element of the scene. */
+    target: HTMLElement;
+    /** The release function of the scene. */
+    release: () => void;
+    /** The data of the scene. */
+    data: any;
+    /** The fit mode of the scene. */
+    fitMode: FITMODE;
+    /** The fit function of the scene. */
+    fit: (mode: FITMODE) => void;
+}
+//# sourceMappingURL=scene.d.ts.map

package/dist-types/types/scene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/types/scene.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,MAAM,WAAW,KAAM,SAAQ,KAAK;IAClC,uCAAuC;IACvC,IAAI,EAAE,SAAS,CAAA;IAEf,uCAAuC;IACvC,MAAM,EAAE,WAAW,CAAA;IAEnB,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,6BAA6B;IAC7B,IAAI,EAAE,GAAG,CAAA;IAET,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAA;IAEhB,qCAAqC;IACrC,GAAG,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7B"}

package/package.json

@@ -1,15 +1,30 @@
 {
   "name": "@hatiolab/things-scene",
-  "version": "9.0.2",
-  "description": "2D graphic library",
+  "version": "10.0.0-beta.1",
+  "description": "A high-performance 2D/3D scene graph library for building interactive visual editors, combining HTML5 Canvas and Three.js to enable facility visualization, data-driven animations, and real-time monitoring dashboards",
   "main": "things-scene-min.js",
   "module": "things-scene.mjs",
-  "jsnext:main": "things-scene.mjs",
   "browser": "things-scene.mjs",
-  "types": "things-scene.d.ts",
-  "directories": {
-    "doc": "docs",
-    "test": "test"
+  "types": "dist-types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist-types/index.d.ts",
+      "import": "./things-scene.mjs",
+      "require": "./things-scene-min.js",
+      "default": "./things-scene.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "things-scene-min.js",
+    "things-scene-min.js.map",
+    "things-scene.mjs",
+    "things-scene.mjs.map",
+    "dist-types/"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=20"
   },
   "repository": {
     "type": "git",
@@ -17,78 +32,53 @@
   },
   "keywords": [
     "2D",
+    "3D",
     "graphic",
     "library",
-    "canvas"
+    "canvas",
+    "three.js",
+    "WebGL",
+    "scene-editor"
   ],
   "scripts": {
-    "test": "mocha --require should --require @babel/register test/**/test-*.js",
-    "test:case": "mocha --require should --require @babel/register",
-    "test:ts": "jest",
-    "serve": "things-factory",
-    "serve:dev": "npm run build:ts && concurrently \"npm run watch:ts\" \"things-factory-dev\"",
-    "clean": "rimraf dist dist-js things-scene*.js *.js.map",
-    "build": "npm run clean && npm run build:ts && npm run build:rollup:prod",
-    "build:bundle": "rollup -c",
+    "test": "mocha --require should --require ./test/setup.js --node-option import=tsx test/**/test-*.js",
+    "test:case": "mocha --require should --require ./test/setup.js --node-option import=tsx",
+    "clean": "rimraf dist-types things-scene*.js *.js.map",
+    "build": "npm run clean && npm run build:types && npm run build:rollup:prod",
+    "build:types": "tsc -p tsconfig.declarations.json",
     "build:rollup": "NODE_ENV=development rollup -c",
     "build:rollup:prod": "NODE_ENV=production rollup -c",
-    "dev": "mkdir -p dist && npx rollup src/index.ts -o dist/things-scene.mjs -f esm -p @rollup/plugin-node-resolve -p @rollup/plugin-commonjs -p @rollup/plugin-typescript -w",
+    "dev": "npx rollup src/index.ts -o things-scene.mjs -f esm -p @rollup/plugin-node-resolve -p @rollup/plugin-commonjs -p @rollup/plugin-typescript -w",
     "build:clean": "rm yarn.lock || echo 'yarn.lock not found.' && yarn install && yarn build",
-    "build:client": "npm run clean:client && webpack --config node_modules/@things-factory/shell/webpack.config.js",
-    "clean:client": "rm -rf dist-client",
-    "prepublish": "npm run build",
-    "migration": "things-factory-migration",
-    "prettify": "prettier --write \"{src,samples,test}/**/*.{js,ts,css,html}\"",
+    "prepublishOnly": "npm run build",
+    "prettify": "prettier --write \"{src,test}/**/*.{js,ts,css,html}\"",
     "type-check": "tsc --noEmit",
-    "type-check:watch": "tsc --noEmit --watch",
-    "build:ts": "babel src --out-dir dist --extensions \".js,.ts,.tsx\" --source-maps",
-    "watch:ts": "babel src --out-dir dist --extensions \".js,.ts,.tsx\" --source-maps --watch"
+    "type-check:watch": "tsc --noEmit --watch"
   },
   "author": "heartyoh@hatiolab.com",
   "license": "SEE LICENSE IN http://things-scene.hatiolab.com/EULA/",
   "devDependencies": {
-    "@babel/cli": "^7.17.6",
-    "@babel/core": "^7.17.9",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-decorators": "^7.17.9",
-    "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/register": "^7.17.7",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^9.0.0",
-    "@things-factory/builder": "^9.0.0",
-    "@things-factory/operato-board": "^9.0.0",
-    "@types/jest": "^29.0.0",
+    "@rollup/plugin-typescript": "^12.0.0",
     "@types/lodash-es": "^4.17.6",
-    "@types/node": "^18.0.0",
-    "atob": "^2.1.2",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^29.0.3",
-    "babel-loader": "^8.2.4",
+    "@types/node": "^22.0.0",
+    "@types/three": "^0.183.0",
+    "@types/tinycolor2": "^1.4.3",
     "canvas": "^3.1.0",
     "chai": "^4.3.6",
     "chai-dom": "^1.11.0",
     "concurrently": "^9.1.2",
-    "gulp": "^4.0.0",
-    "gulp-header-license": "^1.0.9",
-    "jest": "^29.0.0",
-    "mocha": "^10.0.0",
-    "prettier": "^2.6.2",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.70.1",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-input-array": "^1.0.1",
-    "rollup-plugin-terser": "^7.0.2",
+    "lit": "^3.0.0",
+    "mocha": "^11.0.0",
+    "prettier": "^3.0.0",
+    "rimraf": "^6.0.0",
+    "rollup": "^4.0.0",
     "should": "^13.2.3",
-    "ts-jest": "^29.0.0",
-    "ts-loader": "^9.3.1",
     "ts-node": "^10.7.0",
     "tsconfig-paths": "^4.1.0",
+    "tsx": "^4.21.0",
     "typescript": "^5.8.2"
   },
   "bugs": {
@@ -96,16 +86,11 @@
   },
   "homepage": "https://github.com/hatiolab/things-scene#readme",
   "dependencies": {
-    "@material/web": "^2.2.0",
     "@wizpanda/super-gif": "^0.0.6",
-    "canvas-roundrect-polyfill": "^0.0.1",
-    "core-js": "^3.26.0",
+    "dompurify": "^3.3.1",
     "jsonata": "^1.8.6",
-    "lodash-es": "^4.17.20"
-  },
-  "resolutions": {
-    "@azure/storage-blob": "12.18.0",
-    "lit": "^3.0.0",
-    "passport": "^0.7.0"
+    "lodash-es": "^4.17.20",
+    "three": "^0.183.0",
+    "tinycolor2": "^1.6.0"
   }
 }