tss-img-lib
Version:
Install the package using the following command
187 lines (178 loc) • 12.4 kB
JavaScript
import { Component, Input, Output, EventEmitter, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DialogModule } from 'primeng/dialog';
import { ButtonModule } from 'primeng/button';
import { LightboxModule } from 'primeng/lightbox';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
class ImgLibComponent {
constructor() {
}
/**
* @return {?}
*/
ngOnInit() {
}
}
ImgLibComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-img-lib',
template: ``,
// template: `
// <p>
// img-lib works!
// </p>
// `,
styles: []
},] },
];
/** @nocollapse */
ImgLibComponent.ctorParameters = () => [];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
class EditComponent {
constructor() {
this.imageEmitter = new EventEmitter();
this.display = false;
this.display = true;
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @return {?}
*/
closeModel() {
this.imageEmitter.emit(false);
}
}
EditComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-edit',
template: `<p-dialog header="Image" [(visible)]="display" (onHide)="closeModel()">
<div class="ui-g" >
<div class="ui-g-6" style="padding: 10px" >
<img width="100" height="auto" [src]="options.source">
</div>
</div>
</p-dialog>`,
styles: [``]
},] },
];
/** @nocollapse */
EditComponent.ctorParameters = () => [];
EditComponent.propDecorators = {
"options": [{ type: Input },],
"imageEmitter": [{ type: Output },],
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
/**
* It contains all the logic needs to view the image.The image properties will receive in \@input options variable
*
*/
class ViewComponent {
constructor() {
this.display = false;
this.isPreview = false;
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @return {?}
*/
showDialog() {
this.isPreview = true;
}
/**
* @param {?} event
* @return {?}
*/
imageEmitter(event) {
this.isPreview = event;
}
}
ViewComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-view',
template: `<!-- <p-dialog header="Image" [(visible)]="display" >
<div class="ui-g" >
<div class="ui-g-9" style="padding: 10px" >
<img width="100" height="auto" [src]="options.source">
</div>
</div>
</p-dialog> -->
<div *ngIf="isPreview">
<lib-edit (imageEmitter)="imageEmitter($event)" [options]='options'></lib-edit>
</div>
<img [src]="options.source" style="cursor: pointer;" (click)="showDialog()" [width]="options.width" [height]="options.height" onError="this.src='https://d1nhio0ox7pgb.cloudfront.net/_img/o_collection_png/green_dark_grey/512x512/plain/painting_landscape.png'"
/>
<!-- <p-lightbox [images]="images"></p-lightbox> -->
`,
styles: [`.profileImg{width:60%;margin:0 auto;text-align:center;padding:90px}`]
},] },
];
/** @nocollapse */
ViewComponent.ctorParameters = () => [];
ViewComponent.propDecorators = {
"options": [{ type: Input },],
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
/**
* This module contains two components view-picker and edit-picker which are exported in this module
*
*/
class ViewModule {
}
ViewModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule, DialogModule
],
declarations: [ViewComponent, EditComponent],
exports: [ViewComponent],
},] },
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
/**
* This is the main module in img-lib library it contains all the modules and components imported which are used in mg-lib
*
*/
class ImgLibModule {
}
ImgLibModule.decorators = [
{ type: NgModule, args: [{
imports: [ButtonModule, LightboxModule, BrowserAnimationsModule, DialogModule
],
declarations: [ImgLibComponent],
exports: [ViewModule],
},] },
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
export { ImgLibComponent, ImgLibModule, ViewModule, EditComponent as ɵb, ViewComponent as ɵa };
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNzLWltZy1saWIuanMubWFwIiwic291cmNlcyI6WyJuZzovL3Rzcy1pbWctbGliL2xpYi9pbWctbGliLmNvbXBvbmVudC50cyIsIm5nOi8vdHNzLWltZy1saWIvbGliL3ZpZXcvZWRpdC1waWNrZXIvZWRpdC5waWNrZXIuY29tcG9uZW50LnRzIiwibmc6Ly90c3MtaW1nLWxpYi9saWIvdmlldy92aWV3LXBpY2tlci92aWV3LnBpY2tlci5jb21wb25lbnQudHMiLCJuZzovL3Rzcy1pbWctbGliL2xpYi92aWV3L3ZpZXcubW9kdWxlLnRzIiwibmc6Ly90c3MtaW1nLWxpYi9saWIvaW1nLWxpYi5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWltZy1saWInLFxyXG4gIHRlbXBsYXRlOiBgYCxcclxuICAvLyB0ZW1wbGF0ZTogYFxyXG4gIC8vICAgPHA+XHJcbiAgLy8gICAgIGltZy1saWIgd29ya3MhXHJcbiAgLy8gICA8L3A+XHJcbiAgLy8gYCxcclxuICBzdHlsZXM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbWdMaWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKCkgeyBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuICBcclxufVxyXG4iLCJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEltYWdlcHJvcGVydGllcyB9IGZyb20gJy4uL2ltYWdlcHJvcGVydGllcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lZGl0JyxcclxuICB0ZW1wbGF0ZTogYDxwLWRpYWxvZyBoZWFkZXI9XCJJbWFnZVwiIFsodmlzaWJsZSldPVwiZGlzcGxheVwiIChvbkhpZGUpPVwiY2xvc2VNb2RlbCgpXCI+XHJcbiAgPGRpdiBjbGFzcz1cInVpLWdcIiA+XHJcbiAgICA8ZGl2IGNsYXNzPVwidWktZy02XCIgc3R5bGU9XCJwYWRkaW5nOiAxMHB4XCIgPlxyXG4gICAgICA8aW1nIHdpZHRoPVwiMTAwXCIgaGVpZ2h0PVwiYXV0b1wiIFtzcmNdPVwib3B0aW9ucy5zb3VyY2VcIj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3AtZGlhbG9nPmAsXHJcbiAgc3R5bGVzOiBbYGBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBvcHRpb25zOiBJbWFnZXByb3BlcnRpZXM7XHJcbiAgQE91dHB1dCgpIGltYWdlRW1pdHRlcjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgZGlzcGxheTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgdGhpcy5kaXNwbGF5ID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG5cclxuICB9XHJcblxyXG4gIGNsb3NlTW9kZWwoKXtcclxuICAgIHRoaXMuaW1hZ2VFbWl0dGVyLmVtaXQoZmFsc2UpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEltYWdlcHJvcGVydGllcyB9IGZyb20gJy4uL2ltYWdlcHJvcGVydGllcyc7XHJcblxyXG4vKipcclxuICogSXQgY29udGFpbnMgYWxsIHRoZSBsb2dpYyBuZWVkcyB0byB2aWV3IHRoZSBpbWFnZS5UaGUgaW1hZ2UgcHJvcGVydGllcyB3aWxsIHJlY2VpdmUgaW4gQGlucHV0IG9wdGlvbnMgdmFyaWFibGVcclxuICogXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi12aWV3JyxcclxuICB0ZW1wbGF0ZTogYDwhLS0gPHAtZGlhbG9nIGhlYWRlcj1cIkltYWdlXCIgWyh2aXNpYmxlKV09XCJkaXNwbGF5XCIgPlxyXG4gIDxkaXYgY2xhc3M9XCJ1aS1nXCIgPlxyXG4gICAgPGRpdiBjbGFzcz1cInVpLWctOVwiIHN0eWxlPVwicGFkZGluZzogMTBweFwiID5cclxuICAgICAgPGltZyB3aWR0aD1cIjEwMFwiIGhlaWdodD1cImF1dG9cIiBbc3JjXT1cIm9wdGlvbnMuc291cmNlXCI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9wLWRpYWxvZz4gIC0tPlxyXG48ZGl2ICpuZ0lmPVwiaXNQcmV2aWV3XCI+XHJcbiAgPGxpYi1lZGl0IChpbWFnZUVtaXR0ZXIpPVwiaW1hZ2VFbWl0dGVyKCRldmVudClcIiBbb3B0aW9uc109J29wdGlvbnMnPjwvbGliLWVkaXQ+XHJcbjwvZGl2PlxyXG48aW1nIFtzcmNdPVwib3B0aW9ucy5zb3VyY2VcIiBzdHlsZT1cImN1cnNvcjogcG9pbnRlcjtcIiAoY2xpY2spPVwic2hvd0RpYWxvZygpXCIgW3dpZHRoXT1cIm9wdGlvbnMud2lkdGhcIiBbaGVpZ2h0XT1cIm9wdGlvbnMuaGVpZ2h0XCIgb25FcnJvcj1cInRoaXMuc3JjPSdodHRwczovL2QxbmhpbzBveDdwZ2IuY2xvdWRmcm9udC5uZXQvX2ltZy9vX2NvbGxlY3Rpb25fcG5nL2dyZWVuX2RhcmtfZ3JleS81MTJ4NTEyL3BsYWluL3BhaW50aW5nX2xhbmRzY2FwZS5wbmcnXCJcclxuLz5cclxuPCEtLSA8cC1saWdodGJveCBbaW1hZ2VzXT1cImltYWdlc1wiPjwvcC1saWdodGJveD4gLS0+XHJcbmAsXHJcbiAgc3R5bGVzOiBbYC5wcm9maWxlSW1ne3dpZHRoOjYwJTttYXJnaW46MCBhdXRvO3RleHQtYWxpZ246Y2VudGVyO3BhZGRpbmc6OTBweH1gXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgb3B0aW9uczogSW1hZ2Vwcm9wZXJ0aWVzO1xyXG4gIGRpc3BsYXk6Ym9vbGVhbj1mYWxzZTtcclxuICBpc1ByZXZpZXcgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBcclxuICB9XHJcblxyXG4gIHNob3dEaWFsb2coKSB7XHJcbiAgICB0aGlzLmlzUHJldmlldz10cnVlO1xyXG4gIH1cclxuXHJcbiAgaW1hZ2VFbWl0dGVyKGV2ZW50KSB7XHJcbiAgICAgIHRoaXMuaXNQcmV2aWV3ID0gZXZlbnQ7XHJcblxyXG4gIH1cclxufVxyXG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHtEaWFsb2dNb2R1bGV9IGZyb20gJ3ByaW1lbmcvZGlhbG9nJztcclxuaW1wb3J0IHsgRWRpdENvbXBvbmVudCB9IGZyb20gJy4vZWRpdC1waWNrZXIvZWRpdC5waWNrZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVmlld0NvbXBvbmVudCB9IGZyb20gJy4vdmlldy1waWNrZXIvdmlldy5waWNrZXIuY29tcG9uZW50JztcclxuXHJcblxyXG4vKipcclxuICogVGhpcyBtb2R1bGUgY29udGFpbnMgdHdvIGNvbXBvbmVudHMgdmlldy1waWNrZXIgYW5kIGVkaXQtcGlja2VyIHdoaWNoIGFyZSBleHBvcnRlZCBpbiB0aGlzIG1vZHVsZVxyXG4gKiBcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLERpYWxvZ01vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbVmlld0NvbXBvbmVudCwgRWRpdENvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1ZpZXdDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmlld01vZHVsZSB7IH1cclxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW1nTGliQ29tcG9uZW50IH0gZnJvbSAnLi9pbWctbGliLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGlhbG9nTW9kdWxlfSBmcm9tICdwcmltZW5nL2RpYWxvZyc7XHJcbmltcG9ydCB7IFZpZXdNb2R1bGUgfSBmcm9tICcuL3ZpZXcvdmlldy5tb2R1bGUnO1xyXG5pbXBvcnQge0J1dHRvbk1vZHVsZX0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xyXG5pbXBvcnQge0xpZ2h0Ym94TW9kdWxlfSBmcm9tICdwcmltZW5nL2xpZ2h0Ym94JztcclxuaW1wb3J0IHsgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyL2FuaW1hdGlvbnMnO1xyXG5cclxuXHJcbi8qKlxyXG4gKiBUaGlzIGlzIHRoZSBtYWluIG1vZHVsZSBpbiBpbWctbGliIGxpYnJhcnkgaXQgY29udGFpbnMgYWxsIHRoZSBtb2R1bGVzIGFuZCBjb21wb25lbnRzIGltcG9ydGVkIHdoaWNoIGFyZSB1c2VkIGluIG1nLWxpYlxyXG4gKiBcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW0J1dHRvbk1vZHVsZSxMaWdodGJveE1vZHVsZSxCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxEaWFsb2dNb2R1bGVcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW0ltZ0xpYkNvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1ZpZXdNb2R1bGVdLFxyXG5cclxufSlcclxuZXhwb3J0IGNsYXNzIEltZ0xpYk1vZHVsZSB7IH1cclxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7SUFhRTtLQUNDOzs7O0lBRUQsUUFBUTtLQUNQOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLFFBQVEsRUFBRSxFQUFFOzs7Ozs7Z0JBTVosTUFBTSxFQUFFLEVBQUU7YUFDWDs7Ozs7Ozs7O0FDWEQ7SUFrQkU7NEJBRjRDLElBQUksWUFBWSxFQUFFO3VCQUMzQyxLQUFLO1FBRXRCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0tBQ3JCOzs7O0lBRUQsUUFBUTtLQUVQOzs7O0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQy9COzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixRQUFRLEVBQUU7Ozs7OztZQU1BO2dCQUNWLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQzthQUNiOzs7Ozt3QkFFRSxLQUFLOzZCQUNMLE1BQU07Ozs7Ozs7QUNoQlQ7Ozs7QUF5QkE7SUFLRTt1QkFIZ0IsS0FBSzt5QkFDVCxLQUFLO0tBRUE7Ozs7SUFFakIsUUFBUTtLQUVQOzs7O0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLEdBQUMsSUFBSSxDQUFDO0tBQ3JCOzs7OztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7S0FFMUI7OztZQXBDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztDQWFYO2dCQUNDLE1BQU0sRUFBRSxDQUFDLHFFQUFxRSxDQUFDO2FBQ2hGOzs7Ozt3QkFFRSxLQUFLOzs7Ozs7O0FDMUJSOzs7O0FBbUJBOzs7WUFQQyxRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVksRUFBQyxZQUFZO2lCQUMxQjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxhQUFhLEVBQUUsYUFBYSxDQUFDO2dCQUM1QyxPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7YUFDekI7Ozs7Ozs7QUNsQkQ7Ozs7QUFvQkE7OztZQVBDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUMsY0FBYyxFQUFDLHVCQUF1QixFQUFDLFlBQVk7aUJBQ3pFO2dCQUNELFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDL0IsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDO2FBRXRCOzs7Ozs7Ozs7Ozs7Ozs7In0=