{"__symbolic":"module","version":4,"metadata":{"AngularSunburstRadarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"lib-sunburst-radar-chart","template":"<ng-container (mouseout)=\"onOutOfComponent();\">\n\n\n  <div *ngIf=\"hasError\" style=\"    color: #a94442;\n    background-color: #f2dede;\n    border-color: #ebccd1;\n    margin-top: 5px;\npadding: 15px;\n    margin-bottom: 20px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n\">\n    <strong>Error!</strong> {{error}}\n  </div>\n\n\n\n<div class=\"app-tooltip\"  *ngIf=\"showToolTip\" style=\"position: absolute; display: block;background: cornsilk;  border: 1px solid black;  border-radius: 5px;  padding: 5px;  z-index: 1002;\"\n\n     [style.left]=\"tooltipLeftInPx\" [style.top]=\"tooltipTopInPx\" >\n  {{tooltipText}}\n</div>\n\n<svg [attr.id]=\"svgId\"\n     [attr.height]=\"size\"\n     [attr.width]=\"size\"\n     [attr.viewBox]=\"viewBox\"\n     [style.cursor]=\"svgCursor\"\n     xmlns=\"http://www.w3.org/2000/svg\">\n\n\n\n\n  <animateTransform\n    *ngIf=\"animateChart\"\n    attributeName=\"transform\"\n    begin=\"4s\"\n    dur=\"500ms\"\n    type=\"rotate\"\n    from=\"0\"\n    to=\"10\"\n\n    additive=\"sum\"\n    fill=\"freeze\"\n    repeatCount=\"1\"\n  />\n\n\n<g\n  (mousemove)=\"rotateChart($event);\"\n  (mousedown)=\"startRotate($event)\"\n  (mouseup)=\"stopRotate()\"\n  (touchmove)=\"rotateChart($event);\"\n  (touchstart)=\"startRotate($event)\"\n  (touchend)=\"stopRotate()\"\n  [attr.transform]=\"rotationPoint\"\n  [attr.id]=\"svgGroupId\"\n\n\n  >\n  <ng-container  *ngFor=\"let element of elements\" >\n\n\n\n      <ng-container [ngSwitch]=\"element.name\" >\n\n\n          <circle *ngSwitchCase=\"'circle'\"  [attr.cx]=\"element.options.x\" [attr.cy]=[element.options.y]\n                  [attr.r]=\"element.options.radius\"\n                  [attr.stroke-width]=\"element.options['stroke-width']\"\n                  [attr.stroke]=\"element.options['stroke']\"\n                  [attr.stroke-dasharray]=\"element.options['stroke-dasharray']\"\n                  [attr.stroke-opacity]=\"element.options['stroke-opacity']\"\n                  [attr.fill]=\"element.options['fillColor']\"\n          >\n\n\n\n\n          </circle>\n\n          <path *ngSwitchCase=\"'path'\"  [attr.d]=\"element.options.d\" [attr.fill]=[element.options.fill]\n\n                  [attr.stroke]=\"element.options['stroke']\"\n                  [attr.stroke-width]=\"element.options['stroke-width']\"\n                  [attr.id]=\"element.options['id']\"\n                (mousemove)=\"showTooltipText($event, element.options['title']);\"\n                (mouseout)=\"hideTooltip()\"   >\n\n\n\n\n\n          </path>\n\n<g *ngSwitchCase=\"'path-bar'\" >\n\n\n\n  <path  [attr.d]=\"element.options.d\"\n         [attr.fill]=[element.options.fill]\n\n         [attr.stroke]=\"element.options['stroke']\"\n         [attr.stroke-width]=\"element.options['stroke-width']\"\n         [attr.stroke-opacity]=\"element.options['stroke-opacity']\"\n         [attr.fill-opacity]=\"element.options['fill-opacity']\"\n         [attr.id]=\"element.options['id']\"\n         (mousemove)=\"showTooltipText($event, element.options['title']);\"  (mouseout)=\"hideTooltip()\"   >\n\n\n\n\n    <ng-container\n\n      *ngIf=\"animateChart\"\n    >\n\n            <animate\n              attributeName=\"fill\"\n              [attr.from]=\"element.options['fill']\"\n              to=\"transparent\"\n              dur=\"1ms\"\n              fill=\"freeze\" />\n            <animate\n              attributeName=\"stroke\"\n              [attr.from]=\"element.options['fill']\"\n              [attr.to]=\"element.options['fill']\"\n              dur=\"1ms\"\n              fill=\"freeze\" />\n            <animate\n              attributeName=\"stroke-width\"\n              from=\"8\"\n              to=\"8\"\n              dur=\"1ms\"\n              fill=\"freeze\" />\n            <animate\n              attributeName=\"stroke-dasharray\"\n              from=\"1000\"\n              to=\"1000\"\n              dur=\"1ms\"\n              fill=\"freeze\" />\n\n\n            <animate\n              attributeName=\"fill\"\n              from=\"#FFFFFF\"\n              [attr.to]=\"element.options['fill']\"\n              begin=\"2s\"\n              dur=\"3s\"\n              fill=\"freeze\" />\n\n            <animate\n              attributeName=\"stroke-dashoffset\"\n              from=\"1000\"\n              to=\"0\"\n              begin=\"1ms\"\n              dur=\"3s\"\n              fill=\"freeze\" />\n\n            <animate\n              attributeName=\"stroke-width\"\n              from=\"8\"\n              [attr.to]=\"element.options['stroke']\"\n              begin=\"3s\"\n              dur=\"1s\"\n              fill=\"freeze\" />\n    </ng-container>\n          </path>\n\n\n\n\n</g>\n\n        <text *ngSwitchCase=\"'text-on-arc'\"\n              [attr.font-size]=\"element.options['font-size']\"\n\n        >\n          <textPath\n            [attr.href]=\"element.options.href\"\n            [attr.startOffset]=\"element.options.startOffset\"\n            [attr.text-anchor]=\"element.options['text-anchor']\"\n          >{{element.options['label']}}</textPath>\n          <title>{{element.options['title']}}</title>\n\n        </text>\n\n\n          <line *ngSwitchCase=\"'line'\"\n                [attr.x1]=\"element.options.x1\"\n                [attr.y1]=\"element.options.y1\"\n                [attr.x2]=\"element.options.x2\"\n                [attr.y2]=\"element.options.y2\"\n                [attr.stroke-width]=\"element.options.width\"\n\n                  [attr.stroke]=\"element.options['color']\"    >\n            <title>{{element.options['title']}}</title>\n          </line>\n\n\n        <text *ngSwitchCase=\"'text'\"\n              [attr.x]=\"element.options.x\"\n              [attr.y]=\"element.options.y\"\n              [attr.stroke]=\"element.options.stroke\"\n              [attr.stroke-width]=\"element.options['stroke-width']\"\n              [attr.font-size]=\"element.options['font-size']\"\n              [attr.text-anchor]=\"element.options['text-anchor']\"\n        >{{element.options.content}}\n          <title>{{element.options['content']}}</title>\n        </text>\n\n      </ng-container>\n\n\n\n  </ng-container>\n\n\n  </g>\n</svg>\n</ng-container>\n","styles":[".app-tooltip{background:#fff8dc;border:1px solid #000;border-radius:5px;padding:5px;z-index:1002}.growAnimation{-moz-transition:transform 2s ease-in-out;-webkit-transition:transform 2s ease-in-out;-o-transition:transform 2s ease-in-out;transform:scale(1)}.growAnimation:active{transform:scale(.5)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"showError":[{"__symbolic":"method"}],"hideError":[{"__symbolic":"method"}],"appendToSvg":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"modifyOnFirstChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"getLegendAxisIndex":[{"__symbolic":"method"}],"hasValidParameters":[{"__symbolic":"method"}],"drawOuterBackgroundWithMiddle":[{"__symbolic":"method"}],"drawOnLevel":[{"__symbolic":"method"}],"getUniqueCode":[{"__symbolic":"method"}],"drawInnerBorders":[{"__symbolic":"method"}],"addSmallCirclesAtCenter":[{"__symbolic":"method"}],"drawLegends":[{"__symbolic":"method"}],"addArcText":[{"__symbolic":"method"}],"drawLayout":[{"__symbolic":"method"}],"hideTooltip":[{"__symbolic":"method"}],"showTooltipText":[{"__symbolic":"method"}],"onOutOfComponent":[{"__symbolic":"method"}],"stopRotate":[{"__symbolic":"method"}],"startRotate":[{"__symbolic":"method"}],"rotateChart":[{"__symbolic":"method"}]}},"AngularSunburstRadarChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AngularSunburstRadarChartComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"AngularSunburstRadarChartComponent"}]}]}],"members":{}}},"origins":{"AngularSunburstRadarChartComponent":"./lib/angular-sunburst-radar-chart.component","AngularSunburstRadarChartModule":"./lib/angular-sunburst-radar-chart.module"},"importAs":"angular-sunburst-radar-chart"}