@yoobic/yobi 8.5.0-67 → 8.5.0-68

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

@@ -200,7 +200,6 @@ const YooPhotoEditorComponent = class {
     this.imageZoomed = createEvent(this, "imageZoomed", 7);
     this.switchFromEditable = createEvent(this, "switchFromEditable", 7);
     this.blockMoves = createEvent(this, "blockMoves", 7);
-    this.extraActionClicked = createEvent(this, "extraActionClicked", 7);
     this.saveChanges = createEvent(this, "saveChanges", 7);
     /**
      * Set to true wether the image in a readonly mode can be
@@ -1164,7 +1163,7 @@ const YooPhotoEditorComponent = class {
           this.isReadonly = false;
         }
         else {
-          this.extraActionClicked.emit(extraAction);
+          extraAction.handler(ev);
         }
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {

package/dist/esm/yoo-scratch-card.entry.js

@@ -28,8 +28,7 @@ const YooScratchCardComponent = class {
     await this.initCanvas();
   }
   async onVisibilityChanged() {
-    !this.isCanvasLoaded && await this.initCanvas();
-    this.validity && await this.cleanCanvas();
+    this.isVisible && await this.initCanvas();
   }
   async cleanCanvas() {
     await this.clearCanvasRect();
@@ -78,14 +77,13 @@ const YooScratchCardComponent = class {
       image.src = this.canvasSrc;
       this.isCanvasLoaded = await new Promise((resolve, reject) => {
         image.onload = () => {
-          var _a;
           const { width } = this.hostBounds;
           const hasBounding = !!width;
           if (hasBounding) {
             Object.assign(this.canvasElement, { width, height: width });
             this.canvasContext.drawImage(image, 0, 0, width, width);
             this.canvasElement.removeAttribute('fade-out');
-            (_a = this.buttonElement) === null || _a === void 0 ? void 0 : _a.removeAttribute('visible');
+            this.buttonElement.removeAttribute('visible');
           }
           resolve(hasBounding);
         };
@@ -120,7 +118,6 @@ const YooScratchCardComponent = class {
         }
       };
       const draw = async (event) => {
-        var _a;
         event.stopPropagation();
         event.preventDefault();
         if (this.isDrawing) {
@@ -129,7 +126,7 @@ const YooScratchCardComponent = class {
           if (this.shouldRevealImage) {
             this.canvasElement.setAttribute('fade-out', 'true');
             await this.clearCanvasRect();
-            (_a = this.buttonElement) === null || _a === void 0 ? void 0 : _a.setAttribute('visible', 'true');
+            this.buttonElement.setAttribute('visible', 'true');
           }
         }
       };
@@ -205,7 +202,7 @@ const YooScratchCardComponent = class {
     return h("div", { class: "content-card" }, mode === 'TEXT' && !image ? this.renderText(text, bgColor) : this.renderImage(image));
   }
   renderButton() {
-    return !this.validity && h("yoo-button", { ref: (el) => (this.buttonElement = el), shape: "circular", color: "light", size: "large", onClick: () => this.resetCanvas() }, h("yoo-icon", { name: "restart", color: "app-color", size: "medium" }));
+    return h("yoo-button", { ref: (el) => (this.buttonElement = el), shape: "circular", color: "light", size: "large", onClick: () => this.resetCanvas() }, h("yoo-icon", { name: "restart", color: "app-color", size: "medium" }));
   }
   renderLoader(show) {
     return show && h("yoo-loader", { class: "absolute", size: "large" });

package/dist/esm/yoo-slides-media.entry.js

@@ -423,7 +423,7 @@ const YooSlidesMediaComponent = class {
       return (h("yoo-icon", { onClick: (ev) => {
           var _a;
           ev.stopPropagation();
-          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, this.currentIndex);
+          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, ev);
         }, name: item.icon, color: "light" }));
     })));
   }
@@ -468,11 +468,12 @@ const YooSlidesMediaComponent = class {
   }
   renderPhotoEditor(item, index) {
     var _a, _b, _c, _d, _e;
+    const extraActions = (_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; });
     return (h("yoo-photo-editor", { id: `${index}`, class: {
         current: index === this.currentIndex,
         light: this.isLight,
         [item === null || item === void 0 ? void 0 : item.extraClass]: !!(item === null || item === void 0 ? void 0 : item.extraClass)
-      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; })), drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onExtraActionClicked: (ev) => { var _a, _b; return (_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.handler) === null || _b === void 0 ? void 0 : _b.call(_a, this.currentIndex); }, onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && extraActions, drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
         if (ev === null || ev === void 0 ? void 0 : ev.detail) {
           const { drawings, annotations } = ev.detail;
           this.items[index] = { ...this.items[index], drawings, annotations };

package/dist/types/components/3.organisms/photo-editor/photo-editor.d.ts

@@ -112,10 +112,6 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
    * Emitted to block the swiping action of the slides when drag and dropping an annotation
    */
   blockMoves: EventEmitter<boolean>;
-  /**
-   * Emitted to block the swiping action of the slides when drag and dropping an annotation
-   */
-  extraActionClicked: EventEmitter<IButton>;
   /**
    * Emitted when the annotations changes are being saved
    */

package/dist/types/components/form/form-text-editor/form-text-editor.d.ts

@@ -119,6 +119,7 @@ export declare class YooFormTextEditorComponent {
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  connectedCallback(): void;
   disconnectedCallback(): void;
   destroyEditor(): void;
   setLocalValue(forceRerender?: boolean): void;

package/dist/types/components/grid/grid/grid.d.ts

@@ -319,6 +319,7 @@ export declare class YooGridComponent {
   private fileInput;
   private filteredItems;
   private calendarEl;
+  private get isFilesAutocomplete();
   private get canSelectAll();
   private get isShowAdvancedFiltersDisplayedIntoSearch();
   get hasSecondaryActions(): boolean;

package/dist/types/components.d.ts

@@ -17770,10 +17770,6 @@ declare namespace LocalJSX {
           * Emitted to block the swiping action of the slides when drag and dropping an annotation
          */
         "onBlockMoves"?: (event: YooPhotoEditorCustomEvent<boolean>) => void;
-        /**
-          * Emitted to block the swiping action of the slides when drag and dropping an annotation
-         */
-        "onExtraActionClicked"?: (event: YooPhotoEditorCustomEvent<IButton>) => void;
         /**
           * Emitted when the image is being clicked (in a readonly mode only)
          */

package/package.json

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