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

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

@@ -0,0 +1,123 @@
+import type { SceneRenderContext } from '../interfaces/rendering.js';
+import Component from '../components/component.js';
+/**
+ * 렌더링 모드 정의
+ */
+export declare enum RenderMode {
+    CANVAS = "canvas",// 캔버스 기반 렌더링
+    DOM = "dom"
+}
+/**
+ * 데코레이터 옵션 기본 인터페이스
+ */
+export interface DecoratorOptions {
+    mode?: RenderMode;
+    animation?: boolean;
+    repeat?: boolean;
+    duration?: number;
+    color?: string;
+    opacity?: number;
+    fadeOut?: boolean;
+    [key: string]: any;
+}
+/**
+ * 데코레이터 인터페이스
+ */
+export interface IDecorator {
+    start(): void;
+    stop(): void;
+    update(options?: DecoratorOptions): void;
+    render(context: SceneRenderContext, delta: number): boolean;
+}
+/**
+ * 기본 데코레이터 추상 클래스
+ */
+export declare abstract class Decorator implements IDecorator {
+    protected target: Component;
+    protected options: DecoratorOptions;
+    protected mode: RenderMode;
+    protected element: HTMLElement | SVGElement | null;
+    protected isActive: boolean;
+    protected _overlay: HTMLElement | null;
+    /**
+     * 데코레이터가 사용하는 오버레이 요소 가져오기
+     */
+    get overlay(): HTMLElement | null;
+    /**
+     * 생성자
+     * @param target 데코레이션 대상 컴포넌트
+     * @param options 데코레이터 옵션
+     * @param overlayElement 오버레이 요소 (선택 사항, 지정하지 않으면 기본 오버레이 사용)
+     */
+    constructor(overlayElement: HTMLElement, target: Component, options?: DecoratorOptions);
+    /**
+     * 최적의 렌더링 모드 결정
+     * 기본 구현은 DOM 모드 선호 (CSS 애니메이션 활용)
+     * 필요시 상속 클래스에서 오버라이드 가능
+     */
+    protected determineOptimalMode(): RenderMode;
+    /**
+     * 데코레이터 시작
+     */
+    start(): void;
+    /**
+     * 데코레이터 중지
+     */
+    stop(): void;
+    /**
+     * 데코레이터 업데이트
+     * @param options 업데이트할 옵션
+     */
+    update(options?: DecoratorOptions): void;
+    /**
+     * 캔버스에 렌더링 (캔버스 모드)
+     * @param context 캔버스 컨텍스트
+     * @param delta 애니메이션 델타 값 (0-1)
+     * @returns 애니메이션 필요 여부
+     */
+    render(context: SceneRenderContext, delta: number): boolean;
+    /**
+     * DOM 요소 생성 (DOM 모드)
+     * 상속 클래스에서 구현해야 함
+     */
+    protected abstract createDOMElements(): void;
+    /**
+     * DOM 요소 제거 (DOM 모드)
+     * 상속 클래스에서 필요시 오버라이드
+     */
+    protected removeDOMElements(): void;
+    /**
+     * DOM 요소 업데이트 (DOM 모드)
+     * 상속 클래스에서 필요시 오버라이드
+     */
+    protected updateDOMElements(): void;
+    /**
+     * 캔버스 렌더링 구현 (캔버스 모드)
+     * 상속 클래스에서 구현해야 함
+     * @param context 캔버스 컨텍스트
+     * @param delta 애니메이션 델타 값 (0-1)
+     * @returns 애니메이션 필요 여부
+     */
+    protected abstract renderCanvas(context: SceneRenderContext, delta: number): boolean;
+    /**
+     * 컴포넌트 위치 계산
+     * 모든 상속 클래스에서 공통으로 사용할 유틸리티 메서드
+     */
+    protected getComponentPosition(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * 데코레이터 위치 업데이트 (필요한지 모르겠음)
+     */
+    handleTargetChange(after: any, before: any): void;
+    /**
+     * 타겟 컴포넌트가 부모에서 제거될 때 호출되는 핸들러
+     * 데코레이터도 자동으로 중지됨
+     */
+    handleTargetRemoved(): void;
+    invalidate(): void;
+}
+//# sourceMappingURL=decorator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"decorator.d.ts","sourceRoot":"","sources":["../../src/decorator/decorator.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAIlD;;GAEG;AACH,oBAAY,UAAU;IACpB,MAAM,WAAW,CAAE,aAAa;IAChC,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAE/B,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IAEzB,KAAK,IAAI,IAAI,CAAA;IAEb,IAAI,IAAI,IAAI,CAAA;IAEZ,MAAM,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAExC,MAAM,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;CAC5D;AAED;;GAEG;AACH,8BAAsB,SAAU,YAAW,UAAU;IACnD,SAAS,CAAC,MAAM,EAAE,SAAS,CAAA;IAC3B,SAAS,CAAC,OAAO,EAAE,gBAAgB,CAAA;IACnC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAA;IAC1B,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,GAAG,IAAI,CAAO;IACzD,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAQ;IACnC,SAAS,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAO;IAE7C;;OAEG;IACH,IAAI,OAAO,IAAI,WAAW,GAAG,IAAI,CAEhC;IAED;;;;;OAKG;gBACS,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAE,gBAAqB;IA2B1F;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,IAAI,UAAU;IAK5C;;OAEG;IACH,KAAK,IAAI,IAAI;IAqBb;;OAEG;IACH,IAAI,IAAI,IAAI;IAYZ;;;OAGG;IACH,MAAM,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI;IAmBxC;;;;;OAKG;IACH,MAAM,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAO3D;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,IAAI;IAE5C;;;OAGG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAOnC;;;OAGG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAMnC;;;;;;OAMG;IACH,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAEpF;;;OAGG;IACH,SAAS,CAAC,oBAAoB,IAAI;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAiBzF;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG;IAW1C;;;OAGG;IACH,mBAAmB;IAIZ,UAAU,IAAI,IAAI;CAC1B"}

package/dist-types/decorator/decorators/anchors-decorator.d.ts

@@ -0,0 +1,77 @@
+import type { SceneRenderContext } from '../../interfaces/rendering.js';
+import { VectorDecorator, VectorDecoratorOptions } from '../vector-decorator.js';
+import Component from '../../components/component.js';
+/**
+ * 앵커 인터페이스
+ */
+export interface Anchor {
+    name: string;
+    type?: string;
+    inout?: 'in' | 'out' | 'inout';
+    position: {
+        x: number;
+        y: number;
+    };
+    bounds?: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    multiplicity?: boolean;
+    draw?: (context: SceneRenderContext) => void;
+}
+/**
+ * 앵커 데코레이터 옵션
+ */
+export interface AnchorsDecoratorOptions extends VectorDecoratorOptions {
+    bgColor?: string;
+    textColor?: string;
+    cornerRadius?: number;
+    padding?: number;
+    fontSize?: string;
+    fontFamily?: string;
+}
+/**
+ * 앵커 데코레이터
+ *
+ * 컴포넌트의 앵커 포인트를 시각화하는 데코레이터입니다.
+ * 편집 모드에서만 표시됩니다.
+ */
+export declare class AnchorsDecorator extends VectorDecorator {
+    protected static readonly DECORATOR_TYPE: string;
+    private textElements;
+    private rectElements;
+    /**
+     * 생성자
+     */
+    constructor(overlay: HTMLElement, target: Component, options?: AnchorsDecoratorOptions);
+    /**
+     * DOM 요소 업데이트
+     */
+    protected updateDOMElements(): void;
+    /**
+     * X 방향 오프셋 계산
+     * 컴포넌트 외부에 표시되도록 위치 계산
+     */
+    private calculateOffsetX;
+    /**
+     * Y 방향 오프셋 계산
+     * 컴포넌트 외부에 표시되도록 위치 계산
+     */
+    private calculateOffsetY;
+    /**
+     * 위치 업데이트
+     */
+    protected updatePosition(): void;
+    /**
+     * 상태 무효화 처리
+     */
+    invalidate(): void;
+    /**
+     * DOM 요소 생성
+     * VectorDecorator 추상 메서드 구현
+     */
+    protected createDOMElements(): void;
+}
+//# sourceMappingURL=anchors-decorator.d.ts.map

package/dist-types/decorator/decorators/anchors-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchors-decorator.d.ts","sourceRoot":"","sources":["../../../src/decorator/decorators/anchors-decorator.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,SAAS,MAAM,+BAA+B,CAAA;AAErD;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,CAAA;IAC9B,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClC,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACrE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;IACrE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;;;;GAKG;AACH,qBAAa,gBAAiB,SAAQ,eAAe;IACnD,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAY;IAE5D,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;gBACS,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAE,uBAA4B;IAc1F;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAkFnC;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IASxB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAQhC;;OAEG;IACI,UAAU,IAAI,IAAI;IAIzB;;;OAGG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;CAIpC"}

package/dist-types/decorator/decorators/animated-icon-decorator.d.ts

@@ -0,0 +1,168 @@
+import { VectorDecorator, VectorDecoratorOptions } from '../vector-decorator.js';
+import Component from '../../components/component.js';
+import * as Animation from '../../animation/index.js';
+/**
+ * CSS 애니메이션 방향
+ */
+export declare enum AnimationDirection {
+    ROTATE = "rotate",
+    TRANSLATE_X = "translateX",
+    TRANSLATE_Y = "translateY",
+    SCALE = "scale",
+    FADE = "fade"
+}
+/**
+ * JS 애니메이션 타입
+ */
+export declare enum AnimationType {
+    VIBRATION = "vibration",
+    ROTATION = "rotation",
+    HEARTBEAT = "heartbeat",
+    MOVING = "moving",
+    OUTLINE = "outline",
+    FADE = "fade",
+    WAYPOINT = "waypoint"
+}
+/**
+ * 아이콘 위치 옵션
+ */
+export declare enum IconPosition {
+    CENTER = "center",
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    TOP_RIGHT = "top-right",
+    BOTTOM_RIGHT = "bottom-right",
+    BOTTOM_LEFT = "bottom-left",
+    TOP_LEFT = "top-left",
+    TOP_LEFT_CORNER = "top-left-corner",
+    TOP_RIGHT_CORNER = "top-right-corner",
+    BOTTOM_LEFT_CORNER = "bottom-left-corner",
+    BOTTOM_RIGHT_CORNER = "bottom-right-corner",
+    LEFT_TOP = "left-top",
+    LEFT_BOTTOM = "left-bottom",
+    RIGHT_TOP = "right-top",
+    RIGHT_BOTTOM = "right-bottom"
+}
+/**
+ * 단일 CSS 애니메이션 항목 정의
+ */
+export interface AnimationItem {
+    direction: AnimationDirection;
+    duration?: number;
+    delay?: number;
+}
+/**
+ * 애니메이티드 아이콘 옵션
+ */
+export interface AnimatedIconOptions extends VectorDecoratorOptions {
+    icon?: string;
+    size?: number;
+    color?: string;
+    position?: IconPosition | string;
+    location?: IconPosition | string;
+    deltaX?: number;
+    deltaY?: number;
+    animations?: Animation.AnimationConfig[];
+}
+/**
+ * 애니메이티드 아이콘 데코레이터
+ *
+ * 원본 animated-icon.js와 동일한 방식으로 구현
+ */
+export declare class AnimatedIconDecorator extends VectorDecorator {
+    protected static readonly DECORATOR_TYPE: string;
+    private animations;
+    private _location;
+    protected element: HTMLElement | null;
+    private _delta;
+    /**
+     * 생성자
+     */
+    constructor(overlay: HTMLElement, target: Component, options?: AnimatedIconOptions);
+    /**
+     * delta 메서드 - 애니메이션 델타 값 설정/조회
+     */
+    delta(attr?: string | Record<string, any>, value?: any): any;
+    /**
+     * Target의 scale을 고려한 아이콘 크기 계산
+     * 항상 최신 상태의 scale 값을 가져옴
+     */
+    private getScaledSize;
+    /**
+     * 아이콘 위치 계산
+     */
+    get location(): {
+        x: number;
+        y: number;
+    };
+    /**
+     * element 접근을 위한 메서드
+     */
+    protected _getElement(): HTMLElement;
+    /**
+     * 요소 생성 메서드 (필요시 호출)
+     */
+    private _createElementIfNeeded;
+    /**
+     * 아이콘 크기와 위치 업데이트
+     */
+    private updateIconSizeAndPosition;
+    /**
+     * touch 메서드 - 애니메이션 시스템과의 호환성을 위해 구현
+     */
+    touch(): void;
+    /**
+     * invalidate 메서드 - 컴포넌트 상태 변경 시 호출됨
+     * (중복 코드 방지를 위해 updateIconSizeAndPosition 호출)
+     */
+    invalidate(): void;
+    /**
+     * 데코레이터 시작
+     */
+    start(): void;
+    /**
+     * 데코레이터 중지
+     */
+    stop(): void;
+    /**
+     * 아이콘 중심점 계산
+     */
+    get center(): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 좌표 변환 (델타 반영)
+     * 3D 모드에서는 projectComponentPoint로 월드→스크린 투영
+     */
+    toGlobal(x: number, y: number): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 루트 요소 참조
+     */
+    get root(): any;
+    /**
+     * DOM 요소 생성 (VectorDecorator 추상 메서드 구현)
+     */
+    protected createDOMElements(): void;
+    /**
+     * DOM 요소 업데이트 (VectorDecorator 메서드 오버라이드)
+     * - 아이콘 요소의 현재 상태를 유지하면서 위치와 크기만 업데이트합니다.
+     */
+    protected updateDOMElements(): void;
+    /**
+     * 위치 업데이트 (VectorDecorator의 메서드 오버라이드)
+     * - 아이콘의 위치와 크기를 업데이트합니다.
+     * - 이 메서드는 handleTargetChange 이벤트에 의해 호출됩니다.
+     */
+    protected updatePosition(): void;
+    /**
+     * animations 생성 (constructor에서 사용)
+     */
+    private createAnimations;
+}
+//# sourceMappingURL=animated-icon-decorator.d.ts.map

package/dist-types/decorator/decorators/animated-icon-decorator.d.ts.map

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

package/dist-types/decorator/decorators/border-highlighting-decorator.d.ts

@@ -0,0 +1,96 @@
+import { VectorDecorator, VectorDecoratorOptions } from '../vector-decorator.js';
+import Component from '../../components/component.js';
+/**
+ * BorderHighlighting 데코레이터 옵션
+ */
+export interface BorderHighlightingOptions extends VectorDecoratorOptions {
+    distance?: number;
+    lineWidth?: number;
+    fillStyle?: string;
+    animation?: boolean;
+}
+/**
+ * 테두리 하이라이팅 데코레이터
+ *
+ * 컴포넌트 주변에 테두리 하이라이팅을 표시하는 데코레이터입니다.
+ * SVG 기반의 DOM 렌더링을 사용합니다.
+ */
+export declare class BorderHighlightingDecorator extends VectorDecorator {
+    protected static readonly DECORATOR_TYPE: string;
+    private pathElement;
+    private decoratorGroup;
+    private elementId;
+    /**
+     * 생성자
+     */
+    constructor(overlay: HTMLElement, target: Component, options?: BorderHighlightingOptions);
+    /**
+     * DOM 요소 생성 (SVG 기반)
+     */
+    protected createDOMElements(): void;
+    /**
+     * 경로 데이터 업데이트
+     */
+    private updatePathData;
+    /**
+     * 위치 업데이트 오버라이드
+     */
+    invalidate(): void;
+    /**
+     * 애니메이션 시작
+     */
+    private startAnimations;
+    /**
+     * defs 요소 생성
+     */
+    private createDefsElement;
+    /**
+     * 컴포넌트의 경로 좌표 가져오기
+     */
+    private getPathPoints;
+    /**
+     * 오프셋 경로 생성
+     */
+    private createOffsetPath;
+    /**
+     * 벡터 정규화
+     */
+    private normalize;
+    /**
+     * 경로 데이터 생성
+     */
+    private pointsToPathData;
+    /**
+     * SVG 필터 생성
+     */
+    private createFilter;
+    /**
+     * 그라디언트 생성
+     */
+    private createGradient;
+    /**
+     * 색상 변형 (Hue 회전)
+     */
+    private alterColor;
+    /**
+     * RGB → HSL 변환
+     */
+    private rgbToHsl;
+    /**
+     * HSL → RGB 변환
+     */
+    private hslToRgb;
+    /**
+     * 색상명을 HEX 코드로 변환
+     */
+    private convertToHex;
+    /**
+     * 시작 (오버라이드)
+     */
+    start(): void;
+    /**
+     * DOM 요소 제거 (오버라이드)
+     */
+    protected removeDOMElements(): void;
+}
+//# sourceMappingURL=border-highlighting-decorator.d.ts.map

package/dist-types/decorator/decorators/border-highlighting-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-highlighting-decorator.d.ts","sourceRoot":"","sources":["../../../src/decorator/decorators/border-highlighting-decorator.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,SAAS,MAAM,+BAA+B,CAAA;AAGrD;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IAEvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;GAKG;AACH,qBAAa,2BAA4B,SAAQ,eAAe;IAE9D,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAwB;IAExE,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,SAAS,CAAa;IAE9B;;OAEG;gBACS,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAE,yBAA8B;IAY5F;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAmEnC;;OAEG;IACH,OAAO,CAAC,cAAc;IAsBtB;;OAEG;IACI,UAAU,IAAI,IAAI;IAIzB;;OAEG;IACH,OAAO,CAAC,eAAe;IA+CvB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAqCxB;;OAEG;IACH,OAAO,CAAC,SAAS;IAQjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAgDxB;;OAEG;IACH,OAAO,CAAC,YAAY;IAoCpB;;OAEG;IACH,OAAO,CAAC,cAAc;IA0CtB;;OAEG;IACH,OAAO,CAAC,UAAU;IAgBlB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAiChB;;OAEG;IACH,OAAO,CAAC,QAAQ;IA0BhB;;OAEG;IACH,OAAO,CAAC,YAAY;IAoBpB;;OAEG;IACH,KAAK,IAAI,IAAI;IAQb;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;CAkCpC"}

package/dist-types/decorator/decorators/bouncing-arrow-decorator.d.ts

@@ -0,0 +1,56 @@
+import { VectorDecorator, VectorDecoratorOptions } from '../vector-decorator.js';
+import Component from '../../components/component.js';
+/**
+ * BouncingArrow 데코레이터 옵션
+ */
+export interface BouncingArrowOptions extends VectorDecoratorOptions {
+    size?: number;
+    showId?: boolean;
+}
+/**
+ * 바운싱 화살표 데코레이터
+ *
+ * 컴포넌트 위에 바운싱 화살표를 표시하는 데코레이터입니다.
+ * SVG 기반의 DOM 렌더링을 사용합니다.
+ */
+export declare class BouncingArrowDecorator extends VectorDecorator {
+    protected static readonly DECORATOR_TYPE: string;
+    private arrowElement;
+    private labelElement;
+    private decoratorGroup;
+    /**
+     * 생성자
+     */
+    constructor(overlay: HTMLElement, target: Component, options?: BouncingArrowOptions);
+    /**
+     * DOM 요소 생성 (SVG 기반)
+     */
+    protected createDOMElements(): void;
+    /**
+     * SVG 화살표 경로 생성 - 원본 bouncing-arrow.js와 동일하게 구현
+     * 스케일에 반응하도록 수정
+     */
+    private createArrowPath;
+    /**
+     * 현재 스케일 계산
+     */
+    private getScale;
+    /**
+     * 바운스 애니메이션 요소 생성
+     */
+    private createBounceAnimation;
+    /**
+     * 화살표 라벨(ID) 요소 생성
+     */
+    private createArrowLabel;
+    /**
+     * 애니메이션 요소 시작
+     */
+    private startAnimations;
+    invalidate(): void;
+    /**
+     * 위치 업데이트 오버라이드
+     */
+    protected updatePosition(): void;
+}
+//# sourceMappingURL=bouncing-arrow-decorator.d.ts.map

package/dist-types/decorator/decorators/bouncing-arrow-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bouncing-arrow-decorator.d.ts","sourceRoot":"","sources":["../../../src/decorator/decorators/bouncing-arrow-decorator.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,SAAS,MAAM,+BAA+B,CAAA;AAGrD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAElE,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;GAKG;AACH,qBAAa,sBAAuB,SAAQ,eAAe;IAEzD,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAmB;IAEnE,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,cAAc,CAA2B;IAEjD;;OAEG;gBACS,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAE,oBAAyB;IAWvF;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAwFnC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAqBvB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAYhB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAgC7B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA4BxB;;OAEG;IACH,OAAO,CAAC,eAAe;IAehB,UAAU,IAAI,IAAI;IAIzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;CAYjC"}

package/dist-types/decorator/decorators/data-spread-decorator.d.ts

@@ -0,0 +1,52 @@
+import { VectorDecorator, VectorDecoratorOptions } from '../vector-decorator.js';
+import Component from '../../components/component.js';
+/**
+ * 데이터 스프레드 데코레이터 옵션
+ */
+export interface DataSpreadDecoratorOptions extends VectorDecoratorOptions {
+    arrowColor?: string;
+    arrowHeadLength?: number;
+    lineWidth?: number;
+    startAlpha?: number;
+    endAlpha?: number;
+    animated?: boolean;
+    animationDuration?: number;
+}
+/**
+ * 데이터 스프레드 데코레이터
+ *
+ * 컴포넌트 간 데이터 흐름을 화살표로 시각화하는 데코레이터입니다.
+ * 편집 모드에서만 표시됩니다.
+ */
+export declare class DataSpreadDecorator extends VectorDecorator {
+    protected static readonly DECORATOR_TYPE: string;
+    private static readonly ARROW_ANGLE_1;
+    private static readonly ARROW_ANGLE_2;
+    private currentMappings;
+    /**
+     * 생성자
+     */
+    constructor(overlay: HTMLElement, target: Component, options?: DataSpreadDecoratorOptions);
+    /**
+     * DOM 요소 생성 메서드 구현 (VectorDecorator 추상 메서드)
+     */
+    protected createDOMElements(): void;
+    /**
+     * 화살표 경로와 헤드 데이터 생성
+     */
+    private createArrowPaths;
+    /**
+     * DOM 요소 업데이트
+     */
+    protected updateDOMElements(): void;
+    /**
+     * 모든 화살표의 위치 업데이트
+     */
+    protected updatePosition(): void;
+    /**
+     * 데코레이터 DOM 요소 제거 (오버라이드)
+     */
+    protected removeDOMElements(): void;
+    invalidate(): void;
+}
+//# sourceMappingURL=data-spread-decorator.d.ts.map

package/dist-types/decorator/decorators/data-spread-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-spread-decorator.d.ts","sourceRoot":"","sources":["../../../src/decorator/decorators/data-spread-decorator.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,SAAS,MAAM,+BAA+B,CAAA;AAGrD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,eAAe;IAEtD,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAgB;IAGhE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAwB;IAC7D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAwB;IAG7D,OAAO,CAAC,eAAe,CAAY;IAKnC;;OAEG;gBACS,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAE,0BAA+B;IAgB7F;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IA0InC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAyBxB;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAsBnC;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAgFhC;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IA0C5B,UAAU,IAAI,IAAI;CAG1B"}

package/dist-types/decorator/decorators/decotag-decorator.d.ts

@@ -0,0 +1,41 @@
+import { VectorDecorator, VectorDecoratorOptions } from '../vector-decorator.js';
+import Component from '../../components/component.js';
+/**
+ * 데코태그 데코레이터 옵션
+ */
+export interface DecoTagDecoratorOptions extends VectorDecoratorOptions {
+    bgColor?: string;
+    textColor?: string;
+    cornerRadius?: number;
+    padding?: number;
+    fontSize?: string;
+    fontFamily?: string;
+    offsetX?: number;
+    offsetY?: number;
+}
+/**
+ * 데코태그 데코레이터
+ *
+ * 컴포넌트의 상단에 태그를 표시하는 데코레이터입니다.
+ */
+export declare class DecoTagDecorator extends VectorDecorator {
+    protected static readonly DECORATOR_TYPE: string;
+    protected textElement: SVGTextElement | null;
+    protected backgroundElement: SVGRectElement | null;
+    protected currentTag: string;
+    /**
+     * 생성자
+     */
+    constructor(overlay: HTMLElement, target: Component, options?: DecoTagDecoratorOptions);
+    /**
+     * DOM 요소 생성
+     */
+    protected createDOMElements(): void;
+    /**
+     * DOM 요소 업데이트
+     */
+    protected updateDOMElements(): void;
+    protected updatePosition(): void;
+    invalidate(): void;
+}
+//# sourceMappingURL=decotag-decorator.d.ts.map

package/dist-types/decorator/decorators/decotag-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decotag-decorator.d.ts","sourceRoot":"","sources":["../../../src/decorator/decorators/decotag-decorator.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,SAAS,MAAM,+BAA+B,CAAA;AAErD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;IACrE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,eAAe;IACnD,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAY;IAG5D,SAAS,CAAC,WAAW,EAAE,cAAc,GAAG,IAAI,CAAO;IAGnD,SAAS,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAO;IAGzD,SAAS,CAAC,UAAU,EAAE,MAAM,CAAK;IAEjC;;OAEG;gBACS,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAE,uBAA4B;IAiB1F;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IA8DnC;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAanC,SAAS,CAAC,cAAc,IAAI,IAAI;IAIzB,UAAU,IAAI,IAAI;CAG1B"}