@wizishop/img-manager 15.2.54 → 15.2.57

package/lib/components/images-view/images-actions-handler.d.ts

@@ -44,6 +44,7 @@ export declare abstract class ImagesActionHandler {
     /** Event emit each time filters change */
     onFiltersChange(): void;
     onEdit(picture: ImgPictureDTO): void;
+    copyLink(file_name: string): void;
     onToggleSelectImg(index: number): void;
     onRemoveImg(picture: ImgPictureDTO): void;
     onPictureNotLoading(event: any): void;

package/lib/components/images-view/table-view/table-view.component.d.ts

@@ -13,6 +13,7 @@ export declare class TableViewComponent extends ImagesActionHandler implements O
     dataTableName: string;
     constructor(imgManager: ImgManagerService, imgSelectionService: ImgSelectionService, http: HttpClient, imgCDNService: ImgCDNService, imgEventCardService: ImgEventService, alertService: AlertService, translateService: TranslateService, apiService: ApiService);
     ngOnInit(): void;
+    copyImageLink(file_name: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableViewComponent, "table-view", never, {}, {}, never, never, false, never>;
 }

package/lib/services/img-manager.service.d.ts

@@ -6,6 +6,7 @@ import { ImgManagerConfig } from '../dto/config/img-manager';
 import * as i0 from "@angular/core";
 export declare class ImgManagerService {
     private readonly uploadService;
+    private readonly ngZone;
     params: HttpParams;
     private pageFicheProductConfig;
     private angularFicheProductConfig;
@@ -36,6 +37,8 @@ export declare class ImgManagerService {
     getImgManagerDisplayConfig(displayName: ImgManagerConfig): ImgManagerDisplayConfig;
     getAllImgManagerDisplayConfig(): ImgManagerDisplayConfig[];
     ngOnDestroy(): void;
+    copyToClipboard(url: string): Promise<boolean>;
+    private fallbackCopyToClipboard;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgManagerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ImgManagerService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/img-manager",
-  "version": "15.2.54",
+  "version": "15.2.57",
   "description": "The best and the most beautiful image manager.",
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
     "@angular/router": "~15.0.4",
     "@ngx-translate/core": "^14.0.0",
     "@ngx-translate/http-loader": "^7.0.0",
-    "@wizishop/img-manager": "^15.0.1",
+    "@wizishop/img-manager": "^15.2.57",
     "@wizishop/ng-wizi-bulma": "^15.0.3",
     "bourbon": "^7.0.0",
     "bulma": "^0.9.4",

package/wz-img-manager.scss

@@ -29,6 +29,7 @@ $img-primary-button-desable: #dbdbdb!default;
 
 $img-grey-color: #6B7881!default;
 $img-green-color: #2ecc71!default;
+$img-green-color-secondary: #27ae60!default;
 $img-yellow-color: #faa945!default;
 $img-orange-color: #F39C12!default;
 $img-bleu-action: #3498DB!default;
@@ -2663,8 +2664,35 @@ $tag-radius: rem(20px)!default;
 
 .grey {
   color: $img-grey-color;
-}
-image-cropper {
+} 
+
+.buttonCopy { 
+  background-color: $img-green-color; // Vert léger
+  border: 1px solid $img-green-color; // Bordure verte légère
+  border-radius: 4px;
+  padding: 8px 12px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  
+  i {
+    color: $img-white; // Icône verte
+    transition: color 0.2s ease;
+  }
+  
+  &:hover {
+    background-color: $img-green-color-secondary; // Vert plus foncé au survol
+    border-color: $img-green-color-secondary;
+    
+    i {
+      color: $img-white; // Icône verte plus foncée au survol
+    }
+  }
+  
+  &:active {
+    background-color: #b1dfbb;
+    transform: scale(0.98);
+  }
+}image-cropper {
     max-height: 60vh;
   }.img-editor__infoSection__propertySEO__tooltips {
   i {
@@ -3760,6 +3788,13 @@ $card-img-size-small: 140px;
                     background-color: $img-orange-color;
                   }
                 }
+                &.copy { 
+                  background-color: $img-green-color;
+                  transition: transform .3s ease .15s;
+                  span, &:before {
+                    background-color: $img-green-color;
+                  }
+                }
                 &.deleted {
                   background-color: $img-red-color;
                   transition: transform .3s ease .15s;
@@ -3972,6 +4007,9 @@ $card-img-size-small: 140px;
                       &.edit {
                           transition: transform .3s ease .3s;
                       }
+                      &.copy {
+                          transition: transform .3s ease .45s;
+                      }
                       &.deleted {
                           transition: transform .3s ease .45s;
                       }