@wavemaker/app-ng-runtime 11.5.2-rc.5436 → 11.5.3-next.26260
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.
- app-ng-runtime/components/base/bundles/index.umd.js +39 -10
- app-ng-runtime/components/base/esm2020/pipes/custom-pipes.mjs +24 -11
- app-ng-runtime/components/base/esm2020/pipes/wm-pipe.mjs +17 -0
- app-ng-runtime/components/base/fesm2015/index.mjs +39 -10
- app-ng-runtime/components/base/fesm2015/index.mjs.map +1 -1
- app-ng-runtime/components/base/fesm2020/index.mjs +39 -10
- app-ng-runtime/components/base/fesm2020/index.mjs.map +1 -1
- app-ng-runtime/components/base/pipes/custom-pipes.d.ts +5 -2
- app-ng-runtime/components/base/pipes/wm-pipe.d.ts +9 -0
- app-ng-runtime/components/chart/bundles/index.umd.js +46 -34
- app-ng-runtime/components/chart/esm2020/chart.component.mjs +5 -5
- app-ng-runtime/components/chart/esm2020/chart.utils.mjs +45 -13
- app-ng-runtime/components/chart/fesm2015/index.mjs +48 -16
- app-ng-runtime/components/chart/fesm2015/index.mjs.map +1 -1
- app-ng-runtime/components/chart/fesm2020/index.mjs +48 -16
- app-ng-runtime/components/chart/fesm2020/index.mjs.map +1 -1
- app-ng-runtime/components/containers/wizard/bundles/index.umd.js +14 -3
- app-ng-runtime/components/containers/wizard/esm2020/wizard.component.mjs +13 -4
- app-ng-runtime/components/containers/wizard/esm2020/wizard.props.mjs +2 -1
- app-ng-runtime/components/containers/wizard/fesm2015/index.mjs +14 -3
- app-ng-runtime/components/containers/wizard/fesm2015/index.mjs.map +1 -1
- app-ng-runtime/components/containers/wizard/fesm2020/index.mjs +13 -3
- app-ng-runtime/components/containers/wizard/fesm2020/index.mjs.map +1 -1
- app-ng-runtime/components/containers/wizard/wizard.component.d.ts +2 -0
- app-ng-runtime/components/input/default/bundles/index.umd.js +176 -162
- app-ng-runtime/components/input/default/esm2020/number/number.component.mjs +7 -6
- app-ng-runtime/components/input/default/esm2020/number/number.props.mjs +4 -2
- app-ng-runtime/components/input/default/esm2020/text/calendar/input-calendar.component.mjs +7 -6
- app-ng-runtime/components/input/default/esm2020/text/calendar/input-calendar.props.mjs +4 -2
- app-ng-runtime/components/input/default/esm2020/text/color/input-color.component.mjs +7 -6
- app-ng-runtime/components/input/default/esm2020/text/color/input-color.props.mjs +4 -2
- app-ng-runtime/components/input/default/esm2020/text/email/input-email.component.mjs +7 -6
- app-ng-runtime/components/input/default/esm2020/text/email/input-email.props.mjs +4 -2
- app-ng-runtime/components/input/default/esm2020/text/number/input-number.component.mjs +5 -5
- app-ng-runtime/components/input/default/esm2020/text/number/input-number.props.mjs +4 -2
- app-ng-runtime/components/input/default/esm2020/text/text/input-text.component.mjs +8 -7
- app-ng-runtime/components/input/default/esm2020/text/text/input-text.props.mjs +4 -2
- app-ng-runtime/components/input/default/esm2020/textarea/textarea.component.mjs +5 -5
- app-ng-runtime/components/input/default/esm2020/textarea/textarea.props.mjs +3 -1
- app-ng-runtime/components/input/default/fesm2015/index.mjs +57 -43
- app-ng-runtime/components/input/default/fesm2015/index.mjs.map +1 -1
- app-ng-runtime/components/input/default/fesm2020/index.mjs +57 -43
- app-ng-runtime/components/input/default/fesm2020/index.mjs.map +1 -1
- app-ng-runtime/components/input/default/number/number.component.d.ts +2 -0
- app-ng-runtime/components/input/default/text/calendar/input-calendar.component.d.ts +2 -0
- app-ng-runtime/components/input/default/text/color/input-color.component.d.ts +2 -0
- app-ng-runtime/components/input/default/text/email/input-email.component.d.ts +2 -0
- app-ng-runtime/components/input/default/text/number/input-number.component.d.ts +2 -0
- app-ng-runtime/components/input/default/text/text/input-text.component.d.ts +2 -0
- app-ng-runtime/components/input/default/textarea/textarea.component.d.ts +2 -0
- app-ng-runtime/package.json +1 -1
- app-ng-runtime/runtime/base/bundles/index.umd.js +26 -1
- app-ng-runtime/runtime/base/components/base-page.component.d.ts +1 -0
- app-ng-runtime/runtime/base/esm2020/components/base-page.component.mjs +26 -1
- app-ng-runtime/runtime/base/esm2020/services/pipe-provider.service.mjs +2 -2
- app-ng-runtime/runtime/base/fesm2015/index.mjs +26 -1
- app-ng-runtime/runtime/base/fesm2015/index.mjs.map +1 -1
- app-ng-runtime/runtime/base/fesm2020/index.mjs +26 -1
- app-ng-runtime/runtime/base/fesm2020/index.mjs.map +1 -1
- app-ng-runtime/scripts/@wavemaker/nvd3/build/nv.d3.min.js +1 -0
- app-ng-runtime/scripts/d3/d3.min.js +2 -5
- app-ng-runtime/scripts/@wavemaker.com/nvd3/build/nv.d3.min.js +0 -13
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import { DatePipe, DecimalPipe } from '@angular/common';
|
|
3
3
|
import { CustomPipeManager, AbstractI18nService } from '@wm/core';
|
|
4
|
+
import { WmPipe } from "./wm-pipe";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class TrailingZeroDecimalPipe implements PipeTransform {
|
|
6
7
|
private decimalPipe;
|
|
@@ -9,11 +10,13 @@ export declare class TrailingZeroDecimalPipe implements PipeTransform {
|
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TrailingZeroDecimalPipe, never>;
|
|
10
11
|
static ɵpipe: i0.ɵɵPipeDeclaration<TrailingZeroDecimalPipe, "trailingZeroDecimalPipe", false>;
|
|
11
12
|
}
|
|
12
|
-
export declare class ToDatePipe implements PipeTransform {
|
|
13
|
+
export declare class ToDatePipe extends WmPipe implements PipeTransform {
|
|
13
14
|
private datePipe;
|
|
14
15
|
private i18nService;
|
|
16
|
+
protected customPipeManager: CustomPipeManager;
|
|
17
|
+
returnFn(data: any, args: any): any;
|
|
15
18
|
transform(data: any, format: any, timezone?: any, compInstance?: any): any;
|
|
16
|
-
constructor(datePipe: DatePipe, i18nService: AbstractI18nService);
|
|
19
|
+
constructor(datePipe: DatePipe, i18nService: AbstractI18nService, customPipeManager: CustomPipeManager);
|
|
17
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToDatePipe, never>;
|
|
18
21
|
static ɵpipe: i0.ɵɵPipeDeclaration<ToDatePipe, "toDate", false>;
|
|
19
22
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CustomPipeManager } from '@wm/core';
|
|
2
|
+
export declare class WmPipe {
|
|
3
|
+
private pipeName;
|
|
4
|
+
protected customPipeManager: CustomPipeManager;
|
|
5
|
+
protected pipeRef: any;
|
|
6
|
+
protected isCustomPipe: any;
|
|
7
|
+
constructor(pipeName: any, customPipeManager: CustomPipeManager);
|
|
8
|
+
customFormatter(data: any, args: any): any;
|
|
9
|
+
}
|
|
@@ -437,17 +437,25 @@
|
|
|
437
437
|
const highlightPoints = (id, highlightpoints) => {
|
|
438
438
|
const chartSvg = id ? d3.select('#wmChart' + id + ' svg') : d3.select(chartId + ' svg');
|
|
439
439
|
if (highlightpoints) {
|
|
440
|
-
chartSvg.selectAll('.nv-point')
|
|
440
|
+
chartSvg.selectAll('.nv-point')
|
|
441
|
+
.style('stroke-width', '6px')
|
|
442
|
+
.style('fill-opacity', '0.95')
|
|
443
|
+
.style('stroke-opacity', '0.95');
|
|
441
444
|
}
|
|
442
445
|
else {
|
|
443
|
-
chartSvg.selectAll('.nv-point')
|
|
446
|
+
chartSvg.selectAll('.nv-point')
|
|
447
|
+
.style('stroke-width', '0px')
|
|
448
|
+
.style('fill-opacity', '0');
|
|
444
449
|
}
|
|
445
450
|
};
|
|
446
451
|
// Chooses the line of line/cumulative line and increases the thickness of it
|
|
447
452
|
const setLineThickness = (id, thickness) => {
|
|
448
453
|
const chartSvg = id ? d3.select('#wmChart' + id + ' svg') : d3.select(chartId + ' svg');
|
|
449
454
|
thickness = thickness || 1.5;
|
|
450
|
-
chartSvg.selectAll('.nv-line')
|
|
455
|
+
const lines = chartSvg.selectAll('.nv-line');
|
|
456
|
+
if (lines.size() !== 0) {
|
|
457
|
+
lines.style('stroke-width', thickness);
|
|
458
|
+
}
|
|
451
459
|
};
|
|
452
460
|
// Constructing a common key value map for preview and canvas mode
|
|
453
461
|
const initProperties = (widgetContext, propertyValueMap) => {
|
|
@@ -473,14 +481,36 @@
|
|
|
473
481
|
* This is because it returns UTC time i.e. Coordinated Universal Time (UTC).
|
|
474
482
|
* To create date in local time use moment
|
|
475
483
|
*/
|
|
476
|
-
|
|
484
|
+
if (dateFormat == '%c') {
|
|
485
|
+
dateFormat = '%a %b %e %X %Y';
|
|
486
|
+
}
|
|
487
|
+
return d3.timeFormat(dateFormat)(new Date(moment(moment(d).format()).valueOf()));
|
|
488
|
+
};
|
|
489
|
+
const removeTrailingZeros = value => {
|
|
490
|
+
// Convert value to a string if it's a number
|
|
491
|
+
const stringValue = typeof value === 'number' ? value.toString() : value;
|
|
492
|
+
// Remove trailing zeros
|
|
493
|
+
return stringValue.replace(/\.*0+$/, "").replace(/\.0+%$/, "%");
|
|
477
494
|
};
|
|
478
495
|
// Formats the given value according to number format
|
|
479
496
|
const getNumberFormatedData = (numberFormat, d) => {
|
|
480
497
|
let formattedData, divider, prefix;
|
|
481
|
-
formattedData = d3.format(numberFormat)(d);
|
|
482
498
|
// formatting the data based on number format selected
|
|
483
499
|
if (numberFormat) {
|
|
500
|
+
let numberFormatter;
|
|
501
|
+
if (numberFormat == 'Thousand' || numberFormat == 'Million' || numberFormat == 'Billion') {
|
|
502
|
+
numberFormatter = d3.format(',.2s');
|
|
503
|
+
}
|
|
504
|
+
else if (numberFormat == '%') {
|
|
505
|
+
numberFormatter = d3.format('.2%');
|
|
506
|
+
}
|
|
507
|
+
else if (numberFormat == '.f') {
|
|
508
|
+
numberFormatter = d3.format('.2f');
|
|
509
|
+
}
|
|
510
|
+
else {
|
|
511
|
+
numberFormatter = d3.format(numberFormat);
|
|
512
|
+
}
|
|
513
|
+
formattedData = numberFormatter(d);
|
|
484
514
|
// Getting the respective divider[1000,1000000,1000000000] based on the number format choosen
|
|
485
515
|
divider = (tickformats[numberFormat] && tickformats[numberFormat].divider) || 0;
|
|
486
516
|
prefix = tickformats[numberFormat] && tickformats[numberFormat].prefix;
|
|
@@ -492,28 +522,9 @@
|
|
|
492
522
|
// Auto formatting the data when no formating option is chosen
|
|
493
523
|
formattedData = d >= 1000 ? d3.format('.1s')(d) : d;
|
|
494
524
|
}
|
|
525
|
+
formattedData = removeTrailingZeros(formattedData);
|
|
495
526
|
return formattedData;
|
|
496
527
|
};
|
|
497
|
-
const modifyLegendPosition = (widgetContext, position, id) => {
|
|
498
|
-
const showLegend = isShowLegend(widgetContext.showlegend), chart_Id = id ? '#wmChart' + id : chartId, legendWrap = d3.select(chart_Id + ' .nv-legendWrap'), legendPadding = 5;
|
|
499
|
-
// Return when showlegend is false
|
|
500
|
-
if (!showLegend || !legendWrap[0][0]) {
|
|
501
|
-
return;
|
|
502
|
-
}
|
|
503
|
-
if (position === 'bottom') {
|
|
504
|
-
const legendWrapHeight = legendWrap[0][0].getBoundingClientRect().height, wrap = d3.select(chart_Id + ' .nv-wrap'), wrapTransform = (wrap && wrap.attr('transform')) ? wrap.attr('transform').replace(/, /g, ',') : '', coordinates = /translate\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(wrapTransform), getChartHeight = () => {
|
|
505
|
-
let chartHeight = $(chart_Id + ' svg>.nvd3.nv-wrap')[0].getBoundingClientRect().height;
|
|
506
|
-
if (chartHeight === 0) { // fix for IE
|
|
507
|
-
chartHeight = ($(chart_Id + ' svg')[0].getBoundingClientRect().height - (legendWrapHeight + 15));
|
|
508
|
-
}
|
|
509
|
-
return chartHeight;
|
|
510
|
-
};
|
|
511
|
-
legendWrap.attr('transform', 'translate(0 , ' + (getChartHeight() - legendWrapHeight - legendPadding) + ')');
|
|
512
|
-
if (coordinates) {
|
|
513
|
-
wrap.attr('transform', 'translate(' + coordinates[1] + ',' + legendPadding + ')');
|
|
514
|
-
}
|
|
515
|
-
}
|
|
516
|
-
};
|
|
517
528
|
// Returns value if legend need to shown or not
|
|
518
529
|
const isShowLegend = value => {
|
|
519
530
|
// Old projects will have either true or false
|
|
@@ -584,8 +595,8 @@
|
|
|
584
595
|
break;
|
|
585
596
|
case 'Area':
|
|
586
597
|
chart = nv.models.stackedAreaChart()
|
|
587
|
-
.x(d => d
|
|
588
|
-
.y(d => d
|
|
598
|
+
.x(d => d.x)
|
|
599
|
+
.y(d => d.y)
|
|
589
600
|
.clipEdge(true)
|
|
590
601
|
.showControls(false)
|
|
591
602
|
.style(propertyValueMap.areaviewtype)
|
|
@@ -673,6 +684,7 @@
|
|
|
673
684
|
else {
|
|
674
685
|
chart.showXAxis(propertyValueMap.showxaxis)
|
|
675
686
|
.showYAxis(propertyValueMap.showyaxis);
|
|
687
|
+
chart.legendPosition(propertyValueMap.showlegend);
|
|
676
688
|
// Setting the labels if they are specified explicitly or taking the axiskeys chosen
|
|
677
689
|
xaxislabel = propertyValueMap.xaxislabel || i1.prettifyLabels(widgetContext.xaxisdatakey) || 'x caption';
|
|
678
690
|
yaxislabel = propertyValueMap.yaxislabel || i1.prettifyLabels(widgetContext.yaxisdatakey) || 'y caption';
|
|
@@ -757,9 +769,9 @@
|
|
|
757
769
|
highlightPoints(id, widgetContext.highlightpoints);
|
|
758
770
|
}
|
|
759
771
|
// Modifying the legend position only when legend is shown
|
|
760
|
-
if (widgetContext.showlegend) {
|
|
761
|
-
|
|
762
|
-
}
|
|
772
|
+
// if (widgetContext.showlegend) {
|
|
773
|
+
// modifyLegendPosition(widgetContext, widgetContext.showlegend, id);
|
|
774
|
+
// }
|
|
763
775
|
};
|
|
764
776
|
const getDateList = () => dateList;
|
|
765
777
|
|
|
@@ -1287,7 +1299,7 @@
|
|
|
1287
1299
|
attachClickEvent() {
|
|
1288
1300
|
let dataObj;
|
|
1289
1301
|
d3.select('#wmChart' + this.$id + ' svg').selectAll(chartDataPointXpath[this.type]).style('pointer-events', 'all')
|
|
1290
|
-
.on('click', (data, index) => {
|
|
1302
|
+
.on('click', (event, data, index) => {
|
|
1291
1303
|
switch (this.type) {
|
|
1292
1304
|
case 'Column':
|
|
1293
1305
|
case 'Bar':
|
|
@@ -1303,7 +1315,7 @@
|
|
|
1303
1315
|
dataObj = data[0]._dataObj;
|
|
1304
1316
|
break;
|
|
1305
1317
|
case 'Bubble':
|
|
1306
|
-
dataObj = data
|
|
1318
|
+
dataObj = data;
|
|
1307
1319
|
break;
|
|
1308
1320
|
}
|
|
1309
1321
|
this.selecteditem = dataObj;
|
|
@@ -1746,13 +1758,13 @@
|
|
|
1746
1758
|
i0__namespace.ɵɵadvance(2);
|
|
1747
1759
|
i0__namespace.ɵɵproperty("ngIf", ctx.showContentLoadError && ctx.showNoDataMsg);
|
|
1748
1760
|
}
|
|
1749
|
-
}, dependencies: [i2__namespace.SpinnerComponent, i3__namespace.NgClass, i3__namespace.NgIf], styles: [".
|
|
1761
|
+
}, dependencies: [i2__namespace.SpinnerComponent, i3__namespace.NgClass, i3__namespace.NgIf], styles: [".nvtooltip h3,.nvtooltip p{margin:0;text-align:center}.nv-distx,.nv-disty,.nv-noninteractive,.nvd3 .nv-axis,.nvd3 .nv-interactiveGuideLine,.nvd3.nv-pie .nv-label,.nvd3.nv-sparklineplus g.nv-hoverValue,.nvtooltip{pointer-events:none}.nvd3 .nv-axis{opacity:1}.nvd3 .nv-axis path{fill:none;stroke:#000;stroke-opacity:.75;shape-rendering:crispEdges}.nvd3 .nv-axis .zero line,.nvd3 .nv-axis line.zero,.nvd3 .nv-axis path.domain{stroke-opacity:.75}.nvd3 .nv-axis.nv-x path.domain{stroke-opacity:0}.nvd3 .nv-axis line{fill:none;stroke:#e5e5e5;shape-rendering:crispEdges}.nvd3 .nv-axis .nv-axisMaxMin text,.nvtooltip table td.key.total{font-weight:700}.nvd3 .x .nv-axis .nv-axisMaxMin text,.nvd3 .x2 .nv-axis .nv-axisMaxMin text,.nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor:middle}.nvd3 .nv-axis.nv-disabled,.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check{opacity:0}.nvd3 .nv-bars rect{fill-opacity:.75;transition:fill-opacity .25s linear}.nvd3 .nv-bars rect.hover,.nvd3 .nv-boxplot circle:hover,.nvd3 .nv-boxplot rect:hover,.nvd3 .nv-candlestickBar .nv-ticks rect:hover,.nvd3 .nv-discretebar .nv-groups rect:hover,.nvd3 .nv-multibar .nv-groups rect:hover,.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,.nvd3 .nv-scatter .nv-point.hover,.nvd3.nv-bullet .nv-measure:hover,.nvd3.nv-linePlusBar .nv-bar rect:hover,.nvd3.nv-pie .hover path{fill-opacity:1}.nvd3 .nv-bars .hover rect{fill:#add8e6}.nvd3 .nv-bars text{fill:#0000}.nvd3 .nv-bars .hover text{fill:#000}.nvd3 .nv-discretebar .nv-groups rect,.nvd3 .nv-multibar .nv-groups rect,.nvd3 .nv-multibarHorizontal .nv-groups rect{stroke-opacity:0;transition:fill-opacity .25s linear}.nvd3 .nv-discretebar .nv-groups text,.nvd3 .nv-multibarHorizontal .nv-groups text{font-weight:700;fill:#000;stroke:#0000}.nvd3 .nv-boxplot circle{fill-opacity:.5}.nvd3 line.nv-boxplot-median{stroke:#000}.nv-boxplot-tick:hover{stroke-width:2.5px}.nvd3.nv-bullet{font:10px sans-serif}.nvd3.nv-bullet .nv-measure{fill-opacity:.8}.nvd3.nv-bullet .nv-marker{stroke:#000;stroke-width:2px}.nvd3.nv-bullet .nv-markerTriangle{stroke:#000;fill:#fff;stroke-width:1.5px}.nvd3.nv-bullet .nv-markerLine{stroke:#000;stroke-width:1.5px}.nvd3.nv-bullet .nv-tick line{stroke:#666;stroke-width:.5px}.nvd3.nv-bullet .nv-range.nv-s0{fill:#eee}.nvd3.nv-bullet .nv-range.nv-s1{fill:#ddd}.nvd3.nv-bullet .nv-range.nv-s2{fill:#ccc}.nvd3.nv-bullet .nv-title{font-size:14px;font-weight:700}.nvd3.nv-bullet .nv-subtitle{fill:#999}.nvd3.nv-bullet .nv-range{fill:#bababa;fill-opacity:.4}.nvd3.nv-bullet .nv-range:hover{fill-opacity:.7}.nvd3.nv-candlestickBar .nv-ticks .nv-tick,.nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width:1px}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover,.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width:2px}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect,.nvd3.nv-sparklineplus .nv-maxValue{stroke:#2ca02c;fill:#2ca02c}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect,.nvd3.nv-sparklineplus .nv-minValue{stroke:#d62728;fill:#d62728}.with-transitions .nv-candlestickBar .nv-ticks .nv-tick,.with-transitions .nvd3 .nv-groups .nv-point{transition:stroke-width .25s linear,stroke-opacity .25s linear}.nvd3.nv-candlestickBar .nv-ticks line{stroke:#333}.nv-force-node{stroke:#fff;stroke-width:1.5px}.nv-force-link{stroke:#999;stroke-opacity:.6}.nv-force-node text{stroke-width:0}.nvd3 .nv-check-box .nv-box{fill-opacity:0;stroke-width:2}.nvd3 .nv-check-box .nv-check{fill-opacity:0;stroke-width:4}.nvd3 .nv-hoverArea,.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check,.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point,.nvd3.nv-pie .nv-label rect{fill-opacity:0;stroke-opacity:0}.nvd3.nv-linePlusBar .nv-bar rect{fill-opacity:.75}.nvd3 .nv-groups path.nv-line,.nvd3.nv-sparkline path{fill:none}.nvd3 .nv-groups path.nv-area{stroke:none}.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity:.5!important;stroke-opacity:.5!important}.nvd3 .nv-groups .nv-point.hover,.nvd3.nv-scatter .nv-groups .nv-point.hover{stroke-width:7px;fill-opacity:.95!important;stroke-opacity:.95!important}.nvd3 .nv-point-paths path{stroke:#aaa;stroke-opacity:0;fill:#eee;fill-opacity:0}.nvd3 .nv-indexLine{cursor:ew-resize}svg.nvd3-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;width:100%;height:100%}.nvtooltip.with-3d-shadow,.with-3d-shadow .nvtooltip{box-shadow:0 5px 10px #0003;border-radius:5px}.nvd3 text{font:12px Arial,sans-serif}.nvtooltip h3,.nvtooltip table td.key{font-weight:400}.nvd3 .title{font:700 14px Arial,sans-serif}.nvd3 .nv-background{fill:#fff;fill-opacity:0}.nvd3.nv-noData{font-size:18px;font-weight:700}.nv-brush .selection{fill-opacity:.125;shape-rendering:crispEdges}.nv-brush .handle path{fill:#eee;stroke:#666}.nvd3 .nv-legend .nv-series{cursor:pointer}.nvd3 .nv-legend .nv-disabled circle{fill-opacity:0}.nvd3 .nv-brush .selection{fill-opacity:0!important}.nvd3 .nv-brushBackground rect{stroke:#000;stroke-width:.4;fill:#fff;fill-opacity:.7}@media print{.nvd3 text{stroke-width:0;fill-opacity:1}}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke:#2ca02c}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke:#d62728}.nvd3 .background path{fill:none;stroke:#eee;stroke-opacity:.4;shape-rendering:crispEdges}.nvd3 .foreground path{fill:none;stroke-opacity:.7}.nvd3 .nv-parallelCoordinates-brush .selection{fill:#fff;fill-opacity:.6;stroke:gray;shape-rendering:crispEdges}.nvd3 .nv-parallelCoordinates .hover{fill-opacity:1;stroke-width:3px}.nvd3 .missingValuesline line{fill:none;stroke:#000;stroke-width:1;stroke-opacity:1;stroke-dasharray:5,5}.nvd3.nv-pie path{stroke-opacity:0;transition:fill-opacity .25s linear,stroke-width .25s linear,stroke-opacity .25s linear;stroke:#fff;stroke-width:1px;stroke-opacity:1;fill-opacity:.7}.nvd3.nv-pie .nv-pie-title{font-size:24px;fill:#13c4f996}.nvd3.nv-pie .nv-slice text{stroke:#000;stroke-width:0}.nvd3 .nv-groups .nv-point.hover{stroke-width:20px;stroke-opacity:.5}.nvd3.nv-sparklineplus .nv-hoverValue line{stroke:#333;stroke-width:1.5px}.nvd3.nv-sparklineplus,.nvd3.nv-sparklineplus g{pointer-events:all}.nvd3.nv-sparklineplus .nv-xValue,.nvd3.nv-sparklineplus .nv-yValue{stroke-width:0;font-size:.9em;font-weight:400}.nvd3.nv-sparklineplus .nv-yValue{stroke:#f66}.nvd3.nv-sparklineplus .nv-currentValue{font-weight:700;font-size:1.1em}.nvd3.nv-stackedarea path.nv-area{fill-opacity:.7;stroke-opacity:0;transition:fill-opacity .25s linear,stroke-opacity .25s linear}.nvd3.nv-stackedarea path.nv-area.hover{fill-opacity:.9}.nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity:0;fill-opacity:0}.nvtooltip{position:absolute;background-color:#fff;color:#000;padding:1px;border:1px solid rgba(0,0,0,.5);z-index:10000;display:block;font-family:Arial,sans-serif;font-size:13px;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(255,255,255,.8);border-radius:4px}.nvtooltip.with-transitions,.with-transitions .nvtooltip{transition:opacity 50ms linear .2s}.nvtooltip.x-nvtooltip,.nvtooltip.y-nvtooltip{padding:8px}.nvtooltip h3{padding:4px 14px;line-height:18px;background-color:#f7f7f7bf;color:#000;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.nvtooltip p{padding:5px 14px}.nvtooltip span{display:inline-block;margin:2px 0}.nvtooltip table{margin:6px;border-spacing:0}.nvtooltip table td{padding:2px 9px 2px 0;vertical-align:middle}.nvtooltip table td.value{text-align:right;font-weight:700}.nvtooltip table td.percent{color:#a9a9a9}.nvtooltip table tr.highlight td{padding:1px 9px 1px 0;border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px}.nvtooltip table td.legend-color-guide div{vertical-align:middle;width:12px;height:12px;border:1px solid #999}.nvtooltip .footer{padding:3px;text-align:center}.nvtooltip-pending-removal{pointer-events:none;display:none}.nvd3 line.nv-guideline{stroke:#ccc}\n"], encapsulation: 2 });
|
|
1750
1762
|
(function () {
|
|
1751
1763
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ChartComponent, [{
|
|
1752
1764
|
type: i0.Component,
|
|
1753
1765
|
args: [{ selector: 'div[wmChart]', providers: [
|
|
1754
1766
|
base.provideAsWidgetRef(ChartComponent)
|
|
1755
|
-
], encapsulation: i0.ViewEncapsulation.None, template: "<div class=\"panel-heading\" *ngIf=\"title\">\n <h3 class=\"panel-title\">\n <div class=\"pull-left\"><i class=\"app-icon panel-icon {{iconclass}}\" [class.ng-hide]=\"!iconclass\"></i></div>\n <div class=\"heading\" [innerHTML]=\"title\"></div>\n <div class=\"description\" *ngIf=\"subheading\" [innerHTML]=\"subheading\"></div>\n </h3>\n</div>\n<div class=\"app-chart-inner\" [ngClass]=\"{'loading':isLoadInProgress, 'panel-body': title}\">\n <svg></svg>\n <div class=\"wm-content-info readonly-wrapper\" *ngIf=\"showContentLoadError && showNoDataMsg\">\n <p class=\"wm-message\" [title]=\"hintMsg\" [ngClass]=\"{'error': invalidConfig}\" [innerText]=\"errMsg\"></p>\n </div>\n <div wmSpinner show.bind=\"isLoadInProgress\" caption.bind=\"loadingdatamsg\"></div>\n</div>\n", styles: [".
|
|
1767
|
+
], encapsulation: i0.ViewEncapsulation.None, template: "<div class=\"panel-heading\" *ngIf=\"title\">\n <h3 class=\"panel-title\">\n <div class=\"pull-left\"><i class=\"app-icon panel-icon {{iconclass}}\" [class.ng-hide]=\"!iconclass\"></i></div>\n <div class=\"heading\" [innerHTML]=\"title\"></div>\n <div class=\"description\" *ngIf=\"subheading\" [innerHTML]=\"subheading\"></div>\n </h3>\n</div>\n<div class=\"app-chart-inner\" [ngClass]=\"{'loading':isLoadInProgress, 'panel-body': title}\">\n <svg></svg>\n <div class=\"wm-content-info readonly-wrapper\" *ngIf=\"showContentLoadError && showNoDataMsg\">\n <p class=\"wm-message\" [title]=\"hintMsg\" [ngClass]=\"{'error': invalidConfig}\" [innerText]=\"errMsg\"></p>\n </div>\n <div wmSpinner show.bind=\"isLoadInProgress\" caption.bind=\"loadingdatamsg\"></div>\n</div>\n", styles: [".nvtooltip h3,.nvtooltip p{margin:0;text-align:center}.nv-distx,.nv-disty,.nv-noninteractive,.nvd3 .nv-axis,.nvd3 .nv-interactiveGuideLine,.nvd3.nv-pie .nv-label,.nvd3.nv-sparklineplus g.nv-hoverValue,.nvtooltip{pointer-events:none}.nvd3 .nv-axis{opacity:1}.nvd3 .nv-axis path{fill:none;stroke:#000;stroke-opacity:.75;shape-rendering:crispEdges}.nvd3 .nv-axis .zero line,.nvd3 .nv-axis line.zero,.nvd3 .nv-axis path.domain{stroke-opacity:.75}.nvd3 .nv-axis.nv-x path.domain{stroke-opacity:0}.nvd3 .nv-axis line{fill:none;stroke:#e5e5e5;shape-rendering:crispEdges}.nvd3 .nv-axis .nv-axisMaxMin text,.nvtooltip table td.key.total{font-weight:700}.nvd3 .x .nv-axis .nv-axisMaxMin text,.nvd3 .x2 .nv-axis .nv-axisMaxMin text,.nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor:middle}.nvd3 .nv-axis.nv-disabled,.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check{opacity:0}.nvd3 .nv-bars rect{fill-opacity:.75;transition:fill-opacity .25s linear}.nvd3 .nv-bars rect.hover,.nvd3 .nv-boxplot circle:hover,.nvd3 .nv-boxplot rect:hover,.nvd3 .nv-candlestickBar .nv-ticks rect:hover,.nvd3 .nv-discretebar .nv-groups rect:hover,.nvd3 .nv-multibar .nv-groups rect:hover,.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,.nvd3 .nv-scatter .nv-point.hover,.nvd3.nv-bullet .nv-measure:hover,.nvd3.nv-linePlusBar .nv-bar rect:hover,.nvd3.nv-pie .hover path{fill-opacity:1}.nvd3 .nv-bars .hover rect{fill:#add8e6}.nvd3 .nv-bars text{fill:#0000}.nvd3 .nv-bars .hover text{fill:#000}.nvd3 .nv-discretebar .nv-groups rect,.nvd3 .nv-multibar .nv-groups rect,.nvd3 .nv-multibarHorizontal .nv-groups rect{stroke-opacity:0;transition:fill-opacity .25s linear}.nvd3 .nv-discretebar .nv-groups text,.nvd3 .nv-multibarHorizontal .nv-groups text{font-weight:700;fill:#000;stroke:#0000}.nvd3 .nv-boxplot circle{fill-opacity:.5}.nvd3 line.nv-boxplot-median{stroke:#000}.nv-boxplot-tick:hover{stroke-width:2.5px}.nvd3.nv-bullet{font:10px sans-serif}.nvd3.nv-bullet .nv-measure{fill-opacity:.8}.nvd3.nv-bullet .nv-marker{stroke:#000;stroke-width:2px}.nvd3.nv-bullet .nv-markerTriangle{stroke:#000;fill:#fff;stroke-width:1.5px}.nvd3.nv-bullet .nv-markerLine{stroke:#000;stroke-width:1.5px}.nvd3.nv-bullet .nv-tick line{stroke:#666;stroke-width:.5px}.nvd3.nv-bullet .nv-range.nv-s0{fill:#eee}.nvd3.nv-bullet .nv-range.nv-s1{fill:#ddd}.nvd3.nv-bullet .nv-range.nv-s2{fill:#ccc}.nvd3.nv-bullet .nv-title{font-size:14px;font-weight:700}.nvd3.nv-bullet .nv-subtitle{fill:#999}.nvd3.nv-bullet .nv-range{fill:#bababa;fill-opacity:.4}.nvd3.nv-bullet .nv-range:hover{fill-opacity:.7}.nvd3.nv-candlestickBar .nv-ticks .nv-tick,.nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width:1px}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover,.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width:2px}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect,.nvd3.nv-sparklineplus .nv-maxValue{stroke:#2ca02c;fill:#2ca02c}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect,.nvd3.nv-sparklineplus .nv-minValue{stroke:#d62728;fill:#d62728}.with-transitions .nv-candlestickBar .nv-ticks .nv-tick,.with-transitions .nvd3 .nv-groups .nv-point{transition:stroke-width .25s linear,stroke-opacity .25s linear}.nvd3.nv-candlestickBar .nv-ticks line{stroke:#333}.nv-force-node{stroke:#fff;stroke-width:1.5px}.nv-force-link{stroke:#999;stroke-opacity:.6}.nv-force-node text{stroke-width:0}.nvd3 .nv-check-box .nv-box{fill-opacity:0;stroke-width:2}.nvd3 .nv-check-box .nv-check{fill-opacity:0;stroke-width:4}.nvd3 .nv-hoverArea,.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check,.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point,.nvd3.nv-pie .nv-label rect{fill-opacity:0;stroke-opacity:0}.nvd3.nv-linePlusBar .nv-bar rect{fill-opacity:.75}.nvd3 .nv-groups path.nv-line,.nvd3.nv-sparkline path{fill:none}.nvd3 .nv-groups path.nv-area{stroke:none}.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity:.5!important;stroke-opacity:.5!important}.nvd3 .nv-groups .nv-point.hover,.nvd3.nv-scatter .nv-groups .nv-point.hover{stroke-width:7px;fill-opacity:.95!important;stroke-opacity:.95!important}.nvd3 .nv-point-paths path{stroke:#aaa;stroke-opacity:0;fill:#eee;fill-opacity:0}.nvd3 .nv-indexLine{cursor:ew-resize}svg.nvd3-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;width:100%;height:100%}.nvtooltip.with-3d-shadow,.with-3d-shadow .nvtooltip{box-shadow:0 5px 10px #0003;border-radius:5px}.nvd3 text{font:12px Arial,sans-serif}.nvtooltip h3,.nvtooltip table td.key{font-weight:400}.nvd3 .title{font:700 14px Arial,sans-serif}.nvd3 .nv-background{fill:#fff;fill-opacity:0}.nvd3.nv-noData{font-size:18px;font-weight:700}.nv-brush .selection{fill-opacity:.125;shape-rendering:crispEdges}.nv-brush .handle path{fill:#eee;stroke:#666}.nvd3 .nv-legend .nv-series{cursor:pointer}.nvd3 .nv-legend .nv-disabled circle{fill-opacity:0}.nvd3 .nv-brush .selection{fill-opacity:0!important}.nvd3 .nv-brushBackground rect{stroke:#000;stroke-width:.4;fill:#fff;fill-opacity:.7}@media print{.nvd3 text{stroke-width:0;fill-opacity:1}}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke:#2ca02c}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke:#d62728}.nvd3 .background path{fill:none;stroke:#eee;stroke-opacity:.4;shape-rendering:crispEdges}.nvd3 .foreground path{fill:none;stroke-opacity:.7}.nvd3 .nv-parallelCoordinates-brush .selection{fill:#fff;fill-opacity:.6;stroke:gray;shape-rendering:crispEdges}.nvd3 .nv-parallelCoordinates .hover{fill-opacity:1;stroke-width:3px}.nvd3 .missingValuesline line{fill:none;stroke:#000;stroke-width:1;stroke-opacity:1;stroke-dasharray:5,5}.nvd3.nv-pie path{stroke-opacity:0;transition:fill-opacity .25s linear,stroke-width .25s linear,stroke-opacity .25s linear;stroke:#fff;stroke-width:1px;stroke-opacity:1;fill-opacity:.7}.nvd3.nv-pie .nv-pie-title{font-size:24px;fill:#13c4f996}.nvd3.nv-pie .nv-slice text{stroke:#000;stroke-width:0}.nvd3 .nv-groups .nv-point.hover{stroke-width:20px;stroke-opacity:.5}.nvd3.nv-sparklineplus .nv-hoverValue line{stroke:#333;stroke-width:1.5px}.nvd3.nv-sparklineplus,.nvd3.nv-sparklineplus g{pointer-events:all}.nvd3.nv-sparklineplus .nv-xValue,.nvd3.nv-sparklineplus .nv-yValue{stroke-width:0;font-size:.9em;font-weight:400}.nvd3.nv-sparklineplus .nv-yValue{stroke:#f66}.nvd3.nv-sparklineplus .nv-currentValue{font-weight:700;font-size:1.1em}.nvd3.nv-stackedarea path.nv-area{fill-opacity:.7;stroke-opacity:0;transition:fill-opacity .25s linear,stroke-opacity .25s linear}.nvd3.nv-stackedarea path.nv-area.hover{fill-opacity:.9}.nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity:0;fill-opacity:0}.nvtooltip{position:absolute;background-color:#fff;color:#000;padding:1px;border:1px solid rgba(0,0,0,.5);z-index:10000;display:block;font-family:Arial,sans-serif;font-size:13px;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(255,255,255,.8);border-radius:4px}.nvtooltip.with-transitions,.with-transitions .nvtooltip{transition:opacity 50ms linear .2s}.nvtooltip.x-nvtooltip,.nvtooltip.y-nvtooltip{padding:8px}.nvtooltip h3{padding:4px 14px;line-height:18px;background-color:#f7f7f7bf;color:#000;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.nvtooltip p{padding:5px 14px}.nvtooltip span{display:inline-block;margin:2px 0}.nvtooltip table{margin:6px;border-spacing:0}.nvtooltip table td{padding:2px 9px 2px 0;vertical-align:middle}.nvtooltip table td.value{text-align:right;font-weight:700}.nvtooltip table td.percent{color:#a9a9a9}.nvtooltip table tr.highlight td{padding:1px 9px 1px 0;border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px}.nvtooltip table td.legend-color-guide div{vertical-align:middle;width:12px;height:12px;border:1px solid #999}.nvtooltip .footer{padding:3px;text-align:center}.nvtooltip-pending-removal{pointer-events:none;display:none}.nvd3 line.nv-guideline{stroke:#ccc}\n"] }]
|
|
1756
1768
|
}], function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.App }]; }, { title: [{
|
|
1757
1769
|
type: i0.HostBinding,
|
|
1758
1770
|
args: ['class.panel']
|