{"__symbolic":"module","version":4,"metadata":{"ModularBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":2}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-modular-bar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":16},"member":"None"},"template":"<div class=\"__mb-wrapper\">\n\n\t<lib-modular-bar-base\n\t\tclass=\"__mb-bar-container\"\n\t\t[separations]=\"separations\"\n\t\t[value]=\"value\"\n\t\t[canBeHovered]=\"canBeHovered\"\n\t\t[hoveredValue]=\"hoveredValue\"\n\t\t[gapsPerSeparation]=\"((maxValue - minValue) * ticks) / separations\"\n\t\t(valueHover)=\"onValueHover($event)\"\n\t\t(valueClick)=\"onValueClick($event)\"\n\t\t>\n\t</lib-modular-bar-base>\n\n\t<lib-modular-bar-indicator\n\t\tclass=\"__mb-indicator-container\"\n\t\t[maxValue]=\"maxValue\"\n\t\t[minValue]=\"minValue\"\n\t\t[value]=\"value\"\n\t\t[ticks]=\"ticks\"\n\t\t[label]=\"label\"\n\t\t[canBeModified]=\"canBeModified\"\n\t\t(onNewValue)=\"onNewValue($event)\"\n\t>\n\t</lib-modular-bar-indicator>\n\n</div>\n","styles":[".__mb-wrapper{position:relative;width:100%;height:100%;--mb-bar-height:10px;--mb-gap:1px;--mb-bar-bg-idle:gray;--mb-bar-bg-active:blue;--mb-bar-bg-hovered:lightblue;--mb-indicator-size-idle:calc(var(--mb-bar-height) * 2);--mb-indicator-border-size-idle:1px;--mb-indicator-bg-idle:white;--mb-indicator-border-idle:blue;--mb-indicator-cursor-idle:grab;--mb-indicator-shadow-idle:0 0 2px -1px black;--mb-indicator-size-hover:calc(var(--mb-bar-height) * 2);--mb-indicator-bg-hover:#d0d0d0;--mb-indicator-border-hover:rgb(20, 20, 189);--mb-indicator-border-size-hover:1px;--mb-indicator-cursor-hover:grab;--mb-indicator-shadow-hover:0 0 2px -1px black;--mb-indicator-size-active:calc(var(--mb-bar-height) * 2);--mb-indicator-bg-active:blue;--mb-indicator-border-active:white;--mb-indicator-border-size-active:1px;--mb-indicator-cursor-active:grabbing;--mb-indicator-shadow-active:0 0 2px -1px black;--mb-indicator-size-disabled:calc(var(--mb-bar-height) * 2);--mb-indicator-bg-disabled:gray;--mb-indicator-border-disabled:gray;--mb-indicator-border-size-disabled:1px;--mb-indicator-cursor-disabled:not-allowed;--mb-indicator-shadow-disabled:0 0 2px -1px black;--mb-label-size-idle:1rem;--mb-label-weight-idle:400;--mb-label-color-idle:black;--mb-label-gap-idle:0px;--mb-label-size-hover:1rem;--mb-label-weight-hover:400;--mb-label-color-hover:black;--mb-label-gap-hover:0px;--mb-label-size-active:1rem;--mb-label-weight-active:400;--mb-label-color-active:black;--mb-label-gap-active:0px;--mb-label-size-disabled:1rem;--mb-label-weight-disabled:400;--mb-label-color-disabled:black;--mb-label-gap-disabled:0px;display:flex;align-items:center;justify-content:center}.__mb-wrapper>.__mb-bar-container{width:100%;height:var(--mb-bar-height)}.__mb-wrapper>.__mb-indicator-container{width:100%;height:var(--mb-bar-height);position:absolute;top:50%;left:0;transform:translate(0,-50%);pointer-events:none}"]}]}],"members":{"canBeModified":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"maxValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"minValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"separations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":2}}]}],"canBeHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":2}}]}],"valueChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":2},"arguments":["valueChange"]}]}],"valueHoveredEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":2},"arguments":["valueHovered"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onNewValue":[{"__symbolic":"method"}],"onValueHover":[{"__symbolic":"method"}],"onValueClick":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-modular-bar-base","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":18},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":16},"member":"None"},"template":"<div class=\"__mb-bar-wrapper\" [class.__mb-can-hover]=\"canBeHovered\">\n\n\t<div\n\t\tclass=\"__mb-bar-item-wrapper\"\n\t\t[class.__mb-item-hovered]=\"hoveredValue !== null\"\n\t\t*ngFor=\"let separation of (separations | numToArray)\"\n\t\t(mouseleave)=\"onHoverItem(null, null)\"\n\t>\n\n\t\t<div class=\"__mb-bar-item\">\n\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let gap of (gapsPerSeparation | numToArray)\"\n\t\t\t\t\tclass=\"__mb-bar-item-value\"\n\t\t\t\t\t[class.__mb-active]=\"value | insidePercentage:separations:separation:gapsPerSeparation:gap\"\n\t\t\t\t\t[class.__mb-hovered]=\"hoveredValue | insidePercentage:separations:separation:gapsPerSeparation:gap\"\n\t\t\t\t\t(mouseenter)=\"onHoverItem(separation, gap)\"\n\t\t\t\t\t(click)=\"onClickItem(separation, gap)\"\n\t\t\t\t>\n\t\t\t\t</div>\n\n\t\t</div>\n\n\t</div>\n\n</div>\n","styles":[".__mb-bar-wrapper{position:relative;width:100%;height:var(--mb-bar-height);display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.__mb-bar-wrapper>.__mb-bar-item-wrapper{flex:1 1 0px;height:100%;overflow:hidden}.__mb-bar-wrapper>.__mb-bar-item-wrapper:first-child{border-radius:calc(var(--mb-bar-height)/ 2) 0 0 calc(var(--mb-bar-height)/ 2)}.__mb-bar-wrapper>.__mb-bar-item-wrapper:last-child{border-radius:0 calc(var(--mb-bar-height)/ 2) calc(var(--mb-bar-height)/ 2) 0;--mb-gap:0px}.__mb-bar-wrapper>.__mb-bar-item-wrapper>.__mb-bar-item{width:calc(100% - var(--mb-gap));height:100%;display:flex;align-items:center;justify-content:flex-start}.__mb-bar-wrapper>.__mb-bar-item-wrapper>.__mb-bar-item>.__mb-bar-item-value{flex:1 1 0px;height:100%;background-color:var(--mb-bar-bg-idle)}.__mb-bar-wrapper.__mb-can-hover>.__mb-bar-item-wrapper:not(.__mb-item-hovered)>.__mb-bar-item>.__mb-bar-item-value.__mb-active{background-color:var(--mb-bar-bg-active)}.__mb-bar-wrapper.__mb-can-hover>.__mb-bar-item-wrapper>.__mb-bar-item>.__mb-bar-item-value.__mb-hovered{background-color:var(--mb-bar-bg-hovered)}"]}]}],"members":{"separations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"gapsPerSeparation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"canBeHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2}}]}],"hoveredValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"valueHoverEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":2},"arguments":["valueHover"]}]}],"valueClickedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":2},"arguments":["valueClick"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onHoverItem":[{"__symbolic":"method"}],"onClickItem":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-modular-bar-indicator","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":18},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":16},"member":"None"},"template":"<div class=\"__mb-indicator-wrapper\">\n\n\t<div class=\"__mb-indicator\"\n\t\t[style.left.%]=\"value * 100\"\n\t\t[class.__mb-disabled]=\"!canBeModified\"\n\t\tlibModularBarIndicator\n\t\t[value]=\"value\"\n\t\t[minValue]=\"minValue\"\n\t\t[maxValue]=\"maxValue\"\n\t\t[editable]=\"canBeModified\"\n\t\t[tick]=\"ticks\"\n\t\t(newValue)=\"onNewValue($event)\"\n\t>\n\n\t\t<div class=\"__mb-label\">\n\t\t\t{{label}}\n\t\t</div>\n\t</div>\n\n</div>\n","styles":[".__mb-indicator-wrapper{position:relative;width:100%;height:var(--mb-bar-height);--mb-indicator-size-current:var(--mb-indicator-size-idle)}.__mb-indicator-wrapper>.__mb-indicator{position:absolute;left:0;top:50%;width:var(--mb-indicator-size-idle);height:var(--mb-indicator-size-idle);background-color:var(--mb-indicator-bg-idle);border:var(--mb-indicator-border-size-idle) solid var(--mb-indicator-border-idle);cursor:var(--mb-indicator-cursor-idle);box-shadow:var(--mb-indicator-shadow-idle);border-radius:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:all}.__mb-indicator-wrapper>.__mb-indicator:hover{width:var(--mb-indicator-size-hover);height:var(--mb-indicator-size-hover);background-color:var(--mb-indicator-bg-hover);border:var(--mb-indicator-border-size-hover) solid var(--mb-indicator-border-hover);cursor:var(--mb-indicator-cursor-hover)}.__mb-indicator-wrapper>.__mb-indicator.__mb-grabbed{width:var(--mb-indicator-size-active);height:var(--mb-indicator-size-active);background-color:var(--mb-indicator-bg-active);border:var(--mb-indicator-border-size-active) solid var(--mb-indicator-border-active);cursor:var(--mb-indicator-cursor-active)}.__mb-indicator-wrapper>.__mb-indicator.__mb-disabled{width:var(--mb-indicator-size-disabled);height:var(--mb-indicator-size-disabled);background-color:var(--mb-indicator-bg-disabled);border:var(--mb-indicator-border-size-disabled) solid var(--mb-indicator-border-disabled);cursor:var(--mb-indicator-cursor-disabled)}.__mb-indicator-wrapper>.__mb-indicator>.__mb-label{position:absolute;left:50%;top:100%;transform:translate(-50%,var(--mb-label-gap-idle));color:var(--mb-label-color-idle);font-weight:var(--mb-label-weight-idle);font-size:var(--mb-label-size-idle);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"maxValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"minValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"ticks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"canBeModified":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":2}}]}],"newValueEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":2},"arguments":["onNewValue"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onNewValue":[{"__symbolic":"method"}]}}},"origins":{"ModularBarModule":"./lib/modular-bar.module","ɵa":"./lib/modular-bar.container","ɵb":"./lib/pages/base/base.component","ɵc":"./lib/pages/indicator/indicator.component","ɵd":"./lib/directives","ɵe":"./lib/pipes","ɵf":"./lib/pipes"},"importAs":"ng-modular-bar"}