{"__symbolic":"module","version":4,"metadata":{"DlChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"DlPieChartModule"},{"__symbolic":"reference","name":"DlLegendModule"},{"__symbolic":"reference","name":"DlBarChartModule"},{"__symbolic":"reference","name":"DlLineChartModule"}],"declarations":[],"providers":[],"exports":[{"__symbolic":"reference","name":"DlPieChartModule"},{"__symbolic":"reference","name":"DlLegendModule"},{"__symbolic":"reference","name":"DlBarChartModule"},{"__symbolic":"reference","name":"DlLineChartModule"}]}]}],"members":{}},"DlBarChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵh"}],"providers":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"DlPieChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"providers":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"DlLegendModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵd"}],"providers":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"DlLineChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵi"}],"providers":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{}},"TooltipConfiguration":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Expression form not supported","line":9,"character":19,"module":"./lib/models/tooltipconfiguration.model"}]}]}},"Value":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"TooltipConfiguration"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"string"}]}]}},"LegendConfiguration":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Expression form not supported","line":9,"character":19,"module":"./lib/models/legendconfiguration.model"}]}]}},"ServiceItem":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":8,"character":11,"context":{"typeName":"T"},"module":"./lib/models/serviceitem.model"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"IChartItem":{"__symbolic":"interface"},"ChartOrientation":{"Bottom":0,"Left":1,"Right":2,"Top":3},"Point":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"TooltipConfiguration"},{"__symbolic":"reference","name":"any"}]}]}},"Line":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"Point"}]},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"TooltipConfiguration"},{"__symbolic":"reference","name":"any"}]}]}},"ChartItemService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"setChartValues":[{"__symbolic":"method"}],"getChartValues":[{"__symbolic":"method"}],"hoverChartValue":[{"__symbolic":"method"}],"leaveChartValue":[{"__symbolic":"method"}],"selectChartValue":[{"__symbolic":"method"}],"deselectChartValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"dl-pie-chart","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"Emulated"},"template":"<ng-container>\r\n  <svg viewBox=\"-1 -1 2 2\" style=\"transform: rotate(-90deg);height: 100%;\" class=\"pie-chart-svg\" id=\"piechart\">\r\n    <path *ngFor=\"let slice of pie; let i = index\" [attr.id]=\"createElementId(slice, i)\" (mousemove)=\"onHoverSegment($event, slice)\"\r\n      (mouseleave)=\"onLeaveSegment($event)\" (click)=\"onClickSegment(slice)\" [attr.class]=\"cssClassSegment(slice, i)\"\r\n      [attr.d]=\"slice.draw\" [attr.fill]=\"slice.color\"></path>\r\n    <circle *ngIf=\"donutRadius > 0\" class=\"inner-circle\" [attr.r]=\"donutRadius\" cx=\"0\" cy=\"0\" />\r\n  </svg>\r\n  <div id=\"dlChartTooltip\" *ngIf=\"tooltipShow\" [style.top.px]=\"tooltipTop\" [style.left.px]=\"tooltipLeft\" class=\"tooltiptext\">\r\n    <span>{{ tooltipValue }}</span>\r\n  </div>\r\n</ng-container>","styles":[".tooltiptext{position:fixed;overflow:hidden;text-align:center;padding:5px 10px;border-radius:6px;z-index:80;background-color:#555;color:#fff}.pie-chart-svg{overflow:visible}.slice{-webkit-transform:scale(1,1);transform:scale(1,1);transition:.5s}.slice:hover{opacity:.8;-webkit-transform:scale(1.02,1.02);transform:scale(1.02,1.02);transition:.5s}.slice-selected{-webkit-transform:scale(1.02,1.02);transform:scale(1.02,1.02);transition:.5s}.slice-anim{animation:.4s reverse scaleSlice}.slice-anim-even{animation:.5s reverse scaleSlice}.inner-circle{fill:#fff}@-webkit-keyframes scaleSlice{100%{-webkit-transform:scale(0,0);transform:scale(0,0)}}@keyframes scaleSlice{100%{-webkit-transform:scale(0,0);transform:scale(0,0)}}"]}]}],"members":{"donut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"cssClassSegment":[{"__symbolic":"method"}],"createElementId":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":82}]}],"ngOnChanges":[{"__symbolic":"method"}],"calculateSlices":[{"__symbolic":"method"}],"createSlice":[{"__symbolic":"method"}],"getCoordinatesForPercent":[{"__symbolic":"method"}],"getNormalizedValue":[{"__symbolic":"method"}],"resetActiveElement":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","arity":1,"members":{"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"valueSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"valueDeselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"valueClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"chartidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"chartid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"tooltipConfiguration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"hideTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"allowSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":85,"character":103}]}],"onClickSegment":[{"__symbolic":"method"}],"onHoverSegment":[{"__symbolic":"method"}],"onLeaveSegment":[{"__symbolic":"method"}],"resetActive":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"textValue":[{"__symbolic":"method"}],"getTextValue":[{"__symbolic":"method"}],"roundScale":[{"__symbolic":"method"}],"createElementId":[{"__symbolic":"method"}],"createYAxis":[{"__symbolic":"method"}],"onFormatUnkownAxisValue":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"dl-chart-legend","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"Emulated"},"template":"<div>\r\n  <div class=\"legend-items\">\r\n    <div (click)=\"onItemClick($event, item)\" [class]=\"'tooltip legend-item' + legendClass(item)\" *ngFor=\"let item of chartItems\">\r\n      <span id=\"legend-color\" class=\"legend-color-box\" [style.background-color]=\"item.color\"></span>\r\n      <span class=\"legend-text-content \">  \r\n        {{ legendTextValue(item) }}\r\n        <span id=\"dlChartTooltip\" class=\"legend-tooltip tooltiptext \">{{ tooltipTextValue(item) }}</span>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>","styles":[".tooltiptext{position:fixed;overflow:hidden;text-align:center;padding:5px 10px;border-radius:6px;z-index:80;background-color:#555;color:#fff}.legend-items{display:flex;flex-wrap:wrap;margin-left:-10px;margin-top:-10px}.legend-items .legend-item{flex:1 0 auto;margin-left:10px;margin-top:10px;text-align:left;min-width:50px}.legend-items:hover{cursor:default}.legend-color-box{min-height:15px;min-width:15px;display:inline-block;border:1px solid #000}.legend-text-content{min-width:25px;vertical-align:top}.tooltip .legend-tooltip{visibility:hidden;text-align:center;padding:5px 10px;border-radius:6px;position:absolute;z-index:80}.tooltip:hover .legend-tooltip{visibility:visible}.legend-hover{opacity:.8}.legend-selected{font-weight:700}"]}]}],"members":{"legendClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"chartidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"chartid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"hideChartHoverEffect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"hideChartSelectEffect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"legendConfiguration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":59,"character":105}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"legendTextValue":[{"__symbolic":"method"}],"tooltipTextValue":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"legendClass":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"providers":[],"entryComponents":[],"exports":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"[yaxis]","template":"<svg id=\"yaxis\" \r\n[attr.x]=\"normOrientation('0%', '30px', '30px', 'calc(100% - 30px)', 'calc(100% - 30px)', '30px', '30px', '0%')\" \r\n[attr.y]=\"normOrientation('30px', 'calc(100% - 30px)', '0px', '30px', '30px', '0px', 'calc(100% - 30px)', '30px')\" \r\n[attr.width]=\"normOrientation('30px', 'calc(100% - 60px)', 'calc(100% - 60px)', '30px', '30px', 'calc(100% - 60px)', 'calc(100% - 60px)', '30px')\" \r\n[attr.height]=\"normOrientation('calc(100% - 60px)', '30px', '30px', 'calc(100% - 60px)', 'calc(100% - 60px)', '30px', '30px', 'calc(100% - 60px)')\" style=\"overflow: visible;\">\r\n  <g class=\"y axis\" *ngIf=\"currentActiveScaleAxis\">\r\n    <g class=\"tick\" *ngFor=\"let axis of currentYAxis\">\r\n      <line [attr.x1]=\"normOrientation('calc(100% - 6px)', axis.position + '%', (100 - axis.position) + '%', 0, 0, axis.position + '%', (100 - axis.position) + '%', 'calc(100% - 6px)')\" \r\n      [attr.x2]=\"normOrientation('100%', axis.position + '%', (100 - axis.position) + '%', 6, 6, axis.position + '%', (100 - axis.position) + '%', '100%')\" \r\n      [attr.y1]=\"normOrientation(axis.position + '%', '0', '30px', (100 - axis.position) + '%', axis.position + '%', '30px', 0, (100 - axis.position) + '%')\" \r\n      [attr.y2]=\"normOrientation(axis.position + '%', '6', '24px', (100 - axis.position) + '%', axis.position + '%', '24px', 6, (100 - axis.position) + '%')\"></line>\r\n      <text dy=\".32em\" \r\n      [attr.x]=\"normOrientation('75%', axis.position + '%', (100 - axis.position) + '%', '8', '8', axis.position + '%', (100 - axis.position) + '%', '75%')\" \r\n      [attr.y]=\"normOrientation(axis.position + '%', '12px', '18px', (100 - axis.position) + '%', axis.position + '%', '18px', '12px', (100 - axis.position) + '%')\" \r\n      [style.text-anchor]=\"normOrientation('end', 'middle', 'middle', 'start', 'start', 'middle', 'middle', 'end')\">{{ axis.text }}</text>\r\n    </g>\r\n    <line\r\n    [attr.x1]=\"normOrientation('100%', '0', '0', 0, 0, '0', 0, '100%')\" \r\n    [attr.x2]=\"normOrientation('100%', '100%', '100%', 0, 0, '100%', '100%', '100%')\" \r\n    [attr.y1]=\"normOrientation('0%', '0', '30px', '0%', '0%', '30px', 0, '0%')\" \r\n    [attr.y2]=\"normOrientation('100%', '0', '30px', '100%', '100%', '30px', 0, '100%')\" \r\n    class=\"x-stroke\" />\r\n  </g>\r\n</svg>\r\n<svg *ngIf=\"currentActiveScaleAxis\" \r\n[attr.x]=\"normOrientation('31px', '30px', 'calc(100% - 30px)', 'calc(100% - 43px)', 'calc(100% - 43px)', '30px', 'calc(100% - 31px)', '31px')\" \r\n[attr.y]=\"normOrientation('30px', 'calc(100% - 43px)', '31px', 'calc(100% - 31px)', '30px', '31px', 'calc(100% - 43px)', 'calc(100% - 31px)')\">\r\n  <text dy=\".71em\" \r\n  [attr.x]=\"'0'\" \r\n  [attr.y]=\"'0'\" \r\n  [ngStyle]=\"{'transform': normOrientation('rotate(-90deg)', 'rotate(0deg)', 'rotate(0deg)', 'rotate(-90deg)', 'rotate(-90deg)', 'rotate(0deg)', 'rotate(0deg)', 'rotate(-90deg)'), 'text-anchor': normOrientation('end', 'start', 'end', 'start', 'end', 'start', 'end', 'start')}\">{{ currentScaleLabel }}</text>\r\n</svg>","styles":[".axis{font:10px sans-serif}.axis line,.axis path{fill:none;stroke:#000}.axis text{fill:#000}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"yAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"activeScaleAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"isLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"scaleLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"normOrientation":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"[xaxis]","template":"<svg id=\"xaxis\" [attr.x]=\"normOrientation('30px', 'calc(100% - 30px)', '0%', '30px')\"\r\n  [attr.y]=\"normOrientation('calc(100% - 30px)', '30px', '30px', '0px')\"\r\n  [attr.width]=\"normOrientation('calc(100% - 60px)', '30px', '30px', 'calc(100% - 60px)')\"\r\n  [attr.height]=\"normOrientation( '30px', 'calc(100% - 60px)', 'calc(100% - 60px)', '30px')\" style=\"overflow: visible;\">\r\n  <g class=\"x axis xaxis-text\">\r\n    <g class=\"tick\" *ngFor=\"let axis of currentXAxis\">\r\n      <line [attr.x1]=\"normOrientation(axis.position + '%', '0', 'calc(100% - 6px)', (100 - axis.position) + '%')\"\r\n        [attr.x2]=\"normOrientation(axis.position + '%', 4, '100%', (100 - axis.position) + '%')\"\r\n        [attr.y1]=\"normOrientation(0, axis.position + '%', (100 - axis.position) + '%', '30px')\"\r\n        [attr.y2]=\"normOrientation(4, axis.position + '%', (100 - axis.position) + '%', '24px')\"></line>\r\n      <text [attr.dy]=\"normOrientation('.71em', '.31em', '.32em', '.32em')\"\r\n        [attr.x]=\"normOrientation(axis.position + '%', '6', '75%', (100 - axis.position) + '%')\"\r\n        [attr.y]=\"normOrientation('6', axis.position + '%', axis.position + '%', '18px')\"\r\n        [ngStyle]=\"{'text-anchor': normOrientation('middle', 'start', 'end', 'middle')}\">{{\r\n            axis.text }}</text>\r\n    </g>\r\n    <line id=\"dlChartBarXLine\" [attr.x1]=\"normOrientation(0, 0, '100%', '0')\"\r\n      [attr.y1]=\"normOrientation(0, 0, '0%', '30px')\" [attr.x2]=\"normOrientation('100%', 0, '100%', '100%')\"\r\n      [attr.y2]=\"normOrientation(0, '100%', '100%', '30px')\" class=\"x-stroke\" />\r\n  </g>\r\n</svg>","styles":[".axis{font:10px sans-serif}.axis line,.axis path{fill:none;stroke:#000}.axis text{fill:#000}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"xAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"normOrientation":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"dl-bar-chart","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"Emulated"},"template":"<ng-container>\r\n  <svg class=\"bar-chart-svg\" width=\"100%\" height=\"100%\">\r\n    <svg id=\"bars\" class=\"bars\" x=\"30px\" y=\"30px\" width=\"calc(100% - 60px)\" height=\"calc(100% - 60px)\">\r\n      <rect (mousemove)=\"onHoverSegment($event, bar)\" (mouseleave)=\"onLeaveSegment($event)\" (click)=\"onClickSegment(bar)\"\r\n        [attr.id]=\"bar.id\" [attr.class]=\"'bar ' + cssClassSegment(bar)\" [attr.fill-opacity]=\"barFillOpacity\" [attr.stroke]=\"bar.color\" [attr.fill]=\"bar.color\" [attr.x]=\"normOrientation(bar.x, bar.y, (bar.isMinusValue === false ? (100 - barGroundLineY) : ((100 - barGroundLineY) - bar.height)), bar.x) + '%'\"\r\n        [attr.width]=\"normOrientation(bar.width, bar.height, bar.height, bar.width) + '%'\" [attr.y]=\"normOrientation(bar.y, bar.x, bar.x, (bar.isMinusValue === false ? (100 - barGroundLineY) : ((100 - barGroundLineY) - bar.height))) + '%'\"\r\n        [attr.height]=\"normOrientation(bar.height, bar.width, bar.width, bar.height) + '%'\" *ngFor=\"let bar of bars\">\r\n      </rect>\r\n      <line id=\"dlChartBarSelectLineIndicator\" *ngIf=\"currentActiveBar != null && !shouldHideSelectLine\" [attr.y1]=\"(currentActiveBar.isMinusValue === false ?  normOrientation((barGroundLineY - currentActiveBar.height), 0, 0, ((100 - barGroundLineY) + currentActiveBar.height)) : normOrientation((barGroundLineY + currentActiveBar.height), 0, 0, ((100 - barGroundLineY) - currentActiveBar.height))) + '%'\"\r\n        [attr.x1]=\"(currentActiveBar.isMinusValue === false ?  normOrientation(0, (barGroundLineY - currentActiveBar.height), ((100 - barGroundLineY) + currentActiveBar.height), 0) : normOrientation(0, (barGroundLineY + currentActiveBar.height), ((100 - barGroundLineY) - currentActiveBar.height), 0)) + '%'\"\r\n        [attr.y2]=\"(currentActiveBar.isMinusValue === false ?  normOrientation((barGroundLineY - currentActiveBar.height), 100, 100, ((100 - barGroundLineY) + currentActiveBar.height)) : normOrientation((barGroundLineY + currentActiveBar.height), 100, 100, ((100 - barGroundLineY) - currentActiveBar.height))) + '%'\"\r\n        [attr.x2]=\"(currentActiveBar.isMinusValue === false ?  normOrientation(100, (barGroundLineY - currentActiveBar.height), ((100 - barGroundLineY) + currentActiveBar.height), 100) : normOrientation(100, (barGroundLineY + currentActiveBar.height), ((100 - barGroundLineY) - currentActiveBar.height), 100)) + '%'\"\r\n        class=\"selection-line active-stroke\" />\r\n      <line id=\"dlChartBarNormalizedLine\" [attr.y1]=\"normOrientation(barGroundLineY, 0, 0, (100 - barGroundLineY)) + '%'\"\r\n        [attr.x1]=\"normOrientation(0, barGroundLineY, (100 - barGroundLineY), 0) + '%'\" [attr.y2]=\"normOrientation(barGroundLineY, 100, 100, (100 - barGroundLineY)) + '%'\"\r\n        [attr.x2]=\"normOrientation(100, barGroundLineY, (100 - barGroundLineY), 100) + '%'\" class=\"ground-line\" />\r\n    </svg>\r\n    <svg xaxis [orientation]=\"currentOrientation\" [xAxis]=\"xAxis\"></svg>\r\n    <svg yaxis [activeScaleAxis]=\"activeLeftScaleAxis\" [orientation]=\"currentOrientation\" [yAxis]=\"yAxis\" [scaleLabel]=\"currentScaleLabel\"></svg>\r\n    <svg yaxis [activeScaleAxis]=\"activeRightScaleAxis\" [orientation]=\"currentOrientation\" [yAxis]=\"yAxis\" [isLeft]=\"false\" [scaleLabel]=\"currentScaleLabel\"></svg>\r\n  </svg>\r\n  <div id=\"dlChartTooltip\" *ngIf=\"tooltipShow\" [style.top.px]=\"tooltipTop\" [style.left.px]=\"tooltipLeft\" class=\"tooltiptext\">\r\n    <span>{{ tooltipValue }}</span>\r\n  </div>\r\n</ng-container>","styles":[".tooltiptext{position:fixed;overflow:hidden;text-align:center;padding:5px 10px;border-radius:6px;z-index:80;background-color:#555;color:#fff}.bar{stroke-width:2px}.bar-selected,.bar:hover{opacity:.8;transition:.5s}.bars line{fill:none;shape-rendering:crispEdges;stroke:#000}.selection-line{fill:#000;stroke-width:1;stroke-dasharray:5}.ground-line{fill:#000}.bar-anim-top-bottom{-webkit-animation:.4s 1ms scaleBar;animation:.4s 1ms reverse scaleBar;-webkit-transform-origin:100% 90% 0;transform-origin:100% 90% 0}.bar-anim-left-right{-webkit-animation:.4s 1ms scaleBarX;animation:.4s 1ms reverse scaleBarX;-webkit-transform-origin:100% 90% 0;transform-origin:100% 90% 0}@-webkit-keyframes scaleBar{100%{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes scaleBar{100%{-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes scaleBarX{100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes scaleBarX{100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}"]}]}],"members":{"barFullFilled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"hideSelectLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"barOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"scaleLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"leftScaleAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"rightScaleAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":82}]}],"ngOnChanges":[{"__symbolic":"method"}],"calculateChart":[{"__symbolic":"method"}],"createXAxis":[{"__symbolic":"method"}],"createBars":[{"__symbolic":"method"}],"onClickSegment":[{"__symbolic":"method"}],"resetActiveElement":[{"__symbolic":"method"}],"cssClassSegment":[{"__symbolic":"method"}],"normOrientation":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"dl-line-chart","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"Emulated"},"template":"<ng-container>\r\n  <svg class=\"line-chart-svg\" width=\"100%\" height=\"100%\">\r\n    <svg xaxis [orientation]=\"0\" [xAxis]=\"xAxis\"></svg>\r\n    <svg yaxis [activeScaleAxis]=\"activeLeftScaleAxis\" [orientation]=\"0\" [yAxis]=\"yAxis\" [scaleLabel]=\"currentScaleLabel\"></svg>\r\n    <svg yaxis [activeScaleAxis]=\"activeRightScaleAxis\" [orientation]=\"0\" [yAxis]=\"yAxis\" [isLeft]=\"false\" [scaleLabel]=\"currentScaleLabel\"></svg>\r\n    <svg width=\"calc(100% - 60px)\" height=\"calc(100% - 60px)\" x=\"30px\" y=\"30px\" style=\"overflow: visible;\">\r\n      <g *ngIf=\"!activeHideRaster\" class=\"raster\" id=\"background-raster\">\r\n        <line class=\"background-raster\" [attr.x1]=\"axis.position + '%'\" [attr.x2]=\"axis.position + '%'\" y1=\"0\" y2=\"100%\"\r\n          *ngFor=\"let axis of xAxis\"></line>\r\n        <line class=\"background-raster\" [attr.y1]=\"axis.position + '%'\" [attr.y2]=\"axis.position + '%'\" x1=\"0\" x2=\"100%\"\r\n          *ngFor=\"let axis of yAxis\"></line>\r\n      </g>\r\n      <svg *ngIf=\"!activeHideLines\" width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" style=\"overflow:visible\">\r\n        <g *ngFor=\"let axis of axisPoint\">\r\n          <polyline class=\"line cssClassSegmentLine(axis)\" fill=\"none\" [attr.stroke]=\"axis.color\" stroke-width=\"1\" [attr.points]=\"getPathFromAxisLine(axis.points)\" />\r\n          <polygon *ngIf=\"!activeHideLinesFiller\" class=\"line-filler\" [attr.fill]=\"axis.color\" stroke=\"none\"\r\n            [attr.points]=\"getPathFromAxisLine(axis.points) + ' 100,100 0,100'\" />\r\n        </g>\r\n      </svg>\r\n      <g *ngIf=\"!activeHideSelectionLines && currentActivePoint != null\" id=\"selection\">\r\n        <line class=\"point-selected x-point-selected\" x2=\"0\" [attr.y2]=\"currentActivePoint.y + '%'\" [attr.x2]=\"currentActivePoint.x + '%'\"\r\n          [attr.y1]=\"'100%'\" [attr.x1]=\"currentActivePoint.x + '%'\"></line>\r\n        <line class=\"point-selected y-point-selected\" [attr.x1]=\"selectionXEndPoint + '%'\" [attr.x2]=\"currentActivePoint.x+ '%'\"\r\n          [attr.y2]=\"currentActivePoint.y+ '%'\" [attr.y1]=\"currentActivePoint.y+ '%'\"></line>\r\n      </g>\r\n      <g [attr.class]=\"'line-axis line-axis-anim'\" *ngFor=\"let axis of axisPoint\">\r\n        <g *ngIf=\"!activeHidePoints\" id=\"selection-point\">\r\n          <circle *ngFor=\"let point of axis.points\" (mousemove)=\"onHoverSegment($event, point)\" (mouseleave)=\"onLeaveSegment($event)\"\r\n            (click)=\"onClickSegmentPoint(point, axis)\" [attr.id]=\"point.id\" [attr.class]=\"'point ' + cssClassSegmentPoint(point)\"\r\n            [attr.fill]=\"point.color\" [attr.cx]=\"point.x + '%'\" [attr.cy]=\"point.y + '%'\" [attr.r]=\"pointSize(point)\" />\r\n        </g>\r\n      </g>\r\n    </svg>\r\n  </svg>\r\n  <div id=\"dlChartTooltip\" *ngIf=\"tooltipShow\" [style.top.px]=\"tooltipTop\" [style.left.px]=\"tooltipLeft\" class=\"tooltiptext\">\r\n    <span>{{ tooltipValue }}</span>\r\n  </div>\r\n</ng-container>","styles":[".tooltiptext{position:fixed;overflow:hidden;text-align:center;padding:5px 10px;border-radius:6px;z-index:80;background-color:#555;color:#fff}.raster line{fill:none;stroke:#000}.background-raster{opacity:.1}.point-anim{transition:.5s;-webkit-animation:.4s showPoint;animation:.4s reverse showPoint}.line{opacity:.8}.line-filler{opacity:.3}.line-anim{transition:.5s;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:.5s linear forwards dash;animation:.5s linear forwards dash}.point-selected{transition:.5s;stroke-width:3px;stroke:#000}@-webkit-keyframes showPoint{100%{opacity:0}}@keyframes showPoint{100%{opacity:0}}@-webkit-keyframes dash{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}"]}]}],"members":{"scaleLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"leftScaleAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"rightScaleAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"hideRaster":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"hideLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"hideLinesFiller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"hidePoints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"hideSelectionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartItemService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":78,"character":82}]}],"ngOnChanges":[{"__symbolic":"method"}],"compare":[{"__symbolic":"method"}],"calculateChart":[{"__symbolic":"method"}],"getPathFromAxisLine":[{"__symbolic":"method"}],"createAxis":[{"__symbolic":"method"}],"resetActiveElement":[{"__symbolic":"method"}],"onClickSegmentPoint":[{"__symbolic":"method"}],"cssClassSegmentLine":[{"__symbolic":"method"}],"cssClassSegmentPoint":[{"__symbolic":"method"}],"pointSize":[{"__symbolic":"method"}]}}},"origins":{"DlChartModule":"./lib/dl-chart.module","DlBarChartModule":"./lib/bar-chart/bar-chart.module","DlPieChartModule":"./lib/pie-chart/pie-chart.module","DlLegendModule":"./lib/legend/legend.module","DlLineChartModule":"./lib/line-chart/line-chart.module","TooltipConfiguration":"./lib/models/tooltipconfiguration.model","Value":"./lib/models/value.model","LegendConfiguration":"./lib/models/legendconfiguration.model","ServiceItem":"./lib/models/serviceitem.model","IChartItem":"./lib/models/chartitem.interface","ChartOrientation":"./lib/models/enums","Point":"./lib/models/point.model","Line":"./lib/models/line.model","ChartItemService":"./lib/services/chart-item.service","ɵa":"./lib/pie-chart/pie-chart.component","ɵb":"./lib/shared/base-chart.component","ɵc":"./lib/services/utils.service","ɵd":"./lib/legend/legend.component","ɵe":"./lib/shared/axis-components.module","ɵf":"./lib/shared/yaxis.component","ɵg":"./lib/shared/xaxis.component","ɵh":"./lib/bar-chart/bar-chart.component","ɵi":"./lib/line-chart/line-chart.component"},"importAs":"dl-chart"}