@syncfusion/ej2-angular-image-editor
Version:
Essential JS 2 ImageEditor for Angular
66 lines • 13.4 kB
JavaScript
import { __decorate } from "tslib";
import { Component, ChangeDetectionStrategy, ContentChild } from '@angular/core';
import { ComponentBase, ComponentMixins, setValue } from '@syncfusion/ej2-angular-base';
import { ImageEditor } from '@syncfusion/ej2-image-editor';
import { Template } from '@syncfusion/ej2-angular-base';
import * as i0 from "@angular/core";
export const inputs = ['allowUndoRedo', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'finetuneSettings', 'fontFamily', 'height', 'imageSmoothingEnabled', 'isReadOnly', 'locale', 'quickAccessToolbarTemplate', 'selectionSettings', 'showQuickAccessToolbar', 'theme', 'toolbar', 'toolbarTemplate', 'uploadSettings', 'width', 'zoomSettings'];
export const outputs = ['beforeSave', 'click', 'created', 'cropping', 'destroyed', 'editComplete', 'fileOpened', 'finetuneValueChanging', 'flipping', 'frameChange', 'imageFiltering', 'panning', 'quickAccessToolbarItemClick', 'quickAccessToolbarOpen', 'resizing', 'rotating', 'saved', 'selectionChanging', 'shapeChange', 'shapeChanging', 'toolbarCreated', 'toolbarItemClicked', 'toolbarUpdating', 'zooming'];
export const twoWays = [''];
/**
* Represents the EJ2 Angular ImageEditor Component.
* ```html
* <ejs-imageeditor></ejs-imageeditor>
* ```
*/
let ImageEditorComponent = class ImageEditorComponent extends ImageEditor {
constructor(ngEle, srenderer, viewContainerRef, injector) {
super();
this.ngEle = ngEle;
this.srenderer = srenderer;
this.viewContainerRef = viewContainerRef;
this.injector = injector;
this.element = this.ngEle.nativeElement;
this.injectedModules = this.injectedModules || [];
this.registerEvents(outputs);
this.addTwoWay.call(this, twoWays);
setValue('currentInstance', this, this.viewContainerRef);
this.context = new ComponentBase();
}
ngOnInit() {
this.context.ngOnInit(this);
}
ngAfterViewInit() {
this.context.ngAfterViewInit(this);
}
ngOnDestroy() {
this.context.ngOnDestroy(this);
}
ngAfterContentChecked() {
this.context.ngAfterContentChecked(this);
}
};
ImageEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ImageEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
ImageEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ImageEditorComponent, selector: "ejs-imageeditor", inputs: { allowUndoRedo: "allowUndoRedo", cssClass: "cssClass", disabled: "disabled", enablePersistence: "enablePersistence", enableRtl: "enableRtl", finetuneSettings: "finetuneSettings", fontFamily: "fontFamily", height: "height", imageSmoothingEnabled: "imageSmoothingEnabled", isReadOnly: "isReadOnly", locale: "locale", quickAccessToolbarTemplate: "quickAccessToolbarTemplate", selectionSettings: "selectionSettings", showQuickAccessToolbar: "showQuickAccessToolbar", theme: "theme", toolbar: "toolbar", toolbarTemplate: "toolbarTemplate", uploadSettings: "uploadSettings", width: "width", zoomSettings: "zoomSettings" }, outputs: { beforeSave: "beforeSave", click: "click", created: "created", cropping: "cropping", destroyed: "destroyed", editComplete: "editComplete", fileOpened: "fileOpened", finetuneValueChanging: "finetuneValueChanging", flipping: "flipping", frameChange: "frameChange", imageFiltering: "imageFiltering", panning: "panning", quickAccessToolbarItemClick: "quickAccessToolbarItemClick", quickAccessToolbarOpen: "quickAccessToolbarOpen", resizing: "resizing", rotating: "rotating", saved: "saved", selectionChanging: "selectionChanging", shapeChange: "shapeChange", shapeChanging: "shapeChanging", toolbarCreated: "toolbarCreated", toolbarItemClicked: "toolbarItemClicked", toolbarUpdating: "toolbarUpdating", zooming: "zooming" }, queries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
__decorate([
Template()
], ImageEditorComponent.prototype, "toolbarTemplate", void 0);
ImageEditorComponent = __decorate([
ComponentMixins([ComponentBase])
], ImageEditorComponent);
export { ImageEditorComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ImageEditorComponent, decorators: [{
type: Component,
args: [{
selector: 'ejs-imageeditor',
inputs: inputs,
outputs: outputs,
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
queries: {}
}]
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { toolbarTemplate: [{
type: ContentChild,
args: ['toolbarTemplate']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2VlZGl0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2ltYWdlLWVkaXRvci9pbWFnZWVkaXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWdDLHVCQUF1QixFQUFpRCxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUosT0FBTyxFQUFFLGFBQWEsRUFBK0IsZUFBZSxFQUEwQixRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3SSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQUd4RCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWEsQ0FBQyxlQUFlLEVBQUMsVUFBVSxFQUFDLFVBQVUsRUFBQyxtQkFBbUIsRUFBQyxXQUFXLEVBQUMsa0JBQWtCLEVBQUMsWUFBWSxFQUFDLFFBQVEsRUFBQyx1QkFBdUIsRUFBQyxZQUFZLEVBQUMsUUFBUSxFQUFDLDRCQUE0QixFQUFDLG1CQUFtQixFQUFDLHdCQUF3QixFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsaUJBQWlCLEVBQUMsZ0JBQWdCLEVBQUMsT0FBTyxFQUFDLGNBQWMsQ0FBQyxDQUFDO0FBQ3JWLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxDQUFDLFlBQVksRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLFVBQVUsRUFBQyxXQUFXLEVBQUMsY0FBYyxFQUFDLFlBQVksRUFBQyx1QkFBdUIsRUFBQyxVQUFVLEVBQUMsYUFBYSxFQUFDLGdCQUFnQixFQUFDLFNBQVMsRUFBQyw2QkFBNkIsRUFBQyx3QkFBd0IsRUFBQyxVQUFVLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxhQUFhLEVBQUMsZUFBZSxFQUFDLGdCQUFnQixFQUFDLG9CQUFvQixFQUFDLGlCQUFpQixFQUFDLFNBQVMsQ0FBQyxDQUFDO0FBQzFZLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0FBRXRDOzs7OztHQUtHO0lBWVUsb0JBQW9CLFNBQXBCLG9CQUFxQixTQUFRLFdBQVc7SUE4Q2pELFlBQW9CLEtBQWlCLEVBQVUsU0FBb0IsRUFBVSxnQkFBaUMsRUFBVSxRQUFrQjtRQUN0SSxLQUFLLEVBQUUsQ0FBQztRQURRLFVBQUssR0FBTCxLQUFLLENBQVk7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQVUscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVU7UUFFdEksSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1FBRWxELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLE9BQU8sR0FBSSxJQUFJLGFBQWEsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0scUJBQXFCO1FBRXhCLElBQUksQ0FBQyxPQUFPLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQztDQUlKLENBQUE7aUhBNUVZLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDJnREFQbkIsRUFBRTtBQW1EWjtJQURDLFFBQVEsRUFBRTs2REFDaUI7QUE1Q25CLG9CQUFvQjtJQURoQyxlQUFlLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztHQUNwQixvQkFBb0IsQ0E0RWhDO1NBNUVZLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQVhoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLE1BQU0sRUFBRSxNQUFNO29CQUNkLE9BQU8sRUFBRSxPQUFPO29CQUNoQixRQUFRLEVBQUUsRUFBRTtvQkFDWixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLEVBRVI7aUJBQ0o7K0tBOENVLGVBQWU7c0JBRnJCLFlBQVk7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBWaWV3Q29udGFpbmVyUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgUXVlcnlMaXN0LCBSZW5kZXJlcjIsIEluamVjdG9yLCBWYWx1ZVByb3ZpZGVyLCBDb250ZW50Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudEJhc2UsIElDb21wb25lbnRCYXNlLCBhcHBseU1peGlucywgQ29tcG9uZW50TWl4aW5zLCBQcm9wZXJ0eUNvbGxlY3Rpb25JbmZvLCBzZXRWYWx1ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuaW1wb3J0IHsgSW1hZ2VFZGl0b3IgfSBmcm9tICdAc3luY2Z1c2lvbi9lajItaW1hZ2UtZWRpdG9yJztcbmltcG9ydCB7IFRlbXBsYXRlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5cblxuZXhwb3J0IGNvbnN0IGlucHV0czogc3RyaW5nW10gPSBbJ2FsbG93VW5kb1JlZG8nLCdjc3NDbGFzcycsJ2Rpc2FibGVkJywnZW5hYmxlUGVyc2lzdGVuY2UnLCdlbmFibGVSdGwnLCdmaW5ldHVuZVNldHRpbmdzJywnZm9udEZhbWlseScsJ2hlaWdodCcsJ2ltYWdlU21vb3RoaW5nRW5hYmxlZCcsJ2lzUmVhZE9ubHknLCdsb2NhbGUnLCdxdWlja0FjY2Vzc1Rvb2xiYXJUZW1wbGF0ZScsJ3NlbGVjdGlvblNldHRpbmdzJywnc2hvd1F1aWNrQWNjZXNzVG9vbGJhcicsJ3RoZW1lJywndG9vbGJhcicsJ3Rvb2xiYXJUZW1wbGF0ZScsJ3VwbG9hZFNldHRpbmdzJywnd2lkdGgnLCd6b29tU2V0dGluZ3MnXTtcbmV4cG9ydCBjb25zdCBvdXRwdXRzOiBzdHJpbmdbXSA9IFsnYmVmb3JlU2F2ZScsJ2NsaWNrJywnY3JlYXRlZCcsJ2Nyb3BwaW5nJywnZGVzdHJveWVkJywnZWRpdENvbXBsZXRlJywnZmlsZU9wZW5lZCcsJ2ZpbmV0dW5lVmFsdWVDaGFuZ2luZycsJ2ZsaXBwaW5nJywnZnJhbWVDaGFuZ2UnLCdpbWFnZUZpbHRlcmluZycsJ3Bhbm5pbmcnLCdxdWlja0FjY2Vzc1Rvb2xiYXJJdGVtQ2xpY2snLCdxdWlja0FjY2Vzc1Rvb2xiYXJPcGVuJywncmVzaXppbmcnLCdyb3RhdGluZycsJ3NhdmVkJywnc2VsZWN0aW9uQ2hhbmdpbmcnLCdzaGFwZUNoYW5nZScsJ3NoYXBlQ2hhbmdpbmcnLCd0b29sYmFyQ3JlYXRlZCcsJ3Rvb2xiYXJJdGVtQ2xpY2tlZCcsJ3Rvb2xiYXJVcGRhdGluZycsJ3pvb21pbmcnXTtcbmV4cG9ydCBjb25zdCB0d29XYXlzOiBzdHJpbmdbXSA9IFsnJ107XG5cbi8qKlxuICogUmVwcmVzZW50cyB0aGUgRUoyIEFuZ3VsYXIgSW1hZ2VFZGl0b3IgQ29tcG9uZW50LlxuICogYGBgaHRtbFxuICogPGVqcy1pbWFnZWVkaXRvcj48L2Vqcy1pbWFnZWVkaXRvcj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Vqcy1pbWFnZWVkaXRvcicsXG4gICAgaW5wdXRzOiBpbnB1dHMsXG4gICAgb3V0cHV0czogb3V0cHV0cyxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcXVlcmllczoge1xuXG4gICAgfVxufSlcbkBDb21wb25lbnRNaXhpbnMoW0NvbXBvbmVudEJhc2VdKVxuZXhwb3J0IGNsYXNzIEltYWdlRWRpdG9yQ29tcG9uZW50IGV4dGVuZHMgSW1hZ2VFZGl0b3IgaW1wbGVtZW50cyBJQ29tcG9uZW50QmFzZSB7XG4gICAgcHVibGljIGNvbnRleHQgOiBhbnk7XG4gICAgcHVibGljIHRhZ09iamVjdHM6IGFueTtcblx0YmVmb3JlU2F2ZTogYW55O1xuXHRjbGljazogYW55O1xuXHRjcmVhdGVkOiBhbnk7XG5cdGNyb3BwaW5nOiBhbnk7XG5cdGRlc3Ryb3llZDogYW55O1xuXHRlZGl0Q29tcGxldGU6IGFueTtcblx0ZmlsZU9wZW5lZDogYW55O1xuXHRmaW5ldHVuZVZhbHVlQ2hhbmdpbmc6IGFueTtcblx0ZmxpcHBpbmc6IGFueTtcblx0ZnJhbWVDaGFuZ2U6IGFueTtcblx0aW1hZ2VGaWx0ZXJpbmc6IGFueTtcblx0cGFubmluZzogYW55O1xuXHRxdWlja0FjY2Vzc1Rvb2xiYXJJdGVtQ2xpY2s6IGFueTtcblx0cXVpY2tBY2Nlc3NUb29sYmFyT3BlbjogYW55O1xuXHRyZXNpemluZzogYW55O1xuXHRyb3RhdGluZzogYW55O1xuXHRzYXZlZDogYW55O1xuXHRzZWxlY3Rpb25DaGFuZ2luZzogYW55O1xuXHRzaGFwZUNoYW5nZTogYW55O1xuXHRzaGFwZUNoYW5naW5nOiBhbnk7XG5cdHRvb2xiYXJDcmVhdGVkOiBhbnk7XG5cdHRvb2xiYXJJdGVtQ2xpY2tlZDogYW55O1xuXHR0b29sYmFyVXBkYXRpbmc6IGFueTtcblx0cHVibGljIHpvb21pbmc6IGFueTtcblxuXG4gICAgLyoqIFxuICAgICAqIFNwZWNpZmllcyBhIGN1c3RvbSB0ZW1wbGF0ZSBmb3IgdGhlIHRvb2xiYXIgb2YgYW4gaW1hZ2UgZWRpdG9yIGNvbnRyb2wuIFxuICAgICAqIEEgc3RyaW5nIHRoYXQgc3BlY2lmaWVzIGEgY3VzdG9tIHRlbXBsYXRlIGZvciB0aGUgdG9vbGJhciBvZiB0aGUgaW1hZ2UgZWRpdG9yLiBJZiB0aGlzIHByb3BlcnR5IGlzIGRlZmluZWQsIHRoZSAndG9vbGJhcicgcHJvcGVydHkgd2lsbCBub3QgaGF2ZSBhbnkgZWZmZWN0LlxuICAgICAqIFxuICAgICAqIHslIGNvZGVCbG9jayBzcmM9J2ltYWdlLWVkaXRvci90b29sYmFyVGVtcGxhdGUvaW5kZXgubWQnICV9eyUgZW5kY29kZUJsb2NrICV9XG4gICAgICogICAgIFxuICAgICAqIEByZW1hcmtzIFVzZSB0aGlzIHByb3BlcnR5IGlmIHlvdSB3YW50IHRvIGN1c3RvbWl6ZSB0aGUgZW50aXJlIHRvb2xiYXIgaW4geW91ciBvd24gd2F5LiBUaGUgdGVtcGxhdGUgc2hvdWxkIGJlIGEgc3RyaW5nIHRoYXQgY29udGFpbnMgdGhlIEhUTUwgbWFya3VwIGZvciB0aGUgY3VzdG9tIHRvb2xiYXIuXG5cbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICogQGFzcHR5cGUgc3RyaW5nXG5cblxuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGQoJ3Rvb2xiYXJUZW1wbGF0ZScpXG4gICAgQFRlbXBsYXRlKClcbiAgICBwdWJsaWMgdG9vbGJhclRlbXBsYXRlOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5nRWxlOiBFbGVtZW50UmVmLCBwcml2YXRlIHNyZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6Vmlld0NvbnRhaW5lclJlZiwgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gdGhpcy5uZ0VsZS5uYXRpdmVFbGVtZW50O1xuICAgICAgICB0aGlzLmluamVjdGVkTW9kdWxlcyA9IHRoaXMuaW5qZWN0ZWRNb2R1bGVzIHx8IFtdO1xuXG4gICAgICAgIHRoaXMucmVnaXN0ZXJFdmVudHMob3V0cHV0cyk7XG4gICAgICAgIHRoaXMuYWRkVHdvV2F5LmNhbGwodGhpcywgdHdvV2F5cyk7XG4gICAgICAgIHNldFZhbHVlKCdjdXJyZW50SW5zdGFuY2UnLCB0aGlzLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgICAgICB0aGlzLmNvbnRleHQgID0gbmV3IENvbXBvbmVudEJhc2UoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuY29udGV4dC5uZ09uSW5pdCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnRleHQubmdBZnRlclZpZXdJbml0KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb250ZXh0Lm5nT25EZXN0cm95KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIFxuICAgICAgICB0aGlzLmNvbnRleHQubmdBZnRlckNvbnRlbnRDaGVja2VkKHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3RlckV2ZW50czogKGV2ZW50TGlzdDogc3RyaW5nW10pID0+IHZvaWQ7XG4gICAgcHVibGljIGFkZFR3b1dheTogKHByb3BMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbn1cblxuIl19