@evercam/ui 1.0.0-3a7910c4c → 1.0.0-425bb5ef9

package/README.md

@@ -39,6 +39,7 @@ export default {
 </script>
 ```
 
+
 ### Dev mode
 
 You can preview the components and their stories by running the [Histoire](https://histoire.dev) sever:
@@ -46,3 +47,4 @@ You can preview the components and their stories by running the [Histoire](https
 `yarn story:dev`
 
 
+

package/dist/attributes.json

@@ -51,19 +51,13 @@
   },
   "EIcon/icon": {
     "type": "string",
-    "description": "",
-    "default": ""
+    "description": ""
   },
-  "EIcon/color": {
+  "EIcon/color-class": {
     "type": "string",
     "description": "",
     "default": "default"
   },
-  "EIcon/size": {
-    "type": "string",
-    "description": "",
-    "default": "sm"
-  },
   "ESpinner/dark": {
     "type": "boolean",
     "description": "",
@@ -179,6 +173,11 @@
     "type": "boolean|string|number",
     "description": ""
   },
+  "EVideoPlayer/with-zoom-buttons": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
   "EVideoPlayer/target-timestamp": {
     "type": "string|date",
     "description": ""
@@ -230,6 +229,11 @@
     "description": "",
     "default": false
   },
+  "EVideoPlayer/show-loading-animation": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
   "EVideoPlayer/is-zoomable": {
     "type": "boolean",
     "description": "",
@@ -325,6 +329,10 @@
     "description": "",
     "default": true
   },
+  "ETimeline/label-width": {
+    "type": "number|any",
+    "description": ""
+  },
   "ETimeline/bar-height": {
     "type": "number",
     "description": "",
@@ -429,6 +437,26 @@
     "description": "",
     "default": true
   },
+  "ETimeline/transition-duration": {
+    "type": "number",
+    "description": "",
+    "default": 400
+  },
+  "ETimeline/scaling-duration": {
+    "type": "number",
+    "description": "",
+    "default": 400
+  },
+  "ETimeline/highlight-milestone-on-match-timestamp": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "ETimeline/axis-height": {
+    "type": "number",
+    "description": "",
+    "default": 22
+  },
   "EVideoEmbed/video-url": {
     "type": "string",
     "description": ""
@@ -567,20 +595,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",
@@ -640,6 +683,11 @@
     "description": "",
     "default": false
   },
+  "EToggleSwitch/dark": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
   "EExpandableMenu/padding": {
     "type": "number",
     "description": "",
@@ -660,6 +708,11 @@
     "description": "",
     "default": false
   },
+  "EZoomable/with-zoom-buttons": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
   "EZoomable/with-overlay": {
     "type": "boolean",
     "description": "",
@@ -709,11 +762,6 @@
     "description": "",
     "default": true
   },
-  "ESvgIcon/icon": {
-    "type": "string",
-    "description": "",
-    "default": ""
-  },
   "EImagePlayer/frames": {
     "type": "array",
     "description": ""
@@ -980,7 +1028,8 @@
   },
   "ETooltip/text": {
     "type": "string",
-    "description": ""
+    "description": "",
+    "default": ""
   },
   "ETooltip/position": {
     "type": "string",
@@ -1154,6 +1203,11 @@
     "type": "object|string|array",
     "description": ""
   },
+  "EPopover/auto-position": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
   "EVoiceRecorderToText/value": {
     "type": "string",
     "description": "",
@@ -1232,6 +1286,16 @@
     "description": "",
     "default": true
   },
+  "ERadioGroup/with-icon": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "ERadioGroup/items-wrapper-classes": {
+    "type": "string|object|array",
+    "description": "",
+    "default": ""
+  },
   "ESelect/value": {
     "type": "string|number|boolean|object|array",
     "description": "",
@@ -1422,5 +1486,145 @@
     "type": "number",
     "description": "",
     "default": 15
+  },
+  "ESchedule/schedule": {
+    "type": "object",
+    "description": "",
+    "default": null
+  },
+  "ESchedule/templates": {
+    "type": "array",
+    "description": ""
+  },
+  "ESchedule/with-template-selector": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EStepper/steps": {
+    "type": "array",
+    "description": ""
+  },
+  "EStepper/initial-step": {
+    "type": "number",
+    "description": "",
+    "default": 0
+  },
+  "EStepper/dark": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EStepper/orientation": {
+    "type": "string",
+    "description": "",
+    "default": "horizontal"
+  },
+  "EHeatmapOverlay/points": {
+    "type": "array",
+    "description": ""
+  },
+  "EHeatmapOverlay/radius": {
+    "type": "number",
+    "description": "",
+    "default": 0.08
+  },
+  "EHeatmapOverlay/opacity": {
+    "type": "number",
+    "description": "",
+    "default": 0.9
+  },
+  "EHeatmapOverlay/max": {
+    "type": "number",
+    "description": "",
+    "default": 0
+  },
+  "EHeatmapOverlay/scheme": {
+    "type": "string",
+    "description": "",
+    "default": "turbo"
+  },
+  "EHeatmapOverlay/clamp": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EPolygonOverlay/polygons": {
+    "type": "array",
+    "description": ""
+  },
+  "EPolygonOverlay/animate": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EPolygonOverlay/is-read-only": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EPolygonOverlay/use-mask": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EPolygonOverlay/straight-line": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EPolygonOverlay/value": {
+    "type": "array",
+    "description": ""
+  },
+  "EPolygonOverlay/is-rectangle": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EPolygonOverlay/show-clear-button": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EPolygonOverlay/node-size": {
+    "type": "number",
+    "description": "",
+    "default": 6
+  },
+  "EPolygonOverlay/line-color": {
+    "type": "string",
+    "description": "",
+    "default": "#029eff"
+  },
+  "EPolygonOverlay/fill-color": {
+    "type": "string",
+    "description": "",
+    "default": "#029eff22"
+  },
+  "EPolygonOverlay/hover-fill-color": {
+    "type": "string",
+    "description": "",
+    "default": "rgba(66, 192,31, 0.5 )"
+  },
+  "EPolygonOverlay/hover-line-color": {
+    "type": "string",
+    "description": "",
+    "default": "rgb(66, 192,31 )"
+  },
+  "EPolygonOverlay/scale": {
+    "type": "number",
+    "description": "",
+    "default": 1
+  },
+  "EPolygonOverlay/image-width": {
+    "type": "number",
+    "description": "",
+    "default": 0
+  },
+  "EPolygonOverlay/image-height": {
+    "type": "number",
+    "description": "",
+    "default": 0
   }
 }

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

@@ -19,8 +19,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
 }, {}, 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>>, {
     eventListeners: import("../mixins/event-listeners").IEventListener[];
 }, {
-    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
-    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
     timeouts: number[];

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

@@ -27,8 +27,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
 }, {}, 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>>, {
     eventListeners: import("../mixins/event-listeners").IEventListener[];
 }, {
-    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
-    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -0,0 +1,34 @@
+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/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>>, {
+    eventListeners: import('../mixins/event-listeners').IEventListener[];
+}, {
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListeners(): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -17,8 +17,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
 }, {}, 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>>, {
     eventListeners: import('../mixins/event-listeners').IEventListener[];
 }, {
-    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
-    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
     timeouts: number[];

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

@@ -30,8 +30,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
 }, {}, 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>>, {
     eventListeners: import("../mixins/event-listeners").IEventListener[];
 }, {
-    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
-    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
     timeouts: number[];

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

@@ -25,8 +25,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
 }, {}, 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>>, {
     eventListeners: import("../mixins/event-listeners").IEventListener[];
 }, {
-    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
-    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -0,0 +1,21 @@
+import Vue from "vue";
+import { HeatmapColorScheme, HeatmapPoint } from '../types';
+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>>, {
+    overlayOpacity: number;
+    isFistDraw: boolean;
+}, {
+    onResize(): void;
+    syncCanvasSize(): void;
+    buildLookupTable(size?: number): Uint8ClampedArray;
+    draw(): void;
+}, {
+    interpolator: (t: number) => string;
+}, {
+    points: HeatmapPoint[];
+    radius: number;
+    opacity: number;
+    max: number;
+    scheme: HeatmapColorScheme;
+    clamp: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -1,11 +1,16 @@
 import Vue from "vue";
 import { Size } from '../types';
 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, {
-    sizes: Record<Size, string>;
-    iconClasses: string[];
+    isSvgIcon: boolean;
+    svgIconName: string;
+    svgIconComponent: any;
+    svgSizes: Partial<Record<Size, number>>;
+    faSizes: Record<Size, string>;
+    iconSize: string | number | undefined;
+    faIconStyle: Record<string, string>;
+    faIconClass: string[];
 }, {
     icon: string;
-    color: string;
-    size: Size;
+    colorClass: string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -115,8 +115,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
 }, {}, 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>>, {
     eventListeners: import("../mixins/event-listeners").IEventListener[];
 }, {
-    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
-    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $addEventListener(event: string, cb: () => void, element?: Document): void;
+    $removeEventListener(event: string, cb: () => void, element?: Document): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
     timeouts: number[];

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

@@ -1,31 +1,52 @@
 import Vue from "vue";
+import { CompareMode } from '../types';
 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;
+    };
+    CompareMode: typeof CompareMode;
+    isBeforeImageLoaded: boolean;
+    isAfterImageLoaded: boolean;
 }, {
+    onZoomChange(state: Record<string, any>): void;
+    handleAfterImageLoad(): void;
+    handleBeforeImageLoad(): 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>;
+    computedSeparatorPositionX: number;
+    isComponentLoading: boolean;
 }, {
     beforeImageSrc: string;
     afterImageSrc: string;
     isLoading: boolean;
+    mode: string;
+    transparency: number;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -13,6 +13,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     mainHeight: string;
 }, {
     onResize(): void;
+    hasScopedSlot(name: string): boolean;
     onOverlayClick(e: Event): void;
     setOverlayFooterHeight(): void;
     setFooterHeight(): void;

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

@@ -0,0 +1,23 @@
+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>>, {
+    isVisible: boolean;
+    observer: IntersectionObserver | null;
+    loadTimer: number | null;
+}, {
+    setupIntersectionObserver(): void;
+    handleIntersecting(): void;
+    handleExiting(): void;
+    load(): void;
+    cleanup(): void;
+}, {
+    containerStyle: Record<string, string>;
+    placeholderStyle: Record<string, string>;
+}, {
+    height: string | number;
+    rootMargin: string;
+    threshold: number;
+    unloadOnExit: boolean;
+    minLoadTime: number;
+    root: Element | null;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;