@planeasyinc/le-angular 0.0.8 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fesm2022/planeasyinc-le-angular.mjs +172 -41
- package/dist/fesm2022/planeasyinc-le-angular.mjs.map +1 -1
- package/dist/lib/components/dialog/dialog.component.d.ts +7 -0
- package/dist/lib/components/node/node.component.d.ts +2 -1
- package/dist/lib/icons/icons-map.d.ts +5 -0
- package/dist/lib/icons/le-icon.component.d.ts +6 -1
- package/dist/lib/icons/svg/history.d.ts +5 -0
- package/dist/lib/icons/svg/index.d.ts +5 -0
- package/dist/lib/services/le-api.service.d.ts +6 -1
- package/dist/lib/services/le-dialog.service.d.ts +10 -0
- package/dist/lib/templates/reference.template.d.ts +2 -1
- package/dist/lib/types/le-dialog.d.ts +13 -0
- package/dist/lib/views/chart-view/chart-view.component.d.ts +2 -1
- package/dist/lib/views/form-view/form-view.component.d.ts +2 -1
- package/dist/lib/views/gird-col-view/grid-col-view.component.d.ts +2 -1
- package/dist/lib/views/gird-view/grid-view.component.d.ts +2 -1
- package/dist/lib/views/section-view/section-view.component.d.ts +2 -1
- package/dist/lib/views/table-view/table-data-sourse.d.ts +1 -0
- package/dist/lib/views/table-view/table-view-cell.directive.d.ts +2 -1
- package/dist/lib/views/table-view/table-view.component.d.ts +9 -4
- package/dist/styles/styles.scss +27 -3
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LeDialogData } from '../../types/le-dialog';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DialogComponent {
|
|
4
|
+
data: LeDialogData;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -2,6 +2,7 @@ import { LeNode } from '@planeasyinc/le-core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class NodeComponent {
|
|
4
4
|
node: import("@angular/core").InputSignal<LeNode>;
|
|
5
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<NodeComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NodeComponent, "le-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
+
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>;
|
|
7
8
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class LeIconComponent {
|
|
3
|
-
name: import("@angular/core").InputSignal<"
|
|
3
|
+
name: import("@angular/core").InputSignal<"history" | "close" | "arrow-down" | "sort" | "chevron">;
|
|
4
4
|
size: import("@angular/core").InputSignal<string | number>;
|
|
5
5
|
icon: import("@angular/core").Signal<{
|
|
6
6
|
size: number;
|
|
@@ -22,6 +22,11 @@ export declare class LeIconComponent {
|
|
|
22
22
|
name: string;
|
|
23
23
|
viewBox: string;
|
|
24
24
|
content: string[];
|
|
25
|
+
} | {
|
|
26
|
+
size: number;
|
|
27
|
+
name: string;
|
|
28
|
+
viewBox: string;
|
|
29
|
+
content: string[];
|
|
25
30
|
}>;
|
|
26
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<LeIconComponent, never>;
|
|
27
32
|
static ɵcmp: i0.ɵɵComponentDeclaration<LeIconComponent, "le-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -7,7 +7,12 @@ export declare class LEApiService {
|
|
|
7
7
|
private apiUrl;
|
|
8
8
|
getConfig(): Observable<Object>;
|
|
9
9
|
getObject<IResponse>(className: string, query?: string): Observable<IResponse>;
|
|
10
|
-
getObjectByAddress<IResponse>(address: string,
|
|
10
|
+
getObjectByAddress<IResponse>(address: string, params: {
|
|
11
|
+
includeVersions?: boolean;
|
|
12
|
+
includeMeta?: boolean;
|
|
13
|
+
loadReferences?: boolean;
|
|
14
|
+
fileOptimized?: boolean;
|
|
15
|
+
}): Observable<IResponse>;
|
|
11
16
|
executeTransaction<IResponse, IBody extends Record<string, unknown> = Record<string, unknown>>(name: string, body: IBody, query?: string): Observable<IResponse>;
|
|
12
17
|
request<IResponse, IBody extends object>(method: string, path: string, body?: IBody): Observable<HttpEvent<IResponse>>;
|
|
13
18
|
getBlob(path: string): Observable<string>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DialogConfig } from '@angular/cdk/dialog';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import { LeDialogClose, LeDialogData } from '../types/le-dialog';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class LeDialogService {
|
|
6
|
+
private dialog;
|
|
7
|
+
open(data: LeDialogData, config?: DialogConfig): Observable<LeDialogClose | undefined>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LeDialogService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<LeDialogService>;
|
|
10
|
+
}
|
|
@@ -3,6 +3,7 @@ export declare class ReferenceTemplate {
|
|
|
3
3
|
data: import("@angular/core").InputSignal<any>;
|
|
4
4
|
attribute: import("@angular/core").InputSignal<any>;
|
|
5
5
|
metadata: import("@angular/core").InputSignal<any>;
|
|
6
|
+
clicked: import("@angular/core").OutputEmitterRef<any>;
|
|
6
7
|
reference: import("@angular/core").Signal<{
|
|
7
8
|
text: string;
|
|
8
9
|
href?: string;
|
|
@@ -11,5 +12,5 @@ export declare class ReferenceTemplate {
|
|
|
11
12
|
private generateText;
|
|
12
13
|
private generateLink;
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReferenceTemplate, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ReferenceTemplate, "ng-component", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "attribute": { "alias": "attribute"; "required": true; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ReferenceTemplate, "ng-component", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "attribute": { "alias": "attribute"; "required": true; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": true; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
15
16
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { LeNode } from '@planeasyinc/le-core';
|
|
2
|
+
export interface LeDialogData {
|
|
3
|
+
title?: string;
|
|
4
|
+
node?: LeNode;
|
|
5
|
+
config?: {
|
|
6
|
+
hideFilters?: boolean;
|
|
7
|
+
hideMetadata?: boolean;
|
|
8
|
+
showCloseButton?: boolean;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export interface LeDialogClose {
|
|
12
|
+
success?: boolean;
|
|
13
|
+
}
|
|
@@ -2,6 +2,7 @@ import { LeChartNode } from '@planeasyinc/le-core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class ChartViewComponent {
|
|
4
4
|
node: import("@angular/core").InputSignal<LeChartNode>;
|
|
5
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartViewComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartViewComponent, "chart-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
+
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>;
|
|
7
8
|
}
|
|
@@ -15,6 +15,7 @@ export declare class FormViewComponent {
|
|
|
15
15
|
private _cancelRequest$;
|
|
16
16
|
private _actionHandlers;
|
|
17
17
|
node: import("@angular/core").InputSignal<LeFormNode>;
|
|
18
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
18
19
|
readonly isLoading: import("@angular/core").Signal<boolean>;
|
|
19
20
|
readonly data: import("@angular/core").Signal<{
|
|
20
21
|
engine: FeFormEngine;
|
|
@@ -31,5 +32,5 @@ export declare class FormViewComponent {
|
|
|
31
32
|
private mapUpdateTableActionToTableNode;
|
|
32
33
|
private processActionList;
|
|
33
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormViewComponent, never>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormViewComponent, "form-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
35
|
+
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>;
|
|
35
36
|
}
|
|
@@ -2,6 +2,7 @@ import { LeGridColNode } from '@planeasyinc/le-core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class GridColViewComponent {
|
|
4
4
|
node: import("@angular/core").InputSignal<LeGridColNode>;
|
|
5
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<GridColViewComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GridColViewComponent, "grid-col-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
+
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>;
|
|
7
8
|
}
|
|
@@ -2,6 +2,7 @@ import { LeGridNode } from '@planeasyinc/le-core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class GridComponent {
|
|
4
4
|
node: import("@angular/core").InputSignal<LeGridNode>;
|
|
5
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "grid-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
+
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>;
|
|
7
8
|
}
|
|
@@ -2,6 +2,7 @@ import { LeSectionNode } from '@planeasyinc/le-core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class SectionComponent {
|
|
4
4
|
node: import("@angular/core").InputSignal<LeSectionNode>;
|
|
5
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<SectionComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "section-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
+
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>;
|
|
7
8
|
}
|
|
@@ -7,8 +7,9 @@ export declare class TableViewCellDirective {
|
|
|
7
7
|
readonly data: import("@angular/core").InputSignal<unknown>;
|
|
8
8
|
readonly column: import("@angular/core").InputSignal<ColumnModel>;
|
|
9
9
|
readonly metadata: import("@angular/core").InputSignal<any>;
|
|
10
|
+
readonly clicked: import("@angular/core").OutputEmitterRef<any>;
|
|
10
11
|
constructor();
|
|
11
12
|
private setEffects;
|
|
12
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableViewCellDirective, never>;
|
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TableViewCellDirective, "[tableViewCell]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TableViewCellDirective, "[tableViewCell]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
14
15
|
}
|
|
@@ -9,14 +9,17 @@ export interface ColumnModel {
|
|
|
9
9
|
label: string;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
12
|
-
interface
|
|
12
|
+
interface RowModel {
|
|
13
13
|
[key: string]: any;
|
|
14
14
|
}
|
|
15
15
|
export declare class TableViewComponent {
|
|
16
16
|
private apiService;
|
|
17
17
|
private dataService;
|
|
18
18
|
private filtersService;
|
|
19
|
+
private dialogService;
|
|
20
|
+
private injector;
|
|
19
21
|
node: import("@angular/core").InputSignal<LeTableNode>;
|
|
22
|
+
config: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
|
|
20
23
|
private _columns;
|
|
21
24
|
private _data;
|
|
22
25
|
private _total;
|
|
@@ -29,7 +32,7 @@ export declare class TableViewComponent {
|
|
|
29
32
|
private _sortOrder;
|
|
30
33
|
private _cancelRequest$;
|
|
31
34
|
readonly columns: import("@angular/core").Signal<ColumnModel[]>;
|
|
32
|
-
readonly data: import("@angular/core").Signal<TableDataSource<
|
|
35
|
+
readonly data: import("@angular/core").Signal<TableDataSource<RowModel>>;
|
|
33
36
|
readonly displayedColumns: import("@angular/core").Signal<string[]>;
|
|
34
37
|
readonly isLoading: import("@angular/core").Signal<boolean>;
|
|
35
38
|
readonly pageIndex: import("@angular/core").Signal<number>;
|
|
@@ -48,7 +51,9 @@ export declare class TableViewComponent {
|
|
|
48
51
|
onSortClick(event: Event, column: ColumnModel): void;
|
|
49
52
|
onFiltersClick(event: Event): void;
|
|
50
53
|
onToolbarActionClick({ actions }: LeTableAction): void;
|
|
51
|
-
onRowClick(row:
|
|
54
|
+
onRowClick(row: RowModel): void;
|
|
55
|
+
onRowVersionClick(event: Event, row: RowModel): void;
|
|
56
|
+
onCellClicked(data: any): void;
|
|
52
57
|
private processTableAction;
|
|
53
58
|
private setPagination;
|
|
54
59
|
private getTableData;
|
|
@@ -59,6 +64,6 @@ export declare class TableViewComponent {
|
|
|
59
64
|
private interpolateRowValues;
|
|
60
65
|
private setEffects;
|
|
61
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableViewComponent, never>;
|
|
62
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableViewComponent, "table-view", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
67
|
+
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>;
|
|
63
68
|
}
|
|
64
69
|
export {};
|
package/dist/styles/styles.scss
CHANGED
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
========================== */
|
|
56
56
|
|
|
57
57
|
/* Success */
|
|
58
|
-
--le-color-success:
|
|
59
|
-
--le-color-success-hover:
|
|
60
|
-
--le-color-success-bg:
|
|
58
|
+
--le-color-success: var(--le-color-primary-500);
|
|
59
|
+
--le-color-success-hover: var(--le-color-primary-600);
|
|
60
|
+
--le-color-success-bg: var(--le-color-primary-100);
|
|
61
61
|
|
|
62
62
|
/* Warning */
|
|
63
63
|
--le-color-warning: #f59e0b;
|
|
@@ -548,6 +548,15 @@ ul {
|
|
|
548
548
|
border-bottom: 1px solid var(--le-color-gray-100);;
|
|
549
549
|
}
|
|
550
550
|
|
|
551
|
+
.le-table-icon-cell {
|
|
552
|
+
width: 50px;
|
|
553
|
+
min-width: unset;
|
|
554
|
+
|
|
555
|
+
.le-button {
|
|
556
|
+
padding: 16px;
|
|
557
|
+
}
|
|
558
|
+
}
|
|
559
|
+
|
|
551
560
|
.le-pagination {
|
|
552
561
|
@include flex-row;
|
|
553
562
|
@include align-center;
|
|
@@ -589,6 +598,12 @@ ul {
|
|
|
589
598
|
}
|
|
590
599
|
}
|
|
591
600
|
|
|
601
|
+
.le-table-icon-cell {
|
|
602
|
+
.le-icon {
|
|
603
|
+
margin: auto;
|
|
604
|
+
}
|
|
605
|
+
}
|
|
606
|
+
|
|
592
607
|
.le-chevron {}
|
|
593
608
|
.le-chevron--right {}
|
|
594
609
|
.le-chevron--left {
|
|
@@ -888,3 +903,12 @@ $sort-icon-size: 6px;
|
|
|
888
903
|
padding: 4px 8px;
|
|
889
904
|
}
|
|
890
905
|
}
|
|
906
|
+
/* =========================
|
|
907
|
+
DIALOG
|
|
908
|
+
========================== */
|
|
909
|
+
.le-dialog-container {
|
|
910
|
+
background-color: var(--le-color-background);
|
|
911
|
+
box-shadow: var(--le-dropdown-shadow);
|
|
912
|
+
padding: 16px;
|
|
913
|
+
overflow-y: auto;
|
|
914
|
+
}
|