@acorex/components 19.1.0-next.2 → 19.2.0

package/grid-layout-builder/lib/grid-layout-container.component.d.ts

@@ -0,0 +1,51 @@
+import { AXGridLayout, AXGridLayoutDroppedEvent, AXGridLayoutElementEvent, AXGridLayoutEventEvent, AXGridLayoutNode, AXGridLayoutNodesEvent, AXGridLayoutOptions, AXGridLayoutWidget, AXGridLayoutWidgetCompElement, AXSaveCallback } from './types';
+import * as i0 from "@angular/core";
+export declare class AXGridLayoutContainerComponent {
+    private items;
+    options: import("@angular/core").InputSignal<import("gridstack").GridStackOptions>;
+    private calcOptions;
+    private readonly elementRef;
+    private ngZone;
+    private grid;
+    private loaded?;
+    private el;
+    protected onAdded: import("@angular/core").OutputEmitterRef<AXGridLayoutNodesEvent>;
+    protected onChange: import("@angular/core").OutputEmitterRef<AXGridLayoutNodesEvent>;
+    protected onDisable: import("@angular/core").OutputEmitterRef<AXGridLayoutEventEvent>;
+    protected onDrag: import("@angular/core").OutputEmitterRef<AXGridLayoutElementEvent>;
+    protected onDragStart: import("@angular/core").OutputEmitterRef<AXGridLayoutElementEvent>;
+    protected onDragStop: import("@angular/core").OutputEmitterRef<AXGridLayoutElementEvent>;
+    protected onDropped: import("@angular/core").OutputEmitterRef<AXGridLayoutDroppedEvent>;
+    protected onEnable: import("@angular/core").OutputEmitterRef<AXGridLayoutEventEvent>;
+    protected onRemoved: import("@angular/core").OutputEmitterRef<AXGridLayoutNodesEvent>;
+    protected onResize: import("@angular/core").OutputEmitterRef<AXGridLayoutElementEvent>;
+    protected onResizeStart: import("@angular/core").OutputEmitterRef<AXGridLayoutElementEvent>;
+    protected onResizeStop: import("@angular/core").OutputEmitterRef<AXGridLayoutElementEvent>;
+    protected isRendered: import("@angular/core").OutputEmitterRef<boolean>;
+    protected isEmpty: import("@angular/core").ModelSignal<boolean>;
+    constructor();
+    protected ngOnInit(): Promise<void>;
+    protected ngOnDestroy(): void;
+    private gridChange;
+    private childChange;
+    private updateAll;
+    private checkEmpty;
+    private hookEvents;
+    private unhookEvents;
+    add(item: AXGridLayoutWidget, withAutoArrange?: boolean): AXGridLayoutNode;
+    remove(element: AXGridLayoutWidgetCompElement): AXGridLayout;
+    clear(): AXGridLayout;
+    private serializedData?;
+    save(saveContent?: boolean, saveGridOpt?: boolean, saveCallback?: AXSaveCallback): AXGridLayoutOptions;
+    load(serializedData?: AXGridLayoutOptions, cleanBeforeLoad?: boolean): Promise<AXGridLayout>;
+    autoArrange(): void;
+    setlockable(state: boolean, recurse?: boolean): void;
+    setResizable(state: boolean, recurse?: boolean): void;
+    getChildren(): AXGridLayoutNode[];
+    setupDraggable(dragIn?: string | HTMLElement[], widgets?: AXGridLayoutWidget): Promise<void>;
+    setOption(options: AXGridLayoutOptions): void;
+    rotate(element: AXGridLayoutWidgetCompElement): void;
+    setColumn(count: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutContainerComponent, "ax-grid-layout-container", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "isEmpty": { "alias": "isEmpty"; "required": false; "isSignal": true; }; }, { "onAdded": "onAdded"; "onChange": "onChange"; "onDisable": "onDisable"; "onDrag": "onDrag"; "onDragStart": "onDragStart"; "onDragStop": "onDragStop"; "onDropped": "onDropped"; "onEnable": "onEnable"; "onRemoved": "onRemoved"; "onResize": "onResize"; "onResizeStart": "onResizeStart"; "onResizeStop": "onResizeStop"; "isRendered": "isRendered"; "isEmpty": "isEmptyChange"; }, ["items"], ["*"], false, never>;
+}

package/grid-layout-builder/lib/grid-layout-widget.component.d.ts

@@ -0,0 +1,12 @@
+import { AXGridLayoutWidgetCompElement } from './types';
+import * as i0 from "@angular/core";
+export declare class AXGridLayoutWidgetComponent {
+    private readonly elementRef;
+    el: AXGridLayoutWidgetCompElement;
+    private _options?;
+    options: import("@angular/core").InputSignalWithTransform<import("gridstack").GridStackNode, import("gridstack").GridStackNode>;
+    clearOptions(): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutWidgetComponent, "ax-grid-layout-widget", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

package/grid-layout-builder/lib/types.d.ts

@@ -0,0 +1,33 @@
+import { AXGridLayoutContainerComponent } from './grid-layout-container.component';
+import { AXGridLayoutWidgetComponent } from './grid-layout-widget.component';
+export type AXGridLayoutNode = import('gridstack').GridStackNode;
+export type AXGridLayout = import('gridstack').GridStack;
+export type AXGridLayoutOptions = import('gridstack').GridStackOptions;
+export type AXGridLayoutWidget = import('gridstack').GridStackWidget & {
+    data?: any;
+};
+export type AXGridLayoutContainerElement = import('gridstack').GridHTMLElement;
+export type AXGridLayoutWidgetElement = import('gridstack').GridItemHTMLElement;
+export type AXGridLayoutEventEvent = {
+    event: Event;
+};
+export type AXGridLayoutElementEvent = {
+    event: Event;
+    el: AXGridLayoutWidgetElement;
+};
+export type AXGridLayoutNodesEvent = {
+    event: Event;
+    nodes: AXGridLayoutNode[];
+};
+export type AXGridLayoutDroppedEvent = {
+    event: Event;
+    previousNode: AXGridLayoutNode;
+    newNode: AXGridLayoutNode;
+};
+export interface AXGridLayoutContainerCompElement extends AXGridLayoutContainerElement {
+    _gridComp?: AXGridLayoutContainerComponent;
+}
+export interface AXGridLayoutWidgetCompElement extends AXGridLayoutWidgetElement {
+    _gridWidgetComp?: AXGridLayoutWidgetComponent;
+}
+export type AXSaveCallback = import('gridstack').SaveFcn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.1.0-next.2",
+  "version": "19.2.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -8,7 +8,8 @@
     "polytype": ">=0.17.0",
     "imask": ">=7.6.1",
     "angular-imask": ">=7.6.1",
-    "qrcode": "^1.5.4"
+    "qrcode": "^1.5.4",
+    "gridstack": "^11.1.2"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -148,6 +149,10 @@
       "types": "./form/index.d.ts",
       "default": "./fesm2022/acorex-components-form.mjs"
     },
+    "./grid-layout-builder": {
+      "types": "./grid-layout-builder/index.d.ts",
+      "default": "./fesm2022/acorex-components-grid-layout-builder.mjs"
+    },
     "./image": {
       "types": "./image/index.d.ts",
       "default": "./fesm2022/acorex-components-image.mjs"