shop-components 0.0.24 → 0.0.26

package/dist/stories/device-viewer/slot/slot-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-item.js","sourceRoot":"","sources":["../../../../stories/device-viewer/slot/slot-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAe,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,MAAM,MAAkC,mBAAmB,CAAA;AAClE,OAAO,QAAQ,MAAgC,0BAA0B,CAAA;AAOlE,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aAM/B,WAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,AAAhB,CAAgB;IAE7B,YAAmB,KAAoB;QACrC,KAAK,EAAE,CAAA;QADU,UAAK,GAAL,KAAK,CAAe;QAL/B,UAAK,GAAG,EAAE,CAAA;QAUlB,aAAQ,GAAG,KAAK,CAAA;QAGhB,aAAQ,GAAG,KAAK,CAAA;QAGhB,eAAU,GAAG,KAAK,CAAA;QAGlB,SAAI,GAAG,KAAK,CAAA;QAGZ,YAAO,GAAG,KAAK,CAAA;QAGf,WAAM,GAAG,KAAK,CAAA;IAlBd,CAAC;IAwBD,OAAO,CAAC,CAAa;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC;IAED,OAAO,CAAC,IAAI,GAAG,EAAE;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;IACnB,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAChC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;sBAEjB,UAAU,IAAI,CAAC,KAAK,GAAG,IAAI,YAAY,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE;;oCAE5C,IAAI,CAAC,OAAO;6BACnB,QAAQ;;cAEvB,IAAI,CAAC,IAAI,EAAE,IAAI;;;;KAIxB,CAAA;IACH,CAAC;;AA7DO;IADP,KAAK,EAAE;uCACU;AAUlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACV;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCAChB;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACb;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACd;AAId;IAFC,QAAQ,EAAE;sCAEP;AAhCO,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAiEpB"}

package/dist/stories/device-viewer/slot.d.ts

@@ -0,0 +1,71 @@
+import { Mesh, Object3D } from 'three';
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+import EventEmitter from 'eventemitter3';
+import { Scene3D } from './scene';
+export interface SlotProps {
+    name: string;
+    follows: Map<string, {
+        scale: number;
+        origin: number;
+    }>;
+    slot: Object3D;
+}
+export interface DeviceInfo {
+    name: string;
+    id: string;
+    url: string;
+    logo?: string;
+    bracketUrl?: string;
+}
+export declare const SLOT_EVENTS: {
+    ON_DROP: string;
+    ON_BEFORE_SELECTED: string;
+    ON_SELECTED: string;
+    ON_DEVICE_SELECTED: string;
+    ON_DROP_ERROR: string;
+    ON_ERROR_STATE_CHANGE: string;
+};
+export declare class Slot extends CSS2DObject {
+    private props;
+    private target;
+    private _emitter;
+    private _slotContainer;
+    private _slotUI;
+    private _bracketSlots;
+    private _hasError;
+    useBracket: boolean;
+    addEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
+    removeEventListener: <T extends string | symbol>(event: T, fn?: ((...args: any[]) => void) | undefined, context?: any, once?: boolean | undefined) => EventEmitter<string | symbol, any>;
+    private _canInstall;
+    private _loading;
+    private _selected;
+    private _deviceSelected;
+    private _timer;
+    get hasDevice(): boolean;
+    deviceInfo: DeviceInfo | undefined;
+    constructor(props: SlotProps, target: Mesh | undefined);
+    shapeKeyChanged(key: string, value: number): void;
+    private _tick;
+    loadGlb(sglb: string): Promise<Object3D<import("three").Object3DEventMap> | undefined>;
+    installBracket(url: string): Promise<void>;
+    install(info: DeviceInfo): Promise<void>;
+    getWP: (target: import("three").Vector3) => import("three").Vector3;
+    get device(): Object3D<import("three").Object3DEventMap> | null;
+    changeName(name: string): void;
+    clearSlot(): void;
+    enable(): void;
+    disable(): void;
+    hide(): void;
+    show(): void;
+    get selected(): boolean;
+    set selected(s: boolean);
+    get deviceSelected(): boolean;
+    set deviceSelected(s: boolean);
+    get error(): boolean;
+    set error(hasError: boolean);
+    getCanInstall(): boolean;
+    canInstall(c: boolean): void;
+    dispose(): void;
+    render(app: Scene3D): void;
+    clone(recursive?: boolean): this;
+}

package/dist/stories/device-viewer/slot.js

@@ -0,0 +1,272 @@
+import { Group, Vector2 } from 'three';
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+import EventEmitter from 'eventemitter3';
+import { clearThreeObjectMesh, generateMorphTargetWithTarget } from './utils';
+import { SGLBLoader } from '../sglb';
+import { SlotItem } from './slot/slot-item';
+export const SLOT_EVENTS = {
+    ON_DROP: 'slot-on-drop',
+    ON_BEFORE_SELECTED: 'slot-on-before-selected',
+    ON_SELECTED: 'slot-on-selected',
+    ON_DEVICE_SELECTED: 'slot-on-device-selected',
+    ON_DROP_ERROR: 'slot-on-drop-error',
+    ON_ERROR_STATE_CHANGE: 'slot-on-error-state-change'
+};
+export class Slot extends CSS2DObject {
+    get hasDevice() {
+        return this._slotContainer.children.length > 0;
+    }
+    constructor(props, target) {
+        const box = document.createElement('div');
+        super(box);
+        this.props = props;
+        this.target = target;
+        this._emitter = new EventEmitter();
+        this._slotContainer = new Group();
+        this._bracketSlots = [];
+        this._hasError = false;
+        this.useBracket = false;
+        this.addEventListener = this._emitter.addListener.bind(this._emitter);
+        this.removeEventListener = this._emitter.removeListener.bind(this._emitter);
+        this._canInstall = false;
+        this._loading = false;
+        this._selected = false;
+        this._deviceSelected = false;
+        this._timer = 0;
+        this._tick = () => {
+            this._timer = requestAnimationFrame(this._tick);
+            if (this.target) {
+                this.props.slot.position.copy(generateMorphTargetWithTarget(this.target));
+            }
+        };
+        this.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer);
+        this.name = props.name;
+        this._slotUI = new SlotItem({ name: props.name });
+        this._slotUI.slot = this;
+        box.append(this._slotUI);
+        this.add(this._slotContainer);
+        this.props.slot.add(this);
+        if (target) {
+            this._tick();
+        }
+        box.addEventListener('click', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            this.selected = !this.selected;
+        });
+        box.addEventListener('dragover', e => {
+            e.preventDefault();
+            if (!this._canInstall) {
+                if (e.dataTransfer) {
+                    e.dataTransfer.dropEffect = 'none';
+                }
+                return;
+            }
+        });
+        box.addEventListener('drop', async (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (!this._canInstall)
+                return;
+            const jsonDataString = e.dataTransfer?.getData('application/json');
+            if (jsonDataString) {
+                const r = JSON.parse(jsonDataString);
+                try {
+                    await this.install(r);
+                    this._emitter.emit(SLOT_EVENTS.ON_DROP, this);
+                }
+                catch (e) {
+                    this._emitter.emit(SLOT_EVENTS.ON_DROP_ERROR, e);
+                }
+            }
+            else {
+                this._emitter.emit(SLOT_EVENTS.ON_DROP_ERROR, new Error('No device info'));
+            }
+        });
+    }
+    shapeKeyChanged(key, value) {
+        if (this.props.follows.has(key)) {
+            const obj = this.props.follows.get(key);
+            if (obj) {
+                let direction = 'x';
+                if (key === 'height') {
+                    direction = 'y';
+                }
+                else if (key === 'width') {
+                    direction = 'z';
+                }
+                this.position[direction] = (value - obj.origin) * obj.scale;
+            }
+        }
+    }
+    async loadGlb(sglb) {
+        const sglbLoader = new SGLBLoader({ useCache: true });
+        const result = await sglbLoader.loadAsync(sglb);
+        if (!result.glb)
+            return;
+        return result.glb.clone(true);
+    }
+    async installBracket(url) {
+        const sglbLoader = new SGLBLoader({ useCache: true });
+        const result = await sglbLoader.loadAsync(url);
+        if (!result.glb)
+            return;
+        const glb = result.glb.clone(true);
+        this.useBracket = true;
+        this._slotContainer.add(glb);
+    }
+    async install(info) {
+        if (this._loading)
+            return;
+        this._loading = true;
+        try {
+            const glb = await this.loadGlb(info.url);
+            if (!glb) {
+                throw new Error(`Fail to load device from: ${info.url}`);
+            }
+            if (info.bracketUrl) {
+                const bracket = await this.loadGlb(info.bracketUrl);
+                if (!bracket) {
+                    throw new Error(`Fail to load bracket from: ${info.bracketUrl}`);
+                }
+                else {
+                    this.clearSlot();
+                    bracket.traverse(m => {
+                        if (m.name.startsWith('Slot')) {
+                            this._bracketSlots.push(m);
+                        }
+                    });
+                    this._slotContainer.add(bracket);
+                }
+                this._bracketSlots.forEach(b => {
+                    b.add(glb);
+                });
+            }
+            else {
+                this.clearSlot();
+                this._slotContainer.add(glb);
+            }
+            this.deviceInfo = info;
+            this._slotUI.filled = true;
+        }
+        catch (e) {
+            throw e;
+        }
+        finally {
+            this._loading = false;
+        }
+    }
+    get device() {
+        if (this._slotContainer.children.length) {
+            return this._slotContainer.children[0];
+        }
+        else {
+            return null;
+        }
+    }
+    changeName(name) {
+        this.name = name;
+        this.props.slot.userData.name = name;
+        this.props.name = name;
+        this.element?.setAttribute('data-name', this.props.name);
+    }
+    clearSlot() {
+        this._bracketSlots = [];
+        this._slotContainer.children.forEach(s => {
+            s.removeFromParent();
+            clearThreeObjectMesh(s);
+        });
+        this._slotUI.filled = false;
+        this.deviceInfo = undefined;
+    }
+    enable() {
+        this._slotUI.disable = false;
+    }
+    disable() {
+        this._slotUI.disable = true;
+    }
+    hide() {
+        this._slotUI.hide = true;
+    }
+    show() {
+        this._slotUI.hide = false;
+    }
+    get selected() {
+        return this._selected;
+    }
+    set selected(s) {
+        if (s) {
+            this._emitter.emit(SLOT_EVENTS.ON_BEFORE_SELECTED, s);
+        }
+        this._selected = s;
+        this._slotUI.selected = s;
+        this._emitter.emit(SLOT_EVENTS.ON_SELECTED, s);
+    }
+    get deviceSelected() {
+        return this._deviceSelected;
+    }
+    set deviceSelected(s) {
+        this._deviceSelected = s;
+        this._emitter.emit(SLOT_EVENTS.ON_DEVICE_SELECTED, s);
+    }
+    get error() {
+        return this._hasError;
+    }
+    set error(hasError) {
+        if (this._loading) {
+            setTimeout(() => {
+                this.error = hasError;
+            }, 100);
+        }
+        this._hasError = hasError;
+        this._slotUI.hasError = hasError;
+        this._emitter.emit(SLOT_EVENTS.ON_ERROR_STATE_CHANGE, hasError);
+    }
+    getCanInstall() {
+        return this._canInstall;
+    }
+    canInstall(c) {
+        this._canInstall = c;
+        this._slotUI.canInstall = c;
+    }
+    dispose() {
+        cancelAnimationFrame(this._timer);
+        this.clearSlot();
+        this._emitter.removeAllListeners();
+        clearThreeObjectMesh(this._slotContainer);
+        this.element.remove();
+    }
+    render(app) {
+        const transform = this.element.style.transform;
+        const match = /translate\(-?\d*\.?\d*%?,?\s-?\d*\.?\d*%?\)\s*translate\((-?\d*\.?\d*)px,\s*(-?\d*\.?\d*)px\)/.exec(transform);
+        if (!match)
+            return;
+        const p = new Vector2(parseFloat(match[1]), parseFloat(match[2]));
+        const distance = app.mousePos.distanceTo(p);
+        let initialSize = 12;
+        let max = 24;
+        let offset = 30;
+        if (this._canInstall) {
+            initialSize = 34;
+            max = 60;
+            offset = 60;
+        }
+        if (distance < offset) {
+            let size = (offset - distance) * 1 + initialSize;
+            if (distance < 20) {
+                size = max;
+            }
+            if (size > max) {
+                size = max;
+            }
+            this._slotUI.setSize(size);
+        }
+        else {
+            this._slotUI.setSize(initialSize);
+        }
+    }
+    clone(recursive) {
+        return new Group();
+    }
+}
+//# sourceMappingURL=slot.js.map

package/dist/stories/device-viewer/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../stories/device-viewer/slot.ts"],"names":[],"mappings":"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"}

package/dist/stories/device-viewer/sound.d.ts

@@ -0,0 +1,5 @@
+export declare class Sound {
+    private sound;
+    constructor();
+    play(): void;
+}

package/dist/stories/device-viewer/sound.js

@@ -0,0 +1,13 @@
+import { Howl } from 'howler';
+import SoundInstall from './asserts/audios/install.mp3';
+export class Sound {
+    constructor() {
+        this.sound = new Howl({
+            src: [SoundInstall]
+        });
+    }
+    play() {
+        this.sound.play();
+    }
+}
+//# sourceMappingURL=sound.js.map

package/dist/stories/device-viewer/sound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sound.js","sourceRoot":"","sources":["../../../stories/device-viewer/sound.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAU,QAAQ,CAAA;AACjC,OAAO,YAAY,MAAM,8BAA8B,CAAA;AAEvD,MAAM,OAAO,KAAK;IAKhB;QAJQ,UAAK,GAAG,IAAI,IAAI,CAAC;YACvB,GAAG,EAAE,CAAC,YAAY,CAAC;SACpB,CAAC,CAAA;IAGF,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IACnB,CAAC;CACF"}

package/dist/stories/device-viewer/text2.d.ts

@@ -0,0 +1,4 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export declare class Text2 extends CSS2DObject {
+    constructor(text: string);
+}

package/dist/stories/device-viewer/text2.js

@@ -0,0 +1,12 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export class Text2 extends CSS2DObject {
+    constructor(text) {
+        const box = document.createElement('div');
+        super(box);
+        box.innerText = text;
+        box.style.background = 'transparent';
+        box.style.fontSize = '10px';
+        box.style.color = '#00FF95';
+    }
+}
+//# sourceMappingURL=text2.js.map

package/dist/stories/device-viewer/text2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text2.js","sourceRoot":"","sources":["../../../stories/device-viewer/text2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AAExE,MAAM,OAAO,KAAM,SAAQ,WAAW;IACpC,YAAY,IAAY;QACtB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,KAAK,CAAC,GAAG,CAAC,CAAA;QAEV,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;QACpB,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAA;QACpC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAA;QAC3B,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAA;IAC7B,CAAC;CACF"}

package/dist/stories/device-viewer/text3.d.ts

@@ -0,0 +1,4 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+export declare class Text3 extends CSS3DObject {
+    constructor(text: string);
+}

package/dist/stories/device-viewer/text3.js

@@ -0,0 +1,14 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+export class Text3 extends CSS3DObject {
+    constructor(text) {
+        const box = document.createElement('div');
+        super(box);
+        box.innerText = text;
+        box.style.background = 'transparent';
+        box.style.fontSize = '5px';
+        box.style.color = '#fff';
+        this.scale.set(0.01, 0.01, 0.01);
+        this.rotateY(Math.PI);
+    }
+}
+//# sourceMappingURL=text3.js.map

package/dist/stories/device-viewer/text3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text3.js","sourceRoot":"","sources":["../../../stories/device-viewer/text3.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AAExE,MAAM,OAAO,KAAM,SAAQ,WAAW;IACpC,YAAY,IAAY;QACtB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,KAAK,CAAC,GAAG,CAAC,CAAA;QAEV,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;QACpB,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAA;QACpC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QAC1B,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAA;QAExB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAChC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACvB,CAAC;CACF"}

package/dist/stories/device-viewer/utils/index.d.ts

@@ -0,0 +1,36 @@
+import { Box3, Mesh, Object3D, Vector3 } from 'three';
+export declare const clearThreeObjectMesh: (object: Object3D) => void;
+export declare const uuid: () => string;
+export declare function getElementLeftPosition(element: any): {
+    x: number;
+    y: number;
+};
+export declare function getRelativePosition(child: Element, target: Element): {
+    y: number;
+    x: number;
+};
+export declare function getVector3FromArray(arr: number[]): Vector3;
+export declare function getLocationPosition(obj: Object3D, wp: Vector3): Vector3;
+export declare function getScaledSettings(): {
+    tiles: number;
+    renderScale: number;
+};
+export declare function generateMorphTargetWithTarget(target: Mesh): Vector3;
+export declare function generateMorphTarget(originPoint: Vector3, morphPositions: any[], influences: number[]): Vector3;
+export declare function calculateTotalDimensionsUsingVertices(object: Object3D): {
+    box: Box3;
+    maxRadius: number;
+    height: number;
+    hasLength: boolean;
+    hasWidth: boolean;
+    hasHeight: boolean;
+};
+export declare function calculateInscribedCircleRadius(length: number, width: number): number;
+export declare function calculateCircleRadiusByBox3(box: Box3): number;
+export declare function debounce(fn: any, delay: number, scope?: any): () => void;
+export declare class ObjectSize {
+    length: number;
+    width: number;
+    height: number;
+    constructor(length: number, width: number, height: number);
+}

package/dist/stories/device-viewer/utils/index.js

@@ -0,0 +1,166 @@
+import { Box3, Mesh, Vector3 } from 'three';
+export const clearThreeObjectMesh = (object) => {
+    while (object.children.length > 0) {
+        clearThreeObjectMesh(object.children[0]);
+        object.children[0]?.removeFromParent();
+    }
+    if (object instanceof Mesh) {
+        try {
+            object.geometry?.dispose();
+        }
+        catch (e) {
+        }
+    }
+    else {
+        if (object.dispose) {
+            object.dispose();
+        }
+    }
+};
+export const uuid = () => {
+    return URL.createObjectURL(new Blob([])).substr(-36);
+};
+export function getElementLeftPosition(element) {
+    var rect = element.getBoundingClientRect();
+    var parentRect = element.parentNode ? element.parentNode.getBoundingClientRect() : { left: 0, top: 0 };
+    var xPos = rect.left - parentRect.left;
+    var yPos = rect.top - parentRect.top + rect.height / 2;
+    if (!element.parentNode || element.parentNode === document.body) {
+        xPos = rect.left + window.scrollX;
+        yPos = rect.top + window.scrollY + rect.height / 2;
+    }
+    return {
+        x: xPos,
+        y: yPos
+    };
+}
+export function getRelativePosition(child, target) {
+    const childRect = child.getBoundingClientRect();
+    const targetRect = target.getBoundingClientRect();
+    const relativeTop = childRect.top - targetRect.top;
+    const relativeLeft = childRect.left - targetRect.left;
+    return { y: relativeTop, x: relativeLeft };
+}
+export function getVector3FromArray(arr) {
+    return new Vector3(arr[0], arr[1], arr[2]);
+}
+export function getLocationPosition(obj, wp) {
+    obj.updateMatrixWorld(true);
+    const worldMatrix = obj.matrixWorld.invert();
+    return wp.clone().applyMatrix4(worldMatrix);
+}
+export function getScaledSettings() {
+    let tiles = 3;
+    let renderScale = Math.max(1 / window.devicePixelRatio, 0.5);
+    const aspectRatio = window.innerWidth / window.innerHeight;
+    if (aspectRatio < 0.65) {
+        tiles = 4;
+        renderScale = 1 / window.devicePixelRatio;
+    }
+    return { tiles, renderScale };
+}
+export function generateMorphTargetWithTarget(target) {
+    try {
+        const originArr = target.geometry.attributes.position.array;
+        const originPoint = new Vector3(...originArr);
+        return generateMorphTarget(originPoint, target.geometry.morphAttributes.position, target.morphTargetInfluences || []);
+    }
+    catch (e) {
+        return new Vector3();
+    }
+}
+export function generateMorphTarget(originPoint, morphPositions, influences) {
+    const target = originPoint.clone();
+    const displacements = morphPositions.map(morphPosition => {
+        const displacement = new Vector3();
+        for (let i = 0; i < morphPosition.count; i++) {
+            displacement.set(morphPosition.getX(i), morphPosition.getY(i), morphPosition.getZ(i));
+        }
+        return displacement;
+    });
+    displacements.forEach((dist, index) => {
+        const influence = influences[index] || 0;
+        target.add(dist.clone().multiplyScalar(influence));
+    });
+    return target;
+}
+export function calculateTotalDimensionsUsingVertices(object) {
+    let hasLength = false, hasWidth = false, hasHeight = false;
+    let minX = Infinity, minY = Infinity, minZ = Infinity;
+    let maxX = -Infinity, maxY = -Infinity, maxZ = -Infinity;
+    let maxRadius = 0;
+    let height = 0;
+    object.traverse((child) => {
+        if (child.isMesh && child.geometry) {
+            const mesh = child;
+            mesh.geometry.computeBoundingBox();
+            let positionAttribute = mesh.geometry.attributes.position;
+            const morphAttributes = mesh.geometry.morphAttributes.position;
+            let morphInfluences = mesh.morphTargetInfluences;
+            const keys = Object.keys(mesh.morphTargetDictionary || {});
+            if (keys.includes('width'))
+                hasWidth = true;
+            if (keys.includes('length'))
+                hasLength = true;
+            if (keys.includes('height'))
+                hasHeight = true;
+            for (let i = 0; i < positionAttribute.count; i++) {
+                let x = positionAttribute.getX(i);
+                let y = positionAttribute.getY(i);
+                let z = positionAttribute.getZ(i);
+                height = Math.max(y, height);
+                if (morphAttributes && morphInfluences) {
+                    morphAttributes.forEach((morphAttr, index) => {
+                        const val = (morphInfluences && morphInfluences[index]) || 0;
+                        x += morphAttr.getX(i) * val;
+                        y += morphAttr.getY(i) * val;
+                        z += morphAttr.getZ(i) * val;
+                    });
+                }
+                if (x < minX)
+                    minX = x;
+                if (y < minY)
+                    minY = y;
+                if (z < minZ)
+                    minZ = z;
+                if (x > maxX)
+                    maxX = x;
+                if (y > maxY)
+                    maxY = y;
+                if (z > maxZ)
+                    maxZ = z;
+                const distance = Math.sqrt(x * x + z * z);
+                if (distance > maxRadius)
+                    maxRadius = distance;
+            }
+        }
+    });
+    const box = new Box3(new Vector3(minX, minY, minZ), new Vector3(maxX, maxY, maxZ));
+    return { box, maxRadius, height, hasWidth, hasLength, hasHeight };
+}
+export function calculateInscribedCircleRadius(length, width) {
+    const diagonal = Math.sqrt(length * length + width * width);
+    return diagonal / 2;
+}
+export function calculateCircleRadiusByBox3(box) {
+    const center = new Vector3();
+    return Math.max(center.distanceTo(new Vector3(box.min.x, box.min.y, box.min.z)), center.distanceTo(new Vector3(box.min.x, box.min.y, box.max.z)), center.distanceTo(new Vector3(box.min.x, box.max.y, box.min.z)), center.distanceTo(new Vector3(box.min.x, box.max.y, box.max.z)), center.distanceTo(new Vector3(box.max.x, box.min.y, box.min.z)), center.distanceTo(new Vector3(box.max.x, box.min.y, box.max.z)), center.distanceTo(new Vector3(box.max.x, box.max.y, box.min.z)), center.distanceTo(new Vector3(box.max.x, box.max.y, box.max.z)));
+}
+export function debounce(fn, delay, scope = null) {
+    let timer = 0;
+    return function () {
+        let context = scope || this, args = arguments;
+        clearTimeout(timer);
+        timer = window.setTimeout(function () {
+            fn.apply(context, args);
+        }, delay);
+    };
+}
+export class ObjectSize {
+    constructor(length, width, height) {
+        this.length = length;
+        this.width = width;
+        this.height = height;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/stories/device-viewer/utils/index.js.map

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