@evercam/ui 1.0.0-preview-ImplementingEPoly-d526524b6 → 1.0.0-preview-ImplementingEPoly-f4f5761c7

package/dist/attributes.json

@@ -1559,6 +1559,11 @@
     "type": "array",
     "description": ""
   },
+  "EPolygonOverlay/animate": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
   "EPolygonOverlay/is-read-only": {
     "type": "boolean",
     "description": "",

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

@@ -52,6 +52,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     normalizedPoints: Point[];
 }, {
     polygons: Polygon[];
+    animate: boolean;
     isReadOnly: boolean;
     useMask: boolean;
     straightLine: boolean;

package/dist/index.d.ts

@@ -1361,6 +1361,7 @@ export declare const components: {
         normalizedPoints: import('./types').Point[];
     }, {
         polygons: import('./types').Polygon[];
+        animate: boolean;
         isReadOnly: boolean;
         useMask: boolean;
         straightLine: boolean;

package/dist/index.mjs

@@ -18678,7 +18678,7 @@ var h8 = function() {
   }, style: {
     ...e.contentStyle,
     ...e.foregroundStyle
-  }, attrs: { id: "img-foreground", "data-test-id": "zoomable-img-foreground" } }, [r("div", { staticClass: "zoomable-img__slot__top-left e-absolute e-top-0 e-left-0" }, [e._t("top-left")], 2), r("div", { staticClass: "zoomable-img__slot__top-right e-absolute e-top-0 e-right-0" }, [e._t("top-right")], 2), e.imageLoaded ? e._e() : e._t("placeholder", null, { dataTestId: "zoomable-img-placeholder" }), e.showContent && e.slotTransition ? r("EFadeTransition", [e.showContent ? e._t("default", null, { dataTestId: "zoomable-img-content" }) : e._e()], 2) : e.showContent ? e._t("default", null, { dataTestId: "zoomable-img-content" }) : e._e(), r("EFadeTransition", [e.showContent && e.slider && e.allowZoom ? r("div", { staticClass: "zoomable-img__slider-container", attrs: { "data-test-id": "zoomable-img-zoom-slider" } }, [e._t("extraWidgets"), r("EZoomSlider", { attrs: { vertical: "" }, on: { mouseup: e.onSliderMouseUp, mousedown: e.onSliderMouseDown, "zoom-in": function(s) {
+  }, attrs: { id: "img-foreground", "data-test-id": "zoomable-img-foreground" } }, [r("div", { staticClass: "zoomable-img__slot__top-left e-absolute e-top-0 e-left-0" }, [e._t("top-left")], 2), r("div", { staticClass: "zoomable-img__slot__top-right e-absolute e-top-0 e-right-0 e-z-[201]" }, [e._t("top-right")], 2), e.imageLoaded ? e._e() : e._t("placeholder", null, { dataTestId: "zoomable-img-placeholder" }), e.showContent && e.slotTransition ? r("EFadeTransition", [e.showContent ? e._t("default", null, { dataTestId: "zoomable-img-content" }) : e._e()], 2) : e.showContent ? e._t("default", null, { dataTestId: "zoomable-img-content" }) : e._e(), r("EFadeTransition", [e.showContent && e.slider && e.allowZoom ? r("div", { staticClass: "zoomable-img__slider-container", attrs: { "data-test-id": "zoomable-img-zoom-slider" } }, [e._t("extraWidgets"), r("EZoomSlider", { attrs: { vertical: "" }, on: { mouseup: e.onSliderMouseUp, mousedown: e.onSliderMouseDown, "zoom-in": function(s) {
     return e.zoom(-1);
   }, "zoom-out": function(s) {
     return e.zoom(1);
@@ -22046,6 +22046,10 @@ const kd = Td.exports, $d = F.extend({
       type: Array,
       default: () => []
     },
+    animate: {
+      type: Boolean,
+      default: !0
+    },
     isReadOnly: {
       type: Boolean,
       default: !1
@@ -22300,7 +22304,7 @@ var Md = function() {
     }, click: function(a) {
       return a.stopPropagation(), e.$emit("polygon-select", i);
     } } });
-  }), r("text", [e._v("test")])], 2) : r("svg", { staticClass: "polygon-overlay" }, [e.useMask && e.points.length > 2 ? [r("defs", [r("mask", { attrs: { id: "polygon-mask" } }, [r("rect", { attrs: { width: "100%", height: "100%", fill: "white" } }), r("polygon", { attrs: { points: e.polygonPoints, fill: "black" } })]), r("mask", { attrs: { id: "stroke-mask" } }, [r("rect", { attrs: { width: "100%", height: "100%", fill: "white" } }), r("polygon", { attrs: { points: e.polygonPoints, fill: "black" } })])]), r("rect", { attrs: { width: "100%", height: "100%", fill: "rgba(0,0,0,0.5)", mask: "url(#polygon-mask)" } }), r("polygon", { staticStyle: { filter: "blur(4px)" }, attrs: { points: e.polygonPoints, fill: "none", stroke: "#029eff", "stroke-width": "1", mask: "url(#stroke-mask)" } }, [r("animate", { attrs: { attributeName: "opacity", values: "0.67;0.8;0.67", dur: "1.5s", repeatCount: "indefinite" } }), r("animate", { attrs: { attributeName: "stroke-width", values: "1;6;1", dur: "1.5s", repeatCount: "indefinite" } })])] : e._e(), e.points.length > 2 ? r("polygon", { staticStyle: { animation: "border-dance 1s infinite linear" }, attrs: { points: e.polygonPoints, fill: e.useMask ? "transparent" : e.fillColor, stroke: e.lineColor, "stroke-width": e.scaledStrokeWidth, "stroke-dasharray": e.scaledStrokeDasharray } }) : e._e(), e.points.length === 2 ? r("line", { attrs: { x1: e.points[0].x, y1: e.points[0].y, x2: e.points[1].x, y2: e.points[1].y, stroke: e.lineColor, "stroke-width": e.scaledStrokeWidth, "stroke-dasharray": e.strokeDasharray } }) : e._e(), e._l(e.points && !e.isReadOnly, function(s, i) {
+  }), r("text", [e._v("test")])], 2) : r("svg", { staticClass: "polygon-overlay" }, [e.useMask && e.points.length > 2 ? [r("defs", [r("mask", { attrs: { id: "polygon-mask" } }, [r("rect", { attrs: { width: "100%", height: "100%", fill: "white" } }), r("polygon", { attrs: { points: e.polygonPoints, fill: "black" } })]), r("mask", { attrs: { id: "stroke-mask" } }, [r("rect", { attrs: { width: "100%", height: "100%", fill: "white" } }), r("polygon", { attrs: { points: e.polygonPoints, fill: "black" } })])]), r("rect", { attrs: { width: "100%", height: "100%", fill: "rgba(0,0,0,0.7)", mask: "url(#polygon-mask)" } }), r("polygon", { staticStyle: { filter: "blur(4px)" }, attrs: { points: e.polygonPoints, fill: "none", stroke: "#029eff", "stroke-width": "0.8", mask: "url(#stroke-mask)" } }, [e.animate ? r("animate", { attrs: { attributeName: "opacity", values: "0.67;0.8;0.67", dur: "1.5s", repeatCount: "indefinite" } }) : e._e(), e.animate ? r("animate", { attrs: { attributeName: "stroke-width", values: "1;6;1", dur: "1.5s", repeatCount: "indefinite" } }) : e._e()])] : e._e(), e.points.length > 2 ? r("polygon", { staticStyle: { animation: "border-dance 1s infinite linear" }, attrs: { points: e.polygonPoints, fill: e.useMask ? "transparent" : e.fillColor, stroke: e.lineColor, "stroke-width": e.scaledStrokeWidth, "stroke-dasharray": e.scaledStrokeDasharray } }) : e._e(), e.points.length === 2 ? r("line", { attrs: { x1: e.points[0].x, y1: e.points[0].y, x2: e.points[1].x, y2: e.points[1].y, stroke: e.lineColor, "stroke-width": e.scaledStrokeWidth, "stroke-dasharray": e.strokeDasharray } }) : e._e(), e.isReadOnly ? e._e() : e._l(e.points, function(s, i) {
     return r("circle", { key: i, staticClass: "polygon-point", attrs: { cx: s.x, cy: s.y, r: e.scaledNodeSize, fill: e.lineColor, stroke: "white", "stroke-width": e.scaledStrokeWidth }, on: { click: function(a) {
       return a.shiftKey ? e.removePoint(i) : null;
     }, mousedown: function(a) {