@net7/boilerplate-dataviz 3.9.2 → 4.1.0
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/esm2020/lib/components/card/card.mjs +8 -8
- package/esm2020/lib/components/card-state-wrapper/card-state-wrapper.mjs +4 -4
- package/esm2020/lib/components/card-text-item/card-text-item.mjs +4 -4
- package/esm2020/lib/components/data-widget-wrapper/data-widget-wrapper.mjs +4 -4
- package/esm2020/lib/components/datepicker-wrapper/datepicker-wrapper.mjs +6 -6
- package/esm2020/lib/layout/card-example-layout/card-example-layout.mjs +6 -6
- package/esm2020/lib/layout/example-layout/example-layout.mjs +4 -4
- package/esm2020/lib/n7-boilerplate-dataviz.module.mjs +7 -9
- package/fesm2015/net7-boilerplate-dataviz.mjs +32 -34
- package/fesm2015/net7-boilerplate-dataviz.mjs.map +1 -1
- package/fesm2020/net7-boilerplate-dataviz.mjs +32 -34
- package/fesm2020/net7-boilerplate-dataviz.mjs.map +1 -1
- package/{net7-boilerplate-dataviz.d.ts → index.d.ts} +0 -0
- package/lib/components/card/card.d.ts +1 -1
- package/lib/components/card-state-wrapper/card-state-wrapper.d.ts +1 -1
- package/lib/components/card-text-item/card-text-item.d.ts +1 -1
- package/lib/components/data-widget-wrapper/data-widget-wrapper.d.ts +1 -1
- package/lib/components/datepicker-wrapper/datepicker-wrapper.d.ts +1 -1
- package/lib/layout/card-example-layout/card-example-layout.d.ts +1 -1
- package/lib/layout/example-layout/example-layout.d.ts +1 -1
- package/package.json +5 -5
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, Input, ViewContainerRef, ViewChild, NgModule } from '@angular/core';
|
|
3
|
-
import * as
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i2 from '@net7/components';
|
|
6
6
|
import { DATA_WIDGET_MOCK, DvComponentsLibModule } from '@net7/components';
|
|
7
|
-
import * as i1 from '@net7/boilerplate-common';
|
|
7
|
+
import * as i1$1 from '@net7/boilerplate-common';
|
|
8
8
|
import { AbstractLayout, N7BoilerplateCommonModule } from '@net7/boilerplate-common';
|
|
9
9
|
import { delay, filter, first } from 'rxjs/operators';
|
|
10
10
|
import { LayoutDataSource, EventHandler, DataSource } from '@net7/core';
|
|
11
11
|
import { isObject, merge } from 'lodash';
|
|
12
12
|
import { BehaviorSubject, forkJoin } from 'rxjs';
|
|
13
|
-
import * as i2 from '@angular/router';
|
|
13
|
+
import * as i2$1 from '@angular/router';
|
|
14
14
|
|
|
15
15
|
class DataWidgetWrapperComponent {
|
|
16
16
|
}
|
|
17
|
-
DataWidgetWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18
|
-
DataWidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
17
|
+
DataWidgetWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataWidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
DataWidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DataWidgetWrapperComponent, selector: "dv-data-widget-wrapper", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dv-data-widget-wrapper {{ data && data.classes || '' }}\">\n <ng-content></ng-content>\n</div>" });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataWidgetWrapperComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'dv-data-widget-wrapper', template: "<div class=\"dv-data-widget-wrapper {{ data && data.classes || '' }}\">\n <ng-content></ng-content>\n</div>" }]
|
|
22
22
|
}], propDecorators: { data: [{
|
|
@@ -35,9 +35,9 @@ class DatepickerWrapperComponent {
|
|
|
35
35
|
this.emit('toggle', payload);
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
DatepickerWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
39
|
-
DatepickerWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
DatepickerWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DatepickerWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
DatepickerWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DatepickerWrapperComponent, selector: "dv-datepicker-wrapper", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"dv-datepicker-wrapper {{ data.select.classes || '' }}\">\n <div class=\"dv-datepicker-wrapper__label\" (click)=\"toggleDropDown(data.payload)\">\n <input type=\"text\" [value]=\"data.select.label\" [readOnly]=\"true\"/>\n <span class=\"{{data.select.icon}}\"></span>\n </div>\n <div class=\"dv-datepicker-wrapper__dropdown\" [hidden]=\"data.select.hidden\">\n <ul class=\"dv-datepicker-wrapper__dropdown-list\">\n <li class=\"dv-datepicker-wrapper__dropdown-list-option {{ opt.classes || '' }}\" *ngFor=\"let opt of data.select.items\" (click)=\"onClick(opt.payload)\">{{opt.text}}</li>\n </ul>\n </div>\n <n7-datepicker\n [data]=\"data.datepicker.data\"\n [emit]=\"emit\">\n </n7-datepicker>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DatepickerComponent, selector: "n7-datepicker", inputs: ["data", "emit"] }] });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DatepickerWrapperComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'dv-datepicker-wrapper', template: "<div *ngIf=\"data\" class=\"dv-datepicker-wrapper {{ data.select.classes || '' }}\">\n <div class=\"dv-datepicker-wrapper__label\" (click)=\"toggleDropDown(data.payload)\">\n <input type=\"text\" [value]=\"data.select.label\" [readOnly]=\"true\"/>\n <span class=\"{{data.select.icon}}\"></span>\n </div>\n <div class=\"dv-datepicker-wrapper__dropdown\" [hidden]=\"data.select.hidden\">\n <ul class=\"dv-datepicker-wrapper__dropdown-list\">\n <li class=\"dv-datepicker-wrapper__dropdown-list-option {{ opt.classes || '' }}\" *ngFor=\"let opt of data.select.items\" (click)=\"onClick(opt.payload)\">{{opt.text}}</li>\n </ul>\n </div>\n <n7-datepicker\n [data]=\"data.datepicker.data\"\n [emit]=\"emit\">\n </n7-datepicker>\n</div>\n" }]
|
|
43
43
|
}], propDecorators: { data: [{
|
|
@@ -76,9 +76,9 @@ class CardStateWrapperComponent {
|
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
CardStateWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
80
|
-
CardStateWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
79
|
+
CardStateWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CardStateWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
CardStateWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CardStateWrapperComponent, selector: "dv-card-state-wrapper", inputs: { state$: "state$", stateComponents: "stateComponents" }, viewQueries: [{ propertyName: "loading", first: true, predicate: ["loading"], descendants: true, read: ViewContainerRef }, { propertyName: "empty", first: true, predicate: ["empty"], descendants: true, read: ViewContainerRef }, { propertyName: "error", first: true, predicate: ["error"], descendants: true, read: ViewContainerRef }, { propertyName: "idle", first: true, predicate: ["idle"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-container *ngIf=\"(state$ | async) as state\">\n <ng-container [ngSwitch]=\"state\">\n <ng-container *ngSwitchCase=\"'idle'\">\n <ng-container #idle></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'loading'\">\n <ng-container #loading></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'empty'\">\n <ng-container #empty></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'success'\">\n <!-- card content -->\n <ng-content></ng-content>\n <!-- ------------ -->\n </ng-container>\n </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CardStateWrapperComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
83
83
|
args: [{ selector: 'dv-card-state-wrapper', template: "<ng-container *ngIf=\"(state$ | async) as state\">\n <ng-container [ngSwitch]=\"state\">\n <ng-container *ngSwitchCase=\"'idle'\">\n <ng-container #idle></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'loading'\">\n <ng-container #loading></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'empty'\">\n <ng-container #empty></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'success'\">\n <!-- card content -->\n <ng-content></ng-content>\n <!-- ------------ -->\n </ng-container>\n </ng-container>\n</ng-container>\n" }]
|
|
84
84
|
}], propDecorators: { state$: [{
|
|
@@ -106,9 +106,9 @@ class CardTextItemComponent {
|
|
|
106
106
|
this.emit('click', payload);
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
CardTextItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
110
|
-
CardTextItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
109
|
+
CardTextItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CardTextItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
110
|
+
CardTextItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CardTextItemComponent, selector: "dv-card-text-item", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"dv-card-text-item {{ data.classes || '' }}\">\n <span [innerHTML]=\"data.text\" (click)=\"onClick(data.payload)\"></span>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CardTextItemComponent, decorators: [{
|
|
112
112
|
type: Component,
|
|
113
113
|
args: [{ selector: 'dv-card-text-item', template: "<div *ngIf=\"data\" class=\"dv-card-text-item {{ data.classes || '' }}\">\n <span [innerHTML]=\"data.text\" (click)=\"onClick(data.payload)\"></span>\n</div>" }]
|
|
114
114
|
}], propDecorators: { data: [{
|
|
@@ -119,9 +119,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
119
119
|
|
|
120
120
|
class CardComponent {
|
|
121
121
|
}
|
|
122
|
-
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
123
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
122
|
+
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
123
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CardComponent, selector: "dv-card", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"dv-card {{ data.classes || '' }}\">\n <dv-card-state-wrapper [state$]=\"data.state$[data.id]\"\n [stateComponents]=\"data.stateComponents[data.id]\">\n <ng-container *ngFor=\"let area of ['header', 'content', 'footer']\">\n <div *ngIf=\"data[area]\"\n class=\"dv-card__{{ area }}\">\n <ng-container *ngFor=\"let section of data[area].sections\">\n <dv-card-state-wrapper [state$]=\"data.state$[section.id]\"\n [stateComponents]=\"section.stateComponents\">\n <section class=\"dv-card__section {{ section.classes || '' }}\">\n <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: section.items }\"></ng-container>\n </section>\n </dv-card-state-wrapper>\n </ng-container>\n </div>\n </ng-container>\n </dv-card-state-wrapper>\n</div>\n\n<ng-template #blocks\n let-items>\n <ng-container *ngFor=\"let item of items\">\n <dv-card-state-wrapper [state$]=\"data.state$[item.id]\"\n [stateComponents]=\"data.stateComponents[item.id]\">\n <div class=\"{{ 'dv-card__item dv-card__' + item.type }}\">\n <!-- TEXT -->\n <ng-container *ngIf=\"item.type === 'text'\">\n <dv-card-text-item [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></dv-card-text-item>\n </ng-container>\n\n <!-- DATA WIDGET -->\n <ng-container *ngIf=\"item.type === 'data-widget'\">\n <n7-data-widget [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\">\n </n7-data-widget>\n </ng-container>\n\n <!-- TABLE -->\n <ng-container *ngIf=\"item.type === 'table'\">\n <n7-table [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></n7-table>\n </ng-container>\n\n <!-- INNER TITLE -->\n <ng-container *ngIf=\"item.type === 'inner-title'\">\n <n7-inner-title [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></n7-inner-title>\n </ng-container>\n\n <!-- SELECT -->\n <ng-container *ngIf=\"item.type === 'select'\">\n <n7-input-select [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></n7-input-select>\n </ng-container>\n\n <!-- APEX CHARTS -->\n <ng-container *ngIf=\"item.type.includes('apex')\">\n <n7-chart [data]=\"data.widgets[item.id].ds.out$ | async\"></n7-chart>\n </ng-container>\n\n <!-- MAP -->\n <ng-container *ngIf=\"item.type === 'map'\">\n <n7-map [data]=\"data.widgets[item.id].ds.out$ | async\"></n7-map>\n </ng-container>\n </div>\n </dv-card-state-wrapper>\n </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ChartComponent, selector: "n7-chart", inputs: ["data", "emit"] }, { kind: "component", type: i2.DataWidgetComponent, selector: "n7-data-widget", inputs: ["data", "emit"] }, { kind: "component", type: i2.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i2.InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }, { kind: "component", type: i2.MapComponent, selector: "n7-map", inputs: ["data", "emit"] }, { kind: "component", type: i2.TableComponent, selector: "n7-table", inputs: ["data", "emit"] }, { kind: "component", type: CardStateWrapperComponent, selector: "dv-card-state-wrapper", inputs: ["state$", "stateComponents"] }, { kind: "component", type: CardTextItemComponent, selector: "dv-card-text-item", inputs: ["data", "emit"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{ selector: 'dv-card', template: "<div *ngIf=\"data\"\n class=\"dv-card {{ data.classes || '' }}\">\n <dv-card-state-wrapper [state$]=\"data.state$[data.id]\"\n [stateComponents]=\"data.stateComponents[data.id]\">\n <ng-container *ngFor=\"let area of ['header', 'content', 'footer']\">\n <div *ngIf=\"data[area]\"\n class=\"dv-card__{{ area }}\">\n <ng-container *ngFor=\"let section of data[area].sections\">\n <dv-card-state-wrapper [state$]=\"data.state$[section.id]\"\n [stateComponents]=\"section.stateComponents\">\n <section class=\"dv-card__section {{ section.classes || '' }}\">\n <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: section.items }\"></ng-container>\n </section>\n </dv-card-state-wrapper>\n </ng-container>\n </div>\n </ng-container>\n </dv-card-state-wrapper>\n</div>\n\n<ng-template #blocks\n let-items>\n <ng-container *ngFor=\"let item of items\">\n <dv-card-state-wrapper [state$]=\"data.state$[item.id]\"\n [stateComponents]=\"data.stateComponents[item.id]\">\n <div class=\"{{ 'dv-card__item dv-card__' + item.type }}\">\n <!-- TEXT -->\n <ng-container *ngIf=\"item.type === 'text'\">\n <dv-card-text-item [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></dv-card-text-item>\n </ng-container>\n\n <!-- DATA WIDGET -->\n <ng-container *ngIf=\"item.type === 'data-widget'\">\n <n7-data-widget [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\">\n </n7-data-widget>\n </ng-container>\n\n <!-- TABLE -->\n <ng-container *ngIf=\"item.type === 'table'\">\n <n7-table [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></n7-table>\n </ng-container>\n\n <!-- INNER TITLE -->\n <ng-container *ngIf=\"item.type === 'inner-title'\">\n <n7-inner-title [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></n7-inner-title>\n </ng-container>\n\n <!-- SELECT -->\n <ng-container *ngIf=\"item.type === 'select'\">\n <n7-input-select [data]=\"data.widgets[item.id].ds.out$ | async\"\n [emit]=\"data.widgets[item.id].emit\"></n7-input-select>\n </ng-container>\n\n <!-- APEX CHARTS -->\n <ng-container *ngIf=\"item.type.includes('apex')\">\n <n7-chart [data]=\"data.widgets[item.id].ds.out$ | async\"></n7-chart>\n </ng-container>\n\n <!-- MAP -->\n <ng-container *ngIf=\"item.type === 'map'\">\n <n7-map [data]=\"data.widgets[item.id].ds.out$ | async\"></n7-map>\n </ng-container>\n </div>\n </dv-card-state-wrapper>\n </ng-container>\n</ng-template>\n" }]
|
|
127
127
|
}], propDecorators: { data: [{
|
|
@@ -675,9 +675,9 @@ class DvExampleLayoutComponent extends AbstractLayout {
|
|
|
675
675
|
this.onDestroy();
|
|
676
676
|
}
|
|
677
677
|
}
|
|
678
|
-
DvExampleLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
679
|
-
DvExampleLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
680
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
678
|
+
DvExampleLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DvExampleLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
679
|
+
DvExampleLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DvExampleLayoutComponent, selector: "dv-example-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"dv-example-layout\" id=\"example-layout\">\n <h2>Grid component</h2>\n <p>Four columns equal width</p>\n <n7-grid templateColumns=\"1fr 1fr 1fr 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/200\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/201\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/199\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/198\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/197\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/195\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/203\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/204\" />\n </div>\n </n7-grid>\n\n <br />\n\n <p>Two columns, first is 33%</p>\n <n7-grid templateColumns=\"33% 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/600\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/600/600\" />\n </div>\n </n7-grid>\n\n <p>Nested grids</p>\n <n7-grid templateColumns=\"33% 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/500\" />\n </div>\n <div class=\"n7-grid__item\">\n <n7-grid templateColumns=\"1fr 1fr 1fr 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/200\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/201\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/199\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/198\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/197\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/195\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/203\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/204\" />\n </div>\n </n7-grid>\n </div>\n </n7-grid>\n\n <h2>Container component</h2>\n <p>Full width container</p>\n <n7-container classes=\"big-container-class\">Container content</n7-container>\n <n7-container classes=\"big-container-class\" fluid=\"true\">\n Container fluid content\n </n7-container>\n\n <h2>Combined components</h2>\n <p>Container with grids inside</p>\n <n7-container classes=\"big-container-class\">\n <n7-grid templateColumns=\"33% 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/500\" />\n </div>\n <div class=\"n7-grid__item\">\n <n7-grid templateColumns=\"1fr 1fr 1fr 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/200\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/201\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/199\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/198\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/197\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/195\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/203\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/204\" />\n </div>\n </n7-grid>\n </div>\n </n7-grid>\n </n7-container>\n\n\n <h2>Side scroller component</h2>\n \n <n7-container classes=\"big-container-class\" fluid=\"true\">\n <n7-side-scroller>\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n </n7-side-scroller>\n </n7-container>\n\n <!-- Data widget wrapper with not-fixed height, two rows -->\n <!-- <dv-data-widget-wrapper>\n <div class=\"dv-data-widget-wrapper__title\">\n <n7-inner-title\n [data]=\"lb.widgets['dv-inner-title'].ds.out$ | async\">\n </n7-inner-title>\n </div>\n <div class=\"dv-data-widget-wrapper__content\">\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-data-widget\n [data]=\"lb.widgets['dv-widget'].ds.out$ | async\">\n </n7-data-widget>\n </div>\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-chart\n [data]=\"lb.widgets['dv-graph'].ds.out$ | async\">\n </n7-chart>\n </div>\n </div>\n </dv-data-widget-wrapper> -->\n\n <!-- Data widget wrapper with fixed height, two rows -->\n <!-- <dv-data-widget-wrapper\n [data]=\"{ classes: 'dv-data-widget-wrapper-fixed-height' }\"\n >\n <div class=\"dv-data-widget-wrapper__title\">\n <n7-inner-title [data]=\"lb.widgets['dv-inner-title'].ds.out$ | async\">\n </n7-inner-title>\n </div>\n <div class=\"dv-data-widget-wrapper__content\">\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-data-widget [data]=\"lb.widgets['dv-widget'].ds.out$ | async\">\n </n7-data-widget>\n </div>\n <div class=\"dv-data-widget-wrapper__content-row\">Row content</div>\n </div>\n </dv-data-widget-wrapper> -->\n\n <!-- Data widget wrapper with fixed height, one row -->\n <!-- <dv-data-widget-wrapper\n [data]=\"{ classes: 'dv-data-widget-wrapper-fixed-height' }\"\n >\n <div class=\"dv-data-widget-wrapper__title\">\n <n7-inner-title [data]=\"lb.widgets['dv-inner-title'].ds.out$ | async\">\n </n7-inner-title>\n </div>\n <div class=\"dv-data-widget-wrapper__content\">\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-data-widget [data]=\"lb.widgets['dv-widget'].ds.out$ | async\">\n </n7-data-widget>\n </div>\n </div>\n </dv-data-widget-wrapper>\n\n <dv-datepicker-wrapper\n [data]=\"lb.widgets['dv-datepicker-wrapper'].ds.out$ | async\"\n [emit]=\"lb.widgets['dv-datepicker-wrapper'].emit\"\n >\n </dv-datepicker-wrapper> -->\n</div>\n", dependencies: [{ kind: "component", type: i1$1.GridComponent, selector: "n7-grid", inputs: ["templateColumns", "classes"] }, { kind: "component", type: i1$1.ContainerComponent, selector: "n7-container", inputs: ["fluid", "classes"] }, { kind: "component", type: i1$1.SideScrollerComponent, selector: "n7-side-scroller", inputs: ["classes"] }] });
|
|
680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DvExampleLayoutComponent, decorators: [{
|
|
681
681
|
type: Component,
|
|
682
682
|
args: [{ selector: 'dv-example-layout', template: "<div class=\"dv-example-layout\" id=\"example-layout\">\n <h2>Grid component</h2>\n <p>Four columns equal width</p>\n <n7-grid templateColumns=\"1fr 1fr 1fr 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/200\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/201\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/199\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/198\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/197\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/195\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/203\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/204\" />\n </div>\n </n7-grid>\n\n <br />\n\n <p>Two columns, first is 33%</p>\n <n7-grid templateColumns=\"33% 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/600\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/600/600\" />\n </div>\n </n7-grid>\n\n <p>Nested grids</p>\n <n7-grid templateColumns=\"33% 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/500\" />\n </div>\n <div class=\"n7-grid__item\">\n <n7-grid templateColumns=\"1fr 1fr 1fr 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/200\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/201\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/199\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/198\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/197\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/195\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/203\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/204\" />\n </div>\n </n7-grid>\n </div>\n </n7-grid>\n\n <h2>Container component</h2>\n <p>Full width container</p>\n <n7-container classes=\"big-container-class\">Container content</n7-container>\n <n7-container classes=\"big-container-class\" fluid=\"true\">\n Container fluid content\n </n7-container>\n\n <h2>Combined components</h2>\n <p>Container with grids inside</p>\n <n7-container classes=\"big-container-class\">\n <n7-grid templateColumns=\"33% 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/300/500\" />\n </div>\n <div class=\"n7-grid__item\">\n <n7-grid templateColumns=\"1fr 1fr 1fr 1fr\" classes=\"custom-grid\">\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/200\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/201\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/199\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/198\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/197\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/195\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/203\" />\n </div>\n <div class=\"n7-grid__item\">\n <img src=\"http://placekitten.com/200/204\" />\n </div>\n </n7-grid>\n </div>\n </n7-grid>\n </n7-container>\n\n\n <h2>Side scroller component</h2>\n \n <n7-container classes=\"big-container-class\" fluid=\"true\">\n <n7-side-scroller>\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n <img src=\"http://placekitten.com/200/204\" />\n </n7-side-scroller>\n </n7-container>\n\n <!-- Data widget wrapper with not-fixed height, two rows -->\n <!-- <dv-data-widget-wrapper>\n <div class=\"dv-data-widget-wrapper__title\">\n <n7-inner-title\n [data]=\"lb.widgets['dv-inner-title'].ds.out$ | async\">\n </n7-inner-title>\n </div>\n <div class=\"dv-data-widget-wrapper__content\">\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-data-widget\n [data]=\"lb.widgets['dv-widget'].ds.out$ | async\">\n </n7-data-widget>\n </div>\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-chart\n [data]=\"lb.widgets['dv-graph'].ds.out$ | async\">\n </n7-chart>\n </div>\n </div>\n </dv-data-widget-wrapper> -->\n\n <!-- Data widget wrapper with fixed height, two rows -->\n <!-- <dv-data-widget-wrapper\n [data]=\"{ classes: 'dv-data-widget-wrapper-fixed-height' }\"\n >\n <div class=\"dv-data-widget-wrapper__title\">\n <n7-inner-title [data]=\"lb.widgets['dv-inner-title'].ds.out$ | async\">\n </n7-inner-title>\n </div>\n <div class=\"dv-data-widget-wrapper__content\">\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-data-widget [data]=\"lb.widgets['dv-widget'].ds.out$ | async\">\n </n7-data-widget>\n </div>\n <div class=\"dv-data-widget-wrapper__content-row\">Row content</div>\n </div>\n </dv-data-widget-wrapper> -->\n\n <!-- Data widget wrapper with fixed height, one row -->\n <!-- <dv-data-widget-wrapper\n [data]=\"{ classes: 'dv-data-widget-wrapper-fixed-height' }\"\n >\n <div class=\"dv-data-widget-wrapper__title\">\n <n7-inner-title [data]=\"lb.widgets['dv-inner-title'].ds.out$ | async\">\n </n7-inner-title>\n </div>\n <div class=\"dv-data-widget-wrapper__content\">\n <div class=\"dv-data-widget-wrapper__content-row\">\n <n7-data-widget [data]=\"lb.widgets['dv-widget'].ds.out$ | async\">\n </n7-data-widget>\n </div>\n </div>\n </dv-data-widget-wrapper>\n\n <dv-datepicker-wrapper\n [data]=\"lb.widgets['dv-datepicker-wrapper'].ds.out$ | async\"\n [emit]=\"lb.widgets['dv-datepicker-wrapper'].emit\"\n >\n </dv-datepicker-wrapper> -->\n</div>\n" }]
|
|
683
683
|
}], ctorParameters: function () { return []; } });
|
|
@@ -945,12 +945,12 @@ class DvCardExampleLayoutComponent extends AbstractLayout {
|
|
|
945
945
|
this.onDestroy();
|
|
946
946
|
}
|
|
947
947
|
}
|
|
948
|
-
DvCardExampleLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
949
|
-
DvCardExampleLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
948
|
+
DvCardExampleLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DvCardExampleLayoutComponent, deps: [{ token: i1$1.LayoutsConfigurationService }, { token: i1$1.ConfigurationService }, { token: i1$1.CommunicationService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
949
|
+
DvCardExampleLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DvCardExampleLayoutComponent, selector: "dv-card-example-layout", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"lb.dataSource && lb.dataSource.cards\" class=\"dv-card-example-layout\">\n <ng-container *ngFor=\"let card of lb.dataSource.cards\">\n <dv-card [data]=\"card\"></dv-card>\n </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CardComponent, selector: "dv-card", inputs: ["data", "emit"] }] });
|
|
950
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DvCardExampleLayoutComponent, decorators: [{
|
|
951
951
|
type: Component,
|
|
952
952
|
args: [{ selector: 'dv-card-example-layout', template: "<div *ngIf=\"lb.dataSource && lb.dataSource.cards\" class=\"dv-card-example-layout\">\n <ng-container *ngFor=\"let card of lb.dataSource.cards\">\n <dv-card [data]=\"card\"></dv-card>\n </ng-container>\n</div>" }]
|
|
953
|
-
}], ctorParameters: function () { return [{ type: i1.LayoutsConfigurationService }, { type: i1.ConfigurationService }, { type: i1.CommunicationService }, { type: i2.ActivatedRoute }]; } });
|
|
953
|
+
}], ctorParameters: function () { return [{ type: i1$1.LayoutsConfigurationService }, { type: i1$1.ConfigurationService }, { type: i1$1.CommunicationService }, { type: i2$1.ActivatedRoute }]; } });
|
|
954
954
|
|
|
955
955
|
// MODULES
|
|
956
956
|
const COMPONENTS = [
|
|
@@ -964,8 +964,8 @@ const COMPONENTS = [
|
|
|
964
964
|
];
|
|
965
965
|
class N7BoilerplateDatavizModule {
|
|
966
966
|
}
|
|
967
|
-
N7BoilerplateDatavizModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
968
|
-
N7BoilerplateDatavizModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
967
|
+
N7BoilerplateDatavizModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: N7BoilerplateDatavizModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
968
|
+
N7BoilerplateDatavizModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: N7BoilerplateDatavizModule, declarations: [DataWidgetWrapperComponent,
|
|
969
969
|
DatepickerWrapperComponent,
|
|
970
970
|
CardComponent,
|
|
971
971
|
CardStateWrapperComponent,
|
|
@@ -980,12 +980,10 @@ N7BoilerplateDatavizModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
|
|
|
980
980
|
CardTextItemComponent,
|
|
981
981
|
DvExampleLayoutComponent,
|
|
982
982
|
DvCardExampleLayoutComponent] });
|
|
983
|
-
N7BoilerplateDatavizModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
]] });
|
|
988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: N7BoilerplateDatavizModule, decorators: [{
|
|
983
|
+
N7BoilerplateDatavizModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: N7BoilerplateDatavizModule, imports: [CommonModule,
|
|
984
|
+
DvComponentsLibModule,
|
|
985
|
+
N7BoilerplateCommonModule] });
|
|
986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: N7BoilerplateDatavizModule, decorators: [{
|
|
989
987
|
type: NgModule,
|
|
990
988
|
args: [{
|
|
991
989
|
declarations: COMPONENTS,
|