tss-img-lib
Version:
Install the package using the following command
196 lines (187 loc) • 13.7 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
*/
var ImgLibComponent = /** @class */ (function () {
function ImgLibComponent() {
}
/**
* @return {?}
*/
ImgLibComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
ImgLibComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-img-lib',
template: "",
// template: `
// <p>
// img-lib works!
// </p>
// `,
styles: []
},] },
];
/** @nocollapse */
ImgLibComponent.ctorParameters = function () { return []; };
return ImgLibComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
var EditComponent = /** @class */ (function () {
function EditComponent() {
this.imageEmitter = new EventEmitter();
this.display = false;
this.display = true;
}
/**
* @return {?}
*/
EditComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
EditComponent.prototype.closeModel = /**
* @return {?}
*/
function () {
this.imageEmitter.emit(false);
};
EditComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-edit',
template: "<p-dialog header=\"Image\" [(visible)]=\"display\" (onHide)=\"closeModel()\">\n <div class=\"ui-g\" >\n <div class=\"ui-g-6\" style=\"padding: 10px\" >\n <img width=\"100\" height=\"auto\" [src]=\"options.source\">\n </div>\n </div>\n</p-dialog>",
styles: [""]
},] },
];
/** @nocollapse */
EditComponent.ctorParameters = function () { return []; };
EditComponent.propDecorators = {
"options": [{ type: Input },],
"imageEmitter": [{ type: Output },],
};
return EditComponent;
}());
/**
* @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
*
*/
var ViewComponent = /** @class */ (function () {
function ViewComponent() {
this.display = false;
this.isPreview = false;
}
/**
* @return {?}
*/
ViewComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
ViewComponent.prototype.showDialog = /**
* @return {?}
*/
function () {
this.isPreview = true;
};
/**
* @param {?} event
* @return {?}
*/
ViewComponent.prototype.imageEmitter = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.isPreview = event;
};
ViewComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-view',
template: "<!-- <p-dialog header=\"Image\" [(visible)]=\"display\" >\n <div class=\"ui-g\" >\n <div class=\"ui-g-9\" style=\"padding: 10px\" >\n <img width=\"100\" height=\"auto\" [src]=\"options.source\">\n </div>\n </div>\n</p-dialog> -->\n<div *ngIf=\"isPreview\">\n <lib-edit (imageEmitter)=\"imageEmitter($event)\" [options]='options'></lib-edit>\n</div>\n<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'\"\n/>\n<!-- <p-lightbox [images]=\"images\"></p-lightbox> -->\n",
styles: [".profileImg{width:60%;margin:0 auto;text-align:center;padding:90px}"]
},] },
];
/** @nocollapse */
ViewComponent.ctorParameters = function () { return []; };
ViewComponent.propDecorators = {
"options": [{ type: Input },],
};
return ViewComponent;
}());
/**
* @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
*
*/
var ViewModule = /** @class */ (function () {
function ViewModule() {
}
ViewModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule, DialogModule
],
declarations: [ViewComponent, EditComponent],
exports: [ViewComponent],
},] },
];
return ViewModule;
}());
/**
* @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
*
*/
var ImgLibModule = /** @class */ (function () {
function ImgLibModule() {
}
ImgLibModule.decorators = [
{ type: NgModule, args: [{
imports: [ButtonModule, LightboxModule, BrowserAnimationsModule, DialogModule
],
declarations: [ImgLibComponent],
exports: [ViewModule],
},] },
];
return ImgLibModule;
}());
/**
* @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+XHJcbmAsXHJcbiAgc3R5bGVzOiBbYC5wcm9maWxlSW1ne3dpZHRoOjYwJTttYXJnaW46MCBhdXRvO3RleHQtYWxpZ246Y2VudGVyO3BhZGRpbmc6OTBweH1gXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgb3B0aW9uczogSW1hZ2Vwcm9wZXJ0aWVzO1xyXG4gIGRpc3BsYXk6Ym9vbGVhbj1mYWxzZTtcclxuICBpc1ByZXZpZXcgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBcclxuICB9XHJcblxyXG4gIHNob3dEaWFsb2coKSB7XHJcbiAgICB0aGlzLmlzUHJldmlldz10cnVlO1xyXG4gIH1cclxuXHJcbiAgaW1hZ2VFbWl0dGVyKGV2ZW50KSB7XHJcbiAgICAgIHRoaXMuaXNQcmV2aWV3ID0gZXZlbnQ7XHJcblxyXG4gIH1cclxufVxyXG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHtEaWFsb2dNb2R1bGV9IGZyb20gJ3ByaW1lbmcvZGlhbG9nJztcclxuaW1wb3J0IHsgRWRpdENvbXBvbmVudCB9IGZyb20gJy4vZWRpdC1waWNrZXIvZWRpdC5waWNrZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVmlld0NvbXBvbmVudCB9IGZyb20gJy4vdmlldy1waWNrZXIvdmlldy5waWNrZXIuY29tcG9uZW50JztcclxuXHJcblxyXG4vKipcclxuICogVGhpcyBtb2R1bGUgY29udGFpbnMgdHdvIGNvbXBvbmVudHMgdmlldy1waWNrZXIgYW5kIGVkaXQtcGlja2VyIHdoaWNoIGFyZSBleHBvcnRlZCBpbiB0aGlzIG1vZHVsZVxyXG4gKiBcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLERpYWxvZ01vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbVmlld0NvbXBvbmVudCwgRWRpdENvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1ZpZXdDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmlld01vZHVsZSB7IH1cclxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW1nTGliQ29tcG9uZW50IH0gZnJvbSAnLi9pbWctbGliLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGlhbG9nTW9kdWxlfSBmcm9tICdwcmltZW5nL2RpYWxvZyc7XHJcbmltcG9ydCB7IFZpZXdNb2R1bGUgfSBmcm9tICcuL3ZpZXcvdmlldy5tb2R1bGUnO1xyXG5pbXBvcnQge0J1dHRvbk1vZHVsZX0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xyXG5pbXBvcnQge0xpZ2h0Ym94TW9kdWxlfSBmcm9tICdwcmltZW5nL2xpZ2h0Ym94JztcclxuaW1wb3J0IHsgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyL2FuaW1hdGlvbnMnO1xyXG5cclxuXHJcbi8qKlxyXG4gKiBUaGlzIGlzIHRoZSBtYWluIG1vZHVsZSBpbiBpbWctbGliIGxpYnJhcnkgaXQgY29udGFpbnMgYWxsIHRoZSBtb2R1bGVzIGFuZCBjb21wb25lbnRzIGltcG9ydGVkIHdoaWNoIGFyZSB1c2VkIGluIG1nLWxpYlxyXG4gKiBcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW0J1dHRvbk1vZHVsZSxMaWdodGJveE1vZHVsZSxCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxEaWFsb2dNb2R1bGVcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW0ltZ0xpYkNvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1ZpZXdNb2R1bGVdLFxyXG5cclxufSlcclxuZXhwb3J0IGNsYXNzIEltZ0xpYk1vZHVsZSB7IH1cclxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7SUFhRTtLQUNDOzs7O0lBRUQsa0NBQVE7OztJQUFSO0tBQ0M7O2dCQWZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLEVBQUU7Ozs7OztvQkFNWixNQUFNLEVBQUUsRUFBRTtpQkFDWDs7OzswQkFYRDs7Ozs7OztBQ0FBO0lBa0JFOzRCQUY0QyxJQUFJLFlBQVksRUFBRTt1QkFDM0MsS0FBSztRQUV0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztLQUNyQjs7OztJQUVELGdDQUFROzs7SUFBUjtLQUVDOzs7O0lBRUQsa0NBQVU7OztJQUFWO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDL0I7O2dCQXpCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSxvUUFNQTtvQkFDVixNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7aUJBQ2I7Ozs7OzRCQUVFLEtBQUs7aUNBQ0wsTUFBTTs7d0JBaEJUOzs7Ozs7O0FDQUE7Ozs7O0lBOEJFO3VCQUhnQixLQUFLO3lCQUNULEtBQUs7S0FFQTs7OztJQUVqQixnQ0FBUTs7O0lBQVI7S0FFQzs7OztJQUVELGtDQUFVOzs7SUFBVjtRQUNFLElBQUksQ0FBQyxTQUFTLEdBQUMsSUFBSSxDQUFDO0tBQ3JCOzs7OztJQUVELG9DQUFZOzs7O0lBQVosVUFBYSxLQUFLO1FBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7S0FFMUI7O2dCQXBDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSwyckJBYVg7b0JBQ0MsTUFBTSxFQUFFLENBQUMscUVBQXFFLENBQUM7aUJBQ2hGOzs7Ozs0QkFFRSxLQUFLOzt3QkExQlI7Ozs7Ozs7QUNBQTs7Ozs7Ozs7Z0JBWUMsUUFBUSxTQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZLEVBQUMsWUFBWTtxQkFDMUI7b0JBQ0QsWUFBWSxFQUFFLENBQUMsYUFBYSxFQUFFLGFBQWEsQ0FBQztvQkFDNUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO2lCQUN6Qjs7cUJBbEJEOzs7Ozs7O0FDQUE7Ozs7Ozs7O2dCQWFDLFFBQVEsU0FBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUMsY0FBYyxFQUFDLHVCQUF1QixFQUFDLFlBQVk7cUJBQ3pFO29CQUNELFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDO2lCQUV0Qjs7dUJBbkJEOzs7Ozs7Ozs7Ozs7Ozs7In0=