@pairbo/ui-kit 0.4.0 → 0.4.2

package/dist/src/components/handwritten-canvas/handwritten-canvas.component.d.ts

@@ -1,6 +1,7 @@
 import { CSSResultGroup } from 'lit';
 import { default as PairboElement } from '../../internal/pairbo-element.js';
 import { Canvas, FabricImage, Rect, Group, Textbox } from 'fabric';
+type DisplayType = "default" | "fullSize";
 type Size = {
     width: number;
     height: number;
@@ -32,6 +33,7 @@ export default class PboHandwrittenCanvas extends PairboElement {
     imageWidth: number | null;
     imageLeft: number | null;
     imageTop: number | null;
+    displayType: DisplayType;
     baseCanvas: HTMLCanvasElement;
     canvas: Canvas;
     backgroundFabImg: FabricImage | undefined;
@@ -41,21 +43,53 @@ export default class PboHandwrittenCanvas extends PairboElement {
     handwrittenImage: FabricImage | undefined;
     clipMaskOverlay: Group | undefined;
     areaSize: Size;
-    handleBackgroundImageUrlChange(): Promise<void>;
-    handleHandwrittenImageUrlChange(_: string | undefined, newValue: string | undefined): Promise<void>;
-    createClipMaskOverlay(): Group;
-    updateProcessedImgAreaPosition(): void;
     private _dimensionsUpdateTimeout;
-    handleHandwrittenImageDimensionsChange(oldValue: number | null, newValue: number | null): void;
-    applyHandwrittenImageDimensions(): void;
-    setHandwrittenImageDimensions(dimensions: {
-        top?: number;
-        left?: number;
-        height?: number;
-        width?: number;
-    }): void;
+    private readonly DEFAULT_BACKGROUND_URL;
+    private readonly AREA_PERCENTAGES;
+    private readonly HANDWRITTEN_IMAGE_STYLES;
+    private readonly CONTROL_VISIBILITY;
+    handleBackgroundImageUrlChange(): Promise<void>;
+    handleHandwrittenImageUrlChange(): Promise<void>;
+    handleHandwrittenImageDimensionsChange(): void;
     firstUpdated(): void;
-    appendBackgroundImageToCanvas(url: string, callback?: Function): Promise<void>;
     render(): import('lit-html').TemplateResult<1>;
+    private initializeCanvas;
+    private setupEventListeners;
+    private loadInitialContent;
+    private removeBackgroundImage;
+    private loadBackgroundImage;
+    private appendBackgroundImageToCanvas;
+    private removeHandwrittenImage;
+    private loadHandwrittenImage;
+    private configureHandwrittenImage;
+    private calculateImageScale;
+    private calculateCornerSize;
+    private calculateTouchCornerSize;
+    private createClipRect;
+    private updateHandwrittenImageDimensions;
+    private setupHandwrittenImageEvents;
+    private handleImageScaling;
+    private handleImageMoving;
+    private handleImageSelected;
+    private handleImageDeselected;
+    private showSelectionUI;
+    private hideSelectionUI;
+    private createClipMaskOverlay;
+    private createMaskRect;
+    updateClipMaskOverlay(): void;
+    resetHandwrittenImagePosition(): void;
+    private updateProcessedImgAreaPosition;
+    private getAreaPercentages;
+    private updateAreaRect;
+    private createAreaRect;
+    private debounceUpdateDimensions;
+    private applyHandwrittenImageDimensions;
+    private isValidForDimensionUpdate;
+    private setHandwrittenImageDimensions;
+    private hasValidDimensions;
+    private updateDimensionIfChanged;
+    private emitDimensionsChangedEvent;
+    private createUploadingText;
+    private handleImageProcessing;
 }
 export {};