@sd-angular/core 0.0.864 → 0.0.865

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/bundles/sd-angular-core-image-preview.umd.js +121 -0
  2. package/bundles/sd-angular-core-image-preview.umd.js.map +1 -0
  3. package/bundles/sd-angular-core-image-preview.umd.min.js +2 -0
  4. package/bundles/sd-angular-core-image-preview.umd.min.js.map +1 -0
  5. package/bundles/sd-angular-core-upload-file.umd.js +8 -7
  6. package/bundles/sd-angular-core-upload-file.umd.js.map +1 -1
  7. package/bundles/sd-angular-core-upload-file.umd.min.js +2 -2
  8. package/bundles/sd-angular-core-upload-file.umd.min.js.map +1 -1
  9. package/bundles/sd-angular-core.umd.js +4 -4
  10. package/bundles/sd-angular-core.umd.js.map +1 -1
  11. package/bundles/sd-angular-core.umd.min.js +1 -1
  12. package/bundles/sd-angular-core.umd.min.js.map +1 -1
  13. package/esm2015/image-preview/index.js +2 -0
  14. package/esm2015/image-preview/sd-angular-core-image-preview.js +7 -0
  15. package/esm2015/image-preview/src/lib/directives/image-preview.directive.js +41 -0
  16. package/esm2015/image-preview/src/lib/image-preview/image-preview.component.js +41 -0
  17. package/esm2015/image-preview/src/lib/image-preview/image-preview.module.js +21 -0
  18. package/esm2015/image-preview/src/public-api.js +5 -0
  19. package/esm2015/public-api.js +2 -1
  20. package/esm2015/upload-file/src/lib/upload-file.component.js +3 -3
  21. package/esm2015/upload-file/src/lib/upload-file.module.js +4 -2
  22. package/fesm2015/sd-angular-core-image-preview.js +107 -0
  23. package/fesm2015/sd-angular-core-image-preview.js.map +1 -0
  24. package/fesm2015/sd-angular-core-upload-file.js +5 -3
  25. package/fesm2015/sd-angular-core-upload-file.js.map +1 -1
  26. package/fesm2015/sd-angular-core.js +1 -0
  27. package/fesm2015/sd-angular-core.js.map +1 -1
  28. package/image-preview/index.d.ts +1 -0
  29. package/image-preview/package.json +12 -0
  30. package/image-preview/sd-angular-core-image-preview.d.ts +6 -0
  31. package/image-preview/sd-angular-core-image-preview.metadata.json +1 -0
  32. package/image-preview/src/lib/directives/image-preview.directive.d.ts +17 -0
  33. package/image-preview/src/lib/image-preview/image-preview.component.d.ts +22 -0
  34. package/image-preview/src/lib/image-preview/image-preview.module.d.ts +2 -0
  35. package/image-preview/src/public-api.d.ts +1 -0
  36. package/package.json +1 -1
  37. package/public-api.d.ts +1 -0
  38. package/{sd-angular-core-0.0.864.tgz → sd-angular-core-0.0.865.tgz} +0 -0
  39. package/upload-file/sd-angular-core-upload-file.metadata.json +1 -1
@@ -8,6 +8,7 @@ import { SdTranslateModule } from '@sd-angular/core/translate';
8
8
  import { MatIconModule } from '@angular/material/icon';
9
9
  import { MatButtonModule } from '@angular/material/button';
10
10
  import { DragDropModule } from '@angular/cdk/drag-drop';
11
+ import { SdImagePreviewModule } from '@sd-angular/core/image-preview';
11
12
  export class SdUploadFileModule {
12
13
  }
13
14
  SdUploadFileModule.decorators = [
@@ -19,7 +20,8 @@ SdUploadFileModule.decorators = [
19
20
  MatIconModule,
20
21
  DragDropModule,
21
22
  SdNotifyModule,
22
- SdTranslateModule
23
+ SdTranslateModule,
24
+ SdImagePreviewModule
23
25
  ],
24
26
  declarations: [
25
27
  SdUploadFile
@@ -30,4 +32,4 @@ SdUploadFileModule.decorators = [
30
32
  providers: []
31
33
  },] }
32
34
  ];
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvdXBsb2FkLWZpbGUvIiwic291cmNlcyI6WyJzcmMvbGliL3VwbG9hZC1maWxlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFxQnhELE1BQU0sT0FBTyxrQkFBa0I7OztZQW5COUIsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLG9CQUFvQixDQUFDLE9BQU8sRUFBRTtvQkFDOUIsZUFBZTtvQkFDZixhQUFhO29CQUNiLGNBQWM7b0JBQ2QsY0FBYztvQkFDZCxpQkFBaUI7aUJBQ2xCO2dCQUNELFlBQVksRUFBRTtvQkFDWixZQUFZO2lCQUNiO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO2lCQUNiO2dCQUNELFNBQVMsRUFBRSxFQUNWO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBEZXZpY2VEZXRlY3Rvck1vZHVsZSB9IGZyb20gJ25neC1kZXZpY2UtZGV0ZWN0b3InO1xyXG5pbXBvcnQgJ0BzZC1hbmd1bGFyL2NvcmUvdHlwaW5nJztcclxuaW1wb3J0IHsgU2RVcGxvYWRGaWxlIH0gZnJvbSAnLi91cGxvYWQtZmlsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZE5vdGlmeU1vZHVsZSB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvbm90aWZ5JztcclxuaW1wb3J0IHsgU2RUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3RyYW5zbGF0ZSc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRGV2aWNlRGV0ZWN0b3JNb2R1bGUuZm9yUm9vdCgpLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIERyYWdEcm9wTW9kdWxlLFxyXG4gICAgU2ROb3RpZnlNb2R1bGUsXHJcbiAgICBTZFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZFVwbG9hZEZpbGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNkVXBsb2FkRmlsZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RVcGxvYWRGaWxlTW9kdWxlIHsgfVxyXG4iXX0=
35
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvdXBsb2FkLWZpbGUvIiwic291cmNlcyI6WyJzcmMvbGliL3VwbG9hZC1maWxlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFzQnRFLE1BQU0sT0FBTyxrQkFBa0I7OztZQXBCOUIsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLG9CQUFvQixDQUFDLE9BQU8sRUFBRTtvQkFDOUIsZUFBZTtvQkFDZixhQUFhO29CQUNiLGNBQWM7b0JBQ2QsY0FBYztvQkFDZCxpQkFBaUI7b0JBQ2pCLG9CQUFvQjtpQkFDckI7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7Z0JBQ0QsU0FBUyxFQUFFLEVBQ1Y7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IERldmljZURldGVjdG9yTW9kdWxlIH0gZnJvbSAnbmd4LWRldmljZS1kZXRlY3Rvcic7XHJcbmltcG9ydCAnQHNkLWFuZ3VsYXIvY29yZS90eXBpbmcnO1xyXG5pbXBvcnQgeyBTZFVwbG9hZEZpbGUgfSBmcm9tICcuL3VwbG9hZC1maWxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNkTm90aWZ5TW9kdWxlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9ub3RpZnknO1xyXG5pbXBvcnQgeyBTZFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvdHJhbnNsYXRlJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBEcmFnRHJvcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBTZEltYWdlUHJldmlld01vZHVsZSB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvaW1hZ2UtcHJldmlldyc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIERldmljZURldGVjdG9yTW9kdWxlLmZvclJvb3QoKSxcclxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBEcmFnRHJvcE1vZHVsZSxcclxuICAgIFNkTm90aWZ5TW9kdWxlLFxyXG4gICAgU2RUcmFuc2xhdGVNb2R1bGUsXHJcbiAgICBTZEltYWdlUHJldmlld01vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZFVwbG9hZEZpbGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNkVXBsb2FkRmlsZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RVcGxvYWRGaWxlTW9kdWxlIHsgfVxyXG4iXX0=
@@ -0,0 +1,107 @@
1
+ import { Component, Inject, Directive, ElementRef, Input, HostListener, NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
4
+ import { MatIconModule } from '@angular/material/icon';
5
+
6
+ class ImagePreviewComponent {
7
+ constructor(dialogRef, data) {
8
+ this.dialogRef = dialogRef;
9
+ this.data = data;
10
+ }
11
+ ngOnInit() {
12
+ this.currentImageUrl = typeof this.data.currentImage === 'string' ? this.data.currentImage : this.data.currentImage.previewSrc || this.data.currentImage.src;
13
+ }
14
+ next() {
15
+ const currentIdx = this.data.images.findIndex((image) => (image.previewSrc || image.src) === this.currentImageUrl);
16
+ if (currentIdx === this.data.images.length - 1) {
17
+ this.currentImageUrl = this.data.images[0].previewSrc || this.data.images[0].src;
18
+ }
19
+ else {
20
+ this.currentImageUrl = this.data.images[currentIdx + 1].previewSrc || this.data.images[currentIdx + 1].src;
21
+ }
22
+ }
23
+ prev() {
24
+ const currentIdx = this.data.images.findIndex((image) => (image.previewSrc || image.src) === this.currentImageUrl);
25
+ if (currentIdx === 0) {
26
+ this.currentImageUrl = this.data.images[this.data.images.length - 1].previewSrc || this.data.images[this.data.images.length - 1].src;
27
+ }
28
+ else {
29
+ this.currentImageUrl = this.data.images[currentIdx - 1].previewSrc || this.data.images[currentIdx - 1].src;
30
+ }
31
+ }
32
+ }
33
+ ImagePreviewComponent.decorators = [
34
+ { type: Component, args: [{
35
+ selector: 'app-image-preview',
36
+ template: "<h1 mat-dialog-title class=\"d-flex\">\r\n <mat-icon\r\n mat-dialog-close\r\n role=\"img\"\r\n class=\"mat-icon notranslate material-icons mat-icon-no-color ml-auto\"\r\n >close</mat-icon\r\n >\r\n</h1>\r\n<div mat-dialog-content class=\"h-100 position-relative\">\r\n <ng-container *ngIf=\"data?.images?.length\">\r\n <span class=\"material-icons-outlined position-absolute prev\" (click)=\"prev()\">\r\n arrow_back_ios\r\n </span>\r\n <span class=\"material-icons-outlined position-absolute next\" (click)=\"next()\">\r\n arrow_forward_ios\r\n </span>\r\n </ng-container>\r\n <img\r\n [src]=\"currentImageUrl\"\r\n class=\"image-preview_image\"\r\n />\r\n</div>\r\n",
37
+ styles: [".image-prevew-panel .mat-dialog-container{padding:0}:host{display:flex;flex-direction:column;height:100%}.image-preview_image{-o-object-fit:contain;display:block;height:100%;margin:0 auto;object-fit:contain;width:90%}.material-icons-outlined{cursor:pointer}.material-icons-outlined.prev{left:5px;top:50%;transform:translateY(-50%)}.material-icons-outlined.next{right:5px;top:50%;transform:translateY(-50%)}"]
38
+ },] }
39
+ ];
40
+ ImagePreviewComponent.ctorParameters = () => [
41
+ { type: MatDialogRef },
42
+ { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
43
+ ];
44
+
45
+ class ImagePreviewDirective {
46
+ constructor(el, dialog) {
47
+ this.el = el;
48
+ this.dialog = dialog;
49
+ this.images = [];
50
+ }
51
+ onClick() {
52
+ let currentImage;
53
+ currentImage = this.el.nativeElement.src;
54
+ if (this.images.length && this.sdPreviewCurrentIdx >= 0) {
55
+ currentImage = this.images[this.sdPreviewCurrentIdx];
56
+ }
57
+ this.dialog.open(ImagePreviewComponent, {
58
+ data: { currentImage, images: this.images },
59
+ backdropClass: ["image-prevew-backdrop"],
60
+ panelClass: "image-prevew-panel",
61
+ width: "600px",
62
+ maxWidth: "90%",
63
+ height: "600px",
64
+ maxHeight: "90%",
65
+ });
66
+ }
67
+ }
68
+ ImagePreviewDirective.decorators = [
69
+ { type: Directive, args: [{
70
+ selector: "[sdImagePreview]",
71
+ },] }
72
+ ];
73
+ ImagePreviewDirective.ctorParameters = () => [
74
+ { type: ElementRef },
75
+ { type: MatDialog }
76
+ ];
77
+ ImagePreviewDirective.propDecorators = {
78
+ images: [{ type: Input, args: ["sdImagePreview",] }],
79
+ sdPreviewCurrentIdx: [{ type: Input }],
80
+ onClick: [{ type: HostListener, args: ["click",] }]
81
+ };
82
+
83
+ class SdImagePreviewModule {
84
+ }
85
+ SdImagePreviewModule.decorators = [
86
+ { type: NgModule, args: [{
87
+ declarations: [ImagePreviewComponent, ImagePreviewDirective],
88
+ exports: [ImagePreviewDirective],
89
+ imports: [
90
+ CommonModule,
91
+ MatDialogModule,
92
+ MatIconModule
93
+ ],
94
+ entryComponents: [ImagePreviewComponent]
95
+ },] }
96
+ ];
97
+
98
+ /*
99
+ * Public API Surface of superdev-angular-core
100
+ */
101
+
102
+ /**
103
+ * Generated bundle index. Do not edit.
104
+ */
105
+
106
+ export { SdImagePreviewModule, ImagePreviewComponent as ɵa, ImagePreviewDirective as ɵb };
107
+ //# sourceMappingURL=sd-angular-core-image-preview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sd-angular-core-image-preview.js","sources":["../../../../projects/sd-core/image-preview/src/lib/image-preview/image-preview.component.ts","../../../../projects/sd-core/image-preview/src/lib/directives/image-preview.directive.ts","../../../../projects/sd-core/image-preview/src/lib/image-preview/image-preview.module.ts","../../../../projects/sd-core/image-preview/src/public-api.ts","../../../../projects/sd-core/image-preview/sd-angular-core-image-preview.ts"],"sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\nexport interface Data {\r\n currentImage: ImagePreview | string;\r\n images: Array<ImagePreview | string>\r\n}\r\n\r\nexport interface ImagePreview {\r\n extension: string;\r\n file: File;\r\n fileName: string;\r\n previewSrc?: string;\r\n src?: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-image-preview',\r\n templateUrl: './image-preview.component.html',\r\n styleUrls: ['./image-preview.component.scss']\r\n})\r\nexport class ImagePreviewComponent implements OnInit {\r\n currentImageUrl: string;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef<ImagePreviewComponent>,\r\n @Inject(MAT_DIALOG_DATA) public data: Data\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.currentImageUrl = typeof this.data.currentImage === 'string' ? this.data.currentImage : this.data.currentImage.previewSrc || this.data.currentImage.src;\r\n }\r\n\r\n next(): void {\r\n const currentIdx = this.data.images.findIndex((image: ImagePreview )=> (image.previewSrc || image.src) === this.currentImageUrl);\r\n if(currentIdx === this.data.images.length - 1) {\r\n this.currentImageUrl = (this.data.images[0] as ImagePreview).previewSrc || (this.data.images[0] as ImagePreview).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx + 1] as ImagePreview).previewSrc || (this.data.images[currentIdx + 1] as ImagePreview).src;\r\n }\r\n }\r\n\r\n prev(): void {\r\n const currentIdx = this.data.images.findIndex((image: ImagePreview )=> (image.previewSrc || image.src) === this.currentImageUrl);\r\n if(currentIdx === 0) {\r\n this.currentImageUrl = (this.data.images[this.data.images.length - 1] as ImagePreview).previewSrc || (this.data.images[this.data.images.length - 1] as ImagePreview).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx - 1] as ImagePreview).previewSrc || (this.data.images[currentIdx - 1] as ImagePreview).src;\r\n }\r\n }\r\n\r\n}\r\n","import { Directive, ElementRef, HostListener, Input } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { ImagePreviewComponent } from \"../image-preview/image-preview.component\";\r\n\r\nexport interface ImagePreview {\r\n extension: string;\r\n file: File;\r\n fileName: string;\r\n previewSrc?: string;\r\n src?: string;\r\n}\r\n\r\n@Directive({\r\n selector: \"[sdImagePreview]\",\r\n})\r\nexport class ImagePreviewDirective {\r\n @Input(\"sdImagePreview\") images: Array<ImagePreview | string> = [];\r\n @Input() sdPreviewCurrentIdx: number;\r\n\r\n constructor(private el: ElementRef, public dialog: MatDialog) {}\r\n\r\n @HostListener(\"click\") onClick() {\r\n let currentImage: string | ImagePreview;\r\n currentImage = this.el.nativeElement.src;\r\n if (this.images.length && this.sdPreviewCurrentIdx >= 0) {\r\n currentImage = this.images[this.sdPreviewCurrentIdx];\r\n }\r\n this.dialog.open(ImagePreviewComponent, {\r\n data: { currentImage, images: this.images },\r\n backdropClass: [\"image-prevew-backdrop\"],\r\n panelClass: \"image-prevew-panel\",\r\n width: \"600px\",\r\n maxWidth: \"90%\",\r\n height: \"600px\",\r\n maxHeight: \"90%\",\r\n });\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ImagePreviewComponent } from './image-preview.component';\r\nimport { ImagePreviewDirective } from '../directives/image-preview.directive';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n\r\n@NgModule({\r\n declarations: [ImagePreviewComponent, ImagePreviewDirective],\r\n exports: [ImagePreviewDirective],\r\n imports: [\r\n CommonModule,\r\n MatDialogModule,\r\n MatIconModule\r\n ],\r\n entryComponents: [ImagePreviewComponent]\r\n})\r\nexport class SdImagePreviewModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/image-preview/image-preview.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {ImagePreviewDirective as ɵb} from './src/lib/directives/image-preview.directive';\nexport {ImagePreviewComponent as ɵa} from './src/lib/image-preview/image-preview.component';"],"names":[],"mappings":"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"}