{"__symbolic":"module","version":4,"metadata":{"SlideToggleGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"gor-slide-toggle-group, mur-slide-toggle-group","template":"<ng-container *ngIf=\"data && data.length > 0\">\n  <div class=\"toggle-group-container\">\n    <ng-container *ngFor=\"let toggle of data;let i=index\">\n      <div class=\"toggle-container\">\n        <span *ngIf=\"!!labels[i]\" class=\"toggle-label\">{{ labels[i] }}:</span>\n        <gor-slide-toggle\n          [id]=\"toggle?.cod\"\n          [checked]=\"toggle?.checked\"\n          [color]=\"toggle?.color\"\n          [title]=\"toggle?.title\"\n          [cssClass]=\"toggle?.cssClass\"\n          (toggleChange)=\"toggleChange(toggle?.cod, $event)\"\n          ngDefaultControl\n        ></gor-slide-toggle>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n","styles":[":host{display:flex;align-items:center;justify-content:center;padding:15px;background:#fff}.toggle-label{color:#888e8e;font-family:Lato;font-size:12px;margin:auto 0;text-transform:uppercase}.toggle-group-container{display:flex;min-width:inherit;width:85%}.toggle-group-container>:first-child{margin-right:auto}.toggle-container{display:flex}@media only screen and (max-width:1199px){.toggle-group-container{flex-wrap:wrap;min-width:unset}.toggle-group-container>:first-child{flex:1 0 100%}.toggle-container{display:block;flex:1 0 50%;text-align:left;margin-top:auto}}@media only screen and (max-width:599px){.toggle-container{display:block;flex:1 0 100%;text-align:left;margin-top:auto}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"labels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selecteds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"toggleChange":[{"__symbolic":"method"}],"propagateChanges":[{"__symbolic":"method"}]}},"SlideToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"gor-slide-toggle, mur-slide-toggle","template":"<div class=\"toggle {{ cssClass }}\" [ngClass]=\"{ disabled: disabled }\">\n  <label class=\"switch\">\n    <input type=\"checkbox\" [checked]=\"checked\" (change)=\"changeChecked()\" />\n    <span class=\"slider round\" [style.backgroundColor]=\"checked ? color : ''\">\n      <span class=\"slider-before\" [ngClass]=\"{ active: checked }\"></span>\n    </span>\n  </label>\n  <span class=\"title\">{{ title }}</span>\n</div>\n","styles":[".toggle{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;margin:0 20px}.toggle .title{text-transform:uppercase}.toggle.disabled{cursor:initial;pointer-events:none}.toggle.disabled .slider-before{background:#888e8e!important}.switch{position:relative;width:28px;height:15px;margin:auto 15px auto 0}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d8dada;transition:.4s}.slider.round{border-radius:15px;height:15px;width:28px}.slider-before{position:absolute;height:13px;width:13px;left:2px;bottom:1px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 0 4px 0 rgba(0,0,0,.5)}.slider-before.active{transform:translateX(13px)}input:checked+.slider{background-color:#dbdddd}input:focus+.slider{box-shadow:0 0 1px #dbdddd}@media only screen and (max-width:1199px){.toggle{margin:10px 0}}"]}]}],"members":{"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"toggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"changeChecked":[{"__symbolic":"method"}]}},"ToggleData":{"__symbolic":"interface"},"SlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"SlideToggleComponent"},{"__symbolic":"reference","name":"SlideToggleGroupComponent"}],"exports":[{"__symbolic":"reference","name":"SlideToggleComponent"},{"__symbolic":"reference","name":"SlideToggleGroupComponent"}]}]}],"members":{}}},"origins":{"SlideToggleGroupComponent":"./lib/slide-toggle-group.component","SlideToggleComponent":"./lib/slide-toggle.component","ToggleData":"./lib/slide-toggle.model","SlideToggleModule":"./lib/slide-toggle.module"},"importAs":"@gorilainvest/ui-toolkit/slide-toggle"}