tui-image-editor-angular3 14.0.2
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/README.md +155 -0
- package/esm2020/lib/consts.mjs +170 -0
- package/esm2020/lib/i18n/en.mjs +129 -0
- package/esm2020/lib/i18n/nl.mjs +128 -0
- package/esm2020/lib/i18n/translation.service.mjs +40 -0
- package/esm2020/lib/interfaces/command.mjs +2 -0
- package/esm2020/lib/interfaces/history-item.mjs +343 -0
- package/esm2020/lib/interfaces/image-size.mjs +2 -0
- package/esm2020/lib/interfaces/tools-config.mjs +2 -0
- package/esm2020/lib/menus/buttons/crop/crop.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/delete/delete.component.mjs +40 -0
- package/esm2020/lib/menus/buttons/delete-all/delete-all.component.mjs +27 -0
- package/esm2020/lib/menus/buttons/download/download.component.mjs +40 -0
- package/esm2020/lib/menus/buttons/drag/drag.component.mjs +41 -0
- package/esm2020/lib/menus/buttons/draw/draw.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/filter/filter.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/flip/flip.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/history/history.component.mjs +41 -0
- package/esm2020/lib/menus/buttons/icon/icon.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/load/load.component.mjs +23 -0
- package/esm2020/lib/menus/buttons/mask/mask.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/redo/redo.component.mjs +36 -0
- package/esm2020/lib/menus/buttons/reset/reset.component.mjs +28 -0
- package/esm2020/lib/menus/buttons/rotate/rotate.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/shape/shape.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/text/text.component.mjs +22 -0
- package/esm2020/lib/menus/buttons/undo/undo.component.mjs +36 -0
- package/esm2020/lib/menus/buttons/zoom-in/zoom-in.component.mjs +45 -0
- package/esm2020/lib/menus/buttons/zoom-out/zoom-out.component.mjs +20 -0
- package/esm2020/lib/services/history.service.mjs +86 -0
- package/esm2020/lib/services/tools.config-manager.service.mjs +45 -0
- package/esm2020/lib/submenus/crop/crop.component.mjs +76 -0
- package/esm2020/lib/submenus/draw/draw.component.mjs +149 -0
- package/esm2020/lib/submenus/filter/filter.component.mjs +345 -0
- package/esm2020/lib/submenus/flip/flip.component.mjs +39 -0
- package/esm2020/lib/submenus/icon/icon.component.mjs +119 -0
- package/esm2020/lib/submenus/mask/mask.component.mjs +69 -0
- package/esm2020/lib/submenus/rotate/rotate.component.mjs +57 -0
- package/esm2020/lib/submenus/shape/shape.component.mjs +163 -0
- package/esm2020/lib/submenus/text/text.component.mjs +175 -0
- package/esm2020/lib/svg-definitions/svg-definitions.component.mjs +12 -0
- package/esm2020/lib/tui-image-editor.component.mjs +294 -0
- package/esm2020/lib/tui-image-editor.module.mjs +136 -0
- package/esm2020/lib/utils.mjs +173 -0
- package/esm2020/public-api.mjs +8 -0
- package/esm2020/tui-image-editor-angular2.mjs +5 -0
- package/esm2020/tui-image-editor-angular3.mjs +5 -0
- package/fesm2015/tui-image-editor-angular2.mjs +3166 -0
- package/fesm2015/tui-image-editor-angular2.mjs.map +1 -0
- package/fesm2015/tui-image-editor-angular3.mjs +3166 -0
- package/fesm2015/tui-image-editor-angular3.mjs.map +1 -0
- package/fesm2020/tui-image-editor-angular2.mjs +3126 -0
- package/fesm2020/tui-image-editor-angular2.mjs.map +1 -0
- package/fesm2020/tui-image-editor-angular3.mjs +3126 -0
- package/fesm2020/tui-image-editor-angular3.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/consts.d.ts +144 -0
- package/lib/consts.d.ts.map +1 -0
- package/lib/i18n/en.d.ts +128 -0
- package/lib/i18n/en.d.ts.map +1 -0
- package/lib/i18n/nl.d.ts +127 -0
- package/lib/i18n/nl.d.ts.map +1 -0
- package/lib/i18n/translation.service.d.ts +14 -0
- package/lib/i18n/translation.service.d.ts.map +1 -0
- package/lib/interfaces/command.d.ts +4 -0
- package/lib/interfaces/command.d.ts.map +1 -0
- package/lib/interfaces/history-item.d.ts +26 -0
- package/lib/interfaces/history-item.d.ts.map +1 -0
- package/lib/interfaces/image-size.d.ts +6 -0
- package/lib/interfaces/image-size.d.ts.map +1 -0
- package/lib/interfaces/tools-config.d.ts +14 -0
- package/lib/interfaces/tools-config.d.ts.map +1 -0
- package/lib/menus/buttons/crop/crop.component.d.ts +10 -0
- package/lib/menus/buttons/crop/crop.component.d.ts.map +1 -0
- package/lib/menus/buttons/delete/delete.component.d.ts +13 -0
- package/lib/menus/buttons/delete/delete.component.d.ts.map +1 -0
- package/lib/menus/buttons/delete-all/delete-all.component.d.ts +11 -0
- package/lib/menus/buttons/delete-all/delete-all.component.d.ts.map +1 -0
- package/lib/menus/buttons/download/download.component.d.ts +9 -0
- package/lib/menus/buttons/download/download.component.d.ts.map +1 -0
- package/lib/menus/buttons/drag/drag.component.d.ts +11 -0
- package/lib/menus/buttons/drag/drag.component.d.ts.map +1 -0
- package/lib/menus/buttons/draw/draw.component.d.ts +10 -0
- package/lib/menus/buttons/draw/draw.component.d.ts.map +1 -0
- package/lib/menus/buttons/filter/filter.component.d.ts +10 -0
- package/lib/menus/buttons/filter/filter.component.d.ts.map +1 -0
- package/lib/menus/buttons/flip/flip.component.d.ts +10 -0
- package/lib/menus/buttons/flip/flip.component.d.ts.map +1 -0
- package/lib/menus/buttons/history/history.component.d.ts +13 -0
- package/lib/menus/buttons/history/history.component.d.ts.map +1 -0
- package/lib/menus/buttons/icon/icon.component.d.ts +10 -0
- package/lib/menus/buttons/icon/icon.component.d.ts.map +1 -0
- package/lib/menus/buttons/load/load.component.d.ts +9 -0
- package/lib/menus/buttons/load/load.component.d.ts.map +1 -0
- package/lib/menus/buttons/mask/mask.component.d.ts +10 -0
- package/lib/menus/buttons/mask/mask.component.d.ts.map +1 -0
- package/lib/menus/buttons/redo/redo.component.d.ts +12 -0
- package/lib/menus/buttons/redo/redo.component.d.ts.map +1 -0
- package/lib/menus/buttons/reset/reset.component.d.ts +12 -0
- package/lib/menus/buttons/reset/reset.component.d.ts.map +1 -0
- package/lib/menus/buttons/rotate/rotate.component.d.ts +10 -0
- package/lib/menus/buttons/rotate/rotate.component.d.ts.map +1 -0
- package/lib/menus/buttons/shape/shape.component.d.ts +10 -0
- package/lib/menus/buttons/shape/shape.component.d.ts.map +1 -0
- package/lib/menus/buttons/text/text.component.d.ts +10 -0
- package/lib/menus/buttons/text/text.component.d.ts.map +1 -0
- package/lib/menus/buttons/undo/undo.component.d.ts +12 -0
- package/lib/menus/buttons/undo/undo.component.d.ts.map +1 -0
- package/lib/menus/buttons/zoom-in/zoom-in.component.d.ts +12 -0
- package/lib/menus/buttons/zoom-in/zoom-in.component.d.ts.map +1 -0
- package/lib/menus/buttons/zoom-out/zoom-out.component.d.ts +9 -0
- package/lib/menus/buttons/zoom-out/zoom-out.component.d.ts.map +1 -0
- package/lib/services/history.service.d.ts +45 -0
- package/lib/services/history.service.d.ts.map +1 -0
- package/lib/services/tools.config-manager.service.d.ts +12 -0
- package/lib/services/tools.config-manager.service.d.ts.map +1 -0
- package/lib/submenus/crop/crop.component.d.ts +23 -0
- package/lib/submenus/crop/crop.component.d.ts.map +1 -0
- package/lib/submenus/draw/draw.component.d.ts +32 -0
- package/lib/submenus/draw/draw.component.d.ts.map +1 -0
- package/lib/submenus/filter/filter.component.d.ts +70 -0
- package/lib/submenus/filter/filter.component.d.ts.map +1 -0
- package/lib/submenus/flip/flip.component.d.ts +10 -0
- package/lib/submenus/flip/flip.component.d.ts.map +1 -0
- package/lib/submenus/icon/icon.component.d.ts +24 -0
- package/lib/submenus/icon/icon.component.d.ts.map +1 -0
- package/lib/submenus/mask/mask.component.d.ts +16 -0
- package/lib/submenus/mask/mask.component.d.ts.map +1 -0
- package/lib/submenus/rotate/rotate.component.d.ts +12 -0
- package/lib/submenus/rotate/rotate.component.d.ts.map +1 -0
- package/lib/submenus/shape/shape.component.d.ts +31 -0
- package/lib/submenus/shape/shape.component.d.ts.map +1 -0
- package/lib/submenus/text/text.component.d.ts +31 -0
- package/lib/submenus/text/text.component.d.ts.map +1 -0
- package/lib/svg-definitions/svg-definitions.component.d.ts +6 -0
- package/lib/svg-definitions/svg-definitions.component.d.ts.map +1 -0
- package/lib/tui-image-editor.component.d.ts +71 -0
- package/lib/tui-image-editor.component.d.ts.map +1 -0
- package/lib/tui-image-editor.module.d.ts +48 -0
- package/lib/tui-image-editor.module.d.ts.map +1 -0
- package/lib/utils.d.ts +45 -0
- package/lib/utils.d.ts.map +1 -0
- package/package.json +43 -0
- package/public-api.d.ts +4 -0
- package/public-api.d.ts.map +1 -0
- package/src/checkboxes.scss +95 -0
- package/src/theme.scss +936 -0
- package/tui-image-editor-angular2.d.ts.map +1 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { dataUrlToBlob } from '../../../utils';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@ngx-translate/core";
|
|
5
|
+
export class DownloadComponent {
|
|
6
|
+
constructor() { }
|
|
7
|
+
downloadImage() {
|
|
8
|
+
if (this.imageChosen && this.imageEditor != null) {
|
|
9
|
+
const dataURL = this.imageEditor.toDataURL();
|
|
10
|
+
if (window.fetch) {
|
|
11
|
+
fetch(dataURL)
|
|
12
|
+
.then((res) => res.blob())
|
|
13
|
+
.then((blob) => {
|
|
14
|
+
var link = document.createElement('a');
|
|
15
|
+
link.href = window.URL.createObjectURL(blob);
|
|
16
|
+
link.target = '_blank';
|
|
17
|
+
link.click();
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
let blob = dataUrlToBlob(dataURL);
|
|
22
|
+
var link = document.createElement('a');
|
|
23
|
+
link.target = '_blank';
|
|
24
|
+
link.href = window.URL.createObjectURL(blob);
|
|
25
|
+
link.click();
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
DownloadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DownloadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
DownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: DownloadComponent, selector: "tui-image-editor-menus-buttons-download", inputs: { imageChosen: "imageChosen", imageEditor: "imageEditor" }, ngImport: i0, template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-download' | translate\"\r\n class=\"tie-btn-download tui-image-editor-item help enabled\"\r\n (click)=\"downloadImage()\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use href=\"#ic-file-download\" class=\"normal use-default\"></use>\r\n <use href=\"#ic-file-download\" class=\"active use-default\"></use>\r\n <use href=\"#ic-file-download\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DownloadComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-download', template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-download' | translate\"\r\n class=\"tie-btn-download tui-image-editor-item help enabled\"\r\n (click)=\"downloadImage()\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use href=\"#ic-file-download\" class=\"normal use-default\"></use>\r\n <use href=\"#ic-file-download\" class=\"active use-default\"></use>\r\n <use href=\"#ic-file-download\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
35
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], imageEditor: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG93bmxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvZG93bmxvYWQvZG93bmxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvZG93bmxvYWQvZG93bmxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFPL0MsTUFBTSxPQUFPLGlCQUFpQjtJQUk1QixnQkFBZSxDQUFDO0lBRWhCLGFBQWE7UUFDWCxJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLEVBQUU7WUFDaEQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUM3QyxJQUFJLE1BQU0sQ0FBQyxLQUFLLEVBQUU7Z0JBQ2hCLEtBQUssQ0FBQyxPQUFPLENBQUM7cUJBQ1gsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7cUJBQ3pCLElBQUksQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO29CQUNiLElBQUksSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ3ZDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQzdDLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDO29CQUN2QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2YsQ0FBQyxDQUFDLENBQUM7YUFDTjtpQkFBTTtnQkFDTCxJQUFJLElBQUksR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ2xDLElBQUksSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZDLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDO2dCQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM3QyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQzs7OEdBMUJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLG1KQ1I5Qix5ZEFXQTsyRkRIYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UseUNBQXlDOzBFQUsxQyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGF0YVVybFRvQmxvYiB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHVpLWltYWdlLWVkaXRvci1tZW51cy1idXR0b25zLWRvd25sb2FkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZG93bmxvYWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Rvd25sb2FkLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIERvd25sb2FkQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbWFnZUNob3NlbjogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpbWFnZUVkaXRvcjogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIGRvd25sb2FkSW1hZ2UoKSB7XHJcbiAgICBpZiAodGhpcy5pbWFnZUNob3NlbiAmJiB0aGlzLmltYWdlRWRpdG9yICE9IG51bGwpIHtcclxuICAgICAgY29uc3QgZGF0YVVSTCA9IHRoaXMuaW1hZ2VFZGl0b3IudG9EYXRhVVJMKCk7XHJcbiAgICAgIGlmICh3aW5kb3cuZmV0Y2gpIHtcclxuICAgICAgICBmZXRjaChkYXRhVVJMKVxyXG4gICAgICAgICAgLnRoZW4oKHJlcykgPT4gcmVzLmJsb2IoKSlcclxuICAgICAgICAgIC50aGVuKChibG9iKSA9PiB7XHJcbiAgICAgICAgICAgIHZhciBsaW5rID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpO1xyXG4gICAgICAgICAgICBsaW5rLmhyZWYgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChibG9iKTtcclxuICAgICAgICAgICAgbGluay50YXJnZXQgPSAnX2JsYW5rJztcclxuICAgICAgICAgICAgbGluay5jbGljaygpO1xyXG4gICAgICAgICAgfSk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgbGV0IGJsb2IgPSBkYXRhVXJsVG9CbG9iKGRhdGFVUkwpO1xyXG4gICAgICAgIHZhciBsaW5rID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpO1xyXG4gICAgICAgIGxpbmsudGFyZ2V0ID0gJ19ibGFuayc7XHJcbiAgICAgICAgbGluay5ocmVmID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoYmxvYik7XHJcbiAgICAgICAgbGluay5jbGljaygpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLWRvd25sb2FkJyB8IHRyYW5zbGF0ZVwiXHJcbiAgY2xhc3M9XCJ0aWUtYnRuLWRvd25sb2FkIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBoZWxwIGVuYWJsZWRcIlxyXG4gIChjbGljayk9XCJkb3dubG9hZEltYWdlKClcIlxyXG4+XHJcbiAgPHN2ZyBjbGFzcz1cInN2Z19pYy1tZW51XCI+XHJcbiAgICA8dXNlIGhyZWY9XCIjaWMtZmlsZS1kb3dubG9hZFwiIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIGhyZWY9XCIjaWMtZmlsZS1kb3dubG9hZFwiIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIGhyZWY9XCIjaWMtZmlsZS1kb3dubG9hZFwiIGNsYXNzPVwiaG92ZXIgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICA8L3N2Zz5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { drawingModes, zoomModes } from '../../../consts';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@ngx-translate/core";
|
|
5
|
+
export class DragComponent {
|
|
6
|
+
constructor() { }
|
|
7
|
+
get isSelected() {
|
|
8
|
+
if (this.imageEditor == null) {
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
const zoomMode = this.imageEditor?._graphics.getZoomMode();
|
|
12
|
+
return (this.imageEditor.getDrawingMode() == drawingModes.ZOOM &&
|
|
13
|
+
zoomMode === zoomModes.HAND);
|
|
14
|
+
}
|
|
15
|
+
startDrag() {
|
|
16
|
+
this.imageEditor?.deactivateAll();
|
|
17
|
+
this.toggleHandMode();
|
|
18
|
+
}
|
|
19
|
+
toggleHandMode() {
|
|
20
|
+
const zoomMode = this.imageEditor?._graphics.getZoomMode();
|
|
21
|
+
this.imageEditor?.stopDrawingMode();
|
|
22
|
+
if (zoomMode !== zoomModes.HAND) {
|
|
23
|
+
this.imageEditor?.startDrawingMode(drawingModes.ZOOM);
|
|
24
|
+
this.imageEditor?._graphics.startHandMode();
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
this.imageEditor?._graphics.endHandMode();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
DragComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DragComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
DragComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: DragComponent, selector: "tui-image-editor-menus-buttons-drag", inputs: { imageChosen: "imageChosen", imageEditor: "imageEditor" }, ngImport: i0, template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-drag' | translate\"\r\n [class]=\"\r\n 'tie-btn-hand tui-image-editor-item help ' +\r\n (imageChosen ? 'enabled ' : 'disabled ') +\r\n (isSelected ? 'active ' : '')\r\n \"\r\n (click)=\"imageChosen ? startDrag() : null\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-hand\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-hand\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-hand\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DragComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-drag', template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-drag' | translate\"\r\n [class]=\"\r\n 'tie-btn-hand tui-image-editor-item help ' +\r\n (imageChosen ? 'enabled ' : 'disabled ') +\r\n (isSelected ? 'active ' : '')\r\n \"\r\n (click)=\"imageChosen ? startDrag() : null\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-hand\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-hand\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-hand\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
36
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], imageEditor: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9kcmFnL2RyYWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvZHJhZy9kcmFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQU8xRCxNQUFNLE9BQU8sYUFBYTtJQUl4QixnQkFBZSxDQUFDO0lBRWhCLElBQUksVUFBVTtRQUNaLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLEVBQUU7WUFDNUIsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQzNELE9BQU8sQ0FDTCxJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsRUFBRSxJQUFJLFlBQVksQ0FBQyxJQUFJO1lBQ3RELFFBQVEsS0FBSyxTQUFTLENBQUMsSUFBSSxDQUM1QixDQUFDO0lBQ0osQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYztRQUNaLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRTNELElBQUksQ0FBQyxXQUFXLEVBQUUsZUFBZSxFQUFFLENBQUM7UUFDcEMsSUFBSSxRQUFRLEtBQUssU0FBUyxDQUFDLElBQUksRUFBRTtZQUMvQixJQUFJLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUM3QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDM0M7SUFDSCxDQUFDOzswR0FoQ1UsYUFBYTs4RkFBYixhQUFhLCtJQ1IxQiwrakJBZUE7MkZEUGEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxxQ0FBcUM7MEVBS3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBkcmF3aW5nTW9kZXMsIHpvb21Nb2RlcyB9IGZyb20gJy4uLy4uLy4uL2NvbnN0cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3R1aS1pbWFnZS1lZGl0b3ItbWVudXMtYnV0dG9ucy1kcmFnJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJhZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZHJhZy5jb21wb25lbnQuY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEcmFnQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbWFnZUNob3NlbjogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpbWFnZUVkaXRvcjogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIGdldCBpc1NlbGVjdGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKHRoaXMuaW1hZ2VFZGl0b3IgPT0gbnVsbCkge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgICBjb25zdCB6b29tTW9kZSA9IHRoaXMuaW1hZ2VFZGl0b3I/Ll9ncmFwaGljcy5nZXRab29tTW9kZSgpO1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgdGhpcy5pbWFnZUVkaXRvci5nZXREcmF3aW5nTW9kZSgpID09IGRyYXdpbmdNb2Rlcy5aT09NICYmXHJcbiAgICAgIHpvb21Nb2RlID09PSB6b29tTW9kZXMuSEFORFxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIHN0YXJ0RHJhZygpIHtcclxuICAgIHRoaXMuaW1hZ2VFZGl0b3I/LmRlYWN0aXZhdGVBbGwoKTtcclxuICAgIHRoaXMudG9nZ2xlSGFuZE1vZGUoKTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUhhbmRNb2RlKCkge1xyXG4gICAgY29uc3Qgem9vbU1vZGUgPSB0aGlzLmltYWdlRWRpdG9yPy5fZ3JhcGhpY3MuZ2V0Wm9vbU1vZGUoKTtcclxuXHJcbiAgICB0aGlzLmltYWdlRWRpdG9yPy5zdG9wRHJhd2luZ01vZGUoKTtcclxuICAgIGlmICh6b29tTW9kZSAhPT0gem9vbU1vZGVzLkhBTkQpIHtcclxuICAgICAgdGhpcy5pbWFnZUVkaXRvcj8uc3RhcnREcmF3aW5nTW9kZShkcmF3aW5nTW9kZXMuWk9PTSk7XHJcbiAgICAgIHRoaXMuaW1hZ2VFZGl0b3I/Ll9ncmFwaGljcy5zdGFydEhhbmRNb2RlKCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmltYWdlRWRpdG9yPy5fZ3JhcGhpY3MuZW5kSGFuZE1vZGUoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIFt0aXRsZV09XCIndHVpLWltYWdlLWVkaXRvci1hbmd1bGFyLW1lbnVzLWJ1dHRvbnMtZHJhZycgfCB0cmFuc2xhdGVcIlxyXG4gIFtjbGFzc109XCJcclxuICAgICd0aWUtYnRuLWhhbmQgdHVpLWltYWdlLWVkaXRvci1pdGVtIGhlbHAgJyArXHJcbiAgICAoaW1hZ2VDaG9zZW4gPyAnZW5hYmxlZCAnIDogJ2Rpc2FibGVkICcpICtcclxuICAgIChpc1NlbGVjdGVkID8gJ2FjdGl2ZSAnIDogJycpXHJcbiAgXCJcclxuICAoY2xpY2spPVwiaW1hZ2VDaG9zZW4gPyBzdGFydERyYWcoKSA6IG51bGxcIlxyXG4+XHJcbiAgPHN2ZyBjbGFzcz1cInN2Z19pYy1tZW51XCI+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtaGFuZFwiIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtaGFuZFwiIGNsYXNzPVwiZGlzYWJsZWQgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1oYW5kXCIgY2xhc3M9XCJob3ZlciB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gIDwvc3ZnPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class DrawComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
DrawComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DrawComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
DrawComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: DrawComponent, selector: "tui-image-editor-menus-buttons-draw", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('draw') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-draw' | translate\"\r\n [class]=\"\r\n 'tie-btn-draw tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-draw\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-draw\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-draw\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DrawComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-draw', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('draw') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-draw' | translate\"\r\n [class]=\"\r\n 'tie-btn-draw tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-draw\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-draw\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-draw\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9kcmF3L2RyYXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvZHJhdy9kcmF3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8sYUFBYTtJQUt4QjtRQUhTLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXRELENBQUM7OzBHQUxMLGFBQWE7OEZBQWIsYUFBYSwwS0NQMUIsNGdCQWFBOzJGRE5hLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UscUNBQXFDOzBFQUt0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHVpLWltYWdlLWVkaXRvci1tZW51cy1idXR0b25zLWRyYXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcmF3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kcmF3LmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIERyYXdDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlQ2hvc2VuOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgKGNsaWNrKT1cImltYWdlQ2hvc2VuID8gY2xpY2tlZC5lbWl0KCdkcmF3JykgOiBudWxsXCJcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLWRyYXcnIHwgdHJhbnNsYXRlXCJcclxuICBbY2xhc3NdPVwiXHJcbiAgICAndGllLWJ0bi1kcmF3IHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBub3JtYWwgJyArIChzZWxlY3RlZCA/ICdhY3RpdmUnIDogJycpXHJcbiAgXCJcclxuPlxyXG4gIDxzdmcgY2xhc3M9XCJzdmdfaWMtbWVudVwiPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWRyYXdcIiBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWRyYXdcIiBjbGFzcz1cImFjdGl2ZSB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWRyYXdcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class FilterComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: FilterComponent, selector: "tui-image-editor-menus-buttons-filter", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('filter') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-filter' | translate\"\r\n [class]=\"\r\n 'tie-btn-filter tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <!-- <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-filter\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-filter\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-filter\" class=\"hover use-default\"></use>\r\n </svg> -->\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 22 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M11.0014 12.7391C14.243 12.7391 16.8709 10.1112 16.8709 6.86957C16.8709 3.62789 14.243 1 11.0014 1C7.75969 1 5.13179 3.62789 5.13179 6.86957C5.13179 10.1112 7.75969 12.7391 11.0014 12.7391Z\" stroke=\"#8a8a8a\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M14.9144 19C18.1561 19 20.784 16.3721 20.784 13.1304C20.784 9.88876 18.1561 7.26087 14.9144 7.26087C11.6727 7.26087 9.04484 9.88876 9.04484 13.1304C9.04484 16.3721 11.6727 19 14.9144 19Z\" stroke=\"#8a8a8a\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M7.08832 19C10.33 19 12.9579 16.3721 12.9579 13.1304C12.9579 9.88876 10.33 7.26087 7.08832 7.26087C3.84664 7.26087 1.21875 9.88876 1.21875 13.1304C1.21875 16.3721 3.84664 19 7.08832 19Z\" stroke=\"#8a8a8a\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FilterComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-filter', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('filter') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-filter' | translate\"\r\n [class]=\"\r\n 'tie-btn-filter tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <!-- <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-filter\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-filter\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-filter\" class=\"hover use-default\"></use>\r\n </svg> -->\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 22 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M11.0014 12.7391C14.243 12.7391 16.8709 10.1112 16.8709 6.86957C16.8709 3.62789 14.243 1 11.0014 1C7.75969 1 5.13179 3.62789 5.13179 6.86957C5.13179 10.1112 7.75969 12.7391 11.0014 12.7391Z\" stroke=\"#8a8a8a\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M14.9144 19C18.1561 19 20.784 16.3721 20.784 13.1304C20.784 9.88876 18.1561 7.26087 14.9144 7.26087C11.6727 7.26087 9.04484 9.88876 9.04484 13.1304C9.04484 16.3721 11.6727 19 14.9144 19Z\" stroke=\"#8a8a8a\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M7.08832 19C10.33 19 12.9579 16.3721 12.9579 13.1304C12.9579 9.88876 10.33 7.26087 7.08832 7.26087C3.84664 7.26087 1.21875 9.88876 1.21875 13.1304C1.21875 16.3721 3.84664 19 7.08832 19Z\" stroke=\"#8a8a8a\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhcjIvc3JjL2xpYi9tZW51cy9idXR0b25zL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGVBQWU7SUFLMUI7UUFIUyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFlBQU8sR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0RCxDQUFDOzs0R0FMTCxlQUFlO2dHQUFmLGVBQWUsNEtDUDVCLDRtREFrQkE7MkZEWGEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSx1Q0FBdUM7MEVBS3hDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0dWktaW1hZ2UtZWRpdG9yLW1lbnVzLWJ1dHRvbnMtZmlsdGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWx0ZXIuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsdGVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbWFnZUNob3NlbjogYm9vbGVhbjtcclxuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcbn1cclxuIiwiPGRpdlxyXG4gIChjbGljayk9XCJpbWFnZUNob3NlbiA/IGNsaWNrZWQuZW1pdCgnZmlsdGVyJykgOiBudWxsXCJcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLWZpbHRlcicgfCB0cmFuc2xhdGVcIlxyXG4gIFtjbGFzc109XCJcclxuICAgICd0aWUtYnRuLWZpbHRlciB0dWktaW1hZ2UtZWRpdG9yLWl0ZW0gbm9ybWFsICcgKyAoc2VsZWN0ZWQgPyAnYWN0aXZlJyA6ICcnKVxyXG4gIFwiXHJcbj5cclxuICA8IS0tIDxzdmcgY2xhc3M9XCJzdmdfaWMtbWVudVwiPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWZpbHRlclwiIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtZmlsdGVyXCIgY2xhc3M9XCJhY3RpdmUgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1maWx0ZXJcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+IC0tPlxyXG4gIDxzdmcgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyMiAyMFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgPHBhdGggZD1cIk0xMS4wMDE0IDEyLjczOTFDMTQuMjQzIDEyLjczOTEgMTYuODcwOSAxMC4xMTEyIDE2Ljg3MDkgNi44Njk1N0MxNi44NzA5IDMuNjI3ODkgMTQuMjQzIDEgMTEuMDAxNCAxQzcuNzU5NjkgMSA1LjEzMTc5IDMuNjI3ODkgNS4xMzE3OSA2Ljg2OTU3QzUuMTMxNzkgMTAuMTExMiA3Ljc1OTY5IDEyLjczOTEgMTEuMDAxNCAxMi43MzkxWlwiIHN0cm9rZT1cIiM4YThhOGFcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgPHBhdGggZD1cIk0xNC45MTQ0IDE5QzE4LjE1NjEgMTkgMjAuNzg0IDE2LjM3MjEgMjAuNzg0IDEzLjEzMDRDMjAuNzg0IDkuODg4NzYgMTguMTU2MSA3LjI2MDg3IDE0LjkxNDQgNy4yNjA4N0MxMS42NzI3IDcuMjYwODcgOS4wNDQ4NCA5Ljg4ODc2IDkuMDQ0ODQgMTMuMTMwNEM5LjA0NDg0IDE2LjM3MjEgMTEuNjcyNyAxOSAxNC45MTQ0IDE5WlwiIHN0cm9rZT1cIiM4YThhOGFcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgPHBhdGggZD1cIk03LjA4ODMyIDE5QzEwLjMzIDE5IDEyLjk1NzkgMTYuMzcyMSAxMi45NTc5IDEzLjEzMDRDMTIuOTU3OSA5Ljg4ODc2IDEwLjMzIDcuMjYwODcgNy4wODgzMiA3LjI2MDg3QzMuODQ2NjQgNy4yNjA4NyAxLjIxODc1IDkuODg4NzYgMS4yMTg3NSAxMy4xMzA0QzEuMjE4NzUgMTYuMzcyMSAzLjg0NjY0IDE5IDcuMDg4MzIgMTlaXCIgc3Ryb2tlPVwiIzhhOGE4YVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICA8L3N2Zz5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class FlipComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
FlipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
FlipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: FlipComponent, selector: "tui-image-editor-menus-buttons-flip", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('flip') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-flip' | translate\"\r\n [class]=\"\r\n 'tie-btn-flip tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-flip\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-flip\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-flip\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlipComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-flip', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('flip') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-flip' | translate\"\r\n [class]=\"\r\n 'tie-btn-flip tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-flip\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-flip\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-flip\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9mbGlwL2ZsaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvZmxpcC9mbGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8sYUFBYTtJQUt4QjtRQUhTLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXRELENBQUM7OzBHQUxMLGFBQWE7OEZBQWIsYUFBYSwwS0NQMUIsNGdCQWFBOzJGRE5hLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UscUNBQXFDOzBFQUt0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHVpLWltYWdlLWVkaXRvci1tZW51cy1idXR0b25zLWZsaXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mbGlwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mbGlwLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEZsaXBDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlQ2hvc2VuOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgKGNsaWNrKT1cImltYWdlQ2hvc2VuID8gY2xpY2tlZC5lbWl0KCdmbGlwJykgOiBudWxsXCJcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLWZsaXAnIHwgdHJhbnNsYXRlXCJcclxuICBbY2xhc3NdPVwiXHJcbiAgICAndGllLWJ0bi1mbGlwIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBub3JtYWwgJyArIChzZWxlY3RlZCA/ICdhY3RpdmUnIDogJycpXHJcbiAgXCJcclxuPlxyXG4gIDxzdmcgY2xhc3M9XCJzdmdfaWMtbWVudVwiPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWZsaXBcIiBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWZsaXBcIiBjbGFzcz1cImFjdGl2ZSB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWZsaXBcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, Input, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../../services/history.service";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "@ng-bootstrap/ng-bootstrap";
|
|
6
|
+
import * as i4 from "@ngx-translate/core";
|
|
7
|
+
export class HistoryComponent {
|
|
8
|
+
constructor(historyService) {
|
|
9
|
+
this.historyService = historyService;
|
|
10
|
+
}
|
|
11
|
+
get items() {
|
|
12
|
+
return this.historyService.items;
|
|
13
|
+
}
|
|
14
|
+
get historyIndex() {
|
|
15
|
+
return this.historyService.historyIndex;
|
|
16
|
+
}
|
|
17
|
+
onclickHistoryItem(index) {
|
|
18
|
+
if (index !== this.historyIndex) {
|
|
19
|
+
const count = Math.abs(index - this.historyIndex);
|
|
20
|
+
if (index < this.historyIndex) {
|
|
21
|
+
this.imageEditor?.undo(count).then(() => {
|
|
22
|
+
this.historyService.onChangeEmitter.next(this.items.slice(0, index + 1));
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
this.imageEditor?.redo(count).then(() => {
|
|
27
|
+
this.historyService.onChangeEmitter.next(this.items.slice(0, index + 1));
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
HistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HistoryComponent, deps: [{ token: i1.HistoryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
HistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: HistoryComponent, selector: "tui-image-editor-menus-buttons-history", inputs: { imageEditor: "imageEditor" }, ngImport: i0, template: "<div\r\n [ngbPopover]=\"popupContent\"\r\n popoverClass=\"tie-history-popover\"\r\n autoClose=\"outside\"\r\n container=\"body\"\r\n class=\"tie-btn-history tui-image-editor-item help enabled\"\r\n>\r\n <div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-history' | translate\"\r\n class=\"tui-image-editor-d-flex tui-image-editor-align-items-center\"\r\n >\r\n <svg class=\"svg_ic-menu tui-image-editor-d-flex\">\r\n <use xlink:href=\"#ic-history\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-history\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-history\" class=\"hover use-default\"></use>\r\n </svg>\r\n </div>\r\n</div>\r\n\r\n<ng-template #popupContent>\r\n <div class=\"tie-panel-history\">\r\n <ul class=\"history-list\" *ngIf=\"items.length > 0\">\r\n <li\r\n [class]=\"\r\n 'history-item ' +\r\n (itemNr > historyIndex ? 'disabled-item' : '') +\r\n (itemNr == historyIndex ? 'selected-item' : '')\r\n \"\r\n *ngFor=\"let item of items; index as itemNr\"\r\n >\r\n <div\r\n class=\"tui-image-editor-history-item history tui-image-editor-d-flex tui-image-editor-flex-row tui-image-editor-flex-nowrap tui-image-editor-align-items-center\"\r\n (click)=\"onclickHistoryItem(itemNr)\"\r\n >\r\n <div\r\n class=\"history-item-icon tui-image-editor-d-flex tui-image-editor-align-items-center\"\r\n >\r\n <svg *ngIf=\"item.type == 8\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-load\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-load\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 5\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-draw\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-draw\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 6\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-rotate\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-rotate\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 4\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-crop\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-crop\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 7\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-flip\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-flip\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 2\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-text\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-text\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg\r\n *ngIf=\"item.type == 3 || item.type == 10\"\r\n class=\"svg_ic-submenu\"\r\n >\r\n <use\r\n xlink:href=\"#ic-history-mask\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-mask\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 0\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-shape\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-shape\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 1\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-icon\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-icon\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg\r\n *ngIf=\"item.type == 11 || item.type == 12\"\r\n class=\"svg_ic-submenu\"\r\n >\r\n <use\r\n xlink:href=\"#ic-history-filter\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-filter\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 9\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-delete\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-delete\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n </div>\r\n <div class=\"history-item-text\">\r\n <div>{{ item.name }}</div>\r\n <div class=\"history-item-text-details\" *ngIf=\"item.detail\">\r\n {{ item.detail }}\r\n </div>\r\n </div>\r\n <div\r\n *ngIf=\"itemNr == historyIndex\"\r\n class=\"history-item-checkbox tui-image-editor-d-flex tui-image-editor-align-items-center\"\r\n >\r\n <svg class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-check\"\r\n class=\"normal use-default\"\r\n ></use>\r\n </svg>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div *ngIf=\"items.length === 0\" class=\"tui-image-editor-px-2\">\r\n {{ \"tui-image-editor-angular-history-noItems\" | translate }}\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HistoryComponent, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-history', template: "<div\r\n [ngbPopover]=\"popupContent\"\r\n popoverClass=\"tie-history-popover\"\r\n autoClose=\"outside\"\r\n container=\"body\"\r\n class=\"tie-btn-history tui-image-editor-item help enabled\"\r\n>\r\n <div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-history' | translate\"\r\n class=\"tui-image-editor-d-flex tui-image-editor-align-items-center\"\r\n >\r\n <svg class=\"svg_ic-menu tui-image-editor-d-flex\">\r\n <use xlink:href=\"#ic-history\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-history\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-history\" class=\"hover use-default\"></use>\r\n </svg>\r\n </div>\r\n</div>\r\n\r\n<ng-template #popupContent>\r\n <div class=\"tie-panel-history\">\r\n <ul class=\"history-list\" *ngIf=\"items.length > 0\">\r\n <li\r\n [class]=\"\r\n 'history-item ' +\r\n (itemNr > historyIndex ? 'disabled-item' : '') +\r\n (itemNr == historyIndex ? 'selected-item' : '')\r\n \"\r\n *ngFor=\"let item of items; index as itemNr\"\r\n >\r\n <div\r\n class=\"tui-image-editor-history-item history tui-image-editor-d-flex tui-image-editor-flex-row tui-image-editor-flex-nowrap tui-image-editor-align-items-center\"\r\n (click)=\"onclickHistoryItem(itemNr)\"\r\n >\r\n <div\r\n class=\"history-item-icon tui-image-editor-d-flex tui-image-editor-align-items-center\"\r\n >\r\n <svg *ngIf=\"item.type == 8\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-load\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-load\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 5\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-draw\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-draw\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 6\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-rotate\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-rotate\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 4\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-crop\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-crop\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 7\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-flip\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-flip\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 2\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-text\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-text\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg\r\n *ngIf=\"item.type == 3 || item.type == 10\"\r\n class=\"svg_ic-submenu\"\r\n >\r\n <use\r\n xlink:href=\"#ic-history-mask\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-mask\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 0\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-shape\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-shape\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 1\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-icon\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-icon\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg\r\n *ngIf=\"item.type == 11 || item.type == 12\"\r\n class=\"svg_ic-submenu\"\r\n >\r\n <use\r\n xlink:href=\"#ic-history-filter\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-filter\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n <svg *ngIf=\"item.type == 9\" class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-delete\"\r\n class=\"normal use-default\"\r\n ></use>\r\n <use\r\n xlink:href=\"#ic-history-delete\"\r\n class=\"active use-default\"\r\n ></use>\r\n </svg>\r\n </div>\r\n <div class=\"history-item-text\">\r\n <div>{{ item.name }}</div>\r\n <div class=\"history-item-text-details\" *ngIf=\"item.detail\">\r\n {{ item.detail }}\r\n </div>\r\n </div>\r\n <div\r\n *ngIf=\"itemNr == historyIndex\"\r\n class=\"history-item-checkbox tui-image-editor-d-flex tui-image-editor-align-items-center\"\r\n >\r\n <svg class=\"svg_ic-submenu\">\r\n <use\r\n xlink:href=\"#ic-history-check\"\r\n class=\"normal use-default\"\r\n ></use>\r\n </svg>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div *ngIf=\"items.length === 0\" class=\"tui-image-editor-px-2\">\r\n {{ \"tui-image-editor-angular-history-noItems\" | translate }}\r\n </div>\r\n </div>\r\n</ng-template>\r\n" }]
|
|
38
|
+
}], ctorParameters: function () { return [{ type: i1.HistoryService }]; }, propDecorators: { imageEditor: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlzdG9yeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9oaXN0b3J5L2hpc3RvcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvaGlzdG9yeS9oaXN0b3J5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBR1QsS0FBSyxHQVNOLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFXdkIsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixZQUFvQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7SUFBRyxDQUFDO0lBRXRELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUM7SUFDMUMsQ0FBQztJQUVNLGtCQUFrQixDQUFDLEtBQWE7UUFDckMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFlBQVksRUFBRTtZQUMvQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7WUFFbEQsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDN0IsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtvQkFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDM0UsQ0FBQyxDQUFDLENBQUM7YUFDSjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO29CQUN0QyxJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUMzRSxDQUFDLENBQUMsQ0FBQzthQUNKO1NBQ0Y7SUFDSCxDQUFDOzs2R0EzQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isc0hDekI3QixzcU5BbUxBOzJGRDFKYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0Usd0NBQXdDO3FHQUt6QyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBOZ1pvbmUsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIE9uRGVzdHJveSxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFJlbmRlcmVyMixcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZXZlbnROYW1lcyB9IGZyb20gJy4uLy4uLy4uL2NvbnN0cyc7XHJcbmltcG9ydCB7IEhpc3RvcnlJdGVtIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9oaXN0b3J5LWl0ZW0nO1xyXG5pbXBvcnQgeyBIaXN0b3J5U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2hpc3Rvcnkuc2VydmljZSc7XHJcbmltcG9ydCB7IGdldEhpc3RvcnlUaXRsZSwgaXNTaWxlbnRDb21tYW5kIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0dWktaW1hZ2UtZWRpdG9yLW1lbnVzLWJ1dHRvbnMtaGlzdG9yeScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hpc3RvcnkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hpc3RvcnkuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSGlzdG9yeUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaW1hZ2VFZGl0b3I6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBoaXN0b3J5U2VydmljZTogSGlzdG9yeVNlcnZpY2UpIHt9XHJcblxyXG4gIGdldCBpdGVtcygpOiBIaXN0b3J5SXRlbVtdIHtcclxuICAgIHJldHVybiB0aGlzLmhpc3RvcnlTZXJ2aWNlLml0ZW1zO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGhpc3RvcnlJbmRleCgpOiBudW1iZXIge1xyXG4gICAgcmV0dXJuIHRoaXMuaGlzdG9yeVNlcnZpY2UuaGlzdG9yeUluZGV4O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uY2xpY2tIaXN0b3J5SXRlbShpbmRleDogbnVtYmVyKSB7XHJcbiAgICBpZiAoaW5kZXggIT09IHRoaXMuaGlzdG9yeUluZGV4KSB7XHJcbiAgICAgIGNvbnN0IGNvdW50ID0gTWF0aC5hYnMoaW5kZXggLSB0aGlzLmhpc3RvcnlJbmRleCk7XHJcblxyXG4gICAgICBpZiAoaW5kZXggPCB0aGlzLmhpc3RvcnlJbmRleCkge1xyXG4gICAgICAgIHRoaXMuaW1hZ2VFZGl0b3I/LnVuZG8oY291bnQpLnRoZW4oKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5oaXN0b3J5U2VydmljZS5vbkNoYW5nZUVtaXR0ZXIubmV4dCh0aGlzLml0ZW1zLnNsaWNlKDAsIGluZGV4ICsgMSkpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuaW1hZ2VFZGl0b3I/LnJlZG8oY291bnQpLnRoZW4oKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5oaXN0b3J5U2VydmljZS5vbkNoYW5nZUVtaXR0ZXIubmV4dCh0aGlzLml0ZW1zLnNsaWNlKDAsIGluZGV4ICsgMSkpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBbbmdiUG9wb3Zlcl09XCJwb3B1cENvbnRlbnRcIlxyXG4gIHBvcG92ZXJDbGFzcz1cInRpZS1oaXN0b3J5LXBvcG92ZXJcIlxyXG4gIGF1dG9DbG9zZT1cIm91dHNpZGVcIlxyXG4gIGNvbnRhaW5lcj1cImJvZHlcIlxyXG4gIGNsYXNzPVwidGllLWJ0bi1oaXN0b3J5IHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBoZWxwIGVuYWJsZWRcIlxyXG4+XHJcbiAgPGRpdlxyXG4gICAgW3RpdGxlXT1cIid0dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXItbWVudXMtYnV0dG9ucy1oaXN0b3J5JyB8IHRyYW5zbGF0ZVwiXHJcbiAgICBjbGFzcz1cInR1aS1pbWFnZS1lZGl0b3ItZC1mbGV4IHR1aS1pbWFnZS1lZGl0b3ItYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICA+XHJcbiAgICA8c3ZnIGNsYXNzPVwic3ZnX2ljLW1lbnUgdHVpLWltYWdlLWVkaXRvci1kLWZsZXhcIj5cclxuICAgICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWhpc3RvcnlcIiBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeVwiIGNsYXNzPVwiZGlzYWJsZWQgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWhpc3RvcnlcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8L3N2Zz5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48bmctdGVtcGxhdGUgI3BvcHVwQ29udGVudD5cclxuICA8ZGl2IGNsYXNzPVwidGllLXBhbmVsLWhpc3RvcnlcIj5cclxuICAgIDx1bCBjbGFzcz1cImhpc3RvcnktbGlzdFwiICpuZ0lmPVwiaXRlbXMubGVuZ3RoID4gMFwiPlxyXG4gICAgICA8bGlcclxuICAgICAgICBbY2xhc3NdPVwiXHJcbiAgICAgICAgICAnaGlzdG9yeS1pdGVtICcgK1xyXG4gICAgICAgICAgKGl0ZW1OciA+IGhpc3RvcnlJbmRleCA/ICdkaXNhYmxlZC1pdGVtJyA6ICcnKSArXHJcbiAgICAgICAgICAoaXRlbU5yID09IGhpc3RvcnlJbmRleCA/ICdzZWxlY3RlZC1pdGVtJyA6ICcnKVxyXG4gICAgICAgIFwiXHJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGluZGV4IGFzIGl0ZW1OclwiXHJcbiAgICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBjbGFzcz1cInR1aS1pbWFnZS1lZGl0b3ItaGlzdG9yeS1pdGVtIGhpc3RvcnkgdHVpLWltYWdlLWVkaXRvci1kLWZsZXggdHVpLWltYWdlLWVkaXRvci1mbGV4LXJvdyB0dWktaW1hZ2UtZWRpdG9yLWZsZXgtbm93cmFwIHR1aS1pbWFnZS1lZGl0b3ItYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICAgIChjbGljayk9XCJvbmNsaWNrSGlzdG9yeUl0ZW0oaXRlbU5yKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICBjbGFzcz1cImhpc3RvcnktaXRlbS1pY29uIHR1aS1pbWFnZS1lZGl0b3ItZC1mbGV4IHR1aS1pbWFnZS1lZGl0b3ItYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPHN2ZyAqbmdJZj1cIml0ZW0udHlwZSA9PSA4XCIgY2xhc3M9XCJzdmdfaWMtc3VibWVudVwiPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS1sb2FkXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LWxvYWRcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJhY3RpdmUgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzdmcgKm5nSWY9XCJpdGVtLnR5cGUgPT0gNVwiIGNsYXNzPVwic3ZnX2ljLXN1Ym1lbnVcIj5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktZHJhd1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS1kcmF3XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3ZnICpuZ0lmPVwiaXRlbS50eXBlID09IDZcIiBjbGFzcz1cInN2Z19pYy1zdWJtZW51XCI+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LXJvdGF0ZVwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS1yb3RhdGVcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJhY3RpdmUgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzdmcgKm5nSWY9XCJpdGVtLnR5cGUgPT0gNFwiIGNsYXNzPVwic3ZnX2ljLXN1Ym1lbnVcIj5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktY3JvcFwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS1jcm9wXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3ZnICpuZ0lmPVwiaXRlbS50eXBlID09IDdcIiBjbGFzcz1cInN2Z19pYy1zdWJtZW51XCI+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LWZsaXBcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktZmxpcFwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFjdGl2ZSB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHN2ZyAqbmdJZj1cIml0ZW0udHlwZSA9PSAyXCIgY2xhc3M9XCJzdmdfaWMtc3VibWVudVwiPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS10ZXh0XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LXRleHRcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJhY3RpdmUgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzdmdcclxuICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0udHlwZSA9PSAzIHx8IGl0ZW0udHlwZSA9PSAxMFwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzdmdfaWMtc3VibWVudVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktbWFza1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS1tYXNrXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3ZnICpuZ0lmPVwiaXRlbS50eXBlID09IDBcIiBjbGFzcz1cInN2Z19pYy1zdWJtZW51XCI+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LXNoYXBlXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LXNoYXBlXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3ZnICpuZ0lmPVwiaXRlbS50eXBlID09IDFcIiBjbGFzcz1cInN2Z19pYy1zdWJtZW51XCI+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LWljb25cIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktaWNvblwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFjdGl2ZSB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHN2Z1xyXG4gICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS50eXBlID09IDExIHx8IGl0ZW0udHlwZSA9PSAxMlwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzdmdfaWMtc3VibWVudVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktZmlsdGVyXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgICAgPHVzZVxyXG4gICAgICAgICAgICAgICAgeGxpbms6aHJlZj1cIiNpYy1oaXN0b3J5LWZpbHRlclwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFjdGl2ZSB1c2UtZGVmYXVsdFwiXHJcbiAgICAgICAgICAgICAgPjwvdXNlPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHN2ZyAqbmdJZj1cIml0ZW0udHlwZSA9PSA5XCIgY2xhc3M9XCJzdmdfaWMtc3VibWVudVwiPlxyXG4gICAgICAgICAgICAgIDx1c2VcclxuICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9XCIjaWMtaGlzdG9yeS1kZWxldGVcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktZGVsZXRlXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCJcclxuICAgICAgICAgICAgICA+PC91c2U+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGlzdG9yeS1pdGVtLXRleHRcIj5cclxuICAgICAgICAgICAgPGRpdj57eyBpdGVtLm5hbWUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhpc3RvcnktaXRlbS10ZXh0LWRldGFpbHNcIiAqbmdJZj1cIml0ZW0uZGV0YWlsXCI+XHJcbiAgICAgICAgICAgICAge3sgaXRlbS5kZXRhaWwgfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgKm5nSWY9XCJpdGVtTnIgPT0gaGlzdG9yeUluZGV4XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJoaXN0b3J5LWl0ZW0tY2hlY2tib3ggdHVpLWltYWdlLWVkaXRvci1kLWZsZXggdHVpLWltYWdlLWVkaXRvci1hbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8c3ZnIGNsYXNzPVwic3ZnX2ljLXN1Ym1lbnVcIj5cclxuICAgICAgICAgICAgICA8dXNlXHJcbiAgICAgICAgICAgICAgICB4bGluazpocmVmPVwiI2ljLWhpc3RvcnktY2hlY2tcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIlxyXG4gICAgICAgICAgICAgID48L3VzZT5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiaXRlbXMubGVuZ3RoID09PSAwXCIgY2xhc3M9XCJ0dWktaW1hZ2UtZWRpdG9yLXB4LTJcIj5cclxuICAgICAge3sgXCJ0dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXItaGlzdG9yeS1ub0l0ZW1zXCIgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class IconComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: IconComponent, selector: "tui-image-editor-menus-buttons-icon", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('icon') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-icon' | translate\"\r\n [class]=\"\r\n 'tie-btn-icon tui-image-editor-item normal ' +\r\n (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-icon\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-icon\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-icon\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: IconComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-icon', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('icon') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-icon' | translate\"\r\n [class]=\"\r\n 'tie-btn-icon tui-image-editor-item normal ' +\r\n (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-icon\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-icon\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-icon\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9pY29uL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvaWNvbi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8sYUFBYTtJQUt4QjtRQUhTLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXRELENBQUM7OzBHQUxMLGFBQWE7OEZBQWIsYUFBYSwwS0NQMUIsbWhCQWNBOzJGRFBhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UscUNBQXFDOzBFQUt0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHVpLWltYWdlLWVkaXRvci1tZW51cy1idXR0b25zLWljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlQ2hvc2VuOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgKGNsaWNrKT1cImltYWdlQ2hvc2VuID8gY2xpY2tlZC5lbWl0KCdpY29uJykgOiBudWxsXCJcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLWljb24nIHwgdHJhbnNsYXRlXCJcclxuICBbY2xhc3NdPVwiXHJcbiAgICAndGllLWJ0bi1pY29uIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBub3JtYWwgJyArXHJcbiAgICAoc2VsZWN0ZWQgPyAnYWN0aXZlJyA6ICcnKVxyXG4gIFwiXHJcbj5cclxuICA8c3ZnIGNsYXNzPVwic3ZnX2ljLW1lbnVcIj5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1pY29uXCIgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1pY29uXCIgY2xhc3M9XCJhY3RpdmUgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1pY29uXCIgY2xhc3M9XCJob3ZlciB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gIDwvc3ZnPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class LoadComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.loadImage = new EventEmitter();
|
|
7
|
+
}
|
|
8
|
+
onImageChosen(event) {
|
|
9
|
+
let selectedFile = event.target.files[0];
|
|
10
|
+
if (selectedFile != null) {
|
|
11
|
+
this.loadImage.emit(selectedFile);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
LoadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
LoadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LoadComponent, selector: "tui-image-editor-menus-buttons-load", outputs: { loadImage: "loadImage" }, ngImport: i0, template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-load' | translate\"\r\n class=\"tie-btn-load tui-image-editor-item help enabled button-background\"\r\n>\r\n <!-- <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-file-upload\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-file-upload\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-file-upload\" class=\"hover use-default\"></use>\r\n </svg> -->\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M30.3168 5.05286H26.9987V1.73477C26.9987 0.847753 26.276 0.125 25.389 0.125H25.3397C24.4362 0.125 23.7135 0.847753 23.7135 1.73477V5.05286H20.4118C19.5248 5.05286 18.8021 5.77562 18.7856 6.66263V6.71191C18.7856 7.61535 19.5084 8.33811 20.4118 8.33811H23.7135V11.6398C23.7135 12.5268 24.4362 13.266 25.3397 13.2495H25.389C26.276 13.2495 26.9987 12.5268 26.9987 11.6398V8.33811H30.3168C31.2038 8.33811 31.9266 7.61535 31.9266 6.72834V6.66263C31.9266 5.77562 31.2038 5.05286 30.3168 5.05286ZM22.0709 11.6398V9.98073H20.4118C19.5412 9.98073 18.7199 9.63578 18.0957 9.02801C17.488 8.40381 17.143 7.5825 17.143 6.66263C17.143 6.07129 17.3073 5.52922 17.5865 5.05286H4.00204C2.19516 5.05286 0.716797 6.53122 0.716797 8.33811V28.0496C0.716797 29.8564 2.19516 31.3348 4.00204 31.3348H23.7135C25.5204 31.3348 26.9987 29.8564 26.9987 28.0496V14.4487C26.5059 14.7279 25.9475 14.9086 25.3233 14.9086C23.5328 14.8922 22.0709 13.4302 22.0709 11.6398ZM22.0052 28.0496H5.64466C4.97119 28.0496 4.57696 27.2775 4.98761 26.7355L8.24 22.4154C8.58495 21.9554 9.25843 21.9883 9.58695 22.4482L12.2151 26.4069L16.5024 20.6906C16.8309 20.2635 17.4715 20.2471 17.8001 20.6742L22.6458 26.719C23.0729 27.2611 22.6951 28.0496 22.0052 28.0496Z\" fill=\"#207C80\"/>\r\n </svg>\r\n <input\r\n type=\"file\"\r\n class=\"tui-image-editor-load-btn\"\r\n accept=\"image/*,.heic\"\r\n (change)=\"onImageChosen($event)\"\r\n />\r\n</div>\r\n", styles: [".button-background{width:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoadComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-load', template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-load' | translate\"\r\n class=\"tie-btn-load tui-image-editor-item help enabled button-background\"\r\n>\r\n <!-- <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-file-upload\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-file-upload\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-file-upload\" class=\"hover use-default\"></use>\r\n </svg> -->\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M30.3168 5.05286H26.9987V1.73477C26.9987 0.847753 26.276 0.125 25.389 0.125H25.3397C24.4362 0.125 23.7135 0.847753 23.7135 1.73477V5.05286H20.4118C19.5248 5.05286 18.8021 5.77562 18.7856 6.66263V6.71191C18.7856 7.61535 19.5084 8.33811 20.4118 8.33811H23.7135V11.6398C23.7135 12.5268 24.4362 13.266 25.3397 13.2495H25.389C26.276 13.2495 26.9987 12.5268 26.9987 11.6398V8.33811H30.3168C31.2038 8.33811 31.9266 7.61535 31.9266 6.72834V6.66263C31.9266 5.77562 31.2038 5.05286 30.3168 5.05286ZM22.0709 11.6398V9.98073H20.4118C19.5412 9.98073 18.7199 9.63578 18.0957 9.02801C17.488 8.40381 17.143 7.5825 17.143 6.66263C17.143 6.07129 17.3073 5.52922 17.5865 5.05286H4.00204C2.19516 5.05286 0.716797 6.53122 0.716797 8.33811V28.0496C0.716797 29.8564 2.19516 31.3348 4.00204 31.3348H23.7135C25.5204 31.3348 26.9987 29.8564 26.9987 28.0496V14.4487C26.5059 14.7279 25.9475 14.9086 25.3233 14.9086C23.5328 14.8922 22.0709 13.4302 22.0709 11.6398ZM22.0052 28.0496H5.64466C4.97119 28.0496 4.57696 27.2775 4.98761 26.7355L8.24 22.4154C8.58495 21.9554 9.25843 21.9883 9.58695 22.4482L12.2151 26.4069L16.5024 20.6906C16.8309 20.2635 17.4715 20.2471 17.8001 20.6742L22.6458 26.719C23.0729 27.2611 22.6951 28.0496 22.0052 28.0496Z\" fill=\"#207C80\"/>\r\n </svg>\r\n <input\r\n type=\"file\"\r\n class=\"tui-image-editor-load-btn\"\r\n accept=\"image/*,.heic\"\r\n (change)=\"onImageChosen($event)\"\r\n />\r\n</div>\r\n", styles: [".button-background{width:100%;display:flex;justify-content:center;align-items:center}\n"] }]
|
|
20
|
+
}], ctorParameters: function () { return []; }, propDecorators: { loadImage: [{
|
|
21
|
+
type: Output
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9sb2FkL2xvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvbG9hZC9sb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3hFLE1BQU0sT0FBTyxhQUFhO0lBR3hCO1FBRlUsY0FBUyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBRXBELENBQUM7SUFFaEIsYUFBYSxDQUFDLEtBQUs7UUFDakIsSUFBSSxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDekMsSUFBSSxZQUFZLElBQUksSUFBSSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQzs7MEdBVlUsYUFBYTs4RkFBYixhQUFhLGdIQ1AxQixtOURBbUJBOzJGRFphLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UscUNBQXFDOzBFQUtyQyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3R1aS1pbWFnZS1lZGl0b3ItbWVudXMtYnV0dG9ucy1sb2FkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZC5jb21wb25lbnQuY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkQ29tcG9uZW50IHtcclxuICBAT3V0cHV0KCkgbG9hZEltYWdlOiBFdmVudEVtaXR0ZXI8RmlsZT4gPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGU+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgb25JbWFnZUNob3NlbihldmVudCkge1xyXG4gICAgbGV0IHNlbGVjdGVkRmlsZSA9IGV2ZW50LnRhcmdldC5maWxlc1swXTtcclxuICAgIGlmIChzZWxlY3RlZEZpbGUgIT0gbnVsbCkge1xyXG4gICAgICB0aGlzLmxvYWRJbWFnZS5lbWl0KHNlbGVjdGVkRmlsZSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLWxvYWQnIHwgdHJhbnNsYXRlXCJcclxuICBjbGFzcz1cInRpZS1idG4tbG9hZCB0dWktaW1hZ2UtZWRpdG9yLWl0ZW0gaGVscCBlbmFibGVkIGJ1dHRvbi1iYWNrZ3JvdW5kXCJcclxuPlxyXG4gIDwhLS0gPHN2ZyBjbGFzcz1cInN2Z19pYy1tZW51XCI+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtZmlsZS11cGxvYWRcIiBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLWZpbGUtdXBsb2FkXCIgY2xhc3M9XCJhY3RpdmUgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1maWxlLXVwbG9hZFwiIGNsYXNzPVwiaG92ZXIgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICA8L3N2Zz4gLS0+XHJcbiAgPHN2ZyB3aWR0aD1cIjMyXCIgaGVpZ2h0PVwiMzJcIiB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XHJcbiAgICA8cGF0aCBkPVwiTTMwLjMxNjggNS4wNTI4NkgyNi45OTg3VjEuNzM0NzdDMjYuOTk4NyAwLjg0Nzc1MyAyNi4yNzYgMC4xMjUgMjUuMzg5IDAuMTI1SDI1LjMzOTdDMjQuNDM2MiAwLjEyNSAyMy43MTM1IDAuODQ3NzUzIDIzLjcxMzUgMS43MzQ3N1Y1LjA1Mjg2SDIwLjQxMThDMTkuNTI0OCA1LjA1Mjg2IDE4LjgwMjEgNS43NzU2MiAxOC43ODU2IDYuNjYyNjNWNi43MTE5MUMxOC43ODU2IDcuNjE1MzUgMTkuNTA4NCA4LjMzODExIDIwLjQxMTggOC4zMzgxMUgyMy43MTM1VjExLjYzOThDMjMuNzEzNSAxMi41MjY4IDI0LjQzNjIgMTMuMjY2IDI1LjMzOTcgMTMuMjQ5NUgyNS4zODlDMjYuMjc2IDEzLjI0OTUgMjYuOTk4NyAxMi41MjY4IDI2Ljk5ODcgMTEuNjM5OFY4LjMzODExSDMwLjMxNjhDMzEuMjAzOCA4LjMzODExIDMxLjkyNjYgNy42MTUzNSAzMS45MjY2IDYuNzI4MzRWNi42NjI2M0MzMS45MjY2IDUuNzc1NjIgMzEuMjAzOCA1LjA1Mjg2IDMwLjMxNjggNS4wNTI4NlpNMjIuMDcwOSAxMS42Mzk4VjkuOTgwNzNIMjAuNDExOEMxOS41NDEyIDkuOTgwNzMgMTguNzE5OSA5LjYzNTc4IDE4LjA5NTcgOS4wMjgwMUMxNy40ODggOC40MDM4MSAxNy4xNDMgNy41ODI1IDE3LjE0MyA2LjY2MjYzQzE3LjE0MyA2LjA3MTI5IDE3LjMwNzMgNS41MjkyMiAxNy41ODY1IDUuMDUyODZINC4wMDIwNEMyLjE5NTE2IDUuMDUyODYgMC43MTY3OTcgNi41MzEyMiAwLjcxNjc5NyA4LjMzODExVjI4LjA0OTZDMC43MTY3OTcgMjkuODU2NCAyLjE5NTE2IDMxLjMzNDggNC4wMDIwNCAzMS4zMzQ4SDIzLjcxMzVDMjUuNTIwNCAzMS4zMzQ4IDI2Ljk5ODcgMjkuODU2NCAyNi45OTg3IDI4LjA0OTZWMTQuNDQ4N0MyNi41MDU5IDE0LjcyNzkgMjUuOTQ3NSAxNC45MDg2IDI1LjMyMzMgMTQuOTA4NkMyMy41MzI4IDE0Ljg5MjIgMjIuMDcwOSAxMy40MzAyIDIyLjA3MDkgMTEuNjM5OFpNMjIuMDA1MiAyOC4wNDk2SDUuNjQ0NjZDNC45NzExOSAyOC4wNDk2IDQuNTc2OTYgMjcuMjc3NSA0Ljk4NzYxIDI2LjczNTVMOC4yNCAyMi40MTU0QzguNTg0OTUgMjEuOTU1NCA5LjI1ODQzIDIxLjk4ODMgOS41ODY5NSAyMi40NDgyTDEyLjIxNTEgMjYuNDA2OUwxNi41MDI0IDIwLjY5MDZDMTYuODMwOSAyMC4yNjM1IDE3LjQ3MTUgMjAuMjQ3MSAxNy44MDAxIDIwLjY3NDJMMjIuNjQ1OCAyNi43MTlDMjMuMDcyOSAyNy4yNjExIDIyLjY5NTEgMjguMDQ5NiAyMi4wMDUyIDI4LjA0OTZaXCIgZmlsbD1cIiMyMDdDODBcIi8+XHJcbiAgPC9zdmc+XHJcbiAgPGlucHV0XHJcbiAgICB0eXBlPVwiZmlsZVwiXHJcbiAgICBjbGFzcz1cInR1aS1pbWFnZS1lZGl0b3ItbG9hZC1idG5cIlxyXG4gICAgYWNjZXB0PVwiaW1hZ2UvKiwuaGVpY1wiXHJcbiAgICAoY2hhbmdlKT1cIm9uSW1hZ2VDaG9zZW4oJGV2ZW50KVwiXHJcbiAgLz5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class MaskComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
MaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
MaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaskComponent, selector: "tui-image-editor-menus-buttons-mask", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('mask') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-mask' | translate\"\r\n [class]=\"\r\n 'tie-btn-mask tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-mask\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-mask\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-mask\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaskComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-mask', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('mask') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-mask' | translate\"\r\n [class]=\"\r\n 'tie-btn-mask tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-mask\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-mask\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-mask\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFzay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9tYXNrL21hc2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvbWFzay9tYXNrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8sYUFBYTtJQUt4QjtRQUhTLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXRELENBQUM7OzBHQUxMLGFBQWE7OEZBQWIsYUFBYSwwS0NQMUIsNGdCQWFBOzJGRE5hLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UscUNBQXFDOzBFQUt0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHVpLWltYWdlLWVkaXRvci1tZW51cy1idXR0b25zLW1hc2snLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXNrLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tYXNrLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1hc2tDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlQ2hvc2VuOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgKGNsaWNrKT1cImltYWdlQ2hvc2VuID8gY2xpY2tlZC5lbWl0KCdtYXNrJykgOiBudWxsXCJcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLW1hc2snIHwgdHJhbnNsYXRlXCJcclxuICBbY2xhc3NdPVwiXHJcbiAgICAndGllLWJ0bi1tYXNrIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBub3JtYWwgJyArIChzZWxlY3RlZCA/ICdhY3RpdmUnIDogJycpXHJcbiAgXCJcclxuPlxyXG4gIDxzdmcgY2xhc3M9XCJzdmdfaWMtbWVudVwiPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLW1hc2tcIiBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLW1hc2tcIiBjbGFzcz1cImFjdGl2ZSB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLW1hc2tcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { eventNames } from '../../../consts';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@ngx-translate/core";
|
|
5
|
+
export class RedoComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.cancelCroppingRequested = new EventEmitter();
|
|
8
|
+
this.redoStackSize = 0;
|
|
9
|
+
}
|
|
10
|
+
ngOnChanges(changes) {
|
|
11
|
+
var that = this;
|
|
12
|
+
if (changes['imageEditor'] && changes['imageEditor'].currentValue != null) {
|
|
13
|
+
this.imageEditor.on(eventNames.REDO_STACK_CHANGED, function (length) {
|
|
14
|
+
that.redoStackSize = length;
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
redo() {
|
|
19
|
+
if (this.imageEditor != null && !this.imageEditor.isEmptyRedoStack()) {
|
|
20
|
+
this.cancelCroppingRequested.emit();
|
|
21
|
+
this.imageEditor.deactivateAll();
|
|
22
|
+
this.imageEditor.redo();
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
RedoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: RedoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
RedoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: RedoComponent, selector: "tui-image-editor-menus-buttons-redo", inputs: { imageEditor: "imageEditor" }, outputs: { cancelCroppingRequested: "cancelCroppingRequested" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-redo' | translate\"\r\n [class]=\"\r\n 'tie-btn-redo tui-image-editor-item help ' +\r\n (redoStackSize != 0 ? 'enabled' : 'disabled')\r\n \"\r\n (click)=\"redoStackSize != 0 ? redo() : null\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-redo\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-redo\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-redo\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: RedoComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-redo', template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-redo' | translate\"\r\n [class]=\"\r\n 'tie-btn-redo tui-image-editor-item help ' +\r\n (redoStackSize != 0 ? 'enabled' : 'disabled')\r\n \"\r\n (click)=\"redoStackSize != 0 ? redo() : null\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-redo\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-redo\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-redo\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
31
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageEditor: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], cancelCroppingRequested: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}] } });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXIyL3NyYy9saWIvbWVudXMvYnV0dG9ucy9yZWRvL3JlZG8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvcmVkby9yZWRvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFPN0MsTUFBTSxPQUFPLGFBQWE7SUFLeEI7UUFIVSw0QkFBdUIsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN4RSxrQkFBYSxHQUFXLENBQUMsQ0FBQztJQUVsQixDQUFDO0lBRWhCLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLElBQUksR0FBRyxJQUFJLENBQUM7UUFDaEIsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLFlBQVksSUFBSSxJQUFJLEVBQUU7WUFDekUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQ2pCLFVBQVUsQ0FBQyxrQkFBa0IsRUFDN0IsVUFBVSxNQUFjO2dCQUN0QixJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQztZQUM5QixDQUFDLENBQ0YsQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUUsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFO1lBQ2xFLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDOzswR0F6QlUsYUFBYTs4RkFBYixhQUFhLHlNQ2hCMUIsK2hCQWNBOzJGREVhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UscUNBQXFDOzBFQUt0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLHVCQUF1QjtzQkFBaEMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBldmVudE5hbWVzIH0gZnJvbSAnLi4vLi4vLi4vY29uc3RzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHVpLWltYWdlLWVkaXRvci1tZW51cy1idXR0b25zLXJlZG8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yZWRvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yZWRvLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFJlZG9Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIGltYWdlRWRpdG9yOiBhbnk7XHJcbiAgQE91dHB1dCgpIGNhbmNlbENyb3BwaW5nUmVxdWVzdGVkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIHB1YmxpYyByZWRvU3RhY2tTaXplOiBudW1iZXIgPSAwO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHZhciB0aGF0ID0gdGhpcztcclxuICAgIGlmIChjaGFuZ2VzWydpbWFnZUVkaXRvciddICYmIGNoYW5nZXNbJ2ltYWdlRWRpdG9yJ10uY3VycmVudFZhbHVlICE9IG51bGwpIHtcclxuICAgICAgdGhpcy5pbWFnZUVkaXRvci5vbihcclxuICAgICAgICBldmVudE5hbWVzLlJFRE9fU1RBQ0tfQ0hBTkdFRCxcclxuICAgICAgICBmdW5jdGlvbiAobGVuZ3RoOiBudW1iZXIpIHtcclxuICAgICAgICAgIHRoYXQucmVkb1N0YWNrU2l6ZSA9IGxlbmd0aDtcclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWRvKCkge1xyXG4gICAgaWYgKHRoaXMuaW1hZ2VFZGl0b3IhPW51bGwgJiYgIXRoaXMuaW1hZ2VFZGl0b3IuaXNFbXB0eVJlZG9TdGFjaygpKSB7XHJcbiAgICAgIHRoaXMuY2FuY2VsQ3JvcHBpbmdSZXF1ZXN0ZWQuZW1pdCgpO1xyXG4gICAgICB0aGlzLmltYWdlRWRpdG9yLmRlYWN0aXZhdGVBbGwoKTtcclxuICAgICAgdGhpcy5pbWFnZUVkaXRvci5yZWRvKCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBbdGl0bGVdPVwiJ3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhci1tZW51cy1idXR0b25zLXJlZG8nIHwgdHJhbnNsYXRlXCJcclxuICBbY2xhc3NdPVwiXHJcbiAgICAndGllLWJ0bi1yZWRvIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBoZWxwICcgK1xyXG4gICAgKHJlZG9TdGFja1NpemUgIT0gMCA/ICdlbmFibGVkJyA6ICdkaXNhYmxlZCcpXHJcbiAgXCJcclxuICAoY2xpY2spPVwicmVkb1N0YWNrU2l6ZSAhPSAwID8gcmVkbygpIDogbnVsbFwiXHJcbj5cclxuICA8c3ZnIGNsYXNzPVwic3ZnX2ljLW1lbnVcIj5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1yZWRvXCIgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1yZWRvXCIgY2xhc3M9XCJkaXNhYmxlZCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLXJlZG9cIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class ResetComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.cancelCroppingRequested = new EventEmitter();
|
|
7
|
+
this.resetImage = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
reset() {
|
|
10
|
+
this.cancelCroppingRequested.emit();
|
|
11
|
+
this.resetImage.emit();
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
ResetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ResetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
ResetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ResetComponent, selector: "tui-image-editor-menus-buttons-reset", inputs: { imageChosen: "imageChosen", imageEditor: "imageEditor" }, outputs: { cancelCroppingRequested: "cancelCroppingRequested", resetImage: "resetImage" }, ngImport: i0, template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-reset' | translate\"\r\n [class]=\"\r\n 'tie-btn-reset tui-image-editor-item help ' +\r\n (imageChosen ? 'enabled' : 'disabled')\r\n \"\r\n (click)=\"imageChosen ? reset() : null\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-reset\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-reset\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-reset\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ResetComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-reset', template: "<div\r\n [title]=\"'tui-image-editor-angular-menus-buttons-reset' | translate\"\r\n [class]=\"\r\n 'tie-btn-reset tui-image-editor-item help ' +\r\n (imageChosen ? 'enabled' : 'disabled')\r\n \"\r\n (click)=\"imageChosen ? reset() : null\"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-reset\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-reset\" class=\"disabled use-default\"></use>\r\n <use xlink:href=\"#ic-reset\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
19
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], imageEditor: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], cancelCroppingRequested: [{
|
|
24
|
+
type: Output
|
|
25
|
+
}], resetImage: [{
|
|
26
|
+
type: Output
|
|
27
|
+
}] } });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvcmVzZXQvcmVzZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvcmVzZXQvcmVzZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyxjQUFjO0lBTXpCO1FBSFUsNEJBQXVCLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFDckUsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0lBRW5ELENBQUM7SUFFaEIsS0FBSztRQUNILElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7OzJHQVhVLGNBQWM7K0ZBQWQsY0FBYywyT0NQM0IsdWhCQWNBOzJGRFBhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0Usc0NBQXNDOzBFQUt2QyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksdUJBQXVCO3NCQUFoQyxNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3R1aS1pbWFnZS1lZGl0b3ItbWVudXMtYnV0dG9ucy1yZXNldCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Jlc2V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yZXNldC5jb21wb25lbnQuY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZXNldENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaW1hZ2VDaG9zZW46IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaW1hZ2VFZGl0b3I6IGFueTtcclxuICBAT3V0cHV0KCkgY2FuY2VsQ3JvcHBpbmdSZXF1ZXN0ZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIHJlc2V0SW1hZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuICBcclxuICByZXNldCgpIHtcclxuICAgIHRoaXMuY2FuY2VsQ3JvcHBpbmdSZXF1ZXN0ZWQuZW1pdCgpO1xyXG4gICAgdGhpcy5yZXNldEltYWdlLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIFt0aXRsZV09XCIndHVpLWltYWdlLWVkaXRvci1hbmd1bGFyLW1lbnVzLWJ1dHRvbnMtcmVzZXQnIHwgdHJhbnNsYXRlXCJcclxuICBbY2xhc3NdPVwiXHJcbiAgICAndGllLWJ0bi1yZXNldCB0dWktaW1hZ2UtZWRpdG9yLWl0ZW0gaGVscCAnICtcclxuICAgIChpbWFnZUNob3NlbiA/ICdlbmFibGVkJyA6ICdkaXNhYmxlZCcpXHJcbiAgXCJcclxuICAoY2xpY2spPVwiaW1hZ2VDaG9zZW4gPyByZXNldCgpIDogbnVsbFwiXHJcbj5cclxuICA8c3ZnIGNsYXNzPVwic3ZnX2ljLW1lbnVcIj5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1yZXNldFwiIGNsYXNzPVwibm9ybWFsIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtcmVzZXRcIiBjbGFzcz1cImRpc2FibGVkIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtcmVzZXRcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class RotateComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
RotateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: RotateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
RotateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: RotateComponent, selector: "tui-image-editor-menus-buttons-rotate", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('rotate') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-rotate' | translate\"\r\n [class]=\"\r\n 'tie-btn-rotate tui-image-editor-item normal ' +\r\n (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-rotate\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-rotate\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-rotate\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: RotateComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-rotate', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('rotate') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-rotate' | translate\"\r\n [class]=\"\r\n 'tie-btn-rotate tui-image-editor-item normal ' +\r\n (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-rotate\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-rotate\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-rotate\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm90YXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1aS1pbWFnZS1lZGl0b3ItYW5ndWxhcjIvc3JjL2xpYi9tZW51cy9idXR0b25zL3JvdGF0ZS9yb3RhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvcm90YXRlL3JvdGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGVBQWU7SUFLMUI7UUFIUyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFlBQU8sR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0RCxDQUFDOzs0R0FMTCxlQUFlO2dHQUFmLGVBQWUsNEtDUDVCLCtoQkFjQTsyRkRQYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLHVDQUF1QzswRUFLeEMsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3R1aS1pbWFnZS1lZGl0b3ItbWVudXMtYnV0dG9ucy1yb3RhdGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3RhdGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3JvdGF0ZS5jb21wb25lbnQuY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSb3RhdGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlQ2hvc2VuOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgKGNsaWNrKT1cImltYWdlQ2hvc2VuID8gY2xpY2tlZC5lbWl0KCdyb3RhdGUnKSA6IG51bGxcIlxyXG4gIFt0aXRsZV09XCIndHVpLWltYWdlLWVkaXRvci1hbmd1bGFyLW1lbnVzLWJ1dHRvbnMtcm90YXRlJyB8IHRyYW5zbGF0ZVwiXHJcbiAgW2NsYXNzXT1cIlxyXG4gICAgJ3RpZS1idG4tcm90YXRlIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBub3JtYWwgJyArXHJcbiAgICAoc2VsZWN0ZWQgPyAnYWN0aXZlJyA6ICcnKVxyXG4gIFwiXHJcbj5cclxuICA8c3ZnIGNsYXNzPVwic3ZnX2ljLW1lbnVcIj5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1yb3RhdGVcIiBjbGFzcz1cIm5vcm1hbCB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLXJvdGF0ZVwiIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtcm90YXRlXCIgY2xhc3M9XCJob3ZlciB1c2UtZGVmYXVsdFwiPjwvdXNlPlxyXG4gIDwvc3ZnPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@ngx-translate/core";
|
|
4
|
+
export class ShapeComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.selected = false;
|
|
7
|
+
this.clicked = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
ShapeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ShapeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
ShapeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ShapeComponent, selector: "tui-image-editor-menus-buttons-shape", inputs: { imageChosen: "imageChosen", selected: "selected" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\r\n (click)=\"imageChosen ? clicked.emit('shape') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-shape' | translate\"\r\n [class]=\"\r\n 'tie-btn-shape tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-shape\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-shape\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-shape\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ShapeComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'tui-image-editor-menus-buttons-shape', template: "<div\r\n (click)=\"imageChosen ? clicked.emit('shape') : null\"\r\n [title]=\"'tui-image-editor-angular-menus-buttons-shape' | translate\"\r\n [class]=\"\r\n 'tie-btn-shape tui-image-editor-item normal ' + (selected ? 'active' : '')\r\n \"\r\n>\r\n <svg class=\"svg_ic-menu\">\r\n <use xlink:href=\"#ic-shape\" class=\"normal use-default\"></use>\r\n <use xlink:href=\"#ic-shape\" class=\"active use-default\"></use>\r\n <use xlink:href=\"#ic-shape\" class=\"hover use-default\"></use>\r\n </svg>\r\n</div>\r\n" }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { imageChosen: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], selected: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], clicked: [{
|
|
20
|
+
type: Output
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvc2hhcGUvc2hhcGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVpLWltYWdlLWVkaXRvci1hbmd1bGFyMi9zcmMvbGliL21lbnVzL2J1dHRvbnMvc2hhcGUvc2hhcGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyxjQUFjO0lBS3pCO1FBSFMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEQsQ0FBQzs7MkdBTEwsY0FBYzsrRkFBZCxjQUFjLDJLQ1AzQixraEJBYUE7MkZETmEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxzQ0FBc0M7MEVBS3ZDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0dWktaW1hZ2UtZWRpdG9yLW1lbnVzLWJ1dHRvbnMtc2hhcGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaGFwZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2hhcGUuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2hhcGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlQ2hvc2VuOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8ZGl2XHJcbiAgKGNsaWNrKT1cImltYWdlQ2hvc2VuID8gY2xpY2tlZC5lbWl0KCdzaGFwZScpIDogbnVsbFwiXHJcbiAgW3RpdGxlXT1cIid0dWktaW1hZ2UtZWRpdG9yLWFuZ3VsYXItbWVudXMtYnV0dG9ucy1zaGFwZScgfCB0cmFuc2xhdGVcIlxyXG4gIFtjbGFzc109XCJcclxuICAgICd0aWUtYnRuLXNoYXBlIHR1aS1pbWFnZS1lZGl0b3ItaXRlbSBub3JtYWwgJyArIChzZWxlY3RlZCA/ICdhY3RpdmUnIDogJycpXHJcbiAgXCJcclxuPlxyXG4gIDxzdmcgY2xhc3M9XCJzdmdfaWMtbWVudVwiPlxyXG4gICAgPHVzZSB4bGluazpocmVmPVwiI2ljLXNoYXBlXCIgY2xhc3M9XCJub3JtYWwgdXNlLWRlZmF1bHRcIj48L3VzZT5cclxuICAgIDx1c2UgeGxpbms6aHJlZj1cIiNpYy1zaGFwZVwiIGNsYXNzPVwiYWN0aXZlIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgICA8dXNlIHhsaW5rOmhyZWY9XCIjaWMtc2hhcGVcIiBjbGFzcz1cImhvdmVyIHVzZS1kZWZhdWx0XCI+PC91c2U+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
|