shop-components 0.1.8 → 0.1.10

package/dist/cropper/index.d.ts

@@ -4,15 +4,44 @@ import { Texture as Texture3 } from 'three';
 import { Viewport } from 'pixi-viewport';
 export declare class Cropper extends LitElement {
     static styles: import("lit").CSSResult;
+    private _domBoundingRect;
     app: Application<import("pixi.js").ICanvas>;
     viewport: Viewport;
+    imageSize: {
+        width: number;
+        height: number;
+    };
+    logoSize: {
+        width: number;
+        height: number;
+    };
     texture: Texture3;
+    private _timer;
     private _sprite;
-    constructor();
-    resize: () => void;
+    get canvas(): import("pixi.js").ICanvas;
     container: HTMLDivElement | undefined;
+    boundRect: HTMLDivElement | undefined;
+    axiosX: HTMLDivElement | undefined;
+    axiosY: HTMLDivElement | undefined;
+    get imageScale(): {
+        x: number;
+        y: number;
+    };
+    get imageRealSize(): {
+        width: number;
+        height: number;
+    };
+    constructor();
+    resize(width: number, height: number): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    add(url: string): Promise<void>;
+    add(url: string, imageSize: {
+        width: number;
+        height: number;
+    }, logoSize: {
+        width: number;
+        height: number;
+    }): Promise<void>;
+    fit(): void;
     disconnectedCallback(): void;
     protected render(): unknown;
 }

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

@@ -1,5 +1,6 @@
 import { LitElement, PropertyValues } from 'lit';
-import { Scene3D, Skin } from './scene';
+import { Logo, Scene3D, Skin } from './scene';
+import { Cropper } from '../cropper';
 export interface Props {
     test: string;
     count: number;
@@ -7,6 +8,7 @@ export interface Props {
 }
 export declare class DeviceViewer extends LitElement {
     scene: Scene3D;
+    cropper: Cropper;
     container: HTMLDivElement | undefined;
     drag: HTMLButtonElement | undefined;
     constructor();
@@ -21,7 +23,9 @@ export declare class DeviceViewer extends LitElement {
     shelfLevel: number;
     shapeKeys: Map<any, any>;
     colors: Skin[];
+    logos: Logo[];
     progressBar: HTMLDivElement | undefined;
+    cropperContainer: HTMLDivElement | undefined;
     lineCircles: HTMLDivElement[] | undefined;
     lineWrapper: HTMLDivElement | undefined;
     sizeLength: HTMLDivElement | undefined;
@@ -41,6 +45,8 @@ export declare class DeviceViewer extends LitElement {
     changeAmrLevel: (e: any) => void;
     changeGoodsSize: (e: any) => void;
     changeColor: (s: Skin, value: string) => void;
+    selectLogo: (l: Logo) => void;
+    resetLogo: (l: Logo) => void;
     dragstart: (e: DragEvent) => void;
     dragend: (e: DragEvent) => void;
     getShapeKeyValue: (key: string) => any;

package/dist/device-viewer/scene.d.ts

@@ -14,14 +14,52 @@ import { DeviceLines, Line } from './lines';
 import { Amr } from './amr';
 export declare const font: Font;
 export { Slot, DeviceLines, Line, SLOT_EVENTS };
-export interface Logo {
+export interface LogoProps {
     name: string;
     target: Mesh;
+    size: {
+        width: number;
+        height: number;
+    };
+    imageSize: {
+        width: number;
+        height: number;
+    };
+    imageUrl?: string;
 }
-export interface Skin {
+export interface SkinProps {
     name: string;
     target: MeshStandardMaterial;
 }
+export declare class Logo {
+    private _props;
+    name: string;
+    imageUrl?: string;
+    get imageSize(): {
+        width: number;
+        height: number;
+    };
+    get size(): {
+        width: number;
+        height: number;
+    };
+    private _defaults;
+    constructor(_props: LogoProps);
+    change(url: string, imageSize: {
+        width: number;
+        height: number;
+    }): void;
+    reset(): void;
+}
+export declare class Skin {
+    private _props;
+    name: string;
+    private _defaults;
+    color: string;
+    constructor(_props: SkinProps);
+    change(color: string): void;
+    reset(): void;
+}
 export declare enum SlotState {
     DEFAULT = 0,
     CAN_INSTALL = 1

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

@@ -34,3 +34,7 @@ export declare class ObjectSize {
     height: number;
     constructor(length: number, width: number, height: number);
 }
+export declare const generateLogoSize: (m: Mesh) => {
+    width: number;
+    height: number;
+};