@evercam/ui 1.0.0-preview-new-smart-search-73cd08914 → 1.0.0-preview-compare-xray-8f6cff47d

package/README.md

@@ -21,6 +21,7 @@ import EvercamUI from "@evercam/ui"
 Vue.use(EvercamUI)
 ```
 
+
 - Or importing components individually:
 
 ```vue

package/dist/attributes.json

@@ -572,20 +572,35 @@
     "description": "",
     "default": 50
   },
+  "EDragResize/bounds": {
+    "type": "object",
+    "description": ""
+  },
+  "EDragResize/initial": {
+    "type": "object",
+    "description": ""
+  },
   "EImagesComparator/before-image-src": {
     "type": "string",
-    "description": "",
-    "default": null
+    "description": ""
   },
   "EImagesComparator/after-image-src": {
     "type": "string",
-    "description": "",
-    "default": null
+    "description": ""
   },
   "EImagesComparator/is-loading": {
     "type": "boolean",
+    "description": ""
+  },
+  "EImagesComparator/mode": {
+    "type": "string",
     "description": "",
-    "default": false
+    "default": "curtain"
+  },
+  "EImagesComparator/transparency": {
+    "type": "number",
+    "description": "",
+    "default": 0.5
   },
   "EToggleSwitch/value": {
     "type": "string|number|boolean|object|array",
@@ -645,6 +660,11 @@
     "description": "",
     "default": false
   },
+  "EToggleSwitch/dark": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
   "EExpandableMenu/padding": {
     "type": "number",
     "description": "",

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

@@ -0,0 +1,28 @@
+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>>, {
+    lens: any;
+    isDragging: boolean;
+    dragOffset: {
+        x: number;
+        y: number;
+    };
+    resizeHandles: string[];
+    currentHandle: null;
+}, {
+    startDrag(e: MouseEvent | TouchEvent): void;
+    onDrag(e: MouseEvent | TouchEvent): void;
+    endDrag(): void;
+    startResize(handle: string, e: MouseEvent | TouchEvent): void;
+    onResize(e: MouseEvent | TouchEvent): void;
+    endResize(): void;
+    getPoint(e: MouseEvent | TouchEvent): {
+        x: number;
+        y: number;
+    };
+}, {
+    windowStyle: Record<string, string>;
+}, {
+    bounds: any;
+    initial: any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -1,31 +1,44 @@
 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>>, {
     separatorPositionX: number;
-    startSeparatorPositionX: number;
-    computedImageDimension: Record<string, any>;
     isSeparatorDragging: boolean;
-    watermarkDimension: Record<string, any>;
+    containerRect: DOMRect;
+    computedImageDimension: {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    };
+    zoomState: {};
     touchIdentifier: number | null;
     startTouchX: number;
-    containerRect: DOMRect;
-    container: HTMLElement;
-    afterImage: HTMLImageElement;
+    startSeparatorPositionX: number;
+    windowState: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
 }, {
+    onZoomChange(state: Record<string, any>): void;
     handleResize(): void;
-    handleWatermarkResize(): void;
     handleMouseMove(event: MouseEvent): void;
     handleMouseDown(): void;
     handleMouseUp(): void;
     handleTouchStart(event: TouchEvent): void;
     handleTouchMove(event: TouchEvent): void;
-    handleTouchEnd(event: TouchEvent): void;
+    handleTouchEnd(): void;
+    handleWindowChange(state: any): void;
 }, {
-    clipStyle: Record<string, string>;
-    contentStyle: Record<string, string>;
-    imageSizeClasses: "e-w-full e-h-full" | "e-w-0 e-h-0";
+    beforeImageStyle: Record<string, string>;
+    afterImageStyle: Record<string, string>;
+    windowBounds: Record<string, number>;
+    watermarkStyle: Record<string, string>;
 }, {
     beforeImageSrc: string;
     afterImageSrc: string;
     isLoading: boolean;
+    mode: string;
+    transparency: number;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -7,12 +7,16 @@ type SizeClasses = {
 };
 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, {
     getButtonClasses(item: ESelectionGroupOption): {
-        "e-toggle-switch e-border-none e-text-gray-100 e-rounded-md e-shadow e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
-        "e-bg-inherit": boolean;
+        "e-toggle-switch e-border-none e-rounded-md e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
+        "e-text-gray-200": boolean;
+        "e-bg-gray-900": boolean;
+        "e-bg-gray-200": boolean;
+        "e-text-gray-900": boolean;
         "e-bg-brand-600": boolean;
         "e-bg-gray-600": boolean;
         "e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
         "e-opacity-50 e-cursor-not-allowed": boolean | undefined;
+        "e-shadow ": boolean;
     };
 }, {
     sizeClasses: SizeClasses;
@@ -22,6 +26,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     color: string;
     size: Size;
     vertical: boolean;
+    dark: boolean;
 }, {}, 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, {
     isSelected(value: any): boolean;
     onItemClick(value: any): void;

package/dist/index.d.ts

@@ -12,6 +12,7 @@ import EHoursHeatmap from './components/EHoursHeatmap.vue';
 import EReadMore from './components/EReadMore.vue';
 import ETruncatedDiv from './components/ETruncatedDiv.vue';
 import ECompareSeparator from './components/ECompareSeparator.vue';
+import EDragResize from './components/EDragResize.vue';
 import EImagesComparator from './components/EImagesComparator.vue';
 import EExpandableMenu from './components/EExpandableMenu.vue';
 import ESvgIcon from './components/ESvgIcon.vue';
@@ -480,43 +481,86 @@ export declare const components: {
     }, {
         xOffset: string | number;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EDragResize: 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>>, {
+        lens: any;
+        isDragging: boolean;
+        dragOffset: {
+            x: number;
+            y: number;
+        };
+        resizeHandles: string[];
+        currentHandle: null;
+    }, {
+        startDrag(e: MouseEvent | TouchEvent): void;
+        onDrag(e: MouseEvent | TouchEvent): void;
+        endDrag(): void;
+        startResize(handle: string, e: MouseEvent | TouchEvent): void;
+        onResize(e: MouseEvent | TouchEvent): void;
+        endResize(): void;
+        getPoint(e: MouseEvent | TouchEvent): {
+            x: number;
+            y: number;
+        };
+    }, {
+        windowStyle: Record<string, string>;
+    }, {
+        bounds: any;
+        initial: any;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EImagesComparator: 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>>, {
         separatorPositionX: number;
-        startSeparatorPositionX: number;
-        computedImageDimension: Record<string, any>;
         isSeparatorDragging: boolean;
-        watermarkDimension: Record<string, any>;
+        containerRect: DOMRect;
+        computedImageDimension: {
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+        };
+        zoomState: {};
         touchIdentifier: number | null;
         startTouchX: number;
-        containerRect: DOMRect;
-        container: HTMLElement;
-        afterImage: HTMLImageElement;
+        startSeparatorPositionX: number;
+        windowState: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
     }, {
+        onZoomChange(state: Record<string, any>): void;
         handleResize(): void;
-        handleWatermarkResize(): void;
         handleMouseMove(event: MouseEvent): void;
         handleMouseDown(): void;
         handleMouseUp(): void;
         handleTouchStart(event: TouchEvent): void;
         handleTouchMove(event: TouchEvent): void;
-        handleTouchEnd(event: TouchEvent): void;
+        handleTouchEnd(): void;
+        handleWindowChange(state: any): void;
     }, {
-        clipStyle: Record<string, string>;
-        contentStyle: Record<string, string>;
-        imageSizeClasses: "e-w-full e-h-full" | "e-w-0 e-h-0";
+        beforeImageStyle: Record<string, string>;
+        afterImageStyle: Record<string, string>;
+        windowBounds: Record<string, number>;
+        watermarkStyle: Record<string, string>;
     }, {
         beforeImageSrc: string;
         afterImageSrc: string;
         isLoading: boolean;
+        mode: string;
+        transparency: number;
     }, {}, 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): {
-            "e-toggle-switch e-border-none e-text-gray-100 e-rounded-md e-shadow e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
-            "e-bg-inherit": boolean;
+            "e-toggle-switch e-border-none e-rounded-md e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
+            "e-text-gray-200": boolean;
+            "e-bg-gray-900": boolean;
+            "e-bg-gray-200": boolean;
+            "e-text-gray-900": boolean;
             "e-bg-brand-600": boolean;
             "e-bg-gray-600": boolean;
             "e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
             "e-opacity-50 e-cursor-not-allowed": boolean | undefined;
+            "e-shadow ": boolean;
         };
     }, {
         sizeClasses: {
@@ -530,6 +574,7 @@ export declare const components: {
         color: string;
         size: import('./types').Size;
         vertical: boolean;
+        dark: boolean;
     }, {}, 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, {
         isSelected(value: any): boolean;
         onItemClick(value: any): void;
@@ -1303,7 +1348,7 @@ declare const _default: {
     install(Vue: VueConstructor): void;
 };
 export default _default;
-export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, EImagesComparator, EToggleSwitch, EExpandableMenu, EZoomable, EGlobalSearch, ESvgIcon, ECalendarHeatmap, EImagePlayer, EZoomableImg, EZoomSlider, EActionButton, ETooltip, ELayout, ECopyToClipboardBtn, EPopover, EVoiceRecorderToText, ERadioGroup, ESelect, ETabs, ESchedulePicker, };
+export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, EImagesComparator, EDragResize, EToggleSwitch, EExpandableMenu, EZoomable, EGlobalSearch, ESvgIcon, ECalendarHeatmap, EImagePlayer, EZoomableImg, EZoomSlider, EActionButton, ETooltip, ELayout, ECopyToClipboardBtn, EPopover, EVoiceRecorderToText, ERadioGroup, ESelect, ETabs, ESchedulePicker, };
 export * from './constants';
 export * from './types';
 export * from './utils';