@planeasyinc/le-angular 0.0.10 → 0.0.12

package/dist/lib/components/node/node.component.d.ts

@@ -1,8 +1,13 @@
 import { LeNode } from '@planeasyinc/le-core';
+import { CdkPortalOutletAttachedRef, ComponentPortal } from '@angular/cdk/portal';
 import * as i0 from "@angular/core";
 export declare class NodeComponent {
     node: import("@angular/core").InputSignal<LeNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
+    componentPortal?: ComponentPortal<any>;
+    constructor();
+    onPortalAttached(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NodeComponent, "le-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeComponent, "le-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/components/side-panel/side-panel.component.d.ts

@@ -0,0 +1,13 @@
+import { LeSidePanelData } from '../../services/le-side-panel.service';
+import * as i0 from "@angular/core";
+export declare class SidePanelComponent {
+    private dataService;
+    data: import("@angular/core").InputSignal<LeSidePanelData>;
+    config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
+    readonly node: import("@angular/core").Signal<import("@planeasyinc/le-core").LeNode>;
+    constructor();
+    onEvent(event: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidePanelComponent, "ng-component", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
+}

package/dist/lib/icons/le-icon.component.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class LeIconComponent {
-    name: import("@angular/core").InputSignal<"history" | "close" | "arrow-down" | "sort" | "chevron">;
+    name: import("@angular/core").InputSignal<"sort" | "close" | "history" | "arrow-down" | "chevron">;
     size: import("@angular/core").InputSignal<string | number>;
     icon: import("@angular/core").Signal<{
         size: number;

package/dist/lib/services/le-data.service.d.ts

@@ -13,8 +13,8 @@ export declare class LEDataService {
     readonly parentPath: import("@angular/core").Signal<LeNode[]>;
     readonly config: import("@angular/core").Signal<LeNode>;
     readonly customCss: import("@angular/core").Signal<string>;
-    constructor();
-    setView(node: LeNode): void;
+    registerEffects(): void;
+    setView(node: LeNode, skipLocationChange?: boolean): void;
     requestConfig(force?: boolean): void;
     request<IResponse, IBody extends object>(method: string, url: string, body?: IBody): Observable<HttpResponse<IResponse>>;
     getObjectByClassName<IResponse>(className: string): Observable<IResponse>;

package/dist/lib/services/le-side-panel.service.d.ts

@@ -0,0 +1,32 @@
+import { Injector } from '@angular/core';
+import { LeNode } from '@planeasyinc/le-core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface LeSidePanelData {
+    node?: LeNode;
+    config?: Record<string, string | number | boolean>;
+}
+type PanelPosition = 'left' | 'right' | 'top' | 'bottom';
+interface LeSidePanelConfig {
+    position: PanelPosition;
+    width?: string;
+    height?: string;
+    hasBackdrop?: boolean;
+    injector: Injector;
+}
+export declare class LeSidePanelService {
+    private overlay;
+    private breakpointObserver;
+    private overlayRef?;
+    private output;
+    show(data: LeSidePanelData, config: LeSidePanelConfig): Observable<string>;
+    private hide;
+    private delayed;
+    private getHeight;
+    private getWidth;
+    private getClosedClass;
+    private getPositionStrategy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LeSidePanelService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LeSidePanelService>;
+}
+export {};

package/dist/lib/types/le-dialog.d.ts

@@ -1,6 +1,5 @@
 import { LeNode } from '@planeasyinc/le-core';
 export interface LeDialogData {
-    title?: string;
     node?: LeNode;
     config?: {
         hideFilters?: boolean;

package/dist/lib/views/chart-view/chart-view.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class ChartViewComponent {
     node: import("@angular/core").InputSignal<LeChartNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartViewComponent, "chart-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartViewComponent, "chart-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/views/form-view/form-renderer.component.d.ts

@@ -9,7 +9,9 @@ export declare class FormRendererComponent {
     sections: import("@angular/core").InputSignal<FeSection[]>;
     topLevelControls: import("@angular/core").InputSignal<FeControlConfig[]>;
     customCss: import("@angular/core").InputSignal<string>;
+    config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormRendererComponent, "le-form-renderer", never, { "engine": { "alias": "engine"; "required": true; "isSignal": true; }; "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "topLevelControls": { "alias": "topLevelControls"; "required": false; "isSignal": true; }; "customCss": { "alias": "customCss"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormRendererComponent, "le-form-renderer", never, { "engine": { "alias": "engine"; "required": true; "isSignal": true; }; "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "topLevelControls": { "alias": "topLevelControls"; "required": false; "isSignal": true; }; "customCss": { "alias": "customCss"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/views/form-view/form-view.component.d.ts

@@ -16,6 +16,7 @@ export declare class FormViewComponent {
     private _actionHandlers;
     node: import("@angular/core").InputSignal<LeFormNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     readonly isLoading: import("@angular/core").Signal<boolean>;
     readonly data: import("@angular/core").Signal<{
         engine: FeFormEngine;
@@ -25,6 +26,7 @@ export declare class FormViewComponent {
     }>;
     constructor();
     private init;
+    private setView;
     private processAction;
     private sortSections;
     private getFormData;
@@ -32,5 +34,5 @@ export declare class FormViewComponent {
     private mapUpdateTableActionToTableNode;
     private processActionList;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormViewComponent, "form-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormViewComponent, "form-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/views/gird-col-view/grid-col-view.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class GridColViewComponent {
     node: import("@angular/core").InputSignal<LeGridColNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridColViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridColViewComponent, "grid-col-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridColViewComponent, "grid-col-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/views/gird-view/grid-view.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class GridComponent {
     node: import("@angular/core").InputSignal<LeGridNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "grid-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "grid-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/views/section-view/section-view.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class SectionComponent {
     node: import("@angular/core").InputSignal<LeSectionNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "section-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "section-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }

package/dist/lib/views/table-view/table-view.component.d.ts

@@ -17,9 +17,11 @@ export declare class TableViewComponent {
     private dataService;
     private filtersService;
     private dialogService;
+    private sidePanelService;
     private injector;
     node: import("@angular/core").InputSignal<LeTableNode>;
     config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<string>;
     private _columns;
     private _data;
     private _total;
@@ -54,7 +56,9 @@ export declare class TableViewComponent {
     onRowClick(row: RowModel): void;
     onRowVersionClick(event: Event, row: RowModel): void;
     onCellClicked(data: any): void;
+    private processRowClickAction;
     private processTableAction;
+    private setView;
     private setPagination;
     private getTableData;
     private buildRequest;
@@ -63,7 +67,8 @@ export declare class TableViewComponent {
     private getFilters;
     private interpolateRowValues;
     private setEffects;
+    private forceFetch;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableViewComponent, "table-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableViewComponent, "table-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
 }
 export {};

package/dist/styles/styles.scss

@@ -912,3 +912,28 @@ $sort-icon-size: 6px;
   padding: 16px;
   overflow-y: auto;
 }
+/* =========================
+     SIDE PANEL
+  ========================== */
+.le-side-panel {
+  background-color: var(--le-color-background);
+  box-shadow: var(--le-dropdown-shadow);
+  padding: 16px 0;
+  transition: transform 0.2s ease-in-out;
+
+  &--left {
+    transform: translateX(-100%);
+  }
+
+  &--right {
+    transform: translateX(100%);
+  }
+
+  &--top {
+    transform: translateY(-100%);
+  }
+
+  &--bottom {
+    transform: translateY(100%);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planeasyinc/le-angular",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "private": false,
   "exports": {
     ".": {
@@ -37,7 +37,7 @@
     "ng-packagr": "^19.0.0",
     "typescript": "5.6.3",
     "@types/web": "0.0.347",
-    "@planeasyinc/le-core": "0.0.2",
+    "@planeasyinc/le-core": "0.0.3",
     "@planeasyinc/fe-core": "0.1.21"
   },
   "scripts": {