@hestia-earth/ui-components 0.7.0 → 0.7.2
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/hestia-earth-ui-components.umd.js +34 -28
- package/bundles/hestia-earth-ui-components.umd.js.map +1 -1
- package/common/utils.d.ts +1 -1
- package/esm2015/common/link-key-value/link-key-value.component.js +2 -2
- package/esm2015/common/utils.js +2 -2
- package/esm2015/cycles/cycles-emissions-chart/cycles-emissions-chart.component.js +14 -12
- package/esm2015/engine/engine-models-version-link/engine-models-version-link.component.js +2 -2
- package/esm2015/files/files-error.model.js +3 -2
- package/esm2015/impact-assessments/impact-assessments-indicators-chart/impact-assessments-indicators-chart.component.js +14 -11
- package/esm2015/impact-assessments/impact-assessments-products/impact-assessments-products.component.js +1 -1
- package/esm2015/node/node.service.js +5 -5
- package/fesm2015/hestia-earth-ui-components.js +34 -28
- package/fesm2015/hestia-earth-ui-components.js.map +1 -1
- package/package.json +3 -3
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
var _c$4;
|
|
421
421
|
var get$6 = require('lodash.get');
|
|
422
422
|
var gitHome = 'https://gitlab.com/hestia-earth';
|
|
423
|
-
var gitRawBaseUrl = 'https://
|
|
423
|
+
var gitRawBaseUrl = 'https://gl.githack.com/hestia-earth';
|
|
424
424
|
var gitBranch = function () { return ['dev', 'staging'].some(function (env) { return baseUrl().includes(env); }) ? 'develop' : 'master'; };
|
|
425
425
|
var isChrome = function () { return window.navigator.userAgent.includes('Chrome'); };
|
|
426
426
|
var baseUrl = function () {
|
|
@@ -1280,7 +1280,7 @@
|
|
|
1280
1280
|
return this.http.get(this.nodeUrl(node) + "/log", {
|
|
1281
1281
|
headers: this.authService.headers,
|
|
1282
1282
|
responseType: 'text',
|
|
1283
|
-
params: filterParams({ dataState: dataState
|
|
1283
|
+
params: filterParams(dataState === api.DataState.recalculated ? { dataState: dataState } : { aggregated: aggregated })
|
|
1284
1284
|
}).pipe(operators.catchError(function () { return rxjs.of(''); }));
|
|
1285
1285
|
};
|
|
1286
1286
|
HeNodeService.prototype.getMissingLookupsLog = function (_a) {
|
|
@@ -1294,12 +1294,12 @@
|
|
|
1294
1294
|
var dataState = _a.dataState, aggregated = _a.aggregated, node = __rest(_a, ["dataState", "aggregated"]);
|
|
1295
1295
|
return this.http.get(this.nodeUrl(node) + "/log/error", {
|
|
1296
1296
|
headers: this.authService.headers,
|
|
1297
|
-
params: filterParams({ dataState: dataState
|
|
1297
|
+
params: filterParams(dataState === api.DataState.recalculated ? { dataState: dataState } : { aggregated: aggregated })
|
|
1298
1298
|
}).toPromise().catch(handleAPIError);
|
|
1299
1299
|
};
|
|
1300
1300
|
HeNodeService.prototype.triggerPipeline = function (_a) {
|
|
1301
1301
|
var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
|
|
1302
|
-
return this.http.post(this.nodeUrl(node) + "/pipeline",
|
|
1302
|
+
return this.http.post(this.nodeUrl(node) + "/pipeline", filterParams({ dataState: dataState }), {
|
|
1303
1303
|
headers: this.authService.headers
|
|
1304
1304
|
}).toPromise().catch(handleAPIError);
|
|
1305
1305
|
};
|
|
@@ -2058,7 +2058,7 @@
|
|
|
2058
2058
|
return LinkKeyValueComponent;
|
|
2059
2059
|
}());
|
|
2060
2060
|
LinkKeyValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LinkKeyValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2061
|
-
LinkKeyValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LinkKeyValueComponent, selector: "he-link-key-value", inputs: { node: "node", nodeType: "nodeType", dataKey: "dataKey", key: "key", defaultValue: "defaultValue" }, host: { properties: { "class.is-inline-block": "this.isInlineBlock" } }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isUndefined; else showDefault\">\n <ng-container *bindOnce=\"node\">\n <a [href]=\"baseUrl + '/schema/' + type + '#' + key\" target=\"_blank\"><b>{{key}}</b></a>\n <span class=\"pr-2\">:</span>\n\n <ng-container *ngIf=\"isArray; else singleValue\">\n <div class=\"array-container pl-2\">\n <p *ngFor=\"let v of value\" [innerHtml]=\"toString(v) | precision:3\"></p>\n </div>\n </ng-container>\n </ng-container>\n</ng-container>\n\n<ng-template #singleValue>\n <div class=\"is-inline-block pr-1\" [innerHtml]=\"valueString | precision:3\"></div>\n\n <he-blank-node-state\n [node]=\"node\" [nodeType]=\"nodeType\" [dataKey]=\"dataKey\" [key]=\"key\"\n ></he-blank-node-state>\n</ng-template>\n\n<ng-template #showDefault>\n <span>{{defaultValue}}</span>\n</ng-template>\n", styles: [":host{display:block}.array-container{max-height:100px;overflow-y:auto}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "precision": PrecisionPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2061
|
+
LinkKeyValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LinkKeyValueComponent, selector: "he-link-key-value", inputs: { node: "node", nodeType: "nodeType", dataKey: "dataKey", key: "key", defaultValue: "defaultValue" }, host: { properties: { "class.is-inline-block": "this.isInlineBlock" } }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isUndefined; else showDefault\">\n <ng-container *bindOnce=\"node\">\n <a class=\"has-text-white is-underlined\" [href]=\"baseUrl + '/schema/' + type + '#' + key\" target=\"_blank\"><b>{{key}}</b></a>\n <span class=\"pr-2\">:</span>\n\n <ng-container *ngIf=\"isArray; else singleValue\">\n <div class=\"array-container pl-2\">\n <p *ngFor=\"let v of value\" [innerHtml]=\"toString(v) | precision:3\"></p>\n </div>\n </ng-container>\n </ng-container>\n</ng-container>\n\n<ng-template #singleValue>\n <div class=\"is-inline-block pr-1\" [innerHtml]=\"valueString | precision:3\"></div>\n\n <he-blank-node-state\n [node]=\"node\" [nodeType]=\"nodeType\" [dataKey]=\"dataKey\" [key]=\"key\"\n ></he-blank-node-state>\n</ng-template>\n\n<ng-template #showDefault>\n <span>{{defaultValue}}</span>\n</ng-template>\n", styles: [":host{display:block}:host a{color:#fff;text-decoration:underline}.array-container{max-height:100px;overflow-y:auto}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "precision": PrecisionPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2062
2062
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LinkKeyValueComponent, decorators: [{
|
|
2063
2063
|
type: i0.Component,
|
|
2064
2064
|
args: [{
|
|
@@ -6863,23 +6863,26 @@
|
|
|
6863
6863
|
return this.selectedTerm ? this.updateChart() : null;
|
|
6864
6864
|
};
|
|
6865
6865
|
CyclesEmissionsChartComponent.prototype.initChart = function () {
|
|
6866
|
+
var _this = this;
|
|
6866
6867
|
var _a, _b;
|
|
6867
|
-
var
|
|
6868
|
-
var values = (this.emissionPerCycle[
|
|
6868
|
+
var termName = (_a = this.selectedTerm) === null || _a === void 0 ? void 0 : _a.name;
|
|
6869
|
+
var values = (this.emissionPerCycle[termName] || { values: {} }).values;
|
|
6870
|
+
var labels = this.cycles.map(cycleName);
|
|
6869
6871
|
var colors = this.cycles.map(function (impact, index) { return itemColor(index); });
|
|
6872
|
+
var datasets = [{
|
|
6873
|
+
label: termName || '',
|
|
6874
|
+
data: this.cycles.map(function (cycle) { var _a; return term.propertyValue(cycleValue(cycle, values), (_a = _this.selectedTerm) === null || _a === void 0 ? void 0 : _a['@id']); }),
|
|
6875
|
+
backgroundColor: colors,
|
|
6876
|
+
borderColor: colors
|
|
6877
|
+
}];
|
|
6870
6878
|
if (this.chart) {
|
|
6871
6879
|
this.chart.destroy();
|
|
6872
6880
|
}
|
|
6873
|
-
this.chart = new chart_js.Chart((
|
|
6881
|
+
this.chart = new chart_js.Chart((_b = this.chartRef) === null || _b === void 0 ? void 0 : _b.nativeElement, {
|
|
6874
6882
|
type: 'bar',
|
|
6875
6883
|
data: {
|
|
6876
|
-
labels:
|
|
6877
|
-
datasets:
|
|
6878
|
-
label: ((_b = this.selectedTerm) === null || _b === void 0 ? void 0 : _b.name) || '',
|
|
6879
|
-
data: this.cycles.map(function (cycle) { return term.propertyValue(cycleValue(cycle, values), termId); }),
|
|
6880
|
-
backgroundColor: colors,
|
|
6881
|
-
borderColor: colors
|
|
6882
|
-
}]
|
|
6884
|
+
labels: labels,
|
|
6885
|
+
datasets: datasets
|
|
6883
6886
|
},
|
|
6884
6887
|
plugins: [ChartDataLabels__default["default"]],
|
|
6885
6888
|
options: {
|
|
@@ -6917,7 +6920,7 @@
|
|
|
6917
6920
|
return CyclesEmissionsChartComponent;
|
|
6918
6921
|
}());
|
|
6919
6922
|
CyclesEmissionsChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesEmissionsChartComponent, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6920
|
-
CyclesEmissionsChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: { cycles: "cycles" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"!terms?.length\">\n <div class=\"field is-horizontal\">\n <div class=\"field-label is-normal\">\n <label class=\"label\" for=\"selectedTerm\">\n <span>Select
|
|
6923
|
+
CyclesEmissionsChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: { cycles: "cycles" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"!terms?.length\">\n <div class=\"field is-horizontal\">\n <div class=\"field-label is-normal\">\n <label class=\"label\" for=\"selectedTerm\">\n <span>Select an Emission</span>\n </label>\n </div>\n <div class=\"field-body\">\n <div class=\"control\">\n <div class=\"select is-small\">\n <select (change)=\"updateChart()\" [(ngModel)]=\"selectedTerm\" id=\"selectedTerm\">\n <option *ngFor=\"let term of terms\" [ngValue]=\"term\">{{term.name}} ({{term.units}})</option>\n </select>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"mt-1\">\n <div class=\"chart-container\">\n <canvas #chart></canvas>\n </div>\n </div>\n</div>\n", styles: [":host{display:block;overflow:visible}.chart-container{height:400px;position:relative}\n"], directives: [{ type: i1__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
6921
6924
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesEmissionsChartComponent, decorators: [{
|
|
6922
6925
|
type: i0.Component,
|
|
6923
6926
|
args: [{
|
|
@@ -7389,7 +7392,7 @@
|
|
|
7389
7392
|
return EngineModelsVersionLinkComponent;
|
|
7390
7393
|
}());
|
|
7391
7394
|
EngineModelsVersionLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EngineModelsVersionLinkComponent, deps: [{ token: HeEngineService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7392
|
-
EngineModelsVersionLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: { node: "node" }, ngImport: i0__namespace, template: "<div class=\"tags has-addons\" *ngIf=\"service.latestVersion$ | async as latestVersion\">\n
|
|
7395
|
+
EngineModelsVersionLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: { node: "node" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"version\">\n <div class=\"tags has-addons\" *ngIf=\"service.latestVersion$ | async as latestVersion\">\n <ng-container *bindOnce=\"url\">\n <a class=\"tag is-info\" [href]=\"url\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n {{version}}\n <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n </a>\n </ng-container>\n <ng-container *ngIf=\"latestVersion === version; else outdated\">\n <ng-container *ngTemplateOutlet=\"latest\"></ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<ng-template #latest>\n <span class=\"tag is-success\">latest recalculations</span>\n</ng-template>\n\n<ng-template #outdated>\n <span class=\"tag is-warning\">outdated recalculations</span>\n</ng-template>\n", styles: ["a{color:inherit}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
7393
7396
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EngineModelsVersionLinkComponent, decorators: [{
|
|
7394
7397
|
type: i0.Component,
|
|
7395
7398
|
args: [{
|
|
@@ -7815,7 +7818,7 @@
|
|
|
7815
7818
|
_g['is missing required bibliographic information'] = function () { return "The automatic bibliography search failed for this Bibliography. Either:\n 1) manually fill-in the <b>required</b> bibliographic information as per\n " + schemaLink(schema.SchemaType.Bibliography, 'our schema') + ".\n 2) provide the " + code('documentDOI') + " as well as the " + code('title') + "\n 3) check the " + code('documentDOI') + " and " + code('title') + " for typos against the\n " + externalLink('https://www.mendeley.com', 'Mendeley catalogue'); },
|
|
7816
7819
|
_g['should be lower than max size'] = function (_g) {
|
|
7817
7820
|
var params = _g.params;
|
|
7818
|
-
return "The boundary or region is >" + (params === null || params === void 0 ? void 0 : params.expected) + "km2 and is too large to reliably gap fill Measurements.";
|
|
7821
|
+
return "The boundary or region is >" + (params === null || params === void 0 ? void 0 : params.expected) + "km2 and is too large to reliably gap fill Measurements.\n If you are able to use a more specific region, please do.";
|
|
7819
7822
|
},
|
|
7820
7823
|
_g['an excreta input is required when using an excretaManagement practice'] = function (_g) {
|
|
7821
7824
|
var dataPath = _g.dataPath;
|
|
@@ -9871,21 +9874,24 @@
|
|
|
9871
9874
|
};
|
|
9872
9875
|
ImpactAssessmentsIndicatorsChartComponent.prototype.initChart = function () {
|
|
9873
9876
|
var _a, _b;
|
|
9874
|
-
var
|
|
9877
|
+
var termName = (_a = this.selectedTerm) === null || _a === void 0 ? void 0 : _a.name;
|
|
9878
|
+
var values = (this.indicatorPerImpactAssessment[termName] || { values: {} }).values;
|
|
9879
|
+
var labels = this.impactAssessments.map(impactName);
|
|
9875
9880
|
var colors = this.impactAssessments.map(function (impact, index) { return itemColor(index); });
|
|
9881
|
+
var datasets = [{
|
|
9882
|
+
label: termName || '',
|
|
9883
|
+
data: this.impactAssessments.map(function (impact) { return impactValue(impact, values); }),
|
|
9884
|
+
backgroundColor: colors,
|
|
9885
|
+
borderColor: colors
|
|
9886
|
+
}];
|
|
9876
9887
|
if (this.chart) {
|
|
9877
9888
|
this.chart.destroy();
|
|
9878
9889
|
}
|
|
9879
|
-
this.chart = new chart_js.Chart((
|
|
9890
|
+
this.chart = new chart_js.Chart((_b = this.chartRef) === null || _b === void 0 ? void 0 : _b.nativeElement, {
|
|
9880
9891
|
type: 'bar',
|
|
9881
9892
|
data: {
|
|
9882
|
-
labels:
|
|
9883
|
-
datasets:
|
|
9884
|
-
label: ((_b = this.selectedTerm) === null || _b === void 0 ? void 0 : _b.name) || '',
|
|
9885
|
-
data: this.impactAssessments.map(function (impact) { return impactValue(impact, values); }),
|
|
9886
|
-
backgroundColor: colors,
|
|
9887
|
-
borderColor: colors
|
|
9888
|
-
}]
|
|
9893
|
+
labels: labels,
|
|
9894
|
+
datasets: datasets
|
|
9889
9895
|
},
|
|
9890
9896
|
plugins: [ChartDataLabels__default["default"]],
|
|
9891
9897
|
options: {
|
|
@@ -9926,7 +9932,7 @@
|
|
|
9926
9932
|
return ImpactAssessmentsIndicatorsChartComponent;
|
|
9927
9933
|
}());
|
|
9928
9934
|
ImpactAssessmentsIndicatorsChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorsChartComponent, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
9929
|
-
ImpactAssessmentsIndicatorsChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: { impactAssessments: "impactAssessments", key: "key", filterTermTypes: "filterTermTypes" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"!terms?.length\">\n <div class=\"field is-horizontal\">\n <div class=\"field-label is-normal\">\n <label class=\"label\" for=\"selectedTerm\">\n <span>Select
|
|
9935
|
+
ImpactAssessmentsIndicatorsChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: { impactAssessments: "impactAssessments", key: "key", filterTermTypes: "filterTermTypes" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"!terms?.length\">\n <div class=\"field is-horizontal\">\n <div class=\"field-label is-normal\">\n <label class=\"label\" for=\"selectedTerm\">\n <span>Select an Indicator</span>\n </label>\n </div>\n <div class=\"field-body\">\n <div class=\"control\">\n <div class=\"select is-small\">\n <select (change)=\"updateChart()\" [(ngModel)]=\"selectedTerm\" id=\"selectedTerm\">\n <option *ngFor=\"let term of terms\" [ngValue]=\"term\">{{term.name}} ({{term.units}})</option>\n </select>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"mt-1\">\n <div class=\"chart-container\">\n <canvas #chart></canvas>\n </div>\n </div>\n</div>\n", styles: [":host{display:block;overflow:visible}.chart-container{height:400px;position:relative}\n"], directives: [{ type: i1__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
9930
9936
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorsChartComponent, decorators: [{
|
|
9931
9937
|
type: i0.Component,
|
|
9932
9938
|
args: [{
|