@sd-angular/core 0.0.865 → 0.0.866
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.
- package/bundles/sd-angular-core-image-preview.umd.js +2 -2
- package/bundles/sd-angular-core-image-preview.umd.js.map +1 -1
- package/bundles/sd-angular-core-image-preview.umd.min.js +1 -1
- package/bundles/sd-angular-core-image-preview.umd.min.js.map +1 -1
- package/esm2015/image-preview/src/lib/directives/image-preview.directive.js +2 -2
- package/esm2015/image-preview/src/lib/image-preview/image-preview.component.js +2 -2
- package/esm2015/image-preview/src/lib/models/image-preview.model.js +2 -0
- package/esm2015/image-preview/src/public-api.js +2 -1
- package/fesm2015/sd-angular-core-image-preview.js +2 -2
- package/fesm2015/sd-angular-core-image-preview.js.map +1 -1
- package/image-preview/sd-angular-core-image-preview.metadata.json +1 -1
- package/image-preview/src/lib/directives/image-preview.directive.d.ts +3 -3
- package/image-preview/src/lib/image-preview/image-preview.component.d.ts +3 -9
- package/image-preview/src/lib/models/image-preview.model.d.ts +7 -0
- package/image-preview/src/public-api.d.ts +1 -0
- package/package.json +1 -1
- package/{sd-angular-core-0.0.865.tgz → sd-angular-core-0.0.866.tgz} +0 -0
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
ImagePreviewComponent.decorators = [
|
|
38
38
|
{ type: core.Component, args: [{
|
|
39
39
|
selector: 'app-image-preview',
|
|
40
|
-
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",
|
|
40
|
+
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 m-0\">\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",
|
|
41
41
|
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%)}"]
|
|
42
42
|
},] }
|
|
43
43
|
];
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
function ImagePreviewDirective(el, dialog) {
|
|
51
51
|
this.el = el;
|
|
52
52
|
this.dialog = dialog;
|
|
53
|
-
this.images =
|
|
53
|
+
this.images = null;
|
|
54
54
|
}
|
|
55
55
|
ImagePreviewDirective.prototype.onClick = function () {
|
|
56
56
|
var currentImage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-image-preview.umd.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
|
|
1
|
+
{"version":3,"file":"sd-angular-core-image-preview.umd.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\nimport { ImagePreview } from '../models/image-preview.model';\r\n\r\nexport interface Data {\r\n currentImage: Partial<ImagePreview> | string;\r\n images: Array<Partial<ImagePreview>>\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: Partial<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 Partial<ImagePreview>).previewSrc || (this.data.images[0] as Partial<ImagePreview>).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx + 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx + 1] as Partial<ImagePreview>).src;\r\n }\r\n }\r\n\r\n prev(): void {\r\n const currentIdx = this.data.images.findIndex((image: Partial<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 Partial<ImagePreview>).previewSrc || (this.data.images[this.data.images.length - 1] as Partial<ImagePreview>).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx - 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx - 1] as Partial<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<Partial<ImagePreview>> | string = null;\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 | Partial<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\n\r\nexport * from './lib/image-preview/image-preview.module';\r\nexport * from './lib/models/image-preview.model';\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":["Component","MatDialogRef","Inject","MAT_DIALOG_DATA","Directive","ElementRef","MatDialog","Input","HostListener","NgModule","CommonModule","MatDialogModule","MatIconModule"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/dialog"),require("@angular/material/icon")):"function"==typeof define&&define.amd?define("@sd-angular/core/image-preview",["exports","@angular/core","@angular/common","@angular/material/dialog","@angular/material/icon"],a):a(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["image-preview"]={}),e.ng.core,e.ng.common,e.ng.material.dialog,e.ng.material.icon)}(this,(function(e,a,t,r,i){"use strict";var n=function(){function e(e,a){this.dialogRef=e,this.data=a}return e.prototype.ngOnInit=function(){this.currentImageUrl="string"==typeof this.data.currentImage?this.data.currentImage:this.data.currentImage.previewSrc||this.data.currentImage.src},e.prototype.next=function(){var e=this,a=this.data.images.findIndex((function(a){return(a.previewSrc||a.src)===e.currentImageUrl}));a===this.data.images.length-1?this.currentImageUrl=this.data.images[0].previewSrc||this.data.images[0].src:this.currentImageUrl=this.data.images[a+1].previewSrc||this.data.images[a+1].src},e.prototype.prev=function(){var e=this,a=this.data.images.findIndex((function(a){return(a.previewSrc||a.src)===e.currentImageUrl}));this.currentImageUrl=0===a?this.data.images[this.data.images.length-1].previewSrc||this.data.images[this.data.images.length-1].src:this.data.images[a-1].previewSrc||this.data.images[a-1].src},e}();n.decorators=[{type:a.Component,args:[{selector:"app-image-preview",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',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%)}"]}]}],n.ctorParameters=function(){return[{type:r.MatDialogRef},{type:void 0,decorators:[{type:a.Inject,args:[r.MAT_DIALOG_DATA]}]}]};var o=function(){function e(e,a){this.el=e,this.dialog=a,this.images=
|
|
1
|
+
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/dialog"),require("@angular/material/icon")):"function"==typeof define&&define.amd?define("@sd-angular/core/image-preview",["exports","@angular/core","@angular/common","@angular/material/dialog","@angular/material/icon"],a):a(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["image-preview"]={}),e.ng.core,e.ng.common,e.ng.material.dialog,e.ng.material.icon)}(this,(function(e,a,t,r,i){"use strict";var n=function(){function e(e,a){this.dialogRef=e,this.data=a}return e.prototype.ngOnInit=function(){this.currentImageUrl="string"==typeof this.data.currentImage?this.data.currentImage:this.data.currentImage.previewSrc||this.data.currentImage.src},e.prototype.next=function(){var e=this,a=this.data.images.findIndex((function(a){return(a.previewSrc||a.src)===e.currentImageUrl}));a===this.data.images.length-1?this.currentImageUrl=this.data.images[0].previewSrc||this.data.images[0].src:this.currentImageUrl=this.data.images[a+1].previewSrc||this.data.images[a+1].src},e.prototype.prev=function(){var e=this,a=this.data.images.findIndex((function(a){return(a.previewSrc||a.src)===e.currentImageUrl}));this.currentImageUrl=0===a?this.data.images[this.data.images.length-1].previewSrc||this.data.images[this.data.images.length-1].src:this.data.images[a-1].previewSrc||this.data.images[a-1].src},e}();n.decorators=[{type:a.Component,args:[{selector:"app-image-preview",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 m-0">\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',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%)}"]}]}],n.ctorParameters=function(){return[{type:r.MatDialogRef},{type:void 0,decorators:[{type:a.Inject,args:[r.MAT_DIALOG_DATA]}]}]};var o=function(){function e(e,a){this.el=e,this.dialog=a,this.images=null}return e.prototype.onClick=function(){var e;e=this.el.nativeElement.src,this.images.length&&this.sdPreviewCurrentIdx>=0&&(e=this.images[this.sdPreviewCurrentIdx]),this.dialog.open(n,{data:{currentImage:e,images:this.images},backdropClass:["image-prevew-backdrop"],panelClass:"image-prevew-panel",width:"600px",maxWidth:"90%",height:"600px",maxHeight:"90%"})},e}();o.decorators=[{type:a.Directive,args:[{selector:"[sdImagePreview]"}]}],o.ctorParameters=function(){return[{type:a.ElementRef},{type:r.MatDialog}]},o.propDecorators={images:[{type:a.Input,args:["sdImagePreview"]}],sdPreviewCurrentIdx:[{type:a.Input}],onClick:[{type:a.HostListener,args:["click"]}]};var s=function(){};s.decorators=[{type:a.NgModule,args:[{declarations:[n,o],exports:[o],imports:[t.CommonModule,r.MatDialogModule,i.MatIconModule],entryComponents:[n]}]}],e.SdImagePreviewModule=s,e.ɵa=n,e.ɵb=o,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=sd-angular-core-image-preview.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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"],"names":["ImagePreviewComponent","dialogRef","data","this","prototype","ngOnInit","currentImageUrl","currentImage","previewSrc","src","next","_this","currentIdx","images","findIndex","image","length","prev","Component","args","selector","template","MatDialogRef","Inject","MAT_DIALOG_DATA","ImagePreviewDirective","el","dialog","onClick","nativeElement","sdPreviewCurrentIdx","open","backdropClass","panelClass","width","maxWidth","height","maxHeight","Directive","ElementRef","MatDialog","Input","HostListener","NgModule","declarations","exports","imports","CommonModule","MatDialogModule","MatIconModule","entryComponents"],"mappings":"
|
|
1
|
+
{"version":3,"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"],"names":["ImagePreviewComponent","dialogRef","data","this","prototype","ngOnInit","currentImageUrl","currentImage","previewSrc","src","next","_this","currentIdx","images","findIndex","image","length","prev","Component","args","selector","template","MatDialogRef","Inject","MAT_DIALOG_DATA","ImagePreviewDirective","el","dialog","onClick","nativeElement","sdPreviewCurrentIdx","open","backdropClass","panelClass","width","maxWidth","height","maxHeight","Directive","ElementRef","MatDialog","Input","HostListener","NgModule","declarations","exports","imports","CommonModule","MatDialogModule","MatIconModule","entryComponents"],"mappings":"uqBAiBE,SAAAA,EACSC,EACyBC,GADzBC,KAAAF,UAAAA,EACyBE,KAAAD,KAAAA,SAGlCF,EAAAI,UAAAC,SAAA,WACEF,KAAKG,gBAAoD,iBAA3BH,KAAKD,KAAKK,aAA4BJ,KAAKD,KAAKK,aAAeJ,KAAKD,KAAKK,aAAaC,YAAcL,KAAKD,KAAKK,aAAaE,KAG3JT,EAAAI,UAAAM,KAAA,WAAA,IAAAC,EAAAR,KACQS,EAAaT,KAAKD,KAAKW,OAAOC,WAAU,SAACC,GAAiC,OAACA,EAAMP,YAAcO,EAAMN,OAASE,EAAKL,mBACtHM,IAAeT,KAAKD,KAAKW,OAAOG,OAAS,EAC1Cb,KAAKG,gBAAmBH,KAAKD,KAAKW,OAAO,GAA6BL,YAAgBL,KAAKD,KAAKW,OAAO,GAA6BJ,IAEpIN,KAAKG,gBAAmBH,KAAKD,KAAKW,OAAOD,EAAa,GAA6BJ,YAAeL,KAAKD,KAAKW,OAAOD,EAAa,GAA6BH,KAIjKT,EAAAI,UAAAa,KAAA,WAAA,IAAAN,EAAAR,KACQS,EAAaT,KAAKD,KAAKW,OAAOC,WAAU,SAACC,GAAiC,OAACA,EAAMP,YAAcO,EAAMN,OAASE,EAAKL,mBAEvHH,KAAKG,gBADW,IAAfM,EACuBT,KAAKD,KAAKW,OAAOV,KAAKD,KAAKW,OAAOG,OAAS,GAA6BR,YAAeL,KAAKD,KAAKW,OAAOV,KAAKD,KAAKW,OAAOG,OAAS,GAA6BP,IAE/JN,KAAKD,KAAKW,OAAOD,EAAa,GAA6BJ,YAAeL,KAAKD,KAAKW,OAAOD,EAAa,GAA6BH,8BA/BlKS,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oBACVC,SAAA,uoCAVOC,EAAAA,6CAkBJC,EAAAA,OAAMJ,KAAA,CAACK,EAAAA,uCCAV,SAAAC,EAAoBC,EAAuBC,GAAvBxB,KAAAuB,GAAAA,EAAuBvB,KAAAwB,OAAAA,EAHlBxB,KAAAU,OAAiD,YAKnDY,EAAArB,UAAAwB,QAAA,WACrB,IAAIrB,EACFA,EAAeJ,KAAKuB,GAAGG,cAAcpB,IACjCN,KAAKU,OAAOG,QAAUb,KAAK2B,qBAAuB,IACpDvB,EAAeJ,KAAKU,OAAOV,KAAK2B,sBAElC3B,KAAKwB,OAAOI,KAAK/B,EAAuB,CACtCE,KAAM,CAAEK,aAAYA,EAAEM,OAAQV,KAAKU,QACnCmB,cAAe,CAAC,yBAChBC,WAAY,qBACZC,MAAO,QACPC,SAAU,MACVC,OAAQ,QACRC,UAAW,kCAtBlBC,EAAAA,UAASnB,KAAA,CAAC,CACTC,SAAU,gEAbQmB,EAAAA,kBACXC,EAAAA,6CAeNC,EAAAA,MAAKtB,KAAA,CAAC,+CACNsB,EAAAA,uBAIAC,EAAAA,aAAYvB,KAAA,CAAC,kBCHhB,iCAVCwB,EAAAA,SAAQxB,KAAA,CAAC,CACRyB,aAAc,CAAC5C,EAAuByB,GACtCoB,QAAS,CAACpB,GACVqB,QAAS,CACPC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,eAEFC,gBAAiB,CAAClD","sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { ImagePreview } from '../models/image-preview.model';\r\n\r\nexport interface Data {\r\n currentImage: Partial<ImagePreview> | string;\r\n images: Array<Partial<ImagePreview>>\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: Partial<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 Partial<ImagePreview>).previewSrc || (this.data.images[0] as Partial<ImagePreview>).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx + 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx + 1] as Partial<ImagePreview>).src;\r\n }\r\n }\r\n\r\n prev(): void {\r\n const currentIdx = this.data.images.findIndex((image: Partial<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 Partial<ImagePreview>).previewSrc || (this.data.images[this.data.images.length - 1] as Partial<ImagePreview>).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx - 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx - 1] as Partial<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<Partial<ImagePreview>> | string = null;\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 | Partial<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"]}
|
|
@@ -5,7 +5,7 @@ export class ImagePreviewDirective {
|
|
|
5
5
|
constructor(el, dialog) {
|
|
6
6
|
this.el = el;
|
|
7
7
|
this.dialog = dialog;
|
|
8
|
-
this.images =
|
|
8
|
+
this.images = null;
|
|
9
9
|
}
|
|
10
10
|
onClick() {
|
|
11
11
|
let currentImage;
|
|
@@ -38,4 +38,4 @@ ImagePreviewDirective.propDecorators = {
|
|
|
38
38
|
sdPreviewCurrentIdx: [{ type: Input }],
|
|
39
39
|
onClick: [{ type: HostListener, args: ["click",] }]
|
|
40
40
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvdXNlci9Eb2N1bWVudHMvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS9pbWFnZS1wcmV2aWV3LyIsInNvdXJjZXMiOlsic3JjL2xpYi9kaXJlY3RpdmVzL2ltYWdlLXByZXZpZXcuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBYWpGLE1BQU0sT0FBTyxxQkFBcUI7SUFJaEMsWUFBb0IsRUFBYyxFQUFTLE1BQWlCO1FBQXhDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFBUyxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBSG5DLFdBQU0sR0FBMkMsSUFBSSxDQUFDO0lBR2hCLENBQUM7SUFFekMsT0FBTztRQUM1QixJQUFJLFlBQTRDLENBQUM7UUFDL0MsWUFBWSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQztRQUN6QyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxtQkFBbUIsSUFBSSxDQUFDLEVBQUU7WUFDdkQsWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7U0FDdEQ7UUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUN0QyxJQUFJLEVBQUUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDM0MsYUFBYSxFQUFFLENBQUMsdUJBQXVCLENBQUM7WUFDeEMsVUFBVSxFQUFFLG9CQUFvQjtZQUNoQyxLQUFLLEVBQUUsT0FBTztZQUNkLFFBQVEsRUFBRSxLQUFLO1lBQ2YsTUFBTSxFQUFFLE9BQU87WUFDZixTQUFTLEVBQUUsS0FBSztTQUNqQixDQUFDLENBQUM7SUFDUCxDQUFDOzs7WUF4QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7YUFDN0I7OztZQWRtQixVQUFVO1lBQ3JCLFNBQVM7OztxQkFlZixLQUFLLFNBQUMsZ0JBQWdCO2tDQUN0QixLQUFLO3NCQUlMLFlBQVksU0FBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQgeyBJbWFnZVByZXZpZXdDb21wb25lbnQgfSBmcm9tIFwiLi4vaW1hZ2UtcHJldmlldy9pbWFnZS1wcmV2aWV3LmNvbXBvbmVudFwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJbWFnZVByZXZpZXcge1xyXG4gIGV4dGVuc2lvbjogc3RyaW5nO1xyXG4gIGZpbGU6IEZpbGU7XHJcbiAgZmlsZU5hbWU6IHN0cmluZztcclxuICBwcmV2aWV3U3JjOiBzdHJpbmc7XHJcbiAgc3JjOiBzdHJpbmc7XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiBcIltzZEltYWdlUHJldmlld11cIixcclxufSlcclxuZXhwb3J0IGNsYXNzIEltYWdlUHJldmlld0RpcmVjdGl2ZSB7XHJcbiAgQElucHV0KFwic2RJbWFnZVByZXZpZXdcIikgaW1hZ2VzPzogQXJyYXk8UGFydGlhbDxJbWFnZVByZXZpZXc+PiB8IHN0cmluZyA9IG51bGw7XHJcbiAgQElucHV0KCkgc2RQcmV2aWV3Q3VycmVudElkeDogbnVtYmVyO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmLCBwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHt9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKSBvbkNsaWNrKCkge1xyXG4gICAgbGV0IGN1cnJlbnRJbWFnZTogc3RyaW5nIHwgUGFydGlhbDxJbWFnZVByZXZpZXc+O1xyXG4gICAgICBjdXJyZW50SW1hZ2UgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3JjO1xyXG4gICAgICBpZiAodGhpcy5pbWFnZXMubGVuZ3RoICYmIHRoaXMuc2RQcmV2aWV3Q3VycmVudElkeCA+PSAwKSB7XHJcbiAgICAgICAgY3VycmVudEltYWdlID0gdGhpcy5pbWFnZXNbdGhpcy5zZFByZXZpZXdDdXJyZW50SWR4XTtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmRpYWxvZy5vcGVuKEltYWdlUHJldmlld0NvbXBvbmVudCwge1xyXG4gICAgICAgIGRhdGE6IHsgY3VycmVudEltYWdlLCBpbWFnZXM6IHRoaXMuaW1hZ2VzIH0sXHJcbiAgICAgICAgYmFja2Ryb3BDbGFzczogW1wiaW1hZ2UtcHJldmV3LWJhY2tkcm9wXCJdLFxyXG4gICAgICAgIHBhbmVsQ2xhc3M6IFwiaW1hZ2UtcHJldmV3LXBhbmVsXCIsXHJcbiAgICAgICAgd2lkdGg6IFwiNjAwcHhcIixcclxuICAgICAgICBtYXhXaWR0aDogXCI5MCVcIixcclxuICAgICAgICBoZWlnaHQ6IFwiNjAwcHhcIixcclxuICAgICAgICBtYXhIZWlnaHQ6IFwiOTAlXCIsXHJcbiAgICAgIH0pO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -30,7 +30,7 @@ export class ImagePreviewComponent {
|
|
|
30
30
|
ImagePreviewComponent.decorators = [
|
|
31
31
|
{ type: Component, args: [{
|
|
32
32
|
selector: 'app-image-preview',
|
|
33
|
-
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",
|
|
33
|
+
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 m-0\">\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",
|
|
34
34
|
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%)}"]
|
|
35
35
|
},] }
|
|
36
36
|
];
|
|
@@ -38,4 +38,4 @@ ImagePreviewComponent.ctorParameters = () => [
|
|
|
38
38
|
{ type: MatDialogRef },
|
|
39
39
|
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
|
40
40
|
];
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvdXNlci9Eb2N1bWVudHMvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS9pbWFnZS1wcmV2aWV3LyIsInNvdXJjZXMiOlsic3JjL2xpYi9pbWFnZS1wcmV2aWV3L2ltYWdlLXByZXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFhekUsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUNTLFNBQThDLEVBQ3JCLElBQVU7UUFEbkMsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFDckIsU0FBSSxHQUFKLElBQUksQ0FBTTtJQUN4QyxDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDO0lBQy9KLENBQUM7SUFFRCxJQUFJO1FBQ0YsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxJQUFJLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDMUksSUFBRyxVQUFVLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsZUFBZSxHQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBMkIsQ0FBQyxVQUFVLElBQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUEyQixDQUFDLEdBQUcsQ0FBQTtTQUN4STthQUFNO1lBQ0wsSUFBSSxDQUFDLGVBQWUsR0FBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUEyQixDQUFDLFVBQVUsSUFBSyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUEyQixDQUFDLEdBQUcsQ0FBQztTQUNsSztJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxJQUFJLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDMUksSUFBRyxVQUFVLEtBQUssQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBMkIsQ0FBQyxVQUFVLElBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBMkIsQ0FBQyxHQUFHLENBQUE7U0FDM0w7YUFBTTtZQUNMLElBQUksQ0FBQyxlQUFlLEdBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBMkIsQ0FBQyxVQUFVLElBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBMkIsQ0FBQyxHQUFHLENBQUM7U0FDbEs7SUFDSCxDQUFDOzs7WUFqQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHV0QkFBNkM7O2FBRTlDOzs7WUFaUSxZQUFZOzRDQWtCaEIsTUFBTSxTQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgSW1hZ2VQcmV2aWV3IH0gZnJvbSAnLi4vbW9kZWxzL2ltYWdlLXByZXZpZXcubW9kZWwnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEYXRhIHtcclxuICBjdXJyZW50SW1hZ2U6IFBhcnRpYWw8SW1hZ2VQcmV2aWV3PiB8IHN0cmluZztcclxuICBpbWFnZXM6IEFycmF5PFBhcnRpYWw8SW1hZ2VQcmV2aWV3Pj5cclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtaW1hZ2UtcHJldmlldycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXByZXZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ltYWdlLXByZXZpZXcuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW1hZ2VQcmV2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjdXJyZW50SW1hZ2VVcmw6IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8SW1hZ2VQcmV2aWV3Q29tcG9uZW50PixcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGF0YVxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jdXJyZW50SW1hZ2VVcmwgPSB0eXBlb2YgdGhpcy5kYXRhLmN1cnJlbnRJbWFnZSA9PT0gJ3N0cmluZycgPyB0aGlzLmRhdGEuY3VycmVudEltYWdlIDogdGhpcy5kYXRhLmN1cnJlbnRJbWFnZS5wcmV2aWV3U3JjIHx8IHRoaXMuZGF0YS5jdXJyZW50SW1hZ2Uuc3JjO1xyXG4gIH1cclxuXHJcbiAgbmV4dCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IGN1cnJlbnRJZHggPSB0aGlzLmRhdGEuaW1hZ2VzLmZpbmRJbmRleCgoaW1hZ2U6IFBhcnRpYWw8SW1hZ2VQcmV2aWV3PiApPT4gKGltYWdlLnByZXZpZXdTcmMgfHwgaW1hZ2Uuc3JjKSA9PT0gdGhpcy5jdXJyZW50SW1hZ2VVcmwpO1xyXG4gICAgaWYoY3VycmVudElkeCA9PT0gdGhpcy5kYXRhLmltYWdlcy5sZW5ndGggLSAxKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudEltYWdlVXJsID0gKHRoaXMuZGF0YS5pbWFnZXNbMF0gYXMgUGFydGlhbDxJbWFnZVByZXZpZXc+KS5wcmV2aWV3U3JjIHx8ICAodGhpcy5kYXRhLmltYWdlc1swXSBhcyBQYXJ0aWFsPEltYWdlUHJldmlldz4pLnNyY1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jdXJyZW50SW1hZ2VVcmwgPSAodGhpcy5kYXRhLmltYWdlc1tjdXJyZW50SWR4ICsgMV0gYXMgUGFydGlhbDxJbWFnZVByZXZpZXc+KS5wcmV2aWV3U3JjIHx8ICh0aGlzLmRhdGEuaW1hZ2VzW2N1cnJlbnRJZHggKyAxXSBhcyBQYXJ0aWFsPEltYWdlUHJldmlldz4pLnNyYztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByZXYoKTogdm9pZCB7XHJcbiAgICBjb25zdCBjdXJyZW50SWR4ID0gdGhpcy5kYXRhLmltYWdlcy5maW5kSW5kZXgoKGltYWdlOiBQYXJ0aWFsPEltYWdlUHJldmlldz4gKT0+IChpbWFnZS5wcmV2aWV3U3JjIHx8IGltYWdlLnNyYykgPT09IHRoaXMuY3VycmVudEltYWdlVXJsKTtcclxuICAgIGlmKGN1cnJlbnRJZHggPT09IDApIHtcclxuICAgICAgdGhpcy5jdXJyZW50SW1hZ2VVcmwgPSAodGhpcy5kYXRhLmltYWdlc1t0aGlzLmRhdGEuaW1hZ2VzLmxlbmd0aCAtIDFdIGFzIFBhcnRpYWw8SW1hZ2VQcmV2aWV3PikucHJldmlld1NyYyB8fCAodGhpcy5kYXRhLmltYWdlc1t0aGlzLmRhdGEuaW1hZ2VzLmxlbmd0aCAtIDFdIGFzIFBhcnRpYWw8SW1hZ2VQcmV2aWV3Pikuc3JjXHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmN1cnJlbnRJbWFnZVVybCA9ICh0aGlzLmRhdGEuaW1hZ2VzW2N1cnJlbnRJZHggLSAxXSBhcyBQYXJ0aWFsPEltYWdlUHJldmlldz4pLnByZXZpZXdTcmMgfHwgKHRoaXMuZGF0YS5pbWFnZXNbY3VycmVudElkeCAtIDFdIGFzIFBhcnRpYWw8SW1hZ2VQcmV2aWV3Pikuc3JjO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2ltYWdlLXByZXZpZXcvIiwic291cmNlcyI6WyJzcmMvbGliL21vZGVscy9pbWFnZS1wcmV2aWV3Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEltYWdlUHJldmlldyB7XHJcbiAgZXh0ZW5zaW9uOiBzdHJpbmc7XHJcbiAgZmlsZTogRmlsZTtcclxuICBmaWxlTmFtZTogc3RyaW5nO1xyXG4gIHByZXZpZXdTcmM6IHN0cmluZztcclxuICBzcmM6IHN0cmluZztcclxufSJdfQ==
|
|
@@ -2,4 +2,5 @@
|
|
|
2
2
|
* Public API Surface of superdev-angular-core
|
|
3
3
|
*/
|
|
4
4
|
export * from './lib/image-preview/image-preview.module';
|
|
5
|
-
|
|
5
|
+
export * from './lib/models/image-preview.model';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2ltYWdlLXByZXZpZXcvIiwic291cmNlcyI6WyJzcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUdILGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxrQ0FBa0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdXBlcmRldi1hbmd1bGFyLWNvcmVcclxuICovXHJcblxyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW1hZ2UtcHJldmlldy9pbWFnZS1wcmV2aWV3Lm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbWFnZS1wcmV2aWV3Lm1vZGVsJztcclxuIl19
|
|
@@ -33,7 +33,7 @@ class ImagePreviewComponent {
|
|
|
33
33
|
ImagePreviewComponent.decorators = [
|
|
34
34
|
{ type: Component, args: [{
|
|
35
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",
|
|
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 m-0\">\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
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
38
|
},] }
|
|
39
39
|
];
|
|
@@ -46,7 +46,7 @@ class ImagePreviewDirective {
|
|
|
46
46
|
constructor(el, dialog) {
|
|
47
47
|
this.el = el;
|
|
48
48
|
this.dialog = dialog;
|
|
49
|
-
this.images =
|
|
49
|
+
this.images = null;
|
|
50
50
|
}
|
|
51
51
|
onClick() {
|
|
52
52
|
let currentImage;
|
|
@@ -1 +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
|
|
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\nimport { ImagePreview } from '../models/image-preview.model';\r\n\r\nexport interface Data {\r\n currentImage: Partial<ImagePreview> | string;\r\n images: Array<Partial<ImagePreview>>\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: Partial<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 Partial<ImagePreview>).previewSrc || (this.data.images[0] as Partial<ImagePreview>).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx + 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx + 1] as Partial<ImagePreview>).src;\r\n }\r\n }\r\n\r\n prev(): void {\r\n const currentIdx = this.data.images.findIndex((image: Partial<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 Partial<ImagePreview>).previewSrc || (this.data.images[this.data.images.length - 1] as Partial<ImagePreview>).src\r\n } else {\r\n this.currentImageUrl = (this.data.images[currentIdx - 1] as Partial<ImagePreview>).previewSrc || (this.data.images[currentIdx - 1] as Partial<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<Partial<ImagePreview>> | string = null;\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 | Partial<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\n\r\nexport * from './lib/image-preview/image-preview.module';\r\nexport * from './lib/models/image-preview.model';\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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"SdImagePreviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":14,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"SdImagePreviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":14,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ImagePreview":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-image-preview","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 m-0\">\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","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%)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":19,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵa"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[sdImagePreview]"}]}],"members":{"images":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["sdImagePreview"]}]}],"sdPreviewCurrentIdx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":26},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":19,"character":53}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":3},"arguments":["click"]}]}]}}},"origins":{"SdImagePreviewModule":"./src/lib/image-preview/image-preview.module","ImagePreview":"./src/lib/models/image-preview.model","ɵa":"./src/lib/image-preview/image-preview.component","ɵb":"./src/lib/directives/image-preview.directive"},"importAs":"@sd-angular/core/image-preview"}
|
|
@@ -4,13 +4,13 @@ export interface ImagePreview {
|
|
|
4
4
|
extension: string;
|
|
5
5
|
file: File;
|
|
6
6
|
fileName: string;
|
|
7
|
-
previewSrc
|
|
8
|
-
src
|
|
7
|
+
previewSrc: string;
|
|
8
|
+
src: string;
|
|
9
9
|
}
|
|
10
10
|
export declare class ImagePreviewDirective {
|
|
11
11
|
private el;
|
|
12
12
|
dialog: MatDialog;
|
|
13
|
-
images
|
|
13
|
+
images?: Array<Partial<ImagePreview>> | string;
|
|
14
14
|
sdPreviewCurrentIdx: number;
|
|
15
15
|
constructor(el: ElementRef, dialog: MatDialog);
|
|
16
16
|
onClick(): void;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
|
+
import { ImagePreview } from '../models/image-preview.model';
|
|
3
4
|
export interface Data {
|
|
4
|
-
currentImage: ImagePreview | string;
|
|
5
|
-
images: Array<ImagePreview
|
|
6
|
-
}
|
|
7
|
-
export interface ImagePreview {
|
|
8
|
-
extension: string;
|
|
9
|
-
file: File;
|
|
10
|
-
fileName: string;
|
|
11
|
-
previewSrc?: string;
|
|
12
|
-
src?: string;
|
|
5
|
+
currentImage: Partial<ImagePreview> | string;
|
|
6
|
+
images: Array<Partial<ImagePreview>>;
|
|
13
7
|
}
|
|
14
8
|
export declare class ImagePreviewComponent implements OnInit {
|
|
15
9
|
dialogRef: MatDialogRef<ImagePreviewComponent>;
|
package/package.json
CHANGED
|
index 06a9df2..caf9049 100644
|
|
|
Binary file
|