@acorex/components 19.15.0-next.9 → 20.0.0

package/grid-layout-builder/index.d.ts

@@ -1,4 +1,197 @@
-export * from './lib/grid-layout-builder.module';
-export * from './lib/grid-layout-container.component';
-export * from './lib/grid-layout-widget.component';
-export * from './lib/types';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, QueryList } from '@angular/core';
+import * as i1 from '@angular/common';
+import { NXEvent, NXComponent } from '@acorex/cdk/common';
+import { Subscription } from 'rxjs';
+import * as gridstack from 'gridstack';
+
+interface AXGridLayoutPosition {
+    /** widget position x (default?: 0) */
+    x?: number;
+    /** widget position y (default?: 0) */
+    y?: number;
+    /** widget dimension width (default?: 1) */
+    width?: number;
+    /** widget dimension height (default?: 1) */
+    height?: number;
+    /** maximum width of widget in columns (default?: undefined = un-constrained) */
+    maxWidth?: number;
+    /** maximum height of widget in rows (default?: undefined = un-constrained) */
+    maxHeight?: number;
+    /** minimum width of widget in columns (default?: undefined = un-constrained) */
+    minWidth?: number;
+    /** minimum height of widget in rows (default?: undefined = un-constrained) */
+    minHeight?: number;
+}
+interface AXGridLayoutWidget extends AXGridLayoutPosition {
+    id?: string;
+    /** prevent direct resizing by the user (default?: undefined = un-constrained) */
+    disableResize?: boolean;
+    /** prevents direct moving by the user (default?: undefined = un-constrained) */
+    disableDrag?: boolean;
+}
+interface AXGridLayoutNode extends AXGridLayoutWidget {
+    element?: AXGridLayoutWidgetElement;
+}
+type AXGridLayout = gridstack.GridStack;
+interface AXGridLayoutOptions {
+    /** number of columns (default?: 12)
+     * Note: for nested grids, it is recommended to use 'auto' which will always match the container grid-item current width (in column) to keep inside and outside
+     * items always to same. flag is not supported for regular non-nested grids.
+     */
+    column?: number | 'auto';
+    /** disallows dragging of widgets (default?: false) */
+    disableDrag?: boolean;
+    /** disallows resizing of widgets (default?: false). */
+    disableResize?: boolean;
+    /**
+     * gap between grid item and content (default?: 10). This will set all 4 sides and support the CSS formats below
+     *  an integer (px)
+     *  a string with possible units (ex: '2em', '20px', '2rem')
+     *  string with space separated values (ex: '5px 10px 0 20px' for all 4 sides, or '5em 10em' for top/bottom and left/right pairs like CSS).
+     * Note: all sides must have same units (last one wins, default px)
+     */
+    gap?: number | string;
+    /**
+     * one cell height (default?: 'auto'). Can be:
+     *  an integer (px)
+     *  a string (ex: '100px', '10em', '10rem'). Note: % doesn't work right - see demo/cell-height.html
+     *  0, in which case the library will not generate styles for rows. Everything must be defined in your own CSS files.
+     *  'auto' - height will be calculated for square cells (width / column) and updated live as you resize the window - also see `cellHeightThrottle`
+     *  'initial' - similar to 'auto' (start at square cells) but stay that size during window resizing.
+     */
+    cellHeight?: number | string;
+    /**
+     * if true turns grid to RTL. Possible values are true, false, 'auto' (default?: 'auto')
+     */
+    rtl?: boolean | 'auto';
+    /** maximum rows amount. Default? is 0 which means no maximum rows */
+    maxRow?: number;
+    /** minimum rows amount. Default is `0`. You can also do this with `min-height` CSS attribute
+     * on the grid div in pixels, which will round to the closest row.
+     */
+    minRow?: number;
+    /** fix grid number of rows. This is a shortcut of writing `minRow:N, maxRow:N`. (default `0` no constrain) */
+    row?: number;
+    /**
+     * if true widgets could be removed by dragging outside of the grid. It could also be a selector string (ex: ".trash"),
+     * in this case widgets will be removed by dropping them there (default?: false)
+     */
+    removableSelector?: string;
+    /** does it has option to remove widgets */
+    /** does it has option to remove widgets */
+    removable?: boolean;
+    /**
+     * accept widgets dragged from other grids or from outside (default: `false`). Can be: `true` or `false`,
+     */
+    acceptWidgets?: boolean;
+    /** enable floating widgets (default?: false) */
+    float?: boolean;
+    /** draggable handle selector (default?: '.grid-stack-item-content') */
+    dragHandlerSelector?: string;
+    /** responsive column layout for width:column behavior */
+    responsiveLayout?: {
+        /** <= width for the breakpoint to trigger */
+        width?: number;
+        /** column count */
+        column: number;
+    }[];
+}
+interface AXGridLayoutContainerElement extends HTMLElement {
+    gridstack?: AXGridLayout;
+}
+interface AXGridLayoutWidgetElement extends HTMLElement {
+    gridstackNode?: AXGridLayoutNode;
+}
+interface AXGridLayoutEvent extends NXEvent<AXGridLayoutContainerComponent> {
+    nodes: AXGridLayoutNode[];
+}
+
+declare class AXGridLayoutWidgetComponent {
+    #private;
+    private readonly elementRef;
+    options: _angular_core.InputSignal<AXGridLayoutNode>;
+    /**
+     * Locks or unlocks the widget (prevents dragging and resizing).
+     * @param state - If `true`, the widget will be locked.
+     */
+    setLockable(state: boolean): void;
+    /**
+     * Enables or disables resizing of the widget.
+     * @param state - If `true`, resizing will be enabled.
+     */
+    setResizable(state: boolean): void;
+    /**
+     * Updates the widget options.
+     * @param options - The new options for the widget.
+     */
+    setOptions(options: AXGridLayoutWidget): void;
+    /**
+     * Returns the current options of the widget.
+     * @returns The current widget options.
+     */
+    getOptions(): AXGridLayoutNode;
+    /**
+     * Returns the native DOM element of the widget.
+     * @returns The native element.
+     */
+    get element(): AXGridLayoutWidgetElement;
+    /**
+     * Updates the widget options and triggers a grid update.
+     * @param options - The partial options to update.
+     */
+    private updateWidgetOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXGridLayoutWidgetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXGridLayoutWidgetComponent, "ax-grid-layout-widget", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AXGridLayoutContainerComponent extends NXComponent implements OnDestroy {
+    #private;
+    options: _angular_core.InputSignal<AXGridLayoutOptions>;
+    protected onAdded: _angular_core.OutputEmitterRef<AXGridLayoutEvent>;
+    protected onRemoved: _angular_core.OutputEmitterRef<AXGridLayoutEvent>;
+    protected onWidgetChange: _angular_core.OutputEmitterRef<AXGridLayoutEvent>;
+    protected onChange: _angular_core.OutputEmitterRef<AXGridLayoutEvent>;
+    protected onRender: _angular_core.OutputEmitterRef<void>;
+    protected isEmpty: _angular_core.ModelSignal<boolean>;
+    private readonly elementRef;
+    private readonly ngZone;
+    gridstackItems?: QueryList<AXGridLayoutWidgetComponent>;
+    private el;
+    private grid?;
+    protected _sub: Subscription | undefined;
+    private isInitialized;
+    ngOnDestroy(): void;
+    private updateAll;
+    private checkEmpty;
+    private hookEvents;
+    private unhookEvents;
+    private _dispatchChangeEvent;
+    addWidget(w: AXGridLayoutWidget, withAutoArrange?: boolean): AXGridLayoutWidgetElement | undefined;
+    compact(layout?: 'list' | 'compact', doSort?: boolean): void;
+    setCellHeight(val: number, update?: boolean): void;
+    setColumn(column: number, layout?: 'list' | 'compact' | 'moveScale' | 'move' | 'scale' | 'none'): void;
+    destroy(removeDOM?: boolean): void;
+    setMovable(state: boolean, recurse?: boolean): void;
+    setResizable(state: boolean, recurse?: boolean): void;
+    setFloat(val: boolean): void;
+    setMargin(value: number | string): void;
+    removeWidget(el: AXGridLayoutWidgetElement, removeDOM?: boolean, triggerEvent?: boolean): void;
+    removeAll(removeDOM?: boolean): void;
+    setAnimation(doAnimate: boolean): void;
+    setupDraggable(dragIn?: string | HTMLElement[], widgets?: AXGridLayoutWidget): Promise<void>;
+    getOptions(): AXGridLayoutOptions;
+    getChildren(): AXGridLayoutNode[];
+    findEmptySpace(input: Required<Pick<AXGridLayoutPosition, 'height' | 'width'>>): Pick<AXGridLayoutPosition, 'x' | 'y'>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXGridLayoutContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXGridLayoutContainerComponent, "ax-grid-layout-container", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "isEmpty": { "alias": "isEmpty"; "required": false; "isSignal": true; }; }, { "onAdded": "onAdded"; "onRemoved": "onRemoved"; "onWidgetChange": "onWidgetChange"; "onChange": "onChange"; "onRender": "onRender"; "isEmpty": "isEmptyChange"; }, ["gridstackItems"], ["*"], true, never>;
+}
+
+declare class AXGridLayoutBuilderModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXGridLayoutBuilderModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXGridLayoutBuilderModule, never, [typeof i1.CommonModule, typeof AXGridLayoutContainerComponent, typeof AXGridLayoutWidgetComponent], [typeof AXGridLayoutContainerComponent, typeof AXGridLayoutWidgetComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXGridLayoutBuilderModule>;
+}
+
+export { AXGridLayoutBuilderModule, AXGridLayoutContainerComponent, AXGridLayoutWidgetComponent };
+export type { AXGridLayout, AXGridLayoutContainerElement, AXGridLayoutEvent, AXGridLayoutNode, AXGridLayoutOptions, AXGridLayoutPosition, AXGridLayoutWidget, AXGridLayoutWidgetElement };

package/image/index.d.ts

@@ -1,2 +1,95 @@
-export * from './lib/image.component';
-export * from './lib/image.module';
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
+import { MXBaseComponent, AXHtmlEvent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+
+/**
+ * Displays an image with customizable settings.
+ *
+ * @category Components
+ */
+declare class AXImageComponent extends MXBaseComponent implements OnInit {
+    width: i0.InputSignal<number>;
+    height: i0.InputSignal<number>;
+    /**
+     * Specifies when the image overlay should be shown.
+     *
+     * @defaultValue 'hover'
+     */
+    overlayMode: 'always' | 'hover';
+    /**
+     * The URL of the image to be displayed.
+     *
+     * @defaultValue null
+     */
+    src?: string | null;
+    /**
+     * The alternative text for the image, for accessibility purposes.
+     *
+     * @defaultValue null
+     */
+    alt?: string | null;
+    /**
+     * Priority for image loading.
+     *
+     * @defaultValue 'auto'
+     */
+    priority: 'low' | 'auto' | 'high';
+    /**
+     * Indicates if the image should be loaded lazily.
+     *
+     * @defaultValue false
+     */
+    lazy: boolean;
+    /**
+     * Emits an event when the image has successfully loaded.
+     *
+     * @event
+     */
+    onLoad: EventEmitter<AXHtmlEvent>;
+    /**
+     * Emits an event when there is an error loading the image.
+     *
+     * @event
+     */
+    onError: EventEmitter<AXHtmlEvent<ErrorEvent>>;
+    /**
+     *  @ignore
+     */
+    protected _hasError: boolean;
+    /**
+     *  @ignore
+     */
+    protected _isLoaded: boolean;
+    /**
+     *  @ignore
+     */
+    protected _isLoading: boolean;
+    /**
+     *  @ignore
+     */
+    ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    _handleLoadImage(e: Event): void;
+    /**
+     *  @ignore
+     */
+    _handleErrorImage(e: ErrorEvent): void;
+    /**
+     *  @ignore
+     */
+    get __hostClass(): string[];
+    private get __hostStyle();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageComponent, "ax-image", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "overlayMode": { "alias": "overlayMode"; "required": false; }; "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "priority": { "alias": "priority"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; }, { "onLoad": "onLoad"; "onError": "onError"; }, never, ["ax-overlay", "ax-placeholder, ng-content", "ax-loading, ax-loading-spinner"], true, never>;
+}
+
+declare class AXImageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageModule, never, [typeof i1.CommonModule, typeof AXImageComponent], [typeof AXImageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXImageModule>;
+}
+
+export { AXImageComponent, AXImageModule };

package/image-editor/index.d.ts

@@ -1,11 +1,268 @@
-export * from './lib/image-editor-container/image-editor-container.component';
-export * from './lib/image-editor-cropper-window/image-editor-cropper-window.component';
-export * from './lib/image-editor-tools/image-editor-crop/image-editor-crop.component';
-export * from './lib/image-editor-tools/image-editor-highlight/image-editor-highlight.component';
-export * from './lib/image-editor-tools/image-editor-history/image-editor-history.component';
-export * from './lib/image-editor-tools/image-editor-pen/image-editor-pen.component';
-export * from './lib/image-editor-tools/image-editor-rotate/image-editor-rotate.component';
-export * from './lib/image-editor-tools/image-editor-tool-selector/image-editor-tool-selector.component';
-export * from './lib/image-editor-view/image-editor-view.component';
-export * from './lib/image-editor.module';
-export * from './lib/image-editor.service';
+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';
+import * as i10 from '@acorex/components/tooltip';
+
+declare class AXImageEditorService {
+    activeToolState: _angular_core.WritableSignal<"pen" | "highlight" | "crop" | "rotate" | "history">;
+    penColor: _angular_core.WritableSignal<string | CanvasGradient | CanvasPattern>;
+    highlightColor: _angular_core.WritableSignal<string | CanvasGradient | CanvasPattern>;
+    penWidth: _angular_core.WritableSignal<number>;
+    highlightWidth: _angular_core.WritableSignal<number>;
+    penType: _angular_core.WritableSignal<"pen" | "highlight">;
+    rotate: _angular_core.WritableSignal<{
+        state: number;
+        userInteract: boolean;
+    }>;
+    isImageLoad: _angular_core.WritableSignal<boolean>;
+    newImage: _angular_core.WritableSignal<HTMLImageElement>;
+    initialImage: _angular_core.WritableSignal<HTMLImageElement>;
+    imageBlob: _angular_core.WritableSignal<Blob[]>;
+    undoPressed: _angular_core.WritableSignal<boolean>;
+    redoPressed: _angular_core.WritableSignal<boolean>;
+    cropperRatio: _angular_core.WritableSignal<"1:1" | "16:9">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXImageEditorService>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorCropperWindowComponent implements OnDestroy {
+    #private;
+    showGrid: _angular_core.InputSignal<boolean>;
+    protected service: AXImageEditorService;
+    private ngZone;
+    private selectedHandle;
+    private panState;
+    private elementRef;
+    protected cropperWindow: _angular_core.Signal<ElementRef<any>>;
+    private currentX;
+    private currentY;
+    private prevX;
+    private prevY;
+    protected renderer: Renderer2;
+    private platformID;
+    private mouseMoveEvent;
+    private mouseUpEvent;
+    private mouseMoveEvent2;
+    private mouseUpEvent2;
+    private mouseDownEvent;
+    private mouseLeaveEvent;
+    ngOnDestroy(): void;
+    protected panMove(e: MouseEvent): void;
+    protected panDown(e: MouseEvent): void;
+    protected panUp(): void;
+    getCropperArea(): DOMRect;
+    private setPosition;
+    private startX;
+    private startY;
+    private startWidth;
+    private startHeight;
+    private startLeft;
+    private startTop;
+    protected edgeCase: boolean;
+    protected handleSelector(e: MouseEvent, value: string): void;
+    protected changeSizeHandler(e: MouseEvent): void;
+    protected clearSelector(): void;
+    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; }; }, {}, never, never, true, never>;
+}
+
+declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDestroy {
+    /**
+     * its change grid display state.
+     */
+    showGrid: _angular_core.InputSignal<boolean>;
+    /**
+     * its change grid display state.
+     */
+    lockRatio: _angular_core.WritableSignal<boolean>;
+    /**
+     * its receive image src.
+     */
+    src: _angular_core.InputSignal<string>;
+    /** @ignore */
+    protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
+    /** @ignore */
+    protected cropperWindow: _angular_core.Signal<AXImageEditorCropperWindowComponent>;
+    /** @ignore */
+    protected ctx: _angular_core.WritableSignal<CanvasRenderingContext2D>;
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected isMouseDown: _angular_core.WritableSignal<boolean>;
+    /** @ignore */
+    protected isDrawRectangleCreated: _angular_core.WritableSignal<boolean>;
+    /** @ignore */
+    protected parent: AXImageEditorContainerComponent;
+    /** @ignore */
+    protected renderer: Renderer2;
+    /** @ignore */
+    protected imageAspect: _angular_core.Signal<number>;
+    /** @ignore */
+    protected imageEditorHistory: _angular_core.WritableSignal<HTMLImageElement[]>;
+    /** @ignore */
+    protected imageEditorHistoryPointer: _angular_core.WritableSignal<number>;
+    /** @ignore */
+    private resizeEventListener;
+    /** @ignore */
+    private imageLoadEventListener;
+    /** @ignore */
+    protected resizeWindow(): void;
+    /** @ignore */
+    protected canvasResponsive(image: HTMLImageElement): void;
+    /** @ignore */
+    constructor();
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    protected imageLoaded(): void;
+    /** @ignore */
+    protected imageChanged(): void;
+    /** @ignore */
+    protected penConfigHandler(penType: 'pen' | 'highlight'): void;
+    /** @ignore */
+    protected getBoundingCanvasHandler(): DOMRect;
+    /** @ignore */
+    protected mouseDownHandler(e: MouseEvent): void;
+    /** @ignore */
+    protected mouseMoveHandler(e: MouseEvent): void;
+    /** @ignore */
+    protected mouseUpHandler(): void;
+    /** @ignore */
+    cropButtonHandler(): void;
+    /** @ignore */
+    protected rotateImage(): void;
+    /** @ignore */
+    protected saveImageChange(): void;
+    /** @ignore */
+    private get __hostStyle();
+    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; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const AXImageEditorContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<Blob[]>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * paint container.
+ * @category Components
+ */
+declare class AXImageEditorContainerComponent extends AXImageEditorContainerComponent_base {
+    /** @ignore */
+    protected service: AXImageEditorService;
+    imageEditorContainer: _angular_core.Signal<ElementRef<any>>;
+    view: _angular_core.Signal<AXImageEditorViewComponent>;
+    save(): void;
+    protected cropButtonHandler(): void;
+    get __hostClass(): string;
+    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-validation-rule"], true, never>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorCropComponent {
+    protected service: AXImageEditorService;
+    cropPressed: _angular_core.OutputEmitterRef<void>;
+    protected cropButtonHandler(): void;
+    protected ratioHandler(r: '1:1' | '16:9'): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, {}, { "cropPressed": "cropPressed"; }, never, never, true, never>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorHighlightComponent {
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected selectedColor: _angular_core.WritableSignal<string | CanvasGradient | CanvasPattern>;
+    /** @ignore */
+    protected value: number;
+    protected changeColorHandler(e: string): void;
+    /** @ignore */
+    protected valueHandler(e: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorHighlightComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorHighlightComponent, "ax-image-editor-highlight", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorHistoryComponent {
+    protected service: AXImageEditorService;
+    protected UndoHandler(): void;
+    protected RedoHandler(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorHistoryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorHistoryComponent, "ax-image-editor-history", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorPenComponent {
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected value: number;
+    /** @ignore */
+    protected selectedColor: _angular_core.WritableSignal<string | CanvasGradient | CanvasPattern>;
+    protected changeColorHandler(e: string): void;
+    /** @ignore */
+    protected valueHandler(e: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorPenComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorPenComponent, "ax-image-editor-pen", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorRotateComponent {
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected rotateRightHandler(): void;
+    /** @ignore */
+    protected rotateLeftHandler(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorRotateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorRotateComponent, "ax-image-editor-rotate", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * paint mode.
+ * @category Components
+ */
+declare class AXImageEditorToolSelectorComponent {
+    protected service: AXImageEditorService;
+    protected changeToolHandler(tool: 'pen' | 'highlight' | 'crop' | 'rotate'): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorToolSelectorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorToolSelectorComponent, "ax-image-editor-tool-selector", never, {}, {}, never, never, true, never>;
+}
+
+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 i10.AXTooltipModule, typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXImageEditorModule>;
+}
+
+export { AXImageEditorContainerComponent, AXImageEditorCropComponent, AXImageEditorCropperWindowComponent, AXImageEditorHighlightComponent, AXImageEditorHistoryComponent, AXImageEditorModule, AXImageEditorPenComponent, AXImageEditorRotateComponent, AXImageEditorService, AXImageEditorToolSelectorComponent, AXImageEditorViewComponent };

package/index.d.ts

@@ -1 +1,3 @@
-export declare const AX_COMPONENTS = "ACOREX_COMPONENTS";
+declare const AX_COMPONENTS = "ACOREX_COMPONENTS";
+
+export { AX_COMPONENTS };

package/json-viewer/index.d.ts

@@ -1,2 +1,25 @@
-export * from './lib/json-viewer.module';
-export * from './lib/json-viewer/json-viewer.component';
+import * as i0 from '@angular/core';
+import * as i1 from '@acorex/components/text-box';
+import * as i2 from '@angular/forms';
+import * as i3 from '@angular/common';
+
+declare class JsonViewerComponent {
+    #private;
+    json: i0.InputSignal<any>;
+    convertedData: i0.WritableSignal<any>;
+    protected convertNestedToArray(obj: any): any;
+    protected isArray(arry: any): arry is any[];
+    protected isNumber(i: any): i is number;
+    protected isDate(value: any): value is Date;
+    protected isBoolean(value: any): value is boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonViewerComponent, "ax-json-viewer", never, { "json": { "alias": "json"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXJsonViewerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXJsonViewerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXJsonViewerModule, never, [typeof i1.AXTextBoxModule, typeof i2.FormsModule, typeof i3.CommonModule, typeof JsonViewerComponent], [typeof JsonViewerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXJsonViewerModule>;
+}
+
+export { AXJsonViewerModule, JsonViewerComponent };

package/kbd/index.d.ts

@@ -1,3 +1,23 @@
-export * from './lib/kbd-item/kbd-item.component';
-export * from './lib/kbd.component';
-export * from './lib/kbd.module';
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+
+declare class AXKBDItemComponent {
+    keys: i0.InputSignal<string | string[]>;
+    modifierKeys: i0.WritableSignal<string[]>;
+    capitalizeFirstLetter(text: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXKBDComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, {}, {}, never, ["ax-kbd-item"], true, never>;
+}
+
+declare class AXKBDModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXKBDModule, never, [typeof i1.CommonModule, typeof AXKBDComponent, typeof AXKBDItemComponent], [typeof AXKBDComponent, typeof AXKBDItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXKBDModule>;
+}
+
+export { AXKBDComponent, AXKBDItemComponent, AXKBDModule };