@evercam/ui 1.0.0-preview-stats-monitor-commponent-6baabcfb7 → 1.0.0-preview-addingZoomButtonsToLiveViewVideo-de40a7d88

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

@@ -16,6 +16,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     pointers: Record<number, PointerEvent>;
     transform: string;
 }, {
+    zoom(delta: number): void;
     updateZoomScale(): void;
     handleZoom(e: WheelEvent): void;
     handleMouseDown(e: MouseEvent): void;

package/dist/index.d.ts

@@ -662,6 +662,7 @@ export declare const components: {
         pointers: Record<number, PointerEvent>;
         transform: string;
     }, {
+        zoom(delta: number): void;
         updateZoomScale(): void;
         handleZoom(e: WheelEvent): void;
         handleMouseDown(e: MouseEvent): void;

package/dist/index.mjs

@@ -9393,6 +9393,15 @@ const Z0 = R.extend({
     }
   },
   methods: {
+    zoom(t) {
+      const e = this.$refs.container;
+      if (this.disabled)
+        return;
+      const r = e.getBoundingClientRect(), n = { x: r.width / 2, y: r.height / 2 }, i = this.scale;
+      t < 0 ? this.scale *= 1.2 : this.scale *= 0.8, this.updateZoomScale(), this.left = (this.left - n.x) * (this.scale / i) + n.x, this.top = (this.top - n.y) * (this.scale / i) + n.y;
+      const o = 0 - r.width * (this.scale - 1), a = 0 - r.height * (this.scale - 1);
+      this.left = Math.min(0, Math.max(o, this.left)), this.top = Math.min(0, Math.max(a, this.top)), this.updateTransform();
+    },
     updateZoomScale() {
       this.scale > this.maxScale ? this.scale = this.maxScale : this.scale < this.minScale && (this.scale = this.minScale);
     },
@@ -9494,7 +9503,7 @@ var V0 = function() {
   Y0,
   !1,
   null,
-  "5e462efa",
+  "06b5341b",
   null,
   null
 );