canvas-can-do 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,101 @@
+# Canvas Can Do
+
+Transform-based vector graphics editor engine for the web (PixiJS).
+
+## Install
+
+```bash
+npm install canvas-can-do pixi.js
+```
+
+## Quick Start
+
+```ts
+import { CCDApp } from 'canvas-can-do';
+
+const app = new CCDApp();
+await app.init(document.getElementById('editor')!);
+
+app.useTool('select');
+```
+
+## Key Features
+
+- Shapes: rectangle, ellipse, line, star, text, image
+- Transform tools: move, resize, rotate, multi-select
+- Shift to constrain resize ratio
+- Undo/redo (Ctrl/Cmd+Z, Ctrl/Cmd+Shift+Z, Ctrl/Cmd+Y)
+- Export: PNG/JPG/SVG (all objects or selection)
+- Save/Load: JSON with embedded image data URLs
+- Rulers with pan/zoom indicators
+
+## API Highlights
+
+```ts
+// Tools
+app.useTool('rectangle');
+
+// Export raster (PNG/JPG)
+const png = await app.exportRaster({ type: 'png', scope: 'all' });
+
+// Export SVG (embed images)
+const svg = await app.exportSVG({
+  scope: 'selection',
+  imageEmbed: 'display', // 'original' | 'display' | 'max'
+  imageMaxEdge: 2048,
+});
+
+// Save/Load JSON (embedded images)
+const doc = await app.exportJSON();
+if (doc) await app.importJSON(doc);
+
+// Access Pixi Application
+const pixiApp = app.getPixiApp();
+```
+
+## Export Options
+
+```ts
+// Raster
+exportRaster({
+  type: 'png' | 'jpg',
+  scope: 'all' | 'selection',
+  quality?: number,        // for JPG
+  padding?: number,        // extra pixels around bounds
+  background?: string,     // e.g. '#ffffff'
+});
+
+// SVG
+exportSVG({
+  scope: 'all' | 'selection',
+  padding?: number,
+  background?: string,
+  imageEmbed?: 'original' | 'display' | 'max',
+  imageMaxEdge?: number,
+});
+```
+
+## Events
+
+```ts
+editor.addEventListener('tool:changed', (e) => {
+  console.log(e.detail.tool);
+});
+
+editor.addEventListener('layer:changed', (e) => {
+  console.log(e.detail.hierarchy);
+});
+
+editor.addEventListener('viewport:changed', (e) => {
+  console.log(e.detail); // { x, y, zoom, source }
+});
+```
+
+## Notes
+
+- Image sources are stored as **data URLs** for portability.
+- Importing JSON resets pan/zoom to defaults.
+
+## License
+
+MIT

package/dist/canvas-can-do.css

@@ -0,0 +1 @@
+.ccd-host,.ccd-cursor-default{cursor:default}.ccd-cursor-crosshair{cursor:crosshair}.ccd-cursor-text{cursor:text}.ccd-cursor-move{cursor:move}.ccd-cursor-grab{cursor:grab}.ccd-cursor-grabbing{cursor:grabbing}.ccd-cursor-resize-n{cursor:n-resize}.ccd-cursor-resize-s{cursor:s-resize}.ccd-cursor-resize-e{cursor:e-resize}.ccd-cursor-resize-w{cursor:w-resize}.ccd-cursor-resize-nw{cursor:nw-resize}.ccd-cursor-resize-ne{cursor:ne-resize}.ccd-cursor-resize-sw{cursor:sw-resize}.ccd-cursor-resize-se{cursor:se-resize}.ccd-cursor-rotate{cursor:alias}.ccd-cursor-zoom-in{cursor:zoom-in}.ccd-cursor-zoom-out{cursor:zoom-out}.ccd-cursor-not-allowed{cursor:not-allowed}.ccd-cursor-precision{cursor:cell}

package/dist/types/PointerController.d.ts

@@ -0,0 +1,47 @@
+import { BaseNode } from './core/nodes/BaseNode';
+import type { ToolName } from './index';
+import { Container } from 'pixi.js';
+import { Application } from 'pixi.js';
+export declare class PointerController {
+    private preview;
+    private activeTool;
+    private previewLayer;
+    private objectLayer;
+    private selectionManager;
+    private clipboard;
+    private onLayerChanged;
+    private isPanning;
+    private lastPan?;
+    private app?;
+    private world?;
+    private eventTarget;
+    private activeTextInput?;
+    private onHistoryCapture?;
+    constructor(previewLayer: Container, objectLayer: Container, toolsLayer: Container, onLayerChanged: () => void, app?: Application, world?: Container, onHistoryCapture?: () => void | Promise<void>);
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(event: Event): boolean;
+    clearSelection(): void;
+    getSelectedNodes(): BaseNode[];
+    getSelectionBounds(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    handleKeyDown(e: KeyboardEvent): void;
+    private cloneNode;
+    handleKeyUp(e: KeyboardEvent): void;
+    setTool(tool: ToolName): void;
+    onPointerDown(e: PointerEvent): void;
+    onDoubleClick(e: MouseEvent): void;
+    onPointerMove(e: PointerEvent): void;
+    onPointerUp(e: PointerEvent): void;
+    cancel(): void;
+    private setCursor;
+    private toGlobalPoint;
+    private toWorldPoint;
+    private findHitObject;
+    private beginTextEdit;
+}
+//# sourceMappingURL=PointerController.d.ts.map

package/dist/types/PointerController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerController.d.ts","sourceRoot":"","sources":["../../src/PointerController.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,SAAS,EAAS,MAAM,SAAS,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,UAAU,CAAsB;IAGxC,OAAO,CAAC,YAAY,CAAY;IAGhC,OAAO,CAAC,WAAW,CAAY;IAE/B,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,OAAO,CAAC,CAAQ;IACxB,OAAO,CAAC,GAAG,CAAC,CAAc;IAC1B,OAAO,CAAC,KAAK,CAAC,CAAY;IAC1B,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,eAAe,CAAC,CAAmB;IAC3C,OAAO,CAAC,gBAAgB,CAAC,CAA6B;gBAGpD,YAAY,EAAE,SAAS,EACvB,WAAW,EAAE,SAAS,EACtB,UAAU,EAAE,SAAS,EACrB,cAAc,EAAE,MAAM,IAAI,EAC1B,GAAG,CAAC,EAAE,WAAW,EACjB,KAAK,CAAC,EAAE,SAAS,EACjB,gBAAgB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAc/C,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB;IAK7C,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB;IAK1C,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO;IAIpC,cAAc;IAId,gBAAgB;IAIhB,kBAAkB;;;;;;IAKlB,aAAa,CAAC,CAAC,EAAE,aAAa;IAyH9B,OAAO,CAAC,SAAS;IAQjB,WAAW,CAAC,CAAC,EAAE,aAAa;IAoB5B,OAAO,CAAC,IAAI,EAAE,QAAQ;IA0BtB,aAAa,CAAC,CAAC,EAAE,YAAY;IAsC7B,aAAa,CAAC,CAAC,EAAE,UAAU;IAW3B,aAAa,CAAC,CAAC,EAAE,YAAY;IA2D7B,WAAW,CAAC,CAAC,EAAE,YAAY;IAoI3B,MAAM;IAQN,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,aAAa;IAsCrB,OAAO,CAAC,aAAa;CAqEtB"}

package/dist/types/core/history/HistoryManager.d.ts

@@ -0,0 +1,45 @@
+import type { Container } from 'pixi.js';
+import { BaseNode } from '../nodes/BaseNode';
+import type { Style } from '../nodes/BaseNode';
+export type SerializedNode = {
+    id: string;
+    type: BaseNode['type'];
+    name: string;
+    visible: boolean;
+    locked: boolean;
+    x: number;
+    y: number;
+    rotation: number;
+    scale: {
+        x: number;
+        y: number;
+    };
+    style: Style;
+    width?: number;
+    height?: number;
+    data?: Record<string, any>;
+    children?: SerializedNode[];
+};
+export type SceneDocument = {
+    version: 1;
+    nodes: SerializedNode[];
+};
+export declare class HistoryManager {
+    private undoStack;
+    private redoStack;
+    private lastSnapshotKey;
+    private objectLayer;
+    constructor(objectLayer: Container);
+    capture(): Promise<void>;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+    private serializeScene;
+    exportDocument(): Promise<SceneDocument>;
+    importDocument(doc: SceneDocument): Promise<void>;
+    hasContent(): boolean;
+    clearDocument(): Promise<void>;
+    private serializeNode;
+    private restore;
+    private deserializeNode;
+}
+//# sourceMappingURL=HistoryManager.d.ts.map

package/dist/types/core/history/HistoryManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryManager.d.ts","sourceRoot":"","sources":["../../../../src/core/history/HistoryManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU/C,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B,CAAC;AAMF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,CAAC,CAAC;IACX,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,qBAAa,cAAc;IACzB,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAAM;IAE7B,OAAO,CAAC,WAAW,CAAY;gBAEnB,WAAW,EAAE,SAAS;IAI5B,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IASxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAQrB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAQb,cAAc;IAOtB,cAAc,IAAI,OAAO,CAAC,aAAa,CAAC;IAKxC,cAAc,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAWvD,UAAU,IAAI,OAAO;IAIf,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAQpC,OAAO,CAAC,aAAa;YAyEP,OAAO;YAUP,eAAe;CAoI9B"}

package/dist/types/core/layers/LayerHierarchy.d.ts

@@ -0,0 +1,23 @@
+import { Container } from 'pixi.js';
+export interface LayerNode {
+    id: string;
+    type: string;
+    name: string;
+    visible: boolean;
+    locked: boolean;
+    children?: LayerNode[];
+}
+export declare class LayerHierarchy {
+    private static generateLayerName;
+    static getHierarchy(container: Container): LayerNode;
+}
+export type LayerHierarchyChangedEvent = CustomEvent<{
+    hierarchy: LayerNode;
+    selectedIds?: string[];
+}>;
+declare global {
+    interface WindowEventMap {
+        'layer:changed': LayerHierarchyChangedEvent;
+    }
+}
+//# sourceMappingURL=LayerHierarchy.d.ts.map

package/dist/types/core/layers/LayerHierarchy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerHierarchy.d.ts","sourceRoot":"","sources":["../../../../src/core/layers/LayerHierarchy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;CACxB;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAahC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS;CAsCrD;AAGD,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACnD,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC,CAAC;AAEH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,cAAc;QACtB,eAAe,EAAE,0BAA0B,CAAC;KAC7C;CACF"}

package/dist/types/core/math/Vec2.d.ts

@@ -0,0 +1,6 @@
+export interface Vec2 {
+    x: number;
+    y: number;
+}
+export declare function vec2(x?: number, y?: number): Vec2;
+//# sourceMappingURL=Vec2.d.ts.map

package/dist/types/core/math/Vec2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Vec2.d.ts","sourceRoot":"","sources":["../../../../src/core/math/Vec2.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,GAAG,IAAI,CAEvC"}

package/dist/types/core/nodes/BaseNode.d.ts

@@ -0,0 +1,78 @@
+import { Container } from 'pixi.js';
+import type { TextStyleFontWeight } from 'pixi.js';
+export type NodeType = 'rectangle' | 'circle' | 'text' | 'line' | 'ellipse' | 'star' | 'image' | 'group';
+export type PropertyType = 'string' | 'int' | 'float' | 'color' | 'boolean';
+export interface NodePropertyDescriptor {
+    name: string;
+    key: string;
+    type: PropertyType;
+    value: string | number | boolean | null;
+    desc?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export interface InspectableNode {
+    id: string;
+    type: NodeType;
+    name: string;
+    props: NodePropertyDescriptor[];
+}
+export type PropertiesChangedEvent = CustomEvent<{
+    nodes: InspectableNode[];
+}>;
+export interface Style {
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    opacity?: number;
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: TextStyleFontWeight;
+    fontStyle?: 'normal' | 'italic' | 'oblique';
+}
+export declare class BaseNode extends Container {
+    readonly id: string;
+    readonly type: NodeType;
+    name: string;
+    style: Style;
+    locked: boolean;
+    protected _width: number;
+    protected _height: number;
+    constructor(options: {
+        id?: string;
+        type: NodeType;
+        name?: string;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    protected defaultNameForType(type: NodeType): string;
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    setPosition(x: number, y: number): this;
+    setScale(sx: number, sy?: number): this;
+    setRotation(rad: number): this;
+    setPivot(x: number, y: number): this;
+    translate(x: number, y: number): this;
+    resetTransform(): this;
+    clone(_offsetX?: number, _offsetY?: number): BaseNode;
+    protected toColorString(color: string | number | undefined): string | null;
+    getProps(): NodePropertyDescriptor[];
+    getInspectable(): InspectableNode;
+}
+declare global {
+    interface WindowEventMap {
+        'properties:changed': PropertiesChangedEvent;
+    }
+}
+//# sourceMappingURL=BaseNode.d.ts.map

package/dist/types/core/nodes/BaseNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/BaseNode.ts"],"names":[],"mappings":"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"}

package/dist/types/core/nodes/CircleNode.d.ts

@@ -0,0 +1,26 @@
+import { Graphics } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style, NodePropertyDescriptor } from './BaseNode';
+export declare class CircleNode extends BaseNode {
+    readonly type: "circle";
+    radius: number;
+    protected graphics: Graphics;
+    constructor(options: {
+        id?: string;
+        radius: number;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    protected redraw(): void;
+    setStyle(style: Partial<Style>): this;
+    getProps(): NodePropertyDescriptor[];
+}
+//# sourceMappingURL=CircleNode.d.ts.map

package/dist/types/core/nodes/CircleNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/CircleNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhE,qBAAa,UAAW,SAAQ,QAAQ;IACtC,QAAQ,CAAC,IAAI,EAAG,QAAQ,CAAU;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC;gBAEjB,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAuBD,SAAS,CAAC,MAAM,IAAI,IAAI;IA8BxB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAMrC,QAAQ,IAAI,sBAAsB,EAAE;CAarC"}

package/dist/types/core/nodes/EllipseNode.d.ts

@@ -0,0 +1,26 @@
+import { Graphics } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style } from './BaseNode';
+export declare class EllipseNode extends BaseNode {
+    readonly type: "ellipse";
+    protected graphics: Graphics;
+    constructor(options: {
+        id?: string;
+        width: number;
+        height: number;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    protected redraw(): void;
+    setStyle(style: Partial<Style>): this;
+    clone(offsetX?: number, offsetY?: number): EllipseNode;
+}
+//# sourceMappingURL=EllipseNode.d.ts.map

package/dist/types/core/nodes/EllipseNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipseNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/EllipseNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,qBAAa,WAAY,SAAQ,QAAQ;IACvC,QAAQ,CAAC,IAAI,EAAG,SAAS,CAAU;IACnC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC;gBAEjB,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAsBD,SAAS,CAAC,MAAM,IAAI,IAAI;IA8BxB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAMrC,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,WAAW;CAa7C"}

package/dist/types/core/nodes/GroupNode.d.ts

@@ -0,0 +1,25 @@
+import { BaseNode } from './BaseNode';
+import type { Style } from './BaseNode';
+export declare class GroupNode extends BaseNode {
+    readonly type: "group";
+    constructor(options: {
+        id?: string;
+        children: BaseNode[];
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    get width(): number;
+    get height(): number;
+    set width(value: number);
+    set height(value: number);
+    clone(offsetX?: number, offsetY?: number): GroupNode;
+}
+//# sourceMappingURL=GroupNode.d.ts.map

package/dist/types/core/nodes/GroupNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/GroupNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,qBAAa,SAAU,SAAQ,QAAQ;IACrC,QAAQ,CAAC,IAAI,EAAG,OAAO,CAAU;gBAErB,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,QAAQ,EAAE,CAAC;QACrB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAyBD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAGD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAItB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAIvB;IAED,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,SAAS;CAgB3C"}

package/dist/types/core/nodes/ImageNode.d.ts

@@ -0,0 +1,54 @@
+import { Sprite, Texture } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style, NodePropertyDescriptor } from './BaseNode';
+export type ImageSource = string | File | Blob;
+export declare class ImageNode extends BaseNode {
+    readonly type: "image";
+    protected sprite: Sprite;
+    source?: ImageSource;
+    constructor(options: {
+        id?: string;
+        texture: Texture;
+        source?: ImageSource;
+        width?: number;
+        height?: number;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    static fromSource(options: {
+        source: ImageSource;
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    }): Promise<ImageNode>;
+    private static prepareSource;
+    private static toDataUrl;
+    private static blobToDataUrl;
+    private static loadImage;
+    protected redraw(): void;
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    setStyle(style: Partial<Style>): this;
+    getProps(): NodePropertyDescriptor[];
+    clone(offsetX?: number, offsetY?: number): ImageNode;
+}
+//# sourceMappingURL=ImageNode.d.ts.map

package/dist/types/core/nodes/ImageNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/ImageNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,qBAAa,SAAU,SAAQ,QAAQ;IACrC,QAAQ,CAAC,IAAI,EAAG,OAAO,CAAU;IACjC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;gBAET,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,WAAW,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;WA6BY,UAAU,CAAC,OAAO,EAAE;QAC/B,MAAM,EAAE,WAAW,CAAC;QACpB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,GAAG,OAAO,CAAC,SAAS,CAAC;mBAkBD,aAAa;mBAOb,SAAS;IAW9B,OAAO,CAAC,MAAM,CAAC,aAAa;IAS5B,OAAO,CAAC,MAAM,CAAC,SAAS;IAUxB,SAAS,CAAC,MAAM,IAAI,IAAI;IAKxB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAGtB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAGvB;IAED,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAKrC,QAAQ,IAAI,sBAAsB,EAAE;IAapC,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,SAAS;CAe3C"}

package/dist/types/core/nodes/LineNode.d.ts

@@ -0,0 +1,34 @@
+import { Graphics } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style, NodePropertyDescriptor } from './BaseNode';
+export declare class LineNode extends BaseNode {
+    readonly type: "line";
+    protected graphics: Graphics;
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    constructor(options: {
+        id?: string;
+        startX: number;
+        startY: number;
+        endX: number;
+        endY: number;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    protected redraw(): void;
+    setStyle(style: Partial<Style>): this;
+    refresh(): void;
+    getProps(): NodePropertyDescriptor[];
+    clone(offsetX?: number, offsetY?: number): LineNode;
+}
+//# sourceMappingURL=LineNode.d.ts.map

package/dist/types/core/nodes/LineNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/LineNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhE,qBAAa,QAAS,SAAQ,QAAQ;IACpC,QAAQ,CAAC,IAAI,EAAG,MAAM,CAAU;IAChC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;gBAED,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAgCD,SAAS,CAAC,MAAM,IAAI,IAAI;IA0BxB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAOrC,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,sBAAsB,EAAE;IAcpC,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,QAAQ;CAiB1C"}

package/dist/types/core/nodes/RectangleNode.d.ts

@@ -0,0 +1,29 @@
+import { Graphics } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style, NodePropertyDescriptor } from './BaseNode';
+export declare class RectangleNode extends BaseNode {
+    readonly type: "rectangle";
+    cornerRadius?: number;
+    protected graphics: Graphics;
+    constructor(options: {
+        id?: string;
+        width: number;
+        height: number;
+        cornerRadius?: number;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    protected redraw(): void;
+    setStyle(style: Partial<Style>): this;
+    getProps(): NodePropertyDescriptor[];
+    clone(offsetX?: number, offsetY?: number): RectangleNode;
+}
+//# sourceMappingURL=RectangleNode.d.ts.map

package/dist/types/core/nodes/RectangleNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RectangleNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/RectangleNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhE,qBAAa,aAAc,SAAQ,QAAQ;IACzC,QAAQ,CAAC,IAAI,EAAG,WAAW,CAAU;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC;gBAEjB,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAuBD,SAAS,CAAC,MAAM,IAAI,IAAI;IAqCxB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAMrC,QAAQ,IAAI,sBAAsB,EAAE;IAcpC,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,aAAa;CAc/C"}

package/dist/types/core/nodes/StarNode.d.ts

@@ -0,0 +1,31 @@
+import { Graphics } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style, NodePropertyDescriptor } from './BaseNode';
+export declare class StarNode extends BaseNode {
+    readonly type: "star";
+    protected graphics: Graphics;
+    points: number;
+    innerRadius: number;
+    outerRadius: number;
+    constructor(options: {
+        id?: string;
+        points: number;
+        innerRadius: number;
+        outerRadius: number;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    protected redraw(): void;
+    setStyle(style: Partial<Style>): this;
+    getProps(): NodePropertyDescriptor[];
+    clone(offsetX?: number, offsetY?: number): StarNode;
+}
+//# sourceMappingURL=StarNode.d.ts.map

package/dist/types/core/nodes/StarNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/StarNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhE,qBAAa,QAAS,SAAQ,QAAQ;IACpC,QAAQ,CAAC,IAAI,EAAG,MAAM,CAAU;IAChC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;gBAER,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IA2BD,SAAS,CAAC,MAAM,IAAI,IAAI;IAsDxB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAMrC,QAAQ,IAAI,sBAAsB,EAAE;IA+BpC,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,QAAQ;CAc1C"}

package/dist/types/core/nodes/TextNode.d.ts

@@ -0,0 +1,27 @@
+import { Text } from 'pixi.js';
+import { BaseNode } from './BaseNode';
+import type { Style, NodePropertyDescriptor } from './BaseNode';
+export declare class TextNode extends BaseNode {
+    readonly type: "text";
+    protected textSprite: Text;
+    text: string;
+    constructor(options: {
+        id?: string;
+        text: string;
+        x?: number;
+        y?: number;
+        rotation?: number;
+        scale?: number | {
+            x: number;
+            y: number;
+        };
+        style?: Style;
+        visible?: boolean;
+        locked?: boolean;
+    });
+    setText(text: string): this;
+    setStyle(style: Partial<Style>): this;
+    getProps(): NodePropertyDescriptor[];
+    clone(offsetX?: number, offsetY?: number): TextNode;
+}
+//# sourceMappingURL=TextNode.d.ts.map

package/dist/types/core/nodes/TextNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextNode.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/TextNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEhE,qBAAa,QAAS,SAAQ,QAAQ;IACpC,QAAQ,CAAC,IAAI,EAAG,MAAM,CAAU;IAChC,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;gBAED,OAAO,EAAE;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAuCD,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAuBrC,QAAQ,IAAI,sBAAsB,EAAE;IA0CpC,KAAK,CAAC,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,QAAQ;CAY1C"}

package/dist/types/core/nodes/index.d.ts

@@ -0,0 +1,10 @@
+export * from './BaseNode';
+export * from './RectangleNode';
+export * from './CircleNode';
+export * from './TextNode';
+export * from './ImageNode';
+export * from './LineNode';
+export * from './EllipseNode';
+export * from './StarNode';
+export type { NodePropertyDescriptor, InspectableNode, PropertyType, PropertiesChangedEvent } from './BaseNode';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/nodes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/nodes/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC"}

package/dist/types/core/nodes/preview/PreviewBase.d.ts

@@ -0,0 +1,33 @@
+import { Graphics, Container } from 'pixi.js';
+type Point = {
+    x: number;
+    y: number;
+};
+export declare abstract class PreviewBase {
+    protected g: Graphics;
+    protected active: boolean;
+    start: Point;
+    last: Point;
+    protected previewLayer: Container;
+    constructor(previewLayer: Container);
+    begin(start: Point): void;
+    update(curr: Point): void;
+    end(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
+    cancel(): void;
+    get graphics(): Graphics;
+    protected abstract redraw(start: Point, end: Point): void;
+    protected getRect(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    protected clear(): void;
+}
+export {};
+//# sourceMappingURL=PreviewBase.d.ts.map

package/dist/types/core/nodes/preview/PreviewBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewBase.d.ts","sourceRoot":"","sources":["../../../../../src/core/nodes/preview/PreviewBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,KAAK,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC,8BAAsB,WAAW;IAC/B,SAAS,CAAC,CAAC,WAAkB;IAC7B,SAAS,CAAC,MAAM,UAAS;IACzB,KAAK,EAAE,KAAK,CAAkB;IAC9B,IAAI,EAAE,KAAK,CAAkB;IAC7B,SAAS,CAAC,YAAY,EAAE,SAAS,CAAC;gBAEtB,YAAY,EAAE,SAAS;IAInC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQzB,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI;IAMzB,GAAG,IAAI;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAO5D,MAAM,IAAI,IAAI;IAMd,IAAI,QAAQ,aAEX;IAED,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI;IAEzD,SAAS,CAAC,OAAO;;;;;;IAQjB,SAAS,CAAC,KAAK,IAAI,IAAI;CAMxB"}

package/dist/types/core/nodes/preview/PreviewEllipse.d.ts

@@ -0,0 +1,8 @@
+import { PreviewBase } from './PreviewBase';
+import type { Point } from './types';
+export declare class PreviewEllipse extends PreviewBase {
+    private shiftKey;
+    setShiftKey(pressed: boolean): void;
+    protected redraw(a: Point, b: Point): void;
+}
+//# sourceMappingURL=PreviewEllipse.d.ts.map

package/dist/types/core/nodes/preview/PreviewEllipse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewEllipse.d.ts","sourceRoot":"","sources":["../../../../../src/core/nodes/preview/PreviewEllipse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,qBAAa,cAAe,SAAQ,WAAW;IAC7C,OAAO,CAAC,QAAQ,CAAS;IAEzB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOnC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI;CA4B3C"}

package/dist/types/core/nodes/preview/PreviewLine.d.ts

@@ -0,0 +1,8 @@
+import { PreviewBase } from './PreviewBase';
+import type { Point } from './types';
+export declare class PreviewLine extends PreviewBase {
+    private shiftKey;
+    setShiftKey(pressed: boolean): void;
+    protected redraw(a: Point, b: Point): void;
+}
+//# sourceMappingURL=PreviewLine.d.ts.map

package/dist/types/core/nodes/preview/PreviewLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewLine.d.ts","sourceRoot":"","sources":["../../../../../src/core/nodes/preview/PreviewLine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,qBAAa,WAAY,SAAQ,WAAW;IAC1C,OAAO,CAAC,QAAQ,CAAS;IAEzB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOnC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI;CAsB3C"}

package/dist/types/core/nodes/preview/PreviewRect.d.ts

@@ -0,0 +1,8 @@
+import { PreviewBase } from './PreviewBase';
+import type { Point } from './types';
+export declare class PreviewRect extends PreviewBase {
+    private shiftKey;
+    setShiftKey(pressed: boolean): void;
+    protected redraw(a: Point, b: Point): void;
+}
+//# sourceMappingURL=PreviewRect.d.ts.map

package/dist/types/core/nodes/preview/PreviewRect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRect.d.ts","sourceRoot":"","sources":["../../../../../src/core/nodes/preview/PreviewRect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,qBAAa,WAAY,SAAQ,WAAW;IAC1C,OAAO,CAAC,QAAQ,CAAS;IAEzB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOnC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI;CAyB3C"}

package/dist/types/core/nodes/preview/PreviewStar.d.ts

@@ -0,0 +1,6 @@
+import { PreviewBase } from './PreviewBase';
+import type { Point } from './types';
+export declare class PreviewStar extends PreviewBase {
+    protected redraw(_start: Point, _end: Point): void;
+}
+//# sourceMappingURL=PreviewStar.d.ts.map

package/dist/types/core/nodes/preview/PreviewStar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewStar.d.ts","sourceRoot":"","sources":["../../../../../src/core/nodes/preview/PreviewStar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,qBAAa,WAAY,SAAQ,WAAW;IAC1C,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI;CA2BnD"}

package/dist/types/core/nodes/preview/types.d.ts

@@ -0,0 +1,5 @@
+export type Point = {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/core/nodes/preview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/core/nodes/preview/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC"}

package/dist/types/core/selection/LineTransformController.d.ts

@@ -0,0 +1,12 @@
+import { Point } from 'pixi.js';
+import type { LineNode } from '../nodes/LineNode';
+export declare class LineTransformController {
+    private activeNode;
+    private startPoint;
+    private activeHandle;
+    private startState;
+    startTransform(node: LineNode, point: Point, handle: 'start' | 'end' | 'move'): void;
+    updateTransform(point: Point): void;
+    endTransform(): void;
+}
+//# sourceMappingURL=LineTransformController.d.ts.map

package/dist/types/core/selection/LineTransformController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineTransformController.d.ts","sourceRoot":"","sources":["../../../../src/core/selection/LineTransformController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,qBAAa,uBAAuB;IAClC,OAAO,CAAC,UAAU,CAAyB;IAC3C,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,UAAU,CAOF;IAEhB,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM;IAc7E,eAAe,CAAC,KAAK,EAAE,KAAK;IA0C5B,YAAY;CAMb"}

package/dist/types/core/selection/SelectionManager.d.ts

@@ -0,0 +1,39 @@
+import { Container, Point } from 'pixi.js';
+import type { BaseNode } from '../nodes/BaseNode';
+import { GroupNode } from '../nodes/GroupNode';
+export declare class SelectionManager {
+    private selectedNodes;
+    private isMultiSelect;
+    private selectionGraphics;
+    private transformController;
+    private lineTransformController;
+    private shiftKey;
+    constructor(toolsLayer: Container);
+    startTransform(point: Point, handle?: string): void;
+    updateTransform(point: Point): void;
+    endTransform(): void;
+    hitTestHandle(point: Point): string | null;
+    setMultiSelect(enabled: boolean): void;
+    setShiftKey(enabled: boolean): void;
+    select(node: BaseNode | null): void;
+    createGroup(): GroupNode | undefined;
+    ungroupSelected(): BaseNode[];
+    getSelectionBounds(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    private normalizeNodeScale;
+    isSelected(node: BaseNode): boolean;
+    getSelectedNodes(): BaseNode[];
+    reorderSelected(container: Container, direction: -1 | 1): boolean;
+    deleteSelected(container: Container): BaseNode[];
+    clear(): void;
+    nudgeSelected(dx: number, dy: number): boolean;
+    private updateSelectionVisuals;
+    private getWorldScale;
+    private dispatchLayerChanged;
+    private dispatchPropertiesChanged;
+}
+//# sourceMappingURL=SelectionManager.d.ts.map

package/dist/types/core/selection/SelectionManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionManager.d.ts","sourceRoot":"","sources":["../../../../src/core/selection/SelectionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,KAAK,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,iBAAiB,CAAW;IACpC,OAAO,CAAC,mBAAmB,CAAsB;IACjD,OAAO,CAAC,uBAAuB,CAA0B;IACzD,OAAO,CAAC,QAAQ,CAAS;gBAEb,UAAU,EAAE,SAAS;IAQjC,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM;IAc5C,eAAe,CAAC,KAAK,EAAE,KAAK;IAY5B,YAAY;IAYZ,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI;IAmG1C,cAAc,CAAC,OAAO,EAAE,OAAO;IAI/B,WAAW,CAAC,OAAO,EAAE,OAAO;IAI5B,MAAM,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAmB5B,WAAW;IAmDX,eAAe,IAAI,QAAQ,EAAE;IAoD7B,kBAAkB;;;;;;IAsBlB,OAAO,CAAC,kBAAkB;IAS1B,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAInC,gBAAgB,IAAI,QAAQ,EAAE;IAI9B,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO;IAejE,cAAc,CAAC,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE;IAYhD,KAAK;IAOL,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO;IAY9C,OAAO,CAAC,sBAAsB;IAgH9B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,yBAAyB;CAUlC"}

package/dist/types/core/selection/TransformController.d.ts

@@ -0,0 +1,14 @@
+import { Point } from 'pixi.js';
+import type { BaseNode } from '../nodes/BaseNode';
+export declare class TransformController {
+    private mode;
+    private startPoint;
+    private startState;
+    private activeNode;
+    private activeHandle;
+    constructor();
+    startTransform(node: BaseNode, point: Point, handle?: string): void;
+    updateTransform(point: Point, constrainRatio?: boolean): void;
+    endTransform(): void;
+}
+//# sourceMappingURL=TransformController.d.ts.map

package/dist/types/core/selection/TransformController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransformController.d.ts","sourceRoot":"","sources":["../../../../src/core/selection/TransformController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIlD,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,IAAI,CAAyB;IACrC,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,UAAU,CAMF;IAChB,OAAO,CAAC,UAAU,CAAyB;IAC3C,OAAO,CAAC,YAAY,CAAuB;;IAI3C,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM;IAwB5D,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,UAAQ;IAiIpD,YAAY;CAOb"}

package/dist/types/core/ui/RulerOverlay.d.ts

@@ -0,0 +1,18 @@
+import { Container } from 'pixi.js';
+export declare class RulerOverlay {
+    private root;
+    private g;
+    private labels;
+    private uiLayer;
+    private getViewport;
+    constructor(uiLayer: Container, getViewport: () => {
+        width: number;
+        height: number;
+        scale: number;
+        x: number;
+        y: number;
+    });
+    update(): void;
+    private getNiceStep;
+}
+//# sourceMappingURL=RulerOverlay.d.ts.map

package/dist/types/core/ui/RulerOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RulerOverlay.d.ts","sourceRoot":"","sources":["../../../../src/core/ui/RulerOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAC;AAEpD,qBAAa,YAAY;IACvB,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,CAAC,CAAW;IACpB,OAAO,CAAC,MAAM,CAAY;IAC1B,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,WAAW,CAA+E;gBAGhG,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,MAAM;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAY3F,MAAM;IA0EN,OAAO,CAAC,WAAW;CAQpB"}

package/dist/types/demo/main.d.ts

@@ -0,0 +1,2 @@
+import './style.css';
+//# sourceMappingURL=main.d.ts.map

package/dist/types/demo/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/demo/main.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC"}

package/dist/types/events.d.ts

@@ -0,0 +1,15 @@
+import type { BaseNode } from './core/nodes/BaseNode';
+import type { ToolName } from './index';
+export type ShapeCreatedEvent = CustomEvent<{
+    shape: BaseNode;
+}>;
+export type ToolChangedEvent = CustomEvent<{
+    tool: ToolName;
+}>;
+declare global {
+    interface WindowEventMap {
+        'shape:created': ShapeCreatedEvent;
+        'tool:changed': ToolChangedEvent;
+    }
+}
+//# sourceMappingURL=events.d.ts.map

package/dist/types/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAC1C,KAAK,EAAE,QAAQ,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACzC,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC,CAAC;AAEH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,cAAc;QACtB,eAAe,EAAE,iBAAiB,CAAC;QACnC,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF"}

package/dist/types/index.d.ts

@@ -0,0 +1,85 @@
+import './ccd.css';
+import { Application, Container } from 'pixi.js';
+import { PointerController } from './PointerController';
+import { HistoryManager } from './core/history/HistoryManager';
+import type { SceneDocument } from './core/history/HistoryManager';
+export declare const version = "0.0.0";
+export type ToolName = 'select' | 'rectangle' | 'circle' | 'text' | 'line' | 'ellipse' | 'star' | 'pan';
+export interface NodePropUpdate {
+    id: string;
+    props: Record<string, string | number | boolean | null>;
+}
+export declare const TOOL_CURSOR: Record<ToolName, string | null>;
+export declare class CCDApp {
+    app: Application<import("pixi.js").Renderer>;
+    world: Container<import("pixi.js").ContainerChild>;
+    objectLayer: Container<import("pixi.js").ContainerChild>;
+    previewLayer: Container<import("pixi.js").ContainerChild>;
+    toolsLayer: Container<import("pixi.js").ContainerChild>;
+    helperLayer: Container<import("pixi.js").ContainerChild>;
+    uiLayer: Container<import("pixi.js").ContainerChild>;
+    host?: HTMLElement;
+    pointerController?: PointerController;
+    history?: HistoryManager;
+    private ruler?;
+    activeTool: ToolName;
+    init(host: HTMLElement): Promise<void>;
+    initPointerController(): void;
+    private handleZoomKeys;
+    private handleUndoRedoKeys;
+    setZoom(newScale: number): void;
+    private handleDrop;
+    private handlePaste;
+    private addImageFromSource;
+    private getWorldPointFromClient;
+    exportRaster(options: {
+        type: 'png' | 'jpg';
+        scope: 'all' | 'selection';
+        quality?: number;
+        padding?: number;
+        background?: string;
+    }): Promise<string | null>;
+    exportSVG(options: {
+        scope: 'all' | 'selection';
+        padding?: number;
+        imageEmbed?: 'original' | 'display' | 'max';
+        imageMaxEdge?: number;
+        background?: string;
+    }): Promise<string | null>;
+    private getExportBounds;
+    private getBoundsFromNodes;
+    private getRootNodes;
+    private getAllBaseNodes;
+    private applySelectionVisibility;
+    private toColorNumber;
+    private nodeToSvg;
+    private starPointsToSvg;
+    private styleToSvg;
+    private escapeXml;
+    private resolveImageDataUrl;
+    private loadImage;
+    private toDataUrl;
+    private isEditingText;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+    exportJSON(): Promise<SceneDocument | null>;
+    importJSON(doc: SceneDocument): Promise<void>;
+    hasDocumentContent(): boolean;
+    clearDocument(): Promise<void>;
+    setCursor(name: string | null): void;
+    resetCursor(): void;
+    useTool(toolName: ToolName): void;
+    dispatchLayerHierarchyChanged(): void;
+    /**
+     * Apply property updates to one or more nodes by id.
+     * Pass the ids/props you received from `layer:changed` or `properties:changed`.
+     */
+    applyNodeProperties(update: NodePropUpdate | NodePropUpdate[]): void;
+    private applyStyle;
+    private findNodeById;
+    private dispatchOnHost;
+    destroy(): void;
+    getLayerHierarchy(): import("./core/layers/LayerHierarchy").LayerNode;
+    getPixiApp(): Application<import("pixi.js").Renderer>;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "canvas-can-do",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Transform-based vector graphics editor engine for the web.",
   "type": "module",
   "main": "./dist/canvas-can-do.umd.cjs",
   "module": "./dist/canvas-can-do.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/canvas-can-do.js",
       "require": "./dist/canvas-can-do.umd.cjs"
-    }
+    },
+    "./style.css": "./dist/style.css"
   },
   "files": [
     "dist"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "vite build && tsc -p tsconfig.build.json",
     "preview": "vite preview"
   },
   "devDependencies": {

package/dist/ccd.css

@@ -1,87 +0,0 @@
-/* base */
-.ccd-host {
-  cursor: default;
-}
-
-/* tools */
-.ccd-cursor-default {
-  cursor: default;
-}
-
-.ccd-cursor-crosshair {
-  cursor: crosshair;
-}
-
-.ccd-cursor-text {
-  cursor: text;
-}
-
-.ccd-cursor-move {
-  cursor: move;
-}
-
-.ccd-cursor-grab {
-  cursor: grab;
-}
-
-.ccd-cursor-grabbing {
-  cursor: grabbing;
-}
-
-/* resize — edges */
-.ccd-cursor-resize-n {
-  cursor: n-resize;
-}
-
-.ccd-cursor-resize-s {
-  cursor: s-resize;
-}
-
-.ccd-cursor-resize-e {
-  cursor: e-resize;
-}
-
-.ccd-cursor-resize-w {
-  cursor: w-resize;
-}
-
-/* resize — corners */
-.ccd-cursor-resize-nw {
-  cursor: nw-resize;
-}
-
-.ccd-cursor-resize-ne {
-  cursor: ne-resize;
-}
-
-.ccd-cursor-resize-sw {
-  cursor: sw-resize;
-}
-
-.ccd-cursor-resize-se {
-  cursor: se-resize;
-}
-
-/* rotate */
-.ccd-cursor-rotate {
-  cursor: alias; /* placeholder, custom cursor มักใช้แทน */
-}
-
-/* zoom / view */
-.ccd-cursor-zoom-in {
-  cursor: zoom-in;
-}
-
-.ccd-cursor-zoom-out {
-  cursor: zoom-out;
-}
-
-/* disabled / locked */
-.ccd-cursor-not-allowed {
-  cursor: not-allowed;
-}
-
-/* precision */
-.ccd-cursor-precision {
-  cursor: cell;
-}