{"__symbolic":"module","version":4,"metadata":{"NgxCircularSliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"ngx-cs-slider","template":"<svg #circle [attr.height]=\"getContainerWidth()\" [attr.width]=\"getContainerWidth()\"> <defs> <linearGradient *ngFor=\"let segment of segments\" [attr.key]=\"segment.id\" [attr.id]=\"getGradientId(segment.id)\" [attr.x1]=\"segment.arcs.fromX.toFixed(2)\" [attr.y1]=\"segment.arcs.fromY.toFixed(2)\" [attr.x2]=\"segment.arcs.toX.toFixed(2)\" [attr.y2]=\"segment.arcs.toY.toFixed(2)\"> <stop offset=\"0%\" [attr.stop-color]=\"segment.colors.fromColor\"/> <stop offset=\"1\" [attr.stop-color]=\"segment.colors.toColor\"/> </linearGradient> </defs> <!-- circle-donut --> <g [attr.transform]=\"getTranslate()\"> <circle [attr.r]=\"props.radius\" [attr.stroke-width]=\"props.strokeWidth\" [attr.stroke]=\"props.bgCircleColor\" fill=\"transparent\"/> <g ngx-cs-clock-face *ngIf=\"props.showClockFace\" [radius]=\"(props.radius-props.strokeWidth/2)\" [stroke]=\"props.clockFaceColor\"> </g> <path *ngFor=\"let segment of segments\" [attr.d]=\"segment.d\" [attr.key]=\"segment.id\" [attr.stroke-width]=\"this.props.strokeWidth\" [attr.stroke]=\"getGradientUrl(segment.id)\" fill=\"transparent\"/> <!-- start icon --> <g #startIcon [attr.fill]=\"this.props.gradientColorFrom\" [attr.transform]=\"getTranslateFrom(start.fromX, start.fromY)\"> <circle [attr.r]=\"((this.props.strokeWidth - 1) / 2)\" [attr.fill]=\"this.props.bgCircleColor\" [attr.stroke]=\"this.props.gradientColorFrom\" stroke-width=\"1\"/> <ng-content select=\".acs-start-icon\"></ng-content> </g> <!-- stop icon --> <g #stopIcon [attr.fill]=\"props.gradientColorTo\" [attr.transform]=\"getTranslateFrom(stop.toX, stop.toY)\"> <circle [attr.r]=\"((this.props.strokeWidth - 1) / 2)\" [attr.fill]=\"this.props.bgCircleColor\" [attr.stroke]=\"this.props.gradientColorTo\" stroke-width=\"1\"/> <ng-content select=\".acs-stop-icon\"></ng-content> </g> </g> </svg> ","styles":[":host { display: inline-block; } "]}]}],"members":{"props":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"startAngle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"angleLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"update":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["circle"]}]}],"stopIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["stopIcon"]}]}],"startIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["startIcon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onUpdate":[{"__symbolic":"method"}],"setObservables":[{"__symbolic":"method"}],"closeStreams":[{"__symbolic":"method"}],"handleStartPan":[{"__symbolic":"method"}],"handleStopPan":[{"__symbolic":"method"}],"calcStartAndStop":[{"__symbolic":"method"}],"calculateArcColor":[{"__symbolic":"method"}],"calculateArcCircle":[{"__symbolic":"method"}],"createSegments":[{"__symbolic":"method"}],"setCircleCenter":[{"__symbolic":"method"}],"getContainerWidth":[{"__symbolic":"method"}],"getGradientId":[{"__symbolic":"method"}],"getGradientUrl":[{"__symbolic":"method"}],"getTranslate":[{"__symbolic":"method"}],"getTranslateFrom":[{"__symbolic":"method"}]}},"NgxCircularSliderModule":{"__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":"NgxCircularSliderComponent"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"NgxCircularSliderComponent"}]}]}],"members":{}},"ISliderChanges":{"__symbolic":"interface"},"IOutput":{"__symbolic":"interface"},"IProps":{"__symbolic":"interface"},"IArc":{"__symbolic":"interface"},"IColor":{"__symbolic":"interface"},"ICoords":{"__symbolic":"interface"},"ISegment":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"[ngx-cs-clock-face]","template":"<svg:g> <line *ngFor=\"let clockLine of clockLines\" [attr.key]=\"clockLine.id\" [attr.stroke]=\"stroke\" [attr.stroke-width]=\"clockLine.strokeWidth\" [attr.x1]=\"clockLine.x1\" [attr.y1]=\"clockLine.y1\" [attr.x2]=\"clockLine.x2\" [attr.y2]=\"clockLine.y2\"> </line> <svg:g transform=\"translate(0, 5)\"> <text *ngFor=\"let clockText of clockTexts\" [attr.key]=\"clockText.id\" [attr.fill]=\"stroke\" font-size=\"16\" text-anchor=\"middle\" [attr.x]=\"clockText.x\" [attr.y]=\"clockText.y\"> {{clockText.id + 1}} </text> </svg:g> </svg:g> ","styles":[""]}]}],"members":{"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"stroke":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"createClockLines":[{"__symbolic":"method"}],"createClockTexts":[{"__symbolic":"method"}]}}},"origins":{"NgxCircularSliderComponent":"./ngx-cs-slider/ngx-cs-slider.component","NgxCircularSliderModule":"./ngx-circular-slider.module","ISliderChanges":"./interfaces","IOutput":"./interfaces","IProps":"./interfaces","IArc":"./interfaces","IColor":"./interfaces","ICoords":"./interfaces","ISegment":"./interfaces","ɵa":"./ngx-cs-clock-face/ngx-cs-clock-face.component"},"importAs":"ngx-circular-slider"}