@evercam/ui 1.0.0-preview-fix-compare-b91b3ae20 → 1.0.0-preview-refactor-automations-tests-4134614c2

package/dist/index.mjs

@@ -14126,7 +14126,7 @@ const ei = E5.exports, L5 = F.extend({
   },
   computed: {
     beforeImageStyle() {
-      if (this.isComponentLoading)
+      if (this.isLoading)
         return {
           clip: "none"
         };
@@ -14174,11 +14174,8 @@ const ei = E5.exports, L5 = F.extend({
     }
   },
   watch: {
-    beforeImageSrc() {
-      this.isBeforeImageLoaded = !1;
-    },
-    afterImageSrc() {
-      this.isAfterImageLoaded = !1;
+    isLoading(t) {
+      t && (this.isBeforeImageLoaded = !1, this.isAfterImageLoaded = !1);
     }
   },
   methods: {
@@ -14252,16 +14249,16 @@ const ei = E5.exports, L5 = F.extend({
 });
 var D5 = function() {
   var e = this, r = e._self._c;
-  return r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.handleResize, expression: "handleResize" }], ref: "container", staticClass: "e-h-full e-w-full e-relative e-bg-black e-border-black !e-select-none" }, [r("div", { staticClass: "e-w-full e-h-full" }, [r("EZoomableImg", { ref: "afterImage", staticClass: "e-block e-w-full e-h-full e-image-comparator__image", style: e.afterImageStyle, attrs: { src: e.afterImageSrc, alt: "After Image", embedded: !0, allowZoom: !0, pan: !0, slider: !0, showMiniature: !0, hideContentOnBlur: !1 }, on: { change: e.onZoomChange, load: e.handleAfterImageLoad } }), r("EZoomableImg", { staticClass: "!e-absolute e-top-0 e-left-0 e-pointer-events-none e-block e-w-full e-h-full e-image-comparator__image", style: e.beforeImageStyle, attrs: { src: e.beforeImageSrc, alt: "Before Image", embedded: !0, allowZoom: !1, pan: !1, slider: !1, showMiniature: !1, initialParams: e.zoomState }, on: { load: e.handleBeforeImageLoad } })], 1), e.mode === e.CompareMode.Curtain && !e.isComponentLoading ? r("ECompareSeparator", { attrs: { "x-offset": e.computedSeparatorPositionX }, on: { mousedown: function(n) {
+  return r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.handleResize, expression: "handleResize" }], ref: "container", staticClass: "e-h-full e-w-full e-relative e-bg-black e-border-black !e-select-none" }, [r("div", { staticClass: "e-w-full e-h-full" }, [r("EZoomableImg", { ref: "afterImage", staticClass: "e-block e-w-full e-h-full e-image-comparator__image", style: e.afterImageStyle, attrs: { src: e.afterImageSrc, alt: "After Image", embedded: !0, allowZoom: !0, pan: !0, slider: !0, showMiniature: !0, hideContentOnBlur: !1 }, on: { change: e.onZoomChange, load: e.handleAfterImageLoad } }), r("EZoomableImg", { staticClass: "!e-absolute e-top-0 e-left-0 e-pointer-events-none e-block e-w-full e-h-full e-image-comparator__image", style: e.beforeImageStyle, attrs: { src: e.beforeImageSrc, alt: "Before Image", embedded: !0, allowZoom: !1, pan: !1, slider: !1, showMiniature: !1, initialParams: e.zoomState }, on: { load: e.handleBeforeImageLoad } })], 1), e.mode === e.CompareMode.Curtain && !e.isLoading ? r("ECompareSeparator", { attrs: { "x-offset": e.computedSeparatorPositionX }, on: { mousedown: function(n) {
     return n.stopPropagation(), n.preventDefault(), e.handleMouseDown.apply(null, arguments);
-  }, touchstart: e.handleTouchStart } }) : e._e(), e.mode === "window" && !e.isComponentLoading ? r("EDragResize", { attrs: { initial: e.windowState, bounds: e.windowBounds }, on: { change: e.handleWindowChange } }) : e._e(), e.isComponentLoading ? e._e() : r("div", { staticClass: "e-images-comparator__watermark", style: e.watermarkStyle }, [e._t("watermark", null, null, e.watermarkStyle)], 2), e.isComponentLoading ? r("div", { staticClass: "e-images-comparator__overlay" }, [e._t("overlay")], 2) : e._e(), r("div", { staticClass: "e-images-comparator__imageOverlay" }, [e._t("imageOverlay")], 2), e._t("default", null, { imageDimensions: e.computedImageDimension })], 2);
+  }, touchstart: e.handleTouchStart } }) : e._e(), e.mode === "window" && !e.isLoading ? r("EDragResize", { attrs: { initial: e.windowState, bounds: e.windowBounds }, on: { change: e.handleWindowChange } }) : e._e(), e.isLoading ? e._e() : r("div", { staticClass: "e-images-comparator__watermark", style: e.watermarkStyle }, [e._t("watermark", null, null, e.watermarkStyle)], 2), e.isComponentLoading ? r("div", { staticClass: "e-images-comparator__overlay" }, [e._t("overlay")], 2) : e._e(), r("div", { staticClass: "e-images-comparator__imageOverlay" }, [e._t("imageOverlay")], 2), e._t("default", null, { imageDimensions: e.computedImageDimension })], 2);
 }, P5 = [], z5 = /* @__PURE__ */ H(
   L5,
   D5,
   P5,
   !1,
   null,
-  "e5b9302f",
+  "3322d16d",
   null,
   null
 );
@@ -21373,7 +21370,7 @@ const ed = J7.exports, td = F.extend({
 var rd = function() {
   var e = this, r = e._self._c;
   return e._self._setupProxy, r("div", { staticClass: "e-radio-group__wrapper e-mx-auto e-w-full" }, [r("div", [r("div", { staticClass: "e-radio-group__items e-space-y-2", class: e.itemsWrapperClasses }, e._l(e.options, function(n, s) {
-    return r("div", { key: s, staticClass: "e-radio-group__container e-relative e-flex e-border-solid e-border-[1.67px] e-rounded-lg e-px-4 e-py-2.5 e-shadow-md focus:e-outline-none e-max-h-[66px]", class: e.containerClasses(n), on: { click: function(i) {
+    return r("div", { key: s, staticClass: "e-radio-group__container e-relative e-flex e-border-solid e-border-[1.67px] e-rounded-lg e-px-4 e-py-2.5 e-shadow-md focus:e-outline-none e-max-h-[66px]", class: e.containerClasses(n), attrs: { "data-test-id": `radio-option-${n.value}` }, on: { click: function(i) {
       return e.onItemClick(n.value);
     } } }, [r("div", { staticClass: "e-radio-group__option-wrapper e-flex e-w-full e-items-center e-justify-between" }, [r("div", { staticClass: "e-radio-group__option-wrapper e-flex e-items-center" }, [e.withIcon && n.icon ? r("div", { staticClass: "e-mr-4" }, [e._t("icon", function() {
       return [r("EIcon", { class: e.isSelected(n.value) ? e.selectedItemClasses : e.radioItemClasses, attrs: { icon: n.icon, size: "base" } })];
@@ -21381,7 +21378,7 @@ var rd = function() {
       return [r("h2", { staticClass: "e-radio-group__option-title e-font-semibold e-text-sm e-mb-1 e-mt-1" }, [e._v(" " + e._s(n.label) + " ")])];
     }, { option: n }), e._t("description", function() {
       return [e.showDescription(n) ? r("span", { staticClass: "e-radio-group__option-description e-mt-2 e-text-[0.75rem]" }, [e._v(" " + e._s(n.description) + " ")]) : e._e()];
-    }, { option: n })], 2)], 2)]), r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSelected(n.value), expression: "isSelected(option.value)" }], staticClass: "e-shrink-0 e-text-white" }, [e._t("highlight-icon", function() {
+    }, { option: n })], 2)], 2)]), r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSelected(n.value), expression: "isSelected(option.value)" }], staticClass: "e-shrink-0 e-text-white", attrs: { "data-test-id": "radio-option-checkmark" } }, [e._t("highlight-icon", function() {
       return [r("svg", { staticClass: "e-h-6 e-w-6", attrs: { viewBox: "0 0 24 24", fill: "none" } }, [r("circle", { attrs: { cx: "12", cy: "12", r: "12", fill: "#fff", "fill-opacity": "0.2" } }), r("path", { attrs: { d: "M7 13l3 3 7-7", stroke: "#fff", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" } })])];
     }, { option: n })], 2)])]);
   }), 0)])]);