@yoobic/yobi 8.6.33 → 8.6.34

package/dist/cjs/yoo-form-capture.cjs.entry.js

@@ -1647,7 +1647,7 @@ const YooFormCaptureComponent = class {
       annotations = annotations.filter((text) => (text === null || text === void 0 ? void 0 : text.type) !== 'dot');
     }
     return [
-      index$1.h("div", { class: "image-container" }, index$1.h("yoo-photo-editor", { src: imageData.src, zoomable: false, display: "preview", ...(this.isPdf && {
+      index$1.h("div", { class: "image-container" }, index$1.h("yoo-photo-editor", { src: imageData.src, display: "preview", zoomable: true, ...(this.isPdf && {
           cloudinaryOptions
         }), animated: extraData === null || extraData === void 0 ? void 0 : extraData.animated, drawings: imageData === null || imageData === void 0 ? void 0 : imageData.drawings, annotations: annotations, onImageClicked: (ev) => !this.isPdf && this.handleImageClick(index$2, ev) }), ((_b = this.detailViewOptions) === null || _b === void 0 ? void 0 : _b.showDetailInfoAsOverlay) && this.renderDetailViewOverlay(extraData)),
       distance && this.renderDistance(index$2)

package/dist/cjs/yoo-photo-editor.cjs.entry.js

@@ -348,8 +348,8 @@ const YooPhotoEditorComponent = class {
     return this.isDrawMode || this.isTextMode || this.isDotMode;
   }
   get isImageZoomable() {
-    var _a;
-    return ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && (this.zoomable || this.isReadonly);
+    var _a, _b;
+    return this.isReadonly && ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && ((_b = this.zoomable) !== null && _b !== void 0 ? _b : !this.isPreview);
   }
   get isImageZoomed() {
     return index$1.getTransformInfos(this.imageElement).scaleX > 1;
@@ -713,9 +713,9 @@ const YooPhotoEditorComponent = class {
     var _a;
     this.isTextEditMode && ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.blur());
   }
-  toggleColorSelector() {
+  toggleColorSelector(forceShow) {
     var _a, _b;
-    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', this.isEditMode && !this.hasDiscardBeenClicked);
+    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', forceShow !== null && forceShow !== void 0 ? forceShow : (this.isEditMode && !this.hasDiscardBeenClicked));
   }
   toggleSaveButton(forceShow) {
     if (getActionButton().validate) {
@@ -1286,6 +1286,7 @@ const YooPhotoEditorComponent = class {
     this.lastMode = this.mode;
     this.hasDoneBeenClicked = true;
     this.leaveColorPickerMode();
+    this.toggleColorSelector(false);
     if (this.isTextCreateMode) {
       if ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.textContent) {
         this.createTextBox();
@@ -1421,7 +1422,7 @@ const YooPhotoEditorComponent = class {
     return index.h("canvas", { id: "src", onClick: (ev) => ev.preventDefault(), ref: el => this.canvasSrcElement = el, ...this.computedImageSize });
   }
   renderImage() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     return (index.h("yoo-img", { instant: true, id: "src", src: this.finalSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false, ...((this.isPreview && !this.isImageZoomable) && {
         cloudinaryOptions: {
           width: (_b = (_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.resized) === null || _b === void 0 ? void 0 : _b.width,
@@ -1432,7 +1433,7 @@ const YooPhotoEditorComponent = class {
       }), ref: el => this.imageElement = el, style: {
         ...this.computedImageSizeStyle,
         ...(this.isImageZoomable && {
-          transform: `scale(${this.imageSize.scaleFactor})`
+          transform: `scale(${(_e = this.imageSize) === null || _e === void 0 ? void 0 : _e.scaleFactor})`
         })
       } }));
   }

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -165,8 +165,8 @@ export class YooPhotoEditorComponent {
     return this.isDrawMode || this.isTextMode || this.isDotMode;
   }
   get isImageZoomable() {
-    var _a;
-    return ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && (this.zoomable || this.isReadonly);
+    var _a, _b;
+    return this.isReadonly && ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && ((_b = this.zoomable) !== null && _b !== void 0 ? _b : !this.isPreview);
   }
   get isImageZoomed() {
     return getTransformInfos(this.imageElement).scaleX > 1;
@@ -530,9 +530,9 @@ export class YooPhotoEditorComponent {
     var _a;
     this.isTextEditMode && ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.blur());
   }
-  toggleColorSelector() {
+  toggleColorSelector(forceShow) {
     var _a, _b;
-    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', this.isEditMode && !this.hasDiscardBeenClicked);
+    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', forceShow !== null && forceShow !== void 0 ? forceShow : (this.isEditMode && !this.hasDiscardBeenClicked));
   }
   toggleSaveButton(forceShow) {
     if (getActionButton().validate) {
@@ -1103,6 +1103,7 @@ export class YooPhotoEditorComponent {
     this.lastMode = this.mode;
     this.hasDoneBeenClicked = true;
     this.leaveColorPickerMode();
+    this.toggleColorSelector(false);
     if (this.isTextCreateMode) {
       if ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.textContent) {
         this.createTextBox();
@@ -1238,7 +1239,7 @@ export class YooPhotoEditorComponent {
     return h("canvas", { id: "src", onClick: (ev) => ev.preventDefault(), ref: el => this.canvasSrcElement = el, ...this.computedImageSize });
   }
   renderImage() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     return (h("yoo-img", { instant: true, id: "src", src: this.finalSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false, ...((this.isPreview && !this.isImageZoomable) && {
         cloudinaryOptions: {
           width: (_b = (_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.resized) === null || _b === void 0 ? void 0 : _b.width,
@@ -1249,7 +1250,7 @@ export class YooPhotoEditorComponent {
       }), ref: el => this.imageElement = el, style: {
         ...this.computedImageSizeStyle,
         ...(this.isImageZoomable && {
-          transform: `scale(${this.imageSize.scaleFactor})`
+          transform: `scale(${(_e = this.imageSize) === null || _e === void 0 ? void 0 : _e.scaleFactor})`
         })
       } }));
   }

package/dist/collection/components/form/form-capture/form-capture.js

@@ -1604,7 +1604,7 @@ export class YooFormCaptureComponent {
       annotations = annotations.filter((text) => (text === null || text === void 0 ? void 0 : text.type) !== 'dot');
     }
     return [
-      h("div", { class: "image-container" }, h("yoo-photo-editor", { src: imageData.src, zoomable: false, display: "preview", ...(this.isPdf && {
+      h("div", { class: "image-container" }, h("yoo-photo-editor", { src: imageData.src, display: "preview", zoomable: true, ...(this.isPdf && {
           cloudinaryOptions
         }), animated: extraData === null || extraData === void 0 ? void 0 : extraData.animated, drawings: imageData === null || imageData === void 0 ? void 0 : imageData.drawings, annotations: annotations, onImageClicked: (ev) => !this.isPdf && this.handleImageClick(index, ev) }), ((_b = this.detailViewOptions) === null || _b === void 0 ? void 0 : _b.showDetailInfoAsOverlay) && this.renderDetailViewOverlay(extraData)),
       distance && this.renderDistance(index)

package/dist/design-system/yoo-form-capture.entry.js

@@ -1643,7 +1643,7 @@ const YooFormCaptureComponent = class {
       annotations = annotations.filter((text) => (text === null || text === void 0 ? void 0 : text.type) !== 'dot');
     }
     return [
-      h("div", { class: "image-container" }, h("yoo-photo-editor", { src: imageData.src, zoomable: false, display: "preview", ...(this.isPdf && {
+      h("div", { class: "image-container" }, h("yoo-photo-editor", { src: imageData.src, display: "preview", zoomable: true, ...(this.isPdf && {
           cloudinaryOptions
         }), animated: extraData === null || extraData === void 0 ? void 0 : extraData.animated, drawings: imageData === null || imageData === void 0 ? void 0 : imageData.drawings, annotations: annotations, onImageClicked: (ev) => !this.isPdf && this.handleImageClick(index, ev) }), ((_b = this.detailViewOptions) === null || _b === void 0 ? void 0 : _b.showDetailInfoAsOverlay) && this.renderDetailViewOverlay(extraData)),
       distance && this.renderDistance(index)

package/dist/design-system/yoo-photo-editor.entry.js

@@ -344,8 +344,8 @@ const YooPhotoEditorComponent = class {
     return this.isDrawMode || this.isTextMode || this.isDotMode;
   }
   get isImageZoomable() {
-    var _a;
-    return ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && (this.zoomable || this.isReadonly);
+    var _a, _b;
+    return this.isReadonly && ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && ((_b = this.zoomable) !== null && _b !== void 0 ? _b : !this.isPreview);
   }
   get isImageZoomed() {
     return getTransformInfos(this.imageElement).scaleX > 1;
@@ -709,9 +709,9 @@ const YooPhotoEditorComponent = class {
     var _a;
     this.isTextEditMode && ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.blur());
   }
-  toggleColorSelector() {
+  toggleColorSelector(forceShow) {
     var _a, _b;
-    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', this.isEditMode && !this.hasDiscardBeenClicked);
+    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', forceShow !== null && forceShow !== void 0 ? forceShow : (this.isEditMode && !this.hasDiscardBeenClicked));
   }
   toggleSaveButton(forceShow) {
     if (getActionButton().validate) {
@@ -1282,6 +1282,7 @@ const YooPhotoEditorComponent = class {
     this.lastMode = this.mode;
     this.hasDoneBeenClicked = true;
     this.leaveColorPickerMode();
+    this.toggleColorSelector(false);
     if (this.isTextCreateMode) {
       if ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.textContent) {
         this.createTextBox();
@@ -1417,7 +1418,7 @@ const YooPhotoEditorComponent = class {
     return h("canvas", { id: "src", onClick: (ev) => ev.preventDefault(), ref: el => this.canvasSrcElement = el, ...this.computedImageSize });
   }
   renderImage() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     return (h("yoo-img", { instant: true, id: "src", src: this.finalSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false, ...((this.isPreview && !this.isImageZoomable) && {
         cloudinaryOptions: {
           width: (_b = (_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.resized) === null || _b === void 0 ? void 0 : _b.width,
@@ -1428,7 +1429,7 @@ const YooPhotoEditorComponent = class {
       }), ref: el => this.imageElement = el, style: {
         ...this.computedImageSizeStyle,
         ...(this.isImageZoomable && {
-          transform: `scale(${this.imageSize.scaleFactor})`
+          transform: `scale(${(_e = this.imageSize) === null || _e === void 0 ? void 0 : _e.scaleFactor})`
         })
       } }));
   }

package/dist/esm/yoo-form-capture.entry.js

@@ -1643,7 +1643,7 @@ const YooFormCaptureComponent = class {
       annotations = annotations.filter((text) => (text === null || text === void 0 ? void 0 : text.type) !== 'dot');
     }
     return [
-      h("div", { class: "image-container" }, h("yoo-photo-editor", { src: imageData.src, zoomable: false, display: "preview", ...(this.isPdf && {
+      h("div", { class: "image-container" }, h("yoo-photo-editor", { src: imageData.src, display: "preview", zoomable: true, ...(this.isPdf && {
           cloudinaryOptions
         }), animated: extraData === null || extraData === void 0 ? void 0 : extraData.animated, drawings: imageData === null || imageData === void 0 ? void 0 : imageData.drawings, annotations: annotations, onImageClicked: (ev) => !this.isPdf && this.handleImageClick(index, ev) }), ((_b = this.detailViewOptions) === null || _b === void 0 ? void 0 : _b.showDetailInfoAsOverlay) && this.renderDetailViewOverlay(extraData)),
       distance && this.renderDistance(index)

package/dist/esm/yoo-photo-editor.entry.js

@@ -344,8 +344,8 @@ const YooPhotoEditorComponent = class {
     return this.isDrawMode || this.isTextMode || this.isDotMode;
   }
   get isImageZoomable() {
-    var _a;
-    return ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && (this.zoomable || this.isReadonly);
+    var _a, _b;
+    return this.isReadonly && ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && ((_b = this.zoomable) !== null && _b !== void 0 ? _b : !this.isPreview);
   }
   get isImageZoomed() {
     return getTransformInfos(this.imageElement).scaleX > 1;
@@ -709,9 +709,9 @@ const YooPhotoEditorComponent = class {
     var _a;
     this.isTextEditMode && ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.blur());
   }
-  toggleColorSelector() {
+  toggleColorSelector(forceShow) {
     var _a, _b;
-    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', this.isEditMode && !this.hasDiscardBeenClicked);
+    (_b = (_a = this.footerElement) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.toggle('active', forceShow !== null && forceShow !== void 0 ? forceShow : (this.isEditMode && !this.hasDiscardBeenClicked));
   }
   toggleSaveButton(forceShow) {
     if (getActionButton().validate) {
@@ -1282,6 +1282,7 @@ const YooPhotoEditorComponent = class {
     this.lastMode = this.mode;
     this.hasDoneBeenClicked = true;
     this.leaveColorPickerMode();
+    this.toggleColorSelector(false);
     if (this.isTextCreateMode) {
       if ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.textContent) {
         this.createTextBox();
@@ -1417,7 +1418,7 @@ const YooPhotoEditorComponent = class {
     return h("canvas", { id: "src", onClick: (ev) => ev.preventDefault(), ref: el => this.canvasSrcElement = el, ...this.computedImageSize });
   }
   renderImage() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     return (h("yoo-img", { instant: true, id: "src", src: this.finalSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false, ...((this.isPreview && !this.isImageZoomable) && {
         cloudinaryOptions: {
           width: (_b = (_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.resized) === null || _b === void 0 ? void 0 : _b.width,
@@ -1428,7 +1429,7 @@ const YooPhotoEditorComponent = class {
       }), ref: el => this.imageElement = el, style: {
         ...this.computedImageSizeStyle,
         ...(this.isImageZoomable && {
-          transform: `scale(${this.imageSize.scaleFactor})`
+          transform: `scale(${(_e = this.imageSize) === null || _e === void 0 ? void 0 : _e.scaleFactor})`
         })
       } }));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.6.33",
+  "version": "8.6.34",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",