@evercam/ui 1.0.0-preview-add-loading-if-webrtc-stream-disconnect-23d5a382e → 1.0.0-preview-compare-box-zoomable-7614d52af

package/dist/attributes.json

@@ -587,6 +587,16 @@
     "description": "",
     "default": false
   },
+  "EImagesComparator/is-zoomable": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EImagesComparator/show-zoom-controls": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
   "EToggleSwitch/value": {
     "type": "string|number|boolean|object|array",
     "description": "",
@@ -943,6 +953,11 @@
     "description": "",
     "default": true
   },
+  "EZoomSlider/tooltip-position": {
+    "type": "string",
+    "description": "",
+    "default": "right"
+  },
   "EActionButton/tooltip-text": {
     "type": "string",
     "description": "",

package/dist/components/EImagesComparator.vue.d.ts

@@ -10,22 +10,33 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     containerRect: DOMRect;
     container: HTMLElement;
     afterImage: HTMLImageElement;
+    beforeImageLoaded: boolean;
+    afterImageLoaded: boolean;
 }, {
+    handleBeforeImageLoad(): void;
     handleResize(): void;
+    checkBothImagesLoaded(): void;
     handleWatermarkResize(): void;
     handleMouseMove(event: MouseEvent): void;
-    handleMouseDown(): void;
+    handleMouseDown(event: MouseEvent): void;
     handleMouseUp(): void;
     handleTouchStart(event: TouchEvent): void;
     handleTouchMove(event: TouchEvent): void;
     handleTouchEnd(event: TouchEvent): void;
+    handleZoom(imageRef: string, zoomIn: boolean): void;
+    handleBeforeZoomIn(): void;
+    handleBeforeZoomOut(): void;
+    handleAfterZoomIn(): void;
+    handleAfterZoomOut(): void;
 }, {
-    clipStyle: Record<string, string>;
+    beforeClipStyle: Record<string, string>;
+    afterClipStyle: Record<string, string>;
     contentStyle: Record<string, string>;
-    imageSizeClasses: "e-w-full e-h-full" | "e-w-0 e-h-0";
 }, {
     beforeImageSrc: string;
     afterImageSrc: string;
     isLoading: boolean;
+    isZoomable: boolean;
+    showZoomControls: boolean;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/EZoomSlider.vue.d.ts

@@ -1,5 +1,6 @@
 import Vue from "vue";
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
     dark: boolean;
+    tooltipPosition: string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/index.d.ts

@@ -491,23 +491,34 @@ export declare const components: {
         containerRect: DOMRect;
         container: HTMLElement;
         afterImage: HTMLImageElement;
+        beforeImageLoaded: boolean;
+        afterImageLoaded: boolean;
     }, {
+        handleBeforeImageLoad(): void;
         handleResize(): void;
+        checkBothImagesLoaded(): void;
         handleWatermarkResize(): void;
         handleMouseMove(event: MouseEvent): void;
-        handleMouseDown(): void;
+        handleMouseDown(event: MouseEvent): void;
         handleMouseUp(): void;
         handleTouchStart(event: TouchEvent): void;
         handleTouchMove(event: TouchEvent): void;
         handleTouchEnd(event: TouchEvent): void;
-    }, {
-        clipStyle: Record<string, string>;
+        handleZoom(imageRef: string, zoomIn: boolean): void;
+        handleBeforeZoomIn(): void;
+        handleBeforeZoomOut(): void;
+        handleAfterZoomIn(): void;
+        handleAfterZoomOut(): void;
+    }, {
+        beforeClipStyle: Record<string, string>;
+        afterClipStyle: Record<string, string>;
         contentStyle: Record<string, string>;
-        imageSizeClasses: "e-w-full e-h-full" | "e-w-0 e-h-0";
     }, {
         beforeImageSrc: string;
         afterImageSrc: string;
         isLoading: boolean;
+        isZoomable: boolean;
+        showZoomControls: boolean;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EToggleSwitch: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
         getButtonClasses(item: import('./types').ESelectionGroupOption): {
@@ -950,6 +961,7 @@ export declare const components: {
     }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
     EZoomSlider: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
         dark: boolean;
+        tooltipPosition: string;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EActionButton: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, {
         withTooltip: boolean;