@acorex/components 20.8.23 → 20.8.25

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.
Files changed (4) hide show
  1. package/fesm2022/acorex-components-image-editor.mjs +90 -14
  2. package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
  3. package/image-editor/index.d.ts +23 -5
  4. package/package.json +35 -35
package/image-editor/index.d.ts CHANGED
@@ -31,6 +31,7 @@ declare class AXImageEditorService {
31
31
  undoPressed: _angular_core.WritableSignal<boolean>;
32
32
  redoPressed: _angular_core.WritableSignal<boolean>;
33
33
  cropperRatio: _angular_core.WritableSignal<string>;
34
+ cropperSize: _angular_core.WritableSignal<number>;
34
35
  toggleTool(tool: AXImageEditorTool): void;
35
36
  activateTool(tool: AXImageEditorTool): void;
36
37
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorService, never>;
@@ -44,6 +45,8 @@ declare class AXImageEditorService {
44
45
  declare class AXImageEditorCropperWindowComponent implements OnDestroy {
45
46
  #private;
46
47
  readonly showGrid: _angular_core.InputSignal<boolean>;
48
+ /** Base size in pixels used to calculate the initial cropper window dimensions. */
49
+ readonly size: _angular_core.InputSignal<number>;
47
50
  protected service: AXImageEditorService;
48
51
  private ngZone;
49
52
  private selectedHandle;
@@ -81,7 +84,7 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
81
84
  protected changeSizeHandler(e: MouseEvent): void;
82
85
  protected clearSelector(): void;
83
86
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropperWindowComponent, never>;
84
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropperWindowComponent, "ax-image-editor-cropper-window", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
87
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropperWindowComponent, "ax-image-editor-cropper-window", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
85
88
  }
86
89
 
87
90
  declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDestroy {
@@ -89,6 +92,10 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
89
92
  * its change grid display state.
90
93
  */
91
94
  readonly showGrid: _angular_core.InputSignal<boolean>;
95
+ /**
96
+ * Base size in pixels for the initial cropper window dimensions.
97
+ */
98
+ readonly cropperSize: _angular_core.InputSignal<number>;
92
99
  /**
93
100
  * its change grid display state.
94
101
  */
@@ -144,13 +151,13 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
144
151
  /** @ignore */
145
152
  protected mouseUpHandler(): void;
146
153
  /** @ignore */
147
- cropButtonHandler(): void;
154
+ crop(): Promise<void>;
148
155
  /** @ignore */
149
156
  protected rotateImage(): void;
150
157
  /** @ignore */
151
158
  protected saveImageChange(): Promise<void>;
152
159
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorViewComponent, never>;
153
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorViewComponent, "ax-image-editor-view", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
160
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorViewComponent, "ax-image-editor-view", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "cropperSize": { "alias": "cropperSize"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
154
161
  }
155
162
 
156
163
  declare const AXImageEditorContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -168,6 +175,8 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
168
175
  protected service: AXImageEditorService;
169
176
  imageEditorContainer: _angular_core.Signal<ElementRef<any>>;
170
177
  view: _angular_core.Signal<AXImageEditorViewComponent>;
178
+ /** Applies the current cropper selection. */
179
+ crop(): Promise<void>;
171
180
  get __hostClass(): string;
172
181
  private get __hostName();
173
182
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
@@ -189,10 +198,17 @@ declare abstract class AXImageEditorToolComponent {
189
198
  * @category Components
190
199
  */
191
200
  declare class AXImageEditorCropComponent extends AXImageEditorToolComponent {
201
+ #private;
192
202
  readonly tool = "crop";
203
+ private container;
204
+ /** Aspect ratio presets. Append `:active` to mark the default ratio, e.g. `'2:1:active'`. */
193
205
  aspectRatio: _angular_core.InputSignal<string[]>;
206
+ /** Base size in pixels for the initial cropper window dimensions. */
207
+ size: _angular_core.InputSignal<number>;
208
+ /** Applies the current cropper selection. */
209
+ crop(): void;
194
210
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropComponent, never>;
195
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
211
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
196
212
  }
197
213
 
198
214
  /**
@@ -248,13 +264,15 @@ declare class AXImageEditorToolsBarComponent {
248
264
  * Tool component reference to activate on load.
249
265
  */
250
266
  active: _angular_core.InputSignal<AXImageEditorToolComponent>;
267
+ /** Hides the tools bar UI while keeping projected tools configurable. */
268
+ hidden: _angular_core.InputSignal<boolean>;
251
269
  protected penTool: _angular_core.Signal<AXImageEditorPenComponent>;
252
270
  protected highlightTool: _angular_core.Signal<AXImageEditorHighlightComponent>;
253
271
  protected cropTool: _angular_core.Signal<AXImageEditorCropComponent>;
254
272
  protected rotateTool: _angular_core.Signal<AXImageEditorRotateComponent>;
255
273
  protected cropAspectRatio: _angular_core.Signal<string[]>;
256
274
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorToolsBarComponent, never>;
257
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorToolsBarComponent, "ax-image-editor-tools-bar", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, ["penTool", "highlightTool", "cropTool", "rotateTool"], ["ax-image-editor-pen, ax-image-editor-highlight, ax-image-editor-crop, ax-image-editor-rotate"], true, never>;
275
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorToolsBarComponent, "ax-image-editor-tools-bar", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, {}, ["penTool", "highlightTool", "cropTool", "rotateTool"], ["ax-image-editor-pen, ax-image-editor-highlight, ax-image-editor-crop, ax-image-editor-rotate"], true, never>;
258
276
  }
259
277
 
260
278
  /**
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "20.8.23",
3
+ "version": "20.8.25",
4
4
  "peerDependencies": {
5
- "@acorex/core": "20.8.23",
6
- "@acorex/cdk": "20.8.23",
5
+ "@acorex/core": "20.8.25",
6
+ "@acorex/cdk": "20.8.25",
7
7
  "polytype": ">=0.17.0",
8
8
  "angular-imask": ">=7.6.1",
9
9
  "gridstack": ">=12.0.0",
@@ -136,14 +136,14 @@
136
136
  "types": "./color-palette/index.d.ts",
137
137
  "default": "./fesm2022/acorex-components-color-palette.mjs"
138
138
  },
139
- "./command": {
140
- "types": "./command/index.d.ts",
141
- "default": "./fesm2022/acorex-components-command.mjs"
142
- },
143
139
  "./comment": {
144
140
  "types": "./comment/index.d.ts",
145
141
  "default": "./fesm2022/acorex-components-comment.mjs"
146
142
  },
143
+ "./command": {
144
+ "types": "./command/index.d.ts",
145
+ "default": "./fesm2022/acorex-components-command.mjs"
146
+ },
147
147
  "./conversation": {
148
148
  "types": "./conversation/index.d.ts",
149
149
  "default": "./fesm2022/acorex-components-conversation.mjs"
@@ -172,14 +172,14 @@
172
172
  "types": "./datetime-box/index.d.ts",
173
173
  "default": "./fesm2022/acorex-components-datetime-box.mjs"
174
174
  },
175
- "./datetime-input": {
176
- "types": "./datetime-input/index.d.ts",
177
- "default": "./fesm2022/acorex-components-datetime-input.mjs"
178
- },
179
175
  "./datetime-picker": {
180
176
  "types": "./datetime-picker/index.d.ts",
181
177
  "default": "./fesm2022/acorex-components-datetime-picker.mjs"
182
178
  },
179
+ "./datetime-input": {
180
+ "types": "./datetime-input/index.d.ts",
181
+ "default": "./fesm2022/acorex-components-datetime-input.mjs"
182
+ },
183
183
  "./decorators": {
184
184
  "types": "./decorators/index.d.ts",
185
185
  "default": "./fesm2022/acorex-components-decorators.mjs"
@@ -260,14 +260,14 @@
260
260
  "types": "./loading/index.d.ts",
261
261
  "default": "./fesm2022/acorex-components-loading.mjs"
262
262
  },
263
- "./map": {
264
- "types": "./map/index.d.ts",
265
- "default": "./fesm2022/acorex-components-map.mjs"
266
- },
267
263
  "./loading-dialog": {
268
264
  "types": "./loading-dialog/index.d.ts",
269
265
  "default": "./fesm2022/acorex-components-loading-dialog.mjs"
270
266
  },
267
+ "./map": {
268
+ "types": "./map/index.d.ts",
269
+ "default": "./fesm2022/acorex-components-map.mjs"
270
+ },
271
271
  "./media-viewer": {
272
272
  "types": "./media-viewer/index.d.ts",
273
273
  "default": "./fesm2022/acorex-components-media-viewer.mjs"
@@ -360,26 +360,26 @@
360
360
  "types": "./range-slider/index.d.ts",
361
361
  "default": "./fesm2022/acorex-components-range-slider.mjs"
362
362
  },
363
- "./rest-api-generator": {
364
- "types": "./rest-api-generator/index.d.ts",
365
- "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
366
- },
367
363
  "./result": {
368
364
  "types": "./result/index.d.ts",
369
365
  "default": "./fesm2022/acorex-components-result.mjs"
370
366
  },
367
+ "./rest-api-generator": {
368
+ "types": "./rest-api-generator/index.d.ts",
369
+ "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
370
+ },
371
371
  "./routing-progress": {
372
372
  "types": "./routing-progress/index.d.ts",
373
373
  "default": "./fesm2022/acorex-components-routing-progress.mjs"
374
374
  },
375
- "./rrule": {
376
- "types": "./rrule/index.d.ts",
377
- "default": "./fesm2022/acorex-components-rrule.mjs"
378
- },
379
375
  "./scheduler": {
380
376
  "types": "./scheduler/index.d.ts",
381
377
  "default": "./fesm2022/acorex-components-scheduler.mjs"
382
378
  },
379
+ "./rrule": {
380
+ "types": "./rrule/index.d.ts",
381
+ "default": "./fesm2022/acorex-components-rrule.mjs"
382
+ },
383
383
  "./scheduler-picker": {
384
384
  "types": "./scheduler-picker/index.d.ts",
385
385
  "default": "./fesm2022/acorex-components-scheduler-picker.mjs"
@@ -396,14 +396,14 @@
396
396
  "types": "./select-box/index.d.ts",
397
397
  "default": "./fesm2022/acorex-components-select-box.mjs"
398
398
  },
399
- "./selection-list": {
400
- "types": "./selection-list/index.d.ts",
401
- "default": "./fesm2022/acorex-components-selection-list.mjs"
402
- },
403
399
  "./selection-list-2": {
404
400
  "types": "./selection-list-2/index.d.ts",
405
401
  "default": "./fesm2022/acorex-components-selection-list-2.mjs"
406
402
  },
403
+ "./selection-list": {
404
+ "types": "./selection-list/index.d.ts",
405
+ "default": "./fesm2022/acorex-components-selection-list.mjs"
406
+ },
407
407
  "./side-menu": {
408
408
  "types": "./side-menu/index.d.ts",
409
409
  "default": "./fesm2022/acorex-components-side-menu.mjs"
@@ -412,14 +412,14 @@
412
412
  "types": "./skeleton/index.d.ts",
413
413
  "default": "./fesm2022/acorex-components-skeleton.mjs"
414
414
  },
415
- "./sliding-item": {
416
- "types": "./sliding-item/index.d.ts",
417
- "default": "./fesm2022/acorex-components-sliding-item.mjs"
418
- },
419
415
  "./slider": {
420
416
  "types": "./slider/index.d.ts",
421
417
  "default": "./fesm2022/acorex-components-slider.mjs"
422
418
  },
419
+ "./sliding-item": {
420
+ "types": "./sliding-item/index.d.ts",
421
+ "default": "./fesm2022/acorex-components-sliding-item.mjs"
422
+ },
423
423
  "./step-wizard": {
424
424
  "types": "./step-wizard/index.d.ts",
425
425
  "default": "./fesm2022/acorex-components-step-wizard.mjs"
@@ -460,14 +460,14 @@
460
460
  "types": "./toast/index.d.ts",
461
461
  "default": "./fesm2022/acorex-components-toast.mjs"
462
462
  },
463
- "./toolbar": {
464
- "types": "./toolbar/index.d.ts",
465
- "default": "./fesm2022/acorex-components-toolbar.mjs"
466
- },
467
463
  "./tooltip": {
468
464
  "types": "./tooltip/index.d.ts",
469
465
  "default": "./fesm2022/acorex-components-tooltip.mjs"
470
466
  },
467
+ "./toolbar": {
468
+ "types": "./toolbar/index.d.ts",
469
+ "default": "./fesm2022/acorex-components-toolbar.mjs"
470
+ },
471
471
  "./tree-view": {
472
472
  "types": "./tree-view/index.d.ts",
473
473
  "default": "./fesm2022/acorex-components-tree-view.mjs"