nuxeo-development-framework 5.3.7 → 5.3.8
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/bundles/nuxeo-development-framework.umd.js +280 -193
- package/bundles/nuxeo-development-framework.umd.js.map +1 -1
- package/esm2015/lib/components/ndf-filters/pipes/check-condition.pipe.js +3 -3
- package/esm2015/lib/components/reports/chart-panel.js +76 -0
- package/esm2015/lib/components/reports/index.js +2 -1
- package/esm2015/lib/components/reports/ndf-reports/components/_parts/chart-type-selector/chart-type-selector.component.js +23 -9
- package/esm2015/lib/components/reports/ndf-reports/components/_parts/graph-dialog/graph-dialog.component.js +1 -1
- package/esm2015/lib/components/reports/ndf-reports/components/_parts/index.js +2 -1
- package/esm2015/lib/components/reports/ndf-reports/components/_parts/report-actions/report-actions.component.js +45 -0
- package/esm2015/lib/components/reports/ndf-reports/components/digit-report/digit-report.component.js +5 -6
- package/esm2015/lib/components/reports/ndf-reports/components/dynamic-timeline-report/dynamic-timeline-report.component.js +2 -2
- package/esm2015/lib/components/reports/ndf-reports/components/graph-report/graph-report.component.js +8 -7
- package/esm2015/lib/components/reports/ndf-reports/components/index.js +1 -2
- package/esm2015/lib/components/reports/ndf-reports/models/graph.js +1 -1
- package/esm2015/lib/components/reports/ndf-reports/ndf-reports.module.js +12 -8
- package/esm2015/lib/shared/evaluator/evaluator.js +24 -39
- package/esm2015/public-api.js +2 -1
- package/fesm2015/nuxeo-development-framework.js +152 -101
- package/fesm2015/nuxeo-development-framework.js.map +1 -1
- package/lib/components/reports/chart-panel.d.ts +19 -0
- package/lib/components/reports/index.d.ts +1 -0
- package/lib/components/reports/ndf-reports/components/_parts/chart-type-selector/chart-type-selector.component.d.ts +5 -2
- package/lib/components/reports/ndf-reports/components/_parts/index.d.ts +1 -0
- package/lib/components/reports/ndf-reports/components/_parts/report-actions/report-actions.component.d.ts +17 -0
- package/lib/components/reports/ndf-reports/components/index.d.ts +0 -1
- package/lib/components/reports/ndf-reports/models/graph.d.ts +9 -0
- package/lib/components/reports/ndf-reports/ndf-reports.module.d.ts +6 -5
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/docs/ndf-table.doc.md +41 -39
- package/esm2015/lib/components/reports/ndf-reports/components/chart-panel.component.js +0 -61
- package/lib/components/reports/ndf-reports/components/chart-panel.component.d.ts +0 -13
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@angular/common";
|
|
3
|
+
export declare class ChartPanel {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanel, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartPanel, "chart-panel", never, {}, {}, never, ["*"]>;
|
|
6
|
+
}
|
|
7
|
+
export declare class ChartPanelHeaderComponent {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanelHeaderComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartPanelHeaderComponent, "chart-panel-header", never, {}, {}, never, ["*"]>;
|
|
10
|
+
}
|
|
11
|
+
export declare class ChartPanelFooterComponent {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanelFooterComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartPanelFooterComponent, "chart-panel-footer", never, {}, {}, never, ["*"]>;
|
|
14
|
+
}
|
|
15
|
+
export declare class ChartPanelModule {
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanelModule, never>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ChartPanelModule, [typeof ChartPanel, typeof ChartPanelHeaderComponent, typeof ChartPanelFooterComponent], [typeof i1.CommonModule], [typeof ChartPanel, typeof ChartPanelHeaderComponent, typeof ChartPanelFooterComponent]>;
|
|
18
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ChartPanelModule>;
|
|
19
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Direction } from '@angular/cdk/bidi';
|
|
2
2
|
import { EventEmitter } from '@angular/core';
|
|
3
|
-
import { ChartTypes } from '../../../models';
|
|
3
|
+
import { ChartTypeConfig, ChartTypes } from '../../../models';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
declare type ChartTypeItem = {
|
|
6
6
|
icon: string;
|
|
@@ -11,13 +11,16 @@ export declare class ChartTypeSelectorComponent {
|
|
|
11
11
|
types: ChartTypeItem[];
|
|
12
12
|
selectedType: ChartTypeItem;
|
|
13
13
|
direction: Direction;
|
|
14
|
+
isEnabled: boolean;
|
|
15
|
+
set config(config: ChartTypeConfig);
|
|
14
16
|
set type(type: ChartTypes);
|
|
15
17
|
get type(): ChartTypes;
|
|
16
18
|
typeChange: EventEmitter<ChartTypes>;
|
|
17
19
|
changeType(type: ChartTypeItem): void;
|
|
18
20
|
private _prepareTypes;
|
|
19
21
|
private _getIcon;
|
|
22
|
+
private _getTypes;
|
|
20
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartTypeSelectorComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartTypeSelectorComponent, "chart-type-selector", never, { "direction": "direction"; "type": "type"; }, { "typeChange": "typeChange"; }, never, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartTypeSelectorComponent, "chart-type-selector", never, { "direction": "direction"; "config": "config"; "type": "type"; }, { "typeChange": "typeChange"; }, never, never>;
|
|
22
25
|
}
|
|
23
26
|
export {};
|
|
@@ -2,3 +2,4 @@ export * from './chart-type-selector/chart-type-selector.component';
|
|
|
2
2
|
export * from './time-group-selector/time-group-selector.component';
|
|
3
3
|
export * from './graph-dialog/graph-dialog.component';
|
|
4
4
|
export * from './timeline-dialog/timeline-dialog.component';
|
|
5
|
+
export * from './report-actions/report-actions.component';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ReportConfigModel } from '../../../models';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ReportActionsComponent {
|
|
5
|
+
config: ReportConfigModel;
|
|
6
|
+
navigate: EventEmitter<void>;
|
|
7
|
+
open: EventEmitter<any>;
|
|
8
|
+
print: EventEmitter<void>;
|
|
9
|
+
modes: {
|
|
10
|
+
readonly graph: "graph";
|
|
11
|
+
readonly digit: "digit";
|
|
12
|
+
readonly dynamicLine: "dynamicLine";
|
|
13
|
+
};
|
|
14
|
+
get isPrintAllowed(): boolean;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReportActionsComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ReportActionsComponent, "app-report-actions", never, { "config": "config"; }, { "navigate": "navigate"; "open": "open"; "print": "print"; }, never, never>;
|
|
17
|
+
}
|
|
@@ -4,6 +4,13 @@ import { CustomChartOptions } from '../../charts';
|
|
|
4
4
|
import { BaseReportConfig } from './base';
|
|
5
5
|
import { ChartOptionsByType } from './common';
|
|
6
6
|
import { ReportDataSource } from './report-data-source';
|
|
7
|
+
import { CHARTS_TYPES } from '../constants';
|
|
8
|
+
declare type chartTypes = Omit<typeof CHARTS_TYPES, 'line'>;
|
|
9
|
+
export declare type AllowedChartType = chartTypes[keyof chartTypes];
|
|
10
|
+
export interface ChartTypeConfig {
|
|
11
|
+
enabled: boolean;
|
|
12
|
+
allowedTypes?: AllowedChartType[];
|
|
13
|
+
}
|
|
7
14
|
/**
|
|
8
15
|
* Configuration for dialog display in graph reports
|
|
9
16
|
*/
|
|
@@ -47,6 +54,7 @@ export declare type GraphChartDefinition<TType extends ChartType = ChartType> =
|
|
|
47
54
|
chart: GraphChartOptionsDefinition<TType>;
|
|
48
55
|
prefix?: string;
|
|
49
56
|
print?: boolean;
|
|
57
|
+
typeConfig?: ChartTypeConfig;
|
|
50
58
|
};
|
|
51
59
|
/**
|
|
52
60
|
* Complete graph chart with processed plugins (used in implementation)
|
|
@@ -54,3 +62,4 @@ export declare type GraphChartDefinition<TType extends ChartType = ChartType> =
|
|
|
54
62
|
export declare type GraphChart<TType extends ChartType = ChartType> = Omit<GraphChartDefinition<TType>, 'chart'> & {
|
|
55
63
|
chart: GraphChartOptions<TType>;
|
|
56
64
|
};
|
|
65
|
+
export {};
|
|
@@ -8,10 +8,10 @@ import * as i6 from "./components/dynamic-timeline-report/dynamic-timeline-repor
|
|
|
8
8
|
import * as i7 from "./components/_parts/time-group-selector/time-group-selector.component";
|
|
9
9
|
import * as i8 from "./components/_parts/graph-dialog/graph-dialog.component";
|
|
10
10
|
import * as i9 from "./components/_parts/timeline-dialog/timeline-dialog.component";
|
|
11
|
-
import * as i10 from "./
|
|
12
|
-
import * as i11 from "./
|
|
13
|
-
import * as i12 from "./charts-components/
|
|
14
|
-
import * as i13 from "./
|
|
11
|
+
import * as i10 from "./directives/scrollable-div.directive";
|
|
12
|
+
import * as i11 from "./charts-components/graph-chart/graph-chart.component";
|
|
13
|
+
import * as i12 from "./charts-components/digit-chart/digit-chart.component";
|
|
14
|
+
import * as i13 from "./components/_parts/report-actions/report-actions.component";
|
|
15
15
|
import * as i14 from "@angular/common";
|
|
16
16
|
import * as i15 from "@ngx-translate/core";
|
|
17
17
|
import * as i16 from "@angular/material/menu";
|
|
@@ -29,8 +29,9 @@ import * as i27 from "../../../shared/components/nuxeo-dialog/nuxeo-dialog.modul
|
|
|
29
29
|
import * as i28 from "../../tables/ndf-table/ndf-table.module";
|
|
30
30
|
import * as i29 from "../../../directive/directive.module";
|
|
31
31
|
import * as i30 from "../../ndf-config-editor/public/editor-navigate-button";
|
|
32
|
+
import * as i31 from "../chart-panel";
|
|
32
33
|
export declare class NdfReportsModule {
|
|
33
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<NdfReportsModule, never>;
|
|
34
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NdfReportsModule, [typeof i1.NdfReportsComponent, typeof i2.NdfReportComponent, typeof i3.ChartTypeSelectorComponent, typeof i4.DigitReportComponent, typeof i5.GraphReportComponent, typeof i6.DynamicTimelineReportComponent, typeof i7.TimeGroupSelectorComponent, typeof i8.GraphDialogComponent, typeof i9.TimelineDialogComponent, typeof i10.
|
|
35
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NdfReportsModule, [typeof i1.NdfReportsComponent, typeof i2.NdfReportComponent, typeof i3.ChartTypeSelectorComponent, typeof i4.DigitReportComponent, typeof i5.GraphReportComponent, typeof i6.DynamicTimelineReportComponent, typeof i7.TimeGroupSelectorComponent, typeof i8.GraphDialogComponent, typeof i9.TimelineDialogComponent, typeof i10.ScrollableDivDirective, typeof i11.GraphChartComponent, typeof i12.DigitChartComponent, typeof i13.ReportActionsComponent], [typeof i14.CommonModule, typeof i15.TranslateModule, typeof i16.MatMenuModule, typeof i17.MatIconModule, typeof i18.MatButtonModule, typeof i19.ChartsModule, typeof i20.DynamicFormModule, typeof i21.ReactiveFormsModule, typeof i21.FormsModule, typeof i22.NgSelectModule, typeof i23.MatTooltipModule, typeof i24.FluidHeightModule, typeof i25.NdfFiltersPanelModule, typeof i26.MatProgressSpinnerModule, typeof i27.NuxeoDialogModule, typeof i28.NdfTableModule, typeof i29.DirectiveModule, typeof i30.EditorNavigateButton, typeof i31.ChartPanelModule], [typeof i1.NdfReportsComponent, typeof i2.NdfReportComponent]>;
|
|
35
36
|
static ɵinj: i0.ɵɵInjectorDeclaration<NdfReportsModule>;
|
|
36
37
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -236,6 +236,7 @@ export * from './lib/components/ndf-tabs';
|
|
|
236
236
|
export * from './lib/components/no-data-found';
|
|
237
237
|
export * from './lib/components/reports/charts';
|
|
238
238
|
export * from './lib/components/reports/ndf-reports';
|
|
239
|
+
export * from './lib/components/reports/chart-panel';
|
|
239
240
|
export * from './lib/components/skeleton';
|
|
240
241
|
export * from './lib/components/tables';
|
|
241
242
|
export * from './lib/components/ndf-config-editor';
|
|
@@ -49,16 +49,16 @@ The `NdfTableOptions` interface is used to configure table components in the app
|
|
|
49
49
|
|
|
50
50
|
```ts
|
|
51
51
|
export type NdfTableOptions = {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
52
|
+
filters: FiltersConfig;
|
|
53
|
+
search?: GlobalSearchConfig;
|
|
54
|
+
sortList?: TranslateKey[];
|
|
55
|
+
tableMode?: TableModeConfig;
|
|
56
|
+
export?: TableExportConfig;
|
|
57
|
+
columns?: {
|
|
58
|
+
toggle?: boolean;
|
|
59
|
+
sortable?: TableSortConfig;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
62
|
};
|
|
63
63
|
```
|
|
64
64
|
|
|
@@ -592,17 +592,18 @@ type AggregationFieldConfig = BaseFieldConfig & {
|
|
|
592
592
|
|
|
593
593
|
#### Property Descriptions
|
|
594
594
|
|
|
595
|
-
| Property | Type | Required | Description
|
|
596
|
-
| ----------------- | -------------------------------------------------------------------------------------------------------------------------------- | -------- |
|
|
597
|
-
| `aggregation` | `string` | ✅ | The name of the aggregation
|
|
598
|
-
| `propertyPath` | `string` | ❌ | Path to the property used in aggregation (if different from `fieldKey`).
|
|
599
|
-
| `bindLabel` | `{ ar: string; en: string }` | ❌ | Property name to use as Label
|
|
600
|
-
| `bindValue` | `string` | ❌ | Property name to use as the value
|
|
601
|
-
| `dataTransformer` | `string` | ❌ | Optional name of a transformer function to apply on the aggregation data.
|
|
602
|
-
| `sendMode` | `FieldSendModeType` | ✅ | Defines how the selected value should be sent in the request (e.g., `payload`, `queryParam` , `custom`).
|
|
603
|
-
| `tooltip` | `AggregationTooltipType` | ❌ | Tooltip text or configuration to display additional info for the field.
|
|
604
|
-
| `condition` | `EvaluatedString` | ❌ | Assign a `boolean` value (`true` or `false`) to the `show` variable based on a custom condition using the provided `language`, `user`, and `aggregations
|
|
605
|
-
| `render` | `CheckboxOptions \| SwitchOptions \| RadioOptions \| DropdownOptions \| AutocompleteOptions \| CustomOptions \| DateListOptions` | ✅ | Specifies how the field will be rendered in the UI.
|
|
595
|
+
| Property | Type | Required | Description |
|
|
596
|
+
| ----------------- | -------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
597
|
+
| `aggregation` | `string` | ✅ | The name of the aggregation |
|
|
598
|
+
| `propertyPath` | `string` | ❌ | Path to the property used in aggregation (if different from `fieldKey`). |
|
|
599
|
+
| `bindLabel` | `{ ar: string; en: string }` | ❌ | Property name to use as Label |
|
|
600
|
+
| `bindValue` | `string` | ❌ | Property name to use as the value |
|
|
601
|
+
| `dataTransformer` | `string` | ❌ | Optional name of a transformer function to apply on the aggregation data. |
|
|
602
|
+
| `sendMode` | `FieldSendModeType` | ✅ | Defines how the selected value should be sent in the request (e.g., `payload`, `queryParam` , `custom`). |
|
|
603
|
+
| `tooltip` | `AggregationTooltipType` | ❌ | Tooltip text or configuration to display additional info for the field. |
|
|
604
|
+
| `condition` | `EvaluatedString` | ❌ | Assign a `boolean` value (`true` or `false`) to the `show` variable based on a custom condition using the provided `language`, `user`, and `aggregations`, in order to determine whether the field should be shown or hidden. |
|
|
605
|
+
| `render` | `CheckboxOptions \| SwitchOptions \| RadioOptions \| DropdownOptions \| AutocompleteOptions \| CustomOptions \| DateListOptions` | ✅ | Specifies how the field will be rendered in the UI. |
|
|
606
|
+
| | | | |
|
|
606
607
|
#### Example
|
|
607
608
|
|
|
608
609
|
```ts
|
|
@@ -616,6 +617,7 @@ type AggregationFieldConfig = BaseFieldConfig & {
|
|
|
616
617
|
"prefix": "search.buckets.",
|
|
617
618
|
"sendMode": "queryParam",
|
|
618
619
|
"valueType": "property",
|
|
620
|
+
"condition": "show = language === 'ar' || aggregations['name']?.prop == 'any value' || user.userName !== 'guest'",
|
|
619
621
|
"render": {
|
|
620
622
|
// render config here
|
|
621
623
|
}
|
|
@@ -1196,14 +1198,14 @@ Here is an example template that will receive contextual variables from the tabl
|
|
|
1196
1198
|
### Supported Types
|
|
1197
1199
|
#### *Active user options*
|
|
1198
1200
|
```ts
|
|
1199
|
-
type ActiveUserSwitcherOptions = {
|
|
1200
|
-
type: 'activeUser';
|
|
1201
|
-
options?: Prettify<
|
|
1202
|
-
|
|
1203
|
-
bindValue?: string;
|
|
1204
|
-
text?: string;
|
|
1205
|
-
|
|
1206
|
-
>;
|
|
1201
|
+
type ActiveUserSwitcherOptions = {
|
|
1202
|
+
type: 'activeUser';
|
|
1203
|
+
options?: Prettify<
|
|
1204
|
+
HideLabel & {
|
|
1205
|
+
bindValue?: string;
|
|
1206
|
+
text?: string;
|
|
1207
|
+
}
|
|
1208
|
+
>;
|
|
1207
1209
|
}
|
|
1208
1210
|
```
|
|
1209
1211
|
|
|
@@ -1243,7 +1245,7 @@ type MultipleConfig = { multiple?: boolean };
|
|
|
1243
1245
|
type ShowTotalConfig = { showTotal?: boolean };
|
|
1244
1246
|
|
|
1245
1247
|
type SortOptions = { sort?: boolean };
|
|
1246
|
-
|
|
1248
|
+
|
|
1247
1249
|
type SearchConfig = {
|
|
1248
1250
|
|
|
1249
1251
|
search?: {
|
|
@@ -1277,8 +1279,8 @@ type SearchConfig = {
|
|
|
1277
1279
|
|
|
1278
1280
|
```ts
|
|
1279
1281
|
type LabelValue<L, V> = {
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
+
label: L;
|
|
1283
|
+
value: V;
|
|
1282
1284
|
};
|
|
1283
1285
|
```
|
|
1284
1286
|
|
|
@@ -1286,11 +1288,11 @@ type LabelValue<L, V> = {
|
|
|
1286
1288
|
|
|
1287
1289
|
```ts
|
|
1288
1290
|
type NdfRequestConfig = {
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1291
|
+
method: 'post' | 'get';
|
|
1292
|
+
url: string;
|
|
1293
|
+
payload?: Record<string, any>;
|
|
1294
|
+
params?: Record<string, any>;
|
|
1295
|
+
headers?: Record<string, any>;
|
|
1294
1296
|
};
|
|
1295
1297
|
```
|
|
1296
1298
|
|
|
@@ -1298,8 +1300,8 @@ type NdfRequestConfig = {
|
|
|
1298
1300
|
|
|
1299
1301
|
```ts
|
|
1300
1302
|
type TableSortConfig = {
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
+
enabled: boolean;
|
|
1304
|
+
frozenColumns?: string[]; // Specifies which columns should remain fixed (frozen) during column ordering
|
|
1303
1305
|
};
|
|
1304
1306
|
```
|
|
1305
1307
|
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class ChartPanelComponent {
|
|
4
|
-
}
|
|
5
|
-
ChartPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
ChartPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartPanelComponent, selector: "chart-panel", host: { classAttribute: "chart-panel" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\tbackground: var(--cp-background, rgba(0, 0, 0, 0.068));\n\t\t\t\tcolor: var(--cp-color);\n\t\t\t\tpadding: var(--cp-padding, 1rem);\n\t\t\t\tborder-radius: var(--cp-radius, 1rem);\n\t\t\t\tmin-height: var(--cp-min-height, 260px);\n\t\t\t\t@media print {\n\t\t\t\t\t--cp-min-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t"] });
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanelComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{
|
|
10
|
-
selector: 'chart-panel',
|
|
11
|
-
template: `<ng-content></ng-content>`,
|
|
12
|
-
styles: [
|
|
13
|
-
`
|
|
14
|
-
:host {
|
|
15
|
-
background: var(--cp-background, rgba(0, 0, 0, 0.068));
|
|
16
|
-
color: var(--cp-color);
|
|
17
|
-
padding: var(--cp-padding, 1rem);
|
|
18
|
-
border-radius: var(--cp-radius, 1rem);
|
|
19
|
-
min-height: var(--cp-min-height, 260px);
|
|
20
|
-
@media print {
|
|
21
|
-
--cp-min-height: 0;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
`
|
|
25
|
-
],
|
|
26
|
-
host: {
|
|
27
|
-
class: 'chart-panel'
|
|
28
|
-
}
|
|
29
|
-
}]
|
|
30
|
-
}] });
|
|
31
|
-
export class ChartPanelHeaderComponent {
|
|
32
|
-
}
|
|
33
|
-
ChartPanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
ChartPanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartPanelHeaderComponent, selector: "chart-panel-header", host: { classAttribute: "chart-panel-header flex justify-between items-center print:justify-center" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanelHeaderComponent, decorators: [{
|
|
36
|
-
type: Component,
|
|
37
|
-
args: [{
|
|
38
|
-
selector: 'chart-panel-header',
|
|
39
|
-
template: `<ng-content></ng-content>`,
|
|
40
|
-
encapsulation: ViewEncapsulation.None,
|
|
41
|
-
host: {
|
|
42
|
-
class: 'chart-panel-header flex justify-between items-center print:justify-center'
|
|
43
|
-
}
|
|
44
|
-
}]
|
|
45
|
-
}] });
|
|
46
|
-
export class ChartPanelFooterComponent {
|
|
47
|
-
}
|
|
48
|
-
ChartPanelFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
-
ChartPanelFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartPanelFooterComponent, selector: "chart-panel-footer", host: { classAttribute: "chart-panel-footer flex justify-between items-center print:hidden" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanelFooterComponent, decorators: [{
|
|
51
|
-
type: Component,
|
|
52
|
-
args: [{
|
|
53
|
-
selector: 'chart-panel-footer',
|
|
54
|
-
template: `<ng-content></ng-content>`,
|
|
55
|
-
encapsulation: ViewEncapsulation.None,
|
|
56
|
-
host: {
|
|
57
|
-
class: 'chart-panel-footer flex justify-between items-center print:hidden'
|
|
58
|
-
}
|
|
59
|
-
}]
|
|
60
|
-
}] });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9yZXBvcnRzL25kZi1yZXBvcnRzL2NvbXBvbmVudHMvY2hhcnQtcGFuZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBdUI3RCxNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO3FHQUFuQixtQkFBbUIsNEZBbkJyQiwyQkFBMkI7NEZBbUJ6QixtQkFBbUI7a0JBckIvQixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxhQUFhO29CQUN2QixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxNQUFNLEVBQUU7d0JBQ1A7Ozs7Ozs7Ozs7O0dBV0M7cUJBQ0Q7b0JBQ0QsSUFBSSxFQUFFO3dCQUNMLEtBQUssRUFBRSxhQUFhO3FCQUNwQjtpQkFDRDs7QUFXRCxNQUFNLE9BQU8seUJBQXlCOzt1SEFBekIseUJBQXlCOzJHQUF6Qix5QkFBeUIsaUtBTjNCLDJCQUEyQjs0RkFNekIseUJBQXlCO2tCQVJyQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0wsS0FBSyxFQUFFLDJFQUEyRTtxQkFDbEY7aUJBQ0Q7O0FBVUQsTUFBTSxPQUFPLHlCQUF5Qjs7dUhBQXpCLHlCQUF5QjsyR0FBekIseUJBQXlCLHlKQU4zQiwyQkFBMkI7NEZBTXpCLHlCQUF5QjtrQkFSckMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNMLEtBQUssRUFBRSxtRUFBbUU7cUJBQzFFO2lCQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdjaGFydC1wYW5lbCcsXHJcblx0dGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcclxuXHRzdHlsZXM6IFtcclxuXHRcdGBcclxuXHRcdFx0Omhvc3Qge1xyXG5cdFx0XHRcdGJhY2tncm91bmQ6IHZhcigtLWNwLWJhY2tncm91bmQsIHJnYmEoMCwgMCwgMCwgMC4wNjgpKTtcclxuXHRcdFx0XHRjb2xvcjogdmFyKC0tY3AtY29sb3IpO1xyXG5cdFx0XHRcdHBhZGRpbmc6IHZhcigtLWNwLXBhZGRpbmcsIDFyZW0pO1xyXG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IHZhcigtLWNwLXJhZGl1cywgMXJlbSk7XHJcblx0XHRcdFx0bWluLWhlaWdodDogdmFyKC0tY3AtbWluLWhlaWdodCwgMjYwcHgpO1xyXG5cdFx0XHRcdEBtZWRpYSBwcmludCB7XHJcblx0XHRcdFx0XHQtLWNwLW1pbi1oZWlnaHQ6IDA7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9XHJcblx0XHRgXHJcblx0XSxcclxuXHRob3N0OiB7XHJcblx0XHRjbGFzczogJ2NoYXJ0LXBhbmVsJ1xyXG5cdH1cclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXJ0UGFuZWxDb21wb25lbnQge31cclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY2hhcnQtcGFuZWwtaGVhZGVyJyxcclxuXHR0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxyXG5cdGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcblx0aG9zdDoge1xyXG5cdFx0Y2xhc3M6ICdjaGFydC1wYW5lbC1oZWFkZXIgZmxleCBqdXN0aWZ5LWJldHdlZW4gaXRlbXMtY2VudGVyIHByaW50Omp1c3RpZnktY2VudGVyJ1xyXG5cdH1cclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXJ0UGFuZWxIZWFkZXJDb21wb25lbnQge31cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdjaGFydC1wYW5lbC1mb290ZXInLFxyXG5cdHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXHJcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuXHRob3N0OiB7XHJcblx0XHRjbGFzczogJ2NoYXJ0LXBhbmVsLWZvb3RlciBmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXIgcHJpbnQ6aGlkZGVuJ1xyXG5cdH1cclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXJ0UGFuZWxGb290ZXJDb21wb25lbnQge31cclxuIl19
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ChartPanelComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanelComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartPanelComponent, "chart-panel", never, {}, {}, never, ["*"]>;
|
|
5
|
-
}
|
|
6
|
-
export declare class ChartPanelHeaderComponent {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanelHeaderComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartPanelHeaderComponent, "chart-panel-header", never, {}, {}, never, ["*"]>;
|
|
9
|
-
}
|
|
10
|
-
export declare class ChartPanelFooterComponent {
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChartPanelFooterComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartPanelFooterComponent, "chart-panel-footer", never, {}, {}, never, ["*"]>;
|
|
13
|
-
}
|