@ev-core/aurelia-v1-image-cropper 1.0.0 → 2.0.0

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.
@@ -1,10 +1,10 @@
1
1
  import Cropper from 'cropperjs';
2
+ import { type IOptions } from '@ev-core/au-core-image-cropper';
2
3
  import 'cropperjs/dist/cropper.min.css';
3
- export interface IOptions<T extends EventTarget> extends Cropper.Options<T> {
4
- }
4
+ export type { IOptions };
5
5
  export declare class CropperCustomElement<T extends EventTarget> {
6
6
  element: HTMLImageElement;
7
- cropper: Cropper;
7
+ private readonly host;
8
8
  dragMode: Cropper.DragMode;
9
9
  dragModeChanged(dragMode: Cropper.DragMode): void;
10
10
  elementCss: Partial<CSSStyleDeclaration>;
@@ -16,11 +16,10 @@ export declare class CropperCustomElement<T extends EventTarget> {
16
16
  cropEnd: (event: CustomEvent) => void;
17
17
  crop: (event: CustomEvent) => void;
18
18
  zoom: (event: CustomEvent) => void;
19
- private attached;
19
+ get cropper(): Cropper;
20
20
  private detached;
21
21
  toLog(): void;
22
22
  toFile(filename?: string, mimeType?: string): Promise<File>;
23
23
  toDataUrl(mimeType?: string): string | undefined;
24
24
  loaded($event: any): void;
25
- private init;
26
25
  }
@@ -1,8 +1,8 @@
1
- <template>
2
- <div>
3
- <img ref="element"
4
- src.bind="src"
5
- load.trigger="loaded($event)"
6
- css.bind="elementCss">
7
- </div>
1
+ <template>
2
+ <div>
3
+ <img ref="element"
4
+ src.bind="src"
5
+ load.trigger="loaded($event)"
6
+ css.bind="elementCss">
7
+ </div>
8
8
  </template>
@@ -4,10 +4,11 @@ exports.CropperCustomElement = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const aurelia_framework_1 = require("aurelia-framework");
6
6
  const cropperjs_1 = tslib_1.__importDefault(require("cropperjs"));
7
- const core_1 = require("@ev-core/core");
7
+ const au_core_image_cropper_1 = require("@ev-core/au-core-image-cropper");
8
8
  require("cropperjs/dist/cropper.min.css");
9
9
  let CropperCustomElement = class CropperCustomElement {
10
10
  constructor() {
11
+ this.host = new au_core_image_cropper_1.CropperHost();
11
12
  this.dragMode = 'move';
12
13
  this.elementCss = {
13
14
  height: 'auto',
@@ -16,13 +17,13 @@ let CropperCustomElement = class CropperCustomElement {
16
17
  };
17
18
  }
18
19
  dragModeChanged(dragMode) {
19
- if (this.cropper?.setDragMode) {
20
- this.cropper.setDragMode(dragMode);
21
- }
20
+ this.host.setDragMode(dragMode);
21
+ }
22
+ get cropper() {
23
+ return this.host.cropper;
22
24
  }
23
- attached() { }
24
25
  detached() {
25
- this.cropper.destroy();
26
+ this.host.destroy();
26
27
  }
27
28
  toLog() {
28
29
  console.log("CropBoxData", this.cropper.getCropBoxData());
@@ -31,48 +32,21 @@ let CropperCustomElement = class CropperCustomElement {
31
32
  console.log("getCanvasData", this.cropper.getCanvasData());
32
33
  }
33
34
  toFile(filename, mimeType = 'image/jpeg') {
34
- const promise = new Promise((resolve, reject) => {
35
- if (this.cropper) {
36
- const extension = core_1.mimes.image.findExtension(mimeType);
37
- this.cropper
38
- .getCroppedCanvas()
39
- .toBlob((b => {
40
- resolve(new File([b], filename || `file.${extension ?? 'jpeg'}`));
41
- }), mimeType);
42
- }
43
- else {
44
- reject();
45
- }
46
- });
47
- return promise;
35
+ return this.host.toFile(filename, mimeType);
48
36
  }
49
37
  toDataUrl(mimeType = 'image/jpeg') {
50
- return this.cropper?.getCroppedCanvas()
51
- .toDataURL(mimeType);
38
+ return this.host.toDataUrl(mimeType);
52
39
  }
53
40
  loaded($event) {
54
- this.init();
55
- }
56
- init() {
57
- let defaultOptions = {
58
- viewMode: 0,
41
+ this.host.init(this.element, {
59
42
  dragMode: this.dragMode,
60
- data: undefined,
61
- responsive: true,
62
- restore: true
63
- };
64
- if (this.cropStart)
65
- defaultOptions.cropstart = (event) => { this.cropStart(event); };
66
- if (this.cropMove)
67
- defaultOptions.cropmove = (event) => { this.cropMove(event); };
68
- if (this.cropEnd)
69
- defaultOptions.cropend = (event) => { this.cropEnd(event); };
70
- if (this.crop)
71
- defaultOptions.crop = (event) => { this.crop(event); };
72
- if (this.zoom)
73
- defaultOptions.zoom = (event) => { this.zoom(event); };
74
- let opts = Object.assign(defaultOptions, this.options || {});
75
- this.cropper = new cropperjs_1.default(this.element, opts);
43
+ options: this.options,
44
+ cropStart: this.cropStart,
45
+ cropMove: this.cropMove,
46
+ cropEnd: this.cropEnd,
47
+ crop: this.crop,
48
+ zoom: this.zoom
49
+ });
76
50
  }
77
51
  };
78
52
  exports.CropperCustomElement = CropperCustomElement;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/elements/cropper-element.ts"],"names":[],"mappings":"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","file":"cropper-element.js","sourceRoot":"../../../src/"}
1
+ {"version":3,"sources":["../src/elements/cropper-element.ts"],"names":[],"mappings":"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","file":"cropper-element.js","sourceRoot":"../../../src/"}
@@ -1,4 +1,5 @@
1
1
  import { FrameworkConfiguration } from 'aurelia-framework';
2
- import { CropperCustomElement, IOptions } from './elements/cropper-element';
2
+ import { CropperCustomElement } from './elements/cropper-element';
3
3
  export declare function configure(config: FrameworkConfiguration): void;
4
- export { CropperCustomElement, IOptions };
4
+ export { CropperCustomElement };
5
+ export type { IOptions } from './elements/cropper-element';
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAKA,8BAIC;AARD,6CAAuC;AAEvC,gEAA4E;AAS1E,qGATO,sCAAoB,OASP;AAPtB,SAAgB,SAAS,CAAC,MAA8B;IACtD,MAAM,CAAC,eAAe,CAAC;QACrB,sBAAQ,CAAC,UAAU,CAAC,4BAA4B,CAAC;KAClD,CAAC,CAAC;AACL,CAAC","file":"index.js","sourceRoot":"../../src/"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAKA,8BAIC;AARD,6CAAuC;AAEvC,gEAAkE;AAQzD,qGARA,sCAAoB,OAQA;AAN7B,SAAgB,SAAS,CAAC,MAA8B;IACtD,MAAM,CAAC,eAAe,CAAC;QACrB,sBAAQ,CAAC,UAAU,CAAC,4BAA4B,CAAC;KAClD,CAAC,CAAC;AACL,CAAC","file":"index.js","sourceRoot":"../../src/"}
@@ -1,10 +1,10 @@
1
1
  import Cropper from 'cropperjs';
2
+ import { type IOptions } from '@ev-core/au-core-image-cropper';
2
3
  import 'cropperjs/dist/cropper.min.css';
3
- export interface IOptions<T extends EventTarget> extends Cropper.Options<T> {
4
- }
4
+ export type { IOptions };
5
5
  export declare class CropperCustomElement<T extends EventTarget> {
6
6
  element: HTMLImageElement;
7
- cropper: Cropper;
7
+ private readonly host;
8
8
  dragMode: Cropper.DragMode;
9
9
  dragModeChanged(dragMode: Cropper.DragMode): void;
10
10
  elementCss: Partial<CSSStyleDeclaration>;
@@ -16,11 +16,10 @@ export declare class CropperCustomElement<T extends EventTarget> {
16
16
  cropEnd: (event: CustomEvent) => void;
17
17
  crop: (event: CustomEvent) => void;
18
18
  zoom: (event: CustomEvent) => void;
19
- private attached;
19
+ get cropper(): Cropper;
20
20
  private detached;
21
21
  toLog(): void;
22
22
  toFile(filename?: string, mimeType?: string): Promise<File>;
23
23
  toDataUrl(mimeType?: string): string | undefined;
24
24
  loaded($event: any): void;
25
- private init;
26
25
  }
@@ -1,8 +1,8 @@
1
- <template>
2
- <div>
3
- <img ref="element"
4
- src.bind="src"
5
- load.trigger="loaded($event)"
6
- css.bind="elementCss">
7
- </div>
1
+ <template>
2
+ <div>
3
+ <img ref="element"
4
+ src.bind="src"
5
+ load.trigger="loaded($event)"
6
+ css.bind="elementCss">
7
+ </div>
8
8
  </template>
@@ -1,10 +1,11 @@
1
1
  import { __decorate, __metadata } from "tslib";
2
2
  import { customElement, bindable, bindingMode } from 'aurelia-framework';
3
3
  import Cropper from 'cropperjs';
4
- import { mimes } from '@ev-core/core';
4
+ import { CropperHost } from '@ev-core/au-core-image-cropper';
5
5
  import 'cropperjs/dist/cropper.min.css';
6
6
  let CropperCustomElement = class CropperCustomElement {
7
7
  constructor() {
8
+ this.host = new CropperHost();
8
9
  this.dragMode = 'move';
9
10
  this.elementCss = {
10
11
  height: 'auto',
@@ -13,13 +14,13 @@ let CropperCustomElement = class CropperCustomElement {
13
14
  };
14
15
  }
15
16
  dragModeChanged(dragMode) {
16
- if (this.cropper?.setDragMode) {
17
- this.cropper.setDragMode(dragMode);
18
- }
17
+ this.host.setDragMode(dragMode);
18
+ }
19
+ get cropper() {
20
+ return this.host.cropper;
19
21
  }
20
- attached() { }
21
22
  detached() {
22
- this.cropper.destroy();
23
+ this.host.destroy();
23
24
  }
24
25
  toLog() {
25
26
  console.log("CropBoxData", this.cropper.getCropBoxData());
@@ -28,48 +29,21 @@ let CropperCustomElement = class CropperCustomElement {
28
29
  console.log("getCanvasData", this.cropper.getCanvasData());
29
30
  }
30
31
  toFile(filename, mimeType = 'image/jpeg') {
31
- const promise = new Promise((resolve, reject) => {
32
- if (this.cropper) {
33
- const extension = mimes.image.findExtension(mimeType);
34
- this.cropper
35
- .getCroppedCanvas()
36
- .toBlob((b => {
37
- resolve(new File([b], filename || `file.${extension ?? 'jpeg'}`));
38
- }), mimeType);
39
- }
40
- else {
41
- reject();
42
- }
43
- });
44
- return promise;
32
+ return this.host.toFile(filename, mimeType);
45
33
  }
46
34
  toDataUrl(mimeType = 'image/jpeg') {
47
- return this.cropper?.getCroppedCanvas()
48
- .toDataURL(mimeType);
35
+ return this.host.toDataUrl(mimeType);
49
36
  }
50
37
  loaded($event) {
51
- this.init();
52
- }
53
- init() {
54
- let defaultOptions = {
55
- viewMode: 0,
38
+ this.host.init(this.element, {
56
39
  dragMode: this.dragMode,
57
- data: undefined,
58
- responsive: true,
59
- restore: true
60
- };
61
- if (this.cropStart)
62
- defaultOptions.cropstart = (event) => { this.cropStart(event); };
63
- if (this.cropMove)
64
- defaultOptions.cropmove = (event) => { this.cropMove(event); };
65
- if (this.cropEnd)
66
- defaultOptions.cropend = (event) => { this.cropEnd(event); };
67
- if (this.crop)
68
- defaultOptions.crop = (event) => { this.crop(event); };
69
- if (this.zoom)
70
- defaultOptions.zoom = (event) => { this.zoom(event); };
71
- let opts = Object.assign(defaultOptions, this.options || {});
72
- this.cropper = new Cropper(this.element, opts);
40
+ options: this.options,
41
+ cropStart: this.cropStart,
42
+ cropMove: this.cropMove,
43
+ cropEnd: this.cropEnd,
44
+ crop: this.crop,
45
+ zoom: this.zoom
46
+ });
73
47
  }
74
48
  };
75
49
  __decorate([
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/elements/cropper-element.ts"],"names":[],"mappings":"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","file":"cropper-element.js","sourceRoot":"../../../src/"}
1
+ {"version":3,"sources":["../src/elements/cropper-element.ts"],"names":[],"mappings":"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","file":"cropper-element.js","sourceRoot":"../../../src/"}
@@ -1,4 +1,5 @@
1
1
  import { FrameworkConfiguration } from 'aurelia-framework';
2
- import { CropperCustomElement, IOptions } from './elements/cropper-element';
2
+ import { CropperCustomElement } from './elements/cropper-element';
3
3
  export declare function configure(config: FrameworkConfiguration): void;
4
- export { CropperCustomElement, IOptions };
4
+ export { CropperCustomElement };
5
+ export type { IOptions } from './elements/cropper-element';
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAY,MAAM,4BAA4B,CAAC;AAE5E,MAAM,UAAU,SAAS,CAAC,MAA8B;IACtD,MAAM,CAAC,eAAe,CAAC;QACrB,QAAQ,CAAC,UAAU,CAAC,4BAA4B,CAAC;KAClD,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EACL,oBAAoB,EAErB,CAAA","file":"index.js","sourceRoot":"../../src/"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,UAAU,SAAS,CAAC,MAA8B;IACtD,MAAM,CAAC,eAAe,CAAC;QACrB,QAAQ,CAAC,UAAU,CAAC,4BAA4B,CAAC;KAClD,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC","file":"index.js","sourceRoot":"../../src/"}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@ev-core/aurelia-v1-image-cropper",
3
- "description": "An Aurelia plugin project.",
4
- "version": "1.0.0",
3
+ "description": "Aurelia v1 Cropper.js element plugin.",
4
+ "version": "2.0.0",
5
5
  "dependencies": {
6
- "cropperjs": "^1.0.0",
7
- "@ev-core/core": "1.0.0"
6
+ "@ev-core/au-core-image-cropper": "2.0.0",
7
+ "cropperjs": "^1.0.0"
8
8
  },
9
9
  "peerDependencies": {
10
10
  "aurelia-binding": "^1.0.0 || ^2.0.0",
@@ -43,7 +43,7 @@
43
43
  "server-destroy": "^1.0.1",
44
44
  "socket.io": "^4.8.1",
45
45
  "text": "requirejs/text",
46
- "typescript": "^5.9.2",
46
+ "typescript": "^5.9.3",
47
47
  "typescript-eslint": "^8.38.0"
48
48
  },
49
49
  "overrides": {
@@ -52,6 +52,7 @@
52
52
  "glob-parent": "^6.0.0",
53
53
  "micromatch": "^4.0.0"
54
54
  },
55
+ "types": "dist/native-modules/index.d.ts",
55
56
  "main": "dist/commonjs/index.js",
56
57
  "module": "dist/native-modules/index.js",
57
58
  "files": [