{"__symbolic":"module","version":4,"metadata":{"ToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":5,"character":28}],"declarations":[{"__symbolic":"reference","name":"ToggleComponent"}],"exports":[{"__symbolic":"reference","name":"ToggleComponent"}]}]}],"members":{}},"ToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sebng-toggle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":19},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":5,"character":13},"useExisting":{"__symbolic":"reference","name":"ToggleComponent"},"multi":true}],"template":"<div class=\"form-group custom-toggle\" [ngClass]=\"className\">\n    <div class=\"custom-control custom-slide-toggle\">\n        <input\n            class=\"custom-control-input\"\n            [attr.id]=\"id\"\n            [attr.name]=\"name\"\n            type=\"checkbox\"\n            [(ngModel)]=\"value\"\n            [disabled]=\"disabled\"\n            [attr.aria-checked]=\"!!value\"\n            tabIndex=\"0\"\n            role=\"switch\"\n        />\n        <label class=\"custom-control-label\" [attr.for]=\"id\">\n            {{ label }}\n        </label>\n    </div>\n</div>\n","styles":[".form-group.custom-toggle>.custom-control.custom-slide-toggle{display:inline-block;margin-top:10px;margin-bottom:10px}.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-input{width:2.5rem;z-index:1;cursor:pointer}.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-input:disabled:not(:checked)+label.custom-control-label:before{background-color:#dedede}.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-input:checked:disabled+label.custom-control-label:before{background-color:#adadad}.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-input:not(:disabled)+label.custom-control-label{cursor:pointer}.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-label:before,.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-label:after{top:2px;box-shadow:none}.form-group.custom-toggle>.custom-control.custom-slide-toggle>.custom-control-label:after{transition:left .2s ease-in-out}\n"]}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":5}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}},"origins":{"ToggleModule":"./toggle.module","ToggleComponent":"./toggle.component"},"importAs":"@sebgroup/ng-components/lib/toggle"}