shop-components 0.1.10 → 0.1.11

package/dist/cropper/index.d.ts

@@ -2,6 +2,14 @@ import { LitElement, PropertyValues } from 'lit';
 import { Application } from 'pixi.js';
 import { Texture as Texture3 } from 'three';
 import { Viewport } from 'pixi-viewport';
+export interface CropperConfigs {
+    canvasWidth: number;
+    canvasHeight: number;
+    scale: number;
+    x: number;
+    y: number;
+    url: string;
+}
 export declare class Cropper extends LitElement {
     static styles: import("lit").CSSResult;
     private _domBoundingRect;
@@ -15,6 +23,8 @@ export declare class Cropper extends LitElement {
         width: number;
         height: number;
     };
+    private _imageUrl;
+    private _canvasScale;
     texture: Texture3;
     private _timer;
     private _sprite;
@@ -31,16 +41,17 @@ export declare class Cropper extends LitElement {
         width: number;
         height: number;
     };
+    getConfigs: () => CropperConfigs;
     constructor();
+    private _onChanged;
+    private _wheelEvent;
     resize(width: number, height: number): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    add(url: string, imageSize: {
-        width: number;
-        height: number;
-    }, logoSize: {
+    add(url: string, logoSize: {
         width: number;
         height: number;
     }): Promise<void>;
+    updateConfigs: ({ canvasWidth, x, y, scale, url }: CropperConfigs) => Promise<void>;
     fit(): void;
     disconnectedCallback(): void;
     protected render(): unknown;

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

@@ -23,7 +23,12 @@ export declare class DeviceViewer extends LitElement {
     shelfLevel: number;
     shapeKeys: Map<any, any>;
     colors: Skin[];
+    selectedLogo: Logo | undefined;
     logos: Logo[];
+    logoSize: {
+        width: number;
+        height: number;
+    };
     progressBar: HTMLDivElement | undefined;
     cropperContainer: HTMLDivElement | undefined;
     lineCircles: HTMLDivElement[] | undefined;
@@ -46,7 +51,10 @@ export declare class DeviceViewer extends LitElement {
     changeGoodsSize: (e: any) => void;
     changeColor: (s: Skin, value: string) => void;
     selectLogo: (l: Logo) => void;
+    selectImage: (e: Event) => void;
     resetLogo: (l: Logo) => void;
+    loadConfigs: () => void;
+    saveConfigs: (l: Logo) => void;
     dragstart: (e: DragEvent) => void;
     dragend: (e: DragEvent) => void;
     getShapeKeyValue: (key: string) => any;

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

@@ -35,6 +35,7 @@ export declare class Logo {
     private _props;
     name: string;
     imageUrl?: string;
+    target: Mesh;
     get imageSize(): {
         width: number;
         height: number;
@@ -43,12 +44,9 @@ export declare class Logo {
         width: number;
         height: number;
     };
-    private _defaults;
+    private readonly _defaults;
     constructor(_props: LogoProps);
-    change(url: string, imageSize: {
-        width: number;
-        height: number;
-    }): void;
+    change(url: string): void;
     reset(): void;
 }
 export declare class Skin {

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

@@ -1,4 +1,4 @@
-import { Box3, Mesh, Object3D, Vector3 } from 'three';
+import { Box3, Mesh, Object3D, Vector2, Vector3 } from 'three';
 export declare const clearThreeObjectMesh: (object: Object3D) => void;
 export declare const uuid: () => string;
 export declare function getElementLeftPosition(element: any): {
@@ -38,3 +38,4 @@ export declare const generateLogoSize: (m: Mesh) => {
     width: number;
     height: number;
 };
+export declare function findPositionFromUV(mesh: Mesh, targetUV: Vector2): Vector3 | null;