@acorex/components 22.1.0-next.8 → 22.1.0

package/types/acorex-components-data-table.d.ts

@@ -428,7 +428,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
     /**
      *  @ignore
      */
-    protected handleExpandRow(row: any): Promise<void>;
+    protected handleExpandRow(row: any, event?: Event): Promise<void>;
     /**
      * Generates a unique name based on the `dataField` value.
      */
@@ -641,7 +641,7 @@ declare class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
     /**
      *  @ignore
      */
-    protected handleExpandRow(row: any): Promise<void>;
+    protected handleExpandRow(row: any, event?: Event): Promise<void>;
     /**
      * Indicates whether loading is enabled for the column.
      */
@@ -853,6 +853,11 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     protected normalColumnsList: Signal<any[]>;
+    /**
+     * True when a text column owns the tree expander. That column stays `width: auto`
+     * so leftover table space is used for nested indent instead of the empty spacer.
+     */
+    protected hasTreeFillColumn: Signal<boolean>;
     /**
      *  @ignore
      */
@@ -1051,11 +1056,16 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     ngOnInit(): void;
+    private applyLoadedRows;
     /**
      *  @ignore
      */
     ngAfterViewInit(): void;
     private captureAutoFitIntentColumns;
+    /**
+     * Tree expand columns must keep `width: auto` so nested indent can use leftover table space.
+     */
+    private isTreeFillColumn;
     /**
      * Returns the display text for a cell. Used for the cell tooltip when the column has `hasTitle`.
      */

package/types/acorex-components-image-editor.d.ts

@@ -2,15 +2,6 @@ import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { MXBaseComponent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
-import * as i1 from '@acorex/components/button';
-import * as i2 from '@angular/forms';
-import * as i3 from '@acorex/components/range-slider';
-import * as i4 from '@acorex/components/select-box';
-import * as i5 from '@acorex/components/color-box';
-import * as i6 from '@acorex/components/popover';
-import * as i7 from '@acorex/components/decorators';
-import * as i8 from '@acorex/components/loading';
-import * as i9 from '@acorex/components/dialog';
 
 type AXImageEditorTool = 'pen' | 'highlight' | 'crop' | 'rotate';
 declare class AXImageEditorService {
@@ -25,19 +16,25 @@ declare class AXImageEditorService {
         userInteract: boolean;
     }>;
     isImageLoad: _angular_core.WritableSignal<boolean>;
+    loadError: _angular_core.WritableSignal<boolean>;
     newImage: HTMLImageElement | null;
     initialImage: HTMLImageElement | null;
     imageBlob: _angular_core.WritableSignal<Blob[]>;
     undoPressed: _angular_core.WritableSignal<boolean>;
     redoPressed: _angular_core.WritableSignal<boolean>;
+    canUndo: _angular_core.WritableSignal<boolean>;
+    canRedo: _angular_core.WritableSignal<boolean>;
     cropperRatio: _angular_core.WritableSignal<string>;
     cropperSize: _angular_core.WritableSignal<number>;
     toggleTool(tool: AXImageEditorTool): void;
     activateTool(tool: AXImageEditorTool): void;
+    undo(): void;
+    redo(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXImageEditorService>;
 }
 
+type AXImageEditorCropHandle = 'right' | 'top' | 'left' | 'bottom' | 'right-top' | 'bottom-right' | 'bottom-left' | 'left-top';
 /**
  * paint mode.
  * @category Components
@@ -55,39 +52,41 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     protected cropperWindow: _angular_core.Signal<ElementRef<any>>;
     private currentX;
     private currentY;
-    private prevX;
-    private prevY;
     private aspectWidth;
     private aspectHeight;
     private isMousePressed;
     protected renderer: Renderer2;
     private platformID;
-    private mouseMoveEvent;
-    private mouseUpEvent;
-    private mouseMoveEvent2;
-    private mouseUpEvent2;
-    private mouseDownEvent;
-    private mouseLeaveEvent;
+    private mouseMoveEvent?;
+    private mouseUpEvent?;
+    private mouseMoveEvent2?;
+    private mouseUpEvent2?;
+    private mouseDownEvent?;
+    private mouseLeaveEvent?;
+    private positioned;
     ngOnDestroy(): void;
-    protected panMove(e: MouseEvent): void;
-    protected panDown(e: MouseEvent): void;
+    protected panMove(e: PointerEvent): void;
+    protected panDown(e: PointerEvent): void;
     protected panUp(): void;
     getCropperArea(): DOMRect;
-    private setPosition;
     private startX;
     private startY;
     private startWidth;
     private startHeight;
     private startLeft;
     private startTop;
-    protected handleSelector(e: MouseEvent, value: string): void;
-    protected changeSizeHandler(e: MouseEvent): void;
+    protected handleSelector(e: PointerEvent, value: AXImageEditorCropHandle): void;
+    protected changeSizeHandler(e: PointerEvent): void;
     protected clearSelector(): void;
+    private normalizeRatio;
+    private centerOnParent;
+    private clampToParent;
+    private applyPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropperWindowComponent, never>;
     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>;
 }
 
-declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDestroy {
+declare class AXImageEditorViewComponent extends MXBaseComponent {
     /**
      * its change grid display state.
      */
@@ -118,44 +117,50 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
     protected isDrawRectangleCreated: _angular_core.WritableSignal<boolean>;
     /** @ignore */
     protected parent: AXImageEditorContainerComponent;
-    /** @ignore */
-    protected renderer: Renderer2;
+    private readonly destroyRef;
+    private readonly host;
     /** @ignore */
     protected imageEditorHistory: _angular_core.WritableSignal<HTMLImageElement[]>;
     /** @ignore */
     protected imageEditorHistoryPointer: _angular_core.WritableSignal<number>;
-    /** @ignore */
-    private resizeEventListener;
-    /** @ignore */
-    private imageLoadEventListener;
-    private originalWidth;
-    private originalHeight;
-    private scale;
+    private canvasReady;
+    private drawing;
+    private didDraw;
+    private highlightSnapshot;
+    private highlightPoints;
+    private persistGeneration;
+    private sourceToken;
+    constructor();
     /** @ignore */
     protected resizeWindow(): void;
     /** @ignore */
     protected canvasResponsive(image: HTMLImageElement): void;
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    ngOnDestroy(): void;
-    private setInitialImage;
-    /** @ignore */
-    protected imageChanged(): void;
+    private loadSource;
+    private paintImage;
+    private fitCanvasDisplay;
+    private replaceHistory;
+    private pushHistory;
+    private syncHistoryFlags;
+    private applyUndo;
+    private applyRedo;
+    private canvasPoint;
+    private isDrawTool;
     /** @ignore */
     protected penConfigHandler(penType: 'pen' | 'highlight'): void;
+    private strokeHighlight;
     /** @ignore */
-    protected mouseDownHandler(e: MouseEvent): void;
+    protected mouseDownHandler(event: PointerEvent): void;
     /** @ignore */
-    protected mouseMoveHandler(e: MouseEvent): void;
-    /** @ignore */
-    protected mouseUpHandler(): void;
+    protected mouseMoveHandler(event: PointerEvent): void;
     /** @ignore */
+    protected mouseUpHandler(event?: PointerEvent): void;
+    /** Applies the current cropper selection. */
     crop(): Promise<void>;
+    /** Encodes the current canvas into JPEG, PNG, and WebP blobs. */
+    commitChanges(): Promise<Blob[]>;
     /** @ignore */
-    protected rotateImage(): void;
-    /** @ignore */
-    protected saveImageChange(): Promise<void>;
+    protected rotateImage(): Promise<void>;
+    private persistCanvas;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorViewComponent, never>;
     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>;
 }
@@ -177,8 +182,8 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     view: _angular_core.Signal<AXImageEditorViewComponent>;
     /** Applies the current cropper selection. */
     crop(): Promise<void>;
-    get __hostClass(): string;
-    private get __hostName();
+    /** Encodes the current canvas into JPEG, PNG, and WebP blobs. */
+    commitChanges(): Promise<Blob[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-header", "ax-image-editor-view", "ax-footer", "ax-validation-rule"], true, never>;
 }
@@ -287,7 +292,7 @@ declare class AXImageEditorToolSelectorComponent {
 
 declare class AXImageEditorModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof i1.AXButtonModule, typeof i2.FormsModule, typeof i3.AXRangeSliderModule, typeof i4.AXSelectBoxModule, typeof i5.AXColorBoxModule, typeof i6.AXPopoverModule, typeof i7.AXDecoratorModule, typeof i8.AXLoadingModule, typeof i9.AXDialogModule, typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXImageEditorModule>;
 }
 

package/types/acorex-components-loading-dialog.d.ts

@@ -1,6 +1,7 @@
 import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
 import { AXOverlayRef } from '@acorex/cdk/overlay';
 import { AXDialogButtonItem } from '@acorex/components/dialog';
+import { AXPopupSizeType, AXPopupRef } from '@acorex/components/popup';
 import { AXProgressMode } from '@acorex/components/progress-bar';
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
@@ -13,6 +14,8 @@ interface AXLoadingDialogConfig {
     progressValue?: number;
     progressColor?: AXStyleColorType;
     progressHeight?: number;
+    /** Popup size token. Uses the same responsive sizes as `AXPopupService`. @default 'sm' */
+    size?: AXPopupSizeType;
     buttons?: AXLoadingDialogButtonItem[];
 }
 interface AXLoadingDialogButtonItem {
@@ -43,7 +46,7 @@ interface AXLoadingDialogRef {
 type AXDialogRef = AXLoadingDialogRef;
 /**
  * @internal
- * Internal reference used by loading dialog service to manage overlay instances
+ * Internal reference used by loading dialog service to manage overlay instances.
  */
 interface AXLoadingDialogInternalRef {
     overlayRef: AXOverlayRef<unknown>;
@@ -57,8 +60,13 @@ interface AXLoadingDialogInternalRef {
 declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit {
     /** Loading dialog configuration data */
     data: _angular_core.InputSignal<AXLoadingDialogConfig>;
-    /** @internal Callback function to close the dialog */
+    /** Callback function to close the dialog */
     onClose: _angular_core.InputSignal<() => void>;
+    /**
+     * Injected by {@link AXPopupComponent} when this dialog is opened via {@link AXPopupService}.
+     * @internal
+     */
+    readonly __popup__: _angular_core.InputSignal<AXPopupRef<any>>;
     /** @ignore */
     protected progressText: _angular_core.WritableSignal<string>;
     /** @ignore */
@@ -116,7 +124,7 @@ declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit
     /** @ignore */
     protected _hasAutoFocus(button: AXLoadingDialogButtonItem): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLoadingDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXLoadingDialogModule {
@@ -126,7 +134,7 @@ declare class AXLoadingDialogModule {
 }
 
 declare class AXLoadingDialogService {
-    private overlayService;
+    private popupService;
     /**
      * Opens a loading dialog with the specified configuration.
      *