@acorex/components 20.8.23 → 20.8.24

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 +84 -13
  2. package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
  3. package/image-editor/index.d.ts +23 -5
  4. package/package.json +27 -27
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(): 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(): 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.24",
4
4
  "peerDependencies": {
5
- "@acorex/core": "20.8.23",
6
- "@acorex/cdk": "20.8.23",
5
+ "@acorex/core": "20.8.24",
6
+ "@acorex/cdk": "20.8.24",
7
7
  "polytype": ">=0.17.0",
8
8
  "angular-imask": ">=7.6.1",
9
9
  "gridstack": ">=12.0.0",
@@ -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"
@@ -340,26 +340,26 @@
340
340
  "types": "./qrcode/index.d.ts",
341
341
  "default": "./fesm2022/acorex-components-qrcode.mjs"
342
342
  },
343
- "./query-builder": {
344
- "types": "./query-builder/index.d.ts",
345
- "default": "./fesm2022/acorex-components-query-builder.mjs"
346
- },
347
343
  "./radio": {
348
344
  "types": "./radio/index.d.ts",
349
345
  "default": "./fesm2022/acorex-components-radio.mjs"
350
346
  },
347
+ "./query-builder": {
348
+ "types": "./query-builder/index.d.ts",
349
+ "default": "./fesm2022/acorex-components-query-builder.mjs"
350
+ },
351
351
  "./rail-navigation": {
352
352
  "types": "./rail-navigation/index.d.ts",
353
353
  "default": "./fesm2022/acorex-components-rail-navigation.mjs"
354
354
  },
355
- "./rate-picker": {
356
- "types": "./rate-picker/index.d.ts",
357
- "default": "./fesm2022/acorex-components-rate-picker.mjs"
358
- },
359
355
  "./range-slider": {
360
356
  "types": "./range-slider/index.d.ts",
361
357
  "default": "./fesm2022/acorex-components-range-slider.mjs"
362
358
  },
359
+ "./rate-picker": {
360
+ "types": "./rate-picker/index.d.ts",
361
+ "default": "./fesm2022/acorex-components-rate-picker.mjs"
362
+ },
363
363
  "./rest-api-generator": {
364
364
  "types": "./rest-api-generator/index.d.ts",
365
365
  "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
@@ -400,26 +400,26 @@
400
400
  "types": "./selection-list/index.d.ts",
401
401
  "default": "./fesm2022/acorex-components-selection-list.mjs"
402
402
  },
403
- "./selection-list-2": {
404
- "types": "./selection-list-2/index.d.ts",
405
- "default": "./fesm2022/acorex-components-selection-list-2.mjs"
406
- },
407
403
  "./side-menu": {
408
404
  "types": "./side-menu/index.d.ts",
409
405
  "default": "./fesm2022/acorex-components-side-menu.mjs"
410
406
  },
407
+ "./selection-list-2": {
408
+ "types": "./selection-list-2/index.d.ts",
409
+ "default": "./fesm2022/acorex-components-selection-list-2.mjs"
410
+ },
411
411
  "./skeleton": {
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"