@planeasyinc/le-angular 0.0.11 → 0.0.13

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

@@ -1,8 +1,16 @@
 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<{
+        type: string;
+        data?: any;
+    }>;
+    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,24 @@
+import { LeSidePanelData } from '../../types/le-tabs';
+import * as i0 from "@angular/core";
+export declare class SidePanelComponent {
+    private dataService;
+    private _selectedTab;
+    data: import("@angular/core").InputSignal<LeSidePanelData>;
+    config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    event: import("@angular/core").OutputEmitterRef<{
+        type: string;
+        data?: any;
+    }>;
+    readonly node: import("@angular/core").Signal<import("@planeasyinc/le-core").LeNode>;
+    readonly tabs: import("@angular/core").Signal<import("../../types/le-tabs").SidePanelTab[]>;
+    readonly selectedTabIndex: import("@angular/core").Signal<number>;
+    readonly selectedTab: import("@angular/core").Signal<import("../../types/le-tabs").SidePanelTab>;
+    constructor();
+    onEvent(event: {
+        type: string;
+        data?: any;
+    }): void;
+    onTabClick(index: number): 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/icons-map.d.ts

@@ -19,7 +19,7 @@ export declare const ICONS_MAP: {
         viewBox: string;
         content: string[];
     };
-    readonly history: {
+    readonly info: {
         name: string;
         viewBox: string;
         content: string[];

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<"close" | "arrow-down" | "sort" | "chevron" | "info">;
     size: import("@angular/core").InputSignal<string | number>;
     icon: import("@angular/core").Signal<{
         size: number;

package/dist/lib/icons/svg/index.d.ts

@@ -1,5 +1,5 @@
-export * from './history';
 export * from './close';
 export * from './arrow-down';
 export * from './sort';
 export * from './chevron';
+export * from './info';

package/dist/lib/icons/svg/{history.d.ts → info.d.ts}

@@ -1,4 +1,4 @@
-export declare const history: {
+export declare const info: {
     name: string;
     viewBox: string;
     content: string[];

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,31 @@
+import { Injector } from '@angular/core';
+import { Observable } from 'rxjs';
+import { LeSidePanelData } from '../types/le-tabs';
+import * as i0 from "@angular/core";
+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<{
+        type: string;
+        data?: any;
+    }>;
+    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-table.d.ts

@@ -0,0 +1,14 @@
+export interface ColumnModel {
+    type: string;
+    key: string;
+    label: string;
+    [key: string]: any;
+}
+export interface RowModel {
+    [key: string]: any;
+}
+export interface TableDataModel {
+    columns: ColumnModel[];
+    rows: RowModel[];
+    total: number;
+}

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

@@ -0,0 +1,27 @@
+import { LeNode } from '@planeasyinc/le-core';
+import { ColumnModel } from './le-table';
+interface SidePanelTabBase {
+    type: string;
+    label: string;
+    data: unknown;
+}
+export interface SidePanelTabObject extends SidePanelTabBase {
+    type: 'block';
+    data: Record<string, unknown>;
+    columns: Array<ColumnModel>;
+}
+export interface SidePanelTabMeta extends SidePanelTabBase {
+    type: 'tree';
+    data: Record<string, unknown>;
+}
+export interface SidePanelTabVersions extends SidePanelTabBase {
+    type: 'table';
+    data: LeNode;
+}
+export type SidePanelTab = SidePanelTabObject | SidePanelTabMeta | SidePanelTabVersions;
+export interface LeSidePanelData {
+    node?: LeNode;
+    tabs: SidePanelTab[];
+    config?: Record<string, string | number | boolean>;
+}
+export {};

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

@@ -0,0 +1,5 @@
+export interface LeTreeNode {
+    label: string;
+    value?: any;
+    leafs?: LeTreeNode[];
+}

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

@@ -0,0 +1,13 @@
+import { ColumnModel } from '../../types/le-table';
+import * as i0 from "@angular/core";
+export declare class BlockViewComponent {
+    data: import("@angular/core").InputSignal<Record<string, unknown>>;
+    columns: import("@angular/core").InputSignal<ColumnModel[]>;
+    event: import("@angular/core").OutputEmitterRef<{
+        type: string;
+        data?: any;
+    }>;
+    onCellClicked(data: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlockViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockViewComponent, "le-block-view", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; }, { "event": "event"; }, never, never, true, never>;
+}

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

@@ -3,6 +3,10 @@ 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<{
+        type: string;
+        data?: any;
+    }>;
     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,12 @@ 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<{
+        type: string;
+        data?: any;
+    }>;
     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,10 @@ 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<{
+        type: string;
+        data?: any;
+    }>;
     readonly isLoading: import("@angular/core").Signal<boolean>;
     readonly data: import("@angular/core").Signal<{
         engine: FeFormEngine;
@@ -25,6 +29,7 @@ export declare class FormViewComponent {
     }>;
     constructor();
     private init;
+    private setView;
     private processAction;
     private sortSections;
     private getFormData;
@@ -32,5 +37,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,10 @@ 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<{
+        type: string;
+        data?: any;
+    }>;
     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,10 @@ 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<{
+        type: string;
+        data?: any;
+    }>;
     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,10 @@ 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<{
+        type: string;
+        data?: any;
+    }>;
     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-cell.directive.d.ts

@@ -1,4 +1,4 @@
-import { ColumnModel } from './table-view.component';
+import { ColumnModel } from '../../types/le-table';
 import * as i0 from "@angular/core";
 export declare class TableViewCellDirective {
     private vcr;

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

@@ -2,24 +2,20 @@ import { LeTableAction, LeTableNode } from '@planeasyinc/le-core';
 import { TableDataSource } from './table-data-sourse';
 import { PageChange } from './table-view.types';
 import { ColumnFilterModel } from '../../services/le-filters.service';
+import { ColumnModel, RowModel } from '../../types/le-table';
 import * as i0 from "@angular/core";
-export interface ColumnModel {
-    type: string;
-    key: string;
-    label: string;
-    [key: string]: any;
-}
-interface RowModel {
-    [key: string]: any;
-}
 export declare class TableViewComponent {
     private apiService;
     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<{
+        type: string;
+        data?: any;
+    }>;
     private _columns;
     private _data;
     private _total;
@@ -52,9 +48,11 @@ export declare class TableViewComponent {
     onFiltersClick(event: Event): void;
     onToolbarActionClick({ actions }: LeTableAction): void;
     onRowClick(row: RowModel): void;
-    onRowVersionClick(event: Event, row: RowModel): void;
+    onRowInfoClick(event: Event, row: RowModel): void;
     onCellClicked(data: any): void;
+    private processRowClickAction;
     private processTableAction;
+    private setView;
     private setPagination;
     private getTableData;
     private buildRequest;
@@ -63,7 +61,7 @@ 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/lib/views/tree-view/tree-view.component.d.ts

@@ -0,0 +1,12 @@
+import { NestedTreeControl } from '@angular/cdk/tree';
+import { ArrayDataSource } from '@angular/cdk/collections';
+import { LeTreeNode } from '../../types/le-tree';
+import * as i0 from "@angular/core";
+export declare class TreeViewComponent {
+    treeControl: NestedTreeControl<LeTreeNode, LeTreeNode>;
+    data: import("@angular/core").InputSignal<Record<string, unknown>>;
+    source: import("@angular/core").Signal<ArrayDataSource<LeTreeNode>>;
+    hasChild: (_: number, node: LeTreeNode) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "le-tree-view", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/lib/views/tree-view/tree-view.utils.d.ts

@@ -0,0 +1,2 @@
+import { LeTreeNode } from '../../types/le-tree';
+export declare const mapObjectToTree: (data: Record<string, unknown>) => LeTreeNode[];

package/dist/styles/styles.scss

@@ -912,3 +912,96 @@ $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%);
+  }
+}
+/* =========================
+     TABS
+  ========================== */
+.le-tabs-nav {
+  @include flex-row;
+  gap: 1rem;
+}
+.le-tabs-content {
+  margin-top: 1rem;
+}
+/* =========================
+     TREE
+  ========================== */
+.le-tree-invisible {
+  display: none;
+}
+
+.le-tree ul,
+.le-tree li {
+  margin-top: 0;
+  margin-bottom: 0;
+  list-style-type: none;
+}
+.le-tree-node {
+  display: block;
+}
+
+.le-tree-row {
+  display: inline-flex;
+  width: 100%;
+  margin-bottom: 0.5rem;
+
+  .le-button {
+    align-self: flex-end;
+  }
+}
+
+.le-tree-node .le-tree-node {
+  padding-left: 2rem;
+}
+
+.le-tree-chevron {
+  transform: rotate(90deg);
+  transition: transform 0.2s ease-in-out;
+  margin-left: auto;
+  margin-right: 0;
+}
+
+.le-tree-row--expanded {
+  .le-tree-chevron {
+    transform: rotate(90deg) scaleX(-1);
+  }
+}
+/* =========================
+     BLOCK VIEW
+  ========================== */
+.block-view {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.block-view-item {
+  padding-bottom: 1rem;
+}
+.block-view-label {
+  padding-bottom: 1rem;
+  font-weight: bold;
+  text-transform: uppercase;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planeasyinc/le-angular",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "private": false,
   "exports": {
     ".": {
@@ -37,8 +37,8 @@
     "ng-packagr": "^19.0.0",
     "typescript": "5.6.3",
     "@types/web": "0.0.347",
-    "@planeasyinc/le-core": "0.0.2",
-    "@planeasyinc/fe-core": "0.1.21"
+    "@planeasyinc/le-core": "0.0.3",
+    "@planeasyinc/fe-core": "0.1.23"
   },
   "scripts": {
     "lint": "eslint src",

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

@@ -1,7 +0,0 @@
-import { LeDialogData } from '../../types/le-dialog';
-import * as i0 from "@angular/core";
-export declare class DialogComponent {
-    data: LeDialogData;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,10 +0,0 @@
-import { DialogConfig } from '@angular/cdk/dialog';
-import { Observable } from 'rxjs';
-import { LeDialogClose, LeDialogData } from '../types/le-dialog';
-import * as i0 from "@angular/core";
-export declare class LeDialogService {
-    private dialog;
-    open(data: LeDialogData, config?: DialogConfig): Observable<LeDialogClose | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LeDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LeDialogService>;
-}

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

@@ -1,13 +0,0 @@
-import { LeNode } from '@planeasyinc/le-core';
-export interface LeDialogData {
-    title?: string;
-    node?: LeNode;
-    config?: {
-        hideFilters?: boolean;
-        hideMetadata?: boolean;
-        showCloseButton?: boolean;
-    };
-}
-export interface LeDialogClose {
-    success?: boolean;
-}