[{"__symbolic":"module","version":3,"metadata":{"SLIDER_TEMPLATE":"\n\t<div #slider class=\"slider f-full\"\n\t\t\t[class.slider-disabled]=\"disabled\"\n\t\t\t[ngClass]=\"{'f-row slider-v':mode=='v','f-column slider-h':mode=='h'}\">\n\t\t<div #sinner class=\"slider-inner\" (touchstart)=\"doDown($event,sinner)\" (mousedown)=\"doDown($event,sinner)\">\n\t\t\t<a href=\"javascript:;\" class=\"slider-handle\" \n\t\t\t\t\teuiDraggable cursor=\"pointer\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[axis]=\"mode\"\n\t\t\t\t\t[ngStyle]=\"getPosStyle(value1)\"\n\t\t\t\t\t(drag)=\"onDragHandle($event)\"></a>\n\t\t\t<span *ngIf=\"showTip\" class=\"slider-tip\" [ngStyle]=\"getPosStyle(value1)\">{{value1}}</span>\n\t\t\t<ng-container *ngIf=\"range\">\n\t\t\t<a href=\"javascript:;\" class=\"slider-handle\" \n\t\t\t\t\teuiDraggable cursor=\"pointer\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[axis]=\"mode\"\n\t\t\t\t\t[ngStyle]=\"getPosStyle(value2)\"\n\t\t\t\t\t(drag)=\"onDragHandle($event,true)\"></a>\n\t\t\t<span *ngIf=\"showTip\" class=\"slider-tip\" [ngStyle]=\"getPosStyle(value2)\">{{value2}}</span>\n\t\t\t</ng-container>\n\t\t</div>\n\t\t<ng-container *ngIf=\"rule.length\">\n\t\t\t<div class=\"slider-rule\">\n\t\t\t\t<span *ngFor=\"let v of displayingRule;let index=index\" [ngStyle]=\"getRuleValueStyle(index)\"></span>\n\t\t\t</div>\n\t\t\t<div class=\"slider-rulelabel\">\n\t\t\t\t<ng-container *ngFor=\"let v of displayingRule;let index=index\">\n\t\t\t\t<span *ngIf=\"v!='|'\" [ngStyle]=\"getRuleValueStyle(index)\">{{v}}</span>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t</ng-container>\n\t</div>\n","SliderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/value-accessor-base","name":"ValueAccessorBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-slider","template":{"__symbolic":"reference","name":"SLIDER_TEMPLATE"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"},"multi":true}],"host":{"[class.f-inline-row]":"true","$quoted$":["[class.f-inline-row]"]}}]}],"members":{"sliderRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["slider"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"reversed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showTip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rule":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"getPosStyle":[{"__symbolic":"method"}],"getRuleValueStyle":[{"__symbolic":"method"}],"onDragHandle":[{"__symbolic":"method"}],"doDown":[{"__symbolic":"method"}],"setPos":[{"__symbolic":"method"}],"value2pos":[{"__symbolic":"method"}],"pos2value":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SLIDER_TEMPLATE":"\n\t<div #slider class=\"slider f-full\"\n\t\t\t[class.slider-disabled]=\"disabled\"\n\t\t\t[ngClass]=\"{'f-row slider-v':mode=='v','f-column slider-h':mode=='h'}\">\n\t\t<div #sinner class=\"slider-inner\" (touchstart)=\"doDown($event,sinner)\" (mousedown)=\"doDown($event,sinner)\">\n\t\t\t<a href=\"javascript:;\" class=\"slider-handle\" \n\t\t\t\t\teuiDraggable cursor=\"pointer\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[axis]=\"mode\"\n\t\t\t\t\t[ngStyle]=\"getPosStyle(value1)\"\n\t\t\t\t\t(drag)=\"onDragHandle($event)\"></a>\n\t\t\t<span *ngIf=\"showTip\" class=\"slider-tip\" [ngStyle]=\"getPosStyle(value1)\">{{value1}}</span>\n\t\t\t<ng-container *ngIf=\"range\">\n\t\t\t<a href=\"javascript:;\" class=\"slider-handle\" \n\t\t\t\t\teuiDraggable cursor=\"pointer\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[axis]=\"mode\"\n\t\t\t\t\t[ngStyle]=\"getPosStyle(value2)\"\n\t\t\t\t\t(drag)=\"onDragHandle($event,true)\"></a>\n\t\t\t<span *ngIf=\"showTip\" class=\"slider-tip\" [ngStyle]=\"getPosStyle(value2)\">{{value2}}</span>\n\t\t\t</ng-container>\n\t\t</div>\n\t\t<ng-container *ngIf=\"rule.length\">\n\t\t\t<div class=\"slider-rule\">\n\t\t\t\t<span *ngFor=\"let v of displayingRule;let index=index\" [ngStyle]=\"getRuleValueStyle(index)\"></span>\n\t\t\t</div>\n\t\t\t<div class=\"slider-rulelabel\">\n\t\t\t\t<ng-container *ngFor=\"let v of displayingRule;let index=index\">\n\t\t\t\t<span *ngIf=\"v!='|'\" [ngStyle]=\"getRuleValueStyle(index)\">{{v}}</span>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t</ng-container>\n\t</div>\n","SliderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/value-accessor-base","name":"ValueAccessorBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-slider","template":{"__symbolic":"reference","name":"SLIDER_TEMPLATE"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SliderComponent"},"multi":true}],"host":{"[class.f-inline-row]":"true"}}]}],"members":{"sliderRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["slider"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"reversed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showTip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rule":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"getPosStyle":[{"__symbolic":"method"}],"getRuleValueStyle":[{"__symbolic":"method"}],"onDragHandle":[{"__symbolic":"method"}],"doDown":[{"__symbolic":"method"}],"setPos":[{"__symbolic":"method"}],"value2pos":[{"__symbolic":"method"}],"pos2value":[{"__symbolic":"method"}]}}}}]